@charset "utf-8";



/* ==========================================================================

  icon & font

  ========================================================================== */

@import url('//fonts.googleapis.com/css?family=Lora');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Sofia+Sans+Extra+Condensed:wght@1;100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');

@font-face {

  font-family: 'zoom_shibuya-sasazuka-second';

  src:  url('fonts/zoom_shibuya-sasazuka-second.eot?ivy0ou');

  src:  url('fonts/zoom_shibuya-sasazuka-second.eot?ivy0ou#iefix') format('embedded-opentype'),

    url('fonts/zoom_shibuya-sasazuka-second.ttf?ivy0ou') format('truetype'),

    url('fonts/zoom_shibuya-sasazuka-second.woff?ivy0ou') format('woff'),

    url('fonts/zoom_shibuya-sasazuka-second.svg?ivy0ou#zoom_shibuya-sasazuka-second') format('svg');

  font-weight: normal;

  font-style: normal;

}


body{
	/* font-family: 'Sofia Sans Extra Condensed', sans-serif; */
	/* font-family: 'Noto Sans JP', sans-serif; */
	font-family: 'Noto Serif JP', serif;
	/* font-family: 'Hannari', serif; */
	/* font-family: "Sawarabi Mincho", serif; */
}


[class^="i-"], [class*=" i-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'zoom_shibuya-sasazuka-second' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.i-freecall:before {

  content: "\e900";

  color:#0c0c0c;

}

.bk_col:before{
  color:#000 !important;
}



.i-mail:before {

  content: "\e901";

}



.i-arrow:before {

  content: "\e902";

}



i:before{

	font-size: .8em;

}



/* CEトレーサータグ埋め込み時の空白処理 */

img[src^="https://www01.tracer"]{

	position: fixed;

	bottom: 0;

}



/* ==========================================================================

  reset

  ========================================================================== */

/*

html5doctor.com Reset Stylesheet

v1.4

2009-07-27

Author: Richard Clark - http://richclarkdesign.com

*/

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;border:0;word-break:break-all;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.fr{float:right!important}.fl{float:left!important}.tac{text-align:center!important}.tar{text-align:right!important}.tal{text-align:left!important}.block{display:block}.inline{display:inline}.hide{display:none}.nobg{background:0 0!important}.tIndent{text-indent:-1em;padding-left:1em}@media only screen and (max-width:640px){.fl,.fr{float:none!important}}.clear{clear:both}.clearfix{display:block;min-height:1%}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}.fzss{font-size:80%}.fzs{font-size:90%}.fzm{font-size:100%}.fzl{font-size:110%}.fzll{font-size:120%}.fwb{font-weight:700}.fwn{font-weight:400}.fwbG{font-weight:700;color:#bb9d28}.uLine{text-decoration:underline}.noLine{text-decoration:none}.sup{vertical-align:top}.sub,.sup{font-size:78%}.sub{vertical-align:baseline}.att{padding-left:1em;text-indent:-1em}.mt0{margin-top:0!important}.mt1{margin-top:1px!important}.mt2{margin-top:2px!important}.mt3{margin-top:3px!important}.mt4{margin-top:4px!important}.mt5{margin-top:5px!important}.mt6{margin-top:6px!important}.mt7{margin-top:7px!important}.mt8{margin-top:8px!important}.mt9{margin-top:9px!important}.mt10{margin-top:10px!important}.mt12{margin-top:9pt!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mb0{margin-bottom:0!important}.mb1{margin-bottom:1px!important}.mb2{margin-bottom:2px!important}.mb3{margin-bottom:3px!important}.mb4{margin-bottom:4px!important}.mb5{margin-bottom:5px!important}.mb6{margin-bottom:6px!important}.mb7{margin-bottom:7px!important}.mb8{margin-bottom:8px!important}.mb9{margin-bottom:9px!important}.mb10{margin-bottom:10px!important}.mb12{margin-bottom:9pt!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.ml0{margin-left:0!important}.ml1{margin-left:1px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml4{margin-left:4px!important}.ml5{margin-left:5px!important}.ml6{margin-left:6px!important}.ml7{margin-left:7px!important}.ml8{margin-left:8px!important}.ml9{margin-left:9px!important}.ml10{margin-left:10px!important}.ml12{margin-left:9pt!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important;margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.mr0{margin-right:0!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr3{margin-right:3px!important}.mr4{margin-right:4px!important}.mr5{margin-right:5px!important}.mr6{margin-right:6px!important}.mr7{margin-right:7px!important}.mr8{margin-right:8px!important}.mr9{margin-right:9px!important}.mr10{margin-right:10px!important}.mr12{margin-right:9pt!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.p0{padding:0!important}.p1{padding:1px!important}.p2{padding:2px!important}.p3{padding:3px!important}.p4{padding:4px!important}.p5{padding:5px!important}.p6{padding:6px!important}.p7{padding:7px!important}.p8{padding:8px!important}.p9{padding:9px!important}.p10{padding:10px!important}.p12{padding:9pt!important}.p15{padding:15px!important}.p20{padding:20px!important}.p25{padding:25px!important}.p30{padding:30px!important}.p35{padding:35px!important}.p40{padding:40px!important}.p45{padding:45px!important}.p50{padding:50px!important}.pt0{padding-top:0!important}.pt1{padding-top:1px!important}.pt2{padding-top:2px!important}.pt3{padding-top:3px!important}.pt4{padding-top:4px!important}.pt5{padding-top:5px!important}.pt6{padding-top:6px!important}.pt7{padding-top:7px!important}.pt8{padding-top:8px!important}.pt9{padding-top:9px!important}.pt10{padding-top:10px!important}.pt12{padding-top:9pt!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pb0{padding-bottom:0!important}.pb1{padding-bottom:1px!important}.pb2{padding-bottom:2px!important}.pb3{padding-bottom:3px!important}.pb4{padding-bottom:4px!important}.pb5{padding-bottom:5px!important}.pb6{padding-bottom:6px!important}.pb7{padding-bottom:7px!important}.pb8{padding-bottom:8px!important}.pb9{padding-bottom:9px!important}.pb10{padding-bottom:10px!important}.pb12{padding-bottom:9pt!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pl0{padding-left:0!important}.pl1{padding-left:1px!important}.pl2{padding-left:2px!important}.pl3{padding-left:3px!important}.pl4{padding-left:4px!important}.pl5{padding-left:5px!important}.pl6{padding-left:6px!important}.pl7{padding-left:7px!important}.pl8{padding-left:8px!important}.pl9{padding-left:9px!important}.pl10{padding-left:10px!important}.pl12{padding-left:9pt!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important;padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}.pr0{padding:0!important}.pr1{padding:1px!important}.pr2{padding:2px!important}.pr3{padding:3px!important}.pr4{padding:4px!important}.pr5{padding:5px!important}.pr6{padding:6px!important}.pr7{padding:7px!important}.pr8{padding:8px!important}.pr9{padding:9px!important}.pr10{padding-right:10px!important}.pr12{padding-right:9pt!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}





/* ==========================================================================

  common

  ========================================================================== */

body {

	line-height: 1.75;

	color: #000;

	font-size: 14px;

	font-family: 'Noto Serif JP', serif;
	/* font-family: 'Hannari', serif; */
	/* font-family: "Sawarabi Mincho", serif; */

	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/

	font-weight: 300;

	-webkit-text-size-adjust: none;

	background-color: #fff;

	overflow-x: hidden;

}



img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
}
header .logo img{
	width: unset;
}


a{

	color: #afaf5a;

	text-decoration: none;

	border: 0;

	outline: 0;

}


a{
	transition: 0.3s;
}
a:hover{

	opacity: .5;

	text-decoration: none;

	transition: 0.3s;

}

.pan{
	position: absolute;
	top: 105px;
	z-index: 9990;
	max-width: 1020px;
	padding: 0 10px;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	letter-spacing: 0.1em;
	/* text-shadow: 2px 2px 6px rgb(0 0 0 / 60%); */
}

.pan.layer a{
	color: #000;
}

.ft_color{
	color:#000;
}
.com_inner{
	max-width: 1040px;
	padding: 0 20px;
	margin: 0 auto;
}
.content_inner{

	max-width: 1040px;

    width: 94%;

    margin: 0 auto;

    padding: 20px;

	/*background:#fff;*/

	/*box-shadow:3px 3px 6px -1px #d3d3d3;*/

}



.bg_wrap{

	background: url("../img/concrete_bg.jpg") 0 0 repeat;

	padding: 0px 0 50px;

	color:#fff;}





header.inner{
	max-width: 1350px;
}

.inner{

	max-width: 1000px;

	width: 94%;

	margin: 0 auto ;

}



.bg-gray{

	background-color: #EDEBEB;

}



sup{

	position: relative;

	font-size: .7em;

	bottom: .3em;

}



.pcOnly{

	display: block;

}

.spOnly{

	display: none;

}

.p-let{
	letter-spacing: -1px;
}

.p-let_4{
	letter-spacing: -4px;
}

.txt_c{
	text-align: center;
}

.txt_jst{
	text-align: justify;
}

.mouse_re:hover .mouse_no{
	display: none;
}

.mouse_ho{
	display:none;
	font-size: 12px;
}

.mouse_re:hover .mouse_ho{
	display:inline;
}



@media only screen and (max-width: 640px) {

.pcOnly{

	display: none;

}

.spOnly{

	display: block;

}

}

@media only screen and (max-width: 768px) {



}



/* ==========================================================================

  header

  ========================================================================== */

#header{

	/* height: 118px; */

}

.header_h{
	content: "";
	width: 100%;
	height: 95px;
	display: block;
}

header{

	position: fixed;

	width: 100%;

	height: 95px;

	background-color: #fff;

	z-index: 9998;

}



header .inner{

	position: relative;

	width: 100%;

}



header .header_top{

	margin: 19px auto;

}



header .logo{

	width: 10%;

}



header .logo img{height: 35px;/* max-height: 30px; */max-width: none;}



header .info{

	position: absolute;

	top: 50%;

	right: 0;

	line-height: 1;

	width: 87%;

	list-style: none;

	display: -webkit-box;

	display: -moz-box;

	display: -webkit-flexbox;

	display: -moz-flexbox;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: -moz-flex;

	display: flex;

	-webkit-box-pack: end;

	-moz-box-pack: end;

	-webkit-flex-pack: end;

	-moz-flex-pack: end;

	-ms-flex-pack: end;

	-webkit-justify-content: flex-end;

	-moz-justify-content: flex-end;

	justify-content: flex-end;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}



header .info_tel{

	display: inline-block;

	font-size: 12px;

	text-align: center;

}



header .info_tel a{display: block;margin: 0 20px 5px 0;color: #000;font-size: 30px;/* font-family: 'Lora', serif; */}



header .info_tel .pcOnly{

	display: inline;

	color:#0c0c0c;

}



header .info_req{display: inline-block;width: 50%;max-width: 250px;margin-top: 0;font-weight: 500;font-family: 'Noto Sans JP', sans-serif;color: #333;}



header .info_req span.pcOnly{position: absolute;top: 50%;left: 50%;color: #fff;width: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


.contents{/* padding: 95px 0; */}




@media only screen and (max-width: 1000px) {

header .logo{

	margin-left: 3%;

}



header .info{

	right: 3%;

}


}





@media only screen and (max-width: 758px) {

.header_h {
    height: 60px;
}



header .pcOnly,

header .info_tel .pcOnly{

	display: none;

}



header .spOnly{

	display: block;

}



header .inner{

	height: 60px;

	background-color:rgba(210,210,210,0.85);

	z-index: 9998;

}



header .header_top{

	margin: 0;

}



header .logo{

	position: absolute;

	top: 50%;

	left: 3%;

	width: 15%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);
	z-index: 9999;

}



header .logo img{

	padding: 5px 0;

}



header .info{

	position: fixed;

	top: 3px;

	right: 65px;

	-webkit-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none;

}



header .info_tel a{

	margin: 0 20px 0 0;

	font-size: 14px;

}



header a.info_req i,

header .info_tel a i{

	font-size: 32px;
	color:#0c0c0c;

}



header .info_req{

	width: 15%;

	max-width: none;

	margin: 0;

	padding: 0;

	color: #000;

	font-size: 14px;

	background-color:unset;

}



header .info_req.btn:after{

	display: none;

}



header .info_req i{

	margin-bottom: 0;

}

}



/*  nav

  ========================================================================== */

nav{background: #333;bottom: 0;position: absolute;width: 100%;}



nav ul.inner{

	width: 100%;

	list-style: none;

	display: -webkit-box;

	display: -moz-box;

	display: -webkit-flexbox;

	display: -moz-flexbox;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: -moz-flex;

	display: flex;

	-webkit-box-lines: single;

	-moz-box-lines: single;

	-webkit-flex-wrap: nowrap;

	-moz-flex-wrap: nowrap;

	-ms-flex-wrap: none;

	flex-wrap: nowrap;

	-webkit-box-direction: normal;

	-moz-box-direction: normal;

	-webkit-box-orient: horizontal;

	-moz-box-orient: horizontal;

	-webkit-flex-direction: row;

	-moz-flex-direction: row;

	flex-direction: row;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

}



.nav_bg{
 background-color:#b9ad11;

}

nav li{

	position: relative;

	width: 100%;

}
nav li.soon a{
	cursor: unset;
	pointer-events: none;
	opacity: 0.5;
}

nav li a{display: block;line-height: 1;padding: 12px 0;color: #fff;font-size: 13px;height: 100%;position: relative;text-align: center;}





nav li a.current{

	color: #fff;

    font-weight: 600;
	
    background: #958067;

}



nav li a:hover{

	color: #fff;

	background-color: #0c0c0c;

}


@media only screen and (max-width: 800px){
	header .info {
		width: 65%;
	}
	
	header .info_req {
		/* width: 40%; */
		min-width: 50px;
	}
	
}


@media only screen and (max-width: 758px) {
header .info_tel {
	font-family: 'Noto Sans JP', sans-serif;
}
header .info_req{
	font-weight: unset;
}
header{
	height: 60px;
}

.navBtn{display: block;position: fixed;top: 20px;right: 20px;width: 25px;height: 21px;cursor: pointer;z-index: 9999;}



.navBtn span {

	display: block;

	position: absolute;

	width: 25px;

	height: 3px;

	background:#0c0c0c;

	left: 0;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	transition: .4s;

}





.navBtn span:nth-child(1) {

	top: 0; }

.navBtn span:nth-child(2) {

	top: 9px; }

.navBtn span:nth-child(3) {

	top: 18px; }





.navBtn.open span:nth-of-type(1) {

	top: 11px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	transform: rotate(45deg);

}

.navBtn.open span:nth-of-type(2) {

	width: 0;

	left: 50%;

}

.navBtn.open span:nth-of-type(3) {

	top: 11px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



nav ul.inner{

	display: block;

	position: fixed;

	top: 0;

	opacity: 0;

	z-index: 999;

	width: 100%;

	height: auto;

	background-color: rgba(255,255,255,0.95);

	-webkit-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	-o-transform: translateY(-100%);

	transform: translateY(-100%);

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

}



nav.open ul.inner{

	margin-top: 60px;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	opacity: 1;

}



nav li{

	padding: 0;

}



nav li a{padding: 22px 0;border-right: none;border-bottom: 1px dotted #b7b7b7;color:#000;}

nav li:first-child a{

	border-left: none;

}

nav li:last-child a{

	border-bottom: 1px solid #b7b7b7;

}



nav li.spOnly a{

	padding: 10px 0;

	font-size: 12px;

	border: none;

}



nav li a:after,

nav li a.current:after,

nav li a:hover:after{

	display: none;

}



html.open{

	overflow: hidden;

}



html.open:after{

	content: '';

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.5);

	z-index: 1;

}

.pan.layer{
	margin: 5px auto 0px;
	font-size: 13px;
	top: 65px;
}

.contents{padding: 0px 0;}
}

@media only screen and (max-width: 640px){
	.pan.layer{
		top: 55px;
	}
}

@media only screen and (max-width: 425px){
	header .info {
		width: 40%;
	}
}



/* ==========================================================================

  contents

  ========================================================================== */





section{

	padding: 80px 0;

}



.cap{display: inline-block;margin: 10px 0;color: #666;font-size: 10px;line-height: 1.5;}



.cap01{

	display: inline-block;

	color: #666;

	font-size: 12px;

}

.cap02{

	display: inline-block;

	color: #fff;

	font-size: 10px;

}

.cap_inner{
	position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
	display: inline-block;
    color: #333;
    font-size: 10px;
    letter-spacing: 1px;
    background: rgba(255,255,255,0.6) !important;
    padding: 0 10px;
}

.cap_box{
	margin: 0 auto 80px;
}



@media only screen and (max-width: 640px) {

section{

	padding: 60px 0;

}

}





/* btn

  ========================================================================== */

.btn{display: block;position: relative;width: 100%;margin-top: 10px;padding: 5px 0;color: #fff;text-align: center;background-color: #b7798b;}



.btn:after{content: '▼';position: absolute;top: 50%;right: 15px;color: #fff;font-size: .8em;-webkit-transform: translateY(-50%) rotate(-90deg) scale(1,.5);-ms-transform: translateY(-50%) rotate(-90deg) scale(1,.5);-o-transform: translateY(-50%) rotate(-90deg) scale(1,.5);transform: translateY(-50%) rotate(-90deg) scale(1,.5);}





/* page_ttl

  ========================================================================== */

h2.page_ttl{
	font-family: 'Sofia Sans Extra Condensed', sans-serif;
	position: relative;
	line-height: 1;
	margin: 100px 0 20px;
	margin-bottom: 30px;
	font-size: 42px;
	font-weight: 600;
	letter-spacing: .15em;
	text-align: center;
	text-transform: uppercase;
	}

.sec_ttl{
	font-family: 'Sofia Sans Extra Condensed', sans-serif;
	line-height: 1;
	margin-bottom: 20px;
	font-size: 42px;
	font-weight: 600;
	letter-spacing: .15em;
	text-align: center;
	text-transform: uppercase;
}
.sec_ttl span.sec_ttl02{
	font-size: 26px;
	font-family: 'Noto Serif JP', serif;
}
.sec_lead{
	font-weight: 500;
    font-size: 22px;
    text-align: center;
}
.sec_text{
	font-size: 16px;
    text-align: center;
	margin-top: 20px;
}
.sec_ttl_box{
	margin-bottom: 60px;
}
h2.page_ttl:after{content: '';position: absolute;bottom: -30px;left: 50%;width: 100px;height: 3px;margin-left: -56px;background-color: #000;}

.db650{
	display: none;
}
.dn650{
	display: block;
}

.db750{
	display: none;
}
.dn750{
	display: block;
}

.db800{
	display: none;
}
.dn800{
	display: block;
}

@media only screen and (max-width: 800px) {
	.db800{
		display: block;
	}
	.dn800{
		display: none;
	}
	
}

@media only screen and (max-width: 750px) {
.db750{
	display: block;
}
.dn750{
	display: none;
}

}

@media only screen and (max-width: 650px) {
.sec_ttl_box {
    margin-bottom: 40px;
}
.db650{
	display: block;
}
.dn650{
	display: none;
}
}

@media only screen and (max-width: 640px) {

h2.page_ttl{font-size: 30px;margin: 50px auto 0;}
.sec_ttl{
	font-size: 30px;
	margin-bottom: 10px;
}
.sec_lead {
    font-size: 18px;
}
.sec_ttl_box{
	margin-bottom: 40px;
}
.sec_text {
    font-size: 12px;
}
.sec_ttl span.sec_ttl02 {
    font-size: 22px;
}
h2.page_ttl:after{bottom: -15px;width: 60px;height: 1px;margin-left: -3px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}

}

@media only screen and (max-width: 480px){
	h2.page_ttl {
			margin: 40px auto 0;
			font-size: 30px;
	}
	.sec_lead {
		font-size: 16px;
	}
}
@media only screen and (max-width: 374px){
	.sec_lead {
		font-size: 16px;
	}
}

/* stripe_ttl

  ========================================================================== */

.stripe_ttl{
	color:#000;

	display: inline-block;

	margin-bottom: 20px;

	padding: 5px 20px;

	font-size: 20px;

	font-weight: 600;

	letter-spacing: .2em;

	background: url("../img/stripe_ttl.png") 0 0 repeat-x;

	-webkit-background-size: auto 100%;

	background-size: auto 100%;

}





/* ==========================================================================

  footer

  ========================================================================== */



footer{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 40px 0;
	background:url("../img/footer_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;

}



footer .inner{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-flex-pack: justify;-moz-flex-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;justify-content: space-between;position: relative;text-align: left;}



footer .info .info_name_ttl{font-size: 24px;font-weight: 600;display: flex;max-width: 280px;margin: 0 auto;}



footer .info .info_txt{

	margin: 10px 0;

}



footer .info .info_tel{

	margin-bottom: 30px;

}



footer .info .tel{
	line-height: 1;color: #333;font-size: 32px;
	font-family: 'Noto Serif JP', serif;
}



footer .info .tel i{

	margin-right: .5em;

}



footer .info .tel_cap{

	display: block;

	line-height: 1;

	margin-top: 5px;

	font-size: 12px;

}


@media only screen and (max-width: 1000px) {


	h2.page_ttl{
		margin: 70px 0 20px;
	}
	
}



@media only screen and (max-width: 640px) {



footer .inner{

	display: block;

	text-align: center;

}

footer {
    /* background: url("../img/footer_bg_sp.jpg"); */
}

}



/* pagetop

  ========================================================================== */



.pagetop{

	display: inline-block;

	position: fixed;

	bottom: 50px;

	right: 25px;

	width: 40px;

	height: 40px;

	color: #000;

    border: 2px solid #000;

	border-radius: 50%;

	cursor: pointer;

	z-index: 999;

}



.pagetop:before{

	content: "\e902";

	font-size: 16px;

	font-family: 'zoom_shibuya-sasazuka-second' !important;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;



	display: inline-block;

	position: absolute;

	top: 48%;

	left: 48%;

	-webkit-transform:translate(-50%, -50%);

	-ms-transform:translate(-50%, -50%);

	-o-transform:translate(-50%, -50%);

	transform:translate(-50%, -50%);

}



.pagetop:hover{

	opacity: .5;

}



.copyright{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 5px 0;
	color: #fff;
	text-align: center;
	font-size: 12px;
	background-color: #000;
}



@media only screen and (max-width: 640px) {

.pagetop{

	right: 3%;

}

.copyright{
	font-size: 10px;
}

}




.content_box{
	margin-top: 100px;
}
@media only screen and (max-width: 640px){
	.content_box{
		margin-top: 60px;
	}
}

.pos_re{
	position: relative;
}
.cap_in{
	position: absolute;
	right: 0;
	bottom: 0;
}
.cap_out{
	text-align: right;
    padding: 5px 0;
	font-size: 10px;
}
.cap_out span{
	text-align: left;
	display: inline-block;
}
.cap_in{
	margin: 0;
    display: inline-block;
    color: #333;
    font-size: 10px;
    letter-spacing: 1px;
    background: rgba(255,255,255,0.6) !important;
    padding: 0 10px;
}
.spa_cap{
	
}