@charset "UTF-8";
/* googlefont　*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700&display=swap");
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
サイト固有の追加項目
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* base設定　*/
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  position: relative;
  font-size: 14px;
  line-height: 1.8;
  overflow-x: hidden;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  html, body {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  html, body {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 1200px) {
  html, body {
    font-size: 16px;
  }
}

body {
  -webkit-text-size-adjust: 100%;
  position: relative;
  overflow-y: hidden;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  background: rgba(255, 255, 255, 0);
  color: #333;
}
body a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
body a:hover {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
body strong {
  font-weight: bold;
}
body .small {
  font-size: 0.8rem;
}

::-moz-selection {
  background: #FFF3CE;
}

::selection {
  background: #FFF3CE;
}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%; /*for responsive*/
  height: auto; /*for responsive*/
  width: auto; /* IE8のみ */
}

.opacity:hover {
  opacity: 70%;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/*==================================

$module_text_key_color 設定

==================================*/
/*==================================

privacyテキストのstyle 設定

==================================*/
.privacy_main_ttl {
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 3rem;
  margin-bottom: 2rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .privacy_main_ttl {
    margin-bottom: 3rem;
    font-size: 2rem;
    margin-top: 7rem;
    letter-spacing: 2px;
  }
}

.orange {
  color: #ea5504;
}

.orange_contents .privacy_sub_ttl {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-left: 5px solid #ea5504;
  padding-left: 1rem;
}
@media screen and (min-width: 768px) {
  .orange_contents .privacy_sub_ttl {
    font-size: 1.6rem;
  }
}

.green {
  color: #007e5c;
}

.green_contents .privacy_sub_ttl {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-left: 5px solid #007e5c;
  padding-left: 1rem;
}
@media screen and (min-width: 768px) {
  .green_contents .privacy_sub_ttl {
    font-size: 1.6rem;
  }
}

.blue {
  color: #0b318f;
}

.blue_contents .privacy_sub_ttl {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-left: 5px solid #0b318f;
  padding-left: 1rem;
}
@media screen and (min-width: 768px) {
  .blue_contents .privacy_sub_ttl {
    font-size: 1.6rem;
  }
}

.yellow {
  color: #fdd000;
}

.yellow_contents .privacy_sub_ttl {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-left: 5px solid #fdd000;
  padding-left: 1rem;
}
@media screen and (min-width: 768px) {
  .yellow_contents .privacy_sub_ttl {
    font-size: 1.6rem;
  }
}

.red {
  color: #CC1F3A;
}

.red_contents .privacy_sub_ttl {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-left: 5px solid #CC1F3A;
  padding-left: 1rem;
}
@media screen and (min-width: 768px) {
  .red_contents .privacy_sub_ttl {
    font-size: 1.6rem;
  }
}

.privacy_graybg_box {
  margin: 0 auto 2rem auto;
  background-color: #F6F6F6;
  border-radius: 10px;
  padding: 1.5rem 2rem;
}
@media screen and (min-width: 768px) {
  .privacy_graybg_box {
    padding: 2rem 3rem;
  }
}

/*==================================

お問い合わせページ内のprivacyテキストのstyle 設定
(上記からフォントサイズやマージンの上書き)

==================================*/
.contact_privacy_section .privacy_main_ttl {
  font-size: 1rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .contact_privacy_section .privacy_main_ttl {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
.contact_privacy_section .privacy_sub_ttl {
  font-size: 0.9rem;
  margin: 0.5rem 0;
}
@media screen and (min-width: 768px) {
  .contact_privacy_section .privacy_sub_ttl {
    font-size: 0.9rem;
    margin: 1rem 0;
  }
}
.contact_privacy_section .privacy_graybg_box {
  background-color: white;
  padding: 1.5rem 2rem;
}
@media screen and (min-width: 768px) {
  .contact_privacy_section .privacy_graybg_box {
    padding: 1.5rem 2rem;
  }
}

.green_contents .g_num_list {
  margin: 0 0 0 0;
}
.green_contents .g_num_list .g_num_list_item {
  list-style-position: inside;
  counter-increment: item;
  padding-bottom: 0;
}
.green_contents .g_num_list .g_num_list_item:before {
  color: #333;
  content: "（" counter(item) "） ";
}
.green_contents .g_num_list .g_num_list_item ul {
  margin: 0.2rem 0 0.5rem 1rem;
}
.green_contents .g_bullet_list {
  margin: 0 0 0 1rem;
}
.green_contents .g_bullet_list .g_bullet_list_item {
  padding-bottom: 0;
  text-indent: -0.4rem;
}
.green_contents .g_bullet_list .g_bullet_list_item:before {
  color: #333;
}
.green_contents .g_bullet_list .g_bullet_list_item ul {
  margin: 0.2rem 0 1rem 1rem;
}
.green_contents .g_alpha_list {
  margin: 0 0 0 1rem;
}
.green_contents .g_alpha_list .g_alpha_list_item {
  padding-bottom: 0;
}
.green_contents .g_alpha_list .g_alpha_list_item:before {
  color: #333;
}
.green_contents .g_alpha_list .g_alpha_list_item ul {
  margin: 0.2rem 0 0.5rem 1rem;
}
.green_contents .g_list_inner_p {
  padding: 0 0 0 2rem;
  text-indent: 0;
}