@charset "utf-8";

#str-main .str-main-sp .area-keyvisual-sp-01 .lead {
 text-shadow         : 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 0.5px #edf8ff;
}
#tab1:checked ~ .tab-box > #tabView1 {
 display             : block;
}
#tab2:checked ~ .tab-box > #tabView2 {
 display             : block;
}
#tab3:checked ~ .tab-box > #tabView3 {
 display             : block;
}
.borderBox {
 border              : 1px solid #CCCCCC;
 margin-bottom       : 40px;
 margin-top          : 20px;
 padding             : 10px;
 background-color:#FFF;
}
.borderBox .mb-40 {
 margin-bottom       : 40px;
}
.borderBox .fs-22 {
	font-size:16px!important;	
}
.borderBox em em {
 color               : #cc0000;
 font-weight         : bold;
}
.borderBox h2 {
 font-size           : 15px;
 margin-bottom       : 20px;
 text-align          : left;
 font-weight:normal;
 color:#14126f;
}
.borderBox h3 {
 font-size           : 14px!important;
 font-weight         : normal!important;
}
.borderBox ul {
	padding-left:1em;
}
	
.box-img-02 {
 padding             : 0 0 20px;
}
.col-2 > .part {
 float               : none;
 margin              : 0;
 width               : 100%;
}
.col-2 > li {
 float               : none;
 margin              : 0;
 width               : 100%;
}
.contents-01-inner .col-2 {
 margin              : 0;
}
.etcotherlang {
 margin-bottom       : 60px;
}
.fs-14 {
 font-size           : 12px !important;
}
.fs-16 {
 font-size           : 12px !important;
}
.fs-18 {
 font-size           : 13px !important;
}
.fs-20 {
 font-size           : 13px !important;
}
.fs-24 {
 font-size           : 13px !important;
}
.fs-32 {
 font-size           : 18px !important;
}

.page-ti .fs-32 {
 font-size           : 17px !important;
}
.page-ti h4 {
 font-size           : 16px !important;
}


.page-ti .beginner3monts p.tx-center {
	font-size: 15px;
}

.kidsteenstop h2.fs-32 {
	font-size:17px!important;
	text-align:center;
}

.hdg-lv2-faq + .toggle-youth-sp {
 border-top          : none;
}
.lebelcontents h3 {
 color               : #14126f;
 font-size           : 16px;
}
.levelTable {
 border-bottom       : solid 1px #CCC;
 border-collapse     : collapse;
 border-left         : solid 1px #CCC;
 border-top          : solid 1px #CCC;
 margin-bottom       : 20px;
 width               : 100%;
}
.levelTable td {
 border-bottom       : solid 1px #CCC;
 border-right        : solid 1px #CCC;
 padding             : 5px;
}
.levelTable td:nth-of-type(1) {
 text-align          : center;
}
.levelTable th {
 background-color    : #EAF0F8;
 border-bottom       : solid 1px #CCC;
 border-right        : solid 1px #CCC;
 color               : #000;
}
.link-01.link-faq {
 border-top          : dotted 1px #5c75b3;
 padding-top         : 10px;
 text-align          : center;
}
.list-check li.fs-24 {
 background-size     : 18px;
}
.list-flow-01 {
 padding-left        : 0;
}
.list-flow-01 > li {
 list-style-type     : none;
}
.list-flow-01 li {
 background          : #fff;
 border              : solid 1px #d6d5d5;
 display             : table;
 line-height         : 1.38462;
 line-height         : 1.625;
 margin-bottom       : 25px;
 margin-left         : 0;
 position            : relative;
 width               : 100%;
}
.list-flow-01 li .img {
 display             : block;
 height              : 80px;
}
.list-flow-01 li .img img {
 height              : 100%;
 line-height         : 0;
 max-width           : initial;
 vertical-align      : bottom;
}
.list-flow-01 li .txt {
 display             : table-cell;
 padding             : 8px 10px 5px 8px;
 vertical-align      : middle;
 width               : 100%;
}
.list-flow-01 li::after {
 border              : 8px transparent solid;
 border-top-color    : #cfd6e4;
 content             : '';
 display             : block;
 height              : 0;
 left                : 50%;
 position            : absolute;
 top                 : 95px;
 width               : 0;
}
.list-flow-01 li:last-child::after {
 display             : none;
}
.lyt-explain .price .balloon {
 font-size           : 13px;
 margin-bottom       : 8px;
 top                 : 0;
 min-width           : 200px;
}
.nopc {
 display             : block!important;
}
.nosp {
 display             : none!important;
}
.note {
 font-size           : 12px;
}
.otherlang #tabView1 dl:last-child {
 margin-bottom       : 0;
}
.otherlang #tabView2 dl:last-child {
 margin-bottom       : 0;
}
.otherlang dl {
 margin-bottom       : 20px;
}
.otherlang dl:last-child {
 margin-bottom       : 0;
}
.otherlang dl dd {
 float               : left;
 margin-left         : 0;
 text-align          : center;
 width               : 40%;
}
.otherlang dl dd img {
 border              : solid 1px #eeeeee;
 width               : 55%;
}
.otherlang dl dd p {
 margin-bottom       : 0;
}
.otherlang dl dt {
 float               : left;
 font-weight         : bold;
 margin-bottom       : 10px;
 width               : 60%;
}
.otherlang dl:after {
 clear               : both;
 content             : " ";
 display             : block;
 font-size           : 0;
 height              : 0;
 visibility          : hidden;
}
.page-business .free-traial-flow-pc .hdg-num {
 color               : #14126f;
 display             : table;
 font-size           : 14px;
 margin-bottom       : 0;
}
.page-business .free-traial-flow-pc .hdg-num .num {
 background          : #14126f;
 border-radius       : 50%;
 box-sizing          : border-box;
 color               : #fff;
 display             : table-cell;
 font-size           : 20px;
 line-height         : 1;
 margin-right        : 15px;
 padding             : .3em;
 text-align          : center;
 vertical-align      : middle;
}
.page-business .free-traial-flow-pc .inner {
 border-left         : solid 7px #cfd6e4;
 box-sizing          : border-box;
 margin-left         : 12px;
 padding             : 30px 0 30px 22px;
}
.page-business .free-traial-flow-pc .inner .lyt-col2 .left {
 box-sizing          : border-box;
 float               : none;
 padding-right       : 0;
 text-align          : center;
 width               : 100%;
}
.page-business .free-traial-flow-pc .inner .lyt-col2 .right {
 box-sizing          : border-box;
 float               : none;
 width               : 100%;
}
.page-business .lyt-col2-01 {
 font-size           : 13px;
}
.page-business .lyt-col2-01 .left {
 box-sizing          : border-box;
 float               : none;
 padding-right       : 0;
 width               : 100%;
}
.page-business .lyt-col2-01 .right {
 box-sizing          : border-box;
 float               : none;
 width               : 100%;
}
.page-business .lyt-col2-02 .left {
 box-sizing          : border-box;
 float               : none;
 padding-right       : 0;
 width               : 100%;
}
.page-business .lyt-col2-02 .right {
 box-sizing          : border-box;
 float               : none;
 padding-left        : 0;
 width               : 100%;
}
.page-business .lyt-comparison {
 background          : #fff;
 margin-bottom       : 0px;
 padding-bottom      : 0;
}
.page-business .lyt-comparison .img img {
 line-height         : 0;
 vertical-align      : bottom;
 width               : 100%;
}
.page-business .lyt-comparison .left {
 background-color    : #fff;
 float               : none;
 margin-right        : 0;
 padding-bottom      : 10px;
 width               : 100%;
}
.page-business .lyt-comparison .right {
 background-color    : #fff;
 float               : none;
 padding-bottom      : 0;
 width               : 100%;
}
.page-business .lyt-icon .hdg-lv4 {
 color               : #14126f;
 font-size           : 14px;
 margin-bottom       : 5px;
}
.page-business .lyt-point .left img {
 display             : none;
}
.page-business .lyt-point .right {
 padding-left        : 0;
}
.page-business .reservation-flow-pc .hdg-num {
 color               : #14126f;
 display             : table;
 font-size           : 14px;
 margin-bottom       : 0;
}
.page-business .reservation-flow-pc .hdg-num .num {
 background          : #14126f;
 border-radius       : 50%;
 box-sizing          : border-box;
 color               : #fff;
 display             : table-cell;
 font-size           : 20px;
 line-height         : 1;
 margin-right        : 15px;
 padding             : .3em;
 text-align          : center;
 vertical-align      : middle;
}
.page-business .reservation-flow-pc .inner {
 border-left         : solid 7px #cfd6e4;
 box-sizing          : border-box;
 margin-left         : 12px;
 padding             : 30px 0 30px 22px;
}
.page-business .reservation-flow-pc .inner .lyt-col2 .left {
 box-sizing          : border-box;
 float               : none;
 padding-right       : 0;
 text-align          : center;
 width               : 100%;
}
.page-business .reservation-flow-pc .inner .lyt-col2 .right {
 box-sizing          : border-box;
 float               : none;
 width               : 100%;
}
.page-business .box-business-01 .list-check {
	margin-top: 0;
}

.otherlang h3 {
 color:#14126f;
 margin-bottom:10px;
 border-left:5px solid #14126f;
 padding-left:10px;
}


.tab-content .tab-box {
 border              : 1px solid #CCCCCC;
/* border-top          : solid 5px #14126f;*/
 box-sizing          : border-box;
 height              : auto;
 margin-bottom       : 20px;
 padding             : 20px 15px;
 width               : 100%;
}
.tab-content > .tab-box > div {
 display             : block;
}
.tab-content input[type="radio"] {
 display             : none;
}
.tab-content input[type="radio"]:checked + label {
 background-color    : #14126f;
 background-image    : url(../../shared/images_renew16/tab_arrow_on.png);
 background-position : 8px 10px;
 background-repeat   : no-repeat;
 color               : #FFF;
}
.tab-content label {
 background-color    : #eee;
 background-image    : url(../../shared/images_renew16/tab_arrow.png);
 background-position : 8px 10px;
 background-repeat   : no-repeat;
 border-radius       : 5px 5px 0 0;
 box-shadow          : inset -1px 1px 2px rgba(0, 0, 0, 0.3);
 box-sizing          : border-box;
 color               : #000;
 cursor              : pointer;
 display             : inline-block;
 font-size           : 13px;
 font-weight         : bold;
 padding             : 5px 10px;
 text-align          : center;
 width               : 50%;
}
.tab-content label:hover {
 background-color    : #14126f;
 background-image    : url(../../shared/images_renew16/tab_arrow_on.png);
 background-position : 8px 10px;
 background-repeat   : no-repeat;
 color               : #FFF;
}
.toggle-youth-sp {
 background          : #fff;
 border-top          : dotted 1px #5c75b3;
}
.toggle-youth-sp .toggle-content {
 border-top          : none;
 margin-top          : 5px;
 padding             : 10px 27px 0 0;
 position            : relative;
}
.toggle-youth-sp .toggle-content .toggle-content-txt {
 padding-left        : 34px;
}
.toggle-youth-sp .toggle-content .toggle-content-txt .mark-a {
 -ms-border-radius   : 50%;
 background          : #e8aeaf;
 border-radius       : 50%;
 display             : inline-block;
 font-weight         : bold;
 height              : 25px;
 left                : 0;
 line-height         : 2;
 margin-right        : 8px;
 margin-top          : 10px;
 position            : absolute;
 text-align          : center;
 top                 : 0;
 width               : 25px;
}
.toggle-youth-sp .toggle-content .toggle-content-txt em {
 color               : #141313;
 display             : block;
}
.toggle-youth-sp .toggle-ttl {
 box-sizing          : border-box;
 padding             : 10px 27px 10px 0;
 position            : relative;
 width               : 100%;
}
.toggle-youth-sp .toggle-ttl .mark-q {
 -ms-border-radius   : 50%;
 background          : #cfd6e4;
 border-radius       : 50%;
 display             : inline-block;
 height              : 25px;
 left                : 0;
 line-height         : 2;
 margin-right        : 8px;
 margin-top          : -13px;
 position            : absolute;
 text-align          : center;
 top                 : 50%;
 vertical-align      : middle;
 width               : 25px;
}
.toggle-youth-sp .toggle-ttl .toggle-ttl_hook {
 background          : none;
 border              : 0;
 cursor              : pointer;
 height              : 100%;
 left                : 0;
 padding             : 0;
 position            : absolute;
 top                 : 0;
 width               : 100%;
 z-index             : 2;
}
.toggle-youth-sp .toggle-ttl .toggle-ttl_hook span {
 background          : #14126f;
 color               : #14126f;
 font-size           : 0;
 height              : 16px;
 margin-top          : -7px;
 position            : absolute;
 right               : 0;
 top                 : 50%;
 width               : 15px;
 z-index             : 1;
}
.toggle-youth-sp .toggle-ttl .toggle-ttl_hook span:after {
 background          : #fff;
 content             : '';
 display             : block;
 height              : 11px;
 left                : 7px;
 position            : absolute;
 top                 : 2px;
 width               : 1px;
}
.toggle-youth-sp .toggle-ttl .toggle-ttl_hook span:before {
 background          : #fff;
 content             : '';
 display             : block;
 height              : 1px;
 left                : 2px;
 position            : absolute;
 top                 : 7px;
 width               : 11px;
}
.toggle-youth-sp .toggle-ttl .toggle-ttl_txt {
 color               : #141313;
 display             : block;
 padding-left        : 5px;
 position            : relative;
 z-index             : 1;
}
.toggle-youth-sp.is-open .toggle-ttl .toggle-ttl_hook span:after {
 display             : none;
}
.toggle-youth-sp:first-child {
 border-top          : none;
}
table.levelTable th span {
 font-weight         : normal;
}
.box-business-01 ul {padding-left:0;padding-top:10px;}
.box-business-01 ul li {list-style:none;}

.fs-16.mb-40 {margin-bottom:20px!important;}




.pricebox {
	border:1px solid #CCCCCC;
	padding:10px;
	background-color:#FFF;
	margin-bottom:40px;
}
.pricebox h3 {
	text-align:center;

}
.pricebox h3 span {
	/* background-color: #131364; */
	color: #cc0000;
	text-align: center;
	padding: 5px 10px;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.pricebox .priceleft {

}
.pricebox .priceright {
}
.pricebox .priceright ul {
	background-color:#EFF1F2;
	padding:10px;
	margin-bottom:0;
	box-sizing:border-box;
}
.pricebox .priceright ul li .red {
	font-size:12px;

}
.pricebox .priceright ul li {
	list-style:none;
		padding-left: 1em;
text-indent: -1em;
}
.pricebox .priceright ul li:before {
	content:"■";
	padding-right:5px;
}
.pricebox .pricetxt {
	margin-bottom:0;
	font-weight:bold;
	font-size:14px;
}
.pricetxt span {
	font-weight:normal;
	padding-left:10px;
}


.pricebox .priceredtxt {
	color:#cc0000;
	margin-bottom:0;
	float:left;

}
.pricebox .redprice {
	color: #cc0000;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: bold;
}
.pricebox .redprice span {
	font-size:14px;
	padding-left:10px;
}
.pricebox .miniprice {

}
.pricebox .miniprice span {
	font-size:12px;
}
.redbox {
	margin-bottom: 0;
	background-color: #cc0000;
	padding: 5px 10px;
	color: #FFF;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.border2colBox {
	margin-bottom:10px;
	background-color:#FFF;
}
.border2colBox .border2col:nth-child(odd) {

	border:1px solid #CCCCCC;
	padding:10px;
	box-sizing:border-box;
	margin-bottom:20px;
}
.border2colBox .border2col:nth-child(even) {

	border:1px solid #CCCCCC;
	padding:10px;
	box-sizing:border-box;
}
.border2colBox h3 {
	display:block;
	vertical-align:middle;
	margin-bottom:10px;
}
.border2colBox h3 span.midashi{
	display:block;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:normal;
}
.border2colBox h3 span.blueicon{
	display:block;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	color:#FFF;
	background-color:#14126f;
	padding:5px;
	margin-bottom:10px;
}
.border2colBox img:nth-child(odd) {
	width:100%;
	margin-bottom:10px;
}
.border2colBox img:nth-child(even) {
	width:100%;
	margin-bottom:10px;	
}
.border2colBox h4 {
	text-align:center;
	color:#14126f;
	font-weight:bold;
	margin-bottom:10px;
}
.border2colBox h4 span {
	font-size:20px;
}
.border2colBox p {
	margin-bottom:10px;	
}



.campaignread {
	margin-bottom:40px;
	font-size:14px;
}
.red {color:#cc0000;}

.borderBox .olpart h3 {
	text-align:center;
	font-weight:bold!important;
}
.olpart .box-img-02 {
	margin-bottom:0;
	padding-bottom:0;
}


/* ユース　声 */

.voicelist ul {
	padding-left:0;

	border-collapse: separate;
	border-spacing: 10px 5px;
	margin-bottom:0;
}
.voicelist li {
	list-style:none !important;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #E6E6E6;
	margin-bottom:10px;

	vertical-align: top;
	width:100%;
}
.voicelist li p.voiceOtherCntInfo_img{
	display:table-cell;
	padding-right:10px !important;
	width:20%;
	box-sizing:border-box;
}
.voicelist li .voiceOtherCntInfo_right{
	display:table-cell;
	vertical-align: top;
}
.voicelist li p.voiceOtherCntInfo_txtLink{
	font-size:14px;
	padding-left:10px !important;
	background: url(/voice/images/allow_otherVoice.gif) left 7px no-repeat #FFFFFF;
	margin-bottom:5px !important;
}
.voicelist li p.voiceOtherCntInfo_txtLink span{
	padding-left:5px;
}
.voicelist li p.voiceOtherCntInfo_txt{
	font-size:14px;
	margin-bottom:0 !important;
}
.voicelist li p.voiceOtherCntInfo_txtLink + p.voiceOtherCntInfo_txt {
	margin-bottom:5px!important;	
}

.voicelist li p.voiceOtherCntInfo_txt span{
	font-size:14px;
}
.voicelist li p.voiceOtherCntInfo_txtLink a {
	color: #009EE0;
	text-decoration: underline;
}
.voicelist li p.voiceOtherCntInfo_txtLink a:hover {
	color:#FF7800;
	text-decoration: underline;
}
.youthVoice .arrow_box {
	position: relative;
	background: #ececec;
	margin-bottom:10px;
}
.youthVoice .arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(236, 236, 236, 0);
	border-top-color: #ececec;
	border-width: 15px;
	margin-left: -62px;
}
.page-business .lyt-col3-box.youthVoice .inner {
	border:none!important;
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
	position: relative;	
}
.page-business .lyt-col3-box.youthVoice .inner p {
	text-align:left;
	font-size:12px;
	padding:10px;
}
.page-business .lyt-col3-box.youthVoice .inner img {
	width:20px;
}
.page-business .hdg-lv4-icon .icon .mark-diff img {
	width:25px;
}
/* ユース　声  END*/

/* kidsteens.html */
.kidsteens ul {

	border-collapse:separate;
	border-spacing: 10px 10px;
	padding-left:0;
}

.kidsteens ul li {
	border: solid 5px #E6E6E6;
	box-sizing:border-box;
	padding:10px;
	list-style:none;
	margin-bottom:23px;
}
.kidsteens h3 {
	text-align:center;
	color:#14126f;
	margin-bottom:10px;
}

.ktlink {
	width: 50%;
	padding: 0px 10px 0 20px;
	display: block;
	position: relative;
	color: #14126f;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	float: left;
	margin: 10px 0 0 0;
	box-sizing: border-box;
	text-align: center;
}
.ktlink::before {
	margin-top: -4.5px;
	display: block;
	position: absolute;
	left: 2px;
	top: 50%;
	border-right: 3px solid #14126f;
	border-bottom: 3px solid #14126f;
	width: 7px;
	height: 7px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
.kidsteens li:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.kidsteens_lc ul {

	border-collapse:separate;
	border-spacing: 10px 10px;
	padding-left:0;
}

.kidsteens_lc ul li {
	border: solid 3px #E6E6E6;
	box-sizing: border-box;
	padding: 5px 5px;
	list-style: none;
	margin-bottom: 10px;
}
.kidsteens_lc ul li img {
	width: 40%;
	float: left;
}
.kidsteens_lc h3 {
	color: #009ee0;
	margin-bottom: 10px;
	font-size: 5vw;
	background-image: url(/shared/images_renew15/top_arrow_b.png);
	background-repeat: no-repeat;
	background-position: top 85% left 6%;
	background-size: 5vw 5vw;
	width: 60%;
	margin: 0 auto;
	float: right;
	box-sizing: border-box;
	padding: 8% 0 0 9%;
}
.kidsteens_lc a:hover {
	text-decoration:none;	
}









.kidsteens_lc li:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

/* kidsteens.html */



div.content h3 {
    font-size: 22px;
    font-weight: bold;
    color: #131364;
    margin-bottom: 20px;
}

div.content #rcmd .halfbox.right h3 {
	font-size:18px;
}

ul.accordion { width:100%; margin:0 auto 30px;padding-left:0;}
ul.accordion span { 
	display:block; 
	padding:0; 
	background-position:100% center; 
	background-repeat:no-repeat; 
	color:#333; 
	font-weight:bold;
	width:150px;
	margin:-10px auto;
	height: 75px;
	background-position: top center;
	}
ul.accordion ul { display:block;padding-left:0;}
ul.accordion ul li {list-style:none;}
ul.accordion > li {list-style: none; }
ul.accordion > li > div {cursor:pointer;}
ul.accordion > li > div span { 
	background-image:url(/lp/beginner/images/img_bg_sankaku.png);
	background-size: 32px 72px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	
}
ul.accordion > li > div span.open { background-image:url(/shared/images_renew15/arrow_up.png);}
ul.accordion > li > ul > li > p { }
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

.beginner3monts h4 {

}
.beginner3monts h5 {
	margin-bottom: 10px;
	text-align: center;
	background-color: #D1E7F5;
	padding: 3px;
	font-size: 13px;
	box-sizing: border-box;
	font-weight:normal;
}


.beginner3monts .before {border:1px solid #CCCCCC;padding:10px;margin:10px 0 0!important;}
.beginner3monts .after {border:1px solid #CCCCCC;background-color:#FFFFFF;padding:10px;}
.beginner3monts .clickpoint {margin-bottom:0!important;color:#131364;text-align:left;color:#131364;}

.beginner3monts .accbtn {
	/*background-color:#009EE0;*/
	margin:0;
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:0;
	pointer-events : none;
	}
.beginner3monts .before ul {
	padding-left:0;
	margin-bottom:0;
}
.beginner3monts .after ul {
	padding-left:0;
	margin-bottom:0;
}
.beginner3monts .before ul li,	
.beginner3monts .after ul li {
	padding-left:1em;
	text-indent:-1em;
	list-style:none;
}
.beginner3monts .before ul li:before {
	content:"・";
}
.beginner3monts .after ul li:before {
	content:"・";
}
.beginner3monts .after ul li:last-child {
	margin-bottom:0;
}
.beginner3monts + .hdg-lv3-feature {
	margin-top:40px;	
}

.lessonExampleInner ul {
	padding-left:0;
	margin-bottom:40px;
}
.lessonExampleInner ul li{
	list-style:none;
}
.lessonExampleInner ul li {
	list-style: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;		
	margin-bottom: 0;
}
.lessonExampleInner ul li:last-child {
	border-bottom: 1px solid #ccc;			
}
.lessonExampleInner ul li em {
	color: #000;
	background-color: #CFD6E4;
	width: 80px;
	display: table-cell;
	text-align: center;
	padding: 2px;
	box-sizing: border-box;
}
.lessonExampleInner ul li p {
	display:table-cell;
	padding:5px;
}
.lessonExampleInner.heijitsu li:nth-last-child(-n+2) {
	background-color:#ececec;
}
.lessonExample h4 {
	margin-bottom:5px;	
}
.lessonExample h4 span.blueico {
	display: block;
	color: #000;
	background-color: #CFD6E4;
	text-align: left;
	font-size: 14px;
	padding: 5px;
	width:100%;
	box-sizing:border-box;
	font-weight:normal;
	margin-bottom:0;
	border-bottom: 2px #003366 solid;
}

.lessonExample h4 span.blueico span.blueicoinner {
	display:inline-block;
	color:#cc0000;
	background-color:#FFF;
	text-align:center;	
	font-size:14px;
	padding:3px 5px;
	margin-right:10px;
}


.lessonExampleInner.borderbox {
	border:dotted 1px #cfd6e4;
	padding:10px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.lessonExampleInner.borderbox ul {
	margin-bottom:0;	
}

.img-col._img-l {
	direction: unset;
}
.img-col {
	width: 100%;
	display: block;
}
.img-col._img-l > .txt {
	padding-right: 0;
	padding-left: 0;
	display: block;
	direction: unset;

}
.img-col > .txt + .img img {
	max-width: initial;
	width: 100%;
}

.otherLanglist {
	width:100%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
.otherLanglist th {
	padding:0;
	background-color:#eaf0f8;
	color:#131364;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #cccccc;
	width: 17%;
}
.otherLanglist td {
	padding:5px;
	border: 1px solid #cccccc;
	font-size:11px;
}
.otherLanglist td:nth-child(2) {
	border-right: none;
}
.otherLanglist td:nth-child(3) {
	border-left: none;
	width:34%;
}

.uservoice {
	box-sizing:border-box;
}
.uservoice p {
	text-align:left;
}

.uservoice > p:first-child {
background-color:#F0F1F3;
padding:10px;
}
.uservoice:last-child {
	margin-right:0;
}
.uservoice .user {
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
}
.user img {
	width:30px;
}


.mb-70 {
	margin-bottom: 30px !important;
}

.page-business.page-benefit div.contents-01:nth-child(3) > div:nth-child(1) > h2:nth-child(1) {
	font-size: 13px;
}
.page-business.page-benefit .area-contact-01-sp {
	border-top: none;
	border-bottom: none;
	padding-top:0;
}
.page-business.page-benefit .area-contact-01-sp .hdg-area-contact-01 {
	display:none;
}
.page-business.page-benefit .area-contact-01-sp .btn-contact li {
	padding-left: 28px;
	display: block;
	width: ;
}
.page-business.page-benefit .area-contact-01-sp .btn-contact li {
	padding-left: 0;
}

.page-business.page-benefit .area-contact-01-sp .str-inner {
	padding:0!important;
}
.page-business.page-benefit .area-contact-01-sp .str-inner p.hdg {
	margin:0!important;
}
.page-business.page-benefit .free-traial-flow-pc .campainbnr01 {
	display:none;	
}
.page-business.page-benefit .hdg-lv2-01 em em {
	color: #c53536;
}

.blue {
	color:#131364;
}
ul.courseList  {
	padding-left: 0;
}
.courseList li {
	width: 49%;
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 4px;
	margin-bottom: 2px;
	box-sizing: border-box;
	padding: 3px;
	font-size: 11px;
	text-align: center;
	background-color: #FAFAFA;
	list-style:none;
}
.courseList li:nth-child(even){
	float:right;
	margin-right:0;
}
#phrase00 p a {
	background: url('/shared/images/ico_arrow_1.png') no-repeat scroll left center transparent;
	padding-left: 15px;
	font-size: 16px;
}

.lessonDetails .subtxt {
	display: none;
}
/*footerキャンペーンバナー用*/
.contents.top {
    margin: 0 10px -17px;
}
.top.contents img,
.under.contents img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: 0;
}
.top.contents ul.intermediateBanner,
.under.contents ul.intermediateBanner {
    margin: 0px -15px;
}

.top.contents p.lead_txt,
.under.contents p.lead_txt {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}