@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:700);
@import url(https://fonts.googleapis.com/css?family=Alice);
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
@import url(https://fonts.googleapis.com/css?family=Prata);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Roboto:700);
@import url(https://fonts.googleapis.com/css?family=Oswald:200,400);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

/*========================================================================================================
==============================================   SETTINGS   ==============================================
========================================================================================================*/
/*==============================
sass variable
==============================*/
/* Break Points (1109, 855, 799, 680, 480) */
/* Add Break Points */
/*==============================
web fonts
==============================*/
/*Crimson Text*/
/*Playfair Display*/
/*
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
$playfair: 'Playfair Display', serif;
*/
/*Pinyon Script*/
/*Prata*/
/*Josefin*/
/* Fjalla */
/* Roboto */
/*Google Material icons*/
/*IPA 明朝*/
@font-face {
  font-family: 'ipamin';
  src: url("../fonts/ipamp.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ipamp.eot?#iefix") format("embedded-opentype"), url("../fonts/ipamp.woff") format("woff"), url("../fonts/ipamp.ttf") format("truetype");
  /* Safari, Android, iOS */
}

/*==============================
icons
==============================*/
@font-face {
  font-family: 'itcl';
  src: url("../fonts/itcl.eot?-xo1f1b");
  src: url("../fonts/itcl.eot?#iefix-xo1f1b") format("embedded-opentype"), url("../fonts/itcl.woff?-xo1f1b") format("woff"), url("../fonts/itcl.ttf?-xo1f1b") format("truetype"), url("../fonts/itcl.svg?-xo1f1b#itcl") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*==============================
sass mixin
==============================*/
/*スマートフォン用フォントサイズ指定*/
/*==============================
common settings
==============================*/
html {
  font-size: 62.5%;
  /*初期値が16pxなので10pxになる（ルートの文字サイズ）*/
}

html body {
  color: #737373;
  font-size: 14px;
  /*IE8 Support*/
  font-size: 1.4rem;
  /*ルートが10pxなので14pxとなる（ベースの文字サイズ）*/
  font-family: verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background: #0F1D3A;
}

a {
  color: #274B7A;
  text-decoration: underline;
}

a:link {
  color: #274B7A;
}

a:visited {
  color: #274B7A;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
}

ul li {
  font-size: 14px;
  font-size: 1.4rem;
}

dl dt {
  font-size: 14px;
  font-size: 1.4rem;
}

dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}

small {
  font-size: 14px;
  font-size: 1.4rem;
}

img {
  vertical-align: bottom;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

/*==============================
common class
==============================*/
.imghover {
  position: relative;
}

.imghover::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.imghover:hover::before {
  border: 10px solid rgba(255, 255, 255, 0.5);
}

.page-btn {
  padding-top: 20px;
  text-align: center;
}

.page-btn>a {
  position: relative;
  display: block;
  padding: 0 20px;
  height: 60px;
  color: white;
  line-height: 60px;
  font-size: 20px;
  font-size: 2rem;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #213F66;
}

.page-btn>a:hover {
  background: #274B7A;
}

.page-btn>a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 680px) {
  .page-btn {
    /* .page-btn */
  }

  .page-btn>a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.pagination {
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  background: white;
}

.pagination>span,
.pagination>a {
  display: inline-block;
  padding: 5px;
  color: #464646;
  border: 1px solid #DADADA;
}

.pagination>a {
  text-decoration: none;
}

.pagination>a:hover {
  text-decoration: none;
  color: white;
  background: #464646;
}

.pagination .current {
  color: white;
  background: #464646;
}

.flow-list {
  padding-top: 40px;
}

.flow-list>div {
  position: relative;
  margin-bottom: 120px;
}

.flow-list>div::after {
  content: "";
  display: block;
  position: absolute;
  top: -80px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-top: 10px solid #274B7A;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.flow-list>div:first-child::before {
  content: none;
}

.flow-list>div:first-child::after {
  content: none;
}

.flow-list>div:last-child {
  margin-bottom: 0;
}

.flow-list>div .flow-list-title {
  position: relative;
  width: 960px;
  margin: 40px auto 0 auto;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  text-align: center;
  line-height: 30px;
  letter-spacing: 0.3em;
  text-align: center;
  color: #274B7A;
}

.flow-list>div .flow-list-title::after {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  padding-bottom: 40px;
  font-size: 10px;
  font-size: 1rem;
  font-family: "Josefin Sans", sans-serif;
}

.flow-list>div .flow-list-title>span {
  position: relative;
  display: block;
  height: 100px;
  z-index: 0;
}

.flow-list>div .flow-list-title>span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 360px;
  height: 100%;
  margin-left: -180px;
  z-index: 2;
  background: #F2F2F2;
}

.flow-list>div .flow-list-title>span::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #274B7A;
  z-index: 1;
}

.flow-list>div .flow-list-title>span>span {
  position: relative;
  display: block;
  z-index: 3;
}

.flow-list>div .flow-list-content {
  position: relative;
  width: 960px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}

.flow-list>div .flow-list-content>li {
  display: inline-block;
  width: 445px;
  margin-right: 15px;
  margin-left: 15px;
  vertical-align: top;
}

.flow-list>div .flow-list-content>li>figure {
  position: relative;
}

.flow-list>div .flow-list-content>li>figure>img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 2;
}

.flow-list>div .flow-list-content>li>dl {
  padding-top: 20px;
}

.flow-list>div .flow-list-content>li>dl>dt {
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  line-height: 30px;
  letter-spacing: 0.3em;
  text-align: center;
  color: #274B7A;
}

.flow-list>div .flow-list-content>li>dl>dd {
  padding-top: 10px;
}

@media screen and (max-width: 1024px) {
  .flow-list {
    /* #counseling-flow */
  }

  .flow-list>div .flow-list-title {
    width: 100%;
  }

  .flow-list>div .flow-list-title>span>span::before {
    content: none;
  }

  .flow-list>div .flow-list-title>span>span::after {
    content: none;
  }

  .flow-list>div .flow-list-content {
    width: 100%;
  }

  .flow-list>div .flow-list-content>li {
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media screen and (max-width: 680px) {
  .flow-list {
    /* #counseling-flow */
  }

  .flow-list>div::after {
    content: none;
  }

  .flow-list>div .flow-list-title {
    width: 100%;
  }

  .flow-list>div .flow-list-title>span::before {
    content: none;
  }

  .flow-list>div .flow-list-title>span::after {
    content: none;
  }

  .flow-list>div .flow-list-title>span>span::before {
    content: none;
  }

  .flow-list>div .flow-list-title>span>span::after {
    content: none;
  }

  .flow-list>div .flow-list-content {
    width: 100%;
  }

  .flow-list>div .flow-list-content>li {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 40px;
  }

  .flow-list>div .flow-list-content>li>figure>img {
    width: 100%;
    height: auto;
  }
}

.treatment-detail-box {
  position: relative;
  background-color: #DFDAD4;
}

.treatment-detail-box::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #DFDAD4;
}

.treatment-detail-box>div {
  width: 960px;
  margin: 0 auto;
  padding: 60px 0;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-tit {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  color: #274B7A;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes {
  display: table;
  width: 720px;
  margin: 15px auto 30px;
  border-collapse: separate;
  border-spacing: 30px 0;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  text-align: center;
  border: 2px solid #274B7A;
  background-color: #ffffff;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box>dt {
  width: 100%;
  padding: 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ffffff;
  background-color: #274B7A;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box>dd {
  padding: 30px 0;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box>dd>span {
  display: block;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box:nth-child(1)>dd {
  padding: 10px;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box:nth-child(1)>dd>span {
  font-size: 11px;
  font-size: 1.1rem;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box:nth-child(2)>dd>span {
  margin-top: 15px;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  color: #BE212A;
}

.treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box:nth-child(2)>dd>span>span {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-size: 4rem;
}

.treatment-detail-box>div .page-btn {
  width: 600px;
  margin: 0 auto;
}

.treatment-detail-box>div .testerg-cost-outro {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes {
    display: block;
    width: 100%;
  }

  .treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 680px) {
  .treatment-detail-box>div .testerg-cost-explain .testerg-cost-explain-boxes .testerg-cost-explain-box {
    width: 100%;
  }

  .treatment-detail-box>div .page-btn {
    width: 100%;
  }
}

.treatment-risk-box>div {
  width: 960px;
  margin: 0 auto;
  padding: 60px 0;
}

.treatment-risk-box>div .testerg-risks-list {
  width: 740px;
  margin: 0 auto;
  list-style-type: disc;
}

.treatment-risk-box>div .page-btn {
  width: 600px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .treatment-risk-box {
    /* #testerg-list */
  }

  .treatment-risk-box>div .testerg-risks-list {
    width: 100%;
  }

  .treatment-risk-box>div .page-btn {
    width: 100%;
  }
}

.slide-articles {
  padding: 60px 0;
  background: #F2F2F2;
  -moz-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
}

.slide-articles>div>div .slide-articles-commonlist {
  position: relative;
}

.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items a,
.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items span {
  display: block;
  padding: 28px;
  color: #464646;
  text-decoration: none;
  border: 1px solid #d8d8d8;
  background: white;
}

.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items a>dl,
.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items span>dl {
  padding-top: 30px;
}

.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items a>dl>dt,
.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items span>dl>dt {
  text-align: center;
  font-family: 'ipamin';
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 36px;
}

.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items a>dl>dt::after,
.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items span>dl>dt::after {
  content: "";
  display: block;
  width: 74px;
  height: 20px;
  margin: 0 auto;
  border-bottom: 1px solid #737373;
}

.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items a>dl>dd,
.slide-articles>div>div .slide-articles-commonlist .slide-articles-list-items span>dl>dd {
  padding-top: 20px;
}

.slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav>div {
  position: absolute;
  top: 0;
  width: 130px;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-arrow {
  position: absolute;
  top: 45%;
  display: block;
  width: 10px;
  /* 50- */
  height: 10px;
  /* 50- */
  padding: 20px;
  background: #274B7A;
}

.slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-arrow>span {
  display: block;
  width: 100%;
  height: 100%;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-prev {
  left: 0;
}

.slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-prev .owl-arrow {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 70%;
}

.slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-next {
  right: 0;
}

.slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-next .owl-arrow {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 70%;
}

@media screen and (max-width: 680px) {

  /* #content */
  .slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav>div {
    width: 0;
  }

  .slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-arrow {
    width: 10px;
    /* 50- */
    height: 10px;
    /* 50- */
    padding: 10px;
  }

  .slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-prev {
    left: 10px;
  }

  .slide-articles>div>div .slide-articles-commonlist .owl-controls .owl-nav .owl-next {
    right: 10px;
  }
}

.discount-list {
  width: 100%;
  display: table;
  border-collapse: separate;
  /* セルの間隔を空ける */
  border-spacing: 20px 0;
  text-align: center;
}

.discount-list .discount-list-box {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 180px;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 4px 4px 0px 0px #DADADA;
  -webkit-box-shadow: 4px 4px 0px 0px #DADADA;
  box-shadow: 4px 4px 0px 0px #DADADA;
  background: white;
}

.discount-list .discount-list-box01::after,
.discount-list .discount-list-box02::after {
  position: absolute;
  right: -28px;
  top: 50%;
  display: block;
  width: 36px;
  height: 31px;
  padding-top: 5px;
  font-size: 24px;
  font-size: 2.4rem;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  z-index: 2;
  background: #274B7A;
}

@media screen and (max-width: 1024px) {
  .discount-list {
    /* #testerg-list */
  }
}

@media screen and (max-width: 680px) {
  .discount-list {
    /* #content */
    display: block;
  }

  .discount-list .discount-list-box {
    display: block;
    width: 100% !important;
    height: 100% !important;
  }

  .discount-list .discount-list-box01,
  .discount-list .discount-list-box02 {
    margin-bottom: 20px;
  }

  .discount-list .discount-list-box01::after,
  .discount-list .discount-list-box02::after {
    position: absolute;
    left: 50%;
    right: static;
    top: 95%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
}

.modal .modal__bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
}

.modal .modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal .modal__content a {
  display: block;
}

.modal .modal__content a:hover {
  text-decoration: none;
}

.modal .modal__content img {
  width: 100%;
  height: auto;
}

.modal .modal__content .modal__close {
  position: absolute;
  top: -15px;
  right: -15px;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  color: gray;
  text-decoration: none;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid gray;
  background: white;
}

@media screen and (max-width: 799px) {
  .modal .modal__content {
    width: 80%;
  }
}

/*==============================
Media Query Break Points
==============================*/
/* ORIGINAL */
/*========================================================================================================
=============================================   UI STYLING   =============================================
========================================================================================================*/
body {
  /* レスポンシブ時のみ表示 */
}

body #wrap #header {
  /* HOME & PAGE 共通設定（個別設定は下に記載） */
}

body #wrap #header #header-top {
  background: #0F1D3A;
}

body #wrap #header #header-top>div {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  height: 38px;
  margin: 0 auto;
  color: white;
}

body #wrap #header #header-top>div>h1 {
  float: left;
  width: 524px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 38px;
  overflow: hidden;
}

body #wrap #header #header-top>div>ul {
  float: left;
  overflow: hidden;
  *zoom: 1;
}

body #wrap #header #header-top>div>ul>li {
  float: left;
  padding-right: 20px;
  line-height: 38px;
}

body #wrap #header #header-top>div>ul>li a {
  color: white;
  text-decoration: none;
}

body #wrap #header #header-top>div>ul>li a::before {
  content: "";
  display: inline-block;
  zoom: 1;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid white;
}

body #wrap #header #header-top>div>ul>li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

body #wrap #header #header-top>div>div {
  float: right;
  width: 224px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 38px;
}

body #wrap #header #header-top>div>div>a {
  display: block;
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
  text-decoration: none;
  background: #274B7A;
}

body #wrap #header #header-top>div>div>a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

@media screen and (max-width: 1024px) {
  body #wrap #header #header-top {
    /* #header-top */
  }

  body #wrap #header #header-top>div {
    display: table;
    width: 100%;
  }

  body #wrap #header #header-top>div>h1 {
    float: none;
    display: table-cell;
    width: 40%;
    padding: 0 20px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
  }

  body #wrap #header #header-top>div>ul {
    float: none;
    display: table-cell;
    width: 30%;
    padding-left: 20px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #header #header-top>div>div {
    float: none;
    display: table-cell;
    width: 30%;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 920px) {
  body #wrap #header #header-top {
    /* #header-top */
  }

  body #wrap #header #header-top>div>h1 {
    width: 70%;
  }

  body #wrap #header #header-top>div>ul {
    display: none;
  }

  body #wrap #header #header-top>div>div {
    width: 30%;
  }
}

@media screen and (max-width: 680px) {
  body #wrap #header #header-top {
    /* #header-top */
  }

  body #wrap #header #header-top>div {
    display: block;
    height: auto;
  }

  body #wrap #header #header-top>div>h1 {
    display: block;
    width: 100%;
    text-align: center;
    background: #0F1D3A;
  }

  body #wrap #header #header-top>div>div {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 90px;
  }

  body #wrap #header #header-top>div>div>a {
    position: relative;
  }

  body #wrap #header #header-top>div>div>a>span {
    display: none;
  }

  body #wrap #header #header-top>div>div>a::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background: url(../images/common_ico_map.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }

  body #wrap #header #header-top>div>div>a::after {
    content: attr(data-title) "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    padding-top: 56px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    font-family: "Josefin Sans", sans-serif;
    letter-spacing: 0.1em;
  }


  body #wrap .header--fixed {
    position: fixed;
    -webkit-animation: headerDisplay .3s ease .4s forwards;
    animation: headerDisplay .3s ease .4s forwards;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 100%;
    z-index: 2000;
  }

  body #wrap .header-top__hamburger {
    position: relative;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
  }

  body #wrap .header-top__c-hamburger {
    display: inline-block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0;
    background: white;
    border: none;
    margin-top: 20px;
  }

  body #wrap .header-top__c-hamburger>span {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
  }

  body #wrap .header-top__c-hamburger>span>span {
    position: absolute;
    left: 5px;
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #262626;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap .header-top__c-hamburger>span>span:nth-of-type(1) {
    top: 8px;
  }

  body #wrap .header-top__c-hamburger>span>span:nth-of-type(2) {
    top: 14px;
    left: 7px;
    width: 18px;
  }

  body #wrap .header-top__c-hamburger>span>span:nth-of-type(3) {
    bottom: 8px;
  }
}

@media screen and (max-width: 480px) {
  body #wrap #header #header-top {
    /* #header-top */
  }

  body #wrap #header #header-top>div>h1 {
    font-size: 10px;
    font-size: 1rem;
  }
}

body #wrap #header #header-middle {
  height: 90px;
  background: white;
}

body #wrap #header #header-middle>div {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  padding: 20px 0;
  margin: 0 auto;
  color: white;
}

body #wrap #header #header-middle>div>div {
  float: left;
  width: 440px;
}

body #wrap #header #header-middle>div #header-button {
  float: left;
  overflow: hidden;
  *zoom: 1;
}

body #wrap #header #header-middle>div #header-button>li {
  float: left;
  padding-right: 10px;
}

body #wrap #header #header-middle>div #header-button #header-button-booking {
  width: 194px;
}

body #wrap #header #header-middle>div #header-button #header-button-booking a {
  position: relative;
  display: block;
  height: 52px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 52px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #1B7B3D;
}

body #wrap #header #header-middle>div #header-button #header-button-booking a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

body #wrap #header #header-middle>div #header-button #header-button-pamphlet {
  width: 106px;
}

body #wrap #header #header-middle>div #header-button #header-button-pamphlet a {
  position: relative;
  display: block;
  height: 52px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 52px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #832122;
}

body #wrap #header #header-middle>div #header-button #header-button-pamphlet a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

body #wrap #header #header-middle>div #header-tel {
  float: right;
  width: 240px;
  color: #737373;
  text-align: right;
}

body #wrap #header #header-middle>div #header-tel>dt {
  font-family: 'ipamin';
  line-height: 14px;
}

body #wrap #header #header-middle>div #header-tel>dd {
  color: #262626;
  font-family: "Alice", serif;
  font-size: 32px;
  font-size: 3.2rem;
}

body #wrap #header #header-middle>div #header-tel>dd>object {
  margin-right: 5px;
}

body #wrap #header #header-middle>div #header-tel>dd>img {
  vertical-align: middle;
}

@media screen and (max-width: 1024px) {
  body #wrap #header #header-middle {
    /* #header-middle */
  }

  body #wrap #header #header-middle>div {
    width: 100%;
    display: table;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #header #header-middle>div>div {
    float: none;
    display: table-cell;
    width: 30%;
    padding-right: 20px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
  }

  body #wrap #header #header-middle>div #header-button {
    float: none;
    display: table-cell;
    width: 40%;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
  }

  body #wrap #header #header-middle>div #header-button>li {
    float: none;
    display: inline-block;
    padding-right: 0;
  }

  body #wrap #header #header-middle>div #header-button>li>a {
    overflow: hidden;
    padding-right: 30px;
    padding-left: 30px;
  }

  body #wrap #header #header-middle>div #header-button #header-button-booking {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
  }

  body #wrap #header #header-middle>div #header-button #header-button-booking>a {
    letter-spacing: 0;
  }

  body #wrap #header #header-middle>div #header-button #header-button-pamphlet {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
  }

  body #wrap #header #header-middle>div #header-button #header-button-pamphlet>a {
    letter-spacing: 0;
  }

  body #wrap #header #header-middle>div #header-tel {
    float: none;
    display: table-cell;
    width: 30%;
    padding-right: 20px;
    /* white-space: nowrap; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
  }
}

@media screen and (max-width: 920px) {
  body #wrap #header #header-middle {
    /* #header-middle */
  }

  body #wrap #header #header-middle>div>div {
    width: 50%;
  }

  body #wrap #header #header-middle>div #header-button {
    width: 50%;
  }

  body #wrap #header #header-middle>div #header-tel {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  body #wrap #header #header-middle {
    /* #header-middle */
  }

  body #wrap #header #header-middle>div {
    padding: 0;
  }

  body #wrap #header #header-middle>div>div {
    width: 100%;
    height: 90px;
    padding-right: 30%;
    padding-left: 20px;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #header #header-middle>div>div>a {
    display: inline-block;
    vertical-align: top;
  }

  body #wrap #header #header-middle>div>div>a>img {
    width: 100%;
    height: auto;
  }

  body #wrap #header #header-middle>div>div #header-logo {
    width: 100%;
  }

  body #wrap #header #header-middle>div #header-button {
    display: none;
    /*
    							#header-button-booking {
    								>a {
    									&::before {
    										content: attr(data-title)"";
    										display: inline;
    									}

    									>span {
    										display: none;
    									}
    								}
    							}
    							*/
  }
}

@media screen and (max-width: 480px) {
  body #wrap #header #header-middle {
    /* #header-middle */
  }

  body #wrap #header #header-middle>div>div a object {
    width: 100%;
    height: auto;
  }
}

body #wrap #header #header-bottom {
  width: 100%;
  background: #274B7A;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list {
  display: table;
  table-layout: fixed;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li {
  position: relative;
  text-align: center;
  display: table-cell;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li>a,
body #wrap #header #header-bottom #header-navigation #header-navigation-list>li>span {
  display: block;
  height: 54px;
  /* 72- */
  padding-top: 18px;
  color: white;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  border-left: 1px solid #3E5E88;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li>a:hover,
body #wrap #header #header-bottom #header-navigation #header-navigation-list>li>span:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li>a::after,
body #wrap #header #header-bottom #header-navigation #header-navigation-list>li>span::after {
  content: attr(title) "";
  display: block;
  padding-top: 10px;
  font-family: "Josefin Sans", sans-serif;
  font-style: italic;
  letter-spacing: 0.1em;
  font-size: 12px;
  font-size: 1.2rem;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li:last-child>a,
body #wrap #header #header-bottom #header-navigation #header-navigation-list>li:last-child>span {
  border-right: 1px solid #3E5E88;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li .sub-menu {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 100;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li .sub-menu>li {
  width: 100%;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li .sub-menu>li>a {
  display: block;
  margin-bottom: 1px;
  padding: 10px 20px;
  line-height: 18px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.9);
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li .sub-menu>li>a:hover {
  background: white;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li .sub-menu .sub-menu-sp {
  display: none;
}

body #wrap #header #header-bottom #header-navigation #header-navigation-list>li:hover>ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 680px) {
  body #wrap #header #header-bottom {
    /* #header-bottom */
    display: none;
  }
}

body #wrap #header .bottomfixed #header-navigation #header-navigation-list {
  width: 1024px;
  margin: 0 auto;
}

body #wrap #header .bottomfixed #header-navigation #header-navigation-list .home {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  body #wrap #header .bottomfixed {
    /* .bottomfixed */
  }

  body #wrap #header .bottomfixed #header-navigation #header-navigation-list {
    width: 100%;
  }
}

body #wrap #header .topfixed {
  position: fixed;
  top: 0;
  z-index: 9999;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

body #wrap #header .topfixed #header-navigation #header-navigation-list {
  width: 100%;
  table-layout: auto;
}

body #wrap #header .topfixed #header-navigation #header-navigation-list .home {
  display: table-cell !important;
}

body #wrap #container {
  background: white;
}

body #wrap #container #content h3.section-title {
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  text-align: center;
  line-height: 30px;
  letter-spacing: 0.3em;
  background: url(../images/common_section_title_bg.png) no-repeat center 24px;
}

body #wrap #container #content h3.section-title::after {
  content: attr(data-title) "";
  display: block;
  padding-bottom: 40px;
  font-size: 10px;
  font-size: 1rem;
  font-family: "Josefin Sans", sans-serif;
}

body #wrap #container #content #topics {
  padding: 60px 0;
  background: #F2F2F2;
  -moz-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
}

body #wrap #container #content #topics>div>div #topics-list {
  position: relative;
}

body #wrap #container #content #topics>div>div #topics-list .topics-list-items a,
body #wrap #container #content #topics>div>div #topics-list .topics-list-items span {
  display: block;
  padding: 28px;
  color: #464646;
  text-decoration: none;
  border: 1px solid #d8d8d8;
  background: white;
}

body #wrap #container #content #topics>div>div #topics-list .topics-list-items a>dl,
body #wrap #container #content #topics>div>div #topics-list .topics-list-items span>dl {
  padding-top: 30px;
}

body #wrap #container #content #topics>div>div #topics-list .topics-list-items a>dl>dt,
body #wrap #container #content #topics>div>div #topics-list .topics-list-items span>dl>dt {
  text-align: center;
  font-family: 'ipamin';
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 36px;
}

body #wrap #container #content #topics>div>div #topics-list .topics-list-items a>dl>dt::after,
body #wrap #container #content #topics>div>div #topics-list .topics-list-items span>dl>dt::after {
  content: "";
  display: block;
  width: 74px;
  height: 20px;
  margin: 0 auto;
  border-bottom: 1px solid #737373;
}

body #wrap #container #content #topics>div>div #topics-list .topics-list-items a>dl>dd,
body #wrap #container #content #topics>div>div #topics-list .topics-list-items span>dl>dd {
  padding-top: 20px;
}

body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav>div {
  position: absolute;
  top: 0;
  width: 130px;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-arrow {
  position: absolute;
  top: 45%;
  display: block;
  width: 10px;
  /* 50- */
  height: 10px;
  /* 50- */
  padding: 20px;
  background: #274B7A;
}

body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-arrow>span {
  display: block;
  width: 100%;
  height: 100%;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-prev {
  left: 0;
}

body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-prev .owl-arrow {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 70%;
}

body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-next {
  right: 0;
}

body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-next .owl-arrow {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 70%;
}

body #wrap #container #content #interview-article .slide-articles-list-items-content>dt {
  font-size: 14px;
  font-size: 1.4rem;
}

body #wrap #container #content #interview-article .slide-articles-list-items-content>dt>span {
  font-size: 20px;
  font-size: 2rem;
  color: #274B7A;
  border: none;
  padding: 0;
  background: none;
}

@media screen and (max-width: 680px) {
  body #wrap #container #content {
    /* #content */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav>div {
    width: 0;
  }

  body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-arrow {
    width: 10px;
    /* 50- */
    height: 10px;
    /* 50- */
    padding: 10px;
  }

  body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-prev {
    left: 10px;
  }

  body #wrap #container #content #topics>div>div #topics-list .owl-controls .owl-nav .owl-next {
    right: 10px;
  }
}

body #wrap #footer {
  color: white;
  background: #274B7A;
}

body #wrap #footer a {
  color: white;
  text-decoration: none;
}

@media screen and (max-width: 680px) {
  body #wrap #footer {
    /* #footer */
    padding-bottom: 90px;
  }
}

body #wrap #footer #footer-top #footer-top-top {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
  padding: 20px 0;
  border-bottom: 1px solid #3E5E88;
}

body #wrap #footer #footer-top #footer-top-top #footer-button {
  float: left;
  width: 512px;
  overflow: hidden;
  *zoom: 1;
}

body #wrap #footer #footer-top #footer-top-top #footer-button>li {
  float: left;
}

body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking {
  width: 260px;
  padding-right: 20px;
}

body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking a {
  position: relative;
  display: block;
  height: 52px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 52px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #1B7B3D;
}

body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-pamphlet {
  width: 140px;
}

body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-pamphlet a {
  position: relative;
  display: block;
  height: 52px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 52px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #832122;
}

body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-pamphlet a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

body #wrap #footer #footer-top #footer-top-top #footer-menu {
  float: right;
  width: 512px;
  text-align: right;
}

body #wrap #footer #footer-top #footer-top-top #footer-menu>li {
  display: inline;
  line-height: 42px;
}

body #wrap #footer #footer-top #footer-top-top #footer-menu>li a {
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: underline;
}

body #wrap #footer #footer-top #footer-top-top #footer-menu>li a:hover {
  text-decoration: none;
}

body #wrap #footer #footer-top #footer-top-top #footer-menu>li::before {
  content: "/";
  display: inline-block;
  zoom: 1;
  padding: 0 10px;
}

body #wrap #footer #footer-top #footer-top-top #footer-menu>li:first-child::before {
  content: none;
}

@media screen and (max-width: 1024px) {
  body #wrap #footer #footer-top #footer-top-top {
    /* #footer-top-top */
    width: 100%;
    display: table;
    padding-right: 20px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button {
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 40%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking,
  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-pamphlet {
    width: auto;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking>a,
  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-pamphlet>a {
    padding-right: 20px;
    padding-left: 20px;
    letter-spacing: 0;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-menu {
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 60%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 855px) {
  body #wrap #footer #footer-top #footer-top-top {
    /* #footer-top-top */
    display: block;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button {
    display: block;
    width: 100%;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking {
    width: 65%;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-pamphlet {
    width: 35%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-menu {
    display: block;
    width: 100%;
    padding-top: 20px;
    text-align: center;
  }
}

@media screen and (max-width: 680px) {
  body #wrap #footer #footer-top #footer-top-top {
    /* #footer-top-top */
    padding: 0;
    border-bottom: none;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button {
    padding: 20px;
    background: #262626;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-menu {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  body #wrap #footer #footer-top #footer-top-top {
    /* #footer-top-top */
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking>a::before {
    content: attr(data-title) "";
    display: inline;
  }

  body #wrap #footer #footer-top #footer-top-top #footer-button #footer-button-booking>a>span {
    display: none;
  }
}

body #wrap #footer #footer-top #footer-top-middle {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
  padding: 40px 0;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left {
  float: left;
  overflow: hidden;
  *zoom: 1;
  width: 438px;
  border-right: 1px solid #3E5E88;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li {
  float: left;
  width: 200px;
  padding-bottom: 20px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li>a,
body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li>span {
  line-height: 36px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li>a:hover,
body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li>span:hover {
  text-decoration: none;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li .sub-menu>li {
  line-height: 21px;
  font-size: 12px;
  font-size: 1.2rem;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li .sub-menu>li>a {
  text-decoration: underline;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li .sub-menu>li>a:hover {
  text-decoration: none;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right {
  overflow: hidden;
  *zoom: 1;
  float: right;
  width: 544px;
  /* 584- */
  padding-right: 40px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right>figure {
  float: left;
  width: 254px;
  margin-left: 40px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info {
  float: right;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info>dt {
  line-height: 24px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info>dd {
  line-height: 24px;
  font-size: 12px;
  font-size: 1.2rem;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-tel {
  padding-top: 20px;
  font-family: "Alice", serif;
  font-size: 32px;
  font-size: 3.2rem;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-tel object {
  margin-right: 5px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-open {
  padding-top: 20px;
  font-size: 20px;
  font-size: 2rem;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-open span {
  display: inline-block;
  zoom: 1;
  padding: 0 10px;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.3em;
  color: #0F1D3A;
  background: white;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-access {
  padding-top: 20px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-access a {
  position: relative;
  display: block;
  height: 52px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 52px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #0F1D3A;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-access a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-bnr-recruit {
  margin-left: 40px;
}

body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-bnr-recruit>a>img {
  width: 100%;
  height: auto;
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  body #wrap #footer #footer-top #footer-top-middle {
    /* #footer-top-middle */
    display: table;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left {
    float: none;
    display: table-cell;
    width: 50%;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left .footer-sitemap {
    height: auto;
    padding-bottom: 20px;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right {
    float: none;
    display: table-cell;
    width: 50%;
    padding-right: 0;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right>figure {
    float: none;
    width: 100%;
    height: 200px;
    overflow: hidden;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right>figure>img {
    width: 100%;
    height: auto;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info {
    float: none;
    padding-top: 20px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 855px) {
  body #wrap #footer #footer-top #footer-top-middle {
    /* #footer-top-middle */
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left .footer-sitemap {
    float: none;
  }
}

@media screen and (max-width: 680px) {
  body #wrap #footer #footer-top #footer-top-middle {
    /* #footer-top-middle */
    padding: 0;
    display: block;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left {
    width: 100%;
    display: block;
    border: none;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li {
    float: none;
    width: 100%;
    padding-bottom: 0;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li>a,
  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li>span {
    display: block;
    padding: 20px;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    border-bottom: 1px solid #213F66;
    background: #3E5E88;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li .sub-menu {
    display: none;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-left>li .sub-menu>li>a {
    display: block;
    padding: 20px;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    border-bottom: 1px solid #213F66;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
    background: #213F66;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right>figure {
    display: none;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info {
    float: none;
    display: block;
    padding-left: 0;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info>dt {
    line-height: 24px;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info>dd {
    line-height: 24px;
    font-size: 12px;
    font-size: 1.2rem;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-tel {
    padding-top: 20px;
    font-family: "Alice", serif;
    font-size: 32px;
    font-size: 3.2rem;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-open {
    padding-top: 20px;
    font-size: 20px;
    font-size: 2rem;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-open span {
    display: inline-block;
    zoom: 1;
    padding: 0 10px;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.3em;
    color: #0F1D3A;
    background: white;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-access {
    padding-top: 20px;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-access a {
    position: relative;
    display: block;
    height: 52px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: white;
    letter-spacing: 0.1em;
    line-height: 52px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: #0F1D3A;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-info #footer-info-access a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-bnr-recruit {
    margin-left: 0;
  }

  body #wrap #footer #footer-top #footer-top-middle #footer-top-middle-right #footer-bnr-recruit>a>img {
    width: 100%;
    height: auto;
    margin: 20px auto 0;
  }
}

body #wrap #footer #footer-top #footer-top-bottom {
  background: #213F66;
}

body #wrap #footer #footer-top #footer-top-bottom #footer-branch {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
  padding: 20px 0;
}

body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dt {
  float: left;
  padding-top: 10px;
  font-family: 'ipamin';
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  letter-spacing: 0.1em;
}

body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd {
  float: right;
}

body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul {
  overflow: hidden;
  *zoom: 1;
}

body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul>li {
  float: left;
  margin-left: 10px;
}

body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul>li>a {
  display: block;
  padding: 10px 40px;
  border: 1px solid white;
  background: #0F1D3A;
}

body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul>li>a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

@media screen and (max-width: 1024px) {
  body #wrap #footer #footer-top #footer-top-bottom {
    /* #footer-top-bottom */
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch {
    width: 100%;
    display: table;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dt {
    float: none;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}

@media screen and (max-width: 1024px) {
  body #wrap #footer #footer-top #footer-top-bottom {
    /* #footer-top-bottom */
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch {
    display: block;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dt {
    display: block;
    padding-bottom: 20px;
    text-align: center;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd {
    display: block;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul {
    text-align: center;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul>li {
    float: none;
    display: inline-block;
  }
}

@media screen and (max-width: 680px) {
  body #wrap #footer #footer-top #footer-top-bottom {
    /* #footer-top-bottom */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch {
    width: 100%;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #0F1D3A;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dt {
    padding-top: 0;
    padding-bottom: 10px;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul>li {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }

  body #wrap #footer #footer-top #footer-top-bottom #footer-branch>dd>ul>li>a {
    padding: 20px 0;
    text-align: center;
  }
}

body #wrap #footer #footer-bottom {
  padding: 20px 0;
  background: #0F1D3A;
}

body #wrap #footer #footer-bottom>div {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
}

body #wrap #footer #footer-bottom>div>dl {
  overflow: hidden;
  *zoom: 1;
  float: left;
}

body #wrap #footer #footer-bottom>div>dl>dt {
  float: left;
}

body #wrap #footer #footer-bottom>div>dl>dd {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
}

body #wrap #footer #footer-bottom>div>dl>dd>p {
  padding: 0 20px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 14px;
}

body #wrap #footer #footer-bottom>div>dl>dd>a {
  text-decoration: underline;
}

body #wrap #footer #footer-bottom>div>dl>dd>a:hover {
  text-decoration: none;
}

body #wrap #footer #footer-bottom>div #footer-bottom-menu {
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
}

body #wrap #footer #footer-bottom>small {
  display: block;
  padding-top: 20px;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 21px;
}

body #wrap #footer #footer-bottom>small br {
  display: none;
}

body #wrap #footer #footer-bottom>small a {
  text-decoration: underline;
}

body #wrap #footer #footer-bottom>small a:hover {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  body #wrap #footer #footer-bottom {
    /* #footer-bottom */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 20px;
  }

  body #wrap #footer #footer-bottom>div {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
  }

  body #wrap #footer #footer-bottom>div>dl {
    float: left;
    width: 70%;
    display: table;
  }

  body #wrap #footer #footer-bottom>div>dl>dt {
    float: none;
    display: table-cell;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-bottom>div>dl>dd {
    float: none;
    display: table-cell;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-bottom>div>dl>dd>p {
    width: 100%;
    padding: 0 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #footer #footer-bottom>div #footer-bottom-menu {
    width: 30%;
    float: right;
    text-align: right;
  }
}

@media screen and (max-width: 855px) {
  body #wrap #footer #footer-bottom {
    /* #footer-bottom */
  }

  body #wrap #footer #footer-bottom>div {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
  }

  body #wrap #footer #footer-bottom>div>dl {
    width: 100%;
  }

  body #wrap #footer #footer-bottom>div #footer-bottom-menu {
    clear: both;
    width: 100%;
    float: none;
    padding-top: 40px;
    text-align: center;
  }
}

@media screen and (max-width: 680px) {
  body #wrap #footer #footer-bottom {
    /* #footer-bottom */
  }

  body #wrap #footer #footer-bottom>div>dl {
    display: block;
  }

  body #wrap #footer #footer-bottom>div>dl>dt {
    display: block;
    text-align: center;
  }

  body #wrap #footer #footer-bottom>div>dl>dd {
    display: block;
    padding-top: 20px;
  }

  body #wrap #footer #footer-bottom>div>dl>dd>p {
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
  }

  body #wrap #footer #footer-bottom>div>dl>dd>p br {
    display: none;
  }

  body #wrap #footer #footer-bottom>small {
    padding-top: 20px;
  }
}

@media screen and (max-width: 480px) {
  body #wrap #footer #footer-bottom {
    /* #footer-bottom */
  }

  body #wrap #footer #footer-bottom>small br {
    display: block;
  }
}

body #wrap #bookingbtn1,
body #wrap #bookingbtn2 {
  position: fixed;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 999999;
}

body #wrap #bookingbtn1>a,
body #wrap #bookingbtn2>a {
  display: block;
}

body #wrap #bookingbtn1>a:hover img,
body #wrap #bookingbtn2>a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

@media screen and (max-width: 680px) {

  body #wrap #bookingbtn1,
  body #wrap #bookingbtn2 {
    /* #bookingbtn1, #bookingbtn2 */
    display: none !important;
  }
}

body #wrap #bookingbtn1 {
  right: 40px;
  bottom: 40px;
  -moz-border-radius: 180px;
  -webkit-border-radius: 180px;
  border-radius: 180px;
}

body #wrap #bookingbtn2 {
  display: none;
  left: 60px;
  bottom: 60px;
  -moz-border-radius: 140px;
  -webkit-border-radius: 140px;
  border-radius: 140px;
}

body #wrap #spmenu {
  display: none;
}

@media screen and (max-width: 680px) {
  body #wrap #spmenu {
    display: table;
    /* display: none; */
    position: fixed;
    bottom: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    /* レスポンシブ時追加項目 */
  }

  body #wrap #spmenu>li {
    display: table-cell;
    width: 25%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #464646;
  }

  body #wrap #spmenu>li>a,
  body #wrap #spmenu>li>span {
    display: block;
    width: 100%;
    height: 90px;
    padding-top: 10px;
    color: white;
    font-size: 50px;
    font-size: 5rem;
    text-align: center;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #wrap #spmenu>li>a::before,
  body #wrap #spmenu>li>span::before {
    display: block;
    width: 100%;
    text-align: center;
    font-family: "itcl";
  }

  body #wrap #spmenu>li>a span,
  body #wrap #spmenu>li>span span {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
  }

  body #wrap #spmenu #spmenu-home {
    border-left: none;
  }

  body #wrap #spmenu #spmenu-home>a::before,
  body #wrap #spmenu #spmenu-home>span::before {
    content: "\e600";
  }

  body #wrap #spmenu #spmenu-tel>a::before,
  body #wrap #spmenu #spmenu-tel>span::before {
    content: "\e601";
  }

  body #wrap #spmenu #spmenu-booking>a::before,
  body #wrap #spmenu #spmenu-booking>span::before {
    content: "\e602";
  }

  body #wrap #spmenu .open>a::before,
  body #wrap #spmenu .open>span::before {
    content: "\e603";
  }

  body #wrap #spmenu .close>a::before,
  body #wrap #spmenu .close>span::before {
    content: "\e604";
  }
}

body #spnavigation {
  background: #213F66;
}

body #spnavigation a {
  display: block;
  padding: 20px;
  color: white;
  text-decoration: none;
}

body #spnavigation>div>ul>li>a {
  background: #213F66;
  border-bottom: 1px solid #3E5E88;
}

body #spnavigation>div>ul>li>ul {
  display: none;
}

body #spnavigation>div>ul>li>ul>li>a {
  background: #3E5E88;
  border-bottom: 1px solid #213F66;
}

body #spnavigation>div>div>a {
  display: block;
}

body #spnavigation>div>div>a img {
  width: 100%;
  height: auto;
}

/*==============================
HOME
==============================*/
@-webkit-keyframes displayForhomeMainSliderOp {
  0% {
    z-index: 1;
  }

  100% {
    z-index: -1;
  }
}

@-moz-keyframes displayForhomeMainSliderOp {
  0% {
    z-index: 1;
  }

  100% {
    z-index: -1;
  }
}

@keyframes displayForhomeMainSliderOp {
  0% {
    z-index: 1;
  }

  100% {
    z-index: -1;
  }
}

@-webkit-keyframes bgSlideinForhomeMainSliderOpBg {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes bgSlideinForhomeMainSliderOpBg {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes bgSlideinForhomeMainSliderOpBg {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes titleSlideinForhomeMainSliderOpTitle {
  0% {
    opacity: 0;
    top: 48%;
  }

  10% {
    opacity: 1;
    top: 50%;
  }

  90% {
    opacity: 1;
    top: 50%;
  }

  100% {
    opacity: 0;
    top: 48%;
  }
}

@-moz-keyframes titleSlideinForhomeMainSliderOpTitle {
  0% {
    opacity: 0;
    top: 48%;
  }

  10% {
    opacity: 1;
    top: 50%;
  }

  90% {
    opacity: 1;
    top: 50%;
  }

  100% {
    opacity: 0;
    top: 48%;
  }
}

@keyframes titleSlideinForhomeMainSliderOpTitle {
  0% {
    opacity: 0;
    top: 48%;
  }

  10% {
    opacity: 1;
    top: 50%;
  }

  90% {
    opacity: 1;
    top: 50%;
  }

  100% {
    opacity: 0;
    top: 48%;
  }
}

@-webkit-keyframes homeSliderLoading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes homeSliderLoading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes homeSliderLoading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes homeSliderIntroCopy1 {
  0% {
    opacity: 0;
    margin-top: -1%;
  }

  30% {
    opacity: 1;
    margin-top: 0;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes homeSliderIntroCopy1 {
  0% {
    opacity: 0;
    margin-top: -1%;
  }

  30% {
    opacity: 1;
    margin-top: 0;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes homeSliderIntroCopy1 {
  0% {
    opacity: 0;
    margin-top: -1%;
  }

  30% {
    opacity: 1;
    margin-top: 0;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes homeSliderIntroCopy2 {
  0% {
    opacity: 0;
    margin-top: -1%;
  }

  30% {
    opacity: 1;
    margin-top: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes homeSliderIntroCopy2 {
  0% {
    opacity: 0;
    margin-top: -1%;
  }

  30% {
    opacity: 1;
    margin-top: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes homeSliderIntroCopy2 {
  0% {
    opacity: 0;
    margin-top: -1%;
  }

  30% {
    opacity: 1;
    margin-top: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes homeSliderIntroImages {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes homeSliderIntroImages {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes homeSliderIntroImages {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes homeSliderBgFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes homeSliderBgFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes homeSliderBgFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes homeSliderTextFadeIn {
  0% {
    opacity: 0;
    margin-left: -5%;
  }

  100% {
    opacity: 1;
    margin-left: 0;
  }
}

@-moz-keyframes homeSliderTextFadeIn {
  0% {
    opacity: 0;
    margin-left: -5%;
  }

  100% {
    opacity: 1;
    margin-left: 0;
  }
}

@keyframes homeSliderTextFadeIn {
  0% {
    opacity: 0;
    margin-left: -5%;
  }

  100% {
    opacity: 1;
    margin-left: 0;
  }
}

@-webkit-keyframes homeHeroNewplan202003In {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes homeHeroNewplan202003In {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes homeHeroNewplan202003In {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#home #wrap #container #content {
  /* home オンラインCSのセクション（20210225） */
}

#home #wrap #container #content .home-main-slider-sp {
  display: none;
}

@media screen and (max-width: 855px) {
  #home #wrap #container #content .home-main-slider-sp {
    font-size: 2vw;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }

  #home #wrap #container #content .home-main-slider-sp::before {
    content: "";
    display: block;
    padding-top: 100%;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-info {
    display: block;
    width: 100%;
    height: 100%;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-info .home-main-slider-content-item-info-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5%;
    color: white;
    text-decoration: none;
    background: rgba(38, 75, 123, 0.8);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-copy {
    font-size: 2em;
    line-height: 1.6;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-copy br {
    display: none;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box {
    padding-top: 5%;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box .home-main-slider-content-item-info-role {
    display: inline-block;
    font-size: 1.6em;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box .home-main-slider-content-item-info-name {
    display: inline-block;
    margin-left: 2%;
    font-size: 2em;
  }

  #home #wrap #container #content .home-main-slider-sp .home-main-slider-content .home-main-slider-content-list .skippr-nav-container {
    display: none;
  }
}

#home #wrap #container #content .home-main-slider {
  font-size: 18px;
  font-size: 1.8rem;
  width: 100%;
  height: calc(100vh - 200px);
  margin: 0 auto;
  overflow: hidden;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content {
  position: relative;
  width: 100%;
  height: calc(100vh - 200px);
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-loader,
#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-loader {
  display: table;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-loader>div {
  display: table-cell;
  vertical-align: middle;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-loader>div>span {
  display: block;
  width: 6em;
  height: 6em;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  border-top: 0.4em solid rgba(128, 128, 128, 0.2);
  border-right: 0.4em solid rgba(128, 128, 128, 0.2);
  border-bottom: 0.4em solid rgba(128, 128, 128, 0.2);
  border-left: .4em solid gray;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: homeSliderLoading 1.1s infinite linear;
  -moz-animation: homeSliderLoading 1.1s infinite linear;
  animation: homeSliderLoading 1.1s infinite linear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy .home-main-slider-content-copy-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy .home-main-slider-content-copy-inner .home-main-slider-content-copy-text1,
#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy .home-main-slider-content-copy-inner .home-main-slider-content-copy-text2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  letter-spacing: .1em;
  opacity: 0;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy .home-main-slider-content-copy-inner .home-main-slider-content-copy-text1 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2em;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy .home-main-slider-content-copy-inner .home-main-slider-content-copy-text2 {
  font-family: "Prata", serif;
  font-size: 2em;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy.complete .home-main-slider-content-copy-text1 {
  -webkit-animation: homeSliderIntroCopy1 2s ease 0s forwards;
  -moz-animation: homeSliderIntroCopy1 2s ease 0s forwards;
  animation: homeSliderIntroCopy1 2s ease 0s forwards;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-copy.complete .home-main-slider-content-copy-text2 {
  -webkit-animation: homeSliderIntroCopy2 2s ease 2s forwards;
  -moz-animation: homeSliderIntroCopy2 2s ease 2s forwards;
  animation: homeSliderIntroCopy2 2s ease 2s forwards;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list {
  position: relative;
  z-index: 0;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100vh - 200px);
  color: white;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
  opacity: 0;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box {
  width: 100%;
  height: calc(100vh - 200px);
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-image {
  width: 100%;
  height: calc(100vh - 200px);
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-image img {
  position: absolute;
  top: 50%;
  left: 90%;
  width: 100%;
  height: auto;
  margin-top: -30%;
  margin-left: -50%;
  -moz-transform-origin: center 50%;
  -ms-transform-origin: center 50%;
  -webkit-transform-origin: center 50%;
  transform-origin: center 50%;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-info {
  position: absolute;
  bottom: 5%;
  right: 2%;
  text-align: right;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-copy {
  display: none;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box {
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box .home-main-slider-content-item-info-role {
  font-size: 1em;
  line-height: 1.8;
  letter-spacing: .1em;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box .home-main-slider-content-item-info-name {
  font-size: 1.8em;
  line-height: 1.8;
  letter-spacing: .1em;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-btn {
  display: none;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item.complete {
  -webkit-animation: homeSliderIntroImages 0.6s ease;
  -moz-animation: homeSliderIntroImages 0.6s ease;
  animation: homeSliderIntroImages 0.6s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(1) {
  margin-left: -70%;
  z-index: 3;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(1).left {
  margin-left: -120%;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(2) {
  margin-left: -30%;
  z-index: 2;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(2).right {
  margin-left: 120%;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(2).left {
  margin-left: -120%;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(3) {
  margin-left: 10%;
  z-index: 1;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(3).right {
  margin-left: 120%;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:nth-of-type(3) .home-main-slider-content-item-box .home-main-slider-content-item-info {
  right: 22%;
  text-align: left;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover {
  width: 120%;
  margin-left: -10%;
  text-shadow: none;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-image img {
  left: 40%;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info {
  bottom: auto;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 50%;
  height: 100%;
  text-align: left;
  background: rgba(38, 75, 123, 0.8);
  -webkit-animation: homeSliderBgFadeIn 0.5s ease;
  -moz-animation: homeSliderBgFadeIn 0.5s ease;
  animation: homeSliderBgFadeIn 0.5s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner {
  display: block;
  width: 100%;
  padding-right: 10%;
  padding-left: 15%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-copy {
  display: block;
  font-size: 1.8em;
  line-height: 1.8;
  letter-spacing: .1em;
  -webkit-animation: homeSliderTextFadeIn 0.5s ease 0.3s forwards;
  -moz-animation: homeSliderTextFadeIn 0.5s ease 0.3s forwards;
  animation: homeSliderTextFadeIn 0.5s ease 0.3s forwards;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box {
  padding-top: 10%;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  -webkit-animation: homeSliderTextFadeIn 0.5s ease 0.5s forwards;
  -moz-animation: homeSliderTextFadeIn 0.5s ease 0.5s forwards;
  animation: homeSliderTextFadeIn 0.5s ease 0.5s forwards;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-box .home-main-slider-content-item-info-name::after {
  content: attr(data-title) "";
  display: inline-block;
  margin-left: 5%;
  color: white;
  font-size: .4em;
  font-family: "Josefin Sans", sans-serif;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-btn {
  display: block;
  padding-top: 6%;
  -webkit-animation: homeSliderTextFadeIn 0.5s ease 0.7s forwards;
  -moz-animation: homeSliderTextFadeIn 0.5s ease 0.7s forwards;
  animation: homeSliderTextFadeIn 0.5s ease 0.7s forwards;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-btn a {
  position: relative;
  display: inline-block;
  max-width: 400px;
  width: 60%;
  padding: 20px;
  font-size: .8em;
  text-align: center;
  color: white;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.3);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 10px;
  height: 10px;
  margin-top: -1%;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-btn a:hover {
  color: black;
  background: white;
}

#home #wrap #container #content .home-main-slider .home-main-slider-content .home-main-slider-content-list .home-main-slider-content-item:hover .home-main-slider-content-item-box .home-main-slider-content-item-info .home-main-slider-content-item-info-inner .home-main-slider-content-item-info-btn a:hover::after {
  border-color: black;
}

@media screen and (max-width: 1024px) {
  #home #wrap #container #content .home-main-slider {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 855px) {
  #home #wrap #container #content .home-main-slider {
    display: none;
  }
}

#home #wrap #container #content .home-newplan202003 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 200px);
  background-image: url("../images/home_hero_pic_newplan202003.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202003 .home-newplan202003-box {
  position: relative;
  width: 60%;
  max-width: 860px;
  padding-right: 20%;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202003 .home-newplan202003-box .home-newplan202003-title {
  -webkit-animation: homeHeroNewplan202003In 1s ease 0s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0s normal;
  animation: homeHeroNewplan202003In 1s ease 0s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202003 .home-newplan202003-box .home-newplan202003-title img {
  width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202003 .home-newplan202003-box .home-newplan202003-text {
  margin-top: 5%;
  color: white;
}

#home #wrap #container #content .home-newplan202003 .home-newplan202003-box .home-newplan202003-text p {
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.5s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.5s normal;
  animation: homeHeroNewplan202003In 1s ease 0.5s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202003 .home-newplan202003-box .home-newplan202003-text .home-newplan202003-btn {
  position: relative;
  width: 100%;
  margin-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 1s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 1s normal;
  animation: homeHeroNewplan202003In 1s ease 1s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202003 .home-newplan202003-box .home-newplan202003-text .home-newplan202003-btn>a {
  display: block;
  width: 100%;
  padding: 3% 3%;
  color: white;
  font-size: large;
  text-align: center;
  text-decoration: none;
  background: #3E5E88;
  box-sizing: border-box;
}

@media screen and (max-width: 920px) {
  #home #wrap #container #content .home-newplan202003 {
    background-position: right center;
  }

  #home #wrap #container #content .home-newplan202003 .home-newplan202003-box {
    width: 80%;
    padding-right: 30%;
  }
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202003 {
    height: calc(100vh - 90px);
    background-image: url("../images/home_hero_pic_newplan202003_sp.jpg");
    background-position: center center;
  }

  #home #wrap #container #content .home-newplan202003 .home-newplan202003-box {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
  }
}

#home #wrap #container #content .home-newplan202006 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 200px);
  background-image: url("../images/202006_campaign/hero_pic_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box {
  position: relative;
  width: 90%;
  max-width: 1000px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner {
  width: 60%;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-title {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0s normal;
  animation: homeHeroNewplan202003In 1s ease 0s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-title img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text {
  margin-top: 5%;
  color: white;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-list .home-newplan202006-list-item {
  width: 50%;
  padding-left: 4%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-list .home-newplan202006-list-item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-list .home-newplan202006-list-item:first-child {
  position: relative;
  padding-right: 4%;
  padding-left: 0;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-list .home-newplan202006-list-item:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 85%;
  border-right: 1px dotted gray;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-btn {
  position: relative;
  width: 100%;
  margin-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-btn>a {
  display: block;
  width: 100%;
  padding: 5%;
  color: white;
  font-size: large;
  text-align: center;
  text-decoration: none;
  background: #3E5E88;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-caption {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-caption p {
  color: black;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202006 {
    height: calc(100vh - 90px);
    background-image: url("../images/202006_campaign/section_bg_01_sp.jpg");
    background-position: top center;
  }

  #home #wrap #container #content .home-newplan202006 .home-newplan202006-box {
    display: block;
    width: 90%;
    padding: 5%;
    background: rgba(255, 255, 255, 0.6);
  }

  #home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner {
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-title {
    padding: 0 5%;
  }

  #home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-caption {
    display: block;
  }

  #home #wrap #container #content .home-newplan202006 .home-newplan202006-box .home-newplan202006-box-inner .home-newplan202006-text .home-newplan202006-caption p {
    font-size: 10px;
    font-size: 1rem;
  }
}

#home #wrap #container #content .home-newplan202007 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 200px);
  background-image: url("../images/202006_campaign/hero_pic_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box {
  position: relative;
  width: 90%;
  max-width: 1000px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner {
  width: 60%;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-title {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0s normal;
  animation: homeHeroNewplan202003In 1s ease 0s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-title img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text {
  margin-top: 5%;
  color: white;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-list {
  text-align: center;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-list .home-newplan202007-list-item {
  margin-top: 5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-list .home-newplan202007-list-item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-list .home-newplan202007-list-item:nth-child(3) {
  margin-top: 2%;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-btn {
  position: relative;
  width: 100%;
  margin-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-btn>a {
  display: block;
  width: 100%;
  padding: 5%;
  color: white;
  font-size: large;
  text-align: center;
  text-decoration: none;
  background: #3E5E88;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-caption {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-caption p {
  color: black;
  text-align: left;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202007 {
    height: calc(100vh - 90px);
    background-image: url("../images/202006_campaign/section_bg_01_sp.jpg");
    background-position: top center;
  }

  #home #wrap #container #content .home-newplan202007 .home-newplan202007-box {
    display: block;
    width: 90%;
    padding: 5%;
    background: rgba(255, 255, 255, 0.6);
  }

  #home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner {
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-title {
    padding: 0 5%;
  }

  #home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-caption {
    display: block;
  }

  #home #wrap #container #content .home-newplan202007 .home-newplan202007-box .home-newplan202007-box-inner .home-newplan202007-text .home-newplan202007-caption p {
    font-size: 10px;
    font-size: 1rem;
  }
}

#home #wrap #container #content .home-newplan202008 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 40px 0;
  background-image: url("../images/202008_campaign/hero_bg_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box {
  position: relative;
  width: 90%;
  max-width: 1000px;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner {
  width: 500px;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner img.sp {
  display: none;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-title {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0s normal;
  animation: homeHeroNewplan202003In 1s ease 0s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-list {
  padding: 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.4);
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-list .home-newplan202008-list-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-list .home-newplan202008-list-item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-btn {
  position: relative;
  width: 100%;
  margin-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-btn>a {
  display: block;
  width: 100%;
  padding: 5%;
  color: white;
  font-size: large;
  text-align: center;
  text-decoration: none;
  background: #3E5E88;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-caption {
  padding-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  animation: homeHeroNewplan202003In 1s ease 0.9s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-caption p {
  color: black;
  text-align: left;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202008 {
    padding: 30% 0 10%;
    background-image: url("../images/202008_campaign/hero_bg_01_sp.jpg");
    background-position: center top;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box {
    display: block;
    width: 90%;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner {
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner img.sp {
    display: block;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner img.pc {
    display: none;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-title {
    width: 90%;
    text-align: left;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text {
    margin-top: 5%;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-list {
    padding: 5%;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-caption {
    display: block;
  }

  #home #wrap #container #content .home-newplan202008 .home-newplan202008-box .home-newplan202008-box-inner .home-newplan202008-text .home-newplan202008-caption p {
    font-size: 10px;
    font-size: 1rem;
  }
}

#home #wrap #container #content .home-newplan202009 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1480px;
  max-height: 600px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 0;
  background-image: url("../images/202009_campaign/hero_bg_01.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  overflow: hidden;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202009::before {
  content: "";
  display: block;
  padding-top: 47.15%;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box {
  position: absolute;
  width: 90%;
  max-width: 1000px;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner {
  width: 500px;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner img.sp {
  display: none;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-title {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0s normal;
  animation: homeHeroNewplan202003In 1s ease 0s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-text .home-newplan202009-list {
  padding: 20px;
  text-align: center;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-text .home-newplan202009-list .home-newplan202009-list-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-text .home-newplan202009-list .home-newplan202009-list-item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-text .home-newplan202009-btn {
  position: relative;
  width: 100%;
  margin-top: 10%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-text .home-newplan202009-btn>a {
  display: block;
  width: 100%;
  padding: 5%;
  color: white;
  font-size: large;
  text-align: center;
  text-decoration: none;
  background: #3E5E88;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

#home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-text .home-newplan202009-btn>a:hover {
  opacity: .6;
}

@media screen and (max-width: 1024px) {
  #home #wrap #container #content .home-newplan202009 {
    background-position: center top;
  }

  #home #wrap #container #content .home-newplan202009 .home-newplan202009-box {
    padding-right: 46%;
  }
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202009 {
    padding: 32% 0 0;
    background-image: url("../images/202009_campaign/hero_bg_01_sp.jpg");
    background-position: center top;
  }

  #home #wrap #container #content .home-newplan202009::before {
    padding-top: 100%;
  }

  #home #wrap #container #content .home-newplan202009 .home-newplan202009-box {
    display: block;
    width: 90%;
    padding-right: 0;
  }

  #home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner {
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
  }

  #home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-title {
    padding-top: 5%;
  }

  #home #wrap #container #content .home-newplan202009 .home-newplan202009-box .home-newplan202009-box-inner .home-newplan202009-text {
    margin-top: 5%;
  }
}

#home #wrap #container #content .home-newplan202010 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 5% 0;
  background-image: url("../images/202010_campaign/v2/section_bg_01.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box {
  width: 90%;
  max-width: 1000px;
  display: -webkit-flex;
  display: flex;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner {
  max-width: 570px;
  padding: 2%;
  background: rgba(255, 255, 255, 0.5);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-title {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0s normal;
  animation: homeHeroNewplan202003In 1s ease 0s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-list {
  text-align: center;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-list .home-newplan202010-list-item {
  position: relative;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-list .home-newplan202010-list-item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-list .home-newplan202010-list-item.home-newplan202010-list-item-icon::after {
  content: "+";
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "Roboto", sans-serif;
  width: 30px;
  height: 30px;
  font-size: 32px;
  line-height: 30px;
  text-align: center;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: white;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-btn {
  position: relative;
  width: 100%;
  margin-top: 5%;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  animation: homeHeroNewplan202003In 1s ease 0.6s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-btn>a {
  display: block;
  width: 100%;
  padding: 5%;
  color: white;
  font-size: large;
  text-align: center;
  text-decoration: none;
  background: #3E5E88;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

#home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-btn>a:hover {
  opacity: .6;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202010 {
    padding: 15% 0;
  }

  #home #wrap #container #content .home-newplan202010 .home-newplan202010-box .home-newplan202010-box-inner .home-newplan202010-text .home-newplan202010-list .home-newplan202010-list-item.home-newplan202010-list-item-icon::after {
    top: -12px;
    left: 50%;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
  }
}

#home #wrap #container #content .home-newplan202012 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 800px;
  background-image: url("../images/202012_campaign/section_bg_01_pc.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202012 .visible-md-block {
  display: none;
}

#home #wrap #container #content .home-newplan202012 .hidden-md {
  display: block !important;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202012 .hidden-md {
    display: none !important;
  }
}

#home #wrap #container #content .home-newplan202012 .home-newplan202012-box {
  width: 90%;
  max-width: 1000px;
  display: -webkit-flex;
  display: flex;
}

#home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner {
  max-width: 570px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-title {
  color: white;
  font-size: 5rem;
  line-height: 1.6;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0s normal;
  animation: homeHeroNewplan202003In 1s ease 0s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-text {
  margin-top: 20px;
  font-size: 2.6rem;
  line-height: 1.6;
  -webkit-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -moz-animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  animation: homeHeroNewplan202003In 1s ease 0.3s normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-text::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 1px;
  margin-right: 10px;
  background: white;
  content: none;
}

#home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-text a {
  color: white;
  text-decoration: none;
}

#home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-text a:hover {
  text-decoration: none;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202012 {
    align-items: stretch;
    height: auto;
    padding-top: 5%;
    background-image: url("../images/202012_campaign/section_bg_01_sp.jpg");
  }

  #home #wrap #container #content .home-newplan202012 .visible-md-block {
    display: block;
  }

  #home #wrap #container #content .home-newplan202012::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 140%;
  }

  #home #wrap #container #content .home-newplan202012 .home-newplan202012-box {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
  }

  #home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-title {
    font-size: 7vw;
    line-height: 1.4;
  }

  #home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-text {
    font-size: 5vw;
    line-height: 1.4;
  }

  #home #wrap #container #content .home-newplan202012 .home-newplan202012-box .home-newplan202012-box-inner .home-newplan202012-text::before {
    content: none;
  }
}

#home #wrap #container #content .home-newplan202102 {
  position: relative;
  background-image: url("../images/202103_newplan/home_fv_bg_pc.jpg");
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202102 .u-visible-lg-block {
  display: none;
}

#home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70%;
  height: 100%;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap .home-newplan202102__container .home-newplan202102__item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap .home-newplan202102__container .home-newplan202102__item.home-newplan202102__item--button a {
  display: block;
  width: 100%;
  max-width: 180px;
  margin-left: 90px;
  line-height: 0;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202102 {
    height: 100%;
    background-image: url("../images/202103_newplan/home_fv_bg_sp.jpg");
  }

  #home #wrap #container #content .home-newplan202102 .u-visible-lg-block {
    display: block;
  }

  #home #wrap #container #content .home-newplan202102 .u-hidden-lg {
    display: none;
  }

  #home #wrap #container #content .home-newplan202102::before {
    content: "";
    display: block;
    padding-top: 166.6666%;
  }

  #home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap .home-newplan202102__container {
    position: relative;
    width: 90%;
    height: 100%;
    padding-top: 20%;
    box-sizing: border-box;
  }

  #home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap .home-newplan202102__container .home-newplan202102__item.home-newplan202102__item--text {
    position: absolute;
    bottom: 20%;
  }

  #home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap .home-newplan202102__container .home-newplan202102__item.home-newplan202102__item--button {
    position: absolute;
    bottom: 10%;
  }

  #home #wrap #container #content .home-newplan202102 .home-newplan202102__wrap .home-newplan202102__container .home-newplan202102__item.home-newplan202102__item--button a {
    max-width: initial;
    width: 60%;
    margin-left: 5%;
  }
}

#home #wrap #container #content .home-newplan202105 {
  position: relative;
  background-image: url("../images/202103_newplan/home_fv_bg_pc.jpg");
  width: 100%;
  height: 660px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202105 .u-visible-lg-block {
  display: none;
}

#home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container {
  width: 60%;
  height: auto;
  padding-right: 20%;
  padding-top: 0;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container .home-newplan202105__item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container .home-newplan202105__item.home-newplan202105__item--button {
  margin-top: 20px;
}

#home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container .home-newplan202105__item.home-newplan202105__item--button a {
  display: block;
  width: 100%;
  max-width: 180px;
  margin-left: 4%;
  line-height: 0;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202105 {
    height: 100%;
    background-image: url("../images/202103_newplan/home_fv_bg_sp.jpg");
  }

  #home #wrap #container #content .home-newplan202105 .u-visible-lg-block {
    display: block;
  }

  #home #wrap #container #content .home-newplan202105 .u-hidden-lg {
    display: none;
  }

  #home #wrap #container #content .home-newplan202105::before {
    content: "";
    display: block;
    padding-top: 166.6666%;
  }

  #home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container {
    position: relative;
    width: 90%;
    height: 100%;
    padding-top: 10%;
    padding-right: 0;
    box-sizing: border-box;
  }

  #home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container .home-newplan202105__item.home-newplan202105__item--text {
    position: absolute;
    bottom: 20%;
  }

  #home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container .home-newplan202105__item.home-newplan202105__item--button {
    position: absolute;
    bottom: 10%;
  }

  #home #wrap #container #content .home-newplan202105 .home-newplan202105__wrap .home-newplan202105__container .home-newplan202105__item.home-newplan202105__item--button a {
    max-width: initial;
    width: 60%;
    margin-left: 5%;
  }
}

#home #wrap #container #content .home-newplan202108 {
  position: relative;
  background-image: url("../images/202103_newplan/home_fv_bg_pc.jpg");
  width: 100%;
  height: 660px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#home #wrap #container #content .home-newplan202108 .u-visible-lg-block {
  display: none;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container {
  width: 90%;
  max-width: 760px;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--text {
  margin-top: 40px;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner {
  margin-top: 40px;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner>ul>li {
  width: 32%;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner>ul>li img {
  width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner>ul>li:last-child {
  width: 32%;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202108 {
    height: 100%;
    background-image: url("../images/202108_newplan/home_fv_bg_sp.jpg");
  }

  #home #wrap #container #content .home-newplan202108 .u-visible-lg-block {
    display: block;
  }

  #home #wrap #container #content .home-newplan202108 .u-hidden-lg {
    display: none;
  }

  #home #wrap #container #content .home-newplan202108::before {
    content: "";
    display: block;
    padding-top: 150.6451%;
  }

  #home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container {
    position: relative;
    width: 90%;
    height: 100%;
    padding-top: 20%;
    box-sizing: border-box;
  }

  #home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--text {
    margin-top: 10%;
  }

  #home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner {
    margin-top: 8%;
  }

  #home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner>ul>li {
    width: 48%;
  }

  #home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner>ul>li img {
    width: 100%;
    height: auto;
  }

  #home #wrap #container #content .home-newplan202108 .home-newplan202108__wrap .home-newplan202108__container .home-newplan202108__item.home-newplan202108__item--banner>ul>li:last-child {
    width: 100%;
    margin-top: 5%;
  }
}

#home #wrap #container #content .home-newplan202109 {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: #f6f4ee;
  background-image: url("../images/202109_newplan/home_fv_bg_pc.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
}

#home #wrap #container #content .home-newplan202109 .u-visible-lg-block {
  display: none;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container {
  width: 90%;
  max-width: 760px;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--text {
  margin-top: 40px;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner {
  margin-top: 80px;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner>dl>dt {
  padding: 1% 0;
  text-align: center;
  color: white;
  font-size: 1.8rem;
  background: #134a7c;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner>dl>dd>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner>dl>dd>ul>li {
  width: 32%;
  margin-top: 20px;
}

#home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner>dl>dd>ul>li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202109 {
    height: 100%;
    background-image: url("../images/202109_newplan/home_fv_bg_sp.jpg");
    background-size: cover;
  }

  #home #wrap #container #content .home-newplan202109 .u-visible-lg-block {
    display: block;
  }

  #home #wrap #container #content .home-newplan202109 .u-hidden-lg {
    display: none;
  }

  #home #wrap #container #content .home-newplan202109::before {
    content: "";
    display: block;
    padding-top: 150.6451%;
  }

  #home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container {
    position: relative;
    width: 90%;
    height: 100%;
    padding-top: 10%;
    box-sizing: border-box;
  }

  #home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--text {
    margin-top: 10%;
  }

  #home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner {
    margin-top: 8%;
  }

  #home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner>dl>dt {
    font-size: 4vw;
  }

  #home #wrap #container #content .home-newplan202109 .home-newplan202109__wrap .home-newplan202109__container .home-newplan202109__item.home-newplan202109__item--banner>dl>dd>ul>li {
    width: 100%;
    margin-top: 2%;
  }
}

#home #wrap #container #content .home-newplan202110 {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: #f2f0ea;
  background-image: url("../images/202110_newplan/home_fv_bg_pc_osaka.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}

#home #wrap #container #content .home-newplan202110 .u-visible-lg-block {
  display: none;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container {
  width: 90%;
  max-width: 760px;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item img {
  max-width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--text {
  margin-top: 40px;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner {
  margin-top: 80px;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner>dl>dt {
  padding: 1% 0;
  text-align: center;
  color: white;
  font-size: 1.8rem;
  background: #134a7c;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner>dl>dd>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner>dl>dd>ul>li {
  width: 32%;
  margin-top: 20px;
}

#home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner>dl>dd>ul>li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202110 {
    height: 100%;
    background-image: url("../images/202110_newplan/home_fv_bg_sp_osaka.jpg");
    background-size: cover;
  }

  #home #wrap #container #content .home-newplan202110 .u-visible-lg-block {
    display: block;
  }

  #home #wrap #container #content .home-newplan202110 .u-hidden-lg {
    display: none;
  }

  #home #wrap #container #content .home-newplan202110::before {
    content: "";
    display: block;
    padding-top: 150.6451%;
  }

  #home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  #home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container {
    position: relative;
    width: 90%;
    height: 100%;
    padding-top: 10%;
    box-sizing: border-box;
  }

  #home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--text {
    margin-top: 10%;
  }

  #home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner {
    margin-top: 8%;
  }

  #home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner>dl>dt {
    font-size: 4vw;
  }

  #home #wrap #container #content .home-newplan202110 .home-newplan202110__wrap .home-newplan202110__container .home-newplan202110__item.home-newplan202110__item--banner>dl>dd>ul>li {
    width: 100%;
    margin-top: 2%;
  }
}

#home #wrap #container #content .home-newplan202111 {
  position: relative;
  width: 100%;
}

#home #wrap #container #content .home-newplan202111::before {
  content: "";
  display: block;
  padding-top: 46.875%;
}

#home #wrap #container #content .home-newplan202111 .home-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list {
  width: 100%;
  height: 100%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item>a {
  display: block;
  width: 100%;
  height: 100%;
}
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-campaign {
  background-image: url("../images/202408/osaka_ilandtower_fv_pc_1978×926_20240718_02_01.jpg");
}
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-20th {
  background-image: url("../images/202410/home20241010_pc.jpg");
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-reserve {
  background-image: url("../images/202401_newplan/home_fv_isoyama.webp");
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-campaign23th05 {
    background-image: url("/img/cpn20250506_pc.jpg");
}


/*
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item:nth-child(2) {
  background-image: url("https://ilandtower-clinic.jp/wp2/wp-content/uploads/2023/10/aeb86332a13ecfe654bc4115785acaea.webp");
}
*/
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-discount {
  background-image: url("../images/202111_newplan/home_fv_img_return.jpg");
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-webcounseling {
  background-image: url("../images/202111_newplan/home_fv_img_online.jpg");
}
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-newprice {
  background-image: url("https://ilandtower-clinic.jp/wp2/wp-content/uploads/2024/05/20240517pc.jpg");
}

.p-heroSlider__text {
  position: absolute;
  top: 10vw;
  right: 1vw;
  text-align: center;
}

.p-heroSlider__text_top {
  font-size: 2.6vw;
  font-weight: 600;
  font-family: "HiraMinProN-W3", serif;
  color: #000;
}

.p-heroSlider__text_cost {
  margin-top: 3vw;
  font-size: 2.3vw;
  font-weight: 600;
  font-family: "HiraMinProN-W6", serif;
  color: #03285D;
}

.p-heroSlider__text_cost span {
  font-size: 6vw;
  text-shadow: 4px 6px 4px #00000066;
  margin-left: 10px;
}

.p-heroSlider__text_notification {
  width: 25vw;
  margin: 0 auto;
  text-align: left;
}

.p-heroSlider__text_notification p {
  font-size: 0.9vw;
  color: #03285D;
}

.p-heroSlider__text_cta {
background-color: #79808a;
color: #fff;
font-size: 1.5vw;
padding: 2%;
width: 30vw;
margin-top: 2vw;
}

.p-heroSlider__text_cta_arrow {
  display: inline-block;
  color: #fff;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.375em 0.64952em;
  border-left-color: currentColor;
  border-right: 0;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-title {
  width: 100%;
  margin-bottom: calc(1vw/1);
  padding: calc(1vw/1) 0;
  text-align: center;
  color: white;
  font-size: 1.4vw;
  background-color: #66949f;
  box-sizing: border-box;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text {
  width: 100%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text a,
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text span {
  position: relative;
  display: block;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text a::before,
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text span::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -15px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text a.icon-osaka::before,
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text span.icon-osaka::before {
  background-color: #274B7A;
  background-image: url("../images/202201_newplan/common_ico_osaka.svg");
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text a.icon-new::before,
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text span.icon-new::before {
  background-color: #ff5f82;
  background-image: url("../images/202201_newplan/common_ico_new.svg");
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text a img,
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text span img {
  width: 100%;
  height: auto;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--1col {
  bottom: 15%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--1col .home-slider-item-banner-inner {
  justify-content: center;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--1col .home-slider-item-banner-inner .home-slider-item-banner-item {
  justify-content: center;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--1col .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text {
  width: 60%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--2col {
  bottom: 28%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--2col .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text {
  width: 49%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--3col {
  bottom: 14%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--3col .home-slider-item-banner-inner .home-slider-item-banner-item:first-child {
  width: 66%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--3col .home-slider-item-banner-inner .home-slider-item-banner-item:first-child .home-slider-item-banner-item-text {
  width: 49%;
}

#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--3col .home-slider-item-banner-inner .home-slider-item-banner-item:last-child {
  width: 33%;
}

@media screen and (max-width: 1024px) {

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text a::before,
  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text span::before {
    width: 30px;
    height: 30px;
    top: -10px;
    left: -15px;
  }
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-newplan202111::before {
    padding-top: 133.3333%;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-campaign {
  background-image: url("../images/202408/osaka_ilandtower_fv_sp_750×1000_20240718_01_01.jpg");
  }
  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-20th {
  background-image: url("../images/202410/home20241010_sp.jpg");
  }
  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-campaign23th05 {
  background-image: url("/img/cpn20250506_sp.jpg");
  }
  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-reserve {
  background-image: url("../images/202401_newplan/sp-home_fv_isoyama.webp");
  }
/*
  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item:nth-child(2) {
    background-image: url("https://ilandtower-clinic.jp/wp2/wp-content/uploads/2023/10/d58972b7c6a7cc05887d535891352f61.webp");
  }
*/
  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-discount {
    background-image: url("../images/202111_newplan/home_fv_img_return_sp.jpg");
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-webcounseling {
    background-image: url("../images/202111_newplan/home_fv_img_online_sp.jpg");
  }
#home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list #home-slider-item-newprice {
  background-image: url("https://ilandtower-clinic.jp/wp2/wp-content/uploads/2024/05/20240517sp.jpg");
}
  .p-heroSlider__text {
    top: 70vw;
    right: 6vw;
  }

  .p-heroSlider__text_top {
    font-size: 5.5vw;
  }

  .p-heroSlider__text_cost {
    font-size: 6vw;
  }

  .p-heroSlider__text_cost span {
    font-size: 12vw;
  }

  .p-heroSlider__text_notification {
    font-size: 2.3vw;
    margin: 3vw auto 8vw auto;
    width: 50vw;
  }

  .p-heroSlider__text_notification p {
    font-size: 2vw;
    line-height: 15px;
  }

  .p-heroSlider__text_cta {
    font-size: 2.5vw;
    width: 45vw;
    margin: 2vw auto;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner {
    display: block;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100% !important;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-title {
    margin-bottom: 3%;
    font-size: 3vw;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text {
    width: 49% !important;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner .home-slider-item-banner-inner .home-slider-item-banner-item:last-child {
    margin-top: 5%;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--1col {
    bottom: 20%;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--1col .home-slider-item-banner-inner .home-slider-item-banner-item .home-slider-item-banner-item-text {
    width: 80% !important;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--2col {
    bottom: 14%;
  }

  #home #wrap #container #content .home-newplan202111 .home-slider .home-slider-list .home-slider-item .home-slider-item-banner.home-slider-item-banner--3col {
    bottom: 20%;
  }
}

#home #wrap #container #content .home-news {
  width: 90%;
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
}

#home #wrap #container #content .home-news.home-news--20220202 {
  margin-top: 5%;
  text-align: center;
  border: 1px solid #DDD;
}

#home #wrap #container #content .home-news.home-news--20220202 .home-news__inner {
  padding: 5%;
}

#home #wrap #container #content .home-news.home-news--20220202 .home-news__inner .home-news__title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.4;
}

#home #wrap #container #content .home-news.home-news--20220202 .home-news__inner .home-news__title>span {
  font-size: .6em;
  font-weight: normal;
}

#home #wrap #container #content .home-news.home-news--20220202 .home-news__inner .home-news__contents {
  margin-top: 2%;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content .home-news.home-news--20220202 .home-news__inner .home-news__title {
    font-size: 4vw;
  }
}

#home #wrap #container #content>section div.home-section-btn>a {
  position: relative;
  display: block;
  height: 52px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 52px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #274B7A;
}

#home #wrap #container #content>section div.home-section-btn>a::after {
  content: "";
  display: inline-block;
  zoom: 1;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#home #wrap #container #content>section div.home-section-btn>a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content>section div.home-section-btn {
    /* .home-section-btn */
  }

  #home #wrap #container #content>section div.home-section-btn>a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#home #wrap #container #content #home-slider {
  width: 100% !important;
  height: 538px;
  background: #274B7A;
  overflow: hidden;
  /*
  					@media screen and (max-width: 680px){ // #home-slider
  						//height: 200px !important;
  						margin-bottom: 0 !important;
  					}

  					@media screen and (max-width: 480px){ // #home-slider
  						//height: 200px !important;
  						margin-bottom: 0 !important;

  						>li {
  							@include background-size(cover);
  						}
  					}
  */
}

#home #wrap #container #content #home-slider>li {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}

#home #wrap #container #content #home-slider>li>a {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1136px) {
  #home #wrap #container #content #home-slider {
    padding-top: 47.36% !important;
    height: auto;
  }

  #home #wrap #container #content #home-slider>li {
    top: 0;
    left: 0;
  }
}

@media screen and (max-width: 480px) {
  #home #wrap #container #content #home-slider .skippr-nav-container .skippr-nav-element-block {
    width: 10px;
    margin: 0 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
}

#home #wrap #container #content #home-h1 {
  padding: 40px;
  -moz-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5);
}

#home #wrap #container #content #home-h1>h1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  line-height: 36px;
  text-align: center;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-h1 {
    /* #home-h2 */
    padding: 20px;
  }

  #home #wrap #container #content #home-h1>h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 480px) {
  #home #wrap #container #content #home-h1 {
    /* #home-h2 */
  }

  #home #wrap #container #content #home-h1>h1 br {
    display: none;
  }
}

#home #wrap #container #content #home-information .hidden-lg {
  display: block !important;
}

@media screen and (max-width: 1024px) {
  #home #wrap #container #content #home-information .hidden-lg {
    display: none !important;
  }
}

#home #wrap #container #content #home-information .hidden-md {
  display: block !important;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-information .hidden-md {
    display: none !important;
  }
}

#home #wrap #container #content #home-information .visible-md-block {
  display: none !important;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-information .visible-md-block {
    display: block !important;
  }
}

#home #wrap #container #content #home-information .visible-sm-block {
  display: none !important;
}

@media screen and (max-width: 480px) {
  #home #wrap #container #content #home-information .visible-sm-block {
    display: block !important;
  }
}

#home #wrap #container #content #home-information .homeinfo {
  width: 80%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px;
  text-align: center;
  border: 2px solid #E1E1E1;
  box-sizing: border-box;
}

#home #wrap #container #content #home-information .homeinfo:last-of-type {
  margin-top: 50px;
}

#home #wrap #container #content #home-information .homeinfo #contactbox {
  display: none;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__item.homeinfo__item--title {
  color: #213F66;
  font-size: 2.1rem;
  line-height: 1.6;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__item.homeinfo__item--contents {
  margin-top: 30px;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__item.homeinfo__item--contents .homeinfo__button {
  width: 100%;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__table {
  width: 100%;
  max-width: 530px;
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__table tr th,
#home #wrap #container #content #home-information .homeinfo .homeinfo__table tr td {
  padding: 2%;
  text-align: center;
  line-height: 1.6;
  border: 2px solid #E1E1E1;
  border-collapse: collapse;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__table tr th {
  font-weight: bold;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 530px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item {
  width: 28%;
  text-align: center;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>a,
#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 18% 2%;
  font-size: small;
  color: #2C6EAA;
  line-height: 1.4;
  border: 2px dashed rgba(44, 110, 170, 0.4);
  border-radius: 10px 10px;
  box-sizing: border-box;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>a::before,
#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>span::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 40%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>a>span,
#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>span>span {
  display: inline-block;
  margin-top: 10%;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>a:hover {
  color: white;
  border: 2px solid #2C6EAA;
  background: #2C6EAA;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>a:hover::before {
  background-color: white;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center top;
  -webkit-mask-position: center top;
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--tel>a::before,
#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--tel>span::before {
  background-image: url("../images/info_ico_tel.svg");
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--tel>a:hover::before {
  background-image: none;
  mask-image: url("../images/info_ico_tel.svg");
  -webkit-mask-image: url("../images/info_ico_tel.svg");
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--email>a::before,
#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--email>span::before {
  background-image: url("../images/info_ico_email.svg");
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--email>a:hover::before {
  background-image: none;
  mask-image: url("../images/info_ico_email.svg");
  -webkit-mask-image: url("../images/info_ico_email.svg");
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--online>a::before,
#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--online>span::before {
  background-image: url("../images/info_ico_online.svg");
}

#home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item.homeinfoList__item--online>a:hover::before {
  background-image: none;
  mask-image: url("../images/info_ico_online.svg");
  -webkit-mask-image: url("../images/info_ico_online.svg");
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-information {
    padding: 6% 0 !important;
  }

  #home #wrap #container #content #home-information .homeinfo {
    width: 90%;
    padding: 5%;
  }

  #home #wrap #container #content #home-information .homeinfo:last-of-type {
    margin-top: 5%;
  }

  #home #wrap #container #content #home-information .homeinfo .home-section-btn {
    padding: 0;
  }

  #home #wrap #container #content #home-information .homeinfo .homeinfo__table {
    margin-top: 5%;
    margin-bottom: 5%;
  }

  #home #wrap #container #content #home-information .homeinfo .homeinfo__table tr th,
  #home #wrap #container #content #home-information .homeinfo .homeinfo__table tr td {
    font-size: small;
  }

  #home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item {
    width: 31%;
  }

  #home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>a,
  #home #wrap #container #content #home-information .homeinfo .homeinfo__list .homeinfoList__item>span {
    padding: 8% 2%;
    font-size: 2vw;
  }
}

#home #wrap #container #content .webcounseling {
  padding: 80px 0;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap {
  display: flex;
  justify-content: flex-end;
  width: 90%;
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
  border: 10px solid #DDDDDD;
  background-image: url(../images/home_img_webcounseling_01.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 50%;
  box-sizing: border-box;
  /*
  &::before {
  	content: "";
  	display: block;
  	padding-top: 61.8666%;
  }
  */
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container {
  width: 50%;
  padding: 40px 20px;
  box-sizing: border-box;
  color: #002d3b;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__copy {
  font-size: 2rem;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents {
  font-size: 2rem;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__title {
  margin-top: 30px;
  font-size: 1em;
  line-height: 1.4;
  font-weight: bold;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__title>span {
  font-size: 1.4em;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child {
  margin-top: 30px;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table {
  font-size: 2rem;
  border: 2px solid #002d3b;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__title {
  padding: 15px;
  color: white;
  font-size: 1em;
  background: #002d3b;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents {
  font-size: 1em;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item {
  position: relative;
  padding: 15px;
  font-size: 1em;
  border-top: 2px solid #002d3b;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item>span {
  display: inline-block;
  padding-left: 44px;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  border: 3px solid #002d3b;
  transform: translateY(-50%);
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 3px solid #002d3b;
  border-left: 3px solid #002d3b;
  transform: translateY(-50%) rotate(-45deg);
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounseling__link {
  margin-top: 30px;
  font-size: 2rem;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounseling__link a {
  display: block;
  padding: 15px;
  text-align: center;
  color: white;
  font-size: 1em;
  background: #ff7c2e;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounseling__link a>span {
  position: relative;
  display: inline-block;
  padding: 0 5%;
}

#home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounseling__link a>span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 855px) {
  #home #wrap #container #content .webcounseling {
    padding: 10% 0;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap {
    display: block;
    padding: 0;
    border: 5px solid #DDDDDD;
    background-image: url(../images/home_img_webcounseling_01_sp.jpg);
    background-size: contain;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap::before {
    content: "";
    display: block;
    padding-top: 61.8666%;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container {
    width: 100%;
    padding: 5%;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__copy {
    font-size: 3.6vw;
    text-align: center;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents {
    font-size: 3.6vw;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__title {
    margin-top: 5%;
    text-align: center;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child {
    margin-top: 5%;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table {
    font-size: 3.6vw;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__title {
    padding: 5%;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item {
    padding: 5%;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounseling__link {
    margin-top: 5%;
    font-size: 3.6vw;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounseling__link a {
    padding: 5%;
  }
}

@media screen and (max-width: 480px) {
  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item>span {
    padding-left: 10%;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item::before {
    left: 15px;
    width: 15px;
    height: 15px;
    border: 2px solid #002d3b;
  }

  #home #wrap #container #content .webcounseling .webcounseling__wrap .webcounseling__container .webcounseling__contents .webcounseling__child .webcounselingList__table .webcounselingTable__contents .webcounselingTable__list .webcounselingTableList__item::after {
    left: 20px;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #002d3b;
    border-left: 2px solid #002d3b;
  }
}

#home #wrap #container #content #home-broadcast {
  width: 100%;
  background: #F2F2F2;
}

#home #wrap #container #content #home-broadcast>dl {
  width: 80%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

#home #wrap #container #content #home-broadcast>dl>dt {
  display: inline-block;
  max-width: 338px;
}

#home #wrap #container #content #home-broadcast>dl>dt img {
  width: 100%;
  height: auto;
}

#home #wrap #container #content #home-broadcast>dl>dd {
  position: relative;
  height: 0;
  margin-top: 40px;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  overflow: hidden;
}

#home #wrap #container #content #home-broadcast>dl>dd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-broadcast {
    /* #home-broadcast */
    padding: 5% 0 !important;
  }

  #home #wrap #container #content #home-broadcast>dl {
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

#home #wrap #container #content #home-recommend {
  padding: 60px 0 0 0;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list {
  overflow: hidden;
  *zoom: 1;
  background: #274B7A;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li {
  float: left;
  width: 33.3%;
  text-align: center;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li>a {
  display: block;
  text-decoration: none;
  color: #737373;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li>a>div {
  overflow: hidden;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li>a>div img {
  width: 100%;
  height: auto;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li>a dl {
  padding: 30px;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li>a dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li>a dl dt::after {
  content: "";
  display: block;
  width: 74px;
  height: 20px;
  margin: 0 auto;
  border-bottom: 1px solid #737373;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list>li>a dl dd {
  padding-top: 20px;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list #home-recommend-list1,
#home #wrap #container #content #home-recommend>div>div #home-recommend-list #home-recommend-list3 {
  background: #274B7A;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list #home-recommend-list1 a,
#home #wrap #container #content #home-recommend>div>div #home-recommend-list #home-recommend-list3 a {
  color: white;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list #home-recommend-list1 a dl dt::after,
#home #wrap #container #content #home-recommend>div>div #home-recommend-list #home-recommend-list3 a dl dt::after {
  border-color: #FFF;
}

#home #wrap #container #content #home-recommend>div>div #home-recommend-list #home-recommend-list2 {
  background: white;
}

@media screen and (max-width: 1024px) {
  #home #wrap #container #content #home-recommend {
    /* #home-recommend */
  }

  #home #wrap #container #content #home-recommend>div>div #home-recommend-list {
    display: table;
  }

  #home #wrap #container #content #home-recommend>div>div #home-recommend-list>li {
    float: none;
    display: table-cell;
  }
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-recommend {
    /* #home-recommend */
  }

  #home #wrap #container #content #home-recommend>div>div #home-recommend-list {
    display: block;
  }

  #home #wrap #container #content #home-recommend>div>div #home-recommend-list>li {
    width: 100%;
    display: block;
  }
}

#home #wrap #container #content #home-feature {
  padding: 60px 0 0 0;
  background: #F2F2F2;
}

#home #wrap #container #content #home-feature>div {
  overflow: hidden;
  *zoom: 1;
}

#home #wrap #container #content #home-feature>div>h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

#home #wrap #container #content #home-feature>div>h3>span {
  display: block;
  font-size: 26px;
  font-size: 2.6rem;
  color: #785A26;
}

#home #wrap #container #content #home-feature>div>div {
  height: 434px;
}

#home #wrap #container #content #home-feature>div>div>div {
  width: 540px;
  /* 1024- */
  margin: 0 auto;
  padding-top: 80px;
}

#home #wrap #container #content #home-feature>div>div>div>h4 {
  padding-bottom: 20px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  line-height: 42px;
}

#home #wrap #container #content #home-feature>div>div>div>h4 span {
  font-size: 38px;
  font-size: 3.8rem;
}

#home #wrap #container #content #home-feature>div>div>div .home-section-btn {
  margin-top: 40px;
}

#home #wrap #container #content #home-feature>div #home-feature-share {
  padding-left: 524px;
  color: white;
  background: #0C2D5F url(../images/home_feature_bg_share.jpg) no-repeat center top;
}

#home #wrap #container #content #home-feature>div #home-feature-share>div>p>span {
  position: relative;
}

#home #wrap #container #content #home-feature>div #home-feature-share>div>p>span::after {
  display: inline-block;
  vertical-align: top;
  margin-top: -3px;
  font-size: 9px;
  font-size: 0.9rem;
}

#home #wrap #container #content #home-feature>div #home-feature-share>div>p .home-feature-share-asterisk01::after {
  content: "※1";
}

#home #wrap #container #content #home-feature>div #home-feature-share>div>p .home-feature-share-asterisk02::after {
  content: "※2";
}

#home #wrap #container #content #home-feature>div #home-feature-share>div .supplement {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 20px;
}

#home #wrap #container #content #home-feature>div #home-feature-share>div .supplement>a {
  color: white;
}

#home #wrap #container #content #home-feature>div #home-feature-share .home-section-btn a {
  background: rgba(255, 255, 255, 0.3);
}

#home #wrap #container #content #home-feature>div #home-feature-doctor {
  padding-right: 524px;
  background: white url(../images/home_feature_bg_doctor.png) no-repeat center top;
}

#home #wrap #container #content #home-feature>div #home-feature-rate {
  padding-left: 524px;
  color: white;
  background: #E09650 url(../images/home_feature_bg_rate.jpg) no-repeat center top;
}

#home #wrap #container #content #home-feature>div #home-feature-rate .home-section-btn a {
  background: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-feature {
    /* #home-feature */
  }

  #home #wrap #container #content #home-feature>div>div>div>h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
  }

  #home #wrap #container #content #home-feature>div>div>div>h4>span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 1024px) {
  #home #wrap #container #content #home-feature {
    /* #home-feature */
  }

  #home #wrap #container #content #home-feature>div>div {
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #home #wrap #container #content #home-feature>div>div>div {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #home #wrap #container #content #home-feature>div #home-feature-share,
  #home #wrap #container #content #home-feature>div #home-feature-rate {
    padding-left: 50%;
  }

  #home #wrap #container #content #home-feature>div #home-feature-share>div,
  #home #wrap #container #content #home-feature>div #home-feature-rate>div {
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
  }

  #home #wrap #container #content #home-feature>div #home-feature-doctor {
    padding-right: 50%;
  }

  #home #wrap #container #content #home-feature>div #home-feature-doctor>div {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-feature {
    /* #home-feature */
  }

  #home #wrap #container #content #home-feature>div>div>div>h4 br {
    display: none;
  }

  #home #wrap #container #content #home-feature>div #home-feature-share,
  #home #wrap #container #content #home-feature>div #home-feature-rate {
    padding-left: 30%;
  }

  #home #wrap #container #content #home-feature>div #home-feature-doctor {
    padding-right: 30%;
  }
}

@media screen and (max-width: 480px) {
  #home #wrap #container #content #home-feature {
    /* #home-feature */
  }

  #home #wrap #container #content #home-feature>div #home-feature-share,
  #home #wrap #container #content #home-feature>div #home-feature-rate {
    padding-left: 0;
    background-image: none;
  }

  #home #wrap #container #content #home-feature>div #home-feature-share>div,
  #home #wrap #container #content #home-feature>div #home-feature-rate>div {
    padding-left: 20px;
  }

  #home #wrap #container #content #home-feature>div #home-feature-doctor {
    padding-right: 0;
    background-image: none;
  }

  #home #wrap #container #content #home-feature>div #home-feature-doctor>div {
    padding-right: 20px;
  }
}

#home #wrap #container #content #home-director {
  padding: 60px 0 0 0;
  background: #F2F2F2 url(../images/home_director_bg.jpg) no-repeat center top;
}

#home #wrap #container #content #home-director #home-director-box {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
  background: white url(../images/home_director_pic_abe.jpg) no-repeat left top;
}

#home #wrap #container #content #home-director #home-director-box>figure {
  float: left;
  width: 400px;
  text-align: center;
}

#home #wrap #container #content #home-director #home-director-box>figure>img {
  display: none;
}

#home #wrap #container #content #home-director #home-director-box>figure>figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  padding: 20px 0;
  color: white;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.5);
}

#home #wrap #container #content #home-director #home-director-box>figure>figcaption>span {
  font-size: 18px;
  font-size: 1.8rem;
}

#home #wrap #container #content #home-director #home-director-box>dl {
  float: right;
  width: 564px;
  /* 624- */
  padding: 30px;
}

#home #wrap #container #content #home-director #home-director-box>dl>dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  line-height: 28px;
  letter-spacing: 0.1em;
}

#home #wrap #container #content #home-director #home-director-box>dl>dd {
  padding-top: 20px;
}

#home #wrap #container #content #home-director>ul {
  overflow: hidden;
  *zoom: 1;
  padding-top: 40px;
}

#home #wrap #container #content #home-director>ul>li {
  float: left;
  width: 25%;
  overflow: hidden;
}

#home #wrap #container #content #home-director>ul>li img {
  width: 100%;
  height: auto;
}

#home #wrap #container #content #home-director .home-section-btn {
  width: 474px;
  margin: 40px auto 0 auto;
}

@media screen and (max-width: 1024px) {
  #home #wrap #container #content #home-director {
    /* #home-feature */
  }

  #home #wrap #container #content #home-director #home-director-box {
    display: table;
    width: 100%;
    padding: 20px;
    background: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #home #wrap #container #content #home-director #home-director-box>figure {
    position: relative;
    float: none;
    display: table-cell;
    width: 40%;
    background: white url(../images/home_director_pic_abe.jpg) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }

  #home #wrap #container #content #home-director #home-director-box>figure>figcaption {
    width: 100%;
  }

  #home #wrap #container #content #home-director #home-director-box>dl {
    float: none;
    display: table-cell;
    width: 60%;
    background: white;
  }
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-director {
    /* #home-feature */
  }

  #home #wrap #container #content #home-director #home-director-box {
    display: block;
  }

  #home #wrap #container #content #home-director #home-director-box>figure {
    display: block;
    width: 100%;
    background: none;
  }

  #home #wrap #container #content #home-director #home-director-box>figure>img {
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto;
    -moz-border-radius: 70%;
    -webkit-border-radius: 70%;
    border-radius: 70%;
  }

  #home #wrap #container #content #home-director #home-director-box>figure>figcaption {
    position: static;
    width: 100%;
    color: #464646;
    background: none;
  }

  #home #wrap #container #content #home-director #home-director-box>dl {
    display: block;
    width: 100%;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #home #wrap #container #content #home-director #home-director-box>dl>dt {
    text-align: center;
  }

  #home #wrap #container #content #home-director #home-director-box>dl>dt br {
    display: none;
  }

  #home #wrap #container #content #home-director #home-director-box>dl>dd>p br {
    display: none;
  }

  #home #wrap #container #content #home-director>ul {
    display: none;
  }

  #home #wrap #container #content #home-director .home-section-btn {
    width: 100%;
    padding: 0 20px 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

#home #wrap #container #content #home-information {
  padding: 60px 0;
}

#home #wrap #container #content #home-information #home-information-box {
  width: 1024px;
  margin: 0 auto;
}

#home #wrap #container #content #home-information #home-information-box>dl {
  overflow: hidden;
  *zoom: 1;
  padding: 20px 40px;
  border-bottom: 1px solid #F2F2F2;
}

#home #wrap #container #content #home-information #home-information-box>dl:first-child {
  border-top: 1px solid #F2F2F2;
}

#home #wrap #container #content #home-information #home-information-box>dl>dt {
  float: left;
  width: 180px;
  line-height: 28px;
  font-family: 'ipamin';
}

#home #wrap #container #content #home-information #home-information-box>dl>dt>span {
  display: inline-block;
  zoom: 1;
  width: 50px;
  margin-left: 10px;
  padding: 3px 0;
  text-align: center;
  font-family: verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: white;
  line-height: 14px;
  font-size: 10px;
  font-size: 1rem;
}

#home #wrap #container #content #home-information #home-information-box>dl>dt .news {
  background: #1B7B3D;
}

#home #wrap #container #content #home-information #home-information-box>dl>dt .media {
  background: #0F1D3A;
}

#home #wrap #container #content #home-information #home-information-box>dl>dd {
  float: right;
  width: 764px;
  line-height: 28px;
}

#home #wrap #container #content #home-information .home-section-btn {
  width: 474px;
  margin: 40px auto 0 auto;
}

@media screen and (max-width: 1024px) {
  #home #wrap #container #content #home-information {
    /* #home-information */
  }

  #home #wrap #container #content #home-information #home-information-box {
    width: 100%;
  }

  #home #wrap #container #content #home-information #home-information-box>dl {
    display: table;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #home #wrap #container #content #home-information #home-information-box>dl>dt {
    display: table-cell;
    width: 30%;
  }

  #home #wrap #container #content #home-information #home-information-box>dl>dd {
    display: table-cell;
    width: 70%;
  }
}

@media screen and (max-width: 680px) {
  #home #wrap #container #content #home-information {
    /* #home-information */
  }

  #home #wrap #container #content #home-information #home-information-box>dl>dd>p {
    padding-left: 10px;
  }

  #home #wrap #container #content #home-information .home-section-btn {
    width: 100%;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/*==============================
PAGE
==============================*/
#page #wrap #container>h1 {
  width: 100%;
  height: 174px;
  padding-top: 60px;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.6;
  background-color: #0F1D3A;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#page #wrap #container>h1::after {
  content: attr(data-title) "";
  display: block;
  padding-top: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #464646;
  font-style: italic;
  font-family: "Josefin Sans", sans-serif;
}

@media screen and (max-width: 1024px) {
  #page #wrap #container>h1 {
    /* >h2 */
  }
}

@media screen and (max-width: 680px) {
  #page #wrap #container>h1 {
    /* >h2 */
    padding-top: 12%;
    padding-right: 10%;
    padding-left: 10%;
  }
}

#page #wrap #container #breadcrumbs {
  -moz-box-shadow: 0px -8px 8px -8px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0px -8px 8px -8px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0px -8px 8px -8px rgba(0, 0, 0, 0.3) inset;
  background: #DADADA;
}

#page #wrap #container #breadcrumbs>ul {
  overflow: hidden;
  *zoom: 1;
  width: 984px;
  /* 1024- */
  margin: 0 auto;
  padding: 20px;
}

#page #wrap #container #breadcrumbs>ul>li {
  float: left;
  line-height: 1.6;
}

#page #wrap #container #breadcrumbs>ul>li::before {
  content: ">";
  display: inline;
  padding: 0 10px;
}

#page #wrap #container #breadcrumbs>ul>li:first-child::before {
  content: none;
}

@media screen and (max-width: 1024px) {
  #page #wrap #container #breadcrumbs {
    /* #breadcrumbs */
  }

  #page #wrap #container #breadcrumbs>ul {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 680px) {
  #page #wrap #container #breadcrumbs {
    /* #breadcrumbs */
    display: none;
  }
}

#page #wrap #container #content {
  background: #F2F2F2;
}

@media screen and (max-width: 1024px) {
  #page #wrap #container #content>section {
    /* >section */
    width: 100%;
  }

  #page #wrap #container #content>section>div {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

#page #wrap #container #content .page-intro {
  padding: 40px 20px;
  background: white;
}

#page #wrap #container #content .page-intro .page-intro-catch {
  color: #262626;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  line-height: 46px;
}

#page #wrap #container #content .page-intro .page-intro-catch>span {
  font-size: 14px;
  font-size: 1.4rem;
}

#page #wrap #container #content .page-intro .page-intro-txt {
  padding-top: 30px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  #page #wrap #container #content .page-intro {
    /* .page-intro */
    padding-top: 20px;
    padding-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #page #wrap #container #content .page-intro .page-intro-catch {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 36px;
  }

  #page #wrap #container #content .page-intro br {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  #page #wrap #container #content .page-intro {
    /* .page-intro */
  }

  #page #wrap #container #content .page-intro .page-intro-catch {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

#page #wrap #container #content .page-index>div {
  width: 1024px;
  margin: 0 auto;
  padding: 80px 0;
}

#page #wrap #container #content .page-index>div .page-index-list {
  overflow: hidden;
  *zoom: 1;
  margin-left: -32px;
  padding-top: 20px;
}

#page #wrap #container #content .page-index>div .page-index-list>li {
  position: relative;
  float: left;
  /* width: 320px; */
  height: 360px;
  overflow: hidden;
  margin-bottom: 32px;
  margin-left: 32px;
  background: white;
}

#page #wrap #container #content .page-index>div .page-index-list>li::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #3E5E88;
  border-bottom: 10px solid #3E5E88;
  border-left: 10px solid transparent;
}

#page #wrap #container #content .page-index>div .page-index-list>li a,
#page #wrap #container #content .page-index>div .page-index-list>li span {
  display: block;
  height: 100%;
  text-decoration: none;
}

#page #wrap #container #content .page-index>div .page-index-list>li a>img,
#page #wrap #container #content .page-index>div .page-index-list>li span>img {
  width: 100%;
  height: auto;
}

#page #wrap #container #content .page-index>div .page-index-list>li a>div,
#page #wrap #container #content .page-index>div .page-index-list>li span>div {
  padding-top: 30px;
  text-align: center;
  font-family: 'ipamin';
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.1em;
}

#page #wrap #container #content .page-index>div .page-index-list>li a>div>span,
#page #wrap #container #content .page-index>div .page-index-list>li span>div>span {
  padding-bottom: 5px;
  color: #737373;
  font-size: 14px;
  font-size: 1.4rem;
}

#page #wrap #container #content .page-index>div .page-index-list>li a>p,
#page #wrap #container #content .page-index>div .page-index-list>li span>p {
  padding: 20px 30px 30px;
}

#page #wrap #container #content .page-index>div .page-index-list>li a>dl,
#page #wrap #container #content .page-index>div .page-index-list>li span>dl {
  padding: 30px;
}

#page #wrap #container #content .page-index>div .page-index-list>li a>dl>dt,
#page #wrap #container #content .page-index>div .page-index-list>li span>dl>dt {
  padding-bottom: 16px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  line-height: 28px;
}

#page #wrap #container #content .page-index>div .page-index-list>li a>dl>dd,
#page #wrap #container #content .page-index>div .page-index-list>li span>dl>dd {
  color: #737373;
}

#page #wrap #container #content .page-index>div .page-index-list>li a {
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

#page #wrap #container #content .page-index>div .page-index-list>li a:hover {
  background: rgba(0, 0, 0, 0.2);
}

#page #wrap #container #content .page-index>div .page-index-list>li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

#page #wrap #container #content .page-index>div .column1>li {
  width: 320px;
}

#page #wrap #container #content .page-index>div .column2>li {
  width: 496px;
}

@media screen and (max-width: 1024px) {
  #page #wrap #container #content .page-index {
    /* .page-index */
  }

  #page #wrap #container #content .page-index>div {
    width: 100%;
  }

  #page #wrap #container #content .page-index>div .page-index-list {
    text-align: center;
  }

  #page #wrap #container #content .page-index>div .page-index-list>li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 680px) {
  #page #wrap #container #content .page-index {
    /* .page-index */
  }

  #page #wrap #container #content .page-index>div {
    padding: 20px;
  }

  #page #wrap #container #content .page-index>div .page-index-list {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  #page #wrap #container #content .page-index>div .page-index-list>li {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  #page #wrap #container #content .page-index>div .page-index-list>li a img {
    width: 100%;
    height: auto;
  }
}

#page #wrap #container #content #voice {
  padding: 60px 0;
  -moz-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
}

#page #wrap #container #content #voice>div {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
}

#page #wrap #container #content #voice>div #voice-image {
  float: left;
  width: 180px;
}

#page #wrap #container #content #voice>div #voice-image>figcaption {
  padding-top: 10px;
  text-align: center;
}

#page #wrap #container #content #voice>div #voice-list {
  float: right;
  width: 740px;
}

#page #wrap #container #content #voice>div #voice-list>dt {
  padding-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  line-height: 28px;
}

@media screen and (max-width: 1024px) {
  #page #wrap #container #content #voice {
    /* #voice */
  }

  #page #wrap #container #content #voice>div {
    width: 100%;
    display: table;
  }

  #page #wrap #container #content #voice>div #voice-image {
    float: none;
    display: table-cell;
    width: auto;
    vertical-align: top;
  }

  #page #wrap #container #content #voice>div #voice-list {
    float: none;
    display: table-cell;
    width: auto;
    vertical-align: top;
    padding-left: 30px;
  }
}

@media screen and (max-width: 680px) {
  #page #wrap #container #content #voice {
    /* #voice */
  }

  #page #wrap #container #content #voice>div {
    display: block;
  }

  #page #wrap #container #content #voice>div #voice-image {
    display: block;
    text-align: center;
  }

  #page #wrap #container #content #voice>div #voice-list {
    display: block;
    padding-left: 0;
  }

  #page #wrap #container #content #voice>div #voice-list>dt {
    padding-top: 40px;
    text-align: center;
  }
}

#page #wrap #container #content #bottommenu {
  padding: 60px 0;
  -moz-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 8px 10px -8px rgba(0, 0, 0, 0.5) inset;
}

#page #wrap #container #content #bottommenu>div {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
}

#page #wrap #container #content #bottommenu>div>div>ul {
  overflow: hidden;
  *zoom: 1;
  margin-left: -32px;
}

#page #wrap #container #content #bottommenu>div>div>ul>li {
  float: left;
  width: 320px;
  height: 120px;
  margin-left: 32px;
  margin-bottom: 32px;
}

#page #wrap #container #content #bottommenu>div>div>ul>li>a,
#page #wrap #container #content #bottommenu>div>div>ul>li>span {
  display: block;
  width: 320px;
  height: 120px;
  color: white;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 120px;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background: url(../images/common_bottommenu_bg.jpg) no-repeat center center;
}

#page #wrap #container #content #bottommenu>div>div>ul>li>a:hover,
#page #wrap #container #content #bottommenu>div>div>ul>li>span:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

@media screen and (max-width: 1024px) {
  #page #wrap #container #content #bottommenu {
    /* #bottommenu */
  }

  #page #wrap #container #content #bottommenu>div {
    width: 100%;
  }

  #page #wrap #container #content #bottommenu>div>div>ul {
    text-align: center;
  }

  #page #wrap #container #content #bottommenu>div>div>ul>li {
    float: none;
    display: inline-block;
  }
}

@media screen and (max-width: 680px) {
  #page #wrap #container #content #bottommenu {
    /* #bottommenu */
  }

  #page #wrap #container #content #bottommenu>div {
    width: 100%;
  }

  #page #wrap #container #content #bottommenu>div>div>ul {
    margin-left: 0;
  }

  #page #wrap #container #content #bottommenu>div>div>ul>li {
    display: block;
    width: 100%;
    margin-left: 0;
  }

  #page #wrap #container #content #bottommenu>div>div>ul>li>a,
  #page #wrap #container #content #bottommenu>div>div>ul>li>span {
    width: 100%;
  }
}

/*==============================
施術当日までの流れ
==============================*/
.idirect #content #idirect-feature {
  height: 726px;
  background: #274B7A url(../images/page_idirect_feature_bg.jpg) no-repeat left top;
}

.idirect #content #idirect-feature>div {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
  color: white;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.idirect #content #idirect-feature>div>h4 {
  text-align: center;
  line-height: 36px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 0.1em;
}

.idirect #content #idirect-feature>div>figure {
  float: right;
  margin-left: 20px;
  padding-top: 20px;
}

.idirect #content #idirect-feature>div>p {
  padding-top: 40px;
}

@media screen and (max-width: 680px) {
  .idirect #content #idirect-feature {
    /* #idirect-feature */
    height: auto;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .idirect #content #idirect-feature>div {
    width: 100%;
    padding: 80px 0 40px 0;
  }

  .idirect #content #idirect-feature>div>h4 br {
    display: none;
  }

  .idirect #content #idirect-feature>div>figure {
    float: none;
    margin-left: 0;
    text-align: center;
  }

  .idirect #content #idirect-feature>div>figure img {
    width: 80%;
    height: auto;
  }
}

.idirect #content #idirect-compare {
  padding: 80px 0;
  background: white;
}

.idirect #content #idirect-compare>div {
  width: 960px;
  margin: 0 auto;
}

.idirect #content #idirect-compare>div>table tr th,
.idirect #content #idirect-compare>div>table tr td {
  vertical-align: top;
  border-collapse: collapse;
}

.idirect #content #idirect-compare>div>table tr td {
  width: 398px;
  /* 408- */
}

.idirect #content #idirect-compare>div>table tr td>figure img {
  width: 100%;
  height: auto;
}

.idirect #content #idirect-compare>div>table tr .idirect {
  border-top: 30px solid white;
  border-right: 5px solid #274B7A;
  border-left: 5px solid #274B7A;
}

.idirect #content #idirect-compare>div>table tr .idirect>figure {
  border-top: 5px solid #274B7A;
}

.idirect #content #idirect-compare>div>table tr .fut {
  border-top: 30px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.idirect #content #idirect-compare>div>table tr .fut>figure {
  border-top: 5px solid transparent;
}

.idirect #content #idirect-compare>div>table tr .first {
  border-top: none;
}

.idirect #content #idirect-compare>div>table tr .first>p {
  border-top: none;
}

.idirect #content #idirect-compare>div>table tr .second {
  color: white;
  text-align: center;
  vertical-align: middle;
  background: #274B7A;
}

.idirect #content #idirect-compare>div>table tr .second p {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 34px;
}

.idirect #content #idirect-compare>div>table thead tr th {
  padding: 30px 20px;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 28px;
  letter-spacing: 0.2em;
}

.idirect #content #idirect-compare>div>table thead tr th span {
  font-size: 18px;
  font-size: 1.8rem;
}

.idirect #content #idirect-compare>div>table thead tr .idirect {
  color: white;
  border: 5px solid #274B7A;
  background: #274B7A;
}

.idirect #content #idirect-compare>div>table thead tr .fut {
  border: 5px solid transparent;
}

.idirect #content #idirect-compare>div>table tbody tr th {
  /* padding: 0 40px; */
  width: 146px;
  color: white;
  vertical-align: middle;
  line-height: 30px;
}

.idirect #content #idirect-compare>div>table tbody tr th span {
  position: relative;
  display: block;
  width: 32px;
  /* 72- */
  padding: 20px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  color: #274B7A;
  background: #DADADA;
}

.idirect #content #idirect-compare>div>table tbody tr th span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 72px;
  width: 0;
  height: 0;
  margin-top: -20px;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #DADADA;
}

.idirect #content #idirect-compare>div>table tbody tr td {
  position: relative;
}

.idirect #content #idirect-compare>div>table tbody tr td>p {
  padding: 20px;
}

.idirect #content #idirect-compare>div>table tbody tr td>dl {
  position: relative;
  margin: 20px 20px 30px 20px;
  padding: 20px;
  background: #E1E1E1;
}

.idirect #content #idirect-compare>div>table tbody tr td>dl>dt {
  position: absolute;
  top: -10px;
  left: 20px;
}

.idirect #content #idirect-compare>div>table tbody tr td>dl>dt::before {
  content: attr(data-title) "";
  display: inline;
  padding-right: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: italic;
}

.idirect #content #idirect-compare>div>table tbody tr .idirect::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 398px;
  height: 0;
  border-bottom: 5px solid #274B7A;
}

.idirect #content #idirect-compare>div>table tbody tr .idirect::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-top: 20px solid #274B7A;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
}

.idirect #content #idirect-compare>div>table tbody tr .fut::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 358px;
  height: 0;
  border-bottom: 3px dotted #5A5A5A;
}

.idirect #content #idirect-compare>div>table tbody tr .fut::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-top: 20px solid #5A5A5A;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
}

.idirect #content #idirect-compare>div>table tbody tr .last::after {
  content: none;
}

@media screen and (max-width: 1024px) {
  .idirect #content #idirect-compare {
    /* #idirect-compare */
  }

  .idirect #content #idirect-compare>div>table tbody tr>th {
    width: 20%;
  }

  .idirect #content #idirect-compare>div>table tbody tr .idirect {
    width: 40%;
  }

  .idirect #content #idirect-compare>div>table tbody tr .idirect::before {
    width: 100%;
  }

  .idirect #content #idirect-compare>div>table tbody tr .fut {
    width: 40%;
  }

  .idirect #content #idirect-compare>div>table tbody tr .fut::before {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .idirect #content #idirect-compare {
    /* #idirect-compare */
    display: none;
  }

  .idirect #content #idirect-compare>div {
    width: 100%;
    overflow: hidden;
  }

  .idirect #content #idirect-compare>div>table {
    background: white;
  }

  .idirect #content #idirect-compare>div>table tr th,
  .idirect #content #idirect-compare>div>table tr td {
    padding: 20px;
    vertical-align: top;
    border-collapse: collapse;
  }

  .idirect #content #idirect-compare>div>table tr td {
    width: auto;
    /* 408- */
    border: 1px solid #DADADA;
  }

  .idirect #content #idirect-compare>div>table tr .idirect {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border: 1px solid #DADADA;
  }

  .idirect #content #idirect-compare>div>table tr .idirect>figure {
    border-top: 0;
  }

  .idirect #content #idirect-compare>div>table tr .fut {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border: 1px solid #DADADA;
  }

  .idirect #content #idirect-compare>div>table tr .fut>figure {
    border-top: 0;
  }

  .idirect #content #idirect-compare>div>table tr .first {
    border-top: none;
  }

  .idirect #content #idirect-compare>div>table tr .first>p {
    border-top: none;
  }

  .idirect #content #idirect-compare>div>table thead tr th {
    padding: 20px;
    border: none;
  }

  .idirect #content #idirect-compare>div>table thead tr .idirect {
    border: 0;
    border: 1px solid #DADADA;
  }

  .idirect #content #idirect-compare>div>table thead tr .fut {
    border: 0;
    border: 1px solid #DADADA;
  }

  .idirect #content #idirect-compare>div>table tbody tr th {
    width: auto;
    border: 1px solid #DADADA;
  }

  .idirect #content #idirect-compare>div>table tbody tr th span {
    background: transparent;
  }

  .idirect #content #idirect-compare>div>table tbody tr th span::after {
    content: none;
  }

  .idirect #content #idirect-compare>div>table tbody tr td>p {
    padding: 0;
  }

  .idirect #content #idirect-compare>div>table tbody tr td>dl {
    margin: 0;
    margin-top: 20px;
    padding: 20px;
  }

  .idirect #content #idirect-compare>div>table tbody tr td>dl>dt {
    position: static;
    font-weight: bold;
    padding-bottom: 10px;
  }

  .idirect #content #idirect-compare>div>table tbody tr td>dl>dt::before {
    content: none;
  }

  .idirect #content #idirect-compare>div>table tbody tr .idirect::before {
    content: none;
  }

  .idirect #content #idirect-compare>div>table tbody tr .idirect::after {
    content: none;
  }

  .idirect #content #idirect-compare>div>table tbody tr .fut::before {
    content: none;
  }

  .idirect #content #idirect-compare>div>table tbody tr .fut::after {
    content: none;
  }

  .idirect #content #idirect-compare>div>table tbody tr .last::after {
    content: none;
  }
}

.idirect #content #idirect-compare-sp {
  display: none;
}

@media screen and (max-width: 680px) {
  .idirect #content #idirect-compare-sp {
    /* #idirect-compare-sp */
    display: block;
  }

  .idirect #content #idirect-compare-sp>div>h3 {
    padding-top: 40px;
  }

  .idirect #content #idirect-compare-sp>div>dl {
    margin-bottom: 20px;
    background: white;
  }

  .idirect #content #idirect-compare-sp>div>dl>dt {
    padding: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    color: white;
    text-align: center;
    background: #1B7B3D;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd {
    padding: 20px;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd>dl {
    padding-bottom: 40px;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd>dl>dt {
    padding: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd>dl>dd>figure {
    text-align: center;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd>dl>dd>figure>img {
    width: 100%;
    height: auto;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd>dl>dd>p {
    padding-top: 20px;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd .fut>dt {
    background: #F2F2F2;
  }

  .idirect #content #idirect-compare-sp>div>dl>dd .idirect>dt {
    color: white;
    background: #274B7A;
  }
}

.idirect #content #idirect-technics {
  height: 328px;
  background: #274B7A url(../images/page_idirect_technics_bg.jpg) no-repeat center top;
}

.idirect #content #idirect-technics>div {
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
  color: white;
}

.idirect #content #idirect-technics>div>p {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 46px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.1em;
}

.idirect #content #idirect-technics>div>p span {
  font-size: 32px;
  font-size: 3.2rem;
}

.idirect #content #idirect-technics>div>div {
  width: 560px;
  margin: 40px auto 0;
}

.idirect #content #idirect-technics>div>div>a {
  position: relative;
  display: block;
  height: 42px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 42px;
  text-decoration: none;
  border: 2px solid white;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.idirect #content #idirect-technics>div>div>a::after {
  content: "";
  display: inline-block;
  zoom: 1;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.idirect #content #idirect-technics>div>div>a:hover {
  color: #274B7A;
  background: white;
}

.idirect #content #idirect-technics>div>div>a:hover::after {
  border-top: 1px solid #274B7A;
  border-right: 1px solid #274B7A;
}

@media screen and (max-width: 680px) {
  .idirect #content #idirect-technics {
    /* #idirect-technics */
    height: auto;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .idirect #content #idirect-technics>div {
    width: 100%;
    padding: 40px 0;
  }

  .idirect #content #idirect-technics>div>p br {
    display: none;
  }

  .idirect #content #idirect-technics>div>div {
    width: 100%;
  }
}

/*==============================
施術当日までの流れ
==============================*/
.step #content #step-preparation {
  padding: 80px 0;
}

.step #content #step-preparation #step-preparation-index {
  padding-bottom: 40px;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list {
  overflow: hidden;
  *zoom: 1;
  width: 880px;
  margin: 0 auto;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list>li {
  position: relative;
  float: left;
  padding-left: 44px;
  text-align: center;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list>li>a {
  position: relative;
  display: block;
  width: 132px;
  height: 88px;
  /* 132- */
  padding-top: 44px;
  text-decoration: none;
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  border: 1px solid #0F1D3A;
  -moz-border-radius: 134px;
  -webkit-border-radius: 134px;
  border-radius: 134px;
  background: white;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list>li>a>span {
  display: block;
  padding-top: 8px;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list>li>a::before {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  width: 132px;
  text-align: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list>li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0F1D3A;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list>li:first-child {
  padding-left: 0;
}

.step #content #step-preparation #step-preparation-index #step-preparation-index-list>li:first-child::before {
  content: none;
}

.step #content #step-preparation #step-preparation-copy {
  padding: 30px 0;
  background: #274B7A;
}

.step #content #step-preparation #step-preparation-copy>p {
  color: white;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 40px;
  letter-spacing: 0.2em;
  font-size: 26px;
  font-size: 2.6rem;
}

.step #content #step-preparation #step-preparation-list {
  padding: 40px 0;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right,
.step #content #step-preparation #step-preparation-list .step-preparation-list-left {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right::after,
.step #content #step-preparation #step-preparation-list .step-preparation-list-left::after {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  width: 70px;
  height: 28px;
  margin-left: -35px;
  line-height: 32px;
  text-align: center;
  color: white;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0.1em;
  background: #274B7A;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure,
.step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure {
  position: absolute;
  width: 480px;
  height: 302px;
  z-index: 0;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure::before,
.step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 8px;
  width: 440px;
  height: 20px;
  background: transparent;
  -moz-box-shadow: 0 0 20px 0px #262626;
  -webkit-box-shadow: 0 0 20px 0px #262626;
  box-shadow: 0 0 20px 0px #262626;
  z-index: -1;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right>dl,
.step #content #step-preparation #step-preparation-list .step-preparation-list-left>dl {
  width: 378px;
  /* 514- */
  margin-top: 50px;
  background: white;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right>dl>dt,
.step #content #step-preparation #step-preparation-list .step-preparation-list-left>dl>dt {
  padding-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 36px;
  color: #274B7A;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure {
  top: 0;
  left: 0;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure::before {
  left: 20px;
  -moz-transform: rotate(-1.2deg);
  -ms-transform: rotate(-1.2deg);
  -webkit-transform: rotate(-1.2deg);
  transform: rotate(-1.2deg);
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-right>dl {
  float: right;
  padding: 52px 58px 52px 78px;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure {
  top: 0;
  right: 0;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure::before {
  right: 20px;
  -moz-transform: rotate(1.2deg);
  -ms-transform: rotate(1.2deg);
  -webkit-transform: rotate(1.2deg);
  transform: rotate(1.2deg);
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-left>dl {
  float: left;
  padding: 52px 78px 52px 58px;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-point {
  position: relative;
  width: 896px;
  /* 1024- */
  margin: 40px auto;
  padding: 32px;
  background: white;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-point::after {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: -30px;
  left: -30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: white;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0.1em;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  background: #F2CE33;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-point>div {
  overflow: hidden;
  *zoom: 1;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>figure {
  float: left;
  width: 380px;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>figure>img {
  width: 100%;
  height: auto;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>dl {
  float: right;
  width: 458px;
}

.step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>dl>dt {
  padding-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 36px;
  color: #274B7A;
}

.step #content #step-preparation #step-preparation-list>div.page-btn {
  width: 560px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .step #content #step-preparation {
    /* #step-preparation */
  }

  .step #content #step-preparation #step-preparation-index #step-preparation-index-list {
    width: 100%;
    text-align: center;
  }

  .step #content #step-preparation #step-preparation-index #step-preparation-index-list>li {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 0;
    vertical-align: top;
  }

  .step #content #step-preparation #step-preparation-index #step-preparation-index-list>li::before {
    content: none;
  }

  .step #content #step-preparation #step-preparation-index #step-preparation-index-list>li>a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right::after,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left::after {
    top: 0;
    left: 0;
    margin-left: 0;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure {
    position: static;
    display: table-cell;
    width: 30%;
    height: auto;
    vertical-align: top;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure>img,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure>img {
    width: 100%;
    height: auto;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>dl,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>dl {
    position: static;
    display: table-cell;
    width: auto;
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 30px;
    vertical-align: top;
    background: transparent;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>dl>dt,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>dl>dt {
    padding-bottom: 10px;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point {
    width: 100%;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point::after {
    top: 0;
    left: 0;
    width: 70px;
    height: 28px;
    line-height: 32px;
    text-align: center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>figure {
    float: none;
    position: static;
    display: table-cell;
    width: 30%;
    height: auto;
    vertical-align: top;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>figure>img {
    width: 100%;
    height: auto;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>dl {
    float: none;
    position: static;
    display: table-cell;
    width: auto;
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 30px;
    vertical-align: top;
    background: transparent;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>dl>dt {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 680px) {
  .step #content #step-preparation {
    /* #step-preparation */
    padding-top: 0;
  }

  .step #content #step-preparation #step-preparation-index {
    display: none;
  }

  .step #content #step-preparation #step-preparation-list {
    padding-top: 0;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left {
    display: block;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure {
    display: block;
    width: 100%;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>figure>img,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>figure>img {
    width: 100%;
    height: auto;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>dl,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>dl {
    display: block;
    padding-left: 0;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-right>dl>dt,
  .step #content #step-preparation #step-preparation-list .step-preparation-list-left>dl>dt {
    padding-top: 20px;
    text-align: center;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>figure {
    display: block;
    width: 100%;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>figure>img {
    width: 100%;
    height: auto;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>dl {
    display: block;
    padding-left: 0;
  }

  .step #content #step-preparation #step-preparation-list .step-preparation-list-point>div>dl>dt {
    padding-top: 20px;
    text-align: center;
  }

  .step #content #step-preparation #step-preparation-list>div.page-btn {
    width: 100%;
  }
}

/*==============================
施術当日の流れ
==============================*/
.day #content #day-flow {
  padding: 80px 0;
}

.day #content #day-flow #day-flow-index {
  padding-bottom: 40px;
}

.day #content #day-flow #day-flow-index #day-flow-index-list {
  overflow: hidden;
  *zoom: 1;
  width: 900px;
  margin: 0 auto;
  padding-top: 40px;
}

.day #content #day-flow #day-flow-index #day-flow-index-list>li {
  position: relative;
  float: left;
  padding-left: 40px;
  text-align: center;
}

.day #content #day-flow #day-flow-index #day-flow-index-list>li>a {
  position: relative;
  display: block;
  width: 21px;
  /* 91- */
  height: 264px;
  padding: 0 35px;
  text-decoration: none;
  font-size: 20px;
  font-size: 2rem;
  font-family: 'ipamin';
  -ms-writing-mode: tb-rl;
  /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  border: 1px solid #0F1D3A;
  background: white;
}

.day #content #day-flow #day-flow-index #day-flow-index-list>li>a>span {
  display: block;
  padding-top: 8px;
}

.day #content #day-flow #day-flow-index #day-flow-index-list>li>a::after {
  content: attr(data-num) "";
  display: block;
  position: absolute;
  top: -16px;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  color: white;
  text-align: center;
  font-family: "Josefin Sans", sans-serif;
  line-height: 32px;
  letter-spacing: 0;
  font-size: 18px;
  font-size: 1.8rem;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  -ms-writing-mode: lr-tb;
  /* for MS IE8+ */
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  background: #0F1D3A;
}

.day #content #day-flow #day-flow-index #day-flow-index-list>li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0F1D3A;
}

.day #content #day-flow #day-flow-index #day-flow-index-list>li:first-child {
  padding-left: 0;
}

.day #content #day-flow #day-flow-index #day-flow-index-list>li:first-child::before {
  content: none;
}

.day #content #day-flow #day-flow-copy {
  padding: 30px 0;
  background: #274B7A;
}

.day #content #day-flow #day-flow-copy>p {
  color: white;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 40px;
  letter-spacing: 0.2em;
  font-size: 26px;
  font-size: 2.6rem;
}

.day #content #day-flow #day-flow-list {
  padding: 40px 0;
}

.day #content #day-flow #day-flow-list .day-flow-list-right,
.day #content #day-flow #day-flow-list .day-flow-list-left {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 80px auto;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>figure,
.day #content #day-flow #day-flow-list .day-flow-list-left>figure {
  position: relative;
  width: 480px;
  padding-bottom: 15px;
  z-index: 0;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>figure::before,
.day #content #day-flow #day-flow-list .day-flow-list-left>figure::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 20px;
  width: 440px;
  height: 20px;
  background: transparent;
  -moz-box-shadow: 0 0 20px 0px #262626;
  -webkit-box-shadow: 0 0 20px 0px #262626;
  box-shadow: 0 0 20px 0px #262626;
  z-index: 1;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>figure>img,
.day #content #day-flow #day-flow-list .day-flow-list-left>figure>img {
  position: relative;
  height: 300px;
  z-index: 2;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl {
  position: relative;
  width: 480px;
  text-align: center;
  z-index: 0;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl::before,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 142px;
  height: 142px;
  margin-left: -71px;
  border: 1px solid #274B7A;
  -moz-border-radius: 142px;
  -webkit-border-radius: 142px;
  border-radius: 142px;
  z-index: 2;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl::after,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 70px;
  width: 150px;
  height: 0;
  border-top: 1px solid #274B7A;
  z-index: 1;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt {
  position: relative;
  display: inline-block;
  height: 142px;
  margin-top: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  letter-spacing: 0.1em;
  color: #274B7A;
  z-index: 3;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt>span,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt>span {
  display: block;
  padding: 5px 0 10px 0;
  background: #F2F2F2;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt::before,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt::before {
  content: attr(data-num) ".";
  display: block;
  padding-left: 5px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "Pinyon Script", serif;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt::after,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt::after {
  content: attr(data-title) "";
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  font-family: "Josefin Sans", sans-serif;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl>dd,
.day #content #day-flow #day-flow-list .day-flow-list-left>dl>dd {
  text-align: left;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>figure {
  float: left;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>figure::before {
  left: 20px;
  -moz-transform: rotate(-1.2deg);
  -ms-transform: rotate(-1.2deg);
  -webkit-transform: rotate(-1.2deg);
  transform: rotate(-1.2deg);
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl {
  float: right;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl::after {
  left: 0;
}

.day #content #day-flow #day-flow-list .day-flow-list-right>dl>dd {
  padding-left: 60px;
}

.day #content #day-flow #day-flow-list .day-flow-list-left>figure {
  float: right;
}

.day #content #day-flow #day-flow-list .day-flow-list-left>figure::before {
  right: 20px;
  -moz-transform: rotate(1.2deg);
  -ms-transform: rotate(1.2deg);
  -webkit-transform: rotate(1.2deg);
  transform: rotate(1.2deg);
}

.day #content #day-flow #day-flow-list .day-flow-list-left>dl {
  float: left;
}

.day #content #day-flow #day-flow-list .day-flow-list-left>dl::after {
  right: 0;
}

.day #content #day-flow #day-flow-list .day-flow-list-left>dl>dd {
  padding-right: 60px;
}

.day #content #day-flow #day-flow-list .day-flow-list-point {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  /* 1024- */
  margin: 40px auto;
  padding: 32px;
  background: white;
}

.day #content #day-flow #day-flow-list .day-flow-list-point>figure {
  float: left;
  width: 380px;
}

.day #content #day-flow #day-flow-list .day-flow-list-point>figure>img {
  width: 100%;
  height: auto;
}

.day #content #day-flow #day-flow-list .day-flow-list-point>dl {
  float: right;
  width: 528px;
}

.day #content #day-flow #day-flow-list .day-flow-list-point>dl>dt {
  padding-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 36px;
  color: #274B7A;
}

.day #content #day-flow #day-flow-list>div.page-btn {
  width: 560px;
  margin: 0 auto;
}

.day #content #day-flow #day-flow-list .page-btn a {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .day #content #day-flow {
    /* #day-flow */
  }

  .day #content #day-flow #day-flow-index #day-flow-index-list {
    width: 100%;
    text-align: center;
  }

  .day #content #day-flow #day-flow-index #day-flow-index-list>li {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 0;
    vertical-align: top;
  }

  .day #content #day-flow #day-flow-index #day-flow-index-list>li::before {
    content: none;
  }

  .day #content #day-flow #day-flow-index #day-flow-index-list>li>a {
    -ms-writing-mode: lr-tb;
    /* for MS IE8+ */
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    width: 300px;
    height: auto;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .day #content #day-flow #day-flow-index #day-flow-index-list>li>a::after {
    content: none;
  }

  .day #content #day-flow #day-flow-list {
    padding: 0;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right,
  .day #content #day-flow #day-flow-list .day-flow-list-left {
    display: table;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>figure,
  .day #content #day-flow #day-flow-list .day-flow-list-left>figure {
    position: static;
    float: none;
    display: table-cell;
    width: 30%;
    height: auto;
    vertical-align: top;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>figure::before,
  .day #content #day-flow #day-flow-list .day-flow-list-left>figure::before {
    content: none;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>figure>img,
  .day #content #day-flow #day-flow-list .day-flow-list-left>figure>img {
    width: 100%;
    height: auto;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl {
    position: static;
    float: none;
    display: table-cell;
    width: 70%;
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 30px;
    vertical-align: top;
    text-align: left;
    background: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl::before,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl::before {
    content: none;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl::after,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl::after {
    content: none;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt {
    display: block;
    height: auto;
    margin-top: 0;
    text-align: left;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt>span,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt>span {
    background: transparent;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt::before,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt::before {
    content: none;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt::after,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt::after {
    content: none;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl>dd,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl>dd {
    padding-right: 0;
    padding-left: 0;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point {
    display: table;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point>figure {
    float: none;
    position: static;
    display: table-cell;
    width: 30%;
    height: auto;
    vertical-align: top;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point>figure>img {
    width: 100%;
    height: auto;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point>dl {
    float: none;
    position: static;
    display: table-cell;
    width: auto;
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 30px;
    vertical-align: top;
    background: transparent;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point>dl>dt {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .day #content #day-flow #day-flow-list>div.page-btn {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .day #content #day-flow {
    /* #day-flow */
    padding-top: 0;
  }

  .day #content #day-flow #day-flow-index {
    display: none;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right,
  .day #content #day-flow #day-flow-list .day-flow-list-left {
    display: block;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>figure,
  .day #content #day-flow #day-flow-list .day-flow-list-left>figure {
    display: block;
    width: 100%;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl {
    display: block;
    width: 100%;
    padding-left: 0;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-right>dl>dt,
  .day #content #day-flow #day-flow-list .day-flow-list-left>dl>dt {
    padding-top: 20px;
    text-align: center;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point>figure {
    display: block;
    width: 100%;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point>dl {
    display: block;
    padding-left: 0;
  }

  .day #content #day-flow #day-flow-list .day-flow-list-point>dl>dt {
    padding-top: 20px;
    text-align: center;
  }
}

/*==============================
カウンセリングについて
==============================*/
.counseling #content #counseling-flow {
  padding: 80px 0;
}

.counseling #content #counseling-flow #counseling-flow-index {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.counseling #content #counseling-flow #counseling-flow-index>p {
  padding-bottom: 40px;
  text-align: center;
}

.counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list {
  overflow: hidden;
  *zoom: 1;
}

.counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li {
  position: relative;
  float: left;
  width: 220px;
  padding-left: 48px;
}

.counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li>a {
  position: relative;
  display: block;
  height: 124px;
  /* 130- */
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  line-height: 100px;
  border: 3px solid #274B7A;
  background: white;
}

.counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li>a::after {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  font-size: 10px;
  font-size: 1rem;
  font-family: "Josefin Sans", sans-serif;
  text-align: center;
  line-height: 0;
}

.counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li::before {
  content: "";
  display: block;
  position: absolute;
  top: 54px;
  left: 20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0F1D3A;
}

.counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li:first-child {
  padding-left: 0;
}

.counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li:first-child::before {
  content: none;
}

.counseling #content #counseling-flow #counseling-flow-copy {
  padding: 30px 0;
  background: #274B7A;
}

.counseling #content #counseling-flow #counseling-flow-copy>p {
  color: white;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 40px;
  letter-spacing: 0.2em;
  font-size: 26px;
  font-size: 2.6rem;
}

.counseling #content #counseling-flow #counseling-flow-list {
  padding-top: 40px;
}

.counseling #content #counseling-flow #counseling-flow-list>div {
  position: relative;
}

.counseling #content #counseling-flow #counseling-flow-list>div::after {
  content: "";
  display: block;
  position: absolute;
  top: -80px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-top: 10px solid #274B7A;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.counseling #content #counseling-flow #counseling-flow-list>div:first-child::before {
  content: none;
}

.counseling #content #counseling-flow #counseling-flow-list>div:first-child::after {
  content: none;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title {
  position: relative;
  width: 960px;
  margin: 40px auto 0 auto;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  text-align: center;
  line-height: 30px;
  letter-spacing: 0.3em;
  text-align: center;
  color: #274B7A;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title::after {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  padding-bottom: 40px;
  font-size: 10px;
  font-size: 1rem;
  font-family: "Josefin Sans", sans-serif;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span {
  position: relative;
  display: block;
  height: 100px;
  z-index: 0;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 360px;
  height: 100%;
  margin-left: -180px;
  z-index: 2;
  background: #F2F2F2;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #274B7A;
  z-index: 1;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span>span {
  position: relative;
  display: block;
  z-index: 3;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span>span::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: -23px;
  width: 20px;
  height: 20px;
  border-top: 1px solid #274B7A;
  border-right: 1px solid #274B7A;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span>span::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: -23px;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #274B7A;
  border-left: 1px solid #274B7A;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content {
  position: relative;
  width: 960px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content>li {
  display: inline-block;
  width: 300px;
  height: 460px;
  margin-right: 15px;
  margin-left: 15px;
  vertical-align: top;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content>li>dl {
  padding-top: 20px;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content>li>dl>dt {
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  line-height: 30px;
  letter-spacing: 0.3em;
  text-align: center;
  color: #274B7A;
}

.counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content>li>dl>dd {
  padding-top: 10px;
}

.counseling #content #counseling-flow #counseling-flow-list>div .fit>li {
  margin-right: 0;
  margin-left: 0;
}

.counseling #content #counseling-flow #counseling-flow-list>div .fit>li:nth-child(3n+2) {
  margin-right: 30px;
  margin-left: 30px;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option {
  overflow: hidden;
  *zoom: 1;
  width: 900px;
  /* 960- */
  margin: 0 auto;
  padding: 30px;
  background: white;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option::before {
  content: none;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option::after {
  content: none;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>figure {
  float: left;
  width: 300px;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl {
  float: right;
  width: 560px;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl>dt {
  position: relative;
  padding-left: 70px;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  line-height: 30px;
  letter-spacing: 0.3em;
  color: #274B7A;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl>dt::before {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 50px;
  height: 50px;
  color: white;
  font-size: 10px;
  font-size: 1rem;
  font-family: "Josefin Sans", sans-serif;
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #274B7A;
}

.counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl>dd {
  padding-top: 20px;
}

@media screen and (max-width: 1024px) {
  .counseling #content #counseling-flow {
    /* #counseling-flow */
  }

  .counseling #content #counseling-flow #counseling-flow-index {
    width: 100%;
  }

  .counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list {
    text-align: center;
  }

  .counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li {
    float: none;
    display: inline-block;
    padding-left: 0;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
  }

  .counseling #content #counseling-flow #counseling-flow-index #counseling-flow-index-list>li::before {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title {
    width: 100%;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span>span::before {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span>span::after {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content {
    width: 100%;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content>li {
    margin-right: 15px;
    margin-left: 15px;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .fit>li {
    margin-right: 15px;
    margin-left: 15px;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .fit>li:nth-child(3n+2) {
    margin-right: 15px;
    margin-left: 15px;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option {
    width: 100%;
    display: table;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>figure {
    float: none;
    display: table-cell;
    width: 30%;
    vertical-align: top;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>figure>img {
    width: 100%;
    height: auto;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl {
    float: none;
    display: table-cell;
    width: 70%;
    padding-left: 30px;
    vertical-align: top;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl>dt br {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .counseling #content #counseling-flow {
    /* #counseling-flow */
    padding: 0 0 20px 0;
  }

  .counseling #content #counseling-flow #counseling-flow-index {
    display: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div::after {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title {
    width: 100%;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span::before {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span::after {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span>span::before {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-title>span>span::after {
    content: none;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content {
    width: 100%;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content>li {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 40px;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .counseling-flow-list-content>li>figure>img {
    width: 100%;
    height: auto;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .fit>li {
    margin-right: 0;
    margin-left: 0;
  }

  .counseling #content #counseling-flow #counseling-flow-list>div .fit>li:nth-child(3n+2) {
    margin-right: 0;
    margin-left: 0;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option {
    display: block;
    width: 100%;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>figure {
    display: block;
    width: 100%;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>figure img {
    width: 100%;
    height: auto;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl>dt {
    padding-left: 0;
  }

  .counseling #content #counseling-flow #counseling-flow-list .counseling-flow-list-option>dl>dt::before {
    position: static;
    width: 100%;
    margin: 0 auto 20px auto;
    font-size: 18px;
    font-size: 1.8rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}

.counseling #content #counseling-comment {
  height: 636px;
  background-color: #274B7A;
  background-image: url(../images/page_counseling_comment_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.counseling #content #counseling-comment>div {
  width: 960px;
  margin: 0 auto;
  color: white;
}

.counseling #content #counseling-comment>div>h3 {
  padding-top: 100px;
  padding-left: 334px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 42px;
  letter-spacing: 0.1em;
}

.counseling #content #counseling-comment>div>p {
  padding-top: 40px;
  padding-left: 334px;
}

.counseling #content #counseling-comment>div #counseling-comment-name {
  text-align: right;
}

.counseling #content #counseling-comment>div #counseling-comment-name>span {
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 1024px) {
  .counseling #content #counseling-comment {
    /* #counseling-comment */
    background-image: -140px top;
  }

  .counseling #content #counseling-comment>div {
    width: 100%;
  }

  .counseling #content #counseling-comment>div>h3 br {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .counseling #content #counseling-comment {
    /* #counseling-comment */
    height: auto;
    background-image: none;
  }

  .counseling #content #counseling-comment>div {
    padding: 40px 0;
  }

  .counseling #content #counseling-comment>div>h3 {
    padding-top: 0;
    padding-left: 0;
  }

  .counseling #content #counseling-comment>div #counseling-comment-text {
    padding-top: 40px;
    padding-left: 0;
  }

  .counseling #content #counseling-comment>div #counseling-comment-name {
    padding-top: 40px;
    padding-left: 0;
  }
}

/*==============================
ドクターの技術力
==============================*/
.technics #content #technics-effort {
  background: #274B7A url(../images/page_technics_effort_bg.jpg) no-repeat center top;
}

.technics #content #technics-effort>div {
  position: relative;
  width: 960px;
  height: 398px;
  margin: 0 auto;
  color: white;
}

.technics #content #technics-effort>div>h3 {
  padding-top: 80px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 46px;
  letter-spacing: 0.1em;
}

.technics #content #technics-effort>div>p {
  width: 500px;
  padding-top: 40px;
}

.technics #content #technics-effort>div>figure {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 680px) {
  .technics #content #technics-effort {
    /* #technics-effort */
  }

  .technics #content #technics-effort>div {
    width: 100%;
    padding-bottom: 20px;
    height: auto;
  }

  .technics #content #technics-effort>div>h3 {
    padding-top: 20px;
    font-size: 24px;
    font-size: 2.4rem;
  }

  .technics #content #technics-effort>div>h3 br {
    display: none;
  }

  .technics #content #technics-effort>div>p {
    width: 100%;
    padding-top: 20px;
  }

  .technics #content #technics-effort>div>figure {
    display: none;
  }
}

.technics #content #technics-icycle {
  height: 544px;
  color: #274B7A;
  background: url(../images/page_technics_icycle_bg.jpg) no-repeat center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.technics #content #technics-icycle>div {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.technics #content #technics-icycle>div>h4 {
  padding-top: 100px;
  padding-left: 520px;
}

.technics #content #technics-icycle>div>h4>span {
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
}

.technics #content #technics-icycle>div>figure {
  position: absolute;
  top: 40px;
  left: 0;
}

.technics #content #technics-icycle>div>p {
  padding-top: 40px;
  padding-left: 520px;
}

.technics #content #technics-icycle>div>div {
  margin-top: 40px;
  margin-left: 520px;
  border: 3px solid #274B7A;
}

.technics #content #technics-icycle>div>div>p {
  padding: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 46px;
}

.technics #content #technics-icycle>div>div>p>span {
  display: block;
}

.technics #content #technics-icycle>div>div>p>span>span {
  font-size: 36px;
  font-size: 3.6rem;
}

@media screen and (max-width: 1024px) {
  .technics #content #technics-icycle {
    /* #technics-icycle */
    height: auto;
  }

  .technics #content #technics-icycle>div {
    width: 100%;
  }

  .technics #content #technics-icycle>div>h4 object {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .technics #content #technics-icycle {
    /* #technics-icycle */
  }

  .technics #content #technics-icycle>div {
    width: 100%;
    padding-bottom: 20px;
    height: auto;
  }

  .technics #content #technics-icycle>div>h4 {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0;
    text-align: center;
  }

  .technics #content #technics-icycle>div>h4 object {
    width: 100%;
  }

  .technics #content #technics-icycle>div>figure {
    position: static;
    width: 100%;
    text-align: center;
  }

  .technics #content #technics-icycle>div>figure>img {
    width: 100%;
    height: auto;
  }

  .technics #content #technics-icycle>div>p {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .technics #content #technics-icycle>div>div {
    margin-top: 0;
    margin-left: 0;
  }

  .technics #content #technics-icycle>div>div>p {
    font-size: 20px;
    font-size: 2rem;
  }

  .technics #content #technics-icycle>div>div>p span {
    display: inline;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.technics #content #technics-reason {
  padding-top: 80px;
}

.technics #content #technics-reason>div .technics-reason-list {
  padding-top: 360px;
  padding-bottom: 80px;
}

.technics #content #technics-reason>div .technics-reason-list>figure {
  display: none;
}

.technics #content #technics-reason>div .technics-reason-list>h4 {
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: bold;
}

.technics #content #technics-reason>div .technics-reason-list>h4 span {
  font-size: 36px;
  font-size: 3.6rem;
}

.technics #content #technics-reason>div .technics-reason-list>h5 {
  color: #464646;
  padding-top: 40px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 36px;
}

.technics #content #technics-reason>div .technics-reason-list>p {
  padding-top: 40px;
  width: 960px;
  margin: 0 auto;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 40px auto 0;
  background: white url(../images/home_director_pic_abe.jpg) no-repeat left top;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure {
  float: left;
  width: 400px;
  text-align: center;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure>img {
  display: none;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure>figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  padding: 20px 0;
  color: white;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.5);
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure>figcaption>span {
  font-size: 18px;
  font-size: 1.8rem;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl {
  float: right;
  width: 564px;
  /* 624- */
  padding: 30px;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl>dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  line-height: 28px;
  letter-spacing: 0.1em;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl>dd {
  padding-top: 20px;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl {
  float: right;
  width: 564px;
  /* 624- */
  padding: 30px;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl>dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  line-height: 28px;
  letter-spacing: 0.1em;
}

.technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl>dd {
  padding-top: 20px;
}

.technics #content #technics-reason>div #technics-reason-list1 {
  background: #E5E0DF url(../images/page_technics_reaspn_pic_01.jpg) no-repeat center top;
}

.technics #content #technics-reason>div #technics-reason-list2 {
  background: #E2D6C7 url(../images/page_technics_reaspn_pic_02.jpg) no-repeat center top;
}

.technics #content #technics-reason>div #technics-reason-list3 {
  background: #E5E0DF url(../images/page_technics_reaspn_pic_03.jpg) no-repeat center top;
}

@media screen and (max-width: 1024px) {
  .technics #content #technics-reason {
    /* #technics-reason */
  }

  .technics #content #technics-reason>div .technics-reason-list>h4 {
    padding: 20px;
  }

  .technics #content #technics-reason>div .technics-reason-list>h5 {
    padding: 20px;
  }

  .technics #content #technics-reason>div .technics-reason-list>p {
    width: 100%;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment {
    display: table;
    width: 100%;
    padding: 20px;
    background: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure {
    position: relative;
    float: none;
    display: table-cell;
    width: 40%;
    background: white url(../images/home_director_pic_abe.jpg) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure>figcaption {
    width: 100%;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl {
    float: none;
    display: table-cell;
    width: 60%;
    background: white;
  }

  .technics #content #technics-reason>div #technics-reason-list3 {
    padding-bottom: 0;
    background-position: right top;
  }
}

@media screen and (max-width: 680px) {
  .technics #content #technics-reason {
    /* #technics-reason */
  }

  .technics #content #technics-reason>div #technics-reason-list1,
  .technics #content #technics-reason>div #technics-reason-list2,
  .technics #content #technics-reason>div #technics-reason-list3 {
    background-image: none;
    background-color: white;
  }

  .technics #content #technics-reason>div .technics-reason-list {
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .technics #content #technics-reason>div .technics-reason-list>figure {
    display: block;
  }

  .technics #content #technics-reason>div .technics-reason-list>figure img {
    width: 100%;
    height: auto;
  }

  .technics #content #technics-reason>div .technics-reason-list>h4 {
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }

  .technics #content #technics-reason>div .technics-reason-list>h4 span {
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
  }

  .technics #content #technics-reason>div .technics-reason-list>h5 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .technics #content #technics-reason>div .technics-reason-list>p {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment {
    display: block;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure {
    display: block;
    width: 100%;
    background: none;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure>img {
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto;
    -moz-border-radius: 70%;
    -webkit-border-radius: 70%;
    border-radius: 70%;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>figure>figcaption {
    position: static;
    width: 100%;
    color: #464646;
    background: none;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl {
    display: block;
    width: 100%;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl>dt {
    text-align: center;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl>dt br {
    display: none;
  }

  .technics #content #technics-reason>div .technics-reason-list .technics-reason-list-comment>dl>dd>p br {
    display: none;
  }
}

/*==============================
術後のサポート
==============================*/
.support #content #support-detail>div {
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .support #content #support-detail {
    /* #support-detail */
  }

  .support #content #support-detail>div {
    width: 100%;
  }
}

.support #content #support-list>div {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 80px;
}

.support #content #support-list>div>ul>li {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 60px;
}

.support #content #support-list>div>ul>li>figure {
  width: 400px;
}

.support #content #support-list>div>ul>li>dl {
  width: 520px;
}

.support #content #support-list>div>ul>li>dl>dt {
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 34px;
  letter-spacing: 0.1em;
}

.support #content #support-list>div>ul>li>dl>dd {
  padding-top: 20px;
}

.support #content #support-list>div>ul .left {
  padding-right: 32px;
  padding-left: 32px;
}

.support #content #support-list>div>ul .left>figure {
  float: left;
}

.support #content #support-list>div>ul .left>dl {
  float: right;
}

.support #content #support-list>div>ul .right {
  padding-right: 32px;
  padding-left: 32px;
}

.support #content #support-list>div>ul .right>figure {
  float: right;
}

.support #content #support-list>div>ul .right>dl {
  float: left;
}

.support #content #support-list>div>ul .center {
  padding: 32px;
  background: white;
}

.support #content #support-list>div>ul .center>figure {
  float: left;
}

.support #content #support-list>div>ul .center>dl {
  float: right;
}

@media screen and (max-width: 1024px) {
  .support #content #support-list {
    /* #support-list */
  }

  .support #content #support-list>div {
    width: 100%;
  }

  .support #content #support-list>div>ul>li {
    display: table;
  }

  .support #content #support-list>div>ul>li>figure {
    float: none;
    display: table-cell;
    width: 40%;
    vertical-align: top;
  }

  .support #content #support-list>div>ul>li>figure>img {
    width: 100%;
    height: auto;
  }

  .support #content #support-list>div>ul>li>dl {
    float: none;
    display: table-cell;
    width: 60%;
    padding-top: 0;
    padding-left: 30px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .support #content #support-list>div>ul .right>figure,
  .support #content #support-list>div>ul .right>dl,
  .support #content #support-list>div>ul .left>figure,
  .support #content #support-list>div>ul .left>dl {
    float: none;
  }

  .support #content #support-list>div>ul .center>figure {
    float: none;
  }

  .support #content #support-list>div>ul .center>dl {
    float: none;
  }
}

@media screen and (max-width: 680px) {
  .support #content #support-list {
    /* #support-list */
  }

  .support #content #support-list>div>ul>li {
    display: block;
  }

  .support #content #support-list>div>ul>li>figure {
    display: block;
    width: 100%;
  }

  .support #content #support-list>div>ul>li>dl {
    display: block;
    width: 100%;
  }

  .support #content #support-list>div>ul>li>dl>dt {
    padding-top: 20px;
  }

  .support #content #support-list>div>ul .right,
  .support #content #support-list>div>ul .left {
    padding-right: 0;
    padding-left: 0;
  }

  .support #content #support-list>div>ul .right>figure,
  .support #content #support-list>div>ul .right>dl,
  .support #content #support-list>div>ul .left>figure,
  .support #content #support-list>div>ul .left>dl {
    padding-right: 0;
    padding-left: 0;
  }

  .support #content #support-list>div>ul .right>dl>dt,
  .support #content #support-list>div>ul .left>dl>dt {
    text-align: center;
  }

  .support #content #support-list>div>ul .center {
    padding: 30px;
  }

  .support #content #support-list>div>ul .center>dl {
    padding-top: 20px;
    padding-left: 0;
  }

  .support #content #support-list>div>ul .center>dl>dt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
  }
}

/*==============================
術後の経過
==============================*/
.progress #content #progress-detail>div {
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
}

.progress #content #progress-detail>div>p {
  text-align: center;
}

.progress #content #progress-index>div {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 120px;
}

.progress #content #progress-index>div>ul {
  position: relative;
  display: table;
  width: 960px;
  margin: 0 auto;
  z-index: 0;
}

.progress #content #progress-index>div>ul::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  width: 0;
  height: 0;
  border-top: 46px solid transparent;
  border-right: 32px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 32px solid #3E5E88;
  z-index: 1;
}

.progress #content #progress-index>div>ul>li {
  position: relative;
  display: table-cell;
  background: #3E5E88;
  z-index: 0;
}

.progress #content #progress-index>div>ul>li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 46px solid transparent;
  border-right: 32px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 32px solid #3E5E88;
  z-index: 2;
}

.progress #content #progress-index>div>ul>li::after {
  content: "";
  display: block;
  position: absolute;
  top: 36px;
  left: 8px;
  width: 20px;
  height: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 0 0 10px 0px #262626;
  -webkit-box-shadow: 0 0 10px 0px #262626;
  box-shadow: 0 0 10px 0px #262626;
  background: transparent;
  z-index: 1;
}

.progress #content #progress-index>div>ul>li>a {
  position: relative;
  display: block;
  height: 92px;
  padding-left: 32px;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 92px;
  z-index: 3;
}

.progress #content #progress-index>div>ul>li .baloon {
  position: absolute;
  display: block;
  top: -80px;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  color: white;
  font-weight: bold;
  text-align: center;
  line-height: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #F2CE33;
  z-index: 4;
}

.progress #content #progress-index>div>ul>li .baloon::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-top: 10px solid #F2CE33;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.progress #content #progress-index>div>ul>li .attention {
  position: absolute;
  display: block;
  bottom: -40px;
  left: 50%;
  width: 140px;
  height: 50px;
  margin-left: -70px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  -moz-box-shadow: 0 0 10px 0px #DADADA;
  -webkit-box-shadow: 0 0 10px 0px #DADADA;
  box-shadow: 0 0 10px 0px #DADADA;
  background: white;
  z-index: 4;
}

.progress #content #progress-index>div>ul>li .attention::after {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
}

.progress #content #progress-index>div>ul>li:first-child {
  padding-left: 16px;
}

.progress #content #progress-index>div>ul>li:first-child::before {
  border-left: 32px solid #F2F2F2;
}

.progress #content #progress-index>div>ul>li:first-child::after {
  content: none;
}

@media screen and (max-width: 1024px) {
  .progress #content #progress-index {
    /* #progress-index */
  }

  .progress #content #progress-index>div {
    display: none;
  }
}

.progress #content #progress-flow {
  padding: 80px 0;
  background: white;
}

.progress #content #progress-flow .progress-flow-list {
  position: relative;
  width: 960px;
  min-height: 560px;
  margin: 0 auto;
}

.progress #content #progress-flow .progress-flow-list>figure {
  position: absolute;
  top: 0;
}

.progress #content #progress-flow .progress-flow-list>figure>div>img {
  -moz-box-shadow: 0 0 10px 0px #262626;
  -webkit-box-shadow: 0 0 10px 0px #262626;
  box-shadow: 0 0 10px 0px #262626;
}

.progress #content #progress-flow .progress-flow-list>figure .top {
  margin: -50px 0 0 50px;
}

.progress #content #progress-flow .progress-flow-list>dl>dt {
  padding-bottom: 10px;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #274B7A;
}

.progress #content #progress-flow .progress-flow-list>dl>dt::after {
  content: attr(data-title) "";
  display: inline-block;
  padding-left: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Josefin Sans", sans-serif;
  font-style: italic;
}

.progress #content #progress-flow .progress-flow-list>dl>dd {
  padding-top: 20px;
}

.progress #content #progress-flow .progress-flow-list>dl>dd>dl {
  margin-top: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #F2F2F2;
}

.progress #content #progress-flow .progress-flow-list>dl>dd>dl>dt {
  position: relative;
  color: #274B7A;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

.progress #content #progress-flow .progress-flow-list>dl>dd>dl .comment::before {
  content: "・・・";
  display: inline-block;
  width: 28px;
  /* 34- */
  height: 20px;
  margin-right: 10px;
  padding-left: 6px;
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 20px;
  letter-spacing: -5px;
  vertical-align: middle;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #274B7A;
}

.progress #content #progress-flow .progress-flow-list>dl>dd>dl .comment::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 12px;
  width: 0;
  height: 0;
  border-top: 5px solid #274B7A;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}

.progress #content #progress-flow .progress-flow-list>dl>dd>dl .help::before {
  content: "？";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  background: #274B7A;
}

.progress #content #progress-flow .progress-flow-list>dl>dd>dl .attention::before {
  content: "！";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  background: #274B7A;
}

.progress #content #progress-flow .progress-flow-list>dl>dd>dl>dd {
  padding-top: 20px;
}

.progress #content #progress-flow .left>figure {
  left: 0;
}

.progress #content #progress-flow .left>dl>dt {
  padding-left: 500px;
}

.progress #content #progress-flow .left>dl>dd {
  padding-left: 300px;
}

.progress #content #progress-flow .left>dl>dd>p {
  padding-left: 200px;
}

.progress #content #progress-flow .left>dl>dd>dl {
  padding-right: 30px;
  padding-left: 200px;
}

.progress #content #progress-flow .right>figure {
  right: 0;
}

.progress #content #progress-flow .right>dl>dt {
  padding-right: 500px;
}

.progress #content #progress-flow .right>dl>dd {
  padding-right: 300px;
}

.progress #content #progress-flow .right>dl>dd>p {
  padding-right: 200px;
}

.progress #content #progress-flow .right>dl>dd>dl {
  padding-right: 200px;
  padding-left: 30px;
}

.progress #content #progress-flow #progress-flow-btn {
  width: 500px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .progress #content #progress-flow {
    /* #progress-flow */
  }

  .progress #content #progress-flow .progress-flow-list {
    display: table;
    width: 100%;
    height: auto;
    min-height: 0;
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #F2F2F2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .progress #content #progress-flow .progress-flow-list>figure {
    position: static;
    display: table-cell;
    width: 40%;
    height: auto;
    vertical-align: top;
  }

  .progress #content #progress-flow .progress-flow-list>figure>div>img {
    width: 100%;
    height: auto;
  }

  .progress #content #progress-flow .progress-flow-list>figure .top {
    display: none;
  }

  .progress #content #progress-flow .progress-flow-list>dl {
    display: table-cell;
    width: 60%;
    padding-left: 30px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .progress #content #progress-flow .progress-flow-list>dl>dt {
    padding-left: 0;
    padding-right: 0;
  }

  .progress #content #progress-flow .progress-flow-list>dl>dd {
    padding-left: 0;
    padding-right: 0;
  }

  .progress #content #progress-flow .progress-flow-list>dl>dd>p {
    padding-left: 0;
    padding-right: 0;
  }

  .progress #content #progress-flow .progress-flow-list>dl>dd>dl {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 680px) {
  .progress #content #progress-flow {
    /* #progress-flow */
    padding: 40px 0;
  }

  .progress #content #progress-flow .progress-flow-list {
    display: block;
  }

  .progress #content #progress-flow .progress-flow-list>figure,
  .progress #content #progress-flow .progress-flow-list>dl {
    display: block;
    width: 100%;
  }

  .progress #content #progress-flow .progress-flow-list>figure>div>img {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .progress #content #progress-flow .progress-flow-list>dl {
    padding-top: 40px;
    padding-left: 0;
  }

  .progress #content #progress-flow .progress-flow-list>dl>dt {
    text-align: center;
  }

  .progress #content #progress-flow .progress-flow-list>dl>dd {
    text-align: center;
  }

  .progress #content #progress-flow .progress-flow-list>dl>dd>dl {
    text-align: left;
  }
}

/*==============================
AGAとは
==============================*/
.aga #content #aga-know {
  height: 446px;
  color: white;
  background-color: #274B7A;
  background-image: url(../images/page_aga_know_bg.jpg);
  background-repeat: no-repeat;
  background-position: right center;
}

.aga #content #aga-know>div {
  width: 960px;
  margin: 0 auto;
}

.aga #content #aga-know>div>h3 {
  padding-top: 80px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 46px;
  letter-spacing: 0.1em;
}

.aga #content #aga-know>div>h4 {
  padding-top: 40px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.aga #content #aga-know>div>p {
  width: 680px;
  padding-top: 30px;
}

@media screen and (max-width: 1024px) {
  .aga #content #aga-know {
    /* #aga-know */
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: right top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .aga #content #aga-know>div {
    width: 100%;
  }

  .aga #content #aga-know>div>h3 {
    padding-top: 0;
    text-align: center;
  }

  .aga #content #aga-know>div>p {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .aga #content #aga-know {
    /* #aga-know */
  }

  .aga #content #aga-know>div>h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}

.aga #content #aga-cause #aga-cause-haircycle {
  padding: 80px 0;
  text-align: center;
  background: #E8E8E8 url(../images/page_aga_cause_haircycle_bg.jpg) no-repeat center top;
}

.aga #content #aga-cause #aga-cause-haircycle>h4 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.aga #content #aga-cause #aga-cause-haircycle>h4 span {
  color: #BE212A;
}

.aga #content #aga-cause #aga-cause-haircycle>figure {
  padding: 40px 0;
}

.aga #content #aga-cause #aga-cause-haircycle>p {
  width: 960px;
  margin: 0 auto;
}

.aga #content #aga-cause #aga-cause-hormone {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding: 80px;
}

.aga #content #aga-cause #aga-cause-hormone>figure {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}

.aga #content #aga-cause #aga-cause-hormone>h4 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #464646;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 46px;
  letter-spacing: 0.1em;
}

.aga #content #aga-cause #aga-cause-hormone>h5 {
  padding-top: 40px;
  color: #2C6EAA;
  font-weight: bold;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.aga #content #aga-cause #aga-cause-hormone>p {
  width: 500px;
  padding-top: 20px;
}

.aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program {
  margin-top: 40px;
  padding: 10px;
  color: white;
  border: 1px solid #2C6EAA;
}

.aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program>dl {
  /* margin: 20px; */
  padding: 30px;
  background: #2C6EAA;
}

.aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program>dl>dt {
  position: relative;
  font-size: 21px;
  font-size: 2.1rem;
  text-align: center;
  line-height: 36px;
  letter-spacing: 0.1em;
  z-index: 0;
}

.aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program>dl>dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid white;
  z-index: -1;
}

.aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program>dl>dt span {
  position: relative;
  padding: 0 20px;
  background: #2C6EAA;
}

.aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program>dl>dd {
  padding-top: 20px;
}

@media screen and (max-width: 1024px) {
  .aga #content #aga-cause {
    /* #aga-cause */
  }

  .aga #content #aga-cause #aga-cause-haircycle>figure>img {
    width: 100%;
    height: auto;
  }

  .aga #content #aga-cause #aga-cause-haircycle>p {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .aga #content #aga-cause {
    /* #aga-cause */
  }

  .aga #content #aga-cause #aga-cause-haircycle>h4 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }

  .aga #content #aga-cause #aga-cause-hormone>figure {
    float: none;
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .aga #content #aga-cause #aga-cause-hormone>figure>img {
    width: 70%;
    height: auto;
  }

  .aga #content #aga-cause #aga-cause-hormone>h4 {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }

  .aga #content #aga-cause #aga-cause-hormone>h4 br {
    display: none;
  }

  .aga #content #aga-cause #aga-cause-hormone>h5 {
    text-align: center;
  }

  .aga #content #aga-cause #aga-cause-hormone>p {
    width: 100%;
  }

  .aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program>dl>dt::before {
    content: none;
  }

  .aga #content #aga-cause #aga-cause-hormone #aga-cause-hormone-program>dl>dt span {
    padding: 0;
  }
}

/*==============================
自毛植毛とは
==============================*/
.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>h4 {
  padding-bottom: 40px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 48px;
  text-align: center;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>h4 span {
  font-size: 28px;
  font-size: 2.8rem;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>figure {
  float: left;
  margin-right: 40px;
  padding-bottom: 40px;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>dl>dt {
  padding-bottom: 20px;
  color: #274B7A;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 48px;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit {
  padding: 40px 0;
  background: #2C6EAA url(../images/page_hairtransplant_mechanism_merit_bg.jpg) no-repeat center top;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>h4 {
  color: white;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>h4>span {
  font-size: 28px;
  font-size: 2.8rem;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>h4>span>span {
  font-size: 40px;
  font-size: 4rem;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list {
  margin-top: 20px;
  padding-top: 35px;
  text-align: center;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 200px;
  margin: 0 15px;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li>span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -1.5em;
  font-size: 21px;
  font-size: 2.1rem;
  color: #464646;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li::before {
  content: attr(data-num) "";
  display: block;
  position: absolute;
  top: -25px;
  left: -25px;
  width: 50px;
  height: 50px;
  color: white;
  font-family: "Josefin Sans", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 55px;
  text-align: center;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #F2CE33;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li:first-child {
  margin-left: 0;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li:first-child>span {
  margin-top: -1em;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list #hairtransplant-mechanism-merit-list1 {
  background: url(../images/page_hairtransplant_mechanism_merit_list_bg_01.jpg) no-repeat center center;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list #hairtransplant-mechanism-merit-list2 {
  background: url(../images/page_hairtransplant_mechanism_merit_list_bg_02.jpg) no-repeat center center;
}

.hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list #hairtransplant-mechanism-merit-list3 {
  background: url(../images/page_hairtransplant_mechanism_merit_list_bg_03.jpg) no-repeat center center;
}

@media screen and (max-width: 1024px) {
  .hairtransplant #content #hairtransplant-mechanism {
    /* #hairtransplant-mechanism */
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro {
    width: 100%;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li {
    margin-bottom: 30px;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li:first-child {
    margin-left: 15px;
  }
}

@media screen and (max-width: 799px) {
  .hairtransplant #content #hairtransplant-mechanism {
    /* #hairtransplant-mechanism */
  }
}

@media screen and (max-width: 680px) {
  .hairtransplant #content #hairtransplant-mechanism {
    /* #hairtransplant-mechanism */
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li {
    margin: 0 0 20px 0;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li:first-child {
    margin-left: 0;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit #hairtransplant-mechanism-merit-list>li::before {
    content: none;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>figure {
    float: none;
    text-align: center;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>figure>img {
    width: 80%;
    height: auto;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>dl {
    float: none;
    padding-top: 40px;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-intro>dl>dt {
    text-align: center;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>h4 {
    line-height: 36px;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>h4>span {
    display: block;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>ul {
    margin-top: 0;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>ul>li {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
  }

  .hairtransplant #content #hairtransplant-mechanism #hairtransplant-mechanism-merit>ul>li::before {
    content: none;
  }
}

.hairtransplant #content #hairtransplant-recommend {
  position: relative;
  padding: 80px 0;
  z-index: 0;
}

.hairtransplant #content #hairtransplant-recommend>div {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  z-index: -1;
}

.hairtransplant #content #hairtransplant-recommend>div>figure {
  float: right;
  text-align: center;
}

.hairtransplant #content #hairtransplant-recommend>div>figure figcaption {
  padding-top: 20px;
}

.hairtransplant #content #hairtransplant-recommend>div>figure figcaption>div {
  padding-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 36px;
}

.hairtransplant #content #hairtransplant-recommend>div>figure figcaption>div>span {
  font-size: 28px;
  font-size: 2.8rem;
}

.hairtransplant #content #hairtransplant-recommend>div>figure figcaption>a {
  position: relative;
  display: block;
  height: 42px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  color: #274B7A;
  letter-spacing: 0.1em;
  line-height: 42px;
  text-decoration: none;
  border: 2px solid #274B7A;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.hairtransplant #content #hairtransplant-recommend>div>figure figcaption>a::after {
  content: "";
  display: inline-block;
  zoom: 1;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 1px solid #274B7A;
  border-right: 1px solid #274B7A;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hairtransplant #content #hairtransplant-recommend>div>figure figcaption>a:hover {
  color: white;
  background: #274B7A;
}

.hairtransplant #content #hairtransplant-recommend>div>figure figcaption>a:hover::after {
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.hairtransplant #content #hairtransplant-recommend>div>dl {
  width: 500px;
}

.hairtransplant #content #hairtransplant-recommend>div>dl>dt {
  color: #274B7A;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 48px;
}

.hairtransplant #content #hairtransplant-recommend>div>dl>dd {
  padding-top: 20px;
}

@media screen and (max-width: 1024px) {
  .hairtransplant #content #hairtransplant-recommend {
    /* #hairtransplant-recommend */
  }

  .hairtransplant #content #hairtransplant-recommend>div {
    width: 100%;
  }

  .hairtransplant #content #hairtransplant-recommend>div>figure {
    padding-left: 20px;
  }
}

@media screen and (max-width: 680px) {
  .hairtransplant #content #hairtransplant-recommend {
    /* #hairtransplant-recommend */
  }

  .hairtransplant #content #hairtransplant-recommend>div>figure {
    float: none;
  }

  .hairtransplant #content #hairtransplant-recommend>div>figure>img {
    width: 100%;
    height: auto;
  }

  .hairtransplant #content #hairtransplant-recommend>div>dl {
    width: 100%;
    padding-top: 40px;
  }

  .hairtransplant #content #hairtransplant-recommend>div>dl>dt {
    text-align: center;
  }
}

.hairtransplant #content #hairtransplant-history {
  padding: 80px 0;
  background: #E3DFD9;
}

.hairtransplant #content #hairtransplant-history>div {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
}

.hairtransplant #content #hairtransplant-history>div>h3 {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 10px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: 1px solid #737373;
}

.hairtransplant #content #hairtransplant-history>div>h3::after {
  content: attr(data-title) "";
  display: block;
  position: absolute;
  top: -10px;
  right: 0;
  color: #DFDAD4;
  font-size: 60px;
  font-size: 6rem;
  font-family: "Pinyon Script", serif;
}

.hairtransplant #content #hairtransplant-history>div>figure {
  float: right;
  width: 300px;
  text-align: center;
}

.hairtransplant #content #hairtransplant-history>div>h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
}

.hairtransplant #content #hairtransplant-history>div>p {
  width: 584px;
  padding-top: 40px;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect {
  position: relative;
  width: 544px;
  /* 584- */
  margin-top: 40px;
  padding: 20px;
  background: white;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  margin-top: -20px;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure {
  overflow: hidden;
  *zoom: 1;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure>img {
  float: left;
  width: 186px;
  margin-right: 20px;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure>figcaption {
  float: right;
  width: 320px;
  padding-top: 10px;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>div {
  width: 300px;
  margin: 20px auto 0;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>div>a {
  position: relative;
  display: block;
  height: 24px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  color: white;
  letter-spacing: 0.1em;
  line-height: 24px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #274B7A;
  padding: 20px;
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>div>a::after {
  content: "";
  display: inline-block;
  zoom: 1;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>div>a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

@media screen and (max-width: 1024px) {
  .hairtransplant #content #hairtransplant-history {
    /* #hairtransplant-history */
  }

  .hairtransplant #content #hairtransplant-history>div {
    width: 100%;
  }

  .hairtransplant #content #hairtransplant-history>div>figure {
    padding-bottom: 40px;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect {
    clear: both;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure img {
    width: 30%;
    height: auto;
    margin-right: 0;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure figcaption {
    width: 70%;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect::after {
    content: none;
  }
}

@media screen and (max-width: 680px) {
  .hairtransplant #content #hairtransplant-history {
    /* #hairtransplant-history */
  }

  .hairtransplant #content #hairtransplant-history>div>figure {
    float: none;
    width: 100%;
  }

  .hairtransplant #content #hairtransplant-history>div>figure>img {
    width: 60%;
    height: auto;
  }

  .hairtransplant #content #hairtransplant-history>div>h4 {
    padding-top: 40px;
    text-align: center;
  }

  .hairtransplant #content #hairtransplant-history>div>p {
    float: none;
    width: 100%;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect::after {
    content: none;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure {
    display: block;
    text-align: center;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure>img {
    float: none;
    width: 80%;
    height: auto;
    margin-right: 0;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>figure>figcaption {
    float: none;
    width: 100%;
  }

  .hairtransplant #content #hairtransplant-history>div #hairtransplant-history-idirect>div {
    width: 100%;
  }
}

.hairtransplant #content #hairtransplant-summary {
  padding: 80px 0;
  background: #274b7a url(../images/page_hairtransplant_summary_bg.jpg) no-repeat center top;
}

.hairtransplant #content #hairtransplant-summary>div {
  width: 960px;
  margin: 0 auto;
  color: white;
}

.hairtransplant #content #hairtransplant-summary>div>h3 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 46px;
  letter-spacing: 0.1em;
}

.hairtransplant #content #hairtransplant-summary>div>p {
  padding-top: 40px;
  padding-right: 500px;
}

@media screen and (max-width: 1024px) {
  .hairtransplant #content #hairtransplant-summary {
    /* #hairtransplant-summary */
    background-position: center bottom;
  }

  .hairtransplant #content #hairtransplant-summary>div {
    width: 100%;
  }

  .hairtransplant #content #hairtransplant-summary>div>p {
    padding-right: 30%;
  }
}

@media screen and (max-width: 680px) {
  .hairtransplant #content #hairtransplant-summary {
    /* #hairtransplant-summary */
    padding: 20px 0;
    background-image: none;
  }

  .hairtransplant #content #hairtransplant-summary>div>h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }

  .hairtransplant #content #hairtransplant-summary>div>h3 br {
    display: none;
  }

  .hairtransplant #content #hairtransplant-summary>div>p {
    padding-top: 20px;
    padding-right: 0;
  }
}

/*==============================
なぜ自毛植毛が選ばれているのか
==============================*/
.reason #content #reason-answer {
  background: #274B7A url(../images/page_reason_answer_bg.jpg) no-repeat left top;
}

.reason #content #reason-answer>div {
  width: 960px;
  height: 446px;
  margin: 0 auto;
  color: white;
}

.reason #content #reason-answer>div>h3 {
  padding-top: 80px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 46px;
  letter-spacing: 0.1em;
}

.reason #content #reason-answer>div>p {
  width: 680px;
  padding-top: 30px;
}

@media screen and (max-width: 680px) {
  .reason #content #reason-answer {
    /* #reason-answer */
  }

  .reason #content #reason-answer>div {
    width: 100%;
    height: auto;
    padding: 40px 0;
  }

  .reason #content #reason-answer>div>h3 {
    padding-top: 0;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }

  .reason #content #reason-answer>div>h3 br {
    display: none;
  }

  .reason #content #reason-answer>div>p {
    width: 100%;
  }
}

.reason #content #reason-guideline #reason-guideline-about {
  padding: 80px 0;
  background: #E8E8E8;
}

.reason #content #reason-guideline #reason-guideline-about>h4 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  line-height: 40px;
  letter-spacing: 0.1em;
}

.reason #content #reason-guideline #reason-guideline-about>h4>span {
  font-size: 32px;
  font-size: 3.2rem;
}

.reason #content #reason-guideline #reason-guideline-about>h4>span>span {
  -webkit-text-emphasis: filled;
  text-emphasis: filled;
}

.reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-txt {
  width: 960px;
  margin: 0 auto;
  padding-top: 40px;
}

.reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-txt>span {
  font-weight: bold;
}

.reason #content #reason-guideline #reason-guideline-about>table {
  width: 960px;
  margin: 80px auto 0 auto;
  background: white;
}

.reason #content #reason-guideline #reason-guideline-about>table caption {
  padding-bottom: 40px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  color: #2C6EAA;
  letter-spacing: 0.1em;
}

.reason #content #reason-guideline #reason-guideline-about>table caption>span {
  display: inline-block;
  padding: 5px;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  background: #2C6EAA;
}

.reason #content #reason-guideline #reason-guideline-about>table tr th,
.reason #content #reason-guideline #reason-guideline-about>table tr td {
  padding: 20px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #DADADA;
}

.reason #content #reason-guideline #reason-guideline-about>table .transprant {
  color: #348566;
  font-size: 18px;
  font-size: 1.8rem;
  background: #A5E6CC;
}

.reason #content #reason-guideline #reason-guideline-about>table .orange1 {
  color: white;
  background: #F0B67E;
}

.reason #content #reason-guideline #reason-guideline-about>table .green1 {
  color: white;
  background: #4BC090;
}

.reason #content #reason-guideline #reason-guideline-about>table .blue1 {
  color: white;
  background: #819EF0;
}

.reason #content #reason-guideline #reason-guideline-about>table .purple1 {
  color: white;
  background: #B781F0;
}

.reason #content #reason-guideline #reason-guideline-about>table .pink1 {
  color: white;
  background: #F08181;
}

.reason #content #reason-guideline #reason-guideline-about>table thead th {
  font-size: 18px;
  font-size: 1.8rem;
}

.reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-sp {
  display: none;
}

.reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-summary {
  padding-top: 40px;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 40px;
}

.reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-summary>span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
}

.reason #content #reason-guideline #reason-guideline-column {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
}

.reason #content #reason-guideline #reason-guideline-column>figure {
  float: right;
}

.reason #content #reason-guideline #reason-guideline-column>figure figcaption {
  padding-top: 20px;
  text-align: center;
}

.reason #content #reason-guideline #reason-guideline-column>h4 {
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 48px;
}

.reason #content #reason-guideline #reason-guideline-column>h4>span {
  font-size: 32px;
  font-size: 3.2rem;
}

.reason #content #reason-guideline #reason-guideline-column>p {
  width: 500px;
  padding-top: 40px;
}

@media screen and (max-width: 1024px) {
  .reason #content #reason-guideline {
    /* #reason-guideline */
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-txt {
    width: 100%;
  }

  .reason #content #reason-guideline #reason-guideline-about>table {
    width: 100%;
    overflow: hidden;
  }

  .reason #content #reason-guideline #reason-guideline-about>table>caption {
    width: 100%;
  }

  .reason #content #reason-guideline #reason-guideline-about>table>thead,
  .reason #content #reason-guideline #reason-guideline-about>table>tbody {
    min-width: 800px;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-summary span {
    display: inline;
  }

  .reason #content #reason-guideline #reason-guideline-column>figure {
    float: none;
  }

  .reason #content #reason-guideline #reason-guideline-column>figure img {
    width: 100%;
    height: auto;
  }

  .reason #content #reason-guideline #reason-guideline-column>h4 {
    padding-top: 40px;
    text-align: center;
  }

  .reason #content #reason-guideline #reason-guideline-column>h4 br {
    display: none;
  }

  .reason #content #reason-guideline #reason-guideline-column>p {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .reason #content #reason-guideline {
    /* #reason-guideline */
  }

  .reason #content #reason-guideline #reason-guideline-about>table {
    display: none;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-summary span {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-sp {
    display: block;
    margin-top: 40px;
    text-align: center;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-sp>h4 {
    padding-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-sp>div {
    padding: 20px;
    background: white;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-sp>div>h5 {
    padding: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    color: white;
    background: #274B7A;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-sp>div>dl>dt {
    margin-top: 20px;
    padding: 10px;
    color: white;
    background: #737373;
  }

  .reason #content #reason-guideline #reason-guideline-about #reason-guideline-about-sp>div>dl>dd {
    padding: 20px 0;
  }

  .reason #content #reason-guideline #reason-guideline-column>h4 span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/*==============================
他の薄毛対策との比較
==============================*/
.comparison #content #comparison-reason {
  background: #274B7A url(../images/page_comparison_reason_bg.jpg) no-repeat center top;
}

.comparison #content #comparison-reason>div {
  width: 960px;
  height: 446px;
  margin: 0 auto;
  color: white;
}

.comparison #content #comparison-reason>div>h3 {
  padding-top: 80px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 46px;
  letter-spacing: 0.1em;
}

.comparison #content #comparison-reason>div>p {
  width: 680px;
  padding-top: 30px;
}

@media screen and (max-width: 680px) {
  .comparison #content #comparison-reason {
    /* #comparison-reason */
  }

  .comparison #content #comparison-reason>div {
    width: 100%;
    padding: 40px 0;
    height: auto;
  }

  .comparison #content #comparison-reason>div>h3 {
    padding-top: 0;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }

  .comparison #content #comparison-reason>div>h3 br {
    display: none;
  }

  .comparison #content #comparison-reason>div>p {
    width: 100%;
  }

  .comparison #content #comparison-reason>div>p br {
    display: none;
  }
}

.comparison #content #comparison-chart>div {
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
}

.comparison #content #comparison-chart>div>p {
  text-align: center;
}

.comparison #content #comparison-chart>div>table {
  margin-top: 40px;
}

.comparison #content #comparison-chart>div>table tr th,
.comparison #content #comparison-chart>div>table tr td {
  padding: 20px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #DADADA;
  background: white;
}

.comparison #content #comparison-chart>div>table thead th {
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  border: 1px solid white;
  background: #5A5A5A;
}

.comparison #content #comparison-chart>div>table tbody th {
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  border: 1px solid white;
  background: #3E5E88;
}

.comparison #content #comparison-chart>div>table .empty {
  border: none;
  background: transparent;
}

.comparison #content #comparison-chart>div>table .triangle::before {
  content: "\0025b3";
}

.comparison #content #comparison-chart>div>table .cross::before {
  content: "\0025cb";
}

.comparison #content #comparison-chart>div>table .circle::before {
  content: "\0025cb";
}

.comparison #content #comparison-chart>div>table .question::before {
  content: "\00ff1f";
}

.comparison #content #comparison-chart>div>table .double::before {
  content: "\0025ce";
}

.comparison #content #comparison-chart>div>table .triangle::before,
.comparison #content #comparison-chart>div>table .cross::before,
.comparison #content #comparison-chart>div>table .circle::before,
.comparison #content #comparison-chart>div>table .question::before,
.comparison #content #comparison-chart>div>table .double::before {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
}

.comparison #content #comparison-chart>div>table .transplant {
  color: white;
  border: 1px solid white;
  background: #1B7B3D;
}

.comparison #content #comparison-chart>div #comparison-chart-sp {
  display: none;
}

@media screen and (max-width: 680px) {
  .comparison #content #comparison-chart {
    /* #comparison-chart */
  }

  .comparison #content #comparison-chart>div {
    width: 100%;
    overflow: hidden;
  }

  .comparison #content #comparison-chart>div>table {
    display: none;
  }

  .comparison #content #comparison-chart>div #comparison-chart-sp {
    display: block;
  }

  .comparison #content #comparison-chart>div #comparison-chart-sp>li {
    margin-top: 40px;
    text-align: center;
  }

  .comparison #content #comparison-chart>div #comparison-chart-sp>li>h4 {
    padding: 20px;
    color: white;
    font-size: 24px;
    font-size: 2.4rem;
    background: #274B7A;
  }

  .comparison #content #comparison-chart>div #comparison-chart-sp>li>dl>dt {
    margin-top: 20px;
    padding: 10px;
    color: white;
    background: #737373;
  }

  .comparison #content #comparison-chart>div #comparison-chart-sp>li>dl>dd {
    padding: 20px;
    background: white;
  }
}

.comparison #content #comparison-feature>div {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
}

.comparison #content #comparison-feature>div>h4 {
  padding-bottom: 40px;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 48px;
  text-align: center;
}

.comparison #content #comparison-feature>div>figure {
  float: right;
}

.comparison #content #comparison-feature>div>p {
  width: 620px;
}

@media screen and (max-width: 680px) {
  .comparison #content #comparison-feature {
    /* #comparison-feature */
  }

  .comparison #content #comparison-feature>div {
    width: 100%;
    text-align: center;
  }

  .comparison #content #comparison-feature>div>figure {
    float: none;
  }

  .comparison #content #comparison-feature>div>figure img {
    width: 60%;
    height: auto;
  }

  .comparison #content #comparison-feature>div>p {
    width: 100%;
    text-align: left;
    padding-top: 40px;
  }

  .comparison #content #comparison-feature>div>p br {
    display: none;
  }
}

.comparison #content #comparison-transplant {
  background: #274B7A;
}

.comparison #content #comparison-transplant>div {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
  color: white;
}

.comparison #content #comparison-transplant>div>h3 {
  padding-bottom: 40px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 48px;
  text-align: center;
}

.comparison #content #comparison-transplant>div>h3 span {
  font-size: 28px;
  font-size: 2.8rem;
}

.comparison #content #comparison-transplant>div>figure {
  float: left;
  margin-right: 60px;
  margin-bottom: 20px;
}

.comparison #content #comparison-transplant>div>figure figcaption {
  padding-bottom: 20px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 28px;
  text-align: center;
}

@media screen and (max-width: 680px) {
  .comparison #content #comparison-transplant {
    /* #comparison-transplant */
  }

  .comparison #content #comparison-transplant>div>h3 {
    line-height: 36px;
  }

  .comparison #content #comparison-transplant>div>h3 span {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .comparison #content #comparison-transplant>div>figure {
    float: none;
    margin-right: 0;
    text-align: center;
  }

  .comparison #content #comparison-transplant>div>figure img {
    width: 80%;
    height: auto;
  }
}

/*==============================
ドクター紹介＆スタッフ紹介
==============================*/
.introduce-title {
  position: relative;
  width: 960px;
  margin: 0 auto;
  font-family: 'ipamin';
  letter-spacing: 0.3em;
}

.introduce-title>h4 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 46px;
}

.introduce-title>div {
  padding-bottom: 5px;
}

.introduce-title>div .introduce-title-position {
  display: block;
  padding-bottom: 8px;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.6em;
}

.introduce-title>div .introduce-title-name {
  font-size: 34px;
  font-size: 3.4rem;
}

.introduce-title>div .introduce-title-en {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0;
}

@media screen and (max-width: 1024px) {
  .introduce-title {
    /* .introduce-title */
    width: 100%;
    text-align: center;
  }

  .introduce-title>h4 {
    position: static !important;
    padding-bottom: 40px;
    color: #464646;
  }

  .introduce-title>h4 br {
    display: none;
  }

  .introduce-title>div {
    position: static !important;
    width: 100%;
    color: #464646;
    border-bottom: none !important;
  }
}

@media screen and (max-width: 680px) {
  .introduce-title {
    /* .introduce-title */
  }

  .introduce-title>h4 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}

.introduce-career {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DADADA;
}

.introduce-career .introduce-career-title {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.6em;
  z-index: 0;
}

.introduce-career .introduce-career-title>span {
  display: block;
  width: 160px;
  margin: 0 auto;
  background: #F2F2F2;
}

.introduce-career .introduce-career-title>span::after {
  content: attr(data-title) "";
  display: inline;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0;
}

.introduce-career .introduce-career-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #DADADA;
  z-index: -1;
}

.introduce-career .introduce-career-content {
  width: 840px;
  margin: 0 auto;
  padding-top: 40px;
  text-align: center;
}

.introduce-career .introduce-career-content>dl {
  overflow: hidden;
  *zoom: 1;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.introduce-career .introduce-career-content>dl>dt {
  clear: left;
  float: left;
  width: 60px;
  padding: 10px 0;
  line-height: 21px;
}

.introduce-career .introduce-career-content>dl>dt:first-of-type {
  border-top: none;
}

.introduce-career .introduce-career-content>dl>dd {
  float: left;
  width: 308px;
  padding: 10px 0;
  line-height: 21px;
}

.introduce-career .introduce-career-content>dl>dd:first-of-type {
  border-top: none;
}

.introduce-career .introduce-career-content .introduce-career-content-left {
  width: 368px;
  border-right: 1px solid #DADADA;
}

.introduce-career .introduce-career-content .introduce-career-content-right {
  width: 368px;
  margin-left: 50px;
}

@media screen and (max-width: 1024px) {
  .introduce-career {
    /* .introduce-career */
  }

  .introduce-career .introduce-career-content {
    width: 100%;
  }

  .introduce-career .introduce-career-content>dl {
    display: table;
  }

  .introduce-career .introduce-career-content>dl>dt {
    display: table-cell;
    width: 20%;
    text-align: right;
  }

  .introduce-career .introduce-career-content>dl>dd {
    display: table-cell;
    width: 80%;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .introduce-career .introduce-career-content .introduce-career-content-left {
    float: none;
    width: 100%;
    border-right: none;
  }

  .introduce-career .introduce-career-content .introduce-career-content-right {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

.introduce-interview {
  margin-top: 40px;
  padding: 40px;
  color: white;
}

.introduce-interview .introduce-interview-title {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  z-index: 0;
}

.introduce-interview .introduce-interview-title>span {
  display: block;
  width: 400px;
  margin: 0 auto;
}

.introduce-interview .introduce-interview-title>span::after {
  content: attr(data-title) "";
  display: inline;
  margin-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0;
}

.introduce-interview .introduce-interview-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid white;
  z-index: -1;
}

.introduce-interview .introduce-interview-content>dl>dt {
  position: relative;
  padding-top: 40px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 24px;
}

.introduce-interview .introduce-interview-content>dl>dt::before {
  content: attr(data-num) "";
  display: inline;
}

.introduce-interview .introduce-interview-content>dl>dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  height: 0;
  margin-left: -50px;
  border-top: 1px solid white;
}

.introduce-interview .introduce-interview-content>dl>dt:first-child::after {
  content: none;
}

.introduce-interview .introduce-interview-content>dl>dd {
  padding: 20px;
}

.introduce-interview .introduce-interview-content>dl>dd>p {
  padding: 0 60px;
}

@media screen and (max-width: 1024px) {
  .introduce-interview {
    /* #introduce-interview */
    padding: 20px;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
  }

  .introduce-interview .introduce-interview-title::before {
    content: none;
  }

  .introduce-interview .introduce-interview-title>span {
    width: 100%;
    background-image: none !important;
  }

  .introduce-interview .introduce-interview-content>dl>dd {
    padding: 20px 0;
  }

  .introduce-interview .introduce-interview-content>dl>dd>p {
    padding: 0;
  }
}

.doctor #content #doctor-director>div {
  padding-top: 80px;
  padding-bottom: 80px;
}

.doctor #content #doctor-director>div #doctor-director-title {
  min-width: 1024px;
  height: 400px;
  background: white url(../images/page_doctor_doctor_title_bg_narui.jpg) no-repeat right top;
}

.doctor #content #doctor-director>div #doctor-director-title .introduce-title {
  color: #274B7A;
}

.doctor #content #doctor-director>div #doctor-director-title .introduce-title>figure {
  display: none;
}

.doctor #content #doctor-director>div #doctor-director-title .introduce-title>h4 {
  position: absolute;
  top: 80px;
  left: 420px;
}

.doctor #content #doctor-director>div #doctor-director-title .introduce-title>div {
  position: absolute;
  top: 220px;
  left: 420px;
  border-bottom: 1px solid #274B7A;
}

.doctor #content #doctor-director #doctor-director-content {
  width: 960px;
  margin: 0 auto;
}

.doctor #content #doctor-director #doctor-director-content>div {
  overflow: hidden;
  *zoom: 1;
  padding-top: 40px;
}

.doctor #content #doctor-director #doctor-director-content>div>figure {
  float: left;
  width: 412px;
}

.doctor #content #doctor-director #doctor-director-content>div>figure>img {
  width: 412px;
  -moz-border-radius: 412px;
  -webkit-border-radius: 412px;
  border-radius: 412px;
}

.doctor #content #doctor-director #doctor-director-content>div>dl {
  float: right;
  width: 508px;
}

.doctor #content #doctor-director #doctor-director-content>div>dl>dt {
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.doctor #content #doctor-director #doctor-director-content>div>dl>dd {
  padding-top: 40px;
}

.doctor #content #doctor-director #doctor-director-content .introduce-interview {
  background: url(../images/page_doctor_interview_bg.jpg) no-repeat left top;
}

.doctor #content #doctor-director #doctor-director-content .introduce-interview .introduce-interview-title>span {
  background: url(../images/page_doctor_interview_bg.jpg) no-repeat center 0;
}

@media screen and (max-width: 1024px) {
  .doctor #content #doctor-director {
    /* #doctor-director */
  }

  .doctor #content #doctor-director>div #doctor-director-title {
    min-width: 100%;
    height: auto;
    background-image: none;
    background-color: transparent;
  }

  .doctor #content #doctor-director>div #doctor-director-content {
    width: 100%;
  }

  .doctor #content #doctor-director>div #doctor-director-content>div {
    width: 100%;
    text-align: center;
  }

  .doctor #content #doctor-director>div #doctor-director-content>div>figure {
    float: none;
    width: 100%;
  }

  .doctor #content #doctor-director>div #doctor-director-content>div>dl {
    float: none;
    width: 100%;
    padding-top: 40px;
  }

  .doctor #content #doctor-director>div #doctor-director-content>div>dl>dt br {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .doctor #content #doctor-director {
    /* #doctor-director */
  }

  .doctor #content #doctor-director>div #doctor-director-content>div>figure>img {
    width: 100%;
    height: auto;
  }
}

.doctor #content #doctor-doctor>div {
  padding-bottom: 80px;
}

.doctor #content #doctor-doctor>div #doctor-doctor-title {
  min-width: 1024px;
  height: 400px;
  background: white url(../images/page_doctor_doctor_title_bg.jpg) no-repeat center top;
}

.doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title {
  color: #274B7A;
}

.doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>h4 {
  position: absolute;
  top: 80px;
  left: 420px;
}

.doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>figure {
  display: none;
}

.doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>div {
  position: absolute;
  top: 220px;
  left: 420px;
  border-bottom: 1px solid #274B7A;
}

.doctor #content #doctor-doctor>div #doctor-doctor-content {
  width: 960px;
  margin: 0 auto;
}

.doctor #content #doctor-doctor>div #doctor-doctor-content>div {
  padding-top: 40px;
}

.doctor #content #doctor-doctor>div #doctor-doctor-content>div>dl>dt {
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-align: center;
}

.doctor #content #doctor-doctor>div #doctor-doctor-content>div>dl>dd {
  padding-top: 40px;
}

.doctor #content #doctor-doctor>div #doctor-doctor-content .introduce-interview {
  background: url(../images/page_doctor_interview_bg.jpg) no-repeat left top;
}

.doctor #content #doctor-doctor>div #doctor-doctor-content .introduce-interview .introduce-interview-title>span {
  background: url(../images/page_doctor_interview_bg.jpg) no-repeat center 0;
}

@media screen and (max-width: 1024px) {
  .doctor #content #doctor-doctor>div {
    /* #doctor-doctor */
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-title {
    min-width: 100%;
    height: auto;
    background-image: none;
    background-color: transparent;
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>h4 {
    position: static;
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>figure {
    display: block;
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>figure>img {
    -moz-border-radius: 412px;
    -webkit-border-radius: 412px;
    border-radius: 412px;
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>div {
    position: static;
    padding-top: 40px;
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-content {
    width: 100%;
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-content>div>dl>dt br {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .doctor #content #doctor-doctor>div {
    /* #doctor-doctor */
  }

  .doctor #content #doctor-doctor>div #doctor-doctor-title .introduce-title>figure>img {
    width: 100%;
    height: auto;
  }
}

.inside #content #inside-staff {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.inside #content #inside-staff>div {
  padding-top: 80px;
  padding-bottom: 80px;
}

.inside #content #inside-staff>div #inside-staff-title {
  min-width: 1024px;
  height: 446px;
  background: #E09037 url(../images/page_inside_staff_title_bg.jpg) no-repeat center top;
}

.inside #content #inside-staff>div #inside-staff-title .introduce-title {
  color: white;
}

.inside #content #inside-staff>div #inside-staff-title .introduce-title>h4 {
  position: absolute;
  top: 100px;
  left: 460px;
}

.inside #content #inside-staff>div #inside-staff-title .introduce-title>div {
  position: absolute;
  top: 270px;
  left: 460px;
  border-bottom: 1px solid white;
}

.inside #content #inside-staff>div #inside-staff-content {
  width: 960px;
  margin: 0 auto;
}

.inside #content #inside-staff>div #inside-staff-content>div {
  overflow: hidden;
  *zoom: 1;
  padding-top: 40px;
}

.inside #content #inside-staff>div #inside-staff-content>div>figure {
  float: right;
  width: 412px;
}

.inside #content #inside-staff>div #inside-staff-content>div>figure img {
  width: 412px;
  -moz-border-radius: 412px;
  -webkit-border-radius: 412px;
  border-radius: 412px;
}

.inside #content #inside-staff>div #inside-staff-content>div>dl {
  float: left;
  width: 508px;
}

.inside #content #inside-staff>div #inside-staff-content>div>dl>dt {
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.inside #content #inside-staff>div #inside-staff-content>div>dl>dd {
  padding-top: 40px;
}

.inside #content #inside-staff>div #inside-staff-content .introduce-interview {
  background: url(../images/page_inside_interview_bg.jpg) no-repeat left top;
}

.inside #content #inside-staff>div #inside-staff-content .introduce-interview .introduce-interview-title>span {
  background: url(../images/page_inside_interview_bg.jpg) no-repeat center 0;
}

.inside #content #inside-staff>div #inside-staff-consultation {
  padding-top: 80px;
}

.inside #content #inside-staff>div #inside-staff-consultation>div {
  background: url(../images/page_inside_staff_consultation_pic.jpg) no-repeat center top;
}

.inside #content #inside-staff>div #inside-staff-consultation>div>figure {
  display: none;
}

.inside #content #inside-staff>div #inside-staff-consultation>div>p {
  height: 106px;
  /* 446- */
  padding-top: 340px;
  color: white;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;
}

.inside #content #inside-staff>div #inside-staff-consultation>div>dl {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

.inside #content #inside-staff>div #inside-staff-consultation>div>dl>dt {
  padding-top: 40px;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.inside #content #inside-staff>div #inside-staff-consultation>div>dl>dd {
  padding-top: 20px;
}

@media screen and (max-width: 1024px) {
  .inside #content #inside-staff {
    /* #inside-staff */
  }

  .inside #content #inside-staff>div #inside-staff-title {
    min-width: 100%;
    height: auto;
    background-image: none;
    background-color: transparent;
  }

  .inside #content #inside-staff>div #inside-staff-content {
    width: 100%;
  }

  .inside #content #inside-staff>div #inside-staff-content>div>figure {
    float: none;
    width: 100%;
    text-align: center;
  }

  .inside #content #inside-staff>div #inside-staff-content>div>dl {
    float: none;
    width: 100%;
    padding-top: 40px;
  }

  .inside #content #inside-staff>div #inside-staff-content>div>dl>dt {
    text-align: center;
  }

  .inside #content #inside-staff>div #inside-staff-consultation>div {
    background-image: none;
    background-color: transparent;
  }

  .inside #content #inside-staff>div #inside-staff-consultation>div>figure {
    display: block;
  }

  .inside #content #inside-staff>div #inside-staff-consultation>div>figure>img {
    width: 100%;
  }

  .inside #content #inside-staff>div #inside-staff-consultation>div>p {
    height: auto;
    padding-top: 40px;
    color: #464646;
  }

  .inside #content #inside-staff>div #inside-staff-consultation>div>p br {
    display: none;
  }

  .inside #content #inside-staff>div #inside-staff-consultation>div>dl {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .inside #content #inside-staff {
    /* #inside-staff */
  }

  .inside #content #inside-staff>div #inside-staff-content>div>figure>img {
    width: 100%;
    height: auto;
  }
}

.inside #content #inside-introspection {
  padding-top: 80px;
  padding-bottom: 80px;
  background: white;
}

.inside #content #inside-introspection>div #inside-introspection-list>dt,
.inside #content #inside-introspection>div #inside-introspection-movie>dt {
  padding-bottom: 40px;
  text-align: center;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.inside #content #inside-introspection>div #inside-introspection-list>dd,
.inside #content #inside-introspection>div #inside-introspection-movie>dd {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

.inside #content #inside-introspection>div #inside-introspection-list>dd>ul,
.inside #content #inside-introspection>div #inside-introspection-movie>dd>ul {
  overflow: hidden;
  *zoom: 1;
  margin-left: -20px;
}

.inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li,
.inside #content #inside-introspection>div #inside-introspection-movie>dd>ul>li {
  float: left;
  width: 470px;
  height: 500px;
  margin-left: 20px;
}

.inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li>dl>dt,
.inside #content #inside-introspection>div #inside-introspection-movie>dd>ul>li>dl>dt {
  position: relative;
  width: 300px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 6px;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.1em;
  /* border-bottom: 1px solid $blue2; */
  z-index: 0;
  /*
  										&::before {
  											content: attr(data-num)"";
  											display: block;
  											position: absolute;
  											top: 37px;
  											left: 0;
  											width: 18px;
  											height: 18px;
  											color: white;
  											font-family: $josefin;
  											@include fntSize(12);
  											line-height: 20px;
  											letter-spacing: 0;
  										}
  */
}

.inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li>dl>dt::after,
.inside #content #inside-introspection>div #inside-introspection-movie>dd>ul>li>dl>dt::after {
  content: attr(data-title) "";
  display: block;
  margin-top: 6px;
  padding-top: 6px;
  color: #ed7900;
  font-family: "Josefin Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  border-top: 1px solid #274B7A;
}

.inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li>dl>dt>span::before,
.inside #content #inside-introspection>div #inside-introspection-movie>dd>ul>li>dl>dt>span::before {
  content: "";
  display: block;
  position: absolute;
  top: 37px;
  left: 0;
  width: 18px;
  height: 18px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #274B7A;
  z-index: -1;
}

.inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li>dl>dt>span::after,
.inside #content #inside-introspection>div #inside-introspection-movie>dd>ul>li>dl>dt>span::after {
  content: "";
  display: block;
  position: absolute;
  top: 37px;
  left: 5px;
  width: 16px;
  height: 16px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #274B7A;
  background: white;
  z-index: -2;
}

.inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li>dl>dd,
.inside #content #inside-introspection>div #inside-introspection-movie>dd>ul>li>dl>dd {
  padding-top: 20px;
}

.inside #content #inside-introspection>div #inside-introspection-movie {
  padding-top: 80px;
}

@media screen and (max-width: 1024px) {
  .inside #content #inside-introspection {
    /* #inside-introspection */
  }

  .inside #content #inside-introspection>div #inside-introspection-list>dd {
    width: 100%;
  }

  .inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li {
    float: none;
    width: 100%;
  }

  .inside #content #inside-introspection>div #inside-introspection-movie>dd {
    width: 100%;
  }

  .inside #content #inside-introspection>div #inside-introspection-movie>dd iframe {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .inside #content #inside-introspection {
    /* #inside-introspection */
  }

  .inside #content #inside-introspection>div #inside-introspection-list>dd>ul>li>img {
    width: 100%;
    height: auto;
  }
}

/*==============================
グループの紹介
==============================*/
.group #content .group-clinic {
  padding-top: 80px;
  padding-bottom: 60px;
}

.group #content .group-clinic>div .group-clinic-image {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
}

.group #content .group-clinic>div .group-clinic-image>figure {
  float: left;
  width: 572px;
  height: 450px;
}

.group #content .group-clinic>div .group-clinic-image>figure img {
  width: 100%;
  height: auto;
}

.group #content .group-clinic>div .group-clinic-image>div {
  float: right;
  width: 452px;
  height: 450px;
}

.group #content .group-clinic>div .group-clinic-address {
  overflow: hidden;
  *zoom: 1;
  width: 890px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DADADA;
}

.group #content .group-clinic>div .group-clinic-address>li .group-clinic-address-tel {
  color: #464646;
  font-size: 36px;
  font-size: 3.6rem;
  padding-left: 10px;
  font-family: "Alice", serif;
}

.group #content .group-clinic>div .group-clinic-address>li .group-clinic-address-open {
  display: block;
  padding-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.group #content .group-clinic>div .group-clinic-address .group-clinic-address-left {
  float: left;
  width: 480px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
}

.group #content .group-clinic>div .group-clinic-address .group-clinic-address-right {
  float: right;
  width: 380px;
  text-align: right;
}

.group #content .group-clinic>div .group-clinic-access {
  overflow: hidden;
  *zoom: 1;
  width: 890px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px dashed #DADADA;
}

.group #content .group-clinic>div .group-clinic-access>dt {
  position: relative;
  float: left;
  width: 300px;
  margin-top: 15px;
}

.group #content .group-clinic>div .group-clinic-access>dt span {
  display: block;
  position: absolute;
  top: 50%;
  left: 60px;
  margin-top: -1em;
  padding-top: 10px;
  color: #274B7A;
  font-size: 20px;
  font-size: 2rem;
}

.group #content .group-clinic>div .group-clinic-access>dd {
  float: right;
  width: 500px;
}

.group #content .group-clinic>div .first {
  border-top: none;
}

@media screen and (max-width: 1024px) {
  .group #content .group-clinic {
    /* #group-clinic */
  }

  .group #content .group-clinic>div .group-clinic-image {
    width: 100%;
    text-align: center;
  }

  .group #content .group-clinic>div .group-clinic-image>figure {
    float: none;
    width: 100%;
    height: 400px;
    overflow: hidden;
  }

  .group #content .group-clinic>div .group-clinic-image>figure img {
    width: auto;
    height: 100%;
  }

  .group #content .group-clinic>div .group-clinic-image>div {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .group #content .group-clinic>div .group-clinic-image>div object {
    width: 100%;
  }

  .group #content .group-clinic>div .group-clinic-address {
    width: 100%;
  }

  .group #content .group-clinic>div .group-clinic-address .group-clinic-address-left,
  .group #content .group-clinic>div .group-clinic-address .group-clinic-address-right {
    float: none;
    width: 100%;
    text-align: center;
  }

  .group #content .group-clinic>div .group-clinic-access {
    width: 100%;
    text-align: center;
  }

  .group #content .group-clinic>div .group-clinic-access>dt {
    float: none;
    width: 100%;
  }

  .group #content .group-clinic>div .group-clinic-access>dt span {
    position: static;
    display: block;
    margin-top: 15px;
    padding-bottom: 20px;
  }

  .group #content .group-clinic>div .group-clinic-access>dd {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .group #content .group-clinic {
    /* #group-clinic */
  }

  .group #content .group-clinic>div .group-clinic-image>figure {
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .group #content .group-clinic>div .group-clinic-image>figure img {
    width: 100%;
    height: auto;
  }

  .group #content .group-clinic>div .group-clinic-image>div {
    height: 200px;
  }
}

.group #content #group-shinjuku,
.group #content #group-fukuoka {
  background: white;
}

/*==============================
アクセス方法
==============================*/
.access #content #access-address {
  padding-bottom: 40px;
  background: white;
}

.access #content #access-address #access-address-info>ul {
  overflow: hidden;
  *zoom: 1;
  width: 890px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DADADA;
}

.access #content #access-address #access-address-info>ul>li #access-address-info-tel {
  color: #464646;
  font-size: 36px;
  font-size: 3.6rem;
  padding-left: 10px;
  font-family: "Alice", serif;
}

.access #content #access-address #access-address-info>ul>li #access-address-info-open {
  display: block;
  padding-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.access #content #access-address #access-address-info>ul #access-address-info-left {
  float: left;
  width: 480px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
}

.access #content #access-address #access-address-info>ul #access-address-info-right {
  float: right;
  width: 380px;
  text-align: right;
}

.access #content #access-address #access-address-map {
  width: 100%;
  height: 480px;
}

.access #content #access-address .access-address-map {
  width: 100%;
  height: 480px;
  padding: 0 !important;
  background: #b9d7ff;
}

.access #content #access-address .access-address-map iframe {
  width: 100% !important;
  height: 100% !important;
  filter: grayscale(1);
  opacity: 0.9;
}

.access #content #access-address #access-address-route {
  width: 1024px;
  margin: 0 auto;
  padding-top: 20px;
}

.access #content #access-address #access-address-route>dl {
  overflow: hidden;
  *zoom: 1;
  width: 890px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px dashed #DADADA;
}

.access #content #access-address #access-address-route>dl>dt {
  position: relative;
  float: left;
  width: 300px;
  margin-top: 15px;
}

.access #content #access-address #access-address-route>dl>dt span {
  display: block;
  position: absolute;
  top: 50%;
  left: 60px;
  margin-top: -1em;
  padding-top: 10px;
  color: #274B7A;
  font-size: 20px;
  font-size: 2rem;
}

.access #content #access-address #access-address-route>dl>dd {
  float: right;
  width: 500px;
}

.access #content #access-address #access-address-route .first {
  border-top: none;
}

@media screen and (max-width: 1024px) {
  .access #content #access-address {
    /* #access-address */
  }

  .access #content #access-address #access-address-info>ul {
    width: 100%;
  }

  .access #content #access-address #access-address-info>ul #access-address-info-left,
  .access #content #access-address #access-address-info>ul #access-address-info-right {
    float: none;
    width: 100%;
    text-align: center;
  }

  .access #content #access-address #access-address-route>dl {
    width: 100%;
    text-align: center;
  }

  .access #content #access-address #access-address-route>dl>dt {
    float: none;
    width: 100%;
    padding-bottom: 20px;
  }

  .access #content #access-address #access-address-route>dl>dt span {
    display: block;
    position: static;
    top: 0;
    left: 0;
    margin-top: 0;
    padding-top: 20px;
  }

  .access #content #access-address #access-address-route>dl>dd {
    float: none;
    width: 100%;
  }

  .access #content #access-address #access-address-route>dl:not(.first)>dd p br {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .access #content #access-address {
    /* #access-address */
  }

  .access #content #access-address #access-address-map {
    height: 200px !important;
  }

  .access #content #access-address .access-address-map {
    height: 200px !important;
  }
}

.access #content #access-route>div {
  width: 1024px;
  margin: 0 auto;
}

.access #content #access-route>div>h3 {
  padding-top: 60px;
  color: #262626;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  line-height: 36px;
  border-top: 1px solid #E1E1E1;
}

.access #content #access-route>div>h3::before {
  content: attr(data-title) "";
  display: block;
  width: 200px;
  margin: 0 auto 20px;
  padding-bottom: 20px;
  color: #274B7A;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0.5em;
  border-bottom: 1px solid #DADADA;
}

.access #content #access-route>div>h3:first-child {
  border-top: none;
}

.access #content #access-route>div>p {
  padding-top: 10px;
  text-align: center;
}

.access #content #access-route>div>p>span {
  font-size: 14px;
  font-size: 1.4rem;
}

.access #content #access-route>div>ol {
  overflow: hidden;
  *zoom: 1;
  margin-left: -32px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.access #content #access-route>div>ol>li {
  float: left;
  width: 320px;
  height: 320px;
  margin-bottom: 30px;
  margin-left: 32px;
}

.access #content #access-route>div>ol>li figure figcaption {
  padding-top: 20px;
  line-height: 24px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .access #content #access-route {
    /* #access-route */
  }

  .access #content #access-route>div {
    width: 100%;
  }

  .access #content #access-route>div>ol {
    margin-left: 0;
    text-align: center;
  }

  .access #content #access-route>div>ol>li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 30px;
  }
}

@media screen and (max-width: 680px) {
  .access #content #access-route {
    /* #access-route */
  }

  .access #content #access-route>div>ol>li {
    float: none;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-bottom: 40px;
  }

  .access #content #access-route>div>ol>li>figure img {
    width: 100%;
    height: auto;
  }
}

/*==============================
植毛症例集
==============================*/
.experiences #content #experiences-index>div .page-index-list>li>a {
  position: relative;
}

.experiences #content #experiences-index>div .page-index-list>li>a>div {
  position: absolute;
  left: 50%;
  top: 70%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  vertical-align: middle;
  padding-top: 0 !important;
}

@media screen and (max-width: 680px) {
  .experiences #content #experiences-index>div .page-index-list>li>a {
    position: static;
  }

  .experiences #content #experiences-index>div .page-index-list>li>a>div {
    position: static;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding-top: 30px !important;
    padding-bottom: 30px;
  }
}

#cboxOverlay {
  background: black !important;
}

#colorbox #cboxContent #cboxClose {
  top: 0;
}

#colorbox #cboxContent #cboxLoadedContent {
  margin-bottom: 0 !important;
  padding: 30px !important;
}

@media screen and (max-width: 680px) {
  #colorbox {
    /* #colorbox */
  }

  #colorbox #cboxContent #cboxLoadedContent {
    padding: 10px !important;
  }
}

#contactbox #contactbox-contents {
  padding: 10% 0 8%;
}

#contactbox #contactbox-contents>dl {
  color: #262626;
  text-align: center;
}

#contactbox #contactbox-contents>dl>dt {
  font-weight: bold;
  font-size: 2rem;
}

#contactbox #contactbox-contents>dl>dd {
  display: flex;
  align-items: baseline;
  font-family: "Alice", serif;
  padding-top: 20px;
  font-weight: 200;
  white-space: nowrap;
  line-height: 1;
  font-size: 5rem;
}

#contactbox #contactbox-contents>dl>dd img {
  width: 40px;
  height: auto;
  margin-right: 5px;
}

#contactbox #contactbox-contents>span {
  display: block;
  padding-top: 10px;
  text-align: center;
  font-size: 1.6rem;
  color: #262626;
}

#contactbox #contactbox-contents>span>span {
  display: inline-block;
  margin-left: 5px;
  padding: 5px;
  color: white;
  font-size: 1.4rem;
  background: #262626;
}

.experiences-list-inline {
  overflow: hidden;
  *zoom: 1;
}

.experiences-list-inline .experiences-list-inline-image-left {
  float: left;
  margin-right: 30px;
}

.experiences-list-inline .experiences-list-inline-image-right {
  float: right;
}

.experiences-list-inline>p {
  clear: both;
  padding-top: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}

.experiences-list-inline>figure>img {
  width: 280px;
  height: 180px;
}

@media screen and (max-width: 680px) {
  .experiences-list-inline {
    /* .experiences-list-inline */
  }

  .experiences-list-inline .experiences-list-inline-image-left {
    float: none;
    margin-right: 0;
  }

  .experiences-list-inline .experiences-list-inline-image-right {
    float: none;
    padding-top: 20px;
  }

  .experiences-list-inline>figure>img {
    width: 100%;
    height: auto;
  }

  .experiences-list-inline>figure>figcaption {
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
  }
}

/*==============================
中野浩一の自毛植毛体験記、ギャオス内藤の自毛植毛体験記
==============================*/
.celebrity #content #nakano-intro {
  background-color: #B06A2D;
  background-image: url(../images/page_nakano_intro_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}

.celebrity #content #nakano-intro>div {
  position: relative;
  width: 1024px;
  height: 486px;
  margin: 0 auto;
  color: white;
}

.celebrity #content #nakano-intro>div #nakano-intro-image {
  display: none;
}

.celebrity #content #nakano-intro>div #nakano-intro-copy {
  position: absolute;
  top: 70px;
  left: 66px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 56px;
}

.celebrity #content #nakano-intro>div #nakano-intro-title {
  width: 600px;
  margin-left: 66px;
  padding-top: 218px;
  /* @include text-shadow(0 0 10px rgba(0,0,0,0.5)); */
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1 {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  margin-left: 200px;
  padding: 0 20px;
  text-align: center;
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1::before,
.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 20px;
  border-right: 2px solid white;
  background: transparent;
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1::before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title2 {
  font-size: 62px;
  font-size: 6.2rem;
  font-family: 'ipamin';
  display: block;
  line-height: 2;
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title2>span {
  vertical-align: top;
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title2>object {
  vertical-align: top;
  margin-top: 20px;
}

.celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title2>img {
  vertical-align: middle;
}

.celebrity #content #nakano-intro>div #nakano-intro-description {
  width: 600px;
  padding-top: 20px;
  margin-left: 32px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .celebrity #content #nakano-intro {
    /* #nakano-intro */
  }

  .celebrity #content #nakano-intro>div {
    width: 100%;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-copy {
    position: static;
    width: 100%;
    padding-top: 40px;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-title {
    width: 100%;
    margin-left: 0;
    padding-top: 40px;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1 {
    margin-left: 0;
    display: inline;
    padding: 0 0 0 10px;
    text-align: left;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1::before,
  .celebrity #content #nakano-intro>div #nakano-intro-title #nakano-intro-title1::after {
    content: none;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-description {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 40px;
    text-align: left;
  }
}

@media screen and (max-width: 680px) {
  .celebrity #content #nakano-intro {
    /* #nakano-intro */
    background-color: transparent;
    background-image: none;
  }

  .celebrity #content #nakano-intro>div {
    width: 100%;
    height: auto;
    padding-top: 20px;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-image {
    display: block;
    margin-top: 20px;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-image img {
    width: 100%;
    height: auto;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-copy {
    display: none;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-title {
    display: none;
  }

  .celebrity #content #nakano-intro>div #nakano-intro-description {
    display: none;
  }
}

.celebrity #content #gyaos-intro {
  background: #B06A2D url(../images/page_gyaos_intro_bg.jpg) no-repeat center top;
}

.celebrity #content #gyaos-intro>div {
  position: relative;
  width: 1024px;
  height: 486px;
  margin: 0 auto;
  color: white;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-image {
  display: none;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-copy {
  position: absolute;
  top: 300px;
  left: 66px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 56px;
  letter-spacing: -0.1em;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-copy span {
  font-size: 44px;
  font-size: 4.4rem;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title {
  width: 600px;
  margin-left: 66px;
  padding-top: 60px;
  /* @include text-shadow(0 0 10px rgba(0,0,0,0.5)); */
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1 {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  margin-left: 160px;
  padding: 0 20px;
  text-align: center;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1::before,
.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 20px;
  border-right: 2px solid white;
  background: transparent;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1::before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title2 {
  font-size: 62px;
  font-size: 6.2rem;
  font-family: 'ipamin';
  display: block;
  line-height: 2;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title2>span {
  vertical-align: top;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title2>object {
  vertical-align: top;
  margin-top: 20px;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title2>img {
  vertical-align: middle;
}

.celebrity #content #gyaos-intro>div #gyaos-intro-description {
  width: 600px;
  margin-left: 32px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .celebrity #content #gyaos-intro {
    /* #gyaos-intro */
  }

  .celebrity #content #gyaos-intro>div {
    width: 100%;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-copy {
    position: static;
    width: 100%;
    padding-top: 20px;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-title {
    width: 100%;
    margin-left: 0;
    padding-top: 40px;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1 {
    margin-left: 0;
    display: inline;
    padding: 0 0 0 10px;
    text-align: left;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1::before,
  .celebrity #content #gyaos-intro>div #gyaos-intro-title #gyaos-intro-title1::after {
    content: none;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-description {
    width: 100%;
    margin-left: 0;
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: left;
  }
}

@media screen and (max-width: 680px) {
  .celebrity #content #gyaos-intro {
    /* #gyaos-intro */
    background-color: transparent;
    background-image: none;
  }

  .celebrity #content #gyaos-intro>div {
    width: 100%;
    height: auto;
    padding-top: 20px;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-image {
    display: block;
    margin-top: 20px;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-image img {
    width: 100%;
    height: auto;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-copy {
    display: none;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-title {
    display: none;
  }

  .celebrity #content #gyaos-intro>div #gyaos-intro-description {
    display: none;
  }
}

.celebrity #content .celebrity-list>div {
  padding-top: 80px;
}

.celebrity #content .celebrity-list>div>h4 {
  padding-bottom: 40px;
  color: #464646;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 38px;
}

.celebrity #content .celebrity-list>div>ul {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
}

.celebrity #content .celebrity-list>div>ul .celebrity-list-image {
  width: 342px;
}

.celebrity #content .celebrity-list>div>ul .celebrity-list-image>figure {
  padding-bottom: 40px;
}

.celebrity #content .celebrity-list>div>ul .celebrity-list-image>figure>figcaption {
  padding-top: 20px;
  text-align: center;
}

.celebrity #content .celebrity-list>div>ul .celebrity-list-comment {
  width: 588px;
}

.celebrity #content .celebrity-list>div>ul .celebrity-list-comment>p {
  padding-bottom: 20px;
}

.celebrity #content .celebrity-list .left>ul .celebrity-list-image {
  float: left;
}

.celebrity #content .celebrity-list .left>ul .celebrity-list-comment {
  float: right;
}

.celebrity #content .celebrity-list .right {
  background: white;
}

.celebrity #content .celebrity-list .right>ul .celebrity-list-image {
  float: right;
}

.celebrity #content .celebrity-list .right>ul .celebrity-list-comment {
  float: left;
}

@media screen and (max-width: 1024px) {
  .celebrity #content .celebrity-list {
    /* .celebrity-list */
  }

  .celebrity #content .celebrity-list .left>ul,
  .celebrity #content .celebrity-list .right>ul {
    width: 100%;
    display: table;
  }

  .celebrity #content .celebrity-list .left>ul .celebrity-list-image,
  .celebrity #content .celebrity-list .right>ul .celebrity-list-image {
    float: none;
    width: 40%;
    display: table-cell;
    vertical-align: top;
  }

  .celebrity #content .celebrity-list .left>ul .celebrity-list-comment,
  .celebrity #content .celebrity-list .right>ul .celebrity-list-comment {
    float: none;
    width: 60%;
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 680px) {
  .celebrity #content .celebrity-list {
    /* .celebrity-list */
  }

  .celebrity #content .celebrity-list>div {
    padding-top: 40px;
  }

  .celebrity #content .celebrity-list>div>h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .celebrity #content .celebrity-list .left>ul .celebrity-list-image,
  .celebrity #content .celebrity-list .right>ul .celebrity-list-image {
    width: 100%;
    display: block;
  }

  .celebrity #content .celebrity-list .left>ul .celebrity-list-image>figure>img,
  .celebrity #content .celebrity-list .right>ul .celebrity-list-image>figure>img {
    width: 100%;
    height: auto;
  }

  .celebrity #content .celebrity-list .left>ul .celebrity-list-image>figure>figcaption,
  .celebrity #content .celebrity-list .right>ul .celebrity-list-image>figure>figcaption {
    text-align: center;
  }

  .celebrity #content .celebrity-list .left>ul .celebrity-list-comment,
  .celebrity #content .celebrity-list .right>ul .celebrity-list-comment {
    width: 100%;
    display: block;
  }
}

.celebrity #content .celebrity-results {
  background: white;
}

.celebrity #content .celebrity-results>div {
  width: 1024px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.celebrity #content .celebrity-results>div>ul {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
  padding: 30px 0 30px 22px;
  background: #F2F2F2;
}

.celebrity #content .celebrity-results>div>ul>li {
  float: left;
  width: 225px;
  margin-left: 20px;
}

.celebrity #content .celebrity-results>div>ul>li>figure figcaption {
  padding-top: 20px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .celebrity #content .celebrity-results {
    /* .celebrity-results */
  }

  .celebrity #content .celebrity-results>div>ul {
    width: 100%;
    padding: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }

  .celebrity #content .celebrity-results>div>ul>li {
    float: none;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 680px) {
  .celebrity #content .celebrity-results {
    /* .celebrity-results */
  }

  .celebrity #content .celebrity-results>div>ul>li {
    width: 100%;
    margin-left: 0;
    padding-bottom: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .celebrity #content .celebrity-results>div>ul>li>figure>img {
    width: 100%;
    height: auto;
  }
}

/*==============================
植毛症例集（モニター）
==============================*/
.testerg #content #testerg-intro>div {
  position: relative;
  width: 1024px;
  height: 450px;
  margin: 0 auto;
}

.testerg #content #testerg-intro>div>dl {
  width: 360px;
  margin-left: 32px;
  padding-top: 70px;
  color: white;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
}

.testerg #content #testerg-intro>div>dl>dt {
  position: relative;
  padding-bottom: 10px;
  font-size: 34px;
  font-size: 3.4rem;
  border-bottom: 1px solid white;
}

.testerg #content #testerg-intro>div>dl>dt span {
  position: absolute;
  right: 0;
  bottom: 10px;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}

.testerg #content #testerg-intro>div>dl>dd {
  padding-top: 10px;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 30px;
}

.testerg #content #testerg-intro>div>dl>dd>span {
  font-size: 13px;
  font-size: 1.3rem;
  margin-right: 10px;
  padding: 5px 8px;
  color: #274B7A;
  font-weight: bold;
  background-color: #ffffff;
}

.testerg #content #testerg-intro>div .testerg-intro-bnr {
  display: none;
}

@media screen and (max-width: 680px) {
  .testerg #content #testerg-intro {
    /* #testerg-list */
  }

  .testerg #content #testerg-intro>div .testerg-intro-bnr {
    display: block;
    padding-top: 20px;
  }

  .testerg #content #testerg-intro>div .testerg-intro-bnr>img {
    width: 100%;
    height: auto;
  }
}

.testerg #content #testerg-flow {
  padding: 80px 0;
}

.testerg #content #testerg-intro2 {
  background: #274B7A url(../images/page_experiences_intro_bg_blue.jpg) no-repeat center top;
}

.testerg #content #testerg-intro2>div {
  position: relative;
  width: 960px;
  height: 200px;
  margin: 0 auto;
}

.testerg #content #testerg-intro2>div>dl {
  width: 360px;
  margin: 0 auto;
  padding-top: 40px;
  color: white;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
}

.testerg #content #testerg-intro2>div>dl>dt {
  position: relative;
  padding-bottom: 10px;
  font-size: 34px;
  font-size: 3.4rem;
  border-bottom: 1px solid white;
}

.testerg #content #testerg-intro2>div>dl>dt span {
  position: absolute;
  right: 0;
  bottom: 10px;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}

.testerg #content #testerg-intro2>div>dl>dd {
  padding-top: 10px;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 30px;
  text-align: center;
}

.testerg #content #testerg-list>div>ul {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding: 80px 0;
}

.testerg #content #testerg-list>div>ul .testerg-list-image {
  width: 342px;
}

.testerg #content #testerg-list>div>ul .testerg-list-image>figure {
  margin-bottom: 40px;
  text-align: center;
}

.testerg #content #testerg-list>div>ul .testerg-list-image>figure figcaption {
  padding-top: 10px;
  text-align: center;
}

.testerg #content #testerg-list>div>ul .testerg-list-qa {
  width: 568px;
}

.testerg #content #testerg-list>div>ul .testerg-list-qa>h4 {
  color: #274B7A;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 36px;
}

.testerg #content #testerg-list>div>ul .testerg-list-qa>p {
  padding-top: 20px;
  padding-bottom: 60px;
}

.testerg #content #testerg-list .left {
  background: white;
}

.testerg #content #testerg-list .left>ul .testerg-list-image {
  float: left;
}

.testerg #content #testerg-list .left>ul .testerg-list-qa {
  float: right;
}

.testerg #content #testerg-list .right {
  background: #F2F2F2;
}

.testerg #content #testerg-list .right>ul .testerg-list-image {
  float: right;
}

.testerg #content #testerg-list .right>ul .testerg-list-qa {
  float: left;
}

@media screen and (max-width: 1024px) {
  .testerg #content #testerg-list {
    /* #testerg-list */
  }

  .testerg #content #testerg-list .left>ul,
  .testerg #content #testerg-list .right>ul {
    display: table;
    width: 100%;
    padding: 20px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-image,
  .testerg #content #testerg-list .right>ul .testerg-list-image {
    float: none;
    display: table-cell;
    width: 40%;
    vertical-align: top;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-image>figure>img,
  .testerg #content #testerg-list .right>ul .testerg-list-image>figure>img {
    width: 100%;
    height: auto;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-image>figure>figcaption,
  .testerg #content #testerg-list .right>ul .testerg-list-image>figure>figcaption {
    text-align: center;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-qa,
  .testerg #content #testerg-list .right>ul .testerg-list-qa {
    float: none;
    display: table-cell;
    width: 60%;
    padding-left: 20px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 680px) {
  .testerg #content #testerg-list {
    /* #testerg-list */
  }

  .testerg #content #testerg-list .left>ul,
  .testerg #content #testerg-list .right>ul {
    display: block;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-image,
  .testerg #content #testerg-list .right>ul .testerg-list-image {
    display: block;
    width: 100%;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-image>figure>img,
  .testerg #content #testerg-list .right>ul .testerg-list-image>figure>img {
    width: 100%;
    height: auto;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-image>figure>figcaption,
  .testerg #content #testerg-list .right>ul .testerg-list-image>figure>figcaption {
    text-align: center;
  }

  .testerg #content #testerg-list .left>ul .testerg-list-qa,
  .testerg #content #testerg-list .right>ul .testerg-list-qa {
    display: block;
    width: 100%;
  }
}

.testerg #content #testerg-risks>div {
  width: 960px;
  margin: 0 auto;
  padding: 60px 0;
}

.testerg #content #testerg-risks>div .testerg-risks-list {
  width: 740px;
  margin: 0 auto;
  list-style-type: disc;
}

.testerg #content #testerg-risks>div .page-btn {
  width: 600px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .testerg #content #testerg-risks {
    /* #testerg-list */
  }

  .testerg #content #testerg-risks>div .testerg-risks-list {
    width: 100%;
  }

  .testerg #content #testerg-risks>div .page-btn {
    width: 100%;
  }
}

.noda #content #testerg-intro>div #testerg-intro-image3,
.yamashita #content #testerg-intro>div #testerg-intro-image3,
.hosokawa #content #testerg-intro>div #testerg-intro-image3,
.ayaka #content #testerg-intro>div #testerg-intro-image3 {
  display: none;
}

.noda #content #testerg-intro>div>h3,
.yamashita #content #testerg-intro>div>h3,
.hosokawa #content #testerg-intro>div>h3,
.ayaka #content #testerg-intro>div>h3 {
  padding-top: 84px;
}

@media screen and (max-width: 1024px) {

  .noda #content #testerg-intro,
  .yamashita #content #testerg-intro,
  .hosokawa #content #testerg-intro,
  .ayaka #content #testerg-intro {
    /* #testerg-intro */
  }

  .noda #content #testerg-intro>div>h3,
  .yamashita #content #testerg-intro>div>h3,
  .hosokawa #content #testerg-intro>div>h3,
  .ayaka #content #testerg-intro>div>h3 {
    font-size: 36px;
    font-size: 3.6rem;
  }

  .noda #content #testerg-intro>div>dl,
  .yamashita #content #testerg-intro>div>dl,
  .hosokawa #content #testerg-intro>div>dl,
  .ayaka #content #testerg-intro>div>dl {
    padding-bottom: 40px;
  }

  .noda #content #testerg-intro>div>dl>dt,
  .yamashita #content #testerg-intro>div>dl>dt,
  .hosokawa #content #testerg-intro>div>dl>dt,
  .ayaka #content #testerg-intro>div>dl>dt {
    margin-top: 40px;
  }
}

@media screen and (max-width: 855px) {

  .noda #content #testerg-intro,
  .yamashita #content #testerg-intro,
  .hosokawa #content #testerg-intro,
  .ayaka #content #testerg-intro {
    /* #testerg-intro */
  }

  .noda #content #testerg-intro>div #testerg-intro-image2,
  .yamashita #content #testerg-intro>div #testerg-intro-image2,
  .hosokawa #content #testerg-intro>div #testerg-intro-image2,
  .ayaka #content #testerg-intro>div #testerg-intro-image2 {
    display: none;
  }
}

@media screen and (max-width: 680px) {

  .noda #content #testerg-intro,
  .yamashita #content #testerg-intro,
  .hosokawa #content #testerg-intro,
  .ayaka #content #testerg-intro {
    /* #testerg-intro */
    background-image: none;
    background-color: transparent;
  }

  .noda #content #testerg-intro>div,
  .yamashita #content #testerg-intro>div,
  .hosokawa #content #testerg-intro>div,
  .ayaka #content #testerg-intro>div {
    height: auto;
  }

  .noda #content #testerg-intro>div #testerg-intro-image1,
  .yamashita #content #testerg-intro>div #testerg-intro-image1,
  .hosokawa #content #testerg-intro>div #testerg-intro-image1,
  .ayaka #content #testerg-intro>div #testerg-intro-image1 {
    display: none;
  }

  .noda #content #testerg-intro>div #testerg-intro-image2,
  .yamashita #content #testerg-intro>div #testerg-intro-image2,
  .hosokawa #content #testerg-intro>div #testerg-intro-image2,
  .ayaka #content #testerg-intro>div #testerg-intro-image2 {
    display: none;
  }

  .noda #content #testerg-intro>div #testerg-intro-image3,
  .yamashita #content #testerg-intro>div #testerg-intro-image3,
  .hosokawa #content #testerg-intro>div #testerg-intro-image3,
  .ayaka #content #testerg-intro>div #testerg-intro-image3 {
    display: block;
    padding-top: 20px;
  }

  .noda #content #testerg-intro>div #testerg-intro-image3>img,
  .yamashita #content #testerg-intro>div #testerg-intro-image3>img,
  .hosokawa #content #testerg-intro>div #testerg-intro-image3>img,
  .ayaka #content #testerg-intro>div #testerg-intro-image3>img {
    width: 100%;
    height: auto;
  }

  .noda #content #testerg-intro>div>h3,
  .yamashita #content #testerg-intro>div>h3,
  .hosokawa #content #testerg-intro>div>h3,
  .ayaka #content #testerg-intro>div>h3 {
    padding-top: 40px;
    padding-left: 0;
    color: #464646;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
  }

  .noda #content #testerg-intro>div>h3 br,
  .yamashita #content #testerg-intro>div>h3 br,
  .hosokawa #content #testerg-intro>div>h3 br,
  .ayaka #content #testerg-intro>div>h3 br {
    display: none;
  }

  .noda #content #testerg-intro>div>dl,
  .yamashita #content #testerg-intro>div>dl,
  .hosokawa #content #testerg-intro>div>dl,
  .ayaka #content #testerg-intro>div>dl {
    width: 100%;
    margin-left: 0;
    padding: 40px;
    color: #464646;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .noda #content #testerg-intro>div>dl>dt,
  .yamashita #content #testerg-intro>div>dl>dt,
  .hosokawa #content #testerg-intro>div>dl>dt,
  .ayaka #content #testerg-intro>div>dl>dt {
    margin-top: 40px;
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    border-bottom: 1px solid #DADADA;
  }

  .noda #content #testerg-intro>div>dl>dt>span,
  .yamashita #content #testerg-intro>div>dl>dt>span,
  .hosokawa #content #testerg-intro>div>dl>dt>span,
  .ayaka #content #testerg-intro>div>dl>dt>span {
    position: static;
    display: inline;
  }

  .noda #content #testerg-intro>div>dl>dd,
  .yamashita #content #testerg-intro>div>dl>dd,
  .hosokawa #content #testerg-intro>div>dl>dd,
  .ayaka #content #testerg-intro>div>dl>dd {
    text-align: center;
  }
}

.noda #content #testerg-intro>div #testerg-intro-image1,
.yamashita #content #testerg-intro>div #testerg-intro-image1 {
  position: absolute;
  bottom: 0;
  right: 160px;
}

.noda #content #testerg-intro>div #testerg-intro-image2,
.yamashita #content #testerg-intro>div #testerg-intro-image2 {
  position: absolute;
  top: 154px;
  right: 0;
}

@media screen and (max-width: 1024px) {

  .noda #content #testerg-intro,
  .yamashita #content #testerg-intro {
    /* #testerg-intro */
  }

  .noda #content #testerg-intro>div #testerg-intro-image1,
  .yamashita #content #testerg-intro>div #testerg-intro-image1 {
    right: 0;
    text-align: center;
  }

  .noda #content #testerg-intro>div #testerg-intro-image1 img,
  .yamashita #content #testerg-intro>div #testerg-intro-image1 img {
    width: 80%;
  }

  .noda #content #testerg-intro>div #testerg-intro-image2,
  .yamashita #content #testerg-intro>div #testerg-intro-image2 {
    top: 140px;
    right: 20%;
  }

  .noda #content #testerg-intro>div #testerg-intro-image2 img,
  .yamashita #content #testerg-intro>div #testerg-intro-image2 img {
    width: 80%;
  }
}

.hosokawa #content #testerg-intro>div #testerg-intro-image1,
.ayaka #content #testerg-intro>div #testerg-intro-image1 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.hosokawa #content #testerg-intro>div #testerg-intro-image2,
.ayaka #content #testerg-intro>div #testerg-intro-image2 {
  position: absolute;
  top: 154px;
  left: 18px;
}

@media screen and (max-width: 1024px) {

  .hosokawa #content #testerg-intro,
  .ayaka #content #testerg-intro {
    /* #testerg-intro */
  }

  .hosokawa #content #testerg-intro>div #testerg-intro-image1,
  .ayaka #content #testerg-intro>div #testerg-intro-image1 {
    right: 0;
    text-align: center;
  }

  .hosokawa #content #testerg-intro>div #testerg-intro-image2,
  .ayaka #content #testerg-intro>div #testerg-intro-image2 {
    top: 140px;
    right: 20%;
  }

  .hosokawa #content #testerg-intro>div #testerg-intro-image2 img,
  .ayaka #content #testerg-intro>div #testerg-intro-image2 img {
    width: 80%;
  }
}

.hosokawa #content #testerg-intro {
  background: #274B7A url(../images/page_experiences_intro_bg_hosokawa.jpg) no-repeat center top;
}

.hosokawa #content #testerg-intro>div .testerg-intro-beforeafter {
  position: absolute;
  left: 15px;
  bottom: 20px;
  z-index: 2;
}

.hosokawa #content #testerg-intro>div .testerg-intro-portrait {
  position: absolute;
  right: 50px;
  bottom: 0;
  z-index: 1;
}

@media screen and (max-width: 680px) {
  .hosokawa {
    /* #testerg-intro */
  }

  .hosokawa #content #testerg-intro {
    background: none;
  }

  .hosokawa #content #testerg-intro>div .testerg-intro-beforeafter,
  .hosokawa #content #testerg-intro>div .testerg-intro-portrait {
    display: none;
  }
}

.noda #content #testerg-intro {
  background: #274B7A url(../images/page_experiences_intro_bg_noda.jpg) no-repeat center top;
}

.noda #content #testerg-intro>div .testerg-intro-beforeafter {
  position: absolute;
  left: 15px;
  bottom: 20px;
  z-index: 2;
}

.noda #content #testerg-intro>div .testerg-intro-portrait {
  position: absolute;
  right: 50px;
  bottom: 0;
  z-index: 1;
}

@media screen and (max-width: 680px) {
  .noda {
    /* #testerg-intro */
  }

  .noda #content #testerg-intro {
    background: none;
  }

  .noda #content #testerg-intro>div .testerg-intro-beforeafter,
  .noda #content #testerg-intro>div .testerg-intro-portrait {
    display: none;
  }
}

.yamashita #content #testerg-intro {
  background: #274B7A url(../images/page_experiences_intro_bg_yamashita.jpg) no-repeat center top;
}

.yamashita #content #testerg-intro>div .testerg-intro-beforeafter {
  position: absolute;
  left: 15px;
  bottom: 20px;
  z-index: 2;
}

.yamashita #content #testerg-intro>div .testerg-intro-portrait {
  position: absolute;
  right: 50px;
  bottom: 0;
  z-index: 1;
}

@media screen and (max-width: 680px) {
  .yamashita {
    /* #testerg-intro */
  }

  .yamashita #content #testerg-intro {
    background: none;
  }

  .yamashita #content #testerg-intro>div .testerg-intro-beforeafter,
  .yamashita #content #testerg-intro>div .testerg-intro-portrait {
    display: none;
  }
}

/*==============================
体験者の声
==============================*/
.voice #content #voice-detail>div {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
  padding: 40px 0;
}

.voice #content #voice-detail>div #voice-detail-list {
  float: left;
  width: 240px;
}

.voice #content #voice-detail>div #voice-detail-list>li {
  border-bottom: 1px solid #213F66;
}

.voice #content #voice-detail>div #voice-detail-list>li a {
  position: relative;
  display: block;
  padding: 20px;
  color: white;
  text-decoration: none;
  background: #3E5E88;
}

.voice #content #voice-detail>div #voice-detail-list>li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.voice #content #voice-detail>div #voice-detail-list>li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.voice #content #voice-detail>div #voice-detail-list>li .on {
  background: #213F66;
}

.voice #content #voice-detail>div #voice-detail-content {
  float: right;
  width: 740px;
}

.voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
  padding: 30px;
  background: white;
}

.voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>figure {
  float: left;
  width: 260px;
}

.voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>figure>a {
  display: block;
}

.voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>figure>a img {
  width: 260px;
  height: auto;
}

.voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>div {
  float: right;
  width: 380px;
}

.voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>div .category {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px;
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
  background: #464646;
}

.voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>div>p>span {
  font-size: 18px;
  font-size: 1.8rem;
  color: #464646;
  letter-spacing: 0.1em;
}

.voice #content #voice-detail>div #voice-detail-content>.page-numbers {
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  background: white;
}

.voice #content #voice-detail>div #voice-detail-content>.page-numbers>li {
  display: inline-block;
}

.voice #content #voice-detail>div #voice-detail-content>.page-numbers>li>a,
.voice #content #voice-detail>div #voice-detail-content>.page-numbers>li>span {
  display: inline-block;
  padding: 5px;
  color: #464646;
  border: 1px solid #DADADA;
}

.voice #content #voice-detail>div #voice-detail-content>.page-numbers>li>a {
  text-decoration: none;
}

.voice #content #voice-detail>div #voice-detail-content>.page-numbers>li>a:hover {
  text-decoration: none;
  color: white;
  background: #464646;
}

.voice #content #voice-detail>div #voice-detail-content>.page-numbers>li .current {
  color: white;
  background: #464646;
}

@media screen and (max-width: 1024px) {
  .voice #content #voice-detail {
    /* #voice-detail */
  }

  .voice #content #voice-detail>div {
    width: 100%;
  }

  .voice #content #voice-detail>div #voice-detail-list {
    float: none;
    display: table;
    width: 100%;
    margin-bottom: 40px;
  }

  .voice #content #voice-detail>div #voice-detail-list>li {
    display: table-cell;
    width: 20%;
    border-bottom: none;
    border-left: 1px solid #213F66;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .voice #content #voice-detail>div #voice-detail-list>li>a {
    padding: 20px 0;
    text-align: center;
  }

  .voice #content #voice-detail>div #voice-detail-list>li>a::after {
    content: none;
  }

  .voice #content #voice-detail>div #voice-detail-content {
    float: none;
    width: 100%;
    background: white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li {
    display: table;
    width: 100%;
    margin-bottom: 0;
    padding: 30px;
    border-bottom: 1px solid #F2F2F2;
    background: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>figure {
    float: none;
    display: table-cell;
    width: 260px;
    vertical-align: top;
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>figure>a img {
    width: 260px;
    height: auto;
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>div {
    float: none;
    display: table-cell;
    width: auto;
    vertical-align: top;
  }
}

@media screen and (max-width: 680px) {
  .voice #content #voice-detail {
    /* #voice-detail */
  }

  .voice #content #voice-detail>div #voice-detail-list {
    float: none;
    display: block;
    width: 100%;
  }

  .voice #content #voice-detail>div #voice-detail-list>li {
    display: block;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #213F66;
  }

  .voice #content #voice-detail>div #voice-detail-list>li>a {
    padding: 20px;
    text-align: left;
  }

  .voice #content #voice-detail>div #voice-detail-list>li>a::after {
    content: "";
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li {
    display: block;
    width: 100%;
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>figure {
    float: none;
    display: block;
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>figure>a>img {
    width: 100%;
  }

  .voice #content #voice-detail>div #voice-detail-content #voice-detail-content-list>li>div {
    display: block;
  }
}

/*==============================
自毛植毛施術の料金
==============================*/
.fee #content {
  overflow: hidden;
  /*============================
  #fee-shampoo
  ============================*/
  /*============================
  #fee-newplan2
  ============================*/
  /*============================
  #fee-caluclation
  ============================*/
  /*============================
  #fee-trial
  ============================*/
  /*============================
  #fee-return
  ============================*/
  /*============================
  #fee-supports
  ============================*/
  /*============================
  #fee-medicalcredit
  ============================*/
  /*============================
  #fee-monitor
  ============================*/
  /*============================
  #fee-support
  ============================*/
  /*============================
  #fee-pay
  ============================*/
}

.fee #content .fee-supplement {
  padding: 40px 0;
}

.fee #content .fee-supplement>div {
  display: table;
  max-width: 730px;
  margin: 0 auto;
  padding: 0 20px;
}

.fee #content .fee-supplement>div>dl,
.fee #content .fee-supplement>div figure {
  display: table-cell;
  vertical-align: middle;
}

.fee #content .fee-supplement>div>dl {
  padding-right: 30px;
}

.fee #content .fee-supplement>div>dl>dt {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'ipamin';
  line-height: 36px;
  letter-spacing: 0.1em;
  color: #274B7A;
}

.fee #content .fee-supplement>div>figure {
  position: relative;
  width: 290px;
  height: 290px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  overflow: hidden;
}

.fee #content .fee-supplement>div>figure>img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160%;
  height: auto;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 680px) {
  .fee #content .fee-supplement {
    /* #monitor-desc */
  }

  .fee #content .fee-supplement>div {
    position: relative;
    display: block;
  }

  .fee #content .fee-supplement>div>dl {
    display: block;
    width: 100%;
    padding-top: 320px;
  }

  .fee #content .fee-supplement>div>dl>dt {
    text-align: center;
  }

  .fee #content .fee-supplement>div>figure {
    position: absolute;
    left: 50%;
    top: 0;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.fee #content .page-intro p {
  margin-top: 30px;
  text-align: center;
}

.fee #content .page-intro .fee-newplan202003-bnr {
  width: 90%;
  max-width: 720px;
  margin-top: 5%;
  margin-right: auto;
  margin-left: auto;
}

.fee #content .page-intro .fee-newplan202003-bnr>a {
  display: block;
}

.fee #content .page-intro .fee-newplan202003-bnr img {
  width: 100%;
  height: auto;
}

.fee #content .page-intro .fee-campaign-bnr {
  width: 90%;
  max-width: 720px;
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
  margin-right: auto;
  margin-left: auto;
}

.fee #content .page-intro .fee-campaign-bnr .fee-campaign-bnr-item {
  width: 48%;
}

.fee #content .page-intro .fee-campaign-bnr .fee-campaign-bnr-item img {
  width: 100%;
  height: auto;
}

.fee #content .fee-newplan202003 {
  width: 100%;
  background-color: #CCE3F5;
  background-image: url(../images/fee_newplan202003_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  box-sizing: border-box;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner {
  position: relative;
  width: 90%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-title {
  text-align: center;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-title img {
  max-width: 554px;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord {
  padding: 65px 360px 50px 60px;
  color: white;
  box-sizing: border-box;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: .1em;
  text-shadow: 0 0 10px rgba(128, 128, 128, 0.4);
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-planlist {
  white-space: nowrap;
  overflow: hidden;
  margin-top: 20px;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-planlist .fee-newplan202003-planlist__item {
  float: left;
  width: 144px;
  margin-left: 20px;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-planlist .fee-newplan202003-planlist__item img {
  width: 100%;
  height: auto;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-caption {
  margin-top: 20px;
  font-size: 11px;
  font-size: 1.1rem;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention .fee-newplan202003-attention__title {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: .1em;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention .fee-newplan202003-attention__text {
  margin-top: 10px;
}

.fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention .fee-newplan202003-attention__text p {
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 1109px) {
  .fee #content .fee-newplan202003 .sp-hidden {
    display: none;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord {
    padding: 65px 200px 50px 60px;
  }
}

@media screen and (max-width: 855px) {
  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord {
    padding: 65px 100px 50px 0;
  }
}

@media screen and (max-width: 680px) {
  .fee #content .fee-newplan202003 {
    background-image: url(../images/fee_newplan202003_bg_sp.jpg);
    background-size: cover;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-title {
    width: 100%;
    box-sizing: border-box;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-title img {
    width: 100%;
    height: auto;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord {
    position: static;
    margin-top: 5%;
    padding: 5%;
    background: rgba(137, 180, 206, 0.4);
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord p {
    font-size: 3vw;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-planlist .fee-newplan202003-planlist__item {
    width: 40%;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-caption {
    font-size: 3vw;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention .fee-newplan202003-attention__title {
    font-size: 4vw;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention .fee-newplan202003-attention__text p {
    font-size: 3vw;
  }
}

@media screen and (max-width: 680px) {
  .fee #content .fee-newplan202003 .sp-hidden {
    display: none;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-title {
    box-sizing: border-box;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-title img {
    width: 100%;
    height: auto;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord {
    position: static;
    margin-top: 5%;
    padding: 5%;
    background: rgba(137, 180, 206, 0.4);
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord p {
    font-size: 3vw;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-planlist .fee-newplan202003-planlist__item {
    width: 40%;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-caption {
    font-size: 3vw;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention .fee-newplan202003-attention__title {
    font-size: 4vw;
  }

  .fee #content .fee-newplan202003 .fee-newplan202003-inner .fee-newplan202003-whitebord .fee-newplan202003-attention .fee-newplan202003-attention__text p {
    font-size: 3vw;
  }
}

.fee #content #fee-shampoo {
  background: white;
}

.fee #content #fee-shampoo>div {
  padding: 80px 0;
}

.fee #content #fee-shampoo>div .shampoobox {
  position: relative;
  max-width: 710px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 20px 30px 10px;
  border: 10px solid #dfdfdf;
  background: white;
  box-sizing: border-box;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-title {
  position: absolute;
  top: -36px;
  left: 0;
  width: 100%;
  color: #666666;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  line-height: 1;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child {
  display: flex;
  justify-content: space-between;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-image {
  position: relative;
  width: 50%;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents {
  width: 45%;
  padding: 10px 0 10px 0;
  text-align: center;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .productname {
  display: block;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .productname .tag {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding: 4px;
  color: white;
  font-size: 18px;
  border-radius: 40px;
  background: black;
  line-height: 1.4;
  box-sizing: border-box;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .price {
  display: block;
  padding-top: 10px;
  font-size: 13px;
  font-weight: bold;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .price>span {
  font-size: 20px;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-contents {
  margin-top: 20px;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-contents .p-shampooboxAboutus .p-shampooboxAboutus-title {
  font-size: 26px;
  font-weight: bold;
  color: #AAAAAA;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-contents .p-shampooboxAboutus .p-shampooboxAboutus-text {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-contents .p-shampooboxAboutus .p-shampooboxAboutus-text p {
  line-height: 1.6;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-shampoo>div {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 5% 0;
  }

  .fee #content #fee-shampoo>div .shampoobox {
    margin-top: 5%;
    padding: 5% 0 0;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-title {
    top: -3%;
    font-size: 6vw;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child {
    display: block;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-image {
    width: 100%;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-image img {
    position: relative;
    margin-top: 50%;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title {
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .productname {
    font-size: 6vw;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .productname .tag {
    width: 40%;
    font-size: 4vw;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .price {
    font-size: 4vw;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-title .price span {
    font-size: 5vw;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-contents {
    position: relative;
    top: -80px;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-contents .p-shampooboxAboutus .p-shampooboxAboutus-title {
    font-size: 6vw;
  }

  .fee #content #fee-shampoo>div .shampoobox .shampoobox-child .shampoobox-contents .shampooboxContents-contents .p-shampooboxAboutus .p-shampooboxAboutus-text {
    font-size: 4vw;
  }
}

.fee #content #fee-newplan2 {
  line-height: 1.6;
  background: white;
}

.fee #content #fee-newplan2 .u-mt-24 {
  margin-top: 24px;
}

.fee #content #fee-newplan2 .u-mt-40 {
  margin-top: 40px;
}

.fee #content #fee-newplan2 .u-mt-80 {
  margin-top: 80px;
}

.fee #content #fee-newplan2 .u-hidden-lg-inlineblock {
  display: inline-block;
}

.fee #content #fee-newplan2 .u-visible-lg-block {
  display: none;
}

.fee #content #fee-newplan2 .section-inner {
  width: 90%;
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
  padding: 10% 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-header {
  position: relative;
  z-index: 0;
  color: white;
}

.fee #content #fee-newplan2 .section-header::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50.7812%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/cost/2021/index_bg_newplan2.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  z-index: 1;
}

.fee #content #fee-newplan2 .section-header .section-inner {
  position: relative;
  padding: 10% 0 5% 0;
  width: 90%;
  z-index: 2;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-titlebox .section-titlebox-contents {
  color: #004A7C;
  font-weight: bold;
  font-size: 2.6rem;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-titlebox .section-titlebox-contents .copy {
  font-size: 1em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-titlebox .section-titlebox-contents .title {
  margin-top: 1%;
  font-size: 1.6em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-titlebox .section-titlebox-contents .title>span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  padding: 1% 2%;
  line-height: 1;
  font-size: .5em;
  color: white;
  background: #004A7C;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-cpbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 5%;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-cpbox .section-cpbox-item {
  width: 48%;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-cpbox .section-cpbox-item img {
  width: 100%;
  height: auto;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-newservice-title {
  color: #004a7c;
  font-weight: 700;
  margin: 5% 0 2%;
  font-size: 3rem;
  border-bottom: 1px dashed #134a7c;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-newservice-title>span:last-child {
  font-size: .6em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-cpbox-3col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  width: 100%;
  padding-bottom: 2%;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-cpbox-3col .section-cpbox-3col-item {
  width: 32%;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-cpbox-3col .section-cpbox-3col-item img {
  width: 100%;
  height: auto;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 5%;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item {
  width: 31%;
  border: 1px solid #004A7C;
  background: white;
  box-sizing: border-box;
  font-size: 1.4rem;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child {
  text-align: center;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-title {
  font-size: 1.4em;
  font-weight: bold;
  position: relative;
  background: #004A7C;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-title .icon {
  position: absolute;
  top: -28px;
  left: 10px;
  display: block;
  width: 60px;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-title .icon img {
  width: 100%;
  height: auto;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-contents {
  padding: 2% 5% 4% 5%;
  color: #004A7C;
  font-size: 1em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-contents .title {
  line-height: 1.8;
  font-size: 2em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-contents .title>span {
  display: inline-block;
  padding-left: 5px;
  font-weight: bold;
  font-size: 1.1em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-contents .text {
  line-height: 1.4;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-contents .text>span {
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item {
  position: relative;
  width: 31%;
  background-color: white;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 90%;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 {
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  color: #545d32;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d8ff3b;
  border-left: 10px solid transparent;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 dl {
  padding: 10px;
  background: #d8ff3b;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 dl dt {
  padding-bottom: 5px;
  font-size: 1.2rem;
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 dl dt span {
  color: #e44662;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 dl dd {
  padding: 5px 10px 0;
  font-size: 1rem;
  color: #565656;
  border-top: 1px solid #bcdc35;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 8% 5%;
  font-size: 1.6rem;
  color: white;
  text-decoration: none;
  opacity: 1;
  box-sizing: border-box;
  transition: all 300ms 0s ease;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 20px;
  height: 20px;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  transform: translate(-50%) rotate(45deg);
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a:hover {
  opacity: .6;
  text-decoration: none;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a:hover::after {
  bottom: -32px;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a .planname {
  display: block;
  font-size: .8em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a .planname .en {
  display: block;
  padding-top: 1%;
  padding-bottom: 2%;
  line-height: 1;
  font-size: 2.6em;
  font-family: "Oswald", sans-serif;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a .planname .ja {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6em;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item.section-menu-item--simple a {
  background-color: #2d81cc;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item.section-menu-item--total a {
  background-color: #004A7C;
}

.fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item.section-menu-item--unlimited a {
  background-color: #0c9950;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-header .section-inner .section-titlebox .section-titlebox-contents {
    font-size: 4vw;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-cpbox {
    width: 100%;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-cpbox .section-cpbox-item {
    width: 100%;
    margin-top: 3%;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-cpbox .section-cpbox-item img {
    width: 100%;
    height: auto;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-newservice-title {
    margin: 10% 0 5%;
    font-size: 6vw;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-newservice-title>span {
    display: block;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-cpbox-3col {
    display: block;
    padding-bottom: 5%;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-cpbox-3col .section-cpbox-3col-item {
    width: 100%;
    margin-bottom: 5%;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox {
    display: block;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item {
    width: 80%;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.2rem;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-benefitsbox .section-benefitsbox-item .section-benefitsbox-child .section-benefitsbox-title .icon {
    top: -10px;
    width: 40px;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu {
    display: block;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item {
    width: 100%;
    margin-top: 5%;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item::before {
    content: none;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 {
    position: relative;
    padding: 0;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105::before {
    top: -20px;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 dl {
    padding: 15px;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 dl dt {
    padding-bottom: 10px;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item .campaign-202105 dl dd {
    padding: 10px 0 0;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a {
    position: relative;
    padding: 5%;
    font-size: 3vw;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a .planname .en {
    display: inline-block;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 2.5em;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a .planname .ja {
    display: inline-block;
    vertical-align: middle;
  }

  .fee #content #fee-newplan2 .section-header .section-inner .section-menu .section-menu-item a::after {
    width: 10px;
    height: 10px;
    top: 50%;
    right: 5%;
    bottom: auto;
    left: auto;
    border-color: white;
    transform: rotate(-45deg) translateY(-50%);
  }
}

.fee #content #fee-newplan2 .section-body {
  position: relative;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  background: white;
}

.fee #content #fee-newplan2 .section-body .section-body-child.section-body-child--gray {
  background: #f2f2f2;
}

.fee #content #fee-newplan2 .section-body .section-body-child .section-inner {
  padding: 6% 0 5% 0;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox {
  position: relative;
  width: 100%;
  padding-bottom: 3%;
  text-align: center;
  color: #134a7c;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-title {
  line-height: 1.4;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-title span {
  display: inline-block;
  padding-bottom: 1%;
  font-size: 2.4em;
  border-bottom: 1px dashed #134a7c;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-title::after {
  content: attr(data-title) "";
  display: block;
  padding-top: 1%;
  font-size: 1.2em;
  font-family: "Oswald", sans-serif;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-tag {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-left: 2%;
  font-size: 1.4rem;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-tag .cost-chart-titlebox-tag-item {
  display: block;
  margin: 0 5px;
  padding: 5px;
  color: white;
  font-weight: bold;
  background: #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox.cost-chart-titlebox--simple {
  border-bottom: 10px solid #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox.cost-chart-titlebox--simple .cost-chart-titlebox-title {
  color: #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox.cost-chart-titlebox--total {
  border-bottom: 10px solid #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox.cost-chart-titlebox--total .cost-chart-titlebox-title {
  color: #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox.cost-chart-titlebox--unlimited {
  border-bottom: 10px solid #0c9950;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox.cost-chart-titlebox--unlimited .cost-chart-titlebox-title {
  color: #0c9950;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost {
  margin: 3% auto 0;
  width: 60%;
  text-align: center;
  font-size: 2.6rem;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost .cost-chart-basiccost-text {
  font-size: .8em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost .cost-chart-basiccost-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  margin-top: 5%;
  border-bottom: 3px solid #ebeae9;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost .cost-chart-basiccost-list::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%);
  width: 65%;
  height: 3px;
  background-color: #134a7c;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost .cost-chart-basiccost-list li {
  margin: 0 20px;
  color: #134a7c;
  font-size: 1.4em;
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner {
  width: 100%;
  max-width: 960px;
  margin-top: 5%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5%;
  padding: 5%;
  text-align: center;
  border: 1px solid gray;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-title {
  font-weight: bold;
  font-size: 1.6em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-text,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-caption {
  display: inline-block;
  margin-top: 3%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-caption .cost-chart-revision-caption-item>p {
  position: relative;
  padding-left: 16px;
  font-size: .9em;
  line-height: 1.8;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-caption .cost-chart-revision-caption-item>p::before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table {
  width: 100%;
  margin-top: 3%;
  text-align: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid gray;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-title {
  width: 30%;
  padding: 2% 0;
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents {
  width: 70%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child.first::before {
  content: "";
  display: block;
  width: 33%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child:not(.first) {
  border-bottom: 1px dotted gray;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child:not(.first):last-child {
  border-bottom: none;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child .cost-chart-revision-table-child-title,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child .cost-chart-revision-table-child-text {
  width: 33%;
  padding: 2% 0;
  text-align: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child .cost-chart-revision-table-child-title {
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-revision .cost-chart-revision-inner .cost-chart-revision-table .cost-chart-revision-table-row .cost-chart-revision-table-contents .cost-chart-revision-table-child .cost-chart-revision-table-child-text sup {
  vertical-align: bottom;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-footer {
  text-align: center;
  font-size: 1rem;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-footer .cost-chart-footer-item.cost-chart-footer-item--loan {
  font-size: 2.6em;
  line-height: 1.6;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-footer .cost-chart-footer-item.cost-chart-footer-item--loan span {
  font-weight: bold;
  color: #004a7c;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-footer .cost-chart-footer-item.cost-chart-footer-item--monitor {
  margin-top: 5%;
  text-decoration: underline;
  line-height: 1.6;
  font-size: 3em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 3% 0;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner .cost-chart-banner-item {
  width: 48%;
  padding: 3%;
  box-sizing: border-box;
  background: #ebeae9;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner .cost-chart-banner-item .cost-chart-banner-item-text {
  padding-top: 3%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner .cost-chart-banner-item .cost-chart-banner-item-text>span {
  font-size: .9em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner .cost-chart-banner-item img {
  width: 100%;
  height: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox {
  background: #f2f2f2;
  border-radius: 20px;
  padding-bottom: 5%;
  margin-bottom: 60px;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox {
    padding: 60px 20px;
    margin-bottom: 40px;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox:last-of-type {
    margin-bottom: 0;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner {
  width: 90%;
  margin: 0 auto;
  padding-top: 5%;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner {
    width: 100%;
    padding-top: 0;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title {
  border-bottom: 1px dashed #134a7c;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  margin-bottom: 5%;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title {
    display: block;
    text-align: center;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title .casesbox-title-english {
  font-family: "Oswald", sans-serif;
  font-size: 5rem;
  color: #134a7c;
  margin-right: 30px;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title .casesbox-title-english {
    font-size: 8vw;
    text-align: center;
    margin-right: 0;
    margin-bottom: 40px;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title .casesbox-subtitle {
  color: #134a7c;
  font-size: 3.2rem;
  font-weight: bold;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title .casesbox-subtitle {
    text-align: center;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title .casesbox-subtitle .casesbox-subtitle-text {
  font-size: 2.4rem;
  color: #262626;
  font-weight: initial;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-title .casesbox-subtitle .casesbox-subtitle-text {
    font-size: 1.6rem;
    text-align: center;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10%;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox {
    display: block;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox .casesbox-feeimage {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox .casesbox-feeimage {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 480px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox .casesbox-feeimage {
    width: 90%;
    margin: 0 auto 40px;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox .casesbox-feebox-image {
  margin-right: 30px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox .casesbox-feebox-image img {
  max-width: 100%;
  height: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-feebox .casesbox-feebox-image:last-of-type {
  margin-right: 0;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table {
  width: 60%;
  border: 1px solid #134a7c;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table {
    width: 100%;
    margin: 0 auto;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds {
  text-align: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__title {
  background-color: #134a7c;
  color: #fff;
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #fff;
  font-size: 2.4rem;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__title {
    padding: 5px;
    font-size: 4.53vw;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__title .sp-linefeed {
  display: none;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__title .sp-linefeed {
    display: block;
  }
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__title .casesbox-fee-table__title_all {
    font-size: .8em;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds:last-child .casesbox-fee-table__title {
  border-bottom: 1px solid #134a7c;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__content {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  color: #134a7c;
  border-right: 1px solid #134a7c;
  border-bottom: 1px solid #134a7c;
  background: #fff;
  font-size: 2.4rem;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__content {
    padding: 5px;
    font-size: 4.53vw;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__content.fee-table__fee {
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__content.fee-table__fee>.fee-table__allfee {
  font-size: 2.4rem;
  font-weight: normal;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__content.fee-table__fee>.fee-table__allfee {
    font-size: 0.8em;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__content span {
  font-size: 3.2rem;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-fee-table .casesbox-fee-table__kinds .casesbox-fee-table__content span {
    font-size: 1.2em;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase {
  background-color: #fff;
  padding: 5% 3%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_title {
  text-align: center;
  font-size: 3.2rem;
  color: #124F7B;
  font-weight: bold;
  margin-bottom: 5%;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_title {
    font-size: 5vw;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box {
    display: block;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner {
    width: 100%;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner.actualcase_box__inner_left {
  flex-grow: 1;
  margin-right: 2em;
  height: auto;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner.actualcase_box__inner_left {
    margin-bottom: 30px;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner.actualcase_box__inner_left::after {
  position: absolute;
  content: "";
  top: 0;
  left: 100%;
  margin: 0 1.3rem;
  background: #134a7c;
  width: 1px;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner.actualcase_box__inner_left::after {
    content: none;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner.actualcase_box__inner_right {
  flex-grow: 1;
  height: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .opatation-method {
  max-width: 240px;
  border-radius: 100%;
  padding: 16px;
  background-color: #124F7B;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .opatation-method::before {
  display: block;
  content: '';
  padding-top: 100%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .tagicon {
  position: relative;
  margin-right: 3%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .tagicon::before {
  content: attr(data-tag) "";
  display: inline-block;
  vertical-align: middle;
  width: 140px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  font-size: 2.0rem;
  border-radius: 50%;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .tagicon::before {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .tagicon::before {
    width: 20.588vw;
    height: 20.588vw;
    line-height: 20.588vw;
    font-size: 4vw;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .tagicon.tagicon__blue::before {
  background: #e6f3ff;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .actualcase_box_feebox .actualcase_box_feebox_graft {
  font-size: 2.8rem;
  padding-bottom: 10px;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .actualcase_box_feebox .actualcase_box_feebox_graft {
    font-size: 4.706vw;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .actualcase_box_feebox .actualcase_box_feebox_monthly {
  color: #134a7c;
  font-size: 3.2rem;
  font-weight: bold;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .actualcase_box_feebox .actualcase_box_feebox_monthly {
    font-size: 5.294vw;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .actualcase_box_feebox .actualcase_box_feebox_monthly span {
  font-size: 4.2rem;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_case .actualcase_box_feebox .actualcase_box_feebox_monthly span {
    font-size: 1.4em;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_images {
  display: flex;
  justify-content: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_images img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_images {
    justify-content: center;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_images .images_box {
  text-align: center;
  font-size: 3.2rem;
  font-family: "Oswald", sans-serif;
  margin-right: 5%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_images .images_box:last-child {
  margin-right: 0;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_images .images_box .images_text {
  font-size: 2.4rem;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-casesbox .casesbox-inner .casesbox-actualcase .actualcase_box .actualcase_box__inner .actualcase_box_images .images_box .images_text {
    font-size: 3.529vw;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item {
  margin-top: 2%;
  color: white;
  background: #0075be;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child {
  display: flex;
  width: 100%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-title,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-price {
  display: flex;
  align-items: center;
  padding: 2%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-title,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-price {
  justify-content: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-title {
  width: 20%;
  line-height: 1.4;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text {
  width: 65%;
  border-right: 1px solid white;
  border-left: 1px solid white;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text>div {
  flex-grow: 1;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text .servicebox-child-text-table {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 2%;
  border: 1px solid white;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text .servicebox-child-text-table .servicebox-child-text-table-cell {
  display: flex;
  align-items: center;
  padding: 1% 2%;
  line-height: 1.4;
  font-size: 1.4rem;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text .servicebox-child-text-table .servicebox-child-text-table-cell span {
  display: inline-block;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text .servicebox-child-text-table .servicebox-child-text-table-cell:nth-child(2) {
  border-right: 1px solid white;
  border-left: 1px solid white;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text .servicebox-child-text-table .servicebox-child-text-table-cell:nth-child(3) {
  font-weight: bold;
  text-align: right;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text .servicebox-child-text-table .servicebox-child-text-table-cell:nth-child(3)>span {
  font-size: 1.2em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-price {
  width: 15%;
  line-height: 1.4;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-price>span {
  font-size: .8em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox {
  width: 100%;
  display: flex;
  margin-top: 2%;
  background-color: #EBEAE9;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-title {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.4em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents {
  width: 80%;
  padding: 4% 2%;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child {
  display: flex;
  align-items: flex-end;
  padding-top: 2%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child:first-child {
  padding-top: 0;
  padding-bottom: 2%;
  border-bottom: 1px solid gray;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child .medicineboxChild__item:first-child {
  width: 70%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child .medicineboxChild__item:last-child {
  width: 30%;
  font-size: 1.2em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item {
  width: 24%;
  background: #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-image img {
  width: 100%;
  height: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-contents {
  padding: 10px;
  color: white;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-contents .cost-chart-featurebox-item-contents-title {
  text-align: center;
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-contents .cost-chart-featurebox-item-contents-text {
  margin-top: 10px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-contents .cost-chart-featurebox-item-contents-text p {
  line-height: 1.5;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 3%;
  margin-right: auto;
  margin-left: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox::after {
  content: "OR";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  line-height: 68px;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 68px;
  font-family: "Oswald", sans-serif;
  font-size: 3.2rem;
  color: gray;
  border: 2px solid gray;
  background: white;
  border-radius: 100%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item {
  width: 48%;
  text-align: center;
  color: white;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-title {
  padding: 3%;
  font-size: 1.8rem;
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-title>span {
  padding-left: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 2em;
  line-height: 1;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child {
  padding: 0 5% 5%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box {
  margin-top: 5%;
  padding: 3%;
  font-size: 1.6rem;
  border-radius: 10px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-title {
  font-size: 1em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text {
  font-family: "Oswald", sans-serif;
  font-size: 1.6em;
  line-height: 1;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text sup {
  font-size: .6em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .old {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .old::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 4px;
  background: red;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .new {
  display: inline-block;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .new::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-top: 6px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid white;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .campaign {
  display: inline-block;
  margin-left: 10px;
  padding: 4px 6px;
  line-height: 1;
  font-size: .6em;
  font-weight: bold;
  vertical-align: bottom;
  background: #00dc00;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item.cost-chart-detailbox-item--idirect .cost-chart-detailbox-title {
  background: #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item.cost-chart-detailbox-item--idirect .cost-chart-detailbox-child {
  border: 1px solid #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item.cost-chart-detailbox-item--idirect .cost-chart-detailbox-child .cost-chart-detailbox-child-box {
  background: #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item.cost-chart-detailbox-item--unshaved .cost-chart-detailbox-title {
  background: #2db1cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item.cost-chart-detailbox-item--unshaved .cost-chart-detailbox-child {
  border: 1px solid #2db1cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item.cost-chart-detailbox-item--unshaved .cost-chart-detailbox-child .cost-chart-detailbox-child-box {
  background: #2db1cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item {
  display: flex;
  justify-content: space-between;
  width: 48%;
  padding: 20px 20px;
  color: White;
  order: -1;
  font-size: 1.6rem;
  box-sizing: border-box;
  cursor: pointer;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item>span {
  position: relative;
  display: block;
  font-size: 1em;
  line-height: 1;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item>span .en {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 1.6em;
  font-weight: 200;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item>span::after {
  content: none;
  display: inline-block;
  width: 28px;
  height: 18px;
  background-image: url("../images/cost/2021/index_ico_arrow_circlewhite.svg");
  background-repeat: no-repeat;
  background-position: right top;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item .price {
  text-align: right;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-content {
  display: none;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-content.show {
  display: block;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title {
  position: relative;
  padding: 1% 0;
  color: white;
  font-size: 2.6rem;
  background: #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2%;
  transform: translateY(-50%);
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: right top;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title.edge::before {
  background-image: url("../images/cost/2021/index_ico_chart_a.svg");
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title.top::before {
  background-image: url("../images/cost/2021/index_ico_chart_b.svg");
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title.wide::before {
  background-image: url("../images/cost/2021/index_ico_chart_c.svg");
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title>span {
  display: inline-block;
  padding-left: 120px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table {
  width: 100%;
  color: #004A7C;
  font-size: 1.6rem;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr {
  text-align: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr th,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr td {
  padding: 2% 0;
  text-align: center;
  vertical-align: middle;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr th .sp-show,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr td .sp-show {
  display: none;
  color: #ff6c45;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr th .campaign,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr td .campaign {
  display: inline-block;
  padding: 1% 3%;
  font-size: smaller;
  background: #00dc00;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr th {
  padding: 2%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table thead tr th {
  font-weight: bold;
  background-size: auto auto;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, #cbd7f4 8px, #cbd7f4 9px);
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .name,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .price,
.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .installments {
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: normal;
  font-family: "Oswald", sans-serif;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .name {
  font-weight: 200;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .name span {
  font-weight: 400;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .desc span {
  font-weight: bold;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .price {
  color: black;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .price>span>span {
  font-size: .7em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .installments {
  color: #ff6c45;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tbody tr .installments span {
  font-size: .7em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-caption {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-caption .cost-chart-chartbox-caption-item {
  display: flex;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-caption .cost-chart-chartbox-caption-item>span {
  display: block;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-caption .cost-chart-chartbox-caption-item::before {
  content: "※";
  display: block;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-special {
  font-size: 1rem;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-special .cost-chart-chartbox-special-text {
  margin-top: 5%;
  text-align: center;
  text-decoration: underline;
  line-height: 1.6;
  font-size: 3em;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--simple .cost-chart-chartbox-tab {
  border-bottom: 10px solid #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--simple .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item {
  background: #2db1cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--simple .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item.active {
  background: #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--simple .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item .planname .en {
  padding-right: 5px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--simple .cost-chart-chartbox-content .cost-chart-chartbox-table {
  color: #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--simple .cost-chart-chartbox-content .cost-chart-chartbox-table thead tr th {
  color: white;
  background: #2d81cc;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--simple .cost-chart-chartbox-content .cost-chart-chartbox-table tbody tr:nth-child(even) {
  background: #EBEAE9;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--total .cost-chart-chartbox-tab {
  border-bottom: 10px solid #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--total .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item {
  background: #7a9aba;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--total .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item.active {
  background: #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--total .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item .planname .en {
  padding-left: 5px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--total .cost-chart-chartbox-content .cost-chart-chartbox-table {
  color: #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--total .cost-chart-chartbox-content .cost-chart-chartbox-table tr {
  border-bottom: 1px solid #004A7C;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox.cost-chart-chartbox--total .cost-chart-chartbox-content .cost-chart-chartbox-table thead tr th {
  background-size: auto auto;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, #cbd7f4 8px, #cbd7f4 9px);
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox {
  margin-top: 2%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3% 0;
  border: 3px solid #0c9950;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-title {
  width: 30%;
  font-size: 4.8rem;
  font-weight: bold;
  line-height: 1;
  color: #0c9950;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-title>span {
  display: inline-block;
  vertical-align: middle;
  padding: 1% 2%;
  color: white;
  font-size: .5em;
  background: #0c9950;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-price {
  width: 50%;
  font-size: 4.8rem;
  font-weight: bold;
  color: #0c9950;
  line-height: 1;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-price>span {
  font-size: 1.2em;
  font-family: "Oswald", sans-serif;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-installments {
  text-align: center;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-installments .border-box-child-installments-title {
  text-align: center;
  color: white;
  background: #ff6c45;
  border-radius: 5px;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-installments .border-box-child-installments-text {
  margin-top: 10px;
  color: #ff6c45;
  font-size: 1.8rem;
  line-height: 1;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-installments .border-box-child-installments-text>span {
  font-size: 1.8em;
  font-family: "Oswald", sans-serif;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .cost-chart-unlimitedbox-body {
  margin-top: 3%;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .cost-chart-unlimitedbox-body p {
  font-weight: bold;
  font-size: 2rem;
  color: #464646;
  line-height: 2;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .cost-chart-unlimitedbox-body p>span {
  color: #0c9950;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox {
    display: block;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-title {
    font-size: 2vw;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-tag {
    margin-top: 5%;
    margin-left: 0;
    font-size: 2vw;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-titlebox .cost-chart-titlebox-tag .cost-chart-titlebox-tag-item {
    margin: 5px 5px 0;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost {
    width: 100%;
    font-size: 5vw;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost .cost-chart-basiccost-text span {
    display: block;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-basiccost .cost-chart-basiccost-list li {
    margin: 0;
    font-size: 1.2em;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-footer {
    font-size: .6rem;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner {
    display: block;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner .cost-chart-banner-item {
    width: 100%;
    margin-top: 5%;
    padding: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-banner .cost-chart-banner-item .cost-chart-banner-item-text {
    padding: 0;
    margin-top: 3%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child {
    flex-wrap: wrap;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-title,
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text,
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-price {
    padding: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-title {
    width: 55%;
    justify-content: flex-start;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-title br {
    display: none;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text {
    width: 100%;
    order: 3;
    border-right: none;
    border-left: none;
    border-top: 1px solid white;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text br {
    display: none;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text>div .servicebox-child-text-table {
    flex-wrap: wrap;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text>div .servicebox-child-text-table .servicebox-child-text-table-cell {
    display: block;
    width: 100%;
    text-align: center;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text>div .servicebox-child-text-table .servicebox-child-text-table-cell:nth-child(2) {
    border-top: 1px solid white;
    border-right: none;
    border-bottom: 1px solid white;
    border-left: none;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-text>div .servicebox-child-text-table .servicebox-child-text-table-cell:nth-child(3) {
    text-align: center;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-price {
    width: 45%;
    justify-content: flex-end;
    order: 2;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .servicebox .servicebox-item .servicebox-child .servicebox-child-price br {
    display: none;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox {
    flex-direction: column;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-title {
    width: 100%;
    padding: 5% 5% 0;
    box-sizing: border-box;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents {
    width: 100%;
    padding: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child {
    flex-direction: column;
    padding-top: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child:first-child {
    padding-bottom: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child .medicineboxChild__item {
    width: 100% !important;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-servicebox .medicinebox .medicinebox-contents .medicinebox-child .medicineboxChild__item:last-child {
    padding-top: 2%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox {
    display: block;
    margin-top: 0;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item {
    width: 100%;
    margin-top: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-contents {
    padding: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-contents .cost-chart-featurebox-item-contents-title {
    font-size: 4vw;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-featurebox .cost-chart-featurebox-item .cost-chart-featurebox-item-contents .cost-chart-featurebox-item-contents-text {
    margin-top: 2%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox::after {
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 1rem;
    border: 1px solid gray;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-title {
    padding: 3% 0;
    font-size: 2.6vw;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-title>span {
    padding-left: 2px;
    font-size: 1.6em;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box {
    margin-top: 5%;
    padding: 3%;
    font-size: 2.6vw;
    border-radius: 5px;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .old {
    margin-right: 4%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .old::after {
    height: 2px;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-detailbox .cost-chart-detailbox-item .cost-chart-detailbox-child .cost-chart-detailbox-child-box .cost-chart-detailbox-child-box-text .new::before {
    border-top: 4px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid white;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab {
    justify-content: space-between;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item {
    display: block;
    width: 49%;
    margin-right: 0;
    padding: 2% 0;
    font-size: 2.6vw;
    text-align: center;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item>span {
    display: block;
    width: 100%;
    line-height: 1.4;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item .planname {
    padding: 8% 0;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item .planname::after {
    content: none;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item .planname .en {
    padding-left: 5px;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-tab .cost-chart-chartbox-tab-item .planname .en::after {
    width: 14px;
    height: 10px;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title::before {
    width: 50px;
    height: 50px;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-title>span {
    padding-left: 20%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table {
    font-size: 2.8vw;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr th.sp-hide,
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr td.sp-hide {
    display: none;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr th .sp-show,
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-table tr td .sp-show {
    display: block;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-caption {
    width: 100%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-caption .cost-chart-chartbox-caption-item {
    width: 100%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-chartbox .cost-chart-chartbox-special {
    font-size: .6rem;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box {
    display: block;
    padding: 5% 2%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-title {
    width: 100%;
    font-size: 8vw;
    text-align: center;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-title>span {
    font-size: .5em;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child {
    width: 100%;
    margin-top: 5%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-price {
    width: 50%;
    font-size: 9vw;
    text-align: center;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-installments {
    text-align: center;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .border-box .border-box-child .border-box-child-installments .border-box-child-installments-text {
    font-size: 4vw;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .cost-chart-unlimitedbox-body {
    width: 100%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-chart .cost-chart-unlimitedbox .cost-chart-unlimitedbox-body p {
    line-height: 1.6;
    font-size: 1.4rem;
  }
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-payment::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 30%;
  background-repeat: no-repeat;
  background-position: right top;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-payment.lazyloaded::before {
  background-image: url("../images/cost/2021/index_pic_plan_payment.jpg");
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box {
  margin-top: 5%;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child {
  display: flex;
  justify-content: space-between;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child .cost-payment-box-child-detail {
  width: 48%;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child .cost-payment-box-child-figure {
  width: 48%;
  padding: 5%;
  background: #ebeae9;
  box-sizing: border-box;
}

.fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child .cost-payment-box-child-figure img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-payment::before {
    background-size: cover;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child {
    flex-direction: column;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child .cost-payment-box-child-detail,
  .fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child .cost-payment-box-child-figure {
    width: 100%;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child .cost-payment-box-child-detail {
    text-align: center;
  }

  .fee #content #fee-newplan2 .section-body .section-body-child .cost-payment .cost-payment-box .cost-payment-box-child .cost-payment-box-child-figure {
    margin-top: 5%;
  }
}

@media screen and (max-width: 680px) {
  .fee #content #fee-newplan2 .u-mt-24 {
    margin-top: 5%;
  }

  .fee #content #fee-newplan2 .u-mt-40 {
    margin-top: 10%;
  }

  .fee #content #fee-newplan2 .u-mt-80 {
    margin-top: 20%;
  }

  .fee #content #fee-newplan2 .u-visible-lg-block {
    display: block;
  }
}

.fee #content #fee-caluclation>div,
.fee #content #fee-caluclation2>div {
  padding-top: 80px;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow,
.fee #content #fee-caluclation2>div .fee-caluclation-flow {
  padding: 60px 20px;
  background: #234270 url(../images/page_fee_caluclation_flow_bg.jpg) no-repeat left center;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div>dl,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div>dl {
  padding-left: 50%;
  color: white;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div>dl>dt,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div>dl>dt {
  margin-bottom: 30px;
  font-family: 'ipamin';
  line-height: 36px;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-size: 2.8rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div>dl>dt .sp-lnefeed,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div>dl>dt .sp-lnefeed {
  display: none;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail {
  margin-top: 20px;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li {
  position: relative;
  display: flex;
  justify-content: center;
  width: 25%;
  padding-right: 10%;
  box-sizing: border-box;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li>span,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li>span {
  display: flex;
  width: 64px;
  height: 200px;
  align-items: center;
  justify-content: center;
  padding: 0 20%;
  color: #0F1D3A;
  border: 2px solid #0F1D3A;
  -ms-writing-mode: tb-rl;
  /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  box-sizing: border-box;
  background: white;
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li::after,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -5%;
  width: 0;
  height: 0;
  border-top: solid 15px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 15px transparent;
  border-left: solid 15px #0F1D3A;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li:last-child::after,
.fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol>li:last-child::after {
  content: none;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol li,
  .fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol li {
    width: 100%;
    padding-right: 0;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol li::after,
  .fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol li::after {
    right: -20%;
  }
}

@media screen and (max-width: 480px) {

  .fee #content #fee-caluclation>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol li::after,
  .fee #content #fee-caluclation2>div .fee-caluclation-flow>div .fee-caluclation-flow-detail>ol li::after {
    right: -24%;
  }
}

.fee #content #fee-caluclation>div .fee-caluclation-overview,
.fee #content #fee-caluclation2>div .fee-caluclation-overview {
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 20px;
  text-align: center;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview>p,
.fee #content #fee-caluclation>div .fee-caluclation-overview .fee-caluclation-overview-title,
.fee #content #fee-caluclation2>div .fee-caluclation-overview>p,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .fee-caluclation-overview-title {
  margin-bottom: 50px;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview>p .sp-linefeed,
.fee #content #fee-caluclation>div .fee-caluclation-overview .fee-caluclation-overview-title .sp-linefeed,
.fee #content #fee-caluclation2>div .fee-caluclation-overview>p .sp-linefeed,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .fee-caluclation-overview-title .sp-linefeed {
  display: none;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .fee-caluclation-overview-copy,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .fee-caluclation-overview-copy {
  margin-bottom: 50px;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .fee-caluclation-overview-copy>p,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .fee-caluclation-overview-copy>p {
  font-size: 18px;
  font-size: 1.8rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .support-basic::after,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .support-basic::after {
  display: block;
  content: "+";
  margin: 20px 0;
  font-weight: bold;
  font-size: 40px;
  font-size: 4rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .support-basic>dl,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .support-basic>dl {
  position: relative;
  display: inline-block;
  padding: 20px 30px;
  font-weight: bold;
  border: 2px solid #274B7A;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .support-basic>dl>dt,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .support-basic>dl>dt {
  position: absolute;
  left: 50%;
  top: -8px;
  padding: 0 20px;
  color: #274B7A;
  background: #f0f0f0;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .support-basic>dl>dd,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .support-basic>dl>dd {
  color: #BE212A;
  font-size: 30px;
  font-size: 3rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .support-basic>dl>dd>span,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .support-basic>dl>dd>span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box {
  width: 50%;
  height: auto;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-tit,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-tit {
  padding: 10px 0;
  color: #274B7A;
  font-weight: bold;
  background: #dadfe5;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-txt,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-txt {
  padding: 10px 0;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-price,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-price {
  font-weight: bold;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-price>span,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-price>span {
  color: #BE212A;
  font-size: 30px;
  font-size: 3rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-price>span>span,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box .discount-second-detail-price>span>span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box01,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box01 {
  position: relative;
}

.fee #content #fee-caluclation>div .fee-caluclation-overview .discount-list .discount-list-box01::after,
.fee #content #fee-caluclation2>div .fee-caluclation-overview .discount-list .discount-list-box01::after {
  content: "or";
}

.fee #content #fee-caluclation>div .fee-caluclation-inspection,
.fee #content #fee-caluclation2>div .fee-caluclation-inspection {
  position: relative;
  background: white;
}

.fee #content #fee-caluclation>div .fee-caluclation-inspection::before,
.fee #content #fee-caluclation2>div .fee-caluclation-inspection::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: -15px;
  width: 0;
  height: 0;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  border-left: 15px solid transparent;
}

.fee #content #fee-caluclation>div .fee-caluclation-support,
.fee #content #fee-caluclation2>div .fee-caluclation-support {
  background: #DFDAD4 url(../images/page_fee_caluclation_support_bg.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 60px 20px;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl,
.fee #content #fee-caluclation>div .fee-caluclation-support>div>figure,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>figure {
  vertical-align: bottom;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl {
  padding-left: 40%;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl>dt,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl>dt {
  margin-bottom: 20px;
  font-family: 'ipamin';
  line-height: 36px;
  color: #274B7A;
  letter-spacing: 0.1em;
  font-size: 24px;
  font-size: 2.4rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list {
  margin-top: 20px;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt .sp-linefeed,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt .sp-linefeed {
  display: none;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item {
  color: #274B7A;
  font-weight: bold;
  line-height: 40px;
  font-size: 18px;
  font-size: 1.8rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item::before,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item::before {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: auto;
  margin-right: 15px;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item01::before,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item01::before {
  content: url(../images/page_fee_caluclation_support_icon_01.svg);
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item02::before,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item02::before {
  content: url(../images/page_fee_caluclation_support_icon_02.svg);
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item03::before,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item03::before {
  content: url(../images/page_fee_caluclation_support_icon_03.svg);
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item04::before,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item04::before {
  content: url(../images/page_fee_caluclation_support_icon_04.svg);
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item05::before,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list .fee-caluclation-support-list-item05::before {
  content: url(../images/page_fee_caluclation_support_icon_05.svg);
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl {
  border: 1px dashed #274B7A;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt {
  padding: 8px 0;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #274B7A;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dd,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dd {
  padding: 10px;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>figure,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>figure {
  position: absolute;
  left: 0;
  bottom: 0;
}

.fee #content #fee-caluclation>div .fee-caluclation-support>div>figure>img,
.fee #content #fee-caluclation2>div .fee-caluclation-support>div>figure>img {
  width: 80%;
  height: auto;
}

.fee #content #fee-caluclation>div .fee-planbox,
.fee #content #fee-caluclation2>div .fee-planbox {
  position: relative;
  padding: 60px 20px;
  background: #2C6EAA;
  font-size: 16px;
  font-size: 1.6rem;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner::before,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: -15px;
  width: 0;
  height: 0;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-right: 15px solid transparent;
  border-bottom: 15px solid #2C6EAA;
  border-left: 15px solid transparent;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-title,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-title {
  position: relative;
  margin-top: 40px;
  padding: 2% 5%;
  text-align: center;
  color: #fff;
  font-weight: 700;
  background: #000;
  font-size: 1.4em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-title::after,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 20px solid #000;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-title,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-title {
    padding: 5%;
    font-size: 1.2em;
  }
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents {
  padding: 5%;
  background: rgba(255, 255, 255, 0.8);
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap {
  margin-top: 5%;
  padding: 5%;
  background: rgba(255, 255, 255, 0.8);
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap:first-of-type,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap:first-of-type {
  margin-top: 0;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list {
  padding: 5%;
  background: rgba(255, 255, 255, 0.8);
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list:first-of-type,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list:first-of-type {
  margin-top: 0;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row {
  display: flex;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img {
  width: 50%;
  text-align: center;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img img,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img img {
  max-width: 100%;
  height: auto;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img .fee-planbox-table,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img .fee-planbox-table {
  display: table;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img .fee-planbox-table .fee-planbox-table-cell,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img .fee-planbox-table .fee-planbox-table-cell {
  display: table-cell;
  vertical-align: bottom;
  padding: 5px 10px;
  text-align: center;
  color: #0F1D3A;
  border: 2px solid #0F1D3A;
  font-size: .8em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img .fee-planbox-table .fee-planbox-table-cell:first-child,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img .fee-planbox-table .fee-planbox-table-cell:first-child {
  color: white;
  background: #0F1D3A;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt {
  width: 50%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc {
  color: #0F1D3A;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-copy,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-copy {
  font-size: 1.2em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title {
  margin-top: 20px;
  padding: 10px 0;
  border-top: 3px solid #0F1D3A;
  border-bottom: 3px solid #0F1D3A;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .en,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .en {
  font-size: 2.4em;
  font-style: italic;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .en>span,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .en>span {
  font-size: 1.2em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .ja,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .ja {
  display: block;
  text-align: right;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price {
  margin-top: 40px;
  font-size: 2em;
  text-align: right;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .deposit,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .deposit {
  display: inline-block;
  padding: 4px 5px;
  line-height: 1;
  border-radius: 5px;
  font-size: .5em;
  border: 2px solid #0F1D3A;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox {
  vertical-align: middle;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox .monthly,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox .monthly {
  display: inline-block;
  margin-left: 10px;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox .price,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox .price {
  display: inline-block;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  color: #832122;
  font-size: 1.4em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox .yen,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox .yen {
  display: inline-block;
  font-weight: bold;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-caption,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-caption {
  margin-top: 8%;
  text-align: right;
  font-size: 1em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example {
  margin-top: 40px;
  text-align: center;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-title,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-title {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-size: 1.2em;
  color: #0F1D3A;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-title::after,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-title::after {
  content: "";
  display: block;
  margin-top: 10px;
  border-top: 2px solid #0F1D3A;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list::before,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #052946;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item {
  position: relative;
  width: 44%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item img,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item img {
  max-width: 100%;
  height: auto;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item::before,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item::before {
  content: "AFTER";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 10px;
  right: 10px;
  width: 86px;
  height: 86px;
  font-size: 1em;
  color: #fff;
  border-radius: 100%;
  background: #000;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item:first-child::before,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item:first-child::before {
  content: "BEFORE";
}

@media screen and (max-width: 1024px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row {
    display: block;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-img {
    width: 100%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt {
    width: 100%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc {
    margin-top: 5%;
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price {
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-caption,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-caption {
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .ja,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-title .ja {
    text-align: center;
  }
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-copy,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-copy {
    margin-top: 8%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-list .fee-planbox-contents-list-row .fee-planbox-contents-list-txt .fee-planbox-desc .fee-planbox-desc-price .pricebox {
    display: block;
    margin-top: 8%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list {
    display: block;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list::before,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list::before {
    content: none;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item {
    width: 100%;
    margin-top: 5%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item::before,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner .fee-planbox-contents .fee-planbox-contents-wrap .fee-planbox-contents-example .fee-planbox-contents-example-list .fee-planbox-contents-example-item::before {
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    font-size: .4em;
  }
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 {
  margin-top: 5%;
  padding: 3%;
  background-color: white;
  box-sizing: border-box;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .u-visible-md-block,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .u-visible-md-block {
  display: none;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--title,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--title {
  padding-bottom: 3%;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 2;
  border-bottom: 1px solid #E1E1E1;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--title::after,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--title::after {
  content: attr(data-title) "";
  display: block;
  font-family: "Crimson Text", sans-serif;
  font-size: .5em;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--title,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle {
  margin-top: 5%;
  padding-top: 5%;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.6;
  border-bottom: 1px solid #E1E1E1;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle::after,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle::after {
  content: attr(data-title) "";
  display: inline-block;
  font-family: "Crimson Text", sans-serif;
  font-size: .5em;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle {
    padding-bottom: 3%;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle::after,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--subtitle::after {
    display: block;
  }
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--text,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--text {
  padding-top: 5%;
  text-align: center;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table {
  width: 100%;
  margin-top: 5%;
  line-height: 1.2;
  text-align: center;
  color: #0F1D3A;
  font-size: 12px;
  font-size: 1.2rem;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table thead tr th span,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table thead tr th span {
  display: block;
  transform: scale(0.8);
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tbody tr:nth-child(odd),
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tbody tr:nth-child(odd) {
  background: #E1E1E1;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr th,
.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr td,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr th,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr td {
  padding: 2% 1%;
  text-align: center;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr th,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr th {
  font-weight: bold;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-name,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-name {
  font-size: 1.4em;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-name span,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-name span {
  font-size: 1.2em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-price,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-price {
  font-size: 1.4em;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-price span,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-price span {
  font-size: .8em;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table {
    font-size: 10px;
    font-size: 1rem;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-name,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--table tr .plan-name {
    font-size: 1em;
  }
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list {
  margin-top: 3%;
  padding: 3%;
  background: #E1E1E1;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist {
  margin-top: 5%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist:first-of-type,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist:first-of-type {
  margin-top: 0;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header {
  display: flex;
  padding: 2% 5%;
  width: 100%;
  color: white;
  background: #0F1D3A;
  box-sizing: border-box;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child {
  width: 50%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child:last-child,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child:last-child {
  text-align: right;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item {
  text-align: left;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--copy,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--copy {
  font-size: 16px;
  font-size: 1.6rem;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--name,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--name {
  padding-top: 3%;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--name span,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--name span {
  font-weight: normal;
  font-style: normal;
  font-size: .3em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-top: 0;
  text-align: right;
  font-size: 16px;
  font-size: 1.6rem;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .caption,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .caption {
  font-size: 1em;
  color: #84a1ba;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2%;
  font-weight: bold;
  font-size: 1.4em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .deposit,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .deposit {
  display: block;
  padding: 4px 5px;
  line-height: 1;
  border-radius: 5px;
  font-size: .5em;
  border: 2px solid white;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox {
  display: block;
  line-height: 1;
  margin-left: 3%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox .monthly,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox .monthly {
  display: inline-block;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox .price,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox .price {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 1.4em;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox .yen,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price .pricebox .yen {
  display: inline-block;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header {
    display: block;
    padding: 5%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child {
    width: 100%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child:last-child,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child:last-child {
    text-align: left;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item {
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--copy,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--copy {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--name,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--name {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price {
    display: block;
    margin-top: 5%;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__header .fee-planlist__child .fee-planlist__item.fee-planlist__item--price .price {
    justify-content: center;
  }
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5%;
  background: white;
  box-sizing: border-box;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child {
  width: 65%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child dt,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child dt {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child dt .material-icons,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child dt .material-icons {
  font-size: 1.2em;
  vertical-align: middle;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child {
  width: 32%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child dt::before,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child dt::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 2%;
  background-image: linear-gradient(-45deg, #ffffff 25%, #dddddd 25%, #dddddd 50%, #ffffff 50%, #ffffff 75%, #dddddd 75%, #dddddd);
  background-size: 4px 4px;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child dd,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child dd {
  padding: 3%;
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child img,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer {
    display: block;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child {
    width: 100%;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .fee-planbox-item.fee-planbox-item--list .fee-planlist .fee-planlist__footer .fee-planlist__child:first-child {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .u-visible-md-block,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .u-visible-md-block {
    display: block;
  }

  .fee #content #fee-caluclation>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .u-hidden-md,
  .fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-inner.fee-planbox-inner--202101 .u-hidden-md {
    display: none;
  }
}

.fee #content #fee-caluclation>div .fee-planbox .p-planscaselist,
.fee #content #fee-caluclation2>div .fee-planbox .p-planscaselist {
  display: flex;
  justify-content: space-between;
}

.fee #content #fee-caluclation>div .fee-planbox .p-planscaselist .p-planscaselist__item,
.fee #content #fee-caluclation2>div .fee-planbox .p-planscaselist .p-planscaselist__item {
  position: relative;
  width: 49%;
}

.fee #content #fee-caluclation>div .fee-planbox .p-planscaselist .p-planscaselist__item::after,
.fee #content #fee-caluclation2>div .fee-planbox .p-planscaselist .p-planscaselist__item::after {
  content: "BEFORE";
  display: block;
  position: absolute;
  right: 2%;
  bottom: -4%;
  padding: 1% 2%;
  color: white;
  font-size: 1rem;
  background: black;
}

.fee #content #fee-caluclation>div .fee-planbox .p-planscaselist .p-planscaselist__item:last-child::after,
.fee #content #fee-caluclation2>div .fee-planbox .p-planscaselist .p-planscaselist__item:last-child::after {
  content: "AFTER";
}

.fee #content #fee-caluclation>div .fee-planbox .fee-planbox-caption,
.fee #content #fee-caluclation2>div .fee-planbox .fee-planbox-caption {
  max-width: 960px;
  width: 100%;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  color: white;
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation>div .fee-planbox,
  .fee #content #fee-caluclation2>div .fee-planbox {
    padding: 20px 20px 60px;
    font-size: 3.8vw;
  }
}

.fee #content #fee-caluclation>div .fee-caluclation-example,
.fee #content #fee-caluclation2>div .fee-caluclation-example {
  position: relative;
  padding: 60px 20px;
  background: #2C6EAA;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div>p,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div>p {
  color: white;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div>dl .discount-title,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div>dl .discount-title {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: 'ipamin';
  text-align: center;
  color: white;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div>dl .discount-list,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div>dl .discount-list {
  margin: 40px 0;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div::before,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: -15px;
  width: 0;
  height: 0;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-right: 15px solid transparent;
  border-bottom: 15px solid #2C6EAA;
  border-left: 15px solid transparent;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div .discount-list .discount-list-box,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div .discount-list .discount-list-box {
  width: 30%;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div .discount-list .discount-list-box .discount-second-detail-tit,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div .discount-list .discount-list-box .discount-second-detail-tit {
  padding: 10px 0;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #274B7A;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div .discount-list .discount-list-box .discount-second-detail-price,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div .discount-list .discount-list-box .discount-second-detail-price {
  color: #BE212A;
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div .discount-list .discount-list-box .discount-second-detail-price>span,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div .discount-list .discount-list-box .discount-second-detail-price>span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div .discount-list .discount-list-box01::after,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div .discount-list .discount-list-box01::after {
  content: "+";
}

.fee #content #fee-caluclation>div .fee-caluclation-example>div .discount-list .discount-list-box02::after,
.fee #content #fee-caluclation2>div .fee-caluclation-example>div .discount-list .discount-list-box02::after {
  content: "=";
}

.fee #content #fee-caluclation>div .fee-caluclation-plans,
.fee #content #fee-caluclation2>div .fee-caluclation-plans {
  padding: 60px 20px;
  text-align: center;
  background: #F1EEE6;
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div>dl .discount-title,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div>dl .discount-title {
  font-family: 'ipamin';
  line-height: 44px;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div>dl .discount-list,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div>dl .discount-list {
  margin: 40px 0;
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box {
  position: relative;
  width: 30%;
  overflow: hidden;
  border: 2px solid #DFDAD4;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box>figure,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box>figure {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0.3;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box>figure>img,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box>figure>img {
  width: auto;
  height: 100%;
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box>p,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div>dl .discount-list .discount-list-box>p {
  position: relative;
  color: #262626;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

.fee #content #fee-caluclation>div .fee-caluclation-plans>div .page-btn,
.fee #content #fee-caluclation2>div .fee-caluclation-plans>div .page-btn {
  width: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {

  .fee #content #fee-caluclation,
  .fee #content #fee-caluclation2 {
    /* #monitor-desc */
  }

  .fee #content #fee-caluclation>div,
  .fee #content #fee-caluclation2>div {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-support>div>figure>img,
  .fee #content #fee-caluclation2>div .fee-caluclation-support>div>figure>img {
    width: 70%;
    height: auto;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-plans>div .page-btn,
  .fee #content #fee-caluclation2>div .fee-caluclation-plans>div .page-btn {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {

  .fee #content #fee-caluclation,
  .fee #content #fee-caluclation2 {
    /* #monitor-desc */
  }

  .fee #content #fee-caluclation>div .fee-caluclation-flow,
  .fee #content #fee-caluclation2>div .fee-caluclation-flow {
    background-image: none;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-flow>div>dl,
  .fee #content #fee-caluclation2>div .fee-caluclation-flow>div>dl {
    padding-left: 0;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-flow>div>dl>dt,
  .fee #content #fee-caluclation2>div .fee-caluclation-flow>div>dl>dt {
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-flow>div>dl>dt .sp-linefeed,
  .fee #content #fee-caluclation2>div .fee-caluclation-flow>div>dl>dt .sp-linefeed {
    display: block;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-support>div>figure,
  .fee #content #fee-caluclation2>div .fee-caluclation-support>div>figure {
    display: none;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-support>div>dl,
  .fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl {
    padding-left: 0;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-support>div>dl>dt,
  .fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl>dt {
    text-align: center;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt,
  .fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt {
    line-height: 22px;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt .sp-linefeed,
  .fee #content #fee-caluclation2>div .fee-caluclation-support>div>dl .fee-caluclation-support-list>dl>dt .sp-linefeed {
    display: block;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-overview>p,
  .fee #content #fee-caluclation2>div .fee-caluclation-overview>p {
    line-height: 42px;
    letter-spacing: 0.1em;
  }

  .fee #content #fee-caluclation>div .fee-caluclation-overview>p .sp-linefeed,
  .fee #content #fee-caluclation2>div .fee-caluclation-overview>p .sp-linefeed {
    display: block;
  }
}

.fee #content #fee-caluclation2>div {
  padding-top: 0;
}

.fee #content #fee-trial {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 450px 0 60px;
  background: #121212 url(../images/page_fee_trial_bg.jpg) no-repeat center top;
  text-align: center;
}

.fee #content #fee-trial>div {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-trial>div .section-title {
  color: white;
}

.fee #content #fee-trial>div>p {
  color: white;
}

.fee #content #fee-trial>div .discount-title {
  font-family: 'ipamin';
  margin: 40px 0;
  line-height: 36px;
  letter-spacing: 0.1em;
  color: white;
  font-size: 28px;
  font-size: 2.8rem;
}

.fee #content #fee-trial>div .discount-list .discount-list-box {
  width: 30%;
}

.fee #content #fee-trial>div .discount-list .discount-list-box .discount-second-detail-tit {
  font-size: 20px;
  font-size: 2rem;
}

.fee #content #fee-trial>div .discount-list .discount-list-box .discount-second-detail-price {
  font-weight: bold;
  color: #BE212A;
  font-size: 30px;
  font-size: 3rem;
}

.fee #content #fee-trial>div .discount-list .discount-list-box .discount-second-detail-price>span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-trial>div .discount-list .discount-list-box01::after {
  content: "+";
}

.fee #content #fee-trial>div .discount-list .discount-list-box02::after {
  content: "=";
}

.fee #content #fee-trial>div .fee-trial-medical {
  position: relative;
  display: inline-block;
  margin: 120px 0 60px;
  padding: 30px 60px;
  font-weight: bold;
  border: 2px solid white;
}

.fee #content #fee-trial>div .fee-trial-medical::before {
  position: absolute;
  left: 50%;
  top: -50%;
  content: "";
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #ffffff transparent transparent transparent;
}

.fee #content #fee-trial>div .fee-trial-medical>dt {
  display: block;
  position: absolute;
  left: 50%;
  top: -10px;
  width: 100%;
  padding: 0 30px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
}

.fee #content #fee-trial>div .fee-trial-medical>dt>span {
  padding: 0 30px;
  background: #121212;
}

.fee #content #fee-trial>div .fee-trial-medical>dd {
  color: #b5944a;
  font-size: 40px;
  font-size: 4rem;
}

.fee #content #fee-trial>div .fee-trial-medical>dd .sp-linefeed {
  display: none;
}

.fee #content #fee-trial>div .fee-trial-medical>dd .fee-trial-medical-balloon {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 20px;
  padding: 8px 18px;
  color: white;
  background: #b5944a;
}

.fee #content #fee-trial>div .fee-trial-medical>dd .fee-trial-medical-balloon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #b5944a;
}

.fee #content #fee-trial>div .fee-trial-medical>dd .fee-trial-medical-price {
  font-size: 60px;
  font-size: 6rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-trial>div .fee-trial-attention {
  color: white;
  text-align: left;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-trial {
    /* #monitor-desc */
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    padding-top: 150px;
  }

  .fee #content #fee-trial>div .fee-trial-medical {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .fee #content #fee-trial>div .fee-trial-medical>dt {
    width: 100%;
  }

  .fee #content #fee-trial>div .fee-trial-medical>dt>span {
    padding: 0 15px;
  }

  .fee #content #fee-trial>div .fee-trial-medical>dd {
    text-align: center;
  }

  .fee #content #fee-trial>div .fee-trial-medical>dd .sp-linefeed {
    display: block;
  }

  .fee #content #fee-trial>div .fee-trial-medical>dd .fee-trial-medical-balloon {
    display: block;
    width: 70%;
    margin: 5px auto 10px !important;
    text-align: center;
  }

  .fee #content #fee-trial>div .fee-trial-medical>dd .fee-trial-medical-balloon::before {
    content: "";
    display: block;
    position: absolute;
    top: 110%;
    left: 50%;
    width: 0;
    height: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 12px solid transparent;
    border-top: 12px solid #b5944a;
    border-bottom-width: 0;
  }

  .fee #content #fee-trial>div .fee-trial-medical>dd .fee-trial-medical-balloon br {
    display: none;
  }
}

.fee #content #fee-return {
  background-color: #124F7B;
  background-image: url(../images/page_fee_index_cost-return_bg_01.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.fee #content #fee-return>div {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.fee #content #fee-return>div .section-title {
  color: white;
}

.fee #content #fee-return>div #cost-return-detail {
  width: 100%;
  padding: 5%;
  color: white;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
}

.fee #content #fee-return>div #cost-return-detail>h3 {
  font-size: 42px;
  font-size: 4.2rem;
  color: yellow;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  line-height: 1.6;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.fee #content #fee-return>div #cost-return-detail>p {
  padding-top: 3%;
  text-align: center;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-price {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.8;
  font-weight: bold;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-price>span {
  color: yellow;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-price>span>span {
  font-size: 50px;
  font-size: 5rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-child {
  width: 100%;
  margin-top: 5%;
  padding: 5%;
  color: #1B72BA;
  background: rgba(255, 255, 255, 0.8) url(../images/page_fee_index_return_bg_receipt.png) no-repeat left bottom;
  background-size: 60%;
  box-sizing: border-box;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example {
  width: 100%;
  margin-top: 5%;
  padding: 5%;
  background: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example>h4 {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example #cost-return-detail-list {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 5%;
  margin-right: auto;
  margin-left: auto;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example #cost-return-detail-list>li {
  width: 30%;
  max-width: 140px;
  font-weight: bold;
  text-align: center;
}

.fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example #cost-return-detail-list>li>span {
  display: block;
  margin-top: 5%;
  line-height: 1.6;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-return {
    /* #monitor-desc */
  }

  .fee #content #fee-return br {
    display: none;
  }

  .fee #content #fee-return>div #cost-return-detail>h3 {
    font-size: 5vw;
  }

  .fee #content #fee-return>div #cost-return-detail #cost-return-detail-price {
    font-size: 4.4vw;
  }

  .fee #content #fee-return>div #cost-return-detail #cost-return-detail-price>span>span {
    font-size: 1.4em;
  }

  .fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example>h4 {
    font-size: 3vw;
  }

  .fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example #cost-return-detail-list {
    width: 100%;
  }

  .fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example #cost-return-detail-list>li>span {
    font-size: 2.6vw;
  }

  .fee #content #fee-return>div #cost-return-detail #cost-return-detail-child #cost-return-detail-child-example #cost-return-detail-list>li>span br {
    display: block;
  }
}

.fee #content #fee-supports {
  background-color: #14000E;
  background-image: url(../images/page_fee_supports_bg_01.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.fee #content #fee-supports p {
  line-height: 1.6;
}

.fee #content #fee-supports>div {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.fee #content #fee-supports>div .section-title {
  color: white;
}

.fee #content #fee-supports>div .goldtext {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #C9A614;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YTYxNCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYzlhNjE0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2M5YTYxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5YTYxNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9a614), color-stop(40%, #c9a614), color-stop(50%, #ffffff), color-stop(60%, #c9a614), color-stop(100%, #c9a614));
  background: -moz-linear-gradient(top, #c9a614 0%, #c9a614 40%, #ffffff 50%, #c9a614 60%, #c9a614 100%);
  background: -webkit-linear-gradient(top, #c9a614 0%, #c9a614 40%, #ffffff 50%, #c9a614 60%, #c9a614 100%);
  background: linear-gradient(to bottom, #c9a614 0%, #c9a614 40%, #ffffff 50%, #c9a614 60%, #c9a614 100%);
  -moz-background-clip: text;
  -o-background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fee #content #fee-supports>div #fee-supports-agafollow {
  margin-top: 5%;
}

.fee #content #fee-supports>div .fee-supports-box {
  padding-top: 5%;
  padding-bottom: 5%;
  color: white;
  border: 1px solid white;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child>h3 {
  position: relative;
  margin-top: 3%;
  margin-top: 5%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: .2em;
  z-index: 0;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child>h3>span {
  position: absolute;
  top: 55%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  line-height: 1.2;
  font-size: 47px;
  font-size: 4.7rem;
  z-index: 2;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child>h3::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 15.58%;
  background-image: url(../images/page_fee_supports_title_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 1;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-intro {
  margin-top: 3%;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.6;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox {
  margin-top: 5%;
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee {
  position: relative;
  color: white;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee::before,
.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 80%;
  transform: translateX(-50%);
  border: 2px solid #BE212A;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee::before {
  top: 35%;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee::after {
  bottom: 35%;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee>span {
  display: inline-block;
  padding: 2%;
  border: 4px solid white;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-free {
  margin-top: 2%;
  color: #BE212A;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand {
  margin-top: 5%;
  padding: 5%;
  text-align: center;
  line-height: 1.6;
  border: 1px solid white;
  background: rgba(255, 255, 255, 0.1);
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dt {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dt>span {
  font-size: 32px;
  font-size: 3.2rem;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd {
  color: #E0AC59;
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: bold;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd .fee-supports-subbox {
  margin-top: 3%;
  padding: 3%;
  color: white;
  font-size: 28px;
  font-size: 2.8rem;
  background: rgba(0, 0, 0, 0.3);
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd .fee-supports-subbox>span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2%;
  max-width: 66px;
  width: 100%;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd .fee-supports-subbox>span>span {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  font-size: 22px;
  font-size: 2.2rem;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd .fee-supports-subbox>span::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  border: 1px solid white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand.fee-supports-box--cashback1>dd>div .goldtext {
  font-weight: bold;
  font-size: 54px;
  font-size: 5.4rem;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-right {
  margin-top: 3%;
  text-align: right;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-caption {
  margin-top: 3%;
  font-size: 14px;
  font-size: 1.4rem;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition {
  margin-top: 5%;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition>dt {
  padding: 3%;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  background: #2A002B;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition>dd {
  padding: 5%;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  background: #360038;
}

.fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition>dd>ul>li {
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-supports>div .fee-supports-box {
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 1vw;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child {
    width: 90%;
    font-size: 1vw;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child>h3>span {
    font-size: 4em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-intro {
    font-size: 2.4em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand {
    margin-top: 5%;
    padding: 5%;
    font-size: 2.8em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dt {
    font-size: 1.2em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dt>span {
    font-size: 1.2em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd {
    font-size: 1.6em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd .fee-supports-subbox {
    margin-top: 5%;
    padding: 5%;
    font-size: 1.0em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd .fee-supports-subbox>span>span {
    font-size: 0.6em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand.fee-supports-box--cashback1>dd>div .goldtext {
    font-size: 1.4em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand.fee-supports-box--cashback2>dd>div>span {
    display: block;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-right {
    font-size: 2.4em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-caption {
    font-size: 2.4em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition {
    margin-top: 5%;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition>dt {
    padding: 5%;
    font-size: 3.4em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition>dd {
    padding: 5%;
    font-size: 3.0em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-condition>dd>ul>li {
    font-size: 1.0em;
  }
}

@media screen and (max-width: 680px) {
  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child>h3>span {
    font-size: 6em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-intro {
    font-size: 4em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-text-intro br {
    display: none;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox {
    font-size: 5em;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee::before,
  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee::after {
    width: 100%;
    border: 1px solid #BE212A;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-feebox .fee-supports-feebox-fee>span {
    border: 2px solid white;
  }

  .fee #content #fee-supports>div .fee-supports-box .fee-supports-box-child .fee-supports-box-grand>dd .fee-supports-subbox>span {
    max-width: auto;
    width: 16%;
  }
}

.fee #content #fee-medicalcredit {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fee #content #fee-medicalcredit>div {
  padding-top: 80px;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-intro {
  padding: 60px 20px;
  color: white;
  background: #274B7A url(../images/page_fee_medicalcredit_bg.jpg) no-repeat right center;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-intro>dl {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-intro>dl>dt {
  margin-bottom: 30px;
  font-family: 'ipamin';
  line-height: 36px;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-size: 2.8rem;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example {
  position: relative;
  padding: 60px 20px;
  background: white;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: -15px;
  width: 0;
  height: 0;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  border-left: 15px solid transparent;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-title {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-title>span {
  color: #BE212A;
  font-weight: bold;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-title>span>span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list {
  width: 70%;
  margin: 40px auto;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box {
  width: 50%;
  height: auto;
  font-weight: bold;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box>p {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 36px;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box>p .discount-list-box-number {
  font-size: 38px;
  font-size: 3.8rem;
  font-family: "Roboto", sans-serif;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box>p .discount-list-box-clr-red {
  color: #BE212A;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box>p .discount-list-box-txt-7200 {
  font-size: 40px;
  font-size: 4rem;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box01 {
  position: relative;
  padding: 20px 10px;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box01::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box02>p {
  line-height: 44px;
}

.fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box02>p .discount-list-box-txt-7200 .discount-list-box-number {
  font-size: 50px;
  font-size: 5rem;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-medicalcredit {
    /* #monitor-desc */
  }

  .fee #content #fee-medicalcredit>div {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 680px) {
  .fee #content #fee-medicalcredit {
    /* #monitor-desc */
  }

  .fee #content #fee-medicalcredit>div .fee-medicalcredit-intro {
    padding: 60px 20px;
    color: white;
    background-image: none;
  }

  .fee #content #fee-medicalcredit>div .fee-medicalcredit-intro>dl {
    max-width: 960px;
    margin: 0 auto;
  }

  .fee #content #fee-medicalcredit>div .fee-medicalcredit-intro>dl>dt {
    margin-bottom: 30px;
    font-family: 'ipamin';
    line-height: 36px;
    letter-spacing: 0.1em;
    font-size: 28px;
    font-size: 2.8rem;
  }

  .fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list {
    width: 100%;
  }

  .fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box01 {
    padding: 30px 0;
  }

  .fee #content #fee-medicalcredit>div .fee-medicalcredit-example>div .discount-list .discount-list-box01::before {
    content: "";
    display: block;
    position: absolute;
    top: 112%;
    left: 50%;
    width: 0;
    height: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 12px solid transparent;
    border-top: 12px solid #e0edff;
    border-bottom-width: 0;
  }
}

.fee #content #fee-monitor {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fee #content #fee-monitor>div {
  padding-top: 80px;
}

.fee #content #fee-monitor>div .section-title .sp-linefeed {
  display: none;
}

.fee #content #fee-monitor>div .fee-monitor-item {
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fee #content #fee-monitor>div .fee-monitor-item>p {
  padding: 50px 0 30px;
  color: white;
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
}

.fee #content #fee-monitor>div .fee-monitor-item>p::before {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  margin-right: 10px;
  padding: 5px 10px;
  content: attr(data-case) "";
  background: #BE212A;
}

.fee #content #fee-monitor>div .fee-monitor-item>div {
  display: table;
  max-width: 1024px;
  height: 100%;
  margin: 0 auto;
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person,
.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-table {
  display: table-cell;
  vertical-align: middle;
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person {
  position: relative;
  width: 400px;
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>figure {
  width: 400px;
  text-align: center;
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>ul {
  width: 90%;
  position: absolute;
  left: 50%;
  bottom: 50px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>ul>li {
  width: 49%;
  display: inline-block;
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>ul>li>img {
  width: 100%;
  height: auto;
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-table {
  text-align: center;
  width: 600px;
}

.fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-table>img {
  width: 90%;
  height: auto;
}

.fee #content #fee-monitor>div .fee-monitor-kimura,
.fee #content #fee-monitor>div .fee-monitor-imai {
  background: #274B7A url(../images/page_fee_monitor_bg_01.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.fee #content #fee-monitor>div .fee-monitor-takahashi,
.fee #content #fee-monitor>div .fee-monitor-nishino {
  background: #0F1D3A url(../images/page_fee_monitor_bg_02.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-monitor>div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .fee #content #fee-monitor>div .fee-monitor-item {
    padding-bottom: 30px;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div {
    display: block;
    width: 100%;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person,
  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-table {
    display: block;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>figure {
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>figure>img {
    margin-right: 150px;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>ul {
    position: absolute;
    right: 0;
    left: auto;
    width: 200px;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>ul>li {
    display: block;
    width: 100%;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-table {
    width: 100%;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-table>img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 680px) {
  .fee #content #fee-monitor>div .section-title .sp-linefeed {
    display: block;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>p::before {
    display: block;
    width: 20%;
    margin: 0 auto 20px;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person {
    width: 100%;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>figure {
    text-align: center;
    height: 100%;
    overflow: hidden;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>figure>img {
    margin-right: 0;
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>ul {
    position: absolute;
    left: 50%;
    width: 90%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .fee #content #fee-monitor>div .fee-monitor-item>div .fee-monitor-item-person>ul>li {
    display: inline-block;
    width: 49%;
  }
}

.fee #content #fee-support {
  background: white;
}

.fee #content #fee-support>div {
  max-width: 960px;
  margin: 0 auto;
  padding: 80px 20px;
}

.fee #content #fee-support>div .fee-support-box>p {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
}

.fee #content #fee-support>div .fee-support-box>p>span {
  padding: 0 15px;
  background: white;
  position: relative;
  z-index: 5;
}

.fee #content #fee-support>div .fee-support-box>p::before {
  content: "";
  display: block;
  border-top: solid 1px black;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.fee #content #fee-support>div .fee-support-box .fee-support-box-content {
  display: table;
  width: 100%;
}

.fee #content #fee-support>div .fee-support-box .fee-support-box-content>figure,
.fee #content #fee-support>div .fee-support-box .fee-support-box-content>dl {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

.fee #content #fee-support>div .fee-support-box .fee-support-box-content>dl {
  padding: 0 30px;
}

.fee #content #fee-support>div .fee-support-box .fee-support-box-content>dl>dt {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 34px;
  margin-bottom: 20px;
  color: #274B7A;
}

.fee #content #fee-support>div .fee-support-box .fee-support-box-content>figure>img {
  width: 100%;
  height: auto;
}

.fee #content #fee-support>div .fee-support-box01 {
  margin-bottom: 60px;
}

@media screen and (max-width: 680px) {
  .fee #content #fee-support>div .fee-support-box>p {
    font-size: 22px;
    font-size: 2.2rem;
  }

  .fee #content #fee-support>div .fee-support-box .fee-support-box-content {
    display: block;
  }

  .fee #content #fee-support>div .fee-support-box .fee-support-box-content>figure,
  .fee #content #fee-support>div .fee-support-box .fee-support-box-content>dl {
    display: block;
    width: 100%;
  }

  .fee #content #fee-support>div .fee-support-box .fee-support-box-content>dl {
    padding: 0;
  }

  .fee #content #fee-support>div .fee-support-box01 .fee-support-box-content {
    position: relative;
  }

  .fee #content #fee-support>div .fee-support-box01 .fee-support-box-content>figure {
    position: absolute;
    left: 0;
    top: 0;
  }

  .fee #content #fee-support>div .fee-support-box01 .fee-support-box-content>dl {
    padding-top: 80%;
  }
}

.fee #content #fee-pay {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fee #content #fee-pay>div {
  padding: 80px 0 0;
}

.fee #content #fee-pay>div .fee-pay-intro {
  padding: 60px 20px;
  color: white;
  background: #274B7A url(../images/page_fee_pay_bg.jpg) no-repeat right center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.fee #content #fee-pay>div .fee-pay-intro>dl {
  max-width: 960px;
  margin: 0 auto;
}

.fee #content #fee-pay>div .fee-pay-intro>dl>dt {
  margin-bottom: 30px;
  font-family: 'ipamin';
  line-height: 46px;
  letter-spacing: 0.1em;
  color: white;
  font-size: 28px;
  font-size: 2.8rem;
}

.fee #content #fee-pay>div .fee-pay-intro>dl>dt .sp-leinefeed {
  display: none;
}

.fee #content #fee-pay>div .fee-pay-intro>dl>dd {
  line-height: 1.4;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list {
  position: relative;
  display: block;
  margin-top: 20px;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box {
  height: auto;
  display: block;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box .discount-second-detail-tit {
  margin-bottom: 20px;
  font-weight: bold;
  color: #274B7A;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box01 {
  width: 50%;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box01::after {
  content: "or";
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box02 {
  position: relative;
  width: 50%;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box02 dl dd img {
  max-width: 100%;
  height: auto;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box02 .balloon {
  position: absolute;
  left: 95%;
  top: -50px;
  display: inline-block;
  padding: 25px 10px;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #274B7A;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box02 .balloon::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: -8px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #f3f3f3;
  z-index: 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box02 .balloon>dt {
  font-size: 10px;
  font-size: 1rem;
}

.fee #content #fee-pay>div .fee-pay-cradit {
  padding-top: 80px;
}

@media screen and (max-width: 1024px) {
  .fee #content #fee-pay {
    /* #monitor-desc */
  }

  .fee #content #fee-pay>div {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 680px) {
  .fee #content #fee-pay>div .fee-pay-intro {
    background-image: none;
  }

  .fee #content #fee-pay>div .fee-pay-intro>dl .discount-list {
    width: 100%;
    margin-top: 50px;
    margin-left: 0;
  }

  .fee #content #fee-pay>div .fee-pay-intro>dl>dt {
    line-height: 42px;
    font-size: 24px;
    font-size: 2.4rem;
  }

  .fee #content #fee-pay>div .fee-pay-intro>dl>dt .sp-linefeed {
    display: block;
  }

  .fee #content #fee-pay>div .fee-pay-intro>dl>dt .pc-linefeed {
    display: none;
  }

  .fee #content #fee-pay>div .fee-pay-intro>dl .discount-list .discount-list-box02 .balloon {
    display: none;
  }
}

/*==============================
モニター割引
==============================*/
.monitor #content #monitor-desc {
  height: 392px;
  background: #297272 url(../images/page_monitor_desc_bg.jpg) no-repeat center top;
}

.monitor #content #monitor-desc>div {
  width: 960px;
  margin: 0 auto;
  color: white;
}

.monitor #content #monitor-desc>div>h3 {
  padding-top: 50px;
  padding-bottom: 10px;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: 'ipamin';
  line-height: 46px;
  letter-spacing: 0.1em;
}

.monitor #content #monitor-desc>div>h3>span {
  font-size: 36px;
  font-size: 3.6rem;
}

.monitor #content #monitor-desc>div>p {
  width: 500px;
}

@media screen and (max-width: 1024px) {
  .monitor #content #monitor-desc {
    /* #monitor-desc */
  }

  .monitor #content #monitor-desc>div {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .monitor #content #monitor-desc {
    /* #monitor-desc */
    height: auto;
    background-image: none;
  }

  .monitor #content #monitor-desc>div {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .monitor #content #monitor-desc>div>h3 {
    padding-top: 0;
  }

  .monitor #content #monitor-desc>div>p {
    width: 100%;
  }
}

.monitor #content #monitor-detail>div {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 80px;
  /* 20181115 中村追加 */
}

.monitor #content #monitor-detail>div>h3 {
  padding-top: 40px;
}

.monitor #content #monitor-detail>div>p {
  text-align: center;
}

.monitor #content #monitor-detail>div #monitor-detail-list {
  overflow: hidden;
  *zoom: 1;
  margin-top: 40px;
  text-align: center;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl {
  float: left;
  width: 320px;
  padding: 40px 0;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-top: 5px solid #B39C00;
  background: white;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  letter-spacing: 0.1em;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dt::before {
  content: attr(data-title) "";
  display: block;
  padding-bottom: 20px;
  font-family: "Pinyon Script", serif;
  color: #BDD9D9;
  font-size: 21px;
  font-size: 2.1rem;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dt>span {
  font-size: 14px;
  font-size: 1.4rem;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd>figure {
  margin: 40px 0;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list {
  display: block;
  width: 90%;
  margin: 0 auto;
  font-family: verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box {
  display: block;
  height: auto;
  margin: 20px 0;
  padding: 25px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #DADADA;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box .discount-second-detail-tit {
  margin-bottom: 10px;
  font-weight: bold;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box .discount-second-detail-price {
  font-weight: bold;
  color: #BE212A;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box .discount-second-detail-price>span {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box01::after {
  position: absolute;
  left: 50%;
  top: 94%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "-";
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box02::after {
  position: absolute;
  left: 50%;
  top: 97%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "-";
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box02>dl>dd>dl {
  margin-top: 15px;
  padding: 15px 0;
  background: #F2F2F2;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box02>dl>dd>dl>dt {
  margin-bottom: 10px;
}

.monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list .discount-list-box03 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 32px;
  font-weight: bold;
}

.monitor #content #monitor-detail>div #monitor-detail-list #monitor-detail-list2 {
  margin-right: 32px;
  margin-left: 32px;
}

.monitor #content #monitor-detail>div #monitor-detail-supplement {
  display: block;
  padding: 20px 40px 0;
  text-align: left;
}

.monitor #content #monitor-detail>div .attention {
  margin-top: 80px;
  margin-bottom: 40px;
  border-bottom: 1px solid #DADADA;
}

.monitor #content #monitor-detail>div .attention>dt {
  position: relative;
  text-align: center;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  z-index: 0;
}

.monitor #content #monitor-detail>div .attention>dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #DADADA;
  z-index: -1;
}

.monitor #content #monitor-detail>div .attention>dt>span {
  display: block;
  width: 160px;
  margin: 0 auto;
  padding-top: 10px;
  background: #F2F2F2;
  z-index: 2;
}

.monitor #content #monitor-detail>div .attention>dt>span::after {
  content: attr(data-title) "";
  display: block;
  width: auto;
  font-family: "Josefin Sans", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 36px;
}

.monitor #content #monitor-detail>div .attention>dd {
  padding: 0 40px 20px 40px;
}

.monitor #content #monitor-detail>div .page-btn {
  width: 440px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .monitor #content #monitor-detail {
    /* #monitor-desc */
  }

  .monitor #content #monitor-detail>div #monitor-detail-list {
    text-align: center;
  }

  .monitor #content #monitor-detail>div #monitor-detail-list #monitor-detail-list2 {
    margin-right: 0;
    margin-left: 0;
  }

  .monitor #content #monitor-detail>div #monitor-detail-list>dl {
    float: none;
    display: inline-block;
    margin: 0 15px 30px 15px;
  }
}

@media screen and (max-width: 680px) {
  .monitor #content #monitor-detail {
    /* #monitor-desc */
  }

  .monitor #content #monitor-detail>div #monitor-detail-list>dl {
    display: block;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .monitor #content #monitor-detail>div #monitor-detail-list>dl>dt br {
    display: none;
  }

  .monitor #content #monitor-detail>div #monitor-detail-list>dl>dt span {
    display: block;
  }

  .monitor #content #monitor-detail>div #monitor-detail-list>dl>dd .discount-list {
    width: 100%;
  }

  .monitor #content #monitor-detail>div #monitor-detail-list #monitor-detail-list1,
  .monitor #content #monitor-detail>div #monitor-detail-list #monitor-detail-list3 {
    margin-left: 0 !important;
  }

  .monitor #content #monitor-detail>div .page-btn {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .monitor #content #monitor-detail {
    /* #monitor-desc */
  }

  .monitor #content #monitor-detail>div #monitor-detail-list>dl>dd>figure>img {
    width: 100%;
    height: auto;
  }

  .monitor #content #monitor-detail>div .attention {
    margin-top: 40px;
  }

  .monitor #content #monitor-detail>div .attention>dd {
    padding: 0 0 20px 0;
  }
}

/*==============================
各種割引プラン
==============================*/
.discount #content .discount-title {
  position: relative;
  text-align: center;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
}

.discount #content .discount-title>span {
  display: block;
  margin: 0 auto;
  padding-top: 10px;
}

.discount #content .discount-title>span::after {
  content: attr(data-title) "";
  display: block;
  width: auto;
  font-family: "Josefin Sans", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 36px;
}

.discount #content .attention {
  width: 1024px;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 40px;
  border-bottom: 1px solid #DADADA;
}

.discount #content .attention>dt {
  z-index: 0;
}

.discount #content .attention>dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #DADADA;
  z-index: -1;
}

.discount #content .attention>dt>span {
  width: 160px;
  background: #F2F2F2;
  z-index: 2;
}

.discount #content .attention>dd {
  padding: 0 40px 20px 40px;
}

@media screen and (max-width: 1024px) {
  .discount #content .attention {
    /* .attention */
    width: 100%;
  }
}

.discount #content .eligible {
  padding-top: 40px;
}

.discount #content .eligible>dd {
  margin-top: 40px;
  text-align: center;
}

.discount #content .eligible>dd>p {
  position: relative;
  width: 600px;
  margin: 0 auto;
  color: #B39C00;
  font-family: 'ipamin';
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.discount #content .eligible>dd>p::before,
.discount #content .eligible>dd>p::after {
  display: block;
  position: absolute;
  top: 20px;
  color: #E4DCA6;
  font-size: 106px;
  font-size: 10.6rem;
}

.discount #content .eligible>dd>p::before {
  content: "｛";
  left: 0;
}

.discount #content .eligible>dd>p::after {
  content: "｝";
  right: 0;
}

.discount #content .eligible>dd>p>span {
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 1024px) {
  .discount #content .eligible {
    /* .eligible */
  }

  .discount #content .eligible>dd>p {
    width: 100%;
  }

  .discount #content .eligible>dd>p::before,
  .discount #content .eligible>dd>p::after {
    content: none;
  }
}

.discount #content #discount-index {
  background: #274B7A;
}

.discount #content #discount-index>div {
  width: 1024px;
  margin: 0 auto;
}

.discount #content #discount-index>div #discount-index-list {
  display: table;
  margin: 0 auto;
  padding: 40px 0;
}

.discount #content #discount-index>div #discount-index-list>li {
  display: inline-block;
  text-align: center;
}

.discount #content #discount-index>div #discount-index-list>li>a {
  display: block;
  width: 318px;
  color: white;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: 'ipamin';
  line-height: 36px;
  letter-spacing: 0.1em;
  text-decoration: none;
  border: 1px solid white;
  background-repeat: no-repeat;
  background-position: center center;
}

.discount #content #discount-index>div #discount-index-list>li>a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

.discount #content #discount-index>div #discount-index-list #discount-index-list-return>a {
  height: 125px;
  /* 170- */
  padding-top: 45px;
  background-image: url(../images/page_discount_index_list_pic_return.jpg);
}

.discount #content #discount-index>div #discount-index-list #discount-index-list-second {
  margin: 0 32px;
}

.discount #content #discount-index>div #discount-index-list #discount-index-list-second>a {
  height: 125px;
  /* 170- */
  padding-top: 45px;
  background-image: url(../images/page_discount_index_list_pic_second.jpg);
}

.discount #content #discount-index>div #discount-index-list #discount-index-list-friends>a {
  height: 105px;
  /* 170- */
  padding-top: 65px;
  background-image: url(../images/page_discount_index_list_pic_friends.jpg);
}

@media screen and (max-width: 1024px) {
  .discount #content #discount-index {
    /* #discount-index */
  }

  .discount #content #discount-index>div {
    width: 100%;
  }

  .discount #content #discount-index>div #discount-index-list {
    text-align: center;
  }

  .discount #content #discount-index>div #discount-index-list>li {
    float: none;
    display: inline-block;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-return {
    margin: 0 15px 30px 15px;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-second {
    margin: 0 15px 30px 15px;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-friends {
    margin: 0 15px 30px 15px;
  }
}

@media screen and (max-width: 680px) {
  .discount #content #discount-index {
    /* #discount-index */
  }

  .discount #content #discount-index>div #discount-index-list {
    width: 100%;
  }

  .discount #content #discount-index>div #discount-index-list>li {
    display: block;
    width: 100%;
  }

  .discount #content #discount-index>div #discount-index-list>li>a {
    width: 100%;
    line-height: 145px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .discount #content #discount-index>div #discount-index-list>li>a br {
    display: none;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-return {
    margin: 0;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-return>a {
    height: 145px;
    padding-top: 0;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-second {
    margin: 20px 0 0 0;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-second>a {
    height: 145px;
    padding-top: 0;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-friends {
    margin: 20px 0 0 0;
  }

  .discount #content #discount-index>div #discount-index-list #discount-index-list-friends>a {
    height: 145px;
    padding-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .discount #content #discount-index {
    /* #discount-index */
    display: none;
  }
}

.discount #content #discount-return {
  padding-top: 80px;
  padding-bottom: 80px;
}

.discount #content #discount-return>div #discount-return-intro {
  height: 392px;
  background: #D6B283 url(../images/page_discount_return_intro_bg.jpg) no-repeat right top;
}

.discount #content #discount-return>div #discount-return-intro>div {
  width: 960px;
  margin: 0 auto;
  color: white;
}

.discount #content #discount-return>div #discount-return-intro>div>h4 {
  padding-top: 70px;
  padding-bottom: 10px;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: 'ipamin';
  line-height: 46px;
  letter-spacing: 0.1em;
}

.discount #content #discount-return>div #discount-return-intro>div>h4>span {
  font-size: 36px;
  font-size: 3.6rem;
}

.discount #content #discount-return>div #discount-return-intro>div>p {
  width: 500px;
}

.discount #content #discount-return>div #discount-return-list {
  overflow: hidden;
  *zoom: 1;
  width: 810px;
  margin: 0 auto;
  padding: 80px 0;
}

.discount #content #discount-return>div #discount-return-list>li {
  float: left;
  width: 250px;
  font-size: 20px;
  font-size: 2rem;
  font-family: 'ipamin';
  color: #D6B283;
  line-height: 28px;
  text-align: center;
  background: url(../images/page_discount_return_list_bg.png) no-repeat center top;
}

.discount #content #discount-return>div #discount-return-list>li>span {
  line-height: 80px;
  font-size: 88px;
  font-size: 8.8rem;
  color: #BE212A;
}

.discount #content #discount-return>div #discount-return-list>li>span>span {
  font-size: 46px;
  font-size: 4.6rem;
}

.discount #content #discount-return>div #discount-return-list #discount-return-list1 {
  height: 250px;
}

.discount #content #discount-return>div #discount-return-list #discount-return-list2 {
  height: 220px;
  /* 250- */
  margin: 0 30px;
  padding-top: 30px;
}

.discount #content #discount-return>div #discount-return-list #discount-return-list3 {
  height: 220px;
  /* 250- */
  padding-top: 30px;
}

.discount #content #discount-return>div #discount-return-desc {
  width: 1024px;
  margin: 60px auto 0;
  text-align: center;
}

.discount #content #discount-return>div #discount-return-detail {
  margin-top: 60px;
  padding: 60px 0;
  background: #F1EEE6;
}

.discount #content #discount-return>div #discount-return-detail>dl {
  width: 960px;
  margin: 0 auto;
}

.discount #content #discount-return>div #discount-return-detail>dl .discount-list {
  padding-top: 30px;
}

.discount #content #discount-return>div #discount-return-detail>dl .discount-list .discount-list-box {
  width: 30%;
}

.discount #content #discount-return>div #discount-return-detail>dl .discount-list .discount-list-box>dl>dt {
  padding: 10px 0;
  font-weight: bold;
  color: #BE212A;
  font-size: 18px;
  font-size: 1.8rem;
}

.discount #content #discount-return>div #discount-return-detail>dl .discount-list .discount-list-box01::after,
.discount #content #discount-return>div #discount-return-detail>dl .discount-list .discount-list-box02::after {
  content: "&";
}

@media screen and (max-width: 1024px) {
  .discount #content #discount-return>div #discount-return-detail {
    padding-left: 20px;
    padding-right: 20px;
  }

  .discount #content #discount-return>div #discount-return-detail>dl {
    width: 100%;
  }
}

.discount #content #discount-return>div #discount-return-eligible {
  width: 1024px;
  margin: 0 auto;
}

.discount #content #discount-return>div #discount-return-hotel {
  width: 1024px;
  margin: 0 auto;
  background: white;
}

.discount #content #discount-return>div #discount-return-hotel>dt {
  padding: 40px 0;
}

.discount #content #discount-return>div #discount-return-hotel>dd {
  overflow: hidden;
  *zoom: 1;
  padding: 0 30px 30px 30px;
}

.discount #content #discount-return>div #discount-return-hotel>dd>figure {
  float: left;
  width: 280px;
}

.discount #content #discount-return>div #discount-return-hotel>dd>figure>img {
  width: 100%;
  height: auto;
}

.discount #content #discount-return>div #discount-return-hotel>dd>dl {
  float: right;
  width: 654px;
}

.discount #content #discount-return>div #discount-return-hotel>dd>dl>dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #274B7A;
}

.discount #content #discount-return>div #discount-return-hotel>dd>dl>dd {
  padding-top: 20px;
}

@media screen and (max-width: 1024px) {
  .discount #content #discount-return {
    /* #discount-return */
  }

  .discount #content #discount-return>div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .discount #content #discount-return>div #discount-return-intro {
    padding: 0 20px;
  }

  .discount #content #discount-return>div #discount-return-intro>div {
    width: 100%;
  }

  .discount #content #discount-return>div #discount-return-list {
    width: 100%;
    text-align: center;
  }

  .discount #content #discount-return>div #discount-return-list>li {
    float: none;
    display: inline-block;
  }

  .discount #content #discount-return>div #discount-return-list #discount-return-list1,
  .discount #content #discount-return>div #discount-return-list #discount-return-list2,
  .discount #content #discount-return>div #discount-return-list #discount-return-list3 {
    margin: 0 15px;
  }

  .discount #content #discount-return>div #discount-return-desc {
    width: 100%;
  }

  .discount #content #discount-return>div #discount-return-eligible {
    width: 100%;
  }

  .discount #content #discount-return>div #discount-return-hotel {
    width: 100%;
  }

  .discount #content #discount-return>div #discount-return-hotel>dd {
    display: table;
  }

  .discount #content #discount-return>div #discount-return-hotel>dd>figure {
    float: none;
    width: 40%;
    display: table-cell;
    vertical-align: top;
  }

  .discount #content #discount-return>div #discount-return-hotel>dd>figure>img {
    width: 100%;
    height: auto;
  }

  .discount #content #discount-return>div #discount-return-hotel>dd>dl {
    float: none;
    width: 60%;
    padding-left: 20px;
    display: table-cell;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 680px) {
  .discount #content #discount-return {
    /* #discount-return */
  }

  .discount #content #discount-return>div #discount-return-intro {
    height: auto;
    padding: 0 20px;
    background-image: none;
  }

  .discount #content #discount-return>div #discount-return-intro>div {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .discount #content #discount-return>div #discount-return-intro>div>h4 {
    padding-top: 0;
  }

  .discount #content #discount-return>div #discount-return-intro>div>h4>br {
    display: none;
  }

  .discount #content #discount-return>div #discount-return-intro>div>p {
    width: 100%;
  }

  .discount #content #discount-return>div #discount-return-desc {
    padding: 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .discount #content #discount-return>div #discount-return-desc br {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .discount #content #discount-return {
    /* #discount-return */
  }

  .discount #content #discount-return>div #discount-return-hotel {
    width: 100%;
  }

  .discount #content #discount-return>div #discount-return-hotel>dd {
    display: block;
  }

  .discount #content #discount-return>div #discount-return-hotel>dd>figure {
    width: 100%;
    display: block;
  }

  .discount #content #discount-return>div #discount-return-hotel>dd>dl {
    width: 100%;
    display: block;
    margin-top: 20px;
    padding-left: 0;
  }
}

.discount #content #discount-second {
  padding-top: 80px;
  padding-bottom: 80px;
  background: white;
}

.discount #content #discount-second>div #discount-second-txt {
  text-align: center;
}

.discount #content #discount-second>div #discount-second-intro {
  height: 392px;
  background: #1B472B url(../images/page_discount_second_intro_bg.jpg) no-repeat center top;
}

.discount #content #discount-second>div #discount-second-intro>div {
  width: 960px;
  margin: 0 auto;
  color: white;
}

.discount #content #discount-second>div #discount-second-intro>div>h4 {
  padding-top: 70px;
  padding-bottom: 10px;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: 'ipamin';
  line-height: 46px;
  letter-spacing: 0.1em;
}

.discount #content #discount-second>div #discount-second-intro>div>h4>span {
  display: block;
  font-size: 36px;
  font-size: 3.6rem;
}

.discount #content #discount-second>div #discount-second-intro>div>p {
  width: 500px;
}

.discount #content #discount-second>div #discount-second-worry {
  padding: 40px 0;
  text-align: center;
  font-family: 'ipamin';
  font-size: 30px;
  font-size: 3rem;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.discount #content #discount-second>div #discount-second-worry>span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
}

.discount #content #discount-second>div #discount-second-list {
  overflow: hidden;
  *zoom: 1;
  width: 870px;
  margin: 0 auto;
}

.discount #content #discount-second>div #discount-second-list>li {
  float: left;
  width: 262px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: #274B7A;
  font-weight: bold;
  line-height: 30px;
  border: 4px dashed #274B7A;
  -moz-border-radius: 262px;
  -webkit-border-radius: 262px;
  border-radius: 262px;
}

.discount #content #discount-second>div #discount-second-list>li>span {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
}

.discount #content #discount-second>div #discount-second-list #discount-second-list2 {
  margin: 0 30px;
}

.discount #content #discount-second>div #discount-second-list #discount-second-list1,
.discount #content #discount-second>div #discount-second-list #discount-second-list2 {
  padding-top: 90px;
  height: 172px;
  /* 262- */
}

.discount #content #discount-second>div #discount-second-list #discount-second-list3 {
  padding-top: 100px;
  height: 162px;
  /* 262- */
}

.discount #content #discount-second>div #discount-second-desc {
  padding-top: 40px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'ipamin';
  line-height: 36px;
  letter-spacing: 0.1em;
}

.discount #content #discount-second>div #discount-second-detail {
  margin-top: 60px;
  padding: 60px 0;
  background: #F1EEE6;
}

.discount #content #discount-second>div #discount-second-detail>dl {
  width: 960px;
  margin: 0 auto;
}

.discount #content #discount-second>div #discount-second-detail>dl .discount-box {
  margin-top: 40px;
  padding: 40px;
  text-align: center;
  background: white;
}

.discount #content #discount-second>div #discount-second-detail>dl .discount-box .discount-box-text {
  font-family: 'ipamin';
  font-size: 24px;
  font-size: 2.4rem;
}

.discount #content #discount-second>div #discount-second-detail>dl .discount-box .discount-box-text span {
  font-size: 36px;
  font-size: 3.6rem;
}

.discount #content #discount-second>div #discount-second-detail>dl .discount-box .discount-box-button {
  width: 90%;
  max-width: 400px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}

.discount #content #discount-second>div #discount-second-detail>dl .discount-box .discount-box-button a {
  display: block;
  padding: 20px;
  color: white;
  text-decoration: none;
  background: #274B7A;
}

.discount #content #discount-second>div #discount-second-detail>dl .discount-box .discount-box-button a:hover {
  opacity: .6;
}

.discount #content #discount-second>div #discount-second-detail>dl>p {
  padding-top: 40px;
  text-align: center;
}

.discount #content #discount-second>div #discount-second-detail .discount-list {
  padding-top: 30px;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box .discount-second-detail-tit {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box .discount-second-detail-price {
  color: #BE212A;
  font-weight: bold;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box .discount-second-detail-price>span {
  font-family: "Roboto", sans-serif;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box01 {
  width: 30%;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box01::after {
  content: "+";
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box01 .discount-second-detail-price {
  font-weight: bold;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box01 .discount-second-detail-price>span {
  font-size: 38px;
  font-size: 3.8rem;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box02 {
  width: 40%;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box02>dl>dd>dl>dt {
  margin-bottom: 10px;
  font-weight: bold;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box02 .discount-second-detail-price>span {
  font-size: 32px;
  font-size: 3.2rem;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box02>dl>dd>dl {
  padding: 15px;
  background: #F2F2F2;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box02>dl>dd>dl:first-child {
  margin-bottom: 15px;
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box02::after {
  content: "-";
}

.discount #content #discount-second>div #discount-second-detail .discount-list .discount-list-box03 {
  width: 30%;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 32px;
}

.discount #content #discount-second>div #discount-second-attention>dt>span {
  background: white;
}

.discount #content #discount-second>div #discount-second-comment {
  overflow: hidden;
  *zoom: 1;
  width: 964px;
  /* 1024- */
  margin: 0 auto;
  padding: 30px;
  background: #F2F2F2;
}

.discount #content #discount-second>div #discount-second-comment>figure {
  float: left;
  width: 280px;
}

.discount #content #discount-second>div #discount-second-comment>dl {
  float: right;
  width: 654px;
}

.discount #content #discount-second>div #discount-second-comment>dl>dt {
  color: #274B7A;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'ipamin';
  line-height: 28px;
  letter-spacing: 0.1em;
}

.discount #content #discount-second>div #discount-second-comment>dl>dd {
  padding-top: 20px;
}

@media screen and (max-width: 1024px) {
  .discount #content #discount-second {
    /* #discount-second */
  }

  .discount #content #discount-second>div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .discount #content #discount-second>div #discount-second-intro {
    padding: 0 20px;
  }

  .discount #content #discount-second>div #discount-second-intro>div {
    width: 100%;
  }

  .discount #content #discount-second>div #discount-second-intro>div>p {
    width: 100%;
  }

  .discount #content #discount-second>div #discount-second-list {
    width: 100%;
    text-align: center;
  }

  .discount #content #discount-second>div #discount-second-list>li {
    float: none;
    display: inline-block;
  }

  .discount #content #discount-second>div #discount-second-list #discount-second-list1,
  .discount #content #discount-second>div #discount-second-list #discount-second-list2,
  .discount #content #discount-second>div #discount-second-list #discount-second-list3 {
    margin: 0 15px 30px 15px;
  }

  .discount #content #discount-second>div #discount-second-comment {
    width: 100%;
    display: table;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .discount #content #discount-second>div #discount-second-comment>figure {
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 40%;
  }

  .discount #content #discount-second>div #discount-second-comment>figure>img {
    width: 100%;
    height: auto;
  }

  .discount #content #discount-second>div #discount-second-comment>dl {
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 60%;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .discount #content #discount-second>div #discount-second-detail {
    padding-left: 20px;
    padding-right: 20px;
  }

  .discount #content #discount-second>div #discount-second-detail>dl {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .discount #content #discount-second {
    /* #discount-second */
  }

  .discount #content #discount-second>div #discount-second-intro {
    height: auto;
    background-image: none;
  }

  .discount #content #discount-second>div #discount-second-intro>div {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .discount #content #discount-second>div #discount-second-intro>div>h4 {
    padding-top: 0;
  }

  .discount #content #discount-second>div #discount-second-intro>div>p {
    width: 100%;
  }

  .discount #content #discount-second>div #discount-second-desc br {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .discount #content #discount-second {
    /* #discount-second */
  }

  .discount #content #discount-second>div #discount-second-comment {
    display: block;
  }

  .discount #content #discount-second>div #discount-second-comment>figure {
    display: block;
    width: 100%;
  }

  .discount #content #discount-second>div #discount-second-comment>dl {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}

.discount #content #discount-friends {
  padding-top: 80px;
  padding-bottom: 80px;
}

.discount #content #discount-friends>div #discount-friends-txt {
  text-align: center;
}

.discount #content #discount-friends>div #discount-friends-intro {
  height: 392px;
  background: #00738F url(../images/page_discount_friends_intro_bg.jpg) no-repeat right top;
}

.discount #content #discount-friends>div #discount-friends-intro>div {
  width: 960px;
  margin: 0 auto;
}

.discount #content #discount-friends>div #discount-friends-intro>div>h4 {
  padding-top: 60px;
  padding-bottom: 10px;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: 'ipamin';
  line-height: 46px;
  letter-spacing: 0.1em;
  color: white;
}

.discount #content #discount-friends>div #discount-friends-intro>div>p {
  width: 500px;
  color: white;
}

.discount #content #discount-friends>div #discount-friends-list {
  width: 1024px;
  margin: 0 auto;
}

.discount #content #discount-friends>div #discount-friends-list>h4 {
  padding: 40px 0;
}

.discount #content #discount-friends>div #discount-friends-list>div {
  overflow: hidden;
  *zoom: 1;
}

.discount #content #discount-friends>div #discount-friends-list>div>div {
  width: 428px;
  /* 488- */
  padding: 30px;
  text-align: center;
  letter-spacing: 0.1em;
  background: white;
}

.discount #content #discount-friends>div #discount-friends-list>div>div>dl {
  position: relative;
  padding: 30px;
  border: 1px solid #DADADA;
}

.discount #content #discount-friends>div #discount-friends-list>div>div>dl>dt {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'ipamin';
  text-align: center;
}

.discount #content #discount-friends>div #discount-friends-list>div>div>dl>dt>span {
  padding: 0 10px;
  background: white;
}

.discount #content #discount-friends>div #discount-friends-list>div>div>dl>dd {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
}

.discount #content #discount-friends>div #discount-friends-list>div>div>dl>dd>span {
  font-weight: bold;
  color: #BE212A;
}

.discount #content #discount-friends>div #discount-friends-list>div>div>dl>dd>figure>figcaption {
  font-size: 14px;
  font-size: 1.4rem;
}

.discount #content #discount-friends>div #discount-friends-list>div #discount-friends-list-left {
  float: left;
}

.discount #content #discount-friends>div #discount-friends-list>div #discount-friends-list-right {
  float: right;
}

@media screen and (max-width: 1024px) {
  .discount #content #discount-friends {
    /* #discount-friends */
  }

  .discount #content #discount-friends>div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .discount #content #discount-friends>div #discount-friends-intro>div {
    width: 100%;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .discount #content #discount-friends>div #discount-friends-list {
    width: 100%;
  }

  .discount #content #discount-friends>div #discount-friends-list>div {
    display: table;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .discount #content #discount-friends>div #discount-friends-list>div>div>dl>dd>figure>img {
    width: 100%;
    height: auto;
  }

  .discount #content #discount-friends>div #discount-friends-list>div #discount-friends-list-left {
    float: none;
    display: table-cell;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .discount #content #discount-friends>div #discount-friends-list>div #discount-friends-list-right {
    float: none;
    display: table-cell;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 680px) {
  .discount #content #discount-friends {
    /* #discount-friends */
  }

  .discount #content #discount-friends>div #discount-friends-intro {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: none;
  }

  .discount #content #discount-friends>div #discount-friends-intro>div>h4 {
    padding-top: 0;
  }

  .discount #content #discount-friends>div #discount-friends-intro>div>h4 br {
    display: none;
  }

  .discount #content #discount-friends>div #discount-friends-list {
    width: 100%;
  }

  .discount #content #discount-friends>div #discount-friends-list>div {
    display: block;
  }

  .discount #content #discount-friends>div #discount-friends-list>div #discount-friends-list-left {
    display: block;
    width: 100%;
  }

  .discount #content #discount-friends>div #discount-friends-list>div #discount-friends-list-right {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
}

/*==============================
よくあるご質問
==============================*/
.faq #content #faq-content {
  padding-top: 40px;
}

.faq #content #faq-content>div {
  overflow: hidden;
  *zoom: 1;
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 60px;
}

.faq #content #faq-content>div #faq-content-menu {
  float: left;
  width: 240px;
}

.faq #content #faq-content>div #faq-content-menu>li a {
  position: relative;
  display: block;
  padding: 20px;
  color: white;
  text-decoration: none;
  background: #3E5E88;
}

.faq #content #faq-content>div #faq-content-menu>li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.faq #content #faq-content>div #faq-content-menu>li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faq #content #faq-content>div #faq-content-menu>li:nth-child(even) a {
  background: #213F66;
}

.faq #content #faq-content>div #faq-content-list {
  float: right;
  width: 740px;
}

.faq #content #faq-content>div #faq-content-list>h3 {
  margin-top: 30px;
  padding: 30px 0;
  color: white;
  text-align: center;
  font-size: 21px;
  font-size: 2.1rem;
  background: #3E5E88;
}

.faq #content #faq-content>div #faq-content-list>h3:first-child {
  margin-top: 0;
}

.faq #content #faq-content>div #faq-content-list>dl {
  padding: 30px 30px 30px 30px;
  border-top: 1px solid #DADADA;
  background: white;
}

.faq #content #faq-content>div #faq-content-list>dl>dt {
  position: relative;
  padding-bottom: 20px;
  padding-left: 40px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
}

.faq #content #faq-content>div #faq-content-list>dl>dt::before {
  content: "Q";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  color: white;
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  text-align: center;
  line-height: 36px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #5A5A5A;
}

.faq #content #faq-content>div #faq-content-list>dl>dd {
  position: relative;
  padding-left: 40px;
}

.faq #content #faq-content>div #faq-content-list>dl>dd::before {
  content: "A";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  color: #BE212A;
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 30px;
  -moz-border-radius: 26px;
  -webkit-border-radius: 26px;
  border-radius: 26px;
  border: 2px solid #BE212A;
}

.faq #content #faq-content>div #faq-content-list>dl:first-child {
  border-top: none;
}

@media screen and (max-width: 1024px) {
  .faq #content #faq-content {
    /* #faq-content */
  }

  .faq #content #faq-content>div {
    width: 100%;
  }

  .faq #content #faq-content>div #faq-content-menu {
    display: none;
  }

  .faq #content #faq-content>div #faq-content-list {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .faq #content #faq-content {
    /* #faq-content */
  }

  .faq #content #faq-content>div {
    width: 100%;
  }

  .faq #content #faq-content>div #faq-content-menu {
    display: none;
  }

  .faq #content #faq-content>div #faq-content-list {
    float: none;
    width: 100%;
  }
}

/*==============================
用語集
==============================*/
.dictionary #content #dictionary-index>div {
  overflow: hidden;
  *zoom: 1;
  max-width: 960px;
  /* 1024- */
  margin: 0 auto;
  padding: 40px 32px;
}

.dictionary #content #dictionary-index>div>dl {
  float: left;
  width: 50%;
  padding-bottom: 40px;
}

.dictionary #content #dictionary-index>div>dl>dt {
  margin-right: 40px;
  padding: 10px;
  color: #0F1D3A;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  border-bottom: 1px solid #DADADA;
  border-left: 10px solid #0F1D3A;
}

.dictionary #content #dictionary-index>div>dl>dd {
  margin-right: 40px;
  padding: 20px 40px;
}

.dictionary #content #dictionary-index>div>dl>dd>ul>li {
  padding-bottom: 10px;
  line-height: 24px;
}

.dictionary #content #dictionary-index>div>dl>dd>ul>li>a {
  position: relative;
  vertical-align: top;
}

.dictionary #content #dictionary-index>div>dl>dd>ul>li>a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -25px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #0F1D3A;
}

.dictionary #content #dictionary-index>div>dl>dd>ul>li>a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dictionary #content #dictionary-index>div #dictionary-index-sa {
  padding-bottom: 0;
}

.dictionary #content #dictionary-index>div #dictionary-index-ta {
  padding-bottom: 100px;
}

@media screen and (max-width: 680px) {
  .dictionary #content #dictionary-index {
    /* #dictionary-index */
    display: none;
  }
}

.dictionary #content #dictionary-list {
  padding: 40px 0;
}

.dictionary #content #dictionary-list>div>h3 {
  margin-top: 40px;
  padding: 20px;
  color: white;
  font-size: 21px;
  font-size: 2.1rem;
  text-align: center;
  background: #274B7A;
}

.dictionary #content #dictionary-list>div .dictionary-list-detail {
  max-width: 960px;
  /* 1024- */
  margin: 0 auto;
  padding: 40px 32px;
  border-top: 1px solid #DADADA;
}

.dictionary #content #dictionary-list>div .dictionary-list-detail>dt {
  padding-bottom: 20px;
  color: #262626;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

.dictionary #content #dictionary-list>div .dictionary-list-detail:first-child {
  border-top: none;
}

@media screen and (max-width: 680px) {
  .dictionary #content #dictionary-list {
    /* #dictionary-list */
    padding-top: 0;
  }

  .dictionary #content #dictionary-list>div .dictionary-list-detail {
    padding: 40px 0;
  }
}

/*==============================
お知らせ
==============================*/
.information #content #information-box>div {
  overflow: hidden;
  *zoom: 1;
  max-width: 1024px;
  /* 1024- */
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 60px;
}

.information #content #information-box>div #information-box-list {
  float: left;
  width: 240px;
}

.information #content #information-box>div #information-box-list>li a {
  position: relative;
  display: block;
  padding: 20px 40px 20px 20px;
  color: #737373;
  text-decoration: none;
  line-height: 24px;
  border-bottom: 1px dashed #DADADA;
  background: white;
}

.information #content #information-box>div #information-box-list>li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.information #content #information-box>div #information-box-list>li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-top: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.information #content #information-box>div #information-box-article {
  float: right;
  width: 740px;
}

.information #content #information-box>div #information-box-article>article {
  margin-bottom: 20px;
  padding: 20px;
  background: white;
}

.information #content #information-box>div #information-box-article>article .information-box-article-tag {
  padding-bottom: 20px;
}

.information #content #information-box>div #information-box-article>article .information-box-article-tag>span {
  display: inline-block;
  zoom: 1;
  width: 50px;
  margin-left: 10px;
  padding: 3px 0;
  text-align: center;
  font-family: verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: white;
  line-height: 14px;
  font-size: 10px;
  font-size: 1rem;
}

.information #content #information-box>div #information-box-article>article .information-box-article-tag .news {
  background: #1B7B3D;
}

.information #content #information-box>div #information-box-article>article .information-box-article-tag .media {
  background: #0F1D3A;
}

.information #content #information-box>div #information-box-article>article>h1,
.information #content #information-box>div #information-box-article>article>h2,
.information #content #information-box>div #information-box-article>article>h3,
.information #content #information-box>div #information-box-article>article>h4,
.information #content #information-box>div #information-box-article>article>h5 {
  padding-bottom: 20px;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
}

.information #content #information-box>div #information-box-article>.page-numbers {
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  background: white;
}

.information #content #information-box>div #information-box-article>.page-numbers>li {
  display: inline-block;
}

.information #content #information-box>div #information-box-article>.page-numbers>li>a,
.information #content #information-box>div #information-box-article>.page-numbers>li>span {
  display: inline-block;
  padding: 5px;
  color: #464646;
  border: 1px solid #DADADA;
}

.information #content #information-box>div #information-box-article>.page-numbers>li>a {
  text-decoration: none;
}

.information #content #information-box>div #information-box-article>.page-numbers>li>a:hover {
  text-decoration: none;
  color: white;
  background: #464646;
}

.information #content #information-box>div #information-box-article>.page-numbers>li .current {
  color: white;
  background: #464646;
}

@media screen and (max-width: 1024px) {
  .information #content #information-box {
    /* #information-box */
  }

  .information #content #information-box>div {
    width: 100%;
    display: table;
  }

  .information #content #information-box>div #information-box-list {
    float: none;
    display: table-cell;
    width: 30%;
  }

  .information #content #information-box>div #information-box-article {
    float: none;
    display: table-cell;
    width: 70%;
    padding-left: 20px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 680px) {
  .information #content #information-box {
    /* #information-box */
  }

  .information #content #information-box>div {
    width: 100%;
    display: block;
  }

  .information #content #information-box>div #information-box-list {
    display: none;
  }

  .information #content #information-box>div #information-box-article {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}

/*==============================
カウンセリング予約（booking）、資料請求（pamphlet）、メール相談（onlinecounseling）、お問い合わせ（contact）共通クラス
==============================*/
/* Contact Form 7 Validation（http://hijiriworld.com/web/wp-contactform7-customize/） */
.wpcf7 .wpcf7-response-output {
  width: 100%;
  margin-top: 20px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 20px 0;
  text-align: center;
}

.wpcf7 .wpcf7-not-valid-tip {
  display: none;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid red;
}

.wpcf7 input[type=text].wpcf7-not-valid,
.wpcf7 input[type=tel].wpcf7-not-valid,
.wpcf7 input[type=email].wpcf7-not-valid {
  background: pink;
}

.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: none;
}

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: none;
}

.mw_wp_form .error {
  margin-top: 2%;
}

.mw_wp_form_input .confirm-show {
  display: none;
}

.mw_wp_form_confirm .input-show {
  display: none;
}

.form-list .form-confirmtext {
  padding-bottom: 20px;
  text-align: center;
}

.form-list input[type=text],
.form-list input[type=email],
.form-list input[type=radio],
.form-list input[type=checkbox],
.form-list select,
.form-list textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.form-list input[type=text],
.form-list input[type=email],
.form-list textarea {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #F2F2F2;
}

@media screen and (max-width: 480px) {

  .form-list input[type=text],
  .form-list input[type=email],
  .form-list textarea {
    border: 1px solid #DADADA;
    background: none;
  }
}

.form-list input[type=radio] {
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
  background: #F2F2F2;
  border: 1px solid #DADADA;
}

.form-list input[type=radio]:checked {
  background: green;
}

.form-list select {
  position: relative;
  padding: 10px 40px 10px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #DADADA;
  background: #F2F2F2 url(../images/common_ico_arrow_down.png) no-repeat right center;
}

@media screen and (max-width: 480px) {
  .form-list select {
    width: 100%;
  }
}

.form-list>dl {
  display: table;
  width: 100%;
}

.form-list>dl>dt {
  overflow: hidden;
  *zoom: 1;
  display: table-cell;
  width: 30%;
  padding: 20px;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid white;
  background: #F2F2F2;
}

.form-list>dl>dt>span {
  display: inline-block;
  float: right;
  padding: 2px 6px;
  color: white;
  font-size: 10px;
  font-size: 1rem;
  background: red;
}

.form-list>dl>dd {
  display: table-cell;
  width: 70%;
  padding: 20px 0 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form-list .date-padding {
  padding-right: 10px;
  padding-left: 10px;
}

.form-list .form-list-gender .wpcf7-not-valid-tip,
.form-list .form-list-hope1 .wpcf7-not-valid-tip,
.form-list .form-list-inquiry .wpcf7-not-valid-tip,
.form-list .form-list-detail .wpcf7-not-valid-tip {
  display: none;
}

.form-list .form-list-gender .wpcf7-not-valid,
.form-list .form-list-hope1 .wpcf7-not-valid,
.form-list .form-list-inquiry .wpcf7-not-valid,
.form-list .form-list-detail .wpcf7-not-valid {
  background: pink;
}

.form-list .form-list-gender .gender {
  display: block;
  padding: 10px 0;
}

.form-list .form-list-gender .gender .wpcf7-not-valid {
  display: block;
  padding: 10px 0;
}

.form-list .form-list-email input {
  margin-bottom: 20px;
}

.form-list .form-list-address .wpcf7c-elm-step2 {
  line-height: 24px;
}

.form-list .form-list-address>dd {
  overflow: hidden;
  *zoom: 1;
}

.form-list .form-list-address>dd>dl {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 20px;
}

.form-list .form-list-address>dd>dl>dt {
  float: left;
  width: 80px;
  font-weight: bold;
  line-height: 40px;
}

.form-list .form-list-address>dd>dl>dd {
  float: left;
}

.form-list .form-list-address>dd>dl>dd input {
  width: 100%;
}

.form-list .form-list-address>dd #form-zip {
  width: 300px;
  float: left;
}

.form-list .form-list-address>dd #form-zip>dd {
  width: 200px;
}

.form-list .form-list-address>dd #form-zip>dd>span {
  float: left;
}

.form-list .form-list-address>dd #form-zip>dd #zip-border {
  display: block;
  padding: 0 10px;
  line-height: 36px;
}

.form-list .form-list-address>dd #form-zip>dd .zip1 {
  width: 80px;
}

.form-list .form-list-address>dd #form-zip>dd .zip2 {
  width: 80px;
}

.form-list .form-list-address>dd #form-pref {
  width: 300px;
  float: right;
}

.form-list .form-list-address>dd #form-pref>dd {
  width: 200px;
}

.form-list .form-list-address>dd #form-city,
.form-list .form-list-address>dd #form-addressline {
  clear: both;
}

.form-list .form-list-address>dd #form-city>dd,
.form-list .form-list-address>dd #form-addressline>dd {
  width: 560px;
}

@media screen and (max-width: 480px) {

  .form-list .form-list-address>dd #form-zip,
  .form-list .form-list-address>dd #form-pref,
  .form-list .form-list-address>dd #form-city,
  .form-list .form-list-address>dd #form-addressline {
    width: 100%;
  }

  .form-list .form-list-address>dd #form-zip>dd,
  .form-list .form-list-address>dd #form-pref>dd,
  .form-list .form-list-address>dd #form-city>dd,
  .form-list .form-list-address>dd #form-addressline>dd {
    width: 100%;
  }
}

.form-list .form-list-position1 img,
.form-list .form-list-position2 img {
  max-width: 100%;
  height: auto;
}

.form-list .form-list-inquiry p {
  padding-bottom: 10px;
}

.form-list .form-list-inquiry select {
  margin-right: 10px;
  line-height: 21px;
}

.form-list .form-list-inquiry .form-list-inquiry-item {
  display: inline;
}

.form-list .form-list-inquiry .inquiry2-1,
.form-list .form-list-inquiry .inquiry2-2,
.form-list .form-list-inquiry .inquiry2-3,
.form-list .form-list-inquiry .inquiry2-4,
.form-list .form-list-inquiry .inquiry2-5,
.form-list .form-list-inquiry .inquiry2-6,
.form-list .form-list-inquiry .inquiry2-7,
.form-list .form-list-inquiry .inquiry2-8,
.form-list .form-list-inquiry .inquiry2-9 {
  display: none;
}

@media screen and (max-width: 480px) {
  .form-list .form-list-inquiry .inquiry1 select {
    margin-bottom: 10px;
  }
}

.form-list .form-list-detail .detail {
  display: block;
  padding: 10px 0;
}

.form-list .form-list-detail .detail .wpcf7-not-valid {
  display: block;
  padding: 10px 0;
}

.form-list .form-list-other .wpcf7c-elm-step2 {
  line-height: 24px;
}

.form-list .form-list-caption {
  font-size: 11px;
  font-size: 1.1rem;
}

@media screen and (max-width: 480px) {
  .form-list>dl {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #F2F2F2;
  }

  .form-list>dl>dt,
  .form-list>dl>dd {
    display: block;
    padding: 0;
    width: 100%;
  }

  .form-list>dl>dt {
    margin-top: 20px;
    font-weight: bold;
    background: none;
  }

  .form-list>dl>dd {
    margin-top: 10px;
  }
}

.form-privacy {
  padding: 40px;
}

.form-privacy .form-privacy-txt {
  padding-bottom: 40px;
}

.form-privacy .form-privacy-txt>dt {
  padding-bottom: 40px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;
}

.form-privacy .form-privacy-txt>dd {
  height: 200px;
  padding: 20px;
  overflow: auto;
  border: 1px solid #F2F2F2;
}

.form-privacy .form-privacy-txt>dd>p {
  padding-bottom: 20px;
}

.form-privacy .form-privacy-txt>dd>dl {
  padding-bottom: 20px;
}

.form-privacy .form-privacy-txt>dd>dl>dt {
  padding-bottom: 10px;
  color: #262626;
  font-weight: bold;
}

.form-privacy .form-privacy-btn {
  padding: 20px;
  text-align: center;
  background: #F2F2F2;
}

.form-privacy .form-privacy-btn input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
  border: 1px solid #DADADA;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: white;
}

.form-privacy .form-privacy-btn input[type=checkbox]:checked {
  background: green;
}

.form-privacy .form-privacy-btn label,
.form-privacy .form-privacy-btn input[type=checkbox] {
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  .form-privacy {
    padding: 20px;
  }
}

.form-btn {
  padding: 0 40px 40px 40px;
}

.form-btn input[type=submit],
.form-btn input[type=button],
.form-btn button[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #832122;
}

.form-btn input[type=submit]:hover,
.form-btn input[type=button]:hover,
.form-btn button[type=submit]:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

.form-btn input[type=submit],
.form-btn button[value=send] {
  background: #832122;
}

.form-btn input[type=button],
.form-btn button[value=back] {
  background: #5A5A5A;
}

.form-btn input[type=submit]:disabled,
.form-btn button[value=send]:disabled {
  cursor: auto;
  background-color: gray !important;
}

.form-btn input[type=submit]:disabled:hover,
.form-btn button[value=send]:disabled:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-btn>ul {
  text-align: center;
}

.form-btn>ul>li {
  display: inline-block;
}

.form-complete>div {
  width: 944px;
  /* 1024- */
  margin: 0 auto;
  padding: 40px;
  text-align: center;
  background: white;
}

.form-complete>div>p {
  padding-bottom: 20px;
}

.form-complete>div .form-complete-attention {
  padding: 30px;
  border: 10px solid #F2F2F2;
}

.form-complete>div .form-complete-attention>dt {
  padding-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #DADADA;
}

.form-complete>div .form-complete-attention>dt::after {
  content: attr(data-title) "";
  display: block;
  padding-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Josefin Sans", sans-serif;
  font-style: italic;
}

.form-complete>div .form-complete-attention>dd {
  padding-top: 20px;
}

.form-complete>div .form-complete-address {
  padding-top: 20px;
}

@media screen and (max-width: 480px) {
  .form-complete>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
  }

  .form-complete>div>p br {
    display: none;
  }

  .form-complete>div .form-complete-attention {
    padding: 20px;
  }

  .form-complete>div .form-complete-attention>dd br {
    display: none;
  }
}

/*==============================
カウンセリング予約（booking）、資料請求（pamphlet）、メール相談（onlinecounseling）、お問い合わせ（contact）
==============================*/
.booking #content,
.pamphlet #content,
.onlinecounseling #content,
.contact #content {
  background: #F2F2F2;
}

@media screen and (max-width: 480px) {

  .booking #content #booking-intro,
  .booking #content #pamphlet-intro,
  .booking #content #onlinecounseling-intro,
  .booking #content #contact-intro,
  .pamphlet #content #booking-intro,
  .pamphlet #content #pamphlet-intro,
  .pamphlet #content #onlinecounseling-intro,
  .pamphlet #content #contact-intro,
  .onlinecounseling #content #booking-intro,
  .onlinecounseling #content #pamphlet-intro,
  .onlinecounseling #content #onlinecounseling-intro,
  .onlinecounseling #content #contact-intro,
  .contact #content #booking-intro,
  .contact #content #pamphlet-intro,
  .contact #content #onlinecounseling-intro,
  .contact #content #contact-intro {
    padding: 0;
  }
}

.booking #content .booking-info,
.pamphlet #content .booking-info,
.onlinecounseling #content .booking-info,
.contact #content .booking-info {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
}

.booking #content .booking-info .booking-info-inner,
.pamphlet #content .booking-info .booking-info-inner,
.onlinecounseling #content .booking-info .booking-info-inner,
.contact #content .booking-info .booking-info-inner {
  width: 90% !important;
  margin-right: auto;
  margin-left: auto;
  padding: 40px;
  text-align: center;
  background-color: white;
}

.booking #content .booking-info .booking-info-inner .booking-info-list-title,
.pamphlet #content .booking-info .booking-info-inner .booking-info-list-title,
.onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-title,
.contact #content .booking-info .booking-info-inner .booking-info-list-title {
  color: #00b900;
  font-size: 2rem;
  line-height: 1.6;
}

.booking #content .booking-info .booking-info-inner .booking-info-list-contents,
.pamphlet #content .booking-info .booking-info-inner .booking-info-list-contents,
.onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-contents,
.contact #content .booking-info .booking-info-inner .booking-info-list-contents {
  width: 100%;
  margin-top: 20px;
}

.booking #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child,
.pamphlet #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child,
.onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child,
.contact #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 20px;
}

.booking #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item,
.pamphlet #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item,
.onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item,
.contact #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item {
  text-align: center;
}

.booking #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item img,
.pamphlet #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item img,
.onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item img,
.contact #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item img {
  max-width: 100%;
  height: auto;
}

.booking #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--line,
.pamphlet #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--line,
.onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--line,
.contact #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--line {
  width: 30%;
  max-width: 120px;
}

.booking #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--qrcode,
.pamphlet #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--qrcode,
.onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--qrcode,
.contact #content .booking-info .booking-info-inner .booking-info-list-contents .booking-info-child .booking-info-child-item.booking-info-child-item--qrcode {
  width: 50%;
  max-width: 200px;
}

@media screen and (max-width: 480px) {

  .booking #content .booking-info .booking-info-inner br,
  .pamphlet #content .booking-info .booking-info-inner br,
  .onlinecounseling #content .booking-info .booking-info-inner br,
  .contact #content .booking-info .booking-info-inner br {
    display: none;
  }

  .booking #content .booking-info .booking-info-inner .booking-info-list-title,
  .pamphlet #content .booking-info .booking-info-inner .booking-info-list-title,
  .onlinecounseling #content .booking-info .booking-info-inner .booking-info-list-title,
  .contact #content .booking-info .booking-info-inner .booking-info-list-title {
    font-size: 1.6rem;
  }
}

.booking #content #booking-info,
.pamphlet #content #booking-info,
.onlinecounseling #content #booking-info,
.contact #content #booking-info {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
}

.booking #content #booking-info>div .booking-info,
.pamphlet #content #booking-info>div .booking-info,
.onlinecounseling #content #booking-info>div .booking-info,
.contact #content #booking-info>div .booking-info {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding: 5%;
  text-align: center;
  background: white;
  box-sizing: border-box;
}

.booking #content #booking-info>div .booking-info .booking-info-title,
.pamphlet #content #booking-info>div .booking-info .booking-info-title,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-title,
.contact #content #booking-info>div .booking-info .booking-info-title {
  color: #262626;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.6;
}

.booking #content #booking-info>div .booking-info .booking-info-title br,
.pamphlet #content #booking-info>div .booking-info .booking-info-title br,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-title br,
.contact #content #booking-info>div .booking-info .booking-info-title br {
  display: none;
}

.booking #content #booking-info>div .booking-info .booking-info-contents,
.pamphlet #content #booking-info>div .booking-info .booking-info-contents,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-contents,
.contact #content #booking-info>div .booking-info .booking-info-contents {
  padding-top: 3%;
}

.booking #content #booking-info>div .booking-info .booking-info-box,
.pamphlet #content #booking-info>div .booking-info .booking-info-box,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-box,
.contact #content #booking-info>div .booking-info .booking-info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.booking #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd),
.pamphlet #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd),
.onlinecounseling #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd),
.contact #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd) {
  background: #FAFAFA;
}

.booking #content #booking-info>div .booking-info .booking-info-box>dt,
.pamphlet #content #booking-info>div .booking-info .booking-info-box>dt,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-box>dt,
.contact #content #booking-info>div .booking-info .booking-info-box>dt {
  width: 20%;
  padding: 2%;
  font-weight: bold;
  box-sizing: border-box;
}

.booking #content #booking-info>div .booking-info .booking-info-box>dd,
.pamphlet #content #booking-info>div .booking-info .booking-info-box>dd,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-box>dd,
.contact #content #booking-info>div .booking-info .booking-info-box>dd {
  width: 78%;
  padding: 2%;
  text-align: left;
  box-sizing: border-box;
}

.booking #content #booking-info>div .booking-info .booking-info-table,
.pamphlet #content #booking-info>div .booking-info .booking-info-table,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-table,
.contact #content #booking-info>div .booking-info .booking-info-table {
  width: 100%;
}

.booking #content #booking-info>div .booking-info .booking-info-table th,
.booking #content #booking-info>div .booking-info .booking-info-table td,
.pamphlet #content #booking-info>div .booking-info .booking-info-table th,
.pamphlet #content #booking-info>div .booking-info .booking-info-table td,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-table th,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-table td,
.contact #content #booking-info>div .booking-info .booking-info-table th,
.contact #content #booking-info>div .booking-info .booking-info-table td {
  border-collapse: collapse;
  padding: 2%;
  line-height: 1.6;
  border: 1px solid #DADADA;
  box-sizing: border-box;
}

.booking #content #booking-info>div .booking-info .booking-info-table th,
.pamphlet #content #booking-info>div .booking-info .booking-info-table th,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-table th,
.contact #content #booking-info>div .booking-info .booking-info-table th {
  width: 20%;
  white-space: nowrap;
}

.booking #content #booking-info>div .booking-info .booking-info-table td>span,
.pamphlet #content #booking-info>div .booking-info .booking-info-table td>span,
.onlinecounseling #content #booking-info>div .booking-info .booking-info-table td>span,
.contact #content #booking-info>div .booking-info .booking-info-table td>span {
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 680px) {

  .booking #content #booking-info,
  .pamphlet #content #booking-info,
  .onlinecounseling #content #booking-info,
  .contact #content #booking-info {
    padding-top: 5%;
  }

  .booking #content #booking-info>div .booking-info,
  .pamphlet #content #booking-info>div .booking-info,
  .onlinecounseling #content #booking-info>div .booking-info,
  .contact #content #booking-info>div .booking-info {
    width: 100%;
    padding: 4% 2%;
  }

  .booking #content #booking-info>div .booking-info .booking-info-title,
  .pamphlet #content #booking-info>div .booking-info .booking-info-title,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-title,
  .contact #content #booking-info>div .booking-info .booking-info-title {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .booking #content #booking-info>div .booking-info .booking-info-title br,
  .pamphlet #content #booking-info>div .booking-info .booking-info-title br,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-title br,
  .contact #content #booking-info>div .booking-info .booking-info-title br {
    display: block;
  }

  .booking #content #booking-info>div .booking-info .booking-info-box,
  .pamphlet #content #booking-info>div .booking-info .booking-info-box,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-box,
  .contact #content #booking-info>div .booking-info .booking-info-box {
    display: block;
    padding: 2% 0;
  }

  .booking #content #booking-info>div .booking-info .booking-info-box>dt,
  .booking #content #booking-info>div .booking-info .booking-info-box>dd,
  .pamphlet #content #booking-info>div .booking-info .booking-info-box>dt,
  .pamphlet #content #booking-info>div .booking-info .booking-info-box>dd,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-box>dt,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-box>dd,
  .contact #content #booking-info>div .booking-info .booking-info-box>dt,
  .contact #content #booking-info>div .booking-info .booking-info-box>dd {
    width: 100%;
  }

  .booking #content #booking-info>div .booking-info .booking-info-box>dt br,
  .booking #content #booking-info>div .booking-info .booking-info-box>dd br,
  .pamphlet #content #booking-info>div .booking-info .booking-info-box>dt br,
  .pamphlet #content #booking-info>div .booking-info .booking-info-box>dd br,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-box>dt br,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-box>dd br,
  .contact #content #booking-info>div .booking-info .booking-info-box>dt br,
  .contact #content #booking-info>div .booking-info .booking-info-box>dd br {
    display: none;
  }

  .booking #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd),
  .pamphlet #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd),
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd),
  .contact #content #booking-info>div .booking-info .booking-info-box:nth-of-type(odd) {
    background: none;
  }

  .booking #content #booking-info>div .booking-info .booking-info-table td br,
  .pamphlet #content #booking-info>div .booking-info .booking-info-table td br,
  .onlinecounseling #content #booking-info>div .booking-info .booking-info-table td br,
  .contact #content #booking-info>div .booking-info .booking-info-table td br {
    display: block;
  }
}

.booking #content #onlinecounseling-detail,
.pamphlet #content #onlinecounseling-detail,
.onlinecounseling #content #onlinecounseling-detail,
.contact #content #onlinecounseling-detail {
  width: 1024px;
  margin: 40px auto 0 auto;
}

.booking #content #onlinecounseling-detail>p,
.pamphlet #content #onlinecounseling-detail>p,
.onlinecounseling #content #onlinecounseling-detail>p,
.contact #content #onlinecounseling-detail>p {
  padding-bottom: 40px;
  text-align: center;
}

.booking #content #onlinecounseling-detail #onlinecounseling-detail-sample,
.pamphlet #content #onlinecounseling-detail #onlinecounseling-detail-sample,
.onlinecounseling #content #onlinecounseling-detail #onlinecounseling-detail-sample,
.contact #content #onlinecounseling-detail #onlinecounseling-detail-sample {
  margin-bottom: 40px;
  padding: 40px;
  border: 1px solid #DADADA;
  background: white;
}

.booking #content #onlinecounseling-detail #onlinecounseling-detail-sample>h3,
.pamphlet #content #onlinecounseling-detail #onlinecounseling-detail-sample>h3,
.onlinecounseling #content #onlinecounseling-detail #onlinecounseling-detail-sample>h3,
.contact #content #onlinecounseling-detail #onlinecounseling-detail-sample>h3 {
  padding-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}

.booking #content #onlinecounseling-detail #onlinecounseling-detail-sample>p,
.pamphlet #content #onlinecounseling-detail #onlinecounseling-detail-sample>p,
.onlinecounseling #content #onlinecounseling-detail #onlinecounseling-detail-sample>p,
.contact #content #onlinecounseling-detail #onlinecounseling-detail-sample>p {
  padding-bottom: 20px;
}

.booking #content #onlinecounseling-detail #onlinecounseling-detail-sample>h4,
.pamphlet #content #onlinecounseling-detail #onlinecounseling-detail-sample>h4,
.onlinecounseling #content #onlinecounseling-detail #onlinecounseling-detail-sample>h4,
.contact #content #onlinecounseling-detail #onlinecounseling-detail-sample>h4 {
  padding-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

.booking #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl,
.pamphlet #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl,
.onlinecounseling #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl,
.contact #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl {
  padding-bottom: 20px;
}

.booking #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl>dt,
.pamphlet #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl>dt,
.onlinecounseling #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl>dt,
.contact #content #onlinecounseling-detail #onlinecounseling-detail-sample>div>dl>dt {
  padding-bottom: 10px;
}

@media screen and (max-width: 480px) {

  .booking #content #onlinecounseling-detail,
  .pamphlet #content #onlinecounseling-detail,
  .onlinecounseling #content #onlinecounseling-detail,
  .contact #content #onlinecounseling-detail {
    width: 100%;
    padding: 0 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .booking #content #onlinecounseling-detail #onlinecounseling-detail-sample,
  .pamphlet #content #onlinecounseling-detail #onlinecounseling-detail-sample,
  .onlinecounseling #content #onlinecounseling-detail #onlinecounseling-detail-sample,
  .contact #content #onlinecounseling-detail #onlinecounseling-detail-sample {
    margin-bottom: 0;
    padding: 20px;
  }
}

.booking #content #booking-form,
.booking #content #pamphlet-form,
.booking #content #onlinecounseling-form,
.booking #content #contact-form,
.pamphlet #content #booking-form,
.pamphlet #content #pamphlet-form,
.pamphlet #content #onlinecounseling-form,
.pamphlet #content #contact-form,
.onlinecounseling #content #booking-form,
.onlinecounseling #content #pamphlet-form,
.onlinecounseling #content #onlinecounseling-form,
.onlinecounseling #content #contact-form,
.contact #content #booking-form,
.contact #content #pamphlet-form,
.contact #content #onlinecounseling-form,
.contact #content #contact-form {
  width: 1024px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 80px;
  background: white;
}

.booking #content #booking-form #booking-form-list,
.booking #content #booking-form #pamphlet-form-list,
.booking #content #booking-form #onlinecounseling-form-list,
.booking #content #booking-form #contact-form-list,
.booking #content #pamphlet-form #booking-form-list,
.booking #content #pamphlet-form #pamphlet-form-list,
.booking #content #pamphlet-form #onlinecounseling-form-list,
.booking #content #pamphlet-form #contact-form-list,
.booking #content #onlinecounseling-form #booking-form-list,
.booking #content #onlinecounseling-form #pamphlet-form-list,
.booking #content #onlinecounseling-form #onlinecounseling-form-list,
.booking #content #onlinecounseling-form #contact-form-list,
.booking #content #contact-form #booking-form-list,
.booking #content #contact-form #pamphlet-form-list,
.booking #content #contact-form #onlinecounseling-form-list,
.booking #content #contact-form #contact-form-list,
.pamphlet #content #booking-form #booking-form-list,
.pamphlet #content #booking-form #pamphlet-form-list,
.pamphlet #content #booking-form #onlinecounseling-form-list,
.pamphlet #content #booking-form #contact-form-list,
.pamphlet #content #pamphlet-form #booking-form-list,
.pamphlet #content #pamphlet-form #pamphlet-form-list,
.pamphlet #content #pamphlet-form #onlinecounseling-form-list,
.pamphlet #content #pamphlet-form #contact-form-list,
.pamphlet #content #onlinecounseling-form #booking-form-list,
.pamphlet #content #onlinecounseling-form #pamphlet-form-list,
.pamphlet #content #onlinecounseling-form #onlinecounseling-form-list,
.pamphlet #content #onlinecounseling-form #contact-form-list,
.pamphlet #content #contact-form #booking-form-list,
.pamphlet #content #contact-form #pamphlet-form-list,
.pamphlet #content #contact-form #onlinecounseling-form-list,
.pamphlet #content #contact-form #contact-form-list,
.onlinecounseling #content #booking-form #booking-form-list,
.onlinecounseling #content #booking-form #pamphlet-form-list,
.onlinecounseling #content #booking-form #onlinecounseling-form-list,
.onlinecounseling #content #booking-form #contact-form-list,
.onlinecounseling #content #pamphlet-form #booking-form-list,
.onlinecounseling #content #pamphlet-form #pamphlet-form-list,
.onlinecounseling #content #pamphlet-form #onlinecounseling-form-list,
.onlinecounseling #content #pamphlet-form #contact-form-list,
.onlinecounseling #content #onlinecounseling-form #booking-form-list,
.onlinecounseling #content #onlinecounseling-form #pamphlet-form-list,
.onlinecounseling #content #onlinecounseling-form #onlinecounseling-form-list,
.onlinecounseling #content #onlinecounseling-form #contact-form-list,
.onlinecounseling #content #contact-form #booking-form-list,
.onlinecounseling #content #contact-form #pamphlet-form-list,
.onlinecounseling #content #contact-form #onlinecounseling-form-list,
.onlinecounseling #content #contact-form #contact-form-list,
.contact #content #booking-form #booking-form-list,
.contact #content #booking-form #pamphlet-form-list,
.contact #content #booking-form #onlinecounseling-form-list,
.contact #content #booking-form #contact-form-list,
.contact #content #pamphlet-form #booking-form-list,
.contact #content #pamphlet-form #pamphlet-form-list,
.contact #content #pamphlet-form #onlinecounseling-form-list,
.contact #content #pamphlet-form #contact-form-list,
.contact #content #onlinecounseling-form #booking-form-list,
.contact #content #onlinecounseling-form #pamphlet-form-list,
.contact #content #onlinecounseling-form #onlinecounseling-form-list,
.contact #content #onlinecounseling-form #contact-form-list,
.contact #content #contact-form #booking-form-list,
.contact #content #contact-form #pamphlet-form-list,
.contact #content #contact-form #onlinecounseling-form-list,
.contact #content #contact-form #contact-form-list {
  padding: 40px;
}

@media screen and (max-width: 480px) {

  .booking #content #booking-form,
  .booking #content #pamphlet-form,
  .booking #content #onlinecounseling-form,
  .booking #content #contact-form,
  .pamphlet #content #booking-form,
  .pamphlet #content #pamphlet-form,
  .pamphlet #content #onlinecounseling-form,
  .pamphlet #content #contact-form,
  .onlinecounseling #content #booking-form,
  .onlinecounseling #content #pamphlet-form,
  .onlinecounseling #content #onlinecounseling-form,
  .onlinecounseling #content #contact-form,
  .contact #content #booking-form,
  .contact #content #pamphlet-form,
  .contact #content #onlinecounseling-form,
  .contact #content #contact-form {
    width: 100%;
  }

  .booking #content #booking-form #booking-form-list,
  .booking #content #booking-form #pamphlet-form-list,
  .booking #content #booking-form #onlinecounseling-form-list,
  .booking #content #booking-form #contact-form-list,
  .booking #content #pamphlet-form #booking-form-list,
  .booking #content #pamphlet-form #pamphlet-form-list,
  .booking #content #pamphlet-form #onlinecounseling-form-list,
  .booking #content #pamphlet-form #contact-form-list,
  .booking #content #onlinecounseling-form #booking-form-list,
  .booking #content #onlinecounseling-form #pamphlet-form-list,
  .booking #content #onlinecounseling-form #onlinecounseling-form-list,
  .booking #content #onlinecounseling-form #contact-form-list,
  .booking #content #contact-form #booking-form-list,
  .booking #content #contact-form #pamphlet-form-list,
  .booking #content #contact-form #onlinecounseling-form-list,
  .booking #content #contact-form #contact-form-list,
  .pamphlet #content #booking-form #booking-form-list,
  .pamphlet #content #booking-form #pamphlet-form-list,
  .pamphlet #content #booking-form #onlinecounseling-form-list,
  .pamphlet #content #booking-form #contact-form-list,
  .pamphlet #content #pamphlet-form #booking-form-list,
  .pamphlet #content #pamphlet-form #pamphlet-form-list,
  .pamphlet #content #pamphlet-form #onlinecounseling-form-list,
  .pamphlet #content #pamphlet-form #contact-form-list,
  .pamphlet #content #onlinecounseling-form #booking-form-list,
  .pamphlet #content #onlinecounseling-form #pamphlet-form-list,
  .pamphlet #content #onlinecounseling-form #onlinecounseling-form-list,
  .pamphlet #content #onlinecounseling-form #contact-form-list,
  .pamphlet #content #contact-form #booking-form-list,
  .pamphlet #content #contact-form #pamphlet-form-list,
  .pamphlet #content #contact-form #onlinecounseling-form-list,
  .pamphlet #content #contact-form #contact-form-list,
  .onlinecounseling #content #booking-form #booking-form-list,
  .onlinecounseling #content #booking-form #pamphlet-form-list,
  .onlinecounseling #content #booking-form #onlinecounseling-form-list,
  .onlinecounseling #content #booking-form #contact-form-list,
  .onlinecounseling #content #pamphlet-form #booking-form-list,
  .onlinecounseling #content #pamphlet-form #pamphlet-form-list,
  .onlinecounseling #content #pamphlet-form #onlinecounseling-form-list,
  .onlinecounseling #content #pamphlet-form #contact-form-list,
  .onlinecounseling #content #onlinecounseling-form #booking-form-list,
  .onlinecounseling #content #onlinecounseling-form #pamphlet-form-list,
  .onlinecounseling #content #onlinecounseling-form #onlinecounseling-form-list,
  .onlinecounseling #content #onlinecounseling-form #contact-form-list,
  .onlinecounseling #content #contact-form #booking-form-list,
  .onlinecounseling #content #contact-form #pamphlet-form-list,
  .onlinecounseling #content #contact-form #onlinecounseling-form-list,
  .onlinecounseling #content #contact-form #contact-form-list,
  .contact #content #booking-form #booking-form-list,
  .contact #content #booking-form #pamphlet-form-list,
  .contact #content #booking-form #onlinecounseling-form-list,
  .contact #content #booking-form #contact-form-list,
  .contact #content #pamphlet-form #booking-form-list,
  .contact #content #pamphlet-form #pamphlet-form-list,
  .contact #content #pamphlet-form #onlinecounseling-form-list,
  .contact #content #pamphlet-form #contact-form-list,
  .contact #content #onlinecounseling-form #booking-form-list,
  .contact #content #onlinecounseling-form #pamphlet-form-list,
  .contact #content #onlinecounseling-form #onlinecounseling-form-list,
  .contact #content #onlinecounseling-form #contact-form-list,
  .contact #content #contact-form #booking-form-list,
  .contact #content #contact-form #pamphlet-form-list,
  .contact #content #contact-form #onlinecounseling-form-list,
  .contact #content #contact-form #contact-form-list {
    padding: 20px;
  }
}

/*==============================
植毛のリスクと副作用につて（sideeffect）
==============================*/
.sideeffect #sideeffect-detail {
  padding: 60px 0;
}

.sideeffect #sideeffect-detail>div {
  width: 700px;
  margin: 0 auto;
}

.sideeffect #sideeffect-detail>div .sideeffect-detail-box {
  margin-bottom: 30px;
  border: 2px solid #274B7A;
}

.sideeffect #sideeffect-detail>div .sideeffect-detail-box>dt {
  padding: 15px 0;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: white;
  background: #274B7A;
}

.sideeffect #sideeffect-detail>div .sideeffect-detail-box>dd {
  padding: 20px 30px;
  background: white;
}

.sideeffect #sideeffect-detail>div .sideeffect-detail-box:last-child {
  margin-bottom: 0;
}

.sideeffect #sideeffect-calculation {
  padding: 60px 0;
  text-align: center;
  background: #F1EEE6;
}

.sideeffect #sideeffect-calculation>div {
  width: 960px;
  margin: 0 auto;
}

.sideeffect #sideeffect-calculation>div .discount-list .discount-list-box {
  width: 32%;
  height: 140px;
}

.sideeffect #sideeffect-calculation>div .discount-list .discount-list-box>dt {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.sideeffect #sideeffect-calculation>div .discount-list .discount-list-box>dd>span {
  margin-top: 8px;
  font-weight: bold;
  color: #BE212A;
  font-size: 22px;
  font-size: 2.2rem;
}

.sideeffect #sideeffect-calculation>div .discount-list .discount-list-box>dd>span>span {
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
}

.sideeffect #sideeffect-calculation>div .discount-list .discount-list-box01::after {
  content: "+";
}

.sideeffect #sideeffect-calculation>div .discount-list .discount-list-box02::after {
  content: "OR";
  padding-top: 10px;
  height: 28px;
  font-size: 16px;
  font-size: 1.6rem;
}

.sideeffect #sideeffect-calculation>div>p {
  padding-top: 40px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'ipamin';
  line-height: 36px;
  letter-spacing: 0.1em;
}

/*==============================
プライバシーポリシー（privacy-policy）
==============================*/
.privacy #content {
  background: #F2F2F2;
}

.privacy #content #privacy-intro {
  width: 1024px;
  margin: 0 auto;
}

.privacy #content #privacy-list {
  width: 960px;
  margin: 0 auto;
}

.privacy #content #privacy-list>dl {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #DADADA;
}

.privacy #content #privacy-list>dl>dt {
  padding-bottom: 20px;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 30px;
  color: #274B7A;
}

.privacy #content #privacy-list>dl>dt>span {
  padding-right: 5px;
}

.privacy #content #privacy-list #privacy-list1 {
  border-top: none;
}

@media screen and (max-width: 1024px) {
  .privacy #content #privacy-list {
    width: 100%;
    padding: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .privacy #content #privacy-list #privacy-list1 {
    padding-top: 0;
  }
}

/*==============================
スタッフインタビュー - インデックス
==============================*/
.interview #content .page-index-list>li>a>img {
  width: 100%;
  height: auto;
}

.interview #content .page-index-list>li>a>dl {
  padding: 20px 30px !important;
}

.interview #content .page-index-list>li>a>dl>dt>span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #737373;
}

.interview #content .page-index-list>li>a>dl>dd>p::after {
  content: "...";
}

/*==============================
スタッフインタビュー
==============================*/
#interview-articles {
  padding-top: 100px;
}

#interview-articles .slide-articles-list-items {
  height: 500px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#interview-articles .slide-articles-list-items>a {
  overflow: hidden;
  height: 100%;
  padding: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-pic {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-pic>div {
  width: 100%;
  height: 100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-pic>div>img {
  display: block;
  position: absolute;
  left: 45%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-pic .slide-articles-list-items-pic-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  color: white;
  background: #274B7A;
  z-index: 2;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-content {
  position: relative;
  height: 160px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-content>dl {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 20px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-content>dl>dt {
  text-align: left;
  font-family: 'ipamin';
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.1em;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-content>dl>dt:after {
  display: none;
}

#interview-articles .slide-articles-list-items>a .slide-articles-list-items-content>dl>dd {
  padding-top: 5px;
}

#interview-articles .slide-articles-list-items>a:hover .slide-articles-list-items-pic>div {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.interview #content .page-index-list>li>a>img {
  width: 100%;
  height: auto;
}

.interview #content .page-index-list>li>a>dl {
  padding: 20px 30px !important;
}

.interview #content .page-index-list>li>a>dl>dt>span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #737373;
}

.interview #content .page-index-list>li>a>dl>dd>p::after {
  content: "...";
}

.interview #content #interview-article-intro {
  height: 420px;
  margin-bottom: 90px;
}

.interview #content #interview-article-intro>figure {
  display: none;
}

.interview #content #interview-article-intro>div {
  position: relative;
  width: 1024px;
  height: 100%;
  margin: 0 auto;
}

.interview #content #interview-article-intro>div>div {
  position: absolute;
  left: 30px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.interview #content #interview-article-intro>div>div>h2 {
  margin-bottom: 40px;
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 54px;
  letter-spacing: 0.05em;
  color: #274B7A;
}

.interview #content #interview-article-intro>div>div>dl {
  padding-bottom: 5px;
  letter-spacing: 0.1em;
  font-family: 'ipamin';
}

.interview #content #interview-article-intro>div>div>dl>dt {
  padding-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}

.interview #content #interview-article-intro>div>div>dl>dd {
  display: inline-block;
  padding-bottom: 7px;
  font-size: 30px;
  font-size: 3rem;
  border-bottom: 1px solid #737373;
}

.interview #content #interview-article-intro>div>div>dl>dd::after {
  content: attr(data-name) "";
  display: inline-block;
  padding-left: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Josefin Sans", sans-serif;
}

@media screen and (max-width: 1024px) {
  .interview #content #interview-article-intro {
    /* #interview-article-intro */
  }

  .interview #content #interview-article-intro>div {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .interview #content #interview-article-intro {
    /* #interview-article-intro */
    background: none !important;
    height: auto;
  }

  .interview #content #interview-article-intro>figure {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
  }

  .interview #content #interview-article-intro>figure>img {
    width: 100%;
    height: auto;
  }

  .interview #content #interview-article-intro>div>div {
    display: block;
    position: static;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .interview #content #interview-article-intro>div>div>h2 {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    line-height: 36px;
  }

  .interview #content #interview-article-intro>div>div>dl {
    margin-top: 40px;
    text-align: center;
  }

  .interview #content #interview-article-intro>div>div>dl>dt {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .interview #content #interview-article-intro>div>div>dl>dd {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.interview #content #interview-article-block>div {
  width: 960px;
  margin: 0 auto 90px;
}

.interview #content #interview-article-block>div>div>h3 {
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  letter-spacing: 0.07em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #274B7A;
}

.interview #content #interview-article-block .interview-article-block-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.interview #content #interview-article-block .interview-article-block-image>div,
.interview #content #interview-article-block .interview-article-block-image>figure {
  width: 50%;
}

.interview #content #interview-article-block .interview-article-block-image>figure {
  position: relative;
  height: 380px;
  overflow: hidden;
}

.interview #content #interview-article-block .interview-article-block-image>figure>img {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

.interview #content #interview-article-block .interview-article-block-left>div {
  padding-right: 40px;
}

.interview #content #interview-article-block .interview-article-block-right>div {
  padding-left: 40px;
}

.interview #content #interview-article-block .interview-article-block-noimage {
  width: 800px;
}

@media screen and (max-width: 680px) {
  .interview #content #interview-article-block .interview-article-block-image {
    position: relative;
    display: block;
    width: 100%;
  }

  .interview #content #interview-article-block .interview-article-block-image>div,
  .interview #content #interview-article-block .interview-article-block-image>figure {
    display: block;
    width: 100%;
  }

  .interview #content #interview-article-block .interview-article-block-image>div {
    padding-top: 400px;
  }

  .interview #content #interview-article-block .interview-article-block-image>div>h3 {
    text-align: center;
  }

  .interview #content #interview-article-block .interview-article-block-image>figure {
    position: absolute;
    left: 50%;
    top: 0;
    width: 90%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .interview #content #interview-article-block .interview-article-block-left>div {
    padding-right: 0;
  }

  .interview #content #interview-article-block .interview-article-block-right>div {
    padding-left: 0;
  }
}

.interview-hosokawa #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_hosokawa.jpg) no-repeat center center;
}

.interview-mochizuki #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_mochizuki.jpg) no-repeat center center;
}

.interview-kawahara #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_kawahara.jpg) no-repeat center center;
}

.interview-kinoshita #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_kinoshita.jpg) no-repeat center center;
}

.interview-kyodo #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_kyodo.jpg) no-repeat center center;
}

.interview-yamamoto #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_yamamoto.jpg) no-repeat center center;
}

.interview-toyama #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_toyama.jpg) no-repeat center center;
}

.interview-abe #content #interview-article-intro {
  background: #F1EEE6 url(../images/page_interview_intro_bg_abe.jpg) no-repeat center center;
}

/*==============================
メディカルクレジット
==============================*/
.credit .page-intro>p {
  margin-top: 30px;
  text-align: center;
}

.credit #credit-intro {
  padding-top: 80px;
  overflow: hidden;
}

.credit #credit-intro>h4 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}

.credit #credit-intro>h4 .sp-linefeed {
  display: none;
}

.credit #credit-intro>h4>span {
  font-size: 42px;
  font-size: 4.2rem;
}

.credit #credit-intro .credit-intro-detail {
  width: 900px;
  margin: 0 auto;
  padding: 60px 0;
}

.credit #credit-intro .credit-intro-detail>p {
  position: relative;
  display: block;
  width: 60%;
  margin: 0 auto 60px;
  padding: 5px 0;
  color: white;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  background: #274B7A;
}

.credit #credit-intro .credit-intro-detail>p::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #274B7A;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 70px 0;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-box {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  height: auto;
  padding: 30px 0;
  border: 2px solid black;
  text-align: center;
  background: #f0f0f0;
  z-index: 1;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-box::before {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  width: 100%;
  height: 100%;
  border: 2px solid black;
  z-index: -1;
  background: #f0f0f0;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-box>dt {
  position: absolute;
  left: 50%;
  top: -18px;
  display: block;
  width: 100%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 20px;
  font-weight: bold;
  z-index: 2;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-box>dt>span {
  padding: 0 20px;
  background: #f0f0f0;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-box>dd {
  font-family: 'ipamin';
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-normal {
  width: 45%;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-normal>dt {
  font-size: 16px;
  font-size: 1.6rem;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-normal>dd {
  font-size: 22px;
  font-size: 2.2rem;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-normal>dd>span {
  font-size: 40px;
  font-size: 4rem;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-normal::after {
  content: url(../images/page_fee_credit_intro_arrow.svg);
  display: block;
  position: absolute;
  right: -60px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-loan {
  width: 55%;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-loan>dt {
  font-size: 18px;
  font-size: 1.8rem;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-loan>dt>span>span {
  color: #BE212A;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-loan>dt>span>span>span {
  font-size: 26px;
  font-size: 2.6rem;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-loan>dd {
  font-size: 26px;
  font-size: 2.6rem;
}

.credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-loan>dd>span {
  font-size: 54px;
  font-size: 5.4rem;
}

.credit #credit-intro .attention {
  max-width: 920px;
  margin: 0 auto 60px;
  padding: 0 20px;
  border-bottom: 1px solid #DADADA;
}

.credit #credit-intro .attention>dt {
  position: relative;
  text-align: center;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'ipamin';
  letter-spacing: 0.1em;
  z-index: 0;
}

.credit #credit-intro .attention>dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #DADADA;
  z-index: -1;
}

.credit #credit-intro .attention>dt>span {
  display: block;
  width: 160px;
  margin: 0 auto;
  padding-top: 10px;
  background: #F2F2F2;
  z-index: 2;
}

.credit #credit-intro .attention>dt>span::after {
  content: attr(data-title) "";
  display: block;
  width: auto;
  font-family: "Josefin Sans", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 36px;
}

.credit #credit-intro .attention>dd {
  padding: 0 20px 20px;
}

.credit #credit-intro .credit-intro-end {
  position: relative;
  width: 100%;
  height: 350px;
  background: #F2D6B4 url(../images/page_fee_credit_intro_end_bg.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.credit #credit-intro .credit-intro-end>div {
  display: table;
  position: absolute;
  left: 50%;
  bottom: 0;
  max-width: 960px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.credit #credit-intro .credit-intro-end>div>p,
.credit #credit-intro .credit-intro-end>div>figure {
  display: table-cell;
  vertical-align: middle;
}

.credit #credit-intro .credit-intro-end>div>p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 42px;
  padding-top: 5%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.credit #credit-intro .credit-intro-end>div>p .sp-linefeed {
  display: none;
}

.credit #credit-intro .credit-intro-end>div>figure>img {
  width: auto;
  height: 100%;
}

@media screen and (max-width: 680px) {
  .credit #credit-intro>h4 {
    line-height: 42px;
  }

  .credit #credit-intro>h4 .sp-linefeed {
    display: block;
  }

  .credit #credit-intro .credit-intro-detail {
    width: 100%;
  }

  .credit #credit-intro .credit-intro-detail>p {
    width: 100%;
  }

  .credit #credit-intro .credit-intro-detail .credit-intro-detail-content {
    display: block;
  }

  .credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-box {
    display: block;
    width: 100% !important;
  }

  .credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-normal {
    margin-bottom: 120px;
  }

  .credit #credit-intro .credit-intro-detail .credit-intro-detail-content .credit-intro-detail-content-normal::after {
    content: url(../images/page_fee_credit_intro_arrow.svg);
    display: block;
    position: absolute;
    left: -60px;
    top: 120%;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .credit #credit-intro .credit-intro-end {
    position: static;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .credit #credit-intro .credit-intro-end>div {
    display: block;
    position: static;
    left: static;
    bottom: static;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .credit #credit-intro .credit-intro-end>div>p {
    display: block;
    width: 100%;
    padding-top: 0;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    font-size: 1.8rem;
  }

  .credit #credit-intro .credit-intro-end>div>p .sp-linefeed {
    display: block;
  }

  .credit #credit-intro .credit-intro-end>div>figure {
    display: none;
  }
}

.credit #credit-example {
  background: white;
  padding-top: 80px;
}

.credit #credit-example>h3 .sp-linefeed {
  display: none;
}

.credit #credit-example .credit-example-person {
  width: 100%;
  height: 640px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.credit #credit-example .credit-example-person .credit-example-person-inner {
  max-width: 960px;
  height: 100%;
  margin: 0 auto;
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div {
  display: table;
  width: 100%;
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left,
.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right {
  display: table-cell;
  vertical-align: top;
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left {
  position: relative;
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>figure {
  padding-top: 30px;
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>div {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right>p {
  margin: 40px 0 20px;
  padding-bottom: 10px;
  font-family: 'ipamin';
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 0.1em;
  color: white;
  border-bottom: 1px solid white;
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right>p>span {
  margin-left: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}

.credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right>figure>img {
  width: 100%;
  height: auto;
}

.credit #credit-example #credit-example-person-takahashi {
  background: #5c84aa url(../images/page_fee_credit_example_takahashi_bg.png) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.credit #credit-example #credit-example-person-kimura {
  background: #2d5e8e url(../images/page_fee_credit_example_kimura_bg.png) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.credit #credit-example .credit-example-attention {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 20px;
}

@media screen and (max-width: 1024px) {
  .credit #credit-example .credit-example-person {
    height: auto;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div {
    position: relative;
    display: block;
    padding-top: 50px;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left,
  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right {
    display: block;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left {
    position: relative;
    width: 100%;
    height: 400px;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>figure {
    text-align: center;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>figure>img {
    margin: 10% 0 0 -100px;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>div {
    position: absolute;
    left: 60% !important;
    top: 30%;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>div>figure>img {
    width: 100%;
    height: auto;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right>p {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right>p>span {
    display: block;
    margin-left: 0;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right>figure {
    position: relative;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-right>figure>img {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 680px) {
  .credit #credit-example>h3 .sp-linefeed {
    display: block;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>figure {
    text-align: left;
  }

  .credit #credit-example .credit-example-person .credit-example-person-inner>div .credit-example-person-left>div {
    position: absolute;
    left: 35% !important;
  }

  .credit #credit-example #credit-example-person-kimura .credit-example-person-inner>div .credit-example-person-left>figure>img {
    margin-left: -120px;
  }
}

.credit #credit-comparison {
  max-width: 960px;
  margin: 0 auto;
}

.credit #credit-comparison>div {
  padding: 80px 0;
}

.credit #credit-comparison>div>h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 42px;
  color: #274B7A;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}

.credit #credit-comparison>div>h4>br {
  display: none;
}

.credit #credit-comparison>div>p {
  padding: 40px 0;
  text-align: center;
}

.credit #credit-comparison>div .credit-comparison-table .comparison-type-medicine,
.credit #credit-comparison>div .credit-comparison-table .comparison-type-implantation {
  width: 50% !important;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-types .credit-comparison-table-type {
  position: relative;
  padding: 12px 0;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: white;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-type.comparison-type-medicine {
  background: #274B7A;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-type.comparison-type-medicine::before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
  content: url(../images/page_fee_credit_comparison_icon_medicine.svg);
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-type.comparison-type-medicine::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #274B7A;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-type.comparison-type-implantation {
  background: #287180;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-type.comparison-type-implantation::before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
  content: url(../images/page_fee_credit_comparison_icon_implantation.svg);
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-type.comparison-type-implantation::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #287180;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-title {
  padding: 0 15px;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.2;
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: #0F1D3A;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-text {
  padding: 20px;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: white;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-text .credit-comparison-table-text-price {
  display: block;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  font-family: 'ipamin';
  font-size: 24px;
  font-size: 2.4rem;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-text .credit-comparison-table-text-price>span {
  font-size: 42px;
  font-size: 4.2rem;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-cost .credit-comparison-table-text {
  padding-top: 30px;
  vertical-align: top;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-cost .comparison-type-medicine {
  background: rgba(39, 75, 122, 0.2);
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-cost .comparison-type-medicine .credit-comparison-table-text-price {
  color: #274B7A;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-cost .comparison-type-implantation {
  background: rgba(40, 113, 128, 0.2);
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-cost .comparison-type-implantation .credit-comparison-table-text-price {
  color: #287180;
}

.credit #credit-comparison>div .credit-comparison-table .credit-comparison-table-classification .credit-comparison-table-text {
  text-align: center;
  font-weight: bold;
}

.credit #credit-comparison>div .credit-comparison-table-sp {
  display: none;
}

@media screen and (max-width: 680px) {
  .credit #credit-comparison>div>h4>br {
    display: block;
  }

  .credit #credit-comparison>div .credit-comparison-table {
    display: none;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp {
    display: block;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block {
    background: white;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block>dt {
    position: relative;
    margin-bottom: 10px;
    padding: 15px 0;
    color: white;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block>dt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border: 12px solid transparent;
    border-top: 12px solid red;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block .credit-comparison-table-sp-block-contents {
    padding: 20px;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block .credit-comparison-table-sp-block-contents>dl>dt {
    padding: 5px 0;
    text-align: center;
    color: white;
    background: #0F1D3A;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block .credit-comparison-table-sp-block-contents>dl>dd {
    margin: 15px 0 20px;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block .credit-comparison-table-sp-block-contents>dl>dd:nth-child(2) {
    padding: 20px 10px;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block .credit-comparison-table-sp-block-contents>dl>dd:nth-child(2)>span {
    display: block;
    margin-bottom: 15px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'ipamin';
    font-weight: bold;
    text-align: center;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block .credit-comparison-table-sp-block-contents>dl>dd:nth-child(2)>span>span {
    font-size: 36px;
    font-size: 3.6rem;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .credit-comparison-table-sp-block .credit-comparison-table-sp-block-contents>dl>dd:nth-child(4) {
    font-weight: bold;
    text-align: center;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-medicine {
    margin-bottom: 30px;
    border: 1px solid #274B7A;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-medicine>dt {
    background: #274B7A;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-medicine>dt::before {
    display: inline-block;
    vertical-align: middle;
    content: url(../images/page_fee_credit_comparison_icon_medicine.svg);
    margin-right: 10px;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-medicine>dt::after {
    border-top: 12px solid #274B7A;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-medicine .credit-comparison-table-sp-block-contents>dl>dd:nth-child(2) {
    background: rgba(39, 75, 122, 0.2);
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-medicine .credit-comparison-table-sp-block-contents>dl>dd:nth-child(2)>span {
    color: #274B7A;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-implantation {
    border: 1px solid #287180;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-implantation>dt {
    background: #287180;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-implantation>dt::before {
    display: inline-block;
    vertical-align: middle;
    content: url(../images/page_fee_credit_comparison_icon_implantation.svg);
    margin-right: 10px;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-implantation>dt::after {
    border-top: 12px solid #287180;
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-implantation .credit-comparison-table-sp-block-contents>dl>dd:nth-child(2) {
    background: rgba(40, 113, 128, 0.2);
  }

  .credit #credit-comparison>div .credit-comparison-table-sp .comparison-type-implantation .credit-comparison-table-sp-block-contents>dl>dd:nth-child(2)>span {
    color: #287180;
  }
}

.credit #credit-outro {
  padding: 80px 0;
  color: white;
  background: #274B7A url(../images/page_fee_credit_outro_bg.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.credit #credit-outro>div {
  overflow: hidden;
  *zoom: 1;
  max-width: 960px;
  margin: 0 auto;
}

.credit #credit-outro>div>div {
  float: right;
  width: 50%;
}

.credit #credit-outro>div>div>h3 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 42px;
}

.credit #credit-outro>div>div>p {
  padding-top: 20px;
}

@media screen and (max-width: 680px) {
  .credit #credit-outro>div {
    width: 100%;
  }

  .credit #credit-outro>div>div {
    float: none;
    width: 100%;
  }

  .credit #credit-outro>div>div>h3 {
    text-align: center;
  }
}

/*==============================
404 PAGE NOT FOUND
==============================*/
.pagenotfound #content #pagenotfound-content {
  width: 1024px;
  height: 500px;
  margin: 0 auto;
}

.pagenotfound #content #pagenotfound-content>div {
  padding: 80px 40px;
  text-align: center;
}

.pagenotfound #content #pagenotfound-content>div>h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #464646;
}

.pagenotfound #content #pagenotfound-content>div>p {
  padding: 40px 0;
}

.pagenotfound #content #pagenotfound-content>div>div {
  width: 500px;
  margin: 0 auto;
}

/*==============================
202212 info
==============================*/
.info_202212 {
  width: 100%;
  margin-top: 100px;
}

.info_202212>div {
  width: 90%;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.info_202212>div img {
  width: 100%;
  height: auto;
}
.cpbanner_img{
width:100%;
max-width:560px;
display:block;
box-sizing:border-box;
background-color:#FFFFFF;
border:solid 2px #004A7C;
margin: 20px auto;
}
.cpbanner{
width:100%;
max-width:720px;
display:block;
box-sizing:border-box;
background-color:#FFFFFF;
border:solid 2px #004A7C;
margin: 20px auto;
}
.cpbanner dt{
    padding:10px;
    text-align:center;
    margin:0%;
background-color: #004A7C;
font-size:150%;
}
.cpbanner dd{
    color:#004A7C;
    margin:0%;
    padding:7px;
    font-size:120%;
}



@media screen and (max-width: 680px) {
  .info_202212 {
    margin-top: 5%;
  }

  .pagenotfound #content #pagenotfound-content>div>div {
    width: 100%;
  }
}