@charset "utf-8";

/*pageTtl*/
.pageTtl{
	background-image: url(../imgs/img-mv.jpg);
}

/*------------
planBtn
------------*/
.planBtn{
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.planBtn .clm{
	width: 48%;
	background: linear-gradient(to right,rgba(100,142,165,1),rgba(15,81,116,1));
	border:solid 3px #5789a9;
	box-sizing: border-box;
}
.planBtn .clm:nth-child(even){
	margin-left:4%;
}
.planBtn .clm:nth-child(n+3){
	margin-top: 30px;
}
.planBtn .clm .inner{
	padding:20px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-image: linear-gradient(90deg, rgba(255,255,255,.1) 10%, rgba(255,255,255,.8) 70%, rgba(255,255,255,.1) 90%);
	border-image-slice: 1;
	transition:.4s;
}
.planBtn .clm a:hover .inner{
	background: rgba(255,255,255,.1);	
}
.planBtn .clm .inner dl{
	-webkit-align-items: center; /* Safari */
	align-items: center;
}
.planBtn .clm .inner dl dt{
	width:40.333333333333336%;
	text-align: center;
	font-size: 20px;
	line-height: 1;
}
.planBtn .clm .inner dl dt strong{
	font-size: 54px;
	font-weight: 400;
	margin-right: 10px;
	letter-spacing: 0.1em;
}
.planBtn .clm .inner dl dt strong b{/*プラン名：小文字用*/
	font-family: 'Noto Serif Japanese',"游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
	font-weight: 400;
	font-size:30px;
}
.planBtn .clm .inner dl dd{
	width: 59.66666666666667%;
	font-size: 24px;
	line-height: 1.2;
	border-left: solid 1px #6d95aa;
	padding-left: 30px;
}
.planBtn .clm .inner dl dd small{
	font-size: 13px;
	margin-right: 5px;
}
.planBtn .clm .inner dl dd strong{
	font-size: 30px;
	font-weight: 400;
	font-family: 'Cinzel', serif;
}
.planBtn .clm .more{
    padding: 9px 0 4px;
	background:#5789a9;
	text-align: center;
	font-size:13px;
	line-height: 1;
	position: relative;
}
.planBtn .clm .more i{
	font-size:40px;
	position: absolute;
    left: 120px;
    top: -5px;
}

@media only screen and (max-width:736px) {
	.planBtn{
		display: block;
	}
	.planBtn .clm{
		width: 100%;
	}
	.planBtn .clm .inner dl{
		display: -webkit-flex;
		display: flex;
	}
	.planBtn .clm:nth-child(even){
		margin-left:0;
	}
	.planBtn .clm:nth-child(n+2){
		margin-top: 30px;
	}
	.planBtn .clm .inner dl dt{
		width:34.333333333333336%;
		font-size: 14px;
	}
	.planBtn .clm .inner dl dt strong{
		font-size:28px;
		margin-right: 5px;
	}
	.planBtn .clm .inner dl dt strong b{/*プラン名：小文字用*/
		font-size: 24px;
	}
	.planBtn .clm .inner dl dd{
		width: 65.66666666666667%;
		padding-left:15px;
		font-size: 16px;
	}
	.planBtn .clm .inner dl dd small{
		font-size: 11px;
		letter-spacing: 0.2em;
	}
	.planBtn .clm .inner dl dd strong{
		font-size: 20px;
		letter-spacing: 0.1em;
	}
	.planBtn .clm .more{
		font-size: 10px;
	}
	.planBtn .clm .more i{
		font-size: 30px;
		left: 17%;
	    top: -2px;
	}

}

/*------------
plan detail
-------------*/

.pageback{
	position: relative;
	padding-left: 23px;
	transition: .4s;
}
.pageback i{
	font-size: 40px;
	position: absolute;
	left: -12px;
	top: -7px;
}
.pageback:hover{
	opacity: .7;
}
/*planBox*/
.planBox{
	margin-top: 40px;
	text-align: center;
}
.planBox .planBox-spec{
	background:#073350;
	padding:20px 40px;
	text-align: left;

	-webkit-justify-content: flex-start; /* Safari */
	justify-content:  flex-start;
	-webkit-align-items: flex-end; /* Safari */
	align-items: flex-end;
	line-height: 1;
}
.planBox .planBox-spec .en{
	line-height: 1;
}
.planBox .planBox-spec div:nth-child(n+2){
	margin-left: 35px;
}
.planBox .planBox-spec .spec-type{
	font-size: 27px;
}
.planBox .planBox-spec .spec-type strong{
	font-size: 60px;
	font-weight: 400;
	margin-right:15px;
	letter-spacing: 0.1em;
}
.planBox .planBox-spec .spec-type strong b{/*プラン名：小文字用*/
	font-family: 'Noto Serif Japanese',"游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
	font-weight: 400;
	font-size:37px;
}
.planBox .planBox-spec .spec-ldk{
	font-size: 31px;
}
.planBox .planBox-spec .spec-ldk strong{
	font-size: 40px;
	font-weight: 400;
}
.planBox .planBox-spec .spec-space{
	font-size: 24px;
}
.planBox .planBox-spec .spec-space small{
	font-size: 13px;
	line-height: 2;
}
.planBox .planBox-spec .spec-space strong{
	font-size: 40px;
	font-weight: 400;
}
.planBox .planBox-spec .spec-cap{
	font-size: 12px;
	text-align: left;
	line-height: 2;
}
@media only screen and (max-width:736px) {
	.planBox .planBox-spec{
	    padding: 20px;
	}
	.planBox .planBox-spec div:nth-child(n+2){
		margin-left: 0;
	}
	.planBox .planBox-spec .spec-type{
		width: 100%;
		font-size: 20px;
	}
	.planBox .planBox-spec .spec-type strong{
		font-size: 40px;
		margin-right: 5px;
	}
	.planBox .planBox-spec .spec-type strong b{/*プラン名：小文字用*/
		font-size:30px;
	}
	.planBox .planBox-spec .spec-ldk{
		font-size: 24px;
		margin-top: 10px;
	}
	.planBox .planBox-spec .spec-ldk strong{
		font-size: 30px;
	}
	.planBox .planBox-spec .spec-space{
		font-size: 18px;
		margin-top: 5px;
	}
	.planBox .planBox-spec .spec-space small{
		font-size: 11px;
	}
	.planBox .planBox-spec .spec-space strong{
		font-size: 30px;
	}
	.planBox .planBox-spec .spec-cap{
		width: 100%;
		font-size: 10px;
		margin-top: 10px;
	}

}

/*"planBox-img*/
.planBox-img{
	background: #fff;
	padding:50px 50px 30px;
}
/*madoriImg*/
.madoriImg{
	margin-bottom: 40px;

}
/*madoriTxt*/
.madoriTxt{	
	display: inline-block;	
}
.madoriTxt li{
	color:#000;
	font-size: 14px;
	text-align: left;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.madoriTxt li:before{
	content: '●';
}
.madoriTxt li:nth-child(n+2){
	margin-top: 5px;
}
.madoriCap{
	color:#000;
	font-size: 10px;
	text-align: left;
	margin-top: 50px;
}
.madoriCap img{
	vertical-align: middle;
	margin-right:7px;
}
.madoriCap img:nth-child(n+3){
	margin-left:15px;
}
@media only screen and (max-width:736px) {
	.planBox-img{
		padding:30px 20px 20px;
	}
	.madoriTxt li{
		font-size: 10px;
	}
}

/*btn-print*/
.btn-print{
	margin-top: 45px;
}
/*otherType*/
.otherType{
	margin-top: 60px;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.otherType .clm{
	width:30.8%;
	background: #5789a9;
	transition: .4s;
}
.otherType .clm.on{
	background: #7bb0ca;	
}
.otherType .clm:hover{
	background: #7bb0ca;
}
.otherType .clm:nth-child(2),
.otherType .clm:nth-child(3),
.otherType .clm:nth-child(5),
.otherType .clm:nth-child(6){
	margin-left: 3.8%;
}
.otherType .clm:nth-child(n+4){
	margin-top: 20px;
}
.otherType .clm dl{
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	padding:15px 0 15px 35px;
	position: relative;
	text-align: left;
}
.otherType .clm dl i{
	font-size:40px;
	position: absolute;
	left: 0;
}
.otherType .clm dl dt{
	text-align: center;
	font-size: 16px;
	line-height: 1;
}
.otherType .clm dl dt strong{
	font-size: 37px;
	font-weight: 400;
	margin-right: 5px;
	letter-spacing: 0.1em;
}
.otherType .clm dl dt strong b{/*プラン名：小文字用*/
	font-family: 'Noto Serif Japanese',"游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
	font-weight: 400;
	font-size:30px;
}
.otherType .clm dl dd{
	font-size: 16px;
	line-height: 1.2;
	margin-left: 15px;
}
.otherType .clm dl dd small{
	font-size: 13px;
	margin-right: 5px;
}
.otherType .clm dl dd strong{
	font-size: 18px;
	font-weight: 400;
}
@media only screen and (max-width:736px) {
	.otherType{
		display: -webkit-flex; /* Safari */
		display: flex;
		margin-top: 40px;
	}
	.otherType .clm{
		width: 49%;	
	}
	.otherType .clm:nth-child(2),
	.otherType .clm:nth-child(3),
	.otherType .clm:nth-child(5),
	.otherType .clm:nth-child(6){
		margin-left: 0;
	}
	.otherType .clm:nth-child(even){
		margin-left: 2%;
	}
	.otherType .clm:nth-child(n+3){
		margin-top: 10px;
	}	
	.otherType .clm dl{
		padding-left: 30px;
	}
	.otherType .clm dl i{
		font-size:30px;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	.otherType .clm dl dt{
		font-size: 12px;
		text-align: left;
	}
	.otherType .clm dl dt strong{
		font-size: 32px;
		margin-right: 5px;
	}
	.otherType .clm dl dt strong b{/*プラン名：小文字用*/
		font-size:20px;
	}
	.otherType .clm dl dd{
		font-size: 13px;
		margin-left: 0;
	}
	.otherType .clm dl dd small{
		font-size: 11px;
		margin-right: 5px;
	}
	.otherType .clm dl dd strong{
		font-size: 14px;
	}

}