@charset "UTF-8";
/*!
Theme Name: saras
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saras
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

saras is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@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=Noto+Sans:wght@400;700&display=swap");
body * {
  box-sizing: border-box;
  opacity: inherit;
}

body {
  font-size: 14px;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  position: relative;
  color: #333333;
  line-height: 1.6;
}

body ul li {
  list-style: none;
}

body a {
  text-decoration: none;
  color: inherit;
}

figure img {
  display: block;
  width: 100%;
}

button {
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  padding: 0;
  border: none;
}

a:hover {
  opacity: 0.7;
}

h2, h3 {
  font-weight: 700;
}

@media all and (max-width: 768px) {
  .br_pc {
    display: none;
  }
}
@media all and (min-width: 768px) {
  .br_sp {
    display: none;
  }
}
.invisible {
  visibility: hidden;
  height: 0;
}

.inner_content {
  padding: 0 10px;
  max-width: 600px;
}

@media all and (min-width: 900px) {
  body {
    background: url("images/PC_ptn.png") repeat;
  }
}
body .page_body {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  /* PC表示サイドバナー */
  /* フッター固定バナー */
  /* ポータル用 */
}
body .page_body .main_area {
  max-width: 600px;
  width: 100%;
  background-color: #FFFFFF;
  margin: 0 auto;
  position: relative;
}
@media all and (min-width: 900px) {
  body .page_body .main_area {
    margin: 0;
  }
}
body .page_body .pc_sidearea {
  display: none;
}
@media all and (min-width: 900px) {
  body .page_body .pc_sidearea {
    display: block;
    width: 300px;
    padding: 65px 10px;
    position: relative;
  }
  body .page_body .pc_sidearea .side_banner {
    width: 272px;
    position: relative;
  }
  body .page_body .pc_sidearea .side_banner a {
    display: block;
    margin-bottom: 2em;
  }
}
body .page_body .sp_fixedfooter {
  width: 100%;
  height: 15.7vw;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  /* LP用 */
}
@media all and (min-width: 900px) {
  body .page_body .sp_fixedfooter {
    display: none;
  }
}
body .page_body .sp_fixedfooter .lp_fixed_banner {
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 0 auto;
}
body .page_body .sp_fixedfooter .lp_fixed_banner a {
  height: 100%;
}
body .page_body .sp_fixedfooter .lp_fixed_banner a img {
  width: 100%;
}
body .page_body .lp_fixed_banner .btn_register, body .page_body .lp_side_banner .btn_register {
  background-color: #f4a61e;
}
body .page_body .lp_fixed_banner .btn_register a, body .page_body .lp_side_banner .btn_register a {
  font-size: 18px;
}
body .page_body .sp_fixed_banner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  position: relative;
  background-image: url("images/footerbg.png");
  background-repeat: no-repeat;
  margin: 0 auto;
}
body .page_body .sp_fixed_banner button {
  width: 172px;
  height: 50px;
  border: 1px solid #c2c2c2;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
}
body .page_body .sp_fixed_banner button a {
  display: block;
  width: 100%;
  height: 100%;
}
body .page_body .sp_fixed_banner .btn_navi a {
  position: relative;
  padding: 8px 0 8px 10px;
}
body .page_body .sp_fixed_banner .btn_navi a img {
  display: block;
  height: 100%;
  width: auto;
}
body .page_body .sp_fixed_banner .btn_navi a::after {
  display: block;
  width: 59px;
  height: 67px;
  content: "";
  background-image: url("images/lp_ftchara.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
  right: -10px;
}
body .page_body .sp_fixed_banner .btn_saras a {
  font-size: 20px;
  font-weight: 700;
  color: #00b9e7;
  text-align: center;
  line-height: 50px;
}

header .header_logo {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  /* LP用ハンバーガーメニュー */
  /* ポータルヘッダ ログインボタン */
}
header .header_logo .site-branding {
  width: 140px;
  height: 40px;
}
header .header_logo .site-branding .custom-logo-link {
  display: inline-block;
  width: 100%;
}
header .header_logo .site-branding .custom-logo-link img {
  width: 100%;
  height: auto;
}
header .header_logo .mobile_menu #menu_btn_chk {
  display: none;
}
header .header_logo .mobile_menu .menu_btn {
  display: block;
  width: 34px;
  height: auto;
  cursor: pointer;
}
header .header_logo .mobile_menu .menu_btn img {
  width: 100%;
}
header .header_logo .mobile_menu .modal_menu {
  display: block;
  position: fixed;
  top: 0;
  left: 100vw;
  z-index: 99;
  width: 0;
  height: 100vh;
  overflow: hidden;
  transition: 0.1s;
}
header .header_logo .mobile_menu .modal_menu #modal_close_link {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -100vw;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide {
  width: 86%;
  height: 100%;
  margin-left: auto;
  padding: 18px 20px;
  background-color: #FFF;
  position: relative;
  z-index: 2;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .menu_btn {
  z-index: 3;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 7px;
  cursor: pointer;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav li {
  border-bottom: 1px solid #CCCCCC;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav li a {
  width: 100%;
  display: block;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_nav_menu li {
  padding: 30px 0;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_nav_menu li a img {
  display: block;
  width: 130px;
  height: auto;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_nav_menu li a p {
  margin-top: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #686868;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_nav_menu li.contact {
  border-bottom: none;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_nav_menu li.contact a p {
  font-size: 20px;
  color: #4C4C4C;
  position: relative;
  margin: 0;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_nav_menu li.contact a p::after {
  display: block;
  width: 10px;
  height: 18px;
  content: "";
  background-image: url("images/icon_arrow.png");
  background-size: contain;
  position: absolute;
  top: 7px;
  right: 0;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_nav_menu > li:first-child {
  padding-bottom: 0;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_sub_menu {
  border-top: 1px solid #CCC;
  margin-top: 12px;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_sub_menu li {
  padding: 12px 0;
  border-bottom: 1px solid #CCC;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_sub_menu li a {
  position: relative;
  font-size: 20px;
  font-weight: 700;
}
header .header_logo .mobile_menu .modal_menu .modal_menu_slide .lp_nav .lp_sub_menu li a::after {
  display: block;
  width: 10px;
  height: 18px;
  content: "";
  background-image: url("images/icon_arrow.png");
  background-size: contain;
  position: absolute;
  top: 7px;
  right: 0;
}
header .header_logo .mobile_menu #menu_btn_chk:checked ~ .modal_menu {
  width: 100vw;
  left: 0;
}
header .header_logo .mobile_menu #menu_btn_chk:checked ~ .modal_menu #modal_close_link {
  left: 0;
}
header .header_logo button.login_btn {
  width: 148px;
  background-color: #00b9e7;
  border-radius: 15px;
}
header .header_logo button.login_btn a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  display: block;
}

/* 共通フッター */
footer {
  width: 100%;
  background-color: #6356a3;
  position: relative;
  padding-bottom: 20px;
}
footer .footer_nav {
  padding: 16px 0;
}
footer .footer_nav .footer_menu_body {
  display: flex;
  justify-content: space-around;
}
footer .footer_nav .footer_menu_body li {
  font-size: 12px;
  color: #FFF;
}
footer .copyright {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 42px;
  text-align: center;
}

body.family_lp footer, body.partner_lp footer, body.ohitori_lp footer {
  margin-bottom: 0;
}

body.single-partner footer {
  margin-bottom: 0;
}

.sns_btns {
  display: flex;
  justify-content: space-around;
}
.sns_btns li {
  display: block;
  width: 50px;
}
.sns_btns li a {
  display: block;
  width: 100%;
}
.sns_btns li a img {
  display: block;
  width: 100%;
}

/**/
.cta_modal {
  display: none;
}
@media all and (min-width: 900px) {
  .cta_modal {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  .cta_modal #modal_btn_chk {
    display: none;
  }
  .cta_modal #modal_btn_chk:checked ~ .modal_window {
    display: block;
  }
  .cta_modal .modal_window {
    display: none;
    width: 100vw;
    height: 100vh;
    position: relative;
  }
  .cta_modal .modal_window .modal_window_bg {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .cta_modal .modal_window .modal_message {
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% - 300px);
    background-color: #FFF;
    width: 600px;
    height: 400px;
    border: 2px solid #00B9E7;
    padding: 46px 60px;
  }
  .cta_modal .modal_window .modal_message .modal_close_btn {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    right: 13px;
    content: "";
    cursor: pointer;
  }
  .cta_modal .modal_window .modal_message .modal_close_btn::before, .cta_modal .modal_window .modal_message .modal_close_btn::after {
    display: block;
    width: 144%;
    height: 144%;
    content: "";
    border-top: solid 2px #CCC;
    position: absolute;
    top: 0;
  }
  .cta_modal .modal_window .modal_message .modal_close_btn::before {
    transform: rotate(45deg);
    left: 0;
    transform-origin: top left;
  }
  .cta_modal .modal_window .modal_message .modal_close_btn::after {
    transform: rotate(-45deg);
    right: 0;
    transform-origin: top right;
  }
  .cta_modal .modal_window .modal_message .modal_close_btn:hover::before, .cta_modal .modal_window .modal_message .modal_close_btn:hover::after {
    border-top: solid 2px #AAA;
  }
  .cta_modal .modal_window .modal_message h2 {
    font-size: 24px;
    font-weight: 700;
    color: #00B9E7;
    margin-bottom: 16px;
  }
  .cta_modal .modal_window .modal_message p {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .cta_modal .modal_window .modal_message p.lh12 {
    line-height: 1.2;
  }
  .cta_modal .modal_window .modal_message img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 24px auto 0;
  }
}/*# sourceMappingURL=style.css.map */