@font-face {
	font-family: 'SpicaNeue';
	src: url('font/SpicaNeueFontFamily/SpicaNeueR.woff') format('woff'),
		 url('font/SpicaNeueFontFamily/SpicaNeueR.woff2') format('woff2'),
		 url('font/SpicaNeueFontFamily/SpicaNeueR.ttf') format('truetype');
}
@font-face {
	font-family: 'SpicaNeueL';
	src: url('font/SpicaNeueFontFamily/SpicaNeueL.woff') format('woff'),
		 url('font/SpicaNeueFontFamily/SpicaNeueL.woff2') format('woff2'),
		 url('font/SpicaNeueFontFamily/SpicaNeueL.ttf') format('truetype');
}
@font-face {
	font-family: 'FuturaL';
	src: url('font/Futura/Futura-LigObl.woff') format('woff'),
		 url('font/Futurra/Futura-LigObl.ttf') format('truetype');
}
@font-face {
	font-family: 'FuturaB';
	src: url('font/Futura/Futura-Boo.woff') format('woff'),
		 url('font/Futurra/Futura-Boo.ttf') format('truetype');
}
@font-face {
	font-family: 'FuturaD';
	src: url('font/Futura/Futura-Dem.woff') format('woff'),
		 url('font/Futurra/Futura-Dem.ttf') format('truetype');
}

body{
	background-color: #E9C895;
}

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-family: 'SpicaNeue';
	/* user-select: none; */
}

/* header */
header{
	width: 100%;
	height: 15vh;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: flex-end;
	z-index: 5;
	align-items: center;
}

.header_title{
	position: absolute;
	left: 4vw;
	top: 5vh;
}
.header_title img{
	width: 20vw;
	height: auto;
}

.hamburger{
	display: none;
	position: fixed;
	right: 0;
	top: 2vh;

}
#ham-icon{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 6vw;
	height: 6vw;
	color: white;
	border-radius: 5px;
	background-color: #4F979B;
}
#ham-icon span{
	border: solid 2px white;
	margin-top: 0.6vw;
	width: 3vw;
}
.ham-menu_box{
	display: none;
	position: relative;
	top: 7vh;
	background-color: #4F979B;
}
.ham-menu_box a{
	text-align: center;
	color: white;
	display: block;
	position: relative;
	width: 100vw;
	height: calc(92vh / 5);
    line-height: calc(92vh / 5);
}
.ham-menu_box a:nth-of-type(even){
	background-color: #018790;
}
.ham-menu_box p{
	font-size: 4vw;
	font-family: 'SpicaNeueL';
}
.ham-menu_box span{
	font-family: 'FuturaL';
	line-height: 1em;
}

.header_menu{
	width: 60vw;
	height: 7vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}
.header_menu_box{
	width: 60vw;
	height: 7vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	color: white;
}
.header_menu_box p{
	font-size: 18px;
}
.header_menu_box span{
	font-family: 'FuturaB';
	font-size: 16px;
	position: relative;
	top: 0.6vw;
}
.header_menu_box:hover{
	color: gray;
}

/* content link */
.content_link{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	font-size: 1.125em;
}
.content_link img{
	height: 3vh;
}


.content_link a:nth-child(1){
	width: auto;
	height: 5vh;
  text-align: center;
  display: block;
  color: #000;
}

.content_link a:nth-child(2){
	background-color: #F18E57;
	width: 15%;
	height: 5vh;
	color: #000;
	max-width: 350px;
	min-width: 250px;
	min-height: 60px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}



/* RETURN TOP */
.top-return{
	position: fixed;
	bottom: 35px;
	right: 35px;
	width: 70px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 10px;
	background-color: #4F979B;
	z-index: 1;
	opacity: .8;
	transition: .3s;
}
.return-text{
	color: white;
	font-size: 14px;
}
.fa-chevron-up{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f007";
	color: white;
	font-size: 30px;
}

.top-return:hover{
	opacity: 1;
}

/*FOOTER*/
footer{
	margin-top: 150px;
	width: 100%;
	height: 300px;
	bottom: 0;
	background-color: #4F979B;
	position: relative;
	color: white;
}

footer small{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	text-align: center;
	margin: 25px 0;
	font-weight: 300;
}

.site-map{
	display: flex;
	justify-content: center;
	padding-top: 55px;
	line-height: 1.8;
}
.site-map ul{
	margin-right: 55px;
}
.site-map ul:last-child{
	margin-right: 0;
}
.site-map_list-top{
	font-size: 1.125em;
}
.site-map a{
	color: white;
}
.site-map a:hover{
	color: darkgray;
}



@media screen and (max-width:1024px){
	.header_title{
		/* position: relative; */
		top: 25px;
	}
	.header_title img{
		width: 30vw;
		object-fit: contain;
	}
	.header_title p{
		font-size: 2.5vw;
		position: relative;
		top: 0;
		letter-spacing: 1vw;
	}
	.header_title span{
		font-size: 1.65vw;
		position: relative;
		top: 0;
	}
	.header_menu{
		display: none;
	}

	.hamburger{
		display: block;
	}

	.ham-menu_box span{
		position: absolute;
		top: 13vh;
		transform: translate(-50%, -50%);
	}

	.ham-menu_box{
		text-align: right;
	}

}

@media screen and (max-width:768px) {
	#ham-icon{
		width: 7vw;
		height: 7vw;
	}

	.ham-menu_box span{
		position: absolute;
		top: 13vh;
		transform: translate(-50%, -50%);
	}

	.site-map_list-top li{
		font-size: 2vw;
		text-align: center;
	}
	.site-map{
		font-size: 1vw;
		flex-direction: column;
		line-height: 1;
		align-items: center;
		text-align: right;
	}
	.site-map ul{
		margin-right: 0 !important;
		margin-bottom: 1vh;
	}

	footer small{
		font-size: 2vw;
	}
}

@media screen and (max-width:425px) {
	.header_inner{
		width: 55vw;
	}
	.header_title img{
		height: auto;
		width: 50vw;
	}
	.header_title p{
		font-size: 5vw;
		letter-spacing: 1.8vw;
	}
	.header_title span{
		font-size: 3.3vw;
		top: -2vw;
	}

	#ham-icon{
		width: 12vw;
		height: 12vw;
	}
	#ham-icon p{
		font-size: 3vw;
	}
	#ham-icon span{
		width: 5vw;
		margin-top: 1vw;
	}
	.hamburger{
		top: 4vw;
	}
	.ham-menu_box{
		top: 13vw;
	}
	.ham-menu_box p{
		font-size: 8vw;
	}
	.ham-menu_box span{
		position: absolute;
		top: 13vh;
		transform: translate(-50%, -50%);
	}

	.content_link img{
		height: 5vw;
	}
	.content_link a{
		border-radius: 4vw;
		width: 45vw;
		height: 6vh;
	}

	.top-return{
		bottom: 4vw;
		right: 4vw;
		width: 50px;
	}
	.return-text{
		font-size: 12px;
	}
	.fa-chevron-up{
		font-size: 20px;
	}

	footer{
		height: 10vh;
	}
	.site-map{
		display: none;
	}
}

/* googlemap */

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

/* form-style */

.iframe-wrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 135%;
	margin-left: auto;
	margin-right: auto;
  }

@media (max-width:940px){
	.iframe-wrap{
		padding-top: 170%;
	}
}

@media (max-width:740px){
	.iframe-wrap{
		padding-top: 220%;
	}
}

@media (max-width:590px){
	.iframe-wrap{
		padding-top: 220%;
	}
}

@media (max-width:570px){
	.iframe-wrap{
		padding-top: 280%;
	}
}

@media (max-width:480px){
	.iframe-wrap{
		padding-top: 360%;
	}
}

@media (max-width:420px){
	.iframe-wrap{
		padding-top: 460%;
	}
}

@media (max-width:360px){
	.iframe-wrap{
		padding-top: 560%;
	}
}


.iframe-wrap iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	}

	/*スマートフォン*/

/* @media (min-width:769px) {
	.iframe-wrap {
	  padding-top: 1200px;
	}
	}
@media (min-width:460px) {
	.iframe-wrap {
	  padding-top: 1600px;
	}
	} */