/*   custom.css   */

/*----------------------------------------
ボタン関連　別画像css
----------------------------------------*/

.shimekiri-1 {
	position:absolute;
	bottom:85%;
	left:5%;
	z-index:1;
}
.muryou-1 {
	position:absolute;
	bottom:55%;
	right:-8%;
}
.shimekiri-2 {
	position:absolute;
	bottom:80%;
	left:15%;
}
.muryou-2 {
	position:absolute;
	bottom:-4%;
	right:6%;
}

@media screen and (max-width:650px){
.shimekiri-1 {
	position:absolute;
	bottom:85%;
	left:5%;
	width:30%;
}
.muryou-1 {
	position:absolute;
	bottom:60%;
	right:-3%;
	width:30%;
}
.shimekiri-2 {
	position:absolute;
	bottom:80%;
	left:15%;
	width:25%;
}
.muryou-2 {
	position:absolute;
    bottom: 11%;
    right: -6px;
    width: 29%;
}
}
/*--------  end  --------*/



.sp_main{
}
@media screen and (max-width:650px){
	.fixed_floating{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background-color:rgba(0,0,0,0.6);
		z-index:20;
	}
	.floating-table {
		width:100%;
		border-spacing: 5px;
	}
	.floating-table td {
		text-align:center;
		font-size:10px;
		padding: 5px 0;
	}
	.floating-table td a {
		color:#fff;
		display:block;
	}
	.floating-table td a i {
		position:relative;
		padding-right:3px;
		bottom:1px;
	}
	.price-btn {
    color: #ffffff;
    padding: 2px;
    background: #ee3b1d;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    border: none;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
 inset 0px 0px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
	}
	.riyu-btn {
    color: #ffffff;
    padding: 2px;
    background: #50abcc;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    border: none;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
 inset 0px 0px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
	}
	.kuchikomi-btn {
    color: #ffffff;
    padding: 2px;
    background: #ffb100;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    border: none;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
 inset 0px 0px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
	}
	.sensei-btn {
    color: #ffffff;
    padding: 2px;
    background: #ff664c;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    border: none;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
 inset 0px 0px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
	}
	.tel-btn i {
		font-size:24px;
		position:relative;
		top:1px;
	}
	.tel-btn span {
		font-size:24px;
	}
	.tel-btn {
		width:auto;
    background: #35B906;
    color: #fff;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 2px;
    background: -moz-linear-gradient(
 top,
 #36b906 0%,
 #61e021);
    background: -webkit-gradient(
 linear, left top, left bottom,
 from(#36b906),
 to(#61e021));
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    border: none;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
 inset 0px 0px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
	}
}
.min {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	color:#000;
}
.maru-go {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
/*----------------------------------------
フォントサイズ汎用 9px以下禁止
----------------------------------------*/
.lh2em *{
	line-height:2em;
}
@media screen and (max-width:650px){
	.lh2em *{
		line-height:1.5em;
	}
}
.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.f15{
	font-size:15px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px !important;
}
.f30{
	font-size:30px !important;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px !important;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px !important;
}
.f90{
	font-size:90px !important;
}
/*----------------------------------------
その他クラス
----------------------------------------*/
.relative {
	position:relative;
}
.f-normal {
	font-weight:normal;
}
.w1200 {
	max-width:1200px;
	min-width:1000px;
}
.ma {
	margin:auto;
}
.color-blue {
	color:#0F0A7F;
}
.collapse {
	border-collapse:collapse;
}
/*----------------------------------------
バーティカルアライン汎用
----------------------------------------*/
.va-t{
	vertical-align:top !important;
}
.va-m{
	vertical-align:middle !important;
}
.va-b{
	vertical-align:bottom !important;
}
.va-base{
	vertical-align:baseline !important;
}
/*----------------------------------------
パーセント汎用
----------------------------------------*/
.par5{
	width:5%;
}
.par10{
	width:10%;
}
.par15{
	width:15%;
}
.par20{
	width:20%;
}
.par25{
	width:25%;
}
.par30{
	width:30%;
}
.par35{
	width:35%;
}
.par40{
	width:40%;
}
.par45{
	width:45%;
}
.par50{
	width:50%;
}
.par55{
	width:55%;
}
.par60{
	width:60%;
}
.par65{
	width:65%;
}
.par70{
	width:70%;
}
.par75{
	width:75%;
}
.par80{
	width:80%;
}
.par85{
	width:85%;
}
.par90{
	width:90%;
}
.par95{
	width:95%;
}
.par100{
	width:100%;
}
/*----------------------------------------
角丸汎用
----------------------------------------*/
.maru3{
	border-radius: 3px;
}
.maru5{
	border-radius: 5px;
}
.maru10{
	border-radius: 10px;
}

/*----------------------------------------
メインビジュアルエリア
----------------------------------------*/
h2 {
	display:inline-block;
	font-size:45px;
	color:#fff;
	text-align:center;
	/*background:url(../images/pc-13.webp) bottom repeat-x; */
}
h2 span {
	vertical-align:baseline;
}
.sankaku {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 55px 0 55px;
	border-color: #0F0A7F transparent transparent transparent;
	position:absolute;
	right:0;
	left:0;
	bottom:-34px;
	margin:0 auto;
	z-index:9;
}
.bg-blue {
	background:#0F0A7F;
}
.bg-blue span {
	color:#FFFF0B;
}
.bg-1 {
	background:url(../images/pc-6.webp) no-repeat center;
	height:520px;
}
.bg-2 {
	background:url(../images/pc-5.webp) no-repeat center bottom;
	height:513px;
}
.bg-3 {
	background: #ffffff;
    width: 636px;
	height:368px;
    border-radius: 5px;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.bg-4 {
	/*background:url(../images/pc-12.webp) repeat;*/
	padding:60px 0 60px;
}
.bg-4-2 {
	/*background:url(../images/pc-12.webp) repeat;*/
	padding:60px 0 60px;
}
.bg-4-3 {
	background: #e9f9fc;
	padding:60px 0 60px;
}
.bg-5 {
	background:url(../images/pc-16.webp) no-repeat top center;
	padding:0 0 60px;
}
.bg-5-1,.bg-5-2,.bg-5-3 {
	width:321px;
	height:215px;
}
.bg-5-4 {
	background:#2b63c7;
	height:847px;
}
.bg-6 {
	background:url(../images/pc-19.webp) no-repeat;
	background-size:cover;
	height:450px;	
}
.bg-7 {
	background:url(../images/pc-25.webp) repeat;
	padding:30px 30px 60px;	
}
.bg-8 {
	background:url(../images/pc-30.webp) no-repeat top center #e9f9fc;
	height:374px;
}
.bg-9 {
	background:url(../images/pc-31.webp) repeat-y 50%;
}
.bg-10 {
	background:url(../images/pc-40.webp) repeat;
	padding:20px 30px;
	border-radius:10px;
	margin-top:30px;
}
.bg-11 {
	width:100%;
    background:#ffffff;
	padding:30px 30px 30px 30px;
box-shadow:2px 2px 6px 3px #b0b0b2;
-moz-box-shadow:2px 2px 6px 3px #b0b0b2;
-webkit-box-shadow:2px 2px 6px 3px #b0b0b2;
}
.bg-12 {
	background:#FFFF0B;
	padding:30px 10px 10px;
}
.border-tb {
	border-top:10px solid #0F0A7F;
	border-bottom:10px solid #0F0A7F;
}
.button1 {
	position:absolute;
	left:35px;
	bottom:0px;
}
.w1000 {
	width:1000px;
}
.h510 {
	height:510px;
}
@media screen and (max-width:650px){
    .bg-3 {
        background: #ffffff;
        width: 95%;
        height:368px;
        border-radius: 5px;
        text-align: center;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0 10px;
    }
    .bg-5-4 {
        background:#2b63c7;
        height:785px;
    }
}
/*----------------------------------------
メインコンテンツエリア
----------------------------------------*/
.bg-3-content {
	position:absolute;
	top:40px;
	left:60px;
}
.bg-3-content ul {
	list-style:none;
}
.bg-3-content ul li {
    color:#585858;
	background:url(../images/pc-8.webp) no-repeat 0px 0px;
	padding:5px 0 10px 40px;
	font-size:25px;
	font-weight:bold;
    font-family:"M PLUS 1p", sans-serif;
    font-weight: 500;
    text-align: left;
}
.bg-3-content ul li span {
	color:#494949;
	font-size:25px;
	font-weight:bold;
	vertical-align: top;
	background: linear-gradient(transparent 60%, #ff0 0%);
    font-family:"M PLUS 1p", sans-serif;
}
.bg-4 p {
	padding:10px 0 20px 0px;
	font-size:30px;
	font-weight:bold;
}
/*.bg-4 p span {
	color:#d20000;
	font-size:30px;
	font-weight:bold;
	vertical-align: baseline;
	background: linear-gradient(transparent 60%, #ff0 0%);
}*/
.bg-4-2 p {
	padding:10px 0 20px 0px;
	font-size:37px;
	font-weight:bold;
}
.bg-4-2 p span {
	color:#d20000;
	font-size:44px;
	font-weight:bold;
	vertical-align: baseline;
	background: linear-gradient(transparent 60%, #ff0 0%);
}

.pen {
	position:absolute;
	right:20px;
	bottom:70px;
}
.book {
	position:absolute;
	left:-175px;
	bottom:30px;
}
.jyo-gi {
	position:absolute;
	right:20px;
	top:80px;
}
.book2 {
	position:absolute;
	left:-30px;
	bottom:60px;
}
.color-green {
	color:#429C28;
}
.color-blue2 {
	color:#2b63c7;
}
.color-parple {
	color:#5A54C7;
}
.border-1 {
	border:1px solid #429C28;
}
.border-2 {
	border:1px solid #205FFE;
}
.border-3 {
	border:1px solid #5A54C7;
}
.border-b2 {
	background:url(../images/pc-16-7.webp) bottom repeat-x;	
}
.check {
	list-style:none;

}
.check li {
	padding:15px 0 ;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
    text-align:center;
    letter-spacing: -2px;
    line-height: 1.4;
    border-top: 1px solid #ffffff;
}
.check li:first-child {
    border-top: none;
}
.check.adcheck li {
	padding:16px 0 ;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
    text-align:center;
    letter-spacing: -2px;
    line-height: 1.4;
    border-top: 1px solid #ffffff;
}
.check.adcheck li:nth-child(even) {
	padding:17px 0;
}
.check.adcheck li:first-child {
    border-top: none;
}
.yellow{
    color: #ffe600;
}
.red {
	color:#C40006;
}
.small {
	font-size:15px;
}
.color-000 {
	color:#000;
}
.bg-6-box {
	position:absolute;
	border:2px solid #0F0A7F;
	padding:30px 15px 10px;
	background:rgba(255,255,255,0.7);
}
.bg-6-box p {
	color:#0F0A7F;
	line-height:44px;
	margin-bottom:10px;
}
.bg-6-box ul {
	list-style:none;
}
.bg-6-box ul li {
	background:url(../images/pc-8.webp) no-repeat 0px 0px;
	padding:10px 0 10px 50px;
	font-size:28px;
	font-weight:bold;
}
.bg-6-box ul li span {
	color:#d20000;
	font-size:28px;
	font-weight:bold;
	vertical-align: top;
	background: linear-gradient(transparent 60%, #ff0 0%);
}
.border-l1 {
	border-left:18px solid #0F0A7F;
}
.w398 {
	width:398px;
}
.blue-box {
	padding:15px;
	-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #D8EAF4;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #D4E7F3), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#D4E7F3 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#D4E7F3 50%, transparent 50%, transparent);
background-image: linear-gradient(#D4E7F3 50%, transparent 50%, transparent);
}
.blue-box p {
	font-size:38px;
	color:#0F0A7F;
	font-weight:bold;
	border-bottom:4px solid #0F0A7F;
	line-height:40px;
}
.blue-box dt {
	font-size:30px;
	color:#0F0A7F;
	font-weight:bold;
	letter-spacing:-0.8px;
	margin-bottom:10px;
}
.blue-box dd {
	line-height:30px;
}
.mt-70 {
	margin-top:-70px !important;
}
.box5-1 {
    background: #ffffff;
	border:4px solid #2b63c7;
	width:95%;
	margin:auto;
	border-radius:14px;
}
.box5-1 .inner-box {
	background:#fff;
	border-radius:10px;
}
.blue-box01{
    background: #2b63c7;
	padding:10px 0 20px 0px;
    position: relative;
} 
.blue-box01 p.rason-box{
    position: absolute;
    left: 2%;
    background: #ffe600;
    font-size:23px;
    font-weight: 700;
    padding: 0 5px;
    border-radius: 5px;
}
.blue-box01 p.rason-box span{
    background: #ffe600;
    font-size:41px;
    vertical-align: sub;
}
.box5-1 .inner-box .blue-box01 h4 {
    color: #ffffff;
	font-weight:bold;
    margin-left: 14%;
    width: 75%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title02 {
    width: 72%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title03 {
    width: 28%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title04 {
    width: 68%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title05 {
    width: 100%;
    background: none;
}
.box5-1 .inner-box .blue-box01 h4 span {
    color: #ffffff;
	font-size:32px;
	font-weight:bold;
    background: linear-gradient(transparent 93%, #ff0 0%);
}

.box5-1 .inner-box .col {
	vertical-align:top;
}
.box5-1 .inner-box .col p {
	padding:0;
	color:#000;
	line-height:25px;
	font-size:18px;
}
.box5-1 .inner-box .col p span{
	color:#000;
	line-height:30px;
	font-size:18px;
    vertical-align: baseline;
    background: linear-gradient(transparent 5%, #ff0 0%);
}
.w380 {
	width:380px;
}
.par92 {
	padding-bottom:100px;
}
.par92 p {
	padding:10px 0 20px 0px;
	font-size:38px;
	font-weight:bold;
	color:#000;
}
.par92 p span {
	color:#d20000;
	font-size:44px;
	font-weight:bold;
	vertical-align: baseline;
	background: linear-gradient(transparent 60%, #ff0 0%);
}
.under-arrow {
	position:absolute;
	bottom:0;
	left:320px;
}
.pen2 {
	position:absolute;
	bottom:70px;
	right:-150px;
}
.bg-10 dt {
	font-size:56px;
	color:#FB3C4F;
	font-weight:bold;
	border-bottom:4px solid #FB3C4F;
	line-height:1.2em;
}
.bg-10 dd {
	color:#000;
	font-size:24px;
	padding:30px 30px 20px;
	font-weight:bold;
	line-height:1.6em;
}
.bg-11 h4 span{
	font-size:34px;
	font-weight:bold;
	color: #2b63c7;
	background: linear-gradient(transparent 60%, #ff0 0%);
}
.bg-11 p {
	margin-top:10px;
	font-size:18px;
	line-height:1.8em;
}
.sensei-box {
	vertical-align:top;
	width:320px;
	border:1px solid #A0A0A0;
	background:#fff;
    border-radius: 10px 10px 0 0;
	box-shadow:3px 3px 6px 0px #C7C7C8;
-moz-box-shadow:3px 3px 6px 0px #C7C7C8;
-webkit-box-shadow:3px 3px 6px 0px #C7C7C8;
}
.arrow_box p {
	font-size:20px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	line-height:1.2em;
    padding: 15px 15px 0;
}
.sensei-box dt {
	color:#2b63c7;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	margin:5px 0 10px;
}
.sensei-box dd {
	font-size:14px;
	line-height:1.8em;
	color:#464646;
    padding: 0 13px 35px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.arrow_box {
	position: relative;
	background:#2b63c7;
	border-bottom: 2px solid #0F0A7F;
	margin-bottom:20px;
	padding-bottom:10px;
    border-radius: 10px 10px 0 0;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #2b63c7;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(15, 10, 127, 0);
	border-top-color: #0F0A7F;
	border-width: 13px;
	margin-left: -13px;
}
.bg-glay {
	background:#EFEFEF;
}
footer {
	
}
footer a {
	color:#000;
	text-align:center;
	display:block;
	margin:auto;
	border-right:1px solid #1A1311;
}
.border-l2 {
	border-left:1px solid #1A1311
}
footer a:link {
	color:#000;
}
footer a:visited {
	color:#000;
}
footer a:hover {
	opacity:0.6;
}
.color-fff {
	color:#fff;
}
body {
	min-width:1000px;
}
/*===============================================
スマフォ画面の横幅が650pxまで
===============================================*/
@media screen and (max-width:650px){
body {
	min-width:0;
	width:100%;
}
	.col.change650{
		display:block !important;
		width:100% !important;
	}
.w1200 {
	width:100%;
	max-width:100%;
	min-width:100%;
}
.w1000 {
	width:100%;
}
.kyusyu {
	font-size:12px;
	color:#fff;
	background:#C40006;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin-top:7px;
	border-radius:20px;
}
.opa:hover {
	opacity:0.6;
}
.sp-m0 {
	margin:0 !important;
}
.button1 {
	position:absolute;
	right:0;
	left:auto;
	bottom:0;
	padding:0;
}
.p-side10 {
	padding:0 10px;
}
.bg-4 {
    padding: 30px 0 30px;
}
.bg-4 p {
    font-size: 18px;
}
.bg-4 p span {
    font-size: 18px;
}
.pt50 {
    padding-top: 20px !important;
}

h2 {
    font-size: 26px;
    background: none;
    padding:0;
}
.sp-f16 {
	font-size:16px !important;
}

.sp-f18 {
	font-size:18px !important;
}

.sp-f24 {
	font-size:24px !important;
}
.sankaku {
    bottom: -15px;
}
.sp-bg-5 {
	background:url(../images/sp-7.webp) no-repeat 50% 0;
	background-size:contain;
	padding-top:44%;;
}
.link-box {
}
.sp-bg-green {
	background:url(../images/sp-14.webp) repeat;
}
.sp-bg-blue {
	background:url(../images/sp-17.webp) repeat;
}
.sp-bg-parple {
	background:url(../images/sp-20.webp) repeat;
}
.syo-back {
	background:url(../images/sp-13.webp) no-repeat ;
	padding:60.62% 10px 10px;
	background-size:contain;
}
.tyu-back {
	background:url(../images/sp-16.webp) no-repeat;
	padding:60.62% 10px 10px;
	background-size:contain;	
}
.kou-back {
	background:url(../images/sp-19.webp) no-repeat;
	padding:60.62% 10px 10px;
	background-size:contain;	
}
    .blue-box01 p.rason-box{
    position: absolute;
    left: 2%;
    background: #ffe600;
    font-size:3.59375vw;
    font-weight: 700;
    padding: 0 5px;
    border-radius: 5px;
}
.blue-box01 p.rason-box span{
    background: #ffe600;
    font-size:6.40625vw;
    vertical-align: sub;
}
.bg-5-1 {
    width: 100%;
    height: auto;
}
.sp-tx-center {
	text-align:center !important;
}
.sp-f12 {
	font-size:12px !important;
}
.sp-par100 {
	width:100%;
}
.sp-mt10 {
	margin-top:10px !important;
}

.sp-mt20 {
	margin-top:20px !important;
}
.sp-mt30 {
	margin-top:30px !important;
}
.blue-box p {
    font-size: 28px;
    line-height: 40px;
}
.blue-box dt {
    font-size: 24px;
}
.blue-box dd {
    line-height: 22px;
}
.bg-3-content {
	position:absolute;
	top:40px;
	left:10px;
}
 .bg-3-content ul li {
    color:#585858;
	background:url(../images/pc-8.webp) no-repeat 0px 0px/8%;
	padding:5px 0 10px 30px;
	font-size:17px;
	font-weight:bold;
    font-family:"M PLUS 1p", sans-serif;
    font-weight: 500;
    text-align: left;
}
.bg-3-content ul li span {
	color:#494949;
	font-size:17px;
	font-weight:bold;
	vertical-align: top;
	background: linear-gradient(transparent 60%, #ff0 0%);
    font-family:"M PLUS 1p", sans-serif;
}
.bg-4-2 p {
    font-size: 18px;
}
.bg-4-2 p span {
    font-size: 24px;
}
.bg-7 {
    padding: 10px;
}
.bg-10 {
    padding: 10px 20px;
}
.bg-10 dt {
    font-size: 28px;
    border-bottom: 2px solid #FB3C4F;
}
.bg-10 dd {
    color: #000;
    font-size: 18px;
    padding: 10px 0;
    font-weight: bold;
    line-height: 1.6em;
}
.bg-4-3 {
    padding: 30px 0 30px;
}
.bg-11 {
    background: url(../images/pc-45.webp) repeat-y 50%;
    padding: 10px 10px 30px 10px;
}.bg-11 img {
	display:block;
	margin:auto;
}
.sp-f-none {
	float:none !important;
}
.bg-11 h4 {
	text-align:center;
}
.bg-11 h4 span {
    font-size: 5.3125vw;
}
.bg-11 p {
    font-size: 16px;
}
.blue-box01{
	padding:5px 0 15px 0px;
} 
.box5-1 .inner-box .blue-box01 h4 span {
	font-size:5vw;
}
.box5-1 .inner-box .blue-box01 h4 {
    margin-left: 19%;
    width: 100%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title02 {
    width: 100%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title03 {
    width: 100%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title04 {
    width: 100%;
}
.box5-1 .inner-box .blue-box01 h4.rason-title05 {
    width: 100%;
    background: none;
}

.sp-p0 {
	padding:0 !important;
}
.sensei-box {
	text-align:center;
	margin-bottom:20px;
}
.sensei-box dd {
	text-align:left;
}
footer a {
display: block;
    color: #555;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #AFAFAF;
    background: url(../images/top_111.webp) no-repeat 95% center;
    text-shadow: 0px -1px 0px #FFF !important;
    text-align:left;
}
footer .col{
	border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background: #e8e8e8;
    background: -moz-linear-gradient(top, #e8e8e8 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, #e8e8e8 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#eeeeee', GradientType=0 );
}
.sp-tx-left {
	text-align:left !important;
}
.border-l2 {
    border-left: none;
}
footer {
    margin-top: 30px;
}
.sp-pt0 {
	padding-top:0 !important;
}
.sp-pb60 {
	padding-bottom:60px !important;
}
.border-l1 {
    border-top: 18px solid #0F0A7F;
    border-left:none;
}
.blue-box {
    padding: 10px;
}
.bg-4-2 {
    padding: 30px 0 30px;
}
.bg-4 {
	background:none;
}
.bg-4-2 {
	background:none;
	padding:60px 0 60px;
}

.bg-glay {
    background: #ffffff;
}


/*  ======   SP   家庭教師アカデミーはなぜ選ばれているの？  =======  */
.bg-8 {
    background: url(../images/pc-30.webp) no-repeat 50%;
    background-size:cover;
    padding-top:44.69%;
    height: auto;
    margin-top: 0px;
    padding-bottom:30px;
}
.box5-1 {
	width:95%;
	margin-top:40px !important;
}
.w380 {
	width:auto;
}
.sp-mt0 {
	margin-top:0 !important;
}
.par92 {
	padding-bottom:0;
}
.par92 p {
    padding: 30px 0 20px 0px;
    font-size: 18px;
}
.par92 p span {
    font-size: 24px !important;
}
.pen2 {
    position: relative;
    bottom: 0px;
    right: -10px;
}

.b-shadow {
  position: relative;
}
.b-shadow::before,
.b-shadow::after {
  position: absolute;
  bottom: 10px;
  z-index: -1;
  content: '';
  width: 50%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0,0,0,.5);
}
.b-shadow::before {
  left: -10px;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.b-shadow::after {
  right: -10px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}


}