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

body {
	color: #333;
	font: 16px/1.4;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;/* 500 or 700*/
  font-style: normal;
}

.noto-sans-jp-uniquifier {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;/*100-900*/
  font-style: normal;
}
.noto-sans-500 {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;/*100-900*/
	
  font-style: normal;
}
.noto-sans-400 {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;/*100-900*/
	font-style: normal;
}
.noto-sans-300 {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;/*100-900*/
	font-style: normal;
}

.oswald-500 {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.roboto-600{
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;
}


.pw{
	max-width: 1100px;
	margin: 0 auto;
	/*padding-left: 20px;
	padding-right: 20px;*/
}

.pp{
	padding-left: 20px;
	padding-right: 20px;
}


/* Section Separator---------------------------------------------------------

　ヘッダー

----------------------------------------------------------------------------*/
.header{
}
/*インナーでスペース確保*/
.header .inner{
	position: relative;
	height: 50px;
	padding: 10px;
	color: #FFFFFF;
}
@media (min-width:1110px){
	.header .inner{
		height: 93px;
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 25px;
	}
}
/*--------------------------------------
Site ID／ロゴとテキスト
--------------------------------------*/
.header .site-id{
	position: absolute;
	left: 10px;
	top: 10px;
}
.header .site-id a{
	display: flex;
	align-items: flex-end;
}
.header .site-id img{
	width: 120px;
}
.header .site-id .name{
	font-size: 1.2rem;
	padding: 0 0 10px 15px;
}
@media (min-width:1110px){
	.header .site-id{
		top: 50%;
		left: auto;
		transform: translateY( -50% );
	}
	.header .site-id img{
		width: inherit;
	}
	.header .site-id .name{
		font-size: 1.4rem;
	}
}
/*--------------------------------------
PCナビ
--------------------------------------*/
.pc-nav{
	display: none;
}
@media (min-width:1110px){
	/*ナビリスト*/
	.pc-nav{
		display: flex;
		column-gap: 3em;
		position: absolute;
		font-size: 1.5rem;
		right: 2%;
		top: 50%;
		transform: translateY( -50% );
		font-feature-settings: "palt" 1;
	}
	.pc-nav ul li a{
		display: inline-block;
	}
	.pc-nav ul{
		display: flex;
	}
	.pc-nav ul li:not(:first-child)::before{
		content: '/';
		margin: 0 1em;
	}
	/*お問い合わせボタン*/
	.btn_contact a{
		border: 1px solid #FFF;
		padding: 0.5em 1.5em;
		border-radius: 50px;
		transition-duration: .3s;
	}
	.btn_contact a::after{
		content: '\e5e1';
		font-family: 'Material Icons';
		font-size: 85%;
		margin: 0 0 0 7px;
	}
	.btn_contact a:hover{
		background: #009BAD;
		border-color: #009BAD;
	}
}


/*--------------------------------------
オーバーレイメニューの中身
--------------------------------------*/
@media (min-width:1110px){
	.overlayMenuBtn{
		display: none;
	}
}


.overlayMenuInner {
	/*padding: 10px 4% 40px 4%;*/
	padding: 100px 50px;
}

.sp_nav-ul{
	font-size: 1.4rem;
}
.sp_nav-ul li{
	text-align: center;
	border-top: 1px solid #ACACAC;
}
.sp_nav-ul li:last-child{
	border-bottom: 1px solid #ACACAC;
}
.sp_nav-ul li a{
	display: block;
	padding: 20px 0;
}


/*--------------------------------------
ナビのスクロールギミック
--------------------------------------*/
.scroll-header{
    background: rgba(0,0,0,0.30);
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 100;
}

.scroll-header.hide{
    transform: translateY(-100%);
}

/* Section Separator---------------------------------------------------------

　Footer

----------------------------------------------------------------------------*/
.footer{
	background: #006D79;
	color: #FFF;
	padding: 50px 0 20px;
}
.footer-inner{
	padding: 20px;
	max-width: 1100px;
	margin: 0 auto;
}
.footer-name{
	text-align: center;
}
.footer-name figure img{
	width: 200px;
	margin: 0 0 10px;
}

.ft_nav{
	margin: 40px auto;
	font-size: 1.4rem;
}
.ft_nav a{
	display: block;
	padding: 10px 0;
	text-align: center;
}

@media (min-width:768px){
	.ft_nav{
		display: flex;
		justify-content: center;
		column-gap: 0.5em;
		font-feature-settings: "palt" 1;
		color: rgba(255,255,255,0.80);
	}
	.ft_nav li a:hover{
		color: rgba(255,255,255,1.00);
		text-decoration: underline;
	}
	.ft_nav li a{
		display: inline;
	}
	.ft_nav li:not(:first-child)::before{
		content: '／';
		margin-right: 0.5em;
		color: rgba(255,255,255,0.20);
	}
}


.copyright{
	font-size: 1rem;
	text-align: center;
}