@charset "utf-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;font-weight:normal;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;height:auto;}


 /* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width:100%;
	max-width:150px;
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing:border-box;
  cursor: pointer;
  background:#efefef;
  color:#444;
  border:1px solid #444;
  padding:5px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
submit:hover {
	background: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -ms-linear-gradient(top, #FFF 0%, #CCC 100%);
	box-shadow: 0px 2px 15px #CCC;
}

/*--- default ---*/
body {
	color: #414141;
	font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height:1.7em;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
}
.en{
	font-family: 'Lexend', sans-serif;
	font-weight:300;
}
body,
html {
  height: 100%;
  margin: 0 auto;
}
table{
	border-collapse:collapse;
}
.clear{clear:both;}
.min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*****************************************************
	
	ベース
	
*****************************************************/

a:link {
	color:#414141;
	text-decoration:none;
}
a:visited{
	color:#414141;
	text-decoration:none;
}
a:hover{                     
	text-decoration: none;
}
a:active{
	text-decoration:none;
}

.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content:"";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a img:hover,a:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
}

a[href^="tel:"] {
    /* pointer-events: none; */
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#wrap{
	overflow:hidden;
	width:100%;
}

.bt{
	text-align:center;
	margin:50px auto 70px;
}
.bt a{
	background:#8c8278;
	color:#fff;
	border-radius:50px;
	padding:15px 2em;
	min-width: 270px;
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	
}
.bt a:after{
	content:'▶︎';
	font-size:60%;
	position:absolute;
	right:35px; -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.bt a:hover{
	background:#655d54;
	
}
.bt a:hover:after{
	right:25px;	
}

/*****************************************************
	
	ヘッダー
	
*****************************************************/


/*============ front-header =============*/

.centerbox{
	width: 100%;
	max-width: 1500px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items:center;
}

header{
	width: 30%;
	margin:0 auto;
	align-self: center;
	position:relative;
	
	overflow:hidden;
	font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}
header .head-content{
	width:30%;
	max-width: 500px;
	position:fixed;
	top: 0;
	padding:5% 0;
	box-sizing: border-box;
	text-align:center;
	height: 100vh;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:auto;
}
@media screen and (max-height:700px){
header .head-content{
	position:fixed;
	top: 0;
	text-align:center;
	display: block;
	
	
}	
}
.head-title p{
	text-align:center;
}
.gaiyo-tx li{
	line-height:1.5em;
	margin: 30px auto 20px;
}
.gaiyo-tx li:first-child{
	font-size:1.5em;
		font-weight:bold;
}
.gaiyo-tx li:last-child{
	margin: 20px auto 30px;
	font-size:120%;
}
.inquiry-fix ul,
.toi{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	/* margin-bottom:20px; */
}
.pc-tel{
	font-size:150%;
	margin-bottom:15px;
	font-weight:bold;
}
.toi{
	margin-bottom:20px;
}
.inquiry-fix li,
.toi li{
	width: 80%;
}
.inquiry-fix li a:before,
.toi li a:before{
	content:
	"";
	padding: 20px 8px 10px;
	width:8%;
	margin: 2px auto 2px;
	display:
	block;
	background:
	url(../image/common/icon_mail.svg)no-repeat center;
	background-size:25px;
}
.inquiry-fix li:nth-child(2) a:before,
.toi li:nth-child(2) a:before{
	background:url(../image/common/icon_phone.svg)no-repeat center;
	background-size:18px;
}
.inquiry-fix li a,
.toi li a{
	display:block;
	background:#b9a9d2;
	padding: 10px;
	font-family: "ヒラギノ角ゴ Pro W3";
	color:#fff;
	border-radius:5px;
}
.inquiry-fix li a:hover,
.toi li a:hover{
	background:#cec1e2;
	color:#000;
	opacity:1.0;
}
@media screen and (max-width:600px){
.inquiry-fix li a,
.toi li a{
	padding:10px 0 5px;
	font-size:90%;
}
	.inquiry-fix li a:before,
.toi li a:before{

	padding: 10px 0;
	width:100%;
	margin: 0 auto 5px;
	background-size:20px;
}	
	.inquiry-fix li:last-child a:before,
.toi li:last-child a:before{
	background-size:auto 20px;
}
}
header .head-content h1 a{
	max-width:300px;
	margin:0 auto;
	display:block;
}
header .head-content h1 a img{
	width:100%;
}

.page-contents,
.contents{
	width: 700px;
	margin: 0 auto;
}
.page-contents{
	margin-bottom:150px;
}
.inquiry-fix{
	display:none;
}
@media screen and (max-width:1080px){
.centerbox{
	width: 100%;
	max-width: 1600px;
	margin:0 auto;
	display: block;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items:center;
}
header{
	width: 100%;
	margin:0 auto;
	height: 100vh;
}
header .head-content{
	width:100%;
	max-width: 1500px;
	position:relative;
	/* top: -5%; */
	margin:0 auto;
	padding: 8% 5%;
}
.toi{
	display:none;
}
.inquiry-fix{
	display:block;
	
	}
.inquiry-fix ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:stretch;
	position:fixed;
	bottom:0;
	left:0;
	z-index:5;
	background:#fff;
	padding: 20px 0 20px;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
}
.inquiry-fix ul li{
	width: 45%;
}
}
@media screen and (max-width:700px){
	.page-contents,
.contents{
	width:100%;
	margin: 0 auto;
}
.page-contents{
	margin-bottom:300px;
}

header .head-content h1 a{
	width:70%;
	max-width:280px;
	margin:8% auto 0;
}
	.gaiyo-tx li:first-child{
	font-size:1.2em;
		font-weight:bold;
}
.gaiyo-tx li:last-child{
	margin: 20px auto 40px;
		font-size:100%;

}
	.head-title p{
	text-align:center;
		width:80%;

	margin:0 auto;
}
}
/*============ page-header =============*/
#page-header{
	width: 100%;
	height:auto;
	margin:0 auto;
	font-family: "Hannari", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}
#page-header .head-content {
    width: 100%;
    max-width: 300px;
    position: relative;
    /* top: 0%; */
    margin: 30px auto;
}
#page-header .head-content img{
	width:100%;
}
#page-header .toggle_btn{
display:none;
}
/*****************************************************
	
	ナビ部分

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

nav .inner ul{
	display: block;
	margin:0 auto 0;
}
	nav .inner ul li{
	margin:0 auto 20px;
}
#navArea{width:100%;}
nav .inner ul{
	width:100%;
	margin:70px 0;
}
nav .inner{
	font-size:115%;
	 text-align:center;
}
nav .inner a{
  display:block;
}

nav .inner a:hover{
   opacity: 0.6;
    filter: alpha(opacity=60);
}


/*============ toggle_btn =============*/
.toggle_btn {
  display: block;
  position: fixed;
  top: 10px;
  right: 10px;
  width: 90px;
  height: 90px;
  transition: all .5s;
  cursor: pointer;
  z-index:100;
	border-radius: 50%;
  background-color: #b9a9d2;
}
.toggle_btn:hover {
  

}
.toggle_btn:after {
 content:'MENU';
 font-size:60%;
 text-align:center;
 width:100%;
position:absolute;
bottom:8px;
left:0%;-webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
	color:#fff;
}
.open .toggle_btn:after {
 content:'閉じる';

}

.toggle_btn span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 4px;
  background-color: #fff;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {top: 30%;}
.toggle_btn span:nth-child(2) {top: 43%;margin-top:-1px;}
.toggle_btn span:nth-child(3) {bottom: 43%;}

.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(-315deg);
  transform: translateY(11px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(315deg);
  transform: translateY(-7px) rotate(315deg);
}


/*============ mask =============*/

#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1.0;
  z-index: 0;
  cursor: pointer;
}

/*============ nav =============*/

nav{
  display: block;
  position: fixed;
  top: 0;
	left:0;
  bottom: 0;
  width: 100%;
  background-color:#fff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 1.0s;
  z-index: -1;
  opacity: 0;
}

.open nav {
  opacity: 1;
  z-index: 10;

}

@media screen and (max-width:400px){
.toggle_btn {
  width: 70px;
  height: 70px;
 
}
	
}

.pagesubmenu{
	position:fixed;
	right:0;
	z-index:1;
	top: 200px;
	font-size:90%;
	letter-spacing:0.1em;
}

.pagesubmenu{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	
	
}
.pagesubmenu .jp{
	font-size:80%;
	margin:0.5em 0 0;
	
}
.pagesubmenu li a{
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	background:#fff;
	border:3px solid #73645a;
	padding:1.0em 2em 1.5em 0.75em;
	position:relative;
	border-radius:5px;
	right:-1.6em;
	
}
.pagesubmenu li a:hover{
	opacity:1;
	right:-0.7em;
}
.pagesubmenu li:first-child a i{
	background:url(../image/common/ic-mail.svg)no-repeat center;
	background-size:20px;
	padding:0 18px 35px 20px;
}
.pagesubmenu li:last-child a i{
	background:url(../image/common/ic-insta.svg)no-repeat center;
	background-size:20px;
	padding:0 18px 35px 20px;
}

@media screen and (max-width:800px){
.pagesubmenu{
	display:none;
}	
}
/*****************************************************
	
	フッター

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

footer{
	width:100%;
	margin: 150px auto 200px;
}


footer .foot-info .footer-rogo{
	width: 70%;
	max-width: 260px;
	margin:40px auto;
}
.footer-rogo img{
	width:100%;
}
footer .foot-info .syamei{
	display:block;
	font-weight:bold;
	margin:0 auto 5px;
	font-size:105%;
}
footer .foot-info p{
	text-align:center;
	padding:0 5%;
}
footer .foot-info .add1{
	margin-right:0.5em;
	
}
footer .foot-info .add2:before{
	content:'／';
	
}
footer .copyright{
	text-align:center;
	margin:50px 0;
	font-size:90%;
}

@media screen and (max-width:480px){
	footer .foot-info p span{
		display:block;
	}
	footer .foot-info .add2:before{
	content:'';
	
}
}
/*====================================================================
slick
====================================================================*/


.slidbox2 .sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.slidbox2 .sliderArea.w300 {
  max-width: 300px;
}
.slidbox2 .slick-slide {
  margin: 0 8px;
	
	
}
.slidbox2 .slick-slide img {
  width: 100%;
  height: auto;
	border:solid #111 2px;
	box-sizing:border-box;
	box-shadow:4px 4px #111;
}
.slidbox2 .slick-prev, .slick-next {
  z-index: 1;
}
.slidbox2 .slick-prev:before, .slick-next:before {
  color: #000;
}
.slidbox2 .slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slidbox2 .slick-active {
  opacity: 1;
}
.slidbox2 .slick-current {
  opacity: 1;
}
.slidbox2 .thumb {
  margin: 20px 0 0;
}
.slidbox2 .thumb .slick-slide {
  cursor: pointer;
}
.slidbox2 .thumb .slick-slide:hover {
  opacity: .7;
}
.slidbox2{
	margin: 50px 0 0;
}

/*****************************************************
	
	フロント & ページ

*****************************************************/
.bg{
 
	width:100%;
	height:100vh;
	position:fixed;
	z-index:-1;
}
.bg .slide1{width:100%;
	height:100vh;
  background:url(../image/img_back_01.jpg)no-repeat center;
	background-repeat: repeat;
  background-size: cover;
	
}
.bg .slide2{width:100%;
	height:100vh;
  background:url(../image/img_back_02.jpg)no-repeat center;
	background-repeat: repeat;
  background-size: cover;
	
}
.bg .slide3{width:100%;
	height:100vh;
  background:url(../image/img_back_03.jpg)no-repeat center;
	background-repeat: repeat;
  background-size: cover;
	
}
.inner-area{
	background:#fff;
	display:inline-block;
	box-sizing:border-box;
	margin-top: 15%;
	width:700px;
	margin: 25% auto 200px;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
}
.head-contents{
	width:100%;
	background:
	url(../image/main_back_01.jpg)no-repeat center;
	background-size:100%;
	padding: 60px 0 200px;
}
.head-contents h2{
	font-weight:bold;
}
.head-contents img{
	width:100%;
	background:#fff;
	display: block;
    margin: 0 auto;
}
.head-contents ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	margin:50px auto;
	max-width: 500px;
}
.head-contents ul li{
	width:30%;
	padding:9% 0;
	text-align:center;
	color:#bb99c1;
	background:#fff;
	border-radius: 50%;
}
.head-contents ul li span{
	display:block;
	
}
.inner-area h2{
	text-align:center;
	font-size:1.7em;
	line-height:1.4em;
	color: #000;
}
.inner-area h2 span{
	display:block;
}
.inner-area .waku{
	text-align:center;
	font-size:120%;
	margin:30px auto;
	background:#00913A;
	color:#fff;
	display:block;
	max-width:300px;
	width:100%;
	padding:10px;
	border-radius:50px;
	box-sizing:border-box;
}
.wh-bg{
	position:relative;
	z-index:1;
	display:inline-block;
	box-sizing:border-box;
	padding:40px 40px 0;
}
.wh-bg .kazari01{
	position:absolute;
	top:-200px;
	left:20px;
	z-index:1;
}
.wh-bg .kazari01 img{
	width:400px;
}
.wh-bg .kazari02{
	padding: 120px 350px;
	background:
	url(../image/common/nami2.svg)no-repeat top;
	background-size:100%;
	position:
	absolute;
	top: -15%;
	left:0;
	z-index:-1;
}
.aisatu{
	padding:80px 0;
}
.aisatu li{
	padding:10px 0;
}
.aisatu li:last-child{
	padding:50px 0 0;
	text-align:center;
}
.tatemoji{
	/* position:relative; */
	margin:50px auto;
}
.tatemoji p{
	width:80%;
	margin:80px auto 0;
}
.tatemoji ul{
	writing-mode: vertical-rl;
	margin:0 auto;
	font-size:1.8em;
	line-height:1.9em;
	font-weight:bold;
}
.tatemoji .kazari03{
	padding:70px 60px;
	background:
	url(../image/common/kazari_01.svg)no-repeat top;
	background-size:100%;
	position:
	absolute;
	top: 48%;
	left:20px;
	z-index:-1;
}
.tatemoji .kazari04{
	padding:70px 80px;
	background:
	url(../image/common/kazari_02.svg)no-repeat top;
	background-size:100%;
	position:
	absolute;
	top: 70%;
	right:0px;
	z-index:-1;
}
.tatemoji .kazari05{
	padding: 80px 350px;
	background: url(../image/common/nami8.svg)no-repeat bottom;
	background-size:100%;
	position:
	absolute;
	bottom: -12%;
	left: 0%!important;
	z-index:-1;
}

.transport{
	width:100%;
	background:
	url(../image/main_back_02.jpg)no-repeat center;
	background-size:100%;
	padding: 150px 0 180px;
}
.transport h2{
	color:#fff;
}
.transport p{
	text-align:center;
	padding:40px 0;
	color:#fff;	
}
.transport .rei{
	width:500px;
	margin:0 auto;
}
.transport .rei img{
	width:100%;
	margin:0 auto;
}
.support{
	background:#efebf5;
	padding: 40px 40px 180px;
	position:
	relative;
	z-index:1;
}

.support h2{
	color:#000;
}
.support .kazari06{
	padding: 120px 350px;
	background:
	url(../image/common/nami9.svg)no-repeat top;
	background-size:100%;
	position:absolute;
	top:-120px;
	left:0;
	z-index: -1;
}
.support .rei02{
	width:500px;
	margin:50px auto;
}
.support .rei02 img{
	width:100%;
}
.waku-wh{
	background:#fff;
	display:inline-block;
	box-sizing:border-box;
	padding:30px;
	border-radius:20px;
}
.waku-wh p{
	width:80%;
	margin:0 auto;
}
.waku-wh p.title{
	text-align:center;
	font-size:1.2em;
	color:#bb99c1;
	margin-bottom:10px;
}
.flow{
	display:inline-block;
	box-sizing:border-box;
	padding:40px;
	position:relative;
	z-index:1;
}
.flow .kazari07{
	padding: 60px 350px;
	background:
	url(../image/common/nami7.svg)no-repeat top;
	background-size:100%;
	position:absolute;
	top: -110px;
	left:0;
	z-index:0;
}
.flow .kazari08{
	padding:80px;
	background:url(../image/common/maru_01.svg)no-repeat center;
	background-size:100%;
	position:absolute;
	top:130px;
	right:30px;
	z-index:0;
}
.flow .kazari09{
	padding:180px;
	background:url(../image/common/maru_02.svg)no-repeat center;
	background-size:100%;
	position:absolute;
	top:450px;
	left:30px;
	z-index:0;
}
.flow .kazari10{
	padding:100px;
	background:url(../image/common/maru_03.svg)no-repeat center;
	background-size:100%;
	position:absolute;
	top:1150px;
	right:30px;
	z-index:0;
}
.flow .kazari11{
	padding: 120px 350px;
	background:
	url(../image/common/nami5.svg)no-repeat top;
	background-size:100%;
	position:
	absolute;
	bottom: -180px;
	left:0;
	z-index:0;
}

.flow ul{
	margin:50px auto;
}
.flow ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	margin-bottom:90px;
	position:relative;
}
.flow ul li .phbox{
	width:30%;
	padding:80px 0;
	background:url(../image/img_flow_01.jpg)no-repeat center; 
	background-size:101%;
}
.flow ul li:nth-child(2) .phbox{
	background:url(../image/img_flow_02.jpg)no-repeat center; 
	background-size:101%;
}
.flow ul li:nth-child(3) .phbox{
	background:url(../image/img_flow_03.jpg)no-repeat center; 
	background-size:101%;
}
.flow ul li:nth-child(4) .phbox{
	background:url(../image/img_flow_04.jpg)no-repeat center; 
	background-size:101%;
}
.flow ul li:nth-child(5) .phbox{
	background:url(../image/img_flow_05.jpg)no-repeat center; 
	background-size:101%;
}
.flow ul li .phbox:after{
	content:"▼";
	font-size:40px;
	text-align:center;
	margin:0 auto;
	position:absolute;
	bottom:-60px;
	left:93px;
}
.flow ul li:last-child .phbox:after{
	display:none;
}

.flow ul li .textbox{
	width:60%;
	font-size: 0.9em;
}
.flow ul li .textbox .hutoji{
	display:block;
	color: #b09a7e;
	font-size: 1.2em;
}

.flow h2 {
    text-align: center;
    font-size: 150%;
    line-height: 1.4em;
    color: #b09a7e;
}
.area {
	position:
	relative;
	margin-bottom: 100px;
}
.area .area-bg{
	width:100%;
	background:
	url(../image/main_back_05.jpg)no-repeat center;
	background-size:100%;
	padding: 150px 0;
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	z-index:0;
}
.area h2{
	color:#79854a;
	padding:80px 0;
}

.area .area-wh{
	width:100%;
	background:#fff;
	background-size:100%;
	padding: 40px;
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	z-index:0;
	
}

.area .area-wh .map-jp{
	width: 600px;
	margin:0 auto;
}
.map-jp img{
	width:100%;
}

.area .area-wh .kazari12{
	padding: 120px 350px;
	background:
	url(../image/common/nami2.svg)no-repeat top;
	background-size:100%;
	position:
	absolute;
	top:-120px;
	left:0;
	z-index:-1;
}
.area-wh h3{
	color:#79854a;
	text-align:center;
	line-height:1.8em;
}
.area-wh h3 span{
	display:block;
	font-size:1.8em;
}

.side-l{
	/* display: flex; */
	/* justify-content: flex-start; */
	/* align-items: stretch; */
	margin-bottom:20px;
}
.waku-midori{
	width:300px;
	margin:50px auto;
	background:#79854a;
	border-radius: 100vh;
	color:#fff;
	text-align:center;
	padding:20px 0;
}
.car{
	margin:50px auto;
}
.car ul{
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
}
.car ul li:first-child{
	width:30%;
	background:url(../image/common/car-kazari.svg)no-repeat center;
	background-size:contain;
}
.car ul li:last-child{
	width:60%;
}
.car img{
	width: 100%;
}
.area .kazari13{
	padding: 100px 350px;
	background: url(../image/common/nami5.svg)no-repeat bottom;
	background-size: 101%;
	position:
	absolute;
	bottom: -210px;
	left:0;
	z-index: 1;
}
.ryokin{
	width: 100%;
	background:#ebf2e7;
	overflow:hidden;
}
.ryokin-bg{
	width: 100%;
	background: url(../image/kashi01.jpg)no-repeat center;
	background-size: 100%;
	padding: 200px 0  ;
}
.ryokin-bg h2 {
    text-align: center;
    font-size: 150%;
    line-height: 1.4em;
    color: #fff;
}
.midori-bg{
	position:relative;
	 z-index: 0;
}
.midori-bg .kazari14 {
    padding: 100px 350px;
    background: url(../image/common/nami.svg)no-repeat top;
	background-size:101%;
    position: absolute;
    top: -120px;
    left: 0;
    z-index: 1;
}
.ryokin-naiyo{
	width: 80%;
	margin: 0 auto;
	z-index:2;
	position:relative;
	padding: 0 0 80px;
}
.ryokin-naiyo ul{
	width: 100%;
	margin:0 auto;
}
.ryokin-naiyo ul li:first-child{
	width: 60%;
	padding: 20% 50px;
	background: url(../image/img_03.png)no-repeat center;
	background-size: 100%;
	position: relative;
	top: 0;
	left: -120px;
	margin-top: 0%;
}
.ryokin-naiyo p{
	text-align:center;
	color: #79854a;
}

.waku-wh02{
	background:#fff;
	max-width: 300px;
    margin: 50px auto;
    border-radius: 100vh;
    color: #79854a;
    text-align: center;
    padding: 20px 0;
}
.hako-midori{
	width:80%;
	margin:0 auto 80px;
	text-align:center;
	border:1px solid #79854a;
	box-shadow:5px 5px #79854a;
	background:#fff;
}
.hako-midori ul{
	margin-bottom:30px;
}
.hako-midori ul li:first-child{
	color:#fff;
	padding:20px 0;
	background:#79854a;
	border:10px solid #fff;
}
.hako-midori ul li:last-child{
	width:70%;
	background: #ebf2e7;
	display: inline-block;
	box-sizing: border-box;
	padding:30px 30px;
	margin:10px auto;
	border-radius: 20px;
	line-height:1.8em;
	color:#79854a;
}
.hako-midori ul li:last-child span{
	display:block;
	font-size:1.5em;
	color:#e8545d;
}
.hako-midori img{
	width:80%;
}

.hako-murasaki{
	width:80%;
	margin: 0 auto 80px;
	text-align:
	center;
	border:1px solid #9d84b8;
	box-shadow:5px 5px #9d84b8;
	background:#fff;
}
.hako-murasaki ul{
	margin-bottom:30px;
}
.hako-murasaki ul li:first-child{
	color:#fff;
	padding:20px 0;
	background:#9d84b8;
	border:10px solid #fff;
}
.hako-murasaki ul li:last-child{
	width:70%;
	background: #efebf5;
	display: inline-block;
	box-sizing: border-box;
	padding:30px 30px;
	margin:10px auto;
	border-radius: 20px;
	line-height:1.8em;
	color:#9d84b8;
}
.hako-murasaki ul li:last-child span{
	display:block;
	font-size:1.5em;
	color:#e8545d;
}
.hako-murasaki img{
	width:80%;
}

.ph-bg{
	width: 100%;
    background: url(../image/kashi02.jpg)no-repeat center;
    background-size: 100%;
    padding:20% 0;
}
.ph-bg h2 {
    text-align: center;
    font-size: 150%;
    line-height: 1.4em;
    color: #fff;
}
.matome{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}
.matome div{
	width:33.33%;
	padding:100px 0;
}
.matome div p{
	text-align:center;
	font-weight:bold;
}
.r-matome,
.l-matome{
	background: #ebf2e7;
}
.c-matome{
	background: #efebf5;
}
.l-matome:before{
	content:"";
background:url(../image/common/footer_icon_01.svg)no-repeat center;
	padding:40px;
	display:block;
	margin-bottom:20px;
}
.c-matome:before{
	content:"";
background:url(../image/common/footer_icon_02.svg)no-repeat center;
	padding:40px;
	display:block;
	margin-bottom:20px;
}
.r-matome:before{
	content:"";
background:url(../image/common/footer_icon_03.svg)no-repeat center;
	padding:40px;
	display:block;
	margin-bottom:20px;
}


@media screen and (max-width: 1080px){
.inner-area{
	margin-top:5%;	
}
}
@media screen and (max-width: 700px){
.inner-area{
	width:100%;
	margin: 0 auto;
}
.head-contents{
	width:100%;
	background:
	url(../image/main_back_01.jpg)no-repeat top;
	background-size:100%;
	padding:10% 0 30%;
}
.inner-area h2{
	font-size:1.2em;
}
.wh-bg .kazari02{
	padding:20% 50%;
	background-size:100%;
	top: -15%;
}
.head-contents ul{
	width:95%;
}
.wh-bg .kazari01{
	width:50%;
	top:-12%;
	left:5%;
}
.wh-bg .kazari01 img{
	width:100%;
}
.support .rei02{
	width:100%;
	margin:50px auto;
}
.area .area-wh .map-jp {
    width: 100%;
    margin: 50px auto 0;
}
.ryokin-bg{
	background: url(../image/kashi01.jpg)no-repeat top;
	background-size: 100%;
}
.aisatu{
	padding:10% 0;
}
.tatemoji .kazari05{
	padding: 10% 50%;
	background-size:100%;
	bottom: -10%;
}
.support .kazari06 {
    padding: 10% 50%;
	background-size:100%;
    top: -9%;
}
.transport{
	width:100%;
	background-size: 150%;
	padding: 20% 0 20%;
}
.transport .rei{
	width:80%;
}
.flow .kazari07{
	padding: 10% 50%;
	background-size:100%;
	top: -5%;
}
.area .area-bg{
	background-size:100%;
	padding: 25% 0;
}
.flow .kazari11{
	padding:16% 50%;
	bottom: -8%;
	left:0;
}

.area .area-wh .kazari12{
	padding:16% 50%;
	top: -8%;
	left:0;
}
.side-l{
	display:block;
}
.area .area-wh p.tx-p{
	text-align:center;
}
.ryokin-bg{
	background-size: 150%;
	padding: 28% 0;
}
.area .kazari13{
	padding:16% 50%;
	bottom: -9%;
	left:0;
}
.midori-bg .kazari14 {
   padding:16% 50%;
	top: -4%;
	left:0;
}
.ryokin-naiyo ul li:first-child{
	top: 0px;
	left: -120px;
	padding: 25% 50px;
}
}
@media screen and (max-width:560px){
.tatemoji .kazari05{
	bottom: -7%;
}
.support .kazari06 {
    top: -8%;
}
}
@media screen and (max-width: 480px){
.tatemoji .kazari05{
	bottom: -5%;
}
.support .kazari06 {
    top: -7%;
}
.waku-wh p{
	width:100%;
}
.flow .kazari07{
	top: -3%;
}
.flow ul li .phbox{
	width:100%;
	margin-bottom:20px;
}
.flow ul li .textbox{
	width:100%;
}
.flow ul li .phbox:after{
	left:50%;
	margin-left:-20.4px;
}
.flow .kazari11{
	bottom: -5%;
	left:0;
}

.area .area-wh .kazari12{
	top: -8%;
	left:0;
}
.area .kazari13{
	padding:16% 50%;
	bottom: -8.5%;
	left:0;
}
.midori-bg .kazari14 {
   padding: 10% 50%;
   top: -3%;
	left:0;
}
.ryokin-naiyo{
	padding: 5% 0 80px;
}
.l-matome:before{
background:url(../image/common/footer_icon_01.svg)no-repeat center;
	padding:30px;
	display:block;
	margin-bottom:20px;
}
.c-matome:before{
	content:"";
background:url(../image/common/footer_icon_02.svg)no-repeat center;
	padding:30px;
	display:block;
	margin-bottom:20px;
}
.r-matome:before{
	content:"";
background:url(../image/common/footer_icon_03.svg)no-repeat center;
	padding:30px;
	display:block;
	margin-bottom:20px;
}
}
@media screen and (max-width:350px){
.tatemoji .kazari05{
	bottom: -4%;
}
.support .kazari06 {
    top: -5%;
}
.waku-wh p{
	width:100%;
}
.flow .kazari07{
	top: -2%;
}
.area .kazari13{
	bottom: -8%;
	left:0;
}
.midori-bg .kazari14 {
	top: -3.5%;
	left:0;
}
.midori-bg .kazari14 {
   padding: 10% 50%;
   top: -2.5%;
	left:0;
}
.ph-bg{
    background-size: 150%;
}
}



#contact p{
	text-align:center;
}
#contact .syamei{
	margin:30px auto 10px;
	font-size:120%;
	position:relative;
}
#contact .syamei:before{
	content:'-';
}
#contact .syamei:after{
	content:' -';
}
#contact .tel{
	margin:0px auto 10px;
	font-size:160%;
	color:#6A3906;
}
.form-title{
	text-align:center;
	font-size:170%;
	margin:50px auto 30px;
	padding:0 5%;
}
.form-title span{
	display:block;
	font-size:70%;
	margin-top:10px;
}
.form-read{
	max-width:500px;
	margin:0 auto 30px;
	padding:0 5%;
}
.mfp_thanks{
	text-align:center;
	margin:50px 0;
}
.nichiji-waku{
	margin:50px auto;
	border:5px solid #ccc;
	width:90%;
	max-width:500px;
	padding:15px 1em;
	box-sizing:border-box;
}
.nichiji-waku .title{
	font-size:120%;
	text-align:center;	
}
.nichiji-waku .nichiji{
	text-align:center;
	margin:8px 0 0;	
}

.item-type{
	border-top:1px dotted #aaa;
	padding:10px;
}
.yoyaku-bt-mae{
	display:block;
	text-align:center;
	background:#ddd;
	padding:15px 0;
	margin:20px 0;
	border-radius:5px;
}
.glay{
	background:#ededed;
	display:block;
	width:80%;
	margin:0 auto 15px;
	box-sizing:border-box;
	padding:15px 10px;
	border-radius:50px;
	line-height:1.5em;
}

.haisoarea{
	width:90%;
	max-width:500px;
	margin:0 auto;
}
.haisoarea-box{
	width:90%;
	max-width:500px;
	margin:30px auto 60px;
}
.haisoarea span{
	font-size:95%;
	font-weight:normal;
	border-radius:50px;
	margin:10px;
	display:block;
	text-align:center;
	padding:8px 0;
	background:#ebf2e7;
}