@charset "utf-8";
/* CSS Document */


/**********************************************************************

兄弟姉妹キャンペーン

**********************************************************************/
#maincontents_cont .cp_tokuten.brother {margin-bottom: 80px;}
#maincontents_cont .cp_tokuten .tokutenbox {margin-top: 40px;}
#maincontents_cont .tokuten_tit {background: #fbe6f0;padding: 10px 0;border-radius: 15px;color: #e34286;font-weight: bold;font-size: 18px;text-align: center;margin-bottom: 20px;}

#maincontents_cont .cp_tokuten .bro_tokuten_list { text-align: left;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li { position: relative; background: url(../img/common/yellow_bg.gif) repeat;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit { background: url(../img/campaign/bro_tokuten_list_titbg.gif) repeat;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit_icon { background: url(../img/campaign/bro_tokuten_list.png) no-repeat top left 25px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit h4 { color: #2e2e2e; margin-top: 5px;font-weight: bold;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .fukidashi {position: relative;color: #fb4f9b;text-align: center;font-size: 23px;margin-top: 30px;width: 330px;margin: 20px auto 20px;font-weight: bold;line-height: 1.3;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .fukidashi span {display: block;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .fukidashi:before {content: "　";background: url(../img/campaign/bro_subtit_l.png) no-repeat left bottom;height: 60px;width: 27px;position: absolute;left: 0;bottom: -10px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .fukidashi:after {content: "　";background: url(../img/campaign/bro_subtit_r.png) no-repeat right bottom;height: 60px;width: 27px;position: absolute;right: 0;bottom: -10px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .tokuten_list_img1 {position: absolute;bottom: 0;right: 0;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtxt {width: 170px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .line_txt {text-align: center;margin: 16px 0 0;line-height: 1.3;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .line_txt span {background: linear-gradient(transparent 60%, #ff0 0%);font-size: 20px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .inner_box {padding: 0 20px 20px;}



/* --PC-- */
@media screen and (min-width: 751px) {
#maincontents_cont .cp_tokuten .bro_tokuten_list { margin-top: 20px; 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 .bro_tokuten_list li { width: 390px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li:first-child { margin-right: 20px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit {}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit_icon { padding: 17px 17px 17px 108px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit h4 { font-size: 20px;letter-spacing: -0.07em;font-weight: bold;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtxt { padding:20px 0; line-height: 1.4;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .notes { padding:15px 0; font-size: 11px;line-height: 1.3;}
}


/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont .cp_tokuten .bro_tokuten_list { margin-top: 20px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li {}
#maincontents_cont .cp_tokuten .bro_tokuten_list li:first-child { margin-bottom: 20px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit {}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .baloon { height: 30px;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .baloon img { height: 100%; width: auto;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit_icon { padding: 15px 17px 15px 100px; background-size: 50px auto;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtit h4 { font-size: 1.2rem;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .boxtxt { padding:20px  2.5%; line-height: 1.4;width: 60%;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .tokuten_list_img1 {width: 40%;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .notes { padding: 4% 4% 0; font-size: .8rem;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .fukidashi {width:auto;font-size: 1.2rem;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .fukidashi:after {background-size: 20px auto;}
#maincontents_cont .cp_tokuten .bro_tokuten_list li .fukidashi:before {background-size: 20px auto;}
}

/**********************************************************************

友達紹介キャンペーン

**********************************************************************/
#maincontents_cont .cp_tokuten.friends {margin-bottom: 80px;}
#maincontents_cont .cp_tokuten.friends .txt span {display: block;color: #555555;font-size: 10px;margin-top: 5px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list  {margin-top: 20px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtit { background: url(../img/campaign/fri_tokuten_list_titbg.gif) repeat;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .inner_box {padding: 10px 20px 20px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtxt + p {text-align: center;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtit_icon1 {background: url(../img/campaign/fri_tokuten_list1.png) no-repeat top left 25px;padding: 17px 17px 17px 108px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtit_icon2 {background: url(../img/campaign/fri_tokuten_list2.png) no-repeat top left 25px;padding: 17px 17px 17px 108px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtit h4 {color: #2e2e2e;font-size: 22px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .fukidashi {position: relative;color: #fb4f9b;text-align: center;font-size: 18px;margin-top: 30px;width: 330px;margin: 20px auto 20px;font-weight: bold;line-height: 1.3;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .fukidashi span {display: block;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .fukidashi:before {content: "　";background: url(../img/campaign/bro_subtit_l.png) no-repeat left bottom;height: 60px;width: 27px;position: absolute;left: 0;bottom: -10px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .fukidashi:after {content: "　";background: url(../img/campaign/bro_subtit_r.png) no-repeat right bottom;height: 60px;width: 27px;position: absolute;right: 0;bottom: -10px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist {padding: 0 0 10px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li {background: #fff;width: auto;margin: 0;padding: 10px 20px 20px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li:first-child {margin-bottom: 20px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li.voiceA {border-top: 4px solid #fff118;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li.voiceB {border-top: 4px solid #fc93c3;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li .voicetit {font-size: 18px;font-weight: bold;padding: 18px 0 18px 65px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li .voicetxt {padding-top: 10px;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li.voiceA .voicetit {background: url(../img/campaign/fri_tokuten_icon_a.png) no-repeat center left;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .voicelist li.voiceB .voicetit {background: url(../img/campaign/fri_tokuten_icon_b.png) no-repeat center left;}

#maincontents_cont .cp_tokuten.friends div.note{
	text-align:left;
	font-size:0.8rem;
	color:gray;
	line-height:1.5;
}

/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont .cp_tokuten.friends .tokuten_list li:first-child {padding-bottom: 0;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtit h4 {font-size: 1.2rem;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtit_icon1 {padding: 15px 17px 15px 100px;background-size: 50px auto;}
#maincontents_cont .cp_tokuten.friends .tokuten_list li .boxtit_icon2 {padding: 15px 17px 15px 100px;background-size: 50px auto;}
}

/**********************************************************************

〇〇季講習 通常キャンペーン

**********************************************************************/
#maincontents_cont .season_fukidashi {font-weight: bold;color: #fa6c2c;text-align: center;position: relative;display: inline-block;margin: 30px auto 30px;padding: 0 40px;}
#maincontents_cont .season_fukidashi .big {font-size: 30px;font-weight: bold;background: url(../img/campaign/season_fukidashi_icon.png) no-repeat center left;padding: 10px 0;background-size: contain;}
#maincontents_cont .season_fukidashi:before {content: "　";background: url(../img/campaign/season_fukidashi_l.png) no-repeat left bottom;height: 60px;width: 27px;position: absolute;left: 0;bottom: 0;}
#maincontents_cont .season_fukidashi:after{content: "　";background: url(../img/campaign/season_fukidashi_r.png) no-repeat right bottom;height: 60px;width: 27px;position: absolute;right: 0;bottom: 0;}
#maincontents_cont .oratxt {background: #fcfbc5;color:#fa6c2c;padding: 17px;font-size: 17px;font-weight: bold; border-bottom:3px solid #fa6c2c; border-top:3px solid #fa6c2c;}
#maincontents_cont .oratxt span {font-size: 25px;font-weight: bold;}
#maincontents_cont .season_about {margin-top: 70px; margin-bottom:70px;}
#maincontents_cont .season_about .tit {background: #fbf0e6;color: #e34286;font-size: 21px;border-radius: 20px;padding: 10px; font-weight:bold; width:700px; margin: 0 auto;}
#maincontents_cont .season_about .season_about_cnt{line-height:1.2; margin: 20px auto;  width:700px;}
#maincontents_cont .season_about .season_about_cnt li
{
	float: left;
	width:220px;
	font-weight:bold;
	font-size:1.2rem;
	color:#0AA5C5;
	margin:20px 0 10px 10px;
	border:2px solid #0AA5C5;
	border-radius:5px;
	background:#fcfca4;
	padding:20px 10px;
}
.season_about_setsumei{font-size:1.1rem; color:#e34286; line-height:1.6;}
#maincontents_cont .student {}
#maincontents_cont .student .box1 {position: relative;background: /*#fdf2f7*/#FFFFCC;padding: 30px;}
#maincontents_cont .student .box1:after {content: "";clear: both;display: block;}
#maincontents_cont .student .box1 .fr p {text-align: left;font-weight: bold;margin-bottom: 15px;font-size: 19px;}
#maincontents_cont .student .box1 .txt_a {position: absolute;left: 0;right: 0;bottom: -32px;}
#maincontents_cont .student .box1 .commentbox {position: relative;background: #fff;border: 2px solid #2d97d3;width: 520px;padding: 20px;font-size: 24px;line-height: 1.3;border-radius: 5px;}
#maincontents_cont .student .box2 {overflow: hidden;background: /*#f9dae8*/#CCFFFF;padding: 30px;}
#maincontents_cont .student .box2 .bluebox {background: #2d97d3;color: #FFF;padding: 30px;}
#maincontents_cont .student .box2 .txtbox {width: 560px;text-align: left;padding: 20px 0 0;}
#maincontents_cont .student .box2 .txtbox .tit {font-size: 20px;font-weight: bold;}
#maincontents_cont .student .box2 .txtbox .tit + p {line-height: 1.3;margin-top: 10px;}
#maincontents_cont .cource_cont {background: /*#fdf2f7*/#FFFFFF;padding: 20px;margin: 50px 0;position: relative;}
#maincontents_cont .cource_cont .checktxt {position: absolute;right: 25px;top: 55px;}
#maincontents_cont .cource_cont h2.courcetit{background: url(../img/campaign/season_check_icon.png) no-repeat center left;padding:20px 20px 20px 90px;font-size: 22px;font-weight: bold;margin-left: 20px;margin-bottom: 20px;}
#maincontents_cont .cource_cont .gradelist dt {}
#maincontents_cont .cource_cont .gradelist dd ul li {}
#maincontents_cont .cource_cont .gradelist dd.el ul li {background: url(https://std-ie.jp/img/campaign/el_checkbox_icon.png) no-repeat center left;}
#maincontents_cont .cource_cont .gradelist dd.jr ul li {background: url(https://std-ie.jp/img/campaign/jr_checkbox_icon.png) no-repeat center left;}
#maincontents_cont .cource_cont .gradelist dd.hi ul li {background: url(https://std-ie.jp/img/campaign/hi_checkbox_icon.png) no-repeat center left;}
#maincontents_cont .cource_cont .txt {line-height: 1.5;margin-top: 10px;}
#maincontents_cont .s_searchtit {background: #cfebfa;text-align: center;padding: 15px;font-size: 18px;}
#maincontents_cont.season #search_box .wrapper {margin-top: 0;}
.cp_tokuten ul.camp_txt li{margin:20px auto;}
.cp_tokuten ul.camp_txt li span{ background: linear-gradient(transparent 60%, #ffff66 60%);font-size:1.4rem; color:#fa6c2c; font-weight: bold; text-align:center; line-height:1.6;}
.cp_tokuten ul.camp_txt span.camp_note{font-size:0.8rem; color:gray;}


/* --PC-- */
@media screen and (min-width: 751px) {
#maincontents_cont .student .box1 .commentbox:after, .commentbox:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#maincontents_cont .student .box1 .commentbox:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 20px;margin-top: -20px;}
#maincontents_cont .student .box1 .commentbox:before {border-color: rgba(45, 151, 211, 0);border-right-color: #2d97d3;border-width: 23px;margin-top: -23px;}
#maincontents_cont .cource_cont .tablist {margin-bottom: 30px;}
#maincontents_cont .cource_cont .tablist li {position: relative;/*pointer-events: none;*/width: 110px;display: inline-block;vertical-align: middle;text-align: center;padding: 12px;}
#maincontents_cont .cource_cont .tablist li:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-width: 15px;margin-left: -15px;}
#maincontents_cont .cource_cont .tablist li.el {background:#09b180; }
#maincontents_cont .cource_cont .tablist li.el:after {border-top-color:#09b180;}
#maincontents_cont .cource_cont .tablist li.jr {background:#f56684; }
#maincontents_cont .cource_cont .tablist li.jr:after {border-top-color:#f56684;}
#maincontents_cont .cource_cont .tablist li.hi {background:#2d97d3; }
#maincontents_cont .cource_cont .tablist li.hi:after {border-top-color:#2d97d3;}
#maincontents_cont .cource_cont .tablist li a {color:#FFF;}
#maincontents_cont .cource_cont .gradelist dt {display: none;}
#maincontents_cont .cource_cont .gradelist .tab-contents {background: #fff;}
#maincontents_cont .cource_cont .gradelist dd ul {overflow: hidden;}
#maincontents_cont .cource_cont .gradelist dd ul li {width: 340px;display: inline-block;vertical-align: middle;padding: 10px 0 10px 2em;}
#maincontents_cont .cource_cont .gradelist dd > div {padding: 40px 50px;}
#maincontents_cont .cource_cont .gradelist dd.el > div {border: 3px solid #09b180;border-radius: 4px;}
#maincontents_cont .cource_cont .gradelist dd.el p {font-weight: bold;color: #09b180;margin-bottom: 20px;font-size: 20px;}
#maincontents_cont .cource_cont .gradelist dd.jr > div {border: 3px solid #f57691;border-radius: 4px;}
#maincontents_cont .cource_cont .gradelist dd.jr p {font-weight: bold;color: #f57691;margin-bottom: 20px;font-size: 20px;}
#maincontents_cont .cource_cont .gradelist dd.hi > div {border: 3px solid #43a2d8;border-radius: 4px;}
#maincontents_cont .cource_cont .gradelist dd.hi p {font-weight: bold;color: #43a2d8;margin-bottom: 20px;font-size: 20px;}
#maincontents_cont.season .offer_cont ul {margin: 80px 0;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont .season_fukidashi .big {font-size: 1.2rem;padding: 20px 0 20px;background-size: auto 60px;}
#maincontents_cont .season_fukidashi:before {background-size: 20px auto;}
#maincontents_cont .season_fukidashi:after {background-size: 20px auto;}
#maincontents_cont .oratxt span {font-size: 1.2rem;}
#maincontents_cont .seasontxt {padding: 4%;text-align: left;font-size: 1.1rem;}
#maincontents_cont .seasontxt span {font-size: .8rem;display: block;line-height: 1.3;margin-top: 10px;}
#maincontents_cont .season_about {margin-top: 40px; margin-bottom:20px;}
#maincontents_cont .season_about .tit {font-size: 1.2rem;font-weight: bold; width:100%}

#maincontents_cont .season_about .season_about_cnt{line-height:1.2; margin: 20px auto;  width:95%;}
#maincontents_cont .season_about .season_about_cnt li
{
	float: none;
	width:95%;
	font-weight:bold;
	font-size:1.2rem;
	margin-top:10px;
	border-radius:5px;
	background:#fcfca4;
	padding:20px 10px;
}
.season_about_setsumei{font-size:1rem; color:#e34286; line-height:1.3; text-align:left;}

#maincontents_cont .cp_tokuten .txt {padding: 4%;line-height: 1.5;text-align: left;}
#maincontents_cont .student .box1 {padding: 8% 4% 0;}
#maincontents_cont .student .box1 .fl {width: 40%;float: none;margin: 0 auto;}
#maincontents_cont .student .box1 .fr {width: 100%;margin: 0 0 5% 0;}
#maincontents_cont .student .box1 .fr p {font-size: 1rem;margin: 15px 0 30px;text-align: center;}
#maincontents_cont .student .box1 .commentbox {padding: 4%;font-size: 1rem;width: 100%;text-align: left;position: relative;border: 2px solid #2d97d3;}
#maincontents_cont .student .box1 .commentbox:before {	bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(45, 151, 211, 0);border-bottom-color: #2d97d3;border-width: 18px;margin-left: -18px;}
#maincontents_cont .student .box1 .commentbox:after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 15px;margin-left: -15px;}
#maincontents_cont .student .box1 .txt_a {position: static; width: 30%;margin: 0 auto;}
#maincontents_cont .student .box2 {padding: 4%;}
#maincontents_cont .student .box2 .txtbox .tit {font-size: 1rem;}
#maincontents_cont .student .box2 .bluebox {float: none;padding: 4%;font-weight: bold;}
#maincontents_cont .student .box2 .txtbox {width: 100%;}
#maincontents_cont .cource_cont .checktxt {top:-14px;width: 80%;right: 0;left: 0;margin: auto;}
#maincontents_cont .cource_cont h2.courcetit{padding-left: 70px;background-size: auto 60px;font-size: 1.2rem;}
#maincontents_cont .cource_cont  ul{margin:0 4%;}
#maincontents_cont .cource_cont .gradelist dt {padding: 20px;position: relative;border-bottom: 1px solid #fff;}
#maincontents_cont .cource_cont .gradelist dd {background: #fff;padding: 4%;display: none;}
#maincontents_cont .cource_cont .gradelist dd div {display: block!important;}
#maincontents_cont .cource_cont .gradelist dd p {font-weight: bold;margin-bottom: 4%;}
#maincontents_cont .cource_cont .txt {padding: 4%;}
#maincontents_cont.season .offer_cont {margin: 50px 0;}
#maincontents_cont .cource_cont .gradelist dt.el {background:#09b180;color: #fff; }
#maincontents_cont .cource_cont .gradelist dd.el p {color: #09b180;}
#maincontents_cont .cource_cont .gradelist dt.jr {background:#f56684;color: #fff; }
#maincontents_cont .cource_cont .gradelist dd.jr p {color: #f56684;}
#maincontents_cont .cource_cont .gradelist dt.hi {background:#2d97d3;color: #fff; }
#maincontents_cont .cource_cont .gradelist dd.hi p {color: #2d97d3;}
#maincontents_cont .cource_cont .gradelist dt a {pointer-events: none;color: #fff;font-weight: bold;}
#maincontents_cont .cource_cont .gradelist dt:after {display: block;content: "";position: absolute;top: 50%;right: 20px;width: 0;height: 0;margin: -3px 0 0 0;border-top: 8px solid #fff;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#maincontents_cont .cource_cont .gradelist dd ul li {padding: 8px 0 8px 2em;line-height: 2;}
.cp_tokuten ul.camp_txt li span{font-size:1.2rem;}
}


/**********************************************************************

CV

**********************************************************************/
.offer_cont ul li {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
/* 無料体験 */
.offer_cont ul li.free {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;
margin-right: 20px;
width: 410px;}
.offer_cont ul li.free a {background: url(../img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;}
.offer_cont ul li.free .ribon {background: url(../img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
.offer_cont ul li.free .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;font-weight: bold;}
.offer_cont ul li.free .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.offer_cont ul li.free .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}
/* 資料請求 */
.offer_cont ul li.request {background: #1ab762; /* Old browsers */
background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */	position: relative;}
.offer_cont ul li.request a {background: url(../img/common/icon_request_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
.offer_cont ul li.request .ribon {background: url(../img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
.offer_cont ul li.request .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;letter-spacing: -0.05em;font-weight: bold;}
.offer_cont ul li.request .offer_txt {display: block;
line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.offer_cont ul li.request .offer_txt .small {font-weight: bold;}
.offer_cont ul li.request .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}
.offer_cont ul li .utxt {color: #eaf20a;}

/* --PC-- */
@media screen and (min-width: 751px) {
.offer_cont ul {overflow: hidden;}
.offer_cont ul li {float: left;}
.offer_cont ul li.free {margin-right: 20px;width: 425px;}
.offer_cont ul li.free a {padding: 20px 10px 20px 20px;}
.offer_cont ul li.free .offer_txt {font-size: 19px;padding-left: 77px;}
.offer_cont ul li.request {width: 400px;}
.offer_cont ul li.request a {padding: 20px 10px 20px 20px;}
.offer_cont ul li.request .offer_txt {font-size: 19px;padding-left: 77px;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
.offer_cont ul li.free {width: 90%;margin: 0 auto 20px;}
.offer_cont ul li.request {width: 90%;margin: 0 auto;}
.offer_cont ul li a {padding: 1.5rem 2rem 1.5rem 1rem;}
.offer_cont ul li.free .offer_txt, .offer_cont ul li.request .offer_txt {padding-left: 5rem;font-size: 1.3rem;}
.offer_cont ul li .utxt {display: block;font-size: .8rem;}
.offer_cont ul li .utxt {font-weight: bold;font-size: 1rem;}
}



/**********************************************************************

プレゼント

**********************************************************************/
.present .present_inner {padding: 0 20px 20px;}
.present p {text-align: center;}
.present .p_fukidashi {position: relative;margin: 30px auto;text-align: center;width: 310px;font-size: 20px;}
.present .p_fukidashi:before {content: "";background: url(../img/campaign/p_fukidashi_l.png) no-repeat left bottom;height: 35px;width: 15px;position: absolute;left: 0;bottom: -10px;}
.present .p_fukidashi:after {content: "　";background: url(../img/campaign/p_fukidashi_r.png) no-repeat right bottom;height: 35px;width: 15px;position: absolute;right: 0;bottom: -10px;}
.present .p_txt {font-size: 18px;margin: 20px 0 30px;}
.present .arrow_cont {position: relative;background: #dbf1fc;padding: 30px;margin: 0 auto 50px;text-align: center;}
.present .arrow_cont: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: #dbf1fc;border-width: 30px;margin-left: -30px;}
.present .arrow_cont p {margin-top: 20px;font-size: 18px;font-weight: bold;}
.present .arrow_cont p span {display: block;margin-top: 10px;}
.present .tokuten_detail .tit {background: #0d9eeb;padding: 10px;font-size: 18px;width: 800px;margin: 0 auto;color: #fff118;font-weight: bold;}
.present .tokuten_detail .stampbox {overflow: hidden;margin-top:30px;}
.present .tokuten_detail .stampbox .fl {width: 500px;}
.present .tokuten_detail .stampbox p {text-align: left;line-height: 1.5;}
.present .tokuten_detail .stampbox p.txt {}
.present .tokuten_detail p.note {font-size: 14px; margin-top: 15px;color: #555555; text-align:left; line-height:1.6;}


/* --SP-- */
@media screen and (max-width: 750px) {
.present .tokuten_detail .tit {width: 100%;}
.present .p_txt {font-size: 1rem;}
.present .arrow_cont {padding: 4%;}
.present .tokuten_detail .stampbox .fl {width: 100%;}
.present .tokuten_detail p.note{font-size:0.8rem;}
}



/**********************************************************************

キャンペーンプレゼント /preset.html

**********************************************************************/

#present_cont {width: 950px;margin: 70px auto 100px;}
#present_cont .cont_pnkTit {font-weight: bold;color: #fd556b;text-align: center;position: relative;margin: 0 auto;padding: 0 40px;}
#present_cont .cont_pnkTit span {background: url(../img/common/cont_pnkTit_line.gif) repeat-x center bottom;}
#present_cont .cont_pnkTit .big {font-weight: bold;}
#present_cont .cont_pnkTit:before {content: "　";background: url(../img/common/cont_pnkTit_l.png) no-repeat left bottom;height: 60px;width: 27px;position: absolute;left: 0;bottom: -10px;}
#present_cont .cont_pnkTit:after {content: "　";background: url(../img/common/cont_pnkTit_r.png) no-repeat right bottom;height: 60px;width: 27px;position: absolute;right: 0;bottom: -10px;}
#present_cont .cont_pnkTit span {font-weight: bold;color: #de006e;}
#present_cont .presentlist li {background: url(../img/campaign/yellow_line_bg.gif) repeat;padding: 30px;border: 6px solid #ffcebd;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;position: relative;}
#present_cont .presentlist li .detailbox .medal {padding: 25px 30px 4px 120px;}
#present_cont .presentlist li .detailbox .medal.m1 {background: url(../img/campaign/icon_gold.png) no-repeat center left;background-size: auto 120px;}
#present_cont .presentlist li .detailbox .medal.m2 {background: url(../img/campaign/icon_silver.png) no-repeat center left;background-size: auto 120px;}
#present_cont .presentlist li .detailbox .medal.m3 {background: url(../img/campaign/icon_copper.png) no-repeat center left;background-size: auto 120px;}
#present_cont .presentlist li .detailbox .medal.m4 {background: url(../img/campaign/icon_pink.png) no-repeat center left;background-size: auto 120px;}
#present_cont .presentlist li .detailbox .medal.m5 {background: url(../img/campaign/icon_orenge.png) no-repeat center left;background-size: auto 120px;}
#present_cont .presentlist li .detailbox .medal .grad_txt {background: #c01d05; /* Old browsers */background: -moz-linear-gradient(top, #c01d05 1%, #ff0000 48%, #ff0000 48%, #db0502 50%, #c01d05 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #c01d05 1%,#ff0000 48%,#ff0000 48%,#db0502 50%,#c01d05 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #c01d05 1%,#ff0000 48%,#ff0000 48%,#db0502 50%,#c01d05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c01d05', endColorstr='#c01d05',GradientType=0 ); /* IE6-9 */-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 40px;display: block;font-weight: bold;}
#present_cont .presentlist li .detailbox .medal .large {font-size:90px;font-weight: bold;}
#present_cont .presentlist li .detailbox .name {font-size: 24px;color: #e32206;font-weight: bold;margin: 16px 0;border-left: 10px solid #e32206;padding: 10px;}
#present_cont .presentlist li .detailbox .detailtxt {line-height: 1.5;}
#present_cont .presentlist li .p_ribon {position: absolute;top: -16px;left: -16px;}
#present_cont .attention {font-size: 10px;line-height: 1.4;color: #555555;}
#present_cont + .offer_cont {background: #cfeafb;padding: 50px 0;}

/* --PC-- */
@media screen and (min-width: 751px) {
#present_cont .cont_pnkTit {width: 500px;margin: 60px auto 30px;}
#present_cont .cont_pnkTit .big {font-size: 33px;}
#present_cont .cont_pnkTit span {font-size: 33px;}
#present_cont .txt {width: 660px;margin: 20px auto 60px;line-height: 1.8;}
#present_cont .txt .red {color: #e32206;font-weight: bold;}
#present_cont .presentlist li {display: flex;margin-bottom: 30px;}
#present_cont .presentlist li .item {}
#present_cont .presentlist li .detailbox {margin-left: 40px;}
#present_cont + .offer_cont .offer_inner {width: 850px;margin: 0 auto;}
#present_cont + .offer_cont + #search_box .wrapper {margin-top: 0;}

}

/* --SP-- */
@media screen and (max-width: 750px) {
#present_cont {width: 100%;margin: 4% auto 4%;}
#present_cont .txtbox {margin: 30px 0 0;padding: 4%;}
#present_cont .cont_pnkTit {margin-top: 30px;font-size: 1rem;margin: 0 auto 20px auto;padding: 0 30px;}
#present_cont .cont_pnkTit span {font-size: 1.2rem;}
#present_cont .cont_pnkTit .big {font-size: 1.2rem;}
#present_cont .cont_pnkTit:after {background-size: 20px auto;}
#present_cont .cont_pnkTit:before {background-size: 20px auto;}
#present_cont .txt {padding: 4% 0;line-height: 1.6;}
#present_cont .presentlist {width: 90%;margin: 0 auto;}
#present_cont .presentlist li {padding: 4%;margin-bottom: 20px;}
#present_cont .presentlist li .p_ribon {width: 40%;top: -12px;left: -12px;}
#present_cont .presentlist li .detailbox .medal {padding: 1rem 1rem .5rem 4rem;}
#present_cont .presentlist li .detailbox .medal.m1 {background-size: auto 60px;}
#present_cont .presentlist li .detailbox .medal.m2 {background-size: auto 60px;}
#present_cont .presentlist li .detailbox .medal.m3 {background-size: auto 60px;}
#present_cont .presentlist li .detailbox .medal.m4 {background-size: auto 60px;}
#present_cont .presentlist li .detailbox .medal.m5 {background-size: auto 60px;}
#present_cont .presentlist li .detailbox .medal .large {font-size: 4rem;}
#present_cont .presentlist li .detailbox .medal .grad_txt {font-size: 1.5rem;}
#present_cont .presentlist li .detailbox .name {font-size: 1.2rem;margin: 10px 0;}
#present_cont .attention {width: 90%;margin: 0 auto;}
#present_cont + .offer_cont {padding: 6% 0;}
}


/**********************************************************************
*
*　　 ■タイムセール /campaign/timesale.html
*
**********************************************************************/

#maincontents_cont.timesale .cont_pnkTit {width: 80%;display: block;margin-bottom: 40px;}
#maincontents_cont.timesale .cont_tittxt {padding-bottom: 20px;}
#count {background: #f01e62;padding: 20px 0;text-align: center;color: #fff;}
.timesale .present .fukidashi {background: url(../img/campaign/fukidashi_red.png) no-repeat center center;padding: 18px 0 35px;color: #fff;}
.timesale .present .tit {font-weight: bold;}
.timesale .present .tit span {font-weight: bold;background: linear-gradient(transparent 70%, #fff285 40%);}
.timesale .present .box {border: 1px solid #f01e62;display: table;}
.timesale .present .box dt {background: #f01e62;color: #fff;display: table-cell;padding: 15px 0;text-align: center;vertical-align: middle;}
.timesale .present .box dd {display: table-cell;vertical-align: middle;}
.timesale .present .txt {line-height:1.5;}
.timesale .present .att {color: #BBB;font-size: 12px;margin: 30px 0;}

/* --PC-- */
@media screen and (min-width: 751px) {
.timesale .present {margin: 50px 0;}
.timesale .present .fukidashi {font-size: 20px;}
.timesale .present .tit {font-size: 35px;}
.timesale .present .tit span {font-size: 35px;}
.timesale .present .box {width: 620px;margin: 40px auto;}
.timesale .present .box dt {width: 107px;font-size: 21px;}
.timesale .present .box dd {width: 512px;font-size: 21px;text-align: center;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
.timesale .present {padding: 4%;}
.timesale .present .fukidashi {background-size: auto 45px;padding: 18px 0 30px;}
.timesale .present .tit {font-size: 1.2rem;}
.timesale .present .tit span {font-size: 1.2rem;}
.timesale .present .box {width: 100%;margin: 20px 0;}
.timesale .present .box dt {width: 15%;}
.timesale .present .box dd {padding: 15px;}
.timesale .present .txt {text-align: left;}
.timesale .present .att {font-size: 10px;text-align: left;}

}
/**********************************************************************
*
*　　 ■超のりかえ割 /campaign/welcome.html
*
**********************************************************************/

#maincontents_cont .season_fukidashi_w {font-weight: bold;color: #fa6c2c;text-align: center;position: relative;display: inline-block;margin: 30px auto 30px;padding: 0 40px;}
#maincontents_cont .season_fukidashi_w .big_w {font-size: 30px;font-weight: bold;/*background: url(../img/campaign/season_fukidashi_icon.png) no-repeat center left;*/padding: 10px 0;background-size: contain;}
#maincontents_cont .season_fukidashi_w:before {content: "　";background: url(../img/campaign/season_fukidashi_l.png) no-repeat left bottom;height: 60px;width: 27px;position: absolute;left: 0;bottom: 0;}
#maincontents_cont .season_fukidashi_w:after{content: "　";background: url(../img/campaign/season_fukidashi_r.png) no-repeat right bottom;height: 60px;width: 27px;position: absolute;right: 0;bottom: 0;}

p.welcome_note01 {line-height: 1.5; padding:30px; text-align: left; color:gray;}
p.welcome_note {line-height: 1.5; padding:30px; text-align: left; border-bottom:#ffd700 dash 1px;}
#maincontents_cont .seasontxt_w {margin: 0 0 0 270px;text-align: left;font-size: 18px; line-height:2;}


.coment-w {background: #ffffe0; color:#ffa500;padding: 13px; border-radius: 20px; font-size: 17px;font-weight: bold; margin-top:10px;}
.coment-w span {font-size: 25px;font-weight: bold;}

/*#contact-w {clear: both;width: 100%;padding: 40px 0 40px;background: url(../img/common/contact_bg.gif) no-repeat center center;background-size: cover;}*/

#contact-w {width: 100%;}

#contact-w h4 {text-align: center; color: #168ed2; font-weight: bold;font-size: 24px;}
/*#contact-w h4:before {background: url(../img/common/title_deco01.png) no-repeat left center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}
#contact-w h4:after {background: url(../img/common/title_deco02.png) no-repeat right center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}*/

#contact-w section {width: 820px;background: rgba(225,244,255,0.9); margin: -30px 0 20px 0; padding: 30px 5px 15px 20px; box-sizing: content-box;}


#contact-w .contact-w_tit {font-size: 32px;text-align: center;}
#contact-w .contact-w_tit .icon {background: url(../img/common/icon_present.png) no-repeat center left;padding-left: 40px;background-size: contain;font-weight: bold;font-size: 30px;}
#contact-w .contact_tit .col {color: #ec2e45;font-size: 50px;background: linear-gradient(transparent 70%, #fff285 30%);font-weight: bold;}
#contact-w .contact_tit .col strong {font-size: 90px;font-weight: bold;}
#contact-w .contact_tit .snote {font-size: 12px;display: block;text-align: right;margin-right: 45px;color: #e4798b;}

/* 無料体験　資料請求ボタン */
#contact-w ul {margin: 20px auto;letter-spacing: -0.4em;}
#contact-w ul li {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;}
#contact-w ul li a {color:#fff;}
#contact-w ul li a:hover {opacity: 0.7;}

/* 無料体験 */
#contact-w ul li.free {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;margin-right: 20px;width: 390px;}
#contact-w ul li.free a {background: url(../img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
#contact-w ul li.free .ribon {background: url(../img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
#contact-w ul li.free .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;}
#contact-w ul li.free .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
#contact-w ul li.free .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}

/* 資料請求 */
#contact-w ul li.request {background: #1ab762; /* Old browsers */background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */	position: relative;width: 390px;}
#contact-w ul li.request a {background: url(../img/common/icon_request_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
#contact-w ul li.request .ribon {background: url(../img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
#contact-w ul li.request .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;letter-spacing: -0.05em;font-weight: bold;}
#contact-w ul li.request .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
#contact-w ul li.request .offer_txt .small {font-weight: bold;}
#contact-w ul li.request .offer_txt .note {display: block;font-size:15px; margin-top: 7px;}

/* 申請ボタン */
#contact-w .wel_form_btn {background: #fafa98; box-shadow: 2px 2px 4px gray; width: 450px; margin: 0 auto; padding: 15px 0; text-align: center; border: 2px #168ed2 solid; border-radius: 5px}
#contact-w .wel_form_btn span.wel_txt01{display: inline-block; vertical-align: middle; text-align:center; font-size: 18px; line-height:1.5; color: #2d97d3; font-weight:bold;}
#contact-w .wel_form_btn span.wel_txt02{display: inline-block; vertical-align: middle; text-align:center; font-size: 21px; line-height:1.5; color: #2d97d3; font-weight:bold;}
#contact-w .wel_form_btn a {display: block; background: url(../img/common/icon_blue_arrow.png) no-repeat center right 10px;display: block;padding: 0px 10px 0px 20px;}

/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont .season_fukidashi_w .big_w {font-size: 1.2rem;padding: 20px 0 20px;background-size: auto 60px; padding: 10px auto 10px;}
/*#maincontents_cont .season_fukidashi_w:before {background-size: 20px auto;}
#maincontents_cont .season_fukidashi_w:after {background-size: 20px auto;}*/
#maincontents_cont .seasontxt_w {margin: 0 auto;text-align: center;font-size: 1.2rem; line-height:1.8;}


#contact-w {padding: 5.3% 0 5.3%;}
#contact-w h4 {font-size: 1.3rem;line-height: 1.5; color:#168ed2;}
/*#contact-w h4:before,
#contact-w h4:after {display: none;}*/
#contact-w section {width: 100%;box-sizing: border-box;margin: -14% auto 0;padding: 6% 4%;}
#contact-w .contact_tit {font-size: 1.2rem;margin: 0 0 5.6%;}
/*#contact-w .contact_tit .icon {padding-left: 1.5rem;position: absolute;left: 0;top: -2rem;font-size: 1.2rem;color: #000;background-size: auto 18px;text-align: left;width: 100%;display: inline-table;}*/
#contact-w .contact_tit .col {font-size: 2rem;letter-spacing: -0.05em;position: relative;}
#contact-w .contact_tit .col strong {font-size: 5rem;}
#contact-w .contact_tit .snote {display: inline-block;margin-left: 10px;margin-right: 0;}
#contact-w ul {width: 100%;margin: 20px auto 10px;}
#contact-w ul li {display: block;margin-bottom: 10px;font-size: 1rem;}
#contact-w ul li {width: 100%;}
#contact-w ul li.free,
#contact-w ul li.request {width: 100%;margin-right: 0;}
#contact-w ul li.free .ribon, #contact-w ul li.request .ribon {width: 60px;background-size: 100% auto;background-position: top left;}
#contact-w ul li.free .ribon .txt, #contact-w ul li.request .ribon .txt {font-size: 1rem;padding: 18px 0 0;}
#contact-w ul li.free .offer_txt, #contact-w ul li.request .offer_txt {padding-right: 10%;font-size: 1.3rem;padding-left: 70px;}
#contact-w ul li .offer_txt .small {font-size: 1rem;font-weight: bold;}
#contact-w ul li.free a {padding: 25px 10px;box-sizing: border-box;}
#contact-w ul li.request a {padding: 25px 10px;box-sizing: border-box;}
#contact-w ul li.free a .icon_free,
#contact-w ul li.request a .icon_request {line-height: 20px;background-size: auto 20px;}

#contact-w .wel_form_btn {width: 100%; margin: 6% auto 0; text-align: center; box-sizing: border-box;}
#contact-w .wel_form_btn a {padding:  0; display: block; background: url(../img/common/icon_blue_arrow.png) no-repeat center right 10px;}
#contact-w .wel_form_btn span.wel_txt01{display: inline-block;vertical-align: middle;font-size:1rem;}
#contact-w .wel_form_btn span.wel_txt02{display: inline-block;vertical-align: middle;font-size:1.2rem;}
}
/**********************************************************************
*
*　　 ■オンライン授業
*
**********************************************************************/

#maincontents_cont .online {margin-bottom:40px;}

#maincontents_cont .online .box1 {position: relative; background: #fdf2f7;padding: 30px;}
#maincontents_cont .online .box1:after {content: "";clear: both;display: block;}
#maincontents_cont .online .box1 .fr p {text-align: left;font-weight: bold;margin-bottom: 15px;font-size: 19px;}
#maincontents_cont .online .box1 .txt_a {position: absolute;left: 0;right: 0;bottom: -32px;}
#maincontents_cont .online .box1 .commentbox {position: relative;background: #fff;border: 2px solid #2d97d3;width: 520px;padding: 20px;font-size: 24px;line-height: 1.3;border-radius: 5px;}
/*#maincontents_cont .online .box2 {overflow: hidden;background: #f9dae8;padding: 30px;}*/
#maincontents_cont .online .box2 {overflow: hidden; background:#fbf0e6; padding: 30px;}

#maincontents_cont .online .box2 .green {background: #09b180;color: #FFF;padding: 30px;  font-weight:bold; line-height:1.2;}
#maincontents_cont .online .box2 .red {background: #f56684;color: #FFF;padding: 30px; font-weight:bold; line-height:1.2;}
#maincontents_cont .online .box2 .blue {background: #2d97d3;color: #FFF;padding: 30px; font-weight:bold; line-height:1.2;}


#maincontents_cont .online .box2 .txtbox {width: 560px;text-align: left;padding: 20px 0 0;}
#maincontents_cont .online .box2 .txtbox .tit {font-size: 20px;font-weight: bold;}
#maincontents_cont .online .box2 .txtbox .tit + p {line-height: 1.3;margin-top: 10px;}

#maincontents_cont .online_note{line-height: 1.3; text-align:left; color:#8A8586;}


/* --PC-- */
@media screen and (min-width: 751px) {
#maincontents_cont .online .box1 .commentbox:after, .commentbox:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#maincontents_cont .online .box1 .commentbox:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 20px;margin-top: -20px;}
#maincontents_cont .online .box1 .commentbox:before {border-color: rgba(45, 151, 211, 0);border-right-color: #2d97d3;border-width: 23px;margin-top: -23px;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont .online .box1 {padding: 8% 4% 0;}
#maincontents_cont .online .box1 .fl {width: 40%;float: none;margin: 0 auto;}
#maincontents_cont .online .box1 .fr {width: 100%;margin: 0 0 5% 0;}
#maincontents_cont .online .box1 .fr p {font-size: 1rem;margin: 15px 0 30px;text-align: center;}
#maincontents_cont .online .box1 .commentbox {padding: 4%;font-size: 1rem;width: 100%;text-align: left;position: relative;border: 2px solid #2d97d3;}
#maincontents_cont .online .box1 .commentbox:before {	bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(45, 151, 211, 0);border-bottom-color: #2d97d3;border-width: 18px;margin-left: -18px;}
#maincontents_cont .online .box1 .commentbox:after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 15px;margin-left: -15px;}
#maincontents_cont .online .box1 .txt_a {position: static; width: 30%;margin: 0 auto;}
#maincontents_cont .online .box2 {padding: 4%;}
#maincontents_cont .online .box2 .txtbox .tit {font-size: 1rem;}
#maincontents_cont .online .box2 .bluebox {float: none;padding: 4%;font-weight: bold;}
#maincontents_cont .online .box2 .txtbox {width: 100%;}
}


/**********************************************************************
*
*　　 ■特典適用条件切り替えボタン
*
**********************************************************************/
#note_tabs,#note_tabs01 {
  margin: 40px auto 0;
  width: 700px;
  text-align:left;

  }


/* ▼タブ */
#tabcontrol,#tabcontrol01{text-align:left; margin:10px 0 0 0;}
#tabcontrol a,#tabcontrol01 a {
	cursor:default;
	opacity: 1;
	display: inline;            /* インラインブロック化 */
	text-align:left;
	line-height:2;
	border-width: 1px 0px 1px 0px;    /* 下以外の枠線を引く */
	border-style: dashed;              /* 枠線の種類：実線 */
	border-color: #f07a7a;              /* 枠線の色：黒色 */
	padding: 0.4em 0.87em;              /* 内側の余白 */
	text-decoration: none;            /* リンクの下線を消す */
	font-size:0.9rem;
	color: #e84343;
	font-weight:bold;
	position: relative;               /* JavaScriptでz-indexを調整するために必要 */
}


/* ▼タブの中身 */
.tab_content {
	display: none;
	padding: 5px 0;
	clear: both;
	overflow: hidden;
}
.tab_content ul li{
	font-size:0.8rem;
	text-align:left;
	color: #363434;
	line-height:1.6;
}

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

#note_tabs,#note_tabs01 {
	width:98%;
}

}