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

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(/common/font/NotoSerifCJKjp-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(/common/font/NotoSerifCJKjp-Bold.woff) format('woff');
}
body * {
	font-family: "Noto Sans JP", sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ns_min {
	font-family: 'Noto Serif Japanese', serif;
}
.mincho {
	font-family: "HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {
}
body * {
	box-sizing: border-box;
}
#wrap {
}
.pcNone {
	display: none;
}
.spNone {
	display: block;
}
.txtBtn {
}
.txtBtnLink {
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width: 100%;
	padding: 0.5em 0 0.6em;
	border-radius: 3px;
	position: relative;
}
.bgc_Shu {
	background-color: #F80026;
}
.bgc_Aqua {
	background-color: #16B2BE;
}
.bgc_Black {
	background-color: #000;
}
.txtColor_Aqua {
	color: #16B2BE;
}
.txtColor_White {
	color: #FFF;
}
.fw_Bold {
	font-weight: bold;
}
.mgb1em {
	margin-bottom: 1em
}
.mgb2em {
	margin-bottom: 2em
}
.mgb3em {
	margin-bottom: 3em
}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
header{}

#headerArea{}
#headerAreaInner{
	padding:0.7em 0;
	display:flex;
	justify-content:space-between;
}

#headerArea h1{ margin:0;}

#headerNavi{
	display:flex;
	justify-content:space-between;
}
#headerNavi li{ width:11em;}
#headerNavi li:first-child{ margin-right:1em;}

#headerNavi .txtBtn{ font-weight:bold;}
#headerNavi .txtBtnLink{
	display: inline-block;
	text-decoration: none;
	padding:0.4em 0;
	background: #F80026;				/*ボタン色*/
	color: #FFF;
	border-bottom: solid 3px #B50400;
	border-radius:7px;
}
#headerNavi .txtBtnLink:hover{
	background: #FF7122;				/*ボタン色*/
	border-bottom: solid 3px #BF551A;
}
#headerNavi .txtBtnLink:active{
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);			/*下に動く*/
	border-bottom: none;				/*線を消す*/
}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi {
}
#gnavi li {
}
/*----------------------------------------------------------------------------
 ***                                                             mainimg
----------------------------------------------------------------------------*/
#mainImgBox {
}
/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {
}
#contentsAreaInner {
}
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {
}
.mainSectionInner {
}
/*----------------------------------------------------------------------------
 ***                                                              footerAgent
----------------------------------------------------------------------------*/
#footerAgent {
	background-color: #F5F5F5;
	padding: 3em 0;
}
#footerAgent p {
	margin-bottom: 1.5em
}
#footerAgentNavi {
	display: flex;
	justify-content: space-between;
	width: 830px;
	margin: 0 auto;
}
#footerAgentNavi li {
	width: 364px;
	text-align: center;
	font-size: 140%;
}
#footerAgentNavi li .txtBtnLink {
	color: #FFF;
	text-decoration: none;
	padding: 0.7em 0 0.8em;
	position: relative;
	border: none;
	border-bottom: solid 3px #B50400;
	border-radius: 5px;
}
.formLinkBtn {
}
.formLinkBtn .txtBtnLink {
}
.formLinkBtn {
	width: 40%;
	margin: 0 auto;
	font-size: 192.857%;
	font-weight: bold;
}
.formLinkBtn .txtBtnLink {
	display: inline-block;
	text-decoration: none;
	padding: 0.6em 0;
	background: #F80026;				/*ボタン色*/
	color: #FFF;
	border-bottom: solid 3px #B50400;
	border-radius: 7px;
	position: relative;
}
.formLinkBtn .txtBtnLink:hover {
	background: #FF7122;				/*ボタン色*/
	border-bottom: solid 3px #BF551A;
}
.formLinkBtn .txtBtnLink::after {
	content: "";
	width: 0.5em;
	height: 0.5em;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	transform: rotate(45deg);
	position: absolute;
	right: 1em;
	top: 0.85em;
}
.formLinkBtn .txtBtnLink:active {
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);			/*下に動く*/
	border-bottom: none;				/*線を消す*/
	margin-bottom: 3px;
}

/* 各ブラウザ対応placeholder用 */
:placeholder-shown{ color:#aaa;}
::-webkit-input-placeholder{ color:#aaa;}
:-moz-placeholder{ color:#aaa; opacity:1;}
::-moz-placeholder{ color:#aaa; opacity:1;}
:-ms-input-placeholder{ color:#aaa;}



/* パンフレット先行予約ボタン */
.btn_ar_pamphlet{ width:550px; margin:50px auto; text-align:center;}
.btn_ar_pamphlet a{
	padding:15px;
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
	color:#fff;
	border-radius:10px;
	/*background-color:#ED7842;*/
	background:linear-gradient(#f4901e, #e5871c);
	display:block;
	box-shadow:3px 3px 6px rgba(0,0,0,0.6);
}
.btn_ar_pamphlet a:hover{ background:#efae6f;}

.pr_txt{ font-size:24px; color:#666 !important;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {padding: 30px 10px 60px;}
#footerAreaInner {
}
#footerAreaLink {
}
#footerAreaTxt {
}
#footerAreaLogo {
}
#footerCopyright {
}
#footerAgent .formLinkBtn .txtBtnLink::after {
	display: none;
}
/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
}
/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {
}
.sectionInner {
}


/*----------------------------------------------------------------------------
 ***                                                              LP用セクション
----------------------------------------------------------------------------*/
.counBtn{max-width: 960px;width:100%;margin: 2% auto 5%;text-align: center;}
.counBtn a{transition: ease-in-out .2s;}
.counBtn a:hover{opacity:0.8}
.counBtn a img{
    width: 40%;
    height: auto;
}
#bottomBtn.counBtn{margin: 5% auto 1%;position: fixed;z-index: 999;transition: ease-in-out .5s;bottom: -5%;opacity: 0;}
#bottomBtn.counBtn.fixed{
    opacity: 1;
    bottom: 0;
}
#mainSectionInner .programBox{padding: 20px 3em 35px;max-width: 860px;margin: auto;border: #6B80AF 2px solid;background: rgb(161 190 255 / 8%);}
#mainSectionInner .programBox h3{/* font-size: 26px; */color: #f57505;margin: auto 0.5em;}
#mainSectionInner .programBox p{}
#mainSectionInner .programBox ul{margin: 1em auto;width:100%;padding-top: 0;max-width: 960px;}
#mainSectionInner .programBox ul li{width: 32%;overflow: hidden;border-radius: 10px;aspect-ratio: 31/14;}
#mainSectionInner .programBox ul li:first-child{
    padding-right: 0;
}
#mainSectionInner .programBox ul li a{ width: 100%; height: 100%; display: block; position: relative; }
#mainSectionInner .programBox ul li a::before{
	content: '';
	width: 100%;
	height: 100%;
background: rgb(255, 255, 255);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(199, 114, 45, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(199, 114, 45, 1)));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(199, 114, 45, 1) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		mix-blend-mode: multiply;
		border-radius: 10px;
		opacity: 0.6;
}
#mainSectionInner .programBox ul li a span {
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-size: 25px;
	z-index: 3;
	width: 100%;
	text-align:center;
}
#mainSectionInner .programBox ul li a img {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#mainSectionInner .programBox ul li a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
#mainSectionInner .programBox ul li a:hover::before {	opacity: 0.8; }

#FormSec .programBox {border: none;border-top: #f57505 4px solid;padding: 0 0 80px;max-width: 100%;background: #fff;}
#FormSec .programBox h3{background: url(../images/counselinglp/img_contents15.png) no-repeat 0px -2px;color: #fff;margin: 0 auto 2em;}

#FormSec .programBox .counBtn{
    margin: 3em auto 0;
}