@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* 基本設定
----------------------------------------------------------------------------------*/
/* line 10, common.scss */
html, body, #wrapper {
  width: 100%;
  max-height: 100%; }

/* line 11, common.scss */
body {
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1.8;
  word-break: break-all;
  font-display: swap;
  font-weight: 400;
  color: #000;
  font-family: "YakuHanjP", "Noto Sans JP", sans-serif;
  font-size: 16px;
  /*transform: rotate( .03deg);*/ }
  @media only screen and (max-width: 750px) {
    /* line 11, common.scss */
    body {
      font-size: 15px; } }

/* line 17, common.scss */
h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td, div {
  letter-spacing: 0.075em;
  font-feature-settings: "palt" 1; }

/* line 18, common.scss */
ul li, ol li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem; }
  @media only screen and (max-width: 750px) {
    /* line 18, common.scss */
    ul li, ol li {
      font-size: 15px; } }

/* line 23, common.scss */
p, p a, div, ul, ol, li, li a, dl, dt, dt a, dd, dd a, section, span, em, i, strong, b {
  box-sizing: border-box;
  /*text-align: justify; text-justify: inter-ideograph;*/ }

/* line 24, common.scss */
i {
  font-style: normal; }

/* line 28, common.scss */
.flexImg {
  overflow: hidden;
  position: relative; }
  /* line 29, common.scss */
  .flexImg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
  /* line 30, common.scss */
  .flexImg.ab {
    height: 0;
    padding: 100%; }
    /* line 31, common.scss */
    .flexImg.ab img {
      position: absolute;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      margin: auto;
      z-index: 10; }

/* line 34, common.scss */
.bSdw {
  -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.5); }

/* line 35, common.scss */
.tSdw {
  -webkit-text-shadow: 2px 3px 6px black;
  -moz-text-shadow: 2px 3px 6px black;
  text-shadow: 2px 3px 6px black; }

/* line 36, common.scss */
.fSdw {
  filter: drop-shadow(2px 3px 6px black); }

/* line 38, common.scss */
.mainColor {
  color: #2e75b6; }

/* line 39, common.scss */
.bg-mainColor {
  background-color: #2e75b6; }

/* line 40, common.scss */
.bd-mainColor {
  border-color: #2e75b6; }

/* line 41, common.scss */
.subColor {
  color: #843c0c; }

/* line 42, common.scss */
.bg-subColor {
  background-color: #843c0c; }

/* line 43, common.scss */
.bd-subColor {
  border-color: #843c0c; }

/* line 44, common.scss */
.baseFontColor {
  color: #000; }

/* フォントの種類
----------------------------------------------------------------------- */
/* 和ゴシック */
/* line 50, common.scss */
.jpG {
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }

/* 和明朝 */
/* line 52, common.scss */
.jpM {
  font-family: "YakuHanMP", "Noto Serif JP", serif; }

/* line 53, common.scss */
.jpMidashi {
  font-family: "YakuHanMP", "Shippori Mincho B1", serif; }

/* line 54, common.scss */
.en {
  font-family: "Roboto", sans-serif; }

/* line 55, common.scss */
.enG {
  font-family: "Roboto", sans-serif; }

/* line 56, common.scss */
.enM {
  font-family: "EB Garamond", serif; }

/* line 57, common.scss */
.bold {
  font-weight: 700; }

/* ベースレイアウト設定
----------------------------------------------------------------------------------*/
/* line 62, common.scss */
#wrapper {
  text-align: center;
  background: #fff;
  overflow: hidden; }

/* line 63, common.scss */
main {
  /*padding: 0 70px !important;*/ }

/* line 64, common.scss */
.inner {
  max-width: 1040px;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box; }
  @media only screen and (max-width: 750px) {
    /* line 64, common.scss */
    .inner {
      padding: 0 5%; } }

/* line 68, common.scss */
section {
  /* text-align:left;*/ }

/* hover
----------------------------------------------------------------------------------*/
/* line 73, common.scss */
a, a:link, a:visited {
  color: #2e75b6;
  text-decoration: none;
  outline: none;
  transition: .5s;
  display: inline-block; }

/* line 74, common.scss */
a:hover {
  color: rgba(46, 117, 182, 0.5);
  text-decoration: none;
  transition: .5s;
  opacity: .7; }

/* line 75, common.scss */
a img {
  transition: .5s; }

/*a:hover img{ opacity: 0.6;}*/
/* line 77, common.scss */
*::selection {
  background: #2e75b6;
  color: #fff; }

/* -------------------------------
  PCのみの設定
------------------------------- */
@media print, screen and (min-width: 751px) {
  /* line 85, common.scss */
  .sp, .spOnly, .tbOnly {
    display: none !important; }

  /* line 86, common.scss */
  .pc, .pc-tb {
    display: inline-block !important;
    vertical-align: top !important; }

  /* line 87, common.scss */
  .pc-sp {
    display: inline-block !important;
    vertical-align: top !important; }

  /* スマホのみtellink有効（init.jsにも要設定） */
  /* line 89, common.scss */
  a[href^="tel:"] {
    cursor: default; } }
/* -------------------------------
  スマホ向け設定
------------------------------- */
@media only screen and (max-width: 750px) {
  /* line 97, common.scss */
  .pc, .tbOnly, .pc-tb {
    display: none !important;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0; }

  /* line 98, common.scss */
  .sp, .spOnly {
    display: inline-block !important;
    vertical-align: top !important; }

  /* line 99, common.scss */
  .pc-sp {
    display: inline-block !important;
    vertical-align: top !important; } }
/* -------------------------------
  PC～スマホ 調整（兼タブレット）
------------------------------- */
@media screen and (min-width: 601px) and (max-width: 750px) {
  /*.pc,.spOnly{ display:none !important; margin:0; padding:0; width:0; height:0;}
  .sp,.tbOnly,.pc-tb{ display:inline-block !important; vertical-align:top !important;}
  .pc-sp{ display:none !important; margin:0; padding:0; width:0; height:0;}*/ }