@charset "utf-8";
/* CSS Document */
/*Reset*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,tbody,tfoot,th,thead,time,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%}body{line-height:1;-webkit-text-size-adjust:none;margin:0 auto;width:100%}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}img{border:0;vertical-align:bottom;max-width:100%}ol,ul{list-style:none}.clearfix:after{content:"";display:block;clear:both}a:link,a:visited{color:#121212}a:active,a:link,a:visited{text-decoration:none}body{font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; }


/*icon*/
.dli-pin-fill { display: inline-block; vertical-align: middle; color: #333; line-height: 1; position: relative; width: 0.8em;
  height: 0.8em; background: currentColor; border: 0.1em solid currentColor; border-radius: 40% 60% 0% 100% / 40% 100% 0% 60%;
  box-sizing: content-box; transform: rotate(45deg); margin-right: .2rem;}
.dli-pin-fill::before { content: ''; position: absolute; top: 18%; left: 18%; width: 0.336em; height: 0.336em; background: #fff;
  border-radius: 50%; box-sizing: border-box;}
.dli-caret-right { display: inline-block; vertical-align: middle; color: #333; line-height: 1; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0.375em 0.64952em; border-left-color: currentColor; border-right: 0; margin-right: .2rem;}


main {}
.wf, .room_name {}
.head_catch {}

.access_pv {margin-top: 2rem; aspect-ratio: 16 / 9; max-width: 600px;}
.access_pv iframe {width: 100%; height: 100%;}

.toggle-btn {background: transparent; border: none; padding: 0; position: fixed; top: 0; right: 0; display: none; z-index: 999;}
.toggle-btn:hover {cursor: pointer;}
.toggle-btn span {display: inline-block; background: #333; height: 1px; width: 25px; position: relative;}
.toggle-btn span:before {content: ""; display: inline-block; background: #333; height: 1px; width: 25px; position: absolute; top: 10px; left: 0;}
.toggle-btn span:after {content: ""; display: inline-block; background: #333; height: 1px; width: 25px; position: absolute; top: -10px; left: 0;}
#open-btn {background-color: rgba(255,255,255,0.8); padding: 1rem 1rem 1.5rem;;}
#open-btn.active span {background: transparent; }
#open-btn.active span:before {transform: rotate(45deg); top: 0;}
#open-btn.active span:after {transform: rotate(-45deg); top: 0;}


/* PC */
@media screen and (min-width:768px) {
main {font-size: 18px;}
.sp {display: none!important;}

section{ width: 60%; padding:8rem; margin: 0 auto; line-height: 1.8rem;}		
#pc_menuWrap{ padding: 1.8rem 0 0; }
.pc_menuList{ width: 90%; margin: 0 auto; text-align: center; }	
.pc_menuList div{display: inline-block; vertical-align: bottom;}	
.logo{ width: 12%;}
.tx p{ font-size:.9rem; text-align: center; padding:0 .8rem; display: inline-block;}
	

/*スライダー*/
.swiper { width: 100%; height: auto; margin-top: 1.2rem;}
.swiper-slide {opacity: .3; transform: scale(.8); transition: .7s; }
.swiper-slide img { height: auto; width: 100%;}
.swiper-slide-active { opacity: 1; transform: scale(1); z-index: 1; }

	/*コンセプト*/	
.consept{ width: 100%; background: #efefef; padding: 2.8rem .8rem 4.8rem; font-family: 'Noto Serif JP', serif !Important; text-align: center; }	
.txtbox{ width: 60%; margin: 0 auto; }
.txtbox dt{ font-size:1.8rem; padding: 1.8rem 0 1.8rem;}
.txtbox dd{ width: 80%; margin: 0 auto; font-size:1.2rem; padding:.8rem 0; line-height: 2.2rem; text-align: left;}	
#pc_menuWrap {width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 999; padding:.8rem 0 .8rem;}

	
/*会社概要*/	
dl.List {margin-bottom: 4.6rem;}	
.List dt{ font-size:1.2rem; padding: 0 0 1.2rem;}
.List dd{ padding: 1rem 0 1rem; border-top:1px solid #9e9d9d; }	
.List dd:last-child{ border-bottom:1px solid #9e9d9d;}	
.box{ display: inline-block;  vertical-align: middle;}	
.box.his{ width: 24%;}	
.box.txt{ width: 76%;}
.box.ghis{ width: 40%;}	
.box.gtxt{ width: 60%;}
	

/*index*/	
.ttl{ font-size:1.6rem; padding: 0 0 1.2rem; margin-top:6.4rem;}
.List li{ width: 32.3%; display: inline-block; text-align: center;}

.ttlg{font-size:2.4rem; padding:1.8rem 0 1.8rem; }	
.imgbox{ margin-top: 8.4rem; }
.imgbox_fchild{ margin-top: 1.4rem; }
	
.footer_wrap {width: 100%; background: #efefef; padding: 5rem 0;}
.footer_ttl {text-align: center; margin-bottom: 2rem; color: #333333;}
.footer_infolist {width: 900px; margin: 0 auto 2rem; text-align: center; display: flex;}
.footer_infolist li {width: 100%;}
.footer_infolist li a {display: block; padding: 1rem 0; color: #333333; border: 1px solid #333333;}
.footer_infolist li:nth-child(1) {margin-right: 1rem;}
.footer_infotime {text-align: center; font-size: 14px; color: #333333;}
.footer_list {width: 900px; margin: 4rem auto; display: flex; flex-wrap: wrap; gap: 1rem;}
.footer_list li {width: calc(25% - .8rem); font-size: 14px; text-align: center;}
.footer_list li a {display: block; padding: .5rem 0; border-bottom: 1px dotted #333333; color: #333333;}
.copy {text-align: center; font-size: 12px; color: #333333;}
}


/* SP */
@media screen and (max-width:768px) {
main {font-size: .8rem;}
.pc {display: none!important;}

section{ width: 100%; padding:.8rem; margin: 0 auto; line-height: 1.6rem; box-sizing: border-box;}		

.menuList {width: 100%; display: none; background-color: rgba(255,255,255,0.8); padding: 3rem 0; position: fixed; top: 0; left: 0; z-index: 999;}
.menuList li {width: 85%; margin: 0 auto; border-bottom: 1px dotted #373737; font-size: 14px;}
.menuList a {display: block; color: #000000; padding: 1rem 0;}
.toggle-btn {display: block;}
#menuWrap.open {display: block;}
	
/*スライダー*/
.swiper { width: 100%; height: auto; margin-top: 1.2rem;}
.swiper-slide {opacity: .3; transform: scale(.8); transition: .7s; }
.swiper-slide img { height: auto; width: 100%;}
.swiper-slide-active { opacity: 1; transform: scale(1); z-index: 1; }

	/*コンセプト*/	
.consept{ width: 100%; background: #efefef; padding: 2.8rem .8rem 4.8rem; font-family: 'Noto Serif JP', serif !Important; text-align: center; }	
.txtbox{ width:96%; margin: 0 auto; }
.txtbox dt{ font-size:1.6rem; padding: 1.8rem 0 1.8rem; line-height: 2.2rem;}
.txtbox dd{ width: 90%; margin: 0 auto; font-size:1.2rem; padding:.8rem 0; line-height: 2.2rem; text-align: left;}	
#pc_menuWrap {width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 999; padding:.8rem 0 .8rem;}
	
	
	
/*会社概要*/	
dl.List {margin-bottom: 4.6rem;}	
.List dt{ font-size:1.2rem; padding: 0 0 1.2rem;}
.List dd{ padding: 1rem 0 1rem; border-top:1px solid #9e9d9d; }	
.List dd:last-child{ border-bottom:1px solid #9e9d9d;}	
.box{ display: inline-block;  vertical-align: middle;}	
.box.his{ width: 24%;}	
.box.txt{ width: 76%;}		
	

/*index*/	
.ttl{ font-size:1.6rem; padding: 0 0 1.2rem; margin-top:6.4rem;}
.List li{ width: 49.0%; display: inline-block; text-align: center;}
.ttlg{font-size:1.8rem; padding:1.8rem 0 .8rem; }	
.imgbox{ margin-top: 8.4rem; }	
	

.footer_wrap {width: 100%; background: #efefef; padding: 5rem 0;}
.footer_ttl {text-align: center; margin-bottom: 2rem; color: #333333;}
.footer_infolist {width: 90%; margin: 0 auto 2rem; text-align: center;}
.footer_infolist li {width: 100%;}
.footer_infolist li a {display: block; padding: 1rem 0; color: #333333; border: 1px solid #333333;}
.footer_infolist li:nth-child(1) {margin-bottom: 1rem;}
.footer_infotime {text-align: center; font-size: 14px; color: #333333;}
.footer_list {width: 90%; margin: 3rem auto; display: flex; flex-wrap: wrap; gap: 1rem;}
.footer_list li {width: calc(50% - .5rem); font-size: 14px; text-align: center;}
.footer_list li a {display: block; padding: .5rem 0; border-bottom: 1px dotted #333333; color: #333333;}
.copy {text-align: center; font-size: 12px; color: #333333;}
}