@charset "UTF-8";
/*kracie2023amana*/
/*------gnavi_no_following------*/
.whole{
  padding-top: 0!important;
}
.kkampo_gronavi.navi_fixed{
  position: relative!important;
  border: none!important;
}
.kkampo_gronavi.navi_fixed .kkampo_gronavi_innr{
  padding: 30px 0!important;
}
.kkampo_gronavi.navi_fixed .gnav-sec{
  padding-bottom: 30px!important;
}
.kkampo_gronavi.navi_fixed .head-sec .head-logo a{
  width: 380px;
  height: 27.866px;
  background-size:380px 27.866px;
}
@media (max-width:769px) {
  .kkampo_gronavi.navi_fixed .head-sec .head-logo a{
    width: 300px;
    height: 22px;
    background-size:300px 22px;
  }
}
@media (max-width:320px) {
  .kkampo_gronavi.navi_fixed .head-sec .head-logo a{
    width: 260px;
    height: 19.066px;
    background-size: 260px 19.066px;
  }
}
/*------/gnavi_no_following------*/

.mod-intro .mod-intro-inner h1{position:absolute;top:36px;left:0}
.mod-intro .mod-intro-inner .figure{position:absolute;top:-11px;right:160px}
.body-sec .sec-inner{width:950px;margin:0 auto}
.sec1{padding:40px 0 40px 40px;background:#f9f9f9}
.sec1:before,.sec1:after{content:"";display:table}
.sec1:after{clear:both}
.sec1 .figure-wrap{width:210px;float:left}
.sec1 .figure-wrap .caption{padding-top:1px;width:210px;height:140px;background:url(../../img/teach/detail-name-bg.png) no-repeat 0 0;text-align:center}
.sec1 .figure-wrap .caption .copy{margin-top:10px;font-size:1.14286em;font-weight:bold;line-height:1.2}
.sec1 .figure-wrap .caption .title{margin-top:10px;font-size:2em;font-weight:bold;line-height:1}
.sec1 .figure-wrap .caption .kana{margin-bottom:5px;font-size:0.85714em}
.type1 .sec1 .figure-wrap .caption .copy{color:#ed4c00}.type1 .sec1 .figure-wrap .caption .title{color:#ed4c00}
.type1 .sec1 .figure-wrap .caption .kana{color:#ed4c00}.type2 .sec1 .figure-wrap .caption .copy{color:#00a8e4}
.type2 .sec1 .figure-wrap .caption .title{color:#00a8e4}.type2 .sec1 .figure-wrap .caption .kana{color:#00a8e4}
.type3 .sec1 .figure-wrap .caption .copy{color:#00b77c}.type3 .sec1 .figure-wrap .caption .title{color:#00b77c}
.type3 .sec1 .figure-wrap .caption .kana{color:#00b77c}.type4 .sec1 .figure-wrap .caption .copy{color:#a914d8}
.type4 .sec1 .figure-wrap .caption .title{color:#a914d8}.type4 .sec1 .figure-wrap .caption .kana{color:#a914d8}
.type5 .sec1 .figure-wrap .caption .copy{color:#cc9500}.type5 .sec1 .figure-wrap .caption .title{color:#cc9500}
.type5 .sec1 .figure-wrap .caption .kana{color:#cc9500}.type6 .sec1 .figure-wrap .caption .copy{color:#98c900}
.type6 .sec1 .figure-wrap .caption .title{color:#98c900}.type6 .sec1 .figure-wrap .caption .kana{color:#98c900}
.type7 .sec1 .figure-wrap .caption .copy{color:#0061c5}.type7 .sec1 .figure-wrap .caption .title{color:#0061c5}
.type7 .sec1 .figure-wrap .caption .kana{color:#0061c5}.type8 .sec1 .figure-wrap .caption .copy{color:#eb0032}
.type8 .sec1 .figure-wrap .caption .title{color:#eb0032}.type8 .sec1 .figure-wrap .caption .kana{color:#eb0032}
.type9 .sec1 .figure-wrap .caption .copy{color:#07b300}.type9 .sec1 .figure-wrap .caption .title{color:#07b300}
.type9 .sec1 .figure-wrap .caption .kana{color:#07b300}.type10 .sec1 .figure-wrap .caption .copy{color:#258c02}
.type10 .sec1 .figure-wrap .caption .title{color:#258c02}.type10 .sec1 .figure-wrap .caption .kana{color:#258c02}
.sec1 .movie{float:left;margin-left:20px;width:640px}
@media (max-width:769px) {
  .mod-intro img{
    height:100%;
    width:auto;
  }
  .mod-intro-inner{
    width:100%;
  }
  .mod-intro .mod-intro-inner{
    height:80px;
    background-position:right 0 center;
    background-size:cover;
  }
  .mod-intro .mod-intro-inner h1{
    height:20px;
    width:auto;
    top:29px;
    left:20px;
  }
  .mod-intro .mod-intro-inner h1 img{
    height:100%;
  }
  .body-sec .sec-inner{
    width:95%;
  }
}

.sec2{padding-top:40px;padding-bottom:40px}.sec2 .column-3{padding:5px 0;background:url(../../img/teach/column3-bg.png) repeat-y 0 0}.sec2 .column-3:before,.sec2 .column-3:after{content:"";display:table}.sec2 .column-3:after{clear:both}.sec2 .column-3 .glid{margin-left:33px;padding-right:40px;width:240px;float:left}.sec2 .column-3 .glid p{font-size:1.14286em}.sec2 .column-3 .glid h3{margin-bottom:15px;padding-left:18px;background:url(../../img/teach/icon-arrow.png) no-repeat 0 8px;font-weight:bold;font-size:1.28571em}.sec2 .column-3 .glid.glid3{background:none}.sec2 .column-2{padding:5px 0;background:url(../../img/teach/column2-bg.png) repeat-y 0 0}.sec2 .column-2:before,.sec2 .column-2:after{content:"";display:table}.sec2 .column-2:after{clear:both}.sec2 .column-2 .glid{margin-left:33px;padding-right:40px;width:400px;float:left}.sec2 .column-2 .glid h3{margin-bottom:15px;padding-left:18px;background:url(../../img/teach/icon-arrow.png) no-repeat 0 8px;font-weight:bold;font-size:1.28571em}.sec2 .column-2 .glid p{font-size:1.14286em}.sec2 .column-2 .glid.glid2{background:none}.sec3{padding-bottom:50px;background:#ff6666}.sec3 .sec-inner .sec3-wrap{padding:55px 35px 0}.sec3 .sec-inner .title{margin-bottom:10px;color:#fff;font-size:1.28571em;font-weight:bold}.sec3 .sec-inner .text{margin-bottom:40px;font-size:1.14286em;color:#fff}.sec3 .sec-inner .spec-list{margin:-15px 0 0 -15px}.sec3 .sec-inner .spec-list:before,.sec3 .sec-inner .spec-list:after{content:"";display:table}.sec3 .sec-inner .spec-list:after{clear:both}.sec3 .sec-inner .spec-list li{float:left}.sec3 .sec-inner .spec-list li a{display:block;color:#fff;margin:15px  0  0 15px;padding:5px 20px;font-weight:bold;background-color:#ff8c8c;text-decoration:none;line-height:1;border-radius:20px}.sec3 .sec-inner .spec-list li a:hover{color:#ff6666;background-color:#fff}.sec4{padding:50px 0;background:#fff}.sec4 .lineup-title{margin:0 auto 29px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;width:200px;height:63px;background-position:center top;background-repeat:no-repeat}.type1 .sec4 .lineup-title{background-image:url(../../img/teach/detail_1/detail1-lineup-title.png)}.type2 .sec4 .lineup-title{background-image:url(../../img/teach/detail_2/detail2-lineup-title.png)}.type3 .sec4 .lineup-title{background-image:url(../../img/teach/detail_3/detail3-lineup-title.png)}.type4 .sec4 .lineup-title{background-image:url(../../img/teach/detail_4/detail4-lineup-title.png)}.type5 .sec4 .lineup-title{background-image:url(../../img/teach/detail_5/detail5-lineup-title.png)}.type6 .sec4 .lineup-title{background-image:url(../../img/teach/detail_6/detail6-lineup-title.png)}.type7 .sec4 .lineup-title{background-image:url(../../img/teach/detail_7/detail7-lineup-title.png)}.type8 .sec4 .lineup-title{background-image:url(../../img/teach/detail_8/detail8-lineup-title.png)}.type9 .sec4 .lineup-title{background-image:url(../../img/teach/detail_9/detail9-lineup-title.png)}.type10 .sec4 .lineup-title{background-image:url(../../img/teach/detail_10/detail10-lineup-title.png)}.sec4 .mod-item-list{text-align:center}.lineupChart{background:url(../../img/teach/chart-bg.png) repeat-x center center}.lineupChart .row>ul{width:950px;margin-right:auto;margin-left:auto;letter-spacing:-0.4em;text-align:center}.lineupChart .row>ul:before,.lineupChart .row>ul:after{content:"";display:table}.lineupChart .row>ul:after{clear:both}.lineupChart .row>ul>li{display:inline-block;margin:0 15px;letter-spacing:normal;vertical-align:top}.lineupChart .type-list li{margin-top:10px}.lineupChart .type-list li a{display:block;width:180px;height:27px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-repeat:no-repeat;background-position:0 0}.lineupChart .type-list li a:hover{background-position:0 bottom}.lineupChart .type-list li.btn_pattern1 a{background-image:url(../../img/teach/index/btn-type1.png)}.lineupChart .type-list li.btn_pattern2 a{background-image:url(../../img/teach/index/btn-type2.png)}.lineupChart .type-list li.btn_pattern3 a{background-image:url(../../img/teach/index/btn-type3.png)}.lineupChart .type-list li.btn_pattern4 a{background-image:url(../../img/teach/index/btn-type4.png)}.lineupChart .subTitle{padding-top:40px}.lineupChart .subTitle span{display:block;width:220px;height:40px;margin-right:auto;margin-left:auto;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat}.lineupChart .subTitle1 span{background-image:url(../../img/teach/chart-subtitle1.png)}.lineupChart .subTitle2 span{background-image:url(../../img/teach/chart-subtitle2.png)}.lineupChart .btn-block{background-repeat:no-repeat;background-position:0 0}.lineupChart .btn-block a{position:relative;display:block}.lineupChart .btn-block a span{display:block;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-repeat:no-repeat;background-position:0 0}.lineupChart .btn-block a .btn{width:180px;height:235px;transition:opacity .3s}.lineupChart .btn-block a .figure{position:absolute;top:15px;left:57px;width:72px;height:109px}.lineupChart .btn-block a:hover .btn{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.lineupChart .btn-block a:hover .figure{animation:chart-figure-anime .2s ease}.lineupChart .btn-block a:hover i{animation:chara-figure-anime .5s}.lineupChart .btn-block i{position:absolute;display:block;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-repeat:no-repeat;background-position:0 0}.lineupChart .row1{background:#ffe3e3}.lineupChart .row1>ul{margin-top:36px}.lineupChart .row2>ul{margin-top:28px}.lineupChart .row3{padding-bottom:36px;background:#e3faff}.lineupChart .row3>ul{margin-top:32px}.lineupChart .lineup1 .btn-block{background-image:url(../../img/teach/chart-btn1_o.png)}.lineupChart .lineup1 .btn{background-image:url(../../img/teach/chart-btn1.png)}.lineupChart .lineup1 .figure{background-image:url(../../img/teach/chart-figure1.png)}.lineupChart .lineup1 i{top:-17px;left:-11px;width:59px;height:69px;background-image:url(../../img/teach/chart-chara1.png)}.lineupChart .lineup2 .btn-block{background-image:url(../../img/teach/chart-btn2_o.png)}.lineupChart .lineup2 .btn{background-image:url(../../img/teach/chart-btn2.png)}.lineupChart .lineup2 .figure{background-image:url(../../img/teach/chart-figure2.png)}.lineupChart .lineup2 i{top:-12px;left:-17px;width:68px;height:63px;background-image:url(../../img/teach/chart-chara2.png)}.lineupChart .lineup3 .btn-block{background-image:url(../../img/teach/chart-btn3_o.png)}.lineupChart .lineup3 .btn{background-image:url(../../img/teach/chart-btn3.png)}.lineupChart .lineup3 .figure{background-image:url(../../img/teach/chart-figure3.png)}.lineupChart .lineup3 i{top:-13px;left:-12px;width:63px;height:72px;background-image:url(../../img/teach/chart-chara3.png)}.lineupChart .lineup4 .btn-block{background-image:url(../../img/teach/chart-btn4_o.png)}.lineupChart .lineup4 .btn{background-image:url(../../img/teach/chart-btn4.png)}.lineupChart .lineup4 .figure{background-image:url(../../img/teach/chart-figure4.png)}.lineupChart .lineup4 i{top:-8px;left:-24px;width:51px;height:74px;background-image:url(../../img/teach/chart-chara4.png)}.lineupChart .lineup5 .btn-block{background-image:url(../../img/teach/chart-btn5_o.png)}.lineupChart .lineup5 .btn{background-image:url(../../img/teach/chart-btn5.png)}.lineupChart .lineup5 .figure{background-image:url(../../img/teach/chart-figure5.png)}
.lineupChart .lineup5 i{top:-6px;left:-13px;width:63px;height:71px;background-image:url(../../img/teach/chart-chara5.png)}.lineupChart .lineup6 .btn-block{background-image:url(../../img/teach/chart-btn6_o.png)}.lineupChart .lineup6 .btn{background-image:url(../../img/teach/chart-btn6.png)}.lineupChart .lineup6 .figure{background-image:url(../../img/teach/chart-figure6.png)}.lineupChart .lineup6 i{top:-10px;left:-9px;width:65px;height:68px;background-image:url(../../img/teach/chart-chara6.png)}.lineupChart .lineup7 .btn-block{background-image:url(../../img/teach/chart-btn7_o.png)}.lineupChart .lineup7 .btn{background-image:url(../../img/teach/chart-btn7.png)}.lineupChart .lineup7 .figure{background-image:url(../../img/teach/chart-figure7.png)}.lineupChart .lineup7 i{top:-10px;left:-23px;width:64px;height:64px;background-image:url(../../img/teach/chart-chara7.png)}.lineupChart .lineup8 .btn-block{background-image:url(../../img/teach/chart-btn8_o.png)}.lineupChart .lineup8 .btn{background-image:url(../../img/teach/chart-btn8.png)}.lineupChart .lineup8 .figure{background-image:url(../../img/teach/chart-figure8.png)}.lineupChart .lineup8 i{top:-10px;left:-19px;width:67px;height:60px;background-image:url(../../img/teach/chart-chara8.png)}.lineupChart .lineup9 .btn-block{background-image:url(../../img/teach/chart-btn9_o.png)}.lineupChart .lineup9 .btn{background-image:url(../../img/teach/chart-btn9.png)}.lineupChart .lineup9 .figure{background-image:url(../../img/teach/chart-figure9.png)}.lineupChart .lineup9 i{top:-10px;left:-19px;width:65px;height:74px;background-image:url(../../img/teach/chart-chara9.png)}.lineupChart.phase1 .type-list{display:none}@keyframes chart-figure-anime{0%, 100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes chara-figure-anime{0%, 100%{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}

.mod-intro-inner{height:100px;background:url(../../img/common/bg-intro2.png) center 0 no-repeat}
.material-sec h2{margin-top:40px;font-size:1.14286em}
.material-sec .material-table{margin-top:25px;width:100%;border:1px solid #dddddd}
.material-sec .material-table tbody th,.material-sec .material-table tbody td{padding:15px;border:1px solid #dddddd}
.material-sec .material-table tbody th{font-weight:bold}
.material-sec .material-table tbody th.col1{width:70px}
.material-sec .material-table tbody td.col2{width:100px}
.material-sec .material-table tbody td.col5{font-size:0.85714em}
.material-sec .material-table tbody tr.even{background:#f9f9f9}
@media (max-width:769px) {
  .material-sec h2{
    margin-top:30px;
    font-size:12px;
  }
  .material-sec .material-table tbody th,.material-sec .material-table tbody td{
    padding:10px;
  }
  .material-sec .material-table{
    margin-top:25px;
    font-size:11px;
  }
  .material-sec .material-table tbody th.col1{
    width:30px;
  }
  .material-sec .material-table tbody td.col2{
    width:auto;
  }
  .material-sec .material-table tbody td.col5{
    font-size:11px;
  }
}