@charset "utf-8";

#slid01s,
#slid01s img { width:100%; }

.top_bnr{
    display: none;
}
.top_bnr{
    width:95%;
    margin:0 2.5%;
}
.top_bnr img{
    width:100%;
}

#top01,
#top02,
#top03,
#top04,
#top05,
#top06,
#top07,
#top08,
#top09 {
	width:90%;
	margin:0 auto;
	text-align:left;
	padding:2em 0;
}

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/
.back_top01{
    background: url(../img/top/top_bk_01.jpg) no-repeat center;
    background-size: cover;
}
.back_top02{
    background: url(../img/top/top_bk_02.jpg) no-repeat center;
    background-size: cover;
}
.back_top03{
    background: url(../img/top/top_bk_03.jpg) no-repeat bottom center;
    background-size: cover;
}
.top04_01{
    margin-top:-6em;
}

.back_top05{
    background: url(../img/top/top_bk_05.png) repeat-x;
    background-size:auto 100%;
}

.back_top06{
    background: url(../img/top/top_bk_06.jpg) no-repeat top;
    background-size: cover;
}


.top01_01{
	width:100%;/*1100 880*/
	margin:0 auto;
}
.top01_01>ul>li{
	padding:1em 0;
}
.top01_02 dl,
.top01_02 ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.top01_02 dl>dt{
	width:100%;
	text-align: center;
	font-weight: bold;
}
.top01_02 dl>dd{
	width:100%;
	margin:1em 0 0 0;
	text-align: center;
}

.top01_02 ul{
	padding:1em 0 0 0;
	justify-content: center;
}
.top01_02 ul>li{
	width:48%;/*880 434*/
	margin:0 1% 1em;
}

/*========================
	メールフォームテンプレ
========================*/

.mail01_01 dl{
	padding:0.5em 0;
}

.mail01_01 dt{
	width:98%;
	padding:0.5em 1%;
	font-weight:bold;
}

.mail01_01 dd{
	width:98%;
	margin:0 1%;
}
input.text_min,
input.text_middle,
input.text,
select.text,
select.text_min,
textarea.text{
	border:#D6D6D6 solid 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:1.25em;
	margin:0.4em 0;
	width:100%;
	font-size: 16px;
}

textarea.text{
	width: 100%;
	max-width: 100%;
	height: 50%;
}
input.text_min,
select.text_min{
	width:30%;
}
input.text_middle{
	width:90%;
}

.mail01_02{
	width:100%;
	margin:0 auto;
}
.mail01_02 input{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}

input[type=checkbox] {
	margin:0.5em;
  transform: scale(1.5);
}
input[type=radio] {
	margin:0.5em 0.75em 0.5em 0.5em;
	transform: scale(1.5);
}
::placeholder{
	line-height: 1.6;
  color:#b8b8b8;
	font-size: 0.85em;
}
.mail01_radio {
	padding-top: 0.5em;
}
.mail01_radio li{
	margin-bottom: 0.5em;
}


/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
/***  メインビジュアル　フェード  ***/
.slid01 { width:100%; position:relative;}
.slid01 img { width:100%; margin:0 auto; }

#top01,
#top02, 
#top03, 
#top04,
#top05,
#top06,
#top07,
#top08,
#top09 { width:100%; }


.top04_01{
    margin-top:-14.5em;
}
	
	
.top01_01{
	width:90%;/*1100 880*/
}
	
.top01_01>ul>li{
	padding:2em 0;
}
.top01_02 ul{
	padding:1em 0;
}
	
.top01_02 dl>dt{
	width:30%;
	text-align: center;
	font-weight: bold;
}
.top01_02 dl>dd{
	width:65%;
	margin:0 0 0 5%;
	text-align: left;
}
	
.top01_02 ul>li{
	width:49.318181818%;/*880 434*/
	margin:0 0.3%;
}



/*=========================
	メールフォームテンプレ
==========================*/
.mail01_01 dl{
	padding:1.5em 0;
}
.mail01_01 dl{
	display: table;
	width:100%;
	table-layout: fixed;
}

.mail01_01 dt{
	display: table-cell;
	vertical-align:top;
	font-weight: bold;
	width:20%;
	padding:0 1% 0 3%;

}
.mail01_01 dd{
	display: table-cell;
	vertical-align:top;
	width:80%;
	padding:0 1% 0 3%;
}

.mail01_02{
	width:76%;
	margin:0 0 0 23%;
}
.mail01_02 p{
	width: 90%;
}

.mail01_02 input{
	width:auto;
	margin:0 auto;
}

input.text_middle{
	width:90%;
}

input.text_min,
select.text_min{
	width:20%;
}

::placeholder{
	font-size: 100%;
	padding-left: 2.0em;
}

}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1140px) {
.slid01 { width:100%; position:relative;}
.slid01 img { width:auto;}


#top01,
#top02,
#top03,
#top04,
#top05,
#top06,
#top07,
#top08,
#top09  { width:1140px; padding:40px 0; }
    
#top02  { width:1140px; padding:0 0 40px 0; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　メインコンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/ 

	
.top01_01{
	width:80%;/*1100 880*/
}

}