@charset "utf-8";

/* ====================================
    共通スタイル
======================================*/
html {
  scroll-behavior: smooth;
}

h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h5 {
  display: block;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h6 {
  display: block;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

/* 定数定義 */
:root {
  --color-key: #95afdb;
  --font-mincho: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.text-key {
  color: var(--color-key) !important;
}

.font-serif {
  font-family: var(--font-mincho) !important;
}

/* view.jsコンポーネント読み込み途中の状態を表示しない */
[v-cloak] {
  display: none;
}

/* 見出し（明朝体）スタイル */
.headline-font-type {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

.headline-font-type2 {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

.rich-font {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

h2.content01-title {
  color: var(--color-key);
  text-align: center;
}

/* ヘルパー */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.mark {
  background-image: unset;
}

.underbar {
  background: linear-gradient(transparent 50%, #fcfc61 40%);
}

.pekopeko {
  animation: pekopeko 2s infinite;
  box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}

@keyframes pekopeko {
  0% {
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
    top: 0px;
  }

  10% {
    box-shadow: 0 0 0 rgb(0, 0, 0, 0.3);
    top: 3px;
  }

  20% {
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
    top: 0px;
  }

  30% {
    box-shadow: 0 0 0 rgb(0, 0, 0, 0.3);
    top: 3px;
  }

  40% {
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
    top: 0px;
  }
}

.yureru-j {
  animation: yureru-j 2s infinite;
}

@keyframes yureru-j {
  0% {
    transform: translate(0px, 2px);
  }

  5% {
    transform: translate(0px, -2px);
  }

  10% {
    transform: translate(0px, 2px);
  }

  15% {
    transform: translate(0px, -2px);
  }

  20% {
    transform: translate(0px, 2px);
  }

  25% {
    transform: translate(0px, -2px);
  }

  30% {
    transform: translate(0px, 0px);
  }
}

.yureru-s {
  animation: yureru-s 2s infinite;
}

@keyframes yureru-s {
  0% {
    transform: translate(2px, 0px);
  }

  5% {
    transform: translate(-2px, 0px);
  }

  10% {
    transform: translate(2px, 0px);
  }

  15% {
    transform: translate(-2px, 0px);
  }

  20% {
    transform: translate(2px, 0px);
  }

  25% {
    transform: translate(-2px, 0px);
  }

  30% {
    transform: translate(0px, 0px);
  }
}

/* 装飾付き矢印：ピンク */
.arrow_text_pink {
  color: #fff;
  background-color: #e95295;
  font-size: 16px;
  display: block;
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.arrow_text_pink::after {
  content: "";
  border: 1.6em solid transparent;
  border-left: 1.6em solid #e95295;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  .arrow_text_pink {
    font-size: 12px;
    margin-left: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .arrow_text_pink::after {
    border-width: 2.5em;
  }
}

/* フェード切り替えスタイル */
.fade {
  transition: 0.5s ease-in-out;
}

.fade:not(.show) {
  opacity: 0;
}

.show {
  opacity: 1;
}

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  body {
    /* width: 100%; */
    /* margin: 0; */
    /* padding: 0; */
    /* font-size: 90%; */
    /* font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
    /* line-height: 160%; */
    overflow-x: unset;
    /* position: relative; */
    -webkit-overflow-scrolling: touch;
    visibility: visible;
  }

  p {
    color: #666;
    letter-spacing: 1.5px;
    line-height: 1.8;
    font-size: 97%;
  }

  .column-layout03 {
    background: #fff;
    box-sizing: border-box;
    display: block;
    padding: 0;
    margin: 0;
  }

  .column-layout03-item {
    box-sizing: border-box;
    margin: 0 auto 0;
    vertical-align: middle;
  }

  .column-layout03-title {
    font-size: 20px;
    line-height: 1.5;
    margin: 0 auto;
    width: 88%;
  }

  .column-layout03-text {
    margin: 0 auto 0;
    max-width: 426px;
    width: 90%;
    padding-bottom: 70px;
    position: relative;
  }

  .column-layout03-text p {
    margin-bottom: 0;
    line-height: 1.6;
  }

  .column-layout03-image {
    height: auto;
    width: 100%;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  body {
    /* width: 100%; */
    --bs-body-font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    --bs-body-line-height: 220%;
    --bs-body-bg: #ffffff;
    --bs-body-font-weight: 500;
    --bs-body-color: #666;
    letter-spacing: 1.5px;
    overflow-x: unset;
    position: relative;
    visibility: visible;
    -webkit-overflow-scrolling: touch;
  }

  h2 {
    letter-spacing: 1px;
    font-size: 140%;
  }

  .column-layout03 {
    background: #ffffff;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .column-layout03-item {
    box-sizing: border-box;
    width: 50%;
    vertical-align: middle;
  }

  .column-layout03-title {
    font-size: 24px;
    line-height: 1.6;
    margin: 0 auto;
    margin-bottom: 1em;
    width: 426px;
    color: var(--color-key);
  }

  .column-layout03-text {
    margin: 0 auto;
    width: 426px;
  }

  .column-layout03-image {
    height: auto;
    width: 100%;
  }

  .column-layout03.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .column-layout03-text .accordion-contents {
    display: block;
  }
}

.f01 {
  color: var(--color-key);
}

div#index_main_photo {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  line-height: 0;
}

div#main_photo {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}

div#main_photo .bx-wrapper {
  margin: 0;
  position: relative;
}

div#main_photo .bx-wrapper .bx-controls {
  position: relative;
  bottom: 15px;
  z-index: 9999;
}

div#main_photo .bx-wrapper .bx-pager {
  padding-top: 0;
}

div#main_photo .bx-wrapper .bx-pager,
div#main_photo .bx-wrapper .bx-controls-auto {
  bottom: auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #333;
}

.bx-wrapper .bx-prev {
  display: none;
}

.bx-wrapper .bx-controls-direction a {
  display: none;
}

div.bx-caption {
  display: none;
}

/*　フォント　*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
}

.en {
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
}

/*　リンク　*/
a {
  text-decoration: none;
  transition: 0.5s ease-in-out;
}

a:link {
  color: #182d40;
}

a:visited {
  /* color: #182d40; */
}

a:hover {
  /* color: #182d40; */
  text-decoration: underline;
}

a:active {
  /* color: #182d40; */
  text-decoration: underline;
}

a img {
  border: none;
}

img.opac {
  transition: 0.5s ease-in-out;
}

.opac a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

a:hover img.opac {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*　配置　*/
.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.img-center {
  text-align: center;
}

.img-right {
  padding: 5px 0 10px 20px;
  float: right;
}

.img-left {
  padding: 5px 20px 10px 0;
  float: left;
}

.clear-right {
  clear: right;
}

.clear-left {
  clear: left;
}

.clear {
  clear: both;
}

.bar {
  letter-spacing: -3px;
  margin-right: 0.3em;
}

.bold {
  font-weight: bold;
}

.big {
  font-size: 120%;
}

.small {
  font-size: 80%;
}

.smaller {
  font-size: 60%;
}

.red {
  color: #c00a0a;
}

.orange {
  color: #e67579;
}

a.blue {
  color: blue;
}

.marker_yellow {
  background: linear-gradient(transparent 40%, #ffff66 40%);
}

.marker_pink {
  background: linear-gradient(transparent 40%, #ffdfef 40%);
}

span.marker {
  background: linear-gradient(transparent 50%, #f9ea77 40%);
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

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

div.image90 {
  width: 90%;
  margin: 0 auto;
}

div.image80 {
  width: 80%;
  margin: 0 auto;
}

div.image60 {
  width: 60%;
  margin: 0 auto;
}

div.image50 {
  width: 50%;
  margin: 0 auto;
}

div.image40 {
  width: 40%;
  margin: 0 auto;
}

div.image30 {
  width: 30%;
  margin: 0 auto;
}

div.image20 {
  width: 20%;
  margin: 0 auto;
}

span.i_block {
  display: inline-block;
}

div.line {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #333;
}

/* アコーディオン */
.accordion-contents {
  display: none;
}

.read-more[data-accordion] {
  color: var(--color-key);
  border: none;
  background: transparent;
}

:is(.open) .read-more[data-accordion] {
  display: none;
}

/*　ヘッダー　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #header {
    background-color: #fff;

    /* Safari */
    position: sticky;
    top: 0;
    z-index: 5000;
  }

  .header_logo {
    display: flex;
  }

  .header__logo-image {
    margin: 0;
    padding: 0;
    line-height: 0;
  }

  #ham-menu {
    color: #fff;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    padding: 0;
    /*メニュー内左右上下余白*/
    position: fixed;
    right: -280px;
    /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s;
    /*0.3s はアニメーションにかかる時間*/
    width: 280px;
    /*メニュー横幅*/
    z-index: 1000;
    overflow-y: scroll;
  }

  #menu-background {
    background-color: #333;
    /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    /*		position: fixed;*/
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s;
    /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
  }

  #menu-icon {
    /*
		background-color: #f9b9b9; アイコン部分背景色
*/
    border-radius: 0 0 0 10px;
    /*左下角丸*/
    color: #fff;
    /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 50px;
    /*アイコン（フォント）サイズ*/
    height: 50px;
    /*アイコン縦高さ*/
    line-height: 50px;
    /*縦位置中央化*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
    /*アイコン横幅*/
    transition: all 0.3s linear 0s;
    /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
  }

  #menu-cb {
    display: none;
    /*チェックボックス本体は消しておく*/
  }

  #menu-cb ~ #menu-icon img:last-child {
    display: none;
  }

  #menu-cb:checked ~ #menu-icon img:first-child {
    display: none;
  }

  #menu-cb:checked ~ #menu-icon img:last-child {
    display: block;
  }

  #menu-cb:checked ~ #ham-menu,
  #menu-cb:checked ~ #menu-icon {
    transform: translate(-280px);
    /*メニュー本体横幅 width と合わせる*/
  }

  #menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
    position: fixed;
  }

  .header_menu ul {
    margin: 0;
    padding: 0;
  }

  .header_menu ul.opac {
    border-bottom: 1px solid #fff;
  }

  .header_menu ul li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
  }

  .header_menu ul li a {
    width: 100%;
    display: block;
    padding: 8px 1em;
    color: #333;
  }

  .header_menu ul li.main a:hover {
    background: rgba(150, 150, 150, 0.9);
    text-decoration: none;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #header {
    /* Safari */

    position: sticky;

    top: 0;

    background-color: #fff;

    z-index: 5000;
  }

  .header_body {
    max-width: 980px;
    margin: 0 auto;
  }

  .header_logo {
    display: flex;
  }

  .header__logo-image {
    margin: 0;
    padding: 0;
    line-height: 0;
  }

  .header_menu {
  }

  .header_menu ul {
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 5px 0 0 0;
    font-size: 95%;
    font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
  }

  .header_menu ul li {
    margin: 0 10px;
    padding-top: 25px;
    padding-bottom: 15px;
    text-align: center;
    position: relative;
  }

  .header_menu ul li a {
    display: block;
    width: 100%;
    padding-right: 10px;
    border-right: 1px dotted #333;
  }

  .header_menu ul li:hover,
  .header_menu ul li.on {
    background: url(../img/flower.png) center top no-repeat;
  }
}

@media print, screen and (min-width: 981px) and (max-width: 1130px) {
  #header {
    padding: 0;
  }

  .header_body {
    max-width: 980px;
  }

  .header_menu ul {
    font-size: 70%;
  }
}

@media print, screen and (min-width: 741px) and (max-width: 980px) {
  #header {
  }

  .header_body {
  }

  .header_menu ul {
    font-size: 70%;
  }

  .header_menu ul li {
    margin: 0 6px;
  }

  .header_menu ul li a {
    padding-right: 6px;
  }
}

/*　メイン　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  .pc_contents {
    display: none;
  }

  .btn_pink {
    width: 100%;
    margin: 30px auto;
    text-align: center;
  }

  .btn_pink a {
    font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    padding: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #e67578;
    box-shadow: 6px 6px 0 #ffd5d6, 6px 8px 0 rgba(230, 117, 120, 0.2);
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
  }

  .btn_pink a:hover {
    background-color: #f09294;
    box-shadow: 6px 3px 0 #ffd5d6, 6px 6px 0px rgba(230, 117, 120, 0.2);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .btn_pink a:active {
    color: #fff;
    background-color: #ffb2b4;
    box-shadow: 0 0 0 #ffd5d6, 0 0 0px rgba(230, 117, 120, 0.2);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    transition-duration: 0.1s;
  }

  #main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ecf1fc;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  .sp_contents {
    display: none;
  }

  .btn_pink {
    width: 100%;
    margin: 70px auto;
    text-align: center;
  }

  .btn_pink a {
    font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    padding: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #e67578;
    box-shadow: 6px 6px 0 #ffd5d6, 6px 8px 0 rgba(230, 117, 120, 0.2);
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
  }

  .btn_pink a:hover {
    background-color: #f09294;
    box-shadow: 6px 3px 0 #ffd5d6, 6px 6px 0px rgba(230, 117, 120, 0.2);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .btn_pink a:active {
    color: #fff;
    background-color: #ffb2b4;
    box-shadow: 0 0 0 #ffd5d6, 0 0 0px rgba(230, 117, 120, 0.2);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    transition-duration: 0.1s;
  }

  #main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ecf1fc;
  }

  #chapter0 {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .main_image {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
  }
}

/* ページタイトル*/
.page-title {
  font-size: 100%;
  text-align: center;
  padding-block: 1em;
  margin-block: 0;
  color: #666;
}

.page-title > span {
  display: block;
  font-size: 163%;
  padding-top: 0.5em;
}

@media (min-width: 741px) {
  .page-title {
    font-size: 160%;
  }
}

/*　chapter00　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter00 {
    width: 100%;
    /*		background: url(../img_sp/main-bg.jpg) center top no-repeat; */
    background-size: cover;
    min-height: 150px;
    /*		padding: 20px 0 0px; */
  }

  #chapter00 .inner {
    max-width: 1200px;
    width: 100%;
    position: relative;
  }

  #chapter00 .inner .bnr01 {
    max-width: 840px;
    width: 90%;
    margin: 0 auto;
  }

  #chapter00 .maincopy {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
  }

  /*

	#chapter00 .inner .bnr01{
		max-width: 840px;
		width: 85%;
		margin: 0 auto;
		position: absolute;
		top: 170px;
		left: 0;
		right: 0;
	}
	#chapter00 .maincopy{
		max-width: 740px;
		width: 90%;
		margin: 0 auto;
		position: absolute;
		top: 65px;
		left: 0;
		right: 0;
	}
*/
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter00 {
    width: 100%;
    background: url(../img/main-bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 50px 0;
  }

  #chapter00 .inner {
    max-width: 1000px;
    width: 65%;
    margin-left: auto;
  }

  #chapter00 .inner .bnr01 {
    max-width: 840px;
    width: 94%;
    margin: 0 auto;
  }
}

/*　chapter01　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter01 {
    width: 100%;
    /* padding: 20px 0 0 0; */
    background: #fff;
    /* box-sizing: border-box; */
  }

  #chapter02-01 {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }

  .chapter01_body {
    width: 100%;
    /* padding: 0px 0 10px; */
    /*		background: url(../img_sp/chapter01_bk.png) center center no-repeat;*/
  }

  .chapter01_body h2 {
    letter-spacing: 1.5px;
    font-size: 160%;
    line-height: 1.4;
    width: 90%;
    margin: 15px auto;
  }

  .chapter01_body .chapter01_title {
    width: 98%;
    margin: 0 auto;
  }

  .chapter01_body .chapter01_title img {
    max-width: 930px;
  }

  .chapter01_body .bnr01 {
    width: 90%;
    margin: 0 auto;
  }

  .chapter01_body .bnr01 img {
    max-width: 820px;
  }

  .chapter01_body .oshirase {
    width: 100%;
    margin: 0 auto;
  }

  .chapter01_body .oshirase img {
    max-width: 600px;
  }

  .course {
    max-width: 100%;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .course .card {
    margin-bottom: 30px;
  }

  .course .card img {
    margin-bottom: 12px;
  }

  .course .card--2 img {
    padding-top: 10px;
  }

  .course .card--3 img {
    padding-top: 10px;
  }

  .course .card .btn {
    color: #fff;
    border-radius: 4px;
    display: block;
    transition: 0.3s;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.6;
    padding: 0.3em;
    font-size: 18px;
  }

  .course .card .btn:hover {
    filter: brightness(110%);
    transform: translateY(4px);
    text-decoration: none;
  }

  .course .card--1 .btn {
    background-color: rgb(232, 56, 137);
  }

  .course .card--2 .btn {
    background-color: rgb(35, 84, 161);
  }

  .course .card--3 .btn {
    background-color: rgb(13, 166, 138);
  }

  .chapter01_body .content01-text {
    width: 86%;
    margin: 0 auto 1em;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    line-height: 1.6;
  }

  .chapter01_body h2.content01-title {
    color: #95afdb;
    font-size: 210%;
    line-height: 1.6;
    font-weight: bold;
  }

  p.language-ja,
  p.language-en {
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }

  #chapter01 .canvas {
    background: url(../img/chapter01_canvas.jpg);
    padding: 20px 0px;
  }

  #chapter01 .canvas picture {
    display: block;
  }

  #chapter01 .canvas picture {
    /* margin-bottom: 15px; */
  }

  a.more-voice {
    display: block;
    text-align: center;
    color: #fff;
    background: var(--color-key);
    width: 10em;
    padding: 0.5em 0.5em;
    margin: 0 auto;
    font-size: 1rem;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter01 {
    width: 100%;
    /* padding: 20px 0 50px; */
    /* padding-top: 20px; */
    background: #fff;
  }

  .chapter01_body {
    width: 100%;
    text-align: center;
    /*		background: url(../img/chapter01_bk.png) center center no-repeat;*/
  }

  .chapter01_body .chapter01_title {
    width: 90%;
    margin: 0 auto;
  }

  .chapter01_body .chapter01_title img {
    max-width: 1200px;
    width: 100%;
  }

  .chapter01_body .bnr01 {
    width: 80%;
    margin: 0 auto;
  }

  .chapter01_body .bnr01 img {
    max-width: 820px;
  }

  .chapter01_body .oshirase {
    width: 100%;
    margin: 0 auto;
  }

  .chapter01_body .oshirase img {
    max-width: 980px;
  }

  .course {
    max-width: 940px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
  }

  .course .card {
    margin-bottom: 30px;
  }

  .course .card img {
    margin-bottom: 12px;
  }

  .course .card--2 img {
    padding-top: 10px;
  }

  .course .card--3 img {
    padding-top: 10px;
  }

  .course .card .btn {
    color: #fff;
    border-radius: 4px;
    display: block;
    transition: 0.3s;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.6;
    padding: 0.3em;
  }

  .course .card .btn:hover {
    filter: brightness(110%);
    transform: translateY(4px);
    text-decoration: none;
  }

  .course .card--1 .btn {
    background-color: rgb(232, 56, 137);
  }

  .course .card--2 .btn {
    background-color: rgb(35, 84, 161);
  }

  .course .card--3 .btn {
    background-color: rgb(13, 166, 138);
  }

  .chapter01_body h2.content01-title {
    color: #95afdb;
    font-size: 250%;
    line-height: 1.7;
    font-weight: bold;
  }

  p.language-ja,
  p.language-en {
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
  }

  #chapter01 .canvas {
    background: url(../img/chapter01_canvas.jpg) center / contain;
    padding: 25px 0;
  }

  #chapter01 .canvas .row {
    max-width: 1000px;
    margin: 0 auto;
    /* background-color: #fff; */
  }

  #chapter01 .canvas picture {
    display: block;
    /* margin-bottom: 25px; */
  }

  #chapter01 .canvas picture:not(:last-child) {
    margin-bottom: 25px;
  }

  #chapter01 .canvas img {
    max-width: 1000px;
    display: block;
    margin: 0 auto;
  }

  .chapter01_body .content01-text {
    padding-top: 25px;
    /* padding-bottom: 25px; */
    margin: 0 auto;
    line-height: 1.6;
  }

  a.more-voice {
    display: block;
    text-align: center;
    color: #fff;
    background: #95afdb;
    width: 10em;
    padding: 0.5em 0.5em;
    margin: 0 auto;
    font-size: 1rem;
  }
}

/*　chapter02　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter02 {
    width: 100%;
    padding: 15px 0 0;
    background: #ecf1fc;
  }

  .chapter02_body {
    max-width: 980px;
    width: 92%;
    margin: 0px auto;
    background: #fff;
    padding: 5px 3%;
    position: relative;
  }

  .chapter02_body .chapter02_title {
    text-align: center;
    margin-bottom: 10px;
  }

  .chapter02_body .chapter02_title img {
    max-width: 930px;
  }

  .chapter02_body p {
    max-width: 780px;
    font-size: 110%;
    font-weight: bold;
    margin: 15px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
  }

  .chapter02_body p span {
    vertical-align: top;
  }

  .chapter02_body p span.check {
    width: 8%;
    line-height: 1.2;
  }

  .chapter02_body p span.check img {
    max-width: 25px;
  }

  .chapter02_body p span.text {
    width: 90%;
    flex-wrap: wrap;
    font-size: 90%;
  }

  .chapter02_p01 {
    max-width: 200px;
    margin: 10px auto;
  }

  .chapter02_p02 {
    display: none;
  }

  .chapter02_p03 {
    display: none;
  }

  .chapter02_p04 {
    max-width: 200px;
    margin: 10px auto;
  }

  #chapter02-01 .chapter01_body h2 {
    max-width: 930px;
    width: 100%;
    margin: 25px auto;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter02 {
    width: 100%;
    padding: 50px 0;
    background: url(../img/pink_bk.png) center center repeat-y;
  }

  .chapter02_body {
    max-width: 980px;
    width: 92%;
    margin: 50px auto;
    background: #fff;
    padding: 50px 4%;
    position: relative;
  }

  .chapter02_body .chapter02_title {
    text-align: center;
    margin-bottom: 20px;
  }

  .chapter02_body .chapter02_title img {
    max-width: 930px;
  }

  .chapter02_body p {
    max-width: 780px;
    font-size: 100%;
    font-weight: bold;
    margin: 15px auto 0 auto;
  }

  .chapter02_body p span {
    display: inline-block;
    vertical-align: top;
  }

  .chapter02_body p span.check {
    width: 40px;
  }

  .chapter02_p01 {
    max-width: 300px;
    width: 30%;
    position: absolute;
    top: 30px;
    left: -160px;
    z-index: 100;
  }

  .chapter02_p02 {
    max-width: 260px;
    width: 26%;
    position: absolute;
    bottom: -80px;
    right: -160px;
    z-index: 100;
  }

  .chapter02_p03 {
    max-width: 230px;
    width: 23%;
    position: absolute;
    top: -20px;
    left: -100px;
    z-index: 100;
  }

  .chapter02_p04 {
    max-width: 340px;
    width: 34%;
    position: absolute;
    bottom: -50px;
    right: -100px;
    z-index: 100;
  }

  #chapter02-01 .chapter01_body h2 {
    max-width: 930px;
    width: 100%;
    margin: 20px auto;
  }
}

/*　chapter03　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter03 {
    width: 100%;
    padding: 0;
    background: url(../img/pink_bk.png) center center repeat-y;
  }

  #chapter03 .chapter03_title {
    max-width: 740px;
    width: 96%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
  }

  .chapter03_body {
    max-width: 980px;
    width: 92%;
    margin: 15px auto;
    background: #fff;
    padding: 15px 3%;
    position: relative;
  }

  .chapter03_body .left {
    text-align: center;
    margin-top: 10px;
  }

  .chapter03_body .left img {
    max-width: 70px;
  }

  .chapter03_body .right {
  }

  .chapter03_body .right h3 {
    font-size: 150%;
    line-height: 160%;
    letter-spacing: 2px;
    margin-top: 0;
    padding-top: 0;
    text-align: center;
  }

  .chapter03_body .right h3 span.marker {
    background: linear-gradient(transparent 50%, #f9ea77 40%);
  }

  .chapter03_body .right p {
    font-size: 100%;
    line-height: 160%;
  }

  .chapter03_body .chapter03-hosyo-title {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
  }

  .chapter03_body.hosyo-box {
    text-align: center;
    font-size: 100%;
  }

  .chapter03_body.hosyo-box .big-text {
    font-size: 120%;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 190%;
    margin: 0;
  }

  .chapter03_body.hosyo-box .big-text .big {
    font-size: 170%;
  }

  .chapter03_body.hosyo-box .chapter03-text {
    line-height: 1.6;
  }

  .chapter03_body.hosyo-box .chapter03-text .bold {
    font-weight: bold;
  }

  .chapter03_body.bg-none {
    background: none;
    padding-top: 0;
  }

  .chapter03-hosyo-title.img-title {
    max-width: 740px;
    width: 96%;
    margin: 0 auto;
  }

  .column-layout03-title.headline-font-type {
    color: #95afdb;
    margin: 25px auto 15px;
    letter-spacing: 1.5px;
    font-size: 140%;
    font-weight: bold;
    width: 90%;
  }

  .column-layout03-title.headline-font-type2 {
    color: #95afdb;
    margin: 25px auto 0;
    padding-bottom: 25px;
    letter-spacing: 1.5px;
    font-size: 160%;
    font-weight: bold;
    width: 90%;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter03 {
    width: 100%;
    padding: 50px 0;
    background: url(../img/pink_bk.png) center center repeat-y;
  }

  #chapter03 .chapter03_title {
    text-align: center;
    margin-bottom: 50px;
  }

  #chapter03 .chapter03_title img {
    max-width: 1260px;
  }

  .chapter03_body {
    max-width: 980px;
    width: 92%;
    margin: 50px auto;
    background: #fff;
    padding: 50px 4%;
    position: relative;
  }

  .chapter03_body.bg-none {
    background: none;
    padding-top: 0;
  }

  .chapter03_body .left {
    width: 16%;
    float: left;
    text-align: center;
    margin-top: 10px;
  }

  .chapter03_body .left img {
    max-width: 140px;
  }

  .chapter03_body .right {
    width: 80%;
    float: right;
  }

  .chapter03_body .right h3 {
    font-size: 160%;
    line-height: 160%;
    letter-spacing: 2px;
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
  }

  .chapter03_body .right h3 span.marker {
    background: linear-gradient(transparent 50%, #f9ea77 40%);
  }

  .chapter03_body .right p {
    font-size: 130%;
    line-height: 160%;
  }

  .chapter03_body .chapter03-hosyo-title {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
  }

  .chapter03_body.hosyo-box {
    text-align: center;
    font-size: 120%;
  }

  .chapter03_body.hosyo-box .big-text {
    font-size: 130%;
    letter-spacing: 1px;
    font-weight: bold;
  }

  .chapter03_body.hosyo-box .big-text .big {
    font-size: 180%;
  }

  .chapter03_body.hosyo-box .chapter03-text {
    line-height: 1.6;
  }

  .chapter03_body.hosyo-box .chapter03-text .bold {
    font-weight: bold;
  }

  .chapter03-hosyo-title.img-title {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
  }

  .column-layout03-title.headline-font-type2 {
    color: #95afdb;
    margin: 50px auto 0px;
    padding-bottom: 50px;
    letter-spacing: 1.5px;
    font-size: 180%;
    font-weight: bold;
    width: 90%;
  }
}

/*　chapter04　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter04 {
    width: 100%;
    padding: 15px 0;
    background: #fff;
  }

  #chapter04 .chapter04_title {
    text-align: center;
    margin-bottom: 10px;
  }

  #chapter04 .chapter04_title h2 {
    width: 80%;
    margin: 0 auto;
  }

  #chapter04 .chapter04_title img {
    max-width: 780px;
    margin: 0 auto;
  }

  .chapter04_body,
  .chapter04_body02 {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

  .chapter04_body.hikaku h2 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 160%;
  }

  .chapter04_body h3 {
    margin: 0;
    padding: 0;
    line-height: 0;
  }

  #chapter04_tab_header {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 15px 10px 0;
  }

  #chapter04_tab_header .tab {
    transition: 0.5s;
  }

  #chapter04_tab_header .tab:first-child {
    margin-right: 10px;
  }

  #chapter04_tab_header .tab:not(.active) {
    filter: grayscale(100%);
    transform: translateY(20%);
  }

  .chapter04_wrap {
    /* width: 98%; */
    margin: 0 auto;
  }

  .chapter04_wrap > p:first-child {
    font-weight: bold;
  }

  .chapter04_wrap .left {
    text-align: center;
  }

  .chapter04_wrap .left img {
    max-width: 340px;
  }

  .chapter04_wrap .center {
    width: 35px;
    margin: 0 auto;
  }

  .chapter04_wrap .right {
    margin-top: -10px;
  }

  .chapter04_course {
  }

  .chapter04_course_text {
    width: 98%;
    margin: 0 auto;
    text-align: center;
  }

  .chapter04_course_text img {
    max-width: 561px;
    width: 80%;
    margin: 0 auto;
  }

  .chapter04_course_text p {
    margin: 0;
  }

  .chapter04_course_text p.option {
    font-size: 90%;
  }

  .chapter04_course_btn {
    /* text-align: center; */
    /* background: #88dfce; */
    /* color: #fff; */
    /* text-align: center; */
    /* box-sizing: border-box; */
    /* padding: 3px 5px; */
    /* font-size: 95%; */
    margin: 0 auto;
    width: 64%;
  }

  .chapter04_course_btn img {
    max-width: 220px;
    width: 80%;
    margin: 0 auto;
  }

  .chapter04_wrap02 {
    width: 94%;
    margin: 0 auto;
    padding: 0 1%;
    background: #fff;
    display: table;
  }

  .chapter04_wrap02 .left {
    text-align: center;
    lint-height: 0;
  }

  .chapter04_wrap02 .left img {
    max-width: 200px;
  }

  .chapter04_wrap02 .right {
    margin-top: 10px;
  }

  .chapter04_wrap02 .right p {
    font-size: 120%;
    line-height: 160%;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 0;
  }

  .chapter04_wrap02 .right p span.normal {
    font-weight: normal;
  }

  .chapter04_wrap03 {
    width: 94%;
    margin: 0 auto;
    padding: 5px 1%;
    background: #fff;
    display: table;
  }

  .chapter04_wrap03 .left {
    text-align: center;
  }

  .chapter04_wrap03 .left img {
    max-width: 340px;
  }

  .chapter04_wrap03 .center {
    width: 35px;
    margin: 5px auto;
  }

  .chapter04_wrap03 .right {
    margin-top: 10px;
  }

  .chapter04_check {
    margin: 15px auto;
    padding: 0 0 15px 0;
    text-align: center;
    border: 2px solid #88dfce;
    width: 90%;
  }

  .chapter04_check h3 {
    padding: 25px 0;
    background: #88dfce;
    color: #fff;
    font-size: 140%;
  }

  .chapter04_check p.left {
    text-align: left;
    margin: 15px 1em;
  }

  .chapter04_check_wrap {
    width: 90%;
    margin: 15px auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .chapter04_check_wrap .chapter04_check_icon {
    width: 30%;
    margin: 0 1%;
    text-align: center;
  }

  .chapter04_check_wrap .chapter04_check_icon img {
    max-width: 200px;
  }

  .chapter04_check_wrap p {
    font-size: 90%;
    margin-top: 0;
  }

  .chapter04_body span.tab_blue {
    background: #4a488e;
    margin-right: 5px;
  }

  .chapter04_body span.tab_red {
    background: #da195b;
    margin-right: 5px;
  }

  .chapter04_table {
    display: table;
    width: 90%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-collapse: collapse;
  }

  .chapter04_table_tr {
    display: table-row;
  }

  .chapter04_table_th {
    display: table-cell;
    text-align: center;
    font-weight: bold;
    padding: 5px 2px;
    border: 1px solid #ccc;
    vertical-align: middle;
    font-size: 95%;
    background-color: #fff1cf;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    line-height: 1.3;
  }

  .chapter04_table_th.dummy {
    padding: 10px 5px;
    background-color: #fff;
  }

  .chapter04_table_th.standard {
    background-color: #64c6e8;
    color: #fff;
    padding: 10px 2px;
  }

  .chapter04_table_th.economy {
    background-color: #95afdb;
    color: #fff;
    padding: 10px 2px;
  }

  .chapter04_table_td {
    display: table-cell;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #ccc;
    font-size: 180%;
    vertical-align: middle;
  }

  .chapter04_table_td small {
    font-size: 40%;
    line-height: 1.3;
    display: block;
  }

  .chapter04_table_td span.table_mark {
    font-weight: bold;
    color: #e95295;
  }

  .chapter04_body.hikaku .bold {
    width: 90%;
    margin: 10px auto;
  }

  .chapter04_body h2 {
    font-size: 210%;
    text-align: center;
    color: #95afdb;
    line-height: 1.6;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter04_body .center-gray {
    text-align: center;
    color: #666666;
    margin-top: 0;
  }

  .chapter04-01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 94%;
    margin: 15px auto;
  }

  .chapter04-01-btn {
    /* width: 48%; */
  }

  .chapter04_body .caption {
    font-size: 100%;
    text-align: center;
    margin: 8px 0;
  }

  .chapter04_body .center {
    text-align: center;
  }

  .chapter04_body .center a {
    color: #6582ff;
    text-decoration: underline;
    font-weight: bold;
  }

  #chapter04 .diagnosis {
    margin: 0 -3%;
  }

  #chapter04 .diagnosis picture {
  }

  #chapter04 .diagnosis img {
  }

  #chapter04_course01 {
    background: #edf4ff;
    box-sizing: border-box;
    padding: 20px 0;
    margin: 0;
  }

  #chapter04_course01 p {
    width: 90%;
    margin: 0 auto;
  }

  #chapter04_course01 h3 {
    max-width: 740px;
    width: 100%;
    margin: 0 auto 15px;
  }

  #chapter04_course01 .lead {
    text-align: center;
  }

  .chapter04_course_body {
    width: 90%;
    margin: 20px auto 10px;
  }

  .chapter04_course_body .chapter04_title01_01 {
    background: #95afdb;
    color: #fff;
    font-size: 120%;
    text-align: center;
    line-height: 1.6;
  }

  .chapter04_course_body .chapter04_title01_01 h4 {
    font-size: 110%;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    margin: 0;
    padding: 4px 0;
    font-feature-settings: "palt";
  }

  .chapter04_course_body .chapter04_wrap {
    background: #fff;
    padding: 10px;
    padding-bottom: 15px;
    text-align: center;
    box-sizing: border-box;
    /* font-weight: bold; */
  }

  .chapter04_course_body .chapter04_wrap p {
    margin: 8px 0 !important;
    color: #666666;
    font-size: 80%;
    line-height: 1.3;
    width: 100% !important;
  }

  .chapter04_course_body .chapter04_wrap .price_before {
    color: #95afdb;
    text-decoration: underline;
    font-size: 4.3vw;
  }

  .chapter04_course_body .chapter04_wrap .price {
    color: #95afdb;
    font-size: 4.3vw;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 2px solid #95afdb;
  }

  .chapter04_course_body .tri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 0 15px;
    border-color: #95afdb transparent transparent transparent;
    margin: 10px auto;
  }

  .chapter04_course_btn a {
    /* font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
    display: block;
    background: #22b584;
    box-shadow: 2px 2px 4px #649188;
    border-radius: 8px;
    font-size: 100%;
    padding: 0.5em 0;
    color: #fff;
    font-weight: normal;
    text-align: center;
    transition: all 0.7s ease;
    text-decoration: none;
  }

  .chapter04_course_btn a:hover {
    opacity: 0.75;
  }

  #chapter04_course02 {
    background: #edf4ff;
    box-sizing: border-box;
    padding: 20px 0;
    margin: 0;
  }

  #chapter04_course02 p {
    width: 90%;
    margin: 0 auto;
  }

  #chapter04_course02 h3 {
    max-width: 740px;
    width: 100%;
    margin: 0 auto 15px;
  }

  #chapter04_course02 .lead {
    text-align: center;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_title01_01 {
    background: #64c6e8;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_wrap .price {
    color: #64c6e8;
    border-bottom-color: #64c6e8;
  }

  .chapter04_course_body .chapter04_wrap .price {
    color: #95afdb;
    /* font-size: 200%; */
    /* text-decoration: underline; */
    font-size: 1.6em;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(94%, transparent), color-stop(94%, #95afdb)) repeat scroll 0 0; */
    /* background: linear-gradient(transparent 94%, #95afdb 94%) repeat scroll 0 0px; */
    line-height: 2;
    display: inline;
    padding-bottom: 5px;
  }

  .chapter04_course_body .chapter04_wrap .price02 .tokka {
    background: #64c6e8;
    color: #fff;
    box-sizing: border-box;
    padding: 7px 10px;
    font-size: 70%;
    /* margin-right: 2%; */
    /* margin-top: 4%; */
    vertical-align: 5px;
    display: block;
    width: fit-content;
    margin: 2% auto 3%;
    line-height: 1.6;
    font-weight: normal;
  }

  .chapter04_course_body .chapter04_wrap .price02 .sp-price {
    color: #64c6e8;
    font-size: 1.8em;
    line-height: 1;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_wrap .price02 {
    color: #64c6e8;
    font-size: 1.3em;
    font-weight: bold;
  }

  .chapter04_course_body .chapter04_wrap .price03 .tokka {
    background: #95afdb;
    color: #fff;
    box-sizing: border-box;
    padding: 7px 10px;
    font-size: 60%;
    margin-right: 2%;
    vertical-align: 5px;
    display: block;
    width: fit-content;
    margin: 2% auto 3%;
    line-height: 1.6;
    font-weight: normal;
  }

  .chapter04_course_body .chapter04_wrap .price03 .sp-price {
    color: #95afdb;
    font-size: 1.8em;
    line-height: 1;
  }

  .chapter04_course_body .chapter04_wrap .price03 {
    color: #95afdb;
    font-size: 1.3em;
    font-weight: bold;
  }

  .chapter04_course_body .chapter04_wrap .price_before {
    color: #95afdb;
    text-decoration: none;
    font-size: 1.3em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(94%, transparent), color-stop(94%, #95afdb)) repeat scroll 0 0;
    background: linear-gradient(transparent 94%, #95afdb 94%) repeat scroll 0 0px;
    line-height: 2;
    display: inline;
    padding-bottom: 5px;
  }

  #chapter04_course02 .chapter04_course_body .tri {
    border-top-color: #64c6e8;
  }

  .chapter04_table_td .kome {
    font-size: 60%;
  }

  .caution {
    width: 740;
    margin: auto;
  }

  #app {
    /* display: none; */
  }

  .item-list {
    margin: 0 auto;
    border-collapse: collapse;
    width: calc(100% - 20px);
  }

  .item-list thead tr {
    border-bottom: 1px solid #000;
  }

  .item-list thead th {
    padding-bottom: 10px;
    white-space: nowrap;
  }

  .item-list thead th span {
    color: #fff;
    background-color: rgb(161, 144, 64);
    font-weight: normal;
    padding: 0.3em 0.6em;
  }

  .item-list tbody tr {
    border-bottom: 1px dashed #000;
  }

  .item-list tbody td {
    padding: 10px 0;
  }

  .item-list tbody td:nth-child(3) {
    white-space: nowrap;
  }

  .item-list tbody td:nth-child(4) {
    text-align: center;
  }

  .item-list .title {
    color: rgb(161, 144, 64);
    font-weight: bold;
    font-size: 100%;
    line-height: 1.5;
  }

  .item-list .price {
    font-size: 90%;
  }

  .item-list .price span {
    font-size: 120%;
  }

  .item-list .opt {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .item-list .opt label {
    display: flex;
    align-items: center;
    /* justify-content: center; */
  }

  .item-list .opt input {
    margin-right: 0.5em;
  }

  .item-list .num {
    padding: 0.5em;
    display: inline-block;
    vertical-align: middle;
    /* margin-bottom: 5px; */
    font-size: 16px;
  }

  .btn-cart {
    display: block;
    margin: 20px auto 0;
    outline: none;
    width: 226px;
  }

  .btn-cart + p {
    text-align: left;
    font-size: 90%;
    line-height: 1.8;
  }

  .apply {
    margin: 1em auto 2em;
  }

  .apply a {
    background: #ff7f50;
    margin: 0 auto;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    background-image: linear-gradient(to bottom, #ff7f50, #ff7f50 50%, #ff7f50);
    color: #fff;
    /* text-shadow: 2px 2px 2px rgba(0,0,0,.67); */
    font-size: 1.4em;
    font-size: 1.2em;
    -webkit-appearance: none;
    border: 2px solid #ff7f50;
    border-radius: 8px;
    display: inline-block;
    outline: 0;
    padding: 0.4em 0.8em;
    max-width: 100%;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.27);
    transition: all 0.3s;
  }

  .apply a:hover {
    transform: translateY(4px);
    text-decoration: none;
    filter: brightness(110%);
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter04 {
    width: 100%;
    padding: 50px 0;
    background: #fff;
  }

  #chapter04 .chapter04_title {
    text-align: center;
    margin: 0 auto 10px;
    max-width: 940px;
    /* width: 90%; */
  }

  #chapter04 .chapter04_title img {
    max-width: 1200px;
  }

  .chapter04_title03 {
    max-width: 1000px;
    margin: 0 auto;
  }

  .chapter04_body,
  .chapter04_body02 {
    max-width: 1100px;
    width: 92%;
    margin: 0 auto;
    padding: 25px 0 0 0;
    position: relative;
    /* overflow: hidden; */
  }

  .chapter04_body h3 {
    margin: 0;
    padding: 0;
    line-height: 0;
  }

  #chapter04_tab_header {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 50px 10px 0;
  }

  #chapter04_tab_header .tab {
    transition: 0.5s;
  }

  #chapter04_tab_header .tab:first-child {
    margin-right: 20px;
  }

  #chapter04_tab_header .tab:not(.active) {
    filter: grayscale(100%);
    transform: translateY(20%);
  }

  .chapter04_body #chapter04_course01 h4 img {
    max-width: 440px;
  }

  .chapter04_body #chapter04_course02 h4 img {
    max-width: 660px;
  }

  .chapter04_body p {
    font-size: 100%;
    margin-top: 0;
    text-align: center;
  }

  .chapter04_wrap {
  }

  .chapter04_wrap > p:first-child {
    font-weight: bold;
  }

  .chapter04_wrap .left {
    display: table-cell;
    text-align: center;
    width: 49%;
    vertical-align: middle;
  }

  .chapter04_wrap .left img {
    max-width: 500px;
  }

  .chapter04_wrap .center {
    display: table-cell;
    text-align: center;
    width: 5%;
    vertical-align: middle;
  }

  .chapter04_wrap .center img {
    max-width: 80px;
  }

  .chapter04_wrap .right {
    display: table-cell;
    width: 46%;
    vertical-align: top;
  }

  .chapter04_course {
    margin-top: 8%;
  }

  .chapter04_course_text {
    width: 100%;
  }

  .chapter04_course_text img {
    max-width: 561px;
  }

  .chapter04_course_text p {
    margin: 0 0 0 15px;
    padding: 0;
    position: relative;
    top: -10px;
  }

  .chapter04_course_text p.option {
    top: 0;
    font-size: 120%;
  }

  .chapter04_course_btn {
    margin: 0 auto;
    width: 64%;
    font-weight: normal;
  }

  .chapter04_course_btn img {
    max-width: 280px;
  }

  .chapter04_wrap02 {
    width: 98%;
    padding: 25px 1%;
    background: #fff;
    display: table;
  }

  .chapter04_wrap02 .left {
    display: table-cell;
    text-align: center;
    width: 32%;
  }

  .chapter04_wrap02 .left img {
    max-width: 340px;
  }

  .chapter04_wrap02 .right {
    display: table-cell;
    width: 66%;
    vertical-align: top;
  }

  .chapter04_wrap02 .right p span.normal {
    font-weight: normal;
  }

  .chapter04_wrap02 .right p {
    font-size: 120%;
    line-height: 160%;
    font-weight: bold;
  }

  .chapter04_wrap03 {
    width: 98%;
    padding: 25px 1%;
    background: #fff;
    display: table;
  }

  .chapter04_wrap03 .left {
    display: table-cell;
    text-align: center;
    width: 32%;
  }

  .chapter04_wrap03 .left img {
    max-width: 340px;
  }

  .chapter04_wrap03 .center {
    display: table-cell;
    text-align: center;
    width: 8%;
    vertical-align: middle;
  }

  .chapter04_wrap03 .center img {
    max-width: 80px;
  }

  .chapter04_wrap03 .right {
    display: table-cell;
    width: 60%;
    vertical-align: top;
  }

  .chapter04_check {
    margin: 25px auto;
    padding: 0 0 25px 0;
    text-align: center;
    border: 2px solid #88dfce;
  }

  .chapter04_check h3 {
    padding: 35px 0;
    background: #88dfce;
    color: #fff;
    font-size: 160%;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter04_check_wrap {
    width: 90%;
    margin: 0 auto;
    padding: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .chapter04_check_wrap .chapter04_check_icon {
    width: 18%;
    margin: 0 1%;
    text-align: center;
  }

  .chapter04_check_wrap .chapter04_check_icon img {
    max-width: 200px;
  }

  .chapter04_check p.left {
    /* text-align: left; */
    padding: 0 25px;
  }

  .chapter04_body span.tab_blue {
    background: #4a488e;
    margin-right: 5px;
  }

  .chapter04_body span.tab_red {
    background: #da195b;
    margin-right: 5px;
  }

  .chapter04_table {
    display: table;
    width: 100%;
    min-width: 300px;
    border: 1px solid #ccc;
    border-collapse: collapse;
  }

  .chapter04_table_tr {
    display: table-row;
  }

  .chapter04_table_th {
    display: table-cell;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    border: 1px solid #ccc;
    vertical-align: middle;
    font-size: 100%;
    background-color: #fff1cf;
  }

  .chapter04_table_th.dummy {
    padding: 10px 5px;
    background-color: #fff;
  }

  .chapter04_table_th.standard {
    background-color: #64c6e8;
    color: #fff;
    padding: 10px 5px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter04_table_th.economy {
    background-color: #95afdb;
    color: #fff;
    padding: 10px 5px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter04_table_td {
    display: table-cell;
    text-align: center;
    padding: 15px 20px 10px 20px;
    border: 1px solid #ccc;
    font-size: 180%;
    vertical-align: middle;
  }

  .chapter04_table_td small {
    font-size: 55%;
    display: block;
    line-height: 1.5;
  }

  .chapter04_table_td span.table_mark {
    font-weight: bold;
    color: #e95295;
  }

  .chapter04_body h2 {
    font-size: 250%;
    text-align: center;
    color: #95afdb;
    line-height: 1.6;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    margin-bottom: 0;
  }

  .chapter04_body .center-gray {
    text-align: center;
    color: #666666;
    margin-top: 0;
  }

  .chapter04-01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 740px;
    /* width: 94%; */
    margin: 40px auto 0;
    /* display: none; */
  }

  .chapter04-01-btn {
    width: 100%;
  }

  .chapter04_body .caption {
    font-size: 100%;
    text-align: center;
    margin: 8px 0;
  }

  .chapter04_body .center {
    text-align: center;
  }

  .chapter04_body .center a {
    color: #6582ff;
    text-decoration: underline;
    font-weight: bold;
  }

  p.chapter04-01-note {
    font-size: 97%;
    width: 100%;
  }

  #chapter04 .diagnosis {
    margin: 0 calc((740px - 100vw) / 2) 35px;
    width: 100vw;
    background: url(../img/diagnosis_bg.jpg);
    padding: 10px 0;
  }

  #chapter04 .diagnosis picture {
  }

  #chapter04 .diagnosis img {
    max-width: 732px;
  }

  #chapter04 .diagnosis-note {
    line-height: 1.8;
    font-size: 84%;
  }

  #chapter04_course01 {
    background: #edf4ff;
    box-sizing: border-box;
    padding: 40px 50px;
    margin: 0 0 70px;
    z-index: 1;
  }

  #chapter04_course01 h3 {
    max-width: 740px;
    width: 100%;
    margin: 0 auto -60px;
    position: relative;
    top: -70px;
  }

  #chapter04_course01 .lead {
    text-align: center;
  }

  .chapter04_course_body {
    width: 80%;
    margin: 20px auto 10px;
  }

  .chapter04_course_body .chapter04_title01_01 {
    background: #95afdb;
    color: #fff;
    font-size: 160%;
    text-align: center;
    line-height: 1.6;
  }

  .chapter04_course_body .chapter04_title01_01 h4 {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    margin: 0;
    padding: 4px 0;
    font-feature-settings: "palt";
  }

  .chapter04_course_body .chapter04_wrap {
    text-align: center;
    box-sizing: border-box;
    background: #fff;
    padding: 15px;
    padding-bottom: 25px;
    /* font-weight: bold; */
  }

  .chapter04_course_body .chapter04_wrap p {
    margin: 8px 0;
    color: #666666;
    line-height: 1.3;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_wrap .price {
    color: #64c6e8;
    border-bottom-color: #64c6e8;
  }

  .chapter04_course_body .chapter04_wrap .price {
    color: #95afdb;
    /* font-size: 200%; */
    /* text-decoration: underline; */
    font-size: 1.6em;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(94%, transparent), color-stop(94%, #64c6e8)) repeat scroll 0 0; */
    /* background: linear-gradient(transparent 94%, #64c6e8 94%) repeat scroll 0 0px; */
    line-height: 2;
    display: inline;
    padding-bottom: 5px;
    color: #95afdb;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 2px solid #95afdb;
  }

  .chapter04_course_body .chapter04_wrap .price02 .tokka {
    background: #64c6e8;
    color: #fff;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 70%;
    /* margin-right: 2%; */
    vertical-align: 3px;
    display: block;
    width: fit-content;
    margin: 2% auto 3%;
    line-height: 1.6;
    font-weight: normal;
  }

  .chapter04_course_body .chapter04_wrap .price02 .sp-price {
    color: #64c6e8;
    font-size: 1.8em;
    line-height: 1;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_wrap .price02 {
    color: #64c6e8;
    font-size: 1.3em;
    font-weight: bold;
  }

  .chapter04_course_body .chapter04_wrap .price03 .tokka {
    background: #95afdb;
    color: #fff;
    box-sizing: border-box;
    padding: 7px 10px;
    font-size: 70%;
    /* margin-right: 2%; */
    vertical-align: 3px;
    display: block;
    width: fit-content;
    margin: 2% auto 3%;
    line-height: 1.6;
    font-weight: normal;
  }

  .chapter04_course_body .chapter04_wrap .price03 .sp-price {
    color: #95afdb;
    font-size: 1.8em;
    line-height: 1;
  }

  .chapter04_course_body .chapter04_wrap .price03 {
    color: #95afdb;
    font-size: 1.3em;
    font-weight: bold;
  }

  .chapter04_course_body .chapter04_wrap .price_before {
    color: #95afdb;
    text-decoration: none;
    font-size: 1.3em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(94%, transparent), color-stop(94%, #95afdb)) repeat scroll 0 0;
    background: linear-gradient(transparent 94%, #95afdb 94%) repeat scroll 0 0px;
    line-height: 2;
    display: inline;
    padding-bottom: 5px;
  }

  .chapter04_course_body .tri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 25px 0 25px;
    border-color: #95afdb transparent transparent transparent;
    margin: 15px auto;
  }

  .chapter04_course_btn a {
    /* font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
    display: block;
    background: #22b584;
    box-shadow: 2px 2px 4px #649188;
    border-radius: 11px;
    color: #fff;
    /* font-weight: bold; */
    font-size: 110%;
    text-align: center;
    padding: 0.5em 0;
    transition: all 0.7s ease;
    text-decoration: none;
  }

  .chapter04_course_btn a:hover {
    opacity: 0.75;
  }

  #chapter04_course02 {
    background: #edf4ff;
    box-sizing: border-box;
    padding: 40px 50px;
    margin-bottom: 70px;
  }

  #chapter04_course02 h3 {
    max-width: 740px;
    width: 100%;
    margin: 0 auto -60px;
    position: relative;
    top: -70px;
  }

  #chapter04_course02 .lead {
    text-align: center;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_title01_01 {
    background: #64c6e8;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_wrap .price {
    /* color: #64c6e8; */
    /* line-height: 1.6; */
  }

  #chapter04_course02 .chapter04_course_body .tri {
    border-top-color: #64c6e8;
  }

  #chapter04_course02 .chapter04_course_body .chapter04_wrap .price .tokka {
    background: #64c6e8;
  }

  .caution {
    width: 370px;
    margin: auto;
  }

  #app {
    /* display: none; */
  }

  .item-list {
    margin: 0 auto;
    border-collapse: collapse;
    width: 100%;
    font-size: 92%;
    line-height: 1.6;
  }

  .item-list thead tr {
    border-bottom: 1px solid #000;
  }

  .item-list thead th {
    padding-bottom: 10px;
    white-space: nowrap;
  }

  .item-list thead th span {
    color: #fff;
    background-color: rgb(161, 144, 64);
    font-weight: normal;
    padding: 0.3em 0.6em;
  }

  .item-list tbody tr {
    border-bottom: 1px dashed #000;
  }

  .item-list tbody td {
    padding: 10px 0;
  }

  .item-list tbody td:nth-child(1) {
    width: 260px;
    /* width: fit-content; */
  }

  .item-list tbody td:nth-child(2) {
    width: 190px;
    width: fit-content;
  }

  .item-list tbody td:nth-child(3) {
    width: 130px;
    /* width: fit-content; */
  }

  .item-list tbody td:nth-child(4) {
    width: 140px;
    text-align: center;
  }

  .item-list .title {
    color: rgb(161, 144, 64);
    font-weight: bold;
    line-height: 1.5;
  }

  .item-list .price {
  }

  .item-list .price span {
    font-size: 120%;
  }

  .item-list .opt {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .item-list .opt label {
    display: flex;
    align-items: center;
  }

  .item-list .opt input {
    margin-right: 0.5em;
  }

  .item-list .num {
    padding: 0.3em;
    /* margin-right: 10px; */
    display: inline-block;
    vertical-align: middle;
    display: block;
    margin: auto;
  }

  .btn-cart {
    display: block;
    margin: 20px auto;
    outline: none;
    transition: 0.5s;
    width: 226px;
  }

  .btn-cart:hover {
    cursor: pointer;
    transform: translateY(4px);
  }

  .btn-cart + p {
    text-align: left;
    font-size: 90%;
    line-height: 1.8;
  }

  .apply {
    margin: 1em auto 0;
  }

  .apply a {
    background: #ff7f50;
    margin: 0 auto;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    background-image: linear-gradient(to bottom, #ff7f50, #ff7f50 50%, #ff7f50);
    color: #fff;
    /* text-shadow: 2px 2px 2px rgba(0,0,0,.67); */
    font-size: 1.5em;
    -webkit-appearance: none;
    border: 2px solid #ff7f50;
    border-radius: 8px;
    display: inline-block;
    outline: 0;
    padding: 0.4em 2em;
    max-width: 100%;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.27);
    transition: all 0.3s;
  }

  .apply a:hover {
    transform: translateY(4px);
    text-decoration: none;
    filter: brightness(110%);
  }
}

/*
.chapter04_tab input[type="radio"] {
	display: none;
}

.chapter04_tab label {
	display: inline-block;
	padding: 5px 0;
	font-weight: bold;
	font-size: 13px;
	background-color: #ccc;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
}

.chapter04_tab label.tab1{
	width: 40%;
	box-sizing: border-box;
}

.chapter04_tab label.tab2{
	width: 60%;
	box-sizing: border-box;
}

.chapter04_tab input#tab1[type="radio"]:checked + label {
	color: #FFF;
	background-color: #4a488e;
}

.chapter04_tab input#tab2[type="radio"]:checked + label {
	color: #FFF;
	background-color: #da195b;
}

.chapter04_tab .chapter04_tab_box{
	padding: 10px;
	border: 2px solid #ccc;
	border-radius: 0 5px 5px 5px;
	box-sizing: border-box;
}

.chapter04_tab > .chapter04_tab_box > div.chapter04_course_wrap{
  display: none;
}

#tab1:checked ~ .chapter04_tab_box > #chapter04_course01.chapter04_course_wrap{
  display: block;
}

#tab2:checked ~ .chapter04_tab_box > #chapter04_course02.chapter04_course_wrap{
  display: block;
}
*/
.tab_content {
  transition: 0.5s;
  display: none;
  opacity: 0;
}

.tab_content.active {
  display: block;
  opacity: 1;
}

/* --- お手入れメニュー：PC ---------- */
@media print, screen and (min-width: 741px) {
  .careMenu {
    position: relative;
    z-index: 0;
    padding: 120px 0 40px;
    margin-bottom: 25px;
  }

  .careMenu p {
    text-align: left;
  }

  .careMenu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bbc8e6;
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
    z-index: -1;
  }

  .careMenu__inner {
    max-width: 980px;
    margin: auto;
    padding: 60px 55px 25px;
    background-color: #fff;
  }

  /* 見出し */
  h2.careMenu__heading {
    margin: 0 auto 25px;
  }

  .careMenu__heading img {
    width: auto;
  }

  /* タブメニュー */
  .careMenu-tabs {
    display: flex;
    margin-bottom: 25px;
  }

  .careMenu-tab {
    width: calc(100% / 3);
    border: 1px solid #fff;
    background-color: #cccccc;
    color: #fff;
    font-family: var(--font-mincho);
    text-align: center;
    font-size: 22px;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .careMenu-tab::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 100%);
    border: 0.7em solid transparent;
    border-top: 1em solid var(--color-key);
    border-bottom: 0;
    transition: 0.3s;
    opacity: 0;
  }

  .careMenu-tab.active,
  .careMenu-tab:hover {
    background-color: var(--color-key);
    color: #fff;
    text-decoration: none;
  }

  .careMenu-tab.active::before {
    transform: translate(-50%, 0);
    opacity: 1;
  }

  .careMenu-tab:focus {
    outline: none;
  }

  .careMenu-tabContents {
  }

  .careMenu-tabContent {
    opacity: 0;
    display: none;
    transition: 0.5s;
  }

  .careMenu-tabContent.active {
    opacity: 1;
    display: block;
  }

  /* リード文 */
  .careMenu__lead {
    background-color: #f9f9f9;
    padding: 25px 45px;
    margin-bottom: 30px;
  }

  h3.careMenu__lead-ttl {
    color: var(--color-key);
    text-decoration: underline;
    font-size: 24px;
    margin-bottom: 15px;
    line-height: inherit;
  }

  .careMenu__lead-ttl-sub {
    margin: 0;
    font-size: 20px;
  }

  .careMenu__lead-items {
    margin: 0 0 25px 0;
    padding: 0 0 0 1.5em;
    line-height: 1.8;
  }

  /* 料金表 */
  .careMenu__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 60px;
  }

  .careMenu__tableCaption {
    color: #fff;
    background-color: #88dfce;
    font-size: 25px;
    padding: 0.5em;
  }

  .careMenu__table thead th {
    text-align: center;
  }

  .careMenu__table thead th:nth-child(odd) {
    width: 28%;
  }

  .careMenu__table thead th:nth-child(even) {
    width: 22%;
  }

  .careMenu__nameHead {
    color: #fff;
    background-color: var(--color-key);
  }

  .careMenu__priceHead {
    color: #fff;
    background-color: #64c6e8;
  }

  .careMenu__table th,
  .careMenu__table td {
    border: 1px solid #ccc;
    padding: 0.5em;
    font-size: 18px;
  }

  .careMenu__table tbody th {
    background-color: #fff1cf;
  }

  .careMenu__table tbody td {
    text-align: right;
  }

  .careMenu__table th:empty,
  .careMenu__table td:empty {
    visibility: hidden;
  }

  /* 写真ギャラリー */
  .careMenu__gallery {
    display: flex;
    justify-content: space-between;
    margin: 10px auto;
    max-width: 685px;
  }

  .careMenu__gallery--small {
    max-width: 540px;
  }

  .careMenu__galleryItem {
  }

  /* その他料金表 */
  .careMenu__section {
  }

  h3.careMenu__sectionHeading {
    color: var(--color-key);
    border: 2px solid var(--color-key);
    display: inline-block;
    line-height: inherit;
    font-size: 22px;
    font-style: italic;
    padding: 0.3em 1em;
    margin-top: 50px;
    margin-bottom: 25px;
  }

  /* お申し込みの流れ */
  .careMenu__flowList {
    margin: 0;
    padding: 0 0 0 40px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }

  .careMenu__flowItem {
    color: var(--color-key);
    font-size: 30px;
    line-height: 1.8;
  }

  .careMenu__flowItem i {
    margin: 0 0.5em;
  }

  /* 商品一覧 */
  .careMenu__section .item-list {
    max-width: 740px;
  }

  .careMenu__section .item-list thead th:nth-child(1) {
    width: 200px;
  }

  .careMenu__section .item-list tbody td:nth-child(1) {
    width: 200px;
    text-align: left;
  }

  .careMenu__section .item-list thead th:nth-child(2) {
    width: 200px;
  }

  .careMenu__section .item-list tbody td:nth-child(2) {
    width: 200px;
    text-align: center;
  }

  .careMenu__section .item-list thead th:nth-child(3) {
    width: 200px;
  }

  .careMenu__section .item-list tbody td:nth-child(3) {
    width: 190px;
    text-align: right;
  }

  .careMenu__section .item-list thead th:nth-child(4) {
    width: 140px;
  }

  .careMenu__section .item-list tbody td:nth-child(3) {
    width: 200px;
    text-align: center;
  }

  .careMenu__section .item-list tbody tr {
    border-bottom: none;
  }

  .careMenu__section .item-list tbody tr.last {
    border-bottom: 1px dashed #000;
  }

  .cart__desc {
    background-color: #f9f9f9;
    padding: 1em;
    line-height: 1.8;
    text-align: center;
    max-width: 740px;
    margin: auto;
  }
}

/* --- お手入れメニュー：SP ---------- */
@media print, screen and (max-width: 740px) {
  .careMenu {
    position: relative;
    z-index: 0;
    padding: 60px 0 20px;
    margin-bottom: 25px;
  }

  .careMenu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bbc8e6;
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
    z-index: -1;
  }

  .careMenu__inner {
    margin: auto;
    padding: 25px 15px 25px;
    background-color: #fff;
  }

  /* 見出し */
  h2.careMenu__heading {
    margin: 0 auto 15px;
  }

  .careMenu__heading img {
    width: 100%;
    max-width: 370px;
  }

  /* タブメニュー */
  .careMenu-tabs {
    display: flex;
    margin-bottom: 15px;
  }

  .careMenu-tab {
    width: calc(100% / 3);
    border: 1px solid #fff;
    background-color: #cccccc;
    color: #fff;
    font-family: var(--font-mincho);
    text-align: center;
    font-size: 16px;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .careMenu-tab::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 100%);
    border: 0.7em solid transparent;
    border-top: 1em solid var(--color-key);
    border-bottom: 0;
    transition: 0.3s;
    opacity: 0;
  }

  .careMenu-tab.active,
  .careMenu-tab:hover {
    background-color: var(--color-key);
    color: #fff;
    text-decoration: none;
  }

  .careMenu-tab.active::before {
    transform: translate(-50%, 0);
    opacity: 1;
  }

  .careMenu-tab:focus {
    outline: none;
  }

  .careMenu-tabContents {
  }

  .careMenu-tabContent {
    opacity: 0;
    display: none;
    transition: 0.5s;
  }

  .careMenu-tabContent.active {
    opacity: 1;
    display: block;
  }

  /* リード文 */
  .careMenu__lead {
    background-color: #f9f9f9;
    padding: 15px 15px;
    margin-bottom: 30px;
  }

  h3.careMenu__lead-ttl {
    color: var(--color-key);
    text-decoration: underline;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: inherit;
  }

  .careMenu__lead-ttl-sub {
    margin: 0;
    font-size: 16px;
  }

  .careMenu__lead-items {
    margin: 0 0 15px 0;
    padding: 0 0 0 1.5em;
    line-height: 1.8;
  }

  /* 料金表 */
  .careMenu__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
  }

  .careMenu__tableCaption {
    color: #fff;
    background-color: #88dfce;
    font-size: 150%;
    padding: 0.5em;
  }

  .careMenu__table thead th {
    text-align: center;
    font-size: 110%;
  }

  .careMenu__table thead th:nth-child(odd) {
    flex: 0 0 56%;
  }

  .careMenu__table thead th:nth-child(even) {
    flex: 0 0 44%;
  }

  .careMenu__table thead th:nth-child(n + 3) {
    display: none;
  }

  .careMenu__nameHead {
    color: #fff;
    background-color: var(--color-key);
  }

  .careMenu__priceHead {
    color: #fff;
    background-color: #64c6e8;
  }

  .careMenu__table tr {
    display: flex;
    flex-wrap: wrap;
  }

  .careMenu__table th,
  .careMenu__table td {
    border: 1px solid #ccc;
    padding: 0.5em;
    display: block;
    flex: 0 0 50%;
    box-sizing: border-box;
  }

  .careMenu__table tbody th {
    background-color: #fff1cf;
    flex: 0 0 56%;
  }

  .careMenu__table tbody td {
    text-align: right;
    flex: 0 0 44%;
  }

  .careMenu__table th:empty,
  .careMenu__table td:empty {
    visibility: hidden;
  }

  /* 写真ギャラリー */
  .careMenu__gallery {
    display: flex;
    justify-content: space-between;
    margin: 10px auto;
    max-width: 685px;
  }

  .careMenu__gallery--small {
    max-width: 540px;
  }

  .careMenu__galleryItem {
  }

  /* その他料金表 */
  .careMenu__section {
  }

  h3.careMenu__sectionHeading {
    color: var(--color-key);
    border: 2px solid var(--color-key);
    display: inline-block;
    line-height: inherit;
    font-size: 140%;
    font-style: italic;
    padding: 0.3em 1em;
    margin-top: 25px;
    margin-bottom: 15px;
  }

  /* お申し込みの流れ */
  .careMenu__flowList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
  }

  .careMenu__flowItem {
    color: var(--color-key);
    font-size: 140%;
    line-height: 1.8;
    position: relative;
    margin-bottom: 1em;
  }

  .careMenu__flowItem i {
    transform: rotate(90deg);
    position: absolute;
    top: 100%;
    left: 5px;
  }

  /* 商品一覧 */
  .careMenu__section .item-list {
    width: 100%;
  }

  .careMenu__section .item-list tbody td {
    vertical-align: top;
    padding: 10px 10px;
  }

  .careMenu__section .item-list tbody td:nth-child(1) {
    text-align: left;
  }

  .careMenu__section .item-list tbody td:nth-child(2) {
    text-align: center;
  }

  .careMenu__section .item-list tbody td:nth-child(3) {
    text-align: right;
  }

  .careMenu__section .item-list tbody tr {
    border-bottom: none;
  }

  .careMenu__section .item-list tbody tr.last {
    border-bottom: 1px dashed #000;
  }

  .cart__desc {
    background-color: #f9f9f9;
    padding: 1em;
    line-height: 1.8;
  }

  .careMenu__section .btn-cart {
    margin-bottom: 20px;
  }
}

/*　chapter05　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter05 {
    width: 100%;
    padding: 15px 0;
    /* background: url(../img/chapter02_bk.png) center center repeat-y; */
  }

  .chapter05_body {
    max-width: 980px;
    width: 92%;
    margin: 15px auto;
    background: #fff;
    padding: 15px 3%;
    position: relative;
  }

  .chapter05_body .chapter05_title {
    text-align: center;
    margin-bottom: 25px;
  }

  .chapter05_body .chapter05_title img {
    max-width: 930px;
  }

  .chapter05_body p {
    max-width: 780px;
    font-size: 100%;
    width: 92%;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 1;
  }

  .chapter05_body p span {
    vertical-align: middle;
  }

  .chapter05_body p span.mark {
    display: inline-block;
    width: 30px;
    background-color: transparent;
  }

  .chapter05_image {
    text-align: center;
    margin: 10px 0;
  }

  .chapter05_image img {
    max-width: 400px;
    width: 80%;
  }

  .tri {
    width: 40px;
    margin: 10px auto;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter05 {
    width: 100%;
    padding: 50px 0;
    background: url(../img/pink_bk.png) center center repeat-y;
  }

  .chapter05_body {
    max-width: 980px;
    width: 92%;
    margin: 50px auto;
    background: #fff;
    padding: 50px 4%;
    position: relative;
    text-align: center;
  }

  .chapter05_body .chapter05_title {
    text-align: center;
    margin-bottom: 50px;
  }

  .chapter05_body .chapter05_title img {
    max-width: 930px;
  }

  .chapter05_body p {
    max-width: 780px;
    font-size: 100%;
    font-weight: bold;
    margin: 15px auto 0 auto;
  }

  .chapter05_body p span {
    display: inline-block;
    vertical-align: middle;
  }

  .chapter05_body p span.mark {
    width: 30px;
    /* vertical-align: -10px; */
    background-color: transparent;
  }

  .chapter05_image {
    text-align: center;
  }

  .chapter05_image img {
    max-width: 600px;
  }

  .tri {
    width: 30px;
    margin: 10px auto;
  }
}

/*　chapter06　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter06 {
    width: 100%;
    padding: 15px 0;
    background: #ecf1fc;
  }

  .chapter06_body_bk {
    width: 98%;
    margin: 15px auto;
    background: #fff;
    position: relative;
  }

  .chapter06_body {
    width: 92%;
    padding: 15px 4%;
    /*		background: url(../img/chapter06_bk.png) center center repeat-y;*/
  }

  .chapter06_body .chapter06_title {
    text-align: center;
    margin-bottom: 15px;
  }

  .chapter06_body .chapter06_title img {
    max-width: 930px;
  }

  .chapter06_body .form_btn {
    text-align: center;
    margin-bottom: 10px;
  }

  .chapter06_body a.btn {
    display: inline-block;
    background: #95afdb;
    color: #fff;
    padding: 5px 10px 3px 10px;
    border-radius: 0;
  }

  .chapter06_wrap .left {
    text-align: center;
  }

  .chapter06_wrap .left p {
    display: inline-block;
    margin: 0;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter06_wrap .left h3 {
    display: inline-block;
    margin: 0;
  }

  .chapter06_wrap .left p span.step {
    display: inline-block;
    color: #95afdb;
    padding: 8px 10px 3px 10px;
    font-style: italic;
    border: 2px solid #95afdb;
    font-size: 140%;
  }

  .chapter06_wrap .left h3 {
    color: #95afdb;
    font-size: 130%;
    line-height: 160%;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter06_wrap .right {
    margin-top: 15px;
  }

  .chapter06_wrap .right p {
    font-size: 100%;
    line-height: 220%;
  }

  .chapter06_wrap .right span.btn {
    display: inline-block;
    width: 140px;
    vertical-align: middle;
  }

  .chapter06_wrap .right span.freedial {
    display: inline-block;
    padding: 0 5px 2px 5px;
    font-size: 110%;
    background: #000;
    color: #fff;
    line-heiht: 0;
  }

  .chapter06_image {
    width: 90%;
    margin: 5px auto;
    text-align: center;
  }

  .chapter06_image img {
    max-width: 560px;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter06 {
    width: 100%;
    padding: 50px 0;
    background: #ecf1fc;
  }

  .chapter06_body_bk {
    max-width: 980px;
    width: 98%;
    margin: 15px auto;
    background: #fff;
    position: relative;
  }

  .chapter06_body {
    width: 100%;
    padding: 50px 4%;
    /*		background: url(../img/chapter06_bk.png) center center repeat-y;*/
  }

  .chapter06_body .chapter06_title {
    text-align: center;
    margin-bottom: 50px;
  }

  .chapter06_body .chapter06_title img {
    max-width: 930px;
  }

  .chapter06_body .form_btn {
    text-align: center;
  }

  .chapter06_body a.btn {
    display: inline-block;
    background: #95afdb;
    color: #fff;
    padding: 5px 10px 3px 10px;
    text-decoration: none;
    border-radius: 0;
  }

  .chapter06_wrap .left {
    width: 16%;
    float: left;
    text-align: center;
    /* margin-top: 10px; */
  }

  .chapter06_wrap .left p span.step {
    display: inline-block;
    color: #95afdb;
    padding: 8px 10px 3px 10px;
    font-style: italic;
    border: 2px solid #95afdb;
    font-size: 140%;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter06_wrap .left h3 {
    color: #95afdb;
    font-size: 160%;
    line-height: 160%;
    letter-spacing: 2px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
  }

  .chapter06_wrap .right {
    width: 82%;
    float: right;
  }

  .chapter06_wrap .right p {
    font-size: 100%;
    line-height: 160%;
  }

  .chapter06_wrap .right span.btn {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
  }

  .chapter06_wrap .right span.freedial {
    display: inline-block;
    padding: 0 5px 2px 5px;
    font-size: 140%;
    background: #000;
    color: #fff;
    line-heiht: 0;
  }

  .chapter06_image {
    text-align: center;
  }

  .chapter06_image img {
    max-width: 560px;
  }
}

/*　chapter07　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter07 {
    width: 100%;
    padding: 15px 0;
    background: #fff;
  }

  #chapter07 .chapter07_title {
    text-align: center;
    margin-bottom: 10px;
  }

  #chapter07 .chapter07_title h2 {
    margin-bottom: 0;
  }

  #chapter07 .chapter07_title img {
    max-width: 930px;
  }

  .chapter07_body {
    max-width: 1100px;
    width: 92%;
    padding: 0 2%;
    margin: 0 auto;
    border-bottom: 1px dotted #333;
  }

  .chapter07_body h3 {
    color: #95afdb;
    font-size: 130%;
    line-height: 160%;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .chapter07_body p {
    font-size: 80%;
    line-height: 130%;
    letter-spacing: 2px;
    margin: 0;
  }

  .chapter07_body h3 span {
    padding: 3px 5px;
    background: #95afdb;
    color: #fff;
    margin-right: 0.5em;
    font-size: 90%;
  }

  .chapter07_wrap {
    width: 100%;
    padding-bottom: 8px;
  }

  .chapter07_wrap .left {
    text-align: center;
    width: 45%;
    float: left;
  }

  .chapter07_wrap .left img {
    max-width: 450px;
  }

  .chapter07_wrap .center {
    text-align: center;
    width: 8%;
    float: left;
    padding: 20px 1% 0 1%;
  }

  .chapter07_wrap .center img {
    max-width: 40px;
  }

  .chapter07_wrap .right {
    text-align: center;
    width: 45%;
    float: right;
  }

  .chapter07_wrap .right img {
    max-width: 450px;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter07 {
    width: 100%;
    padding: 50px 0;
    background: #fff;
  }

  #chapter07 .chapter07_title {
    text-align: center;
    margin-bottom: 15px;
  }

  #chapter07 .chapter07_title img {
    max-width: 930px;
  }

  .chapter07_body {
    max-width: 1100px;
    /* width: 98%; */
    padding: 25px 1%;
    margin: 0 auto;
  }

  .chapter07_body h3 {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #95afdb;
    font-size: 130%;
    line-height: 160%;
    letter-spacing: 2px;
    font-weight: bold;
  }

  .chapter07_body p {
    font-size: 110%;
    line-height: 160%;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 5px;
  }

  .chapter07_body h3 span {
    padding: 1px 5px;
    background: #95afdb;
    color: #fff;
    margin-right: 0.5em;
  }

  .chapter07_wrap {
    width: 100%;
    display: table;
  }

  .chapter07_wrap .left {
    display: table-cell;
    text-align: center;
    width: 45%;
    vertical-align: top;
  }

  .chapter07_wrap .left img {
    max-width: 450px;
  }

  .chapter07_wrap .center {
    display: table-cell;
    text-align: center;
    width: 10%;
    padding-left: 0.5%;
    padding-right: 0.5%;
    vertical-align: middle;
  }

  .chapter07_wrap .center img {
    position: relative;
    top: -20px;
    max-width: 80px;
  }

  .chapter07_wrap .right {
    display: table-cell;
    text-align: center;
    width: 45%;
    vertical-align: top;
  }

  .chapter07_wrap .right img {
    max-width: 450px;
  }
}

/*　chapter08　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter08 {
    width: 100%;
    padding: 15px 0;
  }

  #chapter08 .chapter08_title {
    text-align: center;
    margin-bottom: 10px;
  }

  #chapter08 .chapter08_title img {
    max-width: 930px;
  }

  .chapter08_body {
    max-width: 980px;
    width: 92%;
    margin: 15px auto;
    background: #fff;
    padding: 15px 2%;
    position: relative;
  }

  .chapter08_body h3 {
    margin-top: 25px;
    font-size: 130%;
    line-height: 160%;
    font-weight: bold;
    text-align: center;
    font-family: var(--font-mincho);
  }

  /* QA：タブナビゲーション */
  .qa__nav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }

  .qa_navItem {
    width: 50%;
    box-sizing: border-box;
    border: 1px solid #fff;
    display: flex;
  }

  .qa__navLink,
  .qa__navLink:link,
  .qa__navLink:visited {
    background-color: #cccccc;
    color: #fff;
    font-feature-settings: "palt";
    font-family: var(--font-mincho);
    text-align: center;
    font-size: 16px;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
  }

  .qa__navLink.active {
    background-color: var(--color-key);
    color: #fff;
  }

  .qa__navLink:hover {
    text-decoration: none;
  }

  /* QA：タブコンテンツ */
  .qa__tabPane {
    display: none;
  }

  .qa__tabPane.active {
    display: block;
  }

  .qa__list {
    line-height: 1.6;
  }

  .qa__que {
    border-bottom: 1px dashed #ccc;
    position: relative;
    color: var(--color-key);
    font-weight: bold;
    padding: 0.5em 0;
    padding-left: 1.7em;
    padding-right: 2em;
  }

  .qa__que::before {
    content: "Q.";
    font-size: 150%;
    font-weight: normal;
    font-family: var(--font-mincho);
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
  }

  .qa__que .fa-chevron-down {
    position: absolute;
    top: 0.9em;
    right: 0;
    width: 2em;
    text-align: center;
    transition: 0.3s;
  }

  .qa__que.opened .fa-chevron-down {
    transform: scale(1, -1);
  }

  .qa__ans {
    position: relative;
    padding: 0.5em 0;
    padding-left: 1.7em;
    padding-bottom: 2em;
    margin: 0;
  }

  .qa__ans::before {
    content: "A.";
    font-size: 180%;
    font-weight: normal;
    font-family: var(--font-mincho);
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
  }

  .matome-text {
    width: 90%;
    margin: 15px auto;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter08 {
    width: 100%;
    padding: 50px 0;
  }

  #chapter08 .chapter08_title {
    text-align: center;
    margin-bottom: 15px;
  }

  #chapter08 .chapter08_title img {
    max-width: 930px;
  }

  .chapter08_body {
    max-width: 980px;
    width: 92%;
    margin: 50px auto;
    background: #fff;
    padding: 50px 4%;
    position: relative;
  }

  .chapter08_body h3 {
    font-family: var(--font-mincho);
    font-size: 110%;
    letter-spacing: 2px;
    font-weight: bold;
  }

  /* QA：タブナビゲーション */
  .qa__nav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }

  .qa_navItem {
    width: 25%;
    box-sizing: border-box;
    border: 1px solid #fff;
    display: flex;
  }

  .qa__navLink,
  .qa__navLink:link,
  .qa__navLink:visited {
    background-color: #cccccc;
    color: #fff;
    font-family: var(--font-mincho);
    text-align: center;
    font-size: 20px;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
  }

  .qa__navLink.active {
    background-color: var(--color-key);
    color: #fff;
  }

  .qa__navLink:hover {
    text-decoration: none;
  }

  /* QA：タブコンテンツ */
  .qa__tabPane {
    display: none;
  }

  .qa__tabPane.active {
    display: block;
  }

  .qa__list {
    line-height: 1.6;
  }

  .qa__que {
    border-bottom: 1px dashed #ccc;
    position: relative;
    color: var(--color-key);
    font-weight: bold;
    padding: 0.5em 0;
    padding-left: 1.7em;
    padding-right: 2em;
  }

  .qa__que::before {
    content: "Q.";
    font-size: 150%;
    font-weight: normal;
    font-family: var(--font-mincho);
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
  }

  .qa__que .fa-chevron-down {
    position: absolute;
    top: 0.9em;
    right: 0;
    width: 2em;
    text-align: center;
    transition: 0.3s;
  }

  .qa__que.opened .fa-chevron-down {
    transform: scale(1, -1);
  }

  .qa__ans {
    position: relative;
    padding: 0.5em 0;
    padding-left: 1.7em;
    padding-bottom: 2em;
    margin: 0;
  }

  .qa__ans::before {
    content: "A.";
    font-size: 180%;
    font-weight: normal;
    font-family: var(--font-mincho);
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
  }
}

/*　6つの約束　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  .yakusoku .yakusoku-body p.lead {
    font-size: 100%;
    line-height: 1.7;
    margin: 0 auto 20px;
    width: 92%;
  }

  .yakusoku .yakusoku-body .yakusoku-box .left {
    width: 20%;
    float: left;
  }

  .yakusoku .yakusoku-body .yakusoku-box .right p {
    width: 90%;
    margin: 10px auto;
  }

  .yakusoku .yakusoku-body .yakusoku-box .right h3 {
    font-size: 130%;
    letter-spacing: 1px;
    margin-top: 0;
    line-height: 1.5;
    margin-bottom: 8px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .pink-wrap .bnr01 {
    max-width: 840px;
    width: 90%;
    margin: 30px auto 20px;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  .yakusoku .yakusoku-body p.lead {
    font-size: 100%;
    line-height: 220%;
    text-align: center;
    margin-bottom: 30px;
  }

  .yakusoku .yakusoku-body .yakusoku-box .left {
    width: 14%;
    float: left;
  }

  .yakusoku .yakusoku-body .yakusoku-box .right {
    width: 84%;
    float: right;
  }

  .yakusoku .yakusoku-body .yakusoku-box .right h3 {
    font-size: 140%;
    letter-spacing: 1px;
    margin: 0 0 10px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .pink-wrap .bnr01 {
    max-width: 840px;
    width: 90%;
    margin: 0 auto;
  }

  .yakusoku .yakusoku-body .yakusoku-box .mail {
    color: blue;
    text-decoration: underline;
  }
}

/*　お客様の声　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  .voice-body p.lead {
    font-size: 100%;
    margin: 0 auto 10px;
    width: 90%;
  }

  .voice-body .voice-box {
    background: #f9f9f9;
    box-sizing: border-box;
    padding: 30px 15px 20px 15px;
    margin: 0 auto 10px;
    width: 90%;
  }

  .voice-body .voice-box .left {
    width: 50%;
    margin: 0 auto;
  }

  .voice-body .voice-box .right {
    font-weight: bold;
  }

  .voice-box .title {
    position: relative;
    /* padding-right: 50px; */
    font-size: inherit;
    font-weight: bold;
  }

  .voice-box .title i {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background-color: #bbc8e6;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(180deg);
  }

  .voice-box.closed .title i {
    transform: rotate(0deg);
  }

  .voice-box .voice-desc {
    transition: 0.5s;
    overflow: hidden;
    position: relative;
    line-height: 1.6;
    position: relative;
    padding-bottom: 55px;
  }

  .voice-body .voice-box .voice-name {
    font-weight: normal;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  .voice-body p.lead {
    font-size: 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  .voice-body .voice-box {
    background: #f9f9f9;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 15px;
  }

  .voice-body .voice-box .left {
    width: 30%;
    float: left;
  }

  .voice-body .voice-box .right {
    width: 68%;
    float: right;
    font-weight: bold;
  }

  .voice-box .title {
    position: relative;
    /* padding-right: 50px; */
  }

  .voice-box .title i {
    position: absolute;
    top: -15px;
    right: 5px;
    color: #fff;
    background-color: #bbc8e6;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(180deg);
  }

  .voice-box.closed .title i {
    transform: rotate(0deg);
  }

  .voice-box .voice-desc {
    transition: 0.5s;
    overflow: hidden;
    position: relative;
    padding-bottom: 70px;
    line-height: 1.6;
  }

  .voice-box.closed .voice-desc {
    /* height: 7em; */
  }

  .voice-body .voice-box .voice-name {
    font-weight: 500;
  }
}

/*　chapter09　トップページ以外　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #chapter09 {
    width: 100%;
    padding: 15px 0;
  }

  .chapter09_body {
    max-width: 980px;
    width: 90%;
    margin: 0 auto;
    padding: 10px 4%;
    position: relative;
    background: #fff;
  }

  p.danraku {
    margin-top: 25px;
  }

  .chapter09_wrap h3.privacy {
    font-size: 100%;
    margin: 15px 0 0 0;
    color: #b21a33;
  }

  .chapter09_wrap .gaiyou {
    width: 100%;
  }

  .chapter09_wrap .gaiyou_tr {
  }

  .chapter09_wrap .gaiyou_th {
    margin-bottom: 10px;
    color: #b21a33;
  }

  .chapter09_wrap .gaiyou_td {
    margin-bottom: 25px;
  }

  .chapter09_wrap .payment {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .chapter09_wrap .payment_body {
    margin-right: 1%;
    text-align: center;
  }

  .chapter09_wrap .payment_body p {
    font-size: 7pt;
  }

  .chapter09_wrap .payment_body img {
    width: 70px;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #chapter09 {
    width: 100%;
    padding: 50px 0;
  }

  .chapter09_body {
    max-width: 980px;
    width: 90%;
    margin: 0 auto;
    padding: 25px 4%;
    position: relative;
    background: #fff;
  }

  p.danraku {
    margin-top: 35px;
  }

  .chapter09_wrap h3.privacy {
    font-size: 100%;
    margin: 25px 0 0 0;
    color: #b21a33;
  }

  .chapter09_wrap .gaiyou {
    display: table;
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
  }

  .chapter09_wrap .gaiyou_tr {
    display: table-row;
  }

  .chapter09_wrap .gaiyou_th {
    display: table-cell;
    padding: 10px 10px 0 10px;
    border: 1px solid #fff;
    background-color: #f6bfbc;
    white-space: nowrap;
  }

  .chapter09_wrap .gaiyou_td {
    display: table-cell;
    border: 1px solid #ccc;
    padding: 10px 10px 0 10px;
  }

  .chapter09_wrap .payment {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .chapter09_wrap .payment_body {
    margin-right: 1%;
    text-align: center;
  }

  .chapter09_wrap .payment_body p {
    font-size: 7pt;
  }

  .chapter09_wrap .payment_body img {
    width: 70px;
  }

  .chapter01_body .chapter01_title.last-title {
    max-width: 930px;
    width: 90%;
    margin: 0 auto;
  }
}

/*　ピンクの背景　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  .pink-wrap {
    background-color: #bbc8e6;
    padding: 5px 0;
  }

  .pink-wrap .pink-body {
    background: #fff;
    max-width: 980px;
    width: 92%;
    margin: 5px auto;
    padding: 10px 2%;
    box-sizing: border-box;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  .pink-wrap {
    background-color: #bbc8e6;
    padding: 70px 0;
  }

  .pink-wrap .pink-body {
    background: #fff;
    max-width: 980px;
    width: 92%;
    margin: 50px auto;
    padding: 50px 4%;
    box-sizing: border-box;
  }

  .pink-wrap .pink-body .yakusoku-box {
    margin-bottom: 30px;
  }

  #chapter01 .pink-wrap {
    padding-top: 0;
  }
}

/*　pagetop　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  .pagetop {
    width: 40px;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 9999;
    opacity: 1;
  }
  .pagetop a {
    padding: 0;
  }

  .mobile_sticky .pagetop {
    bottom: calc(20vw + 5px);
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  .pagetop {
    width: 80px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
    opacity: 1;
  }
  .pagetop a {
    padding: 0;
  }

  .mobile_sticky .pagetop {
    bottom: 79px;
  }
}

/*　ラインバナー　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  .line-bnr {
    max-width: 740px;
    width: 90%;
    margin: 15px auto;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  .line-bnr {
    max-width: 600px;
    width: 50%;
    margin: 15px auto;
  }
}

/*　電話バナー　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  a.chapter08-tel {
    width: 90%;
    margin: 15px auto;
    display: block;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  a.chapter08-tel {
    max-width: 930px;
    margin: 15px auto;
    display: block;
  }
}

/*　フッター　*/
.footer_menu a {
  color: inherit;
}

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
  #footer {
    width: 100%;
    padding: 15px 0;
    background: #ecf1fc;
  }

  .footer_body {
    width: 98%;
    margin: 0 auto;
  }

  .footer_logo {
    text-align: center;
    width: 80%;
    margin: 5px auto;
  }

  .footer_logo img {
    max-width: 540px;
  }

  .footer_menu {
    /* display: none; */
  }

  .copyright {
    text-align: center;
  }

  /* 固定アイコン */
  .sticky_cta {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    transition: 0.5s;
    transform: translateY(100%);
  }

  .sticky_cta.show {
    transform: translateY(0);
  }

  .sticky_cta ul {
    margin: 0;
    padding: 0;
    display: flex;
  }

  .sticky_cta li {
    flex: 1 1 auto;
  }

  .sticky_cta li img {
    height: 20vw;
    width: auto;
  }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  #footer {
    width: 100%;
    padding: 25px 0;
    background: #ecf1fc;
  }

  .footer_body {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }

  .footer_logo {
    text-align: center;
    margin: 5px auto;
  }

  .footer_logo img {
    max-width: 540px;
  }

  .copyright {
    text-align: center;
  }

  /* 固定アイコン */
  .sticky_cta {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    transition: 0.5s;
    transform: translateY(100%);
  }

  .sticky_cta.show {
    transform: translateY(0);
  }

  .sticky_cta ul {
    margin: 0;
    display: flex;
    width: fit-content;
    margin-left: auto;
  }

  .sticky_cta li img {
    height: 70px;
  }
}

/* 電話リクエスト */
.box-tel-req {
  padding: 0.5em 1em;
  border: 3px solid #37d0b1;
  border-radius: 0.5em;
  max-width: 95%;
  margin-inline: auto;
  margin-bottom: 1em;
}

.box-tel-req__title {
  text-align: center;
  color: #37d0b1;
  font-size: 24px;
  font-weight: bold;
}

.box-tel-req__lead {
  text-align: center;
  font-size: 13px;
  margin-bottom: 0.5em;
}

.box-tel-req__form {
}

.box-tel-req__form > .row {
  align-items: flex-end;
}

.box-tel-req__group {
  display: flex;
  align-items: center;
  margin-bottom: 0.3em;
}

.box-tel-req__group label {
  color: #37d0b1;
  font-size: 16px;
  font-weight: bold;
  flex: 0 0 5em;
  white-space: nowrap;
  line-height: 1;
}

.box-tel-req__group .form-control[name="時間"] {
  width: fit-content;
}

.box-tel-req__group .form-control + .form-control {
  margin-inline-start: 0.2em;
}

.box-tel-req__submit {
  color: #ffffff;
  background-color: #37d0b1;
  border-radius: 0.5em;
  border: none;
  font-size: 20px;
  font-weight: bold;
  padding: 0.5em 2em;
  line-height: 1.2;
  display: block;
  margin-inline: auto;
  margin-block: 0.5em;
  white-space: nowrap;
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
  .box-tel-req {
    width: fit-content;
  }

  .box-tel-req__title {
    font-size: 27px;
  }

  .box-tel-req__lead {
  }

  .box-tel-req__form {
  }

  .box-tel-req__form > .row {
    --bs-gutter-x: 0.5em;
  }

  .box-tel-req__group {
  }

  .box-tel-req__group label {
    flex: 0 0 6em;
  }

  .box-tel-req__group .form-control {
  }

  .box-tel-req__submit {
    font-size: 20px;
    padding: 0.5em 1em;
    margin-block: 0;
  }
}

/* ==========================================
 Column
============================================*/

.column {
  font-family: var(--font-serif);
  padding-block: var(--sz-50) var(--sz-30);
  position: relative;
}

.column::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: calc((100% - 100vw) / 2);
  width: 100vw;
  height: 100%;
  z-index: -1;
}

.column__heading {
  font-family: var(--font-serif);
  color: var(--color-primary);
  font-size: var(--sz-30);
  font-weight: 700;
  line-height: 1.33;
  margin-top: var(--sz-20);
  text-align: center;
  margin-bottom: 0;
}

.column__lead {
  text-align: center;
  font-size: var(--sz-20);
  font-size: var(--sz-24);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: var(--sz-45);
}

.column__list {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sz-25);
  margin-bottom: var(--sz-50);
}

.column__item {
  display: flex;
  align-items: center;
  gap: var(--sz-15);
  position: relative;
}

.column__image {
  flex: 0 0 28%;
  flex: 0 0 110px;
}

.column__title {
  font-family: var(--font-serif);
  font-size: var(--sz-20);
  font-size: var(--sz-22);
  font-weight: 400;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 1em;
}

.column__link {
  color: inherit !important;
  text-decoration: none;
}

.column__link:hover {
  text-decoration: underline;
}

.column__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.column__excerpt {
  margin-bottom: 0;
  font-size: var(--sz-15);
  font-size: var(--sz-20);
  font-weight: 400;
  line-height: 1.33;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
}

@media screen and (min-width: 992px) {
  .column {
    padding-block: var(--sz-50) var(--sz-80);
  }
  .column__heading {
    /* font-size: var(--sz-40); */
    margin-top: var(--sz-10);
  }
  .column__lead {
    font-size: var(--sz-30);
    font-size: var(--sz-20);
    margin-top: var(--sz-10);
    margin-bottom: var(--sz-30);
  }
  .column__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sz-10) var(--sz-25);
    margin-bottom: var(--sz-95);
  }
  .column__item {
    display: grid;
    grid-template-columns: min(27.97%, 200px) 1fr;
    gap: var(--sz-15);
  }
  .column__image {
    flex: 0 0 28%;
  }
  .column__title {
    font-size: var(--sz-20);
    font-size: var(--sz-13);
  }
  .column__excerpt {
    font-size: var(--sz-15);
    font-size: var(--sz-10);
    display: -webkit-box;
  }
}

/* ====================================
    サービスナビ
======================================*/
.service-nav {
}

.service-nav__items {
  display: flex;
  flex-direction: column;
  gap: var(--sz-22);
  width: var(--sz-668);
  margin-inline: auto;
  margin-bottom: var(--sz-25);
}

.service-nav__item {
  font-size: var(--sz-34);
  font-weight: 700;
  padding: 0.75em 0.5em;
  text-align: center;
  line-height: normal;
  &:link,
  &:hover,
  &:active {
    text-decoration: none;
  }
}

.service-nav__item.--furisode {
  background-color: #f6c9dd;
  color: #d20732;
}

.service-nav__item.--processing {
  font-feature-settings: "palt";
  background-color: #fae0d3;
  color: #d20732;
}

.service-nav__item > span {
  display: block;
  color: #666;
  font-size: 80%;
}

.service-nav__corp {
  color: var(--bs-blue);
  display: block;
  width: fit-content;
  margin-inline: auto;
  text-decoration: underline;
  margin-bottom: var(--sz-35);

  &:link,
  &:active,
  &:hover {
    color: var(--bs-blue);
  }
}

.service-nav__cleaning {
  color: #ff070a;
  display: block;
  width: fit-content;
  margin-inline: auto;
  pointer-events: none;
  animation: blink 2s infinite;
  &:link,
  &:active,
  &:hover {
    color: #ff070a;
  }
}

@keyframes blink {
  0% {
    opacity: 1; /* 最初は表示 */
  }
  50% {
    opacity: 0; /* 途中で非表示 */
  }
  100% {
    opacity: 1; /* 最後は再び表示 */
  }
}

@media (min-width: 992px) {
  .service-nav__items {
    width: 100%;
    max-width: 1294px;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--sz-10);
    padding-inline: var(--sz-20);
    margin-bottom: var(--sz-20);
  }

  .service-nav__item {
    width: 50%;
    font-size: var(--sz-30);
  }

  .service-nav__corp {
    font-size: var(--sz-20);
    margin-bottom: var(--sz-10);
  }

  .service-nav__cleaning {
    font-size: var(--sz-28);
  }
}