@charset "utf-8";

/* ================================================ 
	header 
==============================================================================================================================================================*/

.pc{display:block;}
.tablet{display:none;}
.smp{display:none;}



/* ================================================ 
	intro
==============================================================================================================================================================*/



/* ================================================ 
	description
==============================================================================================================================================================*/

.description-block .introduction3 .txt{
	font-size: 200%;
	line-height: 140%;
}


/* ================================================ 
	use-block 
==============================================================================================================================================================*/

.use-block  .tit0 .ab{
	position: absolute;
	width:15%; 
	top: -20px;
	right: 2%;
}

.use-block .tit1 h4{
	font-size: 34px;
	line-height: 130%;
}

/* ================================================ 
	.nayami-block
==============================================================================================================================================================*/

.nayami-block .tit-cover .ab{
	position: absolute;
	right: 2%;
	top: -30px;
	width: 30%;
	z-index: 100;
}

.nayami-block .tit-cover{
	background: url(../img/arrow3.png) no-repeat center bottom;
	background-size: 86px 42px;
	padding-bottom: 42px;
	position: relative;
	top: 30px;
}

.nayami-block .tit{
	background: #2770c0;
	padding: 30px 0;
}

.nayami-block .tit .txt3{
	margin-bottom: 30px;
	max-width: 740px;
	width: 70%;
}

.nayami-block .tit .txt4{
	max-width: 738px;
	width: 70%;
}

/* ================================================ 
	.faq-block
==============================================================================================================================================================*/

.faq-block .cont{
	padding: 40px;
}


/* ================================================ 
	.end-block
==============================================================================================================================================================*/

.end-block .tit{
	background: #333;
	padding: 30px 0;
}

.end-block .tit h2{
	font-size: 56px;
	text-align: center;
	line-height: 100%;
}


/* -------------------------------------------------------------------------------------

	contact.html（お問い合わせ）

-------------------------------------------------------------------------------------- */

.base{
	width:94%;
}

.m-form{
	width:94%;
}

.m-form td{
	padding:10px 10px 10px 30px;
	vertical-align:top;
}


.m-form th{
	width:36%;
	padding:10px;
	vertical-align:top;
}

.m-form th span{
	float:right;
	padding:3px 4%;
	background:#FA5B61;
	color:#fff;
	margin:0;
}

.m-form td input,
.m-form td textarea{
	border:none;
	padding:14px 10px;
	background:#eee;
}

.long input,
.long textarea{
	width:80%;}
	
.middle input{
	width:60%;}
	
.short input{
	width:40%;}
	
.submit{
	text-align:center;
	padding:50px 0;
}

.submit .min{
	font-size:80%;
	margin:10px 0 30px;
}



.blogList .innar li dt.date{
	width: 12%;
	float: left;
	padding: 3px 0 3px 2%;
}

.blogList .innar li dt.category{
	width: 11%;
	padding: 0 2%;
	float: left;
}


.blogList .innar li dd{
	clear: both;
	width: 100%;
	padding: 8px 0 3px;
	float: none;
}


.submit input{
	margin-bottom: 20px;
	box-sizing: border-box;
	width: 320px;
	height: 54px;
	font-size: 26px;
	font-weight: bold;
	line-height: 150%;
}

.submit input#back{
	box-sizing: border-box;
	width: 320px;
	height: 54px;
	font-size: 26px;
	font-weight: bold;
	line-height: 150%;
}