@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*ベース文字色*/
/*背景色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*font*/
/*layout*/
/*==================================== main_visual
====================================*/
#main_visual { background-image: url("../images/ptwin/main.jpg"); }

/*==================================== lead
====================================*/
/*#lead .text{
	background-image: url("../images/barrierfree/lead_bg.png");
}
*/
/*==================================== あしらい
====================================*/
#concept02 .large_slider, #concept03 .large_slider, #concept04 .large_slider, #concept05 .large_slider, #concept06 .large_slider { z-index: 1; }
#concept02 .large_slider.show + .text_cont:before, #concept03 .large_slider.show + .text_cont:before, #concept04 .large_slider.show + .text_cont:before, #concept05 .large_slider.show + .text_cont:before, #concept06 .large_slider.show + .text_cont:before { opacity: 1; }
#concept02 .text_cont, #concept03 .text_cont, #concept04 .text_cont, #concept05 .text_cont, #concept06 .text_cont { position: relative; z-index: 0; }
#concept02 .text_cont:before, #concept03 .text_cont:before, #concept04 .text_cont:before, #concept05 .text_cont:before, #concept06 .text_cont:before { content: ''; display: block; position: absolute; opacity: 0; transition: all 2s; transition-delay: 0.5s; z-index: -1; }

#concept02 .text_cont:before, #concept04 .text_cont:before, #concept06 .text_cont:before { background: url("../images/common/bg_circle02.png") no-repeat top left/contain; width: 460px; height: 440px; top: -200px; right: -150px; }
@media screen and (max-width: 768px) { #concept02 .text_cont:before, #concept04 .text_cont:before, #concept06 .text_cont:before { width: 300px; height: 287px; top: -100px; right: -50px; } }

#concept03 .text_cont:before, #concept05 .text_cont:before { background: url("../images/common/bg_circle04.png") no-repeat top left/contain; width: 386px; height: 424px; top: -150px; left: -150px; }
@media screen and (max-width: 768px) { #concept03 .text_cont:before, #concept05 .text_cont:before { width: 250px; height: 275px; top: -90px; left: -50px; } }

#lead p { text-align: center; margin-top: 50px; }

#lead h4 { text-align: center; margin-top: 50px; font-size: 24px; line-height: 1.6; margin-bottom: 40px; }

@media screen and (max-width: 1024px) { #lead h4 { margin-bottom: 30px; font-size: 20px; } }
#lead h3 { margin-bottom: 20px; color: #766d5e; font-size: 35px; line-height: 1.428571; text-align: center; }
@media screen and (min-width: 2001px) { #lead h3 { font-size: 35px; } }
@media screen and (min-width: 1280px) and (max-width: 2000px) { #lead h3 { font-size: 1.75vw; } }
@media screen and (max-width: 1279px) { #lead h3 { font-size: 22px; } }
#lead h3 span { text-align: center; }

/*20240807追加*/
.kokoro { display: flex; align-items: center; margin-top: 100px; }

.kokoro_text { width: 50%; padding-left: 10px; }

.kokoro_icon { margin: 25px auto 0 auto; max-width: 380px; width: 50%; }

@media screen and (max-width: 1024px) { .kokoro { margin-top: 80px; } }
@media screen and (max-width: 768px) { .kokoro { display: block; }
  .kokoro_text { width: 100%; padding-left: 0; } }
/*==================================== usp
====================================*/
.usp { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
@media screen and (min-width: 769px) { .usp { margin-top: 130px; } }
@media screen and (max-width: 768px) { .usp { flex-direction: column; margin-top: 60px; } }
.usp:first-of-type { margin-top: 0; }
.usp > div, .usp > header { flex-grow: 0; flex-shrink: 0; }
.usp header .kanji { line-height: 1.0; background: url("../images/index/bg_usp.jpg") no-repeat center center/cover; color: #FFF; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
@media screen and (min-width: 769px) { .usp header .kanji { width: 140px; height: 140px; font-size: 80px; margin-left: auto; margin-right: auto; } }
@media screen and (min-width: 1025px) and (max-width: 2000px) { .usp header .kanji { width: 7vw; height: 7vw; font-size: 4vw; } }
@media screen and (max-width: 1024px) { .usp header .kanji { width: 80px; height: 80px; font-size: 40px; } }
.usp header .kanji .eng { display: block; font-size: 16px; }
.usp header h4 { font-size: 35px; color: #766d5e; }
@media screen and (min-width: 2001px) { .usp header h4 { font-size: 35px; } }
@media screen and (min-width: 1280px) and (max-width: 2000px) { .usp header h4 { font-size: 1.75vw; } }
@media screen and (max-width: 1279px) { .usp header h4 { font-size: 22px; } }
@media screen and (max-width: 414px) { .usp header h4 { font-size: 16px; } }
@media screen and (max-width: 768px) { .usp header { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; margin-bottom: 20px; }
  .usp header .kanji { flex-basis: 80px; max-width: 80px; flex-grow: 0; flex-shrink: 0; margin-right: 20px; } }
@media screen and (max-width: 414px) { .usp header .kanji { flex-basis: 60px; max-width: 60px; width: 60px; height: 60px; font-size: 30px; }
  .usp header .kanji .eng { font-size: 11px; } }
.usp img { display: block; }
@media screen and (min-width: 769px) { .usp.header_tate .img_sub { flex-basis: 20%; max-width: 20%; } }
@media screen and (max-width: 768px) { .usp.header_tate .img_sub { display: none; } }
@media screen and (min-width: 769px) { .usp.header_tate header { flex-basis: 15%; max-width: 15%; } }
@media screen and (max-width: 768px) { .usp.header_tate header { flex-basis: 100%; max-width: 100%; } }
@media screen and (min-width: 769px) { .usp.header_tate header h4 { text-align: center; margin-top: 30px; } }
.usp.header_tate header h4 .tate { text-align: left; }
@media screen and (max-width: 768px) { .usp.header_tate header h4 .tate { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; } }
@media screen and (min-width: 769px) { .usp.header_tate .img { flex-basis: 65%; max-width: 65%; }
  .usp.header_tate .img .text .button a { margin-left: 0; } }
@media screen and (max-width: 768px) { .usp.header_tate .img { width: 100%; max-width: 100%; } }
@media screen and (min-width: 769px) { .usp.header_tate .img .text { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 20px 10px 0; } }
@media screen and (min-width: 769px) { .usp.header_tate .img .text p { flex-basis: calc(69.230769% - 60px - 200px); max-width: calc(69.230769% - 60px - 200px); margin-right: 60px; flex-grow: 0; flex-shrink: 0; } }
@media screen and (min-width: 769px) and (max-width: 1400px) { .usp.header_tate .img .text p { flex-basis: calc(100% - 60px - 200px); max-width: calc(100% - 60px - 200px); } }
@media screen and (min-width: 769px) { .usp.header_tate .img .text .button { flex-basis: 200px; max-width: 200px; flex-grow: 0; flex-shrink: 0; } }
@media screen and (min-width: 769px) and (max-width: 1400px) { .usp.header_yoko .img_sub { flex-basis: 15%; max-width: 15%; } }
@media screen and (min-width: 769px) { .usp.header_yoko .img_sub { flex-basis: 20%; max-width: 20%; } }
@media screen and (max-width: 768px) { .usp.header_yoko .img_sub { display: none; } }
@media screen and (min-width: 769px) { .usp.header_yoko .text { flex-basis: 20%; max-width: 20%; padding-left: 40px; padding-right: 40px; } }
@media screen and (min-width: 769px) and (max-width: 1400px) { .usp.header_yoko .text { flex-basis: 35%; max-width: 35%; } }
@media screen and (max-width: 768px) { .usp.header_yoko .text { flex-basis: 100%; max-width: 100%; } }
@media screen and (min-width: 769px) { .usp.header_yoko .text header .kanji { margin-bottom: 5.5vw; } }
@media screen and (min-width: 769px) { .usp.header_yoko .text header h4 { margin-bottom: 2.5vw; text-align: center; } }
@media screen and (min-width: 769px) { .usp.header_yoko .img { flex-basis: 60%; max-width: 60%; } }
@media screen and (min-width: 769px) and (max-width: 1400px) { .usp.header_yoko .img { flex-basis: 50%; max-width: 50%; } }
@media screen and (max-width: 768px) { .usp.header_yoko .img { width: 100%; max-width: 100%; } }

@media screen and (min-width: 769px) { #usp01 { position: relative; }
  #usp01:before { content: ''; display: block; background: url("../images/index/usb_bg_circle01.jpg") no-repeat center center/contain; width: 321px; height: 325px; position: absolute; bottom: 100%; left: 0; z-index: -1; }
  #usp02 .img_sub img { margin-top: -35px; }
  #usp03 .img_sub { order: 1; }
  #usp03 .img_sub img { margin-top: -60px; }
  #usp03 .text { order: 2; }
  #usp03 .img { order: 3; }
  #usp04 .img_sub { order: 3; }
  #usp04 header { order: 2; }
  #usp04 .img { order: 1; }
  #usp04 .img .text { justify-content: flex-end; } }
@media screen and (max-width: 374px) { #usp01 header br { display: none; } }
/*==================================== 客室詳細表
====================================*/
.text_lr.room .info.bg_colored { /*padding-bottom: 0;*/ align-self: flex-start; }
.text_lr.room .info.bg_colored .buttons { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border-top: 1px solid #c6c6c6; margin-left: -20px; margin-right: -20px; margin-top: 15px; }
.text_lr.room .info.bg_colored .buttons li { /*flex-basis: 50%;
max-width: 50%;*/ flex-basis: 100%; max-width: 10100%; /*&:first-child{
	border-right: 1px solid $line2;
}*/ }
.text_lr.room .info.bg_colored .buttons li a { width: 100%; height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1.2; transition: all 0.5s; }
.text_lr.room .info.bg_colored .buttons li a:after { content: ''; display: block; width: 15px; height: 15px; border-right: 1px solid #766d5e; border-bottom: 1px solid #766d5e; transform: rotate(45deg); }
.text_lr.room .info.bg_colored .buttons li a:hover { background-color: #dedede; }

/*# sourceMappingURL=premiumtwin.css.map */