@charset "UTF-8";

.lp_content .key {
	width:100%;
	position: relative;
	display: block;
}
.lp_content .key .key_bg{ 
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 46.25%;
	/*height:920px;*/
    background: url('../images/key.jpg') center top -88px no-repeat;
    background-size: cover;
}
.lp_content .key h2 {
	text-align: center;
	position: absolute;
	font-size: 46px;
	line-height:72px;
	font-family: "M PLUS 1p";
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 354px;
	padding: 30px 0 24px;
	margin: 42px 0 0;
}
.lp_content .key h2 .ttl1 {
	color: #9abbed;
	background-color: rgba(255,255,255,1.0);
	letter-spacing: 3px;
}
.lp_content .key h2 .ttl1 span {
	font-size:85%;
}
.lp_content .key h2 .ttl2 {
	font-size:105%;
	letter-spacing:1px;
}

@media (max-width: 738px){
	.lp_content .key .key_bg{ 
		height:128px;
		padding-top: 54.25%;
		background: url('../images/key_sp.jpg') center bottom 0 no-repeat;
		background-size: cover;
	}
	.lp_content .key h2 {
		font-size: 1.7em;
		line-height:1.7em;
		margin: 40px 0 0;
		padding: 0.6em 0 0.5em;
		width: 216px;
	}
.lp_content .key h2 .ttl2 {
	font-size:105%;
}
}


/* ctsec */

.ctsec .inner {
	position: relative;
	background-image: url(../images/bg_img.gif);
	background-repeat: no-repeat;
 }
.ctsec .ttl {
	width:420px;
	position:absolute ;
}
.ctsec .flex-box {
	padding-top: 86px;
}
.ctsec .ttl img {
	width: 320px;
	margin-bottom: 24px;
}
.ctsec .ttl_s {
	letter-spacing: 0.6em;
	font-size: 1.1em;
}
.ctsec .txt { 
	letter-spacing: 0.2em;
	line-height:2.2;
	padding: 2.6em;
 }

.ctsec .flex-box .item01 {
	width: 59%;
 }
.ctsec .flex-box .item02 {
	width: 41%;
	padding-top: 130px;
 }
.ct03 .flex-box,.ct05 .flex-box {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media (max-width: 738px){
	.ctsec .inner {
		background-image: none;
	 }
	 .ctsec .ttl {
		width:100%;
		text-align:center;
	}
.ctsec .ttl_s {
	font-size: 1em;
}
	.ctsec .ttl img {
		width: 50%;
		max-width:218px;
		margin-bottom: 0.6em;
	}
.ctsec .txt { 
font-size:85%;
	letter-spacing: 0.12em;
	line-height:2;
	padding: 0;
 }
.ctsec .flex-box {
	padding-top: 110px;
}
	.ctsec .flex-box  {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.ctsec .flex-box .item01 {
			width: 100%;
		 }
	.ctsec .flex-box .item02 {
			width: 100%;
	padding-top: 0;
		 }
	.ctsec h3 img {width:50%;}
}

/* top */

#top .ctArea {
	padding: 0 0 80px;
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



/* ct01 */

#top .ct01 {
	padding: 48px 0 0;
	/*font-family: 'Kosugi Maru', sans-serif;*/
}
#top .ct01 .txt01 {
	text-align: center;
	font-size: 1.7em;
    letter-spacing: 0.3em;
    line-height: 2.0;
}
@media (max-width: 738px){
	#top .ct01 {
		padding: 2.1em 0 0;
	}
	#top .ct01 .txt01 {
		font-size: 1.16em;
		letter-spacing: 0.3em;
		line-height: 1.8;
	}
}
	
/* ct02 */
.ctsec.ct02 .inner {
	background-position: left 120px  top;
}
#top .ct02 {
	padding: 124px 0 0;
}
#top .ct02 .ttl {
	top : 46px;
	right: 13.2%;
}
#top .ct02  .ttl_s {
	text-align:center;
	padding-left : 26px;
}
#top .ct02  .txt{
	border-top: solid 1px #ae9d7d;
	margin-left : 6px;
}
@media (max-width: 738px){
	#top .ct02 {
		padding: 3.8em 0 0;
	}
	#top .ct02 .ttl {
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#top .ct02  .ttl_s {
		padding-left :0;
	}
	#top .ct02  .txt{
		border-top: none;
		margin-left :0;
		padding: 2em 0 0;
	}
}

/* ct03 */
.ctsec.ct03 .inner {
	background-position: right 136px  top 16px;
}
#top .ct03 {
	padding: 166px 0 0;
}
#top .ct03 .ttl {
	top : 46px;
	left: 19%;
}
#top .ct03  .ttl_s {
	text-align: left;
	padding-left :24px;
}
#top .ct03  .txt{
	border-top: solid 1px #ae9d7d;
	margin-left : 6px;
	padding: 2.6em 2em 0 0;
}
@media (max-width: 738px){
	#top .ct03 {
		padding: 3.8em 0 0;
	}
	#top .ct03 .ttl {
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#top .ct03  .ttl_s {
	text-align: center;
	padding-left :0;
	}
	#top .ct03  .txt{
		border-top: none;
		margin-left :0;
		padding: 2em 0 0;
	}
}


/* ct04 */
.ctsec.ct04 .inner {
	background-position: left 136px  top;
}
#top .ct04 {
	padding: 164px 0 0;
}
#top .ct04 .ttl {
	top : 46px;
	right: 9.2%;
}
#top .ct04  .ttl_s {
	text-align:left;
	padding-left : 92px;
}
#top .ct04  .txt{
	border-top: solid 1px #ae9d7d;
	margin-left : 6px;
	padding: 2.6em 0 0 2em;
}
@media (max-width: 738px){
	#top .ct04 {
		padding: 3.8em 0 0;
	}
	#top .ct04 .ttl {
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#top .ct04  .ttl_s {
	text-align: center;
	padding-left :0;
	}
	#top .ct04  .txt{
		border-top: none;
		margin-left :0;
		padding: 2em 0 0;
	}
}


/* ct05 */
.ctsec.ct05 .inner {
	background-position: right 156px  top 16px;
}
#top .ct05 {
	padding: 166px 0 0;
}
#top .ct05 .ttl {
	top : 46px;
	left:18%;
}
#top .ct05  .ttl_s {
	text-align: left;
	margin-left: -106px;
}
#top .ct05  .txt{
	border-top: solid 1px #ae9d7d;
	margin-left : 6px;
	padding: 2.6em 2em 0 0;
}
@media (max-width: 738px){
	#top .ct05 {
		padding: 3.8em 0 0;
	}
	#top .ct05 .ttl {
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#top .ct05  .ttl_s {
	text-align: center;
	margin-left: 0;
	}
	#top .ct05  .txt{
		border-top: none;
		margin-left :0;
		padding: 2em 0 0;
	}
}

/* ct06 */
#top .ct06 .inner {
	padding-top:8em;
	margin-bottom:8em;
}
#top .ct06 .txt{
	text-align: center;
	font-size: 1.72em;
	letter-spacing: 0.3em;
	/*font-family: 'Kosugi Maru', sans-serif;*/
}

@media (max-width: 738px){
#top .ct06 .inner {
	padding:3.8em 4.5% 0;
	margin-bottom:5em;
	box-sizing:border-box;
}
#top .ct06 .txt{
	font-size: 1.1em;
	letter-spacing: 0.2em;
}
}