@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 default
==================================================================================*/
/* -------------------------------------------
 * initialize
 */
main div, main span, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main abbr, main address, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main samp, main small, main strong, main sub, main sup, main var, main b, main i, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article, main aside, main dialog, main figure, main footer, main header, main hgroup, main menu, main nav, main section, main time, main mark, main audio, main video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI1MzY2NTA1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1MzY2NTE1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjUzNjY0RTVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjUzNjY0RjVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3ggHcAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC");
}

main * {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

main {
  display: block;
}
main article, main aside, main dialog, main figure, main footer, main header, main hgroup, main nav, main section {
  display: block;
}
main sup {
  font-size: 10px;
  vertical-align: super;
}
main sub {
  font-size: 10px;
  vertical-align: sub;
}
main div,
main figure {
  line-height: 0;
}
main ul li, main ol li {
  list-style: none;
}
main input, main select {
  vertical-align: middle;
}
main .hide {
  display: none;
}
main img {
  ms-interpolation-mode: bicubic;
}
main a {
  text-decoration: none;
}
@media (min-width: 1025px) {
  main a:hover {
    opacity: .7;
  }
}
main .clearfix {
  zoom: 1;
}
main .clearfix:before, main .clearfix:after {
  content: "";
  display: table;
}
main .clearfix:after {
  clear: both;
}
main iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
main video {
  width: 100%;
  height: auto;
}
main .serif {
  font-family: YuMincho, Yu Mincho, "游明朝", serif;
}
main .sansSerif {
  font-family: "Noto Sans JP", YuGothic, Yu Gothic, "游ゴシック", sans-serif;
}
main .bold {
  font-weight: bold !important;
}
main .weightNormal {
  font-weight: normal !important;
}
main .colorBlack {
  color: #333 !important;
}
main .colorWhite {
  color: #fff !important;
}
main .colorBlue01 {
  color: #0068B7 !important;
}
main .colorOrange01 {
  color: #F05B2D !important;
}
main .colorYellow01 {
  color: #FFE410 !important;
}
main .wrap {
  margin: 0 auto;
  width: min(94%, 1200px);
}
main .inlineBlock {
  display: inline-block;
}
main .noBreaks {
  word-break: keep-all;
}
main .alignCenter {
  text-align: center;
}
main .alignLeft {
  text-align: left;
}
main .alignRight {
  text-align: right;
}
@media (min-width: 768px) {
  main a.tel {
    pointer-events: none;
  }
}
main main img,
main header img,
main footer img {
  max-width: 100%;
  height: auto;
}
main .fontSize50 {
  font-size: 50%;
}
main .fontSize55 {
  font-size: 55%;
}
main .fontSize60 {
  font-size: 60%;
}
main .fontSize65 {
  font-size: 65%;
}
main .fontSize70 {
  font-size: 70%;
}
main .fontSize75 {
  font-size: 75%;
}
main .fontSize80 {
  font-size: 80%;
}
main .fontSize85 {
  font-size: 85%;
}
main .fontSize90 {
  font-size: 90%;
}
main .fontSize95 {
  font-size: 95%;
}
main .fontSize100 {
  font-size: 100%;
}
main .fontSize105 {
  font-size: 105%;
}
main .fontSize110 {
  font-size: 110%;
}
main .fontSize115 {
  font-size: 115%;
}
main .fontSize120 {
  font-size: 120%;
}
main .fontSize125 {
  font-size: 125%;
}
main .fontSize130 {
  font-size: 130%;
}
main .fontSize135 {
  font-size: 135%;
}
main .fontSize140 {
  font-size: 140%;
}
main .fontSize145 {
  font-size: 145%;
}
main .fontSize150 {
  font-size: 150%;
}
main .fontSize155 {
  font-size: 155%;
}
main .fontSize160 {
  font-size: 160%;
}
main .fontSize165 {
  font-size: 165%;
}
main .fontSize170 {
  font-size: 170%;
}
main .fontSize175 {
  font-size: 175%;
}
main .fontSize180 {
  font-size: 180%;
}
main .fontSize185 {
  font-size: 185%;
}
main .fontSize190 {
  font-size: 190%;
}
main .fontSize195 {
  font-size: 195%;
}
main .fontSize200 {
  font-size: 200%;
}
main .fontSize205 {
  font-size: 205%;
}
main .fontSize210 {
  font-size: 210%;
}
main .fontSize215 {
  font-size: 215%;
}
main .fontSize220 {
  font-size: 220%;
}
main .fontSize225 {
  font-size: 225%;
}
main .fontSize230 {
  font-size: 230%;
}
main .fontSize235 {
  font-size: 235%;
}
main .fontSize240 {
  font-size: 240%;
}
main .fontSize245 {
  font-size: 245%;
}
main .fontSize250 {
  font-size: 250%;
}
main .fontSize255 {
  font-size: 255%;
}
main .fontSize260 {
  font-size: 260%;
}
main .fontSize265 {
  font-size: 265%;
}
main .fontSize270 {
  font-size: 270%;
}
main .fontSize275 {
  font-size: 275%;
}
main .fontSize280 {
  font-size: 280%;
}
main .fontSize285 {
  font-size: 285%;
}
main .fontSize290 {
  font-size: 290%;
}
main .fontSize295 {
  font-size: 295%;
}
main .fontSize300 {
  font-size: 300%;
}

@media (min-width: 1025px) {
  main .sp {
    display: none !important;
  }
}
@media (min-width: 768px) {
  main .sp {
    display: none !important;
  }
}
@media (max-width: 767px) {
  main sup,
  main sub {
    font-size: 8px;
  }
  main .pc {
    display: none !important;
  }
}
/*==================================================================================
 animations
==================================================================================*/
/*==================================================================================
 common style
==================================================================================*/
#group_footer {
  margin-top: 0;
}

main {
  font-family: "Noto Sans JP", YuGothic, Yu Gothic, "游ゴシック", sans-serif;
  font-weight: 500;
}
main h1, main h2, main h3, main h4, main h5, main h6 {
  font-weight: 800;
}
main .commonText01 {
  line-height: 1;
  font-size: 38px;
}
main .commonText02 {
  line-height: 1.4;
  font-size: 32px;
}
main .commonText03 {
  line-height: 1;
  font-size: 24px;
}
main .commonText04 {
  line-height: 1.9;
  font-size: 18px;
}
main .commonText05 {
  line-height: 1.9;
  font-size: 14px;
}
main .commonText06 {
  line-height: 1.7;
  font-size: 13px;
}
main .underLine {
  text-decoration: underline;
}
main a.underLine:hover {
  opacity: 1;
}
@media (min-width: 1025px) {
  main a.underLine:hover {
    text-decoration: none;
  }
}
main .indent01 {
  font-feature-settings: normal;
  padding-left: 1em;
  text-indent: -1em;
}
main .indent02 {
  font-feature-settings: normal;
  padding-left: 2em;
  text-indent: -2em;
}
main .indent03 {
  font-feature-settings: normal;
  padding-left: 3em;
  text-indent: -3em;
}
main .indent04 {
  font-feature-settings: normal;
  padding-left: 4em;
  text-indent: -4em;
}
main .indent05 {
  font-feature-settings: normal;
  padding-left: 5em;
  text-indent: -5em;
}
main .indent06 {
  font-feature-settings: normal;
  padding-left: 6em;
  text-indent: -6em;
}
main .indent07 {
  font-feature-settings: normal;
  padding-left: 7em;
  text-indent: -7em;
}
main .modalContents {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}
main .modalContents .closeButton {
  align-self: flex-end;
  cursor: pointer;
  position: relative;
  top: 20px;
  margin: 0 60px -24px 0;
  width: 24px;
  height: 24px;
}
@media (min-width: 1025px) {
  main .modalContents .closeButton:hover {
    opacity: .7;
  }
}
main .modalContents .modalWrapper {
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 50px 0;
  width: 100%;
  max-width: 800px;
  height: 100vh;
  overflow: auto;
}
main .modalContents .modalWrapper.centerMode {
  align-items: center;
  justify-content: center;
}
main .modalContents .inner {
  flex: 0 0 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 800px;
  border-radius: 50%;
  font-weight: 800;
  background: #1F70C3;
  overflow: hidden;
}
@media (min-width: 768px) {
  main .modalContents .inner {
    padding-bottom: 60px;
  }
}
main .modalContents .icon {
  padding-bottom: 5px;
  width: 80px;
}
main .modalContents .catch {
  padding-bottom: 20px;
  line-height: 1.2;
  font-size: 40px;
}
main .modalContents .lead {
  box-sizing: border-box;
  margin: 0 auto 25px;
  padding: 30px 30px;
  border-radius: 16px;
  width: 90%;
  max-width: 540px;
  line-height: 1.9;
  color: #fff;
  background: #539AE3;
}
main .modalContents .linkButton {
  width: 90%;
  max-width: 380px;
}
main .modalContents .linkButton a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  height: 64px;
  border-radius: 16px;
  font-size: 18px;
  color: #1F70C3;
  background: #FFE410;
  box-shadow: 6px 6px 0 0 #92BFEE;
}
main .modalContents .linkButton a:after {
  content: '';
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.performance main .modalContents .linkButton a:after {
  background-image: url(https://img.dormy-hotels.com/information/member/assets/img/icon-arrow01.svg);
}
.staging main main .modalContents .linkButton a:after {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/member/assets/img/icon-arrow01.svg);
}
.develop main main .modalContents .linkButton a:after {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/member/assets/img/icon-arrow01.svg);
}
main .modalContents .scrollContents {
  box-sizing: border-box;
  margin-top: 35px;
  width: 90%;
  max-width: 540px;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}
main .modalContents .scrollContents .scrollContentsTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  height: 40px;
  line-height: 1;
  color: #fff;
  background: #1861AC;
}
main .modalContents .scrollContents .scrollArea {
  box-sizing: border-box;
  margin: auto;
  padding: 0 25px 30px;
  width: 94%;
  max-width: 520px;
  height: 104px;
  overflow: auto;
}
main .modalContents .scrollContents .scrollArea::-webkit-scrollbar {
  width: 6px;
}
main .modalContents .scrollContents .scrollArea::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 3px;
  background: #A3C7EC;
}
main .modalContents .scrollContents .scrollArea dt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  height: 28px;
  border-radius: 6px;
  line-height: 1;
  color: #fff;
  background: #1F70C3;
}
main .modalContents .scrollContents .scrollArea dd {
  text-align: left;
  color: #1F70C3;
  font-weight: 500;
}
main li.modalTrigger,
main img.modalTrigger {
  cursor: pointer;
}
@media (min-width: 1025px) {
  main li.modalTrigger:hover,
  main img.modalTrigger:hover {
    opacity: .7;
  }
}
main .sections,
main .wrapper {
  position: relative;
  z-index: 1;
}
main .sections {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.performance main .sections {
  background-image: url(https://img.dormy-hotels.com/information/member/assets/img/special-bg.webp);
}
.staging main .sections {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/member/assets/img/special-bg.webp);
}
.develop main .sections {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/member/assets/img/special-bg.webp);
}
main .wrapper {
  box-sizing: border-box;
  padding: 80px 10px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 12px 12px 0 0 #1F70C3;
}
main section.intro {
  padding-bottom: 60px;
  background: #A7CBF0;
}
main section.intro h1 {
  position: relative;
  margin-bottom: -50px;
  line-height: 0;
  z-index: 2;
}
main section.intro h1 img {
  width: 100%;
}
main section.intro .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px 56px;
  max-width: 1100px;
}
main section.intro .items li {
  flex: 0 0 264px;
}
main section.comparison {
  padding: 160px 0 150px;
}
.performance main section.comparison {
  background-image: url(https://img.dormy-hotels.com/information/member/assets/img/comparison-bg.webp);
}
.staging main section.comparison {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/member/assets/img/comparison-bg.webp);
}
.develop main section.comparison {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/member/assets/img/comparison-bg.webp);
}
main section.comparison h2 {
  box-sizing: border-box;
  position: absolute;
  top: max(-5.46875vw, -70px);
  left: 50%;
  padding: min(2.34375vw, 30px) min(3.125vw, 40px);
  width: min(51.5625vw, 660px);
  border-radius: min(2.5vw, 32px);
  text-align: center;
  font-size: min(2.96875vw, 38px);
  background: #E9F4FF;
  transform: translateX(-50%);
}
main section.comparison .wrapper {
  padding: 0;
  box-shadow: 12px 12px 0 0 #92BFEE;
}
main section.comparison .badge,
main section.comparison .character,
main section.comparison .flow {
  position: absolute;
  z-index: 1;
}
main section.comparison .badge {
  top: max(-8.984375vw, -115px);
  left: min(2.1875vw, 28px);
  width: min(18.4375vw, 236px);
}
main section.comparison .character {
  top: max(-5.15625vw, -66px);
  right: max(-3.515625vw, -45px);
  width: min(22.265625vw, 285px);
}
main section.comparison .flow {
  top: min(11.875vw, 152px);
  left: min(6.40624vw, 82px);
  width: min(12.5vw, 160px);
}
main section.comparison .images {
  padding: min(7.5vw, 96px) min(6.40624vw, 82px) min(9.375vw, 120px) min(17.03125vw, 218px);
}
main section.comparison .images .bestRate {
  position: absolute;
  width: min(20.3125vw, 260px);
  z-index: 2;
}
main section.comparison .images li {
  position: relative;
}
main section.comparison .images li:not(:last-child) {
  padding-bottom: min(1.25vw, 16px);
}
main section.comparison .images li:first-child .bestRate {
  top: min(52.578125vw, 673px);
  right: min(25vw, 320px);
}
main section.comparison .images li:nth-child(2) .bestRate {
  top: min(35.703125vw, 457px);
  right: min(25vw, 320px);
}
main section.value {
  padding: 70px 0 80px;
  text-align: center;
}
.performance main section.value {
  background-image: url(https://img.dormy-hotels.com/information/member/assets/img/value-bg.webp);
}
.staging main section.value {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/member/assets/img/value-bg.webp);
}
.develop main section.value {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/member/assets/img/value-bg.webp);
}
main section.value h2 {
  position: relative;
  margin: 0 auto max(-4.6875vw, -60px);
  width: min(51.5625vw, 660px);
  z-index: 2;
}
main section.value .wrapper {
  padding-right: 120px;
  padding-left: 120px;
}
main section.value .catch {
  margin: auto;
  padding-bottom: 40px;
  max-width: 452px;
}
main section.value .text {
  display: inline-block;
  position: relative;
  padding: 1px 20px;
  margin-bottom: 8px;
  letter-spacing: 1px;
  line-height: 1.3;
  font-weight: 800;
}
main section.value .text:before, main section.value .text:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 2px;
  width: 3px;
  height: 100%;
  background: #0068B7;
}
main section.value .text:before {
  left: 0;
  transform: rotate(-20deg);
}
main section.value .text:after {
  right: 0;
  transform: rotate(20deg);
}
main section.value .banners {
  margin: auto;
  max-width: 600px;
}
main section.value .banners .character {
  position: absolute;
}
main section.value .banners a {
  display: block;
  position: relative;
}
main section.value .banners01 {
  padding-bottom: 60px;
}
main section.value .banners01 li:first-child {
  padding-bottom: 48px;
}
main section.value .banners01 li:first-child .character {
  position: absolute;
  top: 14.16667%;
  left: -16.16667%;
  width: 31%;
}
main section.value .banners01 li:last-child .character {
  position: absolute;
  top: 2.5%;
  right: -5%;
  width: 24.5%;
}
main section.value .banners02 {
  display: flex;
  justify-content: space-between;
}
main section.value .banners02 li {
  flex: 0 0 47%;
}
@media (min-width: 768px) {
  main .modalContents.specialContent01 .catch {
    padding-bottom: 10px;
  }
  main .modalContents.specialContent01 .lead {
    padding-bottom: 16px;
  }
}
main .modalContents.specialContent02 .image {
  padding-bottom: 40px;
  max-width: 580px;
}
main .modalContents.specialContent04 .lead img {
  display: block;
  margin: auto;
  padding-bottom: 25px;
  width: 70%;
  max-width: 288px;
}
main .modalContents.specialContent06 .bgText {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0 10px;
  height: 28px;
  border-radius: 4px;
  line-height: 1;
  color: #fff;
  background: #1F70C3;
}
main .modalContents.specialContent06 .blockText {
  display: block;
  margin: auto;
  width: 90%;
  line-height: 1.9;
}

@media (max-width: 767px) {
  main .wrap {
    width: 90%;
  }
  main .commonText01 {
    font-size: 24px;
  }
  main .commonText02 {
    font-size: 22px;
  }
  main .commonText03 {
    font-size: 18px;
  }
  main .commonText04 {
    font-size: 14px;
  }
  main .commonText05 {
    font-size: 12px;
  }
  main .commonText06 {
    font-size: 11px;
  }
  main .modalContents .closeButton {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
  }
  main .modalContents .modalWrapper {
    padding: 40px 0;
    width: 94%;
  }
  main .modalContents .inner {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 30px;
    width: 100%;
    height: auto;
    border-radius: 30px;
  }
  main .modalContents .icon {
    width: 50px;
  }
  main .modalContents .catch {
    padding-bottom: 10px;
    font-size: 20px;
  }
  main .modalContents .lead {
    margin-bottom: 15px;
    padding: 15px 15px;
    width: auto;
    border-radius: 12px;
    line-height: 1.7;
  }
  main .modalContents .linkButton {
    max-width: none;
  }
  main .modalContents .linkButton a {
    gap: 0 5px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    color: #1F70C3;
    background: #FFE410;
    box-shadow: 4px 4px 0 0 #92BFEE;
  }
  main .modalContents .linkButton a:after {
    width: 24px;
    height: 24px;
  }
  main .modalContents .scrollContents {
    margin-top: 20px;
    width: auto;
    max-width: none;
    border-radius: 12px;
  }
  main .modalContents .scrollContents .scrollContentsTitle {
    margin-bottom: 10px;
    height: 30px;
  }
  main .modalContents .scrollContents .scrollArea {
    padding: 0 15px 20px;
    height: 90px;
  }
  main .modalContents .scrollContents .scrollArea dt {
    margin-bottom: 8px;
    height: 22px;
  }
  main .wrapper {
    box-sizing: border-box;
    padding: 15.38461vw 2.5641vw 12.82051vw;
    border-radius: 6.15384vw;
    box-shadow: 1.53846vw 1.53846vw 0 0 #1F70C3;
  }
  main section.intro {
    padding-bottom: 15.38461vw;
  }
  main section.intro h1 {
    margin-bottom: -8vw;
  }
  main section.intro .items {
    justify-content: space-between;
    gap: 4.10256vw 0;
  }
  main section.intro .items li {
    flex: 0 0 48%;
  }
  main section.comparison {
    padding: 45.1282vw 0 20.51282vw;
  }
  .performance main section.comparison {
    background-image: url(https://img.dormy-hotels.com/information/member/assets/img/comparison-bg.webp);
  }
  .staging main section.comparison {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/member/assets/img/comparison-bg.webp);
  }
  .develop main section.comparison {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/member/assets/img/comparison-bg.webp);
  }
  main section.comparison h2 {
    top: -12.30769vw;
    padding: 3.07692vw 10.25641vw;
    width: 82.05128vw;
    border-radius: 4.10256vw;
    line-height: 1.1;
    font-size: 6.15384vw;
  }
  main section.comparison .wrapper {
    box-shadow: 6px 6px 0 0 #92BFEE;
  }
  main section.comparison .badge {
    top: -35vw;
    left: -2vw;
    width: 31.79487vw;
  }
  main section.comparison .character {
    top: -44vw;
    right: -2vw;
    width: 33.58974vw;
  }
  main section.comparison .flow {
    top: 10.25641vw;
    left: -2vw;
    width: 11.3vw;
  }
  main section.comparison .images {
    padding: 10.25641vw 1.53846vw 10.25641vw 5.89743vw;
  }
  main section.comparison .images .bestRate {
    width: 55vw;
  }
  main section.comparison .images li:not(:last-child) {
    padding-bottom: 4.10256vw;
  }
  main section.comparison .images li:first-child .bestRate {
    top: 125vw;
    right: 15vw;
  }
  main section.comparison .images li:nth-child(2) .bestRate {
    top: 137vw;
    right: 15vw;
  }
  main section.comparison .images li:last-child {
    margin-left: -3vw;
  }
  main section.value {
    padding: 20.51282vw 0;
  }
  .performance main section.value {
    background-image: url(https://img.dormy-hotels.com/information/member/assets/img/value-bg.webp);
  }
  .staging main section.value {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/member/assets/img/value-bg.webp);
  }
  .develop main section.value {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/member/assets/img/value-bg.webp);
  }
  main section.value h2 {
    margin-bottom: -7.6923vw;
    width: 92%;
  }
  main section.value .wrapper {
    padding: 10.25641vw 5.1282vw 15.38461vw;
  }
  main section.value .catch {
    padding-bottom: 10.25641vw;
    max-width: auto;
  }
  main section.value .text {
    padding: .25vw 3.5vw;
    margin-bottom: 2.05128vw;
    letter-spacing: 0;
    font-size: 4.10256vw;
  }
  main section.value .text:before, main section.value .text:after {
    bottom: .51282vw;
    width: .76923vw;
  }
  main section.value .banners01 {
    padding-bottom: 20.51282vw;
  }
  main section.value .banners01 li:first-child {
    padding-bottom: 11.53846vw;
  }
  main section.value .banners01 li:first-child .character {
    top: 18.71794vw;
    left: -4.35897vw;
    width: 24.61538vw;
  }
  main section.value .banners01 li:last-child .character {
    top: 16.15384vw;
    right: -4.35897vw;
    width: 21.02564vw;
  }
  main section.value .banners02 {
    flex-direction: column;
    justify-content: normal;
    gap: 2.05128vw 0;
    margin: auto;
    padding-top: 1.28205vw;
    width: 90%;
  }
  main section.value .banners02 li {
    flex: 0 0 auto;
  }
  main .modalContents.specialContent02 .image {
    padding-bottom: 20px;
    max-width: none;
  }
  main .modalContents.specialContent04 .lead img {
    padding-bottom: 15px;
    max-width: none;
  }
  main .modalContents.specialContent06 .bgText {
    margin: 10px 0 5px;
    height: 22px;
  }
  main .modalContents.specialContent06 .blockText {
    width: auto;
  }
}
/*==================================================================================
 contents style
==================================================================================*/

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