@charset "UTF-8";

/* CSS Document */



/* //////////// */

/* base         */

/* //////////// */



h1, h2, h4, h5, address,dd,table, caption, th, td, img, form, small {
	margin:0;
	padding:0;
	border: 0;
	font-style:normal;
	voice-family:"\"}\"";
	voice-family:inherit;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	line-height: 140%;
}

h4, h5{
	margin:0;
	padding:0;
	border: 0;
	font-style:normal;
	voice-family:"\"}\"";
	voice-family:inherit;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	line-height: 140%;
}


h3{
	margin:0;
	padding:0;
	border: 0;
	font-style:normal;
	voice-family:"\"}\"";
	voice-family:inherit;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	line-height: 140%;
	color: #696359;
}

ul{
margin: 0px;
padding: 0px;
}

img{
	margin:0;
	border:0;
}

.clr{clear:both;}

body {
	margin: 0px auto;
	padding: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
}


#container{
	margin: 0 auto;
	padding-top:40px;
}

#contents_back{
	background-image:url(../img/common/back03.jpg);
	background-position:top;
	background-repeat:repeat-y;
	background-color:#FFF;
}

#contents_back2{
	
	background-position:top;
	background-repeat:repeat-y;
	background-color:#000;
}

#contents_back3{
	
	background-position:top;
	background-repeat:repeat-y;
	background-color:#FFF;
}

#index_back_f{
background-image:url(../img/common/back03.jpg);
background-repeat:no-repeat;
}



#contents_box img{
	width:100%;
	max-width:100%;
	height:auto;
}



.bottom_menu_box_02 div{
    width:100%;
}

.blank_box{
	width:100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#000;
}

.map_box{
	width:842px;
	height: auto;
	text-align:center;
}

.yokoku img,#footer img{
    max-width:100%;
}

#footer img.syamei01{
	margin-right:20px;
}

.bottom_menu_box_02{
	background-image:url(../img/common/bottom_menu_back.jpg);
	background-repeat:repeat;
	background-color: #000;
}

.bottom_menu{
	width:820px;
	margin:0 auto;
	padding:20px 0;

}

.bottom_menu li{
	display:inline-block;
	padding-left:2px;
	padding-right:2px;
}


.bottom_menu li a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.yokoku{
	text-align:center;
	margin:0 auto;
	padding-top:7px;
	padding-bottom:7px;
}

div.page_up{
	margin-right:0.5em;
	padding-bottom:1em;
}

div.page_up a{
	display:block;
	float:right;
	max-width:100px;
}

div.page_up img{
	width:100%;
}

/*********************************************/
/*                  Header                   */
/*********************************************/


#header{
	max-width: 980px;
	height: 120px;
	position: relative;
	margin: 0 auto;
	padding:0 10px 10px 10px;
	z-index:1000;
	text-align:left; 
}

.logo img,.title img{
	width:100%;
	height:auto;
}

.logo{
	display:block;
	max-width:170px;
	float:left;
	width:100%;
	padding-top:14px;
	padding-right:20px;
}

.title{
	display:block;
	max-width:400px;
	float:left;
	font-size: 32px;
    color:#F4F4F4;
    font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
    font-style: normal;
	width:100%;
	padding-top:34px;
	font-weight: normal;
}

.headernavi_box{
    position: relative;
    max-width: 1000px;
	height: 100px;
}

.header_navi{
    float: right;
    width: 110px;
    height: auto;
    text-align:justify;
	position: absolute;
    right: 10px;
    top: 38px;
}

.header_navi li{
	display:inline-block;
	line-height:19px;
	font-size: 12px;
    font-family: "Sawarabi+Mincho&display=swap";
    font-style: normal;
	letter-spacing: 0.1em;
}

.header_navi li a:link {
	color:#F4F4F4;
	text-decoration: none;
}
.header_navi li a:visited {
	color:#F4F4F4;
	text-decoration: none;
}
.header_navi li a:hover {
    color:#9A9A9A;
    text-decoration: none;
}

.header_navi li a.navi_red:link {
	color: #AA1B0D;
	text-decoration: none;
}
.header_navi li a.navi_red:visited {
	color: #AA1B0D;
	text-decoration: none;
}
.header_navi li a.navi_red:hover {
    color:#C22E1F;
    text-decoration: none;
}

.header_navi li a img.navi_prm {
	margin-top: 0.2em;
}

.header_navi li a:hover img {
  opacity: 0.2;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.header_navi_internet{
	float:right;
	width:250px;
	height:auto;
	text-align:right;
	border-left:1.5px #766f58 solid;
	border-right:1.5px #766f58 solid;
	margin-right:18px;
	position:absolute;
	bottom: 18px;
	right:0;
}

.header_navi_internet img{
	max-width:250px;
	width:100%;
}

.top_comment{
    margin: 0;
    padding: 1em 0 0 0;
    font-size: 12px;
    color: #595757;
	margin-bottom:10px;
}

.top_comment_map{
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #F4F4F4;
	margin-bottom:10px;
    font-family: "Adobe Caslon Pro", "Adobe Caslon Pro Bold", "Adobe Caslon Pro Bold Italic", "Adobe Caslon Pro Italic", "Adobe Caslon Pro Semibold", "Adobe Caslon Pro Semibold Italic", "Sawarabi Mincho", "Trajan Pro", "Trajan Pro Bold";
}


/*********************************************/
/*                global navi                */
/*********************************************/




/* nav
--------------------------------------------------------------------------------*/
.g_nav { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #B2B5BF;}
.g_nav ul { max-width: 960px; margin: 0 auto; text-align: center;}
.g_nav ul li { display: inline-block; margin: 0 5px;}
.g_nav ul li a {
    display: block;
    font-size: 12px;
    padding: 8px 10px;
    position: relative;
    color: #FFF;
    font-family: 'Cinzel', serif;
	letter-spacing: 2px;
    font-style: normal;
    font-weight: 900;
}
.g_nav ul li a::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #FFF; transition: all .3s;}
.g_nav ul li a.is-current::after,
.g_nav ul li a:hover::after { width: 80%;}

.g_nav li a span.en {
    display: inline;
}
.g_nav li a:hover span.en {
    display: none;
}
.g_nav li a span.jp {
    display: none;
}
.g_nav li a:hover span.jp {
    display: inline;
    font-size: 12px;
}



#demo-1{
    overflow: hidden;
    width: 100%;
    min-height: 600px;
}



/********************************/
/* top page  */
/********************************/

.top_bottom_copy{
	height:auto;
	text-align:center;
	margin:0 auto;
	width:100%;
	background-image:url(../img/index/top_copy_back.gif);
	background-repeat:repeat-x;
}

.top_bottom_copy img{
	max-width:980px;
	width:100%;
}


/********************************/
/* concpt  */
/********************************/

/* 画像をぼかすjs用  */
.cross_base {
    position: relative;
	width:629px; 
	height: 417px; 
	margin: 0 auto; 
	background-repeat:no-repeat; 
	background-position:top; 
	margin-top:70px;
}


/********************************/
/* room  */
/********************************/
.madori_box01{
	max-width:1000px;
	margin:0 auto;
	padding-top:0px;
}

.madori_box01 img{
	width:100%;
	max-width:100%;
	height:auto;
}

.madori_box{
	max-width:1000px;
	margin: 0 auto;	padding: 0;
}

.madori_box1{
	width:490px;
	height:663px;
	margin-right: 10px
}

.madori_box2{
	width:490px;
	height:663px;
	margin-left: 10px
}

.madori_box1_M{
	width:320px;
	height:auto;
	margin-right: 10px
}

.madori_box2_M{
	width:320px;
	height:auto;
	margin-left: 10px
}

.madori_box2_Mx{
	width:330px;
	height:auto;
	margin-left: 2px
	
}

.madori_box3_M{
	width:320px;
	height:auto;
	margin-left: 10px
}

.madori_box4_L{
	width:480px;
	height:auto;
	text-align:left;
	margin-right: 10px
	
}

.madori_box5_L{
	width:480px;
	height:auto;
	text-align:right;
	margin-left: 10px
	
}

.madori_box ul{
	display:table;
	margin: 0 auto;	padding: 0;
}
.madori_box li{
	display:table-cell;
	padding-top:15px;
	vertical-align:middle;
	list-style: none;
    text-align: center;
}

.madori_box li p{
	font-size:12px;
}

.info{
	max-width:980px;
	height:auto;
}

#contents_001{
	max-width:1000px;
	width: 100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}

.mouseover img:hover { 
	opacity: 0.6; filter: brightness(110%);
	-webkit-transition: all .3s; transition: all .3s;
}
/* リストにした場合使用
ul.room_btn{
	text-align:left;
	padding-left:50px;
	list-style:none;
	margin:0;
}


ul.room_btn li{
	display:inline-block;
	padding-left:10px;
}

ul.room_btn li a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
  */
  
  
/********************************/
/*         location               */
/********************************/

.location_btn{
	width:980px;
	height:70px;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
}


.location_btn a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

#map_canvas{
	width:90%;
	height:560px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}


/***********************/
/*    outline          */
/***********************/


#outline a{
    color: #6F6F6D;
}

#outline{
	max-width:980px;
	width:90%;
	height:auto;
	margin:0 auto;
	text-align:left;
	padding:20px;
}



.testt{
	width:100%;
	height:20px;
	background-color:#999;
}

.outline_box h3{
	float: left;
	width: 95px;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	line-height: 24px;
	padding-left: 5px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.outline_box_b h3{
	float:left;
	width:95px;
	text-align:left;
	vertical-align:top;
	font-size:16px;
	height:24px;
	line-height:20px;
	padding-left:5px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.outline_box2{
	float:left;
	width:100px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	line-height:20px;
}


.outline_box3{
	float:left;
	width:100px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	height:100px;
	line-height:20px;
}

.loca_box{
	max-width:1000px;
	height:auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
	background-color: #fff;
}

body#outline .outline_box p{
	float:left;
	width:80%;
	padding-left:5px;
	text-align:left;
	font-size:16px;
}

body#outline .outline_box_b p{
	float:left;
	width:80%;
	padding-left:5px;
	text-align:left;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.outline_box{
	border-top:#c4c3c3 solid 1px;
	clear:both;
	padding-top:5px;
	padding-bottom:10px;
	width:100%;
	max-width:980px;
}
.outline_box_b{
	border-top:#c4c3c3 solid 1px;
	border-bottom:#c4c3c3 solid 1px;
		padding-top:5px;
	padding-bottom:10px;
	clear:both;
}


body#outline h2{
	background-image: url(../img/outline/contentsH3.gif);
	text-indent: -9999px;
	height: 70px;
	width: 900px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left center;
}



body#outoline .right{
	border-top:#666 solid 1px;
	width:750px;
}



/*********************************************/
/*                equipment_navi                */
/*********************************************/
#equipment_box{
	max-width:980px;
	text-align:center;
	margin:0 auto;
	padding-bottom:50px;
}

#equipment_box img{
	width:100%;
	max-width:100%;
	height:auto;
}


/*********************************************/
/*                all                */
/*********************************************/
.mainBlock1500{
	max-width: 1500px;
	margin: 0 auto;
}

.mainBlock1500 img{
	width:100%;
	height:auto;
}

.mainBlock795{
	max-width: 795px;
	margin: 0 auto;
	padding-bottom:30px;
}

.mainBlock795 img{
	width:100%;
	height:auto;
}


/*******************************/
/*   4box style  width980用   */
/*******************************/

.box4_left{
	margin-top:2em;
	}

.box4_left img{
	max-width:240px;
	float:left;
	padding-bottom:2em;
}

.box4_rightspace{
	margin-right:6px;
	}

/* ウインドウ幅が999px以下の場合に適用 */

@media (max-width:999px) {
.box4_left{
	text-align:center;
}

.box4_left img{
	float:none;
	margin:0 auto;
	padding-bottom:1em;
}
}


/*******************************/
/*   3box style  width980用   */
/*******************************/

.box3_left{
	padding-top:2em;
	}

.box3_left img{
	max-width:310px;
	float:left;
	padding-bottom:2em;
}

.box3_rightspace{
	margin-right:25px;
	}


/* ウインドウ幅が999px以下の場合に適用 */

@media (max-width:999px) {
.box3_left{
	text-align:center;
	margin:0 auto;
	width:80%;
}

.box3_left img{
	float:none;
	margin:0 auto;
	padding-bottom:1em;
}
}

/*******************************************/
/*   2box style 同じサイズ  width980用   */
/*******************************************/

.box2_left{
	padding-top:2em;
	}

.box2_left img{
	max-width:480px;
	float:left;
	padding-bottom:2em;
}

.box2_rightspace{
	margin-right:20px;
	}


/* ウインドウ幅が999px以下の場合に適用 */

@media (max-width:999px) {
.box2_left{
	text-align:center;
	margin:0 auto;
	width:80%;
}

.box2_left img{
	float:none;
	margin:0 auto;
	padding-bottom:1em;
}
}

/*******************************************/
/*   2box style 同じサイズ  width795用   */
/*******************************************/

.box2_left795{
	padding-top:2em;
	}

.box2_left795 img{
	max-width:390px;
	float:left;
	padding-bottom:2em;
}

.box2_left795_rightspace{
	margin-right:15px;
	}


/* ウインドウ幅が999px以下の場合に適用 */

@media (max-width:999px) {
..box2_left795{
	text-align:center;
	margin:0 auto;
	width:80%;
}

.box2_left795 img{
	float:none;
	margin:0 auto;
	padding-bottom:1em;
}
}

/*******************************************/
/*   2box style 2つのサイズ  width980用   */
/*******************************************/

.box2_left_2size{
	padding-top:2em;
	}

.box2_left_2size img.box2_big{
	max-width:520px;
	float:left;
	padding-bottom:2em;
	margin-right:20px;
}

.box2_left_2size img.box2_small{
	max-width:440px;
	float:left;
	padding-bottom:2em;
}


/* ウインドウ幅が999px以下の場合に適用 */

@media (max-width:999px) {
.box2_left_2size{
	text-align:center;
	margin:0 auto;
	width:80%;
}

.box2_left_2size img{
	float:none;
	margin:0 auto;
	padding-bottom:1em;
}
}


/*******************************************/
/*   ユーチューブ埋め込み   */
/*******************************************/

#video_box{
	max-width:800px;
	margin:auto;
	padding-bottom:40px;
	padding-top: 40px;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin:auto;
  
}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
#contents #inner .wow.fadeInUp .wow.fadeInUp {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#contents #inner .wow.fadeInUp .wow.fadeInUp {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#contents #inner .wow.fadeInUp .wow.fadeInUp {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#contents #inner h2 .wow.fadeInUp {
	font-size: 200%;
}
.com_area{
		z-index:2000;
}


/*******************************************/
/*  社帯 関連   */
/*******************************************/
.company{
	max-width:700px;
	height:300px;
	margin:0 auto;
	padding:0px;
	z-index:1000;
	position:relative;
	background-color:#fff;
	text-align: center;
}

.company a{
	z-index:2000;
}

.company_title{
	margin-bottom: 14px;
}

.company_title02{
	margin-bottom: 6px;
}

.company_left{
	max-width:33.08px;
	height:auto;
	text-align:left;
	position:absolute; top:0px; left:0px;
}

.company_left p{
	font-size: 13px;
	line-height: 21px;
}

.company_left a.company_name{
	font-size: 18px;
	line-height: 0px;
	text-decoration: none;
	color: #FFF;
}

.company_left a.company_name:hover{
	text-decoration:underline;
	color:#5C8886;
}

.company_center{
	max-width:500px;
	height:auto;
	text-align:left;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	margin: 0 auto;
	padding-top: 40px;
}

.company_center02{
	max-width:500px;
	height:auto;
	text-align:center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0 auto;
}

.company_center p{
	font-size: 13px;
	line-height: 21px;
	color: #6F6E6F;
}

.company_logo{
display:inline-block;
	max-width:224px;
vertical-align: top;
}
.company_text{
display:inline-block;
	max-width:440px;
	letter-spacing: 0.05em;
}

.company_center a.company_name{
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	color: #6F6E6F;
}

.company_center a.company_name:hover{
	text-decoration:underline;
	color:#5C8886;
}

.company_name span.company_text_b{
	font-size: 30px;
	color: #6F6E6F;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.company_right{
	max-width:260px;
	width: 100%;
	padding-left: 20px;
	height:auto;
	text-align:left;
	position:absolute; top:3.5em; left:400px;
}

.company_tel{
	font-size: 32px;
	font-weight: bold;
	color: #A52224;
}

.company_com{
	font-size: 32px;
	padding-bottom: 1em;
}

.company_com a:link{
	color: #fff;
	font-size: 16px;
}

.company_com a:hover {
	background-color:#BD5153;
	border-color: #6d6d49;
	color: #fff;
}

.company_button{
	display: inline-block;
	width: 230px;
	height: auto;
	text-align: center;
	text-decoration: none;
	font-size:12px;
	padding: 5px;
	background-color:#923E3F;
	border: 1px solid #6d6d49;
	color: #fff;
}

.company_box5{
	text-align:center;
	color: #A52224;
}

#top_mainbox{
	margin:0 auto;
	width:100%;
	height:auto;
	display:block;
	text-align:center;
}

.ttl_back{
		/zoom: 1;
	
	background-position:top;
	background-repeat:repeat-y;
	width:100%;
	height:auto;
	margin:0;
	padding-top:50px;
	padding-bottom:50px;
	background-image:url(../img/common/bg-dark.png);
	display:block;
	text-align:center;
	margin-bottom:0px;
}

.ttl_back2{
		/zoom: 1;
	
	background-position:top;
	background-repeat:repeat-y;
	width:100%;
	height:auto;
	margin:0;
	padding-top:25px;
	padding-bottom:25px;
	background-color:#FFFFFF;
	display:block;
	text-align:center;
	margin-bottom:0px;
}

/********************************/
/* top page  */
/********************************/

.top_bottom_copy{
	height:auto;
	text-align:center;
	margin:0 auto;
	width:100%;
	background-image:url(../img/index/top_copy_back.gif);
	background-repeat:repeat-x;
}

.top_bottom_copy img{
	max-width:980px;
	width:100%;
}


span#title{
    font-size: 56px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 99999;
	padding-bottom:10px;
	letter-spacing: 5px; /* 文字間隔を3pxに */
	color: #000;
    font-family: "Sawarabi Mincho";
}


span#small_txt{
	    color: #FFFFFF;
    font-size: 20px;
		position:absolute;
	letter-spacing: 5px; /* 文字間隔を3pxに */
	top:100px;
	left:20px;
	z-index:99999;    font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", serif;
	font-weight:600;
}

span#small_txt02{
	    color: #FFFFFF;
    font-size: 20px;
		position:absolute;
	letter-spacing: 5px; /* 文字間隔を3pxに */
	top:130px;
	left:20px;
	z-index:99999;    font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", serif;
	font-weight:600;
}


.catch01{
	margin:0em auto;
	text-align: center;
    font-size: 24px;
    background  : #004EA2;
    color: #FFFFFF;
	max-width:1000px;
	height:auto;
	padding:0.3em;
    Georgia,游明朝,Yu Mincho,YuMincho,Hiragino Mincho ProN,HGS明朝E,メイリオ,Meiryo,serif
}

.catch02{
    font-size: 24px;
 color: #422D13;   font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    border-bottom: thick double #422D13;
	margin-bottom:20px;
}

.catch03{
    font-size: 36px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.catch04{
    font-size: 48px;
    color: #422D13;
    Georgia,游明朝,Yu Mincho,YuMincho,Hiragino Mincho ProN,HGS明朝E,メイリオ,Meiryo,serif
   
}



.catch05{
    font-family: 'Times New Roman', Times, serif;
    font-size: 48px;
    color: #A8070A;
    font-style: normal;
    font-weight: 100;
}

.catch06{
    font-size: 14px;
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 22px;
    color: #422D13;
}

.catch07{
    font-size: 14px;
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 22px;
    color: #422D13;
}


.contact_mast{
	margin-top:0.5em;
	margin-bottom: 0.5em;	
}

@media screen and (max-width:559px) { 
.catch04{
	font-size:42px;
	line-height:32px;
	margin-top:20px;
}


.catch06{
	font-size:12px;
    padding-bottom: 4em;
}

.catch07{
		font-size:12px;
    padding-bottom: 0em;
}

}

/********************************/
/* コンセプトに飛ばすボタン  */
/********************************/

.con_button {
  position: relative;
  display: inline-block;
  padding: .9em 4em;
  background-color: #BFAD99;
  border: 2px solid #BFAD99;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.con_button::before,
.con_button::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
}
.con_button::after {
  opacity: 0;
  right: 1em;
}
.con_button:hover::before {
  animation: arrowbefore .5s;
}
.con_button:hover::after {
  animation: arrowafter .5s;
}
@keyframes arrowbefore {
  100% {
    right: -.4em;
    opacity: 0;
  }
  }
  @keyframes arrowafter {
  99% {
    right: .2em;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.con2_button {
  position: relative;
  display: inline-block;
  padding: .9em 4em;
  background-color: #253D4D;
  border: 2px solid #253D4D;
  color: #fff;
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  text-decoration: none;
  letter-spacing: 3px;
  transition: all .3s;
}
.con2_button::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #BFAD99;
  transition: all .3s;
}
.con2_button:hover {
    background-color: #fff;
    color: #253D4D;
}
.con2_post-contents .button01:hover::after {
  border-left-color: #253D4D;
}

.con3_button {
  width:150px;
  position: relative;
  display: inline-block;
  padding: .9em 4em;
  background-color: #3A372D;
  border: 2px solid #3A372D;
  color: #fff;
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  text-decoration: none;
  letter-spacing: 3px;
  transition: all .3s;
}
.con3_button::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #3A372D;
  transition: all .3s;
}
.con3_button:hover {
    background-color: #fff;
    color: #3A372D;
}
.con3_post-contents .button01:hover::after {
  border-left-color: #3A372D;
}

.stage_map{
	max-width:1000px;
	height:auto;
	margin: 0px auto;
	overflow:hidden;
	position: relative;
}

.googlemap{
	width: 100%;
	height:auto;
	position:relative;
	overflow:hidden;
	padding-bottom:755px;
}

.googlemap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 755px !important
}


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

.googlemap{
	width: 100%;
	height:auto;
	position:relative;
	overflow:hidden;
	padding-bottom:555px;
}

.googlemap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 555px !important
}
}

p.header_title2{
    font-size: 24px;
    color:#3A362C;
    font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", serif;
    letter-spacing: 0.3em;
    margin-top: 80px;
	padding-bottom:80px;
}

.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

#access_search .inner{max-width: 970px;}

.a_searchWrap p.fade_in{
	margin-bottom:20px;
}

#start{width: 45%; padding: 0 10px; float:left; margin-bottom:20px;}
#start span{width: 30%; background: #9a8c56; color: #fff; padding: 8px 20px; font-size: 18px;}
#start input{width: 70%; border: none; padding: 8px; font-size: 18px;}

#goal{width: 45%;  padding: 0 10px; float:right; margin-bottom:20px}
#goal span{width: 30%; background: #9a8c56; color: #fff; padding: 8px 20px; font-size: 18px;}
#goal input{width: 70%; border: none; padding: 8px; font-size: 18px;}


#submit input{background: #333; border: none; color: #fff; padding: 10px 30px; clear:both;}
#submit input:hover{opacity: 0.7; cursor: pointer;}





@media screen and (max-width: 640px){
	#access_search{padding: 0 0 40px;}

	#access_search h3{font-size: 18px; padding: 8px 0;}
#start{width: 100%; float:none;}
#goal{width: 100%; float:none;}
}


.dummyImage {
  width: 100%;
}

.mvSection__image {
  pointer-events: none;
  width: 100%;
}

@media only screen and (min-width:736px) {

  .mvSection__image.sp {
    display: none;
  }
}

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

  .mvSection__image.pc {
    display: none;
  }
}

.openingCover {
  background-color: #979795;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: 500ms ease;
  -o-transition: 500ms ease;
  transition: 500ms ease;
  visibility: hidden;
  width: 100%;
  z-index: 99;
}

.openingCover.is-visible {
  opacity: 1;
  visibility: visible;
}

.mvSection {
  -webkit-font-smoothing: antialiased;
  position: relative;
}

.mvSection__headline {
  color: #ffffff;
  font-size: calc(36vw / 1440 * 100);
  left: calc(440vw / 1440 * 100);
  letter-spacing: .38em;
  letter-spacing: .4em;
  line-height: calc(52 / 36);
  position: absolute;
  top: calc(320vw / 1440 * 100);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

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

  .mvSection__headline {
    font-size: 36px;
  }
}

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

  .mvSection__headline {
    font-size: calc(40vw / 750 * 100);
    left: calc(100vw / 750 * 100);
    top: calc(160vw / 750 * 100);
  }
  .mvSection__headline.mvSection__headline--second {
  -webkit-writing-mode: inherit;
  -ms-writing-mode: inherit;
  writing-mode: inherit;
  }


}
.mvSection__headline--first{
  top: calc(150% / 970 * 100);
  left: calc(320% / 1440 * 100);
}
@media only screen and (max-width:736px) {
  .mvSection__headline--first {
    top: calc(110vw / 750 * 100);
    left: calc(90vw / 750 * 100);
  }
}
.mvSection__headline .line,
.mvSection__headline .line02 {
  opacity: 0;
    transition: 1s;
}
.mvSection__headline .line,
.mvSection__headline .line02 {
  display: block;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
}
@media only screen and (max-width:736px) {
  .mvSection__headline .line.pc {
    display: none;
  }

}


.mvSection__headline .line:nth-of-type(2),
 .mvSection__headline .line02:nth-of-type(2){
  margin-top: calc(60vw / 1440 * 100);
}

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

  .mvSection__headline .line:nth-of-type(2),
  .mvSection__headline .line02:nth-of-type(2) {
    margin-top: 60px;
  }
}

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

  .mvSection__headline .line:nth-of-type(2),
  .mvSection__headline .line02:nth-of-type(2) {
    margin-top: calc(60vw / 750 * 100);
  }
}

.mvSection__headline .line .t,
.mvSection__headline .line02 .t {
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.mvSection__headline--second {
  color: #222;
  font-size: calc(28vw / 1440 * 100);
   /* text-shadow: #ffffff 1px 1px 2px, #ffffff -1px 1px 2px, #ffffff 1px -1px 2px,
    #ffffff -1px -1px 2px; */
}

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

  .mvSection__headline--second {
    font-size: 28px;
    text-shadow: #ffffff 1px -1px 2px,
    #ffffff -1px -1px 2px;
  }

}

@media only screen and (min-width:736px) {

  .mvSection__headline--second {
    right: calc(193vw / 1440 * 100);
    top: calc(90vw / 1440 * 100);
  }
}

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

  .mvSection__headline--second {
    font-size: calc(38vw / 750 * 100);
    top: calc(40vw / 750 * 100);
    left: auto;
    right:  auto;
    left: calc(40vw / 750 * 100);
    letter-spacing: 0.2em;
    text-shadow: none;
    color: #fff;
    /* text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff; */
    /*text-shadow: #ffffff 2px 2px 2px, #ffffff -2px 2px 2px, #ffffff 2px -2px 2px, #ffffff -2px -2px 2px, #ffffff 2px 2px 2px, #ffffff -2px 2px 2px, #ffffff 2px -2px 2px, #ffffff -2px -2px 2px;*/
  }
}

.mvSection__headline--second .line:nth-of-type(2) {
  margin-top: calc(120vw / 1440 * 100);
}

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

  .mvSection__headline--second .line:nth-of-type(2) {
    margin-top: 120px;
  }
}

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

  .mvSection__headline--second .line:nth-of-type(2) {
    margin-top: calc(120vw / 750 * 100);
  }
}

.mvSection__headline--third {
  color: #333;
  top: calc(100vw / 1440 * 100);
  left: calc(350vw / 1440 * 100);
  font-size: calc(28vw / 1440 * 100);
  letter-spacing: 0.2em;
  text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
  /*text-shadow: #ffffff 2px 2px 2px, #ffffff -2px 2px 2px, #ffffff 2px -2px 2px, #ffffff -2px -2px 2px, #ffffff 2px 2px 2px, #ffffff -2px 2px 2px, #ffffff 2px -2px 2px, #ffffff -2px -2px 2px;*/
}
@media only screen and (max-width:1440px) {

  .mvSection__headline--third {
    font-size: 28px;
    text-shadow: #ffffff 1px -1px 2px,
    #ffffff -1px -1px 2px;
  }

}


.mvSection__headline--third sup{
  font-size: 10px;
  letter-spacing: 0.08em;
  transform: rotate(-90deg);
  vertical-align: text-top;
  display: inline-block;
}

.mvSection__headline--third .num{
  display: inline-block;
  letter-spacing: 0em;
  font-size: 110%;
  color: #002339;
  /* margin-top: calc(-15vw / 1440 * 100); */
  margin-left: calc(-30vw / 1440 * 100);
  margin-bottom: calc(10vw / 1440 * 100);
  transform: rotate(-90deg) translateY(-5%);
}

.ie .mvSection__headline--third .num {
  position: relative;
  right: calc(-10vw / 1440 * 100);
}

@media only screen and (max-width:736px) {
  .mvSection__headline--third {
    top: calc(100vw / 750 * 100);
    left: calc(120vw / 750 * 100);
    font-size: calc(38vw / 750 * 100);
    letter-spacing: 0.2em;
    text-shadow: none;
  }

  .mvSection__headline--third .num{
    /* margin-top: calc(-10vw / 750 * 100); */
  }

}

.mvSection__subline{
  color: #ffffff;
  font-size: calc(27vw / 1440 * 100);
  line-height: calc(52 / 36);
  position: absolute;
  letter-spacing: 0.1em;
}
@media only screen and (max-width:1440px) {

  .mvSection__subline {
    font-size: 27px;
  }
}
@media only screen and (max-width:736px) {

  .mvSection__subline {
    font-size: calc(26vw / 750 * 100);
  }
}

.mvSection__subline--first{
  color: #ffffff;
  bottom: calc(120% / 970 * 100);
  left: calc(370% / 1440 * 100);
  border-top: solid #fff 1px;
  border-bottom: solid #fff 1px;
  padding: 15px 50px;
  transform: translateX(-50%);
}
@media only screen and (max-width:736px) {
  .mvSection__subline--first {
    padding: 10px 0;
    bottom: calc(130% / 970 * 100);
    left: calc(140% / 750 * 100);
    line-height: 1.25;
  }
}
.mvSection__subline--second{
  color: #000;
  bottom: calc(120% / 970 * 100);
  left: calc(370% / 1440 * 100);
  transform: translateX(-50%);
}
.mvSection__subline--second p{
  padding: 15px 50px;
  text-shadow: #ffffff 1px 1px 5px, #ffffff -1px 1px 5px, #ffffff 1px -1px 5px,
    #ffffff -1px -1px 5px, #ffffff 1px 1px 5px, #ffffff -1px 1px 5px, #ffffff 1px -1px 5px,
    #ffffff -1px -1px 5px;
}
.mvSection__subline--border{
  position: relative;
}
.mvSection__subline--border::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  box-shadow: #fff 0px 0px 5px 2px;
}
.mvSection__subline--border::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  box-shadow: #fff 0px 0px 5px 2px;
}
@media only screen and (max-width:736px) {
  .mvSection__subline--second {
    bottom: calc(130% / 970 * 100);
    left: calc(140% / 750 * 100);
    line-height: 1.25;
  }
  .mvSection__subline--second p{
    padding: 10px 0;
  }
}
.mvSection__subline--num{
  color: #9e2a45;
  font-weight: bold;
  letter-spacing: 0.01em;
}
.mvSection__subline--big{
  font-size: 190%;
}
.mvSection__subline--small{
  font-size: 50%;
  letter-spacing: 0.01em;
}

.mvSection__caption {
  bottom: 5px;
  color: #ffffff;
  position: absolute;
  right: 5px;
}

.mainSlide {
  width: 100%;
  position: relative;
}

.mainSlide .swiper-slide{
  width: 100%!important;
  margin: 0 auto!important;
}

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

  .mainSlide.swiper-container-horizontal > .swiper-pagination-bullets,
  .mainSlide .swiper-pagination-custom,
  .mainSlide .swiper-pagination-fraction {
    bottom: -30px;
  }
}

.mainSlide .swiper-pagination-bullet {
  background-color: #ffffff;
}

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

  .mainSlide .swiper-pagination-bullet {
    border: 1px solid #002339;
  }
}

.mainSlide .swiper-pagination-bullet-active {
  background: none;
  border: 1px solid #ffffff;
}

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

  .mainSlide .swiper-pagination-bullet-active {
    background-color: #002339;
    border: 1px solid #002339;
  }
}

/*.swiper-slide-active {
  z-index: 99;
}
*/



.is-animate .mvSection__headline .line ,
.is-animate .mvSection__headline .line02  {
  opacity: 1;

}


.is-animate .mvSection__headline .line .t,
.is-animate .mvSection__headline .line02 .t {
  -webkit-filter: blur(0);
  filter: blur(0);
  opacity: 1;
}

.inforArea {
  /* background-color: #eeeff1; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 0 60px;
}

.inforArea .holiday__txt {
  margin: 50px auto;
  text-align: center;
  font-size: 18px;
}

.inforArea__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px auto;
  max-width: 1200px;
  padding: 0 0 70px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.infoArea__ttl {
  font-family: 'Cinzel', serif;
  color: #eaca6b;
  text-align: center;
  line-height: 1;
  margin-bottom: 5px;
}
.infoArea__cont {
  font-size: 30px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.15em;
  margin-bottom: 40px;
}
.infoArea__cont .small {
  font-size: 43.3333%;
  display: inline-block;
}
.infoArea__cont .middle {
  font-size: 66.6667%;
}
.infoArea__cont .caption {
  letter-spacing: normal;
  margin-top: 15px;
  font-size: 12px;
}
.inforArea__inner .cvBtn {
  margin-left: auto;
  margin-right: auto;
  width: 410px;
  height: 60px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .inforArea {
    padding: 40px 0 50px;
  }
  .inforArea .holiday__txt {
    margin: 50px auto;
    font-size: 14px;
  }
  .inforArea__inner .cvBtn {
    width: 100%;
    margin-bottom: 20px;
  }
  .infoArea__cont {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

.infoArea__price{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1em;
  margin-bottom: 60px;
}

.infoArea__price .moreBtn {
  margin: 0 auto;
}

.price_txt{
  font-size: 20px;
  letter-spacing: 0.08em;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: 660px;
  max-width: 100%;

}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .price_txt{
      width: 720px;
  }
}

.price_txt:nth-child(n+2) {
  margin-bottom: 30px;
}

.price_txt:nth-child(n+3) {
}

.price_txt:nth-child(2){
  border-top : 1px solid #4d6575;
  padding-top:  30px;
  margin-top: 8px;
}
  .price_txt:nth-child(5){
     border-top : none;
  border-bottom : 1px solid #4d6575;
}
  .price_txt:nth-child(5) span.option{
  bottom: 4em;
}

.price_caption.caption {
  width: 100%;
  margin: -10px auto 30px;
  text-align: center;
  font-size: 12px;
}

.price_txt span.small{
  font-size: 75%;
  line-height: 1.5em;
}

.price_txt span.ldk{
  font-size: 160%;
}

.price_txt span.ldk .num{
  font-size: 143.75%;
}

.price_txt > span.num{
  font-size: 290%;
  color: #eaca6b;
}

.price_txt span.option {
  font-size: 65%;
  position: absolute;
  bottom: 24px;
  right: 4%;
  letter-spacing: 0;
}

.price_txt:nth-child(2) span.option{
  right: 8%;
}

.price_txt:nth-child(3) span.option {
  right: 6%;
}

@media (max-width: 768px) {
  .infoArea__price{
    display: block;
    text-align: center;
    margin: calc(52/750*100vw) auto calc(80/750*100vw);
  }


  .price_txt{
    font-size: calc(31/750*100vw);
    line-height: 2.7em;
    padding-bottom: 0;
    margin-top: 0;
  }

  .price_txt:nth-child(n+2) {
    margin-bottom: calc(42/750*100vw);
  }

  .price_txt span.option {
    top: auto;
    bottom: 2em;
  }

  .price_txt:nth-child(n+2){
    border-top : 1px solid #4d6575;
    padding-top:  20px;
        margin-top: 0;
    border-bottom: none;
          }

  .price_txt:nth-child(4) span.option{
    right: 5%;
  }
  .price_caption.caption {
    font-size: 10px;
    text-align: left;
    margin-top: calc(-42/750*100vw);
    margin-bottom: calc(42/750*100vw);
  }

}

.accordionArea {
  width: 980px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .accordionArea {
    width: 100%;
  }
}

.accordionAreaBtn {
  /* text-align: center; */
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  letter-spacing: 0.14em;
  line-height: 1;
  /* padding-bottom: 20px; */
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
  position: relative;
  cursor: pointer;
  color: #fff;
}
.accordionAreaBtn span {
  border-bottom: 1px solid #94720f;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .accordionAreaBtn {
    letter-spacing: 0.04em;
  } /* IE11 */
}

@media (max-width: 768px) {
  .accordionAreaBtn {
    width: 100%;
    font-size: 14px;
    padding-right: 30px;
    box-sizing: border-box;
    line-height: 1.5;
  }
  .accordionAreaBtn span {
    display: block;
    border-bottom: 1px solid #94720f;
  }
}

.accordionAreaBtn .icon {
  width: 23px;
  height: 23px;
  position: absolute;
  top: -4px;
  right: 0;
  border: 1px solid #94720f;
}

@media (max-width: 768px) {
  .accordionAreaBtn .icon {
    width: 15px;
    height: 15px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.accordionAreaBtn .icon::before {
  content: '';
  width: 100%;

  height: 1px;
  background: #fff;
  position: absolute;
  top: 48%;
  left: 0;
}

@media (max-width: 768px) {
  .accordionAreaBtn .icon::before {
    top: calc(50% - 1px);
  }
}

.accordionAreaBtn .icon::after {
  content: '';
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

@media (max-width: 768px) {
  .accordionAreaBtn .icon::after {
    left: calc(50% - 1px);
  }
}

/* .accordionAreaBtn::after {
  content: '';
  width: 50px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  -webkit-transition: .5s ease-out;
  transition: .5s ease-out;
}

@media (max-width: 768px) {
  .accordionAreaBtn::after {
    width: 30px;
  }
} */

@media (min-width: 769px) {
  .accordionAreaBtn:hover::after, .accordionAreaBtn.js-active::after {
    width: 100%;
  }
}

.accordionAreaBtn.js-active::after {
  width: 100%;
}

.accordionAreaBtn.js-active .icon::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordionAreaCont {
  padding: 65px 0;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.8); */
  display: none;
}

@media (max-width: 768px) {
  .accordionAreaCont {
    padding: 30px 0;
  }
}

.bnrArea {
  max-width: 787px;
  margin: 70px auto 0;
}

.bnrArea__item {
  text-align: center;
}

@media only screen and (max-width:736px) {
  .inforArea {
    padding-bottom: 30px;
  }

  .inforArea__inner {
    padding: 0 calc(60vw / 750 * 100)
      calc(80vw / 750 * 100);
  }
}

.infoBnr {
  display: block;
  width: 100%;
  max-width: 788px;
  margin: 0 auto 60px 0;
  color: #000;
  border: 1px solid #c5c5c5;
  box-sizing: border-box;
  padding: 40px 0 20px 20px;
  position: relative;
  z-index: 1;
  transition: .4s;
  overflow: hidden;
  position: relative;
}

.infoBnr .caption{
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
}

.infoBnr::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(../imgs/bnr-info.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: .6s;
  transform-origin: left center;
}

.infoBnr::after {
  content: '';
  width: 44px;
  height: 44px;
  position: absolute;
  background-image: url(../imgs/icn-link.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: -1;
  transition: .6s;
}

.infoBnr:hover::before {
  transform: scale(1.1) translate(-50%, -50%);
  opacity: .7;
}

.infoBnr:hover::after {
  transform: translate(40%,-50%);
}

.infoBnr__ttl{
  font-size: 26px;
}

.infoBnr__ttl .large {
  font-size: 123.076923%;
}

.infoBnr__ttl .large .num {
  font-size: 156.25%;
  color: #9e2a45;
  font-family:  'Amiri', 'YakuhanMP',"游明朝", "Yu Mincho", "游明朝体", "YuMincho",  "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.infoBnr__txt {
  font-size: 20px;
  display: inline-block;
  border-top: 1px solid #000;
  padding-top: 15px;
}

@media only screen and (max-width:736px) {
  .infoBnr {
    margin: 0 auto 40px;
    padding: calc(60/750*100vw) 0 calc(20/750*100vw) calc(20/750*100vw);
  }


  .infoBnr::after {
    width: calc(44/750*100vw);
    height: calc(44/750*100vw);
    right: calc(30/750*100vw);
  }

  .infoBnr__ttl{
    font-size: calc(28/750*100vw);
  }

  .infoBnr__txt {
    font-size: calc(24/750*100vw);
    padding-top: calc(24/750*100vw);
  }
}

.priceUSP {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 20px;
  padding-bottom: 35px;
  text-align: center;
  background-color: #002339;
  box-sizing: border-box;
}

.priceUSP__inner{
  width: 100%;
  margin: 0 auto;
  max-width: 920px;
  position: relative;
}

.priceUSP__inner .caption{
  position: absolute;
  letter-spacing: 0;
  bottom: 8px;
  right: -150px;
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
}
.priceUSP::before {

}
@media only screen and (max-width:736px) {
  .priceUSP {
    padding: 50px 20px 50px;
    position: relative;
    top: -1px;
    z-index: 1;
  }
  .priceUSP__inner .caption{
    right: 0;
    bottom: -30px;
  }
  .priceUSP::before {
  }
}
.uspTop{
  width: 100%;
  margin: 0px auto 50px 0;
  max-width: 790px;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid #b28e38;
  border-bottom: 1px solid #d8c072;
  position: relative;
  padding: 1px 2px;
}

.uspTop::before,
.uspTop::after{
  content: "";
  display: block;
  background: linear-gradient(to top, #d8c072 0%, #b28e38 100%);
  position: absolute;
  width: 1px;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.uspTop::before{
  left: 0;
}

.uspTop::after{
  right: 0;
}

.uspTop__inner{
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  border-top: 1px solid #b28e38;
  border-bottom: 1px solid #d8c072;
  padding: 28px 40px;
}

.uspTop__inner::before,
.uspTop__inner::after{
  content: "";
  display: block;
  background: linear-gradient(to top, #d8c072 0%, #b28e38 100%);
  position: absolute;
  width: 1px;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.uspTop__inner::before{
  left: 0;
}

.uspTop__inner::after{
  right: 0;
}

.uspTop__txt{
  font-size: 26px;
  letter-spacing: 0.12em;
  font-weight: 600;
  line-height: 1.4em;
  white-space: nowrap;
}

.uspTop__txt:first-child{
  /* padding-bottom: 20px;
  margin-bottom: 20px; */
  /* border-bottom: 1px solid #c5c5c5; */
}

.uspTop__txt .large{
  font-size: 123%;
  letter-spacing: 0.04em;
}

.uspTop__txt .large.color-red{
  font-size: 146.15%;
  letter-spacing: 0em;
  padding-left: 5px;
}

.uspTop__txt .mid {
  font-size: 92.3%;
}

.uspTop__txt .num{
  font-size: 192.3%;
  letter-spacing: 0em;
}

.uspTop__txt .small {
  font-size: 53.84%;
  letter-spacing: 0;
  padding-left: 5px;
}

.uspTop__txt .subTxt {
  font-size: 61.53%;
  display: inline-block;
  text-align: left;
  padding-left: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
}

.uspTop__txt .color-red{
  color: #9e2a45;
}

@media only screen and (max-width:736px) {
  .uspTop{

  }

  .uspTop__inner{
    padding: calc(30vw / 750 * 100) calc(20vw / 750 * 100);
  }

  .uspTop::before,
  .uspTop::after{
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

  .uspTop__inner::before,
  .uspTop__inner::after{
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}


  .uspTop__txt{
    font-size: calc(28vw / 750 * 100);
    letter-spacing: 0.06em;
    line-height: 1.8em;
    text-align: center;
  }

  .uspTop__txt:first-child{
    /* padding-bottom: 10px;
    margin-bottom: 10px; */
  }

  .uspTop__txt .large{
    letter-spacing: 0em;
  }

  .uspTop__txt .small {
    padding-left: 0px;
  }

  .uspTop__txt .subTxt {
    margin-top: 5px;
    text-align: center;
    line-height: 1.8em;
  }

}



.uspList {
  align-items: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  -ms-flex-pack: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-font-smoothing: antialiased;
  justify-content: flex-start;
}

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

  .uspList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.uspList__item:not(:last-of-type) {
  margin-right: 30px;
}

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

  .uspList__item:not(:last-of-type) {
    margin-right: 5px;
  }
}

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

  .uspList--main .usp {
    font-size: calc(30vw / 750 * 100);
  }
}

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

  .uspList--main .usp .sta {
    font-size: calc(50vw / 750 * 100);
  }
}

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

  .uspList--main .usp .num {
    bottom: unset;
    font-size: calc(100vw / 750 * 100);
    top: 0;
  }
}

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

  .uspList--main .usp .line {
    bottom: calc(100% - 10px);
    font-size: calc(18vw / 750 * 100);
  }
}

.uspList--top {
  margin-bottom: 40px;
  padding-bottom: 40px;
  position: relative;
}

.uspList--top:after {
    background-color: #000000;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 30px;
}

@media only screen and (max-width:736px) {
  .uspList--top {
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 85%;
}

}

.uspList--sub {
  margin-top: 40px;
  position: relative;
  max-width: 791px;
}

.uspList--sub .caption{
  position: absolute;
  right: 0;
  bottom: 30px;
}

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

  .uspList--sub {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(40vw / 750 * 100);
  }

  .uspList--sub .caption{
    position: absolute;
    right: 0;
    bottom: -5px;
  }
}

.schoolInfo {
  background-color: #002339;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  height: 100%;
  padding: 50px 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  z-index: 1;
}

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

  .schoolInfo {
    margin: calc(80vw / 750 * 100) calc(50% - 50vw) 0;
    padding: calc(40vw / 750 * 100) calc(60vw / 750 * 100);
    position: static;
    width: 100vw;
  }
}

.schoolInfo__title {
  font-size: 18px;
  letter-spacing: .1em;
  line-height: calc(40 / 18);
  margin-top: 30px;
}

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

  .schoolInfo__title {
    font-size: calc(22vw / 750 * 100);
    margin-top: calc(20vw / 750 * 100);
  }
}

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

  .schoolGallery {
    align-items: flex-start;
    -webkit-box-align: start;
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
}

@media only screen and (min-width:736px) {

  .schoolGallery .photo:not(:last-of-type) {
    margin-bottom: 30px;
  }
}

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

  .schoolGallery .photo {
    width: calc(300vw / 750 * 100);
  }
}

.schoolDetail {
  position: relative;
}

.schoolDetail:not(:last-of-type) {
  margin-bottom: 20px;
}

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

  .schoolDetail:not(:last-of-type) {
    margin-bottom: calc(5vw / 750 * 100);
  }
}

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

  .schoolDetail {
    align-items: flex-end;
    -webkit-box-align: end;
    -webkit-box-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.schoolDetail__term {
  font-size: 26px;
  letter-spacing: .008em;
  line-height: calc(45 / 26);
}

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

  .schoolDetail__term {
    font-size: calc(38vw / 750 * 100);
    line-height: calc(50 / 38);
  }
}

.schoolDetail__desc {
  font-size: 12px;
  letter-spacing: .008em;
  line-height: calc(22 / 12);
}

@media only screen and (min-width:736px) {

  .schoolDetail__desc {
    left: 6px;
    position: absolute;
    top: calc(100% - 5px);
  }
}

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

  .schoolDetail__desc {
    font-size: calc(18vw / 750 * 100);
    margin-left: calc(10vw / 750 * 100);
  }
}

.infoCatch {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 42px;
  padding-top: 34px;
  position: relative;
}

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

  .infoCatch {
    margin-top: calc(20vw / 750 * 100);
    padding-top: calc(30vw / 750 * 100);
  }
}

.infoCatch:before {
  background-color: #000000;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}

.infoCatch__lead {
  font-size: 30px;
  letter-spacing: .12em;
  line-height: calc(32 / 30);
  position: relative;
}

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

  .infoCatch__lead {
    font-size: calc(36vw / 750 * 100);
    letter-spacing: .08em;
  }
}

.infoCatch__lead .num {
  color: #002339;
  font-size: 42px;
  letter-spacing: .12em;
  line-height: calc(32 / 42);
}

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

  .infoCatch__lead .num {
    font-size: calc(50vw / 750 * 100);
  }
}

.infoCatch__lead sup {
  color: #666666;
  font-size: 10px;
  text-indent: -.1em;
  vertical-align: top;
}

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

  .infoCatch__lead sup {
    bottom: 100%;
    position: absolute;
    right: 0;
  }
}

.information {
  max-width: 784px;
  margin-top: 78px;
  /* padding-left: 110px; */
  position: relative;
}

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

  .information {
    margin-top: 0;
    padding-left: 0;
    padding-top: calc(45vw / 750 * 100);
  }
}

.information__title {
  color: #000000;
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  /* top: 25px;
  left: 0;
  position: absolute; */
}

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

  .information__title {
    font-size: 16px;
    position: static;
  }
}

.information__inner {
  background-color: #fff;
  padding: 2em 3em;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width:736px) {
  .information__inner {
    padding: 1em 2em;
    margin-bottom: 30px;

  }
}



.information__headline {
  color: #9e2a45;
  display: inline-block;
  font-size: 32px;
  letter-spacing: .15em;
  font-weight: 600;
}
.information__headline .num {
  font-family: 'Crimson Text', serif;
  font-size: 1.37em;
  letter-spacing: .08em;
}
.information__headline .small {
  font-size: .62em;
}

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

  .information__headline {
    font-size: 19px;
    margin-top: 20px;
    letter-spacing: .05em;
  }
  .information__headline .num {
    font-size: 1.31em;
  }
  .information__headline .small {
    font-size: .68em;
  }
}

.information__subhead {
  font-size: 20px;
  letter-spacing: .15em;
  line-height: 1.2em;
  margin-top: 15px;
}

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

  .information__subhead {
    font-size: calc(30vw / 750 * 100);
    margin-top: calc(20vw / 750 * 100);
  }
}

.information__lead {
  margin-top: 10px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1em;
}
.information__lead:after {
  position: absolute;
  content: "";
	width: calc(494/674 * 100%);
	height: 1px;
	background: #c5c5c5;
	position: absolute;
	top: 50%;
	right: 0;
}
@media only screen and (max-width: 736px) {
  .information__lead {
    margin-top: 20px;
    font-size: 14px;
  }
  .information__lead:after {
    width: calc(343/630 * 100%);
  }
}
.information__table {
  max-width: 674px;
}
.information__table li:first-child {
  padding-top: 15px;
}
.information__table li:last-child {
  padding-bottom: 15px;
}
.information__table li {
  padding-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
}
.information__table p {
  font-size: 14px;
  letter-spacing: .1em;
}
.information__table p .small {
  font-size: .85em;
}
.information__table p .small .num {
  font-size: 1.41em;
  font-family: 'Crimson Text', serif;
}
.information__table p .middle {
  font-size: 1.21em;
  font-family: 'Crimson Text', serif;
}
.information__table p .large {
  font-size: 1.57em;
  font-family: 'Crimson Text', serif;
}
.information__table p:first-child {
  width: calc(124 / 674 * 100%);
}
.information__table p:nth-child(2) {
  width: calc(550 / 674 * 100%);
}
@media only screen and (max-width: 736px) {
  .information__table li:first-child {
    padding-top: 10px;
  }
  .information__table li:last-child {
    padding-bottom: 10px;
  }
  .information__table li {
    padding-top: 10px;
    flex-direction: column;
  }
  .information__table p {
    font-size: 12px;
    letter-spacing: .1em;
  }
  .information__table p:first-child {
    width: 100%;
  }
  .information__table p:nth-child(2) {
    width: 100%;
  }
}

.information__line {
  width: 100%;
  height: 1px;
  background: #c5c5c5;
  margin: 30px auto 20px;
}
@media only screen and (max-width: 736px) {
  .information__line {
    margin: 20px auto 30px;
  }
}

.information__text {
  font-size: 20px;
  letter-spacing: .15em;
  line-height: 1.6;
  margin-top: 30px;
  margin-bottom: 10px;
}

.information__text .large{
  font-size: 1.5em;
}

.information__text .small{
  font-size: .7em;
}

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

  .information__text {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}


.information .cvBtn {
  height: 60px;
  margin-top: 25px;
  width: 410px;
}

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

  .information .cvBtn {
    height: calc(90vw / 750 * 100);
    margin-top: calc(45vw / 750 * 100);
    width: 100%;
  }
}

.information .cvBtn--request .cvBtn__link {
  background-color: #002339;
  border: 1px solid #002339;
}

@media only screen and (min-width:736px) {

  .information .cvBtn--request:hover .cvBtn__link {
    background-color: #ffffff;
    color: #002339;
  }

  .information .cvBtn--request:hover .cvBtn__link .arrowSVG {
    -webkit-transform: translate(30%, -50%);
    -ms-transform: translate(30%, -50%);
    transform: translate(30%, -50%);
  }

  .information .cvBtn--request:hover .cvBtn__link .arrowSVG path {
    stroke: #002339;
  }
}
.covid_wrap {
  margin: 0 auto;
}
.covid {
  border: 2px solid #181878;
  padding: 50px 50px 30px;
  box-sizing: border-box;
  max-width: 1200px;
  width: 100%;
  margin: 40px auto 0;
  position: relative;
  background: #fff;
  display: flex;
  justify-content: space-between;
}
.covid::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #181878;
  pointer-events: none;
}
.covid__txtBox {
  text-align: center;
  padding: 45px 0 40px;
  box-sizing: border-box;
  width: calc(407 / 1100 * 100%);
}
.covid__txtLead {
  margin-top: 40px;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .16em;
}
.covid__iconBox {
  width: calc(645 / 1100 * 100%);
}
.covid__iconList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.covid__iconItem {
  width: calc(153 / 642 * 100%);
}
.covid__iconItem:nth-child(n+5) {
  margin-top: 10px;
}
.covid__iconBox .cap {
  text-align: right;
  font-size: 12px;
}

@media only screen and (max-width: 735px) {
  .covid_wrap {
    padding: 0 calc(60vw / 750 * 100) calc(80vw / 750 * 100);
  }
  .covid {
    flex-direction: column;
    margin-top: 20px;
    padding: 30px 20px 25px;
  }
  .covid__txtBox {
    padding: 0;
    width: 100%;
  }
  .covid__txtLead {
    margin-top: 20px;
    font-size: 11px;
    letter-spacing: .04em;
  }
  .covid__iconBox {
    position: relative;
    width: 100%;
  }
  .covid__iconList {
    margin-top: 20px;
    justify-content: flex-start;
  }
  .covid__iconItem {
    width: 31.49%;
    margin-right: 2.76%;
  }
  .covid__iconItem:nth-child(3n) {
    margin-right: 0;
  }
  .covid__iconItem:nth-child(n+5) {
    margin-top: 0;
  }
  .covid__iconItem:nth-child(n+4) {
    margin-top: 2.9%;
  }
  .covid__iconBox .cap {
    position: absolute;
    font-size: 10px;
    letter-spacing: .1em;
    left: 68.5%;
    bottom: 0;
  }
}

.conceptArea {
  align-items: flex-end;
  /* background-color: #ffffff; */
  -webkit-box-align: end;
  -webkit-box-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  overflow: hidden;
  padding: 47px 0 0;
  position: relative;
  z-index: 1;
}

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

  .conceptArea {
    display: block;
    padding-bottom: calc(900vw / 750 * 100);
    padding-top: calc(60vw / 750 * 100);
  }
}

.conceptArea:after {
  background: url('../imgs/bg-concept.jpg') no-repeat right bottom;
  background-size: cover;
  content: '';
  height: calc(1035vw / 1440 * 100);
  width: calc(889vw / 1440 * 100);
  z-index: -1;
}

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

  .conceptArea:after {
    height: 863px;
    width: 788px;
  }
}

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

  .conceptArea:after {
    background: url('../imgs/sp/bg-concept.jpg') no-repeat right bottom;
    background-size: cover;
    bottom: 0;
    height: calc(1218vw / 750 * 100);
    left: 0;
    position: absolute;
    width: 100vw;
  }
}

.conceptArea__caption {
  bottom: 5px;
  position: absolute;
  right: 5px;
}


.conceptArea__caption--illust {
  bottom: calc(525% / 1024 * 100);
  right: calc(505% / 949 * 100);
}

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

  .conceptArea__caption--illust {
    display: none;
  }
}

.conceptualMap {
  position: relative;
}

@media only screen and (min-width:736px) {

  .conceptualMap {
    display: none;
  }
}

.conceptualMap__caption {
  bottom: 0;
  position: absolute;
  right: calc(30vw / 750 * 100);
}

.conceptSection {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  max-width: 1280px;
  padding: 0 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  width: 100%;
}

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

  .conceptSection {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

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

  .conceptSection {
    margin-top: calc(90vw / 750 * 100);
    padding: 0 calc(60vw / 750 * 100);
    position: static;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.conceptSection__headline .jp {
  display: block;
  font-size: 48px;
  letter-spacing: .15em;
  line-height: calc(60 / 48);
}

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

  .conceptSection__headline .jp {
    font-size: calc(70vw / 750 * 100);
    letter-spacing: .06em;
  }
}

.conceptSection__headline .en {
  display: block;
  font-family: 'GFS Didot', serif;
  font-size: 28px;
  letter-spacing: .01em;
  line-height: calc(74 / 70);
  margin-top: 20px;
}

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

  .conceptSection__headline .en {
    font-size: calc(48vw / 750 * 100);
    letter-spacing: -.04em;
    line-height: 1;
    margin-top: calc(10vw / 750 * 100);
  }
}

.conceptSection__text {
  font-size: 16px;
  letter-spacing: .15em;
  line-height: calc(32 / 16);
  margin-top: 50px;
}

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

  .conceptSection__text {
    font-size: calc(24vw / 750 * 100);
    letter-spacing: .11em;
    line-height: calc(44 / 24);
    margin-top: calc(50vw / 750 * 100);
  }
}

.contentsArea {
  padding: 120px 0;
}

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

  .contentsArea {
    padding: calc(60vw / 750 * 100) calc(60vw / 750 * 100)
      calc(100vw / 750 * 100);
  }
}

.moreBtn {
  border: 1px solid #878787;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: .4s;
}


.moreBtn .svgArrow {
  left: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.moreBtn .svgArrow__path {
  fill: none;
  fill-rule: evenodd;
  stroke: #ffffff;
  stroke-width: 1px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

@media only screen and (min-width:736px) {

  .moreBtn:hover {
    background: white;
    color: #282132;
  }

  .moreBtn:hover .svgArrow {
    -webkit-transform: translate(30%, -50%);
    -ms-transform: translate(30%, -50%);
    transform: translate(30%, -50%);
  }

  .moreBtn:hover .svgArrow__path {
    stroke: #878787;
  }
}

.contSection {
  align-items: center;
  -webkit-box-align: center;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-font-smoothing: antialiased;
  justify-content: center;
  padding: 0 60px;
}

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

  .contSection {
    padding: 0;
  }
}

.contVisual {
  position: relative;
  width: 780px;
}

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

  .contVisual {
    width: calc(780vw / 1440 * 100);
  }
}

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

  .contVisual {
    width: 100%;
  }
}

.contVisual .photo {
  display: inline-block;
  position: relative;
  width: 100%;
}

.contVisual .photo__inner {
  overflow: hidden;
}

.contVisual .photo__inner:before {
  background-color: #000000;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transition: 1.8s cubic-bezier(0, .55, .45, 1);
  -o-transition: 1.8s cubic-bezier(0, .55, .45, 1);
  transition: 1.8s cubic-bezier(0, .55, .45, 1);
  width: 100%;
  z-index: 1;
}

.contVisual .photo__image {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: 2.2s cubic-bezier(0, .55, .45, 1);
  -o-transition: 2.2s cubic-bezier(0, .55, .45, 1);
  transition: 2.2s cubic-bezier(0, .55, .45, 1);
}

.contVisual .photo__cap {
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 100%;
}

.contVisual.aos-animate .photo__image {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.contVisual.aos-animate .photo__inner:before {
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}

.detailSection {
  overflow: hidden;
  position: relative;
  width: 350px;
}

.detailSection--2ldk3ldk {
  overflow: visible;
}

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

  .detailSection {
    margin: calc(72vw / 750 * 100) auto 0;
    width: 100%;
  }
}

.detailSection__title {
  align-items: flex-start;
  -webkit-box-align: start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 40px;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

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

  .detailSection__title {
    font-size: calc(39vw / 750 * 100);
    height: auto;
    letter-spacing: .2em;
    line-height: calc(69 / 39);
    padding-bottom: calc(40vw / 750 * 100);
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }
}

.detailSection__title .en {
  font-family: 'Playfair Display', serif;
  font-size: 86px;
  letter-spacing: -.02em;
  line-height: 1;
}

.detailSection__title--nanoni .en {
  font-size: 64px;
  line-height: 1em;
  display: inline-block;
}

.detailSection__title--nanoni .en .num{
  line-height: 1em;
  display: inline-block;
  vertical-align: bottom;
  font-family: 'YakuhanMP',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.detailSection__title--2ldk3ldk .en {
  font-size: 64px;
  letter-spacing: -0.04em;
  line-height: 1em;
  display: inline-block;
}

.detailSection__title--2ldk3ldk .en .num{
  line-height: 1em;
  display: inline-block;
  vertical-align: bottom;
  font-family: 'YakuhanMP',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.ie .detailSection__title--nanoni .en .num,
.ie .detailSection__title--2ldk3ldk .en .num{
  vertical-align: text-bottom;
  line-height: 0.8em;
}

.detailSection__title--2ldk3ldk .jp .border{
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #fff;
  padding: 0px 15px;
  margin-right: 15px;
  line-height: 1.4em;
}

.ie .detailSection__title--2ldk3ldk .jp .border {
  padding-top: 8px;
}
.detailSection__title.detailSection__title--long .en {
  font-size: 80px;
  letter-spacing: -0.08em;
}

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

  .detailSection__title .en {
    font-size: calc(150vw / 750 * 100);
    text-indent: -.02em;
  }

  .detailSection__title--nanoni .en {
    font-size: calc(100vw / 750 * 100);
    margin-bottom: calc(10vw / 750 * 100);
  }

  .detailSection__title--2ldk3ldk .en {
    font-size: calc(100vw / 750 * 100);
  }

  .detailSection__title--2ldk3ldk .jp .border{
    margin-right: calc(30vw / 750 * 100);
  }

  .detailSection__title.detailSection__title--long .en {
    font-size: calc(140vw / 750 * 100);
  }
}

.detailSection__title .jp {
  display: block;
  font-size: 22px;
  letter-spacing: .05em;
  line-height: calc(36 / 22);
  margin-top: 8px;
}

.detailSection__title--2ldk3ldk .jp{
  font-size: 21px;
  letter-spacing: 0;
}

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

  .detailSection__title .jp {
    font-size: calc(40vw / 750 * 100);
    margin-top: calc(-40vw / 750 * 100);
  }
  .detailSection__title--2ldk3ldk .jp{
    font-size: calc(36vw / 750 * 100);
    letter-spacing: 0;
  }
}

.detailSection__title .jp .logoTitle {
  margin-top: 10px;
}
@media only screen and (max-width:736px) {
  .detailSection__title .jp .logoTitle {
    margin-top: -10px;
  }
}

.detailSection__headline {
  font-size: 24px;
  letter-spacing: .08em;
  line-height: calc(36 / 24);
  margin-top: 45px;
  text-align: justify;
}

.detailSection__headline--2ldk3ldk {
  letter-spacing: 0;
}

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

  .detailSection__headline {
    font-size: calc(32vw / 750 * 100);
    margin-top: calc(50vw / 750 * 100);
  }
}

.detailSection__text {
  font-size: 14px;
  letter-spacing: .08em;
  line-height: calc(28 / 14);
  margin-top: 17px;
  text-align: justify;
}

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

  .detailSection__text {
    font-size: calc(24vw / 750 * 100);
    line-height: calc(42 / 24);
    margin-top: calc(30vw / 750 * 100);
  }
}

.detailSection .moreBtn {
  height: 50px;
  margin-top: 55px;
  width: 250px;
}

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

  .detailSection .moreBtn {
    height: calc(90vw / 750 * 100);
    margin-top: calc(75vw / 750 * 100);
    width: calc(450vw / 750 * 100);
  }
}

.contGroup .contentsArea:nth-of-type(odd) {
  /* background-color: #002339; */
}

.contGroup .contentsArea:nth-of-type(odd) .contVisual .photo__inner:before {
  /* background-color: #002339; */
}

.contGroup .contentsArea:nth-of-type(odd) .detailSection {
  color: #ffffff;
  margin-right: 80px;
}

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

  .contGroup .contentsArea:nth-of-type(odd) .detailSection {
    margin-right: calc(80vw / 1440 * 100);
  }
}

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

  .contGroup .contentsArea:nth-of-type(odd) .detailSection {
    margin-right: 0;
  }
}

.contGroup .contentsArea:nth-of-type(odd) .detailSection__title {
  border-bottom: 1px solid #ffffff;
}

.contGroup .contentsArea:nth-of-type(odd) .detailSection__title .en {
  color: #1d4660;
}

.contGroup .contentsArea:nth-of-type(odd) .detailSection__title .jp {
  color: #ffffff;
}

.contGroup .contentsArea:nth-of-type(odd) .moreBtn {
  border: 1px solid #878787;
}

.contGroup .contentsArea:nth-of-type(odd) .moreBtn__link {
  color: #ffffff;
}

.contGroup .contentsArea:nth-of-type(odd) .moreBtn .svgArrow__path {
  stroke: #ffffff;
}

@media only screen and (min-width:736px) {

  .contGroup .contentsArea:nth-of-type(odd) .moreBtn:hover .moreBtn__link {
    background: white;
    color: #282132;
  }

  .contGroup .contentsArea:nth-of-type(odd) .moreBtn:hover .svgArrow__path {
    stroke: #878787;
  }
}

.contGroup .contentsArea:nth-of-type(even) {
  /* background-color: #969694; */
}

.contGroup .contentsArea:nth-of-type(even) .contSection {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.contGroup .contentsArea:nth-of-type(even) .contVisual .photo__inner:before {
  background-color: #969694;
}

.contGroup .contentsArea:nth-of-type(even) .detailSection {
  color: #002339;
  margin-left: 80px;
}

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

  .contGroup .contentsArea:nth-of-type(even) .detailSection {
    margin-left: calc(80vw / 1440 * 100);
  }
}

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

  .contGroup .contentsArea:nth-of-type(even) .detailSection {
    margin-left: 0;
  }
}

.contGroup .contentsArea:nth-of-type(even) .detailSection__title {
  border-bottom: 1px solid #002339;
}

.contGroup .contentsArea:nth-of-type(even) .detailSection__title .en {
  color: #cfcfcf;
}

.contGroup .contentsArea:nth-of-type(even) .detailSection__title .jp {
  color: #002339;
}

.contGroup .contentsArea:nth-of-type(even) .detailSection__title .jp {

}

.contGroup .contentsArea:nth-of-type(even) .moreBtn {
  border: 1px solid #20325b;
}

.contGroup .contentsArea:nth-of-type(even) .moreBtn__link {
  color: #20325b;
}

.contGroup .contentsArea:nth-of-type(even) .moreBtn .svgArrow__path {
  stroke: #20325b;
}

@media only screen and (min-width:736px) {

  .contGroup .contentsArea:nth-of-type(even) .moreBtn:hover .moreBtn__link {
    background: #20325b;
    color: #ffffff;
  }

  .contGroup .contentsArea:nth-of-type(even) .moreBtn:hover .svgArrow__path {
    stroke: #ffffff;
  }
}

#container {
  background: url(../img/top/bg_contents.gif) repeat top center;
}


.positionArea {
  margin-top: 110px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .positionArea {
    margin-top: 0;
    padding: 0;
  }
}
.positionAreaInner {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.contentBox .hoverDetectionArea {
  display: block;
  color: #fff;
  text-align:center;
}
.contentBox .hoverDetectionArea .imgBox span,
.flexBox .hoverDetectionArea .imgBox span {
  display: block;
  overflow: hidden;
}
.contentBox .hoverDetectionArea .imgBox span img,
.flexBox .hoverDetectionArea .imgBox span img {
  transition: .5s ease-in-out;
}
.contentBox .hoverDetectionArea:hover .imgBox span img,
.flexBox .hoverDetectionArea:hover .imgBox span img {
  transform: scale(1.1);
}
.contentBox .hoverDetectionArea .moreBtn:hover,
.flexBox .hoverDetectionArea .moreBtn:hover{
  background-color: #94720f;
  color: #fff;
}
@media (max-width: 768px) {
  .contentBox .moreBtn,
  .flexBox .moreBtn {
    background-color: #94720f;
  }

  .contentBox .hoverDetectionArea:hover .moreBtn,
  .flexBox .hoverDetectionArea:hover .moreBtn{
    background-color: #94720f;
  }
}
.contentBox .hoverDetectionArea > span,
.flexBox .hoverDetectionArea > span {
  display: block;
}
.ldkArea {
  padding: 110px 20px;
  background: #111111;
}

.meguroArea {
  padding: 110px 20px;
  background: #111111;
}
@media (max-width: 768px) {
  .ldkArea {
    padding: 45px 0px;
    background: #111111;
  }
}

@media (max-width: 768px) {
  .meguroArea {
    padding: 45px 0px;
    background: #111111;
  }
}

.ldkAreaInner {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.meguroAreaInner {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.designArea {
  background: #111111;
}
@media (max-width: 768px) {
  .designArea {
    margin-top: 45px;
  }
}
.designAreaInner {
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.designAreaInner .hoverDetectionArea {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: center;
  color: #fff;
}
@media (max-width: 768px) {
  .designAreaInner .hoverDetectionArea {
    display: block;
  }
}
.designAreaInner .hoverDetectionArea > span > span {
  display: block;
}
.designAreaInner .imgBox {
  width: 59.7222%;
  position: relative;
}
@media (max-width: 768px) {
  .designAreaInner .imgBox {
    width: 100%;
  }
}
.designAreaInner .imgBox .cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
@media (max-width: 768px) {
  .designAreaInner .imgBox .cap {
    position: static;
  }
}
.designAreaInner .textBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: calc(100vw * 120 / 1440);
}
@media only screen and (max-width: 1440px) {
  .designAreaInner .textBlock {
    padding-left: 120px;
  }
}
@media (max-width: 768px) {
  .designAreaInner .textBlock {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
.designAreaInner .ttlBox {
  margin-top: 0;
}
.designAreaInner .textBlock {
  width: 40.2778%;
}
.designAreaInner .textBlock .moreBtn {
	margin:40px auto;
}
@media (max-width: 768px) {
  .designAreaInner .textBlock {
    width: 100%;
    text-align: center;
    padding: 30px 0 45px;
  }
  .designAreaInner .textBlock .moreBtn {
    margin-left: auto;
  }
}

.publicArea {
  margin-top: 0px;
}
.publicAreaInner {
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.publicAreaInner .hoverDetectionArea {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
@media (max-width: 768px) {
  .publicAreaInner .hoverDetectionArea {
    display: block;
  }
}
.publicAreaInner .hoverDetectionArea > span > span {
  display: block;
}
.publicAreaInner .imgBox {
  width: 59.7222%;
  position: relative;
}
@media (max-width: 768px) {
  .publicAreaInner .imgBox {
    width: 100%;
  }
}
.publicAreaInner .imgBox .cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
@media (max-width: 768px) {
  .publicAreaInner .imgBox .cap {
    position: static;
  }
}
.publicAreaInner .textBlock {
  display: flex;
    justify-content: center;
  flex-direction: column;
  padding-left: calc(100vw * 120 / 1440);
}
@media only screen and (max-width: 1440px) {
  .publicAreaInner .textBlock {
    padding-left: 120px;
  }
}
@media (max-width: 768px) {
  .publicAreaInner .textBlock {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
.publicAreaInner .ttlBox {
  margin-top: 0;
}
.publicAreaInner .textBlock {
  width: 40.2778%;
}
.publicAreaInner .textBlock .moreBtn {
	margin:40px auto;
}
@media (max-width: 768px) {
  .publicAreaInner .textBlock {
    width: 100%;
    text-align: center;
    padding: 30px 0 45px;
  }
  .publicAreaInner .textBlock .moreBtn {
    margin-left: auto;
  }
}

.clmArea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #21475f;
}
.clmArea > div {
  width: 50%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.clmArea > div:nth-child(even)::after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #21475f;
}
@media (max-width: 768px) {
  .clmArea > div {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  .clmArea > div:nth-child(even)::after {
    content: none;
  }
}
.clmArea > div .hoverDetectionArea {
  display: block;
  color: #fff;
  padding-bottom: 64px;
}
@media (max-width: 768px) {
  .clmArea > div .hoverDetectionArea {
    padding-bottom: 40px;
  }
}
.clmArea > div span {
  display: block;
}
.clmArea .imgBox {
  position: relative;
}
.clmArea .imgBox::after {
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #d4c33e;
  border-bottom: 1px solid #aa892a;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 768px) {
    .clmArea .imgBox::after {
      bottom:  inherit;
      top:  0;
    }
  }

.clmArea .imgBox .cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.clmArea .moreBtn {
  margin-top: 40px;
}

.imgBox .cap {
  text-align: right;
  font-size: 10px;
  color: #fff;
}
.imgBox .cap.bk {
  color: #000;
}
.ttlBox {
  margin-top: 40px;
}
.ttlBox--en {
  color: #eaca6b;
  font-size: 40px;
  letter-spacing: 0.05em;
  font-family: 'Cinzel', serif;
  display: block;
  line-height: .6;
}
.ttlBox--ja {
  font-size: 11px;
  letter-spacing: 0.15em;
  color: #b5b5b5;
  display: block;
  line-height: 1;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .ttlBox--en {
    font-size: 30px;
  }
  .ttlBox--ja {
    font-size: 10px;
    margin-top: 15px;
  }
}
.textBox {
  margin-top: 40px;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .textBox {
    margin-top: 20px;
    font-size: 18px;
  }
}
.textBox .large {
  font-size: 141.6667%;
}
.textBox .num {
  font-size: 225%;
  color: #eaca6b;
  display: inline-block;
  line-height: 0.6;
}
.textBox sup{
  font-size: 10px;
  vertical-align: text-top;
}
.smallTxt {
  font-size: 14px;
  letter-spacing: 0.1em;
  margin-top: 30px;
}
.smallTxt.nanoni {
  margin-top: 15px;
}
@media (max-width: 768px) {
  .smallTxt {
    font-size: 12px;
    margin-top: 20px;
  }
}
.moreBtn {
  display: block;
  color: #fff;
  font-size: 12px;
  width: 150px;
  line-height: 1;
  padding: 10px 0;
  border: none;
  border: 1px solid #94720f;
  text-align: center;
  margin: 54px auto 0;
}
@media (max-width: 768px) {
  .moreBtn {
    margin: 25px auto 0;
  }
}
.moreBtn::before {
  content: '';
  width: 6px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  background: url(../imgs/more_btn_arrow.png) no-repeat center;
  background-size: cover;
}


.openingAnime {
  position: fixed;
  z-index: 100000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid #b99b3d;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(17,17,17);
  background: -moz-linear-gradient(top,  rgba(17,17,17,1) 0%, rgba(41,41,41,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(17,17,17,1) 0%,rgba(41,41,41,1) 100%);
  background: linear-gradient(to bottom,  rgba(17,17,17,1) 0%,rgba(41,41,41,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#292929',GradientType=0 );
}
@media (max-width: 768px) {
  .openingAnime {
    padding: 40px;
    box-sizing: border-box;
  }
}

	img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}


.photo {
  display: inline-block;
  position: relative;
}

.photo__caption, .photo__cap {
  position: absolute;
}

.photo__caption {
  bottom: 5px;
  right: 5px;
}

.photo__cap {
  top: 100%;
  right: 0;
}