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

body {display: block;margin: 0;}
.pc { display:none; }
.sp { display:block; }

.res-img {
width: 100%;
height: auto;
vertical-align: bottom!important;}

/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 1em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 42%;
right: 26%;
letter-spacing: 4px;}

/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 75px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.6rem;
padding: 2% 5%;
letter-spacing: 1.1px;}	

/*access*/
.access_wrap h2 {
font-family: 'raleway', sans-serif;
color: #4d4d4d;
letter-spacing: 9px;
font-size: 1.3em;
text-align:center;}

.access_wrap h2 span {
  display: block;
  padding-top: 0.3em;
}

.tel_box h3{font-family: 'Noto Sans JP', sans-serif;font-weight:900;color: #1acfd8;font-size:2em;}

.st-ico.line-ico2 {
background-image: url(../common/images/line-ico-.png);
background-repeat: no-repeat;}

.tel_box{text-align: center;margin-top: -1.5em;}
.line_box{text-align: center;margin-top: -2em;}
p.address{text-align: center;font-size: 0.7em;letter-spacing: 1px;}
p.access_floor{font-size: 0.6em;text-align: center;letter-spacing: 1px;}
.access{padding-bottom:3em;}

table{border-spacing: 0px;padding: 0 2%;}

tr{display:block;}
td{display:block;}
td img{width:360px;height:230px;}
#map_canvas{width:360px;height:230px;position: relative; overflow: hidden;}

.img-wrap {
  background-color: black;
  width: 360px;
  height: 230px;
  position: relative;
}
.img-wrap img {
  opacity: .6;
}
.img-wrap .comingsoon {
  position: absolute;
  width: 100%;
  height: fit-content;
  display: block;
  z-index: 10;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 1.8em;
}

/*SP版設定*/
@media screen and (max-width:320px){
/*topビジュアル*/
	
.page_title {
position: absolute;
top: 42%;
right: 23%;
letter-spacing: 4px;}

.page_title .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 75px;}	
	
/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

/*access*/
.access_wrap h2 {
font-family: 'raleway', sans-serif;
color: #4d4d4d;
letter-spacing: 9px;
font-size: 1.25em;
text-align: center;}	
	
table{border-spacing: 0px;padding: 0 3%;}
td img {width: 300px;height: 230px;}

p.access_floor {font-size: 0.7em;text-align: center;}
	
#map_canvas {
width: 300px;
height: 230px;
position: relative;
overflow: hidden;}	
	
}


@media screen and (min-width:768px){
.pc { display:none; }
.sp { display:block; }
/*topビジュアル*/
.main_voat_top {padding-top: 0;}	
	
.page_title {
position: absolute;
top: 30%;
left: 2%;
right: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 111px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

.about_sub_text {font-size: 1.1rem;letter-spacing: 2.5px;padding: 1% 5%;}
	
/*access*/
.access_wrap{padding:0 2%;}
	
.access{padding-bottom: 3em;}	

.access_wrap h2 {
font-family: 'raleway', sans-serif;
color: #4d4d4d;
letter-spacing: 9px;
font-size: 1.8em;
text-align: center;}	

.tel_box{text-align: center;}
.line_box{text-align: center;margin-top: 0.5em;}
p.address{text-align: center;font-size: 1em;}
	
table {border-spacing: 0px;padding: 0%;}	
	
tr{display: table-row;}	

td{text-align: center;
padding-bottom: 0px;
padding-left: 0px;
width: 48%;
padding-right: 1%;
padding-top: 0px;
vertical-align: top;
display: table-cell;}

p.access_floor {
font-size: 0.9em;
text-align: center;
letter-spacing: 1px;}	
	
td:nth-child(2){padding-right:0px;}
	
.st-ico {display: inherit;}	
	
}

@media screen and (min-width:1024px){
/*topビジュアル*/
.pc { display:block; }
.sp { display:none; }
	
.main_voat_top {padding-top: 0;}
	
.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}
.page_title {
position: absolute;
top: 33%;
right: 0%;
left: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 180px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.4rem;
letter-spacing: 6px;
line-height: 1.8;
color: #1a1a1a;}*/
	
.about_sub_text {font-size: 1rem;padding: 2% 5%;}
	
/*access*/
.access_wrap{margin: 0 auto 20px;width: 760px;}
.access_wrap h2 {
font-family: 'raleway', sans-serif;
color: #4d4d4d;
letter-spacing: 9px;
font-size: 1.8em;
text-align:left;}

.access_wrap h2 span {
  display: inline;
}

.access{position:relative;padding-bottom: 4em;}

.tel_box{
position: absolute;
top: 4em;
right: 7em;}

.tel_box h3{color: #1acfd8;font-size:2em;}	
	
.line_box{
position: absolute;
top: 3.5em!important;
right: 2em!important;}

.st-ico {display: block;}	
	
.access p{font-family: 'Noto Sans JP', sans-serif;}
p.address{text-align: left;font-size: 1em;}
p.access_floor{font-size:1em;text-align:left;}
	
	
td {
text-align: left;
padding-bottom: 0px;
padding-left: 0px;
width: 48%;
padding-right: 3%!important;
padding-top: 0px;
vertical-align: top;}	
	

td.access_detail {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 1.5em;
margin-bottom: 1.5em;}

/*tr.access_detail td {
width: 49%;
position: relative;
padding: 4em 3em 1em;
box-sizing: border-box;}*/

	
	
}