@charset "utf-8";

/******************************

 * parts style
 *
 * 1. title
 * 2. parts

******************************/


/*****
 * 1. title
*****/

.headline {
}
.headline.headline-01 {
}
.headline.headline-02 {
	font-size: 26px;
	font-family: 'Cinzel', serif;
}
.headline.headline-03{
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.23em;
	font-weight: 300;
	margin-bottom: 60px;
}
.headline.headline-03 .text,
.headline.headline-03 .textsmall{
	margin-top:50px;
}
.headline.headline-03.en{
	letter-spacing: 0.55em;
}
.headline.headline-04{
	font-size: 26px;
	letter-spacing: 0.25em;
	text-align: center;
	margin-bottom: 60px;
}
.headline.headline-04 .text,
.headline.headline-04 .textsmall{
	margin-top:40px;
}
.headline.headline-05{
	font-size: 18px;
	text-align: center;
	margin-bottom: 50px;
}
.headline.headline-05 .text,
.headline.headline-05 .textsmall{
	margin-top: 10px;
}
.headline.headline-05.en{
	letter-spacing: 0.55em;
}
@media only screen and (max-width:736px) {
	.headline.headline-02 {
		font-size: 22px;
	}
	.headline.headline-03{
		font-size:20px;
		text-align: left;
		margin-bottom: 40px;
	}
	.headline.headline-03 .text,
	.headline.headline-03 .textsmall{
		margin-top:30px;
	}
	.headline.headline-04{
		font-size: 18px;
		text-align: left;
		margin-bottom: 40px;
	}
	.headline.headline-04 .text,
	.headline.headline-04 .textsmall{
		margin-top:30px;
	}
	.headline.headline-05{
		font-size: 16px;
		text-align: left;
		margin-bottom: 40px;
	}
}

/*text*/
.text{
	text-align: center;
	font-size:16px;
	letter-spacing: 0.2em;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
}
.textsmall{
	font-size:14px;
	letter-spacing: 0.2em;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;

}
@media only screen and (max-width:736px) {
	.text{
		text-align: justify; /* 両端揃え */
		text-justify: inter-ideograph; /* 両端揃えの種類 */
		font-size:14px;
	}	
	.textsmall{
		font-size:12px;
	}
}

.image img{
	width: 100%;
}

/*****
 * 2. parts
*****/

/* = Selected Text */
::selection {
	background:#0dbed8; /* Safari */
}
::-moz-selection {
	background:#0dbed8; /* Firefox */
}

/*pageTtl*/
.pageTtl{
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	padding:140px 0 90px;
	margin-bottom: 110px;
	text-align: center;
	position: relative;
	border-bottom:solid 10px #06354b;
}
.pageTtl .cap{
	position: absolute;
	right: 7px;
	bottom: 2px;
}
@media only screen and (max-width:736px) {
	.pageTtl{
		padding:90px 0 40px;	
		margin-bottom: 60px;	
	}
}

/*parentBox*/
.parentBox{
	position: relative;
}
.childBox{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	margin:auto;
}
@media only screen and (max-width:736px) {
	.childBox{
		position: static;
		-webkit-transform: none; /* Safari用 */
		transform: none;
		box-sizing: border-box;
	}

}

/*clmBox*/
.clmBox{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.clmBox.change{
	-webkit-flex-direction: row-reverse; /* Safari */
	flex-direction: row-reverse;
}
.clmBox .clm img{
	width:100%;
}
.clmBox.clm2 .clm{
	width:50%;
}
.clmBox.clm2pa .clm{
	width:46%;
}
.clmBox.clm2pa .clm:nth-child(n+2){
	margin-left: 8%;
}
.clmBox.clm3 .clm{
	width:33.33333%;
}
.clmBox.clm3pa .clm{
	width: 30.8%;
}
.clmBox.clm3pa .clm:nth-child(n+2){
	margin-left: 3.8%;
}
.clmBox.clm4 .clm{
	width:25%;
}
@media only screen and (max-width:736px) {
	.clmBox{
		display: block;
	}
	.clmBox.clm2 .clm,
	.clmBox.clm2pa .clm,
	.clmBox.clm3 .clm,
	.clmBox.clm3pa .clm{
		width:100%;
	}
	.clmBox.clm2pa .clm:nth-child(n+2){
		margin-left: 0;
		margin-top: 60px;
	}
	.clmBox.clm3pa .clm:nth-child(n+2){
		margin-left: 0;
		margin-top: 60px;
	}
}


/*btn*/
.btn{
	display: inline-block;
	font-family: "Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border:solid 1px #a7b9c1;
	padding:7px 20px 5px 45px;
	font-size:16px;
	position: relative;
	transition: .4s;
}
.btn i{
	font-size:44px;
	position: absolute;
	left: 0;
	bottom:0;
}
.btn a{
	display: block;
}
.btn:hover{
	opacity: .7;
}
.btn-more{
}
/*btn-print*/
.btn-print{
	display: block;
	width: 62px;
	font-size:14px;
	text-align: center;
	margin:0 auto;
	cursor: pointer;
	font-family: 'Cinzel', serif;
}
.btn-print i{
	left:5px;
	bottom:-2px;
}
/*btn-google*/
.btn-google{
	display: none;
	width: 55%;
	text-align: center;
	margin:0 auto;
	cursor: pointer;
}
.btn.btn-google i{
	font-size:28px;
	left: 10px;
	bottom:3px;
}
@media only screen and (max-width:736px) {
	.btn{		
		padding:7px 15px 5px 35px;
		font-size:13px;
	}
	.btn i{
		font-size:34px;
	}
	.btn-print{
		display: none;
	}
	.btn-google{
		display: block;
	}
}


i span{
	display: none;
}


/*printArea*/
.printArea{
	display: none;
}

@media print {
	.printArea{
		display: block;
	}	
}