@charset "utf-8";
/* CSS Document */

/* 全体の設定 */
*{text-decoration:none;}
/**
リンク
**/
a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a:hover{
	opacity:0.7;
}

/*******************/
body {
	height:auto;
	font-family: "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
/*	font-family:"ヒラギノ角ゴ ProN","Helvetica Neue", "Yu Gothic", YuGothic, Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
	background:url("../img/bg_all.jpg")repeat;
	color: #222;
    -webkit-text-size-adjust: 100%;
		border-top:3px solid #4b6917;
}

header{
	max-width:1280px;
	height: auto;
	margin:0 auto;

}
.header_top {
	width:932px;
	height:42px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.header_top h1{
	width:50%;
	height:auto;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size:1.4rem;
	padding:3px 0 0 0;
}
.header_top .head_tell_wrap{
	width:50%;
	height:auto;
	text-align: right;
}
.header_top .head_tell_wrap {
	font-size: 0.8rem;
}
.header_top .head_tell_wrap span{
	line-height: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
}
.header_top .head_tell_wrap span a{
	color: #222;
	text-decoration: none;
}
.header_top .head_tell_wrap span img{
	width:22px;
	height:auto;
	padding:0 5px 2px 0;
}
.header_main{
	max-width:1280px;
	margin:0 auto;
	background:url("../img/lp_main_bg.png")no-repeat;
	background-size: cover;
}
.h_main_conts{
	width:1000px;
	height:auto;
	margin:0 auto;
}

.h_main_conts img{
	width:620px;
	height:auto;
	padding:40px 0 0 0px ;
}
.h_main_conts ul{
	width:100%;
	height:auto;
	padding:10px 0 65px 0px;
}
.h_main_conts ul li{
	width:190px;
	height:auto;
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: top;
}
.h_main_conts ul li img{
	width:100%;
	height:auto;
}

#conts_wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	background:transparent;
}
/***************/
#conts0_wrap{
	width:100%;
	height:auto;
	padding:3% 0;
}

.contact_wap{
	width:892px;
	height:400px;
	background:url("../img/lp_c_mainbg.png")no-repeat;
	background-size: cover;
	margin:0 auto;
	padding:20px;
}
.contact_top{
	width:892px;
	height:70px;
	background:url("../img/p_contact_03.png")repeat;
	margin:5px auto 0 auto;
}

.contact_top p{
	font-size:2.5rem;
	color:#fff;
	font-weight: bold;
	text-align: center;
	padding:5px 0 0 0;
}

.contact_bottom{
	width:892px;
	height:360px;
	margin:5px auto 0 auto;
	background:#fff;
	background:url("../img/contact_b_bg.png")no-repeat;
	background-size: contain;
}

.contact_right{
	width:460px;
	height:60px;
	margin:40px 50px 0 0;
	float: right;
	background:#fff;
	padding:10px;
	display: block;
}

.contact_right p{
	font-size: 2.5rem;
	font-weight: bold;
}
.contact_right p span{
	padding:0 0 0 11px;
	letter-spacing: 3px;
}
.contact_right p span a{
	color: #222;
	text-decoration: none;
	font-size: 35px;
    letter-spacing: 2px;
}
.contact_right_2{
	width:470px;
	height:auto;
	margin:10px 50px 0 0;
	float: right;
	padding:0;
	display: block;
}
.contact_right_2 p{
	padding:5px 0;
	line-height:1.2rem;
}

.contact_right_2 img{
	width: 100%;
}
textarea{
	width:98%;
	height:180px;
	margin:0 auto;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}


#contents01_wrap{
	width:100%;
	height:auto;
	padding:3% 0;
	background:#fff9f0;
}
#contents01_wrap h3{
	width:780px;
	height:auto;
	margin:0 auto;
	padding:20px;
}

.conts_onayami_wrap{
	width:932px;
	height:auto;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.c_o_box{
	width:417px;
	height:124px;
	background:url("../img/onayami_bg.png")repeat;
	margin:10px 40px 0 0;
	box-shadow: 1px 1px 1px #ccc
}
.c_o_box2{
	width:417px;
	height:124px;
	background:url("../img/onayami_bg.png")repeat;
	margin:10px 0 0 0;
	box-shadow: 1px 1px 1px #ccc
}

.check{
	width:20px;
	height:auto;
	padding:30px 20px 0 20px;
	float: left;
}
.onayami_text{
	width:330px;
	height:auto;
	font-size:1.35rem;
	font-weight: bold;
	padding:30px 0 0 10px;
	float:left;
}

.onayami_text span{
	color:#e6541b;

}
/*********/
#contents02_wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0;
}
.conts02_n_bg{
	width:100%;
	height:auto;
	margin:0 auto;
}
.conts02_n_bg img {
	width:100%;
	height:auto;
	padding:1% 0 0 0;
}

.tri{
	width:146px;
	height:auto;
	margin:0 auto;
}
.tri img{
	width:100%;
	height:auto;
}
#contents02_wrap h3{
	width:800px;
	margin:0 auto;
}

.c02_sub_h3 {
	width:440px;
	height:auto;
	margin:30px auto 0 auto;
}
.sp_point_h3{
	display: none;
}

.point_chara{
	width:169px;
	height:auto;
	margin:3% auto 0 auto;
}
.note_top{
	width:932px;
	height:auto;
	margin: 0 auto;
}
.note_top img{
	width:100%;
}
.note_main{
	width:932px;
	height:auto;
	background:url("../img/note_main.png")repeat-y;
	background-size: contain;
	margin:0 auto;
}

.note_box{
	width:840px;
	height:auto;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.note_box h4{
	width:70%;
	height:auto;
	margin:0 0 20px 0;
	font-size: 1.8rem;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #ffb99d 60%);
}
.note_box h4 span{
	font-size:2.2rem;
	color:#57722a;
}

.note__box_t{
	width:70%;
	height:auto;
	margin: 0 0;

}
.note_box_ph{
	width:27%;
	height:auto;
	margin:0;
}
.note_box_ph img{
	width:100%;
}
/****************/
#contents03_wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0 0 3% 0;
	background:#fff9f0;
}

/****************/

#contents04_wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:3% 0;
}

#contents04_wrap h3{
	width:850px;
	height:auto;
	margin:0 auto;
	padding:20px;
}
#contents04_wrap h3 img{
	display: inline-block;
	vertical-align: top;
}
.flow-box_wrap{
	width:932px;
	height:auto;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flow-box01{
	width:24%;
	height:280px;
	background:#fff;
	margin:0 0.5% 0 0;
	border:1px solid #b7d5d9;
}
.flow-box02{
	width:24%;
	height:280px;
	background:#fff;
	margin: 0;
	border:1px solid #b7d5d9;
}

.flow_b_title{
	width:70%;
	font-size: 1.3rem;
	color:#4b6917;
	margin:1%;
	padding:3% 2% 2% 2% ;
	display: inline-block;
	vertical-align: top;
}

.flow_b_title2{
	width:70%;
	font-size: 1.3rem;
	color:#4b6917;
	margin:1%;
	padding:2% 2% 2% 2% ;
	display: inline-block;
	vertical-align: top;
	line-height:1.3rem;
}

.f_num{
	width:15%;
	height:40px;
	background:#4b6917;
	margin:1%;
	padding:1% 2% 2% 2% ;
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-size:1.6rem;
	display: inline-block;
	vertical-align: top;
	font-family: "ヒラギノ角ゴ ProN";
}
.flow_b_img{
	width:100%;
	height:auto;
}
.flow_b_img img{
	width:100%;
}
.flow_b_text{
	width:94%;
	height:auto;
	font-size:0.9rem;
	margin:3%;
}
.f_t_orange{
	color:#e6541b;
}


/*************/
#contents05_wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:3% 0;
	background:#fff9f0;
}
#contents05_wrap h3{
	width:456px;
	height:auto;
	margin:0 auto;
	padding:20px;
}
#contents05_wrap h3 img{
	width:100%;
	height:auto;
}

.smp_wrap{
	width:932px;
	height:auto;
	margin:0% auto 3% auto;
}

.smp_box{
	width:94%;
	height:auto;
	margin:3% 0;
	padding:3%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #f1f3e9;
	border:1px solid #4b6917;
}
.smp_left{
width:38%;
height:300px;
}
.smp_left p img{
	width:100%;
	height:auto;
}

.smp_left_bottom{
	width:100%;
	height:100px;
	margin:3% 0 0 0;
	background:#fff;
}
.smp_left_bottom dl{
	padding:10px;
}
.smp_left_bottom dl dt{
	width:30%;
	display: inline-block;
	vertical-align: top;
}
.smp_left_bottom dl dd{
	width:70%;
	display: inline-block;
	vertical-align: top;
}

.smp_right{
	width:60%;
	height:auto;
	margin:0 0 0 2%;
}
.smp_right p img{
	width:100%;
	height:auto;
}

.at_text{
	font-size: 0.9rem;
	margin:1% 0;
}
#contents06_wrap{
	width:100%;
	height:auto;
}
#contents06_wrap img{
	width:100%;
	height:auto;
}

#contents07_wrap{
	width:100%;
	height:auto;
	padding:3% 0;
	background:url("../img/faq_bg.png")no-repeat;
	background-size: cover;
}
#contents07_wrap h3{
	font-size:1.6rem;
	font-weight:bold;
	text-align: center;
}
.faq_conts{
	width:872px;
	height:auto;
	margin:3% auto 0 auto;
	padding:30px;
	background:#fff;
}
.faq_conts h4{
	font-weight:bold;
	line-height:2rem;
	font-size:1.1rem;
}
.text_q{
	color:#dce366;
	font-size:1.5rem;
	padding:0 10px 0 0;
}
.faq_conts p{
	padding:2% 0;
	font-size:0.9rem;
}
#contents08_wrap{
	width:100%;
	height:auto;
	padding:3% 0;
}
#contents08_wrap h3{
	width:685px;
	margin:0 auto;
	padding:0 0 3% 0;
}
#contents_about_wrap h3{
	text-align: center;
}
.contact_wrap{
	width:932px;
	height:auto;
	margin:0 auto;
}

.button_wrap{
	margin:0 auto;
}
#button {
	margin:0 auto;
	padding:20px;
	text-align:center;
	color:#fff;
}

.button01 {
	width:200px;
	height:50px;
	background-color:#4b6917;
	color:#fff;
	border:none;
	text-align:center;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	display:inline-block;
}

.button01:hover {
	border:1px solid #4b6917;
	background-color:#fff;
	color:#4b6917;
}

.form {
	width:100%;
	height:auto;
	margin:0 auto;
	background-color:#fff;
}
table {
	width:94%;
	margin:0 auto;
	padding:3%;
	}
table tr{
	line-height:3rem;
		border-bottom:1px dashed #4b6917;
	}
table tr th{
	width:37%;
}
table tr td{
	width:60%;
}
.t-area{
	padding:3% 0 0 0;
}
.form_red{
	padding:0 0 0 3%;
	font-size:0.8rem;
	color:#a72b4b;
	font-weight:bold;
}
/***************/
#page-top {
	width:932px;
  font-size:0.9rem;
	margin:0 auto;

}
#page-top a {
    text-decoration: none;
    display: block;
		text-align: right;
		color:#4b6917;
}
#page-top a:hover {
    text-decoration: none;
		opacity: 0.8;
}

footer {
	width:100%;
	height:auto;
	background:#4b6917;
	margin:3% 0 0 0;
	padding:2% 0;
}

footer p {
	text-align: center;
	font-size:0.8rem;
	color:#fff;
}
@media screen and (max-width: 600px) {

	body {
		overflow: hide;
	}

	header{
		max-width:100%;
		height: auto;
		margin:0 auto;

	}
	.header_top {
		width:100%;
		height:auto;
	}

	.header_top h1{
		width:35%;
		height:auto;
		font-size:1.2rem;
		padding:3px 0 0 0;
	}
	.header_top .head_tell_wrap{
		width:65%;
	}
	.header_top .head_tell_wrap {
		font-size: 0.8rem;
	}
	.header_top .head_tell_wrap span{
		line-height: 1rem;
		font-size: 1.2rem;
		font-weight: bold;
	}

	.header_main{
		max-width:100%;
		min-height:400px;
		margin:0 auto;
		background:url("../img/lp_main_bg.png")no-repeat;
		background-size: cover;
	}
	.h_main_conts{
		width:100%;
		height:auto;
		margin:0 auto;
	}

	.h_main_conts img{
		width:100%;
		height:auto;
		padding:2% 0 ;
	}
	.h_main_conts ul{
		width:90%;
		height:auto;
		margin:0 auto;
		padding:2% 0;
	}
	.h_main_conts ul li{
		width:32%;
		height:auto;
		margin:0;
		padding:0;
	}
	.h_main_conts ul li img{
		width:100%;
		height:auto;
	}

	#conts_wrapper{
		width:100%;
	}
	/***************/

	.contact_wap{
		width:100%;
		height:auto;
		background:url("../img/lp_c_mainbg.png")no-repeat;
		background-size: cover;
		margin:0 auto;
		padding:8% 0;
	}
	.contact_top{
		width:100%;
		height:auto;
		background:url("../img/p_contact_03.png")repeat;
		margin:0 auto;
	}

	.contact_top p{
		font-size:1.9rem;
		color:#fff;
		font-weight: bold;
		text-align: center;
		padding:0;
	}

	.contact_bottom{
		width:100%;
		height:auto;
		margin:0 auto;
		background:#fff;
		background:none;
	}

	.contact_right{
		width:100%;
		height:auto;
		margin:2% 0;
		padding:0;
	}

	.contact_right p{
		font-size: 2rem;
		font-weight: bold;
	}
	.contact_right p span{
		padding:0 0 0 2%;
		letter-spacing: 3px;
		font-size: 24px;
	}
	.contact_right_2{
		width:90%;
		height:auto;
		margin: 0 auto;
		float:none;
		padding:0;
		display: block;
	}
	.contact_right_2 p{
		padding:5px 0;
		line-height:1rem;
	}

	.contact_right_2 img{
		width: 100%;
		margin:0 auto;
	}

	#contents01_wrap{
		width:100%;
		height:auto;
		padding:8% 0;
	}

	#contents01_wrap h3{
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	#contents01_wrap h3 img{
		width:100%;
		display: inline-block;
		border: bottom;
	}
	#contents01_wrap h3 span img{
		display: none;
	}
	.conts_onayami_wrap{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.c_o_box{
		width:90%;
		height:auto;
		background:url("../img/onayami_bg.png")repeat;
		margin:2% auto;
		box-shadow: 1px 1px 1px #ccc
	}
	.c_o_box2{
		width:90%;
		height:auto;
		background:url("../img/onayami_bg.png")repeat;
		margin:0 auto;
		box-shadow: 1px 1px 1px #ccc
	}

	.check{
		width:10%;
		height:auto;
		padding:3% 2%;
		float: left;
	}
	.onayami_text{
		width:86%;
		height:auto;
		font-size:1.2rem;
		font-weight: bold;
		padding:3% 0;
		float:left;
	}

	.onayami_text span{
		color:#e6541b;

	}
	/*********/
	#contents02_wrap{
		width:100%;
		height:auto;
		margin:0 auto;
		padding: 0;
	}

	.tri{
		width:146px;
		height:auto;
		margin:0 auto;
	}
	.tri img{
		width:100%;
		height:auto;
	}
	#contents02_wrap h3{
		width:100%;
		margin:0 auto;
	}
#contents02_wrap h3 img{
	display: none;
}
	.c02_sub_h3 {
		width:90%;
		height:auto;
		margin:3% auto;
	}

	.c02_sub_h3 img{
		width:100%;
		height:auto;
		margin:0 auto;
	}
.sp_point_h3{
	display: block;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
	.point_chara img{
	display: none;
	}
	.note_top{
		width:90%;
		height:auto;
		margin: 0 auto;
	}
	.note_top img{
		width:100%;
	}
	.note_main{
		width:90%;
	}

	.note_box{
		width:98%;
		height:auto;
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.note_box h4{
		width:100%;
		height:auto;
		margin:0;
		font-size: 1.4rem;
		font-weight:bold;
		background:none;
		order:1;
		border-top:1px dashed #4b6917;
	}
	.note_box h4 span{
		font-size:2.2rem;
		color:#4b6917;
	}

	.note__box_t{
		width:100%;
		height:auto;
		margin: 0 0;
		order:3;
		padding:2% 0;

	}
	.note_box_ph{
		width:100%;
		height:auto;
		margin:0;
		order:2;

	}
	.note_box_ph img{
		width:100%;
	}
	/****************/
	#contents03_wrap{
		width:100%;
		height:auto;
		margin:0 auto;
		padding: 0 0 3% 0;
		background:#fff9f0;
	}

	/****************/

	#contents04_wrap{
		width:90%;
		height:auto;
		margin:0 auto;
		padding:8% 0;
	}

	#contents04_wrap h3{
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	#contents04_wrap h3 img{
		width:100%;
		display: inline-block;
		vertical-align: top;
	}
	.c4_chara{
		display: none;
	}

	.flow-box_wrap{
		width:100%;
		height:auto;
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.flow-box01{
		width:100%;
		height:auto;
		background:#fff;
		margin:2% 0;
		border:1px solid #b7d5d9;
	}
	.flow-box02{
		width:100%;
		height:auto;
		background:#fff;
		margin: 0;
		border:1px solid #b7d5d9;
	}
	.sp_br_n{
		display: none
	}

	.flow_b_title{
		font-size: 1.5rem;
		padding:3% 2% 2% 2% ;

	}

	.flow_b_title2{
		font-size: 1.5rem;
		padding:4% 2% 2% 2% ;
	}


	/*************/
	#contents05_wrap{
		width:100%;
		height:auto;
		margin:0 auto;
		padding:3% 0;
		background:#fff9f0;
	}
	#contents05_wrap h3{
		width:90%;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	#contents05_wrap h3 img{
		width:100%;
		height:auto;
	}

	.smp_wrap{
		width:100%;
		height:auto;
		margin:0% auto 3% auto;
	}

	.smp_box{
		width:90%;
		height:auto;
		margin:5% auto;
		padding:3%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background: #f1f3e9;
		border:1px solid #4b6917;
	}
	.smp_left{
	width:100%;
	height:auto;
	}
	.smp_left p img{
		width:100%;
		height:auto;
	}

	.smp_left_bottom{
		width:100%;
		height:auto;
		margin:3% 0;
		background:#fff;
	}
	.smp_left_bottom dl{
		padding:2%;
	}

	.smp_right{
		width:100%;
		height:auto;
		margin:0 0 0 2%;
	}
	.smp_right p img{
		width:100%;
		height:auto;
	}

	.at_text{
		width:90%;
		font-size: 0.8rem;
		margin:1% auto;
	}
	#contents06_wrap{
		width:100%;
		height:auto;
	}
	#contents06_wrap img{
		width:100%;
		height:auto;
	}

	#contents07_wrap{
		width:100%;
		height:auto;
		padding:3% 0;
		background:url("../img/faq_bg.png")no-repeat;
		background-size: cover;
	}
	#contents07_wrap h3{
		font-size:1.6rem;
		font-weight:bold;
		text-align: center;
	}
	.faq_conts{
		width:86%;
		height:auto;
		margin:3% auto 0 auto;
		padding:2%;
		background:#fff;
	}
	.faq_conts h4{
		font-weight:bold;
		line-height:2rem;
		font-size:1.1rem;
	}
	.text_q{
		color:#dce366;
		font-size:1.5rem;
		padding:0 2% 0 0;
	}
	.faq_conts p{
		padding:2% 0;
		font-size:0.85rem;
		border-bottom:1px dashed #ccc;
	}
	#contents08_wrap{
		width:100%;
		height:auto;
		padding:3% 0;
	}
	#contents08_wrap h3{
		width:100%;
		margin:0 auto;
		padding:0 0 3% 0;
	}
	#contents08_wrap h3 img {
	width:100%;
	}
	.sp_n_img img{
	display: none;
	}

	.contact_wrap{
		width:90%;
		height:auto;
		margin:0 auto;
	}

	.button_wrap{
		width:200px;
		margin:0 auto;
	}
	#button {
		width:200px;
		margin:0 auto;
		padding:8% 0;
		text-align:center;
		color:#fff;
	}

	.button01 {
		width:200px;
		height:50px;
		margin-top: 10px;

		background-color:#4b6917;
		color:#fff;
		border:none;
		text-align:center;
		-webkit-transition: 0.5s;
	    -moz-transition: 0.5s;
	    -o-transition: 0.5s;
	    -ms-transition: 0.5s;
	    transition: 0.5s;
		display:block;
	}

	.button01 a:hover {
		border:1px solid #4b6917;
		background-color:#fff;
		color:#4b6917;
	}

	.form {
		width:100%;
		height:auto;
		margin:0 auto;
		background-color:#fff;
		overflow: hidden;
	}
	table {
		width:98%;
		margin:0 auto;
		padding:3% 0;
		}
	table tr{
		width:100%;
		display: block;
		margin:0 auto;
		line-height:2.5rem;
		border-bottom:1px dashed #4b6917;
		}
	table tr th{
		display: inline-block;
		width:100%;
		font-size: 0.9rem;
	}
	table tr td{
		display: inline-block;
		width:98%;
		padding:1%;
	}
.t-area{
		padding:3% 0 0 0;
		display: block;
	}
.form_red{
		padding:0 0 0 3%;
		font-size:0.8rem;
		color:#a72b4b;
		font-weight:bold;
	}
	/***************/
	#page-top {
		width:90%;
	  font-size:0.9rem;
		margin:0 auto;

	}

	footer p {
		text-align: center;
		font-size:0.7rem;
		color:#fff;
	}

}