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

/* Adobe Font
Kozuka Gothic Pr6N R
font-family: "kozuka-gothic-pr6n", sans-serif;
font-weight: 400;
font-style: normal;

Kozuka Gothic Pr6N M
font-family: "kozuka-gothic-pr6n", sans-serif;
font-weight: 500;
font-style: normal;

Kozuka Gothic Pr6N B
font-family: "kozuka-gothic-pr6n", sans-serif;
font-weight: 700;
font-style: normal;
*/

/* 共通 
******************************************************* */
html,body{
height: 100%;
}

body{
margin:0;
-webkit-text-size-adjust: 100%;
font-size: 16px;
font-family: "kozuka-gothic-pr6n", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
position: relative;
letter-spacing: 0.05rem;
height: 100dvh;
}

ul,li,dl,dt,dd{margin:0px; padding:0px;}
li{list-style: none;}

img{border:0px;}

.clear{clear: both;}
.ovf{overflow: hidden;}

a{text-decoration: none; color: #000;}
a:hover .hover{}

h1,h2,h3,h4,h5,h6{
margin:0;
padding: 0;
line-height:1.8;
max-height: 100%;
font-weight: bold;
}
p{max-height: 100%;}

.span_dsp{display: inline;}
.br_dsp{display: none;}

@media screen and (max-width: 640px) {
	.span_dsp{display: none;}
	.br_dsp{display: inline;}
}


/* ローディング中のスタイル */
/*
.wf-loading header,
.wf-loading #fixed_inquery,
.wf-loading h2,
.wf-loading h3{
	opacity: 0;
}*/

/* フォント読み込み完了後のスタイル */
/*.wf-active{
	opacity: 1;
	transition: opacity 1.0s ease;
}*/

/* フォント読み込み失敗時のスタイル */
/*.wf-inactive{
	opacity: 1;
}
*/
	
/* ヘッダー
******************************************************* */

header{
	width: 100%;
	min-width: 1080px;
	height: 100px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	position: fixed;
	top: 0;
	clear: both;
	z-index: 10000;
	display: block;
	font-size: 18px;
	border-bottom: 2px solid #fff;
}
header h1{float: left; padding: 0 0 0 10px; line-height: 100px;}
	header h1 a{display: block;}
	header h1 a img{height: 21px; filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(103deg) brightness(109%) contrast(101%);}

header nav#header_menu{float: right; font-size: 16px; font-weight: 700;}
header nav#header_menu_smp{display: none;}
header nav#header_menu ul{}
header nav#header_menu ul li{float: left; line-height: 100px;}
header nav#header_menu ul li.menu a{color: #fff; padding: 0 5px; margin: 0 5px;}
header nav#header_menu ul li.menu a:hover{color: #000; background: #d5ff22;}

header nav#header_menu ul li#nav_insta{border-left: 2px solid #fff; border-right: 2px solid #fff; width: 100px; text-align: center;}
	header nav#header_menu ul li#nav_insta a{display: block; height: 100px;}
	header nav#header_menu ul li#nav_insta a img{height: 34px; padding-top: 32px;}

header nav#header_menu ul li#nav_inquery{line-height: 1.2; padding: 25px 20px; text-align: center;}
	header nav#header_menu ul li#nav_inquery div#nav_tel{font-size: 26px; background: url(/common/img/nav_tel.svg) no-repeat; background-size: 16px auto; padding-left: 18px;}
	header nav#header_menu ul li#nav_inquery div#nav_mail{font-size: 18px;}

header nav#header_menu ul li#nav_inquery div#nav_tel a,
header nav#header_menu ul li#nav_inquery div#nav_mail a,
header nav#header_menu_smp ul li#nav_inquery div#nav_tel a,
header nav#header_menu_smp ul li#nav_inquery div#nav_mail a{text-decoration: none !important; color: #fff;}

#fixed_inquery_smp{display: none;}
#fixed_inquery{position: fixed; right: 10px; bottom: 10px; background: #fff; width: 240px; height: 190px; border: 1px solid #000; border-radius: 15px; text-align: center; box-shadow: 0px 2px 4px #999; z-index: 9999;}
#fixed_inquery #fixed_inquery_title{background: #000; color: #fff; padding: 5px; border-radius: 15px 15px 0 0; border: 2px solid #fff; margin-bottom: 10px; font-size: 15px;}
#fixed_inquery #fixed_inquery_tel{font-size: 26px; background: url(/common/img/nav_tel.svg) no-repeat 0 4px; background-size: 16px auto; padding-left: 18px; display: inline; font-weight: 700;}
#fixed_inquery #fixed_inquery_time{font-size: 12px;}
#fixed_inquery a#fixed_inquery_mail{background: #d5ff22; display: block; padding: 10px 0; margin:10px auto 0; width: 90%; border-radius: 20px; font-weight: 700;}
	#fixed_inquery a#fixed_inquery_mail:hover{color: #d5ff22; background: #000;}
#fixed_inquery img#inquery_close{position: absolute; right: 8px; top: 8px; width: 17px; height: 17px; cursor: pointer;}



@media screen and (max-width: 640px) {
	header{min-width: auto; height: 50px;}
	header h1{float: none; line-height: 50px;}
	header h1 a img{height: 21px;}
	
	#fixed_inquery{display: none;}
	#fixed_inquery_smp{display: block; position: fixed; width: 100%; bottom: -131px; background: #fff; text-align: center; padding-bottom: 10px; z-index: 9999;}
	#fixed_inquery_smp #fixed_inquery_title_smp{background: #d5ff22; color: #000; padding: 10px 0; border: 2px solid #fff; margin-bottom: 10px; font-size: 15px;}
	#fixed_inquery_smp #fixed_inquery_tel{font-size: 26px; background: url(/common/img/nav_tel.svg) no-repeat 0 4px; background-size: 16px auto; padding-left: 18px; display: inline; font-weight: 700;}
	#fixed_inquery_smp #fixed_inquery_time{font-size: 12px;}
	#fixed_inquery_smp a#fixed_inquery_mail{background: #000; color: #d5ff22; display: block; padding: 10px 0; margin:10px auto 0; width: 90%; border-radius: 20px; font-weight: 700;}
		#fixed_inquery_smp a#fixed_inquery_mail:hover{color: #d5ff22; background: #000;}
	#fixed_inquery_smp img#inquery_close_smp{position: absolute; right: 14px; top: 14px; width: 17px; height: 17px; cursor: pointer; display: none;}

	header nav#header_menu{display: none;}
	header nav#header_menu_smp{display: block; font-weight: bold; font-size: 18px;}
	
	header nav#header_menu_smp ul li#nav_insta{text-align: center;}
	header nav#header_menu_smp ul li#nav_insta a img{height: 34px;}
	
	/*　ハンバーガーメニューボタン　*/
	.hamburger {
	  display : block;
	  position: fixed;
	  z-index : 10001;
	  right : 20px;
	  top   : 20px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}

	.hamburger {
		right : 5px;
		top   : 5px;
	}

	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 2px ;
	  left    : 6px;
	  background : #fff;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
	  top: 10px;
	}
	.hamburger span:nth-child(2) {
	  top: 20px;
	}
	.hamburger span:nth-child(3) {
	  top: 30px;
	}

	/* スマホメニューを開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
	  top : 20px;
	  left: 6px;
	  background :#fff;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform   : rotate(-45deg);
	  transform        : rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
	  top: 20px;
	  background :#fff;
	  -webkit-transform: rotate(45deg);
	  -moz-transform   : rotate(45deg);
	  transform        : rotate(45deg);
	}

	/* メニュー背景　*/
	nav#menu_smp {
	  position: fixed;
	  z-index : 10000;
	  top  : 0;
	  right : 0;
	  color: #fff;
	  background: rgba( 0,0,0,0.8 );
	  text-align: center;
	  width: 40%;
	  opacity: 0;
	  display: none;
	  transition: opacity .6s ease, visibility .6s ease;
	  height: 100dvh;
	  font-size: 24px;
	}

	nav#menu_smp {width: 100%;}

	nav#menu_smp ul {
	  margin: 50px auto 0;
	  padding: 0;
	  width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	nav#menu_smp ul li {
	  list-style-type: none;
	  padding: 0;
	  width: 100%;
	  transition: .4s all;
	}

	nav#menu_smp ul li a {
	  display: block;
	  color: #fff;
	  padding: 0.6em 0;
	  text-decoration :none;
	}

	@media (orientation: landscape){
		nav#menu_smp {width: 100%;}
		nav#menu_smp ul li{width: 50%;}

	}

	/* クリックでjQueryで追加・削除 */
	nav#menu_smp.active {
	  opacity: 100;
	  display: block;
	}
}



/* フッター
******************************************************* */

footer{
	width: 100%; min-width: 1080px;
	padding: 80px 0 60px;
	background:#000 url("/common/img/logo_maze-inc_footer.svg") no-repeat bottom;
	background-size: auto 315px;
	color: #fff;
}

footer section#company_info{padding: 0 0 100px!important; line-height: 1.8;}
	footer section#company_info img{height: 30px; padding-bottom: 20px; filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(103deg) brightness(109%) contrast(101%);}
	footer section#company_info a{color: #fff;}

footer section#sns_copy{border-bottom: 1px solid #fff; padding:0 0 15px!important; overflow: hidden;}
	footer section#sns_copy #sns{float: left;}
	footer section#sns_copy #sns ul{overflow: hidden;}
	footer section#sns_copy #sns ul li{height: 18px; line-height: 18px; padding:0 20px 0 25px; float: left; background: url("/common/img/footer_sns_icon.svg") no-repeat;}
	footer section#sns_copy #sns a{color: #fff;}
	footer section#sns_copy #copy{float: right; font-size: 12px;}


@media screen and (max-width: 640px) {
	footer{padding: 40px 0 60px; width: auto; background-size: auto 70px; min-width: auto; background-position: center 260px;}
	footer section#company_info{padding: 0 0 40px!important;}
	footer section#sns_copy{border-bottom:none;}
	footer section#sns_copy #sns{float: none;}
	footer section#sns_copy #sns ul li{padding:0 10px 0 25px;}
	footer section#sns_copy #copy{float: none; text-align: center; padding-top: 40px;}	
}


/* コンテンツ 
******************************************************* */

section{
	width: 1080px;
	margin:auto;
	padding: 100px 0 0;
}

h2{font-size: 48px; text-align: center; line-height: 1.2;}
h3{font-size: 18px; text-align: center;}
p.caption{text-align: center; margin: 40px 0 60px; line-height: 2.0; font-size: 18px;}

ul.link_btn{display: flex; justify-content: space-between; width: 588px; margin: 60px auto 0;}
ul.link_btn li{}



a.btn{border: 2px solid #000; 
	background: #fff;
	line-height: 56px; 
	text-align: center; 
	width: 264px; 
	display: block; 
	font-size: 18px; 
}	
	a.btn span{
		padding-left: 20px; 
		background: url("/common/img/link_arrow.svg") no-repeat center left; 
		background-size:11px auto;
	}
a.btn:hover{background: #d5ff22; color: #000;}
	a.btn:hover span{background: url("/common/img/link_arrow.svg") no-repeat center left;}



.btn_black{border: 2px solid #000 !important; color: #fff !important; background: #000!important;}	
	a.btn_black span{
		background: url("/common/img/link_arrow_white.svg") no-repeat center left !important; 
		background-size:11px auto !important;
	}
a.btn_black:hover{background: #d5ff22 !important; color: #000 !important;}
	a.btn_black:hover span{background: url("/common/img/link_arrow.svg") no-repeat center left !important;}



.btn_yellow{border: 2px solid #000 !important; color: #000 !important; background: #d5ff22!important;}	
	a.btn_yellow span{
		background: url("/common/img/link_arrow.svg") no-repeat center left !important; 
		background-size:11px auto !important;
	}
a.btn_yellow:hover{background: #000 !important; color: #d5ff22 !important;}
	a.btn_yellow:hover span{background: url("/common/img/link_arrow_yellow.svg") no-repeat center left !important;}


@media screen and (max-width: 640px) {
	section{width: 95%; padding: 40px 0 0; margin: auto;}
	h2{font-size: 28px;}
	h3{font-size: 14px;}
	
}

/* コンテンツ（2nd） 
******************************************************* */

section.second_page_title{width: 100%; min-width: 1080px; height: 300px; padding: 100px 0 0;}
section.second_page_title h2{color: #fff; padding-top: 110px;}
section.second_page_title h3{color: #d5ff22;}

p.page_caption{width: 1080px; text-align:center; line-height:2.0; margin:60px auto 0;}

@media screen and (max-width: 640px) {
	section.second_page_title{min-width: auto; padding: 70px 0 0; height: 100px;}
	section.second_page_title h2{padding-top: 10px;}
	p.page_caption{width: 95%; margin:60px auto 0; line-height:1.5; }
	
}