/* 笳�螺笳� contents title 笳�螺笳� */ /********************************************************************** * *縲€縲€ 笆�蜈ｱ騾� * **********************************************************************/ #maincontents_cont #cont_tit { background: url(https://std-ie.jp/img/common/boxbg_check_gray.gif) repeat;} #maincontents_cont #cont_tit h3 { font-weight: bold; border-left: 12px solid #2D97D3; display: inline-block;} /* title */ #maincontents_cont h3.lineTit { background: url(https://std-ie.jp/img/top/subject_tit_bg.gif) repeat-x center center; text-align: center;} #maincontents_cont h3.lineTit .txt { background: #ffffff; padding: 0 20px; font-weight: bold;} #maincontents_cont .cont_pnkTit { font-weight: bold; color: #fd556b; text-align: center; position: relative; display: inline-block; margin: 0 auto; padding: 0 40px;} #maincontents_cont .cont_pnkTit span { font-weight: bold; color: #de006e;} #maincontents_cont .cont_pnkTit .big { font-weight: bold; margin-top: 5px} #maincontents_cont .cont_pnkTit:before { content: ""; background: url(https://std-ie.jp/img/common/cont_pnkTit_l.png) no-repeat left bottom; height: 60px; width: 27px; position: absolute; left: 0; bottom: -10px;} #maincontents_cont .cont_pnkTit:after { content: ""; background: url(https://std-ie.jp/img/common/cont_pnkTit_r.png) no-repeat right bottom; height: 60px; width: 27px; position: absolute; right: 0; bottom: -10px;} /* btn */ #maincontents_cont li .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 li .kwskbtn a .icon_arr { background: url(https://std-ie.jp/img/common/icon_circlearr.png) no-repeat right center; padding-right: 20px; font-weight: bold;} /* cv_btn */ #maincontents_cont .cv_btn { padding: 30px 20px 20px 20px; background: url(https://std-ie.jp/img/common/about_nav_basebg.gif);} #maincontents_cont .cv_btn ul li { position: relative;display: inline-block; letter-spacing: normal; font-size: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; box-shadow:0px 4px 0px -1px #b2c8d5;} #maincontents_cont .cv_btn ul li a { display: block; padding: 20px 10px 18px 14px;} #maincontents_cont .cv_btn ul li .offer_txt { padding-left: 80px; font-size: 22px; display: block; line-height: 1.2; color: #fff; font-weight: bold; text-align: left;} #maincontents_cont .cv_btn ul li .ribon { background: url(https://std-ie.jp/img/common/ribon.png) no-repeat center left; display: block; height: 90px; position: absolute; top: -7px; width: 72px;} #maincontents_cont .cv_btn ul li .ribon .txt { color: #2e2e2e; padding: 28px 0; display: block; text-align: center; font-size: 16px; margin-left: -7px; line-height: 1.2; font-weight: bold;} #maincontents_cont .cv_btn ul li .offer_txt .txtyel { color: #eaf20a; font-weight: bold;display: block; font-size: 13px;} #maincontents_cont .cv_btn ul li .offer_txt .txtyel .big { font-size: 18px; font-weight: bold;} #maincontents_cont .cv_btn ul li .offer_txt .small { font-weight: bold;} #maincontents_cont .cv_btn ul li.free { background: #ea576a; background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); margin-right: 20px; width: 425px;} #maincontents_cont .cv_btn ul li.free a { background: url(https://std-ie.jp/img/common/icon_free_arrow.png) no-repeat center right 10px; padding-top: 14px;} #maincontents_cont .cv_btn ul li.request { background: #1ab762; background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); width: 353px;} #maincontents_cont .cv_btn ul li.request a { background: url(https://std-ie.jp/img/common/icon_request_arrow.png) no-repeat center right 10px;} #maincontents_cont .cv_btn ul li.request .ribon .txt { letter-spacing: -0.05em;} /* about_nav */ #maincontents_cont #about_nav { margin-top: 30px; padding: 40px 20px; background: url(https://std-ie.jp/img/common/about_nav_basebg.gif);} #maincontents_cont #about_nav ul {} #maincontents_cont #about_nav li { text-align: center;} #maincontents_cont #about_nav li#a_el { background: url(https://std-ie.jp/img/common/about_nav_bg01.gif);} #maincontents_cont #about_nav li#a_jr { background: url(https://std-ie.jp/img/common/about_nav_bg02.gif);} #maincontents_cont #about_nav li#a_hg { background: url(https://std-ie.jp/img/common/about_nav_bg03.gif);} #maincontents_cont #about_nav li a { color: #fff; display: block; font-size: 20px; font-weight: bold;} #maincontents_cont #about_nav li#a_el a { background: url(https://std-ie.jp/img/common/about_nav_arr01.png)no-repeat right 17px center;} #maincontents_cont #about_nav li#a_jr a { background: url(https://std-ie.jp/img/common/about_nav_arr02.png)no-repeat right 17px center;} #maincontents_cont #about_nav li#a_hg a { background: url(https://std-ie.jp/img/common/about_nav_arr03.png)no-repeat right 17px center;} #maincontents_cont #about_nav li a p { color: #2e2e2e; text-align: center; font-size: 14px; margin-bottom: 10px; padding: 5px; background-color: rgba(255,255,255,0.8); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont { width: 845px; float: left; padding-bottom: 40px; font-size: 14px;} /* cont_pnkTit */ #maincontents_cont #cont_tit { padding: 17px 21px; margin-bottom: 42px; position: relative;} #maincontents_cont #cont_tit h3 { font-size: 24px; padding: 12px 22px;width: 100%;} #maincontents_cont h3.lineTit .txt { font-size: 28px;} #maincontents_cont .cont_pnkTit { font-size: 21px; margin-top: 40px; letter-spacing: -0.05em;} #maincontents_cont .cont_pnkTit span { font-size: 33px;} #maincontents_cont .cont_pnkTit .big { font-size: 33px;} #maincontents_cont .cont_tittxt { padding: 0 20px 70px 20px; font-size: 16px;} /* btn */ #maincontents_cont li .kwskbtn { padding: 20px 25px 0 25px;} /* about_nav */ #maincontents_cont #about_nav { margin-bottom: 80px;} #maincontents_cont #about_nav ul { overflow: hidden;} #maincontents_cont #about_nav li { width: 258px; margin-right: 13px; float: left;} #maincontents_cont #about_nav li#a_hg { margin-right: 0;} #maincontents_cont #about_nav li a { padding: 20px 50px 20px 24px;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont { width: 100%; letter-spacing: 0.02em; line-height: 1.2; padding-bottom: 40px;} /* title */ #maincontents_cont #cont_tit { padding: 10px .6% 10px 3%; /*margin-bottom: 42px;*/margin-bottom: 30px;} #maincontents_cont #cont_tit h3 { font-size: 1.2rem; padding: 10px .6% 10px 3%;width: 100%;} #maincontents_cont h3.lineTit .txt { font-size: 1.2rem;;} #maincontents_cont .cont_pnkTit { font-size: 1rem; margin: 0 auto 30px auto; padding: 0 30px;} #maincontents_cont .cont_pnkTit span { font-size: 1.2rem;background-size: auto 45%;} #maincontents_cont .cont_pnkTit .big { font-size: 1.2rem;} #maincontents_cont .cont_pnkTit:before { background-size: 20px auto;} #maincontents_cont .cont_pnkTit:after { background-size: 20px auto;} #maincontents_cont .cont_tittxt { padding: 0 20px 50px 20px;} #maincontents_cont .spcttxt {padding: 0 20px 20px 20px;} /* btn */ #maincontents_cont li .kwskbtn { padding: 20px 15px 0 15px;} /* cv_btn */ #maincontents_cont .cv_btn ul li.free { width: 100%; margin-bottom: 20px; line-height:0.5em;} #maincontents_cont .cv_btn ul li.request { width: 100%;} /* about_nav */ #maincontents_cont #about_nav li { margin-bottom: 20px;} #maincontents_cont #about_nav li#a_hg { margin-bottom: 0;} #maincontents_cont #about_nav li a { padding: 15px 50px 15px 20px;} } /********************************************************************** * *縲€縲€ 笆�繧ｵ繝ｼ繝薙せ荳€隕ｧ繝壹�繧ｸ /service/ * **********************************************************************/ #maincontents_cont .service_list { 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 .service_list li { background: url(https://std-ie.jp/img/common/boxbg_check_blue.gif) repeat-x #f9f9f9; padding: 7px 0 22px 0;} #maincontents_cont .service_list li .tit { background: url(https://std-ie.jp/img/common/boxbg_check_lightblue.gif); text-align: center; font-size: 16px; padding: 20px 10px; font-weight: bold;} #maincontents_cont .service_list li .img { text-align: center;} #maincontents_cont .service_list li .txt { line-height: 1.4;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont .service_list li { width: 261px; margin-right: 12px;} #maincontents_cont .service_list li:nth-child(n+4) { margin-top: 40px;} #maincontents_cont .service_list li .tit.tit2line { padding: 12px 10px;} #maincontents_cont .service_list li .img { padding: 20px 25px 0 25px;} #maincontents_cont .service_list li .txt { padding: 15px 25px 0 25px; min-height: 78px;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont .service_list li { width: 49%;} #maincontents_cont .service_list li:nth-child(2n) { margin-left: 2%;} #maincontents_cont .service_list li:nth-child(n+3) { margin-top: 20px;} #maincontents_cont .service_list li .img { padding: 20px 15px 0 15px;} #maincontents_cont .service_list li .txt { padding: 15px 15px 0 15px;} } /********************************************************************** * *縲€縲€ 笆�繧ｵ繝ｼ繝薙せ荳€隕ｧ /campaign/ * **********************************************************************/ #maincontents_cont .campaign_list li { position: relative; padding-bottom: 30px; margin-bottom: 30px;} #maincontents_cont .campaign_list li .osusume { position: absolute;} #maincontents_cont .campaign_list li { border-bottom: solid 2px #dadada;} #maincontents_cont .campaign_list li:last-child { border-bottom: none;} #maincontents_cont .campaign_list li .txtbox .tit { background: url(https://std-ie.jp/img/common/boxbg_check_gray.gif) repeat; font-weight: bold; color: #2c97d5; text-align: center; margin-bottom: 20px;} #maincontents_cont .campaign_list li .txtbox .tit .min { background: url(https://std-ie.jp/img/campaign/boxbg_check_lightblue.gif) repeat; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block; padding: 5px; font-weight: bold; color: #2e2e2e; margin-bottom: 10px;} #maincontents_cont .campaign_list li .txtbox .txt { line-height: 1.4; margin: 0 auto;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont .campaign_list li { display: table;} #maincontents_cont .campaign_list li .osusume { top: -20px; left: 0;} #maincontents_cont .campaign_list li .txtbox { width: 390px; padding-left: 20px; display: table-cell; vertical-align: top;} #maincontents_cont .campaign_list li .txtbox .tit { font-size: 28px; padding: 20px;} #maincontents_cont .campaign_list li .txtbox .txt { width: 320px; text-align: center;} #maincontents_cont .campaign_list li .txtbox .kwskbtn { width: 220px; margin: 0 auto;} #maincontents_cont .campaign_list li .img { width: 390px; padding-left: 20px; display: table-cell; vertical-align: top;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont .campaign_list li .osusume { top: -20px; left: 0;} #maincontents_cont .campaign_list li { padding-left: 5.3%; padding-right: 5.3%;} #maincontents_cont .campaign_list li .txtbox .tit { font-size: 1.2rem; padding: 15px;} #maincontents_cont .campaign_list li .txtbox .tit .min { font-size: .9rem;} #maincontents_cont .campaign_list li .txtbox .kwskbtn { padding-left: 0; padding-right: 0; margin-bottom: 15px;} } /********************************************************************** * *縲€縲€ 笆�蜈･莨夂音蜈ｸ /campaign/tokuten.html * **********************************************************************/ #maincontents_cont .cp_tokuten { text-align: center;} #maincontents_cont .cp_tokuten .lineTit { margin-bottom: 40px;} #maincontents_cont .cp_tokuten .cont_pnkTit { margin-top: 30px;} #maincontents_cont .cp_tokuten .txt { text-align: center;} #maincontents_cont .cp_tokuten .tokuten_list { text-align: left;} #maincontents_cont .cp_tokuten .tokuten_list li { position: relative; background: url(https://std-ie.jp/img/campaign/tokuten_list_boxbg.gif) repeat;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtit { background: url(https://std-ie.jp/img/campaign/tokuten_list_titbg.gif) repeat;} #maincontents_cont .cp_tokuten .tokuten_list li:first-child .boxtit_icon { background: url(https://std-ie.jp/img/campaign/tokuten_list_no1.png) no-repeat 30px 10px;} #maincontents_cont .cp_tokuten .tokuten_list li:last-child .boxtit_icon { background: url(https://std-ie.jp/img/campaign/tokuten_list_no2.png) no-repeat 30px 10px;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtit h4 { color: #fff; margin-top: 5px; font-weight: bold;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist { background: #fff;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist li { background: url(https://std-ie.jp/img/campaign/tokuten_list_check.png) no-repeat left center #fff; width: 100%; padding-left: 30px; box-sizing: border-box;} #maincontents_cont .cp_tokuten .tokuten_list li .subtit { background: #fb94bf; color: #ffff02; text-align: center; padding: 10px 5px;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt { background: #fff; color: #fd556b; padding: 12px; text-align: center; font-weight: bold;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt .min { display: block; font-weight: bold;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt .yen { font-weight: bold;} #maincontents_cont .cp_tokuten .tokuten_list li .img { position: absolute; bottom: 0; right: 0; margin: 0 auto; text-align: center;} #maincontents_cont .cp_tokuten .tokuten_list li .notes { color: #555555;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont .cp_tokuten { width: 800px; margin: 0 25px 0 20px;} #maincontents_cont .cp_tokuten .txt { margin-top: 20px; margin-bottom: 50px; line-height: 1.4;} #maincontents_cont .cp_tokuten .tokuten_list { margin-top: 50px; 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 .cp_tokuten .tokuten_list li { width: 390px;} #maincontents_cont .cp_tokuten .tokuten_list li:first-child { margin-right: 20px;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtit_icon { padding: 17px 17px 20px 108px;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtit h4 { font-size: 23px;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtxt { padding:20px 30px; line-height: 1.4;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist { padding: 15px; margin: 0 30px 188px 30px;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist li { margin: 0; font-size: 18px; line-height: 24px; margin-bottom: 8px;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist li:last-child { margin-bottom: 0;} #maincontents_cont .cp_tokuten .tokuten_list li .subtit { margin: 20px 30px 0 30px;;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt { margin: 0 30px 0 30px; font-size: 40px;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt .min { font-size: 22px;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt .yen { font-size: 24px;} #maincontents_cont .cp_tokuten .tokuten_list li .notes { padding:0 30px; font-size: 10px; line-height: 1.4;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont .cp_tokuten { padding-left: 2.5%; padding-right: 2.5%;} #maincontents_cont .cp_tokuten .txt { margin-bottom: 20px; } #maincontents_cont .cp_tokuten .tokuten_list { margin-top: 20px;} #maincontents_cont .cp_tokuten .tokuten_list li:first-child { margin-bottom: 20px; padding-bottom: 175px;} #maincontents_cont .cp_tokuten .tokuten_list li .baloon { height: 30px;} #maincontents_cont .cp_tokuten .tokuten_list li .baloon img { height: 100%; width: auto;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtit_icon { padding: 17px 17px 20px 100px; background-size: auto 80%;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtit h4 { font-size: 1.2rem;} #maincontents_cont .cp_tokuten .tokuten_list li .boxtxt { padding:20px 2.5%; line-height: 1.4;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist { padding: 15px; margin: 0 2.5%;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist li { margin: 0; line-height: 24px; margin-bottom: 8px;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist li:first-child {padding-bottom: 0;} #maincontents_cont .cp_tokuten .tokuten_list li .checklist li:last-child { margin-bottom: 0;} #maincontents_cont .cp_tokuten .tokuten_list li .subtit { margin: 20px 2.5% 0 2.5%;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt { margin: 0 2.5% 0 2.5%; font-size: 2rem;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt .min { font-size: 1.5rem;} #maincontents_cont .cp_tokuten .tokuten_list li .subtxt .yen { font-size: 1.5rem;} #maincontents_cont .cp_tokuten .tokuten_list li .notes { padding: 0 2.5% 15px 2.5%; font-size: .8rem;} #maincontents_cont .cp_tokuten .tokuten_list li .img { max-width: 330px;} } /********************************************************************** * *縲€縲€ 笆�謗域･ｭ譁� /price/pricelist.html * **********************************************************************/ #wrap #maincontents_cont .price_pricelist li a:hover img, #wrap #maincontents_cont .price_pricelist li a:active img {opacity: 1;} #maincontents_cont .price_pricelist .pricelist li .titbox { text-align: center;} #maincontents_cont .price_pricelist .pricelist li a {display: block;} #maincontents_cont .price_pricelist .pricelist li.nomal .titbox { background: url(https://std-ie.jp/img/price/pricelist_nomal_titbg.gif);} #maincontents_cont .price_pricelist .pricelist li.point .titbox { background: url(https://std-ie.jp/img/price/pricelist_point_titbg.gif);} #maincontents_cont .price_pricelist .pricelist li .titbox .std { color: #fff;} #maincontents_cont .price_pricelist .pricelist li .titbox h4 { font-weight: bold; background: #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;} #maincontents_cont .price_pricelist .pricelist li.nomal .titbox h4 { color: #00bcd0;} #maincontents_cont .price_pricelist .pricelist li.point .titbox h4 { color: #fbb021;} #maincontents_cont .price_pricelist .pricelist li .titbox .sub { color: #fff;} #maincontents_cont .price_pricelist .pricelist li .img { line-height: 0;} #maincontents_cont .price_pricelist .pricelist li .txtbox { text-align: center;} #maincontents_cont .price_pricelist .pricelist li.nomal .txtbox { background: url(https://std-ie.jp/img/price/pricelist_nomal_txtbg.gif);} #maincontents_cont .price_pricelist .pricelist li.point .txtbox { background: url(https://std-ie.jp/img/price/pricelist_point_txtbg.gif);} #maincontents_cont .price_pricelist .pricelist li .txtbox .tit { font-weight: bold;} #maincontents_cont .price_pricelist .pricelist li.nomal .txtbox .tit { color: #00bcd0;} #maincontents_cont .price_pricelist .pricelist li.point .txtbox .tit { color: #fbb021;} #maincontents_cont .price_pricelist .pricelist li .txtbox .txt { color: #2e2e2e;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl { display: table;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl dt { color: #fff; display: table-cell; font-weight: bold;} #maincontents_cont .price_pricelist .pricelist li.nomal .txtbox dl dt { background: #00bcd0;} #maincontents_cont .price_pricelist .pricelist li.point .txtbox dl dt { background: #fbb021;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl dd { color: #2e2e2e; background: #fff; display: table-cell; font-weight: bold;} .off-banner-pc { margin-top:10px; text-align:center;} .pricelist_cont_tittxt{ margin: 20px auto; width:95%; color:#2e2e2e; font-size:1.1rem; line-height:2; } .pricelist_cont_tittxt a{color:#f75e7f;} .pricelistcam_btn { font-size:1.1rem; padding:10px; border-radius:5px; width:210px; margin: 0 auto; text-align:center; border:solid 1px #f75e7f; } .pricelistcam_btn a{ color:#f75e7f; } .pricelistcam_btn:hover{ background:#FFFF55; } .pricelist_cont_tittxt a:visited, .pricelistcam_btn a:visited{ color:#f75e7f; } /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont .pricelist_h3 { position: absolute; right: 10px; top: 8px;} #maincontents_cont .pricelist_h3_sp { display: none;} /* #maincontents_cont .price_pricelist .pricelist_cont_tittxt { margin-top: 40px; padding-bottom: 20px;color:#2e2e2e;font-size:1.1rem;line-height:1.5;} */ #maincontents_cont .price_pricelist { width: 800px; margin-left: 20px; margin-bottom: 80px;} #maincontents_cont .price_pricelist .pricelist { overflow: hidden;} #maincontents_cont .price_pricelist .pricelist li { width: 390px; float: left;} #maincontents_cont .price_pricelist .pricelist li.nomal { margin-right: 20px;} #maincontents_cont .price_pricelist .pricelist li .titbox { padding: 15px 25px;} #maincontents_cont .price_pricelist .pricelist li .titbox .std { margin-bottom: 8px;} #maincontents_cont .price_pricelist .pricelist li .titbox h4 { font-size: 21px; padding: 10px;} #maincontents_cont .price_pricelist .pricelist li .titbox .sub { margin-top: 8px;} #maincontents_cont .price_pricelist .pricelist li .txtbox { padding: 20px;} #maincontents_cont .price_pricelist .pricelist li .txtbox .tit { font-size: 18px; line-height: 1.2;} #maincontents_cont .price_pricelist .pricelist li .txtbox .txt { line-height: 1.4; margin-top: 20px;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl { width: 300px; margin: 20px auto 0 auto;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl dt { width: 67px; padding: 15px;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl dd { padding: 15px;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont .pricelist_h3 { display: none;} #maincontents_cont .pricelist_h3_sp { margin: -20px 2.5% 30px 2.5%; background: #eaf20a; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 5px; position: relative;} #maincontents_cont .pricelist_h3_sp:after{ content: ""; position: absolute; top: -22px; left: 50%; margin-left: -10px; border: 9px solid transparent; border-bottom: 16px solid #eaf20a; z-index: 1;} #maincontents_cont .pricelist_h3_sp img { max-width: 216px;} #maincontents_cont .price_pricelist .lineTit { margin-left: 2.5%; margin-right: 2.5%;} #maincontents_cont .price_pricelist .pricelist { padding-left: 2.5%; padding-right: 2.5%;} #maincontents_cont .price_pricelist .pricelist li.nomal { margin-bottom: 20px;} #maincontents_cont .price_pricelist .pricelist li .titbox { padding: 10px 15px;} #maincontents_cont .price_pricelist .pricelist li .titbox .std { margin-bottom: 8px;} #maincontents_cont .price_pricelist .pricelist li .titbox h4 { font-size: 1.2rem; padding: 5px;} #maincontents_cont .price_pricelist .pricelist li .titbox .sub { margin-top: 8px;} #maincontents_cont .price_pricelist .pricelist li .txtbox { padding: 20px;} #maincontents_cont .price_pricelist .pricelist li .txtbox .tit { font-size: 1.2rem; line-height: 1.2;} #maincontents_cont .price_pricelist .pricelist li .txtbox .txt { line-height: 1.4; margin-top: 10px;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl { width: 300px; margin: 10px auto 0 auto;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl dt { width: 67px; padding: 10px;} #maincontents_cont .price_pricelist .pricelist li .txtbox dl dd { padding: 10px;} .pricelist_cont_tittxt{ margin: 20px auto; width:95%; color:#2e2e2e; font-size:1rem; line-height:1.5; } .pricelistcam_btn { font-size:1rem; padding:5px; width:200px; margin:0 auto 30px; } .att_txtPL{ width:95%; } } /*-------------------------------------- 騾ｱ1蝗槭�騾ｱ2蝗�1繧ｳ繝樊侭驥代ョ繧ｶ繧､繝ｳ驛ｨ蛻� ----------------------------------------*/ div.recommend_ereaPL{ width:780px; margin:60px auto; border-top: 1px solid #C5B440; border-bottom: 1px solid #C5B440; border-left: 5px solid #C5B440; border-right: 5px solid #C5B440; background: #FFFFCC; } .recommendtxtPL1{ font-size:20px; color: #685858; line-height:2; text-align:center; } .recommendtxtPL1 span{ color: #f75e7f; font-size:25px; font-weight:bold; } .recommendtxtPL2{ font-size:20px; color:/*#DAAF08*/#ba960b; /*color:#f75e7f;*/ font-weight:bold; line-height:2; text-align:center; } .price1comaPL_bg{ width:500px; height:90px; margin: 30px auto 10px; font-size:14px; line-height:1.6; border: #337fc3 1px solid; padding: 0 15px 0; border-radius:3px; } .gakunen_titPL{ width:50%; color:#FFF; text-align:center; /*position: relative;*/ margin: -10px auto 0; font-size: 1rem; font-weight:bold; background:#337fc3; border-radius: 30px; color:#FFF; } /* div.tit_chu2{ margin-top:10px; text-align:center; } */ .price_upperPL{ font-size:3rem; font-weight:bold; color:#f75e7f; text-align:center; } .price_upperPL span{ font-size:2rem; } span.komaPL, span.enPL{ font-weight:bold; } span.komaPL{ position: relative; margin: 1.5em 20px 1.5em 0.7rem; font-size:1.5rem; padding:6px; vertical-align:middle; letter-spacing:-2px; background:yellow; border-radius:10px; } span.komaPL:before{ content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border: 5px solid transparent; border-left: 10px solid yellow; } span.zeiPL{ font-size:1.1rem; } span.zei_numberPL{ font-size:1.6rem; padding:0 1px; } span.kara{ font-size:1.6rem; } /* .border{ border-top: 1px solid #337fc3; } */ span.tsujukuPL{ color:gray; font-size:1.6rem; vertical-align:middle; margin-right:10px; } span.tsukiPL{ font-size:1.5rem; padding:6px; vertical-align:middle; letter-spacing:-2px; background:yellow; border-radius:10px; font-weight:bold; } div.note_tinyPL{ font-size:0.6rem; color:gray; line-height:0; margin:-10px 0 0 6px; } .week01plan_txtPL{ width:90%; margin: 30px auto 20px; text-align:center; font-size:1.2rem; font-weight:bold; color:#483D8B; background:#FFFFCC; border-top: dotted 2px #666699; border-bottom: dotted 2px #666699; padding: 20px; } @media screen and (max-width: 750px) { div.recommend_ereaPL{ width:92%; margin-top:20px; margin-bottom:0; /*border-top: 1px solid #C5B440; border-bottom: 1px solid #C5B440; border-left: none; border-right:none;*/ } .recommendtxtPL{ font-size:1rem; color:#685858; font-weight:bold; line-height:1.4; text-align:center; padding:10px 5px 10px; } .recommendtxtPL span{ color: #f75e7f; font-size:1.2rem; font-weight:bold; } .recommendtxtPL{ font-size:0.9rem; line-height:1; text-align:center; padding:10px 5px 10px; } .price1comaPL_bg{ width:92%; height:100%; margin: 20px auto 10px; font-size:18px; border: #337fc3 1px solid; padding:0; border-radius:3px; } .gakunen_titPL{ width:50%; font-size: 15px; padding:3px; } .price_upperPL{ line-height:0.9; font-size:2.5rem; font-weight:bold; color:#f75e7f; margin:15px 5px; } .price_upperPL span{ font-size:1.6rem; } span.komaPL, span.enPL{ font-weight:bold; } span.komaPL{ position: relative; margin: 0.5em 0.5em 1.5em 0; font-size:1.1rem; padding:4px; vertical-align:middle; letter-spacing:-2px; background:yellow; border-radius:5px; } span.komaPL:before{ content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border: 4px solid transparent; border-left: 10px solid yellow; } span.kara{ font-size:1.2rem; } span.zeiPL{ font-size:0.8rem; } span.zei_numberPL{ font-size:1.4rem; padding:0 1px; } /* .borderPL{ border-top: 1px solid #337fc3; } */ span.tsujukuPL{ color:gray; font-size:1rem; vertical-align:middle; margin-right:10px; } span.tsukiPL{ font-size:1rem; padding:6px 10px; vertical-align:middle; letter-spacing:-2px; background:yellow; border-radius:10px; font-weight:bold; } em.note_tinyPL{ font-size:0.8rem; color:gray; line-height:0; } .week01plan_txtPL{ width:95%; margin: 15px auto; font-size:1.1rem; padding: 10px; line-height:1.4; } .recommendtxtPL1{ padding-top:10px; font-size:1rem; line-height:1.2; text-align:center; } .recommendtxtPL1 span{ font-size:1.2rem; line-height:1.2; } .recommendtxtPL2{ font-size:1rem; } } /*------------------------------ 騾ｱ1蝗槭�騾ｱ2蝗樊侭驥題｡ｨ ------------------------------*/ div.pattern_PL00{ margin-top:30px; } span.patternPL{ margin-bottom:0; margin-top: 40px; font-size:1.1rem; font-weight:bold; color:#2d97d3; border-radius:5px; padding:11px; } span.otokuPL{ color:#2d97d3; font-weight:bold; } span.pattern_PL1{ display: inline-block; border:1px solid #F2DD4D; /*border:2px solid #2d97d3;*/ background : repeating-linear-gradient(45deg, #ffffcc, #ffffcc 3px, #ffff99 0, #ffff99 6px); } span.pattern_PL2{ display: inline-block; border:1px solid #2d97d3; background : repeating-linear-gradient(45deg, #D1FFFF, #D1FFFF 3px, #D1F2FF 0, #D1F2FF 6px); } span.otokuPL{ position: relative; display: inline-block; margin: 1.5em 1.5em 0 1.5em; padding: 8px; color: #AA0000; font-size: 1rem; background: -webkit-linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 75%, #DAAF08 99%); background: -moz-linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 75%, #DAAF08 99%); background: -o-linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 75%, #DAAF08 99%); background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 75%, #DAAF08 99%); /* border: solid 2px #555;*/ border-radius:7px; box-sizing: border-box; } span.otokuPL:before{ content: ""; position: absolute; top: 70%; left: -12px; margin-top: -10px; border: 5px solid transparent; border-right: 8px solid #B67B03; } span.catchPL{ position: relative; display: inline-block; font-size:1.1rem; padding-left:2.2rem; color:#f75e7f; font-weight:bold; } span.catchPL:before { content: ''; position: absolute; top: 50%; display: inline-block; width: 28px; height: 2px; background-color: #f75e7f; -webkit-transform: rotate(60deg); transform: rotate(60deg); } span.catchPL:after { content: ''; position: absolute; top: 50%; display: inline-block; width:28px; height: 2px; background-color: #f75e7f; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); } span.catchPL:before{ left:7px } span.catchPL:after{ left:230px; } .areaprice_note{ font-size:1.1rem; text-align:center; color:#f75e7f; font-weight:bold; margin:20px auto; } @media screen and (max-width: 750px) { /***騾ｱ�呈侭驥�****/ span.patternPL{ display:inline-block; width:45%; font-size:1rem; text-align:center; margin:0 0 20px 0; padding:8px 4px; } span.pattern_PL1{ margin-top:40px; } span.catchPL{ font-size:0.9rem; padding-left:18px; } span.catchPL:before{ left:0px } span.catchPL:after{ left:175px; } } /********************************************************************** * *縲€縲€ 笆�縺泌�莨壹�豬√ｌ /start/ * **********************************************************************/ #maincontents_cont .startstep { text-align: center;} #maincontents_cont .startstep .tittxt { margin: 40px auto 60px auto;} #maincontents_cont .stepbox { position: relative;} #maincontents_cont .stepbox .num { position: absolute; left: 0;} #maincontents_cont .stepbox h4 { background: url(https://std-ie.jp/img/start/step_list_tit_bg.gif); font-weight: bold;} #maincontents_cont .stepbox .txtbox {} #maincontents_cont .stepbox .txtbox .box_l { line-height: 1.4;} #maincontents_cont .stepbox .txtbox .box_l .subtit { font-weight: bold; color: #0d68be;} #maincontents_cont .stepbox .txtbox .box_l .txt {} #maincontents_cont .stepbox .txtbox .box_l .txt .blue { color: #2d97d3} #maincontents_cont .stepbox .txtbox .box_r {} #maincontents_cont .step01 { background: url(https://std-ie.jp/img/start/step_num_bg.gif) repeat-y 62px top;} #maincontents_cont .step02 { background: url(https://std-ie.jp/img/start/step_num_bg.gif) repeat-y 62px top;} #maincontents_cont .step03 { background: url(https://std-ie.jp/img/start/step_num_bg.gif) repeat-y 62px top;} #maincontents_cont .step03 .list { border: solid 2px #c7e3f3; padding: 15px 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} #maincontents_cont .step03 .list li { background: url(https://std-ie.jp/img/start/step_icon_check.png) no-repeat left top; padding-left: 25px; margin-bottom: 5px; font-weight: bold;} #maincontents_cont .step03 .list li:last-child { margin-bottom: 0;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont .startstep {} #maincontents_cont .stepbox { padding-left: 160px;} #maincontents_cont .stepbox .num { top: -40px;} #maincontents_cont .stepbox h4 { font-size: 21px; padding: 15px 20px;} #maincontents_cont .stepbox .txtbox { overflow: hidden; margin-top: 30px;} #maincontents_cont .stepbox .txtbox .box_l { width: 326px; margin-left: 20px; float: left;} #maincontents_cont .stepbox .txtbox .box_l .subtit { font-size: 21px; letter-spacing: -0.05em;} #maincontents_cont .stepbox .txtbox .box_l .txt { margin-top: 25px;} #maincontents_cont .stepbox .txtbox .box_l .txt .blue {} #maincontents_cont .stepbox .txtbox .box_r { width: 290px; margin-left: 20px; float: left;} #maincontents_cont .step01 { padding-bottom: 30px;} #maincontents_cont .step01 .cv_btn ul li.free { width: 367px; margin-right: 12px;} #maincontents_cont .step01 .cv_btn ul li.free a { padding-top: 20px;} #maincontents_cont .step01 .cv_btn ul li.request { width: 255px} #maincontents_cont .step01 .cv_btn ul li .offer_txt { font-size: 15px; padding-left: 70px;} #maincontents_cont .step01 .cv_btn ul li .ribon { top: -16px; width: 55px; background-size: 100% auto;} #maincontents_cont .step01 .cv_btn ul li .ribon .txt { font-size: 13px;} #maincontents_cont .step02 { padding-bottom: 80px;} #maincontents_cont .step03 { padding-bottom: 40px;} #maincontents_cont .step04 { margin-bottom: 100px;} #maincontents_cont .step03 .list { margin-top: 25px;} #maincontents_cont .step03 .list li { font-size: 16px;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont .startstep {} #maincontents_cont .startstep .tittxt { width: 95%; line-height: 1.4; margin-top: 10px;} #maincontents_cont .stepbox { padding-left: 0px;} #maincontents_cont .stepbox .num { width: 80px; top: -22px;} #maincontents_cont .stepbox h4 { font-size: 1.1rem; padding: 10px 10px 10px 30px; margin-left: 55px;} #maincontents_cont .stepbox h4 span{ font-size: .8rem;} #maincontents_cont .stepbox .txtbox { padding: 20px 15px 0 ;15px} #maincontents_cont .stepbox .txtbox .box_l {} #maincontents_cont .stepbox .txtbox .box_l .subtit { font-size: 1.1rem; margin-top: 10px;} #maincontents_cont .stepbox .txtbox .box_l .txt { margin-top: 10px;} #maincontents_cont .stepbox .txtbox .box_l .txt .blue {} #maincontents_cont .stepbox .txtbox .box_r { margin: 10px 0;} #maincontents_cont .step01 { padding-bottom: 60px; background-position: 36px top; background-size: 8px auto; background:none;} #maincontents_cont .step01 .cv_btn ul li a { padding-right: 35px;} #maincontents_cont .step01 .cv_btn ul li .ribon { top: -5px; width: 50px; background-size: 100% auto; background-position: top left;} #maincontents_cont .step01 .cv_btn ul li .ribon .txt { font-size: .8rem; padding: 16px 0 0 2px;} #maincontents_cont .step01 .cv_btn ul li .offer_txt { font-size: 1.1rem; padding-left: 55px;} #maincontents_cont .step02 { padding-bottom: 60px; background:none;} #maincontents_cont .step03 { padding-bottom: 60px; background:none;} #maincontents_cont .step04 { margin-bottom: 80px;} #maincontents_cont .step03 .list { margin-top: 15px;} } /********************************************************************** * *縲€縲€ 笆�騾壼ｸｸ謖�ｰ弱€€謗域･ｭ譁� /price/ * **********************************************************************/ .price_badge_txt{font-size:0.7rem; color:#a9a9a9; text-align:right; margin-right:55px;} #maincontents_cont.price .cont_pnkTit {width: 570px;display: block;} #maincontents_cont.price .cont_pnkTit .big {font-size: 21px;line-height: 1.3;} #maincontents_cont.price .priceimg {text-align: center;margin: 50px 0;} #maincontents_cont.price .pricetxt {width: 680px;margin: 0 auto;text-align: left;line-height: 1.7; } /* #maincontents_cont.price .teacherbox {background: url(https://std-ie.jp/img/price/pink_line_bg.gif) no-repeat center center;padding: 25px;height: 430px;overflow: hidden;margin-top: 40px;} */ #maincontents_cont.price .teacherbox { padding:20px;height: 370px;overflow: hidden ; margin: 20px auto 0x; background-size: auto auto; background-color: rgba(209, 244, 255, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(149, 221, 244, 0.14) 4px, rgba(149, 221, 244, 0.14) 12px ); border-radius:3px; } /* #maincontents_cont.price .teacherbox .txtbox .tit{text-align:center; background:#cc0033;padding:10px 5px; line-height:1.4;border-radius:2px;} */ #maincontents_cont.price .teacherbox .txtbox .tit{ text-align:center; padding:0 5px; border-top:1px solid #0F2D6A; border-bottom:1px solid #0F2D6A; background:yellow; padding: 5px 0; } #maincontents_cont.price .teacherbox .txtbox .tit span { margin: 11px 0 17px 0; font-weight:bold; font-size: 22px; line-height: 1.4; color:#0F2D6A; /*text-shadow: 2px 2px #fff, 2px 2px rgba(0, 188, 212, 0.4);*/ } /* #maincontents_cont.price .teacherbox .txtbox .tit span { font-size: 24px; font-weight:bold; color: transparent; background: repeating-linear-gradient( 0deg, #B67B03 8px, #DAAF08 8px, #FEE9A0 16px, #DAAF08 20px, #B67B03 15px); -webkit-background-clip: text; } */ #maincontents_cont.price .teacherbox .txtbox .txt {margin: 10px 0 15px;line-height: 1.6;} #maincontents_cont.price .teacherbox .txtbox .whitebox {background: #fff;padding: 15px;font-size: 14px;line-height: 1.3; border-radius:5px;} .colorbox{ color:#0F2D6A; font-weight:bold; margin:25px auto; padding:10px 10px; text-align:center; font-size:1.3rem; border-top:1px solid #0F2D6A; border-bottom:1px solid #0F2D6A; background:yellow; letter-spacing:0.1rem; } .colorboxtxt{ text-align:center; font-size:1.1rem; font-weight:bold; color:#0F2D6A; } /*#maincontents_cont.price .bnr {margin: 30px auto 55px;}*/ #maincontents_cont.price .bnr .note {text-align: left;margin: 10px 0 0 20px;font-size: 12px;} #maincontents_cont.price .pricemap { /*border: 3px solid #2d97d3;*/ border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px; padding-bottom: 40px; margin: 40px 0 0 0; } #maincontents_cont.price .pricemap .price_tit { position: relative; width:100%; display: inline-block; /* margin: 1.5em 0 1.5em 8em;*/ padding:20px ; min-width: 120px; max-width: 100%; background: #fff; border-top: 2px solid #fcdae2; border-bottom: 2px solid #fcdae2; } #maincontents_cont.price .pricemap .price_tit:before { content: ""; position: absolute; bottom: -26px; left: 50%; margin-left: -16px; border: 13px solid transparent; border-top: 13px solid #fff; z-index: 2; } #maincontents_cont.price .pricemap .price_tit:after { content: ""; position: absolute; bottom: -30px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #fcdae2; z-index: 1; } #maincontents_cont.price .pricemap .price_tit p { text-align:center; color: #ff6699; font-size:20px; font-weight:bold; margin: 0; padding: 0; } #maincontents_cont.price .pricemap .tit {text-align: center;color: #fff;font-weight: bold;padding: 20px;background: #2d97d3;line-height: 1.5; } #maincontents_cont.price .pricemap .tit .icon {background: url(https://std-ie.jp/img/price/icon_price_white.png) no-repeat center left;padding: 10px 0 10px 40px;font-size: 16px;font-weight: bold;} #maincontents_cont.price .pricemap .arrow {position: relative;} #maincontents_cont.price .pricemap .mapbox {background: url(https://std-ie.jp/img/common/blue_bg.gif) repeat;padding: 20px;overflow: hidden;position: relative;} #maincontents_cont.price .pricemap .arrow:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #2d97d3;border-width: 30px;margin-left: -30px;} #maincontents_cont.price .pricemap .mapbox li {float: left;text-align: center;background: #fff;border: 2px solid #fcdae2;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;box-shadow:0px 2px 0px 0px #ccc;} #maincontents_cont.price .pricemap .mapbox li a {display: block;color: #2e2e2e;padding: 10px;position: relative;} #maincontents_cont.price .pricemap .mapbox li a:before {display: block;content: "";position: absolute;top: 50%;left: 10px;width: 0;height: 0;margin: -5px 0 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);} #maincontents_cont.price .pricemap .mapbox li.active {background:#fcdae2!important;} #maincontents_cont.price .pricemap h3.main_tit {box-sizing: border-box;background-size: contain;padding: 10px .6% 10px 3%;border-left: 10px solid #2d97d3;line-height: normal;font-size: 1.4rem;} #maincontents_cont.price .pricemap h4.inner_tit {padding: 5px 5px 5px 15px;border-top: 3px solid #2d97d3;border-bottom: 1px solid #2d97d3;width: 780px;box-sizing: border-box;margin: 13px auto 10px;line-height: normal;color: #2C97D5;} #maincontents_cont.price .pricemap h4.inner_tit .icon_price {background: url(https://std-ie.jp/img/map/icon_price.png) no-repeat center left;padding-left: 30px;font-weight: bold;font-size: 24px;} #maincontents_cont.price .pricemap .tax_txt {text-align: right;width: 780px;margin: 30px auto 10px;font-size: 15px;color: #2e2e2e;font-weight: bold;} #maincontents_cont.price .pricemap .bnr {text-align: center;margin-bottom: 55px;} #maincontents_cont.price .pricemap p.att_txt {color: #555555;line-height: 1.5;font-size: 10px;} #maincontents_cont.price .pricemap .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; margin-left:20px;} #maincontents_cont.price .pricemap .kwskbtn a .icon_arr {background: url(https://std-ie.jp/img/common/icon_circlearr.png) no-repeat right center;padding-right: 20px;font-weight: bold;} /* --PC-- */ @media screen and (min-width: 751px) { #maincontents_cont.price .teacherbox .txtbox {margin:0 20px;padding-top: 20px;} #maincontents_cont.price .teacherbox .img {float: left;} #maincontents_cont.price .teacherbox .txtbox {float: left;width: 350px;} #maincontents_cont.price .pricemap .linkbox {display: flex;justify-content: space-between; width: 780px;margin: 0 auto;} #maincontents_cont.price .pricemap p.att_txt {width: 500px;margin: 10px 0 0 0;} #maincontents_cont.price .pricemap .kwskbtn {width: 230px;margin: 10px;} #maincontents_cont.price .pricemap .mapbox li {width: 124px;margin: 0 10px 10px 0;} #maincontents_cont.price .pricemap .mapbox li:nth-child(6n) {margin-right: 0;} #maincontents_cont.price .panel .price-note{margin:30px 0 0 28px; font-size:18px;} } /* --SP-- */ @media screen and (max-width: 750px) { #maincontents_cont.price .cont_pnkTit {width: 90%;margin: 30px auto 0;} #maincontents_cont.price .cont_pnkTit .big {font-size: 1.2rem;} #maincontents_cont.price .priceimg {width: 95%;margin: 6% auto 4%;} #maincontents_cont.price .pricetxt {width: 85%; text-align:left;} .price_badge_txt{width:100%;font-size:0.5rem; color:#a9a9a9; text-align:center;} #maincontents_cont.price .teacherbox .txtbox h4.tit{ text-align:center; } #maincontents_cont.price .teacherbox .txtbox h4.tit span{font-size:1.2rem; line-height:1.5;} #maincontents_cont.price .teacherbox {background-size: cover;height: auto;padding: 6% 4% 6%;} #maincontents_cont.price .teacherbox .txtbox .colorboxtxt{font-size:1.1rem;} #maincontents_cont.price .teacherbox .txtbox {margin: 4% 4%;} #maincontents_cont.price .pricemap span.tit_pricedown_note{font-size:0.9rem;} .price_bnr_txt{ font-size:0.4rem; color:gray; text-align:center; margin-right:0; } #maincontents_cont.price .bnr .note {font-size: 10px;color: #bbb;margin: 10px 0;} #maincontents_cont.price .pricemap {border:none;} #maincontents_cont.price .pricemap h4.inner_tit {width: 100%;} #maincontents_cont.price .pricemap .kwskbtn {width: 92%;margin: 4% auto 0;} /*#maincontents_cont.price .pricemap .mapbox li {width: 32%;margin: 0 2% 2% 0;} #maincontents_cont.price .pricemap .mapbox li:nth-child(3n) {margin-right: 0;}*/ #maincontents_cont.price .pricemap .mapbox li {width: 23%; margin: 3% 2% 2% 0;} #maincontents_cont.price .pricemap .mapbox li:nth-child(4n) {margin-right: 0;} #maincontents_cont.price .pricemap .mapbox li a {display: block;color: #2e2e2e;padding: 5px;position: relative; font-size:1rem;}/*****/ #maincontents_cont.price .pricemap .mapbox li a:before {left: 2px;}/*****/ #maincontents_cont.price .pricemap h4.inner_tit .icon_price {padding:10px 10px 10px 30px;font-size:1.5rem;} #maincontents_cont.price .pricemap .tax_txt {width: 92%;margin:30px auto 10px;text-align: left;} #maincontents_cont.price .pricemap p.att_txt {padding: 4%;} #maincontents_cont.price .school_price {overflow:hidden; margin: 0 auto;} #maincontents_cont.price .panel .price-note img{margin:28px auto 10px; font-size:18px;} .teacherbox .colorbox{ font-size:1.1rem; } #maincontents_cont.price .pricemap .price_tit{ padding:10px ; } #maincontents_cont.price .pricemap .price_tit p { font-size:1.2rem; } } /********************************************************************** 繧ｹ繧ｿ繝ｳ繝€繝ｼ繝峨′驕ｸ縺ｰ繧後ｋ逅�罰 **********************************************************************/ #reason .reason_cont .reason_tit {position: relative;background: #e0f0f8;padding: 30px;text-align: center;font-size: 20px;color: #2d97d3;font-weight: bold;margin: 50px 0 70px;} #reason .reason_cont .reason_tit:after, .reason_tit:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} #reason .reason_cont .reason_tit:after {border-top-color: #e0f0f8;border-width: 30px;margin-left: -30px;} #reason .reason_cont .reason_tit:before {border-top-color: #e0f0f8;border-width: 36px;margin-left: -36px;} #reason .reason_cont .reason_list li {border: 2px solid #b1d7ed;border-radius: 4px;padding: 40px;position: relative;width: 780px;margin: 0 auto;margin-bottom: 30px;} #reason .reason_cont .reason_list li .list_bg.list01 {background: url(https://std-ie.jp/img/reason/reason01_bg.png) no-repeat top right;} #reason .reason_cont .reason_list li .list_bg .list_tit {position: absolute;left: -21px;} #reason .reason_cont .reason_list li .list_bg .list_tit .icon {display: inline-block;vertical-align: middle;} #reason .reason_cont .reason_list li .list_bg .list_tit span.txt {display: inline-block;vertical-align: top;font-size: 29px;padding: 10px 0; color: #2d97d3;font-weight: bold;line-height: 1.2;letter-spacing: -0.02em;} #reason .reason_cont .reason_list li .list_bg .list_tit span.small {display: block;font-size: 15px;margin-bottom: 8px;} #reason .reason_cont .reason_list li .list_bg p {padding-top: 100px;line-height: 1.5;padding-bottom: 60px;} #reason .reason_cont .reason_list li .inner_box {text-align: center;background: url(https://std-ie.jp/img/common/blue_bg.gif) repeat;padding: 20px;} #reason .reason_cont .reason_list li .inner_box .point {background: url(https://std-ie.jp/img/reason/icon_point.png) no-repeat center left;padding: 30px 30px 30px 80px;font-size: 20px;color: #2d97d3;text-align: left;} #reason .reason_cont .reason_list li .inner_box .point span {font-size: 20px; background: linear-gradient(transparent 60%, #ff0 0%);} /* 逅�罰2 */ #reason .reason_cont .reason_list li .list_bg.list02 {background: url(https://std-ie.jp/img/reason/reason02_bg.jpg) no-repeat bottom right;} #reason .reason_cont .reason_list li .list_bg.list02 p {width: 390px;} #reason .reason_cont .reason_list li .inner_box .txt {font-size: 20px;color: #2d97d3; padding: 20px 0;font-weight: bold;} #reason .reason_cont .reason_list li .inner_box .txt span {font-size: 20px; background: linear-gradient(transparent 60%, #ff0 0%);font-weight: bold;} /* 辟｡譁吩ｽ馴ｨ� */ #reason .reason_cont .reason_list li .inner_box .free_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;width: 425px;margin: 0 auto 20px;border-radius: 4px;} #reason .reason_cont .reason_list li .inner_box .free_btn a {background: url(https://std-ie.jp/img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;padding: 15px 10px 15px 20px;} #reason .reason_cont .reason_list li .inner_box .free_btn .ribon {background: url(https://std-ie.jp/img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;} #reason .reason_cont .reason_list li .inner_box .free_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;} #reason .reason_cont .reason_list li .inner_box .free_btn .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;} #reason .reason_cont .reason_list li .inner_box .free_btn .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;} /* 逅�罰3 */ #reason .reason_cont .reason_list li .list_bg.list03 {background: url(https://std-ie.jp/img/reason/reason03_bg.png) no-repeat bottom right -50px;} #reason .reason_cont .reason_list li .list_bg.list03 p {padding-top: 120px;} #reason .reason_cont .reason_list li .ordermade {display: table;border-collapse: separate;border-spacing: 12px 0;margin-left: -12px;} #reason .reason_cont .reason_list li .ordermade dl {width: 224px;display: table-cell;margin-right: 12px;background: url(https://std-ie.jp/img/common/blue_bg.gif) repeat;height: 100%;} #reason .reason_cont .reason_list li .ordermade dl:last-of-type {margin-right: 0;} #reason .reason_cont .reason_list li .ordermade dl dt {color:#fff;padding: 10px;text-align: center;font-weight: bold;font-size: 18px;} #reason .reason_cont .reason_list li .ordermade dl dt.element {background: #23b88d;} #reason .reason_cont .reason_list li .ordermade dl dt.middle {background: #f67d96;} #reason .reason_cont .reason_list li .ordermade dl dt.high {background: #4ca6da;} #reason .reason_cont .reason_list li .ordermade dl dd {padding: 30px 10px;text-align: center;} #reason .reason_cont .reason_list li .ordermade dl dd .tit {font-size: 21px;line-height: 1.2;} #reason .reason_cont .reason_list li .ordermade dl dd .tit span {display: block;font-size: 15px;letter-spacing: -0.07em;} #reason .reason_cont .reason_list li .ordermade dl dd .txt {text-align: left;margin-top: 25px;line-height: 1.2;} /* 逅�罰4 */ #reason .reason_cont .reason_list li .list_bg.list04 {/*background: url(https://std-ie.jp/img/reason/reason04_bg.jpg) no-repeat bottom left;*/} #reason .reason_cont .reason_list li .list_bg.list04 .txt_box {padding-top: 100px;overflow: hidden;} #reason .reason_cont .reason_list li .list_bg.list04 .txt_box p {width: 320px;padding: 0;float: left;margin-left: 30px;} #reason .reason_cont .reason_list li .list_bg.list04 .txt_box img {float: left;} /* 逅�罰5 */ #reason .reason_cont .reason_list li:last-child {background: url(https://std-ie.jp/img/reason/reason05_bg.png) no-repeat bottom right;} #reason .reason_cont .reason_list li .list_bg.list05 .txt_box {padding-top: 100px;overflow: hidden;} #reason .reason_cont .reason_list li .list_bg.list05 .txt_box p {padding: 30px 0 0 0;} #reason .reason_cont .reason_list li .list_bg.list05 p.yellow_box {background: #eaf20a;padding: 20px;width: 500px;text-align: center;} #reason .reason_cont .reason_list li .list_bg.list05 p.yellow_box .strong_txt {display: block;font-size: 44px;font-weight: bold;} /* --SP-- */ @media screen and (max-width: 750px) { #reason .reason_cont .reason_list li {width: 95%;padding: 4%;} #reason .reason_cont .reason_list li .list_bg .list_tit {position: static;} #reason .reason_cont .reason_list li .list_bg .list_tit span.txt {font-size: 1.3rem;line-height: 1.2;} #reason .reason_cont .reason_list li .list_bg .list_tit .icon {display: block;width: 30%;} #reason .reason_cont .reason_list li .inner_box {padding: 4%;} #reason .reason_cont .reason_list li .inner_box .txt {padding: 2% 0 4%;font-size: 1.2rem;line-height: 1.4;} #reason .reason_cont .reason_list li .inner_box .free_btn .offer_txt {font-size: 1.1rem;padding: 0 1.5rem 0 55px;} #reason .reason_cont .reason_list li .inner_box .free_btn .ribon {width: 50px;top: -5px;background-size: 100% auto;background-position: top left;} #reason .reason_cont .reason_list li .inner_box .free_btn a {background: url(https://std-ie.jp/img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;padding: 15px 10px 15px 20px;} #reason .reason_cont .reason_list li .inner_box .free_btn a {padding-left: 10px;} #reason .reason_cont .reason_list li .inner_box .free_btn .ribon .txt {font-size: .8rem;padding: 16px 0 0 2px;} /* 逅�罰1 */ #reason .reason_cont .reason_list li .list_bg.list01 {background-position: bottom right;background-size: 20% auto;} #reason .reason_cont .reason_list li .list_bg p {padding: 2% 0 4%;width: 80%;} #reason .reason_cont .reason_list li .inner_box .point {padding: 4% 0 4% 80px;} /* 逅�罰2 */ #reason .reason_cont .reason_list li .list_bg.list02 {background: none;} #reason .reason_cont .reason_list li .list_bg.list02 .sp_bg p {width: 50%;padding: 0;} #reason .reason_cont .reason_list li .list_bg.list02 .sp_bg {background: url(https://std-ie.jp/img/reason/reason02_bg.jpg) no-repeat top 5px right;background-size: 45%;padding: 0 0 4%;} #reason .reason_cont .reason_list li .inner_box .free_btn {width: 100%;} /* 逅�罰3 */ #reason .reason_cont .reason_list li .list_bg.list03 {background: none;} #reason .reason_cont .reason_list li .list_bg.list03 .sp_bg p {width: 75%;padding: 0;} #reason .reason_cont .reason_list li .list_bg.list03 .sp_bg {background: url(https://std-ie.jp/img/reason/reason03_bg.png) no-repeat bottom right;background-size: 30%;padding: 2% 0 4%;} #reason .reason_cont .reason_list li .ordermade {display: block;margin: 0;} #reason .reason_cont .reason_list li .ordermade dl {display: block; width: 100%;margin-bottom: 4%;} #reason .reason_cont .reason_list li .ordermade dl:last-of-type {margin-bottom: 0;} #reason .reason_cont .reason_list li .ordermade dl dd {padding: 8% 10%;} /* 逅�罰4 */ #reason .reason_cont .reason_list li .list_bg.list04 .txt_box {padding: 0;} #reason .reason_cont .reason_list li .list_bg.list04 .txt_box p {width: 100%;margin: 4% 0 0 0;} /* 逅�罰5 */ #reason .reason_cont .reason_list li:last-child {background-size: 30% auto;} #reason .reason_cont .reason_list li .list_bg.list05 .txt_box {padding: 0;} #reason .reason_cont .reason_list li .list_bg.list05 p.yellow_box {width: 100%;font-size: .8rem;} #reason .reason_cont .reason_list li .list_bg.list05 .txt_box p {padding: 4% 0 4% 0;font-size: 1rem;} #reason .reason_cont .reason_list li .list_bg.list05 p.yellow_box .strong_txt {font-size: 1.3rem;} } /********************************************************************** * *縲€縲€ 笆�蠎ｧ隲�ｼ� symposium.html * **********************************************************************/ #symposium_cont .protecterbox {background: url(https://std-ie.jp/img/start/pink_dot_bg.gif) repeat;} #symposium_cont .protecterbox .protectTit {font-size: 24px;color: #ff8989;text-align: center;font-weight: bold;position: relative;} #symposium_cont .protecterbox .protectTit:before {content: "";background: url(https://std-ie.jp/img/start/pritectTit_l.png) no-repeat left bottom;height: 34px;width: 34px;position: absolute;left: 0;bottom: -10px;} #symposium_cont .protecterbox .protectTit:after {content: "";background: url(https://std-ie.jp/img/start/pritectTit_r.png) no-repeat right bottom;height: 34px;width: 36px;position: absolute;right: 0;bottom: -10px;} #symposium_cont .symposium_txt {margin-bottom: 100px;} #symposium_cont .symposium_txt .symposium_tit {font-size: 21px;color: #2d97d3;font-weight: bold;position: relative;padding-left: 50px;margin: 20px auto;line-height: 1.3;} #symposium_cont .symposium_txt .symposium_tit:before {content:"";background: url(https://std-ie.jp/img/start/txt_line.gif) no-repeat left center;height:3px;width: 42px;position: absolute;left: 0;top: 50%;} #symposium_cont .symposium_txt p {line-height: 1.5;} #symposium_cont .symposium_txt p span {color: #e63a50;font-weight: bold;} #symposium_cont .symposium_txt h5 {font-size: 21px;border-bottom: 3px dotted #349bd5;font-weight: bold;padding-bottom: 15px;line-height: 1.5;} #symposium_cont .symposium_txt .voice {font-weight: bold;text-align: center;} /* --PC-- */ @media screen and (min-width: 751px) { #symposium_cont {padding: 0 20px;} #symposium_cont .txt {margin: -30px 0 40px;line-height: 1.5;} #symposium_cont .protecterbox {padding: 40px;} #symposium_cont .protecterbox .protectTit {margin: 0 auto 20px;width: 630px;} #symposium_cont .symposium_txt div {width: 720px;margin: 60px auto;} #symposium_cont .symposium_txt .block {width: 590px;margin: 0 auto;} #symposium_cont .symposium_txt .symposium_tit {margin-left: -45px;} #symposium_cont .symposium_txt p {margin: 30px 0;} #symposium_cont .symposium_txt h5 {margin: 50px 0 0;} } /* --SP-- */ @media screen and (max-width: 750px) { #symposium_cont {padding: 0 20px;} #symposium_cont .txt {margin-bottom: 20px;} #symposium_cont .protecterbox {padding: 4%;margin-bottom: 20px;} #symposium_cont .protecterbox .protectTit {font-size: 1.2rem;padding: 0 10%;margin: 0 0 10px;} #symposium_cont .protecterbox .protectTit:before {bottom: 0;} #symposium_cont .protecterbox .protectTit:after {bottom: 0;} #symposium_cont .symposium_txt {margin-bottom: 30px;} #symposium_cont .symposium_txt .symposium_tit {font-size: 1.2rem;} #symposium_cont .symposium_txt p {margin: 15px 0;} #symposium_cont .symposium_txt h5 {margin-top: 40px;font-size: 1.2rem;padding-bottom: 5px;} } /********************************************************************** * *縲€縲€ 笆�菴馴ｨ楢ｫ� /start/experience.html * **********************************************************************/ .disnon {display: none;} #exp_list {display: flex;justify-content: space-between;} #exp_list li {font-weight: bold;cursor: pointer;color: #fff;text-align: center;} #exp_list li.el {background: url(https://std-ie.jp/img/start/exp_arrow.png) no-repeat center bottom 15px #23b88d;} #exp_list li.jr {background: url(https://std-ie.jp/img/start/exp_arrow.png) no-repeat center bottom 15px #f56684;} #exp_list li.hi {background: url(https://std-ie.jp/img/start/exp_arrow.png) no-repeat center bottom 15px #42a2d7;} #wrap .exp_wrap .sub_title.el {color:#23b88d;border-left: 10px solid #23b88d;} #wrap .exp_wrap .sub_title.jr {color:#f56684;border-left: 10px solid #f56684;} #wrap .exp_wrap .sub_title.hi {color:#42a2d7;border-left: 10px solid #42a2d7;} #wrap .exp_wrap .exp_box li .img img {border: 4px solid #fff;border-radius: 4px;box-shadow:0px 0px 1px 2px #e0e0e0;border-style: solid;} .exp_wrap .exp_box li .exp_txt .grade {display: inline-block;border-radius: 6px;color: #fff;font-weight: bold;width: 100%;text-align: center;} .exp_wrap .exp_box li .exp_txt .grade .comment {font-weight: bold;background: url(https://std-ie.jp/img/map/icon_comment.png) no-repeat center left 15px;padding: 8px 25px 8px 40px;display: inline-block;} .exp_wrap .exp_box li .exp_txt .tit {font-size: 21px;font-weight: bold;margin: 20px 0;} .exp_wrap .exp_box li .exp_txt .txt {line-height:1.4;margin-bottom: 10px;} .exp_wrap .exp_box li .exp_txt .name {text-align: right;font-style: italic;color: #7d7d7d;line-height: 1.4;} .exp_wrap.el .exp_box li .exp_txt .grade {background: url(https://std-ie.jp/img/map/comment_ps_bg.gif) repeat-x;} .exp_wrap.el .exp_box li .exp_txt .tit {color:#23b88d;} .exp_wrap.jr .exp_box li .exp_txt .grade {background: url(https://std-ie.jp/img/map/comment_jh_bg.gif) repeat-x;} .exp_wrap.jr .exp_box li .exp_txt .tit {color:#f56684;} .exp_wrap.hi .exp_box li .exp_txt .grade {background: url(https://std-ie.jp/img/map/comment_hs_bg.gif) repeat-x;} .exp_wrap.hi .exp_box li .exp_txt .tit {color:#42a2d7;} /* --PC-- */ @media screen and (min-width: 751px) { #exp_list li {padding: 20px 0 40px;width: 270px;font-size: 18px;} #exp_list li:hover {opacity: 0.8;} .exp_wrap {margin: 40px 0;} .exp_wrap .exp_box li {display: flex;justify-content: space-between;padding: 20px;margin: 30px 0;} .exp_wrap .exp_box li .exp_txt {margin-left: 30px;} } /* --SP-- */ @media screen and (max-width: 750px) { .exp_wrap .exp_box {padding: 4%;} #exp_list li {width: 33.3%;padding: 10px 5px 30px;} #exp_list li.el {background-position: center bottom 8px;background-size: auto 15px;} #exp_list li.jr {background-position: center bottom 8px;background-size: auto 15px;} #exp_list li.hi {background-position: center bottom 8px;background-size: auto 15px;} .exp_wrap {margin: 20px 0;} .exp_wrap .exp_box li {margin-bottom: 30px;} .exp_wrap .exp_box li .exp_txt {margin-top: 20px;} .exp_wrap .exp_box li .exp_txt .tit {font-size: 1.2rem;margin: 10px 0;} #wrap .exp_wrap .exp_box li .img img {box-sizing: border-box;} .exp_wrap .exp_box li .exp_txt .name {font-size: .8rem;} .exp_wrap .exp_box li .exp_txt .grade .comment {font-size: .8rem;background-size: auto 15px;} } /********************************************************************** * *縲€縲€ 笆�縲€/service/ 蜈ｱ騾� * **********************************************************************/ #wrap .search_bnr {background: #edf5ff;} #wrap .search_bnr a {display: block;} #wrap .search_bnr .left {background: #eaf20a;color: #e63a50;font-weight: bold;text-align: center;font-size: 17px;position: relative;} #wrap .search_bnr .right .offer {font-weight: bold;color: #08448d;} #wrap .search_bnr .right .search_btn {font-weight: bold;background: #2d97d3;color: #fff;text-align: center;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;padding: 12px;} #wrap .search_bnr .right .search_btn span {background: url(https://std-ie.jp/img/common/icon_map.png) no-repeat center left;padding-left: 30px;background-size: contain;font-size: 17px;} #wrap .service_cont .mid_title {text-align: center;padding: 10px;font-size: 20px;background: #d4e6ff;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px; font-weight:500;} #wrap .service_cont .block .inner {padding: 40px 20px 40px;} #wrap .service_cont .block .inner .txt {margin: 30px 0;} #wrap .service_cont .block .inner .sr_date {margin: 50px 0;line-height: 1.7;} #wrap .service_cont .mainimg {text-align: center;margin: 30px 0;} #wrap .service_cont .sr_title span {color: #2d97d3;text-decoration: underline;} /* --PC-- */ @media screen and (min-width: 751px) { #wrap .search_bnr {display: table;} #wrap .search_bnr .left {width:150px;padding: 25px 0;font-size: 17px;position: relative;display: table-cell;} #wrap .search_bnr .left:after {content: ' ';height: 0;position: absolute;width: 0;border: 34px solid transparent;border-left-color: #eaf20a;left: 100%;top: 0;} #wrap .search_bnr .right {display: table-cell;width: 700px;} #wrap .search_bnr .right .offer {display: inline-block;padding-left: 50px;font-size: 24px;vertical-align: middle;} #wrap .search_bnr .right .search_btn {display: inline-block;padding: 12px;font-size: 20px;width: 255px;text-align: center;margin-left: 90px;} #wrap .service_cont .sr_title {width: 800px;margin: 0 auto;line-height: 1.5;} #wrap .service_cont .area_title {background: url(https://std-ie.jp/img/map/icon_search_title.png) no-repeat center left;padding: 10px 0 10px 35px;color: #0D68BE;} } /* --SP-- */ @media screen and (max-width: 750px) { #wrap .search_bnr {width: 92%;margin: 0 auto;} #wrap .search_bnr .left {padding: 15px 0;} #wrap .search_bnr .left:before {content: "";position: absolute;bottom: -24px;left: 50%;margin-left: -15px;border: 12px solid transparent;border-top: 12px solid #eaf20a;z-index: 2;} #wrap .search_bnr .left:after {content: "";position: absolute;bottom: -30px;left: 50%;margin-left: -17px;border: 14px solid transparent;z-index: 1;} #wrap .search_bnr .right {padding-bottom: 20px;} #wrap .search_bnr .right .offer {text-align: center;padding: 15px 0;} #wrap .search_bnr .right .search_btn {width: 80%;margin: 0 auto;} #wrap .service_cont .sr_title {padding: 4%;line-height: 1.7;} #wrap .service_cont .mid_title {font-size: 1rem;font-weight: bold;} #wrap .service_cont .block {padding: 4%;} #wrap .service_cont .block .inner {padding: 4% 0;} #wrap .service_cont .block .inner .txt {margin-bottom: 0;} #wrap .service_cont .block .inner .sr_date {margin: 20px 0;} } /********************************************************************** * *縲€縲€ 笆�騾溯ｪｭ縲€/service/speedread.html * **********************************************************************/ #speedread_cont .srbox {border: 4px solid #24a5e3;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;position: relative;margin: 80px auto;padding-bottom: 20px;} #speedread_cont .srbox:after{top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #2d97d3;border-width: 30px;margin-left: -30px;} #speedread_cont .srbox .innerbox {display: flex;} #speedread_cont .block .inner .txt {text-align: center;} #speedread_cont .srbox .cloud {background: url(https://std-ie.jp/img/service/speedread_cloud.png)no-repeat center center;padding: 60px;text-align: center;color: #fff;font-weight: bold;font-size: 20px;margin-top: -60px;} #speedread_cont .srbox .checklist li {background: url(https://std-ie.jp/img/common/icon_check.png) no-repeat center left;padding-left: 40px;font-size: 18px;line-height: 1.6;margin: 10px 0;} #speedread_cont .yellowbox {background: #fff000;text-align: center;} #speedread_cont .yellowbox .line {color: #e63a50;background: linear-gradient(transparent 70%, #eddf00 40%);display: inline-block;margin-top: 10px;} #speedread_cont .videobox iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #speedread_cont .srkousien {background: #eaf4fb;padding: 30px 60px 60px;text-align: center;position: relative;} #speedread_cont .srkousien .prizetit {font-size: 30px;margin: 80px 0 50px;font-weight: bold;} #speedread_cont .srkousien .tit {width:30%;padding: 15px;background:#2d97d3;margin:0 auto;text-align:center;transform: skewX(-35deg);position: absolute;top: -30px;left: 0;right: 0;} #speedread_cont .srkousien .tit span {font-size: 24px;color: #fff;transform: skewX(35deg);display: block;} #speedread_cont .sr_bottom p {text-align: center;} /* --PC-- */ @media screen and (min-width: 751px) { #speedread_cont .srbox .checklist {margin-top: 20px;} #speedread_cont .srbox {width: 667px;} #speedread_cont .yellowbox {width: 660px;margin: 0 auto 50px;padding: 40px;} #speedread_cont .yellowbox .min {font-size: 20px;letter-spacing: -0.04em;} #speedread_cont .yellowbox .line {font-size: 35px;} #speedread_cont .video {margin-bottom: 50px;} #speedread_cont .video p {width: 720px;margin: 20px auto;line-height: 1.5;} #speedread_cont .videobox {position: relative;width: 720px;height: 400px;margin: 50px auto 40px;} #speedread_cont .srkousien .prizetxt {font-size: 17px;line-height: 1.8;margin-bottom: 60px;} #speedread_cont .srkousien .prizelist {margin: 20px 0 0;} #speedread_cont .srkousien .prizelist li:first-child {margin-bottom: 20px;} #speedread_cont .sr_bottom {margin: 50px auto 100px;} #speedread_cont .sr_bottom ul {width: 500px;display: table;margin: 20px auto 0;} #speedread_cont .sr_bottom ul li {display: table-cell;} } /* --SP-- */ @media screen and (max-width: 750px) { #speedread_cont .sr_title {padding: 4%;} #speedread_cont .srbox {width: 92%;margin: 60px auto 40px;} #speedread_cont .srbox .cloud {background-size: 100%;padding: 13% 4% 10%;font-size: 1rem;} #speedread_cont .srbox .innerbox .img {width: 30%;} #speedread_cont .srbox .checklist {padding-right: 4%;} #speedread_cont .srbox .checklist li {font-size: 1rem;padding-left: 30px;} #speedread_cont .yellowbox {width: 92%;margin: 0 auto;padding: 4%;} #speedread_cont .yellowbox .line {font-size: 1.2rem;font-weight: bold;} #speedread_cont .videobox {position: relative;width: 100%;padding: 75% 0 0 0;} #speedread_cont .video {margin-top: 50px;} #speedread_cont .video p {padding: 4%;line-height: 1.7;} #speedread_cont .srkousien {padding:4%;margin-top: 50px;} #speedread_cont .srkousien .tit {width: 60%;padding: 12px;top: -22px;} #speedread_cont .srkousien .tit span {font-size: 1rem;font-weight: bold;} #speedread_cont .srkousien .prizetit {font-size: 1.2rem;margin: 50px 0 20px;} #speedread_cont .srkousien .prizetxt {margin-bottom: 40px;} #speedread_cont .srkousien .prizelist {margin: 10px 0;} #speedread_cont .srkousien .prizelist li:first-child {margin-bottom: 10px;} #speedread_cont .sr_bottom p {padding: 4%;} #speedread_cont .sr_bottom ul {padding: 4%;margin-bottom: 50px;} #speedread_cont .sr_bottom ul li {margin-bottom: 20px;} #speedread_cont .sr_bottom ul li:last-child {margin-bottom: 0;} #speedread_cont .search .sub_title {margin-bottom: 0;} #speedread_cont .search #area01 {border-top: none;} } /********************************************************************** * *縲€縲€ 笆�ZOOM /service/zoomclass.html * **********************************************************************/ .zoom-intro{ margin: 50px 50px; line-height:1.5; font-size:16px; } /* --SP-- */ @media screen and (max-width: 750px) { .zoom-intro{ margin: 10px; line-height:1.4; font-size:1rem; } } /********************************************************************** * *縲€縲€ 笆�繝ｬ繝励ヨ繝ｳ /service/lepton.html * **********************************************************************/ #lepton_cont .block .inner .tit {text-align: center;} #lepton_cont .block .inner .tit span.line {background: linear-gradient(transparent 70%, #eddf00 40%);display: inline-block;margin-top: 10px;} #lepton_cont .block .inner .txt {line-height: 1.6;} #lepton_cont .leptonbox {border: 3px solid #e3ddcb;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} #wrap .service_cont .area_title .min {font-weight: bold;color: #000;} /* --PC-- */ @media screen and (min-width: 751px) { #lepton_cont .block {margin: 50px 0 100px;} #lepton_cont .block .inner .tit {margin: 60px 0 40px;} #lepton_cont .block .inner .tit span.line {font-size: 30px;} #lepton_cont .leptonbox {display: flex;padding: 20px;} #lepton_cont .leptonbox .txt {margin-left: 30px;line-height: 1.5;} } /* --SP-- */ @media screen and (max-width: 750px) { #lepton_cont .block {margin-bottom: 50px;} #wrap #lepton_cont.service_cont .mainimg {margin-bottom: 0;} #lepton_cont .block .inner .tit {margin: 30px 0 30px;} #lepton_cont .block .inner .tit span.line {font-size: 1.2rem;} #lepton_cont .leptonbox {margin-top: 30px;} #lepton_cont .leptonbox .txt {padding: 4%; line-height: 1.5;} #wrap #lepton_cont .search .sub_title {margin-bottom: 0;} #wrap #lepton_cont .search #area01 {border-top: none;} } /********************************************************************** * *縲€縲€ 笆�鬮倡ｭ牙ｭｦ髯｢繧ｵ繝昴�繝域�｡ /service/support01.html * **********************************************************************/ #support_cont p.txt {line-height: 1.3;} #support_cont .supportlist01 ul {display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;margin-top: -14px;} #support_cont .supportlist01 ul li {background: url(https://std-ie.jp/img/common/icon_arrowR.png) no-repeat center right 25px #8cf2cf;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;margin-top: 14px;} #support_cont .supportlist01 ul li a {display: block;color: #2e2e2e;font-weight: bold;} #support_cont .supportlist01 ul li.active {background: url(https://std-ie.jp/img/common/icon_arrowR.png) no-repeat center right 25px #57c29c;} #support_cont .supportlist01 ul li.active a {color: #FFF;} #support_cont .spbox {border: 4px solid #baedeb;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;} #support_cont .spbox .innerbox {display: flex;} #support_cont .spbox .innerbox .checklist li {background: url(https://std-ie.jp/img/common/icon_check_green.png) no-repeat center left;line-height: 1.6;margin: 10px 0;} #support_cont .imglist {display: flex;justify-content: space-between;} #support_cont .spdetail li {position: relative;border: 4px solid #baedeb;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;} #support_cont .spdetail .tit {width:20%;padding: 5px;background:#1ac4be;margin:0 auto;text-align:center;transform: skewX(-35deg);position: absolute;top: -25px;left: 0;right: 0;} #support_cont .spdetail .tit span {font-size: 20px;color: #fff;transform: skewX(35deg);display: block;} #support_cont .spdetail .tit span strong {padding-left: 4px;} #support_cont .spdetail li .inner .txtbox .txt {color: #108b87;font-weight: bold;} #support_cont .spdetail li .inner .txtbox dd {line-height: 1.3;} #support_cont .supportlist02 ul {display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;} #support_cont .supportlist02 ul li {background: url(https://std-ie.jp/img/common/icon_arrowR.png) no-repeat center right 15px #8cf2cf;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;background-size: auto 15px;} #support_cont .supportlist02 ul li a {display: block;color: #2e2e2e;font-weight: bold;} #support_cont .supportlist02 ul li.active {background: url(https://std-ie.jp/img/common/icon_arrowR.png) no-repeat center right 15px #57c29c;background-size: auto 15px;} #support_cont .supportlist02 ul li.active a {color: #FFF;} /* --PC-- */ @media screen and (min-width: 751px) { #support_cont p.txt {margin: 30px 20px;} #support_cont .supportlist01 {margin-bottom: 70px;} #support_cont .supportlist01 ul li {width: 411px;font-size: 20px;} #support_cont .supportlist01 ul li a {padding: 30px 0;} #support_cont .spbox {margin: 30px 0;} #support_cont .spbox .innerbox {padding: 10px 0;} #support_cont .spbox .innerbox .checklist {padding-top: 10px;font-size: 18px;} #support_cont .spbox .innerbox .checklist li {padding-left: 40px;} #support_cont .imglist {margin: 30px 20px 20px;} #support_cont .spdetail {margin: 80px 0 0;} #support_cont .spdetail .tit span strong {font-size: 30px;} #support_cont .spdetail li {padding: 30px;margin-bottom: 50px;} #support_cont .spdetail li:last-child {margin-bottom: 0;} #support_cont .spdetail li .inner {overflow: hidden;} #support_cont .spdetail li .inner .txtbox {float: right;width: 480px;} #support_cont .spdetail li .inner .txtbox .txt {font-size: 21px;margin: 20px 0;} #support_cont .spdetail li .inner .img {float: left;} #support_cont .supportlist02 {margin: 60px 0;} #support_cont .supportlist02 ul li {width: 24%;} #support_cont .supportlist02 ul li a {padding: 20px 0;} } /* --SP-- */ @media screen and (max-width: 750px) { #support_cont section {margin-bottom: 50px;} #support_cont p.txt {padding: 4%;} #support_cont .supportlist01 ul {padding: 0 4%;margin: 30px 0 50px;} #support_cont .supportlist01 ul li {width: 48%;background-position: center right 10px;background-size: auto 15px;} #support_cont .supportlist01 ul li:first-child, #support_cont .supportlist01 ul li:nth-child(2) {margin-top: 0;} #support_cont .supportlist01 ul li.active {background-position: center right 10px;background-size: auto 15px;} #support_cont .supportlist01 ul li a {padding: 15px 20% 15px 5%;} #support_cont .spbox {margin: 0 4%;} #support_cont .spbox .innerbox {justify-content: flex-start;padding: 4% 0;} #support_cont .spbox .innerbox .checklist {padding: 0 4% 0 0;} #support_cont .spbox .innerbox .checklist li {padding-left: 30px;background-position: top left;} #support_cont .spdetail {margin: 50px 4% 0;} #support_cont .spdetail .tit {width: 40%;} #support_cont .spdetail .tit span strong {font-size: 1.2rem;} #support_cont .spdetail li {margin-bottom: 50px;} #support_cont .spdetail li .inner {padding: 4%;} #support_cont .spdetail li .inner .txtbox .txt {margin: 20px 0;} #support_cont .spdetail li .inner .txtbox dd {margin: 20px 0;} #support_cont .supportlist02 {margin: 40px 0;} #support_cont .supportlist02 ul {padding: 0 4%;margin-top: -14px;} #support_cont .supportlist02 ul li {width: 48%;background-position: center right 10px;background-size: auto 15px;margin-top: 14px;} #support_cont .supportlist02 ul li:first-child, #support_cont .supportlist02 ul li:nth-child(2) {margin-top: 0;} #support_cont .supportlist02 ul li.active {background-position: center right 10px;background-size: auto 15px;} #support_cont .supportlist02 ul li a {padding: 15px 20% 15px 10%;} } /********************************************************************** * *縲€縲€ 笆�鬮倡ｭ牙ｭｦ髯｢蜈･蟄ｦ縺九ｉ蜊呈･ｭ縺ｾ縺ｧ /service/support02.html * **********************************************************************/ #support_cont .stepblock li {border: 4px solid #baedeb;position: relative;margin: 30px auto;} #support_cont .stepblock li:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #38c2b9;border-width: 30px;margin-left: -30px;} #support_cont .stepblock li:last-child::after {display:none;} #support_cont .stepblock li .tit {font-weight: bold;background: linear-gradient(transparent 60%, #ff0 0%);display: inline-block;} #support_cont .stepblock li .icon {position: relative;margin: 10px 0;} #support_cont .stepblock li .icon:before {content: "";background: #1aa29d;width: 15px;height: 15px;position: absolute;left: 0;} #support_cont .stepblock li .icon span {padding-left: 20px;} #support_cont .stepblock li .block {margin: 20px 0 0;} #support_cont .stepblock li .stepno {position: absolute;} /* --PC-- */ @media screen and (min-width: 751px) { #support_cont .stepblock {padding: 20px 20px 20px 45px;} #support_cont .stepblock li {width: 780px;padding: 30px 20px 30px 90px;} #support_cont .stepblock li .tit {font-size: 20px;} #support_cont .stepblock li .txt {margin: 10px 0;} #support_cont .stepblock li .stepno {top: -10px;left: -37px;} } /* --SP-- */ @media screen and (max-width: 750px) { #support_cont .stepblock {margin: 0 4%;} #support_cont .stepblock li {padding: 4% 4% 4% 0;} #support_cont .stepblock li .tit {margin: 0 0 10px 60px;} #support_cont .stepblock li .txt {padding: 0 4% 2%;margin: 10px 0 0 0;} #support_cont .stepblock li .stepno {width: 15%;top: -10px;left: -4px;} #support_cont .stepblock li .stepno img {height: 50px;width: auto;} #support_cont .stepblock li .block {padding: 0 4%;margin: 0;} } /********************************************************************** * *縲€縲€ 笆�鬮倡ｭ牙ｭｦ髯｢繧ｳ繝ｼ繧ｹ譯亥� /service/support03.html * **********************************************************************/ #support_cont .coursebox .txtbox {line-height: 1.5;} /* --PC-- */ @media screen and (min-width: 751px) { #support_cont .coursebox {display: flex;justify-content: space-between;align-items: flex-start;} #support_cont .coursebox {padding: 0 20px;margin: 20px 0 40px;} #support_cont .coursebox .txtbox {margin-left: 20px;} } /* --SP-- */ @media screen and (max-width: 750px) { #support_cont .coursebox {padding: 0 4%;margin-bottom: 30px;} #support_cont .coursebox .txtbox {margin-top: 20px;} } /********************************************************************** * *縲€縲€ 笆�鬮倡ｭ牙ｭｦ髯｢繧ｵ繝昴�繝域侠轤ｹ /service/support04.html * **********************************************************************/ #support_cont #area_list li h3 a {font-weight: bold;font-size: 17px;color: #252525;} #support_cont #area_list li .classroom_list li a.high-s {color: #2C97D5;} #support_cont #area_list li .classroom_list li a {color: #252525;position: relative;padding: 7px 7px 7px 19px;display: block;} #support_cont #area_list li .classroom_list li a:before {display: block;content: "";position: absolute;top: 50%;left: 0;width: 0;height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);} /* --PC-- */ @media screen and (min-width: 751px) { #support_cont #area_list li h3 {} #support_cont #area_list li h3 a {position: relative;padding-left: 33px;} #support_cont #area_list li h3 a:before {display: block;content: "";position: absolute;top: 50%;left: 0;width: 23px;height: 23px;margin-top: -13px;border-radius: 50%;background: #2d97d3;} #support_cont #area_list li h3 a:after {display: block;content: "";position: absolute;top: 50%;left: 9px;width: 0;height: 0;margin-top: -7px; border: 5px solid transparent;border-left: 7px solid #fff;} #support_cont #area_list li .classroom_list {display: block!important;padding: 15px 0 15px 15px;margin-bottom: 20px;} #support_cont #area_list li .classroom_list li {display: inline-block;margin-right: 20px;} } /* --SP-- */ @media screen and (max-width: 750px) { #support_cont p.sptxt {padding: 0 4% 30px;} #support_cont #area_list li:first-child {border-top:1px solid #DDD;} #support_cont #area_list li h3 {padding: 4%;cursor: pointer;border-bottom: 1px solid #DDD;position: relative;} #support_cont #area_list li h3:after {display: block;content: "";position: absolute;top: 50%;right: -3px;width: 0;height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(135deg);transform: rotate(135deg);} #support_cont #area_list li .classroom_list {} #support_cont #area_list li .classroom_list li {border-bottom: 1px solid #DDD;padding-left: 4%;} #support_cont #area_list li .classroom_list li:first-child {border-top: none;} #support_cont #area_list li .classroom_list li a {display: block;padding: 4%;} } /********************************************************************** * *縲€縲€ 笆�荳咲匳譬｡ /service/freeroom.html * **********************************************************************/ #freeroom_cont .mainimg {text-align: center;} #freeroom_cont .txt {margin: 30px 0;line-height: 1.5;} #freeroom_cont .freeroom {background: url(https://std-ie.jp/img/common/light_blue_bg.gif) repeat;} #freeroom_cont .freeroom .tit {text-align: center;} #freeroom_cont .freeroom .tit span {font-weight: bold;color: #2d97d3;text-align: center;position: relative;display: inline-block;margin: 0 auto;padding: 0 70px;} #freeroom_cont .freeroom .tit span::before {content: "";height: 41px;width: 44px;position: absolute;left: 0px;bottom: -10px;background: url(https://std-ie.jp/img/common/cont_blueTit_l.png) left bottom no-repeat;} #freeroom_cont .freeroom .tit span::after {content: "";height: 41px;width: 44px;position: absolute;right: 0px;bottom: -10px;background: url(https://std-ie.jp/img/common/cont_blueTit_r.png) right bottom no-repeat;} #freeroom_cont .freeroom .inner .inner_txt {line-height: 1.5;} /* --PC-- */ @media screen and (min-width: 751px) { #freeroom_cont .txt {padding: 0 20px;} #freeroom_cont .freeroom {padding: 50px;} #freeroom_cont .freeroom .tit span {font-size: 24px;} #freeroom_cont .freeroom .inner {display: flex;justify-content: flex-start;align-items: flex-start;margin: 50px 0 0;} #freeroom_cont .freeroom .inner .inner_txt {margin-left: 30px;font-size: 16px;} } /* --SP-- */ @media screen and (max-width: 750px) { #freeroom_cont .txt {padding: 0 4%;} #freeroom_cont .freeroom {padding: 4% 4% 6%;margin-bottom: 30px;} #freeroom_cont .freeroom .tit {margin: 4% 0;} #freeroom_cont .freeroom .tit span {font-size: 1rem;} #freeroom_cont .freeroom .inner {margin: 7% 0 0;overflow: hidden;} #freeroom_cont .freeroom .inner img {width: 40%;margin: 0 3% 3% 0!important;float: left;} #freeroom_cont .freeroom .inner .inner_txt {} } /********************************************************************** * *縲€縲€ 笆�繝昴う繝ｳ繝域欠蟆弱さ繝ｼ繧ｹ /service/exerciseclass.html * **********************************************************************/ #maincontents_cont .cont_tittxt.ex {padding-bottom: 0;} #exercise_cont .recomtit {text-align: center;margin-top: 50px;} #exercise_cont .recomtit .tit {font-weight: bold;color: #fb7d38;text-align: center;position: relative;display: inline-block;margin: 0 auto;padding: 0 70px;} #exercise_cont .recomtit .tit::before {content: "";height: 60px;width: 28px;position: absolute;left: 0px;bottom: -10px;background: url(https://std-ie.jp/img/campaign/season_fukidashi_l.png) no-repeat left bottom;} #exercise_cont .recomtit .tit::after {content: "";height: 60px;width: 28px;position: absolute;right: 0px;bottom: -10px;background: url(https://std-ie.jp/img/campaign/season_fukidashi_r.png) no-repeat left bottom;} #exercise_cont .recomtit .tit .line {font-weight: bold;color: #e63a50;background: linear-gradient(transparent 60%, #ff0 0%);} #exercise_cont .recomimg {text-align: center;} #exercise_cont .extxt {margin: 40px 0;line-height: 1.5;} #exercise_cont .excludedbox {border: 4px solid #95cbea; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} #exercise_cont .excludedbox .tit {border-bottom: 2px solid #2d97d3;padding-bottom: 10px;} #exercise_cont .excludedbox dl {overflow: hidden;line-height: 1.5;} #exercise_cont .excludedbox dl dt {float: left;} #exercise_cont .excludedbox dl dd {float: left;text-indent: -1em;padding-left: 1em;} /* include att_txt蜑企勁 */ #maincontents_cont.price .ex p.att_txt:nth-of-type(2) {display: none;} /* --PC-- */ @media screen and (min-width: 751px) { #exercise_cont .recomimg {text-align: center;margin: 30px 0 40px;} #exercise_cont .recomtit .tit, #exercise_cont .recomtit .tit .line {font-size: 24px;} #exercise_cont .extxt {padding: 0 20px;} #exercise_cont .pointimg {margin: 50px 0;} #exercise_cont .excludedbox {padding: 40px;} #exercise_cont .excludedbox .tit {margin-bottom: 20px;font-size: 16px;} #exercise_cont .excludedbox dl {width: 770px;} #exercise_cont .excludedbox dl dt {width: 32px;} #exercise_cont .excludedbox dl dd {width: 730px;} } /* --SP-- */ @media screen and (max-width: 750px) { #exercise_cont .recomtit .tit {padding: 0 50px;} #exercise_cont .recomimg {margin: 30px 0;padding: 0 4%;} #exercise_cont .pointimg {margin: 30px 0;} #exercise_cont .extxt {padding: 0 4%;} #exercise_cont .excludedbox {padding: 6% 4%;margin: 50px 4%;} #exercise_cont .excludedbox .tit {margin-bottom: 15px;} #exercise_cont .excludedbox dl {width: 100%;} #exercise_cont .excludedbox dl dt {width: 12%;} #exercise_cont .excludedbox dl dd {width: 88%;} } /********************************************************************** * *縲€縲€ 笆�蟄ｦ蜉帙ユ繧ｹ繝� /service/free-trial.html * **********************************************************************/ #freetrial_cont .trialday {display: table;border: 3px solid #e63a50;} #freetrial_cont .trialday .txt {display: table-cell;position: relative;background: #e63a50;color: #fff;font-weight: bold;padding: 23px;text-align: center;} #freetrial_cont .trialday .day {display: table-cell;text-align: center;padding-left: 20px;} #freetrial_cont .trialday .txt:after {content: ' ';height: 0;position: absolute;width: 0;border: 38px solid transparent;border-left-color: #e63a50;left: 100%;top: 0;} #freetrial_cont .trialday .left {} #freetrial_cont .freetral_subject table {width: 100%;} #freetrial_cont .freetral_subject table th, #freetrial_cont .freetral_subject table td {font-weight: bold;} #freetrial_cont .freetral_subject table tr:nth-of-type(2n) {background: #f3f3f3;} #freetrial_cont .freetral_subject table tr:nth-of-type(2n+1) {background: #fff;} #freetrial_cont .freetral_subject table tr:first-of-type {background: #c8c8c8;} #freetrial_cont .freetral_subject table th {padding: 15px 0 15px 45px;} #freetrial_cont .freetral_subject table td {padding: 15px 0 15px 45px;vertical-align: middle;} #freetrial_cont .freetral_subject table td:first-child {width: 35%;} #freetrial_cont .freetral_subject table td span {background: #f26683;color: #fff;padding: 5px 10px;margin-right: 10px;} #freetrial_cont .freetral_subject .subjectbox .inner {overflow: hidden;margin: 40px 0;} #freetrial_cont .freetral_subject .subjectbox .inner .txtbox {border: 5px solid #d1fdd9;color: #456666;display: inline-block;vertical-align: bottom;} #freetrial_cont .freetral_subject .subjectbox .inner .img {display: inline-block;vertical-align: bottom;} /* --PC-- */ @media screen and (min-width: 751px) { #freetrial_cont .trialday {width: 490px;margin: 40px auto 70px;} #freetrial_cont .trialday .txt {width: 190px;font-size: 25px;} #freetrial_cont .trialday .day {line-height: 2;font-size: 25px;} #freetrial_cont .trialday .day span {font-size: 36px;} #freetrial_cont .freetral_subject .subjectbox {width: 800px;margin: 60px auto 40px;} #freetrial_cont .freetral_subject table th, #freetrial_cont .freetral_subject table td {font-size: 18px;} #freetrial_cont .freetral_subject .subjectbox .inner .txtbox {padding: 20px;width: 390px;} #freetrial_cont .freetral_subject .subjectbox .inner .txtbox p:first-of-type {margin-bottom: 10px;} #freetrial_cont .freetral_subject .subjectbox .inner .img {margin-left: 35px;} } /* --SP-- */ @media screen and (max-width: 750px) { #freetrial_cont .trialday {width: 80%;margin: 30px auto;} #freetrial_cont .trialday .txt {width: 35%;padding: 10px 5px;vertical-align: middle;} #freetrial_cont .trialday .day {width: 65%;padding: 10px 5px;vertical-align: middle;} #freetrial_cont .trialday .txt:after {border: 1.35rem solid transparent;border-left-color: #e63a50;} #freetrial_cont .freetral_subject table th {padding-left: 6%;} #freetrial_cont .freetral_subject table td {padding-left: 6%;} #freetrial_cont .freetral_subject table td span {display: block;padding: 5px;text-align: center;font-size: .8rem;margin-bottom: 5px;} #freetrial_cont .freetral_subject .subjectbox .inner {padding: 4%;} #freetrial_cont .freetral_subject .subjectbox .inner .txtbox {padding: 4%;} #freetrial_cont .freetral_subject .subjectbox .inner .img {margin-top: 4%;} } /********************************************************************** * *縲€縲€ 笆�陲ｫ轣ｽ蜈千ｫ･逕溷ｾ呈髪謠ｴ遲峨�縺顔衍繧峨○ https://std-ie.jp/campaign/ https://std-ie.jp/price/pricelist.html * **********************************************************************/ @media screen and (min-width: 751px) { #notification{margin-bottom: 4%; padding: 1%; border: solid 2px #f36683; line-height: 1.2;} #notification h3{font-weight:bold; text-align:center; color: #f36683; line-height: 2;} .notif_txt{margin: 2%; line-height: 1.5;} .notif_txt p{padding: 1% 1%;} #notification .txt_link{padding: 1% 0;} #notification span{color: #f36683;} .conttit {background: url(https://std-ie.jp/img/about/cont_tit_bg.gif) repeat;font-size: 18px;color: #2d97d3; border-top: 1px solid #2d97d3; padding:8px 10px;font-weight: bold; margin-bottom: 10px;} .notif_txt table{ width: 100%; } .notif_txt th, .notif_txt td{ border: solid 1px #AAA6A6; padding: 5px 30px; } .notif_txt th{ background-color:#D3EBF7; text-align: center; } } @media screen and (max-width: 750px) { #notification{margin: 3%; padding: 1%; border: solid 2px #f36683; line-height: 1.1;} #notification h3{margin-bottom: 1%; font-weight:bold; text-align:center; color: #f36683; font-size:12px;} #notification div.txt{font-size:0.7rem;} .notif_txt{margin: 2%; line-height: 150%;} .notif_txt p{padding: 1% 1%;} #notification .txt_link{padding: 1% 0; font-size:0.7rem;} #notification span{color: #f36683;} .conttit {background: url(https://std-ie.jp/img/about/cont_tit_bg.gif) repeat;font-size: 18px;color: #2d97d3; border-top: 1px solid #2d97d3; padding:8px 8px;font-weight: bold; margin-bottom: 10px;} .notif_txt table{ width: 100%; } .notif_txt th, .notif_txt td{ border: solid 1px #AAA6A6; padding: 5px 10px; } .notif_txt th{ background-color:#D3EBF7; text-align: center; } } /********************************************************************** * *縲€縲€ 笆� * **********************************************************************/ /* --PC-- */ @media screen and (min-width: 751px) { } /* --SP-- */ @media screen and (max-width: 750px) { } /********************************************************************** * *縲€縲€ 笆� * **********************************************************************/ /* --PC-- */ @media screen and (min-width: 751px) { } /* --SP-- */ @media screen and (max-width: 750px) { }