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


/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	margin: 0;
	padding: 0;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:500;

	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

/* HTML5の新要素 */
section, nav, article, aside, header, footer, 
hgroup, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:500;

	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*------------------------------------------------------------------
共通スタイル
-------------------------------------------------------------------*/
html,body{
    width: 100%;
	height:100%;
}
body{
	font-size:middle;	
	text-align:center;
	color:#000;
	background:#fff;
	line-height:2rem;
}
.clear{
	overflow:hidden;	
}
ul{
	list-style:none;	
}
img{
    vertical-align:bottom;
	border:none;
	max-width:100%;
}
span.red{
	color:red;	
}
span.underline{
	text-decoration:underline;	
}
*:focus {
   outline:none;
}
a{
	color:#221815;
}
a:hover{
	color:#B5B5B5;
}
a:hover img{
	opacity: 0.8;	
}
/**mac用リセットCSS**/
/*input{
	-webkit-appearance: none;	
}*/
/*------------------------------------------------------------------
共通スタイルcontainer
-------------------------------------------------------------------*/
/*.container{
	width:900px;
	margin:0 auto;*/
	/* box-shadow */
	/*-moz-box-shadow:0px 0px 6px 3px #cccccc;
	-webkit-box-shadow:0px 0px 6px 3px #cccccc;	
	box-shadow:0px 0px 6px 3px #cccccc;
}
.container{
	background:url(../images/bg.png) repeat-y center top;
}*/
/*------------------------------------------------------------------
共通スタイルbox
-------------------------------------------------------------------*/
.box{
	min-width:1200px;
	_display: inline;
	_zoom:1;
}
/*------------------------------------------------------------------
共通スタイルheader
-------------------------------------------------------------------*/
header{
	background:#cecfd1;
	padding: 1rem;
}
/*------------------------------------------------------------------
共通スタイルパーツ
-------------------------------------------------------------------*/
section.box01{
	background: #f2f2ee;
}
section.box01 .inner{
	max-width: 980px;
	margin: 0 auto;
}

.box01_01{
	padding: 3rem 1rem;
}
.box01_01 h1.sp{
	display: none;
}
.box01_01 div{
	padding: 1rem 2rem;
}
@media screen and (max-width:670px){
	.box01_01 h1.sp{
		display: block;
	}
	.box01_01 h1.pc{
		display: none;
	}
	.box01_01 div{
		padding: 1rem 0;
	}
}

.box01_02{
	width: 98%;
	background: #fff;
	border: 3px #bd912a solid;
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
	padding: 1rem 3rem 1rem 1rem;
}
.box01_02 div:first-of-type{
	width: 40%;
}
.box01_02 div:last-of-type{
	width:60%;
	padding: 1rem 0 2rem;
}
.box01_02 div:last-of-type ul{
	text-align: left;
	padding-left: 2rem;
}
.box01_02 div:last-of-type ul li{
	border-bottom: 2px #000 solid;
	padding: 0.4rem 0 0.2rem;
}
@media screen and (max-width:670px){
	.box01_02{
		padding: 1rem 1rem 1rem 1rem;
	}
	.box01_02 div:first-of-type{
		width: 100%;
	}
	.box01_02 div:last-of-type{
		width:100%;
	}
	.box01_02 div:last-of-type ul{
		padding-left: 1rem;
	}
}

.box01_03{
	padding: 5rem 1rem 3rem;
}
.box01_03 h1{
	color: #6a4832;
	font-weight: 700;
	background: url("../images/img_04.png") no-repeat center top;
	padding-top: 3.5rem;
}
.box01_03 h1 span{
	display: block;
	font-size: 1.2rem;
}
.box01_03 div{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
	padding: 1rem;
}
.box01_03 div div:first-of-type{
	width: 40%;
}
.box01_03 div div:last-of-type{
	width:60%;
	text-align: left;
	padding-top: 2rem;
}
@media screen and (max-width:670px){
	.box01_03 div{
		padding: 1rem 0;
	}
	.box01_03 div div:first-of-type{
		width: 100%;
	}
	.box01_03 div div:first-of-type span{
		margin: 0 auto;
	}
	.box01_03 div div:last-of-type{
		width:100%;
	}
}

.box01_04{
	padding: 0 1rem 0;
}
.box01_04 h1{
	background: #6a4833;
	border-radius: 200px;
	color: #fff;
	font-weight: 700;
	padding: 0.5rem 1rem;
	margin-bottom: 6rem;
	font-size: 1.3rem;
}
.box01_04 div{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box01_04 div dl{
	position: relative;
	width: 31%;
	background: #fff;
	border: 3px #8ac997 solid;
	border-radius: 25px;
	color: #6a4833;
	padding: 4.5rem 1.5rem 1rem 1.5rem;
}
.box01_04 div dl::before{
	display: block;
	content: "";
	background: url("../images/img_06.png") no-repeat center center;
	width: 130px;
	height: 120px;
	position: absolute;
	left: 0;
	right: 0;
	top: -60px;
	margin: 0 auto;
}
.box01_04 div dl dt{
	font-size: 1.2rem;
	font-weight: 700;
}
.box01_04 div dl dt span:first-of-type{
	border-bottom: 2px #6a4833 solid;
}
.box01_04 div dl dt span:last-of-type{
	font-size: 1rem;
	display: block;
}
.box01_04 div dl dd{
	text-align: left;
	padding-top: 0.5rem;
	font-weight: 600;
	line-height: 1.8rem;
}
@media screen and (max-width:890px){
	.box01_04 div dl{
		width: 32%;	
	}
}
@media screen and (max-width:770px){
	.box01_04 h1{
		margin-bottom: 0;
	}
	.box01_04 div dl{
		width: 100%;
		padding: 5.8rem 1.5rem 1rem 1.5rem;
		margin-top: 3rem;
	}
	.box01_04 div dl::before{
		top: -30px;
	}
}

.box01_05{
	padding: 5rem 1rem 5rem;
}
.box01_05 h1{
	color: #6a4832;
	font-weight: 700;
	background: url("../images/img_04.png") no-repeat center top;
	padding: 3.5rem 0 1rem;
}
.box01_05 h1 span{
	color: #bd9129;
}
.box01_05 dl{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
	padding-top: 2rem;
}
.box01_05 dl dt{
	width: 35%;
}
.box01_05 dl dd{
	text-align: left;
	width: 60%;
	line-height: 1.8rem;
	padding-top: 2rem;
}
.box01_05 dl dd h2{
	color: #bd9129;
	font-weight: 700;
	padding-bottom: 0.8rem;
}
@media screen and (max-width:670px){
	.box01_05 dl dt{
		width: 100%;
	}
	.box01_05 dl dd{
		width: 100%;
	}
}

section.box02{
	background: #c3e1c9;
}
section.box02 .inner{
	max-width: 980px;
	margin: 0 auto;
}

.box02_01{
	padding: 3rem 1rem;
}
.box02_01 h1{
	color: #6a4832;
	font-weight: 700;
	background: url("../images/img_04.png") no-repeat center top;
	padding: 3.5rem 0 2rem;
	line-height: 2.6rem;
}
.box02_01 h1 span{
	font-size: 2rem;
}
.box02_01 div{
	font-weight: 600;
	padding: 0 3rem;
}
@media screen and (max-width:670px){
	.box02_01 div{
		padding: 0 0;
	}
}
@media screen and (max-width:400px){
	.box02_01 h1{
		font-size: 1.2rem;
	}
	.box02_01 h1 span{
		font-size: 1.8rem;
	}
}

section.box03{
	background: #f2f2ee;
	padding-bottom: 3rem;
}
section.box03 .inner{
	max-width: 980px;
	margin: 0 auto;
}

.box03_01{
	padding: 3rem 1rem;
}
.box03_01 h1{
	color: #bd9129;
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 2rem;
}
.box03_01 div:first-of-type{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box03_01 div ul{
	width: 48%;
}
.box03_01 div ul li{
	background: #bd912a;
	color: #fff;
	padding: 0.5rem 3rem;
}
.box03_01 div ul:first-of-type li:first-of-type{
	margin-bottom: 0.5rem;
}
.box03_01 div ul:last-of-type{
	background: #bd912a;
}
.box03_01 div ul:last-of-type li{
	color: #fff;
	padding: 1.2rem 5rem 0;
	margin-bottom: 0.5rem;
}
.box03_01 div:last-of-type{
	margin-top: 1rem;
	text-align: left;
}
@media screen and (max-width:820px){
	.box03_01 div ul li{
		padding: 0.5rem 1rem;
	}
	.box03_01 div ul:last-of-type li{
		padding: 1.2rem 1rem 0;
	}
}
@media screen and (max-width:540px){
	.box03_01 div ul{
		width: 100%;
	}
	.box03_01 div ul:last-of-type{
		background: none;	
	}
	.box03_01 div ul:last-of-type li{
		margin-top: 0.5rem;
		background: #bd912a;
		padding: 0.5rem 3rem;
	}
}

.box03_02{
	padding: 0 1rem 3rem;
}
.box03_02 h1{
	color: #6a4832;
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 2rem;
}
.box03_02 div:first-of-type{
	background: #6a4832;
	color: #fff;
	padding: 0.5rem 1rem;
}
.box03_02 div:last-of-type{
	margin-top: 1rem;
	text-align: left;
}

.box03_03{
	padding: 0 1rem 3rem;
}
.box03_03 h1{
	color: #669b71;
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 2rem;
}
.box03_03 ul{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box03_03 ul li{
	width: 48%;
	background: #8ac997;
	color: #fff;
	padding: 0.5rem 1rem;
}
.box03_03 ul li:first-of-type,
.box03_03 ul li:nth-of-type(2){
	margin-bottom: 0.5rem;
}
.box03_03 div:last-of-type{
	margin-top: 1rem;
	text-align: left;
}
@media screen and (max-width:540px){
	.box03_03 ul li{
		width: 100%;
	}
	.box03_03 ul li:nth-of-type(3){
		margin-bottom: 0.5rem;
	}
}

section.box03 div.gray{
	max-width: 980px;
	margin: 0 auto;
	padding: 0 1rem;
}
section.box03 div.gray span{
	display: block;
	background: #d5d5d0;
	padding: 0.5rem 1rem;
	max-width: 980px;
	margin: 0 auto;
}



section.box04{
	background: #fff;
}
section.box04 .inner{
	max-width: 980px;
	margin: 0 auto;
}

.box04_01{
	padding: 3rem 1rem 0;
}
.box04_01 h1{
	background: #bd9129;
	border-radius: 200px;
	color: #fff;
	font-weight: 700;
	padding: 0.5rem 1rem;
	margin-bottom: 2rem;
	font-size: 1.3rem;
}
.box04_01 div:first-of-type{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
	padding-bottom: 1.5rem;
}
.box04_01 div dl{
	width: 31%;
}
.box04_01 div dl dd{
	text-align: left;
	padding-top: 1rem;
}
.box04_01 div:last-of-type{
	background: #d5d5d0;
	padding: 0.8rem 1rem;
}

@media screen and (max-width:420px){
	.box04_01 h1{
		margin-bottom: 1rem;
	}
	.box04_01 div dl{
		width: 100%;
		padding-top: 1rem;
	}
}

.box04_02{
	padding: 3rem 1rem;
}
.box04_02 h1{
	font-weight: 700;
	padding-bottom: 2rem;
}
.box04_02 div{
	max-width: 350px;
	margin: 0 auto;
}
.box04_02 dl{
	padding-bottom: 0.5rem;
}
.box04_02 dl.space{
	padding-top: 1rem;
}
.box04_02 dl dt{
	text-align: left;
	font-weight: 700;
	font-size: 1.1rem;
}
.box04_02 dl dd input{
	width: 100%;
	padding: 0.8rem 1rem;
	background: #f5f5f3;
	border: 1px #c7c7c7 solid;
}
.box04_02 dl dd{
	text-align: left;
}
.box04_02 input[type=checkbox]{
	width: auto;
}
.box04_02 textarea{
	width: 100%;
	height: 300px;
	background: #f5f5f3;
	border: 1px #c7c7c7 solid;
}

section.box05{
	background: #f2f2ee;
	padding-bottom: 3rem;
}
section.box05 .inner{
	max-width: 980px;
	margin: 0 auto;
}
.box05_01{
	padding: 3rem 1rem 0;
}
.box05_01 h1{
	font-weight: 700;
	padding-bottom: 2rem;
}
.box05_01 table{
	max-width: 600px;
	margin: 0 auto;
	background: #fff;
	border-collapse: collapse;
	border:1px #000 solid;
}
.box05_01 table tr,
.box05_01 table tr td,
.box05_01 table tr th{
	border:1px #000 solid;
	padding: 0.5rem 1rem;
}
.box05_01 table tr th{
	width: 30%;
}
.box05_01 table tr td{
	text-align: left;
}
@media screen and (max-width:490px){
	.box05_01 table tr td,
	.box05_01 table tr th{
		display: block;
		width: 100%;
		border: none;
	}
	.box05_01 table tr th{
		border-bottom: 1px #000 solid;
	}
}


/*------------------------------------------------------------------
共通スタイルfooter
-------------------------------------------------------------------*/
footer{
	color: #fff;
	padding: 1rem;
	background: #6a4833;
}
.error-php {
	color: #ff0000;
	display: block;
}
.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
}
.close-btn{
text-align: right;
text-decoration: none;
font-size: 1.8rem;
color: #666;
}
.modal-bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal-box{
background: #fff;
left: 50%;
padding: 16px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 65%;
}