@charset "utf-8";

/*
Theme name:BLOOM
Description:original theme
Version:1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body{
		font-family:"Source Han Code JP", "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif!important;	
 overflow-x: hidden;
 position: relative;
}

/* 追加編集CSS0518 */
.plus-wraper{
	width: 1290px;
	max-width: 100%;
	padding:0 20px;
	display:block;
	margin:120px auto 0;
}

.re__img{
	width: 100%;
}

.plus-wraper h2 span{
	background:#014855;
	color:white;
	font-size: 18px;
	padding:6px 15px;
}

.title-sub{
	font-size: 32px;
	font-weight: bold;
	margin:15px 0 50px;
}

.pw-flex{
	display:flex;
	width: 100%;
	margin-bottom: 80px;
	align-items: center;
}

.pw-left{
	width: 50%;
	box-sizing:border-box;
	padding-right: 25px;
}

.pw-right{
	width: 50%;
	box-sizing:border-box;
	padding-left: 25px;	
}

.pw-left img{
	width: 100%;
}

.pw-right .pw-link{
	text-align: right;
	margin-top: 25px;
	margin-left: auto;

}

.pw-right p{
	font-size: 17px;
	line-height: 1.8;
}

.pw-right .pw-link a{
	border-bottom: 3px solid #014855;
	font-size: 21px;
	color:#212529;	
	display:inline-block;
	padding:0 8px 3px;
	transition: 0.4s;
	margin-top: 45px;
}

.pw-right .pw-link a:hover{
	text-decoration:none!important;
	color:#212529!important;
	opacity:0.6;
}

.pw-right .pw-link a i{
	margin-left: 15px;
	font-size: 18px;
	color:#014855;
}

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

	.pw-flex{
		display:block;
	}

	.pw-left{
		width: 100%;
		padding: 0 0 25px;
	}

	.pw-right{
		width: 100%;
		padding: 0;
	}


}

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

	.plus-wraper h2 span{
		font-size: 16px;
	}

	.title-sub{
		font-size: 22px;
		margin-bottom: 35px;
	}

	.plus-wraper{
		margin-top: 70px;
	}

	.pw-right p{
		font-size: 15px;
	}

	.pw-right .pw-link a{
		margin-top: 20px;
		font-size: 18px;
	}

	.pw-right .pw-link a i{
		font-size: 16px;
	}

	.pw-right .pw-link{
		margin-top: 5px;
	}










}







/* 追加編集CSS */

img{
	height:auto;
}

.accept{
	margin:25px 0 0;
	text-align:center;
	font-size:16px;
	font-weight:700;
}

.accept span{
	margin-left:0;
}


.corice{
	text-align:right;
}

.sm-scale{
	display: none;
}

.smimg1{
	display:none;
}

#fixwrap{
	opacity: 0;
	transition: 0.5s;
	position: fixed;
	top: -100px;
	left: 0;
	height:100px;
	background: #014855;
	width: 100%;
	z-index: -1;
}

#footerwrap{
	display: none;
}

#fixwrap.open{
	opacity: 1;
	top: 0;
	z-index: 9999;
}

.nav-wrap{
	width: 1340px;
	padding: 0 20px;
	max-width: 100%;
	margin:0 auto;
	box-sizing: border-box;
}

.nav-flex{
	display: flex;
}

.nf1{
	width: 28%;
	box-sizing: border-box;
}

.nf2{
	width: 72%;
	display: flex;
	box-sizing: border-box;
	/* justify-content: space-between; */
}

.nf2-1{
	text-align: center;
	/* white-space: nowrap; */
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Arial", "MS Pゴシック",sans-serif;
	margin: 0;
}

.nf1 a{

}

.nf1 a img{
	width: 273px;	
	padding:31px 0;
}

.nf2-1{
	width: 36%;
	text-align: center;
	padding:18px 0;

	margin-left: auto;
}

.nf2-2{
	width: 32%;
	text-align: center;
	padding:14px 14px;
}

.nf2-3{
	width: 32%;
	text-align: center;
	padding:14px 0;
}

.nf2-1 a{
	color: white;	
	text-decoration: none;
	transition: color 0.4s;
}

.nf2-1 a:hover{
	color: white;
	text-decoration: none;
}

/* .nf2-2 a{
	display: flex;
	background: white;
	color: #014855;
	text-decoration: none;
	box-sizing: border-box;
	padding:13px 18px;
	transition: 0.4s;
} */

.nf2-2 a{
	display: flex;
	background: white;
	color: #014855;
	text-decoration: none;
	box-sizing: border-box;
	padding:13px 18px;
	transition: color 0.4s, opacity 0.4s;
}

.nf2-2 a:hover{
	text-decoration: none;
	color:#014855;
	opacity: 0.7;
}

.nf2-2 img{
	width: 25px;
	height: 25px;
	position: relative;
	top: 10px;
}

.nf2-2 a p{
	font-size: 15px;
	margin-bottom: 0;
	font-weight: bold;
	margin-left: 10px;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Arial", "MS Pゴシック",sans-serif;
}

.nf2-2 a p span{
	display: block;
	font-size: 17px;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Arial", "MS Pゴシック",sans-serif;
}

.nf2-3 a{
	background:#D16C00;
	color: white;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	padding: 11px 10px;
	transition: color 0.4s, opacity 0.4s;
}



.nf2-3 a:hover{
	text-decoration: none;
	color: white;
	opacity: 0.7;
}

.nf2-3 a p{
	font-size: 17px;
	margin: 0;
	line-height: 1.5;
	margin-left: 8px;
	font-weight: bold;
}

.nf2-3 a p span{
	font-size: 15px;
	display: block;
}

.nf2-3 a img{
	width: 36px;
	height: 36px;
	position: relative;
	top: 6px;
}

.nf2-1 a p{
	font-size: 16px;
	margin: 0;
	position: relative;
	top: 2px;
}

.nf2-1 a img{
	width: 22px;
	position: relative;
	bottom: 2px;
}

.nf2-1 a span{
	font-size: 26px;
	letter-spacing: 0.04em;
	font-weight: bold;
	/* font-family: 'Noto Sans JP', sans-serif!important; */
}

.ewd-ufaq-faq-title a{
	color:black;
}

.ewd-ufaq-faqs{
	border:none!important;
}

.ewd-ufaq-faq-div{
	margin:13px 0!important;
}

.container-fluid .lecrow{
	max-width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

.result-flex{
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.result-box{
	width: 48%;
	box-sizing: border-box;
	display: block;
	margin:15px auto;
	border:2px solid  #004856;
	padding: 25px;
	position: relative;
}

.result-box img{
	width: 100%;
	max-width: 100%;
	height:428px;
	object-fit: cover;
}

.result-left{
	width: 100%;
	margin-bottom: 30px;
}

.result-name{
	text-align: center;
	margin-bottom: 0;
	margin-top: 12px;
}

.result-right{
	width: 100%;
	box-sizing: border-box;
	padding-left: 0;
}

.result-right h3{
	margin-top: 5px;
	font-size: 24px;
	margin-bottom: 13px;
	color:#004856;
}

.result-excerpt{
	line-height:1.7;
}

.result-box .right{
	text-align: right;
	margin-top: 35px;
}

.result-link{
	position: relative;
	color:#004856;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 15px;
	border-bottom: 2px solid #004856;
	transition: color 0.4s, opacity 0.4s;
	padding-right:30px;
}

.result-link:before{
	content:"";
	position:absolute;
	right:0;
	top:5px;
	background-image:url(image/check.png);
	background-size:cover;
	width:16px;
	height:16px;
	z-index:2;
}

.result-link:hover{
	text-decoration: none;
	color:#004856;
	opacity: 0.7;
}

.ab-title{
	background-color:#014855;
	color: white;
	font-size: 24px;
	font-weight: bold;
	display: block;
	margin:40px auto;
	padding:0 30px;
	width: 820px;
	max-width: 100%;
	text-align: center;
	padding:16px 0;
}

.plus-wrap{
	width: 1300px;
	max-width: 100%;
	box-sizing: border-box;
	padding:0 20px;
	margin-bottom: 120px;
}

.flex{
	width: 1000px;
	max-width: 100%;
	display: flex;
	margin:35px auto 25px;
	justify-content: space-between;
}

.flex .flex-left{
	width: 49%;
	position: relative;
	box-sizing: border-box;
	text-align: center;
}

.flex .flex-right{
	width: 49%;
	position: relative;
	box-sizing: border-box;	
	text-align: center;
}

.bg{
	margin-left: 80px;
	background:#E8EEEF;
	box-sizing: border-box;
	padding: 30px 20px;
}

.bg h3 , .bg2 h3 , .center-po h3 , .newf1 h3 , .newf2 h3{
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 24px;
	font-weight: bold;
	color:#014855;
}

.bg p , .bg2 p , .center-po p , .newf1 p , .newf2 p{
	margin: 0;
}

.bg2{
	margin-right: 80px;
	background:#E8EEEF;	
	box-sizing: border-box;
	padding: 30px 20px;
}

.bottomlink{
	display: block;
	margin:0 auto;
}

.center-po{
	width: 500px;
	max-width: 100%;
	box-sizing: border-box;
	display: block;
	margin:0 auto;
	position: relative;
	background:#E8EEEF;
	padding: 40px 20px 30px;
	text-align: center;
}

.study1{
	display: block;
	position: relative;
	margin:0 auto;
	top: 20px;
	z-index: 2;
}

.bl2{
	margin-top: 25px;
}

.s2{
	margin-top: 10px;
}

.new-flex{
	display: flex;
	justify-content: space-between;
	position: relative;
	text-align: center;
	margin-top: 75px;
}

.newf1{
	width: 400px;
	box-sizing:border-box;
	padding: 40px 20px 30px;
	background: #E8EEEF;
	position: relative;
}

.newf1 img{
	position: absolute;
	top: -80px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.newf2{
	width: 400px;
	box-sizing:border-box;
	padding: 40px 20px 30px;
	background: #E8EEEF;
	position: relative;
}

.newf2 img{
	position: absolute;
	top: -80px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.cp2{
	width: 600px;
	margin-top: 70px;
}

.cp2 img{
	margin-bottom: 20px;
	width:100%;
}

.enimg{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
    z-index: 2;
}

.vision{
	position: absolute;
	left: -40px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	

}

.fr-ab{
	position: absolute;
	background-image: url('image/fukidashi1.png');
	background-size: cover;
	right: -165px;
	bottom: -85px;
	width: 338px;
	height: 144px;
}

.fr-ab p{
    color: white;	
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding:38px 0;
    line-height: 1.9;
    position: relative;
    left: 19px;
}

.ce-ab{
	width: 347px;
	height: 146px;
	background-image: url(image/fukidashi2.png);
	background-size: cover;
	position: absolute;
	left: -250px;
	top: -42px;
}

.ce-ab p{
	color: white;
	line-height: 1.9;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
}

.ce-ab2{
	width: 266px;
	height: 126px;
	background-image: url(image/fukidashi3.png);
	background-size: cover;
	position: absolute;
	right: -70px;
	top: -110px;
	z-index: 2;
}

.ce-ab2 p{
	color: white;
	line-height: 1.9;
	font-size: 18px;
	font-weight: bold;
	padding: 25px 0;
}

.nf-ab{
	width: 230px;
	height: 145px;
	background-image: url(image/fukidashi4.png);
	background-size: cover;
	position: absolute;
	left: -35px;
	top: -162px;
	z-index: 2;
}

.nf-ab p{
	color: white;
	line-height: 1.9;
	font-size: 18px;
	font-weight: bold;
	padding: 25px 0;
}

.nf-ab2{
	width: 252px;
	height: 170px;
	background-image: url(image/fukidashi5.png);
	background-size: cover;
	position: absolute;
	right: -35px;
	bottom: -162px;
	z-index: 2;
}

.nf-ab2 p{
	color: white;
	line-height: 1.9;
	font-size: 18px;
	font-weight: bold;
	padding: 71px 0 0;
}

.plus-coach{
	width: 1290px;
	padding:0 20px 0;
	max-width: 100%;
	display: block;
	margin:80px auto 0;

}

.top-bo{
	border-top: 2px solid #888;	
	padding-top: 80px;
}

.plus-coach h2{
		position: relative;
    color: #fff;
    background: #004856;
    font-size: 28px;
    font-weight: 700;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 0;	
    
}

.plus-coach h2:before{
		content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #004856;
    z-index: 999;	
}

.coach-flex{
	display: flex;
	margin-top: 45px;
	line-height: 1.7;
}

.cfp-1{
	width: 28%;
	box-sizing: border-box;
}

.cfp-1 img{
	width:236px;
	display: block;
	margin:0 auto 25px;
}

.cfp-1 p{
	font-size: 18px;
	text-align: center;
}

.cfp-1 span{
	display: block;
	font-size: 21px;

}

.cfp-2{
	width: 72%;
	box-sizing: border-box;
	padding-left: 35px;
}

.cfp-2 h3{
	color: #014855;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 28px;
	line-height: 1.7;
}

.cfp-2 p{
	font-size: 17px;
	margin: 0;
}

.ac-box{
	width: 100%;
	box-sizing: border-box;
	background: #F3F3F3;
	padding:40px 45px;
	margin-top: 50px;
}

.ac-box h3{
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 25px;
}

.ac-flex{
	display: flex;
	margin-bottom: 5px;
	font-size: 18px;
}

.acf-1{
	width: 10%;
	box-sizing: border-box;
}

.acf-1 p{
	font-weight: bold;
}

.acf-2{
	width: 90%;
	box-sizing: border-box;
	padding-left: 15px;
}

.acflast{
	margin-bottom: 0;
}







/*-----------------スライダー部分-------------------------*/

.slflex{
	display: flex;
	max-width:1310px;
	margin:15px auto;
	border:2px solid #CCDADD;
	border-radius: 15px;
}

.slleft{
	width:60%;
}

.slleft p{
	margin-bottom:0;
}

.slleft img{
	width:100%;
	height:100%;
	object-fit: cover;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.sright{
	width:40%;
}

.sltop{
	font-size:27px;
	font-weight:450;
	margin-top:58px;
	margin-bottom: 56.5px;
	margin-left:25px;
}

.grbox{
	width:100%;
	height:auto;
	padding:16px 25px;
	background: #004856;
	border-bottom-right-radius: 12px;
}

.gr1{
	font-weight:bold;
	font-size:20px;
	color:white;
		font-family:"Source Han Code JP", "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;	
}

.gr2{
	display:block;
	background:white;
	border-radius:4px;
	color:#007680;
	width:170px;
	font-size:13px;
	font-weight:bold;
	padding:3px 0;
	margin-left: auto;
	text-align:center;
}

/*.gr2:hover{
	text-decoration: none;
	opacity:0.8;
}

.gr2:hover::after {
  transform: scale(1, 1);
}
*/
.slicon{
	margin-left:5px;
}

.slick-slide{
	margin:0 auto!important;
}

.slick-arrow{
	z-index:99999999999;
}

/*---------------トップページ-----------*/

.erbox{
	max-width:1250px;
	margin:100px auto;
}

.error{
	margin-bottom:30px;
}

/* .homelink img{
	width:130px;
	height:auto;
} */

.menulogo{
	width:145px;
	height:auto;
}

.menulist1{
	list-style:none;
	margin-bottom:0;
	padding-left:0;
	display:flex;
	float:right;
	font-size:12px;
	clear:both;
}

/* .homelink{
	z-index: 999999999;
} */

.tl1{
	margin-top:11px;
	margin-bottom:11px;
	border-right:1px solid #888;	
}

.tl2{
	margin-top:10px;
	margin-bottom:10px;	
}


.tl1 a{
	width:210px;
	display: block;
	text-align: center;
	color:#707070;
	font-weight:350;
	padding-top:10px;
	font-size:15px;
}

.tl2 a{
	width:170px;
	display: block;
	text-align:center;
	color:#707070;
	font-weight:400;
	padding-top:10px;
	font-size:15px;
	transition: all 0.5s 0s ease;
}

.tl1 a:hover , .tl2 a:hover{
	text-decoration:none;
	opacity:0.8;
	color:#004856;
}

.tl3 a{
	width:250px;
	display: block;
	text-align:center;
	padding:6px 0;
	font-weight:550;
	color:white;
	font-size:17px;
	font-weight:bold;
	background:#004856;
	transition: all 0.3s 0s ease;
}

.tl3 a:hover{
	color:white;
	opacity:0.7;
	text-decoration: none;
}

/* .logorow{
	clear:both;
	max-width:1400px;
	margin:0 auto;
	z-index:999;
	position:relative;
	bottom:5px;

	display: flex;
	align-items: center;
}

.tagline{
	font-size:15px;
	font-weight:550;
	color:#555;
	margin-bottom:0;
	margin-left:10px;
}

.ltext{
	margin-left:10px;
	font-weight:400;
	color:#707070;
	font-size:16px;
	position: relative;
} */

.mainmenu{
	max-width:1300px;
	/* margin:50px auto 0; */
	margin-top: 20px;
	margin-inline: auto;
}

.mainmenu div ul{
	list-style:none;
	padding-left:0;
	display: flex;
	justify-content: space-between;
}

.mainmenu div ul li{
	width:100%;
}

.menu-item-3107 a{
	/* border-right:1px solid #777; */
}

.mainmenu div ul li a{
	display:block;
	text-align: center;
	width:100%;
	color:black;
	font-weight:bold;
	padding:5px 0;
	font-size:15px;
	/* border-left:1px solid #777; */
	transition: all 0.5s 0s ease;
}

.mainmenu div ul li a:hover{
	color:#004856;
	text-decoration: none;
	opacity:0.7;
}


/*--------コース料金の投稿IDに変更---------*/
.menu-item-3103 > a:hover{
	text-decoration: none;
	cursor: inherit;
	opacity: 1.0;
}

.menu-item-has-children{
	position: relative;

}

.mainmenu .sub-menu{
	opacity:0;
	display: block;
	margin-top:5px;
	/*height:150px;*/
	width:100%;
	z-index:999;
	position: absolute;	
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;	
}	

.menu-item-has-children:hover .sub-menu{
	display:block;
	opacity:1.0;
}

.mainmenu .sub-menu li{
	background-color:rgba(255,255,255,0.7); 
	border-bottom:1px solid black;
}

.mainmenu .sub-menu li a{ 
	width:100%;
	border:none;
}

.mainmenu .sub-menu li:last-child{
	border:none;
	border-bottom:1px solid black;
}



.informationbox{
	max-width:1300px;
	padding:10px 40px;
	margin:40px auto;
	border:3px solid #004856;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;		
}

.infoli{
	list-style: none;
	margin:10px 0;
	font-size:18px;
}

.infoli a{
	color:#004856;
	margin-left:20px;
	text-decoration: underline;
}

.infoli a:hover{
	opacity:0.8;
}


.infoca{
	width:130px;
	display:inline-block;
	text-align:center;
	border-right:1px solid #004856;
	color:#004856;
}

.infocol1{
	padding-left:0!important;
	padding-right:40px!important;
}

.info3{
	max-width:1300px;
	margin:0 auto;
}

.infoimg{
	width:100%;
}

.infotitle{
	background:#004856;
	color:white;
	width:75%;
	font-size:15px;
	padding:7px;
	padding-left:15px;
	margin-bottom:0;
	position: relative;
	bottom:13px;
	font-weight:bold;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;		
}

.subbox{
	background:#CCDADD;	
	clear:both;
	height:200px;
}

.subtext{
	font-size:15px;
	font-weight:400;
	padding:0 10px;
	height:110px;
	margin-bottom:0;

}

.morelink{
	display:block;
	background:white;
	padding:5px 0;
	text-align:center;
	width:140px;
	margin-left:auto;
	margin-right:10px;
	color: #007680;
	font-size:11px;
	font-weight:bold;
	position: relative;
}

.morelink::after {
	text-decoration: none;
  position: absolute;
  display:block;
  margin:0 auto;
  text-align: center;
  bottom: -1px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #007680;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}

.morelink:hover{
	text-decoration: none;
	color:#007680;
}

.info3 div a:hover .morelink::after {
  transform: scale(1, 1);
}
.righticon{
	margin-left:7px;
}

.infocol2{
	padding-left:20px!important;
	padding-right:20px!important;
}

.infocol3{
	padding-left:40px!important;
	padding-right:0!important;
}

.aboutbox{
	margin:80px auto 0;
	max-width:1300px;
}

.about1{
	text-align:center;
	letter-spacing: 0.12em;
	font-size:45px;
	margin-bottom:0;
	font-family: "Helvetica Neue" , Helvetica , Arial , 
	Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , 
	"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" ,
	 "MS PGothic" , sans-serif;
	 font-weight:100;
}

.about2{
	text-align:center;
	font-size:17px;
	font-weight:400;
	color:#707070;
}

.aboutcol1{
	padding:0!important;
}

.aboutimg1{
	width:100%;
}

.aboutrow{
	margin-top:80px;
}

.textbox{
	margin-left:50px;
}

.abouttop{
	font-size:25px;
	padding-bottom:10px;
	border-bottom:3px solid #CCDADD;
		font-family :YuMincho, 'Yu Mincho', serif;
}

.aboutbo{
	font-size:18px;
	font-weight:400;
	line-height:1.9em;
}

.aboutlink{
	display: block;
	background:#004856;
	padding:9px 0;
	width:215px;
	float:right;
	text-align:center;
	font-size:17px;
	color:white;
	font-weight:bold;
	transition: all 0.5s 0s ease;
}

.aboutlink:hover{
	color:white;
	opacity:0.8;
	text-decoration: none;
}

.abright{
	margin-left:7px;
	transition: all 0.5s 0s ease;
}

.aboutlink:hover .abright{
	transform: translate(5px,0);
}

.aboutrow2{
	margin-top:80px;
}

.textbox2{
	margin-right:50px;
}

.clist{
	font-size:14px;
	margin-bottom:3px;
	font-weight:400;
}

.clist2{
	font-size:14px;
	margin-bottom:13px;
	font-weight:400;
}

.eventbox{
	max-width:1150px;
	margin:120px auto 0;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;		
}

.eventlink{
	width:100%;
	height:auto;
}

.eventlink:hover{
	text-decoration: none;
}



.ebox1{
	display:flex;
	border-radius:10px;
	transition: opacity .5s;
}

.ebox1:hover{
	opacity:0.8;
}

.eleft{
	width:50%;
	
}

.eright{
	width:50%;
	background: #CCDADD;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;		
}

.eleft p{
	margin-bottom:0;
}

.eventlink img{
	width:100%;
	height:auto;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;	
}

.er1{
	color:#004856;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	margin-top:40px;
	margin-bottom:4px;
}

.er2{
	color:#004856;
	text-align:center;
	font-weight:bold;
	font-size:33px;
	margin-bottom:10px;
}

.er3{
	display:block;
	margin:10px auto;
	background:white;
	text-align:center;
	font-weight:bold;
	color:black;
	padding:8px 0;
	width:480px;
}

.ebox2{
	display:flex;
	margin-top:50px;
	transition: opacity .5s;
}

.ebox2:hover{
	opacity:0.8;
}


.tp1{
	text-align:center;
	letter-spacing: 0.12em;
    font-size: 45px;
	margin-bottom:0;
	font-family: "Helvetica Neue" , Helvetica ,
	 Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" ,
	  "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , 
	  "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,
	 Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	
}

.tpbox{
	margin:80px auto 0;
}

.tp2{
	text-align:center;
	font-size:17px;
	font-weight: 400;
    color: #707070;
}

.tpbg{
	width:100%;
	margin-top:50px;
	padding-top:30px;
	padding-bottom:30px;
	background:#CCDADD;
}

.tp3{
	max-width:1300px;
	margin: 20px auto 0;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;	
}

.tpimg1{
	display:block;
	margin:0px auto 9px!important;
	width:90%;
}

.youtube{
	display:block;
	width:90%;
	height:221px;
	margin:20px auto;
}

.abcol2{
	border-left:2px solid #004856;
	border-right:2px solid #004856;
}

.ablink{
	display:block;
	width:90%;
	margin:0 auto 25px;
	color:#007680;
}

.ablink i{
	margin-right:7px;
}

.ablink a{
	color:black;
	text-decoration: underline;
	font-weight:550;
	font-size:16px;
}

.link3:hover{
	text-decoration: none;
	color:black;
	opacity:0.8;
}

.abtext{
	display:block;
	width:90%;
	margin:0 auto 20px;
	font-size:15px;
	font-weight:450;
}


.blogtop1{
	text-align: center;
    letter-spacing: 0.12em;
    font-size: 45px;
    margin-bottom: 0;
    font-family: "Helvetica Neue" , Helvetica , Arial ,
     Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" ,
      "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,
       "Meiryo UI" , "メイリオ" ,
     Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	
}

.blogbox{
	margin:80px auto 0;
}

.blogtop2{
	text-align:center;
	font-size:17px;
	font-weight: 400;
    color: #707070;
}

.blogbg{
	background-image:url(image/classroombg.png) ;
	background-size:cover;
	background-repeat: no-repeat;
	width:100%;
	padding-top:150px;
	padding-bottom:150px;
	margin-top:50px;
}

.blogw{
	width:90%;
	margin:0 auto;
}

.bloglink:hover{
	text-decoration:none;
}

.blog6{
	background-color:rgba(255,255,255,0.8);
	height:175px;
	margin-bottom:50px;
		font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;	
	transition: all .5s;
}

.blog6:hover{
	background:rgba(204,218,221,0.9);
}

.subtitle{
	background: #004856;
	color:white;
	font-weight:bold;
	display:inline-block;
	padding:5px 19px;
	font-size:13px;
}

.title{
	color:black;
	margin-left:30px;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:0;
	font-weight:600;
	font-size:17px;
	line-height:1.7em;
	padding-bottom:20px;
}


.contactrow{
	max-width:1300px;
	margin:70px auto 0;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;		
}

.cflex{
	display:flex;
}

.c1 , .c2{
	width:48%;
	margin:0 auto;
}

.clink1 , .clink2{
	display:block;
	text-align:center;
	width:100%;
	border:2px solid #004856;
	border-radius:10px;
	padding:10px 0;
	font-size:28px;
	font-weight:bold;
	color:#004856;
	transition: all 0.5s 0s ease;
}

.clink1:hover , .clink2:hover{
	text-decoration: none;
	color:white;
	background:#004856;
}

.snsrow{
	margin-top:70px;
	margin-bottom:70px;
}

.snsflex{
	display:flex;
	justify-content: space-between;
	margin:0 auto 40px;
	width:150px;
}


.fblink{
	background:#43619C;
	width:35px;
	height:35px;
	text-align:center;
	font-size:19px;
	line-height:35px;
	color:white;
	border-radius:50%;
	transition: 0.3s;
}

.fblink:hover{
	background:white;
	color:#43619C;
}

.twlink{
	background:#24A9E6;
	width:35px;
	height:35px;
	text-align:center;
	font-size:19px;
	line-height:35px;
	color:white;
	border-radius:50%;	
	transition: 0.3s;
}

.twlink:hover{
	color:#24A9E6;
	background:white;
}

.inlink{
	background:#EE2B6F;
	width:35px;
	height:35px;
	text-align:center;
	font-size:19px;
	line-height:35px;
	color:white;
	border-radius:50%;
	transition: 0.3s;	
}

.inlink:hover{
	color:#EE2B6F;
	background:white;
}

.ftbg{
	width:100%;
	background-image: url(image/class1.png);
	background-size: cover;
	background-repeat: no-repeat;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;	
}

.ftblack{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	color:white;	
}

.ftflex{
	display:flex;
	max-width:1100px;
	margin:0 auto;
	padding-top:150px;
	padding-bottom:150px;
}

.ft11{
	font-size:17px;
	font-weight:bold;
	margin-bottom:15px;
}

.spft11{
	font-size:18px;
	margin-bottom:25px;
}

.ftcol1{
	width:45%;
}

.ftcol2 , .ftcol3{
	width:27.5%;
}

.ftcol2 ul , .ftcol3 ul{
	list-style:none;
	padding-left:0;
}

.ftcol2 ul li , .ftcol3 ul li{
	margin-bottom:15px;
}

.ftcol2 ul li a , .ftcol3 ul li a{
	color:white;
	font-size:16px;
	font-weight:bold;
}

.footer{
	background: #004856;
	padding-top:70px;
}

.footerlogo{
	display:block;
	margin:0 auto;
}

.footerlogo img{
	display: block;
	margin:0 auto;
	text-align:center;
	width:230px;
	height:auto;
}

.copy{
	font-size:12px;
	display: block;
	text-align: center;
	color:white;
	margin:40px 0 0;
	padding-bottom:20px;
}

.pagebg1{
	background-image:url(image/mts.jpg);
	width:100%;
	height:250px;
	background-size: cover;
	margin-top:35px;	
}

.pagetop{
	max-width: 1300px;
	margin:0 auto 0;
	position: relative;
	top:185px;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;		
}

.pt1{
	background:#004856;
	display:inline-block;
	font-weight:bold;
	font-size:23px;
	color:white;
	padding:10px 35px;
	width:390px;
}

.pt2{
	background:#004856;
	display:block;
	font-weight:bold;
	font-size:16px;
	color:white;
	width:280px;
	padding:5px 35px;
	padding-right:0;
}


.free{
	max-width: 1250px;
	margin:80px auto 0;	
}

.voicetop{
	position: relative;
	 color: white;
    background: #004856;
    font-size:28px;
    font-weight:bold;
    padding:8px 0;
    text-align:center;
    margin-bottom:0;
}

.voicetop:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #004856;
  z-index: 999;
}

.colp{
	padding:0!important;
}

.flowbox{
	height:200px;
	 position: relative;
	border-left:2px solid #888;
	border-bottom:2px solid #888;
	border-right:2px solid #888;
}

.freeimg{
	width:100%;
}

.flow{
	text-align:center;
	padding-top:8px;
	padding-bottom:3px;
	font-size:18px;
	margin:0 25px;
	font-weight: bold;
	border-bottom:2px solid #888;
}

.flowcon{
	margin:10px 25px;
	font-size:15px;
	font-weight:400;
}

.flowbox::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 40%;
  border-left: 15px solid #888;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.flowbox::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 40%;
  border-left: 15px solid white;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.flowbox2{
	height:200px;
	 position: relative;
	border-right:2px solid #888;
	border-bottom:2px solid #888;
}

.flowbox2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 40%;
  border-left: 15px solid #888;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.flowbox2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 40%;
  border-left: 15px solid white;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.flowbox3{
	height:198.5px;
	 position: relative;
	border-right:2px solid #888;
	border-bottom:2px solid #888;
}

.reco{
	max-width: 1250px;
	margin:90px auto 0;	
}

.recotop{
	position: relative;
	 color: white;
    background: #004856;
    font-size:28px;
    font-weight:bold;
    padding:8px 0;
    text-align:center;
    margin-bottom:0;
}

.recotop:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #004856;
  z-index: 999;
}

.coach{
	margin-top:50px;
	padding:0!important;
}

.corow{
	max-width:1150px;
	margin:0 auto!important;
}


.human1{
	width:54px;
	height:65px;
}

.coflex{
	display:flex;
	margin-left:25px;
}

.blockman1 , .blockman2{
	display:block;
}

.cotext{
	margin-bottom:0;
	font-weight:bold;
	margin-left:35px;
	width:230px;
	font-size:16px;
}

.imgwidth{
	width:30%;
	clear:both;
}

.rightimg{
	width:18px;
	height:17px;
	margin-top:25px;
	text-align:right;
	float:right;
}

.coflex2{
	display:flex;
	margin-right:25px;
}

.humanwidth{
	width: 15%;
}

.human2{
	width:84px!important;
	height:66px!important;
}

.cotext2{
	margin-bottom:0;
	font-weight:bold;
	padding-left:25px;
	width: 85%;
}

.block , .block2 , .block3 , .block4{
	display:block;
}

.cobo{
	padding-bottom:20px;
	border-bottom:2px solid #ddd;
}

.cabo2{
	padding-top:20px;
}

.livevoice{
	max-width: 1250px;
	margin:80px auto 0;
}

.livetop{
	position: relative;
	 color: white;
    background: #004856;
    font-size:28px;
    font-weight:bold;
    padding:8px 0;
    text-align:center;
    margin-bottom:0;
    
}

.livetop:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #004856;
  z-index: 999;
}

.voicecol{
	padding:0!important;
}

.voice3{
	margin-top:30px;
}

.voicetext1{
	border:2px solid #555;
	padding:20px;
	padding-bottom:0;
	font-size:15px;
	font-weight:400;
	height:200px;
}

.voicetext2{
	border-top:2px solid #555;
	border-bottom:2px solid #555;
	border-right:2px solid #555;
	padding:20px;
	padding-bottom:0;
	font-size:15px;
	font-weight:400;
	height:200px;
}

.voicetext3{
	border-top:2px solid #555;
	border-bottom:2px solid #555;
	border-right:2px solid #555;	
	padding:20px;
	padding-bottom: 0;
	font-size:15px;
	font-weight:400;
	height:200px;
}

.textbo{
	text-decoration:underline;
}

.policy{
	max-width: 1250px;
	margin:80px auto 140px;
}

.policytop{
	position: relative;
	 color: white;
    background: #004856;
    font-size:28px;
    font-weight:bold;
    padding:8px 0;
    text-align:center;
    margin-bottom:0;	    
}

.policytop:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #004856;
  z-index: 999;
}

.pocol{
	padding:0!important;
}

.bgorbox1{
	background-image: url(image/policy1.png);
	background-size: cover;
	width:100%;
	height:220px;
}

.numberimg{
	position: absolute;
	top:30px;
}

.potext{
	text-align:center;
	font-weight:bold;
	font-size:21px;
	padding-top:65px;
}

.bgorbox2{
	background-image: url(image/policy2.png);
	background-size: cover;
	width:100%;
	height:220px;
}


.bgorbox3{
	background-image: url(image/policy3.png);
	background-size: cover;
	width:100%;
	height:220px;
}

.potext2{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	margin-bottom:0;
	padding-top:80px;
	padding-bottom:80px;
}

.form{
	max-width:1100px;
	margin:80px auto 0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", 
	"Yu Gothic Medium",
	 "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;	
}

.formtop{
	text-align:center;
	font-weight:bold;
	font-size:38px;
}

.formsub{
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

/*---------------------お問い合わせフォーム----------------------*/

.formbox{
	margin-top:60px;
	border:2px solid #888;
}

.cflex2{
	display: flex;
	border-bottom:1px solid #888;
}

.cflex3{
	display: flex;
}

.leftbox{
	width:33%;
	padding:19px 35px;
	font-size:16px;
	font-weight:bold;
	background:#F5F5F5;
	clear:both;
}

.must,
.any{
	color:white;
	font-size:13px;
	padding:2px 5px;
	float:right;
}

.must{
	background:#FFAADE;
}

.any{
	background:#A8C9FF;
}

.rightbox{
	width:67%;
	padding:18px 35px;
	font-size:16px;
	font-weight:bold;
}

.checkheight span{
	padding-top:3px;
}

.rightbox span{
	margin-right:20px;
}

.rightbox input[type="text"] ,
.rightbox input[type="tel"] ,
.rightbox input[type="email"]{
	width:100%;
}

.rightbox textarea{
	width:100%;
}

.privacy{
	display:block;
	text-align:center;
	margin-top:80px;
	color:black;
	font-size:19px;
	text-decoration: underline;
	font-weight:bold;
	width: fit-content;
	margin-inline: auto;
}

.privacy:hover{
	text-decoration: none;
	color:#004856;
}

.form input[type="submit"]{
	background: #004856;
	border:none;
	color:white;
	font-weight:bold;
	width:100%;
	padding:10px 0;
	font-size:24px;
	border-radius:10px;
	text-align:center;
}

.form input[type="submit"]:hover{
	opacity:0.9;
}


/*-----------------------プライバシーポリシー-------------------------*/
.prbox{
	max-width:1300px;
	margin:80px auto 0;	
}

.prbox p{
	font-weight:400;
	line-height:1.7em;
}

.prbox li{
	padding-left:1.2em;
	text-indent:-1.4em;
	margin-bottom:5px;
}

.prw{
	width:900px;
}

.prtop{
	font-weight:bold;
	margin-bottom:90px;
	font-size:33px;
}

.subtop{
	font-size:21px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:25px;
	border-left:10px solid #004856;
}

.prtext{
	font-weight:400;
	font-size:16px;
}

.subtop2{
	margin-top:40px;
}

.subsub{
	font-weight:bold;
	margin-top:40px;
	width:400px;
	font-size:17px;
	border-bottom:2px solid #555;
}


/*----------------------BLOOMについて--------------------*/

.pagebg2{
	background-image: url(image/mts2.jpeg);
    width: 100%;
    height: 250px;
    background-size: cover;
    /* margin-top: 35px; */
}

.skybg{
	background-image:url(image/sky.png);
	width:100%;
	background-size:cover;
	margin-top:60px;
}

.skytext{
	text-align: center;
	padding:75px 0;
	font-weight:400;
	font-size:17px;
	line-height:1.9em;
}

.messagebox{
	margin:80px auto 0;	
	padding-bottom:120px;
	max-width:1250px;
	border-bottom: 3px solid #CCDADD;
}

.m1{
	font-weight:lighter;
	text-align:center;
	font-size:31px;
	color:#1A1311;
	font-family: poetica-std, sans-serif;
}

.m2{
	font-weight:bold;
	text-align:center;
	font-size:65px;
	margin-top:30px;
	font-family: "Helvetica Neue" , Helvetica , Arial , 
	Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,
	 Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.memain{
	text-align:center;
	margin-top:45px;
	font-weight:bold;
	font-size:27px;
	line-height:1.9em;
}

.choicebox{
	max-width:1150px;
	margin:80px auto 0;
}

.bgbox1{
	background-image: url(image/choicebg1.png);
	width:100%;
	background-size: cover;
	border-radius: 5px;
	width:100%;
	height:220px;
	transition: all .3s;
}


.cholink:hover .bgbox1{
	opacity:0.8;
}

.cholink:hover .bgbox2{
	opacity:0.8;
}


.chocol1{
	padding-left:0!important;
}

.cholink{
	color:black;
	transition: all .3s;
}

.cholink:hover{
	text-decoration:none;
	color:black;
}

.cholink:hover .chbgbox3{
	opacity:0.8;
}


.chotop{
	background: #004856;
	color:white;
	font-weight:bold;
	display:inline-block;
	padding:7px 18px;
	font-size:15px;
	position: relative;
	bottom:15px;
	z-index: 1;
}

.chotext{
	text-align:center;
	font-size:24px;
	font-weight:500;
	padding-top:25px;
		font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;	
}

.chocol2{
	padding-right:0!important;
}

.bgbox2{
	background-image: url(image/choicebg2.png);
	width:100%;
	height: 220px;
	background-size: cover;
	border-radius: 5px;
	transition: all .3s;
}


/*--------------------------コース・料金（現役生）--------------------*/

.pagebg3{
	background-image: url(image/mts3.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.coursebox{
	max-width:1250px;
	margin:80px auto 0;
	padding-bottom:120px;
	border-bottom:3px solid #CCDADD;
}

.coursetop{
	font-weight:bold;
	font-size:33px;
}

.csub{
	margin-top:50px;
	font-weight:400;
	font-size:16px;
	line-height:1.7em;
}

.courserow{
	margin-top:90px;
}

.coimg{
	width:100%;
	height:auto;
}

.cora{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

}

.cocol2{
	padding-left:50px!important;
}

.coinfo1{
	font-size:24px;
	margin-bottom:3px;
	font-weight:400;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", 
"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
 "ＭＳ 明朝", serif!important;	
}

.coinfo2{
	font-size:24px;
	font-weight:400;
	border-bottom:3px solid #CCDADD;
	padding-bottom:12px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", 
"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
 "ＭＳ 明朝", serif!important;	
}

.coinfo3{
	font-weight: 400;
    line-height: 1.7em;
    font-size:16px;	
}

.cocol3{
	padding-right:50px!important;
}


/*------------------既卒生--------------*/

.table{

}

.block5{
	display:block;
}

.tabletop{
	font-size:23px;
	font-weight:bold;
	margin-top:45px;
}

.monthflex{
	display: flex;
	justify-content: space-between;
	color:#004856;
	margin-left:30px;
}

.monthflex p{
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
}

.proflex{
	display:flex;
}

.pleft{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin:0;	
  background:#1A1311;
  font-weight:550;
  color:white;
  font-size:15px;
  margin-right:7px;
  text-align:center;
}

.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #004856;
  padding: 1em 0.5em 1em 2em;
  color: #fff;
}
.step li:last-child{
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-25px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 120px 0 120px 2em;
  z-index: 10;
}
.step li:after{
  top:-25px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #004856;
  border-width: 120px 0 120px 2em;
  z-index: 10;
}
.step li.is-current{
  background: #004856;
  font-weight: bold;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #004856;
}

.tablecon{
	font-weight:bold;
	font-size:32px;
	margin-bottom:10px;
	font-family: "Helvetica Neue" , Helvetica , Arial , 
	Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,
	 Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	
}

.tablelist{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	padding-right:15px;
	padding-left:1em;
	text-indent:-1em;	
}

.conflex{
	display:flex;
	justify-content: space-between;
	margin-top:15px;
}

.conbox{
	border:2px solid #BBB;
}

.conbox2{
	border-top:2px solid #BBB;
	border-right:2px solid #BBB;
	border-bottom:2px solid #BBB;
}

.conbox3{
	border-top:2px solid #BBB;
	border-right:2px solid #BBB;
	border-bottom:2px solid #BBB;
}

.conbox4{
	border-top:2px solid #BBB;
	border-right:2px solid #BBB;
	border-bottom:2px solid #BBB;
}

.conbox p , .conbox2 p , .conbox3 p , .conbox4 p{
	font-size:13px;
	font-weight:bold;
	padding:10px;
}

.pleft2{
	margin-top:15px;
}

.talkflex{
	display:flex;
}

.talkbox{
	display: flex;
	width:100%;
	padding-left:130px;
	padding-right:130px;
	border:2px solid #BBB;
	border-top:0;
}

.chbo{
	font-weight:bold;
	text-decoration: underline;
	margin-bottom: 5px
}

.checkbox{
	border:2px solid #CCDADD;
	margin:40px auto;
	font-size:15px;
	padding:7px;
	border-radius:10px;
	width:185px;
}

.ch1{
	margin-bottom:0;
	font-weight:bold;
}

.tabletop2{
	margin-top:90px;
	margin-bottom:30px;
	font-size:22px;
	font-weight:bold;
}

.stepbg{
	background:#004856;
	color:white;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:15px;
}

.sttop{
	font-size:25px;
	margin-bottom:0;
	height:33px;
	font-weight:400;
	font-family: "Helvetica Neue" , Helvetica , Arial , 
	Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,
	 Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	
}

.st2{
	font-size:19px;
	margin-bottom:0;
	font-weight:700;
}

.stepbo{
	border-bottom:2px solid #004856;
	border-right:2px solid #004856;
	border-left:2px solid #004856;
	padding:10px;
	height:100px;
	font-size:17px;
	font-weight: 400;
}

.stcol{
	padding-left:8px!important;
	padding-right:8px!important;
}

.steprow2{
	margin-top:15px;
}

.righttext{
	text-align:right;
	margin-top:50px;
	font-size:15px;
}


/*-------------BLOOMが選ばれている理由①-------------*/


.pagebg4{
	background-image: url(image/mts4.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.whybox{
	max-width:1250px;
	margin:80px auto 0;
	padding-bottom:120px;
	border-bottom:3px solid #CCDADD;	
}

.whytop{
	font-weight:bold;
	font-size:33px;
	margin-bottom: 0;
}

.pointrow{
	margin-top:50px;
}	

.pointimg{
	display:block;
	margin:0 auto;
}

.pointcol{
	padding-left:8px!important;
	padding-right:8px!important;
}

.pointbo{
	border:2px solid #004856;
	margin-top:10px;
	height:140px;
}

.point1{
	text-align:center;
	color:#004856;
	font-weight:bold;
	font-size:18px;
	margin-top:20px;
	margin-bottom:12px;
}

.row1{
	margin-top:24px;
	margin-bottom:18px;
}
.rowrow{
	margin-top:8px;
	margin-bottom: 8px;
}

.underimg{
	display:block;
	width:85%;
	height:auto;
	margin:0 auto;	
}

.point2{
	text-align:center;
	color:#004856;
	font-weight:bold;
	font-size:18px;
	margin-top:5px;
	margin-bottom:20px;
}

.pointsub{
	margin-top:50px;
}

.ps1{
	font-weight:400;
	font-size:17px;
	margin-bottom:30px;
}

.ps2{
	font-weight:400;
	font-size:17px;
}

.pointtextrow{
	margin-top:100px;
}

.subcol{
	padding-left:8px!important;

	/* min-width: 365px !important; */
	/* height: 248px; */
}

.subcol2{
	padding-right:8px!important;
	padding-left:30px!important;
}

.pointimgsub{
	width:100%;
	/* height: 100%; */
	object-fit: cover;
	aspect-ratio: 365/248;
}

.pointw{
	background:#004856;
	padding:10px 25px;
	height:46px;
}

.pointpo{
	position: relative;
	top:12px;
}

.pointflex{
	display:flex;
	padding-bottom:20px;
	border-bottom: 3px solid #CCDADD;
	align-items: center;
}

.pttop{
	font-weight:bold;
	color:#004856;
	font-size:33px;
	margin-left:30px;
	margin-bottom:0;
}

.pointma{
	margin-top:30px; 
}

.pointma1{
	font-weight:normal;
	font-size:24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", 
"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
 "ＭＳ 明朝", serif!important;
}

.pointma2{
	margin-top:30px;
	font-size:15px;
	font-weight:400;
	line-height:1.7em;
}

.pointma3{
	margin-top:30px;
	margin-bottom:0;
	font-size:15px;
	font-weight:400;
}

.pointma4 p{
	margin-bottom:5px;
	font-weight:400;
	font-size:15px;
}

.pointtextrow2{
	margin-top:80px;
}

.pttop2{
	display:block;
	font-size:20px;
}

.chbgbox3{
	background-image: url(image/chbox3.png);
	background-size: cover;
	width:100%;
	height:220px;
	border-radius: 5px;
	transition: all .3s;
}

.chbgbox4{
	background-image: url(image/chbox4.png);
	background-size: cover;
	width:100%;
	height:220px;
	border-radius: 5px;
	transition: all .3s;
}

.cholink:hover .chbgbox4{
	opacity:0.8;
}



/*-------------BLOOMが選ばれている理由➁-------------*/

.text11{
	margin-top:17px;
}


.pagebg5{
	background-image: url(image/mts5.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.spma{
	margin-bottom:8px;
}

.pli{
	list-style: none;
	font-size:15px;
	font-weight:400;
	margin-bottom: 5px;
	padding-left:10px;
}

.pma{
	margin-top:8px;
	font-size:15px;
	font-weight:400;
	line-height:1.8em;
}

.chbgbox5{
	background-image: url(image/choicebg3.png);
	background-size: cover;
	width:100%;
	height:220px;
	border-radius: 5px;
	transition: all .3s;
}

.cholink:hover .chbgbox5{
	opacity:0.8;
}


.chbgbox6{
	background-image: url(image/chbox4.png);
	background-size: cover;
	width:100%;
	height:220px;
	border-radius: 5px;
	transition: all .3s;
}

.cholink:hover .chbgbox6{
	opacity:0.8;
}


/*-------------------------合格実績・体験談-------------------*/

.pagebg6{
	background-image: url(image/mts7.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.arbox{
	max-width: 1300px;
    margin: 80px auto 0;
    padding-bottom: 120px;
    border-bottom: 3px solid #CCDADD;
}

.arwhy{
	margin-left:35px;
	margin-top: 90px;
}

.arall{
	font-weight:400;
	font-size:22px;
	margin-top:50px;
	margin-left:35px;
	width:50%;
	padding-bottom:8px;
	border-bottom: 3px solid #CCDADD;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", 
"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
 "ＭＳ 明朝", serif!important;	
}

.allrow{
	margin-top:50px;
	margin-left:70px;
	margin-right:70px;
	display:flex;
}

.flexleft , .flexright{
	width:50%;
}

.flexright{
	margin-left:40px;
}

.flexleft li , .flexright li{
	list-style: none;
	font-size:17px;
	font-weight:400;
	margin-bottom:4px;
}

.lima{
	margin-top:30px;
}

.rice{
	margin-top:20px;
	font-size:12px;
	font-weight:550;
	padding-left:1em;
	text-indent:-1em;		
}

.arvoicerow{
	margin-top:90px;
}

.arvoice{
	position: relative;
	 color: white;
    background: #004856;
    font-size:26px;
    font-weight:bold;
    padding:10px 0;
    text-align:center;
    margin-bottom:0;
}

.arvoice:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #004856;
  z-index: 999;
}

.voiceflex{
	display: flex;
	margin-top:60px;
}

.imgcol{
	width:180px;
	height:100%;
	padding-top:15px;
	text-align: center;
	vertical-align: bottom;
}

.ghuman{
	margin:0 auto;
	text-align:center;
	vertical-align: bottom;
}

.textcol{
	width:100%;
	border:2px solid #004856;
	border-radius:8px;
	padding:20px 10px;
}

.textcol p{
	font-size:16px;
	font-weight:400;
	line-height:1.7em;
	margin-bottom:0;
}

.vf{
	margin-top:30px;
}

.ghuman2{
	margin:0 auto;
	text-align:center;
	vertical-align: bottom;
	padding-top:10px;
}

/*-----------------------校舎・教室----------------------------*/

.pagebg7{
	background-image: url(image/mts7.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.classbox{
	max-width: 1250px;
    margin: 80px auto 0;
    padding-bottom: 120px;
    border-bottom: 3px solid #CCDADD;
}

.classtext{
	font-size:16px;
	font-weight:400;
	margin-top:60px;
	line-height:1.8em;
}

.classflex{
	display:flex;
	margin-top:60px;
}

.classimg{
	width:100%;
}

.col1 , .col2{
	width:50%;
}

.col1{
	margin-right:15px;
}

.col2{
	margin-left:15px;
}

.classflex2{
	display:flex;
	margin-top:30px;
}

/*-----------------------代表メッセージ------------------------------*/

.pagebg8{
	background-image: url(image/mts8.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.repbox{
	max-width: 1250px;
    margin: 120px auto 0;
    padding-bottom: 120px;
    border-bottom: 3px solid #CCDADD;
}

.repbg{
	background-image: url(image/representative.png);
	width:100%;
	background-size: cover;
	background-position: bottom;
}

.mepo{
	padding-top:300px;
	padding-left:85px;
	padding-bottom:85px;
}

.mepo1{
	background:white;
	font-weight:bold;
	font-size:26px;
	padding:10px;
	padding-left:15px;
	width:350px;
}

.mepo2{
	background:white;
	font-weight:bold;
	font-size:20px;
	padding:10px;
	padding-left:15px;
	width:500px;
}

.mepo3{
	background:white;
	font-weight:bold;
	font-size:20px;
	padding:10px;
	padding-left:15px;
	width:220px;
}

.metbox{
	margin-top:85px;
	margin-left:40px;
}

.metbox p{
	font-weight:400;
	line-height:1.8em;
	margin-bottom:30px;
	font-size:16px;
}

.metbox p span{
	font-weight: bold;
	font-size: 22px;
	display:inline-block;
	margin-bottom: 35px;
}

.metbox p.re-text2 span{
	margin-top: 100px;
}




/*--------------------BLOOM推薦の声-------------------*/

.pagebg9{
	background-image: url(image/mts9.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.voicebox{
	max-width: 1250px;
    margin: 80px auto 0;
    padding-bottom: 120px;
    border-bottom: 3px solid #CCDADD;
}

.voicerow{
	margin-top:130px;
}

.vcol1{
	padding-left:0!important;
	padding-right:15px!important;
}

.vcol2{
	padding-left:0!important;
	padding-right:0!important;
}

.comp{
	font-weight:bold;
	font-size:19px;
	margin-bottom:8px;
}

.name{
	font-weight:bold;
	font-size:26px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #007680;
}

.wtext{
	color:#999;
	font-size:16px;
	font-weight:400;
	margin-bottom:8px;
}

.vtcon{
	font-weight:400;
	font-size:16px;
	line-height:1.7em;
}

.vtcon a{
	color:black;
	text-decoration: underline;
}

.vtcon a:hover{
	color:#004856;
	opacity:0.7;
}

.wtext2{
	color:#999;
	font-size:16px;
	font-weight:550;
	margin-top:48px;
	margin-bottom:8px;
}

.voicerow2{
	margin-top:80px;
}

/*------------------よくある質問----------------*/

.pagebg10{
	background-image: url(image/mts10.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.faqbox{
	max-width: 1250px;
    margin: 80px auto 0;
    padding-bottom: 120px;
    border-bottom: 3px solid #CCDADD;
}

.faqvoice{
	position: relative;
	 color: white;
    background: #004856;
    font-size:25px;
    font-weight:bold;
    padding:10px 0;
    text-align:center;
    margin-bottom:50px;
}

.faqvoice:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #004856;
  z-index: 10;
}

.faqvoice2{
	margin-top:50px;
}

.faqlink{
	margin-top: 50px;
	margin-bottom:50px;
}

.faqlink a{
	display:block;
	color:black;
	width:40%;
	padding:5px 0;
	font-size:19px;
	border-bottom: 2px solid #CCDADD;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", 
	"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
	 "ＭＳ 明朝", serif!important;	
}

.faqlink a:hover{
	text-decoration: none;
	color:rgba(0,0,0,0.6);
}

.ewd-ufaq-post-margin-symbol span{
	color:#004856;
}

.ewd-ufaq-faqs{
	border-top:2px solid #CCDADD;
}

.ufaq-faq-div{
	border-bottom: 2px solid #CCDADD;
	padding:12px 0!important;
}

.ufaq-faq-title-text h4{
	color:black;
	font-size:20px;
	font-weight:bold;
}

.ufaq-faq-title a:hover{
	opacity:0.6;
	text-decoration: none;
}

.faqcon:hover{
	text-decoration: none;
	color:rgba(0,0,0,0.6);
}

.ewd-ufaq-post-margin p{
	font-weight:300;
	font-size:16px;
}

.faqcon{
	display:block;
	text-align:center;
	padding:12px 0;
	color:black;
	font-size:20px;
	font-weight:bold;
	border-top:2px solid #CCDADD;
	border-bottom:2px solid #CCDADD;
}

.fl-plus{
	width: 620px;
	display: block;
	margin:30px auto;
	color: white;
	font-size: 30px;
	font-weight: bold;
	background:#06798E;
	text-align: center;
	padding:36px 0;
	transition: 0.4s;
}

.fl-plus:hover{
	color: white;
	text-decoration: none;
	opacity: 0.7;
}

.icon-plus{
	margin-left: 12px;
	position: relative;
	bottom: 2px;
}

.form h2{
	margin-top: 55px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
}

.form h2 span{
	margin:0 7px;
	color:#06798E;
	font-size: 60px;
	position: relative;
	top: 3px;
}

.step3{
	display: flex;
	margin-top: 50px;
}

.step3 div{
	width: 33.33%;
	text-align: center;
	box-sizing: border-box;
}

.step3 div img{
	max-width: 100%;
}

.step3 div p{
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 0;
}

.step3-1{
	padding-right: 36px;
	position: relative;
}

.step3-1:after{
	position: absolute;
	content: '';
	background-image: url(image/r-green.png);
	width: 20px;
	height: 22px;
	background-size: cover;
	right: 0;
	top: 55%;	
    z-index: 2;
}

.step3-3:after{
	position: absolute;
	content: '';
	background-image: url(image/r-green.png);
	width: 20px;
	height: 22px;
	background-size: cover;
	left: 0;
	top: 55%;	
    z-index: 2;
}

.step3-2{
	padding:0 18px;
}

.step3-3{
	padding-left: 36px;
	position: relative;
}



/*--------------------BLOOMの講師---------------*/

.lecbox{
	max-width:1250px;
	margin:80px auto 0;
	padding-bottom:120px;
	border-bottom:3px solid #CCDADD;
}

.lectop{
	font-weight:bold;
	font-size:33px;
	margin-bottom:0;
}

.lecrow{
	margin-top:80px;
}


.lec1{
	padding-left:0!important;
	padding-right:45px!important;
}

.lec2{
	padding-left:45px!important;
	padding-right:0!important;
}

.lec1 img{
	width:100%;
	height:auto;
}

.lectext1{
	font-weight:bold;
	padding-bottom:12px;
	font-size:28px;
	border-bottom:2px solid #CCDADD;
}

.lecsub{
	font-size:18px;
	font-weight:bold;
	margin-top:35px;
	margin-bottom:10px;
}

.lectext2{
	font-size:16px;
	font-weight:400;
	line-height: 1.7em;
}

/*-----------------------受験情報ブログ---------------------*/

.recobox{
	max-width:1300px;
	margin:0 auto 0;
	padding-bottom:100px;
	border-bottom:3px solid #CCDADD;
    font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;
}

.pagebg11{
	background-image: url(image/mts11.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-top: 35px;
}

.catebox{
	margin-top:80px;
	background:#004856;
}

.catewidth{
	max-width:1300px;
	margin:0 auto;
	padding:15px 0;
}

.catemenu{
	list-style: none;
	padding-left: 0;
}

.catemenu li ul{
	list-style: none;
	padding-left:0;
	display:flex;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;  	
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
}

.catemenu li ul li{
	color:white;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:3px 0;
	margin-top:15px;
	margin-bottom:15px;
	/* width:320px; */
	width: 25%;
	border-left:1px solid rgba(255,255,255,0.5);
	border-right:1px solid rgba(255,255,255,0.5);
	    font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;
}

.catemenu li ul li a{
	color:white;
}

.tagbox{
	max-width:1300px;
	margin:20px auto 0;
    font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;		
}

	.abcol2 video{
		width: 100%;
		margin-bottom: 5px;
	}

.tagcloud{
	display:flex;
 -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;		
}

.tagbox li{
	list-style:none;
}

.tagcloud a{
	font-size:13px!important;
	color:black;
	font-weight:bold;
	display:block;
	border:1px solid black;
	border-radius: 15px;
	padding:4px 15px;
	margin-right:7px;
	margin-top:3px;
}

.tagcloud a:hover{
	text-decoration:none;
	color:black;
	background:rgba(230,255,233,0.3);
}

.recoblogtop{
	max-width: 1300px;
	margin:80px auto 0;
	font-weight:bold;
	font-size:23px;
	padding-left:15px;
    font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;		
}

.rel{
	position: relative;
}

.absolutebg{
	background:#F2F0F0;
	width:100%;
	height:290px;
	position: absolute;
	top:190px;
}

.recocol{
	padding-left:0px!important;
	padding-right:0px!important;
}


.posttop{
	font-weight:bold;
	font-size:23px;
	margin-top:80px;
	margin-bottom:0;
	padding-left:15px;
}

.postcol{
	padding-left:0!important;
	padding-right:0!important;
}

.post2{
	padding:15px;
	padding-bottom:0;
	 box-shadow: 0px 0px 4px #BBB;
	 margin:15px 10px;
	 position: relative;
	 height:420px;
	 background: white;
	 transition: all 0.5s 0s ease;
	 overflow-y: hidden;
}

.post{
	width:47.6%;
	float:left;
	padding:16px;
	padding-bottom:0;
	 box-shadow: 0px 0px 4px #BBB;
	 margin:15px 10px;
	 position: relative;
	 height:420px;
	 transition: all 0.5s 0s ease;
	 overflow-y: hidden;
}

.arsubtitle{
	background:#004856;
	margin-bottom:0;
	font-size:12px;
	font-weight:bold;
	color:white;
	display: inline-block;
	position: absolute;
	padding:4px 40px;
}

.postimg img{
	width:100%;
	height:275px;
	object-fit:cover;
}

.entry-title{
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
	font-weight:500;
	color:black;
}

.taglist{
	font-size:12px!important;
	color:black;
	display: inline-block;
	list-style:none;
	font-weight:bold;
	border:1px solid black;
	border-radius: 15px;
	padding:3px 12px;
	margin-right:7px;
	margin-top:3px;
}

.postcolright{
	padding-left: 25px!important;
	padding-right:0!important;
}

.onlinelink{
	margin-top:30px;
}

.onlineimg{
	width:100%;
}

.greenbg{
	background: #004856;
	width:100%;
	padding:10px 15px;
}

.gbg1{
	color:white;
	font-weight:bold;
	font-size:19px;
	margin-bottom:10px;
	padding-left:15px;
}

.gbg2{
	display:block;
	background:white;
	color:#007680;
	width:150px;
	font-weight:bold;
	font-size: 12px;
	padding:3px 0;
	margin-left: auto;
	margin-bottom:10px;
	text-align:center;
	border-radius:4px;
}

.gbg2:hover{
	text-decoration:none;
	opacity: 0.9;
	color:#007680;
}

.gbg2 i{
	margin-left:8px;
	padding-top:3px;
}

.popularbox{
	width:100%;
	height:auto;
	margin-top:30px;
	padding:0 13px 20px;
	box-shadow: 0px 0px 4px #BBB;
	font-family: "Montserrat","游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ",Meiryo,sans-serif;
}

.poptop{
    font-size:19px;
    text-align:center;
    padding-top:20px;
    margin-bottom:15px;
}

.graybo{
	width:30px;
	margin:0 auto 30px;
	border-bottom:2px solid #CDCDCD;
}
.poplink{
	width:100%;
	height:auto;
	transition: all 0.5s 0s ease;
}

.poplink:hover .popflex , .poplink:hover ,
 .bloglink:hover .post , .bloglink:hover .post2{
	text-decoration: none;
	background:rgba(230,255,233,0.3);
}

.popflex{
	display:flex;
	margin-bottom:20px;
	border-radius:3px;
}

.popleft{
	width:25%;
}

.popleft img{
	width:100%;
	height:auto;
}

.popright{
	width:75%;
	margin-left:10px;
	border-bottom:2px solid #CDCDCD;
}


.popright h3{
	font-size:14px;
	color:black;
	font-weight:bold;
}

.popright p{
	font-size:9px;
	color:black;
	margin-bottom:0;
	
}

/*-----------------------シングルページ-----------------------*/

.singlebox{
	max-width:1300px;
	margin:80px auto 0;
	padding-bottom:100px;
	border-bottom:3px solid #CCDADD;
}

.singleleft{
	padding-left:0!important;
}

.singleright{
	padding-left:45px!important;
	padding-right: 0!important;
}

.singlesub{
	background:#004856;
	color:white;
	display:inline;
	font-size:14px;
	padding:3px 15px;
}

.singletitle{
	font-size:20px;
	font-weight:bold;
	margin-top:15px;
	    font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;
}

.tagmargin{
	margin:20px 0;
}

.contentbox{
	margin:40px 0;
	clear: both;
}

.contentbox p{
	font-weight:400;
	font-size:16px;
}

.contentbox img{
	max-width:100%;
	margin:15px 0;
	height:auto;
}

.contentbox h2{
	border-left:7px solid #004856;
	padding-left:8px;
	font-size:20px;
	margin-top:40px;
	margin-bottom:40px;
	font-weight:bold;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;
}

.contentbox h3{
	border-bottom:1px solid black;
	font-size:17px;
	font-weight:bold;
	display:inline-block;
	padding-right:50px;
	margin-bottom:25px;
	font-family: "Montserrat","游ゴシック",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;
}

.linkflex{
	display:flex;
	margin-top:80px;
	clear: both;
}

.pre , .next{
	width:50%;
	vertical-align: middle;
	height:52px;
}

.pre a{
	clear:both;
	vertical-align: middle;
	color:black;
	font-size:14px;
	font-weight:bold;
	display:block!important;
	text-align:center;	
}

.pre a:hover{
	color:#004856;
}

.pre{
	padding-right:40px;
}

.next a{
	clear: both;
	font-size:14px;
	display:block!important;
	text-align:center;
	color:black;
	font-weight:bold;
}

.next a:hover{
	color:#004856;
}

.next{
	margin-right:30px;
	padding-left:40px;
}

.leftbar{
	float:left;
	margin-right:25px;
	position: relative;
	top:8px;
}

.rightbar{
	float:right;
	margin-left:25px;
	position: relative;
	left:31px;
	top:8px;
}

.re-left{
	width: 20%;
}

.re-left img{
	height: 100%;
	object-fit: cover;
}

.re-right h3{
	padding-top: 3px;
	padding-bottom: 10px;
}

.re-right p{
	padding-bottom: 10px;
}

.re-right{
	width: 80%;
}



/*-------------------カテゴリーページ・タグページ--------------*/

.tagcatbox{
	max-width:1300px;
	margin:0 auto 0;
	padding-bottom:100px;
	border-bottom:3px solid #CCDADD;
    font-family: "Montserrat",YuGothic,
	"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
	"メイリオ",Meiryo,sans-serif;
}


/*ページネーション*/

.wp-pagenavi{
	display:block;
	margin:0 auto 0;
	padding-top:50px;
	text-align: center;
}

.wp-pagenavi span{
	padding:6px 10px!important;
	font-size:17px;
}

.wp-pagenavi a{
	padding:6px 10px!important;
	font-size:17px;
	color:black;
}

.wp-pagenavi a:hover{
	background:rgba(230,255,233,0.3);
	color:black;
}

.pagevoice{
	background-image: url(image/voice.jpg);
	background-position: center;
}

/*----------------------ヘッダーメニュー----------------------*/
.menu-btn{
	display:none;
}

.hummenu {
  display: none;
  transform: translateX(110vw);
  transition: all 0.3s linear;
}

/* リニューアル */
@media screen and (max-width: 1279px) {
	.menu-btn {
    display: block;
    position: absolute;
    color: #004856;
    font-size: 32px;
    width: 76%;
    margin: 0 auto;
    margin-left:20%;
    padding: 12px 0 0;
    text-align: right;
    z-index: 99999999999999999;
  }

  .menu-btn i:hover{
  	cursor: pointer;
  }

  .lock {
    transition: all 0.3s linear;
    color: #3b6397;
  }

  .hummenu.is-active {
    transform: translateX(0);
  }

  .hummenu {
		display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 9999;
  }

  .menuflex{
  	width:100%;
  	display:flex;
  	margin-top:110px;
  }

  .mflexleft{
  	width:50%;
  	margin-left:80px;
  }

  .mflexleft a{
  	display:block;
  	color:black;
  	font-size:16px;
  	font-weight:bold;
  	margin-bottom:20px;  	
  }

  .mflexleft a:hover , .mflexright a:hover , .menuleft a:hover{
  	text-decoration: none;
  	color:#004856;
  }

  .mflexright{
  	width:50%;
  }

  .mflexright a{
  	display:block;
  	color:black;
  	font-size:16px;
  	font-weight:bold;
  	margin-bottom:20px;
  }

  .menuflex2{
  	display:flex;
  	/*margin-top:30px;*/
  }

  .menuleft{
  	width:50%;
  	margin-left:80px;
  }

  .menuleft a{
  	display:block;
  	color:black;
  	font-size:16px;
  	font-weight:bold;
  	margin-bottom:20px;
  }

  .menuright{
  	width:50%;
  }

  .menuright img{

  }

  .iconrow{
  	margin-top:30px;
  	margin-left:80px;
  }

  .menuright a i{
  	font-size:24px;
  	margin-right:10px;
  }

  .ilink1{
  	color:#43619C;
  }

  .ilink2{
  	color:#24A9E6;
  }

  .ilink3{
  	color:#EE2B6F;
  }
}


/* レスポンシブ */

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

	.slflex{
		width:1300px;
	}

	.sltop{
		margin-top:55px;
	}

	.slleft img{
		vertical-align: bottom;
	}




}	

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

	.ab-title{
		position: relative;
		margin-top: 0;
		margin-bottom: 0;
		top: 40px;
	}

	.plus-wrap{
		transform: scale(0.9);
		margin-bottom: 60px;
	}

	.fr-ab{
		width: 287px;
		height:122px;
		right: -100px;
	}

	.fr-ab p{
		font-size: 16px;
		padding: 30px 0;
	}

	.ce-ab{
		width: 312px;
		height: 131px;
	}

	.ce-ab p{
		font-size: 16px;
		padding:18px 0;
	}

	.ce-ab2{
		width: 239px;
		height: 113px;
		right: -45px;
	}

	.ce-ab2 p{
		font-size: 16px;
		padding: 22px 0;
	}

	.nf-ab{
		width: 207px;
		height: 131px;
		left: -17px;
		top: -157px;
	}

	.nf-ab p{
		font-size: 16px;
		padding: 20px 0;
	}

	.nf-ab2{
		width: 227px;
		height:153px;
		bottom: -125px;
		right:25px;
	}

	.nf-ab2 p{
		font-size: 16px;
		padding: 66px 0 0;		
	}




		.slflex{
		width:1250px;
	}

	.sltop{
		margin-top:51px;
		margin-bottom:52px;
	}

}	

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

		.slflex{
		width:1200px;
	}

	.sltop{
		margin-top:45px;
		margin-bottom:45px;
	}

	/* .nf1{
		width: 35%;
	}

	.nf2{
		width: 65%;
	} */

	.nf2-2 a{
		justify-content: center;
	}

	.nf2-3 a{
		justify-content: center;
	}



}


/*--------------メインブレイク①----------*/

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

	.tagbox{
		width:98%;
	}

	.catemenu li ul li{
		/* width:270px; */
		width: 25%;
	}

	.slflex{
		width:1150px;
	}

	.sltop{
		margin-top:40px;
		margin-bottom:40px;
		margin-left: 3vw;
	}

	/* .tagline{
		width:97%;
		margin:0 auto;
	} */

	.mainmenu{
		width:97%;
	}

	.mainmenu div ul li a{
		font-size:14px;
	}

	.tl1 , .tl2 , .tl3{
		font-size:14px;
	}

	.pagetop{
		width:97%;
	}

	.blogw{
		width:97%;
	}

	.informationbox{
		width:97%;
		padding:10px 25px;
	}

	.info3{
		width:97%;
	}

	.infocol1{
		padding-right:15px!important;
	}

	.infocol2{
		padding-left:10px!important;
		padding-right:10px!important;
	}

	.infocol3{
		padding-left:15px!important;
	}

	.tpimg1{
		width:91.5%;
		margin-bottom: 6px!important;
	}

	.youtube{
		margin:20px auto;
		width:300px;
		height:171px;
	}

	.classbox{
		width:97%;
		margin:60px auto 0;
	}

	.post{
		width:45%;
		margin:15px 10px;
	}



}

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

		.slflex{
		width:1100px;
	}

	.sltop{
		margin-top:35px;
		margin-bottom:35px;
	}

	.acf-1{
		width: 15%;
	}

	.acf-2{
		width: 85%;
	}

	.cfp-1{
		width: 35%;
	}

	.cfp-2{
		width: 65%;
		padding-left: 25px;
	}

	.cfp-2 h3 br{
		display: none;
	}



}

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

	.slflex{
		width:1050px;
	}

	.sltop{
		font-size:23px;
	}

	.gr1{
		font-size:19px;
	}

}


/*-----------------メインブレイク➁--------------*/

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

	.result-box img{
		height: 320px;
	}

	.result-left{
		width: 100%;
	}

	.result-right{
		width: 100%;
	}

	.result-name{
		font-size: 13px;
	}

	.result-right h3{
		font-size: 21px;
	}

	.result-excerpt{
		font-size: 15px;
	}

	.recocon{
		padding:0!important;
	}

.block, .block2, .block3, .block4 {
    display: inline;
}

	.cotext{
		font-size:15px;
	}

.cotext2{
	font-size:15px;
}

	.prw{
		width:100%;
	}

	.tabletop2{
		margin-top:10px;
		margin-bottom:15px;
	}

	.voiceimg{
		width:100%;
	}

	.voicetop , .recotop , .livetop , .policytop{
		font-size:22px;
	}

	.voicerow{
		margin-top:50px;
	}

	.comp{
		font-size:17px;
		margin-bottom:4px;
	}

	.name{
		font-size:23px;
		padding-bottom:3px;
	}

	.slflex{
		width:1000px;
	}

	.sltop{
		margin-top:30px;
		margin-bottom:30px;
	}

	.gr1{
		font-size:19px;
	}

	.infoca{
		width:100px;
		font-size:14px;
	}

	.infoli a{
		font-size:14px;
		margin-left:10px;
	}

	.informationbox{
		margin:25px auto;
	}

	.pagebg6 , .pagebg2 , .pagebg4 , .pagebg5 ,
	 .pagebg9 , .pagebg3 , .pagebg10 , .pagebg8 ,
	  .pagebg7 , .pagebg11 , .pagebg1{
		height:180px;
		margin-top:20px;
	}

	.catemenu li ul{
		justify-content: center;
		width:99%;
	}

	.catemenu li ul li{
		font-size:14px;
		width:240px;
	}

	.infotitle{
		font-size:14px;
		width:85%;
		padding-left:10px;
	}

	.subtext{
		font-size:13px;
	}

	.morelink{
		font-size:13px;
	}

	.abouttop{
		font-size:21px;
		padding-bottom:6px;
	}

	.aboutbo{
		font-size:15px;
		line-height:1.8em;
	}

	.clist , .clist2{
		font-size:12px;
	}

	.pagetop{
		top:110px;
	}

	.pt1{
		font-size:19px;
		padding:10px 15px;
	}

	.pt2{
		font-size:14px;
		padding:5px 15px;
	}

	.arbox , .coursebox{
		width:97%;
		margin-top:50px;
		padding-bottom:50px;
	}

	.prbox{
		margin-top:50px;
		width:97%;
	}

	.repbox{
		width:97%;
		margin:60px auto 0;
		padding-bottom:60px;
	}

	.metbox{
		margin-left:0;
		margin-top:50px;
	}

	.whytop , .coursetop , .lectop , .recoblogtop{
		font-size:21px;
	}

	.posttop{
		font-size:21px;
	}

	.prtop{
		margin-bottom:45px;
		font-size:21px;
	}

	.subtop{
		font-size:19px;
		margin-bottom:12px;
	}

	.arall{
		font-size:18px;
		margin-top:25px;
		margin-left:20px;
	}

	.arwhy{
		margin-left:20px;
	}

	.allrow{
		margin-top: 25px;
		margin-left:20px;
		margin-right:20px;
	}

	.flexleft li, .flexright li{
		font-size:14px;
	}

	.arvoicerow{
		margin-top:40px;
	}

	.voiceflex{
		margin-top:35px;
	}

	.imgcol{
		width:130px;
	}

	.textcol p{
		font-size:14px;
		line-height:1.6em;
	}

	.eventbox{
		width:95%;
		margin:60px auto 0;
	}

	.singlebox{
		width:95%;
		margin:60px auto 0;
	}

	.free{
		width:95%;
		margin:60px auto 0;
	}

	.reco{
		width:95%;
		margin:60px auto 0;
	}

	.livevoice{
		width:95%;
		margin:60px auto 0;
	}

	.policy{
		width:95%;
		margin:60px auto 80px;
	}

	.faqbox{
		width:95%;
		margin:60px auto 0;
	}

	.lecbox{
		width:95%;
		margin:60px auto 0;
	}

	.lecrow{
		margin-top:40px;
	}

	.lec2{
		padding-left:15px!important;
	}

	.lectext1{
		font-size:24px;
	}

	.lecsub{
		margin-top:15px;
		font-size:16px;
	}

	.er1{
		font-size:14px;
		margin-top:40px;
	}

	.er2{
		font-size:23px;
	}

	.er3{
		width:95%;
		font-size:12px;
	}

	.whybox , .voicebox{
		width:97%;
		padding-bottom:60px;
	}

	.faqlink{
		margin-top:30px;
		margin-bottom:30px;
	}

	.faqlink a{
		font-size:16px;
	}

	.faqvoice{
		font-size:20px;
		margin-bottom:30px;
	}

	.form{
		width:97%;
	}

	.privacy{
		margin-top:30px;
	}

	.tpbox , .blogbox , .aboutbox , .whybox , .voicebox , .form , .recoblogtop , .catebox{
		margin:60px auto 0;
	}

	.formbox{
		margin-top:40px;
	}

	.formtop{
		font-size:27px;
		margin-bottom:4px;
	}

	.formsub{
		font-size:14px;
	}

	.tp1 , .blogtop1 , .about1{
		font-size:34px;
	}

	.tp2 , .blogtop2 , .about2{
		font-size:14px;
	}

	.blogbg{
		padding-top:100px;
		padding-bottom:100px;
	}

	.subtitle{
		font-size:13px;
	}

	.blog6{
		margin-bottom:30px;
	}

	.title{
		font-size:14px;
		margin-left:8px;
		margin-right:8px;
	}

	.contactrow{
		margin:40px auto 0;
	}

	.clink1, .clink2{
		font-size:19px;
	}

	.snsrow{
		margin-top:40px;
		margin-bottom:40px;
	}

	.ftflex{
		padding-top:100px;
		padding-bottom:100px;
	}

	.ft11 , .ftcol2 ul li a, .ftcol3 ul li a{
		font-size:14px;
	}

	.youtube{
		width:270px;
		height:165px;
	}

	.ablink{
		font-size:14px;
		margin-bottom:20px;
		width:97%;
	}

	.ablink a {
		font-size:14px;
	}

	.abtext{
		font-size:12px;
		width:97%;
	}

	.skytext{
		padding:50px;
		font-size:15px;
		line-height:1.7em;
	}

	.messagebox{
		margin-top:50px;
		width:97%;
		padding-bottom:60px;
	}

	.m1{
		font-size:20px;
	}

	.m2{
		font-size:37px;
		margin-top:20px;
	}

	.memain{
		font-size:16px;
		line-height:1.8em;
		margin-top:30px;
	}

	.pttop{
		font-size:27px;
		padding-top:7px;
	}

	.pttop2{
		font-size:17px;
	}

	.ptt2{
		padding-top:0;
	}

	.pointflex{
		padding-bottom:10px;
	}

	.pointma1{
		font-size:22px;
	}

	.pointma2{
		font-size:14px;
		margin-top:20px;
	}

	.pointma3{
		font-size:14px;
		margin-top:20px;
	}

	.pointma4 p{
		font-size:14px;
	}

	.pointtextrow , .pointtextrow2{
		margin-top:50px;
	}

	.tablecon{
		font-size:24px;
		margin-bottom:6px;
	}

	.tablelist{
		font-size:14px;
	}

	.conbox p, .conbox2 p, .conbox3 p, .conbox4 p {
		font-size:12px;
	}

	.talkbox{
		padding-left:20px;
		padding-right:20px;
	}

	.chbo , .ch1{
		font-size:14px;
		margin-bottom:2px;
	}

	.flowcon{
		font-size:12px;
		margin:10px 15px 0;
	}

	.flow{
		font-size:15px;
		margin:0 15px;
	}

	.gbg1{
		padding-left:0;
		font-size:16px;
	}

	.recobox{
		width:97%;
	}


}

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

	.postcolright{
		padding-left:0!important;
	}

	.voicetext1 , .voicetext2 , .voicetext3{
		font-size:14px;
		height:260px;
		padding:20px 10px;
		margin-bottom:0;
	}

	.slflex{
		width:950px;
	}

	.sltop{
		font-size:21px;
		margin-top:27px;
		margin-bottom:27px;
	}

	.grbox{
		padding:16px 21px;
	}

	.gr1{
		font-size:18px;
	}

	.plus-wrap{
		width: 100%;
		transform: scale(0.85);
	}

	.fr-ab{
		right: -15px;
		bottom: -100px;

	}

	.newf1{
		position: relative;
		right: 50px;
	}

	.newf2{
		position: relative;
		left: 50px;
	}

	.enimg{
		width: 28%;
	}

	.cp2{
		margin-top: 60px;
	}


}

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

	.slflex{
		width:900px;
	}

	.sltop{
		font-size:20px;
		margin-top:24px;
		margin-bottom:24px;
	}

	.grbox{
		padding:16px 21px;
	}

	.gr1{
		font-size:16px;
	}

	.nf1 a img{
		width:191px;
		padding: 28px 0;
	}

	.nf2-1 a p{
		font-size: 14px;
	}

	.nf2-1 a span{
		font-size: 22px;
	}

	.nf2-1 a img{
		width: 20px;
		height: 20px;
	}

	.nf2-2 a{
		padding: 10px 14px;
	}

	.nf2-2 a p{
		font-size: 13px;
	}

	.nf2-2 a p span{
		font-size: 15px;
	}

	.nf2-2 img{
		width: 21px;
		height: 21px;
	}

	.nf2-3 a p{
		font-size: 15px;
	}

	.nf2-3 a p span{
		font-size: 13px;
	}

	.nf2-3 a img{
		width: 31px;
		height: 31px;
	}

	#fixwrap{
		height: 82px;
	}

	.nf2-1{
		padding:12px 0;
	}

	.nf2-2{
		padding: 10px 14px;
	}

	.nf2-3{
		padding: 9px 0;
	}

	.nf2-3 a{
		padding: 8px 10px 9px;
	}

	/* .nf1{
		width: 32%;
	}

	.nf2{
		width: 68%;
	} */





}

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

	.slflex{
		width:850px;
	}

	.sltop{
		font-size:19px;
		margin-top:21px;
		margin-bottom:20px;
	}

	.grbox{
		padding:16px 21px;
	}

	.gr1{
		font-size:16px;
	}

}

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

	.slflex{
		width:800px;
	}

	.sltop{
		font-size:19px;
		margin-top:20px;
		margin-bottom:20px;
	}

	.grbox{
		padding:11px 20px;
	}

	.gr1{
		font-size:16px;
	}

}

/*-----------------ブレイクポイント③---------------*/


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

	.copy{
		padding-bottom: 100px;
	}

	.ftflex{
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	.humanwidth{
		width: 23%;
	}

	#fixwrap{
		display: none!important;
		height: 0;
	}

	#footerwrap{
		display: block;
		z-index: -1;
		bottom: -80px;
		left: 0;
		width: 100%;
		height: 80px;
		background:#014855;
		opacity: 0;
		position: fixed;
		transition: 0.5s;
		box-sizing: border-box;
		padding:0 20px;
	}

	#footerwrap.open2{
		bottom: 0;
		opacity: 1;
		z-index: 9999;
	}

	.f-flex{
		display: flex;
		justify-content: space-between;
	}

	.ff1 , .ff2 , .ff3{
		width: 33.33%;
		display: block;
		box-sizing: border-box;
	}

	.ff1{
		padding:16px 0;
	}

	.ff2{
		padding: 17px 0;
		padding-right: 18px;
	}

	.ff3{
		padding: 17px 0;
	}

	.ff1 a{
		color: white;
		text-align: center;
		display: block;
		font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Arial", "MS Pゴシック",sans-serif;
	}

	.ff1 a:hover{
		color: white;
		text-decoration: none;
	}

	.ff1 a p{
		font-size: 14px;
		margin: 0;
	}

	.ff1 a span{
		color: white;
		font-size: 23px;
	}

	.ff1 a span img{
		width: 22px;
		height: 22px;
		margin-right: 5px;
		position: relative;
		bottom: 1px;
	}

	.ff2 a{
		background-color: white;
		color:#014855;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		padding: 8px 0;
		transition: 0.4s;
	}

	.ff2 a:hover{
		text-decoration: none;
		color:#014855;
		opacity: 0.7;
	}

	.ff2 a img{
		/* width: 28px;
		height: 28px; */
		width: 32px;
		height: 32px;
		margin-right: 12px;
		position: relative;
		/* top: 2px; */
	}

	.ff2 a p{
		font-size: 20px;
		margin: 0;
		line-height: 28px;
	}

	.ff3 a{
		background: #D16C00;
		color: white;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 8px 0;
		transition: 0.4s;
	}

	.ff3 a:hover{
		text-decoration: none;
		color: white;
		opacity: 0.7;	
	}

	.ff3 a img{
		/* width: 28px;
		height: 28px; */
		width: 32px;
		height: 32px;
		margin-right: 12px;
		position: relative;
		/* top: 2px; */
	}

	.ff3 a p{
		font-size: 20px;
		margin: 0;
		line-height: 28px;
	}

	/* .ff3 a p span{
		display: block;
		font-size: 12px;
	} */

	.ff-img-box img{
		display: block;
		margin-top: -2px;
	}




	.cfp-1 p{
		font-size: 16px;
	}

	.cfp-1 span{
		font-size: 18px;
	}

	.cfp-2 h3{
		font-size: 23px;
	}

	.cfp-2 p{
		font-size: 16px;
	}

	.plus-coach h2{
		font-size: 19px;
	}

	.scale{
		display: none;
	}

	.sm-scale{
		display: block;
	}

	.ac-box{
		padding: 35px 25px;
	}

	.acf-1{
		width: 22%;
	}

	.acf-2{
		width: 78%;
	}

	.ab-title{
		top: 0;
		margin-top: 30px;
		margin-bottom: 45px;
		width: 100%;
	}

	.ac-box h3{
		font-size: 20px;
	}

	.ac-flex{
		font-size: 16px;
	}

	.sm-wrap{
		padding:0 20px;
		box-sizing: border-box;
	}

	.plus-wrap{
		transform: scale(1.0);
		padding: 0 20px;
	}

	.text-area{
		position: relative;
		background:#E8EEEF;
		text-align: center;
		padding:50px 0 40px;
	}

	.text-area .num2{
		position: absolute;
		margin: 0;
		background-color: #91ABAF;
		color: white;
		font-size: 30px;
		width: 60px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		left: 50%;
		top: -30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
    z-index: 2;	
	}

	.ta2{
		margin-top: 70px;
	}

	.text-area h3{
		font-size: 30px;
		font-weight: bold;
		color: #014855;
		margin-bottom: 20px;
	}

	.text-area p{
		font-size: 18px;
		margin: 0;
	}

	.flow-area img{
		width: 100%;
	}

	.bicon{
		display: block;
		margin:30px auto;
	}

	.lastarea{
		margin-bottom: 80px;
	}

	.stimg{
		margin-bottom: 15px;
		width:100%;
	}


	.pre a{
		font-size:12px;
	}

	.leftbar{
		top:5px;
	}

	.rightbar{
		top:5px;
	}

	.next a{
		font-size:12px;
	}

	.singleright{
		padding-left:15px!important;
	}

	.absolutebg{
		height:260px;
	}

	.post2{
		height:390px;
	}

	.post{
		height:390px;
	}

	.arsubtitle{
		font-size:9px;
		padding:4px 10px;
	}

	.lec1{
		padding-right:0!important;
	}

	.lectext1{
		font-size:20px;
	}

	.lecsub{
		font-size:14px;
	}

	.lectext2{
		font-size:14px;
	}

	.potext{
		font-size:17px;
	}

	.potext2{
		font-size:17px;
	}

.voicetop, .recotop, .livetop, .policytop {
    font-size: 19px;
}	

	.blockman1 , .blockman2{
		display:inline;
	}

	.classtext{
		margin-top:30px;
		font-size:15px;
		line-height:1.7em;
	}

	.tpimg1{
		width:230px;
	}

	.youtube{
		width:230px;
		height:140px;
	}

	.aboutlink{
		font-size:15px;
	}

	.tabletop2{
		margin-bottom:30px;
	}

	.point1{
		font-size:13px;
	}

	.rowrow{
		margin-top:13px;
	}

	.point2{
		font-size:13px;
		margin-top:25px;
	}

	.sppo{
		margin-top:20px;
	}	

	.table{
		visibility: hidden;
		height:1px;

	}

	.wtext{
		font-size:14px;
	}

	.vtcon{
		font-size:14px;
	}

	.wtext2{
		font-size:14px;
		margin-top:20px;
	}

	.pointw{
		padding:10px 15px;
		top:2px;
	}

	.pttop{
		font-size:21px;
		padding-top:12px;
	}

	.pttop2{
		font-size:16px;
	}

	.pointma{
		margin-top:15px;
	}

	.pointma1{
		font-size:19px;
	}

	.pointma2{
		font-size:14px;
		margin-top:15px;
	}

	.pointma3{
		font-size:14px;
		margin-top:20px;
	}

	.pointma4 p{
		font-size:14px;
	}	

	.ptt2{
		padding-top:0;
	}

	.ps1 , .ps2{
		font-size:14px;
	}

	.slflex{
		margin:22px auto;
		width:750px;
	}

	.sltop{
		font-size:16px;
		margin-top:18px;
		margin-bottom:18px;
		margin-left: 13px;
		margin-right: 13px;
		letter-spacing: 0;
	}

	.grbox{
		padding:8px 20px;
	}

	.gr1{
		font-size:15px;
	}

	.informationbox{
		margin:15px auto;
	}	

	.textbox{
		margin-left:0;
	}

	.textbox2{
		margin-right:0;
	}

.menulist1 , .mainmenu{
	display:none;
}	

.menu-btn {
    display: block;
    position: absolute;
    color: #004856;
    font-size: 32px;
    width: 76%;
    margin: 0 auto;
    margin-left:20%;
    padding: 12px 0 0;
    text-align: right;
    z-index: 99999999999999999;
  }

  .menu-btn i:hover{
  	cursor: pointer;
  }

  .lock {
    transition: all 0.3s linear;
    color: #3b6397;
  }

  .hummenu.is-active {
    transform: translateX(0);
  }

  .hummenu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 9999;
  }

  .menuflex{
  	width:100%;
  	display:flex;
  	margin-top:110px;
  }

  .mflexleft{
  	width:50%;
  	margin-left:80px;
  }

  .mflexleft a{
  	display:block;
  	color:black;
  	font-size:16px;
  	font-weight:bold;
  	margin-bottom:20px;  	
  }

  .mflexleft a:hover , .mflexright a:hover , .menuleft a:hover{
  	text-decoration: none;
  	color:#004856;
  }

  .mflexright{
  	width:50%;
  }

  .mflexright a{
  	display:block;
  	color:black;
  	font-size:16px;
  	font-weight:bold;
  	margin-bottom:20px;
  }

  .menuflex2{
  	display:flex;
  	/*margin-top:30px;*/
  }

  .menuleft{
  	width:50%;
  	margin-left:80px;
  }

  .menuleft a{
  	display:block;
  	color:black;
  	font-size:16px;
  	font-weight:bold;
  	margin-bottom:20px;
  }

  .menuright{
  	width:50%;
  }

  .menuright img{

  }

  .iconrow{
  	margin-top:30px;
  	margin-left:80px;
  }

  .menuright a i{
  	font-size:24px;
  	margin-right:10px;
  }

  .ilink1{
  	color:#43619C;
  }

  .ilink2{
  	color:#24A9E6;
  }

  .ilink3{
  	color:#EE2B6F;
  }

  .tagline{
  	padding-top:20px;
  	width: 80%;
  	display: flex;
  	margin-left: 20px;
  }

  .tagline a{
  	width:auto;
  	display: block;
  }

  .tagline img{
  	width: 100px;
  	height: auto;
  }

  .tagline span{
  	display: block;
  	vertical-align: middle;
  	margin-top: 8px;
  	font-size: 14px;
  	line-height: 1.7;
  	width: 100%;
  }

  .er1{
  	margin-top:20px;
  }

  .csub{
  	font-size:14px;
  	margin-top:30px;
  }

  .cocol2{
  	padding-left:15px!important;
  }

  .cocol3{
  	padding-right:15px!important;
  }

  .coinfo1{
  	font-size:17px;
  }

  .coinfo2{
  	font-size:17px;
  	padding-bottom:4px;
  }

  .coinfo3{
  	font-size:13px;
  }

  .sttop{
  	font-size:23px;
  }

  .st2{
  	font-size:16px;
  }

  .stepbo p{
  	font-size:14px;
  }

  .steprow2 .stepbo{
  	height:130px;
  	padding-bottom:0;
  }

  .popright h3{
  	font-size:12px;
  }

  .slleft img{
  	height: 100%;
  	object-fit: cover;
  }

  .fl-plus{
  	font-size: 22px;
  	padding: 24px 0;
  	box-sizing: border-box;
  	width: 100%;
  }

  .icon-plus{
  	width: 22px;
  	height: 22px;
  }

  .form h2{
  	font-size: 24px;
  }

  .form h2 span{
  	font-size: 48px;
  }

  .step3 div p{
  	font-size: 14px;
  }

  .step3-1:after{
  	width: 15px;
  	height: 17px;
  	top: 52%;
  }

  .step3-3:after{
  	width: 15px;
  	height: 17px;
  	top: 52%;  	
  }





}

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

	.slflex{
		width:700px;
	}


	.grbox{
		padding:6px 20px;
	}

	.gr1{
		font-size:15px;
	}

}

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

	.slflex{
		width:650px;
	}

	.sltop{
		font-size:15px;
		margin-top:15px;
		margin-bottom:15px;
	}

	.grbox{
		padding:6px 20px;
	}

	.gr1{
		font-size:14px;
		margin-bottom:10px;
	}

	.gr2{
		font-size:12px;
		width:150px;
	}



}



/*-----------ブレイクポイント④---------------*/

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

	.abtext{
		margin-bottom: 30px;
	}

	.result-box img{
		height: auto;
	}

	.result-flex{
		display: block;
	}

	.result-box{
		width: 100%;
		padding: 25px 15px;
	}

	.result-box .right{
		margin-top: 20px;
	}

	
.erbox{
	width:97%;
	margin:50px auto;
}

.error{
	font-size:19px;
	margin-bottom:30px;
}	

	.singleright{
		padding-left:0!important;
		display:block;
		width:500px!important;
		margin:40px auto 0;
	}

	.singletitle{
		font-size:18px;
	}

	.contentbox p{
		font-size:14px;
	}

	.contentbox h2{
		font-size:18px;
		margin-top:30px;
		margin-bottom: 30px;
	}

	.contentbox h3{
		font-size:15px;
		margin-bottom:20px;
	}

	.postcolright{
		display:block;
		width:500px!important;
		margin:0 auto;
	}

	.gbg1{
		font-size:19px;
	}

	.popright h3{
		font-size:15px;
	}

	.potext{
		font-size:15px;
	}

	.potext2{
		font-size:15px;
	}	

	.voicetext1 , .voicetext2 , .voicetext3{
		font-size:13px;
		height:280px;
		padding:20px 10px;
		margin-bottom:0;
	}	

	.reco{
		visibility: hidden;
		height:1px;
		margin:0;
	}

	.recotop{
		height:1px;
		margin:0;
		padding: 0;
	}


	.flowbox{
		height:240px;
	}

	.flowbox2{
		height:240px;
	}

	.flowbox3{
		height:239px;
	}

	.arall{
		margin-left:0;
	}

	.arwhy{
		margin-left:0;
		margin-top: 50px;
	}	

	.tpimg1{
		width:97%;
	}

	.youtube{
		width:97%;
		height:280px;
	}

	.repbg{
		background-position: right 40% bottom 40%;
		background-size: normal;
	}

	.mepo{
		padding-top:200px;
		padding-left:15px;
	}

	.mepo1{
		font-size:19px;
		width:270px;
	}

	.mepo2{
		font-size:17px;
		width:390px;
	}

	.mepo3{
		font-size:18px;
	}

	.metbox p{
		font-size:14px;
		margin-bottom:20px;
	}

	.ufaq-faq-title-text h4{
		font-size:16px;
	}

	.ufaq-faq-post p{
		font-size:14px;
		margin-bottom:0;
	}

	.prtext{
		font-size:14px;
	}

	.prbox p , .prbox li{
		font-size:14px;
	}

	.subsub{
		width:65%;
		margin-top:25px;
	}

	.leftbox{
		padding:19px 21px;
		font-size:14px;
	}

	.rightbox{
		padding:18px 20px;
	}

	.rightbox label{
		font-size:14px;
	}

	.must,
	.any{
		font-size:11px;
	}

	.form input[type="submit"] {
		font-size:17px;
	}

	.chocol1{
		padding-right:0!important;
	}

	.chocol2{
		margin-top:35px;
		padding-left:0!important;
	}

	.choicebox{
		max-width:550px;
	}

	.informationbox{
		margin:20px auto;
		padding:0 10px;
	}

	.infoca{
		width:75px;
		font-size:12px;
	}

	.infoli a{
		font-size:12px;
	}

	.subbox{
		height:220px;
	}

	.morelink{
		margin-top:25px;
		width:130px;
	}

	.infotitle{
		width:95%;
		font-size:13px;
	}

	.subtext{
		font-size:12px;
		height:120px;
	}

	.aboutrow , .aboutrow2{
		max-width:650px;
		margin:30px auto!important;
	}

	.spmargin{
		margin-top:10px!important;
	}

	.plus-wrap{
		padding:0 15px;
	}

	.sm-wrap{
		padding:0 15px;
	}

	.spcol{
		height:0;
	}

	.textcolman{
		padding-left:0!important;
		padding-right:0!important;
	}

	.pcimg1{
		height:auto;
		display:none;
	}
	
	.smimg1{
		display:block;
		width:100%;
		margin:40px 0 15px;
	}
	
	.textbox .clist{
		margin-bottom:50px;
	}

	.tagline img{
		width:100px;
		height:auto;
	}

	.ltext{
		font-size:11px;
	}

	.arbox{
		margin-top:65px;
		padding-bottom:35px;
	}

	.whytop , .lectop{
		font-size:19px;
	}

	.arall{
		font-size:16px;
		margin-top:30px;
		padding-bottom:5px;
	}

	.allrow{
		margin-left:0;
		margin-right:0;
	}

	.flexleft li, .flexright li{
		font-size:13px;
	}

	.arvoicerow{
		margin-top:50px;
	}

	.arvoice{
		font-size:20px;
		padding:8px 0;
	}

	.imgcol{
		width:90px;
	}

	.ghuman2 , .ghuman{
		width:75%;
		padding-top:15px;
		height:auto;
	}

	.textcol{
		padding:15px 7px;
	}

	.textcol p{
		font-size:12px;
	}

	.ebox1 , .ebox2{
		display:block;
	}

	.ebox2{
		margin-top:35px;
	}

	.eleft , .eright{
		width:100%;
	}

	.eventbox{
		max-width:550px;
	}

	.eventlink img{
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
	}

	.eright{
		border-top-right-radius:0;
		border-bottom-left-radius:10px;
		padding:30px 0;
	}

	.er1{
		margin-top:0;
	}

	.er3{
		width:90%;
	}

	.abcol1{
		max-width:550px;
		margin:0 auto;
	}

	.ablink{
		font-size:15px;
	}

	.abtext{
		font-size:14px;
	}

	.abcol2{
		border:none;
		max-width:550px;
		margin:0 auto;		
	}

	.abcol3{
		max-width:550px;
		margin:0 auto;			
	}

	.singleleft{
		padding-right:0!important;
	}

}

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

	.slflex{
		width:600px;
	}

	.sltop{
		margin-left:25px;
		font-size:16px;
		margin-top:13px;
		margin-bottom:12px;
	}

	.grbox{
		padding:6px 20px;
	}

	.gr1{
		font-size:12px;
		margin-bottom:10px;
	}

	.gr2{
		font-size:12px;
		width:150px;
	}

}

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

	.slflex{
		width:520px;
	}

	.sltop{
		margin-left:25px;
		font-size:14px;
		margin-top:8px;
		margin-bottom:9px;
	}

	.grbox{
		padding:6px 10px;
	}

	.gr1{
		font-size:12px;
		margin-bottom:7px;
	}

	.gr2{
		font-size:11px;
		width:150px;
	}

	.ff1{
		width: 20%;
	}

	.ff2, .ff3{
    width: 40%;
  }
	
	.ff1 a{
		height: 48px;
		line-height: 48px;
	}

	.ff1 a p{
		font-size: 10px;
	}
	
	.ff1 a span{
		font-size: 17px;
	}

	.ff1 a span img{
		width: 38px;
		height: 38px;
	}

	/* .ff2{
		padding:12px 10px;
	} */

	/* .ff2 a p{
		font-size: 16px;
		line-height: 1;
	} */

	/* .ff2 a img{
		width: 22px;
		height: 22px;
	} */

	/* .ff3 a p{
		font-size: 16px;
		line-height: 1;
	} */

	/* .ff3 a p span{
		font-size: 10px;
	} */

	/* .ff3 a img{
		width: 22px;
		height: 22px;
	} */

	#footerwrap{
		padding:0 15px;
		/* height: 70px; */
		height: auto;
	}

	/* .ff1{
		padding: 15px 0;
	} */

	/* .ff2{
		padding:15px 7px;
	} */

	/* .ff3{
		padding:15px 0;
	} */

	/* .ff2 a img{
		margin-right: 5px;
	} */

	.step3{
		display: block;
	}

	.step3 div{
		width: 100%;
		padding: 0 0 70px!important;
	}

	.step3-1:after , .step3-3:after{
		display: none;
	}

	.step3-1:before{
		position: absolute;
		bottom: 25px;
		content: '';
		left: 50%;
		width: 23px;
		height: 20px;
		background-image: url(image/b-green.png);
		background-size: cover;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 2;
	}

	.step3-2{
		position: relative;
	}

	.step3-2:before{
		position: absolute;
		bottom: 25px;
		content: '';
		left: 50%;
		width: 23px;
		height: 20px;
		background-image: url(image/b-green.png);
		background-size: cover;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
    z-index: 2;	
	}



}

/*-----------ブレイクポイント⑤---------------*/

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

	.fl-plus{
		font-size: 19px;
		padding: 18px 0;
	}

	.icon-plus{
		width: 18px;
		height:18px;
		margin-left:8px;	
	}

	.form h2{
		font-size: 18px;
	}

	.form h2 span{
		font-size: 38px;
	}

	.step3{
		box-sizing: border-box;
		padding:0 15px;
	}

	.form h2{
		font-size: 20px;

	}

	.form h2 span{
		font-size: 42px;
	}

	.coach-flex{
		display: block;
	}

	.cfp-1{
		width: 100%;
	}

	.cfp-2{
		width: 100%;
		padding-left: 0;
	}

	.ac-flex{
		display: block;
		margin-bottom: 25px;
	}

	.acf-1{
		width: 100%;
	}

	.acf-1 p{
		margin-bottom: 3px;
	}

	.acf-2{
		width: 100%;
		padding: 0;
	}

	.ac-box{
		padding: 35px 20px 10px;
	}

	.top-bo span{
		display: none;
	}

	.cfp-2 h3 br{
		display: block;
	}

	.plus-coach{
		margin-top: 40px;
	}

	.top-bo{
		padding-top: 40px;
		border-top: none;
	}

	.slleft img{
		border-bottom-left-radius: 0;
	}

	.linkflex{
		display:block;
		margin-top:60px;
	}

	.pre , .next{
		width:100%;
	}

	.pre{
		padding-right:40px;
	}

	.next{
		padding-left:15px;
	}

	.next{
		margin-top:15px;
	}

	.leftbar{
		left:20px;
		margin-right:35px;
	}

	.rightbar{
		left:-20px;
		top:0;
		margin-left:35px;
	}

	.postcolright{
		max-width:400px;
		display:block;
		margin:0 auto;
	}

	.absolutebg{
		height:0;
	}

	.arsubtitle{
		padding:4px 20px;
		font-size:11px;
	}

	.post2{
		max-width:370px;
		height:400px;
		display:block;
		margin:15px auto;
	}

	.post{
		float:none;
		max-width:370px;
		width:100%;
		margin:15px auto;
	}

	.posttop{
		margin-top:40px;
	}

	.lec1 img{
		max-width:340px;
		display:block;
		margin:0 auto;
	}

	.lec2{
		margin-top:15px;
	}

	.potext{
		font-size:19px;
	}

	.potext2{
		font-size:19px;
	}		

	.voicetext1 , .voicetext2 , .voicetext3{
		font-size:14px;
		height:auto;
		padding:20px 10px;
		margin-bottom:0;
	}

	.voicetext1{
		border-bottom:none;
	}

	.voicetext2{
		border-bottom:none;
		border-left:2px solid #555;
	}

	.voicetext3{
		border-left:2px solid #555;
	}

	.flow{
		font-size:18px;
		margin-top:15px;
		letter-spacing: 0.1em;
	}

	.flowcon{
		font-size:15px;
		line-height:1.7em;
	}

	.flowbox , .flowbox2 , .flowbox3{
		border:none;
		height:auto;
		margin-bottom:50px;
	}

	.flowbox::before , .flowbox2::before , .flowbox3::before{
		border:none;
	}

	.pointpo{
		top:0;
	}

	.catemenu li ul li {
    font-size: 12px;
    width: 180px;
	}

	.mflexleft , .menuleft , .iconrow{
		margin-left:10px;
	}


	.coimg{
		margin-bottom:15px;
	}

	.courserow{
		margin-top:35px;
	}

	.spco{
		margin-top:0;
	}

	.csub{
		margin-bottom:0;
	}

	.table{
		margin-bottom:0!important;
	}

	.tabletop2{
		font-size:17px;
		margin-top:10px;
		margin-bottom:25px;
	}

	.sprow{
		margin-top:40px;
	}

	.sttop{
		font-size:20px;
	}

	.st2{
		font-size:16px;
	}

	.stepbo{
		height:auto;
	}

  .steprow2 .stepbo{
  	height:auto;
  	padding-bottom:0;
  }	

	.steprow2{
		margin-top:0;
	}

	.righttext{
		margin-top:30px;
		font-size:12px;
	}

	.voicerow , .voicerow2{
		max-width:420px;
		margin:25px auto 0!important;
	}

	.comp{
		margin-bottom:0;
	}

	.vcol1 , .vcol2{
		padding:0!important;
	}

	.vcol1{
		width:75%!important;
		margin:0 auto;		
	}

	.vcol2{
		margin-top:10px;
	}

	.pointrow{
		margin-top:10px;
	}


	.pointbo{
		margin-top:5px;
	}

	.pointcol{
		margin-top:20px;
	}

	.point1{
		font-size:15px;

	}

	.point2{
		font-size:15px;
		margin-top:20px;
	}

	.underimg{
		width:75%;
	}

	.slflex{
		width:460px;
		display:block;
	}

	.slleft{
		width:100%;
	}

	.slleft img{
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}

	.sright{
		width:100%;
	}

	.sltop{
		margin-left:25px;
		font-size:16px;
		margin-top:15px;
		margin-bottom:15px;
	}

	.grbox{
		padding:6px 25px;
		    border-bottom-right-radius: 13px;
		border-bottom-left-radius: 13px;
	}

	.gr1{
		font-size:14px;
		margin-bottom:7px;
	}

	.gr2{
		font-size:11px;
		width:150px;
	}


	.infoca{
		display:none;
	}

	.infoli{
		margin:8px 0;
		border-left:1px solid #004856;
		padding-left:1em;
		text-indent:-1em;
		font-size:12px;
	}

	.infocol1 , .infocol2 , .infocol3{
		padding-right:0!important;
		padding-left:0!important;
		max-width:97%;
		margin:10px auto;
	}

	.infotitle{
		width:65%;
	}

	.subtext{
		height:auto;
	}

	.subbox{
		height:175px;
	}

	.morelink{
		margin-top:20px;
	}

	.cflex{
		display:block;
	}

	.c1 , .c2{
		width:95%;
		margin:10px auto;
	}

	.tpbox, .blogbox , .aboutbox{
    margin: 30px auto 0;
}

	.about2{
		margin-bottom:6px;
	}

	.tpbg{
		margin-top:30px;
	}

	.blogbg{
		padding-top:30px;
		padding-bottom:30px;
		margin-top:30px;
	}

	.blogtop2{
		margin-bottom: 0;
	}

	.blog6{
		height:145px;
	}

	.ftflex{
		display:block;
		padding-top:50px;
		padding-bottom:50px;
		padding-left: 0;
		padding-right: 0;
	}

	.copy{
		padding-bottom: 95px;
	}

	.ftcol1{
		width:90%;
		margin-right:auto;
		text-align:right;
	}

	.ftcol2 , .ftcol3{
		display: none;
	}

	.footer{
		padding-top:30px;
	}

	.footerlogo img{
		width:110px;
	}

	.copy{
		margin-top:20px;
		font-size:8px;
	}

	.skytext{
		padding:50px 10px;
		font-size:13px;
	}

	.subcol{
		padding-left:8px!important;
		padding-right:8px!important;
		margin:0 auto;
	}

	.subcol2{
		padding-left:8px!important;
		padding-right:8px!important;
		margin-top:10px;
	}

	.pointimgsub{
		width:95%;
		margin:0 auto!important;
		text-align:center;
		justify-content: center;
	}

	.spbo .point2{
		margin-top:10px;
	}

	.rightbox span{
		margin-right:10px;
	}

	.wp-pagenavi{
		padding-bottom:50px;
	}



}

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

	.slflex{
		width:400px;
	}

	.sltop{
		margin-left:25px;
		font-size:16px;
		margin-top:10px;
		margin-bottom:10px;
	}

	.grbox{
		padding:10px 25px;
	}

	.gr1{
		font-size:14px;
		margin-bottom:7px;
	}

	.gr2{
		font-size:11px;
		width:150px;
	}

}	

/*-----------ブレイクポイント⑥---------------*/

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

	.abcol2 video{
		width: 92%;
		display:block;
		margin:0 auto 6px;
	}
	
	.accept{
		font-size:14px;
	}
	
	.accept span input{
		position:relative;
		top:1px;
	}
	
	.rightbox{
		padding:13px 10px!important;
	}	

	.container-fluid {
		overflow-x: hidden;
	}

	.ff1{
		padding: 18px 0;
	}

	.ff1 a{
		line-height: 1.3;
		height: auto;
	}

	.ff1 a p{
		transform: scale(0.85);
	}

	.ff1 a span{
		font-size: 13px;
	}

	.ff1 a span img{
		width: 32px;
		height: 32px;
		margin-right: 3px;
	}

	.plus-coach h2{
		font-size: 17px;
	}

	.ff3 a img{
		margin-right: 1px;
		margin-left: 1px;
	}

	.ff2 a p{
		font-size: 11px;
	}

	.ff2 a{
		padding: 7px 0;
	}

	.ff2 a img{
		width: 15px;
		height: 15px;
		margin-right: 3px;
	}

	.ff3 a p{
		font-size: 11px;
	}

	/* .ff3 a p span{
		transform: scale(0.73);
	} */

	.ff3 a img{
		width: 19px;
		height: 19px;
	}

	.top-bo{
		padding-top: 0;
	}

	.cfp-1 img{
		width: 180px;
		margin-bottom: 15px;
	}

	.cfp-1 p{
		font-size: 13px;
	}

	.cfp-1 span{
		font-size: 16px;
	}

	.cfp-2 h3{
		font-size: 19px;
	}

	.cfp-2 p{
		font-size: 13px;
	}

	.ac-box{
		margin: 35px 0;
	}

	.ac-box h3{
		font-size: 18px;
	}

	.acf-2 p{
		margin-top: 3px;
		font-size: 13px;
	}

	.plus-coach{
		margin-top: 15px;
	}

	.free .container-fluid{
		display: block;
		width: 92%!important;
		margin: 30px auto;
	}

	.coach-flex{
		margin-top: 40px;
	}

	.tagline{
		width: 82%;
    margin-left: 15px;
	}

	.result-box{
		padding: 15px 10px;

	}

	.result-name{
		font-size: 11px;
	}

	.result-right h3{
		font-size: 17px;
	}

	.result-excerpt{
		font-size: 13px;
	}

	.result-box img{
		height: 140px;
	}

	.result-link{
		font-size: 14px;
		padding-bottom: 3px;
	}

	.voicebottom{
		padding-bottom: 50px!important;
	}


	.tagline span{
		font-size: 10px;
		margin-left: 24px;
		margin-top: 5px;
	}

	.courserow{
		margin-bottom: 60px;
	}

	.coursebox{
		margin-bottom: 60px;
	}

	.arbox, .coursebox{
		width: 100%;
		box-sizing: border-box;
		padding: 0 12px;
	}

	.coinfo3{
		margin-bottom: 25px;
	}

	.tagline{
		width: 82%;
		margin-left: 15px;
	}
	
	.ewd-ufaq-faq-title h4{
		font-size:18px;
		margin:10px 0;
	}

	.singlesub{
		font-size:13px;
	}

	.singletitle{
		font-size:17px;
	}

	.contentbox p{
		font-size:13px;
	}

	.contentbox h2{
		font-size:17px;
		margin-top:20px;
		margin-bottom:20px;
	}

	.contentbox h3{
		font-size:14px;
	}


	#primary{
		display:block;
		width:98%;
		margin:0 auto;
	}

	.gbg1{
		font-size:15px;
	}

	.popright h3{
		font-size:13px;
	}	

	.lectext1{
		font-size:17px;
	}

	.lecsub , .lectext2{
		font-size:13px;
	}

	.lecimg{
		width:85%;
	}


.voicetop, .recotop, .livetop, .policytop {
    font-size: 17px;
}	

.voicetext1, .voicetext2, .voicetext3{
	font-size:13px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.voice3{
	width: 91%!important;
	display: block;
	margin:30px auto;
	overflow-x: inherit;
}

.policy .container-fluid{
	width: 98%!important;
	display: block;
	margin:30px auto;	
}


.flowcon{
	font-size:13px;
	line-height:1.6em;
}

.livevoice{
	margin-top:10px;
}
	
.ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
    font-size: 24px!important;
}	

	.mflexleft a , .mflexright a , .menuleft a{
		font-size:14px;
		margin-bottom:25px;
	}

	.subtitle{
		font-size:11px;
	}

	.title{
		font-size:13px;
	}

	.youtube{
		height:220px;
	}

	.catewidth{
		padding:0;
	}

	.catemenu li ul li {
    font-size: 10px;
    width: 160px;
	}	

	.faqcon{
		font-size:13px;
	}

	.metbox p{
		font-size:14px;
		line-height:1.8;
		margin-bottom:20px;
	}

	.metbox p span{
		font-size: 17px;
		margin-bottom: 25px;
	}

	.metbox p.re-text2 span{
		margin-top: 65px;
	}


	.repbg{
		background-position: right 60% bottom 40%;
		
	}

	.mepo{
		padding-top:200px;
		padding-left:10px;
		padding-bottom:45px;
	}

	.mepo1{
		font-size:16px;
		width:200px;
	}

	.mepo2{
		font-size:14px;
		width:320px;
	}

	.mepo3{
		font-size:15px;
	}	

	.faqlink a{
		font-size:14px;
		width:50%;
	}

	.faqvoice{
		font-size:16px;
		margin-bottom:20px;
		padding:7px 0;
	}

	.ufaq-faq-title-text h4{
		font-size:13px;
	}

	.ufaq-faq-post p{
		font-size:12px;
		margin-bottom:0;
	}	

	.clink1, .clink2 {
    font-size: 17px;
    padding:8px 0;
}

	.informationbox{
		margin:10px auto;
	}

	.slflex{
		width:320px;
		margin:15px auto;
	}

	.sltop{
		margin-left:15px;
		font-size:14px;
		margin-top:10px;
		margin-bottom:10px;
	}

	.grbox{
		padding:10px 15px;
	}

	.gr1{
		font-size:14px;
		margin-bottom:7px;
	}

	.gr2{
		font-size:11px;
		width:150px;
	}	

	.abouttop{
		font-size:17px;
	}

	.aboutbo{
		font-size:13px;
		line-height:1.7em;
	}

	.aboutlink{
		width:160px;
		font-size:13px;
	}

	.clist , .clist2{
		font-size:11px;
	}
	
	.tagline img{
		width:65px;
	}

	.ltext{
		margin-left:3px;
		font-size:8px;
	}

	.menu-btn{
		width:78%;
		font-size:25px; 
		padding:13px 0 0;
	}

	.pagebg6 , .pagebg2 , .pagebg4 , .pagebg5 ,
	 .pagebg9 , .pagebg3 , .pagebg10 , .pagebg8 ,
	  .pagebg11 , .pagebg7 , .pagebg1{
		height:130px;
	}

	.classtext{
		margin-top:20px;
		font-size:14px;
		line-height:1.6em;
		margin-bottom:0;
	}

	.classflex{
		display:block;
		margin-top:40px;
	}

	.classflex2{
		margin-top:0;
		display:block;
	}

	.col1{
		width:92%;
		margin:15px auto;
	}

	.col2{
		width:92%;
		margin:15px auto;
	}

	.pagetop{
		top:75px;
	}

	.pt1{
		font-size:17px;
		width:290px;
	}

	.pt2{
		font-size:13px;
		width:220px;
		padding-right:0;
	}

	.tagcloud a{
		font-size:11px!important;
	}

	.taglist{
		font-size:11px!important;
	}

	.tagmargin{
		margin-bottom:0;
	}

	.wp-pagenavi{
		padding-top:35px;
		padding-bottom:35px;
	}

	.whytop , .coursetop{
		font-size:17px;
	}

	.posttop{
		font-size:17px;
		padding-left:0;
	}

	.recoblogtop{
		margin-top:45px;
		padding-left:0;
		font-size:17px;
	}

	.prtop{
		font-size:17px;
		margin-bottom:25px;
	}

	.subtop{
		font-size:16px;
		padding-left:6px;
		border-left:4px solid #004856;
	}

	.prbox p, .prbox li {
    font-size: 12px;
	}

	.ft11 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

	.subsub{
		width:75%;
	}

	.arall{
		font-size:15px;
		width:65%;
		margin-top:15px;
	}

	.flexleft li, .flexright li {
	    font-size: 12px;
	}

	.arvoicerow{
		margin-top:20px;
	}

	.arvoice{
		font-size:17px;
	}

	.imgcol{
		width:75px;
	}

	.voiceflex{
		margin-top:20px;
	}

	.ghuman2 , .ghuman{
		padding-top:25px;
	}

	.textcol{
		padding:7px;
	}

	.eventbox{
		margin:30px auto 0;
	}

	.ebox2{
		margin-top:30px;
	}

	.eright{
		padding:15px 0;
	}

	.er1{
		font-size:12px;
	}

	.er2{
		font-size:20px;
	}

	.er3{
		font-size:10px;
	}

	.tp1, .blogtop1 , .about1{
    font-size: 25px;
}

.about2 , .tp2 , .blogtop2{
	font-size:12px;
}
	.tpbg{
		padding-top:20px;
		padding-bottom:20px;
	}

	.tp3{
		margin-top:0;
	}

	.abtext{
		font-size:12px;
	}

	.blogbg{
		padding-bottom:0;
	}

	.contactrow{
		margin-top:30px;
	}

	.snsrow{
		margin-top:30px;
		margin-bottom: 30px;
	}

	.m1{
		font-size:17px;
	}

	.m2{
		font-size:30px;
		margin-top:15px;
	}

	.memain{
		font-size:14px;
		margin-top:15px;
		font-weight:550;
	}

	.choicebox{
		margin-bottom:80px;
		width:97%;
	}

	.choicebox .container-fluid{
		padding-inline: 0px !important;
		padding-top: 16px !important;
	}

	.chotop{
		font-size:14px;
	}

	.bgbox1 , .bgbox2 , .chbgbox3 , .chbgbox4 , .chbgbox5 , .chbgbox6{
		height:180px;
	}

	.chotext{
		font-size:18px;
		padding-top:15px;
	}

	.skytext{
		padding:45px 5px;
	}

	.pointw img{
		width:75px;
	}

	.pttop{
		padding-top:16px;
		font-size:19px;
		margin-left:10px;
	}

	.pttop2{
		font-size:14px;
	}

	.ptt2{
		padding-top:7px;
	}

	.pointma{
		width: 100%;
		padding-inline: 10px;
	}

	.pointma1{
		font-size:17px;
	}

	.pointma2{
		font-size:12px;
	}

	.pointma3{
		font-size:12px;
		margin-top:15px;
	}

	.pointma4 p{
		font-size:12px;
		margin-bottom:1px;
	}

	.ps1, .ps2 {
    font-size: 12px;
}

	.comp{
		font-size:14px;
	}

	.name{
		font-size:15px;
	}

	.wtext{
		font-size:12px;
	}

	.vtcon{
		font-size:12px;
	}

	.wtext2{
		font-size:12px;
	}

	.form{
		margin-top:40px;
	}

	.cflex2 , .cflex3{
		display:block;
	}

	.leftbox{
		width:100%;
		padding:10px;
	}

	.must,
	.any{
		float:none;
		margin-left:15px;
	}

	.rightbox{
		width:100%;
		padding:10px;
	}

	.privacy{
		font-size:15px;
	}

	.formbox{
		margin-top:20px;
	}

	.formtop{
		font-size:21px;
	}

	.formsub{
		font-size:13px;
	}

	.form input[type="submit"]{
		font-size:15px;
	}

	.csub{
		font-size:12px;
		margin-top:15px;
		margin-bottom:0;
	}

	.table{
		margin-bottom:0!important;
	}

	.tabletop2{
		margin-top:0;
		margin-bottom:25px;
	}

	.coinfo1{
		font-size:15px;
	}

	.coinfo2{
		font-size:15px;
		margin-bottom:8px;
	}

	.coinfo3{
		font-size:12px;
	}
	
	.recoblogtop{
		font-size:20px;
}
	
	.posttop{
		font-size:20px;
}
	
	.postimg img{
		height:250px;
}

	.lecbox , .classbox{
		width: 93%;
	}

	.container-fluid{
		padding: 0!important;
	}

	.lec1 img{
		max-width: 100%;
	}

	.classflex .col1 , .classflex .col2 , .classflex .col3 ,
	.classflex2 .col1 , .classflex2 .col2 , .classflex2 .col3{
		width: 100%;
	}

	.faqbox , .singlebox{
		width: 93%;
	}	

	.singlebox .row{
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	.recoblogtop{
		box-sizing: border-box;
		padding: 0 12px;
	}

	.text-area .num2{
		width: 36px;
		height: 36px;
		line-height: 36px;
		top: -18px;
		font-size: 23px;
	}

	.text-area h3{
		font-size: 22px;
		margin-bottom: 10px;
	}

	.text-area p{
		font-size: 14px;
	}

	.text-area{
		padding:40px 10px 30px;
		box-sizing: border-box;
	}

	.ab-title{
		font-size: 22px;
		padding:12px 0;
		margin-top: 45px;
		margin-bottom: 30px;
	}


	#footerwrap{
		padding:0 10px;
		font-family: 'Noto Sans JP', sans-serif;
	}

	.ff2{
		padding: 15px 5px;
	}

	.cfarea{
		box-sizing: border-box!important;
		width: 100%!important;
		padding: 0 4%!important;
	}
	
	.sm-wrap , .plus-wrap{
		padding:0 10px;
}




}

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

.slflex{
		width:300px;
		margin:15px auto;
	}

	.sltop{
		margin-left:15px;
		font-size:14px;
		margin-top:7px;
		margin-bottom:7px;
	}

	.grbox{
		padding:10px 15px;
	}

	.gr1{
		font-size:13px;
		margin-bottom:7px;
	}

	.gr2{
		font-size:11px;
		width:150px;
	}

	.post2{
		margin:15px 10px;
	}

	.container-fluid .lecrow{
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

	.lec2{
		padding-left: 0!important;
		margin-top: 20px;
		margin-bottom: 45px;
	}

	.lecbox{
		padding-bottom: 40px;
	}

	.lecbox .lectop{
		margin-bottom: 20px;
	}


}


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

	.ltext{
		visibility: hidden;
	}

	.tp2, .blogtop2 {
    font-size: 12px;
}

	.mepo{
		padding-top:200px;
		padding-left:10px;
		padding-bottom:45px;
	}

	.mepo1{
		font-size:13px;
		width:180px;
	}

	.mepo2{
		font-size:12px;
		width:270px;
	}

	.mepo3{
		font-size:13px;
	}

	.catebox{
		margin-top:40px;
	}

	.catemenu li{
		visibility: hidden;
		height: 0;
	}


}

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

	.mflexleft a , .mflexright a , .menuleft a{
		font-size:13px;
		margin-bottom:25px;
	}

.slflex{
		width:280px;
		margin:15px auto;
	}

	.sltop{
		margin-left:15px;
		font-size:14px;
		margin-top:7px;
		margin-bottom:7px;
	}

	.grbox{
		padding:10px 15px;
	}

	.gr1{
		font-size:13px;
		margin-bottom:7px;
	}

	.gr2{
		font-size:11px;
		width:150px;
	}

}


/* 追加編集CSS2023010 */
.slick-slide{
    overflow: hidden;
		/* margin-left: 2vw!important;
		margin-right: 2vw!important; */
}

.slick-list , .slick-track , .slick-slider{
	/* height: 325px!important; */
	height: 420px!important;
}

.slick-slider a{
	transition: 0.4s;
	color: #212529;
	text-decoration: none;
}

.slick-slider a:hover{
	opacity: 0.7;
	color: #212529;
	text-decoration: none;
}

.slleft p{
	line-height: 1;
	width: 100%;
	height:100%;
}

.slflex{
	max-width: 100%!important;
}

.sp{
	display:none;
}

.info3 div a{
	color:#212529;
	text-decoration: none!important;
	transition: 0.4s;
}

.info3 div a:hover{
	opacity: 0.7;
}

.gmap{
	width: 1100px;
	max-width: 100%;
	margin: 0 auto;
	display:block;
}

.ftflex{
	padding:75px 20px 30px;
}

.ftblack{
	padding-bottom: 75px;
}

.slflex{
	overflow: hidden;
}

.slick-slider{
	margin-top: 15px;
}

.page-gmap{
	display:block;
	margin:120px auto 0;
}

.page-gmap iframe{
	width: 100%;
}

.form{
	margin-bottom: 150px;
}

.slick-slider a{
	border-radius: 15px;
}

/*.sltop , .gr1 , .gr2{
	line-height: 1.55;
}*/

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

	.slick-list, .slick-track, .slick-slider{
		height: 25vw!important;
	}

}

@media screen and (max-width: 1140px){
	.gmap{
		box-sizing:border-box;
		padding:0 20px;
	}

	.gmap iframe{
		width: 100%;
		box-sizing: border-box;
	}

	.page-gmap iframe{
		height: 440px;
	}


}

@media screen and (max-width: 800px){
	.slick-list, .slick-track, .slick-slider{
		height: 29vw!important;
	}
}

@media screen and (max-width: 575px){
	.slick-list, .slick-track, .slick-slider{
		height: 64vw!important;
	}

.slick-slide{
    overflow: hidden;
		margin-left: 3vw!important;
		margin-right: 3vw!important;    
}

	.slflex{
		width: auto!important;
	}

}

@media screen and (max-width: 575px){
	.sp{
		display:block;
	}

	.news1{
		text-align: center;
    letter-spacing: 0.12em;
    font-size: 34px;
    margin-bottom: 0;
    font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-weight: 100;	
    margin-top: 60px;	
	}

	.news2{
		text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
	}

	.ftcol1{
		width: 100%;
		padding:0 20px;
		box-sizing:border-box;
	}

	.ftflex{
		padding:50px 0 20px;
	}

	.gmap iframe{
		height: 280px;
	}

	.ftblack{
		padding-bottom: 50px;
	}

	.copy.footer-copy{
		padding-bottom: 30px;
	}






}

@media screen and (max-width: 480px){
	.slflex{
		width: auto!important;
	}

	.slick-list, .slick-track, .slick-slider{
		height: 70vw!important;
	}	

}

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

	.news1{
		font-size: 25px;
		margin-top: 45px;
	}

	.news2{
		font-size: 12px;
	}

	.informationbox , .info3 , .tpimg1 , .ablink , .abtext ,
	.youtube , .blogw ,.c1, .c2{
		width: 92%;
	}

	.sm-wrap, .plus-wrap{
		padding:0 4%;
	}

	.infotitle{
		padding-left: 25px;
	}

	.sp-none{
		display:none!important;
	}

	.f-flex{
		align-items: center;
	}

	.ff1{
		width: 14%;
	}

	.ff2, .ff3{
		width: 43%;
		padding:12px 5px;
	}

	.ff1 a span img{
		width: 32px;
		height:auto;
		margin: 0;
	}

	.ff2 a img{
		/* width: 20px; */
		width: 30px;
		height: auto;
		margin-right: 12px;
	}

	.ff2 a p{
		font-size: 18px;
	}

	.ff3 a{
		padding:7px 0;
	}

	.ff3 a img{
		/* width: 20px; */
		width: 30px;
		height: auto;
		margin-right: 12px;
	}

	.ff3 a p span{
		transform: scale(1.0)!important;
	}

	.ff3 a p{
		font-size: 18px;
	}

	.page-gmap{
		margin-top: 70px;
	}

	.page-gmap iframe{
		height: 350px;
	}

	.form{
		margin-bottom: 70px;
	}

}


.abcol2 video{
	width: 100%;
	margin-bottom: 5px;
}

/*================================
renewal header
================================*/
.header-btn-box {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-btn-box a{
	height: inherit;
	display: flex;
	align-items: center;
}

.header-btn-box p{
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}

.header-btn01,
.header-btn02 {
  height: 68px;
}
@media screen and (max-width: 1050px) {
	.header-btn01,
	.header-btn02{
		height: 60px;
	}
}

.header-btn01 a{
  width: 178px;
	padding-left: 21px;
	border: solid 1px #000;
	background: #fff;
	transition: color 0.4s, opacity 0.4s;
}

.header-btn01 a:hover{
	text-decoration: none;
	color: #014855;
	opacity: 0.7;
}

.header-btn01 p{
	margin-left: 12px;
	color: #1B4754;
}

.header-btn02 a{
	width: 208px;
	padding-left: 29px;
	border: solid 1px #C57129;
	background: #C57129;
	transition: color 0.4s, opacity 0.4s;
}

.header-btn02 a:hover{
	text-decoration: none;
	color: white;
	opacity: 0.7;
}

.header-btn02 p{
	margin-left: 19px;
	color: #fff;
}

.header-img{
  width: 48px;
	height: 48px;
}

.header-img img{
	max-width: 100%;
}

/*================================
renewal top
================================*/
/* 既存 */
.logorow{
	clear:both;
	max-width:100%;
	margin:0 auto;
	z-index:999;
	position:relative;

	display: flex;
	align-items: center;
	height: 100px;
	overflow: hidden;
	padding-inline: 22px 12px;
}
@media screen and (max-width: 1279px) {
	.logorow{
		height: 80px;
	}
}
@media screen and (max-width: 767px) {
	.logorow{
		padding-inline: 0;
  }
}
@media screen and (max-width: 575px) {
	.logorow{
		height: 56px;
  }
}

.tagline{
	padding-top: 0 !important;
}

@media screen and (max-width: 767px) {
	.tagline span{
		margin-left: 24px !important;
		margin-top: 5px;
	}
}
@media screen and (max-width: 575px) {
	.tagline span{
		font-size: 10px;
	}
}
@media screen and (max-width: 374px) {
	.tagline span{
		margin-left: 10px !important;
	}
}

.homelink{
	z-index: 999999999;
}

.homelink img{
	width:137px;
	height:auto;
}
@media screen and (max-width: 1279px) {
	.homelink img{
    width:100px;
  }
}
@media screen and (max-width: 575px) {
	.homelink img{
    width:65px;
  }
}

.ltext{
	margin-left:29px;
	font-weight:normal;
	color:#000;
	font-size:24px;
	line-height: 1.5;
}
@media screen and (max-width: 1919px) {
	.ltext{
		margin-left: 1.51vw;
    font-size: clamp(18px, 1.25vw, 24px);
  }
}

/* 新規 */
.l-top__left{
  display: flex;
	align-items: center;
}

.l-top__right {
	margin-left: auto;
  display: flex;
	align-items: center;
}
@media screen and (max-width: 1279px) {
	.l-top__right{
		display: none;
	}
}

.l-top__tel-box {
  position: relative;
}

.l-top__tel-head {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Arial", "MS Pゴシック",sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	padding-left: 59px;
	display: block;
}
@media screen and (max-width: 1919px) {
	.l-top__tel-head{
		font-size: clamp(13px, 1.146vw, 22px);
		padding-left: 3.073vw;
	}
}

.l-top__tel {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Arial", "MS Pゴシック",sans-serif;
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 40px;
  padding-left: 59px;
	position: relative;
	line-height: 1.2;
}
@media screen and (max-width: 1919px) {
	.l-top__tel{
		font-size: clamp(24px, 2.083vw, 40px);
		padding-left: 3.073vw;
	}
}

.l-top__tel:hover {
  text-decoration: none;
	color: #000;
}

.l-top__tel::before{
  content: "";
  position: absolute;
	top: 0;
  left: 0;
  width: 37px;
  height: 37px;
  background: url(./image/common/tel-icon.png) no-repeat center center/contain;
}
@media screen and (max-width: 1919px) {
	.l-top__tel::before{
		width: 1.927vw;
    height: 1.927vw;
  }
}

.l-top__btn-box {
	margin-left: 22px;
  display: flex;
	align-items: center;
}
@media screen and (max-width: 1600px) {
	.l-top__btn-box{
		margin-left: 1.375vw;
	}
}

.l-top-btn{
  transition: opacity 0.4s;
}

.l-top-btn:hover{
	opacity: 0.7;
}

.l-top-btn img{
  max-width: 100%;
}

.l-top-btn01{
  width: 300px;
}
@media screen and (max-width: 1600px) {
	.l-top-btn01{
		width: 18.75vw;
	}
}

.l-top-btn02{
  margin-top: 6px;
  margin-left: -25px;
	width: 256px;
}
@media screen and (max-width: 1600px) {
	.l-top-btn02{
		width: 16vw;
  }
}
/*================================
renewal index fv
================================*/
.p-index-fv__inner {
  max-width: 100%;
}

.p-index-fv__img {
  width: 100%;
}

.p-index-fv__img img {
  max-width: 100%;
}
/*================================
renewal index common
================================*/
.l-inner{
	max-width: 100%;
	margin-inline: auto;
}

.l-inner img{
	display: block;
	border: none;
	max-width: 100%;
	height: auto;
}

.l-inner ul{
	margin: 0;
  padding: 0;
  list-style: none;
}

.l-inner li,
.l-inner dd {
  list-style-type: none;
}

.l-inner a{
  cursor: pointer;
}

.l-inner a:hover{
  text-decoration: none;
}

.l-inner picture{
  display: block;
}

.c-lead{
	font-size: 36px;
	font-weight: 700;
	width: fit-content;
	margin-inline: auto;
	color: #000;
}
@media screen and (max-width: 1919px) {
	.c-lead{
		font-size: clamp(27px, 1.875vw, 36px);
	}
}
@media screen and (max-width: 575px) {
	.c-lead{
		font-size: 22px;
	}
}
@media screen and (max-width: 374px) {
	.c-lead{
		font-size: 20px;
	}
}


.c-lead::before{

}

.c-lead span{
	display: inline-block;
  transform: scaleX(-1);
}

@media screen and (max-width: 650px) {
	.u-sp-none{
	  display: none !important;
	}
}

@media screen and (min-width: 1024px) {
	.u-dn-lg-min{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.u-dn-md-max{
		display: none !important;
	}
}
@media screen and (min-width: 576px) {
	.u-dn-sm-min{
		display: none;
	}
}
@media screen and (max-width: 575px) {
	.u-dn-sm-max{
		display: none;
	}
}
@media screen and (min-width: 441px) {
	.u-dn-xs-min{
		display: none;
	}
}
/*================================
renewal index cta
================================*/
.p-index-cta {
  padding-top: 35px;
	padding-bottom: 30px;
	background: #E9EEEF;
}
@media screen and (max-width: 1919px) {
	.p-index-cta {
		padding-top: 1.823vw;
		padding-bottom: 1.563vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-cta{
		padding-top: 23px;
    padding-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-index-cta{
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
	}
}

.p-index-cta__inner {

}

.p-index-cta__lead {

}
@media screen and (max-width: 767px) {
	.p-index-cta__lead {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 575px) {
	.p-index-cta__lead {
	  font-size: 2.933vw;
	}
}

.p-index-cta__btn-box{
	background: #e9eeef;
}

.p-index-cta__btn-fixed {
  margin-top: -5px;
	width: fit-content;
	margin-inline: auto;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.p-index-cta__btn-fixed{
		/* display: block; */
	}
}

@media screen and (max-width: 900px) {
	.p-index-cta__btn-fixed.is-fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
}

.p-index-cta__btn-fixed-pc{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
  transform: translateY(100%);
	transition: transform 0.3s;
}
@media screen and (max-width: 900px) {
	.p-index-cta__btn-fixed-pc{
		display: none;
	}
}

.p-index-cta__btn-fixed-pc.is-fixed{
	transform: translateY(10%);
}

.p-index-cta__btn {
	display: block;
	transition: opacity 0.4s;
}

.p-index-cta__btn:hover{
	opacity: 0.7;
}

.p-index-cta__btn:last-child {
  margin-left: 23px;
}
@media screen and (max-width: 1919px) {
	.p-index-cta__btn:last-child {
		margin-left: 1.198vw;
	}
}

.p-index-cta__btn.btn01{
  width: 500px;
}
@media screen and (max-width: 1919px) {
	.p-index-cta__btn.btn01{
		width: 26.042vw;
		min-width: 400px;
	}
}
@media screen and (max-width: 1023px) {
	.p-index-cta__btn.btn01{
		width: 350px;
		min-width: 0;
	}
}
@media screen and (max-width: 767px) {
	.p-index-cta__btn.btn01{
		width: 48.533vw;
	}
}
@media screen and (max-width: 374px) {
	.p-index-cta__btn.btn01{
		/* width: 280px; */
	}
}

.p-index-cta__btn.btn02{
  width: 400px;
}
@media screen and (max-width: 1919px) {
	.p-index-cta__btn.btn02{
		width: 20.833vw;
		min-width: 320px;
	}
}
@media screen and (max-width: 1023px) {
	.p-index-cta__btn.btn02{
		width: 280px;
		min-width: 0;
	}
}
@media screen and (max-width: 767px) {
	.p-index-cta__btn.btn02{
		width: 38.933vw;
	}
}
@media screen and (max-width: 374px) {
	.p-index-cta__btn.btn02{
		/* width: 224px; */
	}
}

.p-index-cta__foot {
  width: fit-content;
	margin-inline: auto;
	font-size: 36px;
	font-weight: bold;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Arial", "MS Pゴシック",sans-serif;
	margin-bottom: 0;
}
@media screen and (max-width: 1919px) {
	.p-index-cta__foot{
		font-size: clamp(27px, 1.875vw, 36px);
	}
}
@media screen and (max-width: 575px) {
	.p-index-cta__foot{
		font-size: 20px;
		text-align: center;
	}
}
@media screen and (max-width: 374px) {
	.p-index-cta__foot{
		font-size: 18px;
	}
}

.p-index-cta__tel {
	margin-left: 10px;
  font-size: 48px;
	padding-left: 62px;
	position: relative;
	color: #000;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Arial", "MS Pゴシック",sans-serif;
}
@media screen and (max-width: 1919px) {
	.p-index-cta__tel{
		font-size: clamp(36px, 2.5vw, 48px);
    padding-left: 3.229vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-cta__tel{
		display: block;
		padding-left: 44px;
		width: fit-content;
		margin-inline: auto;
	}
}
@media screen and (max-width: 767px) {
	.p-index-cta__tel{
		padding-left: 5.333vw;
		font-size: 5.333vw;
	}
}

.p-index-cta__tel:hover{
	color: #000;
}

.p-index-cta__tel::before{
	content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 46px;
  height: 46px;
  background: url(./image/common/tel-icon.png) no-repeat center center/contain;
}
@media screen and (max-width: 1919px) {
	.p-index-cta__tel::before{
		width: 2.396vw;
    height: 2.396vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-cta__tel::before{
		width: 34px;
		height: 34px;
	}
}
@media screen and (max-width: 767px) {
	.p-index-cta__tel::before{
		width: 4.267vw;
		height: 4.267vw;
	}
}

.p-index-cta__time {
	display: inline-block;
	margin-left: 29px;
	font-size: 26px;
	font-weight: normal;
	transform: translateY(-7px);
}
@media screen and (max-width: 1919px) {
	.p-index-cta__time{
		margin-left: 1.51vw;
		font-size: clamp(19px, 1.354vw, 26px);
		transform: translateY(-0.365vw);
	}
}
@media screen and (max-width: 1279px) {
	.p-index-cta__time{
		margin-left: 0;
		display: block;
		text-align: center;
		transform: none;
	}
}
@media screen and (max-width: 767px) {
	.p-index-cta__time{
		font-size: 3.2vw;
	}
}

.p-index-cta__time span{
  font-size: 20px;
}
@media screen and (max-width: 1919px) {
	.p-index-cta__time span{
		font-size: clamp(15px, 1.042vw, 20px);
	}
}
@media screen and (max-width: 767px) {
	.p-index-cta__time span{
		font-size: 2.667vw;
	}
}
/*================================
renewal index access
================================*/
.p-index-access {
  margin-top: 39px;
}
@media screen and (max-width: 1023px) {
	.p-index-access{
		margin-top: 30px;
	}
}
/*================================
renewal index voice
================================*/
.p-index-voice {
  margin-top: 49px;
}
@media screen and (max-width: 1023px) {
	.p-index-voice{
		margin-top: 40px;
	}
}

.p-index-voice__inner {

}

.p-index-voice__lead {

}

.p-index-voice__body {
  margin-top: 35px;
}
@media screen and (max-width: 1023px) {
	.p-index-voice__body{
		margin-top: 20px;
	}
}

.p-index-voice .your-class {

}

.swiper-container {
  position: relative;
	padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.swiper-container {
		padding-bottom: 70px;
	}
}

.swiper {
  position: relative;
}

.swiper-wrapper {
  position: relative;
}

.swiper-button-prev,
.swiper-button-next {
	width: 120px !important;
	height: 263px !important;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1919px) {
	.swiper-button-prev,
	.swiper-button-next {
		width: 6.25vw !important;
		min-width: 88px;
		height: 13.698vw !important;
		min-height: 193px;
	}
}
@media screen and (max-width: 767px) {
	.swiper-button-prev,
	.swiper-button-next {
		display: none !important;
	}
}

.swiper-button-prev{
	left: 100px !important;
  background: url(image/index/prev-arrow.png) no-repeat center center/contain;
}
@media screen and (max-width: 1919px) {
	.swiper-button-prev{
		left: 5.208vw !important;
	}
}

.swiper-button-next{
	right: 100px !important;
	background: url(image/index/next-arrow.png) no-repeat center center/contain;
}
@media screen and (max-width: 1919px) {
	.swiper-button-next{
		right: 5.208vw !important;
	}
}

.swiper-button-prev::after {
  display: none;
}

.swiper-button-next::after {
  display: none;
}

.swiper-pagination-bullet{
  width: 28px !important;
	height: 28px !important;
	margin-inline: 7px !important;
	background: #ccc !important;
	opacity: 1 !important;
	bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.swiper-pagination-bullet{
		width: 16px !important;
		height: 16px !important;
		margin-inline: 5px !important;
	}
}

.swiper-pagination-bullet-active{
  background: #014856 !important;
}

.p-index-voice .result-box {
  width: 382px !important;
	min-height: 420px;
	margin: 0;
	padding: 0;
	border: none;
}
@media screen and (max-width: 1600px) {
	.p-index-voice .result-box {
		width: 23.875vw !important;
		min-width: 350px;
  }
}
@media screen and (max-width: 767px) {
	.p-index-voice .result-box {
		min-width: 320px;
  }
}
@media screen and (max-width: 575px) {
	.p-index-voice .result-box {
		min-width: 270px;
  }
}
@media screen and (max-width: 374px) {
	.p-index-voice .result-box {
		min-width: 250px;
  }
}


.p-index-voice .result-img img {
  aspect-ratio: 570/428;
}

.p-index-voice .result-name {
	margin: 0;
	margin-top: 5px;
  font-size: 14px;
}

.p-index-voice .result-title {
	margin: 0;
	margin-top: 15px;
  font-size: 18px;
}

.p-index-voice .result-excerpt {
	margin: 0;
	margin-top: 10px;
  font-size: 14px;
}

.p-index-voice .result-link {
  margin: 0;
	margin-top: 20px;
	display: block;
	width: fit-content;
	margin-left: auto;
}
/*================================
renewal index point
================================*/
.p-index-point {
  margin-top: 87px;
}
@media screen and (max-width: 1919px) {
	.p-index-point{
		margin-top: 4.531vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-point{
		margin-top: 46px;
	}
}
@media screen and (max-width: 1023px) {
	.p-index-point{
		margin-top: 40px;
	}
}

.p-index-point__inner {
	max-width: 100%;
	margin-inline: auto;
}

.p-index-point__head {
	background: #014856;
}

.p-index-point__lead {
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	padding-top: 27px;
	padding-bottom: 20px;
}
@media screen and (max-width: 1919px) {
	.p-index-point__lead{
		font-size: clamp(24px, 1.667vw, 32px);
	}
}
@media screen and (max-width: 1023px) {
	.p-index-point__lead{
		font-size: 20px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-point__lead{
		font-size: 3.733vw;
		padding-top: 2.667vw;
		padding-bottom: 2.667vw;
	}
}

.p-index-point__lead span{
	font-size: 48px;
}
@media screen and (max-width: 1919px) {
	.p-index-point__lead span{
		font-size: clamp(36px, 2.5vw, 48px);
	}
}
@media screen and (max-width: 1023px) {
	.p-index-point__lead span{
		font-size: 30px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-point__lead span{
		font-size: 3.733vw;
	}
}

.p-index-point__img {
	margin-top: 67px;
	display: block;
	width: 1656px;
	max-width: 100%;
	margin-inline: auto;
}
@media screen and (max-width: 1919px) {
	.p-index-point__img{
		margin-top: 3.49vw;
		width: 86.25vw;
	}
}
@media screen and (max-width: 1023px) {
	.p-index-point__img{
		margin-top: 0;
		width: 100%;
	}
}

.p-index-point__img img{
	display: block;
  border: none;
  max-width: 100%;
  height: auto;
}
/*================================
renewal index reason
================================*/
.p-index-reason {
  margin-top: 163px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason {
		margin-top: 8.49vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason{
		margin-top: 60px;
	}
}
@media screen and (max-width: 1023px) {
	.p-index-reason{
		margin-top: 40px;
	}
}

.p-index-reason__inner {
  width: 1380px;
	padding-inline: 40px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__inner{
		width: 71.875vw;
		min-width: 1100px;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__inner{
		width: 100%;
		min-width: 0;
	}
}
@media screen and (max-width: 767px) {
	.p-index-reason__inner{
		padding-inline: 20px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__inner{
		padding-inline: 0;
	}
}


.p-index-reason__head {
  background: #36A7BD;
}

.p-index-reason__ttl {
  text-align: center;
	font-family: 'YuGothic', sans-serif;
	font-size: 48px;
	font-weight: bold;
	padding-top: 55px;
	padding-bottom: 55px;
	color: #000;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__ttl{
		font-size: clamp(36px, 2.5vw, 48px);
		padding-top: 2.865vw;
		padding-bottom: 2.865vw;
	}
}
@media screen and (max-width: 1023px) {
	.p-index-reason__ttl{
		font-size: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__ttl{
		font-size: 5.333vw;
		padding-top: 3.2vw;
		padding-bottom: 3.2vw;
	}
}

.p-index-reason__body {
  margin-top: 115px;
}
@media screen and (max-width: 1279px) {
	.p-index-reason__body {
		margin-top: 60px;
		max-width: 520px;
		margin-inline: auto;
	}
}
@media screen and (max-width: 767px) {
	.p-index-reason__body{
		margin-top: 40px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__body{
		padding-inline: 4.8vw;
	}
}

.p-index-reason__list {

}

.p-index-reason__item {
  display: flex;
	justify-content: space-between;
	position: relative;
	background: #86C2CE;
}
@media screen and (max-width: 1279px) {
	.p-index-reason__item{
		display: block;
		width: 100%;
		padding: 20px;
	}
}

.p-index-reason__item:nth-child(even){
  flex-direction: row-reverse;
}

.p-index-reason__item:first-child{
	padding-top: 22px;
	padding-left: 44px;
	padding-right: 25px;
	padding-bottom: 42px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__item:first-child{
		padding-top: 1.146vw;
		padding-left: 2.292vw;
		padding-right: 1.302vw;
		padding-bottom: 2.188vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__item:first-child{
		padding: 20px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__item:first-child{
		padding: 20px 16px 13px;
	}
}

.p-index-reason__item:nth-child(2){
	margin-top: 192px;
	padding-top: 21px;
	padding-left: 35px;
  padding-right: 35px;
	padding-bottom: 32px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__item:nth-child(2){
		margin-top: 10vw;
		padding-top: 1.094vw;
		padding-right: 1.823vw;
		padding-bottom: 1.667vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__item:nth-child(2){
		margin-top: 80px;
		padding: 20px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__item:nth-child(2){
		margin-top: 60px;
		padding: 20px 16px 13px;
	}
}

.p-index-reason__item:last-child{
	margin-top: 167px;
	padding-top: 31px;
  padding-left: 36px;
	padding-right: 30px;
	padding-bottom: 22px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__item:last-child{
		margin-top: 8.698vw;
		padding-top: 1.615vw;
		padding-left: 1.875vw;
		padding-right: 1.563vw;
		padding-bottom: 1.146vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__item:last-child{
		margin-top: 80px;
		padding: 20px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__item:last-child{
		margin-top: 60px;
		padding: 20px 16px 13px;
	}
}

.p-index-reason__img {
	flex: 0 0 auto;
}
@media screen and (max-width: 1279px) {
	.p-index-reason__img {
		margin-top: 0;
		min-width: 0;
	}
}

.p-index-reason__img.img01 {
	margin-top: -40px;
  max-width: 603px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__img.img01 {
		margin-top: -2.083vw;
		max-width: 31.406vw;
		min-width: 480px;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__img.img01 {
		margin-top: 0;
		max-width: 100%;
		min-width: 0;
	}
}

.p-index-reason__img.img02 {
	margin-top: -28px;
  max-width: 602px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__img.img02 {
		margin-top: -1.458vw;
		max-width: 31.354vw;
		min-width: 480px;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__img.img02 {
		margin-top: 0;
		max-width: 100%;
		min-width: 0;
	}
}

.p-index-reason__img.img03 {
	margin-top: -45px;
  max-width: 595px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__img.img03 {
		margin-top: -2.344vw;
		max-width: 30.99vw;
		min-width: 500px;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__img.img03 {
		margin-top: 0;
		max-width: 100%;
		min-width: 0;
	}
}

@media screen and (max-width: 575px) {
	.p-index-reason__img.img01 img,
	.p-index-reason__img.img02 img{
	  width: 100%;
		height: 100%;
		object-fit: cover;
		aspect-ratio: 307/180;
	}
}

.p-index-reason__txts {
  text-align: center;
	color: #000;
	font-family: 'YuGothic', sans-serif;
}
@media screen and (max-width: 1279px) {
	.p-index-reason__txts{
		margin-top: 20px;
	}
}

.p-index-reason__sm-ttl {
  font-size: 28px;
	font-weight: bold;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__sm-ttl{
		font-size: clamp(21px, 1.458vw, 28px);
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__sm-ttl{
		font-size: clamp(10px, 4vw, 21px);
		white-space: nowrap;
		line-height: 1.5;
	}
}

.p-index-reason__txt {
	margin-top: 31px;
  font-size: 24px;
	font-weight: normal;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__txt {
		margin-top: 1.615vw;
		font-size: clamp(18px, 1.25vw, 24px);
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__txt{
		margin-top: 10px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__txt{
		margin-left: 2px;
		font-size: clamp(10px, 3.2vw, 17px);
		text-align: justify;
	}
}

.p-index-reason__txt.txt03{
	max-width: 605px;
	margin-left: 10px;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__txt.txt03{
		max-width: 31.51vw;
		min-width: 450px;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__txt.txt03{
		max-width: 450px;
		min-width: 0;
		margin-inline: auto;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__txt.txt03{
		margin-left: -2px;
		white-space: nowrap;
	}
}

@media screen and (max-width: 575px) {
	.p-index-reason__txt span{
		margin-top: 1.5em;
		display: block;
		text-align: left;
	}
}

.p-index-reason__btn-box {
	width: 375px;
	height: 77px;
	line-height: 77px;
	padding-left: 64px;
	background: #005768;
  position: absolute;
	bottom: -46px;
	transition: filter 0.4s;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__btn-box{
		width: 19.531vw;
		height: 4.01vw;
		line-height: 4.01vw;
		padding-left: 3.333vw;
		bottom: -2.396vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__btn-box{
		width: 230px;
		height: 47px;
		line-height: 47px;
		padding-left: 35px;
		bottom: -27px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__btn-box{
		width: 167px;
		height: 35px;
		line-height: 35px;
		padding-left: 20px;
		bottom: -18px;
	}
}

.p-index-reason__btn-box:hover{
	filter: brightness(1.4);
}

.p-index-reason__btn-box.box01{
	right: 0;
}

.p-index-reason__btn-box.box02{
  left: 0;
}
@media screen and (max-width: 1279px) {
	.p-index-reason__btn-box.box02{
		left: auto;
		right: 0;
	}
}

.p-index-reason__btn {
  font-size: 28px;
	font-weight: bold;
	line-height: 77px;
	color: #fff;
}
@media screen and (max-width: 1919px) {
	.p-index-reason__btn{
		font-size: clamp(21px, 1.458vw, 28px);
		line-height: 4.01vw;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-reason__btn{
		font-size: 20px;
		line-height: 47px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-reason__btn{
		font-size: 16px;
		line-height: 35px;
	}
}

/*================================
renewal index faq
================================*/
.p-index-faq {
  margin-top: 87px;
}
@media screen and (max-width: 1279px) {
	.p-index-faq {
		margin-top: 80px;
	}
}

.p-index-faq__inner {
  width: 1300px;
	padding-inline: 40px;
}
@media screen and (max-width: 1919px) {
	.p-index-faq__inner {
		width: 67.708vw;
		min-width: 1000px;
	}
}
@media screen and (max-width: 1279px) {
	.p-index-faq__inner {
		width: 100%;
		min-width: 0;
	}
}
@media screen and (max-width: 575px) {
	.p-index-faq__inner {
		padding-inline: 16px;
	}
}

.p-index-faq__ttl {
	font-weight: bold;
	font-size: 33px;
	margin-bottom: 0;
}
@media screen and (max-width: 1279px) {
	.p-index-faq__ttl{
		font-size: 30px;
	}
}
@media screen and (max-width: 575px) {
	.p-index-faq__ttl{
		font-size: 24px;
	}
}

.p-index-faq__body {
	margin-top: 50px;
  font-weight: 300;
  font-size: 16px;
}
@media screen and (max-width: 1279px) {
	.p-index-faq__body{
		margin-top: 40px;
	}
}
/*================================
renewal contact
================================*/
.p-privacy-mask {
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.75;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 400;
  display: none;
}

.p-privacy-modal {
  background: #fff;
  height: calc(100vh - 80px);
	padding-inline: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  overflow-y: scroll;
	box-sizing: border-box;
  display: none;
}
@media screen and (max-width: 1150px) {
	.p-privacy-modal{
		padding-inline: 20px;
	}
}
@media screen and (max-width: 575px) {
	.p-privacy-modal{
		padding-inline: 10px;
	}
}

.p-privacy-modal .prw{
	width: 900px;
	box-sizing: border-box;
}
@media screen and (max-width: 1150px) {
	.p-privacy-modal .prw{
		width: 78.193vw;
	}
}
@media screen and (max-width: 767px) {
	.p-privacy-modal .prw{
		width: 80vw;
	}
}
@media screen and (max-width: 575px) {
	.p-privacy-modal .prw{
    width: 85vw;
	}
}

.p-privacy-btn{
	margin-top: 60px;
  cursor: pointer;
  margin-bottom: 80px;
  width: 200px;
  line-height: 52px;
  color: #fff;
  background: #000;
  text-align: center;
  margin-inline: auto;
  border-radius: 5px;
  font-size: 24px;
	font-weight: bold;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
	.p-privacy-btn{
		margin-top: 40px;
		font-size: 20px;
		width: 150px;
		line-height: 40px;
	}
}

.p-privacy-btn:hover{
  opacity: 0.8;
}
/*================================
renewal mv
================================*/
.pagebg4,
.pagebg5{
	background-position: left bottom;
}

.pagebg6,
.pagebg7{
	background-position: center center;
}

.pagebg8{
  background-position: center top;
}

.pagebg9{
  background-position: center top;
}

.pagebg11{
	background-position: right center;
}
/*================================
renewal others
================================*/
.catemenu li ul{
	padding-inline: 15px;
	margin-inline: auto;
}