@charset "UTF-8";
.con_rooms .box_rooms, .con_cuisine .box_rooms, .con_hotspring .box_rooms, .con_fufutime .box_news, #js-modalInfo .box_modal { max-width: 1200px; margin: auto; }
@media only screen and (max-width: 1199px) { .con_rooms .box_rooms, .con_cuisine .box_rooms, .con_hotspring .box_rooms, .con_fufutime .box_news, #js-modalInfo .box_modal { width: 91.66667%; } }

.con_rooms .box_rooms:after, .con_cuisine .box_rooms:after, .con_hotspring .box_rooms:after, .con_fufutime .box_news > ul li:after, .con_access .container:after { content: ""; display: table; clear: both; }

#header { position: relative; }
#header .con_header { position: absolute; width: 100%; left: 0; top: 0; background: #FFF; }

@keyframes svg1 { 0% { fill: transparent; }
  30% { fill: #000; }
  100% { fill: #000; } }
@keyframes svg1_2 { 0% { fill: transparent; }
  20% { fill: transparent; }
  40% { fill: #000; }
  100% { fill: #000; } }
@keyframes svg0 { 0% { fill: transparent; }
  30% { fill: transparent; }
  50% { fill: #bc0c16; }
  100% { fill: #bc0c16; } }
@keyframes svg2 { 0% { fill: transparent; }
  50% { fill: transparent; }
  60% { fill: #000; }
  100% { fill: #000; } }
@keyframes svg3 { 0% { fill: transparent; }
  60% { fill: transparent; }
  70% { fill: #000; }
  100% { fill: #000; } }
#loader_after { width: 169px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; z-index: 1; }
#loader_after img { width: 100%; }
@media only screen and (max-width: 767px) { #loader_after { width: 40%; top: 38%; text-align: center; } }

.con_main { position: relative; overflow: hidden; width: 100%; }
.con_main .catch { position: absolute; font-size: 229%; font-weight: 400; top: 66%; left: 50%; transform: translate(-50%, -50%); color: #FFF; font-family: "Noto Serif SC", "宋体", "SimSun", SimSun, "Times New Roman", Times, Garamond, Georgia, serif; text-shadow: 2px 2px 5px rgba(94, 94, 94, 0.5), -2px 2px 5px rgba(94, 94, 94, 0.5), 2px -2px 5px rgba(94, 94, 94, 0.5), -2px -2px 5px rgba(94, 94, 94, 0.5); z-index: 1; letter-spacing: 0.2em; white-space: nowrap; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_main .catch { font-size: 186%; } }
@media only screen and (max-width: 767px) { .con_main .catch { font-size: 129%; } }
@media only screen and (max-width: 767px) { .con_main .catch { top: 55%; letter-spacing: normal; } }
.con_main .catch small { margin-top: 1em; display: block; letter-spacing: normal; font-size: 79%; }
.con_main .logo { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; z-index: 99; }
@media only screen and (max-width: 767px) { .con_main .logo { width: 35%; top: 38%; text-align: center; } }
.con_main .title_slider { position: absolute; font-size: 158%; font-weight: 400; bottom: 4em; left: 5.20833%; color: #FFF; z-index: 9; letter-spacing: 0.2em; line-height: 2.5; text-shadow: 2px 2px 5px rgba(94, 94, 94, 0.5), -2px 2px 5px rgba(94, 94, 94, 0.5), 2px -2px 5px rgba(94, 94, 94, 0.5), -2px -2px 5px rgba(94, 94, 94, 0.5); }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_main .title_slider { font-size: 129%; } }
@media only screen and (max-width: 767px) { .con_main .title_slider { font-size: 100%; width: 100%; bottom: inherit; top: 65%; left: 0; text-align: center; letter-spacing: 0.4em; margin-left: 0.4em; } }
.con_main .title_slider span { font-size: 73%; display: block; letter-spacing: 0.1em; }
.con_main .title_txt { position: absolute; font-size: 158%; font-weight: 400; font-family: "Gilda Display", serif; width: 100%; bottom: inherit; top: 65%; left: 0; text-align: center; color: #FFF; z-index: 9; letter-spacing: 0.2em; line-height: 2.5; text-shadow: 2px 2px 5px rgba(94, 94, 94, 0.5), -2px 2px 5px rgba(94, 94, 94, 0.5), 2px -2px 5px rgba(94, 94, 94, 0.5), -2px -2px 5px rgba(94, 94, 94, 0.5); }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_main .title_txt { font-size: 129%; } }
@media only screen and (max-width: 767px) { .con_main .title_txt { font-size: 100%; width: 100%; bottom: inherit; top: 60%; left: 0; text-align: center; letter-spacing: 0.4em; margin-left: 0.4em; } }
.con_main #mainslider { position: relative; width: 100%; z-index: 0; margin-bottom: 0 !important; }
.con_main #mainslider .slide { height: 90vh; width: 100%; outline: none; position: relative; background-size: cover; background-position: center; border: 20px solid #fff; }
@media only screen and (max-width: 767px) { .con_main #mainslider .slide { border-width: 10px; } }
.con_main #mainslider .slide.img_main01 { background-image: url("../../../files/images/home/img_main01-pc.webp"); }
@media only screen and (max-width: 767px) { .con_main #mainslider .slide.img_main01 { background-position: 57% center; } }
.con_main #mainslider .slide.img_main02 { background-image: url("../../../files/images/home/img_main02-pc.webp"); }
.con_main #mainslider .slide.img_main03 { background-image: url("../../../files/images/home/img_main03-pc.webp"); }
.con_main #mainslider .slide.img_main04 { background-image: url("../../../files/images/home/img_main04-pc.webp"); }
.con_main #mainslider .slide.img_main05 { background-image: url("../../../files/images/home/img_main05-pc.webp"); }
.con_main #mainslider .slick-dots { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 3%; bottom: 4em; left: 5.20833%; }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots { bottom: .5em; width: 100%; text-align: center; } }
.con_main #mainslider .slick-dots li { position: relative; width: 0.7em; height: 0; padding-top: 0.7em; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #FFF; }
.con_main #mainslider .slick-dots li:not(.slick-active) button { cursor: pointer; }
.mouse .con_main #mainslider .slick-dots li:not(.slick-active):hover, .touch .con_main #mainslider .slick-dots li:not(.slick-active).touchstart { background: #e3ad89; }
.touch .con_main #mainslider .slick-dots li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_main #mainslider .slick-dots li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_main #mainslider .slick-dots li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots li:not(:first-child) { margin-left: 1em; } }
.con_main #mainslider .slick-dots li.slick-active { background-color: #c65b13; }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots li { width: 1em; padding-top: 1em; } }
.con_main #mainslider .slick-dots li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_main #mainslider .slick-dots { left: 5%; } }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots { bottom: 10em; left: 0; } }
.con_main #mainslider > div { display: none; }
.con_main #mainslider > div:first-child { display: block; }
.con_main #pageDown { text-align: center; position: absolute; z-index: 9; bottom: 0; left: 50%; margin-left: -1.5em; }
.con_main #pageDown a { height: 5em; width: 3em; display: block; position: relative; text-align: center; }
.con_main #pageDown a:before { width: 1px; height: 100%; content: ""; display: block; position: absolute; left: 50%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, #ffffff), color-stop(70%, rgba(255, 255, 255, 0))); background: -moz-linear-gradient(top, #ffffff 70%, rgba(255, 255, 255, 0) 70%); background: -webkit-linear-gradient(top, #ffffff 70%, rgba(255, 255, 255, 0) 70%); background: linear-gradient(to bottom, #ffffff 70%, rgba(255, 255, 255, 0) 70%); animation: animHomeHeaderLine 2s ease forwards infinite; }

@keyframes mymove { from { border-width: 0px; }
  to { border-width: 20px; } }
@keyframes mymoveSP { from { border-width: 0px; }
  to { border-width: 10px; } }
@keyframes myopacity { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes animHomeHeaderLine { 0% { background-position: 0 -5em; }
  50% { background-position: 0 0; }
  100% { background-position: 0 5em; } }
.con_intro { margin-top: 7em; position: relative; padding-top: 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro { margin-top: 4em; } }
@media only screen and (max-width: 767px) { .con_intro { margin-top: 2em; } }
.con_intro .txt { font-size: 129%; text-align: center; margin-bottom: 30px; line-height: 2.5; letter-spacing: 0.2em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro .txt { font-size: 122%; } }
@media only screen and (max-width: 767px) { .con_intro .txt { font-size: 115%; } }
@media only screen and (max-width: 767px) { .con_intro .txt { letter-spacing: normal; } }
.con_intro:before { content: ""; background: url("../../../files/images/home/bg_fade01.png") center center no-repeat; width: 100%; height: 703px; position: absolute; top: 40%; left: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
@media only screen and (max-width: 767px) { .con_intro .btn { width: 95%; margin: auto; } }
@media only screen and (min-width: 768px) { .con_intro { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_intro.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_intro.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; } }
@media print { .con_intro { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_intro.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_intro.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; } }
.ie8 .con_intro { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.ie8 .con_intro.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_intro.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }

.con_rooms, .con_cuisine, .con_hotspring, .con_facilities { margin-top: 185px; z-index: 0; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_rooms, .con_cuisine, .con_hotspring, .con_facilities { margin-top: 15.41667%; } }
@media only screen and (max-width: 767px) { .con_rooms, .con_cuisine, .con_hotspring, .con_facilities { margin-top: 4em; } }
@media only screen and (min-width: 768px) { .con_rooms h3, .con_cuisine h3, .con_hotspring h3, .con_facilities h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } }
@media print { .con_rooms h3, .con_cuisine h3, .con_hotspring h3, .con_facilities h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } }
.ie8 .con_rooms h3, .ie8 .con_cuisine h3, .ie8 .con_hotspring h3, .ie8 .con_facilities h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.con_rooms.active h3, .con_cuisine.active h3, .con_hotspring.active h3, .con_facilities.active h3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.con_rooms:before { content: ""; background: url("../../../files/images/home/bg_fade03.png") left top no-repeat; width: 1280px; height: 1163px; position: absolute; right: 0; top: 50%; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.con_rooms .box_rooms { position: relative; max-width: 1700px; }
@media only screen and (min-width: 1200px) { .con_rooms .box_rooms .box_img { float: left; width: 65.29412%; } }
@media print { .con_rooms .box_rooms .box_img { float: left; width: 65.29412%; } }
.ie8 .con_rooms .box_rooms .box_img { float: left; width: 65.29412%; }
@media only screen and (max-width: 1199px) { .con_rooms .box_rooms .box_img { width: 100%; margin-bottom: 1%; } }
@media only screen and (min-width: 1200px) { .con_rooms .box_rooms .box_text { float: right; width: 33.88235%; } }
@media print { .con_rooms .box_rooms .box_text { float: right; width: 33.88235%; } }
.ie8 .con_rooms .box_rooms .box_text { float: right; width: 33.88235%; }
@media only screen and (max-width: 1199px) { .con_rooms .box_rooms .box_text { display: flex; width: 100%; } }
@media only screen and (min-width: 1200px) { .con_rooms .box_rooms .box_text .img_room { margin-bottom: 2.41071%; } }
@media print { .con_rooms .box_rooms .box_text .img_room { margin-bottom: 2.41071%; } }
.ie8 .con_rooms .box_rooms .box_text .img_room { margin-bottom: 2.41071%; }
@media only screen and (max-width: 1199px) { .con_rooms .box_rooms .box_text .img_room { width: 49.5%; } }
.con_rooms .box_rooms .box_text .img_room:last-child { margin-bottom: 0; }
@media only screen and (max-width: 1199px) { .con_rooms .box_rooms .box_text .img_room:last-child { margin-left: 1%; } }
.con_rooms .box_rooms_view { overflow: hidden; margin: 1em auto 0; padding: 35px 58px 0; }
.con_rooms .box_rooms_view h4 { font-size: 172%; font-weight: normal; margin-bottom: 1em; letter-spacing: .2em; line-height: 2; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_rooms .box_rooms_view h4 { font-size: 150%; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view h4 { font-size: 129%; } }
.con_rooms .box_rooms_view .txt { max-width: 596px; margin: auto; text-align: left; letter-spacing: .14em; line-height: 2.5; font-size: 93%; }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view .txt { width: 95%; line-height: 2; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view { margin-bottom: 1em; padding: 1em 0 0; } }
.con_rooms .box_rooms_view .btn { margin-top: 3em; }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view .btn { width: 95%; margin: 3em auto 0; } }
@media only screen and (min-width: 768px) { .con_rooms { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_rooms .box_rooms .box_img, .con_rooms .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
  .con_rooms .box_rooms_view { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_rooms.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_rooms.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_rooms.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
  .con_rooms.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
  .con_rooms.active .box_rooms_view { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; }
  .con_rooms.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 3s; -o-transition-delay: 3s; -webkit-transition-delay: 3s; transition-delay: 3s; } }
@media print { .con_rooms { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_rooms .box_rooms .box_img, .con_rooms .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
  .con_rooms .box_rooms_view { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_rooms.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_rooms.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_rooms.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
  .con_rooms.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
  .con_rooms.active .box_rooms_view { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; }
  .con_rooms.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 3s; -o-transition-delay: 3s; -webkit-transition-delay: 3s; transition-delay: 3s; } }
.ie8 .con_rooms { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.ie8 .con_rooms .box_rooms .box_img, .ie8 .con_rooms .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.ie8 .con_rooms .box_rooms_view { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.ie8 .con_rooms.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_rooms.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.ie8 .con_rooms.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.ie8 .con_rooms.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
.ie8 .con_rooms.active .box_rooms_view { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; }
.ie8 .con_rooms.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 3s; -o-transition-delay: 3s; -webkit-transition-delay: 3s; transition-delay: 3s; }

.con_cuisine.bg_cusine { position: relative; z-index: 0; }
.con_cuisine.bg_cusine:before { content: ""; position: absolute; z-index: -1; background: url("../images/home/bg_fade04.png") left top no-repeat; width: 1203px; height: 609px; left: 0; top: 80%; }
.con_cuisine .container { padding-top: 4em; }
@media only screen and (max-width: 767px) { .con_cuisine .container { padding-top: 2em; } }
.con_cuisine .container h4 { font-size: 172%; font-weight: normal; margin-bottom: 1em; letter-spacing: .2em; line-height: 2; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_cuisine .container h4 { font-size: 150%; } }
@media only screen and (max-width: 767px) { .con_cuisine .container h4 { font-size: 129%; } }
.con_cuisine .container .txt { max-width: 596px; margin: auto; text-align: left; letter-spacing: .14em; line-height: 2.5; font-size: 93%; }
@media only screen and (max-width: 767px) { .con_cuisine .container .txt { width: 95%; line-height: 2; } }
.con_cuisine .container .btn { margin-top: 2.5em; }
@media only screen and (max-width: 767px) { .con_cuisine .container .btn { width: 95%; margin: 3em auto 0; } }
.con_cuisine .box_rooms { position: relative; max-width: 1700px; }
@media only screen and (min-width: 1200px) { .con_cuisine .box_rooms .box_img { float: left; width: 65.29412%; } }
@media print { .con_cuisine .box_rooms .box_img { float: left; width: 65.29412%; } }
.ie8 .con_cuisine .box_rooms .box_img { float: left; width: 65.29412%; }
@media only screen and (max-width: 1199px) { .con_cuisine .box_rooms .box_img { width: 100%; margin-bottom: 1%; } }
@media only screen and (min-width: 1200px) { .con_cuisine .box_rooms .box_text { float: right; width: 33.88235%; } }
@media print { .con_cuisine .box_rooms .box_text { float: right; width: 33.88235%; } }
.ie8 .con_cuisine .box_rooms .box_text { float: right; width: 33.88235%; }
@media only screen and (max-width: 1199px) { .con_cuisine .box_rooms .box_text { display: flex; width: 100%; } }
@media only screen and (min-width: 1200px) { .con_cuisine .box_rooms .box_text .img_room { margin-bottom: 2.41071%; } }
@media print { .con_cuisine .box_rooms .box_text .img_room { margin-bottom: 2.41071%; } }
.ie8 .con_cuisine .box_rooms .box_text .img_room { margin-bottom: 2.41071%; }
@media only screen and (max-width: 1199px) { .con_cuisine .box_rooms .box_text .img_room { width: 49.5%; } }
.con_cuisine .box_rooms .box_text .img_room:last-child { margin-bottom: 0; }
@media only screen and (max-width: 1199px) { .con_cuisine .box_rooms .box_text .img_room:last-child { margin-left: 1%; } }
@media only screen and (min-width: 768px) { .con_cuisine { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_cuisine .box_rooms .box_img, .con_cuisine .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
  .con_cuisine .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_cuisine.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_cuisine.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_cuisine.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
  .con_cuisine.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
  .con_cuisine.active .container { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } }
@media print { .con_cuisine { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_cuisine .box_rooms .box_img, .con_cuisine .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
  .con_cuisine .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_cuisine.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_cuisine.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_cuisine.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
  .con_cuisine.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
  .con_cuisine.active .container { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } }
.ie8 .con_cuisine { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.ie8 .con_cuisine .box_rooms .box_img, .ie8 .con_cuisine .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.ie8 .con_cuisine .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.ie8 .con_cuisine.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_cuisine.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.ie8 .con_cuisine.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.ie8 .con_cuisine.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
.ie8 .con_cuisine.active .container { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; }

.con_hotspring.bg_hotspring { position: relative; z-index: 0; }
.con_hotspring.bg_hotspring:before { content: ""; position: absolute; z-index: -1; content: ""; background: url("../../../files/images/home/bg_fade05.png") left top no-repeat; width: 814px; height: 560px; right: 0; top: 80%; }
.con_hotspring .container { padding-top: 4em; }
@media only screen and (max-width: 767px) { .con_hotspring .container { padding-top: 2em; } }
.con_hotspring .container h4 { font-size: 172%; font-weight: normal; margin-bottom: 1em; letter-spacing: .2em; line-height: 2; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_hotspring .container h4 { font-size: 150%; } }
@media only screen and (max-width: 767px) { .con_hotspring .container h4 { font-size: 129%; } }
.con_hotspring .container .txt { max-width: 596px; margin: auto; text-align: left; letter-spacing: .14em; line-height: 2.5; font-size: 93%; }
@media only screen and (max-width: 767px) { .con_hotspring .container .txt { width: 95%; line-height: 2; } }
.con_hotspring .container .btn { margin-top: 3em; }
@media only screen and (max-width: 767px) { .con_hotspring .container .btn { width: 95%; margin: 3em auto 0; } }
.con_hotspring .box_rooms { position: relative; max-width: 1700px; }
@media only screen and (min-width: 1200px) { .con_hotspring .box_rooms .box_img { float: left; width: 65.29412%; } }
@media print { .con_hotspring .box_rooms .box_img { float: left; width: 65.29412%; } }
.ie8 .con_hotspring .box_rooms .box_img { float: left; width: 65.29412%; }
@media only screen and (max-width: 1199px) { .con_hotspring .box_rooms .box_img { width: 100%; margin-bottom: 1%; } }
@media only screen and (min-width: 1200px) { .con_hotspring .box_rooms .box_text { float: right; width: 33.88235%; } }
@media print { .con_hotspring .box_rooms .box_text { float: right; width: 33.88235%; } }
.ie8 .con_hotspring .box_rooms .box_text { float: right; width: 33.88235%; }
@media only screen and (max-width: 1199px) { .con_hotspring .box_rooms .box_text { display: flex; width: 100%; } }
@media only screen and (min-width: 1200px) { .con_hotspring .box_rooms .box_text .img_room { margin-bottom: 2.41071%; } }
@media print { .con_hotspring .box_rooms .box_text .img_room { margin-bottom: 2.41071%; } }
.ie8 .con_hotspring .box_rooms .box_text .img_room { margin-bottom: 2.41071%; }
@media only screen and (max-width: 1199px) { .con_hotspring .box_rooms .box_text .img_room { width: 49.5%; } }
.con_hotspring .box_rooms .box_text .img_room:last-child { margin-bottom: 0; }
@media only screen and (max-width: 1199px) { .con_hotspring .box_rooms .box_text .img_room:last-child { margin-left: 1%; } }
@media only screen and (min-width: 768px) { .con_hotspring { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_hotspring .box_rooms .box_img, .con_hotspring .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
  .con_hotspring .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_hotspring.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_hotspring.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_hotspring.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
  .con_hotspring.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
  .con_hotspring.active .container { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } }
@media print { .con_hotspring { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_hotspring .box_rooms .box_img, .con_hotspring .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
  .con_hotspring .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .con_hotspring.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_hotspring.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_hotspring.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
  .con_hotspring.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
  .con_hotspring.active .container { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } }
.ie8 .con_hotspring { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.ie8 .con_hotspring .box_rooms .box_img, .ie8 .con_hotspring .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.ie8 .con_hotspring .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.ie8 .con_hotspring.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_hotspring.active .box_rooms .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.ie8 .con_hotspring.active .box_rooms .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.ie8 .con_hotspring.active .box_rooms .box_text .img_room:last-child { -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; }
.ie8 .con_hotspring.active .container { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; }

.con_facilities { overflow: hidden; padding: 0 4.0625%; z-index: 0; position: relative; }
.con_facilities .list_fac { overflow: hidden; }
.con_facilities .list_fac li { overflow: hidden; margin-bottom: 0.80092%; }
@media only screen and (min-width: 768px) { .con_facilities .list_fac li { width: 32.76125%; margin-right: 0.85812%; float: left; }
  .con_facilities .list_fac li:nth-of-type(3n) { margin-right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 767px) { .con_facilities .list_fac li { width: 100%; margin-right: 0; float: none; } }

@media print { .con_facilities .list_fac li { width: 32.76125%; margin-right: 0.85812%; float: left; }
  .con_facilities .list_fac li:nth-of-type(3n) { margin-right: 0; } }
.ie8 .con_facilities .list_fac li { width: 32.76125%; margin-right: 0.85812%; float: left; }
.ie8 .con_facilities .list_fac li:nth-of-type(3n) { margin-right: 0; }
@media only screen and (max-width: 767px) { .ie8 .con_facilities .list_fac li { width: 100%; margin-right: 0; float: none; } }
@media only screen and (max-width: 767px) { .con_facilities .list_fac li { float: left; width: 50%; padding-left: 7px; padding-right: 7px; margin-right: 0; } }
.con_facilities .list_fac li a { display: block; text-decoration: none; color: #FFF; position: relative; line-height: 1; }
.con_facilities .list_fac li a .box_img { overflow: hidden; }
.con_facilities .list_fac li a .box_img img { width: 100%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.con_facilities .list_fac li a .box_title { width: 100%; text-align: center; z-index: 1; padding: 1em 0; color: #615b54; font-family: "Noto Serif SC", "宋体", "SimSun", SimSun, "Times New Roman", Times, Garamond, Georgia, serif; }
@media only screen and (min-width: 768px) { .con_facilities .list_fac li a .box_title { background: rgba(0, 0, 0, 0.5); color: #FFF; position: absolute; left: 0; top: 100%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } }
@media print { .con_facilities .list_fac li a .box_title { background: rgba(0, 0, 0, 0.5); color: #FFF; position: absolute; left: 0; top: 100%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } }
.ie8 .con_facilities .list_fac li a .box_title { background: rgba(0, 0, 0, 0.5); color: #FFF; position: absolute; left: 0; top: 100%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
@media only screen and (min-width: 1700px) { .con_facilities .list_fac li a .box_title { min-height: 80px; } }
@media print { .con_facilities .list_fac li a .box_title { min-height: 80px; } }
.ie8 .con_facilities .list_fac li a .box_title { min-height: 80px; }
.con_facilities .list_fac li a .box_title h4 { font-weight: normal; }
.con_facilities .list_fac li a .box_title h4 span { display: block; }
.con_facilities .list_fac li a .box_title h4 span.jp { font-weight: 400; font-size: 100%; }
@media only screen and (min-width: 1200px) { .con_facilities .list_fac li a .box_title h4 span.jp { margin-top: 3%; } }
@media print { .con_facilities .list_fac li a .box_title h4 span.jp { margin-top: 3%; } }
.ie8 .con_facilities .list_fac li a .box_title h4 span.jp { margin-top: 3%; }
.con_facilities .list_fac li a:hover .box_img img { width: 100%; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.con_facilities .list_fac li a:hover .box_title { top: 80%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
@media only screen and (min-width: 768px) { .con_facilities .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_facilities.active .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_facilities.active .list_fac li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .con_facilities.active .list_fac li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .con_facilities.active .list_fac li:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
  .con_facilities.active .list_fac li:nth-child(5) { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
  .con_facilities.active .list_fac li:nth-child(6) { -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } }
@media print { .con_facilities .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_facilities.active .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_facilities.active .list_fac li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .con_facilities.active .list_fac li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .con_facilities.active .list_fac li:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
  .con_facilities.active .list_fac li:nth-child(5) { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
  .con_facilities.active .list_fac li:nth-child(6) { -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } }
.ie8 .con_facilities .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.ie8 .con_facilities.active .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_facilities.active .list_fac li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.ie8 .con_facilities.active .list_fac li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.ie8 .con_facilities.active .list_fac li:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.ie8 .con_facilities.active .list_fac li:nth-child(5) { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.ie8 .con_facilities.active .list_fac li:nth-child(6) { -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }

.con_fufutime { margin-top: 4em; }
@media only screen and (min-width: 768px) { .con_fufutime.active .box_news h3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_fufutime.active .box_news ul li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_fufutime.active .box_news ul li:nth-child(1) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .con_fufutime.active .box_news ul li:nth-child(2) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .con_fufutime.active .box_news ul li:nth-child(3) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
  .con_fufutime.active .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } }
@media print { .con_fufutime.active .box_news h3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_fufutime.active .box_news ul li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_fufutime.active .box_news ul li:nth-child(1) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .con_fufutime.active .box_news ul li:nth-child(2) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .con_fufutime.active .box_news ul li:nth-child(3) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
  .con_fufutime.active .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } }
.ie8 .con_fufutime.active .box_news h3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_fufutime.active .box_news ul li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_fufutime.active .box_news ul li:nth-child(1) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.ie8 .con_fufutime.active .box_news ul li:nth-child(2) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.ie8 .con_fufutime.active .box_news ul li:nth-child(3) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.ie8 .con_fufutime.active .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.con_fufutime .box_news h3 { text-align: left; }
@media only screen and (min-width: 768px) { .con_fufutime .box_news h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } }
@media print { .con_fufutime .box_news h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } }
.ie8 .con_fufutime .box_news h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.con_fufutime .box_news h3 .jp { margin-left: 0; }
.con_fufutime .box_news > ul { margin-bottom: 1em; }
.con_fufutime .box_news > ul li { display: table; }
@media only screen and (min-width: 768px) { .con_fufutime .box_news > ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; } }
@media print { .con_fufutime .box_news > ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; } }
.ie8 .con_fufutime .box_news > ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }
.con_fufutime .box_news > ul li a { display: block; padding: 0.8em 0; text-decoration: none; font-size: 100%; }
.con_fufutime .box_news > ul li a div { display: table-cell; vertical-align: middle; letter-spacing: 0.2em; }
@media only screen and (max-width: 1199px) { .con_fufutime .box_news > ul li a div { display: flex; align-items: center; padding-bottom: 10px; } }
.con_fufutime .box_news > ul li a .cat { padding-bottom: 0; }
.con_fufutime .box_news > ul li a .cat span { display: inline-block; padding: 0.05em 0.8em; background: #615b54; color: #FFF; font-size: 86%; }
.con_fufutime .box_news > ul li a .date { padding: 0 1.5em; }
.con_fufutime .box_news > ul li a .title { text-decoration: underline; padding-bottom: 0; }
.con_fufutime .box_news .btn_border { padding: 1em 0; }
@media only screen and (min-width: 768px) { .con_fufutime .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; } }
@media print { .con_fufutime .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; } }
.ie8 .con_fufutime .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }
.con_fufutime .box_news .btn_border a { margin-left: 0; }

.con_pickup { overflow: hidden; position: relative; z-index: 1; padding: 0 4.0625%; margin-top: 7em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_pickup { margin-top: 4em; } }
@media only screen and (max-width: 767px) { .con_pickup { margin-top: 2em; } }
.con_pickup h3 { margin-bottom: 1em; letter-spacing: 1em; font-size: 72%; }
@media only screen and (min-width: 768px) { .con_pickup h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } }
@media print { .con_pickup h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } }
.ie8 .con_pickup h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
@media only screen and (max-width: 767px) { .con_pickup h3 { text-align: center; } }
.con_pickup .container { max-width: 1764px; }
.con_pickup .list_pickup { overflow: hidden; *zoom: 1; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup { display: flex; flex-wrap: wrap; } }
.con_pickup .list_pickup li { overflow: hidden; *zoom: 1; position: relative; float: left; }
@media only screen and (min-width: 768px) { .con_pickup .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_pickup .list_pickup li:first-child { width: 49.26304%; margin-right: 0.79365%; }
  .con_pickup .list_pickup li:nth-child(2) { width: 49.94331%; margin-bottom: 0.79365%; }
  .con_pickup .list_pickup li:nth-child(3) { margin-right: 0.79365%; width: 24.57483%; }
  .con_pickup .list_pickup li:nth-child(4) { width: 24.57483%; } }
@media print { .con_pickup .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_pickup .list_pickup li:first-child { width: 49.26304%; margin-right: 0.79365%; }
  .con_pickup .list_pickup li:nth-child(2) { width: 49.94331%; margin-bottom: 0.79365%; }
  .con_pickup .list_pickup li:nth-child(3) { margin-right: 0.79365%; width: 24.57483%; }
  .con_pickup .list_pickup li:nth-child(4) { width: 24.57483%; } }
.ie8 .con_pickup .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.ie8 .con_pickup .list_pickup li:first-child { width: 49.26304%; margin-right: 0.79365%; }
.ie8 .con_pickup .list_pickup li:nth-child(2) { width: 49.94331%; margin-bottom: 0.79365%; }
.ie8 .con_pickup .list_pickup li:nth-child(3) { margin-right: 0.79365%; width: 24.57483%; }
.ie8 .con_pickup .list_pickup li:nth-child(4) { width: 24.57483%; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup li { margin-bottom: 1em; width: 100%; }
  .con_pickup .list_pickup li:nth-child(3) { width: 50%; padding-right: 0.5em; }
  .con_pickup .list_pickup li:nth-child(3) a .box_title span.jp { font-size: 122%; }
  .con_pickup .list_pickup li:nth-child(4) { width: 50%; padding-left: 0.5em; } }
.con_pickup .list_pickup li .img { overflow: hidden; *zoom: 1; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.con_pickup .list_pickup li .img img { width: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.con_pickup .list_pickup li a { text-decoration: none; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.con_pickup .list_pickup li a .box_title { position: absolute; z-index: 1; color: #FFF; width: 100%; }
.con_pickup .list_pickup li a .box_title span { display: block; text-align: center; margin: 0; }
.con_pickup .list_pickup li a .box_title span.eng { font-family: "Gilda Display", serif; margin-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup li a .box_title span.eng { margin-bottom: 1em; } }
.con_pickup .list_pickup li a .box_title span.eng, .con_pickup .list_pickup li a .box_title span.s_txt { text-transform: uppercase; letter-spacing: 0.3em; font-size: 72%; }
.con_pickup .list_pickup li a .box_title span.s_txt { margin-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup li a .box_title span.s_txt { margin-bottom: 0.3em; } }
.con_pickup .list_pickup li a .box_title span.jp { font-size: 143%; font-weight: 500; letter-spacing: 0.4em; }
@media only screen and (min-width: 768px) and (max-width: 983px) { .con_pickup .list_pickup li a .box_title span.jp { font-size: 122%; } }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup li a .box_title span.jp { font-size: 129%; } }
.con_pickup .list_pickup li a:hover .img img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
@media only screen and (min-width: 768px) { .con_pickup.active h3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_pickup.active .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_pickup.active .list_pickup li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .con_pickup.active .list_pickup li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .con_pickup.active .list_pickup li:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } }
@media print { .con_pickup.active h3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_pickup.active .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_pickup.active .list_pickup li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .con_pickup.active .list_pickup li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .con_pickup.active .list_pickup li:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } }
.ie8 .con_pickup.active h3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_pickup.active .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_pickup.active .list_pickup li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.ie8 .con_pickup.active .list_pickup li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.ie8 .con_pickup.active .list_pickup li:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.con_movie { margin: 150px auto 50px; position: relative; overflow: hidden; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_movie { margin: 12.5% auto 4.16667%; } }
@media only screen and (max-width: 767px) { .con_movie { margin: 5em auto 2em; } }
.con_movie video { width: 100%; }
.con_movie .video-btn { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 12%; cursor: pointer; }

@media only screen and (min-width: 768px) and (max-width: 1199px) { #video > div { max-width: 1200px; margin: auto; }
  #video > div video { width: 100%; } }
@media only screen and (max-width: 767px) { #video > div { max-width: 1200px; margin: auto; }
  #video > div video { width: 100%; } }

.con_access { z-index: 0; position: relative; overflow: hidden; margin-top: 45px; padding-top: 90px; }
@media only screen and (min-width: 768px) { .con_access { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_access.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_access.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_access:before { content: ""; background: url("../images/home/bg_access.jpg") no-repeat center top/cover; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) { .con_access:before { background-size: 130% auto; background-position: 80% -50%; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 983px) { .con_access:before { background-size: 144% auto; background-position: 80% 12em; } }

@media print { .con_access { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .con_access.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .con_access.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .con_access:before { content: ""; background: url("../images/home/bg_access.jpg") no-repeat center top/cover; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } }
.ie8 .con_access { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.ie8 .con_access.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ie8 .con_access.active:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.ie8 .con_access:before { content: ""; background: url("../images/home/bg_access.jpg") no-repeat center top/cover; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .ie8 .con_access:before { background-size: 130% auto; background-position: 80% -50%; } }
@media only screen and (min-width: 768px) and (max-width: 983px) { .ie8 .con_access:before { background-size: 144% auto; background-position: 80% 12em; } }
@media only screen and (min-width: 984px) and (max-width: 1199px) { .con_access { padding: 0em 0 20em; } }
@media only screen and (min-width: 768px) and (max-width: 983px) { .con_access { padding: 2em 0 10em; } }
@media only screen and (max-width: 767px) { .con_access { background: url("../images/home/bg_access_sp.jpg") no-repeat center bottom/contain; padding: 0 0 25em; margin-top: 6em; } }
.con_access .container { min-height: 581px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_access .container { min-height: 250px; } }
@media only screen and (max-width: 767px) { .con_access .container { min-height: auto; } }
@media only screen and (min-width: 1025px) and (max-width: 1280px) { .con_access .container { min-height: 500px; } }
@media print { .con_access .container { min-height: 500px; } }
.ie8 .con_access .container { min-height: 500px; }
@media only screen and (min-width: 1281px) and (max-width: 1440px) { .con_access .container { min-height: 600px; } }
@media print { .con_access .container { min-height: 600px; } }
.ie8 .con_access .container { min-height: 600px; }
.con_access .container .box_text { max-width: 395px; }
@media only screen and (min-width: 1200px) { .con_access .container .box_text { position: absolute; max-width: 495px; top: 18%; left: 49.5%; margin-left: -600px; background: #ffffffeb; padding: 3em 6em; } }
@media only screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1280px) { .con_access .container .box_text { margin-left: -550px; } }
@media only screen and (min-width: 1200px) { .ie8 .con_access .container .box_text { margin-left: -550px; } }
@media print { .con_access .container .box_text { position: absolute; max-width: 495px; top: 18%; left: 49.5%; margin-left: -600px; background: #ffffffeb; padding: 3em 6em; } }
@media print { .con_access .container .box_text { margin-left: -550px; } }
@media print { .ie8 .con_access .container .box_text { margin-left: -550px; } }
.ie8 .con_access .container .box_text { position: absolute; max-width: 495px; top: 18%; left: 49.5%; margin-left: -600px; background: #ffffffeb; padding: 3em 6em; }
@media only screen and (min-width: 1200px) and (max-width: 1280px) { .ie8 .con_access .container .box_text { margin-left: -550px; } }
@media print { .ie8 .con_access .container .box_text { margin-left: -550px; } }
.ie8 .ie8 .con_access .container .box_text { margin-left: -550px; }
@media only screen and (min-width: 984px) and (max-width: 1199px) { .con_access .container .box_text { position: absolute; left: 4%; top: 39%; background: #ffffffeb; padding: 3em 6em; max-width: 495px; } }
@media only screen and (min-width: 768px) and (max-width: 983px) { .con_access .container .box_text { max-width: none; } }
@media only screen and (max-width: 767px) { .con_access .container .box_text { width: 90%; margin: 0 auto; } }
.con_access .container .box_text h3 { margin-bottom: 2em; text-align: left; }
.con_access .container .box_text h3 .jp { margin-left: 0; }
.con_access .container .box_text .txt { font-size: 93%; line-height: 2.5; letter-spacing: 0.2em; }
@media only screen and (max-width: 767px) { .con_access .container .box_text .txt { line-height: 2; } }
.con_access .container .box_text .box_btns { margin-top: 2em; text-align: left; }
.con_access .container .box_text .box_btns .btn_border { display: inline-block; }
@media only screen and (max-width: 767px) { .con_access .container .box_text .box_btns .btn_border { display: block; } }
.con_access .container .box_text .box_btns .btn_border:first-child { margin-right: 5px; }
@media only screen and (max-width: 767px) { .con_access .container .box_text .box_btns .btn_border:first-child { margin: 0 0 1em; } }
.con_access .container .box_text .box_btns .btn_border a { display: inline-block; padding: 0.6em 2em; }

#js-modalInfo { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; overflow-y: scroll; }
#js-modalInfo .bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; }
#js-modalInfo .box_modal { max-width: 1000px; display: table; height: 100%; padding: 140px 0; box-sizing: border-box; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { #js-modalInfo .box_modal { padding: 100px 0; } }
@media only screen and (max-width: 767px) { #js-modalInfo .box_modal { padding: 3.5em 0; } }
#js-modalInfo .box_modal .wrp_modal { display: table-cell; vertical-align: middle; }
#js-modalInfo .box_modal .wrp_modal .inner { position: relative; box-sizing: border-box; text-align: center; padding: 60px 45px; background: #fff; z-index: 2; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { #js-modalInfo .box_modal .wrp_modal .inner { padding: 50px 35px; } }
@media only screen and (max-width: 767px) { #js-modalInfo .box_modal .wrp_modal .inner { padding: 4.5em 2.5em 3.5em; } }
#js-modalInfo .box_modal .wrp_modal .inner .st { text-align: center; font-size: 172%; letter-spacing: 0.2em; margin-bottom: 1em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { #js-modalInfo .box_modal .wrp_modal .inner .st { font-size: 150%; } }
@media only screen and (max-width: 767px) { #js-modalInfo .box_modal .wrp_modal .inner .st { font-size: 129%; } }
#js-modalInfo .box_modal .wrp_modal .inner .txt { font-size: 100%; line-height: 2.5; letter-spacing: 0.14em; }
@media only screen and (max-width: 767px) { #js-modalInfo .box_modal .wrp_modal .inner .txt { text-align: left; } }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal { position: absolute; top: 1.5em; right: 1.5em; display: inline-block; font-size: 108%; transition: opacity 500ms ease; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { #js-modalInfo .box_modal .wrp_modal .inner .js-closeModal { font-size: 100%; } }
@media only screen and (max-width: 767px) { #js-modalInfo .box_modal .wrp_modal .inner .js-closeModal { font-size: 86%; } }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal:hover { opacity: 0.7; }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i { display: inline-block; vertical-align: middle; position: relative; width: 40px; height: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { #js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i { width: 30px; } }
@media only screen and (max-width: 767px) { #js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i { width: 2em; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { #js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i { height: 30px; } }
@media only screen and (max-width: 767px) { #js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i { height: 2em; } }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i:before, #js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i:after { content: ""; position: absolute; top: 50%; left: 50%; width: 1px; height: 30px; background: #5d5d5d; }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i:before { transform: translate(-50%, -50%) rotate(45deg); }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal i:after { transform: translate(-50%, -50%) rotate(-45deg); }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal span { display: block; }
#js-modalInfo .box_modal .wrp_modal .inner .js-closeModal:hover { cursor: pointer; }
