/********************************************************************** * *縲€縲€ 笆�繧ｳ繝ｼ繧ｹ譯亥�荳€隕ｧ /about/planlist.html * **********************************************************************/ #wrap #maincontents_cont .planlist_course li a:hover img, #wrap #maincontents_cont .planlist_course li a:active img {opacity: 1;} #maincontents_cont .planlist_course li a {display: block;} #maincontents_cont .planlist_course li .titbox { text-align: center;} #maincontents_cont .planlist_course li.elementary .titbox { background: url(../img/about/planlist_course_titbg01.gif);} #maincontents_cont .planlist_course li.junior .titbox { background: url(../img/about/planlist_course_titbg02.gif);} #maincontents_cont .planlist_course li.high .titbox { background: url(../img/about/planlist_course_titbg03.gif);} #maincontents_cont .planlist_course li .titbox h4 { font-weight: bold; background: #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;} #maincontents_cont .planlist_course li.elementary .titbox h4 { color: #0ab080;} #maincontents_cont .planlist_course li.junior .titbox h4 { color: #f26683;} #maincontents_cont .planlist_course li.high .titbox h4 { color: #2d97d3;} #maincontents_cont .planlist_course li .titbox .sub { color: #fff;} #maincontents_cont .planlist_course li .img { line-height: 0;} #maincontents_cont .planlist_course li .txtbox { text-align: center;} #maincontents_cont .planlist_course li.elementary .txtbox { background: url(../img/about/planlist_course_txtbg01.gif);} #maincontents_cont .planlist_course li.junior .txtbox { background: url(../img/about/planlist_course_txtbg02.gif);} #maincontents_cont .planlist_course li.high .txtbox { background: url(../img/about/planlist_course_txtbg03.gif);} #maincontents_cont .planlist_course li .txtbox .tit { font-weight: bold;} #maincontents_cont .planlist_course li.elementary .txtbox .tit { color: #0ab080;} #maincontents_cont .planlist_course li.junior .txtbox .tit { color: #f26683;} #maincontents_cont .planlist_course li.high .txtbox .tit { color: #2d97d3;} #maincontents_cont .planlist_course li .txtbox .txt { color: #2e2e2e;} #maincontents_cont .planlist_course li .txtbox dl { display: table;} #maincontents_cont .planlist_course li .txtbox dl dt { color: #fff; display: table-cell; font-weight: bold;} #maincontents_cont .planlist_course li.elementary .txtbox dl dt { background: #0ab080;} #maincontents_cont .planlist_course li.junior .txtbox dl dt { background: #f26683;} #maincontents_cont .planlist_course li.high .txtbox dl dt { background: #2d97d3;} #maincontents_cont .planlist_course li .txtbox dl dd { color: #2e2e2e; background: #fff; display: table-cell; font-weight: bold;} #maincontents_cont .planlist_detail li { text-align: center;} #maincontents_cont .planlist_detail li a { display: block;} #wrap #maincontents_cont .planlist_detail li a:hover img, #wrap #maincontents_cont .planlist_detail li a:active img {opacity: 1;} #maincontents_cont .planlist_detail li a .tit { font-weight: bold;} #maincontents_cont .planlist_detail li.about_plan a .tit { color: #00bdb7; border-top: solid 6px #00bdb7; background: url(../img/about/planlist_detail_titbg01.gif) repeat;} #maincontents_cont .planlist_detail li.about a .tit { color: #48d56c; border-top: solid 6px #48d56c; background: url(../img/about/planlist_detail_titbg02.gif) repeat;} #maincontents_cont .planlist_detail li a .img { line-height: 0;} #maincontents_cont .planlist_detail li a .txtbox { padding: 20px;} #maincontents_cont .planlist_detail li.about_plan a .txtbox { background: #4ce2dd;} #maincontents_cont .planlist_detail li.about a .txtbox { background: #99e8ad;} #maincontents_cont .planlist_detail li a .txtbox .subtit { padding: 10px; margin-bottom: 20px;} #maincontents_cont .planlist_detail li.about_plan a .txtbox .subtit { background: #dbf9f8; color: #00928d;} #maincontents_cont .planlist_detail li.about a .txtbox .subtit { background: #e1f8e7; color: #2dbb51;} #maincontents_cont .planlist_detail li a .txtbox .txt { color: #2e2e2e;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont .planlist_cont_tittxt { margin-top: 40px; padding-bottom: 50px; line-height:1.8;} #maincontents_cont .planlist_course { overflow: hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} #maincontents_cont .planlist_course li { width: 390px; float: left;} #maincontents_cont .planlist_course li.elementary { margin-right: 20px;} #maincontents_cont .planlist_course li.high { margin-right: 20px; margin-top: 40px;} #maincontents_cont .planlist_course li .titbox { padding: 15px 25px;} #maincontents_cont .planlist_course li .titbox .std { margin-bottom: 5px;} #maincontents_cont .planlist_course li .titbox h4 { font-size: 21px; padding: 10px;} #maincontents_cont .planlist_course li .titbox .sub { margin-top: 8px;} #maincontents_cont .planlist_course li .txtbox { padding: 20px;} #maincontents_cont .planlist_course li .txtbox .tit { font-size: 18px; line-height: 1.2;} #maincontents_cont .planlist_course li .txtbox .txt { line-height: 1.4; margin-top: 20px;} #maincontents_cont .planlist_course li .txtbox dl { width: 300px; margin: 20px auto 0 auto;} #maincontents_cont .planlist_course li .txtbox dl dt { width: 67px; padding: 15px;} #maincontents_cont .planlist_course li .txtbox dl dd { padding: 15px;} #maincontents_cont .about_planlist_detail { margin-top: 70px;} #maincontents_cont .planlist_detail { overflow: hidden;} #maincontents_cont .planlist_detail li { float: left; width: 390px;} #maincontents_cont .planlist_detail li.about_plan { margin-right: 20px;} #maincontents_cont .planlist_detail li a .tit { font-size: 21px; padding: 25px 15px;} #maincontents_cont .planlist_detail li a .txtbox .subtit { font-size: 16px;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont .planlist_cont_tittxt { margin-top: 40px;} #maincontents_cont .about_planlist_course .lineTit { margin-left: 2.5%; margin-right: 2.5%;} #maincontents_cont .about_planlist_course .planlist_course { padding-left: 2.5%; padding-right: 2.5%;} #maincontents_cont .planlist_course li.elementary { margin-bottom: 20px;} #maincontents_cont .planlist_course li.junior { margin-bottom: 20px;} #maincontents_cont .planlist_course li .titbox { padding: 10px 15px;} #maincontents_cont .planlist_course li .titbox .std { margin-bottom: 5px;} #maincontents_cont .planlist_course li .titbox h4 { font-size: 1.2rem; padding: 5px;} #maincontents_cont .planlist_course li .titbox .sub { margin-top: 8px;} #maincontents_cont .planlist_course li .txtbox { padding: 20px;} #maincontents_cont .planlist_course li .txtbox .tit { font-size: 1.2rem; line-height: 1.2;} #maincontents_cont .planlist_course li .txtbox .txt { line-height: 1.4; margin-top: 10px;} #maincontents_cont .planlist_course li .txtbox dl { width: 300px; margin: 10px auto 0 auto;} #maincontents_cont .planlist_course li .txtbox dl dt { width: 67px; padding: 10px;} #maincontents_cont .planlist_course li .txtbox dl dd { padding: 10px;} #maincontents_cont .about_planlist_detail { margin-top: 20px;} #maincontents_cont .about_planlist_detail .lineTit { margin-left: 2.5%; margin-right: 2.5%;} #maincontents_cont .about_planlist_detail .planlist_detail { padding-left: 2.5%; padding-right: 2.5%;} #maincontents_cont .planlist_detail li a .tit { font-size: 1.2rem; padding: 15px;} #maincontents_cont .planlist_detail li.about_plan { margin-bottom: 20px;} } /********************************************************************** * *縲€縲€ 笆�2縺､縺ｮ遘倡ｭ� /about/plan/ * **********************************************************************/ /* aboutplan */ #maincontents_cont .aboutplan .tit .tit_l { font-weight: bold;} #maincontents_cont .aboutplan .tit .tit_l .min { font-weight: bold;} #maincontents_cont .aboutplan .tit .tit_r { font-weight: bold; color: #2d97d3;} #maincontents_cont .aboutplan .tit .tit_r .min { font-weight: bold;} #maincontents_cont .aboutplan .txtarea .txt { line-height: 1.4;} #maincontents_cont .aboutplan .plantit { display: table; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} #maincontents_cont .aboutplan .plantit .plantit_l { display: table-cell; vertical-align: middle; border-radius:4px 0px 0px 4px;} #maincontents_cont .aboutplan .plantit .plantit_l .icon { color: #fff; background: url(../img/about/aboutplan_plan_icon.png) no-repeat left center; display: inline-block; font-weight: bold;} #maincontents_cont .aboutplan .plantit .plantit_r { display: table-cell;} #maincontents_cont .aboutplan .plantit .plantit_r { font-weight: bold;} #maincontents_cont .aboutplan .plantit .plantit_r .min { font-weight: bold; display: block;} #maincontents_cont .aboutplan .plan01 .plantit { background: url(../img/about/aboutplan_plan01_titbg.gif); border: solid 2px #cbe7f5;} #maincontents_cont .aboutplan .plan01 .plantit .plantit_l { background: url(../img/about/aboutplan_plan01_titarrbg.png) no-repeat right center;} #maincontents_cont .aboutplan .plan01 .plantit .plantit_r { color: #158fd2;} #maincontents_cont .aboutplan .plan01 .plantit .plantit_r .min { color: #2e2e2e;} #maincontents_cont .aboutplan .plan01 .planbox .box_l { text-align: center;} #maincontents_cont .aboutplan .plan01 .planbox .box_l .txt {line-height: 1.4; text-align: left;} #maincontents_cont .aboutplan .plan01 .planbox .box_r { text-align: center;} #maincontents_cont .aboutplan .plan02 .plantit { background: url(../img/about/aboutplan_plan02_titbg.gif); border: solid 2px #ffa7ae;} #maincontents_cont .aboutplan .plan02 .plantit .plantit_l { background: url(../img/about/aboutplan_plan02_titarrbg.png) no-repeat right center;} #maincontents_cont .aboutplan .plan02 .plantit .plantit_l .icon {} #maincontents_cont .aboutplan .plan02 .plantit .plantit_r { color: #e63a50;} #maincontents_cont .aboutplan .plan02 .plantit .plantit_r .min { color: #2e2e2e;} #maincontents_cont .aboutplan .plan02 .planbox .box_l { text-align: center;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .subtit { color: #fbb021; font-weight: bold;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .subtit .red { color: #f04658; font-weight: bold;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .txt { line-height: 1.4; text-align: left;} #maincontents_cont .aboutplan .plan02 .planbox .box_r { text-align: center;} #maincontents_cont .aboutplan .plan02 .planbox .box_r .subtit { font-weight: bold; text-align: center; line-height: 1.4; position: relative;} #maincontents_cont .aboutplan .plan02 .planbox .box_r .subtit:before { content: ""; background: url(../img/about/aboutplan_plan02_img03.png) no-repeat; height: 37px; width: 24px; position: absolute; left: 15px; bottom: 0;} #maincontents_cont .aboutplan .plan02 .planbox .box_r .subtit:after { content: ""; background: url(../img/about/aboutplan_plan02_img04.png) no-repeat; height: 37px; width: 24px; position: absolute; right: 15px; bottom: 0;} /* aboutplanstep */ #maincontents_cont .aboutplanstep { text-align: center;} #maincontents_cont .aboutplanstep .titarea { font-weight: bold; text-align: center; display: inline-block; position: relative;} #maincontents_cont .aboutplanstep .titarea:before { content: ""; background: url(../img/about/aboutplanstep_img01.png) no-repeat; height: 60px; width: 27px; position: absolute; left: -5px; bottom: -10px;} #maincontents_cont .aboutplanstep .titarea:after { content: ""; background: url(../img/about/aboutplanstep_img02.png) no-repeat; height: 60px; width: 27px; position: absolute; right: 0; bottom: -10px;} #maincontents_cont .aboutplanstep .titarea .big { font-weight: bold;} #maincontents_cont .aboutplanstep .titarea .blue { color: #2d97d3;} #maincontents_cont .aboutplanstep .titarea .red { color: #f04658;} #maincontents_cont .aboutplanstep .stepbox { background: url(../img/common/boxbg_check_gray.gif); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} #maincontents_cont .aboutplanstep .stepbox .steplist { display: table;} #maincontents_cont .aboutplanstep .stepbox .steplist li { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 252px; display: table-cell; line-height: 1.4;} #maincontents_cont .aboutplanstep .stepbox .steplist li .num { color: #eaf00b; font-weight: bold; background: url(../img/about/aboutplanstep_bg01.gif); -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-radius:5px 5px 0px 0px ; font-size: 22px; padding: 20px; position: static;} #maincontents_cont .aboutplanstep .stepbox .steplist li .tit { margin: 20px 20px 15px 20px; text-align: left; color: #2d97d3; font-weight: bold; font-size: 18px; border-bottom: solid 1px #dadada; padding-bottom: 20px;} #maincontents_cont .aboutplanstep .stepbox .steplist li .txtbox { padding: 0 20px; text-align: left; font-size: 14px;} #maincontents_cont .aboutplanstep .stepbox .steplist li .notes { padding: 0 20px 20px 20px; font-size: 10px; color: #555555; text-align: left; margin-top: 10px;} #maincontents_cont .aboutplanstep .stepbox .steplist li.steparr { width: 22px; background: url(../img/about/aboutplanstep_arr01.png) no-repeat right center; vertical-align: middle;} #maincontents_cont .aboutplanstep .stepbox .steplist li.step01 { background: #fff;} #maincontents_cont .aboutplanstep .stepbox .steplist li.step01 .tit { padding-left: 65px; background: url(../img/about/aboutplanstep_icon01.png) no-repeat left top;} #maincontents_cont .aboutplanstep .stepbox .steplist li.step02 { background: #fff;} #maincontents_cont .aboutplanstep .stepbox .steplist li.step02 .tit { padding-left: 68px; background: url(../img/about/aboutplanstep_icon02.png) no-repeat left top;} #maincontents_cont .aboutplanstep .stepbox .steplist li.step03 { background: #fff;} #maincontents_cont .aboutplanstep .stepbox .steplist li.step03 .tit { padding-left: 80px; background: url(../img/about/aboutplanstep_icon03.png) no-repeat left top;} #maincontents_cont .aboutplanstep .stepbox .stepupbox { background: url(../img/about/aboutplanstep_arr02.png) no-repeat center top; width: 100%; height: 82px; padding-top: 30px;} #maincontents_cont .aboutplanstep .stepbox .stepupbox .txtarea { font-size: 23px; color: #eaf00b; font-weight: bold; background: #2d97d3; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; margin: 0 auto; padding: 15px 30px;} #maincontents_cont .aboutplanstep .stepbox .stepupbox .txtarea .min{ font-size: 15px; color: #eaf00b; font-weight: bold;} #maincontents_cont .aboutplanstep .btm_notes:before { content: ""; background: url(../img/about/aboutplanstep_bg02.gif) no-repeat top center; height: 20px; display: block; width: 100%;} #maincontents_cont .aboutplanstep .btm_notes{ text-align: left; color: #555555;} /* --PC-- */ @media screen and (min-width: 751px) { /* aboutplan */ #maincontents_cont .aboutplan {} #maincontents_cont .aboutplan .tit { width: 730px; overflow: hidden; margin: 0 auto 70px auto; padding-left: 15px;} #maincontents_cont .aboutplan .tit:before { content: ""; background: url(../img/about/aboutplanstep_img01.png) no-repeat; height: 60px; width: 27px; display: inline-block; float: left;} #maincontents_cont .aboutplan .tit:after { content: ""; background: url(../img/about/aboutplanstep_img02.png) no-repeat; height: 60px; width: 27px; display: inline-block; float: left;} #maincontents_cont .aboutplan .tit .tit_l { font-size: 28px; float: left; width: 380px;} #maincontents_cont .aboutplan .tit .tit_l .min { font-size: 18px; line-height: 28px; display: block; padding-left: 15px;} #maincontents_cont .aboutplan .tit .tit_r { font-size: 54px; float: left; width: 280px;line-height: 70px;} #maincontents_cont .aboutplan .tit .tit_r .min { font-size: 41px;} #maincontents_cont .aboutplan .txtarea { overflow: hidden; margin-bottom: 70px;} #maincontents_cont .aboutplan .txtarea .txt { width: 390px; margin-left: 20px; float: left;} #maincontents_cont .aboutplan .txtarea .txt p { margin-bottom: 20px;} #maincontents_cont .aboutplan .txtarea .img { width: 390px; margin-left: 20px; float: left;} #maincontents_cont .aboutplan .plantit .plantit_l { width: 170px;} #maincontents_cont .aboutplan .plantit .plantit_l .icon { padding-left: 40px; margin-left: 20px; line-height: 43px; font-size: 22px;} #maincontents_cont .aboutplan .plantit .plantit_r { width: 675px; padding: 25px;} #maincontents_cont .aboutplan .plantit .plantit_r { font-size: 28px;} #maincontents_cont .aboutplan .plantit .plantit_r .min { font-size: 16px; margin-bottom: 10px;} #maincontents_cont .aboutplan .planbox { overflow: hidden; margin: 40px 0 90px 0;} #maincontents_cont .aboutplan .planbox .box_l { width: 390px; margin-left: 20px; float: left;} #maincontents_cont .aboutplan .planbox .box_r { width: 390px; margin-left: 20px; float: left;} #maincontents_cont .aboutplan .plan01 .planbox .box_l { width: 390px; margin-left: 20px; float: left;} #maincontents_cont .aboutplan .plan01 .planbox .box_l .txt { margin-bottom: 50px;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .subtit { margin: 30px 0; font-size: 22px;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .subtit .red { font-size: 22px;} #maincontents_cont .aboutplan .plan02 .planbox .box_r .subtit { font-size: 17px;} #maincontents_cont .aboutplan .plan02 .planbox .box_r .img { margin-top: 30px;} /* aboutplanstep */ #maincontents_cont .aboutplanstep .titarea { font-size: 22px; padding: 0 40px; margin-top: 50px; margin-bottom: 25px;} #maincontents_cont .aboutplanstep .titarea .big { font-size: 28px;} #maincontents_cont .aboutplanstep .stepbox { padding: 20px 20px 32px 20px;} #maincontents_cont .aboutplanstep .btm_notes{ font-size: 12px;} } /* --SP-- */ @media screen and (max-width: 750px) { /* aboutplan */ #maincontents_cont .aboutplan { text-align: center;} #maincontents_cont .aboutplan .tit { text-align: center; position: relative; display: inline-block; margin: 0 auto 30px auto;;} #maincontents_cont .aboutplan .tit:before { content: ""; background: url(../img/about/aboutplanstep_img01.png) no-repeat; height: 60px; width: 27px; position: absolute; left: -20px; bottom: 0;} #maincontents_cont .aboutplan .tit:after { content: ""; background: url(../img/about/aboutplanstep_img02.png) no-repeat; height: 60px; width: 27px; position: absolute; right: -20px; bottom: 0;} #maincontents_cont .aboutplan .tit .tit_l { font-size: 1.2rem; padding-right: 10px;} #maincontents_cont .aboutplan .tit .tit_l .min { display: block; font-size: .9rem; padding-left: 10px;} #maincontents_cont .aboutplan .tit .tit_r { font-size: 1.6rem;} #maincontents_cont .aboutplan .tit .tit_r .min { font-size: 1.2rem;} #maincontents_cont .aboutplan .txtarea { text-align: center; width: 95%; margin: 0 auto 40px auto;} #maincontents_cont .aboutplan .txtarea .txt { text-align: left;} #maincontents_cont .aboutplan .txtarea .txt p { margin-bottom: 15px;} #maincontents_cont .aboutplan .txtarea .img { max-width: 320px; margin: 0 auto;} #maincontents_cont .aboutplan .plantit {width: 95%; margin: 0 auto;} #maincontents_cont .aboutplan .plantit .plantit_l { width: 100px; background-size: 105px auto !important;} #maincontents_cont .aboutplan .plantit .plantit_l .icon { padding-left: 27px; background-size: 20px auto; line-height: 40px; margin-left: 8px;} #maincontents_cont .aboutplan .plantit .plantit_r { padding: 10px 0; font-size: 1.2rem; padding-left: 5px;} #maincontents_cont .aboutplan .plan01 .plantit .plantit_r .min { font-size: 1rem;} #maincontents_cont .aboutplan .plan01 { text-align: left;} #maincontents_cont .aboutplan .plan01 .plantit {width: 95%; margin: 0 auto;} #maincontents_cont .aboutplan .plan01 .planbox { width: 95%; margin: 0 auto;} #maincontents_cont .aboutplan .plan01 .planbox .box_l .img { max-width: 314px; margin: 0 auto;} #maincontents_cont .aboutplan .plan01 .planbox .box_l .txt { margin-top: 15px; margin-bottom: 15px;} #maincontents_cont .aboutplan .plan01 .planbox .box_r { margin-top: 15px;} #maincontents_cont .aboutplan .plan01 .planbox .box_r .img { max-width: 314px; margin: 0 auto;} #maincontents_cont .aboutplan .plan02 { text-align: left; margin-top: 30px;} #maincontents_cont .aboutplan .plan02 .planbox { width: 95%; margin: 0 auto;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .img { max-width: 128px; margin: 15px auto;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .subtit { font-size: 1.2rem;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .subtit .red { font-size: 1.2rem;} #maincontents_cont .aboutplan .plan02 .planbox .box_l .txt { margin-top: 10px;} #maincontents_cont .aboutplan .plan02 .planbox .box_r { margin-top: 20px;} #maincontents_cont .aboutplan .plan02 .planbox .box_r .img { max-width: 340px; margin: 15px auto 0 auto;} /* aboutplanstep */ #maincontents_cont .aboutplanstep { margin: 50px 2.5% 0 2.5%;} #maincontents_cont .aboutplanstep .titarea { margin-top: 30px;} #maincontents_cont .aboutplanstep .titarea .big { font-size: 1.2rem;} #maincontents_cont .aboutplanstep .titarea:before {left: -20px; bottom: 0; height: 40px;} #maincontents_cont .aboutplanstep .titarea:after { right: -20px; bottom: 0; height: 40px;} #maincontents_cont .aboutplanstep .stepbox { padding: 15px; margin-top: 20px;} #maincontents_cont .aboutplanstep .stepbox img { max-width: 500px;} #maincontents_cont .aboutplanstep .stepbox .steplist li .notes { font-size: .8rem;} #maincontents_cont .aboutplanstep .btm_notes:before { background-size: 100% auto;} #maincontents_cont .aboutplanstep .btm_notes { font-size: .8rem;} } /********************************************************************** * *縲€縲€ 笆�繧ｳ繝ｼ繧ｹ譯亥� * **********************************************************************/ #maincontents_cont .aboutcourse .commentbox {font-weight: bold;text-align: center;position: relative;margin: 0 auto;padding: 0 40px;} #maincontents_cont .aboutcourse .commentbox:before {content: "";height: 60px;width: 27px;position: absolute;left: 0px;bottom: -10px;} #maincontents_cont .aboutcourse .commentbox:after {content: "";height: 60px;width: 27px;position: absolute;right: 0px;bottom: -10px;} #maincontents_cont .aboutcourse .commenttxt {font-weight: bold;text-align: center;} /* 縺頑か縺ｿ */ #maincontents_cont .aboutcourse .problembox .problemtit {position: relative;text-align: center;padding:12px 15px;margin-bottom: 20px;font-weight: bold;font-size: 21px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;-ms-border-radius: 6px; line-height: 1.1;} #maincontents_cont .aboutcourse .problembox .problemtit span { font-weight: bold;} #maincontents_cont .aboutcourse .problembox .problemtit {font-weight: bold;font-size: 21px;} #maincontents_cont .aboutcourse .problembox .problemtit:after, #maincontents_cont .aboutcourse .problembox .problemtit:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} #maincontents_cont .aboutcourse .problembox .problemtit:after {border-color: rgba(230, 247, 242, 0);border-width: 15px;margin-left: -15px;} #maincontents_cont .aboutcourse .problembox .problemtit:before {border-color: rgba(149, 235, 210, 0);border-width: 21px;margin-left: -21px;} #maincontents_cont .aboutcourse .problembox .problemtxt {line-height: 1.3;margin-top: 30px;} #maincontents_cont .aboutcourse .coursebox {border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px; padding: 0 40px 0;margin: 70px 0 30px;} #maincontents_cont .aboutcourse .coursebox .titbox {font-size: 28px;font-weight: bold;padding:22px 15px;text-align: center;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;margin-top: -40px;} #maincontents_cont .aboutcourse .coursebox .titbox span {font-size: 36px;font-weight: bold;} #maincontents_cont .aboutcourse .coursebox .txt {line-height: 1.8;margin: 30px 0 0;} #maincontents_cont .aboutcourse .coursebox .txt a {color: #2d97d3;text-decoration: underline;} #maincontents_cont .aboutcourse .coursebox img {vertical-align: bottom;} #maincontents_cont .aboutcourse .pointbox .titbox {color: #fff;padding: 15px;text-align: center;font-size: 22px; font-weight: bold;} #maincontents_cont .aboutcourse .pointbox .pointlist li .pointtit {padding: 20px 0 20px 80px;font-size: 20px;font-weight: bold;line-height: 1.2;} #maincontents_cont .aboutcourse .pointbox .txtbox .txt {line-height: 1.5;} #maincontents_cont.course .conttit {background: url(../img/about/cont_tit_bg.gif) repeat;font-size: 23px;color: #2d97d3;border-left: 15px solid #2d97d3;padding:12px 20px;font-weight: bold;} #maincontents_cont .aboutstudy .studylist li {border: 4px solid #c0e0f2;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;-ms-border-radius: 6px;} #maincontents_cont .aboutstudy .studylist li .tit {background: url(../img/about/icon_study_check.png) no-repeat center left;padding: 10px 10px 10px 30px;color: #2d97d3;font-size: 24px; font-weight: bold; margin-bottom: 20px;} #maincontents_cont .aboutstudy .studylist li .txt {line-height: 1.5;margin-top: 10px;} #maincontents_cont .aboutvoice .voicelist li .voiceimg {border: 4px solid #fff;box-shadow:0px 0px 9px 3px #ededed;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;-ms-border-radius: 6px; line-height: 0;} #maincontents_cont .aboutvoice .voicelist li .txtbox .grade {color: #fff;padding: 0 20px 0 15px;font-size: 16px;display: inline-block;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;-ms-border-radius: 6px;} #maincontents_cont .aboutvoice .voicelist li .txtbox .grade .icon {background: url(../img/map/icon_comment.png) no-repeat center left; padding:10px 0 9px 30px; display: inline-block;} #maincontents_cont .aboutvoice .voicelist li .txtbox .tit {font-size: 20px; color: #2d97d3;font-weight: bold;margin: 20px 0 10px 0; line-height: 1.2;} #maincontents_cont .aboutvoice .voicelist li .txtbox .txt {line-height: 1.6;margin:0 0 10px 0;} #maincontents_cont .aboutvoice .voicelist li .txtbox .name {font-style: italic;text-align: right;color: #7d7d7d; line-height: 1.4;} #maincontents_cont .aboutvoice .kwskbtn a {color: #2d97d3;border: solid 2px #2d97d3;background: #fff;padding: 12px;display: block;text-align: center;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;} #maincontents_cont .aboutvoice .kwskbtn a .icon_arr {background: url(../img/common/icon_circlearr.png) no-repeat right center;padding-right: 20px;font-weight: bold;} #maincontents_cont .aboutqa {margin-bottom: 70px;} #maincontents_cont .aboutqa .subtxt {margin: 40px 20px;} #maincontents_cont .aboutqa .subtxt a {color: #2c97d5;text-decoration: underline;} #maincontents_cont .aboutqa .qalist li {margin-bottom: 2px;} #maincontents_cont .aboutqa .qalist li .qbox {background: url(../img/common/contact_bg.gif) repeat;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;-ms-border-radius: 6px;} #maincontents_cont .aboutqa .qalist li .qbox .icon {background: url(../img/about/icon_open.png) no-repeat center right 20px;padding: 20px 60px 20px 30px;cursor: pointer;} #maincontents_cont .aboutqa .qalist li .qbox.active .icon {background: url(../img/about/icon_close.png) no-repeat center right 20px;} #maincontents_cont .aboutqa .qalist li .qbox .qtxt {color: #fff;background: url(../img/about/icon_q.png) no-repeat top left;padding: 5px 15px 5px 60px;line-height: 1.3;font-size: 16px; min-height: 50px;} #maincontents_cont .aboutqa .qalist li .abox {background: #f2f7fa;padding:20px 60px 20px 30px; border-bottom: solid 2px #dce1e4;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;-ms-border-radius: 6px;} #maincontents_cont .aboutqa .qalist li .abox .atxt {background: url(../img/about/icon_a.png) no-repeat top left;padding: 5px 15px 5px 60px;line-height: 1.8;font-size: 14px; min-height: 50px;} #maincontents_cont .aboutqa .qalist li .abox .atxt .notes { display: block; font-size: 10px; color: #BBB; margin-top: 8px;} #maincontents_cont .aboutpickup .pickuplist li {display: flex;} #maincontents_cont .aboutpickup .pickuplist li .kwskbtn {padding: 20px 0px 0px 0px;} /* 縺頑か縺ｿ 蟆丞ｭｦ逕� */ #maincontents_cont .aboutcourse.el .commentbox:before {background: url(../img/about/com_el_l.png) left bottom no-repeat;} #maincontents_cont .aboutcourse.el .commentbox:after {background: url(../img/about/com_el_r.png) right bottom no-repeat;} #maincontents_cont .aboutcourse.el .commenttxt {color: #16b487;} #maincontents_cont .aboutcourse.el .problembox .problemtit { background: url(../img/about/el_problemtit_bg.gif); border: 4px solid #95ebd2; color: #0aad7d;} #maincontents_cont .aboutcourse.el .problembox .problemtit:after {border-top-color: #e6f7f2;} #maincontents_cont .aboutcourse.el .problembox .problemtit:before {border-top-color: #95ebd2;} #maincontents_cont .aboutcourse.el .coursebox {border: 10px solid #95ebd2;} #maincontents_cont .aboutcourse.el .coursebox .titbox {background: url(../img/top/subject_elementary_bg.gif);color: #ffff02;box-shadow:0px 4px 0px 0px #228d6e;} #maincontents_cont .aboutcourse.el .pointbox .pointlist li .pointtit.n1 {background: url(../img/about/el_point01.gif) no-repeat center left;} #maincontents_cont .aboutcourse.el .pointbox .pointlist li .pointtit.n2 {background: url(../img/about/el_point02.gif) no-repeat center left;} #maincontents_cont .aboutcourse.el .pointbox .pointlist li .pointtit.n3 {background: url(../img/about/el_point03.gif) no-repeat center left;} #maincontents_cont .aboutcourse.el .pointbox .pointlist li .pointtit.n4 {background: url(../img/about/el_point04.gif) no-repeat center left;} #maincontents_cont .aboutcourse.el .pointbox .titbox {background: url(../img/top/subject_elementary_bg.gif);} #maincontents_cont .aboutvoice .voicelist li .txtbox .grade.el {background: #36c89e;} /* 荳ｭ蟄ｦ逕� */ #maincontents_cont .aboutcourse.jr .commentbox:before {background: url(../img/about/com_jr_l.png) left bottom no-repeat;} #maincontents_cont .aboutcourse.jr .commentbox:after {background: url(../img/about/com_jr_r.png) right bottom no-repeat;} #maincontents_cont .aboutcourse.jr .commenttxt {color: #f36e89;} #maincontents_cont .aboutcourse.jr .problembox .problemtit { background: url(../img/about/jr_problemtit_bg.gif);border: 4px solid #f8d8d8; color: #f36e89;} #maincontents_cont .aboutcourse.jr .problembox .problemtit:after {border-top-color: #faeeee;} #maincontents_cont .aboutcourse.jr .problembox .problemtit:before {border-top-color: #f8d8d8;} #maincontents_cont .aboutcourse.jr .coursebox {border: 10px solid #f8d8d8;} #maincontents_cont .aboutcourse.jr .coursebox .titbox {background:url(../img/top/subject_junior_bg.gif);color: #ffff02; box-shadow:0px 4px 0px 0px #cd5971;} #maincontents_cont .aboutcourse.jr .pointbox .pointlist li .pointtit.n1 {background: url(../img/about/jr_point01.gif) no-repeat center left;} #maincontents_cont .aboutcourse.jr .pointbox .pointlist li .pointtit.n2 {background: url(../img/about/jr_point02.gif) no-repeat center left;} #maincontents_cont .aboutcourse.jr .pointbox .pointlist li .pointtit.n3 {background: url(../img/about/jr_point03.gif) no-repeat center left;} #maincontents_cont .aboutcourse.jr .pointbox .pointlist li .pointtit.n4 {background: url(../img/about/jr_point04.gif) no-repeat center left;} #maincontents_cont .aboutcourse.jr .pointbox .titbox {background:url(../img/top/subject_junior_bg.gif);} #maincontents_cont .aboutvoice .voicelist li .txtbox .grade.jr {background: #f36e89;} /* 鬮俶�｡逕� */ #maincontents_cont .aboutcourse.hi .commentbox:before {background: url(../img/about/com_hi_l.png) left bottom no-repeat;} #maincontents_cont .aboutcourse.hi .commentbox:after {background: url(../img/about/com_hi_r.png) right bottom no-repeat;} #maincontents_cont .aboutcourse.hi .commenttxt {color: #379dd5;} #maincontents_cont .aboutcourse.hi .problembox .problemtit { background: url(../img/about/hi_problemtit_bg.gif); border: 4px solid #c3e1f2; color: #2d97d3;} #maincontents_cont .aboutcourse.hi .problembox .problemtit:after {border-top-color: #f4eefa;} #maincontents_cont .aboutcourse.hi .problembox .problemtit:before {border-top-color: #c3e1f2;} #maincontents_cont .aboutcourse.hi .coursebox {border: 10px solid #c3e1f2;} #maincontents_cont .aboutcourse.hi .coursebox .titbox {background: url(../img/top/subject_high_bg.gif);color: #ffff02;box-shadow:0px 4px 0px 0px #1671a4;} #maincontents_cont .aboutcourse.hi .pointbox .pointlist li .pointtit.n1 {background: url(../img/about/hi_point01.gif) no-repeat center left;} #maincontents_cont .aboutcourse.hi .pointbox .pointlist li .pointtit.n2 {background: url(../img/about/hi_point02.gif) no-repeat center left;} #maincontents_cont .aboutcourse.hi .pointbox .pointlist li .pointtit.n3 {background: url(../img/about/hi_point03.gif) no-repeat center left;} #maincontents_cont .aboutcourse.hi .pointbox .pointlist li .pointtit.n4 {background: url(../img/about/hi_point04.gif) no-repeat center left;} #maincontents_cont .aboutcourse.hi .pointbox .titbox {background: url(../img/top/subject_high_bg.gif);} #maincontents_cont .aboutvoice .voicelist li .txtbox .grade.hi {background: #2d97d3;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont .aboutcourse {margin-bottom: 100px;} #maincontents_cont .aboutcourse .comment {margin-top: 50px;} #maincontents_cont .aboutcourse .commentbox {width: 410px;font-size: 20px;} #maincontents_cont .aboutcourse .commenttxt {margin-top: 17px;font-size: 31px;} #maincontents_cont .aboutcourse .problembox {display: flex;justify-content: space-between;margin: 40px 0 40px;} #maincontents_cont .aboutcourse .problembox li {width: 248px;} #maincontents_cont .aboutcourse .problembox li:last-child {margin-right: 0;} #maincontents_cont .aboutcourse .pointbox .pointlist {margin-top: 10px;} #maincontents_cont .aboutcourse .pointbox .pointlist li {width: 420px;padding: 20px 20px 0;} #maincontents_cont .aboutcourse .pointbox .pointlist {display: flex;flex-wrap: wrap;} #maincontents_cont .aboutcourse .pointbox .txtbox {display: flex;margin: 20px 0 10px 0;} #maincontents_cont .aboutcourse .pointbox .txtbox .txt {margin-left: 20px;} #maincontents_cont .aboutstudy {margin-bottom: 70px;} #maincontents_cont .aboutstudy .studylist {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;} #maincontents_cont .aboutstudy .studylist li {width: 410px;padding: 25px;margin-top: 20px;} #maincontents_cont .aboutvoice {margin-bottom: 70px;} #maincontents_cont .aboutvoice .voicelist { padding-top: 45px;} #maincontents_cont .aboutvoice .voicelist li {overflow: hidden;margin:0 0 30px 0;} #maincontents_cont .aboutvoice .voicelist li .voiceimg {width: 315px;float: left;} #maincontents_cont .aboutvoice .voicelist li .txtbox {margin-left: 30px;float: left;width: 500px;} #maincontents_cont .aboutvoice .kwskbtn {width: 220px;margin: 0 auto;} #maincontents_cont .aboutpickup .pickuplist {display: flex;margin: 40px 20px;} #maincontents_cont .aboutpickup .pickuplist .txtbox {padding: 0 15px; line-height: 1.5;} #maincontents_cont .aboutpickup .pickuplist .txtbox p { font-size: 13px;} #maincontents_cont .aboutpickup .pickuplist li { width: 50%;} #maincontents_cont .aboutpickup .pickuplist li .kwskbtn {padding: 14px 0 0 0;} #maincontents_cont .aboutpickup .pickuplist li .kwskbtn a {padding: 10px 12px; font-size: 14px;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont .aboutcourse {margin-bottom: 40px;} #maincontents_cont .aboutcourse .comment {width: 80%;margin: 20px auto 0;} #maincontents_cont .aboutcourse .commenttxt {margin: 20px 0 0;font-size: 1.5rem;} #maincontents_cont .aboutcourse .problembox {padding: 4%;} #maincontents_cont .aboutcourse .problembox .problemtxt {margin-bottom: 20px;} #maincontents_cont .aboutcourse .coursebox {padding: 4%;margin-top: 40px;} #maincontents_cont .aboutcourse .coursebox .titbox {font-size: 1.2rem; margin-top: -60px;} #maincontents_cont .aboutcourse .coursebox .titbox span {font-size: 1.4rem;} #maincontents_cont .aboutcourse .coursebox .txt {margin-bottom: 20px;} #maincontents_cont .aboutcourse .pointbox .pointlist {padding: 4%;} #maincontents_cont .aboutcourse .pointbox .pointlist li {margin-bottom: 20px;} #maincontents_cont .aboutcourse .pointbox .pointlist li .pointtit {font-size: 1.2rem;} #maincontents_cont .aboutcourse .pointbox .pointlist li .pointtit.n1 { background-size: 60px 60px !important;} #maincontents_cont .aboutcourse .pointbox .pointlist li .pointtit.n2 { background-size: 60px 60px !important;} #maincontents_cont .aboutcourse .pointbox .pointlist li .pointtit.n3 { background-size: 60px 60px !important;} #maincontents_cont .aboutcourse .pointbox .pointlist li .pointtit.n4 { background-size: 60px 60px !important;} #maincontents_cont .aboutcourse .pointbox .txtbox {overflow: hidden;margin: 20px 0;} #maincontents_cont .aboutcourse .pointbox .txtbox div {width: 25%;float: left;} #maincontents_cont .aboutcourse .pointbox .txtbox .txt {margin-left: 5%;width: 70%;float: left;} #maincontents_cont.course .conttit {font-size: 1.2rem;padding: 4%;} #maincontents_cont .aboutstudy {margin-bottom: 40px;} #maincontents_cont .aboutstudy .studylist {padding: 4%;} #maincontents_cont .aboutstudy .studylist li {padding: 4%;margin-bottom: 20px;} #maincontents_cont .aboutstudy .studylist li .tit {font-size: 1.2rem;font-weight: bold;} #maincontents_cont .aboutvoice {margin-bottom: 40px;} #maincontents_cont .aboutvoice .voicelist {padding: 4%;} #maincontents_cont .aboutvoice .voicelist li {margin-bottom: 20px;} #maincontents_cont .aboutvoice .voicelist .txtbox {margin-top: 10px; text-align: center;} #maincontents_cont .aboutvoice .voicelist .txtbox .grade { width: 100%;} #maincontents_cont .aboutvoice .voicelist li .txtbox .tit {font-size: 1.2rem;margin: 15px 0; text-align: left;} #maincontents_cont .aboutvoice .voicelist li .txtbox .txt { text-align: left;} #maincontents_cont .aboutvoice .kwskbtn {width: 92%;margin: 0 auto;} #maincontents_cont .aboutqa .qalist li .qbox .icon {padding: 4% 10% 4% 4%;} #maincontents_cont .aboutqa .qalist li .qbox .qtxt {background-size: auto 30px;padding: 7px 15px 7px 40px;} #maincontents_cont .aboutqa .qalist li .qbox.active .icon {padding: 4% 10% 4% 4%;} #maincontents_cont .aboutqa .qalist li .abox { padding: 4%;} #maincontents_cont .aboutqa .qalist li .abox .atxt {background-size: auto 30px;padding: 7px 0 7px 40px;} #maincontents_cont .aboutpickup .pickuplist {width: 95%; margin: 0 auto;} #maincontents_cont .aboutpickup .pickuplist li {overflow: hidden;margin: 20px 0;} #maincontents_cont .aboutpickup .pickuplist li div > img {float: left;} #maincontents_cont .aboutpickup .pickuplist li .txtbox {float: left;width: 70%;margin-left: 5%;} #maincontents_cont div.line_btn{width:80%; margin:0 auto 40px;} } /********************************************************************** CV **********************************************************************/ /* 辟｡譁吩ｽ馴ｨ� */ .offer_btn {background: #ea576a; /* Old browsers */background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); /* IE6-9 */ position: relative;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;} .offer_btn a {background: url(../img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;} .offer_btn .ribon {background: url(../img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;} .offer_btn .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;font-weight: bold;} .offer_btn .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;} .offer_btn .offer_txt span {color: #eaf20a;font-weight: bold;font-size: 17px;} /* --PC-- */ @media screen and (min-width: 751px) { .offer_btn {margin-right: 20px;width: 590px;margin: 70px auto;} .offer_btn a {padding: 25px 10px 25px 20px;} .offer_btn .offer_txt {font-size: 25px;padding-left: 77px;} } /* --SP-- */ @media screen and (max-width: 750px) { .offer_btn {width: 90%;margin: 20px auto;} .offer_btn a {padding: 1.5rem 2rem 1.5rem 1rem;} .offer_btn .offer_txt {padding-left: 5rem;font-size: 1.3rem;} } /********************************************************************** * *縲€縲€ 笆�繝槭Φ繧ｬ縺ｧ繧上°繧九€€螟ｧ騾�ｻ｢迚ｩ隱� /story/student.html * **********************************************************************/ #story .offer_cont {background: #cfeafb;padding: 50px 0;} #story ul {margin-bottom: 40px;} #story ul li img {vertical-align: middle;} #story .offer_cont .offer_inner ul {margin-bottom: 0;} #story #search_box {margin-bottom: 50px;} /* --PC-- */ @media screen and (min-width: 751px) { #story .offer_cont .offer_inner {width: 850px;margin: 0 auto;} #story .offer_cont #search_box .wrapper {width: 800px;} #story {width: 950px;margin: 70px auto 200px;} } /* --SP-- */ @media screen and (max-width: 750px) { #story .offer_cont {padding: 20px 0;} #story {margin: 40px 0;} } /********************************************************************** * *縲€縲€ 笆�蟄ｦ鄙呈欠蟆主�螳ｹ /about/ * **********************************************************************/ #about_cont .txt {line-height: 1.5;} #about_cont .aboutlist {} #about_cont .aboutlist ul {display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;} #about_cont .aboutlist ul li {border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;} #about_cont .aboutlist ul li.child {background: url(../img/common/icon_arrowR.png) no-repeat center right 25px #8ee8e8;} #about_cont .aboutlist ul li.teacher {background: url(../img/common/icon_arrowR.png) no-repeat center right 25px #f9c34e;} #about_cont .aboutlist ul li a {display: block;color: #2e2e2e;font-weight: bold;} /* --PC-- */ @media screen and (min-width: 751px) { #about_cont .mainimg {margin: 50px 0 40px;text-align: center;} #about_cont .txt {padding: 0 20px;margin: 20px 0;} #about_cont .aboutlist {padding: 0 20px;margin: 60px 0 40px;} #about_cont .aboutlist ul li {width: 390px;font-size: 20px;} #about_cont .aboutlist ul li a {padding: 30px 0;} } /* --SP-- */ @media screen and (max-width: 750px) { #about_cont {margin-bottom: 50px;} #about_cont .mainimg {margin: 35px 0;} #about_cont .txt {padding: 4%;} #about_cont .aboutlist ul {padding: 4%;} #about_cont .aboutlist ul li {width: 48%;display: flex;align-items: center;text-align: left;} #about_cont .aboutlist ul li.child {background-position: center right 10px;background-size: auto 15px;} #about_cont .aboutlist ul li.teacher {background-position: center right 10px;background-size: auto 15px;} #about_cont .aboutlist ul li a {padding: 15px 20% 15px 10%;width: 100%;} } /********************************************************************** * *縲€縲€ 笆�隰帛ｸｫ縺ｫ縺､縺�※ /about/teacher.html * **********************************************************************/ #about_cont .teacher {text-align: center;} #about_cont .teacher .tit {background: #faf3da;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;font-weight: bold;padding: 13px;margin: 20px;} #about_cont .teacher .bg {background: url(../img/about/aboutteacher_img01.jpg) no-repeat right 2px bottom;padding: 10px 0 40px;} #about_cont .teacher .ctxt {line-height: 1.5;} /* --PC-- */ @media screen and (min-width: 751px) { #about_cont .teacher .tit {font-size: 20px;} #about_cont .teacher .ctxt {font-size: 16px;margin: 30px 0 0;} } /* --SP-- */ @media screen and (max-width: 750px) { #about_cont .teacher {} #about_cont .teacher .tit {margin: 0 4%;} #about_cont .teacher .bg {padding: 0;background-size: auto 100px;background-position: bottom right 0;} #about_cont .teacher .ctxt {padding: 4%;} #about_cont .teacher .bg .ctxt {padding: 4% 30% 4% 4%;text-align: left;} } /********************************************************************** * *縲€縲€ 笆�蟄舌←繧ゅ�螳牙�縺ｫ縺､縺�※ /about/child.html * **********************************************************************/ #about_cont #childsafe dl {background: #fff3d8;width: 100%;} #about_cont #childsafe dl:nth-child(2n) {background: #fffaf1;} #about_cont #childsafe dl dt {background: #ffb100;color: #fff;text-align: center;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;padding: 8px;font-weight: bold;} #about_cont #childsafe dl dd {} /* --PC-- */ @media screen and (min-width: 751px) { #about_cont #childsafe dl {padding: 10px 40px;display: table;} #about_cont #childsafe dl dt {width: 125px;display: table-cell;vertical-align: middle;} #about_cont #childsafe dl dd {padding-left: 20px;font-size: 16px;display: table-cell;vertical-align: middle;} } /* --SP-- */ @media screen and (max-width: 750px) { #about_cont #childsafe {margin-bottom: 50px;} #about_cont #childsafe dl {padding: 10px 4%;overflow: hidden;} #about_cont #childsafe dl dt {width: 20%;padding: 5px;float: left;} #about_cont #childsafe dl dd {padding-left: 4%;float: left;width: 80%;margin-top: 5px;} } /********************************************************************** * *縲€縲€ 笆�banner for 蜍牙ｼｷ縺ｮ蝙九ｒ隕九▽縺代ｈ縺� /about/ * **********************************************************************/ .standard_bnr a{ display:block; width:80%; margin:100px auto 100px; border: solid 2px #008BBB; /*border-top: solid 5px #00BFFF; border-bottom: solid 5px #00BFFF;*/ border-radius:3px; padding:25px; text-align:center; font-size:1.8rem; font-weight:bold; color:#FFFF00; } .standard_bnr a i{ padding-left:20px; font-size:1.6rem; } .standard_bnr a{ background-color: #66CCCC; /*background-image: linear-gradient(45deg, #66CC66 25%, transparent 25%, transparent 75%, #66CC66 75%, #66CC66), linear-gradient(45deg, #66CC66 25%, transparent 25%, transparent 75%, #66CC66 75%, #66CC66);*/ background-size: 50px 50px; background-position: 0 0, 25px 25px; box-shadow: 4px 4px #008BBB; } /* --SP-- */ @media screen and (max-width: 750px) { .standard_bnr a{ width:93%; margin:10px auto 30px; font-size:1.2rem; padding:10px; } .standard_bnr a{ background-color: #66CCCC; /*background-image: linear-gradient(45deg, #66CC66 25%, transparent 25%, transparent 75%, #66CC66 75%, #66CC66), linear-gradient(45deg, #66CC66 25%, transparent 25%, transparent 75%, #66CC66 75%, #66CC66);*/ background-size: 30px 30px; background-position: 0 0, 15px 15px; box-shadow: 2px 2px #008BBB; } }