@charset "UTF-8";
/* ======================================================================
 common style index
・reset
・setting
・base
・utility
・component
・layout
====================================================================== */
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --green:#409153;
  --maker:#ffd800;
  --yellow: #fffceb;
  --blue: #024d86;
}

/* ======================================================================
 base
====================================================================== */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

img {
  max-width: 100%;
}

body {
  color: #000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
@media screen and (min-width: 821px) {
  body {
    width: 100%;
  }
}
body.fixed {
  position: fixed;
}

#p_top {
  position: relative;
}

html, body {
  width: 100%;
  height: 100%;
}

* {
  backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* h1 - h6 */
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
}

/* a */
a {
  text-decoration: none;
}
a:link {
  color: #000;
  cursor: pointer;
}
a:visited {
  color: #000;
}
a:hover {
  color: #000;
}
a:active {
  color: #000;
}

a[href^=tel] {
  color: #000;
}

/* Text Highlight */
/* button */
button {
  display: block;
}

textarea {
  resize: vertical;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* placeholder */
input:placeholder-shown, textarea:placeholder-shown {
  color: #000;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #000;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #000;
  opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #000;
  opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #000;
}
input:focus:placeholder-shown, textarea:focus:placeholder-shown {
  color: #000;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #000;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: #000;
  opacity: 1;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #000;
  opacity: 1;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: #000;
}

/* ======================================================================
 utility
====================================================================== */
/* =================================
 layout
================================= */
.u_cf:after {
  display: block;
  clear: both;
  content: "";
}

@media screen and (min-width: 821px) {
  .u_pc {
    display: block;
  }
  .u_pc_i {
    display: inline;
  }
  .u_pc_ib {
    display: inline-block;
  }
  .u_pc_f {
    display: flex;
  }
  .u_pc_if {
    display: inline-flex;
  }
  .u_sp {
    display: none;
  }
  .u_sp_i, .u_sp_ib, .u_sp_f, .u_sp_if {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .u_pc {
    display: none;
  }
  .u_pc_i, .u_pc_ib, .u_pc_f, .u_pc_if {
    display: none;
  }
  .u_sp {
    display: block;
  }
  .u_sp_i {
    display: inline;
  }
  .u_sp_ib {
    display: inline-block;
  }
  .u_sp_f {
    display: flex;
  }
  .u_sp_if {
    display: inline-flex;
  }
}
/* =================================
 content_size
================================= */
.u_content_size {
  padding: 0 20px;
}
@media screen and (min-width: 821px) {
  .u_content_size {
    padding: 0;
    margin: 0 auto;
    width: 1200px;
  }
}

/* =================================
 text
================================= */
.u_txt_1 {
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0.1em;
}
.u_txt_2 {
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0.1em;
}
.u_txt_3 {
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0.1em;
}
/* =================================
 text weight
================================= */
.u_lighter {
  font-weight: lighter;
}

.u_bold {
  font-weight: bold;
}

/* =================================
 text align
================================= */
.u_ta_c {
  text-align: center;
}

.u_ta_r {
  text-align: right;
}

@media screen and (max-width: 820px) {
  .u_ta_cl {
    text-align: center;
  }
}

@media screen and (min-width: 821px) {
  .u_ta_lc {
    text-align: center;
  }
}

@media screen and (max-width: 820px) {
  .u_ta_cr {
    text-align: center;
  }
}
@media screen and (min-width: 821px) {
  .u_ta_cr {
    text-align: right;
  }
}

@media screen and (max-width: 820px) {
  .u_ta_rc {
    text-align: right;
  }
}
@media screen and (min-width: 821px) {
  .u_ta_rc {
    text-align: center;
  }
}

/* =================================
 paragraph margin
================================= */
.u_paragraph + .u_paragraph {
  margin: 15px 0 0;
}

/* =================================
 hover animation
================================= */
.u_hover_1 {
  transition: opacity 0.3s;
}
@media screen and (min-width: 821px) {
  .u_hover_1:hover {
    opacity: 0.7;
  }
}

/* =================================
 hoge
================================= */
body {
  position: relative;
}

@media screen and (min-width: 821px) {
  .inner {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .head {
    background: #fff;
    display: flex;
    justify-content: space-between;
  }
  .head .head_logo {
    padding-left: clamp(15px, 2.5vw, 30px);
    display: flex;
    align-items: center;
    width: clamp(139px, 23.1666666667vw, 278px);
  }
}
@media screen and (min-width: 821px) and (max-width: 1440px) {
  .head .head_logo {
    padding-left: clamp(7.5px, 1.25vw, 15px);
  }
}
@media screen and (min-width: 821px) and (max-width: 1440px) {
  .head .head_logo {
    width: clamp(100px, 16.6666666667vw, 200px);
  }
}
@media screen and (min-width: 821px) {
  .head .head_logo img {
    aspect-ratio: 278/49;
  }
  .head .head_right {
    display: flex;
    align-items: center;
  }
  .head .head_right .nav .listnav {
    display: flex;
    justify-content: end;
    column-gap: clamp(4px, 0.6666666667vw, 8px);
  }
  .head .head_right .nav .listnav .item .link {
    padding: 0 clamp(5px, 0.8333333333vw, 10px);
    height: clamp(13.5px, 2.25vw, 27px);
    border-radius: clamp(1.5px, 0.25vw, 3px);
    background: #0b5793;
    font-size: clamp(7.5px, 1.25vw, 15px);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }
  .head .head_right .nav .listnav .item .link:before {
    content: "";
    width: clamp(5.5px, 0.9166666667vw, 11px);
    height: clamp(5.5px, 0.9166666667vw, 11px);
    display: block;
    margin-right: clamp(1.5px, 0.25vw, 3px);
    background: url(../img/top/head_ico.png) no-repeat center center/cover;
  }
  .head .head_right .nav .list {
    margin-top: clamp(6.5px, 1.0833333333vw, 13px);
    display: flex;
    column-gap: clamp(15px, 2.5vw, 30px);
  }
}
@media screen and (min-width: 821px) and (max-width: 1440px) {
  .head .head_right .nav .list {
    column-gap: clamp(5px, 0.8333333333vw, 10px);
  }
}
@media screen and (min-width: 821px) {
  .head .head_right .nav .list .item .link {
    font-size: clamp(7.5px, 1.25vw, 15px);
    font-weight: bold;
  }
  .head .head_right .tel {
    margin-left: clamp(25px, 4.1666666667vw, 50px);
  }
}
@media screen and (min-width: 821px) and (max-width: 1440px) {
  .head .head_right .tel {
    margin-left: clamp(10px, 1.6666666667vw, 20px);
  }
}
@media screen and (min-width: 821px) {
  .head .head_right .tel .link {
    display: block;
    width: clamp(177px, 29.5vw, 354px);
    aspect-ratio: 354/67;
  }
}
@media screen and (min-width: 821px) and (max-width: 1440px) {
  .head .head_right .tel .link {
    width: clamp(145px, 24.1666666667vw, 290px);
  }
}
@media screen and (min-width: 821px) {
  .head .head_right .head_mail {
    margin-left: clamp(9px, 1.5vw, 18px);
    width: clamp(50px, 8.3333333333vw, 100px);
    aspect-ratio: 1/1;
    background: #178b32;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 821px) and (max-width: 1440px) {
  .head .head_right .head_mail {
    width: clamp(40px, 6.6666666667vw, 80px);
  }
}
@media screen and (min-width: 821px) {
  .head .head_right .head_mail img {
    width: clamp(21.5px, 3.5833333333vw, 43px);
    aspect-ratio: 43/32;
  }
  .head .head_nav_sp {
    display: none;
  }
  .head_sp {
    display: none;
  }
  .foot .foot_logo {
    background-image: repeating-linear-gradient(135deg, #14782b, #14782b 1px, #178b32 1px, #178b32 8px);
    padding: clamp(17.5px, 2.9166666667vw, 35px);
  }
  .foot .foot_logo img {
    width: clamp(139px, 23.1666666667vw, 278px);
    aspect-ratio: 278/49;
    display: block;
    margin: 0 auto;
  }
  .foot .listwrap {
    background: #0b5793;
  }
  .foot .list {
    max-width: clamp(382px, 63.6666666667vw, 764px);
    padding: clamp(17.5px, 2.9166666667vw, 35px) clamp(10px, 1.6666666667vw, 20px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
  .foot .list .item {
    padding: 0 clamp(2.5px, 0.4166666667vw, 5px) 0;
    margin: clamp(2.5px, 0.4166666667vw, 5px) 0;
    border-right: clamp(0.5px, 0.0833333333vw, 1px) solid #fff;
  }
  .foot .list .item .link {
    color: #fff;
    font-size: clamp(8.5px, 1.4166666667vw, 17px);
    font-weight: bold;
    text-decoration: underline;
  }
  .foot .copyright {
    font-size: clamp(7px, 1.1666666667vw, 14px);
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    height: clamp(35px, 5.8333333333vw, 70px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec_cv {
    padding: clamp(50px, 8.3333333333vw, 100px) clamp(10px, 1.6666666667vw, 20px);
  }
  .sec_cv .sec_cv_link {
    pointer-events: none;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
  }
  .com_spfooter {
    display: none !important;
  }
  .com_pagetop {
    width: clamp(32.5px, 5.4166666667vw, 65px);
    aspect-ratio: 1/1;
    position: fixed;
    z-index: 100;
    right: clamp(5px, 0.8333333333vw, 10px);
    bottom: clamp(5px, 0.8333333333vw, 10px);
  }
  .sec_price {
    padding: clamp(50px, 8.3333333333vw, 100px) clamp(10px, 1.6666666667vw, 20px) 0;
    background: #fff;
  }
  .sec_price .price {
    border: clamp(5px, 0.8333333333vw, 10px) solid #178b32;
    border-radius: clamp(15px, 2.5vw, 30px);
    overflow: hidden;
  }
  .sec_price .price .ttl {
    display: flex;
    justify-content: center;
    font-size: clamp(30px, 5vw, 60px);
    font-weight: 900;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-feature-settings: "palt";
    line-height: 1.3;
    padding: clamp(7.5px, 1.25vw, 15px);
    border-bottom: clamp(5px, 0.8333333333vw, 10px) solid #178b32;
  }
  .sec_price .price .ttl .emphasis {
    color: #e60012;
  }
  .sec_4reason {
    padding: clamp(50px, 8.3333333333vw, 100px) clamp(10px, 1.6666666667vw, 20px) 0;
  }
  .sec_4reason .reason {
    background: #d3e5f9;
    border: clamp(5px, 0.8333333333vw, 10px) solid #0b5793;
    overflow: hidden;
    border-radius: clamp(30px, 5vw, 60px);
  }
  .sec_4reason .reason .ttl {
    border-bottom: clamp(5px, 0.8333333333vw, 10px) solid #0b5793;
    display: flex;
    justify-content: center;
    padding: clamp(17.5px, 2.9166666667vw, 35px) clamp(5px, 0.8333333333vw, 10px);
  }
  .sec_4reason .reason .ttl img {
    display: block;
    width: clamp(492px, 82vw, 984px);
  }
  .sec_4reason .reason .list {
    display: flex;
    flex-wrap: wrap;
  }
  .sec_4reason .reason .list .item:nth-child(odd) {
    border-right: clamp(5px, 0.8333333333vw, 10px) solid #0b5793;
  }
  .sec_4reason .reason .list .item:nth-child(3), .sec_4reason .reason .list .item:nth-child(4) {
    border-top: clamp(5px, 0.8333333333vw, 10px) solid #0b5793;
  }
  .sec_4reason .reason .list .item {
    background: #fff;
    width: 50%;
    position: relative;
    padding: clamp(45px, 7.5vw, 90px) clamp(10px, 1.6666666667vw, 20px) clamp(15px, 2.5vw, 30px);
  }
  .sec_4reason .reason .list .item .sub {
    font-feature-settings: "palt";
    width: clamp(133px, 22.1666666667vw, 266px);
    font-size: clamp(12px, 2vw, 24px);
    aspect-ratio: 266/67;
    border-radius: 0 0 clamp(7.5px, 1.25vw, 15px) clamp(7.5px, 1.25vw, 15px);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #0b5793;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sec_4reason .reason .list .item .sub .num {
    font-size: clamp(17px, 2.8333333333vw, 34px);
    padding-left: clamp(2.5px, 0.4166666667vw, 5px);
  }
  .sec_4reason .reason .list .item .read {
    font-feature-settings: "palt";
    font-size: clamp(17.5px, 2.9166666667vw, 35px);
    font-weight: bold;
    text-align: center;
  }
  .sec_4reason .reason .list .item .read .emp {
    color: #e60012;
  }
  .sec_4reason .reason .list .item .inf {
    margin-top: clamp(17.5px, 2.9166666667vw, 35px);
    display: flex;
    flex-wrap: wrap;
    column-gap: clamp(10px, 1.6666666667vw, 20px);
  }
  .sec_4reason .reason .list .item .inf .img {
    width: clamp(97.5px, 16.25vw, 195px);
  }
  .sec_4reason .reason .list .item .inf .desc {
    flex: 1;
    line-height: 1.4;
    font-size: clamp(12.5px, 2.0833333333vw, 25px);
    font-weight: bold;
  }
  .sec_4reason .reason .list .item .inf .desc .emp2 {
    background: linear-gradient(transparent 70%, #ffd800 40%);
    color: #e60012;
  }
}
@media screen and (max-width: 820px) {
  .inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .head {
    z-index: 1000;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: min(2.3529411765vw, 20px);
    height: min(14.7058823529vw, 125px);
  }
  .head .head_logo {
    width: min(38.8235294118vw, 330px);
  }
  .head .head_logo img {
    aspect-ratio: 330/58;
  }
  .head .head_sp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.8);
  }
  .head .head_right {
    display: none;
  }
  .head .head_nav_sp {
    width: min(29.4117647059vw, 250px);
    display: flex;
    flex-wrap: wrap;
    height: 100%;
  }
  .head .head_nav_sp .menubtn {
    width: min(14.7058823529vw, 125px);
    height: 100%;
    background: #dddddd;
    position: relative;
  }
  .head .head_nav_sp .menubtn span {
    width: min(7.8823529412vw, 67px);
    height: min(0.7058823529vw, 6px);
    aspect-ratio: 67/6;
    background: #000;
    display: block;
    position: absolute;
    transform-origin: center center;
    transition: 0.2s ease-out;
  }
  .head .head_nav_sp .menubtn span:nth-child(1) {
    left: min(3.4117647059vw, 29px);
    top: min(4.7058823529vw, 40px);
  }
  .head .head_nav_sp .menubtn span:nth-child(2) {
    left: min(3.4117647059vw, 29px);
    top: min(7.0588235294vw, 60px);
  }
  .head .head_nav_sp .menubtn span:nth-child(3) {
    left: min(3.4117647059vw, 29px);
    top: min(9.4117647059vw, 80px);
  }
  .head .head_nav_sp .menubtn._active span:nth-child(1) {
    left: min(3.4117647059vw, 29px);
    top: min(4.7058823529vw, 40px);
    transform: rotate(45deg);
    top: 50%;
  }
  .head .head_nav_sp .menubtn._active span:nth-child(2) {
    width: 0;
  }
  .head .head_nav_sp .menubtn._active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 50%;
  }
  .head .head_nav_call {
    width: min(14.7058823529vw, 125px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    background: #178b32;
  }
  .head .head_nav_call img {
    width: min(8.7058823529vw, 74px);
    aspect-ratio: 74/80;
    align-self: center;
  }
  .head_sp {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0;
    top: 0;
    position: fixed;
    padding-top: min(14.7058823529vw, 125px);
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-out;
  }
  .head_sp .head_spnav {
    transition: 0.3s ease-out;
    transform: translateX(100%);
    margin-left: auto;
    width: min(67.0588235294vw, 570px);
    height: 100%;
    background: #dddddd;
  }
  .head_sp .head_spnav .item {
    border-bottom: min(0.3529411765vw, 3px) solid;
  }
  .head_sp .head_spnav .item .link {
    padding: min(5.8823529412vw, 50px) min(3.5294117647vw, 30px);
    font-size: min(3.2941176471vw, 28px);
    display: block;
    position: relative;
    font-weight: bold;
  }
  .head_sp .head_spnav .item .link:after {
    content: "";
    width: min(2.1176470588vw, 18px);
    height: min(3.1764705882vw, 27px);
    background: url(../img/ico/sp_header_arrow.png) no-repeat center center/cover;
    position: absolute;
    right: min(3.5294117647vw, 30px);
    top: 50%;
    transform: translateY(-50%);
  }
  .head_sp.navopen {
    opacity: 1;
    pointer-events: auto;
  }
  .head_sp.navopen .head_spnav {
    transform: translateX(0);
  }
  .head_right {
    display: none;
  }
  .foot {
    margin-top: min(11.7647058824vw, 100px);
    padding-bottom: min(28.9411764706vw, 246px);
  }
  .foot .foot_logo {
    background-image: repeating-linear-gradient(135deg, #14782b, #14782b 1px, #178b32 1px, #178b32 8px);
    padding: min(3.5294117647vw, 30px);
  }
  .foot .foot_logo img {
    width: min(32.7058823529vw, 278px);
    aspect-ratio: 278/49;
    display: block;
    margin: 0 auto;
  }
  .foot .listwrap {
    background: #000;
  }
  .foot .list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    border-bottom: min(0.2352941176vw, 2px) solid #fff;
  }
  .foot .list .item {
    width: 50%;
    padding: 0 clamp(2.5px, 0.4166666667vw, 5px) 0;
    border-bottom: min(0.2352941176vw, 2px) solid #fff;
  }
  .foot .list .item:nth-child(odd) {
    border-right: min(0.2352941176vw, 2px) solid #fff;
  }
  .foot .list .item:last-child {
    border-bottom: none;
  }
  .foot .list .item .link {
    aspect-ratio: 425/140;
    display: flex;
    align-items: center;
    padding-left: min(3.5294117647vw, 30px);
    color: #fff;
    font-size: min(3.2941176471vw, 28px);
    font-weight: bold;
    position: relative;
  }
  .foot .list .item .link:after {
    content: "";
    width: min(2.1176470588vw, 18px);
    aspect-ratio: 18/27;
    display: block;
    position: absolute;
    right: min(3.5294117647vw, 30px);
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/top/foot_arrowsp.png) no-repeat center center/cover;
  }
  .foot .copyright {
    font-size: min(2.3529411765vw, 20px);
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    height: min(8.2352941176vw, 70px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec_cv {
    padding: clamp(50px, 8.3333333333vw, 100px) clamp(10px, 1.6666666667vw, 20px);
  }
  .sec_cv .sec_cv_link {
    pointer-events: auto;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
  }
  .com_pagetop {
    width: min(14.8235294118vw, 126px);
    aspect-ratio: 1/1;
    position: fixed;
    z-index: 100;
    right: min(1.1764705882vw, 10px);
    bottom: min(11.7647058824vw, 100px);
  }
  .com_spfooter {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    width: 100%;
    aspect-ratio: 860/246;
    background: url(../img/com/com_spfooter.png) no-repeat center bottom/cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: min(5.8823529412vw, 50px) min(3.0588235294vw, 26px) 0;
  }
  .com_spfooter .com_spfooter_tel {
    width: min(72vw, 612px);
    aspect-ratio: 612/132;
    display: block;
  }
  .com_spfooter .com_spfooter_mail {
    width: min(17.0588235294vw, 145px);
    aspect-ratio: 160/145;
    display: block;
  }
  .sec_price {
    padding: min(11.7647058824vw, 100px) min(2.3529411765vw, 20px) 0;
    background: #fff;
  }
  .sec_price .price {
    border: min(1.7647058824vw, 15px) solid #178b32;
    border-radius: min(3.5294117647vw, 30px);
    overflow: hidden;
  }
  .sec_price .price .ttl {
    display: flex;
    justify-content: center;
    font-size: min(7.0588235294vw, 60px);
    font-weight: 900;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-feature-settings: "palt";
    line-height: 1.3;
    padding: min(3.5294117647vw, 30px);
    border-bottom: min(0.9411764706vw, 8px) solid #178b32;
  }
  .sec_price .price .ttl .emphasis {
    color: #e60012;
  }
  .sec_4reason {
    padding: min(11.7647058824vw, 100px) min(2.3529411765vw, 20px) 0;
  }
  .sec_4reason .reason {
    background: #d3e5f9;
    border: min(1.4117647059vw, 12px) solid #0b5793;
    overflow: hidden;
    border-radius: min(4.7058823529vw, 40px);
  }
  .sec_4reason .reason .ttl {
    border-bottom: min(1.4117647059vw, 12px) solid #0b5793;
    display: flex;
    justify-content: center;
    padding: min(5.2941176471vw, 45px) min(1.1764705882vw, 10px);
  }
  .sec_4reason .reason .ttl img {
    display: block;
    width: min(72vw, 612px);
  }
  .sec_4reason .reason .list {
    display: flex;
    flex-wrap: wrap;
  }
  .sec_4reason .reason .list .item:nth-child(2), .sec_4reason .reason .list .item:nth-child(3), .sec_4reason .reason .list .item:nth-child(4) {
    border-top: min(1.4117647059vw, 12px) solid #0b5793;
  }
  .sec_4reason .reason .list .item {
    background: #fff;
    width: 100%;
    position: relative;
    padding: min(14.1176470588vw, 120px) min(3.5294117647vw, 30px) min(4.7058823529vw, 40px);
  }
  .sec_4reason .reason .list .item .sub {
    font-feature-settings: "palt";
    width: min(41.2941176471vw, 351px);
    font-size: min(3.6470588235vw, 31px);
    border-radius: 0 0 clamp(7.5px, 1.25vw, 15px) clamp(7.5px, 1.25vw, 15px);
    aspect-ratio: 351/88;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #0b5793;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sec_4reason .reason .list .item .sub .num {
    font-size: min(5.2941176471vw, 45px);
    padding-left: min(0.5882352941vw, 5px);
  }
  .sec_4reason .reason .list .item .read {
    font-feature-settings: "palt";
    font-size: min(5.4117647059vw, 46px);
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
  }
  .sec_4reason .reason .list .item .read .emp {
    color: #e60012;
  }
  .sec_4reason .reason .list .item .inf {
    margin-top: min(5.2941176471vw, 45px);
    display: flex;
    flex-wrap: wrap;
    column-gap: min(2.3529411765vw, 20px);
  }
  .sec_4reason .reason .list .item .inf .img {
    width: min(30vw, 255px);
  }
  .sec_4reason .reason .list .item .inf .desc {
    flex: 1;
    line-height: 1.3;
    font-size: min(3.8823529412vw, 33px);
    font-weight: bold;
  }
  .sec_4reason .reason .list .item .inf .desc .emp2 {
    color: #e60012;
    background: linear-gradient(transparent 70%, #ffd800 40%);
  }
}

/*# sourceMappingURL=style.css.map */
