@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");
/* 幅 */
/* ブレイクポイント */
/* ボタンスタイル */
/* ボタンスタイル */
/*
remサイズ指定
font-size: rem(16);
*/
/*
vwサイズ指定
@include font-vw();
@include width-vw();
@include height-vw();
@include p-vw(padding, 0);
@include p-vw(margin, 0);
*/




@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes img_left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes img_left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes img_right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes img_right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
/* カラー */
/* Shippori Mincho B1 */
/* ==================================
COMMON
================================== */
body {
  max-width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: "Noto Sans JP", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #4a4b4b;
}

* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

img {
  max-width: 100%;
  height: auto;
}

picture,
source {
  width: 100%;
  height: auto;
}

.newLine {
  display: inline-block;
}

object {
  pointer-events: none;
  max-width: 100%;
  height: auto;
}

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

audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
ul {
  margin: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: sans-serif;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 75%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0px;
}

nav ul,
nav ol {
  list-style: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  font-size: 0px;
  line-height: 0px;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

img,
abbr,
acronym,
fieldset {
  border: 0;
}

li {
  list-style: none;
}

input[type=button],
input[type=submit],
input[type=text] {
  -webkit-appearance: none;
}

figure {
  -webkit-margin-before: 0em;
          margin-block-start: 0em;
  -webkit-margin-after: 0em;
          margin-block-end: 0em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}

/*utility*/
.mb00 {
  margin-bottom: 0px !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt00 {
  margin-top: 0px !important;
}

.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.ml05 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.mr05 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt1em {
  padding-top: 1em !important;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb05 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl05 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr05 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.flt {
  float: left;
}

.flr {
  float: right;
}

.txt_l,
td.txt_l,
.txt_l td {
  text-align: left;
}

.txt_r,
td.txt_r,
.txt_r td {
  text-align: right;
}

.txt_c,
td.txt_c,
.txt_c td {
  text-align: center;
}

.valign_t,
td.valign_t,
.valign_t td {
  vertical-align: top;
}

.valign_m,
td.valign_m,
.valign_m td {
  vertical-align: middle;
}

.valign_b,
td.valign_b,
.valign_b td {
  vertical-align: bottom;
}

.clear {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.ft_b {
  font-weight: bold;
}

.ft_13px {
  font-size: 1.3rem;
}

.ft_14px {
  font-size: 1.4rem;
}

.ft_15px {
  font-size: 1.5rem;
}

.ft_16px {
  font-size: 1.6rem;
}

.txt_indent {
  padding-left: 1em;
  text-indent: -1em;
  margin: 0em !important;
}

/* ページ　画像 */
.alignright {
  float: right;
  margin: 0 0 5% 30px;
}

.alignright:after {
  float: right;
  margin: 0 0 5% 30px;
}

.alignleft {
  float: left;
  margin: 0 30px 1% 0px;
}

.alignleft:after {
  float: left;
  margin: 0 30px 5% 0px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.red_txt {
  color: #fa6b88;
}

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.u-sp {
  display: block;
}
@media screen and (min-width: 751px) {
  .u-sp {
    display: none;
  }
}

.u-pc {
  display: none;
}
@media screen and (min-width: 751px) {
  .u-pc {
    display: block;
  }
}

.u-block {
  display: block;
}

.u-textLeft {
  text-align: left;
}

.u-textCenter {
  text-align: center;
}

.u-newLine {
  display: inline-block;
}

.u-pt10 {
  padding-top: min(calc(10 / 1024 * 100vw), 10px);
}

.u-pt15 {
  padding-top: clamp(10px, calc(15 / 1024 * 100vw), 15px);
}

.u-pt20 {
  padding-top: min(calc(15 / 1024 * 100vw), 15px);
}

.u-pt27 {
  padding-top: min(calc(27 / 1024 * 100vw), 27px);
}

.u-pt30 {
  padding-top: min(calc(30 / 1024 * 100vw), 30px);
}

.u-pt35 {
  padding-top: min(calc(35 / 1024 * 100vw), 35px);
}

.u-pt40 {
  padding-top: min(calc(40 / 1024 * 100vw), 40px);
}

.u-fullWidth {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* ==================================
SP NAV
================================== */
.drawer-navigation {
  display: none;
  position: relative;
  z-index: 99;
}
.drawer-navigation__bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 10;
}
.drawer-navigation__wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  padding-top: 82.5px;
  padding-bottom: 30px;
  background-color: white;
  z-index: 99;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.drawer-navigation__wrapper.is-navOpen {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.drawer-navigation__navList {
  max-width: 320px;
  width: 85.3333333333vw;
  text-align: left;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto;
}
.drawer-navigation__item {
  padding-top: 3rem;
}
.drawer-navigation__itemLink {
  position: relative;
  padding-left: 25px;
  background-image: url(../images/icon/icon_arrow_nav.svg);
  background-position: left 6px;
  background-repeat: no-repeat;
  background-size: 8px auto;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: left;
  color: #121212;
}
.drawer-navigation__itemLink::after {
  content: "";
  display: block;
  position: absolute;
  width: 110%;
  height: 1px;
  top: 120%;
  left: 0;
  background-color: #121212;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.drawer-navigation__itemLink:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.drawer-navigation__contact {
  width: 100%;
  padding-top: 30px;
  padding-left: 0px;
}
.drawer-navigation__tel {
  display: block;
  width: 100%;
  padding-left: 30px;
  background-image: url(../images/icon/icon_tel.svg);
  background-position: left center;
  background-size: 22px auto;
  background-repeat: no-repeat;
  font-size: 27px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #000;
}
.drawer-navigation__businesstime {
  display: block;
  padding-left: 33px;
  font-size: 16px;
  line-height: 1.4;
  color: #1d1c1c;
}
.drawer-navigation__buttonItem {
  max-width: 320px;
  width: 85.3333333333vw;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.drawer-navigation__buttonLink {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #fff;
  border: 1px solid #862e17;
  -webkit-transition: 0.45s;
  transition: 0.45s;
}
.drawer-navigation__buttonLink::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url(../images/icon/icon_arrow_red.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.drawer-navigation__buttonLink:hover {
  background-color: #ed2431;
}
.drawer-navigation__buttonLink:hover::after {
  right: 15px;
  background-image: url(../images/icon/icon_pagetop.svg);
}
.drawer-navigation__buttonLink:hover .l-footer-contact__buttonText {
  color: #fff;
}
.drawer-navigation__buttonLink:hover .l-footer-contact__contactIcon .mail02 {
  fill: #fff;
}
.drawer-navigation__buttonText {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
  color: #000;
}
.drawer-navigation__contactIcon {
  display: block;
  padding-top: 5px;
  margin-right: 10px;
}
.drawer-navigation__contactIcon svg {
  width: 25.5px;
  height: auto;
}
.drawer-navigation__contactIcon .mail02 {
  fill: #ca1c1c;
}
@media screen and (min-width: 751px) {
  .drawer-navigation__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 400px;
    height: 100%;
    padding-bottom: 0px;
  }
  .drawer-navigation__wrapper.is-navOpen {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .drawer-navigation__navList {
    max-width: none;
    width: 100%;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
  }
  .drawer-navigation__item {
    padding-top: 3.5rem;
  }
  .drawer-navigation__itemLink {
    padding-left: 20px;
    font-size: 17px;
  }
  .drawer-navigation__contact {
    width: 100%;
    padding-top: 3rem;
    padding-left: 3rem;
  }
  .drawer-navigation__tel {
    width: 100%;
    padding-left: 3rem;
    background-size: 2.2rem auto;
    font-size: 2.7rem;
  }
  .drawer-navigation__businesstime {
    padding-left: 30px;
    font-size: 1.6rem;
  }
  .drawer-navigation__buttonItem {
    max-width: 32rem;
    width: 100%;
    height: 6rem;
    margin-top: 3rem;
    margin-left: 0;
    margin-right: 0;
  }
  .drawer-navigation__buttonLink::after {
    right: 2rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  .drawer-navigation__buttonLink:hover::after {
    right: 1.5rem;
  }
  .drawer-navigation__buttonText {
    font-size: 1.4rem;
  }
  .drawer-navigation__buttonText__contactIcon svg {
    width: 3.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .drawer-navigation__wrapper {
    width: 450px;
    height: 100%;
    padding-top: 75px;
  }
  .drawer-navigation__buttonItem {
    max-width: 32rem;
    width: 100%;
    height: 6.5rem;
    margin-top: 3rem;
  }
  .drawer-navigation__buttonLink::after {
    right: 2rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  .drawer-navigation__buttonLink:hover::after {
    right: 1.5rem;
  }
  .drawer-navigation__buttonText {
    font-size: 1.6rem;
  }
  .drawer-navigation__buttonText__contactIcon svg {
    width: 3.4rem;
  }
}
@media screen and (min-width: 1280px) {
  .drawer-navigation__wrapper {
    width: 500px;
    height: 100%;
    padding-top: 10rem;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -3.4rem;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding: 0;
  margin: 0;
  max-width: 1200px;
  width: 100%;
  height: 3px;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 3px;
  width: 25%;
  margin: 0 0px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 100%;
  width: 100%;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f8f8f6;
}
.slick-dots li.slick-active button:before {
  background-color: #8b99a0;
  opacity: 0.75;
}

.c-title {
  --title-blue: #01b4ed;
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(22px, calc(32 / 750 * 100vw), 32px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.02em;
  text-align: center;
  color: black;
}
.c-title::before {
  content: attr(data-eng);
  display: block;
  padding-bottom: clamp(12px, calc(24 / 750 * 100vw), 24px);
  text-align: center;
  font-family: "Lora", "Inter", "Noto Sans JP", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: clamp(13px, calc(15 / 750 * 100vw), 15px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.06em;
  color: var(--title-blue);
}
.c-title--blue {
  color: var(--title-blue);
}
.c-title::after {
  content: "";
  display: block;
  width: clamp(20px, calc(40 / 750 * 100vw), 40px);
  height: 8px;
  margin-top: clamp(8px, calc(16 / 750 * 100vw), 16px);
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/icon/icon_title.svg);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 751px) {
  .c-title {
    font-size: clamp(22px, calc(32 / 1024 * 100vw), 32px);
  }
  .c-title::before {
    font-size: clamp(13px, calc(15 / 1024 * 100vw), 15px);
    padding-bottom: clamp(8px, calc(16 / 1024 * 100vw), 16px);
  }
  .c-title::after {
    width: clamp(30px, calc(40 / 1024 * 100vw), 40px);
    margin-top: clamp(9px, calc(18 / 1024 * 100vw), 18px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title {
    font-size: clamp(22px, calc(32 / 1600 * 100vw), 32px);
  }
  .c-title::before {
    font-size: clamp(13px, calc(15 / 1600 * 100vw), 15px);
    padding-bottom: clamp(8px, calc(16 / 1600 * 100vw), 16px);
  }
  .c-title::after {
    width: clamp(30px, calc(40 / 1600 * 100vw), 40px);
    margin-top: clamp(9px, calc(18 / 1600 * 100vw), 18px);
  }
}

.c-title--blue {
  font-size: clamp(24px, calc(35 / 750 * 100vw), 35px);
  color: var(--title-blue);
}
@media screen and (min-width: 751px) {
  .c-title--blue {
    font-size: clamp(24px, calc(35 / 1024 * 100vw), 35px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title--blue {
    font-size: clamp(24px, calc(35 / 1600 * 100vw), 35px);
  }
}

.c-title__cunsultationSub {
  position: relative;
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(20px, calc(26 / 750 * 100vw), 26px);
  font-weight: 600;
  color: black;
  line-height: 1.4;
}
.c-title__cunsultationSub::after {
  content: "";
  display: block;
  width: clamp(45px, calc(60 / 750 * 100vw), 60px);
  height: 2px;
  margin-top: clamp(8px, calc(16 / 750 * 100vw), 16px);
  margin-left: auto;
  margin-right: auto;
  background-color: var(--title-line-bg);
}
@media screen and (min-width: 751px) {
  .c-title__cunsultationSub {
    font-size: clamp(20px, calc(26 / 1024 * 100vw), 26px);
  }
  .c-title__cunsultationSub::after {
    width: clamp(45px, calc(60 / 1024 * 100vw), 60px);
    margin-top: clamp(8px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__cunsultationSub {
    font-size: clamp(18px, calc(26 / 1600 * 100vw), 26px);
  }
  .c-title__cunsultationSub::after {
    width: clamp(45px, calc(60 / 1600 * 100vw), 60px);
    margin-top: clamp(8px, calc(16 / 1600 * 100vw), 16px);
  }
}

.c-title__feature {
  display: block;
  position: relative;
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(21px, calc(28 / 750 * 100vw), 28px);
  font-weight: 600;
  text-align: center;
  color: black;
}
.c-title__feature::after {
  content: "";
  display: block;
  width: clamp(120px, calc(160 / 750 * 100vw), 160px);
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-top: min(calc(8 / 750 * 100vw), 8px);
  background-color: #b2dffd;
}
@media screen and (min-width: 751px) {
  .c-title__feature {
    font-size: clamp(21px, calc(28 / 1024 * 100vw), 28px);
  }
  .c-title__feature::after {
    width: clamp(120px, calc(160 / 1024 * 100vw), 160px);
    margin-top: min(calc(8 / 1024 * 100vw), 8px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__feature {
    font-size: clamp(21px, calc(28 / 1600 * 100vw), 28px);
    letter-spacing: 0.01em;
  }
  .c-title__feature::after {
    width: clamp(120px, calc(160 / 1600 * 100vw), 160px);
    margin-top: min(calc(8 / 1600 * 100vw), 8px);
  }
}

.c-title__informationTop {
  font-size: clamp(14px, calc(18 / 750 * 100vw), 18px);
  font-weight: 500;
  color: black;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  grid-column: 1/3;
  grid-row: 2/3;
}
@media screen and (min-width: 751px) {
  .c-title__informationTop {
    font-size: clamp(14px, calc(18 / 1024 * 100vw), 18px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__informationTop {
    font-size: clamp(14px, calc(18 / 1600 * 100vw), 18px);
  }
}

.c-title__knowledge {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: clamp(14px, calc(18 / 750 * 100vw), 18px);
  font-weight: 500;
  color: black;
}
@media screen and (min-width: 751px) {
  .c-title__knowledge {
    font-size: clamp(14px, calc(18 / 1024 * 100vw), 18px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__knowledge {
    font-size: clamp(14px, calc(18 / 1600 * 100vw), 18px);
  }
}

.c-title__greeting {
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(20px, calc(26 / 750 * 100vw), 26px);
  font-weight: 600;
  color: #42a4e5;
  text-align: center;
}
.c-title__greeting::after {
  content: "";
  display: block;
  width: clamp(60px, calc(120 / 1024 * 100vw), 120px);
  height: 2px;
  margin-top: clamp(10px, calc(20 / 1024 * 100vw), 20px);
  margin-inline: auto;
  background-color: #c2e5fc;
}
@media screen and (min-width: 1025px) {
  .c-title__greeting {
    font-size: clamp(22px, calc(34 / 1600 * 100vw), 34px);
    line-height: 1.45;
  }
  .c-title__greeting::after {
    width: clamp(60px, calc(120 / 1600 * 100vw), 120px);
    margin-top: clamp(10px, calc(17 / 1600 * 100vw), 17px);
  }
}

.c-title__topFeature {
  position: relative;
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(20px, calc(40 / 750 * 100vw), 40px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0em;
}
.c-title__topFeature::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: var(--title-feature-line);
  width: 25%;
  height: 2px;
}
.c-title__topFeature::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: var(--title-feature-line);
  width: 25%;
  height: 2px;
}
@media screen and (min-width: 576px) {
  .c-title__topFeature::before {
    width: 30%;
  }
  .c-title__topFeature::after {
    width: 30%;
  }
}
@media screen and (min-width: 751px) {
  .c-title__topFeature {
    line-height: 1.63;
    font-size: 2.5vw;
  }
  .c-title__topFeature::before {
    width: 31.25%;
  }
  .c-title__topFeature::after {
    width: 31.25%;
  }
}

.c-title__topFeature--blue {
  display: block;
  color: #00b3ec;
}
@media screen and (min-width: 751px) {
  .c-title__topFeature--blue {
    display: inline;
  }
}

.c-title__topFeature--large {
  font-size: clamp(32px, calc(65 / 750 * 100vw), 65px);
  line-height: 1;
}
@media screen and (min-width: 751px) {
  .c-title__topFeature--large {
    font-size: 4.0625vw;
  }
}

.c-title__topFeature--large02 {
  font-size: clamp(25px, calc(50 / 750 * 100vw), 50px);
  line-height: 1;
}
@media screen and (min-width: 751px) {
  .c-title__topFeature--large02 {
    font-size: 3.125vw;
  }
}

.c-title__topFeature--small {
  font-size: clamp(19px, calc(38 / 750 * 100vw), 38px);
}
@media screen and (min-width: 751px) {
  .c-title__topFeature--small {
    font-size: 2.375vw;
  }
}

.c-title__topFeatureSub {
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(22px, calc(35 / 750 * 100vw), 35px);
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  color: #03b0e7;
}
@media screen and (min-width: 751px) {
  .c-title__topFeatureSub {
    font-size: clamp(26px, calc(35 / 1024 * 100vw), 35px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__topFeatureSub {
    font-size: clamp(26px, calc(35 / 1600 * 100vw), 35px);
  }
}

.c-title__topTrust {
  display: block;
  position: relative;
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(18px, calc(32 / 750 * 100vw), 32px);
  font-weight: 600;
  text-align: center;
  color: black;
}
.c-title__topTrust::after {
  content: "";
  display: block;
  width: clamp(60px, calc(120 / 750 * 100vw), 120px);
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-top: min(calc(24 / 750 * 100vw), 24px);
  background-color: #b2dffd;
}
@media screen and (min-width: 751px) {
  .c-title__topTrust {
    font-size: clamp(18px, calc(32 / 1024 * 100vw), 32px);
  }
  .c-title__topTrust::after {
    content: "";
    display: block;
    width: clamp(60px, calc(120 / 1024 * 100vw), 120px);
    margin-top: min(calc(24 / 1024 * 100vw), 24px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__topTrust {
    font-size: clamp(20px, calc(32 / 1600 * 100vw), 32px);
    letter-spacing: 0.01em;
    line-height: 1.2;
  }
  .c-title__topTrust::after {
    width: clamp(60px, calc(120 / 1600 * 100vw), 120px);
    margin-top: min(calc(24 / 1600 * 100vw), 24px);
  }
}

.c-title__voice {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: clamp(14px, calc(18 / 750 * 100vw), 18px);
  font-weight: 500;
  line-height: 1.45;
  color: black;
}
@media screen and (min-width: 751px) {
  .c-title__voice {
    font-size: clamp(14px, calc(18 / 1024 * 100vw), 18px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__voice {
    font-size: clamp(16px, calc(18 / 1600 * 100vw), 18px);
  }
}

.c-title__topSupport {
  display: block;
  position: relative;
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(18px, calc(32 / 750 * 100vw), 32px);
  font-weight: 600;
  text-align: center;
  color: black;
}
.c-title__topSupport::after {
  content: "";
  display: block;
  width: clamp(60px, calc(120 / 750 * 100vw), 120px);
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-top: min(calc(24 / 750 * 100vw), 24px);
  background-color: #b2dffd;
}
@media screen and (min-width: 751px) {
  .c-title__topSupport {
    font-size: clamp(18px, calc(32 / 1024 * 100vw), 32px);
  }
  .c-title__topSupport::after {
    content: "";
    display: block;
    width: clamp(80px, calc(160 / 1024 * 100vw), 160px);
    margin-top: min(calc(25 / 1024 * 100vw), 25px);
  }
}
@media screen and (min-width: 1025px) {
  .c-title__topSupport {
    font-size: clamp(20px, calc(32 / 1600 * 100vw), 32px);
    letter-spacing: 0.01em;
    line-height: 1.45;
  }
  .c-title__topSupport::after {
    width: clamp(80px, calc(160 / 1600 * 100vw), 160px);
    margin-top: min(calc(29 / 1600 * 100vw), 29px);
  }
}

:root {
  --fontsize13: clamp(11px, calc(13/1200*100vw), 13px);
  --fontsize14: clamp(12px, calc(14/1200*100vw), 14px);
  --fontsize15: clamp(13px, calc(15/1200*100vw), 15px);
  --fontsize16: clamp(14px, calc(16/1200*100vw), 16px);
  --fontsize13_16: clamp(13px, calc(16/1200*100vw), 16px);
  --fontsize17: clamp(13px, calc(17/1200*100vw), 17px);
  --fontsize18: clamp(16px, calc(18/1200*100vw), 18px);
  --fontsize18_min: min(calc(18/750*100vw), 18px);
  --fontsize21_min: min(calc(21/750*100vw), 21px);
  --fontsize35_pc: clamp(17px, calc(35/1200*100vw), 35px);
  --fontsize37_min: min(calc(37/750*100vw), 37px);
}

.c-text__lead {
  font-size: clamp(16px, calc(18 / 750 * 100vw), 18px);
  line-height: 1.65;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
  .c-text__lead {
    font-size: clamp(16px, calc(18 / 1024 * 100vw), 18px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__lead {
    font-size: clamp(16px, calc(18 / 1600 * 100vw), 18px);
  }
}

.c-text__consultation {
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  line-height: 1.75;
  letter-spacing: 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 751px) {
  .c-text__consultation {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__consultation {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

.c-text__infoDate {
  font-size: clamp(12px, calc(14 / 750 * 100vw), 14px);
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #a0a2a5;
}
@media screen and (min-width: 751px) {
  .c-text__infoDate {
    font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__infoDate {
    font-size: clamp(12px, calc(14 / 1600 * 100vw), 14px);
  }
}

.c-text__informationTop {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: clamp(12px, calc(14 / 750 * 100vw), 14px);
  grid-column: 1/3;
  grid-row: 3/4;
}
@media screen and (min-width: 751px) {
  .c-text__informationTop {
    font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__informationTop {
    font-size: clamp(12px, calc(14 / 1600 * 100vw), 14px);
  }
}

.c-text__knowledge {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: clamp(12px, calc(14 / 750 * 100vw), 14px);
}
@media screen and (min-width: 751px) {
  .c-text__knowledge {
    font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__knowledge {
    font-size: clamp(12px, calc(14 / 1480 * 100vw), 14px);
  }
}

.c-text__topGreeting {
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  line-height: 1.75;
}
@media screen and (min-width: 751px) {
  .c-text__topGreeting {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__topGreeting {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

.c-text__planPrice {
  font-size: clamp(28px, calc(38 / 750 * 100vw), 38px);
  font-weight: bold;
  color: var(--price-color);
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 751px) {
  .c-text__planPrice {
    font-size: clamp(28px, calc(38 / 1024 * 100vw), 38px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__planPrice {
    font-size: clamp(28px, calc(38 / 1600 * 100vw), 38px);
  }
}

.c-text__planPrice--tax {
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  font-weight: 400;
}
@media screen and (min-width: 751px) {
  .c-text__planPrice--tax {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__planPrice--tax {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

.c-text__date {
  font-size: clamp(12px, calc(14 / 750 * 100vw), 14px);
  line-height: 1;
  letter-spacing: 0.06em;
  color: #72bbe0;
}
@media screen and (min-width: 751px) {
  .c-text__date {
    font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__date {
    font-size: clamp(12px, calc(14 / 1600 * 100vw), 14px);
  }
}

.c-text__voiceText {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: clamp(12px, calc(14 / 750 * 100vw), 14px);
  line-height: 1.65;
}
@media screen and (min-width: 751px) {
  .c-text__voiceText {
    font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
  }
}
@media screen and (min-width: 1025px) {
  .c-text__voiceText {
    font-size: clamp(12px, calc(14 / 1600 * 100vw), 14px);
  }
}

.c-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  -webkit-box-shadow: 2px 2px 5px 0 #e3e5e6;
          box-shadow: 2px 2px 5px 0 #e3e5e6;
  background-color: #6bc3ee;
  border: 3px solid var(--btn-bg);
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
.c-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: clamp(6px, 1.3333333333vw, 10px);
  height: clamp(6px, 1.3333333333vw, 10px);
  top: 0;
  bottom: 0;
  right: clamp(20px, 2.9333333333vw, 22px);
  margin: auto;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.c-btn--linkIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  -webkit-box-shadow: 2px 2px 5px 0 #e3e5e6;
          box-shadow: 2px 2px 5px 0 #e3e5e6;
  background-color: #6bc3ee;
  border: 3px solid var(--btn-bg);
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
.c-btn--linkIcon::after {
  content: "";
  display: block;
  position: absolute;
  width: clamp(14px, 2.4vw, 18px);
  height: clamp(12px, 2.1333333333vw, 16px);
  top: 0;
  bottom: 0;
  right: clamp(16px, 3.2vw, 24px);
  margin: auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 55"><g ><path d="m64,44H12V0h52v44Zm-47-3h43V3H16v38Z" style="fill:%23fff;"/><polygon points="49 55 0 55 0 15 4 15 4 52 49 52 49 55" style="fill:%23fff;"/></g></svg>');
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.c-btn--linkIcon:hover {
  opacity: 1;
  background-color: white;
}
.c-btn--linkIcon:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 55"><g ><path d="m64,44H12V0h52v44Zm-47-3h43V3H16v38Z" style="fill:%236bc3ee;"/><polygon points="49 55 0 55 0 15 4 15 4 52 49 52 49 55" style="fill:%236bc3ee;"/></g></svg>');
}
.c-btn--linkIcon:hover .c-btn__text, .c-btn--linkIcon:hover .c-btn__text--large {
  color: var(--btn-bg);
}
.c-btn:hover {
  opacity: 1;
  background-color: white;
}
.c-btn:hover::after {
  border-top: 1px solid var(--btn-bg);
  border-right: 1px solid var(--btn-bg);
  right: clamp(14px, 2.4vw, 18px);
}
.c-btn:hover .c-btn__text, .c-btn:hover .c-btn__text--large {
  color: var(--btn-bg);
}
@media screen and (min-width: 751px) {
  .c-btn::after {
    width: clamp(6px, 0.9765625vw, 10px);
    height: clamp(6px, 0.9765625vw, 10px);
    right: clamp(20px, 2.1484375vw, 22px);
  }
  .c-btn:hover::after {
    right: clamp(14px, 1.7578125vw, 18px);
  }
  .c-btn:hover .c-btn__text, .c-btn:hover .c-btn__text--large {
    color: var(--btn-bg);
  }
}
@media screen and (min-width: 1025px) {
  .c-btn::after {
    width: clamp(6px, 0.625vw, 10px);
    height: clamp(6px, 0.625vw, 10px);
    right: clamp(18px, 1.375vw, 22px);
  }
  .c-btn:hover::after {
    right: clamp(14px, 1.125vw, 18px);
  }
}

.c-btn__text, .c-btn__text--large {
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  font-weight: 400;
  letter-spacing: 0.1em;
  color: white;
  letter-spacing: 0;
}
@media screen and (min-width: 751px) {
  .c-btn__text, .c-btn__text--large {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .c-btn__text, .c-btn__text--large {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

.c-btn__text--large {
  font-size: clamp(20px, calc(34 / 750 * 100vw), 34px);
}
@media screen and (min-width: 751px) {
  .c-btn__text--large {
    font-size: clamp(20px, calc(34 / 1024 * 100vw), 34px);
  }
}
@media screen and (min-width: 1025px) {
  .c-btn__text--large {
    font-size: clamp(20px, calc(34 / 1600 * 100vw), 34px);
  }
}

.c-btn__plan01, .c-btn__plan03, .c-btn__plan02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  border: 2px solid var(--plan01-color01);
  background-color: var(--plan01-color01);
  border-radius: 5px;
  -webkit-transition: 0.35s ease-in;
  transition: 0.35s ease-in;
}
.c-btn__plan01:hover, .c-btn__plan03:hover, .c-btn__plan02:hover {
  background-color: #fff;
}
.c-btn__plan01:hover .c-btn__planText, .c-btn__plan03:hover .c-btn__planText, .c-btn__plan02:hover .c-btn__planText {
  color: var(--plan01-color01);
}

.c-btn__plan02 {
  border: 2px solid var(--plan02-color01);
  background-color: var(--plan02-color01);
}
.c-btn__plan02:hover {
  background-color: #fff;
}
.c-btn__plan02:hover .c-btn__planText {
  color: var(--plan02-color01);
}

.c-btn__plan03 {
  border: 2px solid var(--plan03-color01);
  background-color: var(--plan03-color01);
}
.c-btn__plan03:hover {
  background-color: #fff;
}
.c-btn__plan03:hover .c-btn__planText {
  color: var(--plan03-color01);
}

.c-btn__planText {
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .c-btn__planText {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .c-btn__planText {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

:root {
  --drawer-btn-bg: #01b4ed;
  --drawer-btn-iconColor: #fff;
}

.c-drawer__btn {
  display: block;
  position: relative;
  background-color: var(--drawer-btn-bg);
  width: 100%;
  height: 100%;
}

.c-drawer__btnIcon {
  display: block;
  position: absolute;
  width: min(calc(62 / 750 * 100vw), 62px);
  height: min(calc(5 / 750 * 100vw), 5px);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--drawer-btn-iconColor);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.c-drawer__btnIcon::before {
  content: "";
  display: block;
  position: absolute;
  width: min(calc(62 / 750 * 100vw), 62px);
  height: min(calc(5 / 750 * 100vw), 5px);
  top: -2.6666666667vw;
  background-color: var(--drawer-btn-iconColor);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.c-drawer__btnIcon::after {
  content: "";
  display: block;
  position: absolute;
  width: min(calc(62 / 750 * 100vw), 62px);
  height: min(calc(5 / 750 * 100vw), 5px);
  top: 2.6666666667vw;
  background-color: var(--drawer-btn-iconColor);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 751px) {
  .c-drawer__btnIcon::before {
    top: -20px;
  }
  .c-drawer__btnIcon::after {
    top: 20px;
  }
}

.is-drawerOpen .c-drawer__btnIcon {
  background-color: transparent;
}
.is-drawerOpen .c-drawer__btnIcon::before {
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.is-drawerOpen .c-drawer__btnIcon::after {
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (min-width: 751px) {
  .is-drawerOpen .c-drawer__btnIcon::before {
    top: 0px;
  }
  .is-drawerOpen .c-drawer__btnIcon::after {
    top: 0px;
  }
}

.c-drawerMenu__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: min(calc(100 / 750 * 100vw), 100px);
  padding-left: min(calc(67 / 750 * 100vw), 67px);
  padding-right: min(calc(55 / 750 * 100vw), 55px);
  background-color: white;
  font-size: clamp(15px, calc(30 / 750 * 100vw), 30px);
  font-weight: 400;
  line-height: 1.15;
  color: black;
}
.c-drawerMenu__text::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: min(7.3333333333vw, 55px);
  margin: auto;
  width: min(calc(13 / 750 * 100vw), 13px);
  height: min(calc(23 / 750 * 100vw), 23px);
  background-image: url(../images/icon/icon_arrow.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-drawerMenu__text.toggle::after {
  transform: rotate(90deg);
}
.c-drawerMenu__text.toggle.is-open::after {
  transform: rotate(-90deg);
}

:root {
  --hover-bg: #dcf2fc;
}

.c-nav__ftnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  font-weight: 500;
  color: #4a4b4b;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.c-nav__ftnav::before {
  content: "";
  display: block;
  width: clamp(6px, calc(8 / 1024 * 100vw), 8px);
  height: clamp(6px, calc(8 / 1024 * 100vw), 8px);
  border-top: 2px solid var(--title-line-bg);
  border-right: 2px solid var(--title-line-bg);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-right: 6px;
  margin-right: clamp(6px, calc(10 / 1024 * 100vw), 10px);
}
@media screen and (min-width: 1025px) {
  .c-nav__ftnav {
    font-size: clamp(13px, calc(15 / 1024 * 100vw), 15px);
    line-height: 1.15;
  }
  .c-nav__ftnav::before {
    content: none;
  }
}

.c-nav__ftChildNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(13px, calc(16 / 1024 * 100vw), 16px);
  color: #4a4b4b;
}
.c-nav__ftChildNav::before {
  content: "";
  display: block;
  width: clamp(8px, calc(10 / 1024 * 100vw), 10px);
  height: 2px;
  background-color: var(--title-line-bg);
  margin-right: 10px;
}
@media screen and (min-width: 1025px) {
  .c-nav__ftChildNav {
    font-size: clamp(13px, calc(15 / 1024 * 100vw), 15px);
    line-height: 1.25;
  }
  .c-nav__ftChildNav::before {
    content: none;
  }
}

.c-nav__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-size: clamp(13px, calc(15 / 1280 * 100vw), 15px);
  font-weight: 500;
  color: #191a1a;
}
.c-nav__text span {
  position: relative;
  z-index: 10;
}
.c-nav__text--home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.c-nav__text--home img {
  width: min(calc(28 / 1280 * 100vw), 28px);
  height: auto;
}
.c-nav__text--home span {
  position: relative;
  z-index: 10;
}
.c-nav__text--home::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--hover-bg);
  z-index: 1;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.c-nav__text--home:hover {
  opacity: 1;
}
.c-nav__text--home:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.c-nav__text::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--hover-bg);
  z-index: 1;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.c-nav__text:hover {
  opacity: 1;
}
.c-nav__text:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.c-link__img {
  display: block;
}

.c-breadvrumb__link {
  font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
  letter-spacing: 0em;
  line-height: 1.25;
  color: var(--breadcrumb-text-color);
  text-decoration: underline;
}
@media screen and (min-width: 1025px) {
  .c-breadvrumb__link {
    font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    letter-spacing: 0em;
  }
}

.c-breadvrumb__text {
  font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
  letter-spacing: 0em;
  line-height: 1.25;
  color: black;
}
@media screen and (min-width: 1025px) {
  .c-breadvrumb__text {
    font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    letter-spacing: 0em;
  }
}

.c-icon__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--icon-box-bg);
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(13px, calc(17 / 750 * 100vw), 17px);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: center;
  color: white;
}
.c-icon__number::after {
  content: attr(data-number);
  padding-left: 0.5em;
  font-size: clamp(16px, calc(22 / 1024 * 100vw), 22px);
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
  .c-icon__number {
    font-size: clamp(13px, calc(17 / 1024 * 100vw), 17px);
  }
  .c-icon__number::after {
    font-size: clamp(16px, calc(22 / 1024 * 100vw), 22px);
    padding-left: 0.25em;
  }
}
@media screen and (min-width: 1025px) {
  .c-icon__number {
    font-size: clamp(13px, calc(17 / 1600 * 100vw), 17px);
  }
  .c-icon__number::after {
    font-size: clamp(16px, calc(22 / 1600 * 100vw), 22px);
    padding-left: 0.5em;
  }
}

.c-icon__infoCat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 94px;
  height: 22px;
  border-radius: 22px;
  background-color: #5db7e3;
  font-size: 11px;
  line-height: 1;
  color: #fff;
}

.c-icon__cat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--icon-box-bg);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(20px, calc(24 / 750 * 100vw), 24px);
  padding-left: 1em;
  padding-right: 1em;
  background-color: #77bfee;
  font-size: clamp(11px, calc(13 / 750 * 100vw), 13px);
  color: #fff;
}
@media screen and (min-width: 751px) {
  .c-icon__cat {
    min-width: 120px;
    height: 24px;
    font-size: 13px;
  }
}

.c-icon__plan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: clamp(63px, calc(84 / 750 * 100vw), 84px);
  height: clamp(24px, calc(32 / 750 * 100vw), 32px);
  background-color: var(--price-color);
  border-radius: 5px;
  font-size: clamp(13px, calc(15 / 750 * 100vw), 15px);
  line-height: 1;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .c-icon__plan {
    width: clamp(63px, calc(84 / 1024 * 100vw), 84px);
    height: clamp(24px, calc(32 / 1024 * 100vw), 32px);
    font-size: clamp(12px, calc(15 / 1024 * 100vw), 15px);
  }
}
@media screen and (min-width: 1025px) {
  .c-icon__plan {
    width: clamp(63px, calc(84 / 1600 * 100vw), 84px);
    height: clamp(24px, calc(32 / 1600 * 100vw), 32px);
    margin-top: 3px;
    font-size: clamp(12px, calc(15 / 1600 * 100vw), 15px);
  }
}

:root {
  --header-bg-color: #fff;
}

.l-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  background-color: var(--header-bg-color);
  -webkit-box-shadow: 4px 4px 5px 0 rgba(202, 205, 205, 0.3);
          box-shadow: 4px 4px 5px 0 rgba(202, 205, 205, 0.3);
  z-index: 2000;
}

.l-header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  width: 100%;
  height: min(calc(130 / 750 * 100vw), 130px);
  padding-left: min(calc(23 / 750 * 100vw), 23px);
}
@media screen and (min-width: 1025px) {
  .l-header__inner {
    width: 90%;
    height: min(calc(100 / 1600 * 100vw), 100px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
}

.l-header__logo {
  width: min(calc(424 / 750 * 100vw), 424px);
}
@media screen and (min-width: 1025px) {
  .l-header__logo {
    width: min(calc(314 / 1600 * 100vw), 314px);
  }
}

.l-header__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .l-header__wrap {
    gap: 0 min(1.25vw, 16px);
  }
}

.l-header__tel {
  display: none;
}
@media screen and (min-width: 1025px) {
  .l-header__tel {
    display: block;
    width: min(calc(248 / 1600 * 100vw), 248px);
  }
}

.l-header__contact {
  width: min(calc(130 / 750 * 100vw), 130px);
}
@media screen and (min-width: 1025px) {
  .l-header__contact {
    display: block;
    width: min(calc(258 / 1600 * 100vw), 258px);
    margin-right: -5px;
  }
}

.l-header__drawerBtn {
  width: min(calc(125 / 750 * 100vw), 125px);
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .l-header__drawerBtn {
    display: none;
  }
}

:root {
  --footer-bg: #e7f2fa;
}

.l-footer {
  width: 100%;
  background-color: var(--footer-bg);
  margin-top: clamp(50px, calc(97 / 1024 * 100vw), 97px);
}
@media screen and (min-width: 1025px) {
  .l-footer {
    margin-top: clamp(75px, calc(97 / 1280 * 100vw), 97px);
  }
}

.l-footer__inner {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(45px, calc(90 / 1024 * 100vw), 90px);
  padding-bottom: clamp(25px, calc(50 / 1024 * 100vw), 50px);
}

@media screen and (min-width: 1025px) {
  .l-footer__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.l-footer__logo {
  width: clamp(224px, calc(299 / 1024 * 100vw), 299px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .l-footer__logo {
    width: clamp(224px, calc(299 / 1280 * 100vw), 299px);
  }
}

.l-footer__address {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(18px, calc(33 / 1024 * 100vw), 33px);
}
@media screen and (min-width: 1025px) {
  .l-footer__address {
    margin-left: 0;
    margin-right: 0;
    padding-top: clamp(18px, calc(33 / 1280 * 100vw), 33px);
  }
}

.c-text__address {
  font-size: clamp(13px, calc(15 / 1024 * 100vw), 15px);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.75;
}
@media screen and (min-width: 1025px) {
  .c-text__address {
    font-size: clamp(13px, calc(15 / 1280 * 100vw), 15px);
  }
}

@media screen and (min-width: 1025px) {
  .l-footerNav__item--child {
    padding-top: 19px !important;
  }
}

.l-footerNav__child {
  margin-left: 1em;
  padding-top: 12px;
}
.l-footerNav__child > * + * {
  padding-top: 8px;
}
@media screen and (min-width: 1025px) {
  .l-footerNav__child {
    margin-left: 1em;
    padding-top: 24px;
  }
  .l-footerNav__child > * + * {
    padding-top: 11px;
  }
}

.l-footer__copyright {
  padding-top: clamp(30px, calc(60 / 1024 * 100vw), 60px);
  text-align: right;
}
@media screen and (min-width: 1025px) {
  .l-footer__copyright {
    padding-top: clamp(26px, calc(52 / 1280 * 100vw), 52px);
  }
}

.c-text__copyright {
  font-size: clamp(12px, calc(14 / 1024 * 100vw), 14px);
}
@media screen and (min-width: 1025px) {
  .c-text__copyright {
    font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    letter-spacing: 0.02em;
  }
}

:root {
  --gnav-text-color: #081730;
  --gnav-boder: 1px solid #d5dde1;
}

.l-gnav {
  display: none;
}
@media screen and (min-width: 1025px) {
  .l-gnav {
    display: block;
    width: 100%;
    height: min(calc(57 / 1280 * 100vw), 57px);
    background-color: var(--header-bg-color);
    border-top: var(--gnav-boder);
  }
}

@media screen and (min-width: 1025px) {
  .l-gnav__list {
    display: grid;
    grid-template-columns: min(8.25%, 99px) min(12.5%, 150px) min(12.1666666667%, 146px) min(12%, 144px) min(12.5%, 150px) min(12.5%, 150px) min(17.9166666667%, 215px) min(12.0833333333%, 145px);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1200px;
    width: 90%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1025px) {
  .l-gnav__item {
    width: 100%;
    height: 100%;
    border-left: var(--gnav-boder);
  }
  .l-gnav__item:last-child {
    border-right: var(--gnav-boder);
  }
}

.l-gnav-plan {
  display: none;
}
@media screen and (min-width: 1025px) {
  .l-gnav-plan {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 20px;
    z-index: 5;
  }
  .l-gnav-plan-list {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
  .l-gnav-plan-list__ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
  }
  .l-gnav-plan-list__ttl::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
  }
}

.l-wrapper {
  position: relative;
  max-width: 100%;
  background-image: url(../images/page/bg_pageTitle.png);
  background-position: right top;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1480px) {
  .l-wrapper {
    background-size: 100% auto;
  }
}

.l-main {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-bottom: min(calc(30 / 1024 * 100vw), 30px);
}
@media screen and (min-width: 1025px) {
  .l-main {
    padding-bottom: min(calc(30 / 1280 * 100vw), 30px);
  }
}

.l-main__inner {
  position: relative;
  background-color: white;
}

.l-pageContents {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  line-height: 1.75;
}
@media screen and (min-width: 751px) {
  .l-pageContents {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .l-pageContents {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

:root {
  --pageHead-bg: #eaf7ff;
  --h1-title-font-color: #fff;
}

.l-pageHead {
  position: relative;
  margin-top: min(calc(57 / 750 * 100vw), 57px);
  padding-top: min(calc(98 / 750 * 100vw), 98px);
  padding-bottom: min(calc(8 / 750 * 100vw), 8px);
  background-image: url(../images/page/bg_head02.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 751px) {
  .l-pageHead {
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1025px) {
  .l-pageHead {
    margin-top: min(calc(57 / 1280 * 100vw), 57px);
    padding-top: min(calc(130 / 1280 * 100vw), 130px);
    padding-bottom: min(calc(7 / 1280 * 100vw), 7px);
    background-size: 100% auto;
  }
}

.l-pageHead__inner {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.l-pageHead__title {
  text-align: center;
}
.l-pageHead__title .c-title::before {
  margin-bottom: 10px;
}

.l-mainVisual {
  position: relative;
}

.l-mainVisual__inner {
  position: relative;
  width: 100%;
}

.l-mainVisual__wrap {
  position: relative;
  width: 100%;
}

.l-mainVisual__itemPic img {
  width: 100%;
  height: auto;
}

.l-mainVisual__textImg {
  position: absolute;
  width: min(calc(570 / 750 * 100vw), 570px);
  bottom: clamp(12px, 3.3333333333vw, 25px);
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
.l-mainVisual__textImg img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 751px) {
  .l-mainVisual__textImg {
    width: min(calc(570 / 1024 * 100vw), 570px);
  }
}
@media screen and (min-width: 1025px) {
  .l-mainVisual__textImg {
    position: absolute;
    width: min(calc(618 / 1600 * 100vw), 618px);
    top: 50%;
    left: clamp(25px, 3.125vw, 50px);
    right: auto;
    bottom: auto;
    margin: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    opacity: 0;
  }
}

.swiper-slide-active .l-mainVisual__textImg {
  opacity: 0;
  -webkit-animation-name: mv_text;
          animation-name: mv_text;
  -webkit-animation-duration: 3.5s;
          animation-duration: 3.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

@-webkit-keyframes mv_text {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes mv_text {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@media screen and (min-width: 1025px) {
  @-webkit-keyframes mv_text {
    0% {
      -webkit-transform: translateY(-40%);
              transform: translateY(-40%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      opacity: 1;
    }
  }
  @keyframes mv_text {
    0% {
      -webkit-transform: translateY(-40%);
              transform: translateY(-40%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      opacity: 1;
    }
  }
}
:root {
  --drawer-link-border: 1px solid #a9a9ac;
  --drawer-btnList-bg: #dcf2fc;
}

.l-drawerMenu {
  display: none;
  position: fixed;
  width: 100%;
  height: 100dvh;
  overflow: scroll;
  top: 0;
  right: 0;
  background-color: white;
  z-index: 1000;
}
@media screen and (min-width: 751px) {
  .l-drawerMenu {
    width: 100%;
  }
}

.l-drawerMenu__inner {
  width: 100%;
  height: 100%;
  padding-top: min(calc(130 / 750 * 100vw), 130px);
  padding-bottom: min(calc(130 / 750 * 100vw), 130px);
}

.l-drawerMenu__btnList {
  padding-top: min(calc(40 / 750 * 100vw), 40px);
  padding-bottom: min(calc(40 / 750 * 100vw), 40px);
  background-color: var(--drawer-btnList-bg);
}
.l-drawerMenu__btnList > * + * {
  margin-top: min(calc(20 / 750 * 100vw), 20px);
}

.l-drawerMenu__btnItem {
  width: min(calc(620 / 750 * 100vw), 620px);
  margin-left: auto;
  margin-right: auto;
}

.l-drawerMenu__list {
  border-bottom: var(--drawer-link-border);
}

.l-drawerMenu__item {
  border-top: var(--drawer-link-border);
}
.l-drawerMenu__item ul {
  display: none;
}
.l-drawerMenu__item ul li a {
  display: block;
  background: #6bc3ee;
  color: #fff;
  padding: 10px min(8.9333333333vw, 67px);
}
.l-drawerMenu__item ul li:not(:last-child) {
  border-bottom: 1px solid #fff;
}


.l-footerNav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  gap: 15px;
  padding-top: clamp(35px, calc(65 / 1200 * 100vw), 65px);
}
@media screen and (min-width: 1025px) {
  .l-footerNav {
    grid-template-columns: repeat(3, auto);
    gap: 0 min(6.6666666667vw, 80px);
    padding-top: 0;
  }
}

.l-footerNav__list > * + * {
  padding-top: 12px;
}
@media screen and (min-width: 1025px) {
  .l-footerNav__list > * + * {
    padding-top: 13px;
  }
}

:root {
  --breadcrumb-text-color: #158fdb;
}

.l-breadcrumb {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(16px, calc(32 / 1200 * 100vw), 32px);
}

.l-breadcrumb__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.l-breadcrumb__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-breadcrumb__item + .l-breadcrumb__item::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  margin-right: 12px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.l-pageTOP {
  display: none;
  position: fixed;
  width: clamp(50px, calc(66 / 750 * 100vw), 66px);
  right: min(5.3333333333vw, 40px);
  bottom: min(33.3333333333vw, 250px);
  z-index: 500;
}
@media screen and (min-width: 751px) {
  .l-pageTOP {
    right: min(5.078125vw, 65px);
    bottom: min(28.125vw, 360px);
  }
}
@media screen and (min-width: 1025px) {
  .l-pageTOP {
    right: min(4.0625vw, 65px);
    bottom: min(6.875vw, 110px);
  }
}

.l-pageTop__link {
  display: block;
}

:root {
  --btn01-color: #fafc7e;
  --btn01-border: 5px solid #ece404;
  --btn01-font-color: #1067ca;
  --btn02-color: #04aff5;
  --btn02-border: 5px solid #0695e0;
  --btn02-font-color: #fff;
}

.l-fixedBtn {
  display: none;
}
@media screen and (min-width: 1025px) {
  .l-fixedBtn {
    display: block;
    position: fixed;
    top: 17.6875vw;
    right: 0;
    z-index: 100;
  }
  .l-fixedBtn > * + * {
    margin-top: 5px;
  }
}

@media screen and (min-width: 1025px) {
  .l-fixedBtn__item {
    width: min(calc(83 / 1200 * 100vw), 83px);
  }
}

.l-fixedBtn__sp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: min(calc(150 / 750 * 100vw), 150px);
  bottom: 0;
  left: 0;
  padding-left: min(calc(20 / 750 * 100vw), 20px);
  padding-right: min(calc(20 / 750 * 100vw), 20px);
  background-color: rgba(69, 69, 69, 0.9);
  -webkit-box-shadow: 0px -2px 5px 0 rgba(167, 175, 180, 0.75);
          box-shadow: 0px -2px 5px 0 rgba(167, 175, 180, 0.75);
  z-index: 100;
}
@media screen and (min-width: 1025px) {
  .l-fixedBtn__sp {
    display: none;
  }
}

.l-fixedBtn__itemSp {
  width: min(calc(244 / 750 * 100vw), 244px);
}

.l-fixedBottom {
  display: none;
}
@media screen and (min-width: 1025px) {
  .l-fixedBottom {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    z-index: 100;
    -webkit-box-shadow: 0px -2px 5px 0 rgba(206, 217, 225, 0.5);
            box-shadow: 0px -2px 5px 0 rgba(206, 217, 225, 0.5);
  }
}

.l-fixedBottom__inner {
  display: grid;
  grid-template-columns: min(17.1875vw, 220px) 1fr;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  width: 90%;
  height: min(calc(80 / 1280 * 100vw), 80px);
  margin-left: auto;
  margin-right: auto;
}

.l-fixedBottom__logo {
  width: min(calc(220 / 1280 * 100vw), 220px);
}

.l-fixedBottom__wrap {
  display: grid;
  grid-template-columns: auto auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(1.5625vw, 20px);
}

.l-fixedBottom__tel {
  width: min(calc(342 / 1280 * 100vw), 342px);
}

.l-fixedBottom__btnList {
  display: grid;
  grid-template-columns: min(17.8125vw, 228px) min(18.59375vw, 238px);
  margin-right: -6px;
}

.p-contents__head {
  display: block;
  position: relative;
  width: 90%;
  margin-inline: auto;
  text-align: center;
  z-index: 3;
}

.p-contents__title {
  padding-top: clamp(12px, calc(24 / 750 * 100vw), 24px);
}
@media screen and (min-width: 751px) {
  .p-contents__title {
    padding-top: clamp(12px, calc(24 / 1024 * 100vw), 24px);
  }
}
@media screen and (min-width: 1025px) {
  .p-contents__title {
    padding-top: clamp(12px, calc(24 / 1600 * 100vw), 24px);
  }
}

.p-contents__lead {
  padding-top: clamp(17px, calc(35 / 750 * 100vw), 35px);
}
@media screen and (min-width: 751px) {
  .p-contents__lead {
    padding-top: clamp(17px, calc(35 / 1024 * 100vw), 35px);
  }
}
@media screen and (min-width: 1025px) {
  .p-contents__lead {
    padding-top: clamp(17px, calc(30 / 1600 * 100vw), 30px);
  }
}

.p-topBanner, .p-topBanner__third, .p-topBanner__second {
  display: grid;
  grid-template-columns: 95.4666666667vw;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  justify-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(2.6666666667vw, 20px);
  padding-top: clamp(25px, calc(50 / 750 * 100vw), 50px);
  padding-bottom: clamp(35px, calc(70 / 750 * 100vw), 70px);
}
.p-topBanner img, .p-topBanner__third img, .p-topBanner__second img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 751px) {
  .p-topBanner, .p-topBanner__third, .p-topBanner__second {
    max-width: 1210px;
    width: 90%;
    grid-template-columns: 1fr 1fr;
    margin-inline: auto;
    gap: min(1.953125vw, 20px);
    padding-top: clamp(22px, calc(45 / 1024 * 100vw), 45px);
    padding-bottom: clamp(35px, calc(70 / 1024 * 100vw), 70px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topBanner, .p-topBanner__third, .p-topBanner__second {
    gap: min(0.625vw, 10px);
    padding-top: clamp(22px, calc(45 / 1600 * 100vw), 45px);
    padding-bottom: clamp(35px, calc(70 / 1600 * 100vw), 70px);
  }
}

.p-topBanner__second {
  padding-top: clamp(30px, calc(60 / 750 * 100vw), 60px);
  padding-bottom: clamp(104px, calc(208 / 750 * 100vw), 208px);
}
@media screen and (min-width: 751px) {
  .p-topBanner__second {
    padding-top: clamp(30px, calc(60 / 1024 * 100vw), 60px);
    padding-bottom: clamp(104px, calc(208 / 1024 * 100vw), 208px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topBanner__second {
    max-width: 1210px;
    grid-template-columns: min(37.375vw, 598px), min(37.375vw, 598px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: clamp(30px, calc(60 / 1600 * 100vw), 60px);
    padding-bottom: clamp(104px, calc(208 / 1600 * 100vw), 208px);
  }
}

.p-topBanner__third {
  padding-top: clamp(50px, calc(95 / 750 * 100vw), 95px);
  padding-bottom: clamp(55px, calc(110 / 750 * 100vw), 110px);
}
@media screen and (min-width: 751px) {
  .p-topBanner__third {
    padding-top: clamp(50px, calc(95 / 1024 * 100vw), 95px);
    padding-bottom: clamp(55px, calc(110 / 1024 * 100vw), 110px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topBanner__third {
    max-width: 1210px;
    grid-template-columns: min(37.375vw, 598px), min(37.375vw, 598px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: clamp(50px, calc(95 / 1600 * 100vw), 95px);
    padding-bottom: clamp(55px, calc(110 / 1600 * 100vw), 110px);
  }
}

.p-topFeatire {
  position: relative;
  background-color: #eff8fd;
}

.p-topFeature__head {
  text-align: center;
}

.p-topFeature__titleIcon {
  display: block;
  width: clamp(64px, calc(86 / 750 * 100vw), 86px);
  margin-inline: auto;
  padding-bottom: min(calc(3 / 750 * 100vw), 3px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__titleIcon {
    display: block;
    width: clamp(64px, calc(86 / 1024 * 100vw), 86px);
    margin-inline: auto;
    padding-bottom: min(calc(3 / 1024 * 100vw), 3px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__titleIcon {
    width: clamp(64px, calc(86 / 1600 * 100vw), 86px);
    padding-bottom: min(calc(3 / 1600 * 100vw), 3px);
  }
}

:root {
  --title-feature-line: #00b3ec;
}

.p-topFeature__plan {
  position: relative;
  padding-top: clamp(20px, calc(40 / 750 * 100vw), 40px);
  padding-bottom: clamp(85px, calc(110 / 750 * 100vw), 110px);
  background-image: url(../images/top/feature/bg_img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .p-topFeature__plan {
    padding-top: clamp(20px, calc(40 / 1024 * 100vw), 40px);
    padding-bottom: clamp(85px, calc(110 / 1024 * 100vw), 110px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__plan {
    padding-top: clamp(20px, calc(40 / 1600 * 100vw), 40px);
    padding-bottom: clamp(55px, calc(110 / 1600 * 100vw), 110px);
  }
}
.p-topFeature__plan .p-topFeature__subHead {
  padding-top: clamp(20px, calc(40 / 750 * 100vw), 40px);
}

.p-topFeature__subHead {
  position: relative;
  width: 90%;
  margin-inline: auto;
  z-index: 2;
}

.p-topFeature__subTitleIcon {
  display: block;
  width: clamp(115px, calc(230 / 750 * 100vw), 230px);
  margin-inline: auto;
  padding-bottom: clamp(15px, calc(30 / 750 * 100vw), 30px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__subTitleIcon {
    width: clamp(115px, calc(230 / 1024 * 100vw), 230px);
    margin-inline: auto;
    padding-bottom: clamp(15px, calc(30 / 1024 * 100vw), 30px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__subTitleIcon {
    width: clamp(115px, calc(230 / 1600 * 100vw), 230px);
    padding-bottom: clamp(15px, calc(30 / 1600 * 100vw), 30px);
  }
}

.p-topFeature__lead {
  text-align: center;
  padding-top: clamp(8px, calc(16 / 750 * 100vw), 16px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__lead {
    padding-top: clamp(8px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__lead {
    padding-top: clamp(8px, calc(16 / 1600 * 100vw), 16px);
  }
}

:root {
  --plan01-color01: #3ca2ab;
  --plan01-color02: #71bfc6;
  --plan01-border: 2px solid #21848d;
  --plan02-color01: #0f5ea1;
  --plan02-color02: #3c82be;
  --plan02-border: 2px solid #21508d;
  --plan03-color01: #df8294;
  --plan03-color02: #e8a9b4;
  --plan03-border: 2px solid #ea7479;
  --price-color: #d30c2d;
}

.p-topFeature__planList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1200px;
  width: 90%;
  margin-inline: auto;
  gap: min(4vw, 30px);
  padding-top: min(calc(33 / 1024 * 100vw), 33px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__planList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.9296875vw, 30px);
    padding-top: min(calc(33 / 1024 * 100vw), 33px);
  }
}
@media screen and (min-width: 751px) {
  .p-topFeature__planList {
    gap: min(1.875vw, 30px);
    padding-top: min(calc(33 / 1600 * 100vw), 33px);
  }
}

.p-topFeature__planItem {
  -webkit-box-shadow: 0px 3px 20px 0 rgba(202, 205, 202, 0.75);
          box-shadow: 0px 3px 20px 0 rgba(202, 205, 202, 0.75);
}

.p-topFeature__planName, .p-topFeature__planName--small, .p-topFeature__planName--plan03, .p-topFeature__planName--plan02, .p-topFeature__planName--plan01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  height: clamp(40px, calc(54 / 750 * 100vw), 54px);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(22px, calc(30 / 750 * 100vw), 30px);
  font-weight: 500;
  color: #fff;
}
.p-topFeature__planName--plan01 {
  background-color: var(--plan01-color01);
}
.p-topFeature__planName--plan02 {
  background-color: var(--plan02-color01);
}
.p-topFeature__planName--plan03 {
  background-color: var(--plan03-color01);
}
.p-topFeature__planName--small {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(18px, calc(24 / 750 * 100vw), 24px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__planName, .p-topFeature__planName--small, .p-topFeature__planName--plan03, .p-topFeature__planName--plan02, .p-topFeature__planName--plan01 {
    height: clamp(40px, calc(54 / 1024 * 100vw), 54px);
    font-size: clamp(20px, calc(30 / 1024 * 100vw), 30px);
  }
  .p-topFeature__planName--small {
    font-size: clamp(18px, calc(24 / 1024 * 100vw), 24px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__planName, .p-topFeature__planName--small, .p-topFeature__planName--plan03, .p-topFeature__planName--plan02, .p-topFeature__planName--plan01 {
    height: clamp(40px, calc(54 / 1600 * 100vw), 54px);
    font-size: clamp(22px, calc(30 / 1600 * 100vw), 30px);
  }
  .p-topFeature__planName--small {
    font-size: clamp(18px, calc(24 / 1600 * 100vw), 24px);
  }
}

.p-topFeature__planLead, .p-topFeature__planLead--plan03, .p-topFeature__planLead--plan02, .p-topFeature__planLead--plan01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: clamp(27px, calc(36 / 750 * 100vw), 36px);
  font-family: "Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  font-weight: 400;
  color: #fff;
}
.p-topFeature__planLead--plan01 {
  background-color: var(--plan01-color02);
}
.p-topFeature__planLead--plan02 {
  background-color: var(--plan02-color02);
}
.p-topFeature__planLead--plan03 {
  background-color: var(--plan03-color02);
}
@media screen and (min-width: 751px) {
  .p-topFeature__planLead, .p-topFeature__planLead--plan03, .p-topFeature__planLead--plan02, .p-topFeature__planLead--plan01 {
    height: clamp(27px, calc(36 / 1280 * 100vw), 36px);
    font-size: clamp(11px, calc(14 / 1024 * 100vw), 14px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__planLead, .p-topFeature__planLead--plan03, .p-topFeature__planLead--plan02, .p-topFeature__planLead--plan01 {
    height: clamp(27px, calc(36 / 1600 * 100vw), 36px);
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

.p-topFeature__planInner, .p-topFeature__planInner--plan03, .p-topFeature__planInner--plan02, .p-topFeature__planInner--plan01 {
  background-color: white;
  padding-top: 11px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.p-topFeature__planInner--plan01 {
  border: var(--plan01-border);
  border-top: none;
}
.p-topFeature__planInner--plan02 {
  border: var(--plan02-border);
  border-top: none;
}
.p-topFeature__planInner--plan03 {
  border: var(--plan03-border);
  border-top: none;
}

.p-topFeature__planImg {
  width: 100%;
  aspect-ratio: 350/170;
}
.p-topFeature__planImg img {
  width: 100%;
  height: auto;
}

.p-topFeature__planPrice01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(1.0666666667vw, 8px);
  padding-top: min(calc(18 / 750 * 100vw), 18px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__planPrice01 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: min(0.78125vw, 8px);
    padding-top: min(calc(18 / 1024 * 100vw), 18px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__planPrice01 {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(0.5vw, 8px);
    padding-top: min(calc(18 / 1600 * 100vw), 18px);
  }
}

.p-topFeature__planPrice02, .p-topFeature__planPrice02--small02, .p-topFeature__planPrice02--small01 {
  padding-top: min(calc(10 / 750 * 100vw), 10px);
  text-align: center;
  font-size: clamp(16px, calc(18 / 750 * 100vw), 18px);
  letter-spacing: 0.025em;
  color: black;
}
.p-topFeature__planPrice02--small01 {
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
}
.p-topFeature__planPrice02--small02 {
  font-size: clamp(11px, calc(13 / 750 * 100vw), 13px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__planPrice02, .p-topFeature__planPrice02--small02, .p-topFeature__planPrice02--small01 {
    padding-top: min(calc(15 / 1024 * 100vw), 15px);
    font-size: clamp(16px, calc(18 / 1024 * 100vw), 18px);
  }
  .p-topFeature__planPrice02--small01 {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
  .p-topFeature__planPrice02--small02 {
    font-size: clamp(11px, calc(13 / 1024 * 100vw), 13px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__planPrice02, .p-topFeature__planPrice02--small02, .p-topFeature__planPrice02--small01 {
    padding-top: min(calc(5 / 1600 * 100vw), 5px);
    font-size: clamp(16px, calc(18 / 1600 * 100vw), 18px);
  }
  .p-topFeature__planPrice02--small01 {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
  .p-topFeature__planPrice02--small02 {
    font-size: clamp(11px, calc(13 / 1600 * 100vw), 13px);
  }
}

.p-topFeature__planFlow {
  padding-top: min(calc(12 / 750 * 100vw), 12px);
  max-width: 326px;
  width: 93.1428571429%;
  margin-inline: auto;
}
.p-topFeature__planFlow img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 751px) {
  .p-topFeature__planFlow {
    padding-top: min(calc(12 / 1024 * 100vw), 12px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__planFlow {
    padding-top: min(calc(12 / 1600 * 100vw), 12px);
  }
}

.p-topFeature__planBtn {
  max-width: 350px;
  width: 100%;
  height: clamp(34px, calc(45 / 750 * 100vw), 45px);
  margin-top: 10px;
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-topFeature__planBtn {
    height: clamp(34px, calc(45 / 1024 * 100vw), 45px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__planBtn {
    height: clamp(34px, calc(45 / 1600 * 100vw), 45px);
  }
  .p-topFeature__planBtn--small {
    font-size: clamp(18px, calc(24 / 750 * 100vw), 24px);
  }
}

.p-topFeature__trust {
  position: relative;
  margin-top: clamp(-50px, calc(-100 / 750 * 100vw), -100px);
  padding-top: clamp(60px, calc(120 / 750 * 100vw), 120px);
  padding-bottom: clamp(45px, calc(60 / 750 * 100vw), 60px);
  z-index: 2;
}
.p-topFeature__trust::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1.8/1;
  background-image: url(../images/top/feature/bg_nami_sp.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .p-topFeature__trust {
    margin-top: clamp(-50px, calc(-100 / 1024 * 100vw), -100px);
    padding-top: clamp(60px, calc(120 / 1024 * 100vw), 120px);
  }
  .p-topFeature__trust::before {
    aspect-ratio: 2.5/1;
    background-size: cover;
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__trust {
    margin-top: clamp(-50px, calc(-100 / 1600 * 100vw), -100px);
    padding-bottom: clamp(45px, calc(60 / 1600 * 100vw), 60px);
  }
  .p-topFeature__trust::before {
    aspect-ratio: 3.57/1;
    background-image: url(../images/top/feature/bg_nami.svg);
  }
}
@media screen and (min-width: 1280px) {
  .p-topFeature__trust::before {
    aspect-ratio: 3.57/1;
  }
}

.p-topFeature__trustMedia {
  position: relative;
  max-width: 600px;
  width: 90%;
  margin-top: clamp(22px, calc(42 / 750 * 100vw), 42px);
  margin-inline: auto;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(202, 215, 221, 0.4), -2px -2px 10px 0px rgba(202, 215, 221, 0.4);
          box-shadow: 2px 2px 10px 0px rgba(202, 215, 221, 0.4), -2px -2px 10px 0px rgba(202, 215, 221, 0.4);
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .p-topFeature__trustMedia {
    margin-top: clamp(22px, calc(42 / 1024 * 100vw), 42px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__trustMedia {
    display: grid;
    grid-template-columns: 50% 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1200px;
    margin-top: clamp(22px, calc(42 / 1024 * 100vw), 42px);
  }
}

.p-topFeature__trustDetail {
  width: 100%;
  padding-top: clamp(20px, calc(40 / 750 * 100vw), 40px);
  padding-bottom: clamp(30px, calc(58 / 750 * 100vw), 58px);
  padding-left: clamp(30px, calc(83 / 750 * 100vw), 83px);
  padding-right: clamp(30px, calc(83 / 750 * 100vw), 83px);
  background-color: #fff;
}
@media screen and (min-width: 751px) {
  .p-topFeature__trustDetail {
    padding-top: clamp(20px, calc(40 / 1024 * 100vw), 40px);
    padding-bottom: clamp(30px, calc(58 / 1024 * 100vw), 58px);
    padding-left: clamp(30px, calc(83 / 1024 * 100vw), 83px);
    padding-right: clamp(30px, calc(83 / 1024 * 100vw), 83px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__trustDetail {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: clamp(40px, calc(83 / 1600 * 100vw), 83px);
    padding-right: clamp(40px, calc(83 / 1600 * 100vw), 83px);
  }
}

.p-topFeature__trustIcon {
  display: block;
  width: 54px;
  padding-bottom: min(calc(24 / 750 * 100vw), 24px);
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-topFeature__trustIcon {
    padding-bottom: min(calc(24 / 1024 * 100vw), 24px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__trustIcon {
    padding-bottom: min(calc(20 / 1600 * 100vw), 20px);
  }
}

.p-topFeature__trustDesc {
  margin-top: clamp(8px, calc(16 / 750 * 100vw), 16px);
  line-height: 1.75;
}
@media screen and (min-width: 1025px) {
  .p-topFeature__trustDesc {
    margin-top: clamp(8px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__trustDesc {
    margin-top: clamp(8px, calc(16 / 1600 * 100vw), 16px);
  }
}

.p-topFeature__trustBtn {
  max-width: 300px;
  width: 100%;
  height: clamp(40px, calc(54 / 750 * 100vw), 54px);
  margin-top: clamp(7px, calc(14 / 750 * 100vw), 14px);
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-topFeature__trustBtn {
    height: clamp(50px, calc(54 / 1024 * 100vw), 54px);
    margin-top: clamp(7px, calc(14 / 1024 * 100vw), 14px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__trustBtn {
    width: clamp(225px, calc(300 / 1600 * 100vw), 300px);
    height: clamp(50px, calc(54 / 1600 * 100vw), 54px);
    margin-top: clamp(7px, calc(14 / 1600 * 100vw), 14px);
  }
}

.p-topFeature__voice {
  position: relative;
  padding-top: clamp(60px, calc(120 / 750 * 100vw), 120px);
  padding-bottom: clamp(45px, calc(60 / 750 * 100vw), 60px);
}
.p-topFeature__voice::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1.8/1;
  background-image: url(../images/top/feature/bg_nami_sp.svg);
  background-position: center top;
  background-size: cover;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .p-topFeature__voice {
    padding-top: clamp(60px, calc(120 / 1024 * 100vw), 120px);
  }
  .p-topFeature__voice::before {
    aspect-ratio: 2.5/1;
    background-size: cover;
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__voice {
    padding-bottom: clamp(45px, calc(60 / 1600 * 100vw), 60px);
  }
  .p-topFeature__voice::before {
    aspect-ratio: 3.5/1;
    background-image: url(../images/top/feature/bg_nami.svg);
  }
}
@media screen and (min-width: 1280px) {
  .p-topFeature__voice {
    padding-bottom: clamp(45px, calc(60 / 1600 * 100vw), 60px);
  }
  .p-topFeature__voice::before {
    aspect-ratio: 3.65/1;
    background-image: url(../images/top/feature/bg_nami.svg);
    background-size: cover;
  }
}

.p-topFeature__voiceList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(6.6666666667vw, 50px) clamp(10px, 2.6666666667vw, 20px);
  position: relative;
  max-width: 1200px;
  width: 90%;
  margin-inline: auto;
  z-index: 2;
  padding-top: clamp(16px, calc(32 / 750 * 100vw), 32px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__voiceList {
    grid-template-columns: repeat(4, 1fr);
    gap: min(4.8828125vw, 50px) clamp(10px, 1.953125vw, 20px);
    padding-top: clamp(16px, calc(32 / 1024 * 100vw), 32px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__voiceList {
    grid-template-columns: repeat(4, 1fr);
    gap: min(3.125vw, 50px) clamp(10px, 1.25vw, 20px);
    padding-top: clamp(16px, calc(32 / 1600 * 100vw), 32px);
  }
}

.p-topFeature__voiceLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(202, 215, 221, 0.75), -2px -2px 10px 0 rgba(202, 215, 221, 0.75);
          box-shadow: 2px 2px 10px 0 rgba(202, 215, 221, 0.75), -2px -2px 10px 0 rgba(202, 215, 221, 0.75);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.p-topFeature__voiceLink:hover {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
}

.p-topFeature__voiceImg {
  width: 100%;
  aspect-ratio: 285/186;
}
.p-topFeature__voiceImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-topFeature__desc {
  padding-top: clamp(5px, calc(9 / 750 * 100vw), 9px);
  padding-bottom: clamp(10px, calc(20 / 750 * 100vw), 20px);
  padding-left: clamp(10px, calc(23 / 750 * 100vw), 23px);
  padding-right: clamp(10px, calc(23 / 750 * 100vw), 23px);
}
.p-topFeature__desc > .c-title__voice {
  padding-top: clamp(5px, calc(10 / 750 * 100vw), 10px);
}
.p-topFeature__desc > .c-text__voiceText {
  padding-top: clamp(10px, calc(15 / 750 * 100vw), 15px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__desc {
    padding-top: clamp(5px, calc(9 / 1024 * 100vw), 9px);
    padding-bottom: clamp(10px, calc(20 / 1024 * 100vw), 20px);
    padding-left: clamp(10px, calc(23 / 1024 * 100vw), 23px);
    padding-right: clamp(10px, calc(23 / 1024 * 100vw), 23px);
  }
  .p-topFeature__desc > .c-title__voice {
    padding-top: clamp(2px, calc(5 / 1024 * 100vw), 5px);
  }
  .p-topFeature__desc > .c-text__voiceText {
    padding-top: clamp(7px, calc(13 / 1024 * 100vw), 13px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__desc {
    padding-top: clamp(5px, calc(9 / 1600 * 100vw), 9px);
    padding-bottom: clamp(10px, calc(20 / 1600 * 100vw), 20px);
    padding-left: clamp(10px, calc(23 / 1600 * 100vw), 23px);
    padding-right: clamp(10px, calc(23 / 1600 * 100vw), 23px);
  }
  .p-topFeature__desc > .c-title__voice {
    padding-top: clamp(2px, calc(5 / 1600 * 100vw), 5px);
  }
  .p-topFeature__desc > .c-text__voiceText {
    padding-top: clamp(7px, calc(13 / 1600 * 100vw), 13px);
  }
}

.p-topFeature__voiceBtn {
  max-width: 300px;
  width: 100%;
  height: clamp(50px, calc(54 / 750 * 100vw), 54px);
  margin-top: clamp(25px, calc(35 / 750 * 100vw), 35px);
  margin-inline: auto;
}
.p-topFeature__voiceBtn .c-btn__text {
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
}
@media screen and (min-width: 751px) {
  .p-topFeature__voiceBtn {
    height: clamp(50px, calc(54 / 1024 * 100vw), 54px);
    margin-top: clamp(25px, calc(35 / 1024 * 100vw), 35px);
  }
  .p-topFeature__voiceBtn .c-btn__text {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__voiceBtn {
    height: clamp(50px, calc(54 / 1600 * 100vw), 54px);
    margin-top: clamp(25px, calc(35 / 1600 * 100vw), 35px);
  }
  .p-topFeature__voiceBtn .c-btn__text {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
}

.p-topFeature__support {
  position: relative;
  padding-top: clamp(60px, calc(120 / 750 * 100vw), 120px);
  padding-bottom: clamp(45px, calc(90 / 750 * 100vw), 90px);
}
.p-topFeature__support::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1.8/1;
  background-image: url(../images/top/feature/bg_nami_sp.svg);
  background-position: center top;
  background-size: cover;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .p-topFeature__support {
    padding-top: clamp(60px, calc(120 / 1024 * 100vw), 120px);
    padding-bottom: clamp(45px, calc(90 / 1024 * 100vw), 90px);
  }
  .p-topFeature__support::before {
    aspect-ratio: 2.5/1;
    background-size: cover;
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__support {
    padding-top: clamp(60px, calc(120 / 1600 * 100vw), 120px);
    padding-bottom: clamp(45px, calc(90 / 1600 * 100vw), 90px);
  }
  .p-topFeature__support::before {
    aspect-ratio: 3.4/1;
    background-image: url(../images/top/feature/bg_nami.svg);
  }
}
@media screen and (min-width: 1280px) {
  .p-topFeature__support::before {
    aspect-ratio: 3.47/1;
    background-image: url(../images/top/feature/bg_nami.svg);
    background-size: cover;
  }
}

.p-topFeature__supportMedia {
  position: relative;
  max-width: 600px;
  width: 90%;
  margin-top: clamp(17px, calc(33 / 750 * 100vw), 33px);
  margin-inline: auto;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(202, 215, 221, 0.4), -2px -2px 10px 0px rgba(202, 215, 221, 0.4);
          box-shadow: 2px 2px 10px 0px rgba(202, 215, 221, 0.4), -2px -2px 10px 0px rgba(202, 215, 221, 0.4);
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .p-topFeature__supportMedia {
    margin-top: clamp(17px, calc(33 / 1024 * 100vw), 33px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__supportMedia {
    display: grid;
    grid-template-columns: 50% 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1200px;
    margin-top: clamp(17px, calc(33 / 1600 * 100vw), 33px);
  }
}

.p-topFeature__supportDetail {
  width: 100%;
  padding-top: clamp(20px, calc(40 / 1024 * 100vw), 40px);
  padding-bottom: clamp(30px, calc(58 / 1024 * 100vw), 58px);
  padding-left: clamp(30px, calc(83 / 1024 * 100vw), 83px);
  padding-right: clamp(30px, calc(83 / 1024 * 100vw), 83px);
  background-color: #fff;
}
@media screen and (min-width: 1025px) {
  .p-topFeature__supportDetail {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: clamp(40px, calc(70 / 1600 * 100vw), 70px);
    padding-right: clamp(40px, calc(70 / 1600 * 100vw), 70px);
  }
}

.p-topFeature__supportDesc {
  margin-top: clamp(15px, calc(24 / 750 * 100vw), 24px);
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
  line-height: 1.75;
}
@media screen and (min-width: 751px) {
  .p-topFeature__supportDesc {
    margin-top: clamp(15px, calc(24 / 1024 * 100vw), 24px);
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topFeature__supportDesc {
    margin-top: clamp(15px, calc(24 / 1600 * 100vw), 24px);
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
    line-height: 2;
  }
}

.p-topKnowledge {
  position: relative;
  background-color: #eff8fd;
  padding-bottom: clamp(110px, calc(215 / 750 * 100vw), 215px);
}
.p-topKnowledge::before {
  content: "";
  display: block;
  position: absolute;
  top: -15.3333333333vw;
  left: 0;
  width: 100%;
  aspect-ratio: 1600/245;
  background-image: url(../images/top/knowledge/bg_img.svg);
  background-position: center bottom;
  background-size: 100% auto;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .p-topKnowledge {
    padding-bottom: clamp(110px, calc(215 / 1024 * 100vw), 215px);
  }
  .p-topKnowledge::before {
    top: min(-11.23046875vw, -115px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topKnowledge {
    padding-bottom: clamp(110px, calc(215 / 1600 * 100vw), 215px);
  }
  .p-topKnowledge::before {
    top: min(-7.1875vw, -115px);
  }
}

.p-topKnowledge__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: min(3.0666666667vw, 23px) min(5.0666666667vw, 38px);
  max-width: 1100px;
  width: 90%;
  margin-inline: auto;
  margin-top: clamp(16px, calc(32 / 1024 * 100vw), 32px);
}
@media screen and (min-width: 751px) {
  .p-topKnowledge__list {
    grid-template-columns: repeat(2, 1fr);
    gap: min(2.24609375vw, 23px) min(3.7109375vw, 38px);
    margin-top: clamp(16px, calc(32 / 1024 * 100vw), 32px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topKnowledge__list {
    gap: min(1.4375vw, 23px) min(2.375vw, 38px);
    grid-template-columns: repeat(2, 1fr);
    margin-top: clamp(16px, calc(32 / 1600 * 100vw), 32px);
  }
}

.p-topKnowledge__itemLink {
  display: grid;
  grid-template-columns: 32vw 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(215, 224, 228, 0.5), -2px -2px 10px 0 rgba(215, 224, 228, 0.5);
          box-shadow: 2px 2px 10px 0 rgba(215, 224, 228, 0.5), -2px -2px 10px 0 rgba(215, 224, 228, 0.5);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.p-topKnowledge__itemLink:hover {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fefefe;
}
@media screen and (min-width: 751px) {
  .p-topKnowledge__itemLink {
    grid-template-columns: 15.625vw 1fr;
  }
}
@media screen and (min-width: 1025px) {
  .p-topKnowledge__itemLink {
    grid-template-columns: 160px 1fr;
  }
}

.p-topKnowledge__img {
  width: 100%;
  aspect-ratio: 160/134;
}
.p-topKnowledge__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}

.p-topKnowledge__detail {
  padding-left: clamp(15px, calc(30 / 750 * 100vw), 30px);
}
.p-topKnowledge__detail > .c-title__knowledge {
  padding-top: min(calc(3 / 750 * 100vw), 3px);
}
.p-topKnowledge__detail .c-text__knowledge {
  padding-top: min(calc(10 / 750 * 100vw), 10px);
}
@media screen and (min-width: 751px) {
  .p-topKnowledge__detail {
    padding-left: clamp(15px, calc(30 / 1024 * 100vw), 30px);
  }
  .p-topKnowledge__detail > .c-title__knowledge {
    padding-top: min(calc(3 / 1024 * 100vw), 3px);
  }
  .p-topKnowledge__detail .c-text__knowledge {
    padding-top: min(calc(10 / 1024 * 100vw), 10px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topKnowledge__detail {
    padding-left: clamp(15px, calc(30 / 1600 * 100vw), 30px);
  }
  .p-topKnowledge__detail > .c-title__knowledge {
    padding-top: min(calc(10 / 1280 * 100vw), 10px);
  }
  .p-topKnowledge__detail .c-text__knowledge {
    padding-top: min(calc(12 / 1280 * 100vw), 12px);
  }
}

.p-topKnowledge__btn {
  max-width: 300px;
  width: 90%;
  height: clamp(50px, calc(54 / 750 * 100vw), 54px);
  margin-top: clamp(25px, calc(35 / 750 * 100vw), 35px);
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-topKnowledge__btn {
    height: clamp(50px, calc(54 / 1024 * 100vw), 54px);
    margin-top: clamp(20px, calc(40 / 1024 * 100vw), 40px);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1025px) {
  .p-topKnowledge__btn {
    height: clamp(50px, calc(54 / 1600 * 100vw), 54px);
    margin-top: clamp(20px, calc(40 / 1600 * 100vw), 40px);
    font-size: font-clamp(14, 16, 1600);
  }
}

.p-information {
  position: relative;
  padding-top: 0px;
}
.p-information::before {
  content: "";
  display: block;
  position: absolute;
  top: -15.3333333333vw;
  left: 0;
  width: 100%;
  aspect-ratio: 1600/340;
  background-image: url(../images/top/information/bg_img.svg);
  background-position: center bottom;
  background-size: 100% auto;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .p-information::before {
    top: min(-11.23046875vw, -15px);
  }
}
@media screen and (min-width: 1025px) {
  .p-information::before {
    top: min(-7.1875vw, -115px);
  }
}

.p-information__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  position: relative;
  max-width: 1200px;
  width: 90%;
  margin-inline: auto;
  margin-top: clamp(15px, calc(30 / 750 * 100vw), 30px);
  z-index: 3;
}
@media screen and (min-width: 751px) {
  .p-information__list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: clamp(15px, calc(30 / 1024 * 100vw), 30px);
  }
}
@media screen and (min-width: 1025px) {
  .p-information__list {
    grid-template-columns: repeat(4, 1fr);
    margin-top: clamp(15px, calc(30 / 1600 * 100vw), 30px);
  }
}

.p-information__itemLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(194, 207, 213, 0.5), -2px -2px 10px 0 rgba(194, 207, 213, 0.5);
          box-shadow: 2px 2px 10px 0 rgba(194, 207, 213, 0.5), -2px -2px 10px 0 rgba(194, 207, 213, 0.5);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.p-information__itemLink:hover {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fafafa;
}
.p-information__itemLink:hover .p-information__pic {
  border: 8px solid #fafafa;
}

.p-information__pic {
  width: 100%;
  border: 8px solid #fff;
  aspect-ratio: 1.57/1;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.p-information__pic img {
  width: 100%;
  aspect-ratio: 1.57/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-information__detail {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: clamp(4px, calc(8 / 750 * 100vw), 8px);
  padding-bottom: clamp(10px, calc(20 / 750 * 100vw), 20px);
  padding-left: clamp(10px, calc(20 / 750 * 100vw), 20px);
  padding-right: clamp(10px, calc(20 / 750 * 100vw), 20px);
}
.p-information__detail > .c-title__informationTop {
  padding-top: clamp(4px, calc(8 / 750 * 100vw), 8px);
}
.p-information__detail > .c-text__informationTop {
  padding-top: clamp(4px, calc(8 / 750 * 100vw), 8px);
}
@media screen and (min-width: 751px) {
  .p-information__detail {
    padding-top: clamp(4px, calc(8 / 1024 * 100vw), 8px);
    padding-bottom: clamp(10px, calc(20 / 1024 * 100vw), 20px);
    padding-left: clamp(10px, calc(20 / 1024 * 100vw), 20px);
    padding-right: clamp(10px, calc(20 / 1024 * 100vw), 20px);
  }
  .p-information__detail > .c-title__informationTop {
    padding-top: clamp(4px, calc(8 / 1024 * 100vw), 8px);
  }
  .p-information__detail > .c-text__informationTop {
    padding-top: clamp(4px, calc(8 / 1024 * 100vw), 8px);
  }
}
@media screen and (min-width: 1025px) {
  .p-information__detail {
    padding-top: clamp(4px, calc(8 / 1600 * 100vw), 8px);
    padding-bottom: clamp(12px, calc(20 / 1600 * 100vw), 20px);
    padding-left: clamp(10px, calc(20 / 1600 * 100vw), 20px);
    padding-right: clamp(10px, calc(20 / 1600 * 100vw), 20px);
  }
  .p-information__detail > .c-title__informationTop {
    padding-top: clamp(4px, calc(8 / 1600 * 100vw), 8px);
  }
  .p-information__detail > .c-text__informationTop {
    padding-top: clamp(4px, calc(8 / 1600 * 100vw), 8px);
  }
}

.p-information__date {
  grid-column: 1/2;
  grid-row: 1/2;
}

.p-information__cat {
  grid-column: 2/3;
  grid-row: 1/2;
}

.p-information__btn {
  max-width: 354px;
  width: 90%;
  height: clamp(50px, calc(54 / 750 * 100vw), 54px);
  margin-top: clamp(25px, calc(40 / 750 * 100vw), 40px);
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-information__btn {
    height: clamp(50px, calc(54 / 1024 * 100vw), 54px);
    margin-top: clamp(25px, calc(35 / 1024 * 100vw), 35px);
  }
}
@media screen and (min-width: 1025px) {
  .p-information__btn {
    width: clamp(320px, calc(354 / 1600 * 100vw), 354px);
    height: clamp(50px, calc(54 / 1600 * 100vw), 54px);
    margin-top: clamp(20px, calc(40 / 1600 * 100vw), 40px);
  }
}

.p-topGreeting__wrap {
  max-width: 1200px;
  width: 90%;
  padding-top: clamp(45px, calc(90 / 750 * 100vw), 90px);
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-topGreeting__wrap {
    padding-top: clamp(45px, calc(90 / 1024 * 100vw), 90px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topGreeting__wrap {
    padding-top: clamp(45px, calc(90 / 1600 * 100vw), 90px);
  }
}

.p-topGreeting__pic {
  position: relative;
  width: 100%;
}
.p-topGreeting__pic::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: min(2.6666666667vw, 20px);
  left: min(3.2vw, 24px);
  background-color: #dbedf9;
  border-radius: 5px;
  z-index: -1;
}
@media screen and (min-width: 751px) {
  .p-topGreeting__pic::after {
    top: min(2.5390625vw, 26px);
    left: min(2.9296875vw, 30px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topGreeting__pic::after {
    top: min(1.625vw, 26px);
    left: min(1.875vw, 30px);
  }
}

.p-topGreeting__detail {
  position: relative;
  max-width: 796px;
  width: 90%;
  margin-top: clamp(-50px, -3.3333333333vw, -25px);
  margin-inline: auto;
  padding-top: clamp(25px, calc(42 / 750 * 100vw), 42px);
  padding-bottom: clamp(30px, calc(60 / 750 * 100vw), 60px);
  padding-left: clamp(10px, calc(20 / 750 * 100vw), 20px);
  padding-right: clamp(10px, calc(20 / 750 * 100vw), 20px);
  background-image: url(../images/top/greeting/bg_img01.png), url(../images/top/greeting/bg_img02.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: min(23.6vw, 177px) auto, min(18.8vw, 141px) auto;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 20px 0 rgba(189, 209, 223, 0.5), -4px -4px 20px 0 rgba(189, 209, 223, 0.5);
          box-shadow: 4px 4px 20px 0 rgba(189, 209, 223, 0.5), -4px -4px 20px 0 rgba(189, 209, 223, 0.5);
  border: solid 1px #acd3ec;
  border-radius: 5px;
  z-index: 10;
}
@media screen and (min-width: 751px) {
  .p-topGreeting__detail {
    margin-top: clamp(-180px, -11.71875vw, -120px);
    padding-top: clamp(25px, calc(42 / 1024 * 100vw), 42px);
    padding-bottom: clamp(30px, calc(60 / 1024 * 100vw), 60px);
    background-size: min(17.28515625vw, 177px) auto, min(13.76953125vw, 141px) auto;
  }
}
@media screen and (min-width: 1025px) {
  .p-topGreeting__detail {
    max-width: 796px;
    width: 66.3333333333%;
    margin-top: clamp(-180px, -7.5vw, -120px);
    padding-top: clamp(25px, calc(42 / 1600 * 100vw), 42px);
    padding-bottom: clamp(30px, calc(60 / 1600 * 100vw), 60px);
    background-size: min(11.0625vw, 177px) auto, min(8.8125vw, 141px) auto;
  }
}

.p-topGreeting__desc {
  max-width: 607px;
  width: 90%;
  margin-top: clamp(11px, calc(22 / 750 * 100vw), 22px);
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-topGreeting__desc {
    margin-top: clamp(11px, calc(22 / 1024 * 100vw), 22px);
  }
}
@media screen and (min-width: 1025px) {
  .p-topGreeting__desc {
    max-width: 607px;
    width: 80.291005291%;
    margin-top: clamp(11px, calc(22 / 1600 * 100vw), 22px);
  }
}

:root {
  --title-line-bg: #67b7eb;
  --icon-box-bg: #2b9be1;
  --card--border: solid 1px #acd3ec;
  --btn--border: solid 1px #acd3ec;
  --btn-bg: #6bc3ee;
  --title-blue: #027ccb;
}

.p-consultation {
  background-image: url(../images/common/consultation/bg_img.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-consultation .c-title::before {
  content: none;
}
.p-consultation .p-contents__title {
  padding-top: 0;
}
@media screen and (min-width: 751px) {
  .p-consultation .p-contents__title {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation .p-contents__title {
    padding-top: 0;
  }
}

.p-consultation__inner {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(35px, calc(70 / 750 * 100vw), 70px);
  padding-bottom: clamp(60px, calc(80 / 750 * 100vw), 80px);
}
@media screen and (min-width: 751px) {
  .p-consultation__inner {
    padding-top: clamp(35px, calc(70 / 1024 * 100vw), 70px);
    padding-bottom: clamp(60px, calc(80 / 1024 * 100vw), 80px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__inner {
    padding-top: clamp(35px, calc(70 / 1600 * 100vw), 70px);
    padding-bottom: clamp(60px, calc(80 / 1600 * 100vw), 80px);
  }
}

.p-consultation__lead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(12px, calc(24 / 750 * 100vw), 24px);
}
@media screen and (min-width: 751px) {
  .p-consultation__lead {
    padding-top: clamp(12px, calc(24 / 1024 * 100vw), 24px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__lead {
    padding-top: clamp(12px, calc(20 / 1600 * 100vw), 20px);
  }
}

.p-consultation__cardList {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px min(4vw, 30px);
  padding-top: clamp(40px, calc(53 / 750 * 100vw), 53px);
}
@media screen and (min-width: 751px) {
  .p-consultation__cardList {
    gap: 50px min(2.9296875vw, 30px);
    padding-top: clamp(35px, calc(53 / 1024 * 100vw), 53px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__cardList {
    gap: 50px min(1.875vw, 30px);
    padding-top: clamp(35px, calc(53 / 1600 * 100vw), 53px);
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-consultation__cardItem {
  position: relative;
  padding-top: clamp(25px, calc(38 / 750 * 100vw), 38px);
  padding-bottom: clamp(26px, calc(34 / 750 * 100vw), 34px);
  padding-left: clamp(28px, calc(38 / 750 * 100vw), 38px);
  padding-right: clamp(28px, calc(38 / 750 * 100vw), 38px);
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
          box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
  border: var(--card--border);
  background-color: white;
}
@media screen and (min-width: 751px) {
  .p-consultation__cardItem {
    padding-top: clamp(25px, calc(38 / 1024 * 100vw), 38px);
    padding-bottom: clamp(26px, calc(34 / 1024 * 100vw), 34px);
    padding-left: clamp(28px, calc(38 / 1024 * 100vw), 38px);
    padding-right: clamp(28px, calc(38 / 1024 * 100vw), 38px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__cardItem {
    padding-top: clamp(25px, calc(38 / 1600 * 100vw), 38px);
    padding-bottom: clamp(14px, calc(27 / 1600 * 100vw), 27px);
    padding-left: clamp(28px, calc(38 / 1600 * 100vw), 38px);
    padding-right: clamp(28px, calc(38 / 1600 * 100vw), 38px);
  }
}

.p-consultation__number {
  position: absolute;
  width: clamp(110px, calc(146 / 750 * 100vw), 146px);
  height: clamp(34px, calc(45 / 750 * 100vw), 45px);
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: clamp(13px, calc(17 / 750 * 100vw), 17px);
}
.p-consultation__number::after {
  padding-left: 0.25em;
  font-size: clamp(16px, calc(22 / 750 * 100vw), 22px);
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
  .p-consultation__number {
    width: clamp(110px, calc(146 / 1024 * 100vw), 146px);
    height: clamp(34px, calc(45 / 1024 * 100vw), 45px);
    font-size: clamp(13px, calc(17 / 1024 * 100vw), 17px);
  }
  .p-consultation__number::after {
    font-size: clamp(16px, calc(22 / 1024 * 100vw), 22px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__number {
    width: clamp(110px, calc(146 / 1600 * 100vw), 146px);
    height: clamp(34px, calc(45 / 1600 * 100vw), 45px);
    font-size: clamp(13px, calc(17 / 1600 * 100vw), 17px);
  }
  .p-consultation__number::after {
    font-size: clamp(16px, calc(22 / 1600 * 100vw), 22px);
  }
}

.p-consultation__subTitle {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .p-consultation__subTitle br {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__subTitle br {
    display: block;
  }
}

.p-consultation__text {
  padding-top: clamp(18px, calc(20 / 750 * 100vw), 20px);
}
@media screen and (min-width: 751px) {
  .p-consultation__text {
    padding-top: clamp(18px, calc(20 / 1024 * 100vw), 20px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__text {
    padding-top: clamp(18px, calc(20 / 1600 * 100vw), 20px);
  }
}

.p-consultation__btn {
  width: clamp(280px, calc(460 / 750 * 100vw), 460px);
  height: clamp(56px, calc(74 / 750 * 100vw), 74px);
  margin-top: clamp(30px, calc(40 / 750 * 100vw), 40px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 751px) {
  .p-consultation__btn {
    width: clamp(280px, calc(460 / 1024 * 100vw), 460px);
    height: clamp(56px, calc(74 / 1024 * 100vw), 74px);
    margin-top: clamp(30px, calc(40 / 1024 * 100vw), 40px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__btn {
    width: clamp(280px, calc(460 / 1600 * 100vw), 460px);
    height: clamp(56px, calc(74 / 1600 * 100vw), 74px);
    margin-top: clamp(30px, calc(40 / 1600 * 100vw), 40px);
  }
}
.p-consultation__btn .c-btn::after {
  right: clamp(18px, 4.9333333333vw, 37px);
}
@media screen and (min-width: 751px) {
  .p-consultation__btn .c-btn::after {
    right: clamp(18px, 3.61328125vw, 37px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__btn .c-btn::after {
    right: clamp(18px, 2.3125vw, 37px);
  }
}
.p-consultation__btn .c-btn__text, .p-consultation__btn .c-btn__text--large {
  font-size: clamp(14px, calc(22 / 750 * 100vw), 22px);
  font-weight: 400;
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (min-width: 751px) {
  .p-consultation__btn .c-btn__text, .p-consultation__btn .c-btn__text--large {
    font-size: clamp(14px, calc(22 / 1024 * 100vw), 22px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__btn .c-btn__text, .p-consultation__btn .c-btn__text--large {
    font-size: clamp(14px, calc(22 / 1600 * 100vw), 22px);
  }
}
.p-consultation__btn .c-btn__text--large {
  font-size: clamp(20px, calc(34 / 750 * 100vw), 34px);
}
@media screen and (min-width: 751px) {
  .p-consultation__btn .c-btn__text--large {
    font-size: clamp(20px, calc(34 / 1024 * 100vw), 34px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation__btn .c-btn__text--large {
    font-size: clamp(20px, calc(34 / 1600 * 100vw), 34px);
  }
}




.p-consultation02 {
  background-image: url(../images/common/consultation/bg_img.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-consultation02 .c-title::before {
  content: none;
}
.p-consultation02 .p-contents__title {
  padding-top: 0;
}
@media screen and (min-width: 751px) {
  .p-consultation02 .p-contents__title {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02 .p-contents__title {
    padding-top: 0;
  }
}

.p-consultation02__inner {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(35px, calc(70 / 750 * 100vw), 70px);
  padding-bottom: clamp(60px, calc(80 / 750 * 100vw), 80px);
}
@media screen and (min-width: 751px) {
  .p-consultation02__inner {
    padding-top: clamp(35px, calc(70 / 1024 * 100vw), 70px);
    padding-bottom: clamp(60px, calc(80 / 1024 * 100vw), 80px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__inner {
    padding-top: clamp(35px, calc(70 / 1600 * 100vw), 70px);
    padding-bottom: clamp(60px, calc(80 / 1600 * 100vw), 80px);
  }
}

.p-consultation02__lead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(12px, calc(24 / 750 * 100vw), 24px);
}
@media screen and (min-width: 751px) {
  .p-consultation02__lead {
    padding-top: clamp(12px, calc(24 / 1024 * 100vw), 24px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__lead {
    padding-top: clamp(12px, calc(20 / 1600 * 100vw), 20px);
  }
}

.p-consultation02__cardList {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px min(4vw, 30px);
  padding-top: clamp(40px, calc(53 / 750 * 100vw), 53px);
}
@media screen and (min-width: 751px) {
  .p-consultation02__cardList {
    gap: 50px min(2.9296875vw, 30px);
    padding-top: clamp(35px, calc(53 / 1024 * 100vw), 53px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__cardList {
    gap: 50px min(1.875vw, 30px);
    padding-top: clamp(35px, calc(53 / 1600 * 100vw), 53px);
    grid-template-columns: repeat(4, 2fr);
  }
}

.p-consultation02__cardItem {
  position: relative;
  padding-top: clamp(25px, calc(38 / 750 * 100vw), 38px);
  padding-bottom: clamp(26px, calc(34 / 750 * 100vw), 34px);
  padding-left: clamp(28px, calc(38 / 750 * 100vw), 38px);
  padding-right: clamp(28px, calc(38 / 750 * 100vw), 38px);
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
          box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
  border: var(--card--border);
  background-color: white;
}
@media screen and (min-width: 751px) {
  .p-consultation02__cardItem {
    padding-top: clamp(25px, calc(38 / 1024 * 100vw), 38px);
    padding-bottom: clamp(26px, calc(34 / 1024 * 100vw), 34px);
    padding-left: clamp(28px, calc(38 / 1024 * 100vw), 38px);
    padding-right: clamp(28px, calc(38 / 1024 * 100vw), 38px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__cardItem {
    padding-top: clamp(25px, calc(38 / 1600 * 100vw), 38px);
    padding-bottom: clamp(14px, calc(27 / 1600 * 100vw), 27px);
    padding-left: clamp(28px, calc(38 / 1600 * 100vw), 38px);
    padding-right: clamp(28px, calc(38 / 1600 * 100vw), 38px);
  }
}

.p-consultation02__number {
  position: absolute;
  width: clamp(110px, calc(146 / 750 * 100vw), 146px);
  height: clamp(34px, calc(45 / 750 * 100vw), 45px);
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: clamp(13px, calc(17 / 750 * 100vw), 17px);
}
.p-consultation02__number::after {
  padding-left: 0.25em;
  font-size: clamp(16px, calc(22 / 750 * 100vw), 22px);
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
  .p-consultation02__number {
    width: clamp(110px, calc(146 / 1024 * 100vw), 146px);
    height: clamp(34px, calc(45 / 1024 * 100vw), 45px);
    font-size: clamp(13px, calc(17 / 1024 * 100vw), 17px);

  }
  .p-consultation02__number::after {
    font-size: clamp(16px, calc(22 / 1024 * 100vw), 22px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__number {
    width: clamp(110px, calc(146 / 1600 * 100vw), 146px);
    height: clamp(34px, calc(45 / 1600 * 100vw), 45px);
    font-size: clamp(13px, calc(17 / 1600 * 100vw), 17px);
  }
  .p-consultation02__number::after {
    font-size: clamp(16px, calc(22 / 1600 * 100vw), 22px);
  }
}

.p-consultation02__subTitle {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .p-consultation02__subTitle br {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__subTitle br {
    display: block;
  }
}

.p-consultation02__text {
  padding-top: clamp(18px, calc(20 / 750 * 100vw), 20px);
}
@media screen and (min-width: 751px) {
  .p-consultation02__text {
    padding-top: clamp(18px, calc(20 / 1024 * 100vw), 20px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__text {
    padding-top: clamp(18px, calc(20 / 1600 * 100vw), 20px);
  }
}

.p-consultation02__btn {
  width: clamp(280px, calc(460 / 750 * 100vw), 460px);
  height: clamp(56px, calc(74 / 750 * 100vw), 74px);
  margin-top: clamp(30px, calc(40 / 750 * 100vw), 40px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 751px) {
  .p-consultation02__btn {
    width: clamp(280px, calc(460 / 1024 * 100vw), 460px);
    height: clamp(56px, calc(74 / 1024 * 100vw), 74px);
    margin-top: clamp(30px, calc(40 / 1024 * 100vw), 40px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__btn {
    width: clamp(280px, calc(460 / 1600 * 100vw), 460px);
    height: clamp(56px, calc(74 / 1600 * 100vw), 74px);
    margin-top: clamp(30px, calc(40 / 1600 * 100vw), 40px);
  }
}
.p-consultation02__btn .c-btn::after {
  right: clamp(18px, 4.9333333333vw, 37px);
}
@media screen and (min-width: 751px) {
  .p-consultation02__btn .c-btn::after {
    right: clamp(18px, 3.61328125vw, 37px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__btn .c-btn::after {
    right: clamp(18px, 2.3125vw, 37px);
  }
}
.p-consultation02__btn .c-btn__text, .p-consultation02__btn .c-btn__text--large {
  font-size: clamp(14px, calc(22 / 750 * 100vw), 22px);
  font-weight: 400;
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (min-width: 751px) {
  .p-consultation02__btn .c-btn__text, .p-consultation02__btn .c-btn__text--large {
    font-size: clamp(14px, calc(22 / 1024 * 100vw), 22px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__btn .c-btn__text, .p-consultation02__btn .c-btn__text--large {
    font-size: clamp(14px, calc(22 / 1600 * 100vw), 22px);
  }
}
.p-consultation02__btn .c-btn__text--large {
  font-size: clamp(20px, calc(34 / 750 * 100vw), 34px);
}
@media screen and (min-width: 751px) {
  .p-consultation02__btn .c-btn__text--large {
    font-size: clamp(20px, calc(34 / 1024 * 100vw), 34px);
  }
}
@media screen and (min-width: 1025px) {
  .p-consultation02__btn .c-btn__text--large {
    font-size: clamp(20px, calc(34 / 1600 * 100vw), 34px);
  }
}






:root {
  --contents--bg: #eff8fd;
}

.p-feature {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: clamp(45px, calc(60 / 750 * 100vw), 60px);
  padding-bottom: clamp(75px, calc(100 / 750 * 100vw), 100px);
  background-color: var(--contents--bg);
}
.p-feature > * + * {
  margin-top: clamp(45px, calc(60 / 750 * 100vw), 60px);
}
@media screen and (min-width: 751px) {
  .p-feature {
    padding-top: clamp(45px, calc(60 / 1024 * 100vw), 60px);
    padding-bottom: clamp(75px, calc(100 / 1024 * 100vw), 100px);
  }
  .p-feature > * + * {
    margin-top: clamp(45px, calc(60 / 1024 * 100vw), 60px);
  }
}
@media screen and (min-width: 1025px) {
  .p-feature {
    padding-top: clamp(45px, calc(60 / 1600 * 100vw), 60px);
    padding-bottom: clamp(75px, calc(100 / 1600 * 100vw), 100px);
  }
  .p-feature > * + * {
    margin-top: clamp(45px, calc(60 / 1600 * 100vw), 60px);
  }
}

.p-feature__wrap, .p-feature__wrap--reverse {
  display: grid;
  max-width: 1200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.p-feature__wrap:last-of-type .p-feature__detail, .p-feature__wrap--reverse:last-of-type .p-feature__detail {
  margin-top: min(6vw, -45px);
}
@media screen and (min-width: 576px) {
  .p-feature__wrap:last-of-type .p-feature__detail, .p-feature__wrap--reverse:last-of-type .p-feature__detail {
    margin-top: min(7.8125vw, -80px);
  }
}
@media screen and (min-width: 1025px) {
  .p-feature__wrap, .p-feature__wrap--reverse {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-feature__wrap--reverse .p-feature__detail {
    width: min(calc(620 / 1280 * 100vw), 620px);
    margin-left: 0px;
    margin-right: min(6.875vw, -110px);
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-feature__wrap--reverse .p-feature__pic {
    width: min(calc(660 / 1280 * 100vw), 660px);
    grid-column: 2/3;
    grid-row: 1/3;
    z-index: 1;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature__wrap:last-of-type .p-feature__detail, .p-feature__wrap--reverse:last-of-type .p-feature__detail {
    width: min(calc(600 / 1280 * 100vw), 600px);
    margin-top: 0;
    margin-right: min(5.625vw, -90px);
  }
}
@media screen and (min-width: 1280px) and (min-width: 1025px) {
  .p-feature__wrap--reverse .p-feature__detail {
    width: min(calc(650 / 1280 * 100vw), 650px);
    margin-right: min(6.875vw, -110px);
  }
}
@media screen and (min-width: 1280px) and (min-width: 1025px) {
  .p-feature__wrap--reverse .p-feature__pic {
    width: min(calc(660 / 1280 * 100vw), 660px);
  }
}
@media screen and (min-width: 1280px) {
  .p-feature__wrap:last-of-type .p-feature__detail, .p-feature__wrap--reverse:last-of-type .p-feature__detail {
    width: min(calc(650 / 1280 * 100vw), 650px);
    margin-right: min(6.875vw, -110px);
  }
}

.p-feature__detail {
  max-width: 600px;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: min(-6vw, -45px);
  padding-top: min(calc(50 / 750 * 100vw), 50px);
  padding-bottom: min(calc(45 / 750 * 100vw), 45px);
  padding-left: min(calc(54 / 750 * 100vw), 54px);
  padding-right: min(calc(54 / 750 * 100vw), 54px);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .p-feature__detail {
    margin-top: min(-4.39453125vw, -45px);
    padding-top: min(calc(50 / 1024 * 100vw), 50px);
    padding-bottom: min(calc(45 / 1024 * 100vw), 45px);
    padding-left: min(calc(54 / 1024 * 100vw), 54px);
    padding-right: min(calc(54 / 1024 * 100vw), 54px);
  }
}
@media screen and (min-width: 1025px) {
  .p-feature__detail {
    max-width: none;
    width: min(calc(620 / 1280 * 100vw), 620px);
    margin-left: min(-8.59375vw, -110px);
    margin-right: 0;
    margin-top: 0;
    padding-top: min(calc(36 / 1280 * 100vw), 36px);
    padding-bottom: min(calc(45 / 1280 * 100vw), 45px);
    padding-left: min(calc(54 / 1280 * 100vw), 54px);
    padding-right: min(calc(54 / 1280 * 100vw), 54px);
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
@media screen and (min-width: 1280px) {
  .p-feature__detail {
    width: min(calc(650 / 1280 * 100vw), 650px);
  }
}

.p-feature__pic {
  max-width: 660px;
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .p-feature__pic {
    width: min(calc(660 / 1280 * 100vw), 660px);
    grid-column: 1/2;
    grid-row: 1/3;
    z-index: 1;
  }
}
@media screen and (min-width: 1280px) {
  .p-feature__pic {
    width: min(calc(660 / 1280 * 100vw), 660px);
  }
}

.p-feature__number {
  width: clamp(110px, calc(146 / 750 * 100vw), 146px);
  height: clamp(34px, calc(45 / 750 * 100vw), 45px);
  margin-inline: auto;
  font-size: clamp(16px, calc(20 / 750 * 100vw), 20px);
  font-weight: 600;
}
.p-feature__number::after {
  font-size: clamp(21px, calc(28 / 1024 * 100vw), 28px);
  font-weight: 600;
  letter-spacing: 0.0142857143em;
}
@media screen and (min-width: 751px) {
  .p-feature__number {
    width: clamp(110px, calc(146 / 1024 * 100vw), 146px);
    height: clamp(34px, calc(45 / 1024 * 100vw), 45px);
    margin-inline: auto;
    font-size: clamp(16px, calc(20 / 1024 * 100vw), 20px);
    font-weight: 600;
  }
  .p-feature__number::after {
    font-size: clamp(21px, calc(28 / 1024 * 100vw), 28px);
    font-weight: 600;
    letter-spacing: 0.0142857143em;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature__number {
    width: clamp(110px, calc(146 / 1600 * 100vw), 146px);
    height: clamp(34px, calc(45 / 1600 * 100vw), 45px);
    font-size: clamp(16px, calc(20 / 1600 * 100vw), 20px);
  }
  .p-feature__number::after {
    font-size: clamp(21px, calc(28 / 1600 * 100vw), 28px);
    font-weight: 600;
  }
}

.p-feature__title {
  padding-top: clamp(10px, calc(18 / 750 * 100vw), 18px);
}
@media screen and (min-width: 751px) {
  .p-feature__title {
    padding-top: clamp(10px, calc(18 / 1024 * 100vw), 18px);
  }
}
@media screen and (min-width: 1025px) {
  .p-feature__title {
    padding-top: clamp(10px, calc(18 / 1600 * 100vw), 18px);
  }
}

.p-feature__desc {
  margin-top: min(calc(40 / 750 * 100vw), 40px);
  line-height: 1.65;
}
.p-feature__desc span{
	color: #FFF;
	background-color: #F00;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 30px;
	margin-left: 4px;
	font-size: 80%;
	font-weight: 600;
}
@media screen and (min-width: 751px) {
  .p-feature__desc {
    margin-top: min(calc(40 / 1024 * 100vw), 40px);
  }
}
@media screen and (min-width: 1025px) {
  .p-feature__desc {
    margin-top: min(calc(24 / 1600 * 100vw), 24px);
    line-height: 2;
    letter-spacing: 0em;
  }
}

.p-feature__btn {
  max-width: 354px;
  width: 100%;
  height: clamp(50px, calc(54 / 750 * 100vw), 54px);
  margin-top: min(calc(50 / 750 * 100vw), 50px);
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .p-feature__btn {
    height: clamp(50px, calc(54 / 1024 * 100vw), 54px);
    margin-top: min(calc(50 / 1024 * 100vw), 50px);
  }
}
@media screen and (min-width: 1025px) {
  .p-feature__btn {
    max-width: none;
    width: clamp(280px, calc(354 / 1600 * 100vw), 354px);
    height: clamp(40px, calc(54 / 1600 * 100vw), 54px);
    margin-top: min(calc(22 / 1600 * 100vw), 22px);
    margin-inline: auto;
  }
}

:root {
  --contents--bg: #eff8fd;
}

.p-localNav {
  padding-top: clamp(45px, calc(60 / 1024 * 100vw), 60px);
  padding-bottom: clamp(45px, calc(60 / 1024 * 100vw), 60px);
}
@media screen and (min-width: 1025px) {
  .p-localNav {
    padding-top: clamp(45px, calc(60 / 1280 * 100vw), 60px);
    padding-bottom: clamp(45px, calc(60 / 1280 * 100vw), 60px);
  }
}

.p-localNav__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(30px, 4.8828125vw, 50px) clamp(6px, 1.171875vw, 12px);
}
@media screen and (min-width: 576px) {
  .p-localNav__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav__list {
    grid-template-columns: repeat(6, 1fr);
    gap: clamp(30px, 3.125vw, 50px) clamp(6px, 0.75vw, 12px);
  }
}

.p-localNav__item {
  height: clamp(120px, calc(160 / 750 * 100vw), 160px);
}
@media screen and (min-width: 751px) {
  .p-localNav__item {
    height: clamp(100px, calc(140 / 1024 * 100vw), 140px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav__item {
    height: clamp(120px, calc(160 / 1280 * 100vw), 160px);
  }
}

.p-localNav__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding-top: min(calc(20 / 750 * 100vw), 20px);
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
          box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
  border: solid 1px #acd3ec;
  background-color: #fff;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.p-localNav__link:hover {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 751px) {
  .p-localNav__link {
    padding-top: min(calc(20 / 1024 * 100vw), 20px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav__link {
    padding-top: min(calc(6 / 1600 * 100vw), 6px);
  }
}

.p-localNav__number {
  position: absolute;
  width: clamp(75px, calc(100 / 1024 * 100vw), 100px);
  height: clamp(34px, calc(45 / 1024 * 100vw), 45px);
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  font-weight: 400;
}
.p-localNav__number::after {
  font-size: clamp(16px, calc(20 / 750 * 100vw), 20px);
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
  .p-localNav__number {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav__number {
    position: absolute;
    width: clamp(75px, calc(100 / 1600 * 100vw), 100px);
    height: clamp(34px, calc(45 / 1600 * 100vw), 45px);
    top: -20px;
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
  .p-localNav__number::after {
    font-size: clamp(16px, calc(20 / 1600 * 100vw), 20px);
  }
}

.p-localNav__desc {
  text-align: center;
  color: black;
  line-height: 1.45;
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
}
@media screen and (min-width: 751px) {
  .p-localNav__desc {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav__desc {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
    line-height: 1.65;
  }
}/*# sourceMappingURL=style.css.map */




.p-localNav02 {
  padding-top: clamp(45px, calc(60 / 1024 * 100vw), 60px);
  padding-bottom: clamp(45px, calc(60 / 1024 * 100vw), 60px);
}
@media screen and (min-width: 1025px) {
  .p-localNav02 {
    padding-top: clamp(45px, calc(60 / 1280 * 100vw), 60px);
    padding-bottom: clamp(45px, calc(60 / 1280 * 100vw), 60px);
  }
}

.p-localNav02__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(30px, 4.8828125vw, 50px) clamp(6px, 1.171875vw, 12px);
}
@media screen and (min-width: 576px) {
  .p-localNav02__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav02__list {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(30px, 3.125vw, 50px) clamp(6px, 0.75vw, 12px);
  }
}

.p-localNav02__item {
  height: clamp(120px, calc(160 / 750 * 100vw), 160px);
}
@media screen and (min-width: 751px) {
  .p-localNav02__item {
    height: clamp(100px, calc(140 / 1024 * 100vw), 140px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav02__item {
    height: clamp(120px, calc(160 / 1280 * 100vw), 160px);
  }
}

.p-localNav02__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding-top: min(calc(20 / 750 * 100vw), 20px);
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
          box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
  border: solid 1px #acd3ec;
  background-color: #fff;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.p-localNav02__link:hover {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 751px) {
  .p-localNav02__link {
    padding-top: min(calc(20 / 1024 * 100vw), 20px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav02__link {
    padding-top: min(calc(6 / 1600 * 100vw), 6px);
  }
}

.p-localNav02__number {
  position: absolute;
  width: clamp(75px, calc(100 / 1024 * 100vw), 100px);
  height: clamp(34px, calc(45 / 1024 * 100vw), 45px);
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  font-weight: 400;
}
.p-localNav02__number::after {
  font-size: clamp(16px, calc(20 / 750 * 100vw), 20px);
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
  .p-localNav02__number {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav02__number {
    position: absolute;
    width: clamp(75px, calc(100 / 1600 * 100vw), 100px);
    height: clamp(34px, calc(45 / 1600 * 100vw), 45px);
    top: -20px;
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
  .p-localNav02__number::after {
    font-size: clamp(16px, calc(20 / 1600 * 100vw), 20px);
  }
}

.p-localNav02__desc {
  text-align: center;
  color: black;
  line-height: 1.45;
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
}
@media screen and (min-width: 751px) {
  .p-localNav02__desc {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav02__desc {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
    line-height: 1.65;
  }
}
/*# sourceMappingURL=style.css.map */




.p-localNav03 {
  padding-top: clamp(45px, calc(60 / 1024 * 100vw), 60px);
  padding-bottom: clamp(45px, calc(60 / 1024 * 100vw), 60px);
}
@media screen and (min-width: 1025px) {
  .p-localNav03 {
    padding-top: clamp(45px, calc(60 / 1280 * 100vw), 60px);
    padding-bottom: clamp(45px, calc(60 / 1280 * 100vw), 60px);
  }
}

.p-localNav03__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(30px, 4.8828125vw, 50px) clamp(6px, 1.171875vw, 12px);
}
@media screen and (min-width: 576px) {
  .p-localNav03__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav03__list {
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(30px, 3.125vw, 50px) clamp(6px, 0.75vw, 12px);
  }
}

.p-localNav03__item {
  height: clamp(120px, calc(160 / 750 * 100vw), 160px);
}
@media screen and (min-width: 751px) {
  .p-localNav03__item {
    height: clamp(100px, calc(140 / 1024 * 100vw), 140px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav03__item {
    height: clamp(120px, calc(160 / 1280 * 100vw), 160px);
  }
}

.p-localNav03__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding-top: min(calc(20 / 750 * 100vw), 20px);
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
          box-shadow: 0px 4px 20px 0 rgba(189, 209, 223, 0.5);
  border: solid 1px #acd3ec;
  background-color: #fff;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.p-localNav03__link:hover {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 751px) {
  .p-localNav03__link {
    padding-top: min(calc(20 / 1024 * 100vw), 20px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav03__link {
    padding-top: min(calc(6 / 1600 * 100vw), 6px);
  }
}

.p-localNav03__number {
  position: absolute;
  width: clamp(75px, calc(100 / 1024 * 100vw), 100px);
  height: clamp(34px, calc(45 / 1024 * 100vw), 45px);
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  font-weight: 400;
}
.p-localNav03__number::after {
  font-size: clamp(16px, calc(20 / 750 * 100vw), 20px);
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
  .p-localNav03__number {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav03__number {
    position: absolute;
    width: clamp(75px, calc(100 / 1600 * 100vw), 100px);
    height: clamp(34px, calc(45 / 1600 * 100vw), 45px);
    top: -20px;
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
  }
  .p-localNav03__number::after {
    font-size: clamp(16px, calc(20 / 1600 * 100vw), 20px);
  }
}

.p-localNav03__desc {
  text-align: center;
  color: black;
  line-height: 1.45;
  font-size: clamp(14px, calc(16 / 750 * 100vw), 16px);
}
@media screen and (min-width: 751px) {
  .p-localNav03__desc {
    font-size: clamp(14px, calc(16 / 1024 * 100vw), 16px);
  }
}
@media screen and (min-width: 1025px) {
  .p-localNav03__desc {
    font-size: clamp(14px, calc(16 / 1600 * 100vw), 16px);
    line-height: 1.65;
  }
}
/*# sourceMappingURL=style.css.map */



/*プライバシーポリシーテーブル*/
.table_privacy{
	width: 98%;
	border-collapse: collapse;
	margin-left: 15px;
}
.table_privacy th{
	width: 5%;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-weight: normal;
	vertical-align: top;

}
.table_privacy td{
	padding: 15px;
	vertical-align: top;

}


/*会社概要01*/
.table_company01{
width: 90%;
border-collapse: collapse;
}
.table_company01 th{
width: 25%;
padding: 15px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table_company01 td{
padding: 15px;
background-color: #fff;
border: 1px solid #b9b9b9;
}


/* 供花 */
#imageListoption01{
	max-width:1200px;
	overflow:hidden;
	margin-top:20px;
}

#imageListoption01 li{
	width:33.3333%;
	float:left;
	margin-bottom:20px;
	padding:0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}


#imageListoption01 p.txt01 {
	line-height:45px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-color: #333333;
}

#imageListoption01 p.txt02 {
	color: #CC0000;
	text-align: right;
}



.img-responsive{
	width:100%;
	height:auto;
}


/* TABLET */
@media screen and (max-width: 992px){

#imageListoption01 li{
	width:50%;
	float:left;
	padding:0 15px;
}
}

/* TABLET */
@media screen and (max-width: 768px){

#imageListoption01 li{
	width:100%;
	float:none;
	padding:0 ;
}


}

/*optionボックス01*/
.boxresoption01 {
	margin-bottom: 20px;
}
.boxresoption01 p.txt01 {
	color: #FFFFFF;
	background-color: #39C;
	padding: 8px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
}
.boxresoption01 p.txt02 {
	padding-top:5px;
}

@media (max-width: 768px){
.boxresoption01 {
	min-height:0px ;
}
.boxresoption01 img{
	width:100%;
	float:none;
	padding:0 ;
}
}

/*menberボックス01*/
.boxresmenber01 {
	margin-bottom: 60px;
}
.boxresmenber01 p.txt01 {
	color: #FFFFFF;
	background-color: #39C;
	padding: 8px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
}
.boxresmenber01 p.txt02 {
	padding-top:5px;
}

@media (max-width: 768px){
.boxresmenber01 {
	min-height:0px ;
}
.boxresmenber01 img{
	width:100%;
	float:none;
	padding:0 ;
}
}



/*** レスポンシブテーブルデザイン ***/
.shokai{
	width: 100%;
	border: 2px solid #d6ceb4;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 60px;
	margin-top: 10px;
}
 
.shokai th{
  padding: 15px;
  border-top: solid 1px #ffffff;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}
 
.shokai td{
	width: 80px;
	padding: 15px;
	text-align: center;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
@media (max-width: 768px){
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
	padding: 5px;
  border:none;
  border-radius: 3px;
	text-align: center;
}
.shokai td{
  display: list-item;
	padding: 5px;
  width: 100%;
  border-top: none !important;
}
}
/*** レスポンシブテーブルデザイン　おわり ***/



/* イメージリスト */
#imageListguid01{
	max-width:1200px;
	overflow:hidden;
	margin-top:20px;
}

#imageListguid01 li{
	width:33.3333%;
	float:left;
	margin-bottom:20px;
	padding:0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}


#imageListguid01 p.txt01 {
	line-height:45px;
	text-align:center;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	background-color: #333333;
}

#imageListguid01 p.txt02 {
	color:#333333;
}



.img-responsive{
	width:100%;
	height:auto;
}


/* TABLET */
@media screen and (max-width: 992px){

#imageListguid01 li{
	width:50%;
	float:left;
	padding:0 10px;
}
}


/*** レスポンシブテーブルデザイン２ ***/
.guidtable01{
	width: 100%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.8;
	margin-right: auto;
	margin-left: auto;
}
 
.guidtable01 th{
	padding: 20px;
	border-top: solid 1px #ffffff;
	width: 20%;
	overflow: hidden;
	font-style: normal;
	color: #04B8E3;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #04B8E3;
}
 
.guidtable01 td{
	padding: 20px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
}



@media (max-width: 768px){
.guidtable01 {
  width: 100%;
}
.guidtable01 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
	padding-bottom: 0px;
}
.guidtable01 td{
  display: list-item;
  width: 95%;
  border-top: none !important;
	padding-top: 0px;
}
}
/*** レスポンシブテーブルデザイン２　おわり ***/


/*** レスポンシブテーブルデザイン ***/
.companytbl01{
	width: 100%;
	border: 2px solid #d6ceb4;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 60px;
	margin-top: 40px;
}
 
.companytbl01 th{
  padding: 15px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}
 
.companytbl01 td{
padding: 15px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 768px){
.companytbl01 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.companytbl01 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}
/*** レスポンシブテーブルデザイン　おわり ***/


/*** レスポンシブテーブル会社沿革 ***/
.comhis01{
	width: 100%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.8;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}
 
.comhis01 th{
	padding: 20px;
	width: 20%;
	overflow: hidden;
	font-style: normal;
	color: #666666;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
 
.comhis01 td{
	padding: 20px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
}



@media (max-width: 768px){
.comhis01 {
  width: 100%;
}
.comhis01 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
	padding-bottom: 0px;
}
.comhis01 td{
  display: list-item;
  width: 95%;
  border-top: none !important;
	padding-top: 0px;
}
}
/*** レスポンシブテーブル会社沿革　おわり ***/



/*プランボックス01*/
.boxresplan01 {
	margin-bottom: 40px;
	min-height: 350px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.boxresplan01 img {
	width:40%;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0;
}
.boxresplan01 p.txt01 {
	padding-top: 10px;
	font-family: "Shippori Mincho B1", "游明朝", YuMincho, "YuMincho medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-bottom: 10px;
}
.boxresplan01 p.txt02 {
	padding-top:5px;
}
.boxresplan01 p.txt03 {
	font-size: 3rem;
	color: #FFF;
	width: 100%;
	border-radius: 5px;
	display: inline;
	font-weight: 600;
	background-color: #F90;
}
.boxresplan01 p.txt03 span{
	font-size:1.2rem;
	font-weight:400;
	
}
.boxresplan01 p.txt04 {
	padding-top: 5px;
}
.boxresplan01 p.txt05 {
	padding-top: 5px;
	line-height: 2.2;
}
.boxresplan01 p.txt05 span{
	color: #FFF;
	background-color: #36C;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media (max-width: 768px){
.boxresplan01 {
	min-height:0px ;
}
.boxresplan01 img{
	width:100%;
	float:none;
	padding:0 ;
}
.boxresplan01 p.txt03 {
	font-size: 1.4rem;
}
.boxresplan01 p.txt03 span{
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0.001em;	
}
}



/* イメージリスト */
#imageListplan01{
	max-width:1200px;
	overflow:hidden;
	margin-top:20px;
    clear:  both;               /* 回り込みを解除する */
}

#imageListplan01 li{
	width:33.3333%;
	float:left;
	margin-bottom:20px;
	padding:0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}


#imageListplan01 p.txt01 {
	line-height:45px;
	text-align:center;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	background-color: #333333;
}

#imageListplan01 p.txt02 {
	color:#333333;
}



.img-responsive{
	width:100%;
	height:auto;
}


/* TABLET */
@media screen and (max-width: 768px){

#imageListplan01 li{
	width:50%;
	float:left;
	padding:0 5px;
}
}

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

	PCの時だけ改行

=======================================*/
@media screen and (max-width: 780px) {
    .br-pc { display: none; }
}

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

	スマホの時だけ改行

=======================================*/
.br-sp {
    display:none;
}

@media screen and (max-width: 780px) {
    .br-sp { display: block; }
}




/* 資料フォーム */
.boxresshiryo01 {
	clear:  both;               /* 回り込みを解除する */
	margin-bottom: 20px;
}
.boxresshiryo01 img {
	width:20%;
	float: right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
}
.boxresshiryo01 p.txt01 {
	color: #FFFFFF;
	background-color: #39C;
	padding: 8px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
}
.boxresshiryo01 p.txt02 {
	padding-top:5px;
}

@media (max-width: 768px){
.boxresshiryo01 {
	min-height:0px ;
}
.boxresshiryo01 img{
	width:100%;
	float:none;
	padding:0 ;
}
}



/* イメージリスト */
#imageListplantop01{
	max-width: 1200px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#imageListplantop01 li{
	width:33.3333%;
	float:left;
	margin-bottom:20px;
	padding:0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}


#imageListplantop01 p.txt01 {
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6BC2ED;
	border-radius: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
}

#imageListplantop01 p.txt02 {
	color:#333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}



.img-responsive{
	width:100%;
	height:auto;
}


/* TABLET */
@media screen and (max-width: 992px){

#imageListplantop01 li{
	width:50%;
	float:left;
	padding:0 15px;
}
}

/* TABLET */
@media screen and (max-width: 768px){

#imageListplantop01 li{
	width: 90%;
	float: none;
	padding: 0;
	margin-right: 5%;
	margin-left: 5%;
}


}


/* イメージリスト　プラン　アイコン */
#imageListplanicon01{
	max-width: 1200px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#imageListplanicon01 li{
	width:12.5%;
	float:left;
	margin-bottom:10px;
	padding:0 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}


#imageListplanicon01 p.txt01 {
	line-height:45px;
	text-align:center;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	background-color: #333333;
}

#imageListplanicon01 p.txt02 {
	color:#333333;
}



.img-responsive{
	width:100%;
	height:auto;
}


/* TABLET */
@media screen and (max-width: 992px){
	
#imageListplanicon01{
	margin-right: 15px;
	margin-left: 15px;
}

#imageListplanicon01 li{
	width:25%;
	float:left;
	padding:0 3px;
}
}



/*ボックスレスポンシブ事前相談01*/
.boxresjizen01 {
	margin-bottom: 60px;
	padding-top: 20px;
}
.boxresjizen01 p.txt01 {
	font-size:1.4rem;
	padding-top: 5px;
	color: #03b0e7;
	text-align: center;
	font-family:"Shippori Mincho B1", "游明朝", YuMincho, YuMincho medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
.boxresjizen01 p.txt02 {
	padding-top:5px;
	text-align: center;
}

@media (max-width: 768px){
.boxresjizen01 {
	min-height: 0px;
}
.boxresjizen01 p.txt01 {
	text-align: left;
	color: #42a4e5;
	font-size:1.2rem;
}
.boxresjizen01 p.txt02 {
	text-align: left;
}
}


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

	PCの時だけ改行

=======================================*/
@media screen and (max-width: 780px) {
    .br-pc { display: none; }
}

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

	スマホの時だけ改行

=======================================*/
.br-sp {
    display:none;
}

@media screen and (max-width: 780px) {
    .br-sp { display: block; }
}