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

トップ

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

#top {
}
#top .area01{
	background:#0495bf;
	padding:40px 0 140px 0;
	position:relative;
}
#top .area01 h2{
	color:#fff;
	margin-bottom:30px;
	position:relative;
	z-index:10;
}
#top .area01 .aa01{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#top .area01 h3{
	color:#0395bf;
	font-size:30px;
	font-weight:normal;
}

#top .area01 dl{
}
#top .area01 dt{
	color:#9ecfd4;
	font-size:24px;
	margin:25px 0 20px 0;
}
#top .area01 dd{
	font-size:14px;
	margin-bottom:30px;
}
#top .area01 .gopdf{
	text-align:right;
}
#top .area01 .gopdf a{
	display: inline-block;
	padding: 3px 30px 3px 15px;
	color: #fff;
	line-height: 24px;
	vertical-align: middle;
	border-radius: 20px;
	background-color: #0094bf;
	background-image: url(../img/common/icon-01.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
#top .area01 .gopdf a:hover{
	background-color:#d40035;
}


#top .area02{
	padding:40px 0 140px 0;
	position:relative;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(195,252,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,252,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(195,252,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3fcff',GradientType=0 );
}
#top .area02 h2{
	color:#a5cfd4;
	margin-bottom:30px;
}
#top .area02 .item{
	display:table;
}
#top .area02 .item-list{
	background:#b3b3b3;
	color:#fff;
	padding:30px 50px;
	width:33%;
	box-sizing:border-box;
	float:left;
	min-height:590px;
	position:relative;
	margin-bottom:15px;
	z-index: 6;
	position:relative;
}
#top .area02 .item-list:nth-of-type(2n){
	background:#979595;
}
#top .area02 .item-list:nth-of-type(2n+1){
	background:#979595;
}
#top .area02 .item-list:nth-of-type(3n){
	background:#7f7c7c;
}
#top .area02 .item-list:nth-of-type(3n+1){
	background:#b3b3b3;
}
#top .area02 .item-list.on:nth-of-type(1){
	background:#ff99c2;
}
#top .area02 .item-list.on:nth-of-type(2){
	background:#ff6daa;
}
#top .area02 .item-list.on:nth-of-type(3){
	background:#ff4e99;
}
#top .area02 .item-list.on:nth-of-type(4){
	background:#77c572;
}
#top .area02 .item-list.on:nth-of-type(5){
	background:#3bc941;
}
#top .area02 .item-list.on:nth-of-type(6){
	background:#00c500;
}
#top .area02 .item-list.on:nth-of-type(7){
	background:#ffd165;
}
#top .area02 .item-list.on:nth-of-type(8){
	background:#f9a600;
}
#top .area02 .item-list.on:nth-of-type(9){
	background:#c58000;
}
#top .area02 .item-list.on:nth-of-type(10){
	background:#00c3ce;
}
#top .area02 .item-list.on:nth-of-type(11){
	background:#00a5b1;
}
#top .area02 .item-list.on:nth-of-type(12){
	background:#006fb1;
}

#top .area02 .item-list h3{
	font-family: 'Cabin Condensed', sans-serif;
	text-align:center;
	font-size:30px;
}
#top .area02 .item-list h3 span{
	font-size:24px;
	display:block;
	font-weight:normal;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	margin:15px 0 25px 0;
}
#top .area02 .item-list .item-img{
}
#top .area02 .item-list .item-txt{
	font-size:18px;
	line-height:1;
	margin-top:20px;
}
#top .area02 .item-list .more{
	text-align:center;
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	z-index:100 !important;
}
#top .area02 .item-list .more a,
#top .area02 .item-list .more span{
	display:block;
	width:65%;
	margin:0 auto;
	background:#fff;
	font-size:18px;
	line-height:55px;
	border-radius:40px;
	font-family: 'Cabin Condensed', sans-serif;
	font-weight:400;
	position:relative;
	color:#b3b3b3;
}
#top .area02 .item-list.on .more a{
	color:#d40035;
}
#top .area02 .item-list .more a:before,
#top .area02 .item-list .more span:before{
	font-family:FontAwesome;
	content:"\f111";
	font-size:36px;
	position:absolute;
	left:15px;
}
#top .area02 .item-list .more a:after,
#top .area02 .item-list .more span:after{
	font-family:FontAwesome;
	content:"\f105";
	font-size:36px;
	position:absolute;
	right:15px;
}
#top .area02 .item-list .more a:hover{
	opacity:0.8;
}
#top .area02 .item-list .more img{
	width:65%;
}
    .item-list {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
		transform: scale(1);
    }
    .item-list.ons {transform: scale(1);
    }
    /*.fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }*/
	
.bg1 {
	background-image: url(../img/bg1.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	opacity: 0.8;
	background-position: center top;
}
.bg2 {
	background-image: url(../img/bg1.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	background-position: left top;
}
.bg3 {
	background-image: url(../img/bg3.png);
	background-repeat: no-repeat;
	height: 20%;
	width: 100%;
	top:-100px;
	left: 0%;
	position: absolute;
	z-index: 10;
	background-position: left top;
	background-size:contain;
}
.bg4 {
	background-image: url(../img/bg3-02.png);
	background-repeat: no-repeat;
	height: 15%;
	width: 100%;
	top: 50%;
	left: 0%;
	position: absolute;
	z-index: 10;
	background-position: left top;
	background-size:contain;
}
.bg5 {
	background-image: url(../img/bg4.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
	opacity: 0.8;
	background-position: center top;
	background-size:contain;
}
.bg6 {
	background-image: url(../img/bg5.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	background-position: left top;
	background-size:contain;
}
@media (max-width: 800px){
	  #top {
	  }
	  #top .area01{
		  padding:40px 0 40px 0;
	  }
	  #top .area01 h2{
	  }
	  #top .area01 .aa01{
		  padding:15px;
	  }
	  #top .area01 h3{
		  font-size:22px;
	  }
	  
	  #top .area01 dl{
	  }
	  #top .area01 dt{
		  font-size:18px;
		  margin:15px 0 10px 0;
	  }
	  #top .area01 dd{
	  }
	  #top .area01 .gopdf{
	  }
	  #top .area01 .gopdf a{
	  }
	  #top .area01 .gopdf a:hover{
	  }
	  
	  
	  #top .area02{
		  padding:40px 0 40px 0;
		  overflow:hidden;
	  }
	  #top .area02 h2{
		  z-index:100;
		  position:relative;
	  }
	  #top .area02 .item{
	  }
	  #top .area02 .item-list{
		  padding:30px;
		  width:100%;
		  float:none;
		  min-height: inherit;
		  margin-bottom:15px;
		  z-index: 6;
		  position:relative;
	  }
	  #top .area02 .item-list:nth-of-type(2n){
	  }
	  #top .area02 .item-list:nth-of-type(2n+1){
	  }
	  #top .area02 .item-list:nth-of-type(3n){
	  }
	  #top .area02 .item-list:nth-of-type(3n+1){
	  }
	  #top .area02 .item-list h3{
		  font-size:22px;
	  }
	  #top .area02 .item-list h3 span{
		  font-size:18px;
		  margin:5px 0 15px 0;
	  }
	  #top .area02 .item-list .item-img{
		  text-align:center;
	  }
	  #top .area02 .item-list .item-txt{
		  font-size:16px;
		  line-height:1.3;
		  margin-top:20px;
	  }
	  #top .area02 .item-list .more{
		  text-align:center;
		  position: static;
		  bottom:30px;
		  left:0;
		  width:100%;
		  z-index:100 !important;
		  margin-top:20px;
	  }
	  #top .area02 .item-list .more img{
		  width:65%;
	  }
		  .item-list {
			  opacity: 0;
			  transform: translate(0, 60px);
			  -webkit-transform: translate(0, 60px);
			  transition: .8s;
			  transform: scale(1);
		  }
		  .item-list.ons {transform: scale(1);
		  }
		  /*.fadeInUp {
			  opacity: 1.0;
			  transform: translate(0, 0);
			  -webkit-transform: translate(0, 0);
		  }*/
		  
	  .bg1 {
		  background-image: url(../img/bg1.png);
		  background-repeat: repeat;
		  height: 100%;
		  width: 100%;
		  top: 100px;
		  left: 0;
		  position: absolute;
		  z-index: 5;
		  opacity: 0.8;
		  background-position: center top;
		  background-size:contain;
	  }
	  .bg2 {
		  background-image: url(../img/bg1.png);
		  background-repeat: repeat;
		  height: 100%;
		  width: 100%;
		  top: 0;
		  left: 0;
		  position: absolute;
		  z-index: 5;
		  background-position: left top;
		  background-size:contain;
	  }
	  .bg3 {
		  height: 0;
		  padding-top:25%;
		  width: 100%;
		  top: 80px;
		  left: 0%;
		  background-size:contain;
	  }
	  .bg4 {
		  height: 0;
		  padding-top:25%;
		  width: 120%;
		  top: 50%;
		  left: 0;
		  background-size:contain;
	  }
	  .bg5 {
		  background-image: url(../img/bg4.png);
		  background-repeat: repeat;
		  height: 100%;
		  width: 100%;
		  top: 0;
		  left: 0;
		  position: absolute;
		  z-index: 0;
		  opacity: 0.8;
		  background-position: center top;
		  background-size:contain;
	  }
	  .bg6 {
		  background-image: url(../img/bg5.png);
		  background-repeat: repeat;
		  height: 100%;
		  width: 100%;
		  top: 0;
		  left: 0;
		  position: absolute;
		  z-index: 5;
		  background-position: left top;
		  background-size:contain;
	  }
}


#dls {
	background:#e9e7e7;
}
#dls .area01{
	padding:40px 0 140px 0;
	position:relative;
}
#dls .area01 h2{
	margin-bottom:30px;
	position:relative;
	z-index:10;
	color:#0395bf;
	font-size:30px;
}
#dls .area01 .aa01{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#dls .area01 p.p01{
	line-height:1.5;
	margin-bottom:50px;
}
#dls .area01 ul{
	float:left;
	width:50%;
}
#dls .area01 li{
	margin-bottom: 1em;
	line-height: 1.5;
	list-style-type: decimal;
	margin-left:2em;
}
#dls .area01 li a{
	color:#333;
	text-decoration:underline;
}
#dls .area01 li a:hover{
	color:#0076a9;
}
@media (max-width: 800px){
	  #dls {
	  }
	  #dls .area01{
	  padding:40px 0 40px 0;
	  }
	  #dls .area01 h2{
	  font-size:22px;
	  }
	  #dls .area01 .aa01{
	  padding:15px;
	  }
	  #dls .area01 p.p01{
	  line-height:1.5;
	  margin-bottom:50px;
	  }
	  #dls .area01 ul{
	  float:none;
	  width:100%;
	  margin-bottom:2em;
	  }
	  #dls .area01 li{
	  }
	  #dls .area01 li a{
	  }
	  #dls .area01 li a:hover{
	  }
}

#annai {
	background:#f8b6b6;
}
#annai .area01{
	padding:40px 0 140px 0;
	position:relative;
}
#annai .area01 h2{
	margin-bottom:30px;
	position:relative;
	z-index:10;
	color:#0395bf;
	font-size:30px;
}
#annai .area01 .aa01{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#annai .area01 .aa01 h3{
	color:#0395bf;
	font-size:24px;
	font-weight:normal;
	margin:2em 0 1em 0;
}
#annai .area01 .aa01 table{
	width:100%;
	font-size:100%;
}
#annai .area01 .aa01 th{
	padding:15px;
	border:1px solid #ececec;
}
#annai .area01 .aa01 td{
	padding:15px;
	line-height:1.3;
	border:1px solid #ccc;
	vertical-align:middle !important;
}
#annai .area01 .aa01 p{
	margin-bottom:1em;
	font-size:14px;
	line-height:1.3;
	color:#999;
}
#annai .area01 .aa01 td p{
	margin:0;
	font-size:16px;
	color:#333;
}
#annai .area01 .aa02{
	margin-bottom:50px;
}
#annai .area01 h4{
	color:#9ecfd4;
	font-size:18px;
	font-weight:normal;
	margin:25px 0 10px 0;
}
@media (max-width: 800px){
	  #annai {
	  }
	  #annai .area01{
		  padding:40px 0 40px 0;
	  }
	  #annai .area01 h2{
		  font-size:24px;
	  }
	  #annai .area01 h2 img{
		  width:100%;
	  }
	  #annai .area01 .aa01{
		  padding:15px;
	  }
	  #annai .area01 .aa01 h3{
		  font-size:20px;
		  margin:1em 0 0.5em 0;
	  }
	  #annai .area01 .aa01 table{
	  }
	  #annai .area01 .aa01 th{
		  padding:5px;
	  }
	  #annai .area01 .aa01 td{
		  padding:5px;
		  font-size:12px;
	  }
	  #annai .area01 .aa01 p{
		  margin-bottom:1em;
		  font-size:12px;
		  line-height:1.3;
		  color:#999;
	  }
	  #annai .area01 .aa01 td p{
		  margin:0;
		  font-size:12px;
		  color:#333;
	  }
	  #annai .area01 .aa02{
		  margin-bottom:50px;
	  }
	  #annai .area01 h4{
		  font-size:16px;
		  margin:15px 0 5px 0;
	  }
}


#inq{
	background:#e9e7e7;
}
#inq .area01{
	padding:40px 0 140px 0;
	position:relative;
}
#inq .area01 h2{
	margin-bottom:30px;
	position:relative;
	z-index:10;
	color:#0395bf;
	font-size:30px;
}
#inq .area01 .aa01{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#inq .tps{
	background-color: rgba(255,255,255,0.7);
	margin-top: -150px;
	padding-bottom: 110px;
}
#inq .inq{
}
#inq .inq h3{
	padding: 35px 0 35px 0;
	margin-bottom: 18px;
	text-align: center;
}
#inq .inq p.p01{
	text-align:center;
	margin-bottom:65px;
}
#inq #section1{
	width:790px;
	margin:0 auto;
	font-size:16px;
}
#inq #section1 .text1{
	margin:20px 0 20px 0;
}
#inq #section1 .notice{
	color:#d71515;
	margin-bottom:15px;
}
#inq #section1 table{
	border-collapse: collapse;
	margin-bottom: 50px;
	width:100%;
}
#inq #section1 th{
	width:180px;
	background-color:#9ecfd4;
	color:#333;
	text-align:center;
	vertical-align:middle;
	border:1px solid #d5dbe2;
	font-weight:normal;
}
#inq #section1 th span{
	color:#d71515;
}
#inq #section1 td{
	border:1px solid #d5dbe2;
	background-color:#fff;
	padding:20px;
}
#inq #section1 .ip01{
	width: 420px;
}
#inq #section1 .ip02{
	width:205px;
}
#inq #section1 .ip03{
	width:150px;
}

#inq #section1 textarea{
	width:490px !important;
	height:180px !important;
}

#mfp_phase_confirm{
	width:790px;
	margin:0 auto;
	font-size:16px;
}
#mfp_phase_confirm table{
	border-collapse:collapse;
	margin-bottom:120px;
}
#mfp_phase_confirm th{
	width:180px;
	background-color:#9ecfd4;
	color:#333;
	text-align:center;
	vertical-align:middle;
	border:1px solid #d5dbe2;
	font-weight:normal;
}
#inq #section1 th span{
	color:#d71515;
}
#inq #section1 td span{
	font-size:14px;
}
#inq #section1 td span.sp01{
	color:#d71515;
	margin-left:10px;
}
#mfp_phase_confirm td{
	border:1px solid #d5dbe2;
	background-color:#fff;
	padding:20px;
}
#inq .complete h3,
#inq .complete p {
  margin: 0 10px 25px;
  padding: 0;
}

#inq .complete p:last-of-type {
  margin: 0 10px;
}

#inq .complete p.contact-block {
  margin-top: -12px;
  padding: 12px;
  font-size: 16px;
  line-height: 36px;
  background-color: #F3F5F4;
}

#inq .complete p.contact-block strong {
  font-size: 18px;
  font-weight: normal;
}
#inq .baa a {
	border-radius: 3px;
	background-color:#a12525;
	border-radius:4px;
	width:170px;
	height:40px;
	display:block;
	margin:0 auto;
	text-align:center;
	transition:.3s;
	color:#fff;
	line-height:40px;
}
.baa a:hover{
	background-color:#333;
	text-decoration:none;
}

#inq section.note{
	padding:15px;
	height:200px;
	overflow:auto;
	border:1px solid #ccc;
	margin-bottom:50px;
}
#inq section.note h3{
	color:#0395bf;
	font-size:20px;
	font-weight:normal;
	margin:1em 0 0.5em 0;
}
#inq section.note p{
	line-height:1.3;
}
#inq section.note p.p01{
	margin-top:2em;
	text-align:right;
}
div#mfp_phase_confirm h4 {
	color:#0395bf;
	font-size:20px;
	font-weight:normal;
	margin:1em 0 0.5em 0;
}
@media (max-width: 800px){
	  #inq{
	  }
	  #inq .area01{
		  padding:40px 0 40px 0;
	  }
	  #inq .area01 h2{
		  font-size:24px;
		  margin-bottom:15px;
	  }
	  #inq .area01 .aa01{
		  padding:15px;
	  }
	  #inq .tps{
	  }
	  #inq .inq{
	  }
	  #inq .inq h3{
		  margin-bottom: 18px;
	  }
	  #inq .inq p.p01{
		  margin-bottom:65px;
	  }
	  #inq #section1{
		  width:100%;
		  margin:0 auto;
		  font-size:16px;
	  }
	  #inq #section1 .text1{
		  margin:20px 0 20px 0;
	  }
	  #inq #section1 .notice{
		  color:#d71515;
		  margin-bottom:15px;
	  }
	  #inq #section1 table{
		  border-collapse: collapse;
		  margin-bottom: 50px;
		  width:100%;
	  }
	  #inq #section1 th{
		  width:100%;
		  background-color:#9ecfd4;
		  color:#333;
		  text-align:left;
		  vertical-align:middle;
		  border:1px solid #d5dbe2;
		  font-weight:normal;
		  padding:10px;
		  display:block;
		  box-sizing:border-box;
	  }
	  #inq #section1 th span{
	  }
	  #inq #section1 td{
		  padding:10px;
		  box-sizing:border-box;
		  display:block;
	  }
	  #inq #section1 .ip01{
		  width: 80%;
	  }
	  #inq #section1 .ip02{
		  width: 80%;
	  }
	  #inq #section1 .ip03{
		  width: 80%;
	  }
	  
	  #inq #section1 textarea{
		  width:100% !important;
		  height:180px !important;
	  }
	  
	  #mfp_phase_confirm{
		  width:100%;
	  }
	  #mfp_phase_confirm table{
	  }
	  #mfp_phase_confirm th{
		  width:100%;
		  background-color:#9ecfd4;
		  color:#333;
		  text-align:left;
		  vertical-align:middle;
		  border:1px solid #d5dbe2;
		  font-weight:normal;
		  padding:10px;
		  display:block;
		  box-sizing:border-box;
	  }
	  #inq #section1 th span{
	  }
	  #inq #section1 td span{
	  }
	  #inq #section1 td span.sp01{
	  }
	  #mfp_phase_confirm td{
		  border:1px solid #d5dbe2;
		  background-color:#fff;
		  padding:10px;
	  }
	  #inq .complete h3,
	  #inq .complete p {
		margin: 0 10px 25px;
		padding: 0;
	  }
	  
	  #inq .complete p:last-of-type {
		margin: 0 10px;
	  }
	  
	  #inq .complete p.contact-block {
		margin-top: -12px;
		padding: 12px;
		font-size: 16px;
		line-height: 36px;
		background-color: #F3F5F4;
	  }
	  
	  #inq .complete p.contact-block strong {
		font-size: 18px;
		font-weight: normal;
	  }
	  #inq .baa a {
		  border-radius: 3px;
		  background-color:#a12525;
		  border-radius:4px;
		  width:170px;
		  height:40px;
		  display:block;
		  margin:0 auto;
		  text-align:center;
		  transition:.3s;
		  color:#fff;
		  line-height:40px;
	  }
	  .baa a:hover{
		  background-color:#333;
		  text-decoration:none;
	  }
	  
	  #inq section.note{
		  padding:15px;
		  height:200px;
		  overflow:auto;
		  border:1px solid #ccc;
		  margin-bottom:50px;
	  }
	  #inq section.note h3{
		  font-size:16px;
		  margin:1em 0 0.5em 0;
	  }
	  #inq section.note p{
		  line-height:1.3;
		  font-size:14px;
	  }
	  #inq section.note p.p01{
		  margin-top:1em;
	  }
	  div#mfp_phase_confirm h4 {
		  font-size:18px;
		  margin:1em 0 0.5em 0;
	  }
}


#yochien {
}
#yochien .area01{
	padding:40px 0 40px 0;
	position:relative;
}
#yochien .area01 h2{
	color:#fff;
	margin-bottom:30px;
	position:relative;
	z-index:10;
}
#yochien .area01 .aa01{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#yochien .area01 h3{
	color:#0395bf;
	font-size:30px;
	font-weight:normal;
}
#yochien .area01 p{
	line-height:1.5;
}

#yochien .area02{
	position:relative;
	padding:40px 80px;
}
#yochien .area02 h2{
	margin-bottom:30px;
}
#yochien .area02 p{
	line-height:1.5;
	margin-bottom:25px;
}
#yochien .area02 p.p02{
	text-align:center;
	margin-bottom:0;
}

#yochien .area03{
	padding:40px 0 40px 0;
	position:relative;
	background:#58c7f1;
}
#yochien .area03 p.hikoki{
	position:absolute;
	left:20px;
	top:20px;
	z-index:15;
}
#yochien .area03 h2{
	margin-bottom:10px;
}
#yochien .area03 .aa03{
	background:#fff;
	padding:10px 60px 60px 60px;
	position:relative;
	z-index:10;
}
#yochien .area03 h3{
	color:#0395bf;
	font-size:24px;
	font-weight:normal;
	margin:20px 0 10px 0;
}
#yochien .area03 dl{
	background-image: url(../img/yochien/hasami.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 20px;
	padding-bottom: 40px;
}
#yochien .area03 dt{
	color:#0395bf;
	float:left;
}
#yochien .area03 dd{
	padding-left:5em;
	margin-bottom:1em;
}
#yochien .area03 dl.dl2{
	background:none;
	padding:0;
	margin:0;
}
#yochien .area03 dl.dl2 dt{
}
#yochien .area03 dl.dl2 dd{
	padding-left:7em;
}
#yochien .area03 dd span{
	color:#0395bf;
	font-size:14px;
}
#yochien .area03 p.exp{
	color:#0395bf;
	font-size:14px;
}

#yochien .area04{
	padding:40px 0 40px 0;
	position:relative;
}
#yochien .area04 h2{
	color:#fff;
	margin-bottom:30px;
	position:relative;
	z-index:10;
}
#yochien .area04 .aa04{
	background:#fff;
	padding:30px 30px;
	position:relative;
	z-index:10;
}
#yochien .area04 h3{
	color:#0395bf;
	font-size:30px;
	font-weight:normal;
}
#yochien .area04 .niright{
width:30%;
float:right;
}
#yochien .area04 .nileft{
width:65%;
float:left;
}
#yochien .area04 p{
	font-size:14px;
	line-height:1.5;
	color:#9ecfd4;
}
#yochien .area04 p strong{
	font-size:18px;
}
#yochien .area04 .sanright{
width:31%;
float:right;
}
#yochien .area04 .sanleft{
width:31%;
float:left;
}
#yochien .area04 .sancenter{
width:31%;
float:right;
margin-right:3%;
}
#yochien .area04 .san p{
}
#yochien .area04 .cf img{
	width:100%;
}
#yochien .area04 .cf{
margin-bottom:3%
}

#yochien .area05{
	padding:40px 0 40px 0;
	position:relative;
	background:#fcfbb6;
}
#yochien .area05 p.cho01{
	position:absolute;
	left:20px;
	top:20px;
	z-index:15;
}
#yochien .area05 p.cho02{
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:15;
}
#yochien .area05 h2{
	margin-bottom:10px;
}
#yochien .area05 .aa05{
	background:#fff;
	padding:10px 60px 60px 60px;
	position:relative;
	z-index:10;
}
#yochien .area05 table{
	width:100%;
	font-size:100%;
	border:1px solid #ccc;
	font-size:14px;
}
#yochien .area05 th{
	padding:10px;
	border:1px solid #ccc;
	background:#9ecfd4;
}
#yochien .area05 td{
	padding:10px;
	border:1px solid #ccc;
}

#yochien .area06{
	padding:40px 0 40px 0;
	position:relative;
}
#yochien .area06 h2{
	color:#fff;
	margin-bottom:30px;
	position:relative;
	z-index:10;
}
#yochien .area06 .aa06{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#yochien .area06 dl{
	line-height:1.5;
}
#yochien .area06 dt{
	padding:10px 0 15px 35px;
	position:relative;
	font-weight:bold;
}
#yochien .area06 dt:before{
	content:"Q";
	font-size:30px;
	color:#f30;
	position:absolute;
	left:0;
	top:0;
}
#yochien .area06 dd{
	padding:10px 0 15px 35px;
	margin:0 0 15px 0;
	position:relative;
	border-bottom:1px  dotted #ccc;
}
#yochien .area06 dd:before{
	content:"A";
	font-size:30px;
	color:#9ecfd4;
	position:absolute;
	left:0;
	top:0;
}

#yochien .area07{
	padding:40px 0 40px 0;
	position:relative;
	background:#b1df87;
}
#yochien .area07:after{
	content: "";
	background-image: url(../img/yochien/ki-01.png);
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	background-position: left bottom;
}
#yochien .area07 h2{
	margin-bottom:30px;
}
#yochien .area07 .aa07{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#yochien .area07 h3{
	color:#0395bf;
	font-size:30px;
	font-weight:normal;
}
#yochien .area07 p{
	line-height:1.5;
}

#yochien .yc01 {
	background-image: url(../img/yochien/yochien-01.jpg);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	opacity: 1;
	background-position: center top;
	background-size:100%;
}
#yochien .yc02 {
	background-image: url(../img/yochien/kumo-01.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 11;
	background-position: left top;
	background-size:contain;
}
#yochien .yc03 {
	background-image: url(../img/yochien/kumo-02.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top:0;
	left: 0%;
	position: absolute;
	z-index: 5;
	background-position: left top;
	background-size:50%;
}
#yochien .yc04 {
	background-image: url(../img/yochien/yochien-02.jpg);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	opacity: 1;
	background-position: center top;
	background-size:150%;
}
#yochien .yc05 {
	background-image: url(../img/yochien/cho-03.png);
	background-repeat: repeat;
	height: 100%;
	width: 20%;
	top:0;
	left: 0%;
	position: absolute;
	z-index: 5;
	background-position: left top;
	background-size:cover;
}
#yochien .yc06 {
	background-image: url(../img/yochien/cho-04.png);
	background-repeat: repeat;
	height: 100%;
	width: 20%;
	top:0;
	right: 0%;
	position: absolute;
	z-index: 5;
	background-position: right top;
	background-size:contain;
}
#yochien .yc07 {
	background-image: url(../img/yochien/yochien-03.jpg);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	opacity: 1;
	background-position: center top;
	background-size:150%;
}
@media (max-width: 800px){
	  #yochien p{
		  font-size:14px !important;
	  }
	  #yochien h2{
		  margin-bottom:10px !important;
	  }
	  #yochien img{
		  width:100%;
	  }
	  #yochien .area01 h2{
	  }
	  #yochien .area01 .aa01{
		  padding:15px;
	  }
	  #yochien .area01 p{
		  line-height:1.3;
	  }
	  
	  #yochien .area02{
		  position:relative;
		  padding:15px;
	  }
	  #yochien .area02 h2{
	  }
	  #yochien .area02 p{
	  }
	  #yochien .area02 p.p02{
	  }
	  
	  #yochien .area03{
	  }
	  #yochien .area03 p.hikoki{
		  left:0;
		  top:5px;
		  z-index:15;
		  width:50%;
	  }
	  #yochien .area03 h2{
		  margin-bottom:10px;
	  }
	  #yochien .area03 .aa03{
		  padding:15px;
	  }
	  #yochien .area03 h3{
		  font-size:18px;
		  margin:20px 0 10px 0;
	  }
	  #yochien .area03 dl{
		  margin-bottom: 10px;
		  padding-bottom: 30px;
		  font-size:14px;
		  background-size:contain;
	  }
	  #yochien .area03 dt{
	  }
	  #yochien .area03 dd{
		  padding-left:5em;
	  }
	  #yochien .area03 dl.dl2{
	  }
	  #yochien .area03 dl.dl2 dt{
	  }
	  #yochien .area03 dl.dl2 dd{
		  padding-left:6em;
	  }
	  #yochien .area03 dd span{
	  }
	  #yochien .area03 p.exp{
	  }
	  
	  #yochien .area04{
	  }
	  #yochien .area04 h2{
		  margin-bottom:10px;
	  }
	  #yochien .area04 .aa04{
		  padding:15px;
	  }
	  #yochien .area04 h3{
		  font-size:24px;
	  }
	  #yochien .area04 .niright{
	  width:100%;
	  float:none;
	  margin-bottom:15px;
	  }
	  #yochien .area04 .nileft{
	  width:100%;
	  float:none;
	  }
	  #yochien .area04 p{
		  font-size:14px;
		  line-height:1.5;
		  color:#9ecfd4;
	  }
	  #yochien .area04 p strong{
		  font-size:18px;
	  }
	  #yochien .area04 .sanright{
	  width:100%;
	  float:none;
	  margin-bottom:15px;
	  }
	  #yochien .area04 .sanleft{
	  width:100%;
	  float:none;
	  margin-bottom:15px;
	  }
	  #yochien .area04 .sancenter{
	  width:100%;
	  float:none;
	  margin-right:0%;
	  margin-bottom:15px;
	  }
	  #yochien .area04 .san p{
	  }
	  #yochien .area04 .cf img{
		  width:100%;
	  }
	  #yochien .area04 .cf{
	  margin-bottom:0%
	  }
	  
	  #yochien .area05{
		  padding:60px 0 80px 0;
	  }
	  #yochien .area05 p.cho01{
		  position:absolute;
		  left:5px;
		  top:0px;
		  z-index:15;
		  width:20%;
	  }
	  #yochien .area05 p.cho02{
		  position:absolute;
		  right:5px;
		  bottom:5px;
		  z-index:15;
		  width:20%;
	  }
	  #yochien .area05 h2{
		  margin-bottom:10px;
	  }
	  #yochien .area05 .aa05{
		  padding:15px;
	  }
	  #yochien .area05 table{
		  font-size:12px;
	  }
	  #yochien .area05 th{
		  padding:5px;
	  }
	  #yochien .area05 td{
		  padding:5px;
	  }
	  
	  #yochien .area06{
		  padding:40px 0 40px 0;
	  }
	  #yochien .area06 h2{
		  margin-bottom:10px;
	  }
	  #yochien .area06 .aa06{
		  padding:15px;
	  }
	  #yochien .area06 dl{
		  line-height:1.5;
	  }
	  #yochien .area06 dt{
		  padding:5px 0 10px 35px;
		  font-size:14px;
	  }
	  #yochien .area06 dt:before{
		  font-size:24px;
	  }
	  #yochien .area06 dd{
		  padding:5px 0 10px 35px;
		  margin:0 0 15px 0;
		  font-size:14px;
	  }
	  #yochien .area06 dd:before{
		  font-size:24px;
	  }
	  
	  #yochien .area07{
		  padding:40px 0 40px 0;
	  }
	  #yochien .area07:after{
		  bottom: 5px;
		  left: 0;
	  }
	  #yochien .area07 h2{
		  margin-bottom:10px;
	  }
	  #yochien .area07 .aa07{
		  padding:15px;
	  }
	  #yochien .area07 iframe{
		  height:30%;
	  }
	  #yochien .area07 p{
		  line-height:1.5;
	  }
	  
	  #yochien .yc01 {
	  }
	  #yochien .yc02 {
		  z-index: 9;
	  }
	  #yochien .yc03 {
	  }
	  #yochien .yc04 {
	  }
	  #yochien .yc05 {
		  background-position: left top;
		  background-size:contain;
	  }
	  #yochien .yc06 {
		  background-position: right top;
		  background-size:contain;
	  }
	  #yochien .yc07 {
	  }
}

#kumanoniwa {
}
#kumanoniwa .area01{
	padding:40px 0 40px 0;
	position:relative;
background: rgb(252,231,180);
background: -moz-linear-gradient(top, rgba(252,231,180,1) 0%, rgba(255,146,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,231,180,1) 0%,rgba(255,146,0,1) 100%);
background: linear-gradient(to bottom, rgba(252,231,180,1) 0%,rgba(255,146,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce7b4', endColorstr='#ff9200',GradientType=0 );
z-index:11;
}
#kumanoniwa .area01 h2{
	color:#fff;
	margin-bottom:10px;
	position:relative;
	z-index:10;
}
#kumanoniwa .area01 .aa01{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#kumanoniwa .area01 h3{
	font-size:18px;
	font-weight:normal;
	text-align:center;
	margin-bottom:1em;
}
#kumanoniwa .area01 p{
	line-height:1.3;
	font-size:14px;
	margin-bottom:10px;
}
#kumanoniwa .area01 h4{
	font-size:18px;
	color:#0395bf;
	font-weight:normal;
	margin:1em 0;
}
#kumanoniwa .area01 h4 span{
	font-size:36px;
}
#kumanoniwa .area01 h4 .sp1{
	font-size:14px;
	color:#333;
	margin-left:1em;
}
#kumanoniwa .area01 ul{
	text-align:right;
	margin:15px 0 25px 0;
}
#kumanoniwa .area01 li {
	margin-bottom:15px;
}
#kumanoniwa .area01 li a{
	display:inline-block;
	color:#fff;
	padding:8px 25px;
	border-radius:20px;
}
#kumanoniwa .area01 li:nth-of-type(1) a{
	background:#0094bf;
}
#kumanoniwa .area01 li:nth-of-type(2) a{
	background:#afca71;
}
#kumanoniwa .area01 li a:hover{
	background:#ccc;
}
#kumanoniwa .area01 dl{
	width:32%;
	float:left;
	margin-right:2%;
}
#kumanoniwa .area01 dt img{
	width:100%;
}
#kumanoniwa .area01 dd{
	color:#9ecfd4;
	font-size:18px;
	margin:10px 0;
}
#kumanoniwa .area01 dl:nth-of-type(3n){
	margin-right:0%;
}
#kumanoniwa .area01 .cf{
	margin-bottom:40px;
}

#kumanoniwa .area04{
	padding:40px 0 40px 0;
	position:relative;
}
#kumanoniwa .area04 h2{
	color:#fff;
	margin-bottom:30px;
	position:relative;
	z-index:10;
}
#kumanoniwa .area04 .aa04{
	background:#fff;
	padding:30px 30px;
	position:relative;
	z-index:10;
}
#kumanoniwa .area04 h3{
	color:#0395bf;
	font-size:30px;
	font-weight:normal;
}
#kumanoniwa .area04 .niright{
width:45%;
float:right;
}
#kumanoniwa .area04 .nileft{
width:50%;
float:left;
}
#kumanoniwa .area04 p{
	font-size:14px;
	line-height:1.5;
	color:#9ecfd4;
}
#kumanoniwa .area04 p strong{
	font-size:18px;
}
#kumanoniwa .area04 .sanright{
width:31%;
float:right;
}
#kumanoniwa .area04 .sanleft{
width:31%;
float:left;
}
#kumanoniwa .area04 .sancenter{
width:31%;
float:right;
margin-right:3%;
}
#kumanoniwa .area04 .san p{
}
#kumanoniwa .area04 .cf img{
	width:100%;
}
#kumanoniwa .area04 .cf{
margin-bottom:3%
}

#kumanoniwa .area07{
	padding:40px 0 40px 0;
	position:relative;
	background:#c5a170;
}
#kumanoniwa .area07:after{
	content: "";
	background-image: url(../img/kumanoniwa/kinoko-01.png);
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	background-position: left bottom;
}
#kumanoniwa .area07 h2{
	margin-bottom:30px;
}
#kumanoniwa .area07 .aa07{
	background:#fff;
	padding:30px 60px;
	position:relative;
	z-index:10;
}
#kumanoniwa .area07 h3{
	color:#0395bf;
	font-size:30px;
	font-weight:normal;
}
#kumanoniwa .area07 p{
	line-height:1.5;
}

#kumanoniwa .yc04 {
	background-image: url(../img/kumanoniwa/kumanoniwa-01.jpg);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	opacity: 1;
	background-position: center 50%;
	background-size: 100%;
}
#kumanoniwa .yc02 {
	background-image: url(../img/kumanoniwa/donguri-01.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	background-position: left top;
	background-size: 100%;
}
#kumanoniwa .yc03 {
	background-image: url(../img/kumanoniwa/donguri-02.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	top:0;
	left: 0%;
	position: absolute;
	z-index: 5;
	background-position: left top;
	background-size: 100%;
}
@media (max-width: 800px){
	  #kumanoniwa .area01{
		  padding:40px 0 40px 0;
		  position:relative;
	  }
	  #kumanoniwa .area01 h2{
		  margin-bottom:10px;
	  }
			#kumanoniwa img{
				width:100%;
			}
	  
	  #kumanoniwa .area01 .aa01{
		  padding:15px;
	  }
	  #kumanoniwa .area01 h3{
		  font-size:16px;
		  margin-bottom:1em;
	  }
	  #kumanoniwa .area01 p{
		  margin-bottom:10px;
	  }
	  #kumanoniwa .area01 h4{
		  font-size:14px;
		  margin:1em 0;
	  }
	  #kumanoniwa .area01 h4 span{
		  font-size:22px;
		  display:block;
	  }
	  #kumanoniwa .area01 h4 .sp1{
		  margin-left:0em;
	  }
	  #kumanoniwa .area01 ul{
		  text-align:center;
	  }
	  #kumanoniwa .area01 li {
	  }
	  #kumanoniwa .area01 li a{
	  }
	  #kumanoniwa .area01 li:nth-of-type(1) a{
	  }
	  #kumanoniwa .area01 li:nth-of-type(2) a{
	  }
	  #kumanoniwa .area01 li a:hover{
	  }
	  #kumanoniwa .area01 dl{
		  width:100%;
		  float:none;
		  margin-right:0%;
	  }
	  #kumanoniwa .area01 dt img{
		  width:100%;
	  }
	  #kumanoniwa .area01 dd{
		  font-size:16px;
		  margin:5px 0 25px 0;
	  }
	  #kumanoniwa .area01 dl:nth-of-type(3n){
		  margin-right:0%;
	  }
	  #kumanoniwa .area01 .cf{
		  margin-bottom:20px;
	  }
	  
	  #kumanoniwa .area04{
		  padding:40px 0 40px 0;
		  position:relative;
	  }
	  #kumanoniwa .area04 h2{
		  margin-bottom:10px;
	  }
	  #kumanoniwa .area04 .aa04{
		  padding:15px;
	  }
	  #kumanoniwa .area04 h3{
	  }
	  #kumanoniwa .area04 .niright{
	  width:100%;
	  float:none;
			margin-bottom:15px;
	  }
	  #kumanoniwa .area04 .nileft{
	  width:100%;
	  float:none;
	  }
	  #kumanoniwa .area04 p{
		  font-size:14px;
		  line-height:1.5;
		  color:#9ecfd4;
	  }
	  #kumanoniwa .area04 p strong{
		  font-size:16px;
	  }
	  #kumanoniwa .area04 .sanright{
	  width:100%;
	  float:none;
			margin-bottom:15px;
	  }
	  #kumanoniwa .area04 .sanleft{
	  width:100%;
	  float:none;
			margin-bottom:15px;
	  }
	  #kumanoniwa .area04 .sancenter{
	  width:100%;
	  float:none;
	  margin-right:0%;
			margin-bottom:15px;
	  }
	  #kumanoniwa .area04 .san p{
	  }
	  #kumanoniwa .area04 .cf img{
		  width:100%;
	  }
	  #kumanoniwa .area04 .cf{
	  margin-bottom:0;
	  }
	  
	  #kumanoniwa .area07{
	  }
	  #kumanoniwa .area07:after{
		  bottom: 5px;
		  left: 0;
	  }
	  #kumanoniwa .area07 h2{
		  margin-bottom:10px;
	  }
	  #kumanoniwa .area07 .aa07{
		  padding:15px;
	  }
	  #kumanoniwa .area07 iframe{
		  height:30%;
	  }
	  #kumanoniwa .area07 p{
		  line-height:1.5;
	  }
	  
	  #kumanoniwa .yc04 {
		  background-image: url(../img/yochien/yochien-01.jpg);
		  background-repeat: repeat;
		  height: 100%;
		  width: 100%;
		  top: 0;
		  left: 0;
		  position: absolute;
		  z-index: 5;
		  opacity: 1;
		  background-position: center top;
	  }
	  #kumanoniwa .yc02 {
		  background-image: url(../img/kumanoniwa/donguri-01.png);
		  background-repeat: repeat;
		  height: 100%;
		  width: 100%;
		  top: 0;
		  left: 0;
		  position: absolute;
		  z-index: 6;
		  background-position: left top;
		  background-size: 100%;
	  }
	  #kumanoniwa .yc03 {
		  background-image: url(../img/kumanoniwa/donguri-02.png);
		  background-repeat: repeat;
		  height: 100%;
		  width: 100%;
		  top:0;
		  left: 0%;
		  position: absolute;
		  z-index: 5;
		  background-position: left top;
		  background-size: 100%;
	  }
}

#gall{
	padding:0 0 140px 0;
}
#gall h2{
	font-family: 'Cabin Condensed', sans-serif;
	text-align:center;
	margin:50px 0 30px 0;
}
#gall h2 span{
	font-size:24px;
	display:block;
	font-weight:normal;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	margin:15px 0 25px 0;
}