@charset "UTF-8";
/* Scss Document */
/* CSS Document */
@import url(common.css);
@font-face {
  font-family: 'Dela Gothic One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/DelaGothicOne-Regular.woff2") format("woff2"), url("../fonts/DelaGothicOne-Regular.woff") format("woff"); }
/*================================================
　reset
================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*================================================
　import設定 
================================================*/
/*================================================
　共通設定 
================================================*/
html {
  font-size: 62.5%; }
  html.open {
    height: 100%;
    overflow: hidden; }

body {
  font-size: 1.6rem;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  -webkit-text-size-adjust: none;
  /*iPhone用ランドスケープ時の文字のサイズを自動で拡大防止*/
  line-height: 1.5em;
  color: #000;
  text-align: center;
  position: relative;
  max-width: 1920px;
  min-width: 320px;
  margin: 0 auto; }
  @media (min-width: 744px) {
    body {
      font-size: 16px; } }

* {
  box-sizing: border-box; }

p {
  font-size: 1.6rem;
  line-height: 1.5em;
  margin-bottom: 1em; }
  @media (min-width: 744px) {
    p {
      font-size: 16px; } }

strong {
  color: #00479d; }

mark {
  background: linear-gradient(transparent 60%, #ffec39 0%);
  color: #000;
  font-style: normal;
  font-weight: bold; }

/* 画像設定 */
img {
  width: 100%;
  height: auto; }
  @media (min-width: 744px) {
    img {
      width: auto; } }

/* 詳しくはこちら */
.linkbtn {
  width: 100%;
  text-align: center; }
  .linkbtn a {
    margin: 0 auto;
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    transition: .3s; }
    .linkbtn a:hover {
      color: #fff;
      background: #c1272d; }

.scrollbar {
  width: 100%;
  /*-webkit-overflow-scrolling: touch;*/
  margin-bottom: 20px; }
  .scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px; }
  .scrollbar::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee; }
  .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666; }
  @media (min-width: 1024px) {
    .scrollbar {
      overflow-x: unset; } }
  .scrollbar .scroll-hint-icon-wrap .scroll-hint-icon {
    height: 90px; }

@media (min-width: 744px) {
  .sp {
    display: none; } }

.dot {
  position: relative; }
  .dot::before {
    content: "・・・・・";
    font-size: 100%;
    letter-spacing: -0.13em;
    position: absolute;
    left: 0.05em;
    top: -0.9em; }

/*================================================
　レイアウト設定 
================================================*/
#container {
  width: 100%;
  text-align: center; }
  #container #container-inner header {
    padding: 10px;
    background: rgba(255, 255, 255, 0.98); }
    @media (width >= 1200px) {
      #container #container-inner header {
        position: sticky;
        top: 0;
        z-index: 20; } }
    #container #container-inner header .inner {
      text-align: left;
      display: flex;
      align-items: center; }
      @media (min-width: 1024px) {
        #container #container-inner header .inner {
          flex-direction: row; } }
      #container #container-inner header .inner #header-logo {
        max-width: 50%;
        text-align: center; }
        @media (min-width: 744px) {
          #container #container-inner header .inner #header-logo {
            max-width: 300px; } }
        #container #container-inner header .inner #header-logo h1 img {
          width: 100%;
          height: auto; }
        #container #container-inner header .inner #header-logo h1 + P {
          font-size: 16px;
          font-weight: 600;
          color: #00479d;
          margin-bottom: 0; }
          @media (width <= 430px) {
            #container #container-inner header .inner #header-logo h1 + P {
              font-size: 14px; } }
      #container #container-inner header .inner #header-content {
        margin-left: auto;
        display: flex;
        align-items: center; }
        #container #container-inner header .inner #header-content > div {
          margin: 0 10px; }
          #container #container-inner header .inner #header-content > div i {
            margin-right: 5px; }
          #container #container-inner header .inner #header-content > div.info p {
            font-size: clamp(14px, 2vw, 22px);
            font-weight: 600;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 0; }
            @media (max-width: 320px) {
              #container #container-inner header .inner #header-content > div.info p {
                font-size: 14px; } }
            #container #container-inner header .inner #header-content > div.info p b {
              display: inline-block;
              line-height: 1.2;
              font-weight: 600;
              color: #c1272d;
              text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 1px 1px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -1px -1px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px 0px 5px; }
              @media (min-width: 430px) {
                #container #container-inner header .inner #header-content > div.info p b {
                  font-size: clamp(16px, 3vw, 26px); } }
              @media (max-width: 320px) {
                #container #container-inner header .inner #header-content > div.info p b {
                  font-size: 12px;
                  line-height: 1.5; } }
          #container #container-inner header .inner #header-content > div.phone {
            background: #2670c9;
            background: -webkit-linear-gradient(bottom, #2670c9 0%, #00479d 100%);
            background: -o-linear-gradient(bottom, #2670c9 0%, #00479d 100%);
            background: linear-gradient(to top, #2670c9 0%, #00479d 100%);
            border-radius: 50px;
            padding: 7px 20px;
            text-align: center;
            color: #fff;
            font-size: 20px;
            font-weight: 600; }
            @media (width < 1200px) {
              #container #container-inner header .inner #header-content > div.phone {
                display: none; } }
            @media (width >= 1024px) {
              #container #container-inner header .inner #header-content > div.phone {
                font-size: 30px; } }
            #container #container-inner header .inner #header-content > div.phone a {
              color: #fff;
              text-decoration: none; }
          @media (width < 1200px) {
            #container #container-inner header .inner #header-content > div.line {
              display: none; } }
          #container #container-inner header .inner #header-content > div.line a {
            font-size: 20px;
            color: #fff;
            position: relative;
            background: #00d941;
            background: -webkit-linear-gradient(bottom, #00d941 0%, #07b53b 100%);
            background: -o-linear-gradient(bottom, #00d941 0%, #07b53b 100%);
            background: linear-gradient(to top, #00d941 0%, #07b53b 100%);
            border-radius: 50px;
            padding: 10px 20px 10px 55px;
            text-decoration: none;
            display: flex;
            align-items: center; }
            #container #container-inner header .inner #header-content > div.line a::before {
              content: "";
              background: url("../images/common/icon_line.svg") left 20px center no-repeat;
              background-size: 28px;
              width: 50px;
              height: 35px;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: auto;
              margin: auto; }
  #container #container-inner #content {
    clear: both;
    text-align: center;
    width: 100%;
    margin-top: 0px; }
    #container #container-inner #content h1 {
      background: #f8f8f8;
      background-size: cover;
      color: #000;
      font-size: 30px;
      font-weight: normal;
      line-height: 1em;
      padding: 50px 0;
      box-sizing: border-box; }
      @media (min-width: 744px) {
        #container #container-inner #content h1 {
          font-size: 40px;
          padding: 70px 0; } }
      @media (min-width: 1024px) {
        #container #container-inner #content h1 {
          font-size: 50px;
          padding: 70px 0; } }
    #container #container-inner #content main {
      background-color: #fff;
      width: 100%; }
      #container #container-inner #content main > section {
        padding: 50px 0;
        box-sizing: border-box;
        margin-bottom: 0; }
        @media (min-width: 1024px) {
          #container #container-inner #content main > section {
            padding: 100px 0; } }
        #container #container-inner #content main > section .inner {
          width: 90%;
          margin: 0 auto;
          text-align: left; }
      #container #container-inner #content main h2 {
        color: #000;
        font-size: 25px;
        line-height: 1.2em;
        text-align: center;
        box-sizing: border-box;
        margin-bottom: 20px;
        position: relative;
        text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 1px 1px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -1px -1px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px 0px 5px; }
        @media (min-width: 744px) {
          #container #container-inner #content main h2 {
            font-size: 40px;
            text-align: center;
            box-sizing: border-box;
            margin-bottom: 40px; } }
        #container #container-inner #content main h2 strong {
          display: inline-block;
          color: #00479d; }
          #container #container-inner #content main h2 strong b {
            font-size: 1.5; }
        #container #container-inner #content main h2 b {
          display: inline-block;
          text-align: center;
          font-weight: 600;
          color: #c1272d; }
        #container #container-inner #content main h2 span {
          display: inline-block; }
      #container #container-inner #content main h3 {
        background: #00479d;
        color: #fff;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.2em;
        text-align: left;
        padding: 3%;
        box-sizing: border-box;
        margin-bottom: 10px;
        position: relative; }
        @media (min-width: 744px) {
          #container #container-inner #content main h3 {
            font-size: 30px;
            padding: 10px;
            box-sizing: border-box; } }
        #container #container-inner #content main h3 span {
          display: inline-block; }
      #container #container-inner #content main h4 {
        font-size: 1.8rem;
        line-height: 1.2em;
        text-align: left;
        color: #00479d;
        font-weight: normal;
        border-left: 5px solid #00479d;
        padding: 10px 0 10px 10px;
        background: #f8f8f8;
        margin-bottom: 10px; }
        @media (min-width: 744px) {
          #container #container-inner #content main h4 {
            font-weight: 400;
            font-size: 20px; } }
      #container #container-inner #content main h5 {
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 1.2em;
        color: #00479d;
        border-bottom: 2px solid #00479d;
        box-sizing: border-box;
        padding: 5px 10px;
        margin-bottom: 10px; }
        @media (min-width: 744px) {
          #container #container-inner #content main h5 {
            font-size: 20px;
            padding: 5px; } }
      #container #container-inner #content main h6 {
        font-size: 1.8rem;
        line-height: 1.2em;
        color: #00479d;
        box-sizing: border-box;
        margin-bottom: 10px; }
        @media (min-width: 744px) {
          #container #container-inner #content main h6 {
            font-size: 20px; } }
  #container #container-inner #copyright {
    /*　コピーライト */
    text-align: center;
    font-size: 12px;
    color: #000;
    padding: 10px 0 100px;
    box-sizing: border-box; }
    @media (min-width: 744px) {
      #container #container-inner #copyright {
        padding: 10px 0 85px; } }
    @media (min-width: 1024px) {
      #container #container-inner #copyright {
        padding: 10px 0; } }
  #container #container-inner #footer-btn {
    z-index: 9998;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center; }
    @media (min-width: 1200px) {
      #container #container-inner #footer-btn {
        display: none; } }
    #container #container-inner #footer-btn > div {
      width: 100%; }
      #container #container-inner #footer-btn > div a {
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        padding: 15px 10px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        width: 100%;
        height: 100%; }
        #container #container-inner #footer-btn > div a i {
          font-size: 18px;
          margin-right: 5px; }
      #container #container-inner #footer-btn > div.box1 a {
        color: #fff;
        background: #2670c9;
        background: -webkit-linear-gradient(bottom, #2670c9 0%, #00479d 100%);
        background: -o-linear-gradient(bottom, #2670c9 0%, #00479d 100%);
        background: linear-gradient(to top, #2670c9 0%, #00479d 100%); }
      #container #container-inner #footer-btn > div.box2 a {
        color: #fff;
        background: #00d941;
        background: -webkit-linear-gradient(bottom, #00d941 0%, #07b53b 100%);
        background: -o-linear-gradient(bottom, #00d941 0%, #07b53b 100%);
        background: linear-gradient(to top, #00d941 0%, #07b53b 100%); }

/*================================================
　トップページ
================================================*/
#index #container #content main {
  margin-right: 0; }
  @media (min-width: 1024px) {
    #index #container #content main {
      width: 100%; } }
  #index #container #content main section {
    padding: 50px 0;
    box-sizing: border-box;
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      #index #container #content main section {
        padding: 100px 0; } }
    #index #container #content main section .catch {
      font-size: clamp(16px, 2vw, 18px);
      font-weight: 600;
      line-height: 1.5em;
      text-align: center;
      margin-bottom: 30px; }
      @media (min-width: 744px) {
        #index #container #content main section .catch {
          font-size: 22px; } }
      #index #container #content main section .catch span, #index #container #content main section .catch strong {
        display: inline-block; }
      #index #container #content main section .catch + p {
        font-size: 16px;
        text-align: left;
        margin-bottom: 20px; }
        @media (min-width: 744px) {
          #index #container #content main section .catch + p {
            font-size: 18px;
            text-align: center;
            margin-bottom: 40px; } }
    #index #container #content main section#eyecatch2 {
      background: #e6f9ff url("../images/index/firstview_bg.png") center no-repeat;
      background-size: cover;
      padding: 0;
      overflow: hidden; }
      @media (max-width: 743px) {
        #index #container #content main section#eyecatch2 {
          background: #e6f9ff url("../images/index/firstview_bg_sp.jpg") center no-repeat;
          background-size: cover; } }
      @media (744px <= width < 1024px) {
        #index #container #content main section#eyecatch2 {
          height: min(768px, 100vh); } }
      @media (1024px <= width < 1280px) {
        #index #container #content main section#eyecatch2 {
          height: min(768px, 100vh); } }
      @media (1024px <= width < 1280px) and (orientation: landscape) {
        #index #container #content main section#eyecatch2 {
          height: 768px; } }
      @media (1280px <= width < 1366px) {
        #index #container #content main section#eyecatch2 {
          height: min(700px, 100vh); } }
      @media (1366px <= width < 1600px) {
        #index #container #content main section#eyecatch2 {
          height: min(700px, 100vh); } }
      @media (1600px <= width < 1920px) {
        #index #container #content main section#eyecatch2 {
          height: min(800px, 100vh); } }
      @media (width >= 1920px) {
        #index #container #content main section#eyecatch2 {
          height: min(900px, 90vh); } }
      #index #container #content main section#eyecatch2 .inner {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        background: url("../images/index/firstview_polarbear.png") no-repeat;
        background-position: center bottom; }
        @media (max-width: 743px) {
          #index #container #content main section#eyecatch2 .inner {
            background: url("../images/index/firstview_polarbear_sp.png") no-repeat;
            background-position: center bottom;
            background-size: 90% auto;
            height: 75%; } }
        @media (max-width: 320px) {
          #index #container #content main section#eyecatch2 .inner {
            height: 80%; } }
        @media (min-width: 321px) {
          #index #container #content main section#eyecatch2 .inner {
            background-size: 90% auto;
            height: 75%; } }
        @media (min-width: 744px) {
          #index #container #content main section#eyecatch2 .inner {
            background-position: right bottom;
            background-size: 75% auto;
            height: 100%;
            padding: 0; } }
        @media (min-width: 1024px) {
          #index #container #content main section#eyecatch2 .inner {
            background-size: 60% auto; } }
        @media (min-width: 1200px) {
          #index #container #content main section#eyecatch2 .inner {
            width: 90%;
            margin: 0 auto;
            background: url("../images/index/firstview_polarbear.png") right bottom no-repeat;
            background-size: 50% auto; } }
        #index #container #content main section#eyecatch2 .inner .box1 {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: center;
          z-index: 10; }
          #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title {
            transform: rotate(-4.5deg);
            font-size: 40px;
            text-align: center;
            line-height: 1;
            font-weight: 600;
            color: #000;
            text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 1px 1px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -1px -1px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px 0px 5px;
            padding: 20px 0 0;
            display: flex;
            flex-direction: column;
            align-items: center; }
            @media (min-width: 1024px) {
              #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title {
                align-items: flex-start;
                margin-left: 50px; } }
            #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title span {
              font-size: 0.7em; }
            #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
              padding: 10px 20px;
              font-size: clamp(20px, 2vw, 48px);
              line-height: 1;
              color: #19cdff; }
              @media (max-width: 320px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  font-size: 30px;
                  padding: 3px; } }
              @media (320px < width <= 430px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  padding: 3px 10px;
                  font-size: clamp(40px, 8vw, 45px); } }
              @media (430px < width <= 744px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  padding: 3px 10px;
                  font-size: 48px; } }
              @media (744px < width < 1024px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  font-size: 48px; } }
              @media (1024px <= width < 1366px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  font-size: 65px; } }
              @media (1366px <= width < 1600px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  font-size: clamp(50px, 5vw, 73px); } }
              @media (1600px <= width < 1920px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  font-size: clamp(50px, 5vw, 80px); } }
              @media (width >= 1920px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_1 {
                  font-size: 100px; } }
            #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
              padding: 10px 20px;
              font-size: 68px;
              line-height: 1;
              color: #0093ff;
              letter-spacing: -0.1em; }
              @media (max-width: 320px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 36px;
                  padding: 10px 0; } }
              @media (320px < width <= 430px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 46px; } }
              @media (430px < width < 744px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 48px; } }
              @media (744px <= width < 1024px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 68px; } }
              @media (1024px <= width < 1366px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 85px; } }
              @media (1366px <= width < 1600px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 93px; } }
              @media (1600px <= width < 1920px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 110px; } }
              @media (width >= 1920px) {
                #index #container #content main section#eyecatch2 .inner .box1 > div.fv_title .fvt_2 {
                  font-size: 130px; } }
        #index #container #content main section#eyecatch2 .inner .box3 {
          display: flex;
          flex-direction: column;
          margin-top: 30px;
          position: relative;
          z-index: 10;
          width: 90%;
          position: absolute;
          top: auto;
          bottom: 30px;
          left: 0;
          right: 0;
          margin: auto; }
          #index #container #content main section#eyecatch2 .inner .box3 .point {
            display: flex;
            justify-content: center;
            gap: 10px; }
            #index #container #content main section#eyecatch2 .inner .box3 .point > div {
              background: url("../images/index/point_medal.svg") top center no-repeat;
              width: 30%;
              min-height: 110px;
              position: relative;
              display: flex;
              flex-direction: column;
              justify-content: center; }
              @media (max-width: 320px) {
                #index #container #content main section#eyecatch2 .inner .box3 .point > div {
                  min-height: 100px; } }
              @media (min-width: 640px) {
                #index #container #content main section#eyecatch2 .inner .box3 .point > div {
                  max-width: 200px;
                  min-height: 200px; } }
              @media (min-width: 1920px) {
                #index #container #content main section#eyecatch2 .inner .box3 .point > div {
                  max-width: 240px;
                  min-height: 240px; } }
              #index #container #content main section#eyecatch2 .inner .box3 .point > div::before {
                content: "";
                background: url("../images/index/point_crown.png") top center no-repeat;
                background-size: 100px;
                width: 100px;
                height: 60px;
                position: absolute;
                top: -50px;
                right: 0;
                bottom: auto;
                left: 0;
                margin: auto; }
                @media (min-width: 744px) {
                  #index #container #content main section#eyecatch2 .inner .box3 .point > div::before {
                    background-size: 200px;
                    width: 200px;
                    height: 114px;
                    top: -100px; } }
              #index #container #content main section#eyecatch2 .inner .box3 .point > div .price {
                font-size: clamp(18px, 5.5vw, 40px);
                text-align: center;
                line-height: 1.2;
                font-weight: 600;
                color: #c1272d;
                text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 1px 1px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -1px -1px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px 0px 5px; }
                #index #container #content main section#eyecatch2 .inner .box3 .point > div .price b {
                  letter-spacing: -0.05em;
                  display: block;
                  font-size: 1.2em; }
                #index #container #content main section#eyecatch2 .inner .box3 .point > div .price span {
                  display: block; }
          #index #container #content main section#eyecatch2 .inner .box3 .comment {
            font-size: 10px;
            text-align: right; }
            @media (max-width: 320px) {
              #index #container #content main section#eyecatch2 .inner .box3 .comment {
                font-size: 8px;
                text-align: center; } }
            @media (min-width: 744px) {
              #index #container #content main section#eyecatch2 .inner .box3 .comment {
                font-size: 12px; } }
    #index #container #content main section#index_maker {
      background: #f8f8f8;
      padding-top: 50px; }
      @media (max-width: 430px) {
        #index #container #content main section#index_maker {
          padding-top: 20px; } }
      @media (max-width: 320px) {
        #index #container #content main section#index_maker .inner h2 {
          font-size: 20px; } }
      #index #container #content main section#index_maker .inner .maker {
        margin-bottom: 20px; }
        #index #container #content main section#index_maker .inner .maker .box ul {
          list-style: none;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center; }
          #index #container #content main section#index_maker .inner .maker .box ul li {
            width: 100px;
            margin: 2%; }
            @media (min-width: 744px) {
              #index #container #content main section#index_maker .inner .maker .box ul li {
                width: 150px; } }
            #index #container #content main section#index_maker .inner .maker .box ul li img {
              width: auto;
              max-width: 100%; }
      #index #container #content main section#index_maker .inner .type .box ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        #index #container #content main section#index_maker .inner .type .box ul li {
          font-size: 14px;
          background: #fff;
          border-radius: 10px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
          width: 46%;
          margin: 2%;
          padding: 10px; }
          @media (min-width: 744px) {
            #index #container #content main section#index_maker .inner .type .box ul li {
              width: calc(80%/5); } }
          #index #container #content main section#index_maker .inner .type .box ul li img {
            width: auto;
            max-width: 100%; }
          #index #container #content main section#index_maker .inner .type .box ul li span {
            display: block;
            text-align: center; }
    #index #container #content main section#index_case {
      background: url("../images/index/case_bg.png") center bottom no-repeat;
      background-size: cover;
      padding-bottom: 0; }
      @media (max-width: 743px) {
        #index #container #content main section#index_case {
          background: url("../images/index/case_bg_sp.png") center no-repeat;
          background-size: cover; } }
      #index #container #content main section#index_case .inner {
        max-width: 90%;
        width: fit-content;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 10px;
        padding: 30px 30px 0; }
        @media (max-width: 500px) {
          #index #container #content main section#index_case .inner {
            width: 90%; } }
        @media (min-width: 744px) {
          #index #container #content main section#index_case .inner .catch {
            font-size: clamp(27px, 2.4vw, 30px); } }
        #index #container #content main section#index_case .inner .box {
          display: flex;
          flex-direction: column;
          gap: 20px; }
          @media (min-width: 1200px) {
            #index #container #content main section#index_case .inner .box {
              flex-direction: row;
              justify-content: center;
              align-items: center; } }
          #index #container #content main section#index_case .inner .box .img {
            text-align: center; }
            #index #container #content main section#index_case .inner .box .img img {
              max-width: 500px;
              height: auto; }
          #index #container #content main section#index_case .inner .box ul.check li {
            background: url(../images/index/icon_check.svg) no-repeat;
            background-size: 34px;
            list-style: none;
            font-size: clamp(16px, 2vw, 20px);
            line-height: 1.8;
            padding: 5px;
            padding-left: 50px;
            margin-bottom: 20px; }
    #index #container #content main section#index_case2 {
      background: url("../images/index/case2_bg.png") center top no-repeat;
      background-size: cover; }
      #index #container #content main section#index_case2 .inner {
        max-width: 90%; }
        #index #container #content main section#index_case2 .inner .box {
          position: relative;
          display: flex;
          flex-direction: column;
          gap: 20px; }
          @media (width < 1200px) {
            #index #container #content main section#index_case2 .inner .box {
              max-width: 700px;
              margin: 0 auto; } }
          @media (min-width: 1200px) {
            #index #container #content main section#index_case2 .inner .box {
              flex-direction: row;
              flex-wrap: wrap;
              justify-content: space-between;
              gap: 10%; } }
          #index #container #content main section#index_case2 .inner .box .img_main {
            width: 100%;
            text-align: center;
            z-index: 10; }
            @media (width < 1200px) {
              #index #container #content main section#index_case2 .inner .box .img_main {
                order: 1; } }
            @media (min-width: 1200px) {
              #index #container #content main section#index_case2 .inner .box .img_main {
                position: absolute;
                top: 100px;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto; } }
            #index #container #content main section#index_case2 .inner .box .img_main img {
              width: auto;
              max-width: 200px;
              height: auto; }
          #index #container #content main section#index_case2 .inner .box article {
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media (min-width: 1200px) {
              #index #container #content main section#index_case2 .inner .box article {
                width: 40%; } }
            #index #container #content main section#index_case2 .inner .box article.speechBubble {
              position: relative;
              padding: 15px;
              border-radius: 10px;
              background-color: #ffffff;
              text-align: left;
              font-size: 16px;
              font-weight: 400;
              line-height: 1.5;
              color: #000000; }
              @media (min-width: 1200px) {
                #index #container #content main section#index_case2 .inner .box article.speechBubble {
                  padding: 15px 30px; } }
            #index #container #content main section#index_case2 .inner .box article:nth-child(1).speechBubble {
              margin-bottom: 80px; }
              #index #container #content main section#index_case2 .inner .box article:nth-child(1).speechBubble::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 75%;
                border-style: solid;
                border-width: 60px 30px 0 30px;
                border-color: #ffffff transparent transparent;
                translate: -50% 100%;
                transform: skew(55deg);
                transform-origin: top; }
              @media (width < 1200px) {
                #index #container #content main section#index_case2 .inner .box article:nth-child(1).speechBubble {
                  margin-bottom: 20px;
                  order: 2; }
                  #index #container #content main section#index_case2 .inner .box article:nth-child(1).speechBubble::after {
                    display: none; } }
            #index #container #content main section#index_case2 .inner .box article:nth-child(1) .img {
              order: 1;
              text-align: left; }
            #index #container #content main section#index_case2 .inner .box article:nth-child(1) .text {
              order: 2; }
            @media (width < 1200px) {
              #index #container #content main section#index_case2 .inner .box article:nth-child(1) .img {
                order: 2;
                text-align: left; }
              #index #container #content main section#index_case2 .inner .box article:nth-child(1) .text {
                order: 1; } }
            #index #container #content main section#index_case2 .inner .box article:nth-child(2).speechBubble {
              margin-bottom: 80px; }
              #index #container #content main section#index_case2 .inner .box article:nth-child(2).speechBubble::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 25%;
                border-style: solid;
                border-width: 60px 30px 0 30px;
                border-color: #ffffff transparent transparent;
                translate: -50% 100%;
                transform: skew(-55deg);
                transform-origin: top; }
              @media (width < 1200px) {
                #index #container #content main section#index_case2 .inner .box article:nth-child(2).speechBubble {
                  margin-bottom: 20px;
                  order: 3; }
                  #index #container #content main section#index_case2 .inner .box article:nth-child(2).speechBubble::after {
                    display: none; } }
            #index #container #content main section#index_case2 .inner .box article:nth-child(2) .img {
              order: 2;
              text-align: left; }
            #index #container #content main section#index_case2 .inner .box article:nth-child(2) .text {
              order: 1; }
            #index #container #content main section#index_case2 .inner .box article:nth-child(4).speechBubble {
              margin-top: 80px; }
              #index #container #content main section#index_case2 .inner .box article:nth-child(4).speechBubble::after {
                content: "";
                position: absolute;
                top: 0;
                left: 75%;
                border-style: solid;
                border-width: 0 30px 60px 30px;
                border-color: transparent transparent #ffffff;
                translate: -50% -100%;
                transform: skew(-55deg);
                transform-origin: bottom; }
              @media (width < 1200px) {
                #index #container #content main section#index_case2 .inner .box article:nth-child(4).speechBubble {
                  margin-top: 0px;
                  margin-bottom: 20px;
                  order: 4; }
                  #index #container #content main section#index_case2 .inner .box article:nth-child(4).speechBubble::after {
                    display: none; } }
            #index #container #content main section#index_case2 .inner .box article:nth-child(4) .img {
              order: 1;
              text-align: left; }
            #index #container #content main section#index_case2 .inner .box article:nth-child(4) .text {
              order: 2; }
            @media (width < 1200px) {
              #index #container #content main section#index_case2 .inner .box article:nth-child(4) .img {
                order: 2;
                text-align: left; }
              #index #container #content main section#index_case2 .inner .box article:nth-child(4) .text {
                order: 1; } }
            #index #container #content main section#index_case2 .inner .box article:nth-child(5).speechBubble {
              margin-top: 80px; }
              #index #container #content main section#index_case2 .inner .box article:nth-child(5).speechBubble::after {
                content: "";
                position: absolute;
                top: 0;
                left: 25%;
                border-style: solid;
                border-width: 0 30px 60px 30px;
                border-color: transparent transparent #ffffff;
                translate: -50% -100%;
                transform: skew(55deg);
                transform-origin: bottom; }
              @media (width < 1200px) {
                #index #container #content main section#index_case2 .inner .box article:nth-child(5).speechBubble {
                  margin-top: 0px;
                  margin-bottom: 20px;
                  order: 5; }
                  #index #container #content main section#index_case2 .inner .box article:nth-child(5).speechBubble::after {
                    display: none; } }
            #index #container #content main section#index_case2 .inner .box article:nth-child(5) .img {
              order: 2;
              text-align: left; }
            #index #container #content main section#index_case2 .inner .box article:nth-child(5) .text {
              order: 1; }
            #index #container #content main section#index_case2 .inner .box article .img img {
              width: 120px;
              height: auto; }
              @media (max-width: 430px) {
                #index #container #content main section#index_case2 .inner .box article .img img {
                  width: 100px; } }
            #index #container #content main section#index_case2 .inner .box article .text h6 {
              font-size: clamp(16px, 3vw, 20px); }
              @media (min-width: 744px) {
                #index #container #content main section#index_case2 .inner .box article .text h6 {
                  font-size: clamp(16px, 4vw, 35px); } }
              @media (min-width: 1024px) {
                #index #container #content main section#index_case2 .inner .box article .text h6 {
                  font-size: clamp(20px, 3vw, 26px); } }
    #index #container #content main section#index_5reason {
      background-image: url("../images/index/index_5reason_polarbear.png"), url("../images/index/bg3.png");
      background-position: left bottom,center;
      background-size: auto 80%, cover;
      background-repeat: no-repeat; }
      @media (max-width: 743px) {
        #index #container #content main section#index_5reason {
          background-image: url("../images/index/bg3_sp.png");
          background-size: cover; } }
      @media (744px <= width < 1280px) {
        #index #container #content main section#index_5reason {
          background-position: right 10% bottom, center;
          background-size: auto 37%, cover; } }
      #index #container #content main section#index_5reason .inner {
        max-width: 1000px; }
        #index #container #content main section#index_5reason .inner h2 strong .large {
          font-size: 2em; }
        #index #container #content main section#index_5reason .inner .img {
          text-align: center;
          margin-bottom: 0; }
          @media (min-width: 744px) {
            #index #container #content main section#index_5reason .inner .img {
              display: none; } }
          #index #container #content main section#index_5reason .inner .img img {
            max-width: 80%;
            vertical-align: text-bottom;
            line-height: 0; }
        #index #container #content main section#index_5reason .inner .box {
          display: flex;
          flex-direction: column; }
          @media (744px <= width < 1280px) {
            #index #container #content main section#index_5reason .inner .box {
              flex-direction: row;
              flex-wrap: wrap;
              justify-content: space-between; } }
          @media (min-width: 1280px) {
            #index #container #content main section#index_5reason .inner .box {
              max-width: 55%;
              margin-left: auto; } }
          #index #container #content main section#index_5reason .inner .box article {
            box-shadow: 0 0 10px #ccc;
            background: #fff;
            position: relative;
            margin: 0 0 40px 30px;
            padding: 20px;
            padding-left: 30px;
            border-radius: 10px;
            /*.photo{
            	display: none;
            	img{
            		width: 100%;
            		height: auto;
            		@include tab{
            			width: auto;
            			max-height: 200px;
            		}
            		
            	}
            }*/ }
            @media (min-width: 744px) {
              #index #container #content main section#index_5reason .inner .box article {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 30px;
                width: 45%; } }
            @media (min-width: 1280px) {
              #index #container #content main section#index_5reason .inner .box article {
                width: 100%; } }
            #index #container #content main section#index_5reason .inner .box article::before {
              content: "";
              background: url("../images/index/point_medal.svg") no-repeat;
              background-size: 65px;
              width: 65px;
              height: 65px;
              position: absolute;
              top: -24;
              bottom: auto;
              left: -38px;
              right: auto;
              margin: auto;
              font-size: 60px;
              color: #673c0d;
              /* font-style: italic; */
              display: flex;
              align-items: center;
              justify-content: center; }
              @media (min-width: 1024px) {
                #index #container #content main section#index_5reason .inner .box article::before {
                  background-size: 80px;
                  width: 80px;
                  height: 80px;
                  top: 0;
                  bottom: 0;
                  left: -38px;
                  right: auto; } }
            #index #container #content main section#index_5reason .inner .box article:first-child::before {
              content: "1"; }
            #index #container #content main section#index_5reason .inner .box article:nth-child(2)::before {
              content: "2"; }
            #index #container #content main section#index_5reason .inner .box article:nth-child(3)::before {
              content: "3"; }
            #index #container #content main section#index_5reason .inner .box article:nth-child(4)::before {
              content: "4"; }
            #index #container #content main section#index_5reason .inner .box article:nth-child(5)::before {
              content: "5"; }
            #index #container #content main section#index_5reason .inner .box article .text h3 {
              padding: 0;
              color: #00479d;
              background: none; }
              #index #container #content main section#index_5reason .inner .box article .text h3 span {
                display: inline-block; }
              @media (min-width: 744px) {
                #index #container #content main section#index_5reason .inner .box article .text h3 {
                  text-align: center; } }
            #index #container #content main section#index_5reason .inner .box article .text p {
              font-size: 16px;
              line-height: 1.5em;
              margin-bottom: 0; }
              #index #container #content main section#index_5reason .inner .box article .text p strong {
                font-size: 1.2em;
                color: #c1272d; }
    #index #container #content main section#index_4points {
      background-image: url("../images/index/index_4points_polarbear.png"), url("../images/index/bg4.jpg");
      background-position: right bottom,center;
      background-size: auto 80%, cover;
      background-repeat: no-repeat; }
      @media (max-width: 743px) {
        #index #container #content main section#index_4points {
          background-image: url("../images/index/bg4_sp.jpg");
          background-size: cover; } }
      @media (744px <= width < 1280px) {
        #index #container #content main section#index_4points {
          background-position: center bottom, center;
          background-size: auto 37%, cover;
          padding-bottom: 300px; } }
      #index #container #content main section#index_4points .inner {
        max-width: 1000px; }
        #index #container #content main section#index_4points .inner h2 strong .large {
          font-size: 2em; }
        #index #container #content main section#index_4points .inner .img {
          text-align: center;
          margin-bottom: 0; }
          @media (min-width: 744px) {
            #index #container #content main section#index_4points .inner .img {
              display: none; } }
          #index #container #content main section#index_4points .inner .img img {
            max-width: 80%;
            vertical-align: text-bottom;
            line-height: 0; }
        #index #container #content main section#index_4points .inner .box {
          display: flex;
          flex-direction: column; }
          @media (744px <= width < 1280px) {
            #index #container #content main section#index_4points .inner .box {
              flex-direction: row;
              flex-wrap: wrap;
              justify-content: space-between; } }
          @media (min-width: 1280px) {
            #index #container #content main section#index_4points .inner .box {
              max-width: 55%;
              margin-right: auto; } }
          #index #container #content main section#index_4points .inner .box article {
            box-shadow: 0 0 10px #ccc;
            background: #fff;
            position: relative;
            margin: 0 0 40px 30px;
            padding: 20px;
            padding-left: 30px;
            border-radius: 10px;
            /*.photo{
            	display: none;
            	img{
            		width: 100%;
            		height: auto;
            		@include tab{
            			width: auto;
            			max-height: 200px;
            		}
            		
            	}
            }*/ }
            @media (min-width: 744px) {
              #index #container #content main section#index_4points .inner .box article {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 30px;
                width: 45%; } }
            @media (min-width: 1280px) {
              #index #container #content main section#index_4points .inner .box article {
                width: 100%; } }
            #index #container #content main section#index_4points .inner .box article::before {
              content: "";
              background: url("../images/index/point_medal.svg") no-repeat;
              background-size: 65px;
              width: 65px;
              height: 65px;
              position: absolute;
              top: -24;
              bottom: auto;
              left: -38px;
              right: auto;
              margin: auto;
              font-size: 60px;
              color: #673c0d;
              /* font-style: italic; */
              display: flex;
              align-items: center;
              justify-content: center; }
              @media (min-width: 1024px) {
                #index #container #content main section#index_4points .inner .box article::before {
                  background-size: 80px;
                  width: 80px;
                  height: 80px;
                  top: 0;
                  bottom: 0;
                  left: -38px;
                  right: auto; } }
            #index #container #content main section#index_4points .inner .box article:first-child::before {
              content: "1"; }
            #index #container #content main section#index_4points .inner .box article:nth-child(2)::before {
              content: "2"; }
            #index #container #content main section#index_4points .inner .box article:nth-child(3)::before {
              content: "3"; }
            #index #container #content main section#index_4points .inner .box article:nth-child(4)::before {
              content: "4"; }
            #index #container #content main section#index_4points .inner .box article:nth-child(5)::before {
              content: "5"; }
            #index #container #content main section#index_4points .inner .box article .text h3 {
              padding: 0;
              color: #00479d;
              background: none; }
              #index #container #content main section#index_4points .inner .box article .text h3 span {
                display: inline-block; }
              @media (min-width: 744px) {
                #index #container #content main section#index_4points .inner .box article .text h3 {
                  text-align: center; } }
            #index #container #content main section#index_4points .inner .box article .text p {
              font-size: 16px;
              line-height: 1.5em;
              margin-bottom: 0; }
              #index #container #content main section#index_4points .inner .box article .text p strong {
                font-size: 1.2em;
                color: #c1272d; }
    #index #container #content main section#index_price {
      background: url("../images/index/bg7.jpg") no-repeat;
      background-size: cover; }
      @media (max-width: 743px) {
        #index #container #content main section#index_price {
          background: url("../images/index/bg7_sp.jpg") center no-repeat;
          background-size: cover; } }
      #index #container #content main section#index_price .inner .price_main {
        margin-bottom: 50px; }
        @media (min-width: 1024px) {
          #index #container #content main section#index_price .inner .price_main {
            margin-bottom: 100px; } }
        #index #container #content main section#index_price .inner .price_main table {
          empty-cells: show;
          border-collapse: collapse;
          border-spacing: 0;
          width: 100%;
          max-width: 600px;
          border: 2px solid #ccc;
          margin: 0 auto; }
          #index #container #content main section#index_price .inner .price_main table th {
            border: 2px solid #ccc;
            background: #00479d;
            padding: 10px 20px;
            text-align: center;
            font-size: clamp(16px, 2vw, 20px);
            color: #fff; }
          #index #container #content main section#index_price .inner .price_main table td {
            border: 2px solid #ccc;
            background: #fff;
            color: #ff6600;
            padding: 10px 20px;
            text-align: center;
            font-size: clamp(16px, 2vw, 20px);
            text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px; }
      #index #container #content main section#index_price .inner .price_option {
        margin-bottom: 50px; }
        @media (min-width: 1024px) {
          #index #container #content main section#index_price .inner .price_option {
            margin-bottom: 100px; } }
        #index #container #content main section#index_price .inner .price_option .box {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px; }
          @media (min-width: 744px) {
            #index #container #content main section#index_price .inner .price_option .box {
              justify-content: space-between; } }
          #index #container #content main section#index_price .inner .price_option .box > article {
            width: calc(90% / 2);
            position: relative;
            background: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            padding-bottom: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            text-align: center; }
            @media (min-width: 744px) {
              #index #container #content main section#index_price .inner .price_option .box > article {
                width: calc(90%/4); } }
            #index #container #content main section#index_price .inner .price_option .box > article .photo img {
              max-width: 100%;
              height: auto; }
            #index #container #content main section#index_price .inner .price_option .box > article .text h3 {
              font-size: clamp(16px, 2vw, 20px);
              line-height: 1.5em;
              color: #000;
              background: none;
              text-align: center;
              margin-bottom: 0; }
              #index #container #content main section#index_price .inner .price_option .box > article .text h3 strong {
                font-size: 1.5em;
                line-height: 1.5em;
                color: #c1272d; }
              #index #container #content main section#index_price .inner .price_option .box > article .text h3 span {
                display: inline-block; }
            #index #container #content main section#index_price .inner .price_option .box > article .text .price {
              color: #ff6600;
              text-align: center;
              font-size: clamp(16px, 2vw, 20px);
              text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px; }
      #index #container #content main section#index_price .inner .price_howto ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; }
        #index #container #content main section#index_price .inner .price_howto ul li {
          list-style: none; }
          #index #container #content main section#index_price .inner .price_howto ul li img {
            width: 80px;
            max-height: 40px; }
            @media (min-width: 1024px) {
              #index #container #content main section#index_price .inner .price_howto ul li img {
                width: 100px; } }
    #index #container #content main section#index_hikaku {
      background-image: url("../images/index/bg5.png");
      background-size: cover; }
      @media (max-width: 743px) {
        #index #container #content main section#index_hikaku {
          background: url("../images/index/bg5_sp.png") center no-repeat;
          background-size: cover; } }
      @media (min-width: 1366px) {
        #index #container #content main section#index_hikaku {
          background-image: url("../images/index/hikaku_polarbear.png"), url("../images/index/bg5.png");
          background-position: left bottom,center;
          background-size: auto 80%, cover;
          background-repeat: no-repeat; } }
      #index #container #content main section#index_hikaku .inner .img {
        text-align: center;
        margin-bottom: 0; }
        @media (min-width: 1366px) {
          #index #container #content main section#index_hikaku .inner .img {
            display: none; } }
        #index #container #content main section#index_hikaku .inner .img img {
          max-width: 400px;
          vertical-align: text-bottom;
          line-height: 0; }
      #index #container #content main section#index_hikaku .inner .hikaku_main {
        position: relative; }
        @media (min-width: 744px) {
          #index #container #content main section#index_hikaku .inner .hikaku_main {
            overflow: visible !important; } }
        @media (min-width: 1366px) {
          #index #container #content main section#index_hikaku .inner .hikaku_main {
            width: 70%;
            margin-left: auto; } }
        #index #container #content main section#index_hikaku .inner .hikaku_main table {
          empty-cells: show;
          border-collapse: collapse;
          border-spacing: 0;
          width: 100%;
          border: 2px solid #ccc;
          margin: 0 auto; }
          @media (max-width: 743px) {
            #index #container #content main section#index_hikaku .inner .hikaku_main table {
              width: 800px; } }
          #index #container #content main section#index_hikaku .inner .hikaku_main table th {
            border: 2px solid #ccc;
            background: rgba(66, 66, 66, 0.8);
            padding: 10px 20px;
            text-align: center;
            font-size: clamp(12px, 2vw, 14px);
            color: #fff;
            vertical-align: middle; }
            #index #container #content main section#index_hikaku .inner .hikaku_main table th:nth-child(2) {
              font-size: clamp(16px, 2vw, 20px);
              background: #fff url("../images/index/bg2.jpg");
              position: relative;
              /*&::before{
              	content:"";
              	background: url("../images/index/hikaku_polarbear.png") no-repeat;
              	background-size: 100px;
              	width: 100px;
              	height: 100px;
              	position: absolute;
              	top: -100px;
              	bottom: auto;
              	left: 10px;
              	right: auto;
              	margin: auto;
              }*/ }
              #index #container #content main section#index_hikaku .inner .hikaku_main table th:nth-child(2) img {
                width: 100%;
                max-width: 200px;
                height: auto; }
          #index #container #content main section#index_hikaku .inner .hikaku_main table td {
            border: 2px solid #ccc;
            background: rgba(248, 248, 248, 0.8);
            color: #333;
            padding: 10px 20px;
            text-align: center;
            font-size: clamp(12px, 2vw, 14px); }
            #index #container #content main section#index_hikaku .inner .hikaku_main table td:nth-child(2) {
              background: #fff url("../images/index/bg2.jpg");
              font-size: clamp(16px, 2vw, 20px);
              font-weight: 600;
              color: #ff6600;
              text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px; }
    #index #container #content main section#index_area {
      padding: 0;
      background: #f0f9ff url("../images/index/area_bg.jpg") left bottom no-repeat;
      background-size: cover; }
      @media (max-width: 743px) {
        #index #container #content main section#index_area {
          background: url("../images/index/area_bg_sp.jpg") center no-repeat;
          background-size: cover; } }
      @media (max-width: 1280px) {
        #index #container #content main section#index_area {
          padding-top: 50px; } }
      #index #container #content main section#index_area .inner .btn {
        text-align: center; }
        #index #container #content main section#index_area .inner .btn a {
          display: inline-block;
          font-size: clamp(16px, 3vw, 24px);
          font-weight: 600;
          text-decoration: none;
          line-height: 1em;
          background: rgba(255, 102, 0, 0.9);
          padding: 10px 20px;
          color: #fff;
          border: 3px solid #fff;
          border-radius: 50px;
          transition: 0.3s; }
      #index #container #content main section#index_area .inner .box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; }
        @media (min-width: 744px) {
          #index #container #content main section#index_area .inner .box {
            flex-direction: row;
            justify-content: center;
            align-items: stretch;
            gap: 20px; } }
        #index #container #content main section#index_area .inner .box > div {
          width: 100%; }
          @media (min-width: 744px) {
            #index #container #content main section#index_area .inner .box > div {
              width: fit-content;
              white-space: nowrap; } }
          #index #container #content main section#index_area .inner .box > div.img {
            display: flex;
            align-items: flex-end; }
            @media (max-width: 430px) {
              #index #container #content main section#index_area .inner .box > div.img {
                order: 2; } }
            #index #container #content main section#index_area .inner .box > div.img img {
              width: 100%;
              height: auto;
              max-width: 200px; }
              @media (max-width: 743px) {
                #index #container #content main section#index_area .inner .box > div.img img {
                  width: 250px; } }
              @media (min-width: 1280px) {
                #index #container #content main section#index_area .inner .box > div.img img {
                  max-width: 500px; } }
          #index #container #content main section#index_area .inner .box > div.text {
            display: flex;
            flex-direction: column;
            justify-content: center; }
            #index #container #content main section#index_area .inner .box > div.text h2 {
              font-size: clamp(40px, 5vw, 70px);
              margin-bottom: 20px; }
            #index #container #content main section#index_area .inner .box > div.text p {
              font-size: clamp(16px, 3vw, 20px);
              font-weight: 600;
              text-align: center;
              color: #fff;
              line-height: 1.5em;
              z-index: 2; }
          #index #container #content main section#index_area .inner .box > div.map {
            display: flex;
            align-items: center; }
            @media (max-width: 430px) {
              #index #container #content main section#index_area .inner .box > div.map {
                position: absolute;
                bottom: 20px;
                left: auto;
                right: 0;
                top: auto;
                margin: auto;
                z-index: 1;
                width: fit-content; } }
            @media (max-width: 743px) {
              #index #container #content main section#index_area .inner .box > div.map {
                position: absolute;
                bottom: 20px;
                left: auto;
                right: 0;
                top: auto;
                margin: auto;
                z-index: 1; } }
            #index #container #content main section#index_area .inner .box > div.map img {
              width: 400px;
              height: auto; }
              @media (max-width: 1200px) {
                #index #container #content main section#index_area .inner .box > div.map img {
                  width: 200px; } }
    #index #container #content main section#index_achivement {
      background: url("../images/index/bg2.jpg") no-repeat;
      background-size: cover;
      overflow: hidden; }
      @media (max-width: 743px) {
        #index #container #content main section#index_achivement {
          background: url("../images/index/bg2_sp.jpg") center no-repeat;
          background-size: cover; } }
      #index #container #content main section#index_achivement .inner {
        width: 90%;
        max-width: 90%; }
        #index #container #content main section#index_achivement .inner h2 {
          text-align: center; }
          #index #container #content main section#index_achivement .inner h2 strong {
            display: inline-block; }
        #index #container #content main section#index_achivement .inner .swiper {
          overflow: visible; }
          #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper {
            padding: 0;
            height: auto; }
            @media (min-width: 744px) {
              #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide {
                margin: 0 auto !important; } }
            #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide:not(.swiper-slide-visible) .slide {
              pointer-events: none;
              opacity: 0.3; }
            #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide {
              background: #fff;
              box-shadow: 0 0 10px #ccc;
              margin: 10px !important; }
              #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide h3 {
                font-size: 18px;
                line-height: 1.5em;
                text-align: justify;
                color: #000;
                background: url("../images/index/bg1.png") no-repeat;
                background-size: cover;
                border-bottom: 2px solid #fff;
                margin-bottom: 0; }
                @media (min-width: 744px) {
                  #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide h3 {
                    font-size: 20px; } }
              #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content {
                padding: 20px;
                box-sizing: border-box; }
                #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content .img {
                  position: relative;
                  margin-bottom: 10px; }
                  #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content .img p {
                    position: relative; }
                    #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content .img p::before {
                      background: #00a5d7;
                      color: #ffff00;
                      font-size: 14px;
                      font-weight: 600;
                      padding: 5px 10px;
                      position: absolute;
                      top: 0;
                      left: 0;
                      z-index: 10; }
                    #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content .img p:first-child::before {
                      content: "Before"; }
                    #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content .img p:first-child::after {
                      content: "▼";
                      font-size: 40px;
                      text-shadow: rgba(0, 0, 0, 0.5);
                      width: 40px;
                      height: 40px;
                      color: #00a5d7;
                      position: absolute;
                      top: auto;
                      bottom: -30px;
                      left: 0;
                      right: 0;
                      margin: auto;
                      z-index: 999999; }
                    #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content .img p:last-child::before {
                      content: "After"; }
                    #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content .img p img {
                      max-width: 100%;
                      height: auto;
                      position: relative;
                      display: block; }
                #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content dl {
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: space-between; }
                  #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content dl dt {
                    width: 80px;
                    text-align: justify;
                    text-align-last: justify;
                    font-size: 16px;
                    line-height: 1.5em;
                    color: #00479d;
                    position: relative;
                    border: none;
                    margin-bottom: 0; }
                    @media (min-width: 744px) {
                      #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content dl dt {
                        width: 100%;
                        text-align-last: left;
                        border-bottom: 1px solid #00479d;
                        margin-bottom: 5px; } }
                  #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content dl dd {
                    width: 70%;
                    font-size: 16px;
                    text-align: justify;
                    line-height: 1.5em;
                    margin-bottom: 10px; }
                    @media (min-width: 744px) {
                      #index #container #content main section#index_achivement .inner .swiper .swiper-wrapper .swiper-slide .slide .slide_content dl dd {
                        width: 100%; } }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev, #index #container #content main section#index_achivement .inner .swiper .swiper-button-next {
            display: grid;
            place-content: center;
            width: 6.4rem;
            height: 6.4rem;
            cursor: pointer;
            -webkit-transition: 0.8s cubic-bezier(0.2, 1, 0.2, 1);
            transition: 0.8s cubic-bezier(0.2, 1, 0.2, 1); }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev::before, #index #container #content main section#index_achivement .inner .swiper .swiper-button-next::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: "";
            border-radius: 50%;
            -webkit-box-shadow: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05), -0.8rem -0.8rem 1.2rem #fff;
            box-shadow: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05), -0.8rem -0.8rem 1.2rem #fff; }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev::after, #index #container #content main section#index_achivement .inner .swiper .swiper-button-next::after {
            width: 1.2rem;
            height: 1.2rem;
            content: "";
            border: solid #ddd;
            border-width: 3px 3px 0 0; }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev::after {
            margin-left: 0.4rem;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-next::after {
            margin-right: 0.4rem;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-disabled {
            pointer-events: none;
            opacity: 0; }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev, #index #container #content main section#index_achivement .inner .swiper .swiper-button-next {
            position: absolute;
            z-index: 1;
            top: 0;
            bottom: 0;
            margin: auto; }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev::before, #index #container #content main section#index_achivement .inner .swiper .swiper-button-next::before {
            background-color: rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.1), -0.8rem -0.8rem 1.2rem rgba(255, 255, 255, 0.2);
            box-shadow: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.1), -0.8rem -0.8rem 1.2rem rgba(255, 255, 255, 0.2); }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev::after, #index #container #content main section#index_achivement .inner .swiper .swiper-button-next::after {
            border-color: #fff; }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-prev {
            right: calc(100% - 1.6rem); }
          #index #container #content main section#index_achivement .inner .swiper .swiper-button-next {
            left: calc(100% - 1.6rem); }
    #index #container #content main section#index_company {
      background: url("../images/index/bg6.jpg") no-repeat;
      background-size: cover; }
      @media (max-width: 743px) {
        #index #container #content main section#index_company {
          background: url("../images/index/bg6_sp.jpg") center no-repeat;
          background-size: cover; } }
      #index #container #content main section#index_company .inner h2 {
        text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 1px 1px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -1px -1px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px 0px 5px; }
      #index #container #content main section#index_company .inner .box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; }
        @media (min-width: 1024px) {
          #index #container #content main section#index_company .inner .box {
            flex-direction: row;
            justify-content: center; } }
        #index #container #content main section#index_company .inner .box > div {
          padding: 20px; }
          #index #container #content main section#index_company .inner .box > div.img {
            text-align: center; }
            #index #container #content main section#index_company .inner .box > div.img img {
              max-width: 150px;
              width: 100%;
              height: auto; }
              @media (min-width: 1200px) {
                #index #container #content main section#index_company .inner .box > div.img img {
                  max-width: 200px; } }
          #index #container #content main section#index_company .inner .box > div.text {
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.9);
            box-shadow: 0 0 10px #ccc;
            margin-bottom: 20px;
            max-width: 600px; }
            #index #container #content main section#index_company .inner .box > div.text dl {
              display: flex;
              flex-wrap: wrap; }
              #index #container #content main section#index_company .inner .box > div.text dl dt {
                width: 27%;
                font-size: 16px;
                text-align: left;
                line-height: 1.5em;
                border-bottom: 1px solid #000;
                padding: 10px; }
              #index #container #content main section#index_company .inner .box > div.text dl dd {
                width: 73%;
                font-size: 16px;
                text-align: left;
                line-height: 1.5em;
                border-bottom: 1px solid #000;
                padding: 10px; }
            #index #container #content main section#index_company .inner .box > div.text p {
              font-size: 20px;
              line-height: 1.5em; }
    #index #container #content main section#index_faq {
      background: #fff url("../images/index/bg7.jpg") no-repeat;
      background-size: cover; }
      @media (max-width: 743px) {
        #index #container #content main section#index_faq {
          background: url("../images/index/bg7_sp.jpg") center no-repeat;
          background-size: cover; } }
      #index #container #content main section#index_faq .img {
        text-align: center;
        margin: 0; }
        #index #container #content main section#index_faq .img img {
          width: auto;
          max-width: 150px;
          vertical-align: bottom; }
      #index #container #content main section#index_faq .inner {
        /*開閉式メニュー*/ }
        @media (min-width: 1366px) {
          #index #container #content main section#index_faq .inner {
            max-width: 1000px; } }
        #index #container #content main section#index_faq .inner .accordion {
          background: #fff;
          margin-bottom: 20px;
          position: relative;
          box-shadow: 0 0 10px #ccc; }
          #index #container #content main section#index_faq .inner .accordion i {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 90;
            font-size: 150%;
            color: #000;
            background: #fff;
            border-radius: 50%;
            padding: 9px;
            width: 40px;
            height: 40px; }
            @media (min-width: 744px) {
              #index #container #content main section#index_faq .inner .accordion i {
                top: 15px; } }
          #index #container #content main section#index_faq .inner .accordion input.toggle {
            display: none; }
            #index #container #content main section#index_faq .inner .accordion input.toggle:checked + label.title::before {
              transform: rotate(-90deg) !important; }
            #index #container #content main section#index_faq .inner .accordion input.toggle:checked + label.title + div.content {
              /*開閉時*/
              height: auto;
              padding: 20px;
              box-sizing: border-box;
              transition: all .3s; }
          #index #container #content main section#index_faq .inner .accordion label {
            position: relative; }
            #index #container #content main section#index_faq .inner .accordion label.title {
              font-size: 16px;
              font-weight: 600;
              line-height: 1.5em;
              padding: 1em 40px 1em 60px;
              display: block;
              color: #fff;
              background: #00479d url("../images/index/faq_title_bg.jpg");
              background-size: cover; }
              @media (min-width: 744px) {
                #index #container #content main section#index_faq .inner .accordion label.title {
                  font-size: 20px; } }
            #index #container #content main section#index_faq .inner .accordion label::before, #index #container #content main section#index_faq .inner .accordion label::after {
              content: "";
              position: absolute;
              top: calc( 50% - 10px );
              right: 20px;
              width: 2px;
              height: 1em;
              background-color: #fff;
              transition: all 0.3s; }
            #index #container #content main section#index_faq .inner .accordion label::after {
              transform: rotate(90deg); }
          #index #container #content main section#index_faq .inner .accordion .content {
            height: 0;
            margin-bottom: 10px;
            padding: 0 20px;
            overflow: hidden;
            background: #f8f8f8; }
            #index #container #content main section#index_faq .inner .accordion .content p {
              font-size: 16px;
              line-height: 1.5em;
              margin-bottom: 0; }
              @media (min-width: 744px) {
                #index #container #content main section#index_faq .inner .accordion .content p {
                  font-size: 20px; } }
            #index #container #content main section#index_faq .inner .accordion .content ol, #index #container #content main section#index_faq .inner .accordion .content ul {
              padding-left: 20px;
              box-sizing: border-box; }
              #index #container #content main section#index_faq .inner .accordion .content ol li, #index #container #content main section#index_faq .inner .accordion .content ul li {
                font-size: 14px;
                line-height: 1.5em;
                text-align: left;
                margin-bottom: 10px;
                text-align: justify; }
                @media (min-width: 744px) {
                  #index #container #content main section#index_faq .inner .accordion .content ol li, #index #container #content main section#index_faq .inner .accordion .content ul li {
                    font-size: 18px;
                    line-height: 2em; } }
                @media (min-width: 1024px) {
                  #index #container #content main section#index_faq .inner .accordion .content ol li, #index #container #content main section#index_faq .inner .accordion .content ul li {
                    font-size: 18px;
                    line-height: 2em; } }
                @media (min-width: 744px) {
                  #index #container #content main section#index_faq .inner .accordion .content ol li span, #index #container #content main section#index_faq .inner .accordion .content ul li span {
                    font-size: 30px; } }
          #index #container #content main section#index_faq .inner .accordion .ex_box {
            display: flex;
            flex-direction: column; }
            @media (min-width: 744px) {
              #index #container #content main section#index_faq .inner .accordion .ex_box {
                flex-direction: row; } }
            #index #container #content main section#index_faq .inner .accordion .ex_box > div {
              background: #eee;
              padding: 20px;
              box-sizing: border-box;
              border: 1px solid #ccc;
              margin: 10px; }
          #index #container #content main section#index_faq .inner .accordion .Label, #index #container #content main section#index_faq .inner .accordion .content {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transform: translateZ(0);
            transition: all 0.3s; }
    #index #container #content main section#index_contact {
      background: url("../images/index/bg8.jpg") no-repeat;
      background-size: cover; }
      @media (max-width: 743px) {
        #index #container #content main section#index_contact {
          background: url("../images/index/bg8_sp.jpg") center no-repeat;
          background-size: cover; } }
      #index #container #content main section#index_contact .inner {
        max-width: 1000px; }
        @media (min-width: 744px) {
          #index #container #content main section#index_contact .inner {
            display: inline-block;
            width: auto;
            max-width: 90%;
            min-width: 600px; } }
        @media (min-width: 1024px) {
          #index #container #content main section#index_contact .inner {
            max-width: 1000px; } }
        #index #container #content main section#index_contact .inner h6 {
          color: #000; }
          #index #container #content main section#index_contact .inner h6 span {
            font-size: 14px;
            color: red; }
        #index #container #content main section#index_contact .inner form input {
          padding: 5px;
          font-size: 16px;
          line-height: 1.2em;
          box-sizing: border-box; }
          #index #container #content main section#index_contact .inner form input[type="text"], #index #container #content main section#index_contact .inner form input[type="email"] {
            width: 100%; }
        #index #container #content main section#index_contact .inner form textarea {
          padding: 5px;
          font-size: 16px;
          line-height: 1.2em;
          box-sizing: border-box;
          width: 100%; }
        #index #container #content main section#index_contact .inner form .btn {
          text-align: center; }
          #index #container #content main section#index_contact .inner form .btn input[type="submit"] {
            border-radius: 50px;
            padding: 10px 20px;
            background: #000;
            background: #00479d;
            background: -webkit-linear-gradient(bottom left, #1f61af 0%, #00479d 100%);
            background: -o-linear-gradient(bottom left, #1f61af 0%, #00479d 100%);
            background: linear-gradient(to top right, #1f61af 0%, #00479d 100%);
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            border: none; }
        #index #container #content main section#index_contact .inner form .wpcf7-spinner {
          display: block; }

/*================================================
　お問合せ
================================================*/
#contact, .contact {
  position: relative; }
  #contact #container #content main > section.mailform, .contact #container #content main > section.mailform {
    background: #f1f1f1; }
    @media (min-width: 1024px) {
      #contact #container #content main > section.mailform .inner, .contact #container #content main > section.mailform .inner {
        display: inline-block;
        width: auto;
        max-width: 50%;
        margin: 0 auto; } }
    #contact #container #content main > section.mailform .inner form h5, .contact #container #content main > section.mailform .inner form h5 {
      font-size: 18px;
      line-height: 2em;
      color: #333;
      border-bottom: none;
      margin-bottom: 0; }
      #contact #container #content main > section.mailform .inner form h5 span, .contact #container #content main > section.mailform .inner form h5 span {
        font-size: 12px;
        color: #ff0000; }
    #contact #container #content main > section.mailform .inner form p input, .contact #container #content main > section.mailform .inner form p input {
      font-size: 16px;
      line-height: 1.5em;
      padding: 5px;
      box-sizing: border-box;
      max-width: 100%;
      width: 100%; }
      @media (min-width: 744px) {
        #contact #container #content main > section.mailform .inner form p input, .contact #container #content main > section.mailform .inner form p input {
          padding: 10px; } }
      #contact #container #content main > section.mailform .inner form p input[type="radio"], .contact #container #content main > section.mailform .inner form p input[type="radio"] {
        width: auto; }
      #contact #container #content main > section.mailform .inner form p input.your-postcode, .contact #container #content main > section.mailform .inner form p input.your-postcode {
        width: 100px; }
      #contact #container #content main > section.mailform .inner form p input.your-phone, .contact #container #content main > section.mailform .inner form p input.your-phone {
        width: 25%; }
    #contact #container #content main > section.mailform .inner form p textarea, .contact #container #content main > section.mailform .inner form p textarea {
      font-size: 16px;
      line-height: 1.5em;
      padding: 5px;
      box-sizing: border-box;
      width: 100%; }
      @media (min-width: 744px) {
        #contact #container #content main > section.mailform .inner form p textarea, .contact #container #content main > section.mailform .inner form p textarea {
          padding: 10px; } }
    #contact #container #content main > section.mailform .inner form p select, .contact #container #content main > section.mailform .inner form p select {
      font-size: 16px;
      line-height: 1.5em;
      padding: 5px;
      box-sizing: border-box;
      width: auto; }
      @media (min-width: 744px) {
        #contact #container #content main > section.mailform .inner form p select, .contact #container #content main > section.mailform .inner form p select {
          padding: 10px; } }
    #contact #container #content main > section.mailform .inner form p label, .contact #container #content main > section.mailform .inner form p label {
      display: block; }
      @media (min-width: 744px) {
        #contact #container #content main > section.mailform .inner form p label, .contact #container #content main > section.mailform .inner form p label {
          display: inline-block; } }
    #contact #container #content main > section.mailform .inner form div button[type="submit"], #contact #container #content main > section.mailform .inner form div input[type="submit"], #contact #container #content main > section.mailform .inner form p button[type="submit"], #contact #container #content main > section.mailform .inner form p input[type="submit"], .contact #container #content main > section.mailform .inner form div button[type="submit"], .contact #container #content main > section.mailform .inner form div input[type="submit"], .contact #container #content main > section.mailform .inner form p button[type="submit"], .contact #container #content main > section.mailform .inner form p input[type="submit"] {
      display: inline-block;
      background: #00479d;
      font-size: 18px;
      font-family: 'メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
      color: #fff;
      border: none;
      /* border-radius: 20px; */
      padding: 10px 20px;
      margin-top: 30px; }
      #contact #container #content main > section.mailform .inner form div button[type="submit"]:hover, #contact #container #content main > section.mailform .inner form div input[type="submit"]:hover, #contact #container #content main > section.mailform .inner form p button[type="submit"]:hover, #contact #container #content main > section.mailform .inner form p input[type="submit"]:hover, .contact #container #content main > section.mailform .inner form div button[type="submit"]:hover, .contact #container #content main > section.mailform .inner form div input[type="submit"]:hover, .contact #container #content main > section.mailform .inner form p button[type="submit"]:hover, .contact #container #content main > section.mailform .inner form p input[type="submit"]:hover {
        background: #000; }
    #contact #container #content main > section.mailform .inner form .btn, .contact #container #content main > section.mailform .inner form .btn {
      display: flex;
      justify-content: center; }
      #contact #container #content main > section.mailform .inner form .btn > button, #contact #container #content main > section.mailform .inner form .btn > input, .contact #container #content main > section.mailform .inner form .btn > button, .contact #container #content main > section.mailform .inner form .btn > input {
        margin: 2%;
        border-radius: 50px;
        padding: 10px 20px;
        box-sizing: border-box; }

#confirm_contact, #thanks_contact {
  position: relative; }
  #confirm_contact #container #content main > section.mailform .inner, #thanks_contact #container #content main > section.mailform .inner {
    width: 90%;
    margin: 0 auto; }
    @media (min-width: 744px) {
      #confirm_contact #container #content main > section.mailform .inner, #thanks_contact #container #content main > section.mailform .inner {
        display: inline-block;
        width: auto;
        min-width: 600px;
        margin: 0 auto; } }
    #confirm_contact #container #content main > section.mailform .inner form h6, #thanks_contact #container #content main > section.mailform .inner form h6 {
      font-size: 16px;
      line-height: 2em;
      color: #333;
      border-bottom: 1px dotted #666;
      margin-bottom: 10px;
      padding-left: 0;
      font-weight: bold; }
      #confirm_contact #container #content main > section.mailform .inner form h6 span, #thanks_contact #container #content main > section.mailform .inner form h6 span {
        font-size: 12px;
        color: #ff0000; }
    #confirm_contact #container #content main > section.mailform .inner form p input, #thanks_contact #container #content main > section.mailform .inner form p input {
      font-size: 16px;
      line-height: 1.5em;
      padding: 5px;
      box-sizing: border-box;
      max-width: 100%;
      width: 100%; }
      @media (min-width: 744px) {
        #confirm_contact #container #content main > section.mailform .inner form p input, #thanks_contact #container #content main > section.mailform .inner form p input {
          padding: 10px; } }
      #confirm_contact #container #content main > section.mailform .inner form p input[type="radio"], #thanks_contact #container #content main > section.mailform .inner form p input[type="radio"] {
        width: auto; }
      #confirm_contact #container #content main > section.mailform .inner form p input.your-postcode, #thanks_contact #container #content main > section.mailform .inner form p input.your-postcode {
        width: 100px; }
      #confirm_contact #container #content main > section.mailform .inner form p input.your-phone, #thanks_contact #container #content main > section.mailform .inner form p input.your-phone {
        width: 25%; }
    #confirm_contact #container #content main > section.mailform .inner form p textarea, #thanks_contact #container #content main > section.mailform .inner form p textarea {
      font-size: 16px;
      line-height: 1.5em;
      padding: 5px;
      box-sizing: border-box;
      width: 100%; }
      @media (min-width: 744px) {
        #confirm_contact #container #content main > section.mailform .inner form p textarea, #thanks_contact #container #content main > section.mailform .inner form p textarea {
          padding: 10px; } }
    #confirm_contact #container #content main > section.mailform .inner form p select, #thanks_contact #container #content main > section.mailform .inner form p select {
      font-size: 16px;
      line-height: 1.5em;
      padding: 5px;
      box-sizing: border-box;
      width: auto; }
      @media (min-width: 744px) {
        #confirm_contact #container #content main > section.mailform .inner form p select, #thanks_contact #container #content main > section.mailform .inner form p select {
          padding: 10px; } }
    #confirm_contact #container #content main > section.mailform .inner form p label, #thanks_contact #container #content main > section.mailform .inner form p label {
      display: block; }
      @media (min-width: 744px) {
        #confirm_contact #container #content main > section.mailform .inner form p label, #thanks_contact #container #content main > section.mailform .inner form p label {
          display: inline-block; } }
    #confirm_contact #container #content main > section.mailform .inner div button[type="submit"], #confirm_contact #container #content main > section.mailform .inner div input[type="submit"], #confirm_contact #container #content main > section.mailform .inner p button[type="submit"], #confirm_contact #container #content main > section.mailform .inner p input[type="submit"], #thanks_contact #container #content main > section.mailform .inner div button[type="submit"], #thanks_contact #container #content main > section.mailform .inner div input[type="submit"], #thanks_contact #container #content main > section.mailform .inner p button[type="submit"], #thanks_contact #container #content main > section.mailform .inner p input[type="submit"] {
      display: inline-block;
      background: #00479d;
      font-size: 18px;
      font-family: 'メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
      color: #fff;
      border: none;
      /* border-radius: 20px; */
      padding: 10px 20px;
      margin-top: 30px; }
      #confirm_contact #container #content main > section.mailform .inner div button[type="submit"]:hover, #confirm_contact #container #content main > section.mailform .inner div input[type="submit"]:hover, #confirm_contact #container #content main > section.mailform .inner p button[type="submit"]:hover, #confirm_contact #container #content main > section.mailform .inner p input[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner div button[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner div input[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner p button[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner p input[type="submit"]:hover {
        background: #000; }
    #confirm_contact #container #content main > section.mailform .inner .btn, #thanks_contact #container #content main > section.mailform .inner .btn {
      display: flex;
      justify-content: center; }
      #confirm_contact #container #content main > section.mailform .inner .btn > button, #confirm_contact #container #content main > section.mailform .inner .btn > input, #confirm_contact #container #content main > section.mailform .inner .btn a, #thanks_contact #container #content main > section.mailform .inner .btn > button, #thanks_contact #container #content main > section.mailform .inner .btn > input, #thanks_contact #container #content main > section.mailform .inner .btn a {
        margin: 2%;
        border-radius: 50px;
        padding: 10px 20px;
        box-sizing: border-box; }

/*================================================
　Q&A　#faq
================================================*/
#faq #container #container-inner #content main section .inner .post {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  text-align: left; }
  #faq #container #container-inner #content main section .inner .post h2 {
    text-align: left;
    margin-bottom: 0; }
  #faq #container #container-inner #content main section .inner .post .meta {
    text-align: left;
    margin-bottom: 40px; }
#faq main h4 {
  position: relative;
  background: none !important;
  border: none !important;
  padding-left: 30px !important;
  color: #00479d !important; }
  #faq main h4::before {
    content: "Q";
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 2;
    width: 35px;
    height: 43px;
    color: #00479d;
    transform: rotate(10deg);
    font-size: 30px; }

/*================================================
　WordPress
================================================*/
main .meta {
  font-size: 12px;
  text-align: right; }

/*アイキャッチ画像*/
.eyecatch img {
  width: 100%;
  height: auto; }

#question .entrybody,
#column .entrybody {
  margin-bottom: 50px; }

#question .entrybody .meta,
#column .entrybody .meta {
  font-size: 12px;
  text-align: right;
  color: #ccc; }

#question aside,
#column aside {
  background: #f5f5f5;
  padding: 20px; }

#question aside ul,
#column aside ul {
  margin-left: 15px; }

/*カテゴリ共通*/
.category main section .inner > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media (min-width: 744px) {
    .category main section .inner > div {
      flex-direction: row;
      justify-content: space-around; } }
  .category main section .inner > div.faq article {
    width: 100%;
    margin: 10px 0; }
    @media (min-width: 744px) {
      .category main section .inner > div.faq article {
        width: 48%;
        margin: 1%;
        margin: 10px; } }
  .category main section .inner > div article {
    background: #f1f1f1;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px; }
    @media (min-width: 744px) {
      .category main section .inner > div article {
        width: 300px; } }
    .category main section .inner > div article div.eyecatch {
      margin-bottom: 10px; }
      .category main section .inner > div article div.eyecatch img {
        width: 100%;
        height: auto; }
    .category main section .inner > div article div.text p {
      font-size: 14px;
      line-height: 1.5em;
      text-align: justify;
      margin-bottom: 0; }
      @media (min-width: 744px) {
        .category main section .inner > div article div.text p {
          font-size: 16px; } }