@charset "shift_jis";





/*====================================
ヘッダーフッター
====================================*/


.head_bg{
	width:100%;
	margin: 0 auto;
	background-color:#ffffff;
}

.foot_bg{
	width:100%;
	margin: 0 auto;
	background-color:#ffffff;
}



/*====================================
サイトここから
====================================*/

.top__main01_bg01{
	width: 100%;
		background-image: url(../images/top01_bg01.jpg);
	margin: 0 auto;
	overflow: hidden;
}

/*.top__main01_bg02{
	width: 100%;
	background-image: url(../images/top01_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}*/


h1 img{
	max-width:813px;
	width:100%;
	height:auto;}
	
.top__main01_line{
	width:100%;
	height:4px;
	background-color:#EDEDED;}
	
	
.top__main02_bg01{
	width: 100%;
	background-image: url(../images/top02_bg01.jpg);
	margin: 0 auto;
	overflow: hidden;
}

/*.top__main02_bg02{
	width: 100%;
	background-image: url(../images/top01_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}*/

h2 img{
	max-width:819px;
	width:100%;
	height:auto;}
	
.questionnaire_btn{
	position:relative;
	text-decoration:none;
	display:block;
	max-width:720px;
	width:100%;
	background-color:#CE2D1C;
	border-bottom:#A72624 10px solid;
	border-radius: 10px;
	margin:0 auto 60px auto;}
	
.questionnaire_btn .car_icon{
	position:absolute;
	top:55px;
	left:50px;
	height:40px;}
	
.questionnaire_btn .btn_text{
	font-size:43px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:45px;
	padding-bottom:45px;}
	
.btn_alo{
	width:16px;
	height:16px;
	border: 6px solid;
	border-color:  transparent transparent #FFFFFF #FFFFFF;
	transform: rotate(-135deg);
	position:absolute;
	top:60px;
	right:40px;}
	
.questionnaire_btn:hover{
	opacity:0.9;}
	
.questionnaire_btn:hover .btn_alo{
	right:38px;}
	
	
.top__main03_bg01{
	width: 100%;
	background-color:#00712F;
	margin: 0 auto;
	overflow: hidden;
}

.contents_ttl{
	display: inline-block;}
	
.contents_ttl h3{
	font-size:40px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;}
	
.contents_ttl h3 img{
	height:40px;
	padding-left:15px;
	vertical-align:middle;}

.ttl_line{
	height:3px;
	border-top:2px #FFFFFF solid;
	border-bottom:4px #FFFFFF solid;}
	
.contents_ttl_subline{
	width:100%;
	height:15px;
	background-color:#67AF29;}
	
	
@media only screen and (max-width: 813px) {
	.contents_ttl h3{
		font-size:42px;}
}
	
.top__main04_bg01{
	width: 100%;
	background-image: url(../images/top03_bg01.jpg);
	margin: 0 auto;
	overflow: hidden;
}

/*.top__main04_bg02{
	width: 100%;
	background-image: url(../images/top01_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}*/

.contents01_box{
	background-color:#FFFFFF;
	border:#DDDDDD 1px solid;
	box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, .1);}

.top_contents01_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 20% 60% 20%;
  grid-template-columns: 20% 60% 20%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents01_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;　/* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents01_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents01_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

.contents01_no img{
	width:100%;
	height:auto;
	vertical-align:middle;}
	
.contents01_txc{
	color:#D8AC38;}

.contents01_icon img{
	width:100%;
	height:auto;
	vertical-align:middle;}
	
.contents01_alo img{
	width:83px;
	height:auto;}
	
.pc_pt30{
	padding-top:30px;}
	
.pc_pt40{
	padding-top:40px;}


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


.top_contents01_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.top_contents01_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents01_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents01_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.top_contents01_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}

.contents01_no img{
	width:30%;}

.contents01_icon img{
	width:30%;}
	
.contents01_text01{
	text-align:center;}
	
.contents01_alo img{
	width:100px;}
	
.pc_pt30{
	padding-top:0;}
	
.pc_pt40{
	padding-top:0;}
	
}

.contents02_textc01{
	color:#015F4D;}

.contents02 ul{
	padding-left:22px;
	list-style:disc;}

.contents02 div{
	width:100%;
	height:1px;
	background-color:#555555;
	margin-top:40px;}



.top__main05_bg01{
	width: 100%;
	background-color:#02604E;
	margin: 0 auto;
	overflow: hidden;
}

/*.top__main05_bg02{
	width: 100%;
	background-image: url(../images/top01_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}*/

.contents03 ul{
	padding-left:22px;
	list-style:disc;}
	
	
.top__main06_bg01{
	width: 100%;
	background-color:#DAAD38;
	margin: 0 auto;
	overflow: hidden;
}

/*.top__main06_bg02{
	width: 100%;
	background-image: url(../images/top01_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}*/

.contents04_textc{
	color:#005F4C;}
	
.mail_text{
	color:#000000;
	text-decoration:none;}

