@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
.bg-gray {
  background-color: #f4f4f4;
}

.color_error {
  color: red;
}

.color_primary {
  color: #4FB5DD;
}

.color_white {
  color: #fff;
}

.color_orenge {
  color: #EC8F4F;
}

.font_family_g {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Meiryo UI", "メイリオ", Meiryo, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
}

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

.font_family_l {
  font-family: "Lora", serif;
}

.font_family_p {
  font-family: "Parisienne", cursive;
}

/* size */
.font_size_xsmall {
  font-size: 60%;
}

.font_size_small {
  font-size: 80%;
}

.font_size_normal {
  font-size: 100%;
}

.font_size_large {
  font-size: 120%;
}

.font_size_xlarge {
  font-size: 140%;
}

/* weight */
.font_weight_b {
  font-weight: bold;
}

.lh-small {
  line-height: 1.2;
}

.ant {
  transition: all 0.3s ease;
  color: #474756;
}
.ant {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .ant {
    font-size: calc(10px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .ant {
    font-size: 12px;
  }
}

.mt_none {
  margin-top: 0;
}

.mr_none {
  margin-right: 0;
}

.mb_none {
  margin-bottom: 0;
}

.ml_none {
  margin-left: 0;
}

.pt_none {
  padding-top: 0;
}

.pr_none {
  padding-right: 0;
}

.pb_none {
  padding-bottom: 0;
}

.pl_none {
  padding-left: 0;
}

.p_none {
  padding: 0;
}

.pt_none_important {
  padding-top: 0 !important;
}

.mt_xsmall {
  margin-top: 1rem;
}

.mr_xsmall {
  margin-right: 1rem;
}

.mb_xsmall {
  margin-bottom: 1rem;
}

.ml_xsmall {
  margin-left: 1rem;
}

.pt_xsmall {
  padding-top: 1rem;
}

.pr_xsmall {
  padding-right: 1rem;
}

.pb_xsmall {
  padding-bottom: 1rem;
}

.pl_xsmall {
  padding-left: 1rem;
}

.p_xsmall {
  padding: 1rem;
}

.pt_xsmall_important {
  padding-top: 1rem !important;
}

.mt_small {
  margin-top: 2.5rem;
}

.mr_small {
  margin-right: 2.5rem;
}

.mb_small {
  margin-bottom: 2.5rem;
}

.ml_small {
  margin-left: 2.5rem;
}

.pt_small {
  padding-top: 2.5rem;
}

.pr_small {
  padding-right: 2.5rem;
}

.pb_small {
  padding-bottom: 2.5rem;
}

.pl_small {
  padding-left: 2.5rem;
}

.p_small {
  padding: 2.5rem;
}

.pt_small_important {
  padding-top: 2.5rem !important;
}

.mt_normal {
  margin-top: 3rem;
}

.mr_normal {
  margin-right: 3rem;
}

.mb_normal {
  margin-bottom: 3rem;
}

.ml_normal {
  margin-left: 3rem;
}

.pt_normal {
  padding-top: 3rem;
}

.pr_normal {
  padding-right: 3rem;
}

.pb_normal {
  padding-bottom: 3rem;
}

.pl_normal {
  padding-left: 3rem;
}

.p_normal {
  padding: 3rem;
}

.pt_normal_important {
  padding-top: 3rem !important;
}

.mt_large {
  margin-top: 5rem;
}

.mr_large {
  margin-right: 5rem;
}

.mb_large {
  margin-bottom: 5rem;
}

.ml_large {
  margin-left: 5rem;
}

.pt_large {
  padding-top: 5rem;
}

.pr_large {
  padding-right: 5rem;
}

.pb_large {
  padding-bottom: 5rem;
}

.pl_large {
  padding-left: 5rem;
}

.p_large {
  padding: 5rem;
}

.pt_large_important {
  padding-top: 5rem !important;
}

.mt_xlarge {
  margin-top: 10rem;
}

.mr_xlarge {
  margin-right: 10rem;
}

.mb_xlarge {
  margin-bottom: 10rem;
}

.ml_xlarge {
  margin-left: 10rem;
}

.pt_xlarge {
  padding-top: 10rem;
}

.pr_xlarge {
  padding-right: 10rem;
}

.pb_xlarge {
  padding-bottom: 10rem;
}

.pl_xlarge {
  padding-left: 10rem;
}

.p_xlarge {
  padding: 10rem;
}

.pt_xlarge_important {
  padding-top: 10rem !important;
}

.mt_auto {
  margin-top: auto;
}

.mr_auto {
  margin-right: auto;
}

.mb_auto {
  margin-bottom: auto;
}

.ml_auto {
  margin-left: auto;
}

.pt_auto {
  padding-top: auto;
}

.pr_auto {
  padding-right: auto;
}

.pb_auto {
  padding-bottom: auto;
}

.pl_auto {
  padding-left: auto;
}

.p_auto {
  padding: auto;
}

.pt_auto_important {
  padding-top: auto !important;
}

@media only screen and (max-width: 750px ) {
  .mb_normal {
    margin-bottom: 2em;
  }
  .mb_large {
    margin-bottom: 10vw;
  }
  .p_normal {
    padding: 2rem;
  }
}
.w_100p {
  width: 100%;
}

.w_50p {
  width: 50%;
}

.w_33p {
  width: 33.3333333333%;
}

.w_25p {
  width: 25%;
}

.w_20p {
  width: 20%;
}

.w_auto {
  width: auto;
}

@media only screen and (max-width: 750px ) {
  .spn_w100p {
    width: 100%;
  }
}

.pc_w50p {
  max-width: 50%;
}
@media only screen and (max-width: 750px ) {
  .pc_w50p {
    max-width: 100%;
  }
}

.max80 {
  max-width: 80%;
}

.w_min200 {
  min-width: 200px;
}

.w_min300 {
  min-width: 300px;
}

.w_min400 {
  min-width: 400px;
}

/*
OZ RESET CSS
Author: ONZE
Author URI: http://on-ze.com
Version: 1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  box-sizing: border-box;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline;
}

html {
  position: relative;
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

body {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  text-align: center;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}

main {
  width: 100%;
}

address {
  font-style: normal;
}

article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

br,
hr {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

input,
select {
  vertical-align: middle;
  opacity: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

html {
  position: relative;
}

body {
  position: relative;
  line-height: 1.8;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Meiryo UI", "メイリオ", Meiryo, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
  text-align: left;
  letter-spacing: 0.025rem;
  word-wrap: break-word;
  font-weight: 400;
  color: #5A5657;
  transition: all 0.3s ease;
}
body {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  body {
    font-size: calc(14px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  body {
    font-size: 16px;
  }
}

main {
  overflow: hidden;
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  main {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  main {
    max-width: 100%;
    min-width: 100%;
  }
}

img {
  vertical-align: bottom;
  max-width: 100%;
  border: 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 750px ) {
  img {
    width: 100%;
    height: auto;
  }
}

a {
  color: #5A5657;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  transition: all 0.2s ease;
}
._re {
  color: #4FB5DD;
  text-decoration: none;
}
._re:hover {
  text-decoration: underline;
}

p {
  line-height: 2;
  font-size: 16px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  p {
    line-height: 1.95;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 750px ) {
  p {
    line-height: 1.95;
    font-size: 1.4rem;
  }
}

.l-img {
  overflow: hidden;
}

a:hover .l-img img {
  transform: scale(1.05);
}

button {
  cursor: pointer;
}
button:hover {
  opacity: 0.85;
}

.low-header {
  padding: 70px 0 0;
}

/* 01.float
-----------------------*/
.float_l {
  float: left !important;
}

.float_r {
  float: right !important;
}

.clear_l {
  clear: left !important;
}

.clear_r {
  clear: right !important;
}

.clear_b {
  clear: both !important;
}

/* 02.text-align
-----------------------*/
.text_l {
  text-align: left !important;
}

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

.text_c {
  text-align: center !important;
}

.text_t {
  vertical-align: top !important;
}

.text_m {
  vertical-align: middle !important;
}

.text_b {
  vertical-align: bottom !important;
}

.spn_only {
  display: none;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .spn_only {
    display: block;
  }
}
@media only screen and (max-width: 750px ) {
  .spn_only {
    display: block;
  }
}

.spn_only_must {
  display: none;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .spn_only_must {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .spn_only_must {
    display: block;
  }
}

.pc_only {
  display: block;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .pc_only {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .pc_only {
    display: none;
  }
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .tab_delete {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .tab_delete {
    display: block;
  }
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .pctab_only {
    display: block;
  }
}
@media only screen and (max-width: 750px ) {
  .pctab_only {
    display: none;
  }
}

@media only screen and (min-width: 1026px ) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.border_b {
  border-bottom: solid 1px #ddd !important;
}

.border_all {
  border: solid 1px #ddd !important;
}

.m_auto {
  margin-left: auto;
  margin-right: auto;
}

.position_r {
  position: relative;
}

.li-style-dot {
  list-style-type: disc;
  margin-left: 20px;
}

.no_txt_deco {
  text-decoration: none !important;
}

.color_re {
  color: #fff;
}

.d-block {
  display: block;
}

.font_b {
  font-weight: bold;
}

.font_n {
  font-weight: normal !important;
}

.font_under_line {
  text-decoration: underline;
  -webkit-text-decoration-color: #000;
  text-decoration-color: #000;
}

.font_red {
  color: #D93A3E;
}

.font_org {
  color: #EC8F4F;
}

.font_blk {
  color: #000;
}

.font_blue {
  color: #0098D7;
}

.shadow-b-thin {
  box-shadow: 0px 0px 10px 5px rgba(200, 200, 200, 0.3);
}

.shadow-b_mid {
  box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.3);
}

.pc_mb_small {
  margin-bottom: 30px;
}
@media only screen and (max-width: 750px ) {
  .pc_mb_small {
    margin-bottom: 0;
  }
}

.u_line {
  text-decoration: underline;
}

.w100p {
  width: 100% !important;
}

@media only screen and (max-width: 750px ) {
  .w100p_sp {
    width: 100% !important;
  }
}

.basic-list-ml {
  margin-left: -5px;
  padding-left: 0;
}

.hr-line {
  display: block;
  width: 100%;
  height: 5px;
  background-color: #e9e9e9;
  margin: 5vw auto;
}
@media only screen and (max-width: 750px ) {
  .hr-line {
    margin: 7vw auto;
  }
}

.pt_0 {
  padding-top: 0 !important;
}

.text_c_sp_left {
  text-align: center;
}
@media only screen and (max-width: 750px ) {
  .text_c_sp_left {
    text-align: left;
  }
}

.link-efect {
  color: #4FB5DD;
  text-decoration: underline;
}

.ai_center {
  align-items: center;
}

.l-wysiwyg p {
  margin-bottom: 6px;
}
.l-wysiwyg strong, .l-wysiwyg b {
  font-weight: 700;
}
.l-wysiwyg em {
  font-style: italic;
  font-family: "游ゴシック", "Yu Gothic";
}
.l-wysiwyg s, .l-wysiwyg strike {
  text-decoration: line-through;
}
.l-wysiwyg table {
  width: 100%;
  overflow: scroll;
}
@media only screen and (max-width: 750px ) {
  .l-wysiwyg table {
    border-top: solid 1px #474756;
  }
}
.l-wysiwyg table th, .l-wysiwyg table td {
  padding: 20px;
  border: solid 1px #474756;
  vertical-align: top;
  transition: all 0.3s ease;
}
.l-wysiwyg table th a, .l-wysiwyg table td a {
  color: #4FB5DD;
}
.l-wysiwyg table th, .l-wysiwyg table td {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .l-wysiwyg table th, .l-wysiwyg table td {
    font-size: calc(10px + strip-unit(4px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .l-wysiwyg table th, .l-wysiwyg table td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-wysiwyg table th, .l-wysiwyg table td {
    padding: 12px;
    border-top: none;
  }
}
.l-wysiwyg table th {
  background-color: #f4f4f4;
  width: 35%;
}
.l-wysiwyg hr {
  display: block;
  width: 100%;
  border-bottom: solid 1px #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
.l-wysiwyg h2 {
  position: relative;
  margin-bottom: 32px;
  color: #4FB5DD;
  transition: all 0.3s ease;
}
.l-wysiwyg h2 {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .l-wysiwyg h2 {
    font-size: calc(24px + strip-unit(6px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .l-wysiwyg h2 {
    font-size: 30px;
  }
}
.l-wysiwyg h2:after {
  content: "";
  display: block;
  margin-top: 10px;
  width: 100%;
  height: 2px;
  background: #0567b5; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0567b5 0%, #207cca 20%, #0567b5 20%, #dddddd 20%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0567b5", endColorstr="#dddddd",GradientType=1 ); /* IE6-9 */
}
.l-wysiwyg h3 {
  font-weight: 700;
  transition: all 0.3s ease;
  padding-bottom: 0.2em;
  margin-bottom: 2rem;
  padding-left: 20px;
  border-left: solid 2px #4FB5DD;
}
.l-wysiwyg h3 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .l-wysiwyg h3 {
    font-size: calc(14px + strip-unit(4px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .l-wysiwyg h3 {
    font-size: 18px;
  }
}
.l-wysiwyg h4 {
  font-weight: 700;
  margin-bottom: 1.2em;
  line-height: 1.6;
  transition: all 0.3s ease;
}
.l-wysiwyg h4 {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .l-wysiwyg h4 {
    font-size: calc(20px + strip-unit(4px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .l-wysiwyg h4 {
    font-size: 24px;
  }
}
.l-wysiwyg img {
  margin-top: 30px;
  margin-bottom: 30px;
}

.l-section {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-section {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-section {
    max-width: 100%;
    min-width: 100%;
  }
}

.l-block {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 750px ) {
  .l-block {
    padding-bottom: 10rem;
  }
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-block-sp {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-block-sp {
    padding: 0px 20px;
  }
}

.l-flex {
  display: flex;
  width: 100%;
}
.l-flex.m_auto {
  justify-content: center;
}

.flex-spacebetween {
  justify-content: space-between;
}

.l-inner {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 10px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-inner {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-inner {
    padding: 0 16px;
  }
}

.l-container.w_main {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.l-twoway {
  display: flex;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  justify-content: space-between;
}
@media only screen and (max-width: 750px ) {
  .l-twoway {
    flex-wrap: wrap;
  }
}
.l-twoway .twoway-main {
  width: 70%;
  max-width: 820px;
  min-height: 200px;
}
@media only screen and (max-width: 750px ) {
  .l-twoway .twoway-main {
    margin-right: 0px;
    width: 100%;
  }
}
.l-twoway .twoway-side {
  min-height: 200px;
  max-width: 320px;
  width: 26%;
}
@media only screen and (max-width: 750px ) {
  .l-twoway .twoway-side {
    min-height: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-twoway .twoway-l {
    margin-left: 0;
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 750px ) {
  .l-twoway .twoway-r {
    margin-right: 0;
    padding-bottom: 3rem;
  }
}
.l-twoway .side60 {
  width: 60%;
}
@media only screen and (max-width: 750px ) {
  .l-twoway .side60 {
    width: 100%;
    max-width: 100%;
  }
}
.l-twoway .side100 {
  width: 100%;
}

.l-block-sns {
  padding: 1.5rem;
  border-top: solid 2px #f4f4f4;
  width: 100%;
  display: block;
}

.l-block-group {
  border-top: solid 2px #4FB5DD;
  padding: 3rem 0;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 750px ) {
  .l-block-group {
    background: #f4f4f4;
    margin-bottom: 10rem;
  }
}

.article_content p {
  line-height: 2;
  transition: all 0.3s ease;
}
.article_content p {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .article_content p {
    font-size: calc(12px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .article_content p {
    font-size: 14px;
  }
}

.content-inquiry {
  padding: 10px 60px 30px;
}
@media only screen and (max-width: 750px ) {
  .content-inquiry {
    padding: 30px;
  }
}
.content-inquiry .ttl_primary {
  font-weight: 700;
}
@media only screen and (max-width: 750px ) {
  .content-inquiry .ttl_primary {
    margin-bottom: 30px;
  }
}
.content-inquiry .ttl_primary:before {
  color: #4FB5DD;
}
.content-inquiry li {
  display: flex;
  align-items: center;
}
.content-inquiry .icon-inquiry-tel,
.content-inquiry .icon-inquiry-mail {
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 25px;
  height: 72px;
  line-height: 1;
}
@media only screen and (max-width: 750px ) {
  .content-inquiry .icon-inquiry-tel,
  .content-inquiry .icon-inquiry-mail {
    padding: 10px 6vw;
    height: 60px;
  }
}
.content-inquiry .icon-inquiry-tel {
  background-color: #fff;
  border: solid 1px #474756;
  transition: all 0.3s ease;
  font-weight: 700;
  pointer-events: none;
}
.content-inquiry .icon-inquiry-tel {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .content-inquiry .icon-inquiry-tel {
    font-size: calc(20px + strip-unit(0px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .content-inquiry .icon-inquiry-tel {
    font-size: 20px;
  }
}
.content-inquiry .icon-inquiry-tel:before {
  content: "";
  width: 9px;
  height: 25px;
  background-image: url(../img/common/tel_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
}
@media only screen and (max-width: 750px ) {
  .content-inquiry .icon-inquiry-tel {
    margin-bottom: 10px;
    pointer-events: auto;
  }
}
.content-inquiry .icon-inquiry-mail {
  transition: all 0.3s ease;
  background-color: #4FB5DD;
  border: solid 1px #4FB5DD;
  color: #fff;
}
.content-inquiry .icon-inquiry-mail {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .content-inquiry .icon-inquiry-mail {
    font-size: calc(12px + strip-unit(4px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .content-inquiry .icon-inquiry-mail {
    font-size: 16px;
  }
}
.content-inquiry .icon-inquiry-mail:before {
  content: "";
  width: 20px;
  height: 16px;
  background-image: url(../img/common/mail_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.stretch {
  display: flex;
  justify-content: stretch;
}

.row-vision {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 750px ) {
  .row-vision {
    flex-direction: column;
  }
}
.row-vision li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
}
@media only screen and (max-width: 750px ) {
  .row-vision li {
    padding: 10vw 10vw;
  }
}
.row-vision li + li {
  margin-left: 2%;
}
@media only screen and (max-width: 750px ) {
  .row-vision li + li {
    margin-left: 0;
    margin-top: 2rem;
  }
}

.l-footer {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/common/footer_photo_pc.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 185px 0 0px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer {
    max-width: 100%;
    min-width: 100%;
    background-repeat: repeat-x;
    padding: 12vw 0 80px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer {
    max-width: 100%;
    min-width: 100%;
    background-size: 200%;
    background-repeat: repeat-x;
    padding: 24vw 0 80px;
  }
}
.l-footer .footer-bg-up {
  background-color: #CCDADD;
  padding: 10px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-bg-up {
    padding: 32px 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-bg-up {
    padding: 32px 20px;
  }
}
.l-footer .footer-logo-area {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-logo-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-logo-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .logo {
    width: 100%;
    max-width: 260px;
  }
  .l-footer .logo img {
    width: 100%;
    height: auto;
    max-width: 260px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .logo {
    width: 100%;
    max-width: 260px;
  }
  .l-footer .logo img {
    width: 100%;
    height: auto;
    max-width: 260px;
  }
}
.l-footer .footer-btn-area {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area {
    justify-content: space-between;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
}
.l-footer .footer-btn-area .footer-tel {
  color: #56858F;
  position: relative;
  margin-right: 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area .footer-tel {
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area .footer-tel {
    margin-right: 0;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area .footer-tel a {
    color: #56858F;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area .footer-tel a {
    color: #56858F;
  }
}
.l-footer .footer-btn-area .footer-tel .tel {
  font-size: 3rem;
  letter-spacing: 2px;
  padding-left: 30px;
  font-family: "Lora", serif;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area .footer-tel .tel {
    position: relative;
    font-size: 5vw;
  }
  .l-footer .footer-btn-area .footer-tel .tel:hover {
    text-decoration: none;
  }
  .l-footer .footer-btn-area .footer-tel .tel span {
    position: relative;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area .footer-tel .tel {
    font-size: 7vw;
  }
  .l-footer .footer-btn-area .footer-tel .tel:hover {
    text-decoration: none;
  }
}
.l-footer .footer-btn-area .footer-tel .tel span:before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 22px;
  left: 8px;
  top: 8px;
  background-image: url(../images/common/icon_tel_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area .footer-tel .tel span:before {
    width: 4vw;
    height: 6vw;
    left: -4vw;
    top: 0.5vw;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area .footer-tel .tel span:before {
    width: 6vw;
    height: 6vw;
    left: -2vw;
    top: 3vw;
  }
}
.l-footer .footer-btn-area .footer-tel p {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area .footer-tel p {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area .footer-tel p {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area .footer-cvbtn {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area .footer-cvbtn {
    width: 100%;
  }
}
.l-footer .footer-btn-area .footer-contactbtn {
  display: flex;
  height: 56px;
  width: 250px;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 3px #fff;
  color: #FFF;
  font-weight: bold;
  background: #34b3c9;
  background: linear-gradient(to right, #34b3c9 1%, #96d8e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#34b3c9", endColorstr="#96d8e3",GradientType=1 );
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-btn-area .footer-contactbtn {
    width: 100%;
    height: 70px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-btn-area .footer-contactbtn {
    width: 100%;
    height: 70px;
    font-size: 1.6rem;
  }
}
.l-footer .footer-btn-area .footer-contactbtn span {
  z-index: 3;
}
.l-footer .footer-btn-area .footer-contactbtn span:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 3px;
  right: 6px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.l-footer .footer-btn-area .footer-contactbtn:hover {
  text-decoration: none;
}
.l-footer .footer-btn-area .footer-contactbtn:hover span {
  color: #34b3c9;
}
.l-footer .footer-btn-area .footer-contactbtn:hover span:before {
  background-image: url(../images/common/icon_arrow_right_blue.svg);
}
.l-footer .footer-bg-down {
  background-color: #f5f5f5;
  padding: 60px 10px 60px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-bg-down {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-bg-down {
    padding: 40px 20px;
  }
}
.l-footer .footer-adress-area {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-adress-area {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-adress-area {
    flex-wrap: wrap;
    width: 100%;
  }
}
.l-footer .footer-adress {
  padding-right: 60px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-adress {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-adress {
    padding-right: 0;
  }
}
.l-footer .footer-adress .adress-ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-adress .adress-ttl {
    margin-bottom: 6px;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-adress .adress-ttl {
    margin-bottom: 6px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-adress {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-adress {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-adress p {
    font-size: 1.2rem;
  }
}
.l-footer .footer-adress .font-small {
  font-size: 1.2rem;
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-adress .font-small {
    font-size: 1rem;
  }
}
.l-footer .footer-banner {
  width: 486px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-banner {
    width: 100%;
    margin: 0px 0 0 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-banner {
    width: 100%;
    margin: 30px 0 0;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-banner .footer-banner-area {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-banner .footer-banner-area {
    width: 100%;
  }
}
.l-footer .footer-banner .footer-banner-area a {
  display: block;
}
.l-footer .footer-banner .footer-banner-area a:hover {
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.l-footer .footer-banner .footer-banner-area a + a {
  margin-top: 30px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .footer-banner .footer-banner-area a + a {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .footer-banner .footer-banner-area a + a {
    margin-top: 10px;
  }
}
.l-footer .footer-banner img {
  width: 100%;
  height: auto;
}
.l-footer .day-table {
  width: 100%;
  min-width: 520px;
  text-align: center;
  margin: 20px 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-footer .day-table {
    min-width: 100%;
    font-size: 1.2rem;
    margin: 20px 0 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-footer .day-table {
    min-width: 100%;
    margin: 20px 0 10px;
  }
}
.l-footer .day-table th, .l-footer .day-table td {
  padding: 3px 6px;
  border: solid 1px #5A5657;
}
@media only screen and (max-width: 750px ) {
  .l-footer .day-table th, .l-footer .day-table td {
    font-size: 1rem;
  }
}
.l-footer .day-table th {
  color: #fff;
  background-color: #56858F;
}
.l-footer .day-table td {
  background-color: #fff;
}

.footer-copy-link {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  padding: 30px 0;
  text-align: center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .footer-copy-link {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .footer-copy-link {
    max-width: 100%;
    min-width: 100%;
  }
}
.footer-copy-link .footer-copy-list {
  width: 1120px;
  display: flex;
  margin: auto;
  justify-content: center;
  text-align: center;
  font-size: 1.2rem;
  padding: 0 0 20px 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .footer-copy-link .footer-copy-list {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .footer-copy-link .footer-copy-list {
    width: 100%;
    flex-wrap: wrap;
  }
}
.footer-copy-link .footer-copy-list li {
  padding: 0 10px;
  border-right: solid 1px #5A5657;
}
.footer-copy-link .footer-copy-list li:last-child {
  border: none;
}
@media only screen and (max-width: 750px ) {
  .footer-copy-link .footer-copy-list li {
    width: 100%;
    padding: 4px;
  }
}

small {
  font-size: 1.2rem;
}

.to-top {
  display: block;
  width: 100%;
  padding: 30px;
  text-align: center;
  background-color: #474756;
  background-repeat: no-repeat;
  background-image: url(../images/common/arrow_up_w.svg);
  background-position: center center;
  background-size: 40px;
}
@media only screen and (max-width: 750px ) {
  .to-top {
    padding: 6vw;
    background-size: 10vw;
  }
}

#sp_fix_footer {
  opacity: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 9;
  padding: 10px;
  background-color: #0098D7;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  #sp_fix_footer {
    opacity: 1;
  }
}
@media only screen and (max-width: 750px ) {
  #sp_fix_footer {
    opacity: 1;
  }
}
#sp_fix_footer .contact-cv-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  #sp_fix_footer .contact-cv-area {
    justify-content: center;
  }
}
#sp_fix_footer .cv-tel {
  width: calc(48% - 3vw);
  border-right: solid 1px #0E739C;
  margin-right: 2vw;
  padding: 0;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  #sp_fix_footer .cv-tel {
    width: calc(50% - 3vw);
  }
}
#sp_fix_footer .cv-tel-mini {
  display: inline-block;
  width: 54px;
  height: 54px;
  padding: 20px;
  margin-right: 6px;
  background-image: url(../images/common/icon_tel_blue.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70%;
  background-color: #fff;
  border: solid 2px #fff;
}
#sp_fix_footer .cv-tel-mini span {
  display: none;
}
#sp_fix_footer .cv-instagram {
  display: inline-block;
  width: 54px;
  height: 54px;
  padding: 20px;
  margin-right: 6px;
  background-image: url(../images/common/icon_instagram.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 90%;
  background-color: #fff;
  border: solid 2px #fff;
}
#sp_fix_footer .cv-instagram span {
  display: none;
}
#sp_fix_footer .cv-form {
  width: 100%;
  padding: 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  #sp_fix_footer .cv-form {
    width: 50%;
  }
}
#sp_fix_footer .tel {
  font-size: 5.3vw;
  padding-left: 2vw;
  line-height: 1;
  letter-spacing: 0px;
  color: #fff;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  #sp_fix_footer .tel {
    font-size: 4.5vw;
    padding-left: 3vw;
  }
}
#sp_fix_footer .tel:before {
  width: 5vw;
  height: 5vw;
  top: 1.5vw;
  background-image: url(../images/common/icon_tel_white.svg);
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  #sp_fix_footer .tel:before {
    width: 3.5vw;
    height: 3.5vw;
    top: 1.5vw;
    left: 0;
  }
}
#sp_fix_footer .cv-form-btn {
  height: auto;
  padding: 10px 5px;
  box-sizing: border-box;
  border: solid 2px #fff;
  text-align: center;
  line-height: 1.2;
  font-size: 1.4rem;
}
#sp_fix_footer .cv-form-btn:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 30px;
  margin-right: 6px;
  background-image: url(../images/common/icon_calendar_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  #sp_fix_footer .cv-form-btn {
    padding: 12px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 320px) {
  #sp_fix_footer .cv-form-btn {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 750px ) {
  body {
    padding-top: 60px;
  }
}

main {
  padding-top: 170px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  main {
    padding-top: 0;
    margin-top: 60px;
  }
}
@media only screen and (max-width: 750px ) {
  main {
    padding-top: 0;
    margin-top: 0px;
  }
}

header {
  background-color: #fff;
  z-index: 99;
  position: fixed;
  width: 100%;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  header {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  header {
    width: 100%;
  }
}

.l-header {
  display: block;
  align-items: center;
  z-index: 100;
  background: #fff;
  width: 1400px;
  min-width: 0;
  margin: 0 auto;
  justify-content: space-between;
  position: relative;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-header {
    min-width: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    height: 60px;
    border-bottom: none;
  }
}
@media only screen and (max-width: 750px ) {
  .l-header {
    min-width: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    height: 60px;
    border-bottom: none;
  }
}

.l-header-up {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1400px;
  height: 90px;
  margin: 0 auto 80px;
  border-bottom: solid 1px #bcbcbc;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-header-up {
    width: 100%;
    height: 100%;
    min-height: 60px;
    align-items: center;
    overflow: hidden;
  }
}
@media only screen and (max-width: 750px ) {
  .l-header-up {
    width: 100%;
    height: 100%;
    min-height: 60px;
    align-items: center;
    overflow: hidden;
  }
}

.logo {
  padding-left: 20px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .logo {
    width: 100%;
    max-width: 200px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .logo {
    width: 100%;
    max-width: 200px;
    padding-left: 10px;
  }
}

.head-btn-area {
  display: flex;
  align-items: center;
}
.head-btn-area .head-tel {
  position: relative;
  margin-right: 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .head-btn-area .head-tel {
    display: none;
  }
}
.head-btn-area .head-tel .tel {
  font-size: 2.5rem;
  padding-left: 30px;
  font-family: "Lora", serif;
}
.head-btn-area .head-tel .tel:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 25px;
  left: 8px;
  top: 3px;
  background-image: url(../images/common/icon_tel_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.head-btn-area .head-tel p {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media only screen and (max-width: 750px ) {
  .head-btn-area .head-tel .tel-sp {
    display: block;
    height: 60px;
    width: 60px;
    background-image: url(../images/common/icon_tel_black.svg);
    background-position: 17px 20px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-color: #cdcdcd;
  }
}
.head-btn-area .head-contactbtn {
  display: flex;
  height: 90px;
  width: 170px;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 1px #34b3c9;
  color: #FFF;
  font-weight: bold;
  background: #34b3c9;
  background: linear-gradient(to right, #34b3c9 1%, #96d8e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#34b3c9", endColorstr="#96d8e3",GradientType=1 );
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .head-btn-area .head-contactbtn {
    height: 100%;
    width: 90px;
    display: flex;
    padding: 0px 10px;
    text-align: center;
    min-height: 60px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 750px ) {
  .head-btn-area .head-contactbtn {
    height: 100%;
    width: 90px;
    display: flex;
    padding: 0px 10px;
    text-align: center;
    min-height: 60px;
    line-height: 1.2;
  }
}
.head-btn-area .head-contactbtn span {
  z-index: 3;
}
.head-btn-area .head-contactbtn:hover {
  text-decoration: none;
}
.head-btn-area .head-contactbtn:hover span {
  color: #34b3c9;
}

.l-header-down {
  width: 100%;
  min-width: 1400px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background-color: #fff;
  position: absolute;
  top: 90px;
  z-index: 999;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-header-down {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .l-header-down {
    display: none;
  }
}

.l-header-flex {
  display: flex;
}

.menu-nav {
  display: none !important;
  position: absolute;
  right: 0px;
  top: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  background-color: #56B8DE;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .menu-nav {
    display: block !important;
  }
}
@media only screen and (max-width: 750px ) {
  .menu-nav {
    display: block !important;
  }
}
.menu-nav li {
  height: 100%;
}
.menu-nav .menu-nav-list {
  padding-right: 20px;
  min-height: 70px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .menu-nav .menu-nav-list {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .menu-nav .menu-nav-list {
    display: none;
  }
}
.menu-nav a {
  font-weight: bold;
}
.menu-nav a:hover {
  color: #4FB5DD;
}
.menu-nav .nav-link a {
  display: block;
  font-weight: bold;
  height: 100%;
  min-height: 32px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .menu-nav .nav-link a {
    min-height: auto;
  }
}
.menu-nav .nav-link {
  box-sizing: border-box;
  font-weight: bold;
}
.menu-nav .nav-link:hover {
  border-bottom: solid 3px #4FB5DD;
  text-decoration: none;
}
.menu-nav .sub-nav {
  display: block;
  overflow: hidden;
  height: 0px;
  position: absolute;
  left: 0;
  top: 70px;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.2s ease-in 0.25s;
  background-color: #5A5657;
}
.menu-nav .nav-sub-link {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  text-align: center;
}
.menu-nav .nav-sub-link li {
  min-width: 120px;
}
.menu-nav .nav-sub-link a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  padding: 24px 10px 24px;
  color: #fff;
}
.menu-nav li:hover > .sub-nav {
  height: 70px;
}
.nav-pc {
  min-height: 78px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.nav-pc .menu-nav-list {
  padding-right: 50px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .nav-pc .menu-nav-list {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .nav-pc .menu-nav-list {
    display: none;
  }
}
.nav-pc a:hover {
  color: #4FB5DD;
  text-decoration: none;
}
.nav-pc .nav-link {
  height: 70px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-weight: bold;
}
.nav-pc .sub-nav {
  display: block;
  overflow: hidden;
  height: 0px;
  position: absolute;
  left: 0;
  top: 70px;
  background-color: rgba(79, 181, 221, 0.95);
  z-index: 100;
  transition: 1s all linear;
}
.nav-pc .nav-sub-link {
  display: block;
  text-align: center;
  position: relative;
}
.nav-pc .nav-sub-link li {
  min-width: 300px;
}
.nav-pc .nav-sub-link li + li {
  border-top: solid 1px #fff;
}
.nav-pc .nav-sub-link a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  padding: 12px 10px 12px;
  color: #fff;
  position: relative;
}
.nav-pc .nav-sub-link a:after {
  content: ">";
  display: inline-block;
  padding-left: 6px;
}
.nav-pc .nav-sub-link a:hover {
  background-color: rgb(27, 145, 192);
}
.nav-pc li:hover > .sub-nav {
  height: auto;
}
.nav-pc .nav-sub-01 {
  left: -30px;
}
.nav-pc .nav-sub-02 {
  left: -85px;
}
.nav-pc .nav-sub-03 {
  left: -100px;
}
.nav-pc .nav-sub-04 {
  left: -115px;
}
.nav-pc .nav-sub-05 {
  left: -100px;
}

.menu-nav .h-menu {
  display: none;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .menu-nav .h-menu {
    display: block;
    position: relative;
  }
}
@media only screen and (max-width: 750px ) {
  .menu-nav .h-menu {
    display: block;
    position: relative;
  }
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .menu-btn {
    font-size: 8px;
    font-weight: 400;
    width: 60px;
    padding: 0px 0 0 0;
    display: flex;
    justify-content: center;
  }
  .menu-btn input.ac-check, .menu-btn input.menu-check {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .menu-btn {
    font-size: 8px;
    font-weight: 400;
    width: 60px;
    padding: 0px 0 0 0;
    display: flex;
    justify-content: center;
  }
  .menu-btn input.ac-check, .menu-btn input.menu-check {
    display: none;
  }
}

.menu-btn-label {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  background-image: url(../images/common/icon_menu_white.svg);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 24px;
}

.menu-btn-icon {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
}
.menu-btn-icon span {
  width: 100%;
  height: 2px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 0;
}
.menu-btn-icon span:nth-child(1) {
  top: 0;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
.menu-btn-icon span:nth-child(2) {
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
.menu-btn-icon span:nth-child(3) {
  bottom: 0;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}

.l-menu {
  display: none;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-menu {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 60px;
    right: 0px;
    opacity: 0;
    padding: 0px 20px;
    background-color: #e9e9e9;
    width: 100vw;
    height: 0;
    position: absolute;
    font-size: 1.3rem;
    font-weight: 700;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) and (-ms-high-contrast: none) {
  .l-menu {
    width: 97vw;
  }
}
@media only screen and (max-width: 750px ) {
  .l-menu {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 60px;
    right: 0px;
    opacity: 0;
    padding: 0px 20px;
    background-color: #e9e9e9;
    width: 100vw;
    height: 0;
    position: absolute;
    font-size: 1.3rem;
    font-weight: 700;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
  }
}
@media only screen and (max-width: 750px ) and (-ms-high-contrast: none) {
  .l-menu {
    width: 97vw;
  }
}
.l-menu a {
  width: 100%;
  text-decoration: none;
}

.menu-check:checked + .menu-btn-label + .l-menu {
  display: block;
  z-index: 10;
  position: absolute;
  right: 0px;
  padding: 10px 20px 40px;
  overflow: scroll;
  -ms-overflow-style: none;
  height: calc(100vh - 50px);
  opacity: 1;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
@media all and (-ms-high-contrast: none) {
  .menu-check:checked + .menu-btn-label + .l-menu {
    width: 97vw;
  }
}

.menu-check:checked + .menu-btn-label > .menu-btn-icon > span:nth-child(1) {
  transform: rotate(45deg);
  top: 50%;
}
.menu-check:checked + .menu-btn-label > .menu-btn-icon > span:nth-child(2) {
  opacity: 0;
  left: 100%;
}
.menu-check:checked + .menu-btn-label > .menu-btn-icon > span:nth-child(3) {
  transform: rotate(-45deg);
  top: 50%;
}

.menu-check:checked + .menu-btn-label {
  background-image: url(../images/common/close.png);
  background-position: 21px center;
  background-size: 24px;
  background-repeat: no-repeat;
}

.menu-ac-list li {
  flex-wrap: wrap;
}

.menu-ac-list,
.menu-ac-list li a {
  width: 100%;
  height: 0;
  opacity: 0;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  visibility: hidden;
}

.ac-check:checked + .ac-label + .menu-ac-list {
  margin-bottom: 10px;
}

.ac-check:checked + .ac-label + .menu-ac-list,
.ac-check:checked + .ac-label + .menu-ac-list li a {
  height: auto;
  opacity: 1;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  visibility: visible;
}

.inner_spn_nav li a {
  display: flex;
  align-items: center;
}
.inner_spn_nav .ttl-menu {
  font-size: 4rem;
  font-weight: 100;
  border-bottom: solid 1px #979797;
  line-height: 1.6;
}

.ac-label {
  display: flex;
  padding: 12px 30px 12px 0px;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.ac-label:after {
  content: "";
  display: block;
  position: absolute;
  height: 9px;
  width: 13px;
  right: 0px;
  top: 22px;
  margin-left: auto;
  background-image: url(../images/common/arrow_menu_down_green.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.menu-link {
  position: relative;
  padding: 12px 30px 12px 0px;
}
.menu-link:after, .menu-link:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}
.menu-link.icon_arrow_r:after {
  position: absolute;
  background-position: right center;
  width: 20px;
  height: 4px;
  top: 45%;
  right: 4px;
}

.menu-link-btn {
  position: relative;
  background-color: #4FB5DD;
  border-bottom: none;
  padding: 16px 30px 16px 20px;
  margin-bottom: 10px;
}
.menu-link-btn:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}
.menu-link-btn.icon_arrow_r:after {
  position: absolute;
  background-position: right center;
  width: 20px;
  height: 4px;
  top: 45%;
  right: 20px;
}

.inner_spn_nav .menu-ac-list a {
  padding: 10px 12px 10px 0px;
}
.inner_spn_nav .menu-ac-list a:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}
.inner_spn_nav .menu-ac-list a.icon_arrow_l:before {
  content: "";
  width: 20px;
  height: 4px;
  margin-right: 4px;
  position: relative;
  top: -10px;
  color: #aaa;
}
.inner_spn_nav .menu-ac-list a.icon_new_l_white:before {
  background-position: right center;
  background-image: url(../img/common/newtab_white.png);
  width: 16px;
  height: 16px;
  margin-right: 14px;
}

.menu-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
}
.menu-search input {
  background-color: #254172;
  padding: 10px;
  width: 100%;
}
.menu-search .search-btn {
  display: block;
  width: 20px;
  height: 18px;
  background-image: url(../img/common/search_white.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  margin-left: 20px;
}

.menu-list_ub {
  border-bottom: solid 1px #979797;
}

.close-btn {
  margin-top: 20px;
  width: 100%;
  color: #fff;
  background-color: #4FB5DD;
  padding: 8px 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.head-instagram {
  display: none;
}
@media only screen and (max-width: 750px ) {
  .head-instagram {
    display: block;
    width: 50px;
    height: 40px;
    position: relative;
    right: 72px;
    background-image: url(../images/common/icon_instagram.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .head-instagram span {
    display: none;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .head-instagram {
    display: block;
    width: 50px;
    height: 40px;
    position: relative;
    right: 72px;
    background-image: url(../images/common/icon_instagram.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .head-instagram span {
    display: none;
  }
}

.head-instagram-pc {
  display: block;
  width: 50px;
  height: 40px;
  position: relative;
  right: 18px;
  background-image: url(../images/common/icon_instagram.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.head-instagram-pc span {
  display: none;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .head-instagram-pc {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .head-instagram-pc {
    display: none;
  }
}

.page-navi {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.page-navi .page-navi-list {
  display: inline-block;
  padding: 4px 0 0;
  line-height: 2.2;
  min-width: 40px;
  min-height: 36px;
  border: solid 1px #4FB5DD;
  margin-right: 4px;
  margin-left: 4px;
  text-decoration: none;
  color: #4FB5DD;
  text-align: center;
}
.page-navi .page-navi-list:hover {
  background-color: #4FB5DD;
  color: white;
}
.page-navi ._active {
  background-color: #4FB5DD;
  color: white;
}

.bread {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0px 20px 5px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 750px ) {
  .bread {
    margin-top: 0;
    flex-wrap: nowrap;
    padding: 8px 16px;
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
  }
  .bread::-webkit-scrollbar {
    display: none;
  }
}
.bread * {
  position: relative;
  padding-left: 28px;
  line-height: 2;
}
.bread *:first-child {
  padding-left: 0;
}
.bread * + *:before {
  content: "";
  margin-right: 8px;
  margin-left: 8px;
  position: absolute;
  left: 0;
  top: 16%;
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 8px;
  content: ">";
}
@media only screen and (max-width: 750px ) {
  .bread * + *:before {
    width: 6px;
    height: 6px;
  }
}
@media only screen and (max-width: 750px ) {
  .bread li:last-child {
    padding-right: 16px;
  }
}
.bread a {
  text-decoration: none;
}
.bread a:hover {
  text-decoration: underline;
}
.bread li:nth-child(1),
.bread li:nth-child(2) {
  white-space: nowrap;
}

.btn {
  position: relative;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
}
.btn.color_primary {
  background: #4FB5DD;
  color: #fff;
  border: solid 1px #4FB5DD;
}
.btn.color_basic {
  background: #ffffff;
  color: #4FB5DD;
  border: solid 1px #4FB5DD;
}
.btn.color_secondary {
  background: #09275B;
  color: #fff;
  border: solid 1px #09275B;
}
.btn.color_basic {
  background: #ffffff;
  color: #4FB5DD;
  border: solid 1px #4FB5DD;
}
.btn.color_error {
  background: red;
  color: #fff;
  border: solid 1px red;
}
.btn.color_basic {
  background: #ffffff;
  color: #4FB5DD;
  border: solid 1px #4FB5DD;
}
.btn.color_basic {
  background: #4FB5DD;
  color: #fff;
  border: solid 1px #4FB5DD;
}
.btn.color_basic {
  background: #ffffff;
  color: #4FB5DD;
  border: solid 1px #4FB5DD;
}
.btn.color_bg-gray {
  background: #f4f4f4;
  color: #fff;
  border: solid 1px #f4f4f4;
}
.btn.color_basic {
  background: #ffffff;
  color: #4FB5DD;
  border: solid 1px #4FB5DD;
}
.btn.color_black {
  background: #5A5657;
  color: #fff;
  border: solid 1px #5A5657;
}
.btn.color_basic {
  background: #ffffff;
  color: #4FB5DD;
  border: solid 1px #4FB5DD;
}
.btn.shape_round_corner {
  border-radius: 1000px;
}
.btn.size_small {
  padding: 1rem 3rem;
  font-size: 1.6rem;
}
.btn.size_normal {
  padding: 1rem 3rem;
  font-size: 14px;
  min-width: 300px;
}
.btn.size_large {
  width: 100%;
  padding: 2rem 3rem;
  text-align: center;
}
.btn.size_x-large {
  width: 50%;
  padding: 2rem 8rem;
  font-size: 14px;
  text-align: center;
}
.btn.size_full {
  width: 100%;
  padding: 1rem 3rem;
  font-size: 14px;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}
.btn.size_item {
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 12px;
  text-align: center;
}
@media only screen and (max-width: 750px ) {
  .btn[class^=size_] {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
.btn i {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn i.pos_right {
  right: 1rem;
}
.btn i.pos_left {
  left: 1rem;
}
.btn.icon:after {
  position: absolute;
  right: 20px;
  top: calc(50% - 10px);
  transform: translateY(-50%);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-background-size: contain;
}
.btn.icon:before {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-background-size: contain;
}
.btn.icon_dl_b:before {
  left: 16px;
  background-image: url(../images/common/dl_b.svg);
  -ms-background-size: contain;
  width: 20px;
  height: 20px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_dl_b:before {
    background-image: url(../images/common/dl_b.svg);
  }
}
.btn.icon_mail:before {
  left: 16px;
  background-image: url(../images/common/mail_w.svg);
  -ms-background-size: contain;
  width: 20px;
  height: 20px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_mail:before {
    background-image: url(../images/common/mail_w.svg);
  }
}
.btn.icon_arrow_r:after {
  content: "→";
  margin-left: 4px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_arrow_r:after {
    content: "→";
  }
}
.btn.icon_newtab:after {
  background-image: url(..//img/common/icon/new_tab_white.png);
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_newtab:after {
    background-repeat: no-repeat;
  }
}
.btn.icon_arrow_r_blue:after {
  background-image: url(../img/common/right_blue.png);
  width: 32px;
  height: 10px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_arrow_r_blue:after {
    background-repeat: no-repeat;
    background-image: url(../img/common/right_blue_mini.png);
  }
}
@media only screen and (max-width: 750px ) {
  .btn.icon_arrow_r_blue:after {
    width: 20px;
  }
}
.btn.icon_cart:after {
  background-image: url(../img/common/cart_white.png);
  width: 16px;
  height: 16px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_cart:after {
    background-repeat: no-repeat;
  }
}
.btn.icon_pdf_r_white:after {
  background-image: url(../img/common/pdf_white.png);
  width: 20px;
  height: 22px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_pdf_r_white:after {
    background-repeat: no-repeat;
  }
}
.btn.icon_new_r_white:after {
  background-image: url(../img/common/newtab_white.png);
  width: 20px;
  height: 22px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_new_r_white:after {
    background-image: url(../img/common/newtab_white.png);
    -ms-background-size: contain;
  }
}
.btn.icon_new_r_blue:after {
  background-image: url(../img/common/newtab_blue.png);
  width: 16px;
  height: 20px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_new_r_blue:after {
    background-image: url(../img/common/newtab_blue.png);
    -ms-background-size: contain;
  }
}
.btn.icon_new_l_white:before {
  background-image: url(../img/common/newtab_white.png);
  width: 20px;
  height: 22px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_new_l_white:before {
    background-image: url(../img/common/newtab_white.png);
    -ms-background-size: contain;
  }
}
.btn.icon_new_l_blue:before {
  background-image: url(../img/common/newtab_blue.png);
  width: 20px;
  height: 22px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_new_l_blue:before {
    background-image: url(../img/common/newtab_blue.png);
    -ms-background-size: contain;
  }
}
.btn.icon_arrow_l_blue:before {
  background-image: url(../img/common/right_blue.png);
  -ms-background-size: contain;
  width: 24px;
  height: 5px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_arrow_l_blue:before {
    background-image: url(../img/common/right_blue_mini.png);
  }
}
.btn.icon_arrow_l_blue_l:before {
  background-image: url(../img/common/left_blue.png);
  -ms-background-size: contain;
  width: 32px;
  height: 5px;
  left: 20px;
}
@media all and (-ms-high-contrast: none) {
  .btn.icon_arrow_l_blue_l:before {
    background-image: url(../img/common/left_blue_mini.png);
  }
}
@media only screen and (max-width: 750px ) {
  .btn.icon_arrow_l_blue_l:before {
    width: 20px;
  }
}
.btn.icon_search_l_white:before {
  background-image: url(../img/common/search_white.png);
  -ms-background-size: contain;
  width: 20px;
  height: 20px;
  left: 20px;
}
.btn:hover {
  opacity: 0.75;
}
.btn:hover.color_primary {
  opacity: 0.9;
}
.btn:hover.color_basic {
  opacity: 0.9;
  /*
  color: #fff;
  background: $color_primary;
  border: solid 1px $color_primary;
  */
}
.btn:hover.color_secondary {
  opacity: 0.9;
}
.btn:hover.color_basic {
  opacity: 0.9;
  /*
  color: #fff;
  background: $color_primary;
  border: solid 1px $color_primary;
  */
}
.btn:hover.color_error {
  opacity: 0.9;
}
.btn:hover.color_basic {
  opacity: 0.9;
  /*
  color: #fff;
  background: $color_primary;
  border: solid 1px $color_primary;
  */
}
.btn:hover.color_basic {
  opacity: 0.9;
}
.btn:hover.color_basic {
  opacity: 0.9;
  /*
  color: #fff;
  background: $color_primary;
  border: solid 1px $color_primary;
  */
}
.btn:hover.color_bg-gray {
  opacity: 0.9;
}
.btn:hover.color_basic {
  opacity: 0.9;
  /*
  color: #fff;
  background: $color_primary;
  border: solid 1px $color_primary;
  */
}
.btn:hover.color_black {
  opacity: 0.9;
}
.btn:hover.color_basic {
  opacity: 0.9;
  /*
  color: #fff;
  background: $color_primary;
  border: solid 1px $color_primary;
  */
}
.btn:hover.icon_newtab:after {
  background-image: url(..//img/common/icon/new_tab_blue.png);
  -ms-background-size: contain;
}
.btn:hover.icon_arrow_l:before {
  background-image: url(..//img/common/icon/arrow_l_white.svg);
  -ms-background-size: contain;
}
.btn:hover.icon_pdf:after {
  background-image: url(..//img/common/icon/pdf_red.svg);
  -ms-background-size: contain;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 750px ) {
  .btn.size_x-large {
    width: 100%;
  }
}
.btn.btn_mini {
  padding: 4px 40px 4px 20px;
}
.btn.btn_mini.icon_new_r_white:after {
  background-image: url(../img/common/newtab_white.png);
  -ms-background-size: contain;
  width: 12px;
  height: 12px;
}
@media all and (-ms-high-contrast: none) {
  .btn.btn_mini.icon_new_r_white:after {
    background-image: url(../img/common/newtab_white.png);
    -ms-background-size: contain;
  }
}

.btn_tag,
._cell .btn_tag,
.th_cell .btn_tag {
  transition: all 0.3s ease;
  border: solid 1px #aaa;
  color: #000;
  text-decoration: none;
  padding: 6px 8px;
  border-radius: 3px;
}
.btn_tag,
._cell .btn_tag,
.th_cell .btn_tag {
  font-size: 8px;
}
@media screen and (min-width: 320px) {
  .btn_tag,
  ._cell .btn_tag,
  .th_cell .btn_tag {
    font-size: calc(8px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .btn_tag,
  ._cell .btn_tag,
  .th_cell .btn_tag {
    font-size: 10px;
  }
}
.btn_tag:hover,
._cell .btn_tag:hover,
.th_cell .btn_tag:hover {
  background-color: #F6F8FA;
  color: #4FB5DD;
  border: solid 1px #4FB5DD;
}

.r-hover {
  text-decoration: none;
}
.r-hover:hover {
  text-decoration: underline;
}

.gray-btn {
  width: 100%;
  padding: 1rem 3rem;
  font-size: 1.6rem;
  background-color: #f4f4f4;
  color: #4FB5DD;
  text-align: center;
}

.non-link {
  pointer-events: none;
}
@media only screen and (max-width: 750px ) {
  .non-link {
    pointer-events: auto;
  }
}

.icon_tel:before,
.icon_fax:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-background-size: contain;
  margin-right: 4px;
  vertical-align: middle;
}

.icon_tel:before {
  background-image: url(..//img/common/icon/icon_tel.svg);
  background-size: contain;
  -ms-background-size: contain;
}

.icon_fax:before {
  background-image: url(..//img/common/icon/icon_fax.svg);
  background-size: contain;
  -ms-background-size: contain;
}

.btn_default {
  background-color: #fff;
  border: solid 4px #5A5657;
  padding: 1rem 2vw;
  max-width: 400px;
  box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
}
.btn_default:hover {
  text-decoration: none;
}
.btn_default.color_re {
  color: #fff;
  background: none;
  border: solid 4px #fff;
}

.btn_article {
  display: block;
  width: 80%;
  padding: 6px 16px;
  font-size: 1.25rem;
  border: solid 1px #aaa;
  border-radius: 24px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .btn_article {
    width: 100%;
    font-size: 1rem;
  }
}

.article_btn {
  display: block;
  width: 100%;
  padding: 6px 16px;
  font-size: 1rem;
  border: solid 1px #aaa;
  border-radius: 24px;
  margin: auto;
  text-align: center;
  text-decoration: none;
}
.article_btn:hover {
  text-decoration: none;
  background-color: #f4f4f4;
}

.btn_b {
  max-height: 32px;
  border: solid 1px #5A5657;
  padding: 0 24px 0 44px;
}
.btn_b:hover {
  background-color: #5A5657;
  color: #fff;
  text-decoration: none;
}
.btn_b:hover.icon_dl_b:before {
  background-image: url(../images/common/dl_w.svg);
}
@media all and (-ms-high-contrast: none) {
  .btn_b:hover.icon_dl_b:before {
    background-image: url(../images/common/dl_w.svg);
  }
}

.btn_w {
  background-color: #fff;
}
.btn_w.btn_shadow {
  box-shadow: 0px 8px 0px 0px rgb(170, 170, 170);
}

.btn_orenge {
  color: #fff;
  background-color: #EC8F4F;
  padding: 0 24px 0 44px;
  border: solid 1px #EC8F4F;
}
.btn_orenge:hover {
  color: #fff;
  opacity: 0.8;
  text-decoration: none;
}
.btn_orenge.btn_shadow {
  border-bottom: solid 8px #AD642F;
}

.footer-sns a {
  margin: 0 0.5rem;
}

.icon_newtab_r {
  font-size: 1.2rem;
}
.icon_newtab_r:after {
  content: "";
  position: relative;
  top: 2px;
  margin-left: 4px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-background-size: contain;
  background-image: url(../images/common/new_win_b.svg);
}

.default_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #56858F;
  padding: 24px;
  width: 100%;
  border: solid 1px #ABCAD0;
  text-align: center;
  position: relative;
  transition: ease 0.2s;
  background-color: #fff;
}
@media only screen and (max-width: 750px ) {
  .default_btn {
    padding: 20px;
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
  }
}
.default_btn span {
  z-index: 3;
}
.default_btn span:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  left: -10px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_green.svg);
  background-size: cover;
}
@media only screen and (max-width: 750px ) {
  .default_btn span:before {
    top: 2px;
    align-items: center;
  }
}
.default_btn:hover {
  text-decoration: none;
}
.default_btn:hover span {
  color: #fff;
}
.default_btn:hover span:before {
  background-image: url(../images/common/icon_arrow_right_white.svg);
}

.bgcentery:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #4FB5DD;
  width: 100%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(1, 0);
  transform-origin: center;
}

.bgcentery:hover:before {
  transform: scale(1, 1);
}

.bgleft:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #4FB5DD;
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.bgleft:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.list-link {
  display: inline-block;
  text-align: center;
  position: relative;
  margin: auto;
  width: 100%;
  font-weight: bold;
  align-items: center;
}
.list-link:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  left: -10px;
  top: 2px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_green.svg);
  background-size: cover;
}
.list-link:hover {
  text-decoration: none;
  color: #56858F;
}

.list-link_b {
  display: inline-block;
  text-align: center;
  position: relative;
  margin: auto;
  width: 100%;
  font-weight: bold;
  align-items: center;
}
.list-link_b:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  left: -10px;
  top: 2px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_black.svg);
  background-size: cover;
}
.list-link_b:hover {
  text-decoration: none;
  color: #56858F;
}

.list-link_r {
  display: inline-block;
  text-align: right;
  position: relative;
  width: 100%;
  font-weight: bold;
  align-items: center;
}
.list-link_r:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  left: -10px;
  top: 2px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_green.svg);
  background-size: cover;
}
.list-link_r:hover {
  text-decoration: none;
  color: #56858F;
}

.icon_arrow_rw {
  position: relative;
  padding-left: 20px;
}
.icon_arrow_rw:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  top: 2px;
  right: 10px;
  background-image: url(../images/common/icon_arrow_right_white.svg);
  background-size: cover;
}

.icon_arrow_rg {
  position: relative;
  padding-left: 12px;
}
.icon_arrow_rg:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  top: 2px;
  right: 10px;
  background-image: url(../images/common/icon_arrow_right_light_green.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.inner {
  display: block;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .inner {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .inner {
    max-width: 100%;
    min-width: 100%;
  }
}

.inner-content {
  display: block;
  max-width: 1120px;
  min-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .inner-content {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .inner-content {
    max-width: 100%;
    min-width: 100%;
  }
}

.block_inner {
  display: block;
  width: 100%;
  min-width: 1400px;
  max-width: 2000px;
  margin: auto;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .block_inner {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .block_inner {
    max-width: 100%;
    min-width: 100%;
  }
}

.inquiry-flow {
  display: flex;
  justify-content: center;
  align-items: center;
}
.inquiry-flow li {
  padding: 6px 2px;
  border-bottom: solid 1px #aaa;
  color: #aaa;
  margin: 0 8px;
  position: relative;
  font-size: 18px;
}
.inquiry-flow li + li {
  margin-left: 2em;
}
.inquiry-flow li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 10px;
  height: 10px;
  left: -1.65em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/common/arrow_right_black.svg);
}
.inquiry-flow ._active {
  color: #4FB5DD;
  border-bottom: solid 1px #4FB5DD;
  font-weight: bold;
}

.table-inquiry {
  width: 100%;
  transition: all 0.3s ease;
}
.table-inquiry {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .table-inquiry {
    font-size: calc(14px + strip-unit(0px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .table-inquiry {
    font-size: 14px;
  }
}
.table-inquiry th, .table-inquiry td {
  margin: 6px 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.table-inquiry th {
  width: 38%;
  min-width: 200px;
  padding-left: 70px;
}
@media all and (-ms-high-contrast: none) {
  .table-inquiry th {
    width: 36%;
    text-align: left;
  }
}
@media only screen and (max-width: 750px ) {
  .table-inquiry th {
    margin: 20px 0 0;
    width: 100%;
    padding-left: 60px;
  }
}
.table-inquiry td {
  width: 60%;
}
@media only screen and (max-width: 750px ) {
  .table-inquiry td {
    margin: 10px 0 20px;
    width: 100%;
  }
}
.table-inquiry input, .table-inquiry textarea, .table-inquiry select {
  padding: 4px 16px;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #F9FAFC;
}
.table-inquiry input[type=text], .table-inquiry inputtextarea, .table-inquiry textarea[type=text], .table-inquiry textareatextarea, .table-inquiry select[type=text], .table-inquiry selecttextarea {
  width: 100%;
}
.table-inquiry input.input_w_20p, .table-inquiry textarea.input_w_20p, .table-inquiry select.input_w_20p {
  width: 20%;
}
.table-inquiry input.input_w_30p, .table-inquiry textarea.input_w_30p, .table-inquiry select.input_w_30p {
  width: 30%;
}
.table-inquiry input::-webkit-input-placeholder, .table-inquiry textarea::-webkit-input-placeholder, .table-inquiry select::-webkit-input-placeholder {
  color: #aaa;
}
@-moz-document url-prefix() {
  .table-inquiry input::-webkit-input-placeholder, .table-inquiry textarea::-webkit-input-placeholder, .table-inquiry select::-webkit-input-placeholder {
    color: #888;
  }
}
.table-inquiry input::-moz-placeholder, .table-inquiry textarea::-moz-placeholder, .table-inquiry select::-moz-placeholder {
  color: #aaa;
}
@-moz-document url-prefix() {
  .table-inquiry input::-moz-placeholder, .table-inquiry textarea::-moz-placeholder, .table-inquiry select::-moz-placeholder {
    color: #888;
  }
}
.table-inquiry input:-ms-input-placeholder, .table-inquiry textarea:-ms-input-placeholder, .table-inquiry select:-ms-input-placeholder {
  color: #aaa;
}
@-moz-document url-prefix() {
  .table-inquiry input:-ms-input-placeholder, .table-inquiry textarea:-ms-input-placeholder, .table-inquiry select:-ms-input-placeholder {
    color: #888;
  }
}
.table-inquiry input::-ms-input-placeholder, .table-inquiry textarea::-ms-input-placeholder, .table-inquiry select::-ms-input-placeholder {
  color: #aaa;
}
@-moz-document url-prefix() {
  .table-inquiry input::-ms-input-placeholder, .table-inquiry textarea::-ms-input-placeholder, .table-inquiry select::-ms-input-placeholder {
    color: #888;
  }
}
.table-inquiry input::placeholder, .table-inquiry textarea::placeholder, .table-inquiry select::placeholder {
  color: #aaa;
}
@-moz-document url-prefix() {
  .table-inquiry input::placeholder, .table-inquiry textarea::placeholder, .table-inquiry select::placeholder {
    color: #888;
  }
}
@media only screen and (max-width: 750px ) {
  .table-inquiry input, .table-inquiry textarea, .table-inquiry select {
    margin-left: 0px;
    margin-right: 0px;
    padding: 8px 16px;
  }
}
.table-inquiry label {
  display: inline-block;
  margin-right: 16px;
  line-height: 2;
}
.table-inquiry label ~ label {
  margin-right: 16px;
}
.table-inquiry label:last-child {
  margin-right: 0;
}
.table-inquiry .must, .table-inquiry .any {
  position: absolute;
  left: 0;
  padding: 2px 12px;
}
.table-inquiry label + br {
  display: inline-block;
}

.error-text {
  color: red;
  transition: all 0.3s ease;
  display: block;
  width: 100%;
}
.error-text {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .error-text {
    font-size: calc(10px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .error-text {
    font-size: 12px;
  }
}

.must, .any {
  margin-right: 16px;
  transition: all 0.3s ease;
  padding: 2px 12px;
}
.must, .any {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .must, .any {
    font-size: calc(10px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .must, .any {
    font-size: 12px;
  }
}
@media only screen and (max-width: 750px ) {
  .must, .any {
    padding: 4px 8px;
  }
}

.must {
  color: #fff;
  background-color: #4FB5DD;
}

.any {
  background-color: #F6F8FA;
}
@media only screen and (max-width: 750px ) {
  .any {
    border: solid 1px #ddd;
  }
}

.size_half {
  padding: 2rem 3rem;
  font-size: 1em;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  width: 50%;
}
@media only screen and (max-width: 750px ) {
  .size_half {
    width: 100%;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.placeholder_long {
  position: relative;
}
.placeholder_long textarea {
  opacity: 1;
  background-color: rgba(243, 245, 250, 0.6);
}
@media all and (-ms-high-contrast: none) {
  .placeholder_long textarea {
    padding-bottom: 50px;
  }
}

.placeholder_long #placeholder_box_1,
.placeholder_long #placeholder_box_2,
.placeholder_long #placeholder_box_3 {
  position: absolute;
  top: 30px;
  left: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: -1;
}

.placeholder_long #placeholder_box_1.none,
.placeholder_long #placeholder_box_2.none,
.placeholder_long #placeholder_box_3.none {
  display: none;
}

.ol-list {
  transition: all 0.3s ease;
  counter-reset: li_count;
  padding: 14px;
}
.ol-list {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .ol-list {
    font-size: calc(12px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .ol-list {
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px ) {
  .ol-list {
    padding: 0 0 0 8px;
  }
}
.ol-list li {
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 750px ) {
  .ol-list li {
    padding-left: 20px;
  }
}
.ol-list li:before {
  content: counter(li_count) ".";
  counter-increment: li_count;
  position: absolute;
  top: 0;
  left: 0;
}
.ol-list li + li {
  margin-top: 8px;
}

.li-list {
  transition: all 0.3s ease;
  padding: 8px 0 8px;
}
.li-list {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .li-list {
    font-size: calc(12px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .li-list {
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px ) {
  .li-list {
    padding: 0 0 0 8px;
  }
}
.li-list li {
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 750px ) {
  .li-list li {
    padding-left: 20px;
  }
}
.li-list li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  color: #4FB5DD;
}
.li-list li + li {
  margin-top: 6px;
}

.faq-list-wrap {
  border-top: solid 1px #ddd;
}

.faq-list {
  display: block;
  padding: 20px 0;
  border-bottom: solid 1px #ddd;
}

.faq-title {
  transition: all 0.3s ease;
  margin-right: 16px;
  color: #4FB5DD;
}
.faq-title {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .faq-title {
    font-size: calc(16px + strip-unit(14px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .faq-title {
    font-size: 30px;
  }
}

.ver-list-wrap {
  border-top: solid 1px #ddd;
}

.ver-list {
  transition: all 0.3s ease;
  display: flex;
  padding: 10px 0;
  border-bottom: solid 1px #ddd;
}
.ver-list {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .ver-list {
    font-size: calc(12px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .ver-list {
    font-size: 14px;
  }
}
.ver-list p {
  line-height: 1.6;
  transition: all 0.3s ease;
  max-width: 70%;
}
.ver-list p {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .ver-list p {
    font-size: calc(12px + strip-unit(2px) * (100vw - 320px) / strip-unit(430px));
  }
}
@media screen and (min-width: 750px) {
  .ver-list p {
    font-size: 14px;
  }
}

.basic-list {
  margin-top: 2px;
  margin-bottom: 6px;
}
.basic-list li {
  width: 100%;
  padding-left: 14px;
  position: relative;
}
.basic-list li:before {
  content: "・";
  position: absolute;
  left: 0;
}

.word-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .word-list {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 750px ) {
  .word-list {
    justify-content: space-between;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .word-list li {
    width: 18vw;
  }
}
@media only screen and (max-width: 750px ) {
  .word-list li {
    width: 31%;
  }
}
.word-list li a {
  display: block;
  width: 134px;
  color: #fff;
  background-color: #61C0B8;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 6px;
  padding: 20px 10px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .word-list li a {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .word-list li a {
    width: 100%;
    padding: 16px 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 4vw;
  }
}
.word-list li a:nth-child(8) {
  margin-right: 0;
}
.word-list li a span {
  position: relative;
}
.word-list li a span:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 15px;
  top: 1px;
  margin-right: 8px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.word-list li a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.word-list .word-list-large {
  width: 274px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .word-list .word-list-large {
    width: 37.2vw;
  }
}
@media only screen and (max-width: 750px ) {
  .word-list .word-list-large {
    width: 65.5%;
  }
}
.word-list .word-list-large a {
  width: 100%;
}

.alpha-list li {
  counter-increment: count;
  padding-left: 30px;
  position: relative;
}
.alpha-list li:before {
  content: "(" counter(count, upper-latin) ")";
  position: absolute;
  top: 0;
  left: 0;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  /* flex-direction */
  /* space */
}
.row.equality li {
  position: relative;
}
.row.equality.row1 > * {
  width: 100%;
}
.row.equality.row2 > * {
  width: 50%;
}
.row.equality.row3 > * {
  width: 33.3333333333%;
}
.row.equality.row4 > * {
  width: 25%;
}
.row.equality.row5 > * {
  width: 20%;
}
.row.equality.row6 > * {
  width: 16.6666666667%;
}
.row.equality.row7 > * {
  width: 14.2857142857%;
}
.row.equality.row8 > * {
  width: 12.5%;
}
.row.equality.row9 > * {
  width: 11.1111111111%;
}
.row.equality.row10 > * {
  width: 10%;
}
@media only screen and (min-width: 1026px ) {
  .row.equality.row_pc_1 > * {
    width: 100% !important;
  }
  .row.equality.row_pc_2 > * {
    width: 50% !important;
  }
  .row.equality.row_pc_3 > * {
    width: 33.3333333333% !important;
  }
  .row.equality.row_pc_4 > * {
    width: 25% !important;
  }
  .row.equality.row_pc_5 > * {
    width: 20% !important;
  }
  .row.equality.row_pc_6 > * {
    width: 16.6666666667% !important;
  }
  .row.equality.row_pc_7 > * {
    width: 14.2857142857% !important;
  }
  .row.equality.row_pc_8 > * {
    width: 12.5% !important;
  }
  .row.equality.row_pc_9 > * {
    width: 11.1111111111% !important;
  }
  .row.equality.row_pc_10 > * {
    width: 10% !important;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .row.equality.row_tablet_1 > * {
    width: 100% !important;
  }
  .row.equality.row_tablet_2 > * {
    width: 50% !important;
  }
  .row.equality.row_tablet_3 > * {
    width: 33.3333333333% !important;
  }
  .row.equality.row_tablet_4 > * {
    width: 25% !important;
  }
  .row.equality.row_tablet_5 > * {
    width: 20% !important;
  }
  .row.equality.row_tablet_6 > * {
    width: 16.6666666667% !important;
  }
  .row.equality.row_tablet_7 > * {
    width: 14.2857142857% !important;
  }
  .row.equality.row_tablet_8 > * {
    width: 12.5% !important;
  }
  .row.equality.row_tablet_9 > * {
    width: 11.1111111111% !important;
  }
  .row.equality.row_tablet_10 > * {
    width: 10% !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row.equality.row_spn_1 > * {
    width: 100% !important;
  }
  .row.equality.row_spn_2 > * {
    width: 50% !important;
  }
  .row.equality.row_spn_3 > * {
    width: 33.3333333333% !important;
  }
  .row.equality.row_spn_4 > * {
    width: 25% !important;
  }
  .row.equality.row_spn_5 > * {
    width: 20% !important;
  }
  .row.equality.row_spn_6 > * {
    width: 16.6666666667% !important;
  }
  .row.equality.row_spn_7 > * {
    width: 14.2857142857% !important;
  }
  .row.equality.row_spn_8 > * {
    width: 12.5% !important;
  }
  .row.equality.row_spn_9 > * {
    width: 11.1111111111% !important;
  }
  .row.equality.row_spn_10 > * {
    width: 10% !important;
  }
}
.row > .row1 {
  width: 10%;
}
.row > .row2 {
  width: 20%;
}
.row > .row3 {
  width: 30%;
}
.row > .row4 {
  width: 40%;
}
.row > .row5 {
  width: 50%;
}
.row > .row6 {
  width: 60%;
}
.row > .row7 {
  width: 70%;
}
.row > .row8 {
  width: 80%;
}
.row > .row9 {
  width: 90%;
}
.row > .row10 {
  width: 100%;
}
@media only screen and (min-width: 1026px ) {
  .row > .row_pc_1 {
    width: 10% !important;
  }
  .row > .row_pc_2 {
    width: 20% !important;
  }
  .row > .row_pc_3 {
    width: 30% !important;
  }
  .row > .row_pc_4 {
    width: 40% !important;
  }
  .row > .row_pc_5 {
    width: 50% !important;
  }
  .row > .row_pc_6 {
    width: 60% !important;
  }
  .row > .row_pc_7 {
    width: 70% !important;
  }
  .row > .row_pc_8 {
    width: 80% !important;
  }
  .row > .row_pc_9 {
    width: 90% !important;
  }
  .row > .row_pc_10 {
    width: 100% !important;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .row > .row_tablet_1 {
    width: 10% !important;
  }
  .row > .row_tablet_2 {
    width: 20% !important;
  }
  .row > .row_tablet_3 {
    width: 30% !important;
  }
  .row > .row_tablet_4 {
    width: 40% !important;
  }
  .row > .row_tablet_5 {
    width: 50% !important;
  }
  .row > .row_tablet_6 {
    width: 60% !important;
  }
  .row > .row_tablet_7 {
    width: 70% !important;
  }
  .row > .row_tablet_8 {
    width: 80% !important;
  }
  .row > .row_tablet_9 {
    width: 90% !important;
  }
  .row > .row_tablet_10 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_1 {
    width: 10% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_1 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_2 {
    width: 20% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_2 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_3 {
    width: 30% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_3 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_4 {
    width: 40% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_4 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_5 {
    width: 50% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_5 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_6 {
    width: 60% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_6 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_7 {
    width: 70% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_7 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_8 {
    width: 80% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_8 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_9 {
    width: 90% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_9 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row > .row_spn_10 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 750px ) and (max-width: 750px ) {
  .row > .row_spn_10 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 1026px ) {
  .row.row_pc_reverse {
    flex-direction: row-reverse !important;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .row.row_tablet_reverse {
    flex-direction: row-reverse !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row.row_spn_reverse {
    flex-direction: row-reverse !important;
  }
}
@media only screen and (min-width: 1026px ) {
  .row.colum_pc_reverse {
    flex-direction: column-reverse !important;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .row.column_tablet_reverse {
    flex-direction: column-reverse !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row.column_spn_reverse {
    flex-direction: column-reverse !important;
  }
}
@media only screen and (max-width: 750px ) {
  .row.row_spn_1 > * {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
.row.space_xsmall {
  width: calc(100% + 1rem);
  margin-right: -1rem;
}
@media only screen and (max-width: 750px ) {
  .row.space_xsmall {
    width: 100%;
    margin-right: 0;
  }
}
.row.space_xsmall > * {
  padding-right: 1rem;
}
.row.space_small {
  width: calc(100% + 2.5rem);
  margin-right: -2.5rem;
}
@media only screen and (max-width: 750px ) {
  .row.space_small {
    width: 100%;
    margin-right: 0;
  }
}
.row.space_small > * {
  padding-right: 2.5rem;
}
.row.space_normal {
  width: calc(100% + 3rem);
  margin-right: -3rem;
}
@media only screen and (max-width: 750px ) {
  .row.space_normal {
    width: 100%;
    margin-right: 0;
  }
}
.row.space_normal > * {
  padding-right: 3rem;
}
.row.space_large {
  width: calc(100% + 5rem);
  margin-right: -5rem;
}
@media only screen and (max-width: 750px ) {
  .row.space_large {
    width: 100%;
    margin-right: 0;
  }
}
.row.space_large > * {
  padding-right: 5rem;
}
.row.space_xlarge {
  width: calc(100% + 10rem);
  margin-right: -10rem;
}
@media only screen and (max-width: 750px ) {
  .row.space_xlarge {
    width: 100%;
    margin-right: 0;
  }
}
.row.space_xlarge > * {
  padding-right: 10rem;
}
.row.jc_c {
  justify-content: center;
}
.row.flex-stretch {
  align-items: stretch;
}

.spn_w_full {
  width: 100%;
}

body {
  overflow-x: hidden;
}

.slick-slider {
  margin: 0 auto 160px;
}
@media only screen and (max-width: 750px ) {
  .slick-slider {
    margin: 0 auto 100px;
  }
}

.slider.slick-initialized {
  opacity: 1;
}

.slider {
  opacity: 0;
  transition: opacity 0.3s linear;
  position: relative;
  width: 100%;
  margin: 0 auto 40px;
  max-width: 1400px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .slider {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .slider {
    max-width: 100%;
    min-width: 100%;
  }
}

.slick-list {
  overflow: visible;
}

.slick-slide {
  overflow: hidden;
  transition: all 0.1s ease;
  height: 670px;
}
@media only screen and (max-width: 750px ) {
  .slick-slide {
    width: 100%;
  }
}
.slick-slide > div {
  display: flex;
  align-items: stretch;
}

.slider__item {
  background-color: #fff;
  transition: all 0.1s ease;
  display: inine-block;
}
.slider__item img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 670px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .slider__item img {
    height: auto;
  }
}
@media only screen and (max-width: 750px ) {
  .slider__item img {
    height: auto;
  }
}
.slider__item a:hover img {
  opacity: 1;
}

.line_bb {
  border-bottom: solid 1px #ccc;
}

.slick-current {
  transition: all 0.1s ease;
}

.slick-slide.slick-current .slider__item,
.slick-slide.is-active-next .slider__item {
  transition: all 0.1s ease;
}

.slick-dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 2.5rem;
}
.slick-dots li {
  display: block;
  width: 20px;
  height: 20px;
  background: #ccc;
  overflow: hidden;
  margin: 0 10px;
  border-radius: 100%;
}
.slick-dots li > * {
  visibility: hidden;
}
@media only screen and (max-width: 750px ) {
  .slick-dots li {
    width: 16px;
    height: 16px;
  }
}
.slick-dots .slick-active .slider__item,
.slick-dots .slick-current .slider__item {
  opacity: 0.8;
}
@media only screen and (max-width: 750px ) {
  .slick-dots {
    margin-top: 1em;
  }
}
.slick-dots .slick-active {
  background: #4FB5DD;
}

.slick-prev,
.slick-next {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background-color: transparent;
}

.slick-prev {
  left: 1.5em;
  top: calc(50% - 60px);
  display: block;
  width: 40px;
  height: 100px;
  background-image: url(../images/common/arrow_slider_left.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.slick-prev:hover {
  transition: 0.3s ease;
  opacity: 1;
}
@media only screen and (max-width: 750px ) {
  .slick-prev {
    display: none !important;
    left: 6vw;
    top: 40%;
    width: 30px;
    height: 70px;
  }
}

.slick-next {
  right: 1.5em;
  top: calc(50% - 60px);
  display: block;
  width: 40px;
  height: 100px;
  background-image: url(../images/common/arrow_slider_right.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
.slick-next:hover {
  transition: 0.3s ease;
  opacity: 1;
}
@media only screen and (max-width: 750px ) {
  .slick-next {
    display: none !important;
    right: 6vw;
    top: 40%;
    width: 30px;
    height: 70px;
  }
}

.default-ttl {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  padding: 100px 0 70px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default-ttl {
    min-width: 100%;
    padding: 40px 20px 40px;
  }
}
@media only screen and (max-width: 750px ) {
  .default-ttl {
    min-width: 100%;
    padding: 40px 20px 40px;
  }
}
.default-ttl .secondary-ttl {
  color: #5A5657;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default-ttl .secondary-ttl {
    font-size: 24px;
  }
}
@media only screen and (max-width: 750px ) {
  .default-ttl .secondary-ttl {
    font-size: 24px;
  }
}
.default-ttl .secondary-ttl:before {
  color: #C69E42;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default-ttl .secondary-ttl:before {
    font-size: 24px;
  }
}
@media only screen and (max-width: 750px ) {
  .default-ttl .secondary-ttl:before {
    font-size: 24px;
  }
}

.default-ttl-sub {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  padding: 80px 140px 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default-ttl-sub {
    min-width: 100%;
    padding: 40px 20px 0px;
  }
}
@media only screen and (max-width: 750px ) {
  .default-ttl-sub {
    min-width: 100%;
    padding: 40px 16px 20px;
  }
}
.default-ttl-sub .secondary-ttl {
  color: #5A5657;
  line-height: 1.4;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default-ttl-sub .secondary-ttl {
    font-size: 24px;
  }
}
@media only screen and (max-width: 750px ) {
  .default-ttl-sub .secondary-ttl {
    font-size: 24px;
  }
}
.default-ttl-sub .secondary-ttl:before {
  color: #C69E42;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default-ttl-sub .secondary-ttl:before {
    font-size: 24px;
  }
}
@media only screen and (max-width: 750px ) {
  .default-ttl-sub .secondary-ttl:before {
    font-size: 24px;
  }
}

.secondary-ttl {
  font-size: 42px;
  text-align: center;
  z-index: 2;
  padding: 0 0 30px;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 4px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .secondary-ttl {
    font-size: 28px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .secondary-ttl {
    font-size: 28px;
    padding-bottom: 20px;
  }
}
.secondary-ttl span {
  font-size: 18px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .secondary-ttl span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px ) {
  .secondary-ttl span {
    font-size: 14px;
  }
}
.secondary-ttl:before {
  content: attr(data-en);
  font-family: "Parisienne", cursive;
  color: #F2CB71;
  font-size: 32px;
  display: block;
  margin: 0 auto 30px;
  letter-spacing: 0;
  font-weight: normal;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .secondary-ttl:before {
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .secondary-ttl:before {
    margin: 0 auto 10px;
  }
}

.treatment-item-ttl {
  font-size: 21px;
  text-align: center;
  z-index: 2;
  padding: 12px 0 0px;
  line-height: 1.6;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .treatment-item-ttl {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 750px ) {
  .treatment-item-ttl {
    font-size: 1.8rem;
    padding-bottom: 50px;
  }
}
.treatment-item-ttl:before {
  content: attr(data-en);
  font-family: "Parisienne", cursive;
  color: #C69E42;
  font-size: 24px;
  display: block;
  margin: 0 auto 0px;
  letter-spacing: 0;
  font-weight: normal;
}
@media only screen and (max-width: 750px ) {
  .treatment-item-ttl:before {
    line-height: 1;
  }
}
.treatment-item-ttl a {
  color: #56858F;
}

.third-ttl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #56858F;
  text-align: center;
  margin-bottom: 16px;
}

.default-trird-ttl {
  padding: 8px 32px;
  font-size: 2.2rem;
  margin-bottom: 24px;
  font-weight: bold;
  color: #fff;
  background-image: linear-gradient(-90deg, #4FB5DD 0%, #86D4F2 100%);
}
.default-trird-ttl span {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 0 5px;
}
@media only screen and (max-width: 750px ) {
  .default-trird-ttl {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.default-fourth-ttl {
  display: block;
  padding: 0 0 0 16px;
  border-left: solid 10px #0098D7;
  font-size: 2.2rem;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 750px ) {
  .default-fourth-ttl {
    padding: 0 0 0 10px;
    border-left: solid 8px #0098D7;
    font-size: 1.6rem;
  }
}

.default-bold-ttl {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.l-pagettl {
  display: flex;
  align-items: center;
  height: 400px;
  font-weight: bold;
  letter-spacing: 4px;
  position: relative;
  background-color: #D7F0FD;
  line-height: 1.2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-pagettl {
    height: 100%;
    min-height: 200px;
    max-height: 400px;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 750px ) {
  .l-pagettl {
    height: 100%;
    min-height: 200px;
    max-height: 400px;
    line-height: 1.6;
  }
}
.l-pagettl span {
  font-size: 1.8rem;
  display: inline-block;
  margin-bottom: 10px;
  text-decoration: underline;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-pagettl span {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 750px ) {
  .l-pagettl span {
    font-size: 1rem;
  }
}
.l-pagettl .ttl-ulttl-block {
  position: relative;
}
@media only screen and (max-width: 750px ) {
  .l-pagettl .ttl-ulttl-block {
    line-height: 1.2;
  }
}
.l-pagettl .ttl-ulttl-block:after {
  content: attr(data-en);
  font-family: "Parisienne", cursive;
  color: #Fff;
  font-size: 120px;
  display: block;
  position: absolute;
  margin: 0 auto 0px;
  letter-spacing: 20px;
  font-weight: normal;
  z-index: 0;
  top: 0px;
  transform: rotate(-10deg);
  white-space: nowrap;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-pagettl .ttl-ulttl-block:after {
    font-size: 5rem;
    top: 50px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 750px ) {
  .l-pagettl .ttl-ulttl-block:after {
    font-size: 5rem;
    top: 20px;
    line-height: 1.2;
    letter-spacing: 6px;
  }
}
.l-pagettl .ttl-ulttl {
  text-align: left;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  font-size: 40px;
  padding-left: 10px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-pagettl .ttl-ulttl {
    line-height: 1;
    font-size: 36px;
    padding-left: 24px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-pagettl .ttl-ulttl {
    font-size: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.bg-gray {
  background-color: #F6F8FA;
}

.bg-black {
  background-color: #5A5657;
}

.bg-subblack {
  background-color: #474756;
}

.bg-blue {
  background-color: #4FB5DD;
}

.bg-navy {
  background-color: #09275B;
}

.bg-gray {
  background-color: #f4f4f4;
}

.bg-white {
  background-color: #fff;
}

.bg-green {
  background-color: #EEF8F7;
}

.bg-lightgray {
  background-color: #AAAAAA;
}

.bg-block {
  display: block;
}
.bg-block.border-line-section {
  border-top: solid 1px #fff;
}

.bg-grad_blue {
  background-image: linear-gradient(-268deg, #BDECF2 0%, #D3E7F7 60%, #BBEDF2 96%);
}

.l-page-ttl.bg-business01 {
  background-image: url(../img/common/bg_business_01.jpg);
}
.l-page-ttl.bg-toyologo {
  background-image: url(../img/common/bg_toyologo.jpg);
}

.l-pagenavi {
  text-align: center;
  vertical-align: top;
  margin-top: 20px;
}
@media only screen and (max-width: 750px ) {
  .l-pagenavi {
    margin-bottom: 10vw;
  }
}
.l-pagenavi a {
  width: 32px;
  height: 32px;
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  line-height: 1.5;
  margin: 0 2px;
  border: solid 2px #5A5657;
}
.l-pagenavi a:hover {
  background-color: #5A5657;
  color: #fff;
}
@media only screen and (max-width: 750px ) {
  .l-pagenavi a {
    line-height: 1.8;
  }
}
.l-pagenavi .current {
  color: #fff;
  width: 32px;
  height: 32px;
  margin: 0 2px;
  line-height: 1.5;
  text-decoration: none;
  background-color: #5A5657;
  display: inline-block;
  border: solid 2px #5A5657;
}
@media only screen and (max-width: 750px ) {
  .l-pagenavi .current {
    line-height: 1.8;
  }
}
.l-pagenavi .prevlink, .l-pagenavi .nextlink {
  background-color: #fff;
  margin: 0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0 40px;
  position: relative;
  font-size: 15px;
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .pagination {
    font-size: 13px;
  }
}

.pagination span, .pagination a {
  display: block;
  width: auto;
  margin: 4px;
  padding: 8px;
  border: 1px solid #000;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
}

/* ページ番号 */
.pagination .pager {
  width: 32px;
}
@media only screen and (max-width: 750px ) {
  .pagination .pager {
    display: none;
  }
}

/* ホバー時 & 現在のページ */
.pagination a:hover,
.pagination .current {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
@media only screen and (max-width: 750px ) {
  .pagination a:hover,
  .pagination .current {
    display: inline-block;
  }
}

/* 前へ */
.pagination a.prev {
  margin-right: 16px;
  content: "left";
}
@media only screen and (max-width: 750px ) {
  .pagination a.prev {
    margin-right: auto;
  }
}

/* 次へ */
.pagination a.next {
  margin-left: 16px;
}
@media only screen and (max-width: 750px ) {
  .pagination a.next {
    margin-left: auto;
  }
}

/* 最初へ */
/* 最後へ */
/* Page x / y */
.pagination span.page_num {
  display: none;
}

.contact-form input, .contact-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact-form select {
  background-image: url(../images/common/arrow_down.png);
  background-position: 95% center;
  background-size: 9px;
  background-repeat: no-repeat;
  padding-right: 12px !important;
  background-color: #fff;
  border: solid 1px #000;
  color: #000;
  min-height: 18px;
}
@media only screen and (max-width: 750px ) {
  .contact-form select {
    min-height: 17px;
  }
}

.contact-area {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 750px ) {
  .contact-area li {
    width: 100%;
  }
}
.contact-area .btn {
  padding: 20px;
  width: 50vw;
  max-width: 420px;
  margin: 10px;
  text-align: center;
  font-size: 2rem;
}
.contact-area .btn:before {
  display: inline-block;
  left: 3vw;
  position: relative;
  top: 13px;
  left: -10px;
}
.contact-area .btn:after {
  display: inline-block;
  right: 3vw;
  position: relative;
  top: 4px;
  left: 10px;
}
.contact-area .btn:hover {
  text-decoration: none;
}
@media only screen and (max-width: 750px ) {
  .contact-area .btn {
    width: 100%;
    max-width: 100%;
    padding: 4vw 6vw;
    font-size: 1.4rem;
    margin: 0 auto 16px;
  }
}

.btn-contant-tel {
  color: #fff;
  text-align: center;
  pointer-events: none;
}
.btn-contant-tel:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-background-size: contain;
  background-image: url(../images/common/tel_w.svg);
}
@media only screen and (max-width: 750px ) {
  .btn-contant-tel {
    display: block;
    width: 100%;
    padding: 3vw 4vw;
    font-size: 2rem;
    margin: 0 auto 16px;
    border-top: solid 3px #fff;
    border-left: solid 3px #fff;
    border-right: solid 3px #fff;
    border-bottom: solid 8px #fff;
    line-height: 1;
  }
}
@media only screen and (max-width: 750px ) {
  .btn-contant-tel span {
    font-size: 0.8rem;
  }
}

.contact-content {
  display: block;
  max-width: 970px;
  min-width: 970px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-content {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-content {
    max-width: 100%;
    min-width: 100%;
  }
}

.contact-ttl {
  width: 100%;
  margin: auto;
  padding: 40px 0 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-ttl {
    min-width: 100%;
    padding: 40px 20px 40px;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-ttl {
    min-width: 100%;
    padding: 30px 20px 30px;
  }
}
.contact-ttl .secondary-ttl {
  font-size: 36px;
  color: #5A5657;
  letter-spacing: 1px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-ttl .secondary-ttl {
    font-size: 28px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-ttl .secondary-ttl {
    font-size: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 750px ) {
  .contact-text {
    font-size: 1.2rem;
  }
}

.table-contact.confirm-block tr {
  border-bottom: solid 1px #DDDDDD;
  padding: 2px 0px 20px;
}
@media only screen and (max-width: 750px ) {
  .table-contact.confirm-block tr {
    padding: 0px 0px 10px;
    margin: 10px 0;
  }
}
.table-contact.confirm-block tr:last-child {
  border-bottom: none;
}

.contact-form .cell-width_100p input {
  width: 100%;
}
.contact-form .cell-width_100p textarea {
  width: 100%;
  min-width: 100%;
  max-width: 518px;
}
.contact-form input, .contact-form select, .contact-form textarea {
  border: solid 1px #222628;
  padding: 4px 10px;
  border-radius: 3px;
  min-height: 30px;
}
@media only screen and (max-width: 750px ) {
  .contact-form input, .contact-form select, .contact-form textarea {
    padding: 4px;
  }
}
.contact-form ::-webkit-input-placeholder {
  color: #aaa;
}
.contact-form ::-moz-placeholder {
  color: #aaa;
}
.contact-form :-ms-input-placeholder {
  color: #aaa;
}
.contact-form ::-ms-input-placeholder {
  color: #aaa;
}
.contact-form ::placeholder {
  color: #aaa;
}

.contact-red, .contact-blue {
  padding: 20px 80px;
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .contact-red, .contact-blue {
    padding: 0rem 20px;
  }
}

.contact-red {
  background-color: #FFF7F7;
  margin-bottom: 10px;
}

.contact-blue {
  background-color: #F5FDFF;
}
@media only screen and (max-width: 750px ) {
  .contact-blue {
    padding-bottom: 10px;
  }
}

.table-contact {
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .table-contact {
    font-size: 1.2rem;
  }
}
.table-contact th, .table-contact td {
  vertical-align: top;
}
.table-contact tr {
  display: flex;
  margin: 15px 0;
  width: 100%;
}
.table-contact th {
  display: inline-block;
  font-weight: bold;
  width: 35%;
}
@media only screen and (max-width: 750px ) {
  .table-contact th {
    width: 40%;
  }
}
.table-contact td {
  display: inline-block;
  width: 64%;
}
.table-contact td input {
  width: 100%;
}
.table-contact .contact-twoblock {
  display: flex;
  justify-content: space-between;
}
.table-contact .contact-twoblock input {
  width: 100%;
  max-width: 290px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .table-contact .contact-twoblock input {
    max-width: 33vw;
  }
}
.table-contact .contact-twoblock select {
  width: 100%;
  min-height: 39px;
}
@media only screen and (max-width: 750px ) {
  .table-contact .contact-twoblock select {
    min-height: 31px;
  }
}
.table-contact .contact-twoblock .twoblock-left {
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .table-contact .contact-twoblock .twoblock-left {
    margin-right: 6px;
  }
}
.table-contact .contact-twoblock .twoblock-right {
  display: block;
  width: 73%;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .table-contact .contact-twoblock .twoblock-right {
    width: 24vw;
  }
}
.table-contact .contact-twoblock .twoblock-right select {
  font-size: 1.6rem;
}
@media only screen and (max-width: 750px ) {
  .table-contact .contact-twoblock .twoblock-right select {
    font-size: 1.1rem;
    padding: 2px 4px;
  }
}

_:lang(x)::-internal-media-controls-overlay-cast-button, .table-contact .contact-twoblock .twoblock-right select {
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px ) {
  _:lang(x)::-internal-media-controls-overlay-cast-button, .table-contact .contact-twoblock .twoblock-right select {
    font-size: 1.1rem;
  }
}

_::-webkit-full-page-media, _:future, :root .table-contact .contact-twoblock .twoblock-right select {
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px ) {
  _::-webkit-full-page-media, _:future, :root .table-contact .contact-twoblock .twoblock-right select {
    font-size: 1.1rem;
  }
}

.contact-must, .contact-any {
  display: block;
  width: 50px;
  font-size: 12px;
  color: #fff;
  float: right;
  margin-right: 20px;
  position: relative;
  top: 5px;
  text-align: center;
}
@media only screen and (max-width: 750px ) {
  .contact-must, .contact-any {
    font-size: 9px;
    width: 25px;
    margin-right: 10px;
  }
}

.contact-must {
  background-color: #F4432E;
}

.contact-any {
  background-color: #BCBCBC;
}

.calender-block {
  position: relative;
  width: 100%;
  padding-top: 45.25%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 360px;
}
@media only screen and (max-width: 750px ) {
  .calender-block {
    padding-top: 56.25%;
    max-height: auto;
    min-height: 360px;
  }
}
.calender-block iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  max-height: 360px;
}
@media only screen and (max-width: 750px ) {
  .calender-block iframe {
    min-height: 360px;
    max-height: auto;
    overflow-wrap: break-word !important;
    word-break: break-all;
  }
}
.calender-block iframe html body {
  background-color: none !important;
}

.contact-ca-ttl {
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 750px ) {
  .contact-ca-ttl {
    margin: 0px 0 10px;
    padding-top: 10px;
    font-size: 1.2rem;
  }
}

.calender-coment {
  font-size: 1.4rem;
  margin-top: 20px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 750px ) {
  .calender-coment {
    font-size: 1.2rem;
  }
}
.calender-coment + .calender-coment {
  margin-top: 0;
  margin-bottom: 20px;
}

.contact-ttl.confirm-ttl {
  padding-bottom: 6px;
}

.contact-btn-area {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 750px ) {
  .contact-btn-area {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-btn-area button + button {
    margin-top: 4px;
  }
}

.send-btn {
  background-color: #56BCB3;
}
.send-btn span:before {
  background-image: url(../images/common/icon_arrow_right_white.svg);
}

.back-btn {
  background-color: #AEB1B1;
}
.back-btn span:before {
  background-image: url(../images/common/icon_arrow_right_white.svg);
  transform: rotate(180deg);
}

.contact-btn {
  display: block;
  width: 100%;
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
  padding: 20px;
  font-size: 1.8rem;
  color: #fff;
}
@media only screen and (max-width: 750px ) {
  .contact-btn {
    margin: 0;
    font-size: 1.4rem;
  }
}
.contact-btn span:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 15px;
  margin-right: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}

.btn-size-half {
  max-width: 500px;
}

.error {
  color: #F00;
}
@media only screen and (max-width: 750px ) {
  .error {
    font-size: 1.2rem;
  }
}

.mw_wp_form_confirm tr {
  border-bottom: solid 1px #DDDDDD;
  padding: 2px 0px 20px;
}
@media only screen and (max-width: 750px ) {
  .mw_wp_form_confirm tr {
    padding: 0px 0px 10px;
    margin: 10px 0;
  }
}
.mw_wp_form_confirm .contact-ttl {
  padding: 40px 0 10px;
}
.mw_wp_form_confirm .contact-text {
  display: none;
}
.mw_wp_form_confirm .contact-red, .mw_wp_form_confirm .contact-blue {
  padding: 0 0;
}
@media only screen and (max-width: 750px ) {
  .mw_wp_form_confirm .contact-red, .mw_wp_form_confirm .contact-blue {
    padding: 0 20px;
  }
}
.mw_wp_form_confirm .contact-red {
  background: none;
  margin-bottom: 0;
}
.mw_wp_form_confirm .contact-red tr:last-child {
  margin-bottom: 0;
}
.mw_wp_form_confirm .contact-blue {
  background: none;
}
.mw_wp_form_confirm .contact-blue tr:last-child {
  border-bottom: none;
}
.mw_wp_form_confirm .contact-ca-ttl, .mw_wp_form_confirm .calender-block, .mw_wp_form_confirm .calender-coment {
  display: none;
}
.mw_wp_form_confirm .contact-twoblock {
  justify-content: flex-start;
}
.mw_wp_form_confirm .contact-twoblock .twoblock-left, .mw_wp_form_confirm .contact-twoblock .twoblock-right {
  width: auto;
}
.mw_wp_form_confirm .contact-twoblock .twoblock-left {
  margin-right: 10px;
}

#ui-datepicker-div {
  z-index: 100 !important;
}

.l-reason {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/top/bg_reasons_ttl_pc.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-reason {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-reason {
    max-width: 100%;
    min-width: 100%;
    background-image: url(../images/top/bg_reasons_ttl_sp.jpg);
  }
}
.l-reason .reason-ttl {
  position: relative;
  top: 0px;
  padding-top: 20px;
  margin-bottom: 50px;
  text-align: center;
}
.l-reason .reason-ttl img {
  width: 28%;
  height: auto;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-reason .reason-ttl {
    top: 0px;
    max-height: 100vw;
    margin-bottom: 20px;
  }
  .l-reason .reason-ttl img {
    width: 30%;
    height: auto;
  }
}
@media only screen and (max-width: 750px ) {
  .l-reason .reason-ttl {
    top: 0px;
    max-height: 60vw;
    margin-bottom: 20px;
  }
  .l-reason .reason-ttl img {
    width: 100%;
    height: 100%;
    max-width: 60vw;
    position: relative;
  }
}

.under_line_y:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #FEFF43;
  position: relative;
  top: 20px;
  left: 0px;
}
@media only screen and (max-width: 750px ) {
  .under_line_y {
    margin-top: 20px;
  }
}

.reason-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 750px ) {
  .reason-list li:last-child {
    margin-bottom: 30px;
  }
}
.reason-list .reason-list-01,
.reason-list .reason-list-02,
.reason-list .reason-list-03,
.reason-list .reason-list-04,
.reason-list .reason-list-05 {
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 0 0 0 80px;
  height: 400px;
  position: relative;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .reason-list .reason-list-01,
  .reason-list .reason-list-02,
  .reason-list .reason-list-03,
  .reason-list .reason-list-04,
  .reason-list .reason-list-05 {
    height: 200px;
    min-height: 100px;
    padding: 0 0 0 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .reason-list .reason-list-01,
  .reason-list .reason-list-02,
  .reason-list .reason-list-03,
  .reason-list .reason-list-04,
  .reason-list .reason-list-05 {
    height: auto;
    min-height: 100px;
    padding: 0 0 0 60px;
  }
}
.reason-list .reason-list-01:before,
.reason-list .reason-list-02:before,
.reason-list .reason-list-03:before,
.reason-list .reason-list-04:before,
.reason-list .reason-list-05:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 20px;
  left: 20px;
  background-size: cover;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .reason-list .reason-list-01:before,
  .reason-list .reason-list-02:before,
  .reason-list .reason-list-03:before,
  .reason-list .reason-list-04:before,
  .reason-list .reason-list-05:before {
    width: 38px;
    height: 38px;
  }
}
@media only screen and (max-width: 750px ) {
  .reason-list .reason-list-01:before,
  .reason-list .reason-list-02:before,
  .reason-list .reason-list-03:before,
  .reason-list .reason-list-04:before,
  .reason-list .reason-list-05:before {
    width: 38px;
    height: 38px;
    top: 32px;
    left: 14px;
  }
}
.reason-list .under_line_y {
  margin-top: 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .reason-list .under_line_y img {
    width: 80%;
    height: auto;
  }
}
@media only screen and (max-width: 750px ) {
  .reason-list .under_line_y img {
    width: 80%;
  }
}
@media only screen and (max-width: 750px ) {
  .reason-list .under_line_y:after {
    display: none;
  }
}
.reason-list .reason-list-01 {
  width: 50%;
  background-image: url(../images/top/reason_01_bg.jpg);
}
.reason-list .reason-list-01:before {
  background-image: url(../images/top/reason_01_icon.svg);
}
@media only screen and (max-width: 750px ) {
  .reason-list .reason-list-01 {
    background-image: url(../images/top/reason_01_bg_sp.webp);
    background-position: center left;
    width: 100%;
  }
}
.reason-list .reason-list-02 {
  width: 50%;
  background-image: url(../images/top/reason_02_bg.jpg);
}
.reason-list .reason-list-02:before {
  background-image: url(../images/top/reason_02_icon.svg);
}
@media only screen and (max-width: 750px ) {
  .reason-list .reason-list-02 {
    background-image: url(../images/top/reason_02_bg_sp.webp);
    background-position: center left;
    width: 100%;
  }
}
.reason-list .reason-list-03 {
  width: 33.3333333333%;
  background-image: url(../images/top/reason_03_bg.jpg);
}
.reason-list .reason-list-03:before {
  background-image: url(../images/top/reason_03_icon.svg);
}
@media only screen and (max-width: 750px ) {
  .reason-list .reason-list-03 {
    background-image: url(../images/top/reason_03_bg_sp.webp);
    background-position: center left;
    width: 100%;
  }
}
.reason-list .reason-list-04 {
  width: 33.3333333333%;
  background-image: url(../images/top/reason_04_bg.jpg);
}
.reason-list .reason-list-04:before {
  background-image: url(../images/top/reason_04_icon.svg);
}
@media only screen and (max-width: 750px ) {
  .reason-list .reason-list-04 {
    background-image: url(../images/top/reason_04_bg_sp.webp);
    width: 100%;
  }
}
.reason-list .reason-list-05 {
  width: 33.3333333333%;
  background-image: url(../images/top/reason_05_bg.jpg);
}
.reason-list .reason-list-05:before {
  background-image: url(../images/top/reason_05_icon.svg);
}
@media only screen and (max-width: 750px ) {
  .reason-list .reason-list-05 {
    background-image: url(../images/top/reason_05_bg_sp.webp);
    width: 100%;
  }
}

.l-treatment {
  background-color: #F4F4F4;
  padding-bottom: 100px;
  margin: 0 auto;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-treatment {
    padding-bottom: 60px;
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-treatment {
    padding-bottom: 60px;
    width: 100%;
  }
}
.l-treatment .treatment-ttl {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/top/bg_treatment_ttl_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 100px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-treatment .treatment-ttl {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 0 60px;
  }
  .l-treatment .treatment-ttl p {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px ) {
  .l-treatment .treatment-ttl {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 20px 40px;
    background-image: url(../images/top/bg_treatment_ttl_sp.jpg);
  }
}
.l-treatment .secondary-ttl {
  color: #4FB5DD;
}
.l-treatment .treatment-block {
  width: 1120px;
  margin: auto;
  background-color: #fff;
  padding: 0px 32px 80px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-treatment .treatment-block {
    width: 100%;
    padding: 0 30px 30px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 750px ) {
  .l-treatment .treatment-block {
    width: 100%;
    padding: 0 30px 30px;
  }
}
.l-treatment .treatment-item-list {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -30px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-treatment .treatment-item-list {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px ) {
  .l-treatment .treatment-item-list {
    top: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.l-treatment .treatment-item-list .treatment-item {
  width: 340px;
  min-height: 390px;
  padding: 0px 0px 0px;
  position: relative;
  background-image: url(../images/top/tre_img_bg_pc.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.l-treatment .treatment-item-list .treatment-item a {
  display: block;
}
.l-treatment .treatment-item-list .treatment-item a:hover {
  text-decoration: none !important;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-treatment .treatment-item-list .treatment-item {
    background-size: contain;
    width: 32%;
    padding: 0px 0px 0px;
    margin-bottom: 30px;
    min-height: 300px;
  }
  .l-treatment .treatment-item-list .treatment-item img {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .l-treatment .treatment-item-list .treatment-item {
    width: 100%;
    padding: 0px 0px 0px;
    margin-bottom: 30px;
    min-height: 330px;
  }
  .l-treatment .treatment-item-list .treatment-item img {
    width: 100%;
  }
}
.l-treatment .treatment-item-list .treatment-item:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  background-image: url(../images/common/icon_arrow_right_green.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 750px ) {
  .l-treatment .treatment-item-list .treatment-item:after {
    right: calc(50% - 8px);
  }
}
.l-treatment .treatment-item-list .treatment-item:hover:after {
  -webkit-animation: arrow 1.2s infinite;
  animation: arrow 1.2s infinite;
}
@media only screen and (max-width: 750px ) {
  .l-treatment .treatment-item-list .treatment-item:hover:after {
    -webkit-animation: none;
    animation: none;
  }
}
@-webkit-keyframes arrow {
  100% {
    right: 20px;
    opacity: 0;
  }
}
@keyframes arrow {
  100% {
    right: 20px;
    opacity: 0;
  }
}

.tremenu-ttl {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/top/bg_tmenu_ttl_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0 80px 150px;
  text-align: center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .tremenu-ttl {
    max-width: 100%;
    min-width: 100%;
    padding: 50px 20px 20px 20px;
    background-image: url(../images/top/bg_tmenu_ttl_sp.jpg);
  }
  .tremenu-ttl img {
    width: 100%;
    max-width: 540px;
  }
}
@media only screen and (max-width: 750px ) {
  .tremenu-ttl {
    max-width: 100%;
    min-width: 100%;
    padding: 50px 20px 20px 20px;
    background-image: url(../images/top/bg_tmenu_ttl_sp.jpg);
  }
  .tremenu-ttl img {
    width: 100%;
    max-width: 540px;
  }
}
.tremenu-ttl .tremenu-cap {
  width: 626px;
  margin: 40px auto;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .tremenu-ttl .tremenu-cap {
    width: 90%;
    text-align: left;
    margin: 16px auto 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .tremenu-ttl .tremenu-cap {
    width: 100%;
    text-align: left;
    margin: 16px auto 20px;
  }
}

.tremenu-list-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .tremenu-list-block {
    justify-content: center;
  }
}
@media only screen and (max-width: 750px ) {
  .tremenu-list-block {
    justify-content: center;
    margin-bottom: 20px;
  }
}

.tremenu-content {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/top/bg_tmenu.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 60px 0 60px 0px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .tremenu-content {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 20px 60px;
    background-attachment: scroll;
  }
}
@media only screen and (max-width: 750px ) {
  .tremenu-content {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 20px 60px 20px;
    background-attachment: scroll;
  }
}

.tremenu-list {
  background-image: url(../images/common/frame_01_up.png), url(../images/common/frame_01_down.png);
  background-position: top center, bottom center;
  background-repeat: no-repeat, no-repeat;
  padding: 29px 0px 30px;
  width: 350px;
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 750px ) {
  .tremenu-list {
    margin-bottom: 5px;
    padding: 29px 0 30px;
  }
}

.tremenu-item {
  background-image: url(../images/common/frame_01_middle.png);
  background-position: center center;
  background-repeat: repeat-y;
  width: 100%;
  height: 100%;
  padding: 10px 32px;
}
@media only screen and (max-width: 750px ) {
  .tremenu-item {
    padding: 0px 33px;
  }
  .tremenu-item .third-ttl {
    font-size: 1.8rem;
    margin-bottom: 6px;
  }
  .tremenu-item p {
    font-size: 1.2rem;
  }
  .tremenu-item .mb_small {
    margin-bottom: 12px;
  }
}

.icon_menu_01,
.icon_menu_02,
.icon_menu_03,
.icon_menu_04,
.icon_menu_05 {
  text-align: left;
  padding-left: 42px;
  position: relative;
}
@media only screen and (max-width: 750px ) {
  .icon_menu_01,
  .icon_menu_02,
  .icon_menu_03,
  .icon_menu_04,
  .icon_menu_05 {
    padding-left: 38px;
  }
}
.icon_menu_01 span:before,
.icon_menu_02 span:before,
.icon_menu_03 span:before,
.icon_menu_04 span:before,
.icon_menu_05 span:before {
  content: "";
  display: block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center left;
}

.icon_menu_03,
.icon_menu_04,
.icon_menu_05 {
  color: #C69E42;
}

.icon_menu_01 span:before {
  width: 32px;
  height: 32px;
  top: 3px;
  left: 0px;
  background-image: url(../images/common/icon_teeth_green.svg);
}
@media only screen and (max-width: 750px ) {
  .icon_menu_01 span:before {
    width: 28px;
    height: 28px;
    top: 3px;
    left: 0px;
  }
}

.icon_menu_02 span:before {
  width: 32px;
  height: 32px;
  top: 3px;
  left: 0px;
  background-image: url(../images/common/icon_child_green.svg);
}
@media only screen and (max-width: 750px ) {
  .icon_menu_02 span:before {
    width: 28px;
    height: 28px;
    top: 3px;
    left: 0px;
  }
}

.icon_menu_03 span:before {
  width: 32px;
  height: 32px;
  top: 3px;
  left: 0px;
  background-image: url(../images/common/icon_plane_ocher.svg);
}
@media only screen and (max-width: 750px ) {
  .icon_menu_03 span:before {
    width: 28px;
    height: 28px;
    top: 3px;
    left: 0px;
  }
}

.icon_menu_04 span:before {
  width: 32px;
  height: 32px;
  top: 3px;
  left: 0px;
  background-image: url(../images/common/icon_flower_ocher.svg);
}
@media only screen and (max-width: 750px ) {
  .icon_menu_04 span:before {
    width: 28px;
    height: 28px;
    top: 3px;
    left: 0px;
  }
}

.icon_menu_05 span:before {
  width: 32px;
  height: 32px;
  top: 3px;
  left: 0px;
  background-image: url(../images/common/icon_teeth_plus_ocher.svg);
}
@media only screen and (max-width: 750px ) {
  .icon_menu_05 span:before {
    width: 28px;
    height: 28px;
    top: 3px;
    left: 0px;
  }
}

.l-contact {
  color: #000;
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/top/bg_contact.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0 80px;
  text-align: center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact {
    max-width: 100%;
    min-width: 100%;
    padding: 120px 40px 80px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact {
    max-width: 100%;
    min-width: 100%;
    background: none;
    padding: 80px 20px 60px;
  }
}
.l-contact .contact-area {
  background-color: #fff;
  border: solid 1px #36B4CA;
  padding: 36px;
  position: relative;
}
.l-contact .contact-area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: solid 1px #36B4CA;
  border-bottom: solid 1px #36B4CA;
  z-index: 0;
  right: -10px;
  top: 10px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact .contact-area {
    padding: 90px 40px 24px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact .contact-area {
    padding: 90px 24px 24px;
  }
}
.l-contact .contact-ttl {
  display: block;
  position: absolute;
  width: auto;
  top: -60px;
  font-size: 3rem;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  font-weight: bold;
  background-color: #fff;
  padding: 0 60px;
  letter-spacing: 6px;
  line-height: 1.2;
}
.l-contact .contact-ttl span {
  color: #D6282C;
}
.l-contact .contact-ttl:before {
  content: attr(data-en);
  font-size: 32px;
  display: block;
  letter-spacing: 0;
  font-family: "Parisienne", cursive;
  font-weight: normal;
  color: #F2CB71;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact .contact-ttl:before {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact .contact-ttl:before {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact .contact-ttl {
    width: auto;
    min-width: auto;
    padding: 0 10px;
    top: -40px;
    line-height: 1.3;
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact .contact-ttl {
    width: auto;
    min-width: auto;
    padding: 0 10px;
    top: -40px;
    line-height: 1.3;
    font-size: 2.5rem;
  }
}
.l-contact .contact-area-content {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.l-contact .contact-area-content .contact-area-img {
  position: absolute;
  top: -120px;
  right: 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact .contact-area-content .contact-area-img {
    display: none;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact .contact-area-content .contact-area-img {
    display: none;
  }
}
.l-contact .contact-area-content .contact-area-cap {
  width: 640px;
  text-align: left;
  margin: 0 0px 40px 80px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact .contact-area-content .contact-area-cap {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact .contact-area-content .contact-area-cap {
    width: 100%;
    margin: 0;
  }
}

.contact-cv-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 780px;
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.contact-cv-area .cv-tel {
  position: relative;
  width: 100%;
  border-right: solid 1px #979797;
  padding: 10px 40px 10px 0;
  margin-right: 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area .cv-tel {
    padding: 10px 0px 10px 0;
    margin-right: 0px;
    border-right: none;
  }
  .contact-cv-area .cv-tel a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area .cv-tel {
    padding: 10px 0px 10px 0;
    margin-right: 0px;
    border-right: none;
  }
  .contact-cv-area .cv-tel a:hover {
    text-decoration: none;
  }
}
.contact-cv-area .cv-tel .cv-tel-time {
  background: #f4f4f4;
  width: 100%;
  padding: 4px;
}
.contact-cv-area .cv-tel .tel {
  position: relative;
  font-size: 4rem;
  padding-left: 20px;
  letter-spacing: 3px;
  font-family: "Lora", serif;
  color: #56858F;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area .cv-tel .tel {
    font-size: 4.5vw;
    letter-spacing: 1px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area .cv-tel .tel {
    font-size: 9vw;
    letter-spacing: 1px;
    font-weight: bold;
  }
}
.contact-cv-area .cv-tel .tel:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 28px;
  left: -10px;
  top: 12px;
  background-image: url(../images/common/icon_tel_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area .cv-tel .tel:before {
    width: 3vw;
    height: 7vw;
    left: -1vw;
    top: 0vw;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area .cv-tel .tel:before {
    width: 7vw;
    height: 7vw;
    left: -2vw;
    top: 3vw;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area .cv-tel .tel:hover {
    text-decoration: none;
  }
}
.contact-cv-area .cv-tel p {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area .cv-form {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area .cv-form {
    width: 100%;
  }
}
.contact-cv-area .cv-form-btn {
  display: flex;
  height: 72px;
  width: 360px;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 1px #34b3c9;
  color: #FFF;
  font-weight: bold;
  background: #34b3c9;
  background: linear-gradient(to right, #34b3c9 1%, #96d8e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#34b3c9", endColorstr="#96d8e3",GradientType=1 );
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area .cv-form-btn {
    width: 100%;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area .cv-form-btn {
    width: 100%;
    font-size: 1.6rem;
  }
}
.contact-cv-area .cv-form-btn span {
  z-index: 3;
}
.contact-cv-area .cv-form-btn:hover {
  text-decoration: none;
}
.contact-cv-area .cv-form-btn:hover span {
  color: #34b3c9;
}
.contact-cv-area .cv-form-btn:hover .icon_arrow_rw:before {
  background-image: url(../images/common/icon_arrow_right_blue.svg);
}

.l-case {
  background-color: #EDE9E9;
  margin: 0 auto;
}
@media only screen and (max-width: 750px ) {
  .l-case {
    width: 100%;
  }
}

.frame-ttl {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/top/bg_ttl_blue.webp);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 80px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .frame-ttl {
    max-width: 100%;
    min-width: 100%;
    padding: 30px 32px 30px;
  }
  .frame-ttl p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 750px ) {
  .frame-ttl {
    max-width: 100%;
    min-width: 100%;
    padding: 30px 16px 36px;
  }
}

.frame-content {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-image: url(../images/top/bg_case.webp);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0 120px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .frame-content {
    max-width: 100%;
    min-width: 100%;
    padding: 20px 20px 40px;
    background-attachment: scroll;
  }
}
@media only screen and (max-width: 750px ) {
  .frame-content {
    max-width: 100%;
    min-width: 100%;
    padding: 20px 20px 40px;
    background-attachment: scroll;
  }
}

.case-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .case-list {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .case-list {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
.case-list .case-list-item {
  display: block;
  padding: 12px;
  width: 270px;
  background: #fff;
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .case-list .case-list-item {
    width: 24%;
  }
}
@media only screen and (max-width: 750px ) {
  .case-list .case-list-item {
    width: 49%;
    padding: 6px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .case-list .case-list-item img {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .case-list .case-list-item img {
    height: auto;
    width: 100%;
  }
}
.case-list .case-cap {
  padding: 0px 0 12px 24px;
  margin-top: 16px;
  background-image: url(../images/common/icon_arrow_right_green.svg);
  background-position: left 3px;
  background-repeat: no-repeat;
  line-height: 1.2;
  font-weight: bold;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .case-list .case-cap {
    font-size: 1.3rem;
    padding: 0 0 2px 12px;
    margin-top: 8px;
    line-height: 1.2;
    background-size: 10px 10px;
    background-position: left 3px;
  }
}
@media only screen and (max-width: 750px ) {
  .case-list .case-cap {
    font-size: 1.1rem;
    padding: 0 0 2px 12px;
    margin-top: 8px;
    line-height: 1.2;
    background-size: 9px 9px;
    background-position: left 2px;
  }
}
.case-list .case-cap span {
  font-weight: normal !important;
  font-size: 1.2rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .case-list .case-cap span {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 750px ) {
  .case-list .case-cap span {
    font-size: 8px;
  }
}
.case-list .case-cap a {
  color: #56858F;
}

.l-message {
  width: 100%;
  padding: 100px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-message {
    padding: 0px 0 0px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-message {
    padding: 0px 0 0px;
  }
}
.l-message .message-content {
  display: flex;
  align-items: center;
  padding: 40px;
  position: relative;
  width: 1120px;
  min-height: 560px;
  margin: auto;
  background-size: contain;
  background-image: url(../images/top/bg_message_pc.jpg);
  background-position: center right;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-message .message-content {
    width: 100%;
    padding: 0px 0 0;
  }
}
@media only screen and (max-width: 750px ) {
  .l-message .message-content {
    width: 100%;
    padding: 0px 0 0px;
    background-position: bottom right;
    background: none;
  }
}
.l-message .message-inner {
  width: 520px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-message .message-inner {
    width: 60%;
    padding: 60px 60px;
  }
  .l-message .message-inner img {
    max-width: 90px;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 750px ) {
  .l-message .message-inner {
    width: 100%;
    padding: 30px 20px;
    background-color: #fff;
  }
  .l-message .message-inner img {
    max-width: 90px;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
}
.l-message .message-ttl {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  font-size: 4rem;
  font-weight: bold;
  margin: 40px 0 25px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-message .message-ttl {
    font-size: 2.5rem;
    line-height: 1.4;
    margin: 10px 0 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 750px ) {
  .l-message .message-ttl {
    font-size: 2.5rem;
    line-height: 1.4;
    margin: 10px 0 30px;
    text-align: center;
  }
}
.l-message .message-inner .message-img {
  display: none;
}
@media only screen and (max-width: 750px ) {
  .l-message .message-inner .message-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
}
.l-message .message-ttl-sub {
  font-size: 2rem;
  font-weight: bold;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-message .message-ttl-sub {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-message .message-ttl-sub {
    margin-bottom: 16px;
  }
}

.l-about {
  background-color: #E7EFF7;
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  padding-bottom: 80px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-about {
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-about {
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 40px;
  }
}

.about-list {
  display: flex;
  justify-content: space-between;
  margin: 80px 0 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .about-list {
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 20px;
    margin: 20px 0 0px;
  }
}
@media only screen and (max-width: 750px ) {
  .about-list {
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 20px;
    margin: 20px 0 0px;
  }
}
.about-list .about-list-item {
  width: 360px;
  border-right: dotted 2px #979797;
  text-align: center;
}
.about-list .about-list-item:last-child {
  border: none;
}
.about-list .about-list-item img {
  width: 100%;
  height: auto;
  max-width: 300px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .about-list .about-list-item {
    width: 33%;
    border-right: none;
    padding: 0px 20px 30px;
    margin-bottom: 20px;
    border-right: dotted 1px #979797;
  }
}
@media only screen and (max-width: 750px ) {
  .about-list .about-list-item {
    width: 100%;
    border-right: none;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: dotted 1px #979797;
  }
}

.about-link-btn {
  width: 340px;
  color: #56858F;
  display: block;
  background-color: #fff;
  border: solid 1px #56858F;
  border-radius: 100px;
  padding: 20px 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .about-link-btn {
    margin: auto;
    width: 100%;
    max-width: 340px;
    padding: 5px 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .about-link-btn {
    margin: auto;
    width: 100%;
    max-width: 340px;
  }
}
.about-link-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #4FB5DD;
  border: solid 1px #fff;
}
.about-link-btn:hover .icon_arrow_r:before {
  background-image: url(../images/common/icon_arrow_right_white.svg);
}
.about-link-btn .icon_arrow_r:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  right: 5px;
  background-image: url(../images/common/icon_arrow_right_green.svg);
  background-position: center left;
  background-repeat: no-repeat;
}

.l-guide {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-color: #F5F5F5;
  background-image: url(../images/top/bg_guide_ttl_pc.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: solid 7px #C9C08D;
  background-attachment: fixed;
  padding: 60px 0 100px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-guide {
    max-width: 100%;
    min-width: 100%;
    padding: 60px 20px 40px;
    background-size: contain;
    background-attachment: scroll;
  }
}
@media only screen and (max-width: 750px ) {
  .l-guide {
    max-width: 100%;
    min-width: 100%;
    padding: 60px 20px 40px;
    background-size: contain;
    background-attachment: scroll;
  }
}
.l-guide .secondary-ttl {
  color: #5A5657;
}
.l-guide .guide-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 750px ) {
  .l-guide .guide-list {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.l-guide .guide-item {
  display: block;
  padding: 50px;
  width: 33.3333333333%;
  background-color: #fff;
  margin-right: 5px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-guide .guide-item {
    padding: 20px 24px;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-guide .guide-item {
    width: 100%;
    padding: 20px 24px;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.l-guide .guide-ttl {
  font-size: 1.8rem;
  font-weight: bold;
}
.l-guide .guide-item_01,
.l-guide .guide-item_02,
.l-guide .guide-item_03 {
  background-position: center center;
  background-size: 30%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 750px ) {
  .l-guide .guide-item_01,
  .l-guide .guide-item_02,
  .l-guide .guide-item_03 {
    background-size: 100% 50%;
  }
}
.l-guide .guide-item_01 {
  background-image: url(../images/common/icon_guide_01.svg);
}
.l-guide .guide-item_02 {
  background-image: url(../images/common/icon_guide_02.svg);
}
.l-guide .guide-item_03 {
  background-image: url(../images/common/icon_guide_03.svg);
  background-size: 20%;
}

.l-news {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  background-color: #F4F4F4;
  padding: 80px 0 80px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-news {
    max-width: 100%;
    min-width: 100%;
    padding: 0px 20px 40px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-news {
    max-width: 100%;
    min-width: 100%;
    padding: 0px 20px 40px;
  }
}
.l-news .news-block {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-news .news-block {
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 750px ) {
  .l-news .news-block {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.l-news .news-ttl {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  font-size: 4rem;
  font-weight: bold;
}
@media only screen and (max-width: 750px ) {
  .l-news .news-ttl {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 20px;
  }
}
.l-news .news-list {
  display: block;
  width: 780px;
  border-top: solid 1px #d8d8d8;
}
.l-news .news-list li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 18px;
  border-bottom: solid 1px #d8d8d8;
}
@media only screen and (max-width: 750px ) {
  .l-news .news-list li {
    padding: 18px 0;
    flex-wrap: wrap;
  }
}
.l-news .news-list li time {
  width: 2;
  margin-right: 40px;
  width: 120px;
}
@media only screen and (max-width: 750px ) {
  .l-news .news-list li time {
    display: block;
    width: 100%;
    font-size: 12px;
  }
}
.l-news .news-list li p {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .l-news .news-list li p {
    font-size: 12px;
  }
}

.l-map {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: 0 auto;
  padding: 60px 0 60px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-map {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 20px 40px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-map {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 20px 40px;
  }
}

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1000ms ease-out;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeinbg {
  opacity: 0;
  transition: all 1000ms ease-out;
}
@media only screen and (max-width: 750px ) {
  .fadeinbg {
    opacity: 1;
  }
}

.fadeinbg.scrollin {
  opacity: 1;
}

.fadein_left {
  opacity: 0;
  right: -50px !important;
  transition: all 1000ms ease-out;
}

@media only screen and (max-width: 750px ) {
  .fadein,
  .fadein_left_2,
  .fadein_left_3,
  .fadein_left_4,
  .fadein_left_5,
  .fadein_left_6 {
    opacity: 1;
    transition-delay: 0 !important;
    transition: none;
  }
}

.fadein.scrollin,
.fadein_left.scrollin,
.fadein_left_2.scrollin,
.fadein_left_3.scrollin,
.fadein_left_4.scrollin,
.fadein_left_5.scrollin,
.fadein_left_6.scrollin {
  opacity: 1;
  right: 0 !important;
}
@media only screen and (max-width: 750px ) {
  .fadein.scrollin,
  .fadein_left.scrollin,
  .fadein_left_2.scrollin,
  .fadein_left_3.scrollin,
  .fadein_left_4.scrollin,
  .fadein_left_5.scrollin,
  .fadein_left_6.scrollin {
    transition-delay: 0 !important;
    transition: none;
  }
}

.fadein_left_2 {
  opacity: 0;
  right: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 0.25s;
}

.fadein_left_3 {
  opacity: 0;
  right: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 0.5s;
}

.fadein_left_4 {
  opacity: 0;
  right: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 0.75s;
}

.fadein_left_5 {
  opacity: 0;
  right: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 1s;
}

.fadein_left_6 {
  opacity: 0;
  right: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 1.25s;
}

.fadein_right {
  opacity: 0;
  left: -50px !important;
  transition: all 1000ms ease-out;
}

@media only screen and (max-width: 750px ) {
  .fadein_right_2,
  .fadein_right_3,
  .fadein_right_4,
  .fadein_right_5,
  .fadein_right_6 {
    opacity: 1;
    transition-delay: 0 !important;
    transition: none;
  }
}

.fadein_right.scrollin,
.fadein_right_2.scrollin,
.fadein_right_3.scrollin,
.fadein_right_4.scrollin,
.fadein_right_5.scrollin,
.fadein_right_6.scrollin {
  opacity: 1;
  left: 0 !important;
}
@media only screen and (max-width: 750px ) {
  .fadein_right.scrollin,
  .fadein_right_2.scrollin,
  .fadein_right_3.scrollin,
  .fadein_right_4.scrollin,
  .fadein_right_5.scrollin,
  .fadein_right_6.scrollin {
    transition-delay: 0 !important;
    transition: none;
  }
}

.fadein_right_2 {
  opacity: 0;
  left: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 0.25s;
}

.fadein_right_3 {
  opacity: 0;
  left: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 0.5s;
}

.fadein_right_4 {
  opacity: 0;
  left: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 0.75s;
}

.fadein_right_5 {
  opacity: 0;
  left: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 1s;
}

.fadein_right_6 {
  opacity: 0;
  left: -50px !important;
  transition: all 1000ms ease-out;
  transition-delay: 1.25s;
}

.bg-qa {
  background-image: url(../images/qa/bg-qa.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-qa {
    background-image: url(../images/qa/bg-qa_sp.webp);
  }
}

.ul-qa li {
  width: 100%;
  padding: 64px 76px;
}
@media only screen and (max-width: 750px ) {
  .ul-qa li {
    padding: 40px 20px;
  }
}
.ul-qa li:nth-child(odd) {
  background-color: #f4f4f4;
}
.ul-qa li .ul-qa-q,
.ul-qa li .ul-qa-a {
  position: relative;
  padding-left: 48px;
  line-height: 1.6;
}
.ul-qa li .ul-qa-a {
  font-size: 1.6rem;
}
.ul-qa li .ul-qa-q:before,
.ul-qa li .ul-qa-a:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ul-qa li .ul-qa-q:before {
  background-image: url(../images/qa/icon_q.svg);
}
.ul-qa li .ul-qa-a:before {
  background-image: url(../images/qa/icon_a.svg);
}
.ul-qa li .ul-qa-q + .ul-qa-a {
  margin-top: 20px;
}
.ul-qa li .ul-qa-q {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
}

.ul-green {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.ul-green li {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 60px;
  max-width: 340px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .ul-green li {
    max-width: 45%;
  }
}
@media only screen and (max-width: 750px ) {
  .ul-green li {
    max-width: 100%;
  }
}
.ul-green a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #56BCB3;
  width: 100%;
  height: 100%;
  padding: 14px 10px;
  background-color: #fff;
  border: solid 5px #56BCB3;
  font-size: 1.5rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .ul-green a {
    font-size: 1.2rem;
    justify-content: start;
    border: solid 2px #56BCB3;
    padding: 1vw;
  }
}
@media only screen and (max-width: 750px ) {
  .ul-green a {
    font-size: 1.4rem;
    justify-content: start;
    border: solid 2px #56BCB3;
    padding: 10px;
  }
}
.ul-green a:hover {
  color: #fff;
  background-color: #56BCB3;
  text-decoration: none;
}
.ul-green a:hover .icon_arrow_rg:before {
  background-image: url(../images/common/icon_arrow_right_white.svg);
}
.ul-green.column_2 li, .ul-green.column_3 li {
  margin-right: 1vw;
  margin-left: 1vw;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 750px ) {
  .ul-green.column_2 li, .ul-green.column_3 li {
    margin-right: 0;
    margin-left: 0;
  }
}
.ul-green.column_3, .ul-green.column_4 {
  justify-content: flex-start;
}
.ul-green.column_4 li {
  font-size: 1.4rem;
  width: calc(25% - 16px);
  margin-right: 8px;
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .ul-green.column_4 li {
    width: calc(25% - 0.4vw);
    margin-right: 0.2vw;
    margin-left: 0.2vw;
  }
}
@media only screen and (max-width: 750px ) {
  .ul-green.column_4 li {
    margin-right: 0;
    margin-left: 0;
  }
}

.ul-green-cap {
  display: block;
  width: 100%;
  font-size: 1rem;
  padding-left: 28px;
  line-height: 1.2;
}

.column_2,
.column_3,
.column_4 {
  flex-wrap: wrap;
}
@media only screen and (max-width: 750px ) {
  .column_2.spn_col_1 > *,
  .column_3.spn_col_1 > *,
  .column_4.spn_col_1 > * {
    min-width: 100%;
  }
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .column_2 > * {
    width: 48%;
  }
}

.column_2 div, .column_2 li {
  width: 50%;
}

.column_3 div, .column_3 li {
  width: calc(33.3333333333% - 2vw);
  margin-right: 1vw;
}
.column_3 div:nth-child(3n), .column_3 li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 750px ) {
  .column_3 div, .column_3 li {
    margin-right: 0;
  }
}

.column_4 div, .column_4 li {
  width: calc(25% - 2vw);
  margin-right: 2vw;
}
.column_4 div:nth-child(4n), .column_4 li:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 750px ) {
  .column_4 div, .column_4 li {
    margin-right: 0;
  }
}

.column_2.space_xsmall {
  width: calc(100% - 1rem);
}
@media only screen and (max-width: 750px ) {
  .column_2.space_xsmall {
    width: 100%;
  }
}
.column_2.space_xsmall > * {
  width: calc(50% - 1rem);
  margin-right: -1rem;
}
@media only screen and (max-width: 750px ) {
  .column_2.space_xsmall > * {
    width: 100%;
    margin-right: 0;
  }
}

.column_3.space_right li {
  margin-right: 5rem;
}
.column_3.space_right li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 750px ) {
  .column_3.space_right li {
    margin-right: 1rem;
  }
}

.jc-between {
  justify-content: space-between;
}

.border-ttl {
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: bold;
  border-top: solid 1px #56BCB3;
  border-bottom: solid 1px #56BCB3;
}
@media only screen and (max-width: 750px ) {
  .border-ttl {
    padding: 4px 10px;
    margin-bottom: 5vw;
  }
}
.border-ttl span {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 0 5px;
}
@media only screen and (max-width: 750px ) {
  .border-ttl span {
    font-size: 1.2rem;
  }
}

.bg-blue-hex {
  padding: 20px 0 32px;
  background-image: url(../images/common/bg-blue-hex.webp);
  background-size: cover;
  background-position: center center;
  max-width: 2000px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px ) {
  .bg-blue-hex {
    padding: 10px 0;
  }
}

.block-img-left,
.block-img-left_re,
.block-img-right,
.block-img-right_re {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.block-img-left div:first-child {
  width: 45%;
  padding-right: 5%;
}
@media only screen and (max-width: 750px ) {
  .block-img-left div:first-child {
    padding-right: 0;
  }
}
.block-img-left div:nth-child(2) {
  width: 55%;
}

.block-img-left_re {
  flex-direction: row-reverse;
}
.block-img-left_re div:first-child {
  width: 45%;
  padding-right: 5%;
}
@media only screen and (max-width: 750px ) {
  .block-img-left_re div:first-child {
    padding-right: 0;
  }
}
.block-img-left_re div:nth-child(2) {
  width: 55%;
}

.block-img-right {
  flex-direction: row-reverse;
}
.block-img-right div:first-child {
  width: 45%;
  padding-left: 5%;
}
@media only screen and (max-width: 750px ) {
  .block-img-right div:first-child {
    padding-left: 0;
  }
}
.block-img-right div:nth-child(2) {
  width: 55%;
}

.block-img-right_re div:first-child {
  width: 55%;
  padding-right: 5%;
}
@media only screen and (max-width: 750px ) {
  .block-img-right_re div:first-child {
    padding-left: 0;
  }
}
.block-img-right_re div:nth-child(2) {
  width: 45%;
}

.b-green {
  border: solid 1px #56BCB3;
  background-color: #EEF8F7;
}

.block-text {
  padding: 40px 60px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media only screen and (max-width: 750px ) {
  .block-text {
    padding: 16px;
  }
}
.block-text li {
  font-size: 1.2rem;
  line-height: 1.85;
}

.blue-ttl-area {
  color: #0098D7;
  padding: 0px 20px 20px;
  text-align: center;
}
@media only screen and (max-width: 750px ) {
  .blue-ttl-area {
    padding: 20px;
    text-align: left;
  }
}
.blue-ttl-area .blue-ttl {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 750px ) {
  .blue-ttl-area .blue-ttl {
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .blue-ttl-area p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.img-num {
  position: relative;
}
.img-num:before {
  content: attr(data-num);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #56BCB3;
}

.table-basic {
  width: 100%;
  font-size: 20px;
}
.table-basic th {
  width: 25%;
  background-color: #E7EFF7;
}
@media only screen and (max-width: 750px ) {
  .table-basic th {
    width: 42%;
    font-size: 1.4rem;
  }
}
.table-basic th, .table-basic td {
  border: solid 1px #BCBCBC;
  padding: 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 750px ) {
  .table-basic th, .table-basic td {
    padding: 12px 10px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .table-basic {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px ) {
  .table-basic {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 750px ) {
  .table-basic .table-coment {
    font-size: 1.1rem;
  }
}

.js-scrollable {
  width: 100%;
  overflow: scroll;
}
.js-scrollable th, .js-scrollable td {
  min-width: 180px;
}

.check-list,
.check-list-block {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.check-list li,
.check-list-block li {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  font-size: 1.8rem;
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .check-list li {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 750px ) {
  .check-list li {
    padding: 8px 16px;
    font-size: 1.4rem;
    width: 49%;
  }
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .check-list-block li {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 750px ) {
  .check-list-block li {
    padding: 16px 16px;
    font-size: 1.4rem;
  }
}

.check-list-block li {
  width: 100%;
  position: relative;
}
.check-list-block li + li:after {
  content: "";
  background-image: linear-gradient(to right, #979797, #979797 3px, transparent 3px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.icon_check:before {
  content: "";
  display: block;
  min-width: 30px;
  min-height: 30px;
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 14px;
  left: 0;
  top: 0;
  background-image: url(../images/common/icon_check_green.svg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.item-ttl {
  margin-bottom: 20px;
  font-weight: bold;
}
.item-ttl.blue {
  color: #0098D7;
  font-weight: bold;
  font-size: 2.4rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .item-ttl.blue {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px ) {
  .item-ttl.blue {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .item-ttl {
    font-size: 1.4rem;
    margin-bottom: 1.5vw;
  }
}
@media only screen and (max-width: 750px ) {
  .item-ttl {
    font-size: 1.4rem;
    line-height: 1.95;
    margin-bottom: 15px;
  }
}

.item-ttl-sub {
  font-size: 2rem;
  font-weight: bold;
  margin: 12px 0 0;
}
@media only screen and (max-width: 750px ) {
  .item-ttl-sub {
    margin: 10px 0 0;
  }
}

.bg-about_01 {
  background-image: url(../images/about/bg_about_01.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-about_01 {
    background-image: url(../images/about/bg_about_01_sp.webp);
  }
}

.bg-about_02 {
  background-image: url(../images/about/bg_about_02.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-about_02 {
    background-image: url(../images/about/bg_about_02_sp.webp);
  }
}

.bg-about_03 {
  background-image: url(../images/about/bg_about_03.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-about_03 {
    background-image: url(../images/about/bg_about_03_sp.webp);
  }
}

.bg-about_04 {
  background-image: url(../images/about/bg_about_04.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-about_04 {
    background-image: url(../images/about/bg_about_04_sp.webp);
  }
}

.staff-history-ttl {
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px ) {
  .staff-history-ttl {
    font-size: 1.25rem;
  }
}

.staff-history-list {
  padding-left: 4px;
  margin: 2px 0 6px;
}
.staff-history-list li {
  width: 100%;
  padding-left: 14px;
  position: relative;
}
.staff-history-list li:before {
  content: "・";
  position: absolute;
  left: 0;
}

.staff-history-text {
  padding: 40px 60px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media only screen and (max-width: 750px ) {
  .staff-history-text {
    padding: 20px;
  }
}
.staff-history-text li {
  line-height: 1.85;
}

.staff-ttl {
  display: block;
  width: 100%;
  padding: 60px 20px;
  margin-bottom: 40px;
  font-size: 4rem;
  color: #5CBCE2;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  line-height: 1;
  background-color: #fff;
}
@media only screen and (max-width: 750px ) {
  .staff-ttl {
    padding: 40px 10px;
    font-size: 2.4rem;
    margin-bottom: 0;
  }
}
.staff-ttl span {
  font-weight: normal;
  font-size: 2.8rem;
  margin: 0 5px;
  color: #E9B813;
}
@media only screen and (max-width: 750px ) {
  .staff-ttl span {
    font-size: 1.2rem;
  }
}

.trird-ttl-staff {
  font-size: 5.4rem;
  margin-bottom: 24px;
  font-weight: bold;
  color: #5CBCE2;
  font-family: "Parisienne", cursive;
}
.trird-ttl-staff span {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 0 5px;
}
@media only screen and (max-width: 750px ) {
  .trird-ttl-staff {
    font-size: 4rem;
    line-height: 1.4;
    margin-bottom: 14px;
  }
}

.trird-ttl-staff_s {
  font-size: 4.2rem;
  margin-bottom: 24px;
  font-weight: bold;
  color: #5CBCE2;
  font-family: "Parisienne", cursive;
}
.trird-ttl-staff_s span {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 0 5px;
}
@media only screen and (max-width: 750px ) {
  .trird-ttl-staff_s {
    font-size: 4rem;
    line-height: 1.4;
    margin-bottom: 14px;
  }
}

.border-ttl_staff {
  display: block;
  width: 100%;
  padding: 24px 20px;
  font-size: 3rem;
  font-weight: bold;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  border-top: solid 10px #5CBCE2;
  border-bottom: solid 1px #5CBCE2;
  text-align: center;
  line-height: 1;
  letter-spacing: 4px;
}
@media only screen and (max-width: 750px ) {
  .border-ttl_staff {
    padding: 40px 10px;
    font-size: 2.4rem;
    margin-bottom: 5vw;
  }
}
.border-ttl_staff span {
  font-weight: normal;
  font-size: 2rem;
  margin: 0 5px;
}
@media only screen and (max-width: 750px ) {
  .border-ttl_staff span {
    font-size: 1.2rem;
  }
}

.staff-ttl-sub {
  display: block;
  width: 100%;
  padding: 40px 10px;
  font-size: 3.8rem;
  color: #5CBCE2;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  line-height: 1;
  background-color: #fff;
}
@media only screen and (max-width: 750px ) {
  .staff-ttl-sub {
    padding: 20px 10px;
    margin-bottom: 5vw;
    font-size: 2.4rem;
  }
}
.staff-ttl-sub span {
  font-weight: normal;
  font-size: 2rem;
  margin: 0 5px;
  color: #E9B813;
}
@media only screen and (max-width: 750px ) {
  .staff-ttl-sub span {
    font-size: 1.2rem;
  }
}

.bg_blue_staff {
  background-color: #F2F9FC;
}

.block-text_staff {
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
}
@media only screen and (max-width: 750px ) {
  .block-text_staff {
    padding-bottom: 60px;
  }
}
.block-text_staff li {
  line-height: 1.85;
}

.staff_txt_catch {
  width: 100%;
  font-size: 4.8rem;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
  line-height: 1.2;
  display: block;
}
@media only screen and (max-width: 750px ) {
  .staff_txt_catch {
    font-size: 3rem;
  }
}

.staff_flex_center {
  display: flex;
  align-items: center;
}
.staff_flex_center .w_100p {
  width: 100% !important;
}

.bg-menu_01 {
  background-image: url(../images/menu/bg_menu_01.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_01 {
    background-image: url(../images/menu/bg_menu_01_sp.webp);
  }
}

.bg-menu_02 {
  background-image: url(../images/menu/bg_menu_02.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_02 {
    background-image: url(../images/menu/bg_menu_02_sp.webp);
  }
}

.bg-menu_03 {
  background-image: url(../images/menu/bg_menu_03.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_03 {
    background-image: url(../images/menu/bg_menu_03_sp.webp);
  }
}

.bg-menu_04 {
  background-image: url(../images/menu/bg_menu_04.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_04 {
    background-image: url(../images/menu/bg_menu_04_sp.webp);
  }
}

.bg-menu_05 {
  background-image: url(../images/menu/bg_menu_05.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_05 {
    background-image: url(../images/menu/bg_menu_05_sp.webp);
  }
}

.bg-menu_06 {
  background-image: url(../images/menu/bg_menu_06.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_06 {
    background-image: url(../images/menu/bg_menu_06_sp.webp);
  }
}

.bg-menu_07 {
  background-image: url(../images/menu/bg_menu_07.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_07 {
    background-image: url(../images/menu/bg_menu_07_sp.webp);
  }
}

.bg-menu_08 {
  background-image: url(../images/menu/bg_menu_08.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_08 {
    background-image: url(../images/menu/bg_menu_08_sp.webp);
  }
}

.bg-menu_09 {
  background-image: url(../images/menu/bg_menu_09.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_09 {
    background-image: url(../images/menu/bg_menu_09_sp.webp);
  }
}

.bg-menu_10 {
  background-image: url(../images/menu/bg_menu_10.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-menu_10 {
    background-image: url(../images/menu/bg_menu_10_sp.webp);
  }
}

.menu-content {
  width: 100%;
  max-width: 2000px;
  min-width: 1400px;
  margin: auto;
  padding: 60px 0 80px 0px;
  background-color: #E7EFF7;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .menu-content {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 0 10px 0px;
  }
}
@media only screen and (max-width: 750px ) {
  .menu-content {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 0 40px 0px;
  }
}

.merit-item {
  padding: 60px;
  background-color: #EEF8F7;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .merit-item {
    padding: 4vw;
  }
}
@media only screen and (max-width: 750px ) {
  .merit-item {
    padding: 30px 24px;
  }
  .merit-item + .merit-item {
    margin-top: 10px;
  }
}

.ul-qa-menu li {
  width: 100%;
  padding: 64px 76px;
  background-color: #EEF8F7;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 750px ) {
  .ul-qa-menu li {
    padding: 40px 20px;
  }
}
.ul-qa-menu li .ul-qa-q,
.ul-qa-menu li .ul-qa-a {
  position: relative;
  padding-left: 48px;
  line-height: 1.6;
}
.ul-qa-menu li .ul-qa-a {
  font-size: 1.6rem;
}
.ul-qa-menu li .ul-qa-q:before,
.ul-qa-menu li .ul-qa-a:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ul-qa-menu li .ul-qa-q:before {
  background-image: url(../images/qa/icon_q.svg);
}
.ul-qa-menu li .ul-qa-a:before {
  background-image: url(../images/qa/icon_a.svg);
}
.ul-qa-menu li .ul-qa-q + .ul-qa-a {
  margin-top: 20px;
}
.ul-qa-menu li .ul-qa-q {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
}

.default_btn_menu_page {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #56858F;
  padding: 24px;
  width: 100%;
  border: solid 1px #ABCAD0;
  text-align: center;
  position: relative;
  transition: ease 0.2s;
  background-color: #fff;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default_btn_menu_page {
    padding: 2vw;
    max-width: 100%;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 750px ) {
  .default_btn_menu_page {
    padding: 20px;
    width: 100%;
    max-width: 400px;
    margin: auto;
  }
}
.default_btn_menu_page span {
  z-index: 3;
}
.default_btn_menu_page span:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 15px;
  left: -10px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_green.svg);
  background-size: cover;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .default_btn_menu_page span:before {
    top: 2px;
  }
}
@media only screen and (max-width: 750px ) {
  .default_btn_menu_page span:before {
    top: 2px;
    align-items: center;
  }
}
.default_btn_menu_page:hover {
  text-decoration: none;
}
.default_btn_menu_page:hover span {
  color: #fff;
}
.default_btn_menu_page:hover span:before {
  background-image: url(../images/common/icon_arrow_right_white.svg);
}

.column_2_menu_page {
  justify-content: space-between;
  display: flex;
  width: 90%;
  margin: auto;
  flex-wrap: wrap;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .column_2_menu_page {
    display: flex;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 750px ) {
  .column_2_menu_page {
    width: 100%;
  }
}

.column_2_menu_page li {
  width: 49%;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .column_2_menu_page li {
    width: 49%;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 750px ) {
  .column_2_menu_page li {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.table-menu_page th {
  width: 42% !important;
}

.youtube iframe {
  width: 100%;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .youtube iframe {
    height: auto;
    min-height: 25vw;
  }
}
@media only screen and (max-width: 750px ) {
  .youtube iframe {
    height: auto;
    min-height: 49vw;
  }
}

.border-btm_dotted {
  border-bottom: dotted 1px #979797;
}

.ttl-comparison-logo img {
  height: 100%;
  width: auto;
  min-height: 50px;
}
@media only screen and (max-width: 750px ) {
  .ttl-comparison-logo img {
    max-height: 99px;
    width: auto;
  }
}

.table-comparison {
  width: 100%;
  color: #000;
}
.table-comparison th, .table-comparison td {
  vertical-align: middle;
  text-align: center;
}
.table-comparison th {
  border-top: solid 1px #BCBCBC;
  background-color: #fff;
  padding: 20px;
}
@media only screen and (max-width: 750px ) {
  .table-comparison th {
    padding: 12px 6px;
  }
}
.table-comparison td {
  border: solid 1px #BCBCBC;
  padding: 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .table-comparison td {
    padding: 2vw;
  }
}
@media only screen and (max-width: 750px ) {
  .table-comparison td {
    padding: 12px 6px;
  }
}
.table-comparison td p {
  line-height: 1.4;
}
@media only screen and (max-width: 750px ) {
  .table-comparison p {
    font-size: 1.1rem;
  }
}
.table-comparison .bdr_left {
  border-left: solid 1px #BCBCBC;
}
.table-comparison .bdr_right {
  border-right: solid 1px #BCBCBC;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .bdr_img_hanaravi {
    max-width: 80px;
    padding-bottom: 7px;
  }
}
.table-comparison .ttl-comparison {
  background-color: #E7EFF7;
  font-weight: bold;
  font-size: 2.8rem;
  vertical-align: middle;
  width: 28%;
  line-height: 1.2;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .ttl-comparison {
    font-size: 1.4rem;
    width: 20%;
    padding: 12px 4px;
  }
}
.table-comparison .w36 {
  width: 36%;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .w36 {
    width: 40%;
  }
}
.table-comparison .icon_double {
  background-image: url("/assets/images/menu/icon_double.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28% auto;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .icon_double {
    background-size: 34% auto;
  }
}
.table-comparison .icon_circle {
  background-image: url("/assets/images/menu/icon_circle.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28% auto;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .icon_circle {
    background-size: 34% auto;
  }
}
.table-comparison .icon_tri {
  background-image: url("/assets/images/menu/icon_tri.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28% auto;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .icon_tri {
    background-size: 34% auto;
  }
}
.table-comparison .font34 {
  font-size: 3.4rem;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .font34 {
    font-size: 1.8rem;
  }
}
.table-comparison .font30 {
  font-size: 3rem;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .font30 {
    font-size: 1.8rem;
  }
}
.table-comparison .font24 {
  font-size: 2.4rem;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .font24 {
    font-size: 1.3rem;
  }
}
.table-comparison .font20 {
  font-size: 2rem;
}
@media only screen and (max-width: 750px ) {
  .table-comparison .font20 {
    font-size: 1rem;
  }
}
.table-comparison .comparison-list {
  text-align: left;
  font-weight: bold;
}
.table-comparison .comparison-list li {
  line-height: 1.2;
}

.l-contact-micro {
  color: #000;
  width: 100%;
  max-width: 2000px;
  min-width: 800px;
  margin: auto;
  padding: 40px 0 80px;
  text-align: center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-micro {
    max-width: 100%;
    min-width: 100%;
    padding: 40px 40px 60px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-micro {
    max-width: 100%;
    min-width: 100%;
    background: none;
    padding: 10px 0 50px;
  }
}
.l-contact-micro .inner-content {
  display: flex;
  max-width: 800px;
  min-width: 300px;
  margin: 0 auto;
  box-sizing: border-box;
}
.l-contact-micro .contact-area {
  background-color: #fff;
  border: solid 1px #36B4CA;
  padding: 36px;
  position: relative;
}
.l-contact-micro .contact-area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: solid 1px #36B4CA;
  border-bottom: solid 1px #36B4CA;
  z-index: 0;
  right: -10px;
  top: 10px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-micro .contact-area {
    padding: 30px 40px 24px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-micro .contact-area {
    padding: 30px 14px 24px;
  }
}
.l-contact-micro .contact-area .micro_button img {
  -webkit-filter: drop-shadow(5px 5px 5px #aaa);
  filter: drop-shadow(5px 5px 5px #aaa);
}
.l-contact-micro .contact-area .micro_button img:hover {
  opacity: 0.7;
}
.l-contact-micro .contact-ttl {
  display: block;
  position: absolute;
  width: auto;
  top: -20px;
  font-size: 2rem;
  font-weight: bold;
  background-color: #fff;
  padding: 0 20px;
  letter-spacing: 2px;
  line-height: 1.2;
}
.l-contact-micro .contact-ttl span {
  color: #D6282C;
}
.l-contact-micro .contact-ttl:before {
  content: attr(data-en);
  font-size: 32px;
  display: block;
  letter-spacing: 0;
  font-family: "Parisienne", cursive;
  font-weight: normal;
  color: #F2CB71;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-micro .contact-ttl:before {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-micro .contact-ttl:before {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-micro .contact-ttl {
    padding: 0 10px;
    top: -25px;
    line-height: 1.3;
    font-size: 2rem;
    min-width: auto;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-micro .contact-ttl {
    width: auto;
    min-width: auto;
    padding: 0 12px;
    top: -16px;
    line-height: 1.3;
    font-size: 1.4rem;
    letter-spacing: 0px;
  }
}

@media only screen and (max-width: 750px ) {
  .syourei-block {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 750px ) {
  .syourei-block dt {
    width: 42%;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .syourei-block dd {
    width: 50%;
  }
}
.syourei-block .icon_check {
  font-size: 1.5rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .syourei-block .icon_check {
    font-size: 1.6vw;
  }
}

.l-example {
  display: flex;
  justify-content: space-between;
}
.l-example li {
  max-width: 48%;
}

.bg-case {
  background-image: url(../images/case/bg_case.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-case {
    background-image: url(../images/case/bg_case_sp.webp);
  }
}

.bg-guidelines {
  background-image: url(../images/guidelines/bg_guidelines.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-guidelines {
    background-image: url(../images/guidelines/bg_guidelines_sp.webp);
  }
}

.bg-guidelines {
  background-image: url(../images/guidelines/bg_guidelines.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-guidelines {
    background-image: url(../images/guidelines/bg_guidelines_sp.webp);
  }
}

.bg-cost {
  background-image: url(../images/cost/bg_cost.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-cost {
    background-image: url(../images/cost/bg_cost_sp.webp);
  }
}

.cost-ttl.default-ttl {
  padding: 80px 0 40px;
}
@media only screen and (max-width: 750px ) {
  .cost-ttl.default-ttl {
    padding: 40px 20px 10px;
  }
}

.menu-ttl.default-ttl {
  padding: 40px 0 0px;
}
@media only screen and (max-width: 750px ) {
  .menu-ttl.default-ttl {
    padding: 10px 20px 0px;
  }
}
.menu-ttl.default-ttl .secondary-ttl {
  padding: 0px 0 20px;
}
@media only screen and (max-width: 750px ) {
  .menu-ttl.default-ttl .secondary-ttl {
    padding: 0px 0px 0px;
  }
}
.menu-ttl.default-ttl .secondary-ttl:before {
  margin: 0 auto 0px;
}

#link01, #link02 {
  display: block;
  padding-top: 200px;
  margin-top: -200px;
}
@media only screen and (max-width: 750px ) {
  #link01, #link02 {
    padding-top: 20vw;
    margin-top: -20vw;
  }
}

.table-cost {
  width: 100%;
  font-size: 16px;
}
.table-cost th {
  width: 30%;
  background-color: #ffffff;
}
@media only screen and (max-width: 750px ) {
  .table-cost th {
    width: 43%;
    font-size: 1.35rem;
  }
}
.table-cost th, .table-cost td {
  border: solid 1px #BCBCBC;
  padding: 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 750px ) {
  .table-cost th, .table-cost td {
    padding: 8px 8px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .table-cost {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px ) {
  .table-cost {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.table-cost_font_blue {
  color: #0098D7;
  text-align: right;
  font-weight: bold;
  font-size: 2.5rem;
}
@media only screen and (max-width: 750px ) {
  .table-cost_font_blue {
    text-align: left;
    font-size: 2rem;
  }
}

@media only screen and (max-width: 750px ) {
  .cost-ttl-sub {
    font-size: 1.8rem;
    text-align: center;
  }
}

.cost_menu {
  width: 100%;
}
.cost_menu tr.menu_list {
  border: 0px;
  align-items: center;
}
.cost_menu tr.menu_list th.plan {
  width: 50%;
  text-align: left;
  border: 0px;
  background-color: transparent;
  padding: 10px 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .cost_menu tr.menu_list th.plan {
    width: 33%;
  }
}
@media only screen and (max-width: 750px ) {
  .cost_menu tr.menu_list th.plan {
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
  }
}
.cost_menu tr.menu_list td.price_number {
  width: 50%;
  text-align: right;
  border: 0px;
  background-color: transparent;
  padding: 10px 0;
  color: #0098D7;
  vertical-align: super;
  font-size: 2.5rem;
}
@media only screen and (max-width: 750px ) {
  .cost_menu tr.menu_list td.price_number {
    width: 100%;
    display: block;
    text-align: left;
    padding: 0 0 10px 0;
    font-size: 1.4rem;
  }
}
.cost_menu tr.menu_list td.price_number .price_number_small {
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px ) {
  .cost_menu tr.menu_list td.price_number .price_number_small {
    font-size: 0.9rem;
  }
}
.cost_menu tr.menu_list td.border-btm_dusshed {
  border-bottom: 1px dashed #c2c2c2;
}
.cost_menu tr.menu_list th.border-btm_dusshed {
  border-bottom: 1px dashed #c2c2c2;
}
@media only screen and (max-width: 750px ) {
  .cost_menu tr.menu_list th.border-btm_dusshed {
    border-bottom: none !important;
  }
}

.pay-area {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .pay-area {
    display: block;
  }
}
.pay-area .pay-card {
  width: 50%;
}
@media only screen and (max-width: 750px ) {
  .pay-area .pay-card {
    width: 100%;
  }
}
.pay-area .pay-card-l {
  border-top: solid 1px #BCBCBC;
  border-bottom: solid 1px #BCBCBC;
  border-right: solid 1px #BCBCBC;
  border-left: solid 1px #BCBCBC;
}
@media only screen and (max-width: 750px ) {
  .pay-area .pay-card-l {
    margin-bottom: 20px;
  }
}
.pay-area .pay-card-r {
  border-top: solid 1px #BCBCBC;
  border-bottom: solid 1px #BCBCBC;
  border-right: solid 1px #BCBCBC;
}
@media only screen and (max-width: 750px ) {
  .pay-area .pay-card-r {
    border-left: solid 1px #BCBCBC;
  }
}
.pay-area .ttl-pay {
  background-color: #E7EFF7;
  text-align: center;
  color: #0098D7;
  font-weight: bold;
  padding: 20px;
  width: 100%;
  border-bottom: solid 1px #BCBCBC;
  font-size: 2rem;
}
.pay-area .loan-inner {
  padding: 20px;
}
.pay-area .loan-area .loan-ttl {
  font-size: 3.8rem;
  font-weight: bold;
}
.pay-area .font34 {
  font-size: 3.4rem;
}
@media only screen and (max-width: 750px ) {
  .pay-area .font34 {
    font-size: 2rem;
  }
}
.pay-area .loan-list {
  background-color: #F4F4F4;
  padding: 20px 30px;
}
.pay-area .card-area {
  margin-top: 30px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .pay-area .card-area {
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 750px ) {
  .pay-area .card-area {
    margin-top: 0;
  }
  .pay-area .card-area img {
    max-width: 372px;
  }
}

.bg-ortho {
  background-image: url(../images/ortho/bg_ortho.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-ortho {
    background-image: url(../images/ortho/bg_ortho_sp.webp);
  }
}

.ortho-content {
  display: block;
  max-width: 840px;
  min-width: 840px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .ortho-content {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 750px ) {
  .ortho-content {
    max-width: 100%;
    min-width: 100%;
    padding: 0px 20px 0px 20px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .ortho-content .case-list {
    justify-content: center;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .ortho-content .case-list .case-list-item {
    margin: 0 8px;
  }
}

.default-icon-ttl {
  position: relative;
  padding: 8px 32px 8px 100px;
  font-size: 2.2rem;
  margin-bottom: 24px;
  font-weight: bold;
  color: #fff;
  background-image: linear-gradient(-90deg, #4FB5DD 0%, #86D4F2 100%);
}
.default-icon-ttl span {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 0 5px;
}
@media only screen and (max-width: 750px ) {
  .default-icon-ttl {
    font-size: 2rem;
    line-height: 1.4;
    padding: 8px 32px 8px 60px;
  }
}

h3.default-icon-ttl:before {
  content: "";
  background-size: contain;
  display: inline-block;
  width: 3em;
  height: 3em;
  left: 6px;
  top: -16px;
  position: absolute;
  -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
}
@media only screen and (max-width: 750px ) {
  h3.default-icon-ttl:before {
    width: 2.4em;
    height: 2.4em;
    top: -10px;
  }
}

.icon_squre01:before {
  background: url(../images/ortho/icon_square01_blue.svg) no-repeat;
}

.icon_squre02:before {
  background: url(../images/ortho/icon_square02_blue.svg) no-repeat;
}

.icon_squre03:before {
  background: url(../images/ortho/icon_square03_blue.svg) no-repeat;
}

.icon_squre04:before {
  background: url(../images/ortho/icon_square04_blue.svg) no-repeat;
}

.icon_circle01:before {
  background: url(../images/ortho/icon_circle01_green.svg) no-repeat;
}

.icon_circle02:before {
  background: url(../images/ortho/icon_circle02_green.svg) no-repeat;
}

.icon_circle03:before {
  background: url(../images/ortho/icon_circle03_green.svg) no-repeat;
}

.icon_circle04:before {
  background: url(../images/ortho/icon_circle04_green.svg) no-repeat;
}

.icon_circle05:before {
  background: url(../images/ortho/icon_circle05_green.svg) no-repeat;
}

.icon_circle06:before {
  background: url(../images/ortho/icon_circle06_green.svg) no-repeat;
}

.icon_circle07:before {
  background: url(../images/ortho/icon_circle07_green.svg) no-repeat;
}

.counseling-area {
  background-image: url("../images/ortho/bg_counseling.webp");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px;
  text-align: center;
}
@media only screen and (max-width: 750px ) {
  .counseling-area {
    padding: 40px 20px 40px 20px;
    text-align: left;
    background-position: center right;
  }
}

.counseling-contactbtn {
  display: flex;
  height: 80px;
  width: 500px;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 3px #fff;
  color: #FFF;
  font-weight: bold;
  background: #34b3c9;
  background: linear-gradient(to right, #34b3c9 1%, #96d8e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#34b3c9", endColorstr="#96d8e3",GradientType=1 );
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .counseling-contactbtn {
    width: 100%;
    height: 70px;
  }
}
@media only screen and (max-width: 750px ) {
  .counseling-contactbtn {
    width: 100%;
    height: 70px;
    font-size: 1.6rem;
  }
}
.counseling-contactbtn span {
  z-index: 3;
}
.counseling-contactbtn span:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 3px;
  right: 6px;
  position: relative;
  background-image: url(../images/common/icon_arrow_right_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.counseling-contactbtn:hover {
  text-decoration: none;
}
.counseling-contactbtn:hover span {
  color: #34b3c9;
}
.counseling-contactbtn:hover span:before {
  background-image: url(../images/common/icon_arrow_right_blue.svg);
}

.block-img-left.concept-block {
  margin-bottom: 0px;
}
@media only screen and (max-width: 750px ) {
  .block-img-left.concept-block {
    margin-bottom: 20px;
  }
}

.mb_ortho-block {
  margin-bottom: 8rem;
}
@media only screen and (max-width: 750px ) {
  .mb_ortho-block {
    margin-bottom: 5rem;
  }
}

@media only screen and (max-width: 750px ) {
  .text_sp_c {
    margin-right: auto;
    margin-left: auto;
  }
}

.bg-information {
  background-image: url(../images/information/bg_information.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-information {
    background-image: url(../images/information/bg_information_sp.webp);
  }
}

.info-ttl {
  font-size: 2.4rem;
  margin-bottom: 10px;
  line-height: 1.6;
}
.info-ttl.blue {
  color: #0098D7;
  font-weight: bold;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .info-ttl {
    font-size: 2rem;
    margin-bottom: 2.5vw;
  }
}
@media only screen and (max-width: 750px ) {
  .info-ttl {
    font-size: 2rem;
  }
}

.bg-glossary {
  background-image: url(../images/glossary/bg_glossary.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-glossary {
    background-image: url(../images/glossary/bg_glossary_sp.webp);
  }
}

.word_container {
  margin-bottom: 10rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .word_container {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 750px ) {
  .word_container {
    margin-bottom: 4rem;
  }
}

.toc_container .toc_lead {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .toc_container .toc_lead {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 750px ) {
  .toc_container .toc_lead {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.toc_container .toc_list {
  background-color: #F4F4F4;
  padding: 5rem 10rem;
  margin-bottom: 7rem;
  font-size: 1.8rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .toc_container .toc_list {
    padding: 4vw 6vw;
    margin-bottom: 5vw;
  }
}
@media only screen and (max-width: 750px ) {
  .toc_container .toc_list {
    padding: 2rem 4rem;
    margin-bottom: 4rem;
    font-size: 1.65rem;
  }
}
.toc_container .toc_list li {
  margin-bottom: 4rem;
  list-style: disc;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .toc_container .toc_list li {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 750px ) {
  .toc_container .toc_list li {
    margin-bottom: 1.8rem;
  }
}
.toc_container .toc_list li:last-child {
  margin-bottom: 0;
}
.toc_container .toc_list .li-style-none {
  list-style: none;
}

.toc-dtl_container {
  margin-bottom: 7rem;
  border-bottom: solid 5px #CCEAF7;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .toc-dtl_container {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 750px ) {
  .toc-dtl_container {
    margin-bottom: 3rem;
  }
}
.toc-dtl_container .toc-dtl_lead {
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .toc-dtl_container .toc-dtl_lead {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 750px ) {
  .toc-dtl_container .toc-dtl_lead {
    margin-bottom: 0.5rem;
  }
}
.toc-dtl_container .card {
  border-top: solid 5px #CCEAF7;
  padding: 4rem 0;
}
@media only screen and (max-width: 750px ) {
  .toc-dtl_container .card {
    padding: 3rem 0;
  }
}

.bg-column {
  background-image: url(../images/column/bg_column.webp);
}
@media only screen and (max-width: 750px ) {
  .bg-column {
    background-image: url(../images/column/bg_column_sp.webp);
  }
}

.column_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 5rem;
}
@media only screen and (max-width: 750px ) {
  .column_container {
    display: block;
    margin-top: 30px;
  }
}
.column_container .column_main {
  width: 67%;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .column_container .column_main {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .column_container .column_main {
    width: 100%;
  }
}
.column_container .one-row-pc {
  display: block;
  border-top: 1px solid #BCBCBC;
  margin-bottom: 40px;
}
.column_container .article-card {
  display: flex;
  position: relative;
  border-bottom: 1px solid #BCBCBC;
  background: #ffffff;
  height: auto;
  padding: 30px 0;
}
@media only screen and (max-width: 750px ) {
  .column_container .article-card {
    padding: 4vw 0;
  }
}
.column_container .article-card .article-card-link {
  display: flex;
  justify-content: space-between;
}
.column_container .article-card-img {
  width: 23%;
  min-width: 300px;
}
@media only screen and (max-width: 750px ) {
  .column_container .article-card-img {
    min-width: 32%;
  }
}
.column_container .article-card-img img {
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  height: 204px;
}
@media only screen and (max-width: 750px ) {
  .column_container .article-card-img img {
    height: 100px;
  }
}
.column_container .article-text_link {
  overflow: hidden;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1rem;
  font-size: 1.8rem;
}
@media only screen and (max-width: 750px ) {
  .column_container .article-text_link {
    font-size: 1.4rem;
  }
}
.column_container .article-card-text-wrapper {
  width: 70%;
  padding-left: 20px;
  text-align: left;
}
@media only screen and (max-width: 750px ) {
  .column_container .article-card-text-wrapper {
    width: 100%;
  }
}
.column_container .article-details {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.column_container .article-date {
  display: inline-block;
  font-size: 1rem !important;
  color: #AAA;
  background-size: contain;
  vertical-align: middle;
  pointer-events: none;
  margin-top: 5px;
}
.column_container .article-tag-list {
  display: inline-block;
  font-size: 1rem;
  position: relative;
  padding-top: 5px;
}
.column_container .article-tag-list li {
  display: inline-block;
}
.column_container .article-hash-tag-list {
  display: inline-block;
  font-size: 1rem;
  position: relative;
  padding-top: 5px;
}
.column_container .article-hash-tag-list li {
  display: inline-block;
  text-decoration: none;
}
.column_container .article-hash-tag-list li::before {
  content: "#";
  color: #56BCB3;
  display: inline-block;
}
.column_container .article-hash-tag-list li:after {
  content: ",";
  margin: 0 1px 0 px;
}
.column_container .ttl_third {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 12px;
  font-size: 2rem;
  transition: all 0.3s ease;
  position: relative;
}
.column_container .ttl-border::after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
  margin-left: 1em;
  color: #979797;
}
.column_container .category-main-wrapper li {
  display: inline-block;
  padding: 0 20px 0px 0;
}
@media only screen and (max-width: 750px ) {
  .column_container .category-main-wrapper li {
    padding: 0px 20px 0px 0;
  }
}
.column_container .category-main-wrapper .category-link-arrow {
  display: inline-block;
  text-align: left;
  position: relative;
  width: 100%;
  align-items: center;
  padding-left: 26px;
  font-size: 1.6rem;
}
.column_container .category-main-wrapper .category-link-arrow:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: 0;
  background: url(../images/column/arrow-left-solid.svg) no-repeat;
}
.column_container .article-hash-tag-list li:last-child::after {
  content: none;
}
.column_container .column_sub {
  margin-left: auto;
  width: 30%;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .column_container .column_sub {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .column_container .column_sub {
    width: 100%;
  }
}
.column_container .column_sub .ttl_third {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 12px;
  font-size: 2rem;
  transition: all 0.3s ease;
  position: relative;
}
.column_container .column_sub .ttl-border::after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
  margin-left: 1em;
  color: #979797;
}
.column_container .column_sub .category-wrapper {
  display: inline-block;
  font-size: 1rem;
  position: relative;
  padding-top: 5px;
  width: 100%;
}
.column_container .column_sub .category-wrapper li:first-child {
  padding: 10px 20px 20px;
}
.column_container .column_sub .category-wrapper li {
  border-bottom: 1px solid #bbb;
  padding: 20px;
}
.column_container .column_sub .category-link-arrow {
  display: inline-block;
  text-align: left;
  position: relative;
  width: 100%;
  align-items: center;
  padding-left: 26px;
  font-size: 1.6rem;
}
.column_container .column_sub .category-link-arrow:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: 0;
  background: url(../images/column/arrow-left-solid.svg) no-repeat;
}
.column_container .column_sub .article-card {
  background-color: #EFF9F8;
  border: none;
  padding: 20px;
  margin-bottom: 10px;
}
.column_container .column_sub .article-card .article-text_link {
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px ) {
  .column_container .column_sub .article-card .article-text_link {
    font-size: 1.3rem;
  }
}
.column_container .column_sub .article-card-img {
  width: 23%;
  min-width: 100px;
}
.column_container .column_sub .article-card-img img {
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  height: 100px;
}

.hash-tag-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0 !important;
  list-style: none !important;
}
.hash-tag-list-wrapper .tag-list {
  display: inline-block;
  font-size: 1.2rem;
  padding: 6px 10px;
  margin: 5px;
  background-color: #F6F6FA;
  position: relative;
  border-radius: 3px;
}
.hash-tag-list-wrapper .tag-list::before {
  content: "#";
  color: #07A5B0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-weight: bold;
}

/* detail        */
.l-article {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 750px ) {
  .l-article {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 750px ) {
  .l-article .detail-taglist {
    width: 100%;
  }
}
.l-article .article-tag-list {
  width: 100%;
}
.l-article .article-tag-list li {
  display: inline-block;
}
.l-article .article-date {
  display: inline-block;
  font-size: 1rem !important;
  color: #AAA;
  background-size: contain;
  vertical-align: middle;
  pointer-events: none;
  min-width: 120px;
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .l-article .article-date {
    margin-top: 0;
    width: 100%;
    text-align: right;
  }
}

.l-sns {
  display: flex;
  justify-content: space-between;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.l-sns li {
  width: 32%;
  list-style: none;
}
.l-sns .btn-tw {
  background-color: #1DA1F2;
}
.l-sns .btn-fb {
  background-color: #1877F2;
}
.l-sns .btn-hb {
  background-color: #00A4DE;
}
.l-sns .btn-tw, .l-sns .btn-fb, .l-sns .btn-hb {
  height: 40px;
  padding: 4px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  text-align: center;
}
.l-sns .btn-tw img, .l-sns .btn-fb img, .l-sns .btn-hb img {
  height: 100%;
  max-height: 40px;
  margin: 0 auto;
}

.low-blog p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 1.8em;
  word-break: break-all;
}
@media only screen and (max-width: 750px ) {
  .low-blog p {
    margin-bottom: 2rem;
    line-height: 1.95;
    font-size: 1.4rem;
  }
}
.low-blog a {
  color: #07A5B0;
}

.wp-block-image {
  margin: 0 0 1.2em;
}
.wp-block-image figure {
  margin: 0;
}
.wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.wp-block-image figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
  text-align: left;
}
.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.wp-block-image .size-full {
  width: 100%;
  text-align: center;
}
.wp-block-image .size-full img {
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  .wp-block-image .alignright,
  .wp-block-image .aligncenter,
  .wp-block-image .alignleft {
    float: none;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}

.low-blog .toc_list li {
  padding-left: 0;
}
.low-blog .toc_list li:before {
  content: none;
}

#toc_container {
  background: #F4F4F4;
  padding: 30px;
  margin-bottom: 3.5em;
  display: table;
  font-size: 95%;
  width: 100%;
}
@media only screen and (max-width: 750px ) {
  #toc_container {
    padding: 10px 14px;
  }
}
#toc_container p.toc_title {
  text-align: center;
  margin: 0;
  padding: 0;
}
#toc_container span.toc_toggle {
  font-weight: 400;
  font-size: 90%;
}
#toc_container span.toc_toggle a {
  font-weight: normal;
}
#toc_container .toc_list {
  padding: 0px 20px;
  font-size: 16px;
}
@media only screen and (max-width: 750px ) {
  #toc_container .toc_list {
    padding: 4px 0;
    font-size: 1.4rem;
  }
}
#toc_container .toc_list > li {
  margin-bottom: 1rem;
}
#toc_container .toc_list ul {
  margin-left: 2rem;
}
#toc_container .toc_list ul li {
  list-style-type: disc;
  margin-left: 30px;
}
#toc_container a {
  color: #161622;
  font-weight: bold;
  text-decoration: none;
  text-shadow: none;
  padding: 10px 0;
}
#toc_container ul ul a {
  font-weight: normal;
  padding: 0;
}

.low-blog h2, #entry .low-blog h2 {
  padding: 8px 32px;
  font-size: 2rem;
  min-height: 50px;
  line-height: 1.6;
  margin-bottom: 18px;
  font-weight: bold;
  color: #fff;
  background-image: linear-gradient(-90deg, #4FB5DD 0%, #86D4F2 100%);
}

.low-blog h3, #entry .low-blog h3 {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1em;
  padding-bottom: 1rem;
  border-bottom: 1px solid #424242;
}
@media only screen and (max-width: 750px ) {
  .low-blog h3, #entry .low-blog h3 {
    margin-bottom: 1rem;
  }
}

.low-blog h4, #entry .low-blog h4 {
  font-weight: bold;
  list-style: disc;
  font-size: 16px;
}

.anchor {
  padding-top: 200px;
  margin-top: -200px;
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  h2 span[id] {
    scroll-margin-top: 0vw;
  }
}
@media only screen and (max-width: 750px ) {
  h2 span[id] {
    scroll-margin-top: 0px;
  }
}

@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  h3 span[id],
  h4 span[id] {
    scroll-margin-top: 0vw;
  }
}
@media only screen and (max-width: 750px ) {
  h3 span[id],
  h4 span[id] {
    scroll-margin-top: 0px;
  }
}

h2 span[id]:before,
h3 span[id]:before,
h4 span[id]:before {
  display: block;
  padding-top: 190px;
  margin-top: -190px;
  content: "";
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  h2 span[id]:before,
  h3 span[id]:before,
  h4 span[id]:before {
    display: block;
    padding-top: 10vw;
    margin-top: -10vw;
  }
}
@media only screen and (max-width: 750px ) {
  h2 span[id]:before,
  h3 span[id]:before,
  h4 span[id]:before {
    display: block;
    padding-top: 85px;
    margin-top: -85px;
    content: "";
  }
}

@-moz-document url-prefix() {
  h2 span[id] {
    scroll-margin-top: 190px;
  }
  @media only screen and (min-width: 751px ) and (max-width: 1025px ) {
    h2 span[id] {
      scroll-margin-top: 80px;
    }
  }
  @media only screen and (max-width: 750px ) {
    h2 span[id] {
      scroll-margin-top: 80px;
    }
  }
  @media only screen and (min-width: 751px ) and (max-width: 1025px ) {
    h3 span[id],
    h4 span[id] {
      scroll-margin-top: 0px;
    }
  }
  @media only screen and (max-width: 750px ) {
    h3 span[id],
    h4 span[id] {
      scroll-margin-top: 0px;
    }
  }
  h2 span[id]:before {
    display: block;
    padding-top: 190px;
    margin-top: -190px;
    content: "";
  }
  @media only screen and (min-width: 751px ) and (max-width: 1025px ) {
    h2 span[id]:before {
      display: block;
      padding-top: 10vw;
      margin-top: -10vw;
    }
  }
  @media only screen and (max-width: 750px ) {
    h2 span[id]:before {
      display: block;
      padding-top: 85px;
      margin-top: -85px;
      content: "";
    }
  }
  @media only screen and (max-width: 750px ) {
    h3 span[id]:before,
    h4 span[id]:before {
      display: block;
      padding-top: 40px !important;
      margin-top: -40px !important;
      content: "";
    }
  }
}
/*
h2 span[id]:before,
h3 span[id]:before,
h4 span[id]:before {
  @include mq(spn) {
    display: block;
    padding-top: 90px;
    margin-top: -90px;
    content: "";
  }
}
*/
/*
h2 span[id]:before,
h3 span[id]:before,
h4 span[id]:before {
  display: block;
  padding-top: 200px;
  margin-top: -200px;
  content: "";
  @include mq(tablet) {
    display: block;
    padding-top: 10vw;
    margin-top: -10vw;
    content: "";
  }
  @include mq(spn) {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
    content: "";
  }
}
*/
.article-main-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 750px ) {
  .article-main-wrapper {
    display: block;
  }
}
.article-main-wrapper .article-card {
  display: flex;
  position: relative;
  border-bottom: none;
  background: #ffffff;
  height: auto;
  padding: 30px 0;
  width: 48%;
}
@media only screen and (max-width: 750px ) {
  .article-main-wrapper .article-card {
    width: 100%;
    padding: 4vw 0;
  }
}
.article-main-wrapper .article-card-img {
  width: 23%;
  min-width: 100px;
}
.article-main-wrapper .article-card-img img {
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  height: 100px;
}

.l-contact-column {
  color: #000;
  width: 100%;
  max-width: 707px;
  min-width: 600px;
  margin: auto;
  padding: 120px 0 80px;
  text-align: center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-column {
    max-width: 100%;
    min-width: 100%;
    padding: 14vw 40px 60px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-column {
    max-width: 100%;
    min-width: 100%;
    background: none;
    padding: 120px 0 50px;
  }
}
.l-contact-column .inner-content {
  display: flex;
  max-width: 800px;
  min-width: 300px;
  margin: 0 auto;
  box-sizing: border-box;
}
.l-contact-column .contact-area {
  background-color: #fff;
  border: solid 1px #36B4CA;
  padding: 36px;
  position: relative;
}
.l-contact-column .contact-area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: solid 1px #36B4CA;
  border-bottom: solid 1px #36B4CA;
  z-index: 0;
  right: -10px;
  top: 10px;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-column .contact-area {
    padding: 30px 40px 24px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-column .contact-area {
    padding: 40px 14px 24px;
  }
}
.l-contact-column .contact-area .micro_button img {
  -webkit-filter: drop-shadow(5px 5px 5px #aaa);
  filter: drop-shadow(5px 5px 5px #aaa);
}
.l-contact-column .contact-area .micro_button img:hover {
  opacity: 0.7;
}
.l-contact-column .contact-ttl {
  display: block;
  position: absolute;
  width: auto;
  top: -80px;
  font-size: 2.8rem;
  font-weight: bold;
  background-color: #fff;
  padding: 0 20px;
  letter-spacing: 2px;
  line-height: 1.2;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Roboto Slab", Garamond, "Times New Roman", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", "Sawarabi Mincho", serif;
}
.l-contact-column .contact-ttl span {
  color: #D6282C;
}
.l-contact-column .contact-ttl:before {
  content: attr(data-en);
  font-size: 32px;
  display: block;
  letter-spacing: 0;
  font-family: "Parisienne", cursive;
  font-weight: normal;
  color: #F2CB71;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-column .contact-ttl:before {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-column .contact-ttl:before {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .l-contact-column .contact-ttl {
    padding: 0 10px;
    top: -75px;
    line-height: 1.3;
    font-size: 2rem;
    min-width: auto;
  }
}
@media only screen and (max-width: 750px ) {
  .l-contact-column .contact-ttl {
    width: auto;
    min-width: auto;
    padding: 0 12px;
    top: -76px;
    line-height: 1.3;
    font-size: 2.2rem;
    letter-spacing: 0px;
  }
}

.contact-cv-area-column {
  align-items: center;
  width: 780px;
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area-column {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.contact-cv-area-column .cv-tel {
  position: relative;
  width: 100%;
  padding: 10px 0 10px 0;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area-column .cv-tel {
    padding: 10px 0px 10px 0;
    margin-right: 0px;
    border-right: none;
  }
  .contact-cv-area-column .cv-tel a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area-column .cv-tel {
    padding: 0px 0px 4px 0;
    margin-right: 0px;
    border-right: none;
  }
  .contact-cv-area-column .cv-tel a:hover {
    text-decoration: none;
  }
}
.contact-cv-area-column .cv-tel .cv-tel-time {
  background: #f4f4f4;
  width: 100%;
  padding: 4px;
}
.contact-cv-area-column .cv-tel .tel {
  position: relative;
  font-size: 4rem;
  padding-left: 20px;
  letter-spacing: 3px;
  font-family: "Lora", serif;
  color: #56858F;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area-column .cv-tel .tel {
    font-size: 4.5vw;
    letter-spacing: 1px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area-column .cv-tel .tel {
    font-size: 9vw;
    letter-spacing: 1px;
    font-weight: bold;
  }
}
.contact-cv-area-column .cv-tel .tel:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 28px;
  left: -10px;
  top: 12px;
  background-image: url(../images/common/icon_tel_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area-column .cv-tel .tel:before {
    width: 3vw;
    height: 7vw;
    left: -1vw;
    top: 0vw;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area-column .cv-tel .tel:before {
    width: 7vw;
    height: 7vw;
    left: -2vw;
    top: 3vw;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area-column .cv-tel .tel:hover {
    text-decoration: none;
  }
}
.contact-cv-area-column .cv-tel p {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area-column .cv-form {
    width: 100%;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area-column .cv-form {
    width: 100%;
  }
}
.contact-cv-area-column .cv-form-btn {
  margin: auto;
  display: flex;
  height: 72px;
  width: 360px;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 1px #34b3c9;
  color: #FFF;
  font-weight: bold;
  background: #34b3c9;
  background: linear-gradient(to right, #34b3c9 1%, #96d8e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#34b3c9", endColorstr="#96d8e3",GradientType=1 );
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .contact-cv-area-column .cv-form-btn {
    width: 100%;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px ) {
  .contact-cv-area-column .cv-form-btn {
    width: 100%;
    font-size: 1.6rem;
  }
}
.contact-cv-area-column .cv-form-btn span {
  z-index: 3;
}
.contact-cv-area-column .cv-form-btn:hover {
  text-decoration: none;
}
.contact-cv-area-column .cv-form-btn:hover span {
  color: #34b3c9;
}
.contact-cv-area-column .cv-form-btn:hover .icon_arrow_rw:before {
  background-image: url(../images/common/icon_arrow_right_blue.svg);
}

.low-blog ul {
  margin-top: 0.8em;
  margin-bottom: 2em;
  padding-left: 4px;
}
.low-blog ul li {
  position: relative;
  padding-left: 20px;
}
.low-blog ul li:before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
}

.low-blog table::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 750px ) {
  .low-blog table::-webkit-scrollbar {
    display: auto;
  }
}

.low-blog table {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media only screen and (min-width: 751px ) and (max-width: 1025px ) {
  .low-blog table {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 750px ) {
  .low-blog table {
    font-size: 1.4rem;
    line-height: 1.6;
    -ms-overflow-style: auto;
    scrollbar-width: auto;
  }
}
.low-blog table tbody {
  display: table;
  width: 100%;
}
.low-blog table th {
  background-color: #E7EFF7;
}
@media only screen and (max-width: 750px ) {
  .low-blog table th {
    font-size: 1.4rem;
  }
}
.low-blog table th, .low-blog table td {
  border: solid 1px #BCBCBC;
  padding: 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 750px ) {
  .low-blog table th, .low-blog table td {
    padding: 12px 10px;
  }
}
@media only screen and (max-width: 750px ) {
  .low-blog table .table-coment {
    font-size: 1.1rem;
  }
}

@media only screen and (max-width: 750px ) {
  .scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll table {
    width: 100%;
  }
  .scroll .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .scroll .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}

@-webkit-keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 86px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(5, 103, 181, 0.7);
  text-align: center;
  padding: 20px 10px 20px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
  animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}/*# sourceMappingURL=master.css.map */