@charset "utf-8";

/* --------------------------------

Primary style

-------------------------------- */
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
body,div,dl,dd,dt,ol,ul,li,a,h1,h2,h3,h4,h5,h6,span,p,table, caption, tbody, tfoot, thead, tr, th, td,
article,figcaption, figure,input,textarea,footer,header{
	font-size: 16px;
	font-family: 'Open Sans', 'YuGothic', '游ゴシック', "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro","メイリオ",sans-serif,'icomoon';
	color: #373737;
	text-decoration: none;
	line-height:1.5;
	list-style:none;
	letter-spacing:0.1em;
	}
body, html {
	height: 100%;
	}
.mt10{ margin-top: 10px !important}
.mt25{ margin-top: 25px !important}
.mt40{ margin-top: 40px !important}
.mb20{margin-bottom:20px}
.pt10{padding-top: 10px}
.pt15{padding-top: 15px}
.pb15{padding-bottom: 15px}
em{
	font-style: normal !important;
	letter-spacing: 0;
	}
.fas {
	display: inline !important;
	margin-right: 6px;
	}		
.note{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 10px;
	}
.note.fs {
	padding-bottom: 3px;
	}
.note li .fas {
	display: inline;
	}
.fs,	
.fs > li{
	font-size: 15px;
	}
.fb{
	font-weight: bold;
	}
.fn{
	font-weight: normal !important;
	}	
.textAlignC{text-align: center}
.textAlignL{text-align: left !important}	
.zindex__{
	z-index: 9;
	}
p{margin: 0}
/* スペックアイコン */	
.spec_icon__{
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 15px;
	}
.spec_icon__ li{
	line-height: 1;
	font-size: 14px;
	letter-spacing: 0;
	padding: 6px 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #111;
	border: 1px solid #555;
	}
.spec_icon__ li:last-child{
	margin-right: 0;
	}	
/* マーカー */	
.markerPen__{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 15px;
	background: linear-gradient(transparent 70%, #ffe5e5 50%);
	font-size: 22px;
	font-weight: bold;
	color: #da0303;
	}
/* テキスト上ドット */	
span.dot-text__ {
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
	padding-bottom: 6px;	
	margin-bottom: 15px;
	background: linear-gradient(transparent 70%, rgba(255, 235, 59, 0.9) 50%);
	}
.txt_red{
	color: #da0303;
	font-weight: bold;
	}	
/* --------------------------------

Main components

-------------------------------- */
.container{
	padding-bottom:40px;
	}
.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
	}
.cd-header .common-header {
  overflow: hidden;
  width: 100%;
	}
.cd-header:after {
  content: "";
  display: table;
  clear: both;
	}
.cd-main-content {
  height: 100%;
  width:100%;
  position: relative;
  top: 0 !important;
  z-index: 1;
	}
iframe {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  z-index: 2;
  height:100%;
  width:100%;
	}
.common-header h1 a{
	display: table;
	line-height:1.25;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	}
.common-header h1 a span,
.common-header h1 a i.fas,
.common-header h1 a img{
	display: table-cell;
	vertical-align: middle;
	}	
/* --------------------------------

top panotour logo

-------------------------------- */	
.logo{
	position:relative;
	top:40%;
	margin:0 auto;
	z-index:4;
	text-align: right;
	pointer-events: none;
	}
.top_panotour{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;   	
	justify-content:flex-end; 
	}
.top_panotour .box__{
	padding:25px 30px;
	flex-basis: auto;	
	font-weight: bold;	    
	margin: 0;
	text-align: center;
	line-height: 1.5;
	background: rgba(0, 0, 0, 0.4);	
	}	
.top_panotour .box__ h1{
	margin: 0;
	color: #fff;
	font-size: 30px;		    
	letter-spacing: 2px;
	}
.top_panotour .box__ h1 span{
	display: block;
	font-size: 20px;
	color: #fff;
	text-shadow:none;
	}
.top_panotour .box__ h1 span small{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	line-height: 2;
	}	
.top_panotour .box__ ul{
	display: block;
	margin-top: 20px;
	text-align: center;
	}
.top_panotour .box__ ul:after {
  content: "";
  display: table;
  clear: both;
	}	
.top_panotour .box__ ul li{
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
	padding: 7px 10px;
	min-width: 240px;
	color: #fff;
	font-size: 30px;
	border: 1px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px; 
	border-radius: 2px;
	}	
.top_panotour .box__ ul li a{
	display: block;
	color: #fff;
	font-size: 22px;
	letter-spacing: 3px;
	}
.top_panotour .box__ ul li a > .fas {
	font-size: 86%;
	padding-right: 5px;
	}	
h3{
	display: block;
	width: 100%;
	}		

/*TOPへ戻る*/
.page_top {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 30px;
	z-index:100;
	color:#373737;
	font-weight:bold;
	}
.page_top a {
  position: absolute;
	bottom: 60px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	text-decoration: none;
	}
.page_top a span{
  position: absolute;
	top: 0;
	left: 50%;
	width: 26px;
	height: 26px;
	margin-left: -14px;
	border-right: 6px solid #373737;
	border-top: 6px solid #373737;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
	}

@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}
#down {
	z-index: 9;
	}
.down{
	position:fixed;
	bottom:60px;
	z-index: 10;
	left: 50%;
	width:50px;
	height:50px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}
#page_down{
	font-weight:800;
	color:#fff;
	margin-left:-6px;
	width:60px;
	height:60px;
	text-shadow: 0 1px 2px #aaa;
	}
#page_down p {
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	font-weight:800;
	}
#page_down p span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -12px;
	border-left: 6px solid #fff;
	border-bottom: 6px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
	box-shadow: -2px 2px 2px #aaa;
	}
.scroll_box1{
	padding-top:-130px;
	margin-top:130px;
	}	
/*共通の線*/
.lines-on-sides, h2 {
  display: table;
}
/*マウスオーバー*/
a:hover,
.box a h2:hover,
.box a img:hover,
.header_btn div:hover,
.sns ul li a:hover,
.sns_foot ul li a:hover,
.link__external:hover{
	opacity:0.7;
	transition: 0.3s;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
	}
/* 外部リンク */
.link__external{
	border: 1px solid #373737;
	border-radius: 3px;
	padding: 8px;
	text-align: center;
	font-weight: bold;
	margin: 20px 15px 12px;   
	}
.link__external a{
	display: block;  
	}
/* --------------------------------

inner components

-------------------------------- */
.box .price{
	color:#dc0620;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	}
.box h2 span {
	color:#18568f

	}
.box p{
/* 	padding-top: 15px; */
	}
p.cap{
	color:#e6461e;
	font-size:16px;
	font-weight:bold;
	}
.cmenu{
	background-color:#f8f8f8;
	font-size:16px;
	padding:15px 10px;
	margin-top: 10px;
	}
.cmenu h4{
	margin-top:5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#A28C37;
	}
.smenu{
	margin-top:40px;
	width: 100%;
	}
.smenu h1{
	margin-top:5px;
	font-size:24px;
	line-height: 1.2em;
	font-weight:bold;
	width: 100%;
	}
#map iframe,
#panorama iframe{
	pointer-events: auto!important;
	pointer-events: visible !important;
	}

/* --------------------------------

ページ下　訴求ボタン

-------------------------------- */ 
.to_contact{
	position: relative;
	margin-bottom: 80px;
	z-index: 100;
	}	
.to_contact ul{
	display: -webkit-flex;
	display: flex;
	justify-content: center; 
	}	
.to_contact ul li {
	border: 2px solid rgb(0, 27, 66);
	border-radius: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 400px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	font-weight: bold;
	}	
.to_contact ul li a{
	display: block;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	letter-spacing: 2px;
	font-size: 19px;
	}
.to_contact ul li:hover{
	opacity: 0.7;
	}

/* --------------------------------

Table

-------------------------------- */
table.tableList{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	}
table.tableList caption{
	text-align: left;
	font-weight: bold;
	padding-bottom: 12px;
	margin-top: -5px;
	}		
table.tableList th {
	background: #9E9E9E;
	border: solid 1px #ddd;
	color: #fff;
	font-weight: bold;	
	padding: 5px 0;
	vertical-align: middle;
	line-height: 1.5;
	width: 20%;
	white-space: nowrap;	
	}
table.tableList .td__ th:nth-of-type(1){
	background: #9E9E9E;
	border: none;
	}	
table.tableList td {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 10px 0;
	vertical-align: middle;	
	text-align: center;
	width: 40%;
	}	
table.tableList .td__ td{
	background: #eaeaea;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}
.last__{
	border-bottom: solid 1px #ccc !important;
	}
table.tableList tr.th__{
	display: table;
	width: 100%
	}		
table.tableList tr.th__ th{
	display: table-cell;
	background: #eaeaea;
	color: inherit;
	font-weight: normal;
	text-align: left;
	padding: 10px 5px 10px 20px;
	border: solid 1px #fff;
	}		
table.tableList tr.th__ td{
	display: table-cell;	
	width: 120px;
	}	
/* --------------------------------

You tube

-------------------------------- */
.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
.video iframe {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto!important;
    pointer-events: visible !important;
	}

/* --------------------------------

access

-------------------------------- */
#access dl{
	clear: both;
	padding-bottom: 10px;
	}
#access dl dt{
	display: inline-block;
	float: left;
	width: 7em;
	font-weight: bold;
	}
#access dl dd.note ul{
    margin-bottom: 0 !important;
	}	
#access dl dd{
	display: inline-block;
	margin-bottom: 0 !important;
	}
		
@media screen and (max-width: 640px) {
table.tableList td {
	border-top: solid 1px #ccc;
	font-size: 15px;
	}
table.tableList th {
	padding: 5px;
	font-size: 15px;
	}
table.tableList .th__ td{
	min-width: 100px;
	padding: 5px 0;
	}	
table.tableList .th__ th{
	padding-left: 10px;
	}
table.tableList .th__ td{
	min-width: 100px;
	}			
} /* end SP */

/* --------------------------------

SP

-------------------------------- */
/*スマホ版*/
@media screen and (max-width : 640px){
.br-pc{
	display:none !important;
	}
.container{
	padding-bottom:50px;
	}	
.cd-main-content{
	position:fixed;
	top:50px !important;
	}
.common-header h1{
	position:absolute;
	left:6px;
	top:10px;
	letter-spacing: 0;
	line-height: 1.45;
	}	
.common-header h1 span.cd_logo__ img{
	width: auto;
	height: 40px;
	vertical-align: middle;
	}		
.common-header h1 span.cd_ttl__{
/* 	padding-left: 10px; */
	font-size: 16px;
	max-width: 200px;
	letter-spacing: 0;
	}
				
.logo{
	position:relative;
	top:27%;
	width: 92%;	
	margin:0 auto;
	z-index:4;
	text-align: center;
	}	
	
/* --------------------------------

top panotour logo

-------------------------------- */	
.top_panotour{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;   	
	justify-content: center;
	align-items: center; 
	}
.top_panotour .box__{
	width: 100%;
	padding: 20px 10px;
	}	
.top_panotour .box__ h1 span{
    display: block;
    font-size: 17px;
    color: #fff;
    text-shadow: none;
    line-height: 1.75;
	}
.top_panotour .box__ h1 span small {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
	}	
.top_panotour .box__ ul li {
	display: block;
	min-width: 220px;
	max-width: 280px;	
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}
.top_panotour .box__ ul li a {
	display: block;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	}
	
/* new3 */
/* iPhone13~ */
#home .pano_scroll_lock:before{
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 85%;    
	top: 100px;
	bottom:0;
	left: 0;
	right: 0;
	background: url(../images/bgclear.png) repeat;
	background-size:100%;
	z-index: 9;
	}	
aside .tb{
	position:absolute;
	right:65px;
	top:10px;
	z-index: 10;
	}
.tb a i{
/* 	color:#fff; */
	margin-left:3px;
	font-size:26px;
	display:block;
	}
	
aside .tb:first-of-type{
    right: 115px;
    top: 15px;


	}
aside .tb:first-of-type a i{


	}	
	
/* end */

.main{
	width:100%;
	height:100%;
	}
.sns ul{
	z-index: 2;
	position: absolute;
	top: 80px;
	right: 16px;
	width:150px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content:space-between;
	}
.sns ul li{
	width:40px;
	}
.sns ul li:last-child{
	margin-right:0;
	}
.sns ul li a img{
	width:100%;
	display:block;
	}
.back h1 {
	margin: 0;
	font-size: 20px;
	display:inline-block;
	font-weight:bold;
	}
.sec{
	display: block;
	margin-bottom: 0;    
	width:100%;
	height:100%;
	overflow:hidden;
	}
.sec:last-child{
	margin-bottom:0;
	}
.sec.mb0:last-child{
	margin-bottom:0;
	}
.contents{
	margin: 0 auto;
	width:100%;
	}	
.box {
	width:100%;
	height:100%;
	display:inline-block;
/* 	margin-top: 25px; */
	}
.box h2{
	display: block;
	margin: 0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	}	
.box h3 {
  font-size: 1em;
  color: #002b7c;
  font-weight: bold;
	}
.box p{
	padding-bottom: :6px;
	text-align: center;
/*
	text-align: justify;
	text-justify: inter-ideograph;
*/
	font-size: 15px;
	}
.box img{
	width:100%;
	height:100%;
	display:block;
	margin-top:20px;
	}	
hr.g{
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #cccccc;
  margin-bottom: 10px;
  margin-top: 10px;
	}
/* --------------------------------

access

-------------------------------- */	
.contents .info {
    display: block;
    padding-top: 15px;
    margin-bottom: 30px;
	}
#access dl{
    display: block;
    width: 100%;
    border-top: 1px dashed #cccccc;
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 0;
	}
#access dl dd.note{
    clear: both;
    display: block;
	}
#access dl dt{
    width: 5em;
	}	
#access dl dt.fn{
    width: 7em;
	}		
/*  */	
.map_area {
	position:relative;
	height: 100%;
	width: 100%;
	}
#map {
	height: 300px;
	width: 100%;
	margin:0 auto;
	}
.down{
	bottom:0;
	left: 50%;
	width: 60px;
	height: 64px;
	}
#page_down{
	margin-left: 0;
	width:60px;
	height:60px;
	font-size:13px;
	text-align: center;
	}
#page_down p {
	bottom: 0;
	left: 50%;
	height:30px;
	margin-left: -4px;
	}
#page_down p span{
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -12px;
	}
/* add */	
.page_top {
	bottom: 75px;
	right: 10px;
	width: 50px;
	font-size: 14px;	
	}
.page_top a {
	bottom: 55px;
	left: 2px;
	}
.page_top a span{
	width: 24px;
	height: 24px;
	margin-left: 2px;
	}
/* add */	
#footer {
	position:relative;
	margin:0 auto;
	bottom:0;
	width:90%;
	color : #373737;
	z-index: 2; 
	}
#footer .copyright{
	display:inline-block;
	font-size : 11px;
	margin-top: 30px;
	margin-bottom: 75px;
	}
#footer .copyright em{
	letter-spacing: -1px;
	font-style: normal !important;
	}
#footer.txLeft{
	left: 0;
	display: inline;
	}
#footer.txLeft a{
	text-align: left;
	}
.sns_foot ul{
	width:200px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content:space-between;
	 left: 15px;
	bottom: 27px;
	z-index: 2;
	}
.sns_foot ul li{
	width:40px;
	}
.sns_foot ul li a img{
	width:100%;
	display:block;
	}
.fot_rb {
	margin: 0 auto;
	border:1px solid #373737;
	border-radius:3px;
	padding:15px;
	width:100%;
	margin-bottom:50px;
	display:block;
	text-align: center;
	font-size:18px;
	}
.scroll_box{
	position:relative;
	top:0;
	width:100%;
	margin:0 auto;
	padding-top:80px;	
	max-width:90%;
  margin-bottom: 0 !important;
	}	
table.tableList caption {
	margin-top: 10px;
	}		
.sp_mt30{ margin-top: 30px}
.sp_mb70{margin-bottom: 70px}
.sp_mb0{ margin-bottom: 0}
.sp_top0{top: 0 !important}
/* マーカー */	
.markerPen__{
	display: inline;
	}
/* 訴求ボタン */	
.to_contact {
	margin-bottom: 0;
	margin-top: 40px;
	}
} /* end SP */

@media screen and (max-width : 320px){	
.common-header h1 span.cd_ttl__{
	font-size: 13px;
	width: 160px;
	}
.common-header h1 span.cd_logo__ img {
	height: 30px;
	}
.logo{
	width:96%;
	}
.top_panotour .box__ h1 span {
	font-size: 16px;
	}		
}/* end SP */
/* --------------------------------

PC

-------------------------------- */
/*パソコン版*/
@media screen and (min-width : 641px){
.br-sp {
	display: none !important;
	}
.cd-header .common-header {
	margin: 0;
	height:100px;
	background: #fff;
	border-bottom:1px solid #C8C8C8;
	z-index: 900;
	}
.common-header h1 {
	position:absolute;
	top:20px;
	left:20px;
	font-size:20px;
	font-weight:bold;	
	}
.common-header h1 span.cd_logo__{
	vertical-align: middle;
	}
.common-header h1 span.cd_logo__ img{
	height: 46px;
	width: auto;
	}		
.common-header h1 span.cd_ttl__{
	padding-left: 10px;
	}
.header_btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position:absolute;
	top:14px;
	right:40px;
	z-index: 3;
	}
.header_btn div{
	border: 1px solid #373737;
	border-radius:3px;
	padding:8px;
	}
.header_btn div a{
	font-weight:bold;
	display:block;
	}
.header_btn .tb{
	margin-right:10px;
	}
.cd-main-nav {
	position: absolute;
	background: none;
	top:54px;
	right: 10px;
	}
.cd-main-nav ul {
	width: 100%;
	z-index:10;
	}
.cd-main-nav ul .menu1{
	margin-right: 25px;
	margin-top: 10px;
	padding-bottom: 15px;
	}
.main{
	width:100%;
	height:100%;
	}
.sns ul{
	display: inline-block;
	position: absolute;
	right: 40px;
	width: 50px;
	top: 120px;
	z-index: 9;
	}
.sns ul li{
	margin-bottom:15px;
	display:block;
	}
.sns ul li a{
	width:50px;
	height:50px;
	}
.back{
	position:relative;
	top:0;
	width:100%;
	margin:0 auto;
	padding-left: 10px;
	padding-right: 10px;
	max-width:980px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	}
.back h1 {
	margin: 0;
	font-size: 20px;
	display:block;
	font-weight:bold;
	}
.back2{
	position:relative;
	top:0;
	width:100%;
	margin:0 auto;
	margin-top: 180px;
	padding-top:40px;
	max-width:960px;
	}
.back2 h1 {
	font-size: 20px;
	display:block;
	font-weight:bold;
	}
.contents_first{
	margin-bottom: 80px !important;
	}	
.contents{
	margin: 0 auto;
	width:100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	}
.sec{
	width:31%;
	overflow:hidden;
	margin-top:24px;
	display:block;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	}
.sec.col2{
	width:60%;
	height: 500px;
	}
.sec.col2:last-child{
	width:35%;
	height: auto;
	}	
.sec.col2 >iframe {
	position:static !important;
	pointer-events:auto !important;
	}	
	
#down .contents_first > .sec {
    width: 47%;
	}	
.box {
	width:100%;
	}
.box h2{
    display: table;
    margin: 0;
    width: 100%;
    line-height: 1.75;
    min-height: 3em;    
	}
#down .box h2{
    line-height: 1.5 !important;   
	}
/* add */
.box h2{
	font-weight: bold;
	font-size: 23px;
	min-height: inherit;	
	}	
.box h2 span {
	display: table-cell;
	text-align: center;
	font-size: 17px;
	font-feature-settings: "palt";
/* 	margin-bottom: 6px; */
	font-weight: bold;
	white-space: normal;
	letter-spacing: 1px;
	vertical-align: middle;
	}	
.box h3{
	margin-top: 12px;
	font-size: 1em;
	color: #002b7c;
	font-weight: bold;
	}
.box p{
	margin: 0 0 20px;
/*
	text-align: justify;
	text-justify: inter-ideograph;
*/
	font-size: 16px;
	font-feature-settings: "palt";
	letter-spacing: 3px;
	text-align: center;
	}
.box img{
	width: 100%;
	height: 100%;
/* 	margin-bottom: 10px; */
	display: block;
	}
.cmenu{
	min-height: 230px;
	}
.cmenu.mimHeight{
	min-height: 540px;
	}
.map_area {
	position:relative;
	top:0;
	height: 100%;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 24px;
	}
#map {
	height: 400px;
	width: 100%;
	margin:0 auto;
	}
hr.g{
  display:none;
	}	
#footer {
	margin:0 auto;
	color : #373737;
	}
#footer a{
	display:block;
	padding:10px;
	font-size : 12px;
	text-align:left;
	}
#footer.txLeft{
	left: 0;
	display: inline;
	}
#footer.txLeft a{
	text-align: left;
	}
.scroll_box{
	position:relative;
	top:0;
	width:100%;
	margin:0 auto;
	margin-top:-130px;
	padding-top:130px;
	max-width:960px;
	}
.scroll_box:first-of-type{
	margin-top: 0px;
	}	
.sns_foot{
	display: none;
	}	
/* ページ下　訴求ボタン */
#to_contact{
	margin-top: 80px;
	margin-bottom: 80px;
	}	
#to_contact ul{
	display: -webkit-flex;
	display: flex;
	justify-content: center; 
	}	
#to_contact ul li {
	border: 1px solid #373737;
	border-radius: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 400px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	font-weight: bold;
	}	
#to_contact ul li a{
	display: block;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	letter-spacing: 2px;
	}
#to_contact ul li a:hover{
	opacity: 0.7;
	}
.pc_pt10{padding-top: 10px;}		
.pc_pb10{padding-bottom: 10px;}
	
} /* end PC */
/* --------------------------------

横向き　

-------------------------------- */
@media (orientation: landscape) and (max-width: 778px){
.back {
	width: 98% !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
.down {
	bottom: 0;
	}	
.container {
  padding-bottom: 50px;
	}
.common-header .fa-phone:before {
	display: none;
	}		
.cd-main-nav ul .menu {
	margin-right: 14px;
	}
.cd-main-nav ul li a{
	font-size: 15px;
	letter-spacing: 0;
	}
.cd-main-nav ul .menu:last-child{
	margin-right: 0;
	}	
.header_btn {
	right: 0;
	}
.sns.top_sp.br-pc{
	display: none;
	}
.sns_foot {
	display: block;
	}
.sns_foot ul{
	margin-left: 2%;
	margin-bottom: 20px;
	width:200px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content:space-between;
	z-index: 2;
	}
.sns_foot ul li{
	width:40px;
	}
.sns_foot ul li a img{
	width:100%;
	display:block;
	}
#footer .sns_foot ul li a {
	padding: 0;
	}
#footer {
	position: static;
	}
#footer a{
	text-align: left;
	}
table.tableList .th__ th {
    padding: 5px 5px 10px 10px;
	}	
.br-sp{	
	display: none;
	}
#footer .br-sp a.fot_rb {
	display: none;
	}
.logo img {
  width: 210px;
	}
.top_panotour > h1 {
	font-size: 30px;
	}
	
}/* end SP778 */

/* --------------------------------

info ifame

-------------------------------- */
#information iframe{
	pointer-events: auto !important;
	position: static;
	}
/* clearfix */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
	}
.clearfix:after {	clear: both;}
.clearfix { *zoom: 1;}



.secondary.outline {
	margin-top: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #3F51B5!important;
    border: 1px solid #3F51B5;
    text-align: center;
}
@media screen and (max-width : 640px){
.sec{
	margin-top: 40px;
}	
.secondary.outline {
	margin-top: 10px;
	}
.sec.col2{
	width:100%;
	height: 400px;
	margin-top: -20px;
	}
.sec.col2:last-child{
	width:100%;
	height: auto;
	margin-top: 20px;
	}	
.sec.col2 >iframe {
	position:static !important;
	pointer-events:auto !important;
	}	
	
}/* end 640px */
/* --------------------------------

sample-04 iframe

-------------------------------- */
body.sample-04 .sec.col1{
	max-width: 100%;
	width: 80%;
	margin: 0 auto;
	}
body.sample-04 iframe{
	position: relative;
	height: 400px;
	position:static !important;
	pointer-events:auto !important;	
	}
@media screen and (max-width : 640px){
body.sample-04 section.scroll_box{
	padding-top: 60px;
	}
body.sample-04 .sec.col1{
	width: 100%;
	margin: 0 auto;
	}
body.sample-04 iframe{
	position: relative;
	height: 280px;
	position:static !important;
	pointer-events:auto !important;
	}	

}/* end 640px */