@charset "UTF-8";
/* CSS Document */
/* #mv
------------------------------------------------------------------*/

.title{
	background: url(../img/bg_h2.jpg) 50% 50% no-repeat;
	min-height: 153px;
	
}

/*メイン
------------------------------------------------------------------*/
.under .inner h3.index{
	margin-top: -66px;
}

.under .inner h4.index{
	background: url(../img/bg_h4_index.png) no-repeat 50% 50%;
	text-align: center;
	padding-bottom: 0px;
font-size: 2.2rem;
	letter-spacing: 0.2em;
	font-weight: bold;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: none;
	color: #4F382F;line-height: 70px;
	
}

.under .inner ul.index li.index_01 a{
	background: url(../img/img_index_01.png) no-repeat 50% 50%;
	background-size: cover;
	
}
.under .inner ul.index li.index_02 a{
	background: url(../img/img_index_02.png) no-repeat 50% 50%;
	background-size: cover;
	
}
.under .inner ul.index li.index_02 a span{
line-height: 1.0;	
}
.under .inner ul.index li.index_02 a span::before {
    margin: -25px auto 0;
	
}
.under .inner ul.index li.index_03 a{
	background: url(../img/img_index_03.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_04 a{
	background: url(../img/img_index_04.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_05 a{
	background: url(../img/img_index_05.png) no-repeat 50% 50%;
	background-size: cover;
	
}



.under_main .inner p.policy{
	text-align: center;
}
.under_main .inner p.policy img{
	width: 100%;
	max-width: 528px;
	margin: 20px auto 25px;

}



.policy .inner ul.type1{
	width: 100%;
		max-width: 600px;
	margin: 20px auto 25px;
	text-align: center;
	font-size: 2.7rem;
	line-height: 1.4;
	letter-spacing: 0.2em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

}
 .policy .inner ul.type1 li{
margin-bottom: 15px;
	background-position:0 8px;
}

/*お問い合わせフォーム 12/18追加
------------------------------------------------------------------*/
table.tbl_form{
	width: 100%;
	margin: 0 auto;
}
table.tbl_form th,
table.tbl_form td{
	padding: 20px;
	border:1px solid #000;
	vertical-align: middle;
	line-height: 30px;
	font-size: 15px;
	box-sizing: border-box;
}
table.tbl_form th{	
	background: #fff3f7;
	width: 30%;
}

table.tbl_form td input[type="text"],
table.tbl_form td textarea{
	padding: 8px 5px;
	font-size: 1.4rem;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 5px;
}

#contents button[type="submit"],
#contents button[type="button"]{
	background: #ff6c8b;
	color:#fff;
	border-radius: 20px;
	width: 230px;
	height: 60px;
	font-size: 1.5rem;
}
#contents button[type="submit"]:hover,
#contents button[type="button"]:hover{
	background: #909090;
	transition: all .3s;
	font-size: 1.5rem;
}


/* リターンジョブフォーム
------------------------------------------------------------------*/
.txt_red{
	color: red;
	font-weight: bold;
	font-size: 2.0rem;
}
.flex_return{
	display: flex;
	justify-content: space-between;
	margin: 0 auto 30px;
}
.flex_return>div{
	width: calc(100%/2 - 40px);
}
.flex_return>div img{
	width: 100%;
	display: block;
	margin: 0 auto 20px;
}
.flex_return>div p{
	text-align: center;
	font-weight: bold;
}

.under_main .inner p.txt_schedule,
.under_main .inner p.tel_box{
	border: 2px solid #3ac0d7;
	background: #fff;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 20px;
	margin: 0 auto 30px;
}
.under_main .inner p.tel_box{
	border: 2px solid #f5a32f;
}



@media screen and (max-width:767px) {

table.tbl_form th,
table.tbl_form td{
	display: block;
	width: 100%;
}

input[type="text"][size="30"],
input[type="text"][size="50"],
textarea{
    width: 100%;
}


/* リターンジョブフォーム
------------------------------------------------------------------*/
.flex_return{
	flex-wrap: wrap;
}
.flex_return>div{
	width: 100%;
}
.flex_return>div:nth-of-type(1){
	margin-bottom: 20px;
}

}