@charset "utf-8";

/**************************************************************
* カスタムプロパティ
**************************************************************/
:root {
  --base-font-size: 62.5%; /* 基本文字サイズ 10px相当 */
  --base-font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif; /* 基本フォント */
  --alphabetic-font-family: 'Secular One', sans-serif; /* 英文字フォント */

  --accent-color: #628399;

  --base-font-color: #202020; /* ベース文字色 */
  --sub-font-color: #1f1f1f; /* サブ文字色 */
  --form-privacy-font-color: #666; /* フォームのプライバシーポリシー内文字色 */
  --base-font-title-color: #202020; /* タイトル文字色 */
  --base-font-en-title-color: #628399; /* 英文字タイトル文字色 */

  --base-bg: #ffffff;
  --base-background-color: #16181b; /* 基本背景色 */
  --accent-background-color: #e1faff; /* アクセント背景色1 */
  --contact-bg: linear-gradient( 316deg, #3e4c55 67%, var(--accent-color) 100%);
  --ok-status-color: #2d4b5e; /* OK色 */
  --warning-status-color: #969696; /* 警告色 */
}



/**************************************************************
* フォームリセット
**************************************************************/
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;
}

/* 必須ではない場合のPlaceholderの対応　*/
input[type="text"]:not(#acceptance):read-only:placeholder-shown,
input[type="tel"]:not(#acceptance):read-only:placeholder-shown,
input[type="email"]:not(#acceptance):read-only:placeholder-shown {
	-webkit-text-fill-color: #ffffff;
}


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

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

/** 共通
************************************************************ */
.g-nav-list::before {
  background-image: url(../images/common/logo.png);
}

.g-nav-sns-list .--twitter .item__icon,
.g-footer-sns-list .--twitter .item__icon {
  background-image: url(../images/common/sns_twitter_icn.svg);
}
.g-nav-sns-list .--instagram .item__icon,
.g-footer-sns-list .--instagram .item__icon  {
  background-image: url(../images/common/sns_instagram_icn.svg);
}
.g-nav-sns-list .--line .item__icon,
.g-footer-sns-list .--line .item__icon  {
  background-image: url(../images/common/sns_line_icn.svg);
}

.g-pagetop-link-lbl {
  background: url(../images/common/icon_page_top.svg) no-repeat center / contain;
}


/** MV
************************************************************ */
.mv-slide[class*="--1"] { background-image: url(../images/mv/mv01_bg_sp.jpg); }
.mv-slide[class*="--2"] { background-image: url(../images/mv/mv02_bg_sp.jpg); }
.mv-slide[class*="--3"] { background-image: url(../images/mv/mv03_bg_sp.jpg); }

@media all and (min-width: 768px) {
	.mv-slide[class*="--1"] { background-image: url(../images/mv/mv01_bg.jpg); }
	.mv-slide[class*="--2"] { background-image: url(../images/mv/mv02_bg.jpg); }
	.mv-slide[class*="--3"] { background-image: url(../images/mv/mv03_bg.jpg); }
}

.mv-tegaki-txt::before {
	background-image: url(../images/mv/mv_tegaki_txt_line.png);
}

/** ABOUT
************************************************************ */
.aboutUs-bg.--01 .jarallax-img {
	background-image: url(../images/about-us/img_01.jpg);
}
.aboutUs-bg.--02 .jarallax-img {
	background-image: url(../images/about-us/img_02.jpg);
}
.aboutUs-bg.--03 .jarallax-img {
	background-image: url(../images/about-us/img_03.jpg);
}

/** INTERVIEW
************************************************************ */
.c-main-bg.--interviews {
	background-image: url(../images/interviews/main.jpg);
}

/** ONEDAY
************************************************************ */
.c-main-bg.--oneDay {
	z-index: 0;
  background-image: url(../images/oneDay/main.jpg);
}

/** REQUIREMENTS
************************************************************ */
.c-main-bg.--reqruirements {
  /*background-image: url(../images/requirements/main.jpg);*/
}