@charset "utf-8";
/* ------------------------------------------------------------ common */
body{ min-width: 1400px; margin: 0 auto; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; }
#wrapper{ position: relative; }
.inner{ width: 1100px; margin: 0 auto; padding: 0 50px; }
.s_inner{ width: 900px; margin: 0 auto; padding: 0 50px; }

.SP{ display: none; }

 a{ color: #000; text-decoration: none; }
 
 .load-fade{　opacity : 0; transition : all 2s/*処理にかかる時間*/;}
 .load-fade.done{　opacity : 1; transition : all 2s/*処理にかかる時間*/;}

.helvetica{ font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.din{ font-family: "din-2014", sans-serif; font-weight: 400; font-style: normal; }
.furuta{ font-family: "futura-pt", sans-serif; font-weight: 500; font-style: normal; }
.brother{ font-family: "brother-1816", sans-serif; font-weight: 500; font-style: normal; }


.btn{ width: 230px; filter: drop-shadow(2px 6px 0px rgba(0,0,0,0.15)); }
.btn a{ display: block; width: 100%; box-sizing: border-box; padding: 18px 0 18px 30px; text-align: center; border-radius: 50px; font-weight: 700; background: #ebdd00 url(../images/common/icn_01.svg) calc(50% - 80px) center/25px no-repeat; font-size: 15px; }

.dot{ position: relative; font-weight: 700; }
.dot:after{ position: absolute; content: ""; top: 0; left: 50%; transform: translate(-50%,0); width: 4px; height: 4px; border-radius: 50px; background: #fff; }

.band{ padding: 5px 10px; display: inline-block; background: #fff; font-weight: 700; }
.band.black{ background: #000; color: #fff; }
.band span{ font-weight: 700; }

.line{ background: linear-gradient( transparent 75%, #ebdd00 75%); font-weight: 700; }

.red{ color: #a01616; font-weight: 700; }
.blue{ color: #002f6e; font-weight: 700; }
.yellow{ color: #ebdd00!important; }

.line{ background: linear-gradient( transparent 80%, #ebdd00 80%); }
 
h2.traiangle{ position: relative; padding: 23px 0; color: #000; background: #e0d1be; font-size: 40px; line-height: 130%; text-align: center; font-weight: 700; box-shadow: 6.691px 7.431px 0px 0px rgba(0, 10, 0, 0.15); z-index: 10; }
h2.traiangle:before{ position: absolute; z-index: 1; content: ""; bottom: -20px; left: 50%; transform: translate(-50%,0); border-top: 30px solid #e0d1be; border-left: 20px solid transparent; border-right: 20px solid transparent; filter: drop-shadow(0 11px 0px rgba(0,0,0,0.15)); }
h2.traiangle span{ font-weight: 700; }


/* header */
header{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; min-width: 1300px; background: #fff; }
header .h_inner{ padding: 20px 5%; }
header .flex{ display: flex; align-items: center; justify-content: space-between; }

header h1{ width: 220px; }
header h1 img{ width: 100%; height: auto; }

header nav{ padding: 0 10px 0 0; }
header nav li{ float: left; padding: 0 10px 0; font-size: 12px; }



/* ------------------------------------------------------------ fv */
#fv{ position: relative; background: url(../images/bg_fv_01.jpg) center/cover no-repeat; }
#fv .bg_01{ max-width: 1900px; margin: 0 auto; background: url(../images/bg_fv_02.png) center 94% no-repeat; }
#fv .bg_02{ height: 100vh; min-height: 1100px; max-height: 1200px; padding: 11% 0 0; box-sizing: border-box; }
#fv .fv_inner{ padding: 0 5%; }

#fv h2{ width: 30%; max-width: 600px; min-width: 250px; margin: 0 auto; position: absolute; top: 14%; left: 50%; transform: translate(-50%,0); }
#fv h2 img{ width: 100%; height: auto; }

#fv h4{ width: 95%; max-width: 1600px; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); }
#fv h4 img{ width: 100%; height: auto; }

#fv ul{ display: flex; justify-content: space-between; }
#fv li{ width: 425px; }
#fv li:last-of-type{ text-align: right; }

#fv li p{ font-weight: 700; font-size: 36px; }
#fv li .chach{ width: 280px; text-align: center; padding: 0 0 10px; font-size: 24px; color: #fff; background: url(../images/common/icn_textL.png) left center/20px no-repeat, url(../images/common/icn_textR.png) right center/20px no-repeat; }
#fv li .chach span{ font-size: 30px; font-weight: 700; }
#fv li p:last-of-type{ font-size: 36px; }

#fv .left .chach{ width: 200px; }
#fv .right .chach{ margin: 0 0 0 auto; }

#fv li h3{ font-size: 60px; }


@media only screen and (max-width: 1600px) {
	

#fv .bg_01{ background: url(../images/bg_fv_03.png) center 94% no-repeat; }	
	
}



/* ------------------------------------------------------------ which */
#which{ padding: 50px 0 100px; }
#which .line{ display: inline-block; padding: 0 0 7px; }
#which h2{ padding: 0 0 75px; font-size: 40px; font-weight: 700; text-align: center; line-height: 140%; }
#which h2 strong{ font-size: 70px; font-family: "futura-pt", sans-serif; font-weight: 500; font-style: normal; }

#which li{ position: relative; width: 490px; float: left; margin: 0 60px 0 0; box-shadow: 6.428px 7.66px 40px 0px rgba(0, 0, 0, 0.2); background: #fff url(../images/common/arrow_01.png) center calc(100% - 35px)/65px no-repeat; border-radius: 30px; text-align: center; }
#which li a{ display: block; width: 490px; height: 277px; padding: 40px 40px 30px; font-size: 36px; line-height: 160%; font-weight: 700; box-sizing: border-box; }
#which li span{ padding: 0 0 25px; font-size: 30px; }
#which li:last-of-type{ margin: 0; }

#which li:before{ position: absolute; content: ""; top: -20px; left: 50%; transform: translate(-50%,0); width: 71px; height: 41px; }
#which li:first-of-type:before{ background: url(../images/common/icn_02.png) center/cover no-repeat; }
#which li:last-of-type:before{ background: url(../images/common/icn_03.png) center/cover no-repeat; }

/* キラキラ */
#which li:after {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%); -webkit-animation: shine 3s infinite; animation: shine 3s infinite; }
@-webkit-keyframes shine {
  100% {
    left: 100%;
  }
}
@keyframes shine {
  100% {
    left: 100%;
  }
}



/* ------------------------------------------------------------ cource */
#cource{ overflow: hidden; }

#cource  h4{ width: 640px; margin: 0 auto 60px; padding: 16px 0 20px; position: relative; color: #fff; font-size: 36px; font-weight: 700; text-align: center; background: #000; border-radius: 15px; box-sizing: border-box; }
#cource  h4:before{ position: absolute; z-index: 1; content: ""; bottom: -20px; left: 50%; transform: translate(-50%,0); border-top: 22px solid #000; border-left: 15px solid transparent; border-right: 15px solid transparent; }


/* ttl_box */
#cource .ttl_box .bubble{ position: relative; font-size: 24px; text-align: center; }
#cource .ttl_box .bubble:after{ position: absolute; content: ""; bottom: -28px; left: 50%; transform: translate(0,-50%); border-top: 22px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent; filter: drop-shadow(6px 10px 0px rgba(0,0,0,0.15));  }
#cource .ttl_box .bubble span{ padding: 13px 20px; display: inline-block; background: #fff; box-shadow: 6.691px 7.431px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 50px; font-weight: 700; }
#cource .ttl_box .bubble span:first-of-type{ margin: 0 0 -5px; }

#cource .ttl_box h3{ position: relative; z-index: 1; padding: 40px 0 50px; text-align: center; }
#cource .ttl_box h3 .band{ padding: 10px 20px; font-size: 42px; box-shadow: 6.691px 7.431px 0px 0px rgba(0, 0, 0, 0.15);  }
#cource .ttl_box h3 .band.black{ font-size: 75px; padding: 15px 20px; }

#cource .ttl_box p:last-of-type{ position: relative; z-index: 1; font-size: 23px; text-align: center; font-weight: 700; }


/* recomend */
#cource .recomend{ position: relative; margin: 70px auto 0; padding: 0 0 80px; }
#cource .recomend h4{ position: absolute; top: -37px; left: 50%; transform: translate(-50%,0); margin: 0; }
#cource .recomend h4:before{ display: none; }

#cource .recomend .w_box{ box-sizing: border-box; padding: 50px 40px 25px; box-shadow: 6.691px 7.431px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 20px; background: #fff; }

#cource .recomend li{ padding: 20px 30px 20px 60px; border-bottom: 2px dotted #313131; background: url(../images/common/icn_check.png) 10px 55%/30px no-repeat; font-size: 30px; font-weight: 700; line-height: 150%; }
#cource .recomend li small{ font-size: 18px; }
#cource .recomend li:last-of-type{ border: none; }


/* point */
#cource .point{ padding: 80px 0 0; background: url(../images/common/bg_repeat_03.png) center/35px repeat; }
#cource .point h4{ margin-bottom: 130px; }

#cource .point ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
#cource .point li{ position: relative; width: 500px; height: 380px; margin: 0 0 90px 0; background: #fff; box-shadow: 6.691px 7.431px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 10px; text-align: center; padding: 20px 20px 30px; box-sizing: border-box; }

#cource .point li .num{ position: absolute; top: -60px; left: 20px; width: 120px; }
#cource .point li .num img{ width: 100%; height: auto; }
#cource .point li .item{ display: block; margin:10px auto 0; }
#cource .point li:nth-of-type(3) .item{ display: block; margin: -15px auto 0; }

#cource .point li p{ font-size: 24px; line-height: 180%; }
#cource .point li p span{ padding: 0 5px; font-weight: 500; }
#cource .point li p span.note{ font-size: 14px; }
#cource .point li small{ font-size: 13px; display: block; padding: 10px 0 2px; }

#cource .point li:last-of-type{ padding: 0; }


#cource .point .button-open{ position: relative; padding: 0 10px 5px 0; appearance: none; -webkit-appearance: none; background: transparent; font-size: 16px; border-bottom: 1px solid #000; }
#cource .point .button-open:after{ position: absolute; top: 6px; right: 0; content: ""; width: 5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); }

/* オーバーレイ */
.overlay { display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 150;　}

/* モーダルウィンドウ */
.modal-window{ display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; z-index: 200; overflow-y: scroll; background: #fff; border-radius: 15px; padding: 50px 6%; box-sizing: border-box; }
.modal-window p:first-of-type{ margin: 0 auto; position: relative; width: 465px; box-sizing: border-box; padding: 18px 0; text-align: center; border-radius: 15px; font-size: 36px; color: #fff; background: #000; font-weight: 700; }
.modal-window p:first-of-type:after{ transform: translate(-50%,0); position: absolute; content: ""; bottom: -20px; left: 50%; border-top: 30px solid #000; border-right: 17px solid transparent; border-left: 17px solid transparent; }

.modal-window img{ display: block; width: 420px; height: auto; margin: 40px auto 60px; }
.modal-window p:last-of-type{ line-height: 160%; }

.button-close{ position: absolute; top: 0%; right: 10%; background: transparent; font-size: 150px; padding: 0; margin: 0; color: #fff; font-weight: 100; }


/* goal */
#cource .goal{ padding: 80px 0 40px; }

#cource .goal ul{ display: flex; align-items: center; padding: 0 0 40px; }
#cource .goal ul li{ width: 360px; text-align: center; }
#cource .goal ul li .box{ border-radius: 15px; box-sizing: border-box; width: 100%; position: relative; }
#cource .goal ul li .item{ border-radius: 10px; display: block; margin: 0 auto; }
#cource .goal ul li:first-of-type p{ text-align: center; font-feature-settings: "palt"; }


#cource .goal ul li.before{ padding: 0 185px 0 40px; background: url(../images/common/arrow_04.png?=1223) calc(100% - 40px) center/100px no-repeat; }
#cource .goal ul li.before .box{ background: #eeeeee; padding: 40px 40px 30px; }
#cource .goal ul li.before .box p:first-of-type,
#cource .goal ul li.after .box p:first-of-type{ position: absolute; top: 20px; left: 50%; transform: translate(-50%,0); width: 200px; padding: 7px 10px 8px; box-sizing: border-box; color: #fff; font-size: 37px; font-weight: 800; border-radius: 10px; }

#cource .goal ul li.before .box p:first-of-type{ background: #313131; padding: 3px 0 4px; top: 25px; width: 130px; border-radius: 7px; font-size: 24px; font-weight: 400; }
#cource .goal ul li.before .box p:last-of-type{ padding: 25px 0 0; font-size: 20px; line-height: 140%; }
#cource .goal ul li.before .box .item{ width: 280px; height: auto; border: 2px solid #7e7e7e; } 


#cource .goal ul li.after{ width: 500px; }
#cource .goal ul li.after .box{ padding: 45px 20px 40px; background: #fff; }
#cource .goal ul li.after .box .item{ border: 3px solid #a01616; }
#cource .goal ul li.after .box p{ font-feature-settings: "palt"; }
#cource .goal ul li.after .box p:last-of-type{ padding: 15px 0 0; font-size: 25px; line-height: 170%; }
#cource .goal ul li.after .box p:first-of-type{ background: #a01616; }
#cource .goal ul li.after .box p:last-of-type span{ font-weight: 500; }

#cource .goal ul li.after .box:before{ position: absolute; content: ""; top: 0; left: 0; width: 516px; height: 295px; }
#cource .goal ul:first-of-type li.after .box:before{ background: url(../images/bg_goal01.png) center/cover no-repeat; }
#cource .goal ul:last-of-type li.after .box:before{ background: url(../images/bg_goal02.png) center/cover no-repeat; left: -10px; }


/* cource */
#cource .cource{ position: relative; padding: 110px 0 80px; background: url(../images/common/bg_repeat_03.png) center/35px repeat; }
#cource .cource h4{ position: absolute; top: 75px; left: 50%; transform: translate(-50%,0); margin: 0; border-radius: 15px; }
#cource .cource h4:before{ display: none; }

#cource .cource .w_box{ box-sizing: border-box; padding: 80px 40px 40px; box-shadow: 6.691px 7.431px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 20px; background: #fff; }

#cource .cource h5{ padding: 0 0 80px; font-size: 40px; font-weight: 700; text-align: center; }
#cource .cource h5 span{ font-size: 24px; text-align: center; font-weight: 700; }

#cource .cource li{ position: relative; float: left; width: 260px; height: 180px; border: 2px solid #a01616; box-sizing: border-box; padding: 40px 10px 10px; margin: 0 20px 0 0; text-align: center; border-radius: 15px; }
#cource .cource li:last-of-type{ margin: 0; }
#cource .cource li .lesson{ display: block; width: 80px; height: auto; position: absolute; top: -53px; left: 50%; transform: translate(-50%,0); }

#cource .cource li p{ padding: 0 0 7px; font-size: 20px; font-weight: 700; line-height: 160%; font-feature-settings: "palt"; }
#cource .cource li p span{ font-size: 16px; font-weight: 400; }
#cource .cource li p strong{ font-size: 40px; font-weight: 700; }
#cource .cource li p sub{ font-size: 10px; vertical-align: super; }
#cource .cource li p.one{ padding: 30px 0 0; }

#cource .cource li small{ font-size: 12px; line-height: 160%; }

#cource .cource li:first-of-type p{ font-size: 24px; line-height: 160%; padding: 15px 0 0; }
#cource .cource li:nth-of-type(2) p{ line-height: 110%; padding: 40px 0 0; }

#cource #score .cource li:first-of-type p{ padding: 30px 0 0; }
#cource #score .cource li:nth-of-type(2) p{ padding: 35px 0 0; }

#cource .cource .other_cost{ padding: 30px 0 0; font-size: 12px; line-height: 160%; }



/* ------------------------------------------------------------ talk */
#cource #talk{ background: #ffe5e5; }
#cource #talk .ttl_box{ position: relative; background: #a01616 url(../images/common/bg_repeat.png) center/20px repeat; }
#cource #talk .ttl_box:before{ position: absolute; content: ""; bottom: -3px; left: 50%; transform: translate(-50%,0); width: 110%; height: 50%; background: #ffe5e5; border-radius: 45% 45% 0 0; }

#cource #talk .bg{ padding: 90px 0 0; background: url(../images/bg_talk.png) center 40px no-repeat; }


/* ------------------------------------------------------------ score */
#cource #score{ background: #dcebff; }
#cource #score .ttl_box{ position: relative; background: #002c68 url(../images/common/bg_repeat.png) center/20px repeat; }
#cource #score .ttl_box:before{ position: absolute; content: ""; bottom: -40px; left: 50%; transform: translate(-50%,0); width: 110%; height: 50%; background: #dcebff; border-radius: 45% 45% 0 0; }
#cource #score .ttl_box:after{ position: absolute; content: ""; bottom: -50px; right: 250px; width: 198px; height: 190px; background: url(../images/icn_score.png) center/cover no-repeat; }

#cource #score .bg{ padding: 90px 0 0; background: url(../images/bg_score.png) center 50px no-repeat; }


/* recomend */
#cource #score .recomend{ padding: 0 0 80px; }
#cource #score .recomend .w_box{ padding: 50px 25px 25px; }
#cource #score .recomend li{ font-size: 29px; }
#cource #score .recomend li:last-of-type{ border-bottom: none; padding-bottom: 20px; }

/* point */
#cource #score .point li .item{ margin: -45px auto 0; }


/* goal */
#cource #score .goal .goal_inner{ width: 900px; margin: 0 auto; padding: 0 50px; }

#cource #score .goal h5{  padding: 14px 0 16px; background: #1250a5; color: #fff; border-radius: 7px; font-size: 30px; font-weight: 700; text-align: center; }
#cource #score .goal h5:nth-of-type(2){ background: #0c4189; }
#cource #score .goal h5:nth-of-type(3){ background: #002c68; }

#cource #score .goal ul{ padding: 50px 0; }
#cource #score .goal ul li{ height: 200px; position: relative; margin: 0 110px 0 0; padding: 80px 10px 40px; box-sizing: border-box; background: #fff; border-radius: 15px; font-size: 24px; text-align: center; }

#cource #score .goal ul li:last-of-type{ position: relative; width: 450px; height: 250px; font-size: 32px; margin: 0; border: 2px solid #002c68; }
#cource #score .goal ul li:last-of-type:before{ position: absolute; content: ""; top: 18px; left: -10px; width: 470px; height: 67px; background: url(../images/bg_goal03.png) center/100% no-repeat; }


#cource #score .goal ul li p:first-of-type{ position: absolute; top: -20px; left: 50%; transform: translate(-50%,0); color: #fff; width: 280px; padding: 9px 0 12px; border-radius: 5px; text-align: center; }

#cource #score .goal ul li.dark:before{ position: absolute; content: ""; top: 50%; right: -100px; transform: translate(0,-50%); background: url(../images/common/arrow_04.png?=1223) right center/100% no-repeat; width: 75px; height: 170px; }
#cource #score .goal ul li.dark{ margin-top: 35px; width: 340px; height: 180px; padding: 50px 10px 30px; background: #eeeeee; border: 2px solid #626262; }

#cource #score .goal ul li.dark p:first-of-type{ background: #313131; font-size: 24px; }
#cource #score .goal ul li.deep p:first-of-type{ background: #002c68; }

#cource #score .goal ul li p:last-of-type{ padding: 0; font-weight: 700; line-height: 180%; }
#cource #score .goal ul li:last-of-type p strong{ display: inline-block; padding: 20px 0 0; font-size: 70px; font-weight: 700; }


/* content */
#cource #score .content th{ background: #8db5eb; }


/* cource */
#cource #score .cource li{ border: 2px solid #002c68; }


/* ------------------------------------------------------------ cta */
.cta{ padding: 60px 0; background: url(../images/bg_cta.jpg) center/cover no-repeat; }
.cta .cta_inner{ width: 1200px; margin: 0 auto; padding: 0 25px;}

.cta h2{ width: 410px; margin: 0 auto 15px; padding: 16px 10px 14px; background: #fff; font-weight: 700; text-align: center; font-size: 33px; }
.cta h2 .dot{ padding: 0; }
.cta h2 .dot:after{ background: #000; }

.cta .flex{ display: flex; align-items: center; justify-content: space-between; }

.cta .red,
.cta .blue{ width: 530px; text-align: center; }

.cta .contact{ width: auto; padding: 0 0 10px; font-size: 25px; text-align: center; background: no-repeat; }

.cta p{ width: 215px; margin: 0 auto; font-size: 24px; font-weight: 500; color: #fff; background: url(../images/common/icn_textL.png) left bottom/20px no-repeat, url(../images/common/icn_textR.png) right bottom/20px no-repeat; }
.cta .blue p{ width: 300px; }
.cta p img{ display: block; padding: 0 0 10px; margin: 0 auto; }

.cta h3{ padding: 20px 0 10px; font-size: 40px; color: #fff; font-weight: 700; line-height: 140%; }

.cta .btn{ width: 440px; margin: 0 auto; filter: drop-shadow(4px 4px 0px rgba(0,0,0,0.2)); }
.cta .btn a{ position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 70px; padding: 0; background-image: none; line-height: 140%; }
.cta .btn a:after{ position: absolute; content: ""; top: 50%; right: 40px; transform: rotate(45deg) translate(0,-50%); width: 8px; height: 8px; border-top: 2px solid #000; border-right: 2px solid #000; }



/* ------------------------------------------------------------ devate */
#devate{ padding: 0 0 100px; background: url(../images/common/bg_repeat_02.jpg) center/15px repeat;}
#devate .devate_inner{ width: 1100px; margin: 0 auto; padding: 0 50px; }

#devate h2{ padding: 50px 0 40px; }

#devate .ttl_box h3{ text-align: center; font-size: 30px; font-weight: 400; line-height: 150%; }

#devate .ttl_box ul{ display: flex; justify-content: space-between; padding: 70px 0 45px; }
#devate .ttl_box ul li{ width: 400px; text-align: center; color: #fff; }


#devate .ttl_box{ width: 860px; margin: 0 auto; }
#devate .ttl_box ul li.red .frame{ border: 2px solid #a01616; border-radius: 0 15px 15px 0; }
#devate .ttl_box ul li.blue .frame{ border: 2px solid #002f6e; border-radius: 15px 0 0 15px; }

#devate .ttl_box ul li img{ display: block; margin: 0 auto; }
#devate .ttl_box ul li img.SP{ display: none; }

#devate .ttl_box ul li .box{ width: 100%; padding: 13px 0 14px; }
#devate .ttl_box ul li.red .box{ background: #a01616; border-radius: 0 13px 0 0; }
#devate .ttl_box ul li.blue .box{ background: #002f6e; border-radius: 13px 0 0 0; }

#devate .ttl_box ul li h5{ padding: 0 0 14px; font-size: 16px; color: #fff; font-weight: 400; line-height: 160%; }
#devate .ttl_box ul li p{ color: #fff; font-weight: 700; }
#devate .ttl_box ul li p strong{ padding: 0 0 0 5px; font-size: 23px; font-weight: 700; }

#devate .ttl_box ul li .w_box{ width: 100%; background: #fff; box-sizing: border-box; }
#devate .ttl_box ul li.red .w_box{ border-radius: 0 0 15px 0; }
#devate .ttl_box ul li.blue .w_box{ border-radius: 0 0 0 15px; }

#devate .ttl_box ul li dl.first{ padding: 20px; color: #000; text-align: left; }
#devate .ttl_box ul li dl.first dt{ padding: 6px 0; float: left; clear: both; width: 80px; position: relative; font-size: 14px; font-weight: 500; }
#devate .ttl_box ul li dl.first dd{ padding: 6px 0; float: left; font-size: 14px; font-weight: 400; font-feature-settings: "palt"; }

#devate .ttl_box ul li dl.second{ text-align: left; padding: 0 20px 20px; }
#devate .ttl_box ul li dl.second dt{ display: inline-block; color: #fff; font-size: 14px; background: #a01616; padding: 4px 15px 5px; border-radius: 50px; }
#devate .ttl_box ul li.blue dl.second dt{ background: #002c68; }

#devate .ttl_box ul li dl.second dd{ padding: 5px 0 0; font-size: 14px; line-height: 150%; color: #000; }
#devate .ttl_box ul li dl.second dd:first-of-type{ padding-bottom: 20px; }


#devate .devate_box img{ display: block; }
#devate .devate_box .w_box{ width: 700px; box-sizing: border-box; padding: 20px 30px; background: #fff; box-shadow: 3.346px 3.716px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; }
#devate .devate_box p{ line-height: 180%; font-weight: 400; }

#devate .devate_box .box_T,
#devate .devate_box .box_A{ width: 800px; }

#devate .devate_box .box_T{ display: flex; flex-direction: row-reverse; justify-content: space-between; margin: 0 0 0 auto; padding: 35px 0; }
#devate .devate_box .box_A{ display: flex; justify-content: space-between; }



/* ------------------------------------------------------------ finaly */
/*
#finaly h2{ position: relative; padding: 30px 0 40px; color: #fff; background: #000; font-size: 36px; line-height: 65%; text-align: center; font-weight: 700; }
#finaly h2 span{ display: block; width: 140px; margin: 0 auto; font-weight: 700; background: url(../images/common/icn_textL.png) left bottom/20px no-repeat, url(../images/common/icn_textR.png) right bottom/20px no-repeat; font-size: 24px; }
#finaly h2:before{ position: absolute; z-index: 1; content: ""; bottom: -20px; left: 50%; transform: translate(-50%,0); border-top: 22px solid #000; border-left: 15px solid transparent; border-right: 15px solid transparent; }
*/

#finaly h2.traiangle{ padding: 10px 0 23px; }
#finaly h2 span{ display: inline-block; width: 140px; margin: 0 auto; font-weight: 700; font-size: 24px; background: url(../images/common/icn_textL_b.png) left bottom/20px no-repeat, url(../images/common/icn_textR_b.png) right bottom/20px no-repeat; }

#finaly{ background: url(../images/common/bg_repeat_02.jpg) center repeat; }
#finaly .bg{ background: url(../images/bg_finaly_01.png) center top no-repeat; }
#finaly .support{ padding: 65px 0; background: url(../images/bg_finaly_02.png) calc(50% + 100px) bottom no-repeat; }

#finaly .w_box{ position: relative; width: 600px; padding: 40px 35px; box-sizing: border-box; background: #fff; box-shadow: 10.037px 11.147px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 20px; }

#finaly h3{ padding: 0 0 25px; font-size: 36px; font-weight: 700; line-height: 150%; }
#finaly p{ display: inline; font-size: 18px; line-height: 220%; padding: 0 0 7px; background: url(../images/common/bg_dot.png) center bottom repeat; }
#finaly .item{ position: absolute; bottom: 20px; right: -5px; }

.end{ text-align: center; font-size: 13px; width: 1100px; margin: 0 auto; padding: 20px 0 40px; background: none; }





/* ------------------------------------------------------------
	mobile 
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

#wrapper{ overflow: hidden; }


/* ------------------------------------------------------------ common */
body{ min-width: 100%; }
.inner{ width: 85%; padding: 0; }
.s_inner{ width: 85%; padding: 0; }

.SP{ display: block; }
.PC{ display: none; }

.dot{ font-weight: 500; }
.dot:after{ width: 2px; height: 2px; }

.band{ padding: 2px 5px 3px; }
.line{ background: linear-gradient( transparent 85%, #ebdd00 85%); }

.btn{ width: 45%; filter: drop-shadow(2px 4px 0px rgba(0,0,0,0.15)); }
.btn a{ padding: 8% 1% 8% 12%; font-weight: 500; background: #ebdd00 url(../images/common/icn_01.svg) calc(50% - 60px) center/10% no-repeat; font-size: 12px; }

h2.traiangle{ padding: 10px 0 15px; font-size: 25px; }
h2.traiangle:before{ bottom: -15px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 25px solid #e0d1be; }


/* header */
header{ min-width: 100%; }
header .h_inner{ padding: 7px 3%; }
header h1{ position: relative; z-index: 110; width: 45%; }

header .right{ display: flex; align-items: center; width: 170px; }
header .btn{ width: 140px; height: 35px; }
header .btn a{ width: 100%; height: 100%; padding: 4px 0 0 15px; line-height: 130%; background: #ebdd00 url(../images/common/icn_01.svg) calc(50% - 50px) center/14% no-repeat; font-size: 10px; }
header .btn img{ width: 22px; height: auto; padding: 11px 0 0; }

header .right .btn{ opacity: 1; visibility: visible; transition: all .8s; }


header nav{ opacity: 0; visibility: hidden; transition: all .8s; position: fixed; height: 100vh; width: 100%; background: #fff; top: 0; left: 0; padding: 10%; box-sizing: border-box; padding: 35% 7% 10%; }
header nav li{ position: relative; float: none; margin: 0 0 40px; padding: 0 0 0 30px; font-size: 15px; }
header nav li:before{ position: absolute; content: ""; width: 15px; height: 1px; background: #000; left: 0; top: 50%; transform: translate(0,-50%); }
header nav li:last-of-type:before{ display: none; }

header nav li.btn{ width: 100%; box-sizing: border-box; padding: 0; }
header nav li.btn a{ height: 50px; padding: 17px 0 0 20px; background: #ebdd00 url(../images/common/icn_01.svg) calc(50% - 70px) center/7% no-repeat; }


.burger_btn{ position: relative; width: 25px; height: 17px; margin: 0 0 0 5%; }
.burger_btn span{ position: absolute; left: 0; width: 100%; height: 2px; background: #000; }
.burger_btn span:first-of-type{ top: 0; transition: all .8s; }
.burger_btn span:nth-of-type(2){ top: 7px; transition: all .8s; }
.burger_btn span:last-of-type{ top: 14px; transition: all .8s; }



/* active */
nav.active{ opacity: 1; visibility: visible; transition: all .8s; }

header .right.active .btn{ opacity: 0; visibility: hidden; transition: all .8s; }

.burger_btn.active span:first-of-type{ top: 7px; transform: rotate(45deg); transition: all .8s; }
.burger_btn.active span:nth-of-type(2){ opacity: 0; transition: all .8s; }
.burger_btn.active span:last-of-type{ top: 7px; transform: rotate(-45deg); transition: all .8s; }



/* ------------------------------------------------------------ fv */
#fv{ background: url(../images/bg_fv_01-sp.jpg) center/cover no-repeat; }
#fv .fv_inner{ padding: 0 2%; }
#fv .bg_01{ max-width: auto; background: url(../images/bg_fv_02-sp.png) center calc(100% - 70px)/100% no-repeat; }
#fv .bg_02{ height: auto; min-height: 100%; max-height: 100%; padding: 65px 0 0; }

#fv h2{ margin-bottom: -30px; width: 65%; max-width: auto; min-width: auto; position: initial; transform: none; }
#fv h4{ position: relative; width: 95%; margin: 0 auto; padding: 42vw 0 0; }
#fv h4 img{ width: 100%; height: auto; }

#fv li{ width: 47%; position: relative; }
#fv li:last-of-type{ padding: 4% 0 0; }

#fv li .chach{ position: absolute; top: -70%; writing-mode: vertical-lr; width: 17px; padding: 0 14px 7px; margin: 0 auto; font-size: 12px; background: url(../images/common/icn_textL.png) left bottom/10px no-repeat, url(../images/common/icn_textR.png) right bottom/10px no-repeat; }
#fv li .chach span{ font-size: 15px; font-weight: 500; padding: 1px 0 0; }
#fv .chach .dot:after{ top: 7px; right: -2px; left: initial; transform: translate(0); }

#fv .left .chach{width: 17px; padding: 0 14px 7px; margin: 0 auto 0 0; font-size: 12px; background: url(../images/common/icn_textL.png) left bottom/10px no-repeat, url(../images/common/icn_textR.png) right bottom/10px no-repeat; }
#fv .right .chach{ top: -91%; right: 0; }

#fv li h3{ font-size: 28px; }
#fv li p:last-of-type{ font-size: 18px; }
#fv li p .small{ padding: 5px 5px 5px 4px; }



/* ------------------------------------------------------------ which */
#which{ padding: 30px 0; }
#which h2{ padding: 0 0 50px; font-size: 24px; }
#which h2 strong{ font-size: 42px; }

#which .line{ padding: 0 0 4px; }

#which li{ box-sizing: border-box; float: none; width: 100%; height: auto; padding: 20px 20px 50px; margin: 0 0 25px; border-radius: 15px; background: #fff url(../images/common/arrow_01.png) center calc(100% - 25px)/30px no-repeat; }
#which li:before{ width: 40px; height: 40px; }
#which li span{ display: inline-block; padding: 0 0 15px; font-size: 20px; }
#which li a{ line-height: 140%; font-size: 23px; width: 100%; height: 100%; padding: 0; }

#which li:first-of-type:before{ background: url(../images/common/icn_02.png) center/100% no-repeat; }
#which li:last-of-type:before{ background: url(../images/common/icn_03.png) center/100% no-repeat; }



/* ------------------------------------------------------------ cource */

#cource h4{ width: 100%; margin: 0 auto 35px; padding: 7px 0 9px; font-size: 23px; border-radius: 7px; line-height: 130%; font-weight: 600; }
#cource h4:before{ bottom: -14px; border-top: 17px solid #000; border-left: 11px solid transparent; border-right: 11px solid transparent; }


/* ttl_box */
#cource .ttl_box .bubble{ font-size: 13px; }
#cource .ttl_box .bubble span{ padding: 7px 12px; box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.15); font-weight: 500; }
#cource .ttl_box .bubble:after{ bottom: -20px; border-top: 17px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; filter: drop-shadow(3px 4px 0px rgba(0,0,0,0.15)); }

#cource .ttl_box h3{ padding: 20px 0 30px; }
#cource .ttl_box h3 .band{ font-size: 26px; box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.15); padding: 10px 8px; }
#cource .ttl_box h3 .band.black{ font-size: 32px; padding: 6px 10px 9px; box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.15); }
#cource .ttl_box p:last-of-type{ font-size: 14px; }


/* recomend */
#cource .recomend{ margin: 65px auto 0; padding: 0 0 40px; }
#cource .recomend h4{ top: -28px; width: 77%; }

#cource .recomend .w_box,
#cource #score .recomend .w_box{ padding: 30px 25px 20px; border-radius: 10px; box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.15);  }
#cource .recomend li,
#cource #score .recomend li{ padding: 15px 5px 15px 45px; border-bottom: 1px dotted #313131; font-size: 18px; line-height: 150%; background: url(../images/common/icn_check.png) 10px 55%/25px no-repeat; }
#cource .recomend li small{ font-size: 12px; display: block; }


/* point */
#cource .point{ padding: 40px 0 0; background: url(../images/common/bg_repeat_03.png) center/20px repeat; }
#cource .point h4{ margin-bottom: 73px; }

#cource .point ul{ flex-direction: column; }
#cource .point li,
#cource .point li:last-of-type{ width: 100%; height: auto; margin: 0 0 60px 0; padding: 45px 15px 23px; box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.15); }
#cource .point li p{ font-size: 20px; font-weight: 400; line-height: 150%; }
#cource .point li p span{ padding: 0; font-weight: 500; }
#cource .point li .num{ top: -35px; left: 50%; width: 75px; transform: translate(-50%,0); height: auto; }
#cource .point li .item{ margin: 0 auto; width: 52%; height: auto; }


/* モーダルウィンドウ */
.modal-window{ top: 53%; width: 90%; height: 85%; padding: 30px 5%; }
.modal-window p:first-of-type{ width: 100%; font-size: 23px; border-radius: 10px; padding: 13px 0; }
.modal-window p:first-of-type:after{ bottom: -16px; border-top: 20px solid #000; border-right: 13px solid transparent; border-left: 13px solid transparent; }

.modal-window img{ width: 80%; margin: 0 auto; margin: 30px auto; }
.modal-window p:last-of-type{ font-size: 13px; line-height: 190%; }

.button-close{ right: 3%; font-size: 50px; }



/* goal */
#cource .goal{ padding: 40px 0 20px; }
#cource .goal ul{ flex-direction: column; }
#cource .goal ul li{ width: 100%; }
#cource .goal ul li.before{ padding: 0 0 22%; background: url(../images/common/arrow_04-sp.png?=1223) center calc(100% - 15px)/25% no-repeat; }

#cource .goal ul li .box{ width: 85%; margin: 0 auto; border-radius: 10px; }

#cource .goal ul li.before .box{ padding: 25px 30px 15px; }
#cource .goal ul li.before .box p:first-of-type{ top: 14px; width: 30%; border-radius: 5px; font-size: 17px; }
#cource .goal ul li.before .box p:last-of-type{ padding: 10px 0 0; font-size: 12px; }
#cource .goal ul li.before .box .item{ width: 100%; border: 1px solid #7e7e7e; }

#cource .goal ul li.after{ width: 100%; }
#cource .goal ul li.after .box{ width: 100%; padding: 30px 20px 20px; }
#cource .goal ul li.after .box p:first-of-type{ top: 13px; width: 40%; padding: 2px 10px 4px; font-size: 25px; border-radius: 5px; }
#cource .goal ul li.after .box p:last-of-type{ padding: 7px 0 0; font-size: 17px; }
#cource .goal ul li.after .box .item{ width: 100%; height: auto; border: 2px solid #a01616; }

#cource .goal ul li.after .box:before,
#cource .goal ul li.after .box:before{ top: -43px; width: 90vw; }
#cource .goal ul:first-of-type li.after .box:before{ background: url(../images/bg_goal01.png) center/100% no-repeat; }
#cource .goal ul:last-of-type li.after .box:before{ background: url(../images/bg_goal02.png) center/100% no-repeat; }


/* cource */
#cource .cource{ padding: 60px 0 30px; background: url(../images/common/bg_repeat_03.png) center/20px repeat; }
#cource .cource h4{ width: 75%; top: 43px; border-radius: 6px; }
#cource .cource .w_box{ padding: 40px 8% 20px; box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 10px; }

#cource .cource h5{ padding: 0 0 20px; font-size: 24px; line-height: 150%; }
#cource .cource h5 span{ font-size: 17px; }

#cource .cource li,
#cource .cource li:last-of-type{ float: none; width: 89%; height: 123px; border: 1px solid #a01616; padding: 10px 10px 10px 50px; margin: 0 0 4% auto; border-radius: 5px; }

#cource .cource li.flex{ display: flex; align-items: center; justify-content: center; }

#cource .cource li .lesson{ left: -12%; top: 50%; transform: translate(0,-50%); width: 80px; height: auto; }
#cource .cource li p{ padding: 0 0 4px; font-size: 17px; }
#cource .cource li p span{ font-size: 14px; display: block; }
#cource .cource li p strong{ font-size: 25px; }
#cource .cource li small{ font-size: 11px; }

#cource .cource li:first-of-type p{ font-size: 18px; }

#cource .cource li:first-of-type p,
#cource .cource li:nth-of-type(2) p,
#cource #score .cource li:first-of-type p,
#cource #score .cource li:nth-of-type(2) p{ padding: 0; }

#cource .cource .other_cost{ padding: 20px 0 0; }



/* ------------------------------------------------------------ talk */
#cource #talk .bg{ padding: 31% 0 0; background: url(../images/bg_talk-sp.png) center 10px/95% no-repeat; }

#cource #talk .ttl_box:before{ width: 125%; height: 58%; border-radius: 38% 38% 0 0; }



/* ------------------------------------------------------------ score */
#cource #score .bg{ padding: 34% 0 0; background: url(../images/bg_score-sp.png) center 10px/100% no-repeat; }


/* ttl_box */
#cource #score .ttl_box:after{ display: none; }
#cource #score .ttl_box:before{ bottom: -8px; width: 125%; height: 58%; border-radius: 33% 33% 0 0; }
#cource #score .ttl_box .bubble:after{ bottom: -14px; border-top: 14px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; }
#cource #score .ttl_box .bubble:after{ filter: drop-shadow(2px 3px 0px rgba(0,0,0,0.15)); }

#cource #score .ttl_box h3{ padding-bottom: 10px;}


/* awsome */
#cource #score .awsome{ width: 80%; margin: 0 auto; }
#cource #score .awsome img{ width: 100%; height: auto; }


/* recomend */
#cource #score .recomend{ padding: 0 0 40px; }
#cource #score .recomend li:last-of-type{ padding-bottom: 0; background: url(../images/common/icn_check.png) 10px 30%/25px no-repeat; }


/* point */
#cource #score .point li .item{ margin: 0 auto; width: 35%; }


/* goal */
#cource #score .goal .goal_inner{ width: 100%; padding: 0;}
#cource #score .goal h4{ width: 85%; }
#cource #score .goal h5{ padding: 13px 0 15px; border-radius: 0; font-size: 23px; }

#cource #score .goal ul{ padding: 40px 0; width: 80%; margin: 0 auto; }
#cource #score .goal ul li{ height: auto; margin: 0 0 66px; padding: 40px 10px 25px; border-radius: 10px; }

#cource #score .goal ul li.dark{ width: 80%; height: auto; margin: 0 auto 85px; padding: 30px 10px 20px; border: 1px solid #626262; }
#cource #score .goal ul li:last-of-type{ width: 100%; height: auto; }

#cource .cource li p.one{ padding: 0; }
#cource #score .goal ul li p:first-of-type{ top: -15px; width: 90%; padding: 7px 0; font-size: 17px; }
#cource #score .goal ul li p:last-of-type{ font-weight: 500; font-size: 15px; }

#cource #score .goal ul li.dark:before{ top: initial; bottom: -60px; background: url(../images/common/arrow_04-sp.png?=1223.png) right center/100% no-repeat; right: initial; left: 50%; transform: translate(-50%,0); width: 90px; height: 50px; }

#cource #score .goal ul li.dark p:first-of-type{ font-size: 17px; }
#cource #score .goal ul li.deep p:first-of-type{ width: 75%; font-size: 21px; }

#cource #score .goal ul li:last-of-type p{ font-weight: 700; font-size: 27px; }
#cource #score .goal ul li:last-of-type p strong{ font-size: 40px; padding: 9px 0 0; }
#cource #score .goal ul li:last-of-type:before{ top: -8px; left: -7px; width: 105%; }


/* cource */
#cource #score .cource li{ border: 1px solid #002c68; }



/* ------------------------------------------------------------ cta */
.cta{ position: relative; padding: 0; background: none; }
.cta .cta_inner{ width: 100%; padding: 0; }
.cta .flex{ flex-direction: column; }

.cta .red,
.cta .blue{ width: 100%; }
.cta .red{ padding: 20px 0 60px; background: url(../images/bg_ctaL.jpg)center/cover no-repeat; }
.cta .blue{ padding: 80px 0 40px; background: url(../images/bg_ctaR.jpg)center/cover no-repeat; }
.cta .dot{ font-weight: 700; }

.cta p{ width: 135px; font-size: 15px; background: url(../images/common/icn_textL.png) left bottom/13px no-repeat, url(../images/common/icn_textR.png) right bottom/13px no-repeat; font-weight: 400; }
.cta p img{ padding: 0 0 7px; width: 28%; height: auto; }

.cta .blue p{ width: 180px; }
.cta .blue p img{width: 15%; }

.cta h2{ width: 80%; margin: 0 auto; padding: 13px 10px 11px; font-size: 18px; box-sizing: border-box; }
.cta h3{ padding: 3px 0 15px; line-height: 130%; font-size: 25px; font-weight: 500; }

.cta .btn{ width: 85%; }
.cta .btn a{ height: 50px; }
.cta .btn a:after{ right: 29px; width: 10px; height: 10px; border-top: 1px solid #000; border-right: 1px solid #000; }

.cta .ttl{ width: 85%; font-size: 17px; position: absolute; top: 50%; transform: translate(0,-50%); }
.cta .contact{ padding: 10px 0 0; font-size: 15px; }



/* ------------------------------------------------------------ devate */
#devate{ padding: 0 0 50px; background: url(../images/common/bg_repeat_02.jpg) center/10px repeat; }
#devate .devate_inner{ width: 100%; padding: 0; }

#devate h2{ padding: 15px 0 25px; font-size: 25px; line-height: 120%; }
#devate h2 span{ width: 69%; margin: 0 auto -20px; background: url(../images/common/icn_textL.png) left bottom/15px no-repeat, url(../images/common/icn_textR.png) right bottom/15px no-repeat; font-size: 15px; font-weight: 500; }

#devate .ttl_box ul li h5{ line-height: 140%; padding: 0 0 5px; font-size: 14px; }
#devate .ttl_box ul li p{ font-size: 12px; }
#devate .ttl_box ul li p strong{ font-size: 17px; }

#devate .ttl_box{ width: 100%; }
#devate .ttl_box ul{ padding: 50px 0 20px; }
#devate .ttl_box ul li{ width: 47%; }
#devate .ttl_box ul li img.SP{ display: block; }
#devate .ttl_box ul li img{ width: 100%; height: auto; }
#devate .ttl_box ul li img.PC{ display: none; }

#devate .ttl_box ul li .box,
#devate .ttl_box ul li.blue .box{ padding: 9px 0 15px; }

#devate .ttl_box ul li dl.first{ padding: 20px 10px 10px; }
#devate .ttl_box ul li dl.first dt{ font-size: 10px; float: none; width: auto; padding: 2px 0; }
#devate .ttl_box ul li dl.first dd{ font-size: 10px; float: none; padding: 2px 0 10px; line-height: 150%; }

#devate .ttl_box ul li.red .box,
#devate .ttl_box ul li.blue .box{ height: 81px; box-sizing: border-box; }

#devate .ttl_box ul li .w_box{ height: 380px; box-sizing: border-box; }

#devate .ttl_box ul li dl.second{ padding: 0 10px 20px; }
#devate .ttl_box ul li dl.second dt{ font-size: 12px; }
#devate .ttl_box ul li dl.second dd{ font-size: 12px; }


#devate .devate_box .box_T,
#devate .devate_box .box_A{ width: 100%; }

#devate .devate_box{ width: 85%; margin: 0 auto; }
#devate .devate_box .box_T{ padding: 25px 0; }
#devate .devate_box img{ width: 50px; height: 50px; }

#devate .devate_box p{ font-size: 12px; line-height: 160%; }
#devate .devate_box .w_box{ width: 80%; padding: 10px; }



/* ------------------------------------------------------------ finaly */
#finaly{ padding: 0 0 50px; background: url(../images/common/bg_repeat_02.jpg) center/10px repeat; }

/*
#finaly h2{ padding: 15px 0 25px; font-size: 25px; line-height: 120%; }
#finaly h2 span{ width: 23%; margin: 0 auto -20px; background: url(../images/common/icn_textL.png) left bottom/15px no-repeat, url(../images/common/icn_textR.png) right bottom/15px no-repeat; font-size: 15px; font-weight: 500; }
*/

#finaly h2 span{ width: 100px; font-size: 15px; background: url(../images/common/icn_textL_b.png) left bottom/15px no-repeat, url(../images/common/icn_textR_b.png) right bottom/15px no-repeat; }
#finaly h2.traiangle{ padding: 10px 0 15px; }

#finaly h3{ font-size: 23px; line-height: 140%; }
#finaly p{ font-size: 12px; line-height: 250%; background: url(../images/common/bg_dot.png) center bottom/10px repeat; }

#finaly .support{ padding: 50px 0; background: none; }
#finaly .w_box{ width: 100%; padding: 20px 20px 40px; border-radius: 10px; }
#finaly .item{ width: 150px; height: auto; }
#finaly .teatures{ width: 100%; height: auto; }

.end{ width: 90%; line-height: 150%; font-size: 10px; padding: 10px 0 20px; }


}