@charset "UTF-8";

/**************************************************************
* フォント初期化
**************************************************************/

/* @font-face {
  font-family: ;
  src: url();
} */


/**************************************************************
* カスタムプロパティ
**************************************************************/

:root {
  --base-color: #2b2b3a;
  --base-inverted-color: #ffffff; 
  --base-background-color: #ffffff;
  --accent-1-background-color: #124387;
  --accent-2-background-color: #dbf5fa;
  --accent-3-background-color: #eff8f8;
  --accent-1-color: #124387;
  --accent-2-color: #09bada;
  /* --extra-color: #9c94a5; */
  --extra-color: #e6e3e9;
  --warning-color: var(--accent-2-background-color);
  --alphabetic-font-family: 'Cormorant Garamond', 'Times', serif;
  --base-font-size: 62.5%;
  --base-bg: var(--base-background-color);
  --form-control-bg: var(--base-background-color);
}


/**************************************************************
* SPLIDE (Carousel) CORE STYLES
**************************************************************/
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}


/**************************************************************
* フォームリセット
**************************************************************/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill:read-only,
textarea:-webkit-autofill:read-only,
select:-webkit-autofill:read-only,
input[type="text"]:not(#acceptance):read-only,
input[type="tel"]:not(#acceptance):read-only,
input[type="email"]:not(#acceptance):read-only,
textarea:not(.privacy-textarea):read-only {
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* //MEMO
    特定の入力フォームのデザインを変更する場合は、以下のCSSを使用してフォームの入力部分をカスタマイズします。
.c-form-control__input,
.c-form-control__textarea {
  color: #000000 !important;
  background: #ffffff !important;
}
*/



/**************************************************************
* 背景画像の指定
**************************************************************/

/** 共通
************************************************************ */
.free-btn-icn {
  background-image: url("../images/common/tel_icn.svg");
}

i.line-icn      { background-image: url(../images/common/sns_line_icn.svg); }
i.twitter-icn   { background-image: url(../images/common/sns_twitter_icn.svg); }
i.instagram-icn { background-image: url(../images/common/sns_instagram_icn.svg); }

.parallax-visual[class*="--1"] .parallax-visual__bg {
  background-image: url(../images/parallax-bg/parallax_1_bg.jpg);
}

/** MV
************************************************************ */
/* slides */
.mv-slideshow__slide[class*="--slide-1"] {
  background-image: url(../images/main-visual/mv_slide_1_back_bg.jpg);
}
.mv-slideshow__slide[class*="--slide-2"] {
  background-image: url(../images/main-visual/mv_slide_2_back_bg.jpg);
}

.mv-slideshow__slide[class*="--slide-1"] .mv-slide__front-visual {
  right: 0;
  background-image: url(../images/main-visual/mv_slide_1_front_bg.jpg);
}
.mv-slideshow__slide[class*="--slide-2"] .mv-slide__front-visual {
  left: 0;
  background-image: url(../images/main-visual/mv_slide_2_front_bg.jpg);
}

/** CONCEPT
************************************************************ */
.slide[class*="--1"] .slide__bg-holder::before {
  background-image: url(../images/concept/slide_1_img.jpg);
}
.slide[class*="--2"] .slide__bg-holder::before {
  background-image: url(../images/concept/slide_2_img.jpg);
}
.slide[class*="--3"] .slide__bg-holder::before {
  background-image: url(../images/concept/slide_3_img.jpg);
}

/** BUSINESS
************************************************************ */
.business-point:nth-child(1):before {
  background-image: url(../images/business/business_point_1_bg.jpg);
}
.business-point:nth-child(2):before {
  background-image: url(../images/business/business_point_2_bg.jpg);
}
.business-point:nth-child(3):before {
  background-image: url(../images/business/business_point_3_bg.jpg);
}

/** ABOUT
************************************************************ */
.about-item:nth-child(1):before {
  background-image: url(../images/about/item_1_bg.jpg);
}
.about-item:nth-child(2):before {
  background-image: url(../images/about/item_2_bg.jpg);
}
.about-item:nth-child(3):before {
  background-image: url(../images/about/item_3_bg.jpg);
}

/** MESSAGE
************************************************************ */
.message-visual::after {
  background-image: url(../images/message/message_bg.jpg);
}

/** LOOPING GALLERY
************************************************************ */
.looping-gallery__col[class*="--1"]::after {
  top: 0;
  background-image: url(../images/looping-gallery/gallery_column_1_bg.jpg);
}
.looping-gallery__col[class*="--2"]::after {
  bottom: 0;
  background-image: url(../images/looping-gallery/gallery_column_2_bg.jpg);
}
.looping-gallery__col[class*="--3"]::after {
  top: 0;
  background-image: url(../images/looping-gallery/gallery_column_3_bg.jpg);
}