@charset "UTF-8";
@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);
@import url("//fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@600&display=swap");
@import url("//fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap");
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium"); }

@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

body.demo_page {
  margin-top: 1.2em; }
  body.demo_page header:before {
    content: 'デモ環境';
    display: block;
    background: #40a54a;
    color: #ffffff;
    padding-left: 2em; }

/* スライダボタンの背景色 */
/* clearfix */
.clearfix {
  zoom: 1; }

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

.clearfix:after {
  clear: both; }

/* グラデーション */
.body {
  background: transparent; }

/* */
/* アイコン表示 */
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes zoomUpAnime {
  0% {
    transform: scale(100%); }
  100% {
    transform: scale(110%); } }

@keyframes zoomDwonAnime {
  0% {
    transform: scale(110%); }
  100% {
    transform: scale(100%); } }

@keyframes pushBtn {
  0% {
    transform: translateY(0px);
    border-bottom-width: 3px; }
  100% {
    transform: translateY(3px);
    border-bottom-width: 0; } }

/* SEOへのピックアップドクターに対応したリンクボタン */
@media screen and (min-width: 960px) {
  .add_seo_link {
    margin-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .add_seo_link {
    margin-bottom: 90px; } }

@media screen and (max-width: 599px) {
  .add_seo_link {
    margin-bottom: 60px; } }

.add_seo_link .btn_box {
  text-align: center; }
  .add_seo_link .btn_box a {
    display: inline-block;
    padding: 0.6em 1em;
    color: #ffffff;
    background: #fa648c;
    border-radius: 1em; }
    @media screen and (min-width: 960px) {
      .add_seo_link .btn_box a {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .add_seo_link .btn_box a {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .add_seo_link .btn_box a {
        font-size: 12px; } }
    .add_seo_link .btn_box a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      color: #ffffff; }
    .add_seo_link .btn_box a + a {
      margin-left: 0.3em; }

/* 過去のCSSのリセット */
footer {
  width: 100%;
  height: auto;
  margin: 0;
  border-top: none;
  background: transparent;
  display: block; }

#gotop {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 150; }
  #gotop a {
    display: block;
    font-size: 20px;
    width: 3em;
    height: 0;
    padding-top: 2em;
    overflow: hidden;
    background: #64c0ab;
    position: relative; }
    #gotop a:before {
      content: "";
      display: block;
      width: 0.8em;
      height: 0.8em;
      border: 1px solid #ffffff;
      border-bottom: none;
      border-left: none;
      position: absolute;
      top: 70%;
      left: 60%;
      transform: rotate(-45deg) translateX(0%) translateY(-100%); }
    @media screen and (max-width: 599px) {
      #gotop a {
        font-size: 15px; } }

/* 過去のピックアップドクターの横幅対応 */
.page .old_pickup {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 599px) {
    .page .old_pickup {
      width: 90%; } }

/* TOPのコンテンツの横幅を100％に */
#main > .container {
  width: 100% !important;
  clear: both; }

@media screen and (min-width: 960px) {
  .spOnly {
    display: none; } }

@media screen and (max-width: 959px) {
  .spOnly {
    display: none; } }

@media screen and (max-width: 599px) {
  .spOnly {
    display: block; } }

/* ボタン */
.link_btn_type1 {
  text-align: center; }
  .link_btn_type1 a {
    font-size: 20px;
    box-sizing: border-box;
    line-height: 3.5em;
    background: #5ac8a0;
    color: #ffffff;
    display: inline-block;
    padding: 0 5em;
    border-radius: calc( 3.5em / 2); }
    @media screen and (max-width: 599px) {
      .link_btn_type1 a {
        font-size: 14px;
        padding: 0;
        width: 100%; } }
    .link_btn_type1 a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      display: inline-block;
      background: #ffffff;
      color: #5ac8a0;
      line-height: 1.1em;
      font-size: 15px;
      width: 1.1em;
      border-radius: 0.55em;
      margin-right: 0.5em;
      transform: translateY(-0.05em); }

.link_btn_type2 {
  text-align: center; }
  .link_btn_type2 a {
    box-sizing: border-box;
    line-height: 3em;
    background: #ffffff;
    display: inline-block;
    padding: 0 2em;
    box-sizing: border-box;
    border: 1px solid #64c0ab;
    border-radius: calc( 3em / 2); }
    @media screen and (min-width: 960px) {
      .link_btn_type2 a {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .link_btn_type2 a {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .link_btn_type2 a {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .link_btn_type2 a {
        padding: 0;
        width: 90%; } }
    .link_btn_type2 a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      display: inline-block;
      background: #64c0ab;
      color: #ffffff;
      line-height: 1.1em;
      font-size: 15px;
      width: 1.1em;
      border-radius: 0.55em;
      margin-right: 0.5em;
      transform: translateY(-0.05em); }
    .link_btn_type2 a i {
      display: none; }
    @media screen and (max-width: 959px) {
      .link_btn_type2 a span {
        display: none; }
      .link_btn_type2 a i {
        display: inline; } }

/* 全体共通・ヘッダー */
@media screen and (min-width: 960px) {
  #main {
    padding-top: 120px; } }

@media screen and (max-width: 959px) {
  #main {
    padding-top: 95px; } }

@media screen and (max-width: 599px) {
  #main {
    padding-top: 61px; } }

footer .footer_logo {
  width: 34.6%;
  max-width: 300px;
  margin: 80px auto 40px; }
  @media screen and (max-width: 599px) {
    footer .footer_logo {
      width: 50%;
      margin: 60px auto 20px; } }
  footer .footer_logo img {
    width: 100%;
    height: auto; }

footer .btn_box {
  margin: 4em auto;
  width: 15em;
  display: grid;
  gap: 3em;
  grid-template-columns: repeat(3, 3em); }
  @media screen and (min-width: 960px) {
    footer .btn_box {
      font-size: 10px; } }
  @media screen and (max-width: 959px) {
    footer .btn_box {
      font-size: 9px; } }
  @media screen and (max-width: 599px) {
    footer .btn_box {
      font-size: 8px; } }
  footer .btn_box a {
    width: 3em;
    padding-top: 3em;
    height: 0;
    display: block;
    overflow: hidden; }
    footer .btn_box a.facebook {
      background: url("../img/home/icon_facebook.png") no-repeat center center;
      background-size: cover; }
    footer .btn_box a.instagram {
      background: url("../img/home/icon_insta.png") no-repeat center center;
      background-size: cover; }
    footer .btn_box a.x {
      background: url("../img/home/icon_x.png") no-repeat center center;
      background-size: cover; }

footer nav ul {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 959px) {
    footer nav ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media screen and (max-width: 599px) {
    footer nav ul {
      border-top: 1px dashed #3e3a39; } }
  footer nav ul li a {
    line-height: 1.2; }
    @media screen and (min-width: 960px) {
      footer nav ul li a {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      footer nav ul li a {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      footer nav ul li a {
        font-size: 12px; } }
  @media screen and (min-width: 960px) {
    footer nav ul li + li {
      margin-left: 1.5em;
      padding-left: 1.5em;
      border-left: 1px solid #3e3a39; } }
  @media screen and (max-width: 959px) {
    footer nav ul li {
      flex-basis: 45%;
      padding: 0.4em;
      border-bottom: 1px dashed #3e3a39; } }
  @media screen and (max-width: 599px) {
    footer nav ul li {
      padding: 0.6em;
      flex-basis: 100%; } }

footer .copy {
  text-align: center;
  color: #ffffff;
  background: #64c0ab;
  letter-spacing: 1px;
  line-height: 2.7em;
  margin-top: 40px; }
  @media screen and (min-width: 960px) {
    footer .copy {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    footer .copy {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    footer .copy {
      font-size: 12px; } }

/* フッター部分のバナー */
.footer_banner_box {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 -2px 5px rgba(90, 90, 90, 0.05);
  background: #eeefed;
  padding: 100px 0; }
  @media screen and (max-width: 599px) {
    .footer_banner_box {
      padding: 50px 0; } }
  @media screen and (min-width: 960px) {
    .footer_banner_box .text_banner {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .footer_banner_box .text_banner {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .footer_banner_box .text_banner {
      margin-top: 10px; } }
  @media screen and (min-width: 960px) {
    .footer_banner_box .text_banner {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .footer_banner_box .text_banner {
      margin-bottom: 25px; } }
  @media screen and (max-width: 599px) {
    .footer_banner_box .text_banner {
      margin-bottom: 10px; } }
  .footer_banner_box .text_banner a {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      .footer_banner_box .text_banner a {
        padding: 20px; } }
    @media screen and (max-width: 959px) {
      .footer_banner_box .text_banner a {
        padding: 15px; } }
    @media screen and (max-width: 599px) {
      .footer_banner_box .text_banner a {
        padding: 10px; } }
    .footer_banner_box .text_banner a .img_box {
      flex-basis: 18%; }
      @media screen and (max-width: 599px) {
        .footer_banner_box .text_banner a .img_box {
          flex-basis: 42%; } }
      .footer_banner_box .text_banner a .img_box img {
        width: 100%;
        height: auto; }
    .footer_banner_box .text_banner a .text_box {
      flex-basis: 80%; }
      @media screen and (max-width: 599px) {
        .footer_banner_box .text_banner a .text_box {
          flex-basis: 55%; } }
      .footer_banner_box .text_banner a .text_box h4 {
        color: #5ac8a0;
        font-weight: bold;
        letter-spacing: 1px;
        padding-bottom: 0.4em;
        border-bottom: 1px solid #5ac8a0;
        margin-bottom: 0.8em;
        line-height: 1; }
        @media screen and (min-width: 960px) {
          .footer_banner_box .text_banner a .text_box h4 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .footer_banner_box .text_banner a .text_box h4 {
            font-size: 17px; } }
        @media screen and (max-width: 599px) {
          .footer_banner_box .text_banner a .text_box h4 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .footer_banner_box .text_banner a .text_box h4 {
            margin-bottom: 0.4em; } }
        .footer_banner_box .text_banner a .text_box h4 span {
          font-weight: bold; }
          @media screen and (max-width: 599px) {
            .footer_banner_box .text_banner a .text_box h4 span {
              display: none; } }
      .footer_banner_box .text_banner a .text_box p {
        line-height: 2;
        letter-spacing: 2px; }
        @media screen and (min-width: 960px) {
          .footer_banner_box .text_banner a .text_box p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .footer_banner_box .text_banner a .text_box p {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          .footer_banner_box .text_banner a .text_box p {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          .footer_banner_box .text_banner a .text_box p {
            line-height: 1.6;
            letter-spacing: normal; } }

.banner_line_3,
.banner_line_4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .banner_line_3 li,
  .banner_line_4 li {
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px; }
    @media screen and (max-width: 599px) {
      .banner_line_3 li,
      .banner_line_4 li {
        margin-right: 10px;
        margin-bottom: 10px; } }
    .banner_line_3 li a,
    .banner_line_4 li a {
      display: block; }
      .banner_line_3 li a img,
      .banner_line_4 li a img {
        width: 100%;
        height: auto; }

@media screen and (min-width: 960px) {
  .banner_line_3 li {
    width: calc( calc(100% / 3) - calc(40px / 3)); }
    .banner_line_3 li:nth-of-type(3n) {
      margin-right: 0px; } }

@media screen and (max-width: 959px) {
  .banner_line_3 li {
    width: calc( calc(100% / 3) - calc(40px / 3)); }
    .banner_line_3 li:nth-of-type(3n) {
      margin-right: 0px; } }

@media screen and (max-width: 599px) {
  .banner_line_3 li {
    width: calc( calc(100% / 2) - calc(10px / 2)); }
    .banner_line_3 li:nth-of-type(2n) {
      margin-right: 0px; }
    .banner_line_3 li:nth-of-type(3n) {
      margin-right: 10px; } }

@media screen and (min-width: 960px) {
  .banner_line_4 li {
    width: calc( calc(100% / 4 ) - calc(60px / 4)); }
    .banner_line_4 li:nth-of-type(4n) {
      margin-right: 0px; } }

@media screen and (max-width: 959px) {
  .banner_line_4 li {
    width: calc( calc(100% / 4 ) - calc(60px / 4)); }
    .banner_line_4 li:nth-of-type(4n) {
      margin-right: 0px; } }

@media screen and (max-width: 599px) {
  .banner_line_4 li {
    width: calc( calc(100% / 2) - calc(10px / 2)); }
    .banner_line_4 li:nth-of-type(2n) {
      margin-right: 0px; } }

#sub_menu {
  font-size: 10px; }
  @media screen and (min-width: 960px) {
    #sub_menu {
      position: absolute;
      top: 8px;
      right: 0; } }
  @media screen and (max-width: 959px) {
    #sub_menu {
      position: static;
      padding-bottom: 2.4em; } }
  @media screen and (max-width: 599px) {
    #sub_menu {
      padding-top: 1em;
      padding-bottom: 2em; } }
  @media screen and (max-width: 959px) {
    #sub_menu nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  #sub_menu ul:nth-of-type(1) {
    text-align: right;
    margin-bottom: 3em; }
    @media screen and (max-width: 959px) {
      #sub_menu ul:nth-of-type(1) {
        display: inline-block;
        text-align: center;
        margin-bottom: 0px;
        margin-left: 3em;
        order: 2; } }
    @media screen and (max-width: 599px) {
      #sub_menu ul:nth-of-type(1) {
        margin-left: 1.5em; } }
    #sub_menu ul:nth-of-type(1) li {
      display: inline-block;
      width: 4em; }
      @media screen and (max-width: 599px) {
        #sub_menu ul:nth-of-type(1) li {
          width: 2.5em; } }
      #sub_menu ul:nth-of-type(1) li:nth-of-type(1) {
        margin-right: 2em; }
        @media screen and (max-width: 599px) {
          #sub_menu ul:nth-of-type(1) li:nth-of-type(1) {
            margin-right: 1em; } }
      #sub_menu ul:nth-of-type(1) li a img {
        width: 100%;
        height: auto; }
  #sub_menu ul:nth-of-type(2) {
    text-align: right; }
    @media screen and (max-width: 959px) {
      #sub_menu ul:nth-of-type(2) {
        text-align: center;
        display: inline-block; } }
    #sub_menu ul:nth-of-type(2) li {
      display: inline-block; }
      #sub_menu ul:nth-of-type(2) li a {
        color: #ffffff;
        line-height: 1;
        padding: 0.92em 1em;
        letter-spacing: 2px;
        font-size: 1.4em;
        display: block;
        text-align: center; }
        #sub_menu ul:nth-of-type(2) li a:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f105';
          font-weight: 900; }
        @media screen and (max-width: 599px) {
          #sub_menu ul:nth-of-type(2) li a {
            font-size: 1.2em;
            padding: 0.5em 0.5em;
            letter-spacing: 1px; } }
      #sub_menu ul:nth-of-type(2) li:nth-of-type(1) a {
        background-color: #ea6088; }
      #sub_menu ul:nth-of-type(2) li.login a {
        background-color: #00afec;
        margin-left: 2em; }
        @media screen and (max-width: 599px) {
          #sub_menu ul:nth-of-type(2) li.login a {
            margin-left: 1em; } }
      #sub_menu ul:nth-of-type(2) li.logout a {
        background-color: #5ac8a0;
        margin-left: 2em; }
        @media screen and (max-width: 959px) {
          #sub_menu ul:nth-of-type(2) li.logout a {
            margin-left: 0; } }

.new_inner {
  width: 85%;
  max-width: 1360px;
  min-width: 960px;
  margin: 0 auto; }
  @media screen and (max-width: 959px) {
    .new_inner {
      max-width: auto;
      min-width: auto;
      width: 90%; } }

.sp_nav_toggle {
  display: none;
  position: fixed;
  z-index: 900;
  top: 40px;
  right: 50px;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
  box-sizing: border-box;
  color: #666666; }
  @media screen and (max-width: 959px) {
    .sp_nav_toggle {
      top: 30px; } }
  @media screen and (max-width: 599px) {
    .sp_nav_toggle {
      top: 8px;
      right: 30px; } }
  .sp_nav_toggle:hover {
    opacity: 0.8; }
  .sp_nav_toggle:before {
    content: '\f0c9';
    font-family: "Font Awesome 6 Sharp";
    font-weight: 300; }
  @media screen and (max-width: 959px) {
    .sp_nav_toggle {
      display: block; } }

.sp_nav_toggle.is_open:before {
  content: '\f00d';
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300; }

#side_contact {
  position: fixed; }
  @media screen and (min-width: 960px) {
    #side_contact {
      top: 20%;
      right: 0;
      box-sizing: border-box;
      border-radius: 10px 0 0 10px;
      background: #ea6088;
      z-index: 10; }
      #side_contact a {
        display: block;
        height: 100%;
        padding: 28px 25px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #side_contact a:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f0e0';
          font-weight: 900;
          font-family: "Font Awesome 6 Sharp";
          color: #ffffff;
          font-weight: 300;
          font-size: 30px;
          margin-bottom: 5px; }
        #side_contact a:after {
          content: "お問い合わせ";
          writing-mode: vertical-rl;
          text-orientation: upright;
          font-size: 24px;
          color: #ffffff; } }
  @media screen and (max-width: 959px) {
    #side_contact {
      top: 37px;
      right: 95px;
      z-index: 610;
      font-size: 30px; }
      #side_contact a {
        display: block;
        line-height: 1; }
        #side_contact a:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f0e0';
          font-weight: 900;
          font-family: "Font Awesome 6 Sharp";
          color: #666666;
          font-weight: 300; } }
  @media screen and (max-width: 599px) {
    #side_contact {
      top: 15px;
      right: 75px; } }

@media screen and (max-width: 959px) {
  .demo_page .sp_nav_toggle {
    top: 48px; } }

@media screen and (max-width: 599px) {
  .demo_page .sp_nav_toggle {
    top: 32px; } }

@media screen and (max-width: 959px) {
  .demo_page #side_contact {
    top: 55px; } }

@media screen and (max-width: 599px) {
  .demo_page #side_contact {
    top: 38px; } }

header {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  float: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 600;
  background: rgba(255, 255, 255, 0.9); }
  @media screen and (max-width: 599px) {
    header {
      border-top: 4px solid #64c0ab; } }
  header .new_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    position: relative; }
    header .new_inner h1 {
      flex-basis: 24.22145%;
      max-width: 250px; }
      @media screen and (min-width: 960px) {
        header .new_inner h1 {
          margin-top: 25px; } }
      @media screen and (max-width: 959px) {
        header .new_inner h1 {
          margin-top: 20px; } }
      @media screen and (max-width: 599px) {
        header .new_inner h1 {
          margin-top: 15px; } }
      @media screen and (min-width: 960px) {
        header .new_inner h1 {
          margin-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        header .new_inner h1 {
          margin-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        header .new_inner h1 {
          margin-bottom: 10px; } }
      header .new_inner h1 a {
        display: block;
        overflow: hidden;
        text-indent: -99999em;
        height: 6.48789%;
        max-height: 75px;
        line-height: 3em; }
        @media screen and (max-width: 959px) {
          header .new_inner h1 a {
            max-height: 60px; } }
        @media screen and (max-width: 599px) {
          header .new_inner h1 a {
            max-height: 31px; } }
        header .new_inner h1 a:before {
          content: "";
          background: red;
          display: block;
          padding-top: 30%;
          background: url("../img/logo.png") no-repeat center/cover; }
        header .new_inner h1 a.logoo:after {
          background: url("../img/logoo.png") no-repeat center/cover; }
        header .new_inner h1 a.logov:after {
          background: url("../img/logov.png") no-repeat center/cover; }
        header .new_inner h1 a.logoc:after {
          background: url("../img/logoc.png") no-repeat center/cover; }
        header .new_inner h1 a.logor:after {
          background: url("../img/logor.png") no-repeat center/cover; }
        header .new_inner h1 a.logos:after {
          background: url("../img/logos.png") no-repeat center/cover; }
        header .new_inner h1 a.logoh:after {
          background: url("../img/logoh.png") no-repeat center/cover; }
        header .new_inner h1 a.logox:after {
          background: url("../img/logox.png") no-repeat center/cover; }
  header #main_nav {
    flex-basis: 52.76817%;
    z-index: 200; }
    @media screen and (min-width: 960px) {
      header #main_nav nav {
        display: block;
        min-width: 660px;
        width: 100%; }
        header #main_nav nav > ul {
          display: flex;
          justify-content: flex-end;
          width: 100%;
          box-sizing: border-box; }
          header #main_nav nav > ul > li.nav0 {
            position: absolute;
            top: 0.5em;
            right: -1.3em;
            padding: 0.5em 1.2em;
            font-size: 16px;
            display: flex; }
            header #main_nav nav > ul > li.nav0 span {
              display: inline;
              padding: 0 2em;
              border-right: 1px solid #808080;
              border-left: 1px solid #808080; }
              header #main_nav nav > ul > li.nav0 span a {
                font-weight: bold; }
                header #main_nav nav > ul > li.nav0 span a:before {
                  font-family: 'Font Awesome 6 Pro';
                  content: '\f105';
                  font-weight: 900;
                  content: "\f138";
                  font-weight: 200;
                  margin-right: 1.8em;
                  color: #b2b2b2;
                  font-size: 1.1em;
                  position: relative;
                  top: 0.05em; }
          header #main_nav nav > ul > li:not(.nav0) {
            box-sizing: border-box;
            text-align: center;
            font-size: 16px;
            line-height: 1; }
            header #main_nav nav > ul > li:not(.nav0):hover {
              color: #64c0ab; }
            header #main_nav nav > ul > li:not(.nav0) + li {
              margin-left: 1.6em; }
            header #main_nav nav > ul > li:not(.nav0) > a, header #main_nav nav > ul > li:not(.nav0) > span {
              display: inline-block;
              line-height: 1;
              letter-spacing: 0.02em;
              font-weight: bold;
              box-sizing: border-box; }
              header #main_nav nav > ul > li:not(.nav0) > a:hover, header #main_nav nav > ul > li:not(.nav0) > span:hover {
                cursor: pointer;
                color: #64c0ab;
                opacity: 0.8; }
            header #main_nav nav > ul > li:not(.nav0) > span:after {
              content: '\f078';
              font-family: 'Font Awesome 6 Pro';
              font-weight: 500;
              display: block;
              margin-top: 13px; }
            header #main_nav nav > ul > li:not(.nav0) > span:hover:after {
              content: '\f077'; }
            header #main_nav nav > ul > li:not(.nav0) > a {
              padding-bottom: 40px; }
            header #main_nav nav > ul > li:not(.nav0) div.sub_menu {
              box-sizing: border-box;
              padding: 40px;
              position: absolute;
              bottom: 0px;
              left: 0;
              transform: translateY(100%);
              background: #e8f6f2;
              visibility: hidden; }
              header #main_nav nav > ul > li:not(.nav0) div.sub_menu a {
                text-align: left;
                font-weight: bold; }
              header #main_nav nav > ul > li:not(.nav0) div.sub_menu ul li {
                text-align: left;
                position: relative;
                padding-left: 1.5em; }
                header #main_nav nav > ul > li:not(.nav0) div.sub_menu ul li:before {
                  font-family: 'Font Awesome 6 Pro';
                  content: '\f105';
                  font-weight: 900;
                  font-weight: 500;
                  color: #323232;
                  position: absolute;
                  top: 0;
                  left: 0; }
                header #main_nav nav > ul > li:not(.nav0) div.sub_menu ul li a[target='_blank']:after {
                  font-family: 'Font Awesome 6 Pro';
                  content: '\f35d';
                  font-weight: 900;
                  font-size: 0.8em;
                  margin-left: 0.2em;
                  position: relative;
                  top: -0.1em; }
              header #main_nav nav > ul > li:not(.nav0) div.sub_menu .grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 80px;
                position: relative; }
                header #main_nav nav > ul > li:not(.nav0) div.sub_menu .grid:before {
                  content: "";
                  width: 1px;
                  top: 0;
                  left: 50%;
                  bottom: 0;
                  position: absolute;
                  background: #b2b2b2; }
                header #main_nav nav > ul > li:not(.nav0) div.sub_menu .grid ul li + li {
                  margin-top: 0.7em; }
              header #main_nav nav > ul > li:not(.nav0) div.sub_menu div.sub_title {
                color: #64c0ab;
                text-align: left;
                font-size: 18px;
                line-height: 1.5;
                font-weight: bold;
                margin-bottom: 10px; }
                header #main_nav nav > ul > li:not(.nav0) div.sub_menu div.sub_title span {
                  font-size: 1.5em;
                  padding-right: 1em;
                  margin-right: 1em;
                  line-height: 1;
                  font-weight: 600;
                  font-family: 'Inter', sans-serif;
                  position: relative;
                  top: 0.1em; }
                  header #main_nav nav > ul > li:not(.nav0) div.sub_menu div.sub_title span:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 1px;
                    height: 1em;
                    background: #ffffff;
                    transform: translateY(-50%); }
            header #main_nav nav > ul > li:not(.nav0).nav1 div.sub_menu {
              left: auto;
              right: 0;
              width: 602px; }
            header #main_nav nav > ul > li:not(.nav0).nav2 div.sub_menu {
              left: auto;
              right: 215px;
              width: 240px; }
              header #main_nav nav > ul > li:not(.nav0).nav2 div.sub_menu ul li + li {
                margin-top: 20px; }
            header #main_nav nav > ul > li:not(.nav0).nav3 div.sub_menu {
              right: 0; }
              header #main_nav nav > ul > li:not(.nav0).nav3 div.sub_menu .typeNone li {
                padding-left: 0; }
                header #main_nav nav > ul > li:not(.nav0).nav3 div.sub_menu .typeNone li:before {
                  display: none; }
            header #main_nav nav > ul > li:not(.nav0):hover > a:after {
              opacity: 1;
              display: block;
              color: #5ac8a0; }
            header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu {
              visibility: visible; }
              header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .link_box a {
                display: block;
                line-height: 1.5;
                padding: 1em 0.8em;
                background: #ffffff;
                border-radius: 10px;
                margin-bottom: 32px;
                font-size: 18px; }
                header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .link_box a:before {
                  font-family: 'Font Awesome 6 Pro';
                  content: '\f105';
                  font-weight: 900;
                  content: "\f138";
                  color: #64c0ab;
                  margin-right: 1em; }
              header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type2 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 32px;
                margin-bottom: 32px;
                margin-top: 20px; }
                header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type2 a {
                  display: flex;
                  align-items: center;
                  border-radius: 10px;
                  overflow: hidden; }
                  header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type2 a img {
                    flex-basis: 50%;
                    width: 100%;
                    height: auto; }
                  header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type2 a span {
                    flex-basis: 50%;
                    background: #64c0ab;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center; }
                    header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type2 a span i {
                      display: block;
                      padding-left: 2em;
                      margin-left: 50px;
                      color: #ffffff;
                      position: relative; }
                      header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type2 a span i:before {
                        font-family: 'Font Awesome 6 Pro';
                        content: '\f105';
                        font-weight: 900;
                        font-weight: 500;
                        position: absolute;
                        top: 0;
                        left: 0; }
              header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type3 {
                display: flex;
                justify-content: space-between; }
                header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type3 .box {
                  flex-basis: calc(33.33% - 30px);
                  border-right: 1px solid #b2b2b2; }
                  header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type3 .box:last-child {
                    border-right: none; }
                  header #main_nav nav > ul > li:not(.nav0):hover div.sub_menu .grid_type3 .box ul li + li {
                    margin-top: 10px; } }
    @media screen and (max-width: 959px) {
      header #main_nav {
        display: none;
        position: fixed;
        box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);
        top: 0;
        right: 0;
        z-index: 400;
        background: rgba(255, 255, 255, 0.95);
        width: 26em;
        font-size: 16px;
        height: 100vh;
        transform: translate(26em);
        overflow: auto; } }
  @media screen and (max-width: 959px) and (max-width: 599px) {
    header #main_nav {
      font-size: 14px; } }
  @media screen and (max-width: 959px) and (max-width: 599px) {
    header #main_nav {
      font-size: 12px; } }
    @media screen and (max-width: 959px) {
        header #main_nav nav {
          padding: 1.5em 1em 1.5em;
          display: block;
          margin: 6em 1em 0 1em; }
          header #main_nav nav > ul {
            display: table;
            width: 100%; }
            header #main_nav nav > ul > li {
              line-height: 2em;
              vertical-align: middle;
              border-bottom: 1px solid #c9caca;
              padding-bottom: 0.5em; }
              header #main_nav nav > ul > li > span {
                padding: 0.5em 0;
                display: block; }
            header #main_nav nav > ul img {
              width: 2em;
              display: inline-block;
              margin-right: 0.5em;
              transform: translateY(25%); }
            header #main_nav nav > ul .sub_menu div.sub_title {
              display: none; }
            header #main_nav nav > ul .sub_menu .img_box {
              display: none; }
            header #main_nav nav > ul .sub_menu li {
              padding-left: 2.5em;
              padding-bottom: 0.5em; }
              header #main_nav nav > ul .sub_menu li:last-child {
                padding-bottom: 0; }
              header #main_nav nav > ul .sub_menu li a {
                position: relative;
                padding-left: 1.3em; }
                header #main_nav nav > ul .sub_menu li a:before {
                  font-family: 'Font Awesome 6 Pro';
                  content: '\f105';
                  font-weight: 900;
                  color: #ffffff;
                  background: #64c0ab;
                  font-size: 0.8em;
                  width: 1.1em;
                  line-height: 1.1em;
                  border-radius: 0.55em;
                  margin-right: 0.5em;
                  display: inline-block;
                  text-align: center;
                  transform: translateY(20%);
                  position: absolute;
                  top: 0;
                  left: 0; }
            header #main_nav nav > ul .nav0 {
              border-top: 1px solid #c9caca;
              padding-top: 0.5em; }
              header #main_nav nav > ul .nav0 a:before {
                font-family: 'Font Awesome 6 Pro';
                content: '\f105';
                font-weight: 900;
                content: "\f138";
                font-weight: 200;
                margin-right: 0.3em;
                color: #b2b2b2; }
            header #main_nav nav > ul .nav1 .box + .box {
              margin-top: 0.5em; }
            header #main_nav nav > ul .nav3 img {
              display: none; }
            header #main_nav nav > ul .nav3 .grid_type2 span, header #main_nav nav > ul .nav3 .grid_type2 i {
              display: inline;
              margin: 0;
              font-size: 1em;
              line-height: 1.5em;
              color: #323232; }
            header #main_nav nav > ul .nav3 .grid_type2 a {
              display: block; }
              header #main_nav nav > ul .nav3 .grid_type2 a + a {
                margin-top: 0.5em; }
            header #main_nav nav > ul .nav3 .grid_type2,
            header #main_nav nav > ul .nav3 .link_box {
              padding-bottom: 0.5em;
              padding-left: 2.5em; }
              header #main_nav nav > ul .nav3 .grid_type2 a,
              header #main_nav nav > ul .nav3 .link_box a {
                position: relative;
                padding-left: 1.3em; }
                header #main_nav nav > ul .nav3 .grid_type2 a:before,
                header #main_nav nav > ul .nav3 .link_box a:before {
                  font-family: 'Font Awesome 6 Pro';
                  content: '\f105';
                  font-weight: 900;
                  color: #ffffff;
                  background: #64c0ab;
                  font-size: 0.8em;
                  width: 1.1em;
                  line-height: 1.1em;
                  border-radius: 0.55em;
                  margin-right: 0.5em;
                  display: inline-block;
                  text-align: center;
                  transform: translateY(20%);
                  position: absolute;
                  top: 0.2em;
                  left: 0; }
            header #main_nav nav > ul .nav3 .box + .box {
              margin-top: 0.5em; }
            header #main_nav nav > ul .nav4 {
              padding-top: 0.5em; } }

@media screen and (max-width: 959px) {
  .is_open + #main_nav {
    display: block;
    transform: translate(0); } }

@media screen and (min-width: 960px) {
  body.single-columnist .nav1 > span,
  body.single-column .nav1 > span,
  body.page-id-2725 .nav1 > span,
  body.page-id-17312 .nav1 > span,
  body.page-id-11168 .nav1 > span,
  body.page-id-21067 .nav1 > span {
    color: #64c0ab; } }

@media screen and (min-width: 960px) {
  body.page-id-729 .nav2,
  body.search-hos .nav2,
  body.page-id-18686 .nav2 {
    border-bottom: 3px solid #64c0ab !important; }
    body.page-id-729 .nav2 > span,
    body.search-hos .nav2 > span,
    body.page-id-18686 .nav2 > span {
      color: #64c0ab; } }

@media screen and (min-width: 960px) {
  body.page-id-12131 .nav3 > span,
  body.page-id-9823 .nav3 > span,
  body.page-id-11971 .nav3 > span,
  body.page-id-11973 .nav3 > span,
  body.page-id-11841 .nav3 > span,
  body.page-id-9821 .nav3 > span,
  body.page-id-9818 .nav3 > span,
  body.page-id-11975 .nav3 > span {
    color: #64c0ab; } }

@media screen and (min-width: 960px) {
  body.single-offer .nav4 > a {
    color: #64c0ab; } }

@media screen and (min-width: 960px) {
  body.search-offer .nav4 > a {
    color: #64c0ab; } }

@media screen and (min-width: 960px) {
  body.tax-offer-cat .nav4 > a {
    color: #64c0ab; } }

@media screen and (min-width: 960px) {
  .home #main .news_info_box {
    padding-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .news_info_box {
    padding-bottom: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .news_info_box {
    padding-bottom: 40px; } }

@media screen and (min-width: 960px) {
  .home #main .news_info_box {
    padding-top: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .news_info_box {
    padding-top: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .news_info_box {
    padding-top: 40px; } }

.home #main .news_info_box h2 {
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .home #main .news_info_box h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .home #main .news_info_box h2 {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .home #main .news_info_box h2 {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .home #main .news_info_box h2 {
      padding-bottom: 165px; } }
  @media screen and (max-width: 959px) {
    .home #main .news_info_box h2 {
      padding-bottom: 150px; } }
  @media screen and (max-width: 599px) {
    .home #main .news_info_box h2 {
      padding-bottom: 135px; } }
  .home #main .news_info_box h2:before {
    content: "news";
    color: #808080;
    font-size: 0.5em;
    display: block;
    text-align: center; }

/* タブ */
.home .news_area.news,
.home .news_area.updata,
.home .news_area.hos {
  display: none; }

.home .tabs li span {
  border-top: 1px solid #cccccc;
  color: #898989; }

.home .news_area .tab_box ul[class~="news_area"] {
  background: #ffffff;
  padding: 40px 20px 40px 0;
  height: 500px;
  min-height: 510px;
  box-sizing: border-box;
  position: relative;
  z-index: 60;
  overflow: scroll; }
  @media screen and (max-width: 959px) {
    .home .news_area .tab_box ul[class~="news_area"] {
      padding: 30px 15px 30px 0; } }
  @media screen and (max-width: 599px) {
    .home .news_area .tab_box ul[class~="news_area"] {
      padding: 10px 10px 10px 0;
      min-height: 350px;
      height: 350px; } }
  .home .news_area .tab_box ul[class~="news_area"] li {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #c9caca;
    font-size: 16px;
    line-height: 1.5em;
    padding-left: 10em;
    position: relative; }
    @media screen and (max-width: 959px) {
      .home .news_area .tab_box ul[class~="news_area"] li {
        line-height: 1.8;
        padding-left: 0em; } }
    @media screen and (max-width: 599px) {
      .home .news_area .tab_box ul[class~="news_area"] li {
        padding-bottom: 15px;
        margin-bottom: 15px; } }
    .home .news_area .tab_box ul[class~="news_area"] li span {
      width: 10em;
      font-size: 0.875em;
      display: inline-block;
      text-align: center;
      color: #898989;
      line-height: 2.428em;
      margin-right: 1.428em;
      position: absolute;
      top: 50%;
      left: 0;
      border: 1px solid #cccccc;
      box-sizing: border-box;
      border-radius: 0.5em;
      transform: translateY(-100%); }
      @media screen and (max-width: 959px) {
        .home .news_area .tab_box ul[class~="news_area"] li span {
          display: block;
          margin-bottom: 1em;
          position: static;
          transform: none; } }
      @media screen and (max-width: 599px) {
        .home .news_area .tab_box ul[class~="news_area"] li span {
          margin-bottom: 0.5em; } }
    .home .news_area .tab_box ul[class~="news_area"] li i {
      display: inline-block;
      margin-right: 1.25em; }
      @media screen and (max-width: 959px) {
        .home .news_area .tab_box ul[class~="news_area"] li i {
          display: block;
          margin-right: 0;
          margin-left: 2em;
          margin-bottom: 1em; } }
      @media screen and (max-width: 599px) {
        .home .news_area .tab_box ul[class~="news_area"] li i {
          margin-left: 1em;
          margin-bottom: 0.5em; } }
    .home .news_area .tab_box ul[class~="news_area"] li b {
      font-weight: normal; }
      @media screen and (max-width: 959px) {
        .home .news_area .tab_box ul[class~="news_area"] li b {
          display: block;
          padding-left: 2em; } }
      @media screen and (max-width: 599px) {
        .home .news_area .tab_box ul[class~="news_area"] li b {
          padding-left: 1em; } }
    @media screen and (max-width: 599px) {
      .home .news_area .tab_box ul[class~="news_area"] li * {
        font-size: 12px; } }

.home .news_area .tab_box .tabs {
  display: flex;
  justify-content: center; }
  .home .news_area .tab_box .tabs li {
    position: relative;
    width: 100%;
    z-index: 50;
    border-bottom: 1px solid #cccccc; }
    .home .news_area .tab_box .tabs li span {
      box-sizing: border-box;
      display: block;
      text-align: center;
      font-size: 20px;
      line-height: 3em;
      color: #898989;
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      border-right: 1px solid #cccccc; }
      .home .news_area .tab_box .tabs li span:hover {
        cursor: pointer;
        opacity: 0.8;
        line-height: 4em;
        border-left: 1px solid #cccccc; }
      @media screen and (max-width: 959px) {
        .home .news_area .tab_box .tabs li span {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .home .news_area .tab_box .tabs li span {
          font-size: 11px; } }
    .home .news_area .tab_box .tabs li span.active {
      color: #ffffff;
      background: #898989;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      line-height: 4em; }
      .home .news_area .tab_box .tabs li span.active:hover {
        opacity: 1;
        cursor: default; }
    .home .news_area .tab_box .tabs li:nth-of-type(1) span {
      border-left: 1px solid #cccccc; }

.search main.lower .new_inner .page_counter {
  text-align: center; }
  @media screen and (min-width: 960px) {
    .search main.lower .new_inner .page_counter {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .search main.lower .new_inner .page_counter {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .search main.lower .new_inner .page_counter {
      font-size: 12px; } }

.search main.lower .new_inner .pager {
  text-align: center; }
  @media screen and (min-width: 960px) {
    .search main.lower .new_inner .pager {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    .search main.lower .new_inner .pager {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    .search main.lower .new_inner .pager {
      margin-top: 10px; } }
  @media screen and (min-width: 960px) {
    .search main.lower .new_inner .pager {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .search main.lower .new_inner .pager {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .search main.lower .new_inner .pager {
      margin-bottom: 20px; } }
  .search main.lower .new_inner .pager li {
    display: inline-block; }
    @media screen and (min-width: 960px) {
      .search main.lower .new_inner .pager li {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .search main.lower .new_inner .pager li {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .search main.lower .new_inner .pager li {
        font-size: 12px; } }
    .search main.lower .new_inner .pager li:first-child a.num {
      background: #f18e1d; }
    .search main.lower .new_inner .pager li a.num {
      display: block;
      box-sizing: border-box;
      width: 2.1em;
      line-height: 2.1em;
      background: #5ac8a0;
      color: #ffffff;
      margin: 0 0.3em;
      border-radius: 1.05em; }
    .search main.lower .new_inner .pager li.active a.num {
      background: #f18e1d; }
    .search main.lower .new_inner .pager li.page_next, .search main.lower .new_inner .pager li.page_prev {
      margin: 0 0.6em; }

#column_type2 {
  width: 85%;
  max-width: 1360px;
  min-width: 960px;
  margin: 0 auto;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 65.31142% 27.68166%;
  grid-template-rows: auto 100%; }
  @media screen and (max-width: 959px) {
    #column_type2 {
      min-width: auto;
      width: 90%;
      display: block; } }
  @media screen and (min-width: 960px) {
    #column_type2 .left_area {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #column_type2 .left_area {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #column_type2 .left_area {
      margin-top: 40px; } }
  #column_type2 .right_area {
    position: relative; }
    #column_type2 .right_area #aside {
      position: sticky;
      top: 170px; }
      @media screen and (max-width: 959px) {
        #column_type2 .right_area #aside {
          margin-top: 60px;
          position: static; } }
      @media screen and (max-width: 599px) {
        #column_type2 .right_area #aside {
          margin-top: 40px; } }

#aside .banner_box h3 {
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    #aside .banner_box h3 {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #aside .banner_box h3 {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #aside .banner_box h3 {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    #aside .banner_box h3 {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    #aside .banner_box h3 {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    #aside .banner_box h3 {
      margin-top: 10px; } }
  #aside .banner_box h3:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f138';
    font-weight: 900;
    color: #5ac8a0;
    margin-right: 0.3em; }

@media screen and (min-width: 960px) {
  #aside .banner_box > div {
    margin-top: 30px; } }

@media screen and (max-width: 959px) {
  #aside .banner_box > div {
    margin-top: 20px; } }

@media screen and (max-width: 599px) {
  #aside .banner_box > div {
    margin-top: 10px; } }

@media screen and (max-width: 959px) {
  #aside .banner_box {
    display: grid;
    grid-template-columns: 47.41722% 47.41722%;
    grid-template-rows: auto 100%;
    justify-content: space-between; } }

#aside .border {
  border: 1px solid #5ac8a0;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 10px; }

#aside.fixed {
  position: fixed;
  top: 210px;
  max-width: 352px;
  width: 27.68166%; }

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

#aside h2 {
  font-weight: bold;
  line-height: 1.2;
  padding: 0.625em 0; }
  @media screen and (min-width: 960px) {
    #aside h2 {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #aside h2 {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    #aside h2 {
      font-size: 14px; } }

#aside .sns {
  border-top: 1px solid #64c0ab;
  border-bottom: 1px solid #64c0ab;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 960px) {
    #aside .sns {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    #aside .sns {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    #aside .sns {
      margin-top: 30px; } }
  @media screen and (min-width: 960px) {
    #aside .sns {
      margin-bottom: 35px; } }
  @media screen and (max-width: 959px) {
    #aside .sns {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #aside .sns {
      margin-bottom: 25px; } }
  @media screen and (min-width: 960px) {
    #aside .sns {
      padding-top: 16px; } }
  @media screen and (max-width: 959px) {
    #aside .sns {
      padding-top: 14px; } }
  @media screen and (max-width: 599px) {
    #aside .sns {
      padding-top: 12px; } }
  @media screen and (min-width: 960px) {
    #aside .sns {
      padding-bottom: 16px; } }
  @media screen and (max-width: 959px) {
    #aside .sns {
      padding-bottom: 14px; } }
  @media screen and (max-width: 599px) {
    #aside .sns {
      padding-bottom: 12px; } }
  #aside .sns ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #aside .sns ul li {
      flex-basis: 33.33%;
      text-align: center;
      border-left: 1px solid rgba(189, 225, 214, 0.5);
      box-sizing: border-box; }
      #aside .sns ul li:last-child {
        border-right: 1px solid rgba(189, 225, 214, 0.5); }
      #aside .sns ul li a {
        display: inline-block;
        width: 1em;
        height: 1em;
        font-size: 32px;
        overflow: hidden;
        text-indent: -9999em; }
        #aside .sns ul li a:before {
          content: "";
          height: 1em;
          width: 1em;
          display: block;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover; }
      #aside .sns ul li:nth-of-type(1) a:before {
        background-image: url("../img/home/icon1.svg"); }
      #aside .sns ul li:nth-of-type(2) a:before {
        background-image: url("../img/home/icon2.svg"); }
      #aside .sns ul li:nth-of-type(3) a:before {
        background-image: url("../img/home/icon3.svg"); }

#aside .search form {
  display: block;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  border-radius: 10px; }
  @media screen and (min-width: 960px) {
    #aside .search form {
      padding: 16px; } }
  @media screen and (max-width: 959px) {
    #aside .search form {
      padding: 14px; } }
  @media screen and (max-width: 599px) {
    #aside .search form {
      padding: 12px; } }
  #aside .search form * {
    font-size: 16px; }
  #aside .search form > div {
    display: flex;
    align-items: center; }

#aside .search input {
  border: none;
  width: calc(100% - 2em);
  display: inline-block; }

#aside .search button {
  background: transparent;
  border: none; }
  #aside .search button:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f002';
    font-weight: 900;
    color: #64c0ab;
    font-size: 1.5em; }
  #aside .search button:hover {
    opacity: 0.8; }

#aside .search span {
  display: block;
  text-align: right;
  color: #cccccc; }
  @media screen and (min-width: 960px) {
    #aside .search span {
      font-size: 12px; } }
  @media screen and (max-width: 959px) {
    #aside .search span {
      font-size: 11px; } }
  @media screen and (max-width: 599px) {
    #aside .search span {
      font-size: 10px; } }
  @media screen and (min-width: 960px) {
    #aside .search span {
      margin-top: 16px; } }
  @media screen and (max-width: 959px) {
    #aside .search span {
      margin-top: 14px; } }
  @media screen and (max-width: 599px) {
    #aside .search span {
      margin-top: 12px; } }

#aside .hos h2 {
  flex-basis: 100%; }

#aside .hos .hos_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #aside .hos .hos_list > li {
    flex-basis: 100%;
    border-top: 1px dashed #cccccc; }
    @media screen and (min-width: 960px) {
      #aside .hos .hos_list > li {
        padding-top: 18px; } }
    @media screen and (max-width: 959px) {
      #aside .hos .hos_list > li {
        padding-top: 13px; } }
    @media screen and (max-width: 599px) {
      #aside .hos .hos_list > li {
        padding-top: 8px; } }
    @media screen and (min-width: 960px) {
      #aside .hos .hos_list > li {
        padding-bottom: 18px; } }
    @media screen and (max-width: 959px) {
      #aside .hos .hos_list > li {
        padding-bottom: 13px; } }
    @media screen and (max-width: 599px) {
      #aside .hos .hos_list > li {
        padding-bottom: 8px; } }
    @media screen and (max-width: 599px) {
      #aside .hos .hos_list > li {
        flex-basis: 46%; } }
    #aside .hos .hos_list > li span {
      display: inline-block;
      font-size: 12px;
      line-height: 1;
      padding: 0.4em 0.8em;
      color: #ffffff;
      background: #64c0ab;
      border-radius: 1em; }

#aside .hos .link_btn_type2 {
  border-top: 1px dashed #cccccc; }
  @media screen and (min-width: 960px) {
    #aside .hos .link_btn_type2 {
      padding-top: 16px; } }
  @media screen and (max-width: 959px) {
    #aside .hos .link_btn_type2 {
      padding-top: 14px; } }
  @media screen and (max-width: 599px) {
    #aside .hos .link_btn_type2 {
      padding-top: 12px; } }
  #aside .hos .link_btn_type2 a {
    line-height: 2em; }
    @media screen and (min-width: 960px) {
      #aside .hos .link_btn_type2 a {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #aside .hos .link_btn_type2 a {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #aside .hos .link_btn_type2 a {
        font-size: 12px; } }
  #aside .hos .link_btn_type2 + p {
    display: block;
    text-align: right;
    color: #cccccc; }
    @media screen and (min-width: 960px) {
      #aside .hos .link_btn_type2 + p {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      #aside .hos .link_btn_type2 + p {
        font-size: 11px; } }
    @media screen and (max-width: 599px) {
      #aside .hos .link_btn_type2 + p {
        font-size: 10px; } }
    @media screen and (min-width: 960px) {
      #aside .hos .link_btn_type2 + p {
        padding-top: 16px; } }
    @media screen and (max-width: 959px) {
      #aside .hos .link_btn_type2 + p {
        padding-top: 14px; } }
    @media screen and (max-width: 599px) {
      #aside .hos .link_btn_type2 + p {
        padding-top: 12px; } }

#aside .hos .hos_info {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #aside .hos .hos_info .img_box {
    flex-basis: 35.71429%; }
    @media screen and (max-width: 599px) {
      #aside .hos .hos_info .img_box {
        flex-basis: 100%; } }
    #aside .hos .hos_info .img_box img {
      display: block;
      border-radius: 5px;
      box-sizing: border-box;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  #aside .hos .hos_info .text_box {
    flex-basis: 60%; }
    @media screen and (max-width: 599px) {
      #aside .hos .hos_info .text_box {
        flex-basis: 100%;
        margin-bottom: 10px; } }
    #aside .hos .hos_info .text_box h3 {
      font-size: 14px;
      font-weight: bold; }
    #aside .hos .hos_info .text_box ul {
      margin-top: 10px; }
      #aside .hos .hos_info .text_box ul li {
        font-size: 10px;
        padding: 0.2em 0.3em;
        border-radius: 0.2em;
        line-height: 1;
        border: 1px solid #cccccc;
        display: inline-block;
        margin-right: 0.5em; }

.home #main section.top_banner {
  background: #e8f6f2; }
  @media screen and (min-width: 960px) {
    .home #main section.top_banner {
      padding-top: 60px; } }
  @media screen and (max-width: 959px) {
    .home #main section.top_banner {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .home #main section.top_banner {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .home #main section.top_banner {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .home #main section.top_banner {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .home #main section.top_banner {
      padding-bottom: 40px; } }
  .home #main section.top_banner a {
    display: block;
    max-width: 1080px;
    margin: 0 auto; }
  .home #main section.top_banner img {
    width: 100%;
    height: auto; }

@media screen and (min-width: 600px) {
  .sp_only {
    display: none; } }

.home main .header_img {
  max-height: 500px;
  height: 500px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 599px) {
    .home main .header_img {
      max-height: none;
      height: auto; } }
  .home main .header_img:before {
    content: '';
    width: 100%;
    height: 100%;
    max-height: 600px;
    background: url("../img/home/main_img.jpg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    @media screen and (max-width: 599px) {
      .home main .header_img:before {
        height: 200px; } }
  @media screen and (max-width: 599px) {
    .home main .header_img:after {
      content: "";
      background: url("../img/home/sp_text.png") no-repeat center center;
      background-size: cover;
      width: 336px;
      height: 57px;
      position: absolute;
      top: 127px;
      left: calc(50% - 168px);
      z-index: 2; } }
  .home main .header_img .new_inner {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 70px 0;
    box-sizing: border-box;
    text-align: center; }
    @media screen and (max-width: 599px) {
      .home main .header_img .new_inner {
        margin-top: 200px;
        display: block;
        padding: 25px 0;
        height: auto; } }
    .home main .header_img .new_inner .subtitle {
      color: #ffffff;
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 19px; }
      @media screen and (max-width: 599px) {
        .home main .header_img .new_inner .subtitle {
          font-size: 10px;
          color: #000000;
          margin-bottom: 10px; } }
    .home main .header_img .new_inner h2 {
      font-weight: bold;
      font-size: 32px;
      text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
      color: #ffffff;
      margin-bottom: 50px; }
      @media screen and (max-width: 599px) {
        .home main .header_img .new_inner h2 {
          color: #000000;
          text-shadow: none;
          font-size: 20px;
          margin-bottom: 25px; } }
    .home main .header_img .new_inner .grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 60px; }
      @media screen and (max-width: 959px) {
        .home main .header_img .new_inner .grid {
          gap: 20px; } }
      @media screen and (max-width: 599px) {
        .home main .header_img .new_inner .grid {
          gap: 16px;
          grid-template-columns: 1fr 1fr; } }
      .home main .header_img .new_inner .grid > div {
        position: relative;
        max-width: 244px;
        max-height: 244px;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
        box-sizing: border-box; }
        .home main .header_img .new_inner .grid > div:after {
          content: "";
          display: block;
          width: 100%;
          height: 0;
          padding-top: 100%; }
          @media screen and (max-width: 599px) {
            .home main .header_img .new_inner .grid > div:after {
              padding-top: 65%; } }
        .home main .header_img .new_inner .grid > div a {
          position: absolute;
          top: 0;
          left: 0;
          background: rgba(255, 255, 255, 0.9);
          font-size: 20px;
          width: 100%;
          height: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          flex-direction: column;
          justify-content: center; }
          .home main .header_img .new_inner .grid > div a span {
            font-size: 20px;
            font-weight: bold;
            color: #000000;
            display: block;
            text-align: center; }
            @media screen and (max-width: 599px) {
              .home main .header_img .new_inner .grid > div a span {
                font-size: 12.5px; } }
            .home main .header_img .new_inner .grid > div a span:before {
              content: "";
              background: url("../img/home/icon1.png") no-repeat center center;
              background-size: cover;
              width: 1em;
              height: 0.68889em;
              display: block;
              margin-left: auto;
              margin-right: auto; }
              @media screen and (min-width: 960px) {
                .home main .header_img .new_inner .grid > div a span:before {
                  font-size: 180px; } }
              @media screen and (max-width: 959px) {
                .home main .header_img .new_inner .grid > div a span:before {
                  font-size: 140px; } }
              @media screen and (max-width: 599px) {
                .home main .header_img .new_inner .grid > div a span:before {
                  font-size: 100px; } }
              @media screen and (min-width: 960px) {
                .home main .header_img .new_inner .grid > div a span:before {
                  margin-bottom: 10px; } }
              @media screen and (max-width: 959px) {
                .home main .header_img .new_inner .grid > div a span:before {
                  margin-bottom: 5px; } }
              @media screen and (max-width: 599px) {
                .home main .header_img .new_inner .grid > div a span:before {
                  margin-bottom: 0px; } }
          .home main .header_img .new_inner .grid > div a:hover {
            opacity: 0.9; }
            .home main .header_img .new_inner .grid > div a:hover :before {
              animation: zoomUpAnime 0.5s ease;
              transform: scale(110%); }
        .home main .header_img .new_inner .grid > div.type2 a span:before {
          background: url("../img/home/icon2.png") no-repeat center center;
          background-size: cover; }
        .home main .header_img .new_inner .grid > div.type3 a span:before {
          background: url("../img/home/icon3.png") no-repeat center center;
          background-size: cover; }
        .home main .header_img .new_inner .grid > div.type4 a span:before {
          background: url("../img/home/icon4.png") no-repeat center center;
          background-size: cover; }

.home #main .search_area {
  background: #64c0ab;
  color: #ffffff; }
  @media screen and (min-width: 960px) {
    .home #main .search_area {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .home #main .search_area {
      padding-top: 55px; } }
  @media screen and (max-width: 599px) {
    .home #main .search_area {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .home #main .search_area {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .home #main .search_area {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    .home #main .search_area {
      padding-bottom: 40px; } }
  .home #main .search_area h2 {
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .home #main .search_area h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .home #main .search_area h2 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area h2 {
        font-size: 20px; } }
    @media screen and (min-width: 960px) {
      .home #main .search_area h2 {
        padding-bottom: 65px; } }
    @media screen and (max-width: 959px) {
      .home #main .search_area h2 {
        padding-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area h2 {
        padding-bottom: 35px; } }
    .home #main .search_area h2:before {
      content: "search clinic";
      color: #ffffff;
      font-size: 0.5em;
      display: block;
      text-align: center; }
  .home #main .search_area .form_box {
    max-width: 1156px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .home #main .search_area .form_box {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .home #main .search_area .form_box {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area .form_box {
        font-size: 12px; } }
    .home #main .search_area .form_box .title {
      font-weight: bold;
      font-size: 1.25em;
      margin-bottom: 0.5em; }
    .home #main .search_area .form_box p {
      display: block;
      margin-top: 1em; }
    .home #main .search_area .form_box span {
      display: block;
      text-align: right;
      transform: translateY(-110%);
      font-size: 0.875em; }
      @media screen and (max-width: 599px) {
        .home #main .search_area .form_box span {
          margin-top: 1em;
          transform: none; } }
    .home #main .search_area .form_box .search-form > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0.812em;
      border-radius: 10px;
      background: #ffffff;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .home #main .search_area .form_box .search-form > div {
          border-radius: 5px;
          padding: 0.3em; } }
    .home #main .search_area .form_box .search-field {
      flex-basis: calc(100% - 50px);
      height: 50px;
      display: block;
      box-sizing: border-box;
      font-size: 1.22em;
      border: none; }
      @media screen and (max-width: 599px) {
        .home #main .search_area .form_box .search-field {
          font-size: 16px;
          height: 35px; } }
    .home #main .search_area .form_box button {
      flex-basis: 50px;
      height: 100%;
      background: #ffffff;
      box-sizing: border-box;
      border: none;
      position: relative; }
      @media screen and (max-width: 599px) {
        .home #main .search_area .form_box button {
          flex-basis: 35px; } }
      .home #main .search_area .form_box button:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f002';
        font-weight: 900;
        font-family: "Font Awesome 6 Pro";
        font-weight: 100;
        position: absolute;
        top: calc(50% - 0.5em);
        right: calc(50% - 0.5em);
        font-size: 2.25em;
        color: #64c0ab;
        line-height: 1; }
        @media screen and (max-width: 599px) {
          .home #main .search_area .form_box button:before {
            font-size: 20px; } }
      .home #main .search_area .form_box button:after {
        content: "";
        display: block;
        padding-top: 100%; }
  .home #main .search_area .title2 {
    font-weight: bold;
    text-align: center;
    font-size: 1.25em;
    margin-bottom: 1.6em; }
    @media screen and (max-width: 599px) {
      .home #main .search_area .title2 {
        text-align: left;
        margin-bottom: 1em; } }
  .home #main .search_area .column_box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    @media screen and (min-width: 960px) {
      .home #main .search_area .column_box2 {
        margin-top: 55px; } }
    @media screen and (max-width: 959px) {
      .home #main .search_area .column_box2 {
        margin-top: 45px; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area .column_box2 {
        margin-top: 35px; } }
    @media screen and (min-width: 960px) {
      .home #main .search_area .column_box2 + .title2 {
        margin-top: 55px; } }
    @media screen and (max-width: 959px) {
      .home #main .search_area .column_box2 + .title2 {
        margin-top: 45px; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area .column_box2 + .title2 {
        margin-top: 35px; } }
    @media screen and (min-width: 600px) {
      .home #main .search_area .column_box2:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        border-left: 1px solid #ffffff; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area .column_box2 {
        display: block; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area .column_box2 .grid_box + .grid_box {
        margin-top: 20px; } }
    .home #main .search_area .column_box2 > div {
      flex-basis: 43.94464%; }
      .home #main .search_area .column_box2 > div .grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2em; }
        @media screen and (max-width: 599px) {
          .home #main .search_area .column_box2 > div .grid {
            gap: 1em; } }
        .home #main .search_area .column_box2 > div .grid .search_btn a,
        .home #main .search_area .column_box2 > div .grid .search_modal_open {
          display: block;
          line-height: 3em;
          background: #ffffff;
          border-radius: 10px;
          color: #5ac8a0;
          font-weight: bold;
          padding-left: 1em;
          position: relative; }
          @media screen and (min-width: 960px) {
            .home #main .search_area .column_box2 > div .grid .search_btn a,
            .home #main .search_area .column_box2 > div .grid .search_modal_open {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            .home #main .search_area .column_box2 > div .grid .search_btn a,
            .home #main .search_area .column_box2 > div .grid .search_modal_open {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            .home #main .search_area .column_box2 > div .grid .search_btn a,
            .home #main .search_area .column_box2 > div .grid .search_modal_open {
              font-size: 12px; } }
          .home #main .search_area .column_box2 > div .grid .search_btn a:after,
          .home #main .search_area .column_box2 > div .grid .search_modal_open:after {
            font-weight: 400;
            font-family: "Font Awesome 6 Pro";
            content: '\f105';
            position: absolute;
            top: calc(50% - 1.15em);
            right: 0.75em; }
            @media screen and (min-width: 960px) {
              .home #main .search_area .column_box2 > div .grid .search_btn a:after,
              .home #main .search_area .column_box2 > div .grid .search_modal_open:after {
                font-size: 20px; } }
            @media screen and (max-width: 959px) {
              .home #main .search_area .column_box2 > div .grid .search_btn a:after,
              .home #main .search_area .column_box2 > div .grid .search_modal_open:after {
                font-size: 18px; } }
            @media screen and (max-width: 599px) {
              .home #main .search_area .column_box2 > div .grid .search_btn a:after,
              .home #main .search_area .column_box2 > div .grid .search_modal_open:after {
                font-size: 16px; } }
          .home #main .search_area .column_box2 > div .grid .search_btn a:hover,
          .home #main .search_area .column_box2 > div .grid .search_modal_open:hover {
            opacity: 0.9;
            cursor: pointer; }
  .home #main .search_area .grid2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em; }
    @media screen and (min-width: 960px) {
      .home #main .search_area .grid2 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .home #main .search_area .grid2 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area .grid2 {
        margin-top: 40px; } }
    @media screen and (max-width: 599px) {
      .home #main .search_area .grid2 {
        gap: 1em;
        grid-template-columns: repeat(2, 1fr); } }
    .home #main .search_area .grid2 .search_btn a {
      display: block;
      line-height: 3em;
      background: #ffffff;
      border-radius: 10px;
      color: #5ac8a0;
      font-weight: bold;
      padding-left: 1em;
      position: relative; }
      @media screen and (min-width: 960px) {
        .home #main .search_area .grid2 .search_btn a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .home #main .search_area .grid2 .search_btn a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .home #main .search_area .grid2 .search_btn a {
          font-size: 12px; } }
      .home #main .search_area .grid2 .search_btn a:after {
        font-weight: 400;
        font-family: "Font Awesome 6 Pro";
        content: '\f105';
        position: absolute;
        top: calc(50% - 1.15em);
        right: 0.75em; }
        @media screen and (min-width: 960px) {
          .home #main .search_area .grid2 .search_btn a:after {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .home #main .search_area .grid2 .search_btn a:after {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          .home #main .search_area .grid2 .search_btn a:after {
            font-size: 16px; } }
      .home #main .search_area .grid2 .search_btn a:hover {
        opacity: 0.9;
        cursor: pointer; }

@media screen and (min-width: 960px) {
  .home #main .sns_area {
    padding-top: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .sns_area {
    padding-top: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .sns_area {
    padding-top: 40px; } }

@media screen and (min-width: 960px) {
  .home #main .sns_area {
    padding-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .sns_area {
    padding-bottom: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .sns_area {
    padding-bottom: 40px; } }

.home #main .sns_area h2 {
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px; }
  @media screen and (min-width: 960px) {
    .home #main .sns_area h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .home #main .sns_area h2 {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .home #main .sns_area h2 {
      font-size: 20px; } }
  @media screen and (min-width: 600px) {
    .home #main .sns_area h2 br {
      display: none; } }
  .home #main .sns_area h2:before {
    content: "follow us";
    color: #808080;
    font-size: 0.5em;
    display: block;
    text-align: center; }

@media screen and (min-width: 960px) {
  .home #main .sns_area .banner {
    margin-top: 60px; } }

@media screen and (max-width: 959px) {
  .home #main .sns_area .banner {
    margin-top: 45px; } }

@media screen and (max-width: 599px) {
  .home #main .sns_area .banner {
    margin-top: 30px; } }

@media screen and (min-width: 960px) {
  .home #main .sns_area .banner {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .sns_area .banner {
    margin-bottom: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .sns_area .banner {
    margin-bottom: 40px; } }

.home #main .sns_area .banner img {
  width: 100%;
  height: auto; }

.home #main .sns_area .btn_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1156px;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  gap: 50px; }
  @media screen and (max-width: 599px) {
    .home #main .sns_area .btn_box {
      grid-template-columns: 1fr;
      gap: 30px; } }
  .home #main .sns_area .btn_box a {
    display: block;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    position: relative; }
    .home #main .sns_area .btn_box a > div {
      max-width: 154px;
      margin: 0 auto;
      display: flex;
      align-items: center; }
      .home #main .sns_area .btn_box a > div:before {
        content: '';
        width: 1em;
        height: 1em;
        margin-right: 1em;
        position: block;
        flex-basis: 1em;
        background: url("../img/home/icon_facebook.png") no-repeat center center;
        background-size: cover; }
        @media screen and (min-width: 960px) {
          .home #main .sns_area .btn_box a > div:before {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .home #main .sns_area .btn_box a > div:before {
            font-size: 25px; } }
        @media screen and (max-width: 599px) {
          .home #main .sns_area .btn_box a > div:before {
            font-size: 20px; } }
      .home #main .sns_area .btn_box a > div span {
        line-height: 3em; }
        @media screen and (min-width: 960px) {
          .home #main .sns_area .btn_box a > div span {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .home #main .sns_area .btn_box a > div span {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          .home #main .sns_area .btn_box a > div span {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .home #main .sns_area .btn_box a > div span {
            font-size: 14px; } }
    .home #main .sns_area .btn_box a.instagram > div:before {
      background-image: url("../img/home/icon_insta.png"); }
    .home #main .sns_area .btn_box a.x > div:before {
      background-image: url("../img/home/icon_x.png"); }

.home #main div[class^='search_modal-'] .search_modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1156px;
  height: 85vh;
  background: #ffffff;
  border-radius: 10px;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .home #main div[class^='search_modal-'] .search_modal_inner {
      padding: 45px; } }
  @media screen and (max-width: 959px) {
    .home #main div[class^='search_modal-'] .search_modal_inner {
      padding: 35px; } }
  @media screen and (max-width: 599px) {
    .home #main div[class^='search_modal-'] .search_modal_inner {
      padding: 25px; } }
  @media screen and (min-width: 600px) {
    .home #main div[class^='search_modal-'] .search_modal_inner {
      max-height: 600px; } }
  .home #main div[class^='search_modal-'] .search_modal_inner h3 {
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #666666; }
    @media screen and (min-width: 960px) {
      .home #main div[class^='search_modal-'] .search_modal_inner h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .home #main div[class^='search_modal-'] .search_modal_inner h3 {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .home #main div[class^='search_modal-'] .search_modal_inner h3 {
        font-size: 16px; } }
    .home #main div[class^='search_modal-'] .search_modal_inner h3 span {
      font-size: 0.8em;
      display: inline-block;
      color: #666666;
      margin-left: 1em; }
      @media screen and (max-width: 599px) {
        .home #main div[class^='search_modal-'] .search_modal_inner h3 span {
          display: block;
          margin-left: 0;
          margin-top: 0.8em; } }
  .home #main div[class^='search_modal-'] .search_modal_inner i {
    color: red;
    font-size: 3em; }
  .home #main div[class^='search_modal-'] .search_modal_inner .title {
    position: relative; }
    .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close {
      position: absolute;
      z-index: 10;
      top: -35px;
      right: -35px;
      background: #64c0ab;
      line-height: 1em;
      padding: 0.5em 1em 0.5em 2.5em;
      border-radius: 10px; }
      @media screen and (min-width: 960px) {
        .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close {
          font-size: 12px; } }
      @media screen and (max-width: 959px) {
        .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close {
          top: -25px;
          right: -25px; } }
      @media screen and (max-width: 599px) {
        .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close {
          top: -15px;
          right: -15px; } }
      .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close:hover {
        opacity: 0.8; }
      .home #main div[class^='search_modal-'] .search_modal_inner .title .search_modal_close:before {
        content: "\f410";
        font-family: "Font Awesome 6 Pro";
        position: absolute;
        font-weight: 300;
        top: 0.5em;
        left: 1em;
        color: #ffffff; }
  .home #main div[class^='search_modal-'] .search_modal_inner ul {
    gap: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    @media screen and (max-width: 599px) {
      .home #main div[class^='search_modal-'] .search_modal_inner ul {
        grid-template-columns: 1fr 1fr;
        gap: 8px; } }
    .home #main div[class^='search_modal-'] .search_modal_inner ul li a {
      display: block;
      line-height: 3em;
      border: 3px solid #64c0ab;
      color: #666666;
      padding-left: 0.5em;
      border-radius: 10px;
      position: relative;
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        .home #main div[class^='search_modal-'] .search_modal_inner ul li a {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .home #main div[class^='search_modal-'] .search_modal_inner ul li a {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .home #main div[class^='search_modal-'] .search_modal_inner ul li a {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .home #main div[class^='search_modal-'] .search_modal_inner ul li a {
          line-height: 2.8em;
          border: 1px solid #64c0ab; } }
      .home #main div[class^='search_modal-'] .search_modal_inner ul li a:after {
        font-weight: 400;
        font-family: "Font Awesome 6 Pro";
        content: '\f105';
        position: absolute;
        top: 0;
        right: 0.5em; }
        @media screen and (min-width: 960px) {
          .home #main div[class^='search_modal-'] .search_modal_inner ul li a:after {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .home #main div[class^='search_modal-'] .search_modal_inner ul li a:after {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .home #main div[class^='search_modal-'] .search_modal_inner ul li a:after {
            font-size: 12px; } }

.home #main .new_open {
  background: #f2f2f2;
  color: #000000; }
  @media screen and (min-width: 960px) {
    .home #main .new_open {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .home #main .new_open {
      padding-top: 55px; } }
  @media screen and (max-width: 599px) {
    .home #main .new_open {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .home #main .new_open {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .home #main .new_open {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    .home #main .new_open {
      padding-bottom: 40px; } }
  .home #main .new_open img {
    width: 100%;
    height: auto;
    line-height: 1; }
  .home #main .new_open h2 {
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px; }
    @media screen and (min-width: 960px) {
      .home #main .new_open h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .home #main .new_open h2 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .home #main .new_open h2 {
        font-size: 20px; } }
    @media screen and (min-width: 600px) {
      .home #main .new_open h2 br {
        display: none; } }
    .home #main .new_open h2:before {
      content: "new open";
      color: #808080;
      font-size: 0.5em;
      display: block;
      text-align: center; }
    .home #main .new_open h2 + p {
      color: #666666;
      display: block;
      text-align: center; }
      @media screen and (max-width: 599px) {
        .home #main .new_open h2 + p {
          margin-bottom: 20px; } }
  .home #main .new_open .banner a {
    line-height: 1; }
  .home #main .new_open .hos_list {
    display: flex;
    flex-wrap: wrap;
    gap: 4.32526%; }
    @media screen and (min-width: 960px) {
      .home #main .new_open .hos_list {
        padding-bottom: 70px; } }
    @media screen and (max-width: 959px) {
      .home #main .new_open .hos_list {
        padding-bottom: 55px; } }
    @media screen and (max-width: 599px) {
      .home #main .new_open .hos_list {
        padding-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      .home #main .new_open .hos_list {
        display: block; } }
    @media screen and (min-width: 600px) {
      .home #main .new_open .hos_list > li {
        flex-basis: 30.44983%;
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      .home #main .new_open .hos_list > li + li {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ffffff; } }
    .home #main .new_open .hos_list .img_box {
      position: relative;
      background: #ffffff;
      overflow: hidden;
      border-radius: 10px; }
      @media screen and (max-width: 599px) {
        .home #main .new_open .hos_list .img_box {
          width: 70%;
          margin-left: auto;
          margin-right: auto;
          border-radius: 5px; } }
      .home #main .new_open .hos_list .img_box:after {
        display: block;
        content: "";
        width: 100%;
        height: 0;
        padding-top: 60%; }
      .home #main .new_open .hos_list .img_box img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: auto;
        z-index: 1;
        transform: translate(-50%, -50%); }
    .home #main .new_open .hos_list .text_box span {
      display: block;
      text-align: center;
      font-weight: bold;
      color: #ffffff;
      line-height: 2.25em;
      border-radius: 10px;
      background: #f18e1d;
      margin-top: 2em;
      margin-bottom: 1em; }
      @media screen and (max-width: 599px) {
        .home #main .new_open .hos_list .text_box span {
          margin-top: 20px; } }
    .home #main .new_open .hos_list .text_box h3 {
      font-size: 1.25em;
      font-weight: bold;
      text-align: center;
      margin-bottom: 1.25em; }
    .home #main .new_open .hos_list .text_box .kamoku,
    .home #main .new_open .hos_list .text_box .area {
      position: relative;
      padding-left: 7em; }
      .home #main .new_open .hos_list .text_box .kamoku:before,
      .home #main .new_open .hos_list .text_box .area:before {
        content: "エリア";
        line-height: 2.25em;
        position: absolute;
        top: -0.2em;
        left: 0;
        background: #ffffff;
        color: #f18e1d;
        border-radius: 10px;
        width: 6em;
        text-align: center; }
    .home #main .new_open .hos_list .text_box .kamoku {
      margin-top: 2em; }
      .home #main .new_open .hos_list .text_box .kamoku:before {
        content: '診療科目'; }

@media screen and (min-width: 960px) {
  .home #main .entry_box {
    padding-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .entry_box {
    padding-bottom: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .entry_box {
    padding-bottom: 40px; } }

@media screen and (min-width: 960px) {
  .home #main .entry_box {
    padding-top: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .entry_box {
    padding-top: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .entry_box {
    padding-top: 40px; } }

.home #main .entry_box img {
  width: 100%;
  height: auto; }

.home #main .entry_box h2 {
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px; }
  @media screen and (min-width: 960px) {
    .home #main .entry_box h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .home #main .entry_box h2 {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .home #main .entry_box h2 {
      font-size: 20px; } }
  .home #main .entry_box h2:before {
    content: "topics";
    color: #808080;
    font-size: 0.5em;
    display: block;
    text-align: center; }
  @media screen and (min-width: 600px) {
    .home #main .entry_box h2 br {
      display: none; } }

.home #main .entry_box .entry_post_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 50px; }
  @media screen and (min-width: 960px) {
    .home #main .entry_box .entry_post_list {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .home #main .entry_box .entry_post_list {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    .home #main .entry_box .entry_post_list {
      padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .home #main .entry_box .entry_post_list {
      gap: 20px;
      grid-template-columns: 1fr 1fr; } }
  .home #main .entry_box .entry_post_list > div {
    position: relative; }
    @media screen and (min-width: 960px) {
      .home #main .entry_box .entry_post_list > div {
        padding-bottom: 65px; } }
    @media screen and (max-width: 959px) {
      .home #main .entry_box .entry_post_list > div {
        padding-bottom: 61px; } }
    @media screen and (max-width: 599px) {
      .home #main .entry_box .entry_post_list > div {
        padding-bottom: 57px; } }
    @media screen and (min-width: 960px) {
      .home #main .entry_box .entry_post_list > div {
        margin-top: 45px; } }
    @media screen and (max-width: 959px) {
      .home #main .entry_box .entry_post_list > div {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      .home #main .entry_box .entry_post_list > div {
        margin-top: 25px; } }
    .home #main .entry_box .entry_post_list > div h3 {
      font-weight: bold;
      margin-top: 0.8em; }
      @media screen and (min-width: 960px) {
        .home #main .entry_box .entry_post_list > div h3 {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .home #main .entry_box .entry_post_list > div h3 {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .home #main .entry_box .entry_post_list > div h3 {
          font-size: 12px; } }
    .home #main .entry_box .entry_post_list > div .img_box {
      overflow: hidden;
      border-radius: 0.5em;
      line-height: 1; }
      .home #main .entry_box .entry_post_list > div .img_box.column {
        padding-top: 5.55556%;
        padding-bottom: 5.55556%;
        background: #ebebeb; }
    .home #main .entry_box .entry_post_list > div .meta_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: absolute;
      bottom: 2.5em;
      left: 0;
      width: 100%; }
      .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
        flex-basis: 50%;
        color: #cccccc; }
        @media screen and (min-width: 960px) {
          .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
            font-size: 10px; } }
        .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
          content: "\f004";
          display: inline-block;
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
          margin-right: 0.2em;
          color: #f090ac; }
          @media screen and (min-width: 960px) {
            .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
              font-size: 12px; } }
          @media screen and (max-width: 959px) {
            .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
              font-size: 11px; } }
          @media screen and (max-width: 599px) {
            .home #main .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
              font-size: 10px; } }
      .home #main .entry_box .entry_post_list > div .meta_box time {
        flex-basis: 50%;
        text-align: right;
        color: #cccccc; }
        @media screen and (min-width: 960px) {
          .home #main .entry_box .entry_post_list > div .meta_box time {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          .home #main .entry_box .entry_post_list > div .meta_box time {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          .home #main .entry_box .entry_post_list > div .meta_box time {
            font-size: 10px; } }
    .home #main .entry_box .entry_post_list > div .writer_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
      .home #main .entry_box .entry_post_list > div .writer_box .img_box {
        flex-basis: 2em;
        border-radius: 1em; }
        @media screen and (min-width: 960px) {
          .home #main .entry_box .entry_post_list > div .writer_box .img_box {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          .home #main .entry_box .entry_post_list > div .writer_box .img_box {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          .home #main .entry_box .entry_post_list > div .writer_box .img_box {
            font-size: 10px; } }
      .home #main .entry_box .entry_post_list > div .writer_box p {
        flex-basis: calc(100% - 3em);
        line-height: 1.2;
        color: #cccccc; }
        @media screen and (min-width: 960px) {
          .home #main .entry_box .entry_post_list > div .writer_box p {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          .home #main .entry_box .entry_post_list > div .writer_box p {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          .home #main .entry_box .entry_post_list > div .writer_box p {
            font-size: 10px; } }

.home #main .entry_box .btn_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 670px;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  gap: 50px; }
  @media screen and (max-width: 599px) {
    .home #main .entry_box .btn_box {
      grid-template-columns: 1fr;
      gap: 30px; } }
  .home #main .entry_box .btn_box a {
    display: block;
    line-height: 3em;
    padding-left: 2em;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    position: relative; }
    @media screen and (min-width: 960px) {
      .home #main .entry_box .btn_box a {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .home #main .entry_box .btn_box a {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .home #main .entry_box .btn_box a {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .home #main .entry_box .btn_box a {
        font-size: 14px; } }
    .home #main .entry_box .btn_box a:after {
      font-weight: 400;
      font-family: "Font Awesome 6 Pro";
      content: '\f105';
      position: absolute;
      top: 0;
      left: 12.5em; }
      @media screen and (min-width: 960px) {
        .home #main .entry_box .btn_box a:after {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .home #main .entry_box .btn_box a:after {
          font-size: 18px; } }
      @media screen and (max-width: 599px) {
        .home #main .entry_box .btn_box a:after {
          font-size: 16px; } }

@media screen and (min-width: 960px) {
  .home #main .osusume_info_box {
    padding-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .osusume_info_box {
    padding-bottom: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .osusume_info_box {
    padding-bottom: 40px; } }

@media screen and (min-width: 960px) {
  .home #main .osusume_info_box {
    padding-top: 70px; } }

@media screen and (max-width: 959px) {
  .home #main .osusume_info_box {
    padding-top: 55px; } }

@media screen and (max-width: 599px) {
  .home #main .osusume_info_box {
    padding-top: 40px; } }

.home #main .osusume_info_box img {
  width: 100%;
  height: auto; }

.home #main .osusume_info_box h2 {
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .home #main .osusume_info_box h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .home #main .osusume_info_box h2 {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .home #main .osusume_info_box h2 {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .home #main .osusume_info_box h2 {
      padding-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    .home #main .osusume_info_box h2 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .home #main .osusume_info_box h2 {
      padding-bottom: 35px; } }
  .home #main .osusume_info_box h2:before {
    content: "pickup";
    color: #808080;
    font-size: 0.5em;
    display: block;
    text-align: center; }

.home #main .osusume_info_box ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px; }
  @media screen and (max-width: 599px) {
    .home #main .osusume_info_box ul {
      gap: 10px; } }

.home #main .interviwe_list_box {
  background: #f2f2f2; }
  @media screen and (min-width: 960px) {
    .home #main .interviwe_list_box {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .home #main .interviwe_list_box {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    .home #main .interviwe_list_box {
      padding-bottom: 40px; } }
  @media screen and (min-width: 960px) {
    .home #main .interviwe_list_box {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .home #main .interviwe_list_box {
      padding-top: 55px; } }
  @media screen and (max-width: 599px) {
    .home #main .interviwe_list_box {
      padding-top: 40px; } }
  .home #main .interviwe_list_box img {
    width: 100%;
    height: auto; }
  .home #main .interviwe_list_box h2 {
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .home #main .interviwe_list_box h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .home #main .interviwe_list_box h2 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .home #main .interviwe_list_box h2 {
        font-size: 20px; } }
    @media screen and (min-width: 960px) {
      .home #main .interviwe_list_box h2 {
        padding-bottom: 25px; } }
    @media screen and (max-width: 959px) {
      .home #main .interviwe_list_box h2 {
        padding-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .home #main .interviwe_list_box h2 {
        padding-bottom: 15px; } }
    .home #main .interviwe_list_box h2:before {
      content: "interview";
      color: #808080;
      font-size: 0.5em;
      display: block;
      text-align: center; }
  .home #main .interviwe_list_box .entry_post_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px; }
    @media screen and (min-width: 960px) {
      .home #main .interviwe_list_box .entry_post_list {
        padding-bottom: 70px; } }
    @media screen and (max-width: 959px) {
      .home #main .interviwe_list_box .entry_post_list {
        padding-bottom: 55px; } }
    @media screen and (max-width: 599px) {
      .home #main .interviwe_list_box .entry_post_list {
        padding-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      .home #main .interviwe_list_box .entry_post_list {
        gap: 20px;
        grid-template-columns: 1fr 1fr; } }
    .home #main .interviwe_list_box .entry_post_list > div {
      position: relative; }
      @media screen and (min-width: 960px) {
        .home #main .interviwe_list_box .entry_post_list > div {
          padding-bottom: 35px; } }
      @media screen and (max-width: 959px) {
        .home #main .interviwe_list_box .entry_post_list > div {
          padding-bottom: 31px; } }
      @media screen and (max-width: 599px) {
        .home #main .interviwe_list_box .entry_post_list > div {
          padding-bottom: 27px; } }
      @media screen and (min-width: 960px) {
        .home #main .interviwe_list_box .entry_post_list > div {
          margin-top: 45px; } }
      @media screen and (max-width: 959px) {
        .home #main .interviwe_list_box .entry_post_list > div {
          margin-top: 35px; } }
      @media screen and (max-width: 599px) {
        .home #main .interviwe_list_box .entry_post_list > div {
          margin-top: 25px; } }
      .home #main .interviwe_list_box .entry_post_list > div h3 {
        font-weight: bold;
        margin-top: 0.8em; }
        @media screen and (min-width: 960px) {
          .home #main .interviwe_list_box .entry_post_list > div h3 {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .home #main .interviwe_list_box .entry_post_list > div h3 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .home #main .interviwe_list_box .entry_post_list > div h3 {
            font-size: 12px; } }
      .home #main .interviwe_list_box .entry_post_list > div .img_box {
        overflow: hidden;
        border-radius: 0.5em;
        line-height: 1; }
        .home #main .interviwe_list_box .entry_post_list > div .img_box.column {
          padding-top: 5.55556%;
          padding-bottom: 5.55556%;
          background: #ebebeb; }
      .home #main .interviwe_list_box .entry_post_list > div .meta_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: absolute;
        bottom: 0em;
        left: 0;
        width: 100%; }
        .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count {
          flex-basis: 50%;
          color: #cccccc; }
          @media screen and (min-width: 960px) {
            .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count {
              font-size: 12px; } }
          @media screen and (max-width: 959px) {
            .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count {
              font-size: 11px; } }
          @media screen and (max-width: 599px) {
            .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count {
              font-size: 10px; } }
          .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count:before {
            content: "\f004";
            display: inline-block;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            margin-right: 0.2em;
            color: #f090ac; }
            @media screen and (min-width: 960px) {
              .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count:before {
                font-size: 12px; } }
            @media screen and (max-width: 959px) {
              .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count:before {
                font-size: 11px; } }
            @media screen and (max-width: 599px) {
              .home #main .interviwe_list_box .entry_post_list > div .meta_box .zilla-likes_count:before {
                font-size: 10px; } }
        .home #main .interviwe_list_box .entry_post_list > div .meta_box time {
          flex-basis: 50%;
          text-align: right;
          color: #cccccc; }
          @media screen and (min-width: 960px) {
            .home #main .interviwe_list_box .entry_post_list > div .meta_box time {
              font-size: 12px; } }
          @media screen and (max-width: 959px) {
            .home #main .interviwe_list_box .entry_post_list > div .meta_box time {
              font-size: 11px; } }
          @media screen and (max-width: 599px) {
            .home #main .interviwe_list_box .entry_post_list > div .meta_box time {
              font-size: 10px; } }
  .home #main .interviwe_list_box .btn_box {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 310px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    gap: 3.125em; }
    .home #main .interviwe_list_box .btn_box a {
      display: block;
      line-height: 3em;
      padding-left: 2em;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      position: relative;
      background: #ffffff; }
      @media screen and (min-width: 960px) {
        .home #main .interviwe_list_box .btn_box a {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .home #main .interviwe_list_box .btn_box a {
          font-size: 18px; } }
      @media screen and (max-width: 599px) {
        .home #main .interviwe_list_box .btn_box a {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .home #main .interviwe_list_box .btn_box a {
          font-size: 14px; } }
      .home #main .interviwe_list_box .btn_box a:after {
        font-weight: 400;
        font-family: "Font Awesome 6 Pro";
        content: '\f105';
        position: absolute;
        top: 0;
        left: 12.5em; }
        @media screen and (min-width: 960px) {
          .home #main .interviwe_list_box .btn_box a:after {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .home #main .interviwe_list_box .btn_box a:after {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          .home #main .interviwe_list_box .btn_box a:after {
            font-size: 16px; } }

.slider_box {
  display: none; }

.pans_box ul {
  padding: 20px 0 40px; }
  @media screen and (max-width: 599px) {
    .pans_box ul {
      padding: 10px 0 20px; } }
  .pans_box ul li {
    display: inline-block; }
    @media screen and (min-width: 960px) {
      .pans_box ul li {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .pans_box ul li {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .pans_box ul li {
        font-size: 12px; } }

.lower .visual_box {
  margin-bottom: 70px; }
  @media screen and (max-width: 599px) {
    .lower .visual_box {
      margin-bottom: 35px; } }
  .lower .visual_box img {
    width: 100%;
    height: auto; }

.lower .search_title_section h2 {
  font-size: 32px;
  text-align: center; }
  @media screen and (max-width: 599px) {
    .lower .search_title_section h2 {
      font-size: 18px; } }

.lower .search_title_section h3 {
  margin: 1em 0 2em;
  line-height: 1.8;
  font-size: 16px; }
  @media screen and (max-width: 599px) {
    .lower .search_title_section h3 {
      font-size: 12px; } }

.re-search a {
  width: 60%;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #5ac8a0;
  padding: 0.5em;
  margin: 1em auto;
  border: 1px solid #5ac8a0;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 5px 5px 5px #c7c7c7;
  display: block; }
  @media screen and (max-width: 599px) {
    .re-search a {
      width: 90%; } }

.re-search a:hover {
  color: #ffffff;
  background-color: #5ac8a0; }

.lower .search_box {
  padding: 50px 0;
  margin-top: 4em;
  text-align: center;
  background: #e8f6f2; }
  @media screen and (max-width: 599px) {
    .lower .search_box {
      padding: 20px 0; } }
  @media screen and (max-width: 599px) {
    .lower .search_box p {
      font-size: 12px; } }
  .lower .search_box form {
    display: block;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px; }
    @media screen and (max-width: 599px) {
      .lower .search_box form {
        font-size: 14px; } }
    .lower .search_box form div {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      font-size: 20px;
      margin-top: 1em; }
      @media screen and (max-width: 599px) {
        .lower .search_box form div {
          font-size: 14px;
          display: block;
          margin-top: 0.5em; } }
      .lower .search_box form div input[name="s"] {
        width: 81%;
        box-sizing: border-box;
        display: block;
        border: 1px solid #c9caca;
        border-right: none;
        line-height: 1;
        padding: 20px;
        border-radius: 5px 0 0 5px; }
        @media screen and (max-width: 599px) {
          .lower .search_box form div input[name="s"] {
            width: 100%;
            padding: 15px;
            border: 1px solid #c9caca;
            border-radius: 5px; } }
      .lower .search_box form div button {
        width: 19%;
        display: block;
        box-sizing: border-box;
        text-align: center;
        border: none;
        background: #64c0ab;
        color: #ffffff;
        line-height: 1;
        padding: 20px 0;
        border-radius: 0 5px 5px 0;
        letter-spacing: 5px;
        cursor: pointer; }
        @media screen and (max-width: 599px) {
          .lower .search_box form div button {
            width: 40%;
            padding: 10px 0;
            margin: 20px auto 0;
            border-radius: 5px; } }
        .lower .search_box form div button:hover {
          opacity: 0.8; }
        .lower .search_box form div button:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f002';
          font-weight: 900;
          font-size: 0.8em;
          margin-right: 5px; }

.button_box ul {
  text-align: center; }
  .button_box ul li {
    display: inline-block; }
    @media screen and (max-width: 959px) {
      .button_box ul li {
        width: 35%; } }
    @media screen and (max-width: 599px) {
      .button_box ul li {
        width: 60%; } }
    .button_box ul li button {
      border: none;
      line-height: 50px;
      border-radius: 25px;
      background: pink;
      color: #ffffff;
      width: 320px;
      display: block; }
      @media screen and (max-width: 959px) {
        .button_box ul li button {
          width: 100%; } }
      @media screen and (max-width: 599px) {
        .button_box ul li button {
          border-radius: 20px;
          line-height: 40px;
          font-size: 14px; } }
      .button_box ul li button:hover {
        cursor: pointer;
        opacity: 0.8; }

.search-form section h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  color: #64c0ab;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 2px solid #64c0ab; }
  @media screen and (max-width: 599px) {
    .search-form section h3 {
      font-size: 18px;
      margin-bottom: 15px; } }

.search-form .lang_box {
  padding: 70px 0 50px; }
  @media screen and (max-width: 959px) {
    .search-form .lang_box {
      padding: 35px 0 25px; } }
  .search-form .lang_box h3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .search-form .lang_box h3 span {
      font-size: 0.7em;
      color: #ffffff;
      background: #64c0ab;
      border-radius: 1em;
      padding: 0 0.6em;
      transform: translateY(15%);
      cursor: pointer; }
      .search-form .lang_box h3 span:hover {
        opacity: 0.8; }
  .search-form .lang_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .search-form .lang_box ul {
        display: block; } }
    .search-form .lang_box ul li {
      width: 28%; }
      @media screen and (max-width: 599px) {
        .search-form .lang_box ul li {
          width: 100%;
          margin-bottom: 20px; } }
      .search-form .lang_box ul li span {
        border: 1px solid #64c0ab;
        display: block;
        line-height: 50px;
        border-radius: 25px;
        font-size: 16px;
        box-sizing: border-box;
        padding-left: 25px;
        cursor: pointer; }
        @media screen and (max-width: 959px) {
          .search-form .lang_box ul li span {
            line-height: 30px;
            border-radius: 15px;
            padding-left: 15px;
            font-size: 14px; } }
        .search-form .lang_box ul li span:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f138';
          font-weight: 900;
          margin-right: 0.3em;
          color: #64c0ab; }
        .search-form .lang_box ul li span:hover {
          opacity: 0.8;
          background: #64c0ab;
          color: #ffffff; }
          .search-form .lang_box ul li span:hover:before {
            color: #ffffff; }
        .search-form .lang_box ul li span.sl_rang {
          background: #64c0ab;
          color: #ffffff; }
          .search-form .lang_box ul li span.sl_rang:before {
            color: #ffffff; }

.search-form .area_kamoku_box {
  padding: 0 0 70px; }
  @media screen and (max-width: 959px) {
    .search-form .area_kamoku_box {
      padding: 0 0 35px; } }
  .search-form .area_kamoku_box .new_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 70px; }
    @media screen and (max-width: 599px) {
      .search-form .area_kamoku_box .new_inner {
        display: block;
        padding-bottom: 30px; } }
    .search-form .area_kamoku_box .new_inner h3 {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .search-form .area_kamoku_box .new_inner h3 span {
        font-size: 0.7em;
        color: #ffffff;
        background: #64c0ab;
        border-radius: 1em;
        padding: 0 0.6em;
        transform: translateY(15%);
        cursor: pointer; }
        .search-form .area_kamoku_box .new_inner h3 span:hover {
          opacity: 0.8; }
    .search-form .area_kamoku_box .new_inner > div {
      width: 45%; }
      @media screen and (max-width: 599px) {
        .search-form .area_kamoku_box .new_inner > div {
          width: 100%;
          margin-bottom: 20px; }
          .search-form .area_kamoku_box .new_inner > div.kamoku_box {
            margin-bottom: 0; } }
    .search-form .area_kamoku_box .new_inner .search_modal_open {
      border: 1px solid #64c0ab;
      display: block;
      line-height: 50px;
      border-radius: 25px;
      font-size: 16px;
      box-sizing: border-box;
      padding-left: 25px;
      cursor: pointer;
      position: relative;
      overflow: hidden; }
      @media screen and (max-width: 959px) {
        .search-form .area_kamoku_box .new_inner .search_modal_open {
          line-height: 30px;
          border-radius: 15px;
          padding-left: 15px;
          font-size: 14px; } }
      .search-form .area_kamoku_box .new_inner .search_modal_open:after {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        background: #64c0ab;
        color: #ffffff;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50px;
        text-align: center; }
      .search-form .area_kamoku_box .new_inner .search_modal_open:hover {
        opacity: 0.8;
        background: #64c0ab;
        color: #ffffff; }
        .search-form .area_kamoku_box .new_inner .search_modal_open:hover:after {
          background: #ffffff;
          color: #64c0ab; }

.search-form .button_box {
  width: 85%;
  max-width: 1360px;
  min-width: 960px;
  margin: 0 auto; }
  @media screen and (max-width: 959px) {
    .search-form .button_box {
      width: 90%;
      min-width: auto; } }
  .search-form .button_box li:nth-of-type(1) button {
    background: #ea6088; }
  .search-form .button_box li:nth-of-type(2) button {
    background: #f18e1d; }
  .search-form .button_box li + li {
    margin-left: 10%; }
    @media screen and (max-width: 599px) {
      .search-form .button_box li + li {
        margin-left: 0;
        margin-top: 20px; } }

/* こだわり条件 */
.search-form .advance_search_box {
  display: none;
  background: #faf7e7;
  padding: 50px 0;
  margin-bottom: 70px; }
  .search-form .advance_search_box.open {
    display: block; }
  @media screen and (max-width: 599px) {
    .search-form .advance_search_box {
      padding: 20px 0;
      margin-bottom: 25px; } }
  .search-form .advance_search_box .new_inner {
    background: #ffffff;
    margin-bottom: 30px;
    padding: 50px;
    box-sizing: border-box;
    border-radius: 10px; }
    @media screen and (max-width: 599px) {
      .search-form .advance_search_box .new_inner {
        padding: 20px;
        margin-bottom: 15px; } }
  .search-form .advance_search_box .search-where-title {
    font-size: 24px;
    font-weight: bold;
    color: #f18e1d;
    margin-bottom: 30px;
    padding-bottom: 14px;
    border-bottom: 2px solid #f18e1d;
    line-height: 1;
    position: relative; }
    @media screen and (max-width: 599px) {
      .search-form .advance_search_box .search-where-title {
        font-size: 18px;
        margin-bottom: 10px;
        padding-bottom: 10px; } }
    .search-form .advance_search_box .search-where-title span {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 14px;
      line-height: 30px;
      background: #f18e1d;
      color: #ffffff;
      padding: 0 1.5em;
      cursor: pointer;
      border-radius: 15px; }
      @media screen and (max-width: 599px) {
        .search-form .advance_search_box .search-where-title span {
          font-size: 12px;
          line-height: 24px;
          transform: translateY(-70%); } }
      .search-form .advance_search_box .search-where-title span:hover {
        opacity: 0.8; }
  .search-form .advance_search_box .ctrls ul {
    padding-bottom: 40px; }
    @media screen and (max-width: 599px) {
      .search-form .advance_search_box .ctrls ul {
        padding: 0px 5px 20px; } }
    .search-form .advance_search_box .ctrls ul li {
      display: inline-block;
      width: 35%;
      padding-bottom: 14px; }
      @media screen and (max-width: 599px) {
        .search-form .advance_search_box .ctrls ul li {
          font-size: 12px;
          width: 50%; } }
      .search-form .advance_search_box .ctrls ul li:nth-of-type(3n) {
        width: 30%; }
        @media screen and (max-width: 599px) {
          .search-form .advance_search_box .ctrls ul li:nth-of-type(3n) {
            width: 50%; } }
      .search-form .advance_search_box .ctrls ul li span {
        line-height: 1;
        display: inline-block;
        padding-left: 2px; }
        .search-form .advance_search_box .ctrls ul li span:hover {
          cursor: pointer;
          opacity: 0.8; }
        .search-form .advance_search_box .ctrls ul li span i {
          /* カウントの表示 */
          display: none; }
        .search-form .advance_search_box .ctrls ul li span:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f111';
          margin-right: 0.5em; }
          @media screen and (max-width: 599px) {
            .search-form .advance_search_box .ctrls ul li span:before {
              margin-right: 0.2em; } }
      .search-form .advance_search_box .ctrls ul li span.active:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f192'; }
  .search-form .advance_search_box .button_box li:nth-of-type(1) button {
    background: #ea6088; }

.search-res-item_note b {
  display: block;
  padding: 1em 1em;
  margin: 0 8em 3.5em;
  border-bottom: 1px solid #cccccc;
  font-size: 14px; }

div.modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: -1; }

div[class^="search_modal-"] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600; }
  div[class^="search_modal-"] > ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    max-width: 530px;
    background: #ffffff;
    overflow: auto;
    max-height: 60vh;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px; }

.search_modal-sl_area > ul li {
  border-bottom: 1px solid #64c0ab; }
  .search_modal-sl_area > ul li span {
    font-size: 16px;
    padding: 0.8em;
    line-height: 1.8;
    display: block;
    cursor: pointer; }
    .search_modal-sl_area > ul li span:hover {
      background: rgba(100, 191, 172, 0.15); }
    .search_modal-sl_area > ul li span.active {
      background: rgba(100, 191, 172, 0.15);
      font-weight: bold; }

.search_modal-cb_km > ul > li {
  border-bottom: 1px solid #64c0ab; }
  .search_modal-cb_km > ul > li.all span {
    line-height: 1.8;
    display: block;
    font-size: 16px;
    padding: 0.8em;
    cursor: pointer; }
    .search_modal-cb_km > ul > li.all span:hover {
      background: rgba(100, 191, 172, 0.15); }
  .search_modal-cb_km > ul > li div {
    line-height: 1.8;
    font-size: 16px;
    padding: 0.8em 0.8em 0.8em 3em;
    position: relative; }
    .search_modal-cb_km > ul > li div i:before {
      content: "";
      position: absolute;
      background: #ffffff;
      top: 50%;
      left: 1.5em;
      width: 1.5em;
      height: 2px;
      transform: translateY(-50%) translateX(-50%); }
    .search_modal-cb_km > ul > li div i:after {
      content: "";
      position: absolute;
      background: #ffffff;
      top: 50%;
      left: 1.5em;
      width: 2px;
      height: 1.5em;
      transform: translateY(-50%) translateX(-50%); }
    .search_modal-cb_km > ul > li div:hover {
      background: rgba(100, 191, 172, 0.15);
      cursor: pointer; }
    .search_modal-cb_km > ul > li div:before {
      content: "";
      width: 2em;
      height: 2em;
      border-radius: 1em;
      background: #64c0ab;
      position: absolute;
      top: 50%;
      left: 0.5em;
      transform: translateY(-50%); }
    .search_modal-cb_km > ul > li div + ul {
      display: none; }
    .search_modal-cb_km > ul > li div.all:hover {
      cursor: pointer;
      opacity: 0.8; }
    .search_modal-cb_km > ul > li div.open > i:after {
      display: none; }
    .search_modal-cb_km > ul > li div.open + ul {
      display: block; }
    .search_modal-cb_km > ul > li div + ul {
      border-top: 1px solid #64c0ab;
      background: rgba(100, 191, 172, 0.15);
      padding: 0.5em 1em; }
      .search_modal-cb_km > ul > li div + ul li span {
        cursor: pointer;
        font-size: 16px;
        line-height: 1.8; }
        .search_modal-cb_km > ul > li div + ul li span:hover {
          opacity: 0.8; }

.search-res-item_note {
  text-align: center;
  padding-bottom: 70px;
  font-size: 16px; }
  @media screen and (max-width: 959px) {
    .search-res-item_note {
      padding-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .search-res-item_note {
      padding-bottom: 20px; } }

.search-res-item_box {
  box-sizing: border-box;
  border: 1px solid #cacaca;
  border-radius: 10px;
  padding: 50px;
  margin-bottom: 30px;
  display: block; }
  @media screen and (max-width: 959px) {
    .search-res-item_box {
      padding: 30px; } }
  @media screen and (max-width: 599px) {
    .search-res-item_box {
      padding: 20px; } }

.search-res-item_box .search-res-item-title_area {
  position: relative; }
  .search-res-item_box .search-res-item-title_area .batch_list_top {
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 959px) {
      .search-res-item_box .search-res-item-title_area .batch_list_top {
        position: static;
        margin-bottom: 10px; } }
    .search-res-item_box .search-res-item-title_area .batch_list_top li {
      display: inline-block;
      line-height: 1.6em;
      padding: 0 1em;
      font-size: 16px;
      background: pink;
      border-radius: 0.8em;
      color: #ffffff; }
      @media screen and (max-width: 959px) {
        .search-res-item_box .search-res-item-title_area .batch_list_top li {
          font-size: 12px; } }
      .search-res-item_box .search-res-item-title_area .batch_list_top li.premium {
        background: #64c0ab; }
      .search-res-item_box .search-res-item-title_area .batch_list_top li.comments {
        background: #f18e1d;
        margin-left: 0.5em; }

.search-res-item_box h3 {
  border-bottom: 1px solid #cacaca;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px; }
  @media screen and (max-width: 599px) {
    .search-res-item_box h3 {
      font-size: 18px; } }
  @media screen and (min-width: 960px) {
    .search-res-item_box h3 {
      padding-right: 6em; } }
  .search-res-item_box h3 a {
    color: #64c0ab; }

@media screen and (min-width: 960px) {
  .search-res-item_box.premium h3 {
    padding-right: 11em; } }

.search-res-item_box .info_area {
  font-size: 16px; }
  @media screen and (max-width: 599px) {
    .search-res-item_box .info_area {
      font-size: 14px; } }
  .search-res-item_box .info_area li {
    margin-bottom: 10px;
    line-height: 1.2; }
    .search-res-item_box .info_area li.tel:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f098';
      font-weight: 900;
      margin-right: 0.2em; }
    @media screen and (max-width: 599px) {
      .search-res-item_box .info_area li {
        margin-bottom: 8px; } }
    .search-res-item_box .info_area li.opendate {
      display: inline-block;
      color: #ff0000;
      line-height: 1.6em;
      padding: 0 1em;
      font-size: 16px;
      background: transparent;
      border: 1px solid #ff0000;
      border-radius: 0.8em; }
      @media screen and (max-width: 959px) {
        .search-res-item_box .info_area li.opendate {
          font-size: 12px; } }

.search-res-item_box .batch_list_bottom {
  margin-top: 5px; }
  .search-res-item_box .batch_list_bottom li {
    display: inline-block;
    margin-right: 0.5em; }
    @media screen and (max-width: 599px) {
      .search-res-item_box .batch_list_bottom li {
        margin-bottom: 8px; } }
    .search-res-item_box .batch_list_bottom li a {
      display: block;
      color: #ffffff;
      line-height: 1.6em;
      padding: 0 1em;
      font-size: 16px;
      background: pink;
      border-radius: 0.8em; }
      @media screen and (max-width: 959px) {
        .search-res-item_box .batch_list_bottom li a {
          font-size: 12px; } }
    .search-res-item_box .batch_list_bottom li.pickup a {
      background: #00afec; }
    .search-res-item_box .batch_list_bottom li.column a {
      background: #ea6088; }
    .search-res-item_box .batch_list_bottom li.offer a {
      background: #4dbf83; }

.search-res-item_box div.img_box {
  margin: 5px 0 10px 4em;
  width: 213px;
  float: right; }
  @media screen and (max-width: 959px) {
    .search-res-item_box div.img_box {
      max-width: 160px;
      width: 30%;
      margin: 5px 0 10px 2em; } }
  @media screen and (max-width: 599px) {
    .search-res-item_box div.img_box {
      float: none;
      max-width: none;
      width: 80%;
      margin: 15px auto 5px; } }
  .search-res-item_box div.img_box img {
    width: 100%;
    height: auto; }

.search-res-item_box hr.clearboth {
  visibility: hidden;
  height: 0;
  border: 0;
  clear: both; }

.search-res-item_box .innerbox {
  font-size: 16px;
  border-top: 1px dashed #64c0ab;
  padding-top: 20px;
  margin-top: 20px;
  position: relative; }
  @media screen and (max-width: 599px) {
    .search-res-item_box .innerbox {
      font-size: 14px; } }
  .search-res-item_box .innerbox h4 a {
    color: #64c0ab;
    font-weight: bold; }
  .search-res-item_box .innerbox .price {
    position: absolute;
    top: 1.3em;
    right: 0;
    font-weight: bold; }
    .search-res-item_box .innerbox .price span {
      color: #ff2c2c;
      font-weight: bold; }
    @media screen and (max-width: 599px) {
      .search-res-item_box .innerbox .price {
        top: 1.5em;
        position: static; } }
  .search-res-item_box .innerbox .description {
    padding: 0.5em 0 0; }

.search-res-item_box.premium {
  border: 1px solid #64c0ab; }
  .search-res-item_box.premium h3 {
    border-bottom: 1px solid #64c0ab; }

.other_pref_list .search_title_section h2 {
  margin-bottom: 1.5em; }

@media screen and (min-width: 960px) {
  .other_pref_list .hos_list {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .other_pref_list .hos_list {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  .other_pref_list .hos_list {
    margin-bottom: 30px; } }

.regist-banner {
  margin: 70px 0;
  text-align: center; }
  @media screen and (max-width: 959px) {
    .regist-banner {
      margin: 30px 0; } }
  @media screen and (max-width: 599px) {
    .regist-banner {
      margin: 20px 0; } }
  .regist-banner .new_inner {
    border-top: 2px solid #64c0ab; }
  .regist-banner img {
    margin-top: 70px;
    width: 80%;
    height: auto; }
    @media screen and (max-width: 959px) {
      .regist-banner img {
        width: 100%;
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .regist-banner img {
        margin-top: 20px; } }

@media screen and (min-width: 960px) {
  .hosoffer .visual_box .img_box {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .hosoffer .visual_box .img_box {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  .hosoffer .visual_box .img_box {
    margin-bottom: 30px; } }

.hosoffer .visual_box .img_box img {
  width: 100%;
  height: auto; }

.hosoffer .visual_box p {
  line-height: 1.8; }
  @media screen and (min-width: 960px) {
    .hosoffer .visual_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .visual_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .visual_box p {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .hosoffer .visual_box p {
      margin-bottom: 25px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .visual_box p {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .visual_box p {
      margin-bottom: 15px; } }

.hosoffer .read_box {
  background: url("../img/hosoffer/img01.png") no-repeat bottom center #f18e1d;
  background-size: 100% auto; }
  @media screen and (min-width: 960px) {
    .hosoffer .read_box {
      padding-top: 35px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .read_box {
      padding-top: 25px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .read_box {
      padding-top: 15px; } }
  @media screen and (min-width: 960px) {
    .hosoffer .read_box {
      padding-bottom: 30px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .read_box {
      padding-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .read_box {
      padding-bottom: 10px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .read_box {
      padding-bottom: 60px; } }
  .hosoffer .read_box p {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    display: block; }
    @media screen and (min-width: 960px) {
      .hosoffer .read_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hosoffer .read_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .read_box p {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .read_box p {
        width: 90%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 960px) {
      .hosoffer .read_box p + h3 {
        margin-top: 15px; } }
    @media screen and (max-width: 959px) {
      .hosoffer .read_box p + h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .read_box p + h3 {
        margin-top: 5px; } }
  .hosoffer .read_box h3 {
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
    font-weight: bold;
    position: relative; }
    @media screen and (min-width: 960px) {
      .hosoffer .read_box h3 {
        font-size: 36px; } }
    @media screen and (max-width: 959px) {
      .hosoffer .read_box h3 {
        font-size: 27px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .read_box h3 {
        font-size: 18px; } }
    .hosoffer .read_box h3 span {
      font-size: 1.5em;
      line-height: 1.1;
      font-weight: bold;
      position: relative; }
      @media screen and (max-width: 599px) {
        .hosoffer .read_box h3 span {
          font-size: 1.2em; } }
    @media screen and (min-width: 960px) {
      .hosoffer .read_box h3 + p {
        padding-top: 20px; } }
    @media screen and (max-width: 959px) {
      .hosoffer .read_box h3 + p {
        padding-top: 15px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .read_box h3 + p {
        padding-top: 10px; } }

.hosoffer .text_box {
  background: #fffadc; }
  @media screen and (min-width: 960px) {
    .hosoffer .text_box {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .text_box {
      padding-top: 30px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .text_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .hosoffer .text_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .text_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .text_box {
      padding-bottom: 40px; } }
  .hosoffer .text_box dl {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .hosoffer .text_box dl {
        width: 100%;
        margin-bottom: 30px; } }
    .hosoffer .text_box dl dt {
      width: 30%;
      box-sizing: border-box;
      background: #f18e1d;
      color: #ffffff;
      border-radius: 1em;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      @media screen and (min-width: 960px) {
        .hosoffer .text_box dl dt {
          margin-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        .hosoffer .text_box dl dt {
          margin-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box dl dt {
          margin-bottom: 10px; } }
      @media screen and (min-width: 960px) {
        .hosoffer .text_box dl dt {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hosoffer .text_box dl dt {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box dl dt {
          font-size: 12px; } }
      .hosoffer .text_box dl dt span {
        display: block; }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box dl dt {
          width: 100%; } }
    .hosoffer .text_box dl dd {
      width: 70%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .hosoffer .text_box dl dd {
          padding-left: 20px; } }
      @media screen and (max-width: 959px) {
        .hosoffer .text_box dl dd {
          padding-left: 15px; } }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box dl dd {
          padding-left: 10px; } }
      @media screen and (min-width: 960px) {
        .hosoffer .text_box dl dd {
          margin-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        .hosoffer .text_box dl dd {
          margin-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box dl dd {
          margin-bottom: 10px; } }
      @media screen and (min-width: 960px) {
        .hosoffer .text_box dl dd {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hosoffer .text_box dl dd {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box dl dd {
          font-size: 12px; } }
      .hosoffer .text_box dl dd span {
        line-height: 1;
        font-weight: bold;
        color: #f18e1d; }
        @media screen and (min-width: 960px) {
          .hosoffer .text_box dl dd span {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          .hosoffer .text_box dl dd span {
            font-size: 26px; } }
        @media screen and (max-width: 599px) {
          .hosoffer .text_box dl dd span {
            font-size: 20px; } }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box dl dd {
          width: 100%; } }
  .hosoffer .text_box ul li {
    margin-bottom: 0.4em; }
    @media screen and (min-width: 960px) {
      .hosoffer .text_box ul li {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hosoffer .text_box ul li {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .text_box ul li {
        font-size: 12px; } }
    .hosoffer .text_box ul li:before {
      content: "";
      display: inline-block;
      background: #f18e1d;
      height: 1em;
      width: 1em;
      margin-right: 0.2em;
      border-radius: 0.5em;
      font-size: 0.9em; }
    .hosoffer .text_box ul li:last-child {
      margin-bottom: 0; }
  .hosoffer .text_box .dl_box {
    text-align: center; }
    @media screen and (min-width: 960px) {
      .hosoffer .text_box .dl_box {
        margin-top: 50px; } }
    @media screen and (max-width: 959px) {
      .hosoffer .text_box .dl_box {
        margin-top: 40px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .text_box .dl_box {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .hosoffer .text_box .dl_box {
        margin-left: 20px; } }
    .hosoffer .text_box .dl_box a {
      position: relative;
      background: #f18e1d;
      display: inline-block;
      color: #ffffff;
      padding: 0.8em 2em;
      border-radius: 0 3em 3em 0; }
      @media screen and (min-width: 960px) {
        .hosoffer .text_box .dl_box a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hosoffer .text_box .dl_box a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hosoffer .text_box .dl_box a {
          font-size: 12px; } }
      .hosoffer .text_box .dl_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: #ffffff;
        margin-right: 0.5em;
        font-size: 0.9em; }
      .hosoffer .text_box .dl_box a:after {
        content: "";
        display: block;
        background: url("../img/hosoffer/icon.png") no-repeat center center;
        background-size: cover;
        width: 6.5em;
        height: 7em;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-75%, -50%); }
        @media screen and (min-width: 960px) {
          .hosoffer .text_box .dl_box a:after {
            font-size: 10px; } }
        @media screen and (max-width: 959px) {
          .hosoffer .text_box .dl_box a:after {
            font-size: 8px; } }
        @media screen and (max-width: 599px) {
          .hosoffer .text_box .dl_box a:after {
            font-size: 6px; } }

.hosoffer .info_box p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .hosoffer .info_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .info_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .info_box p {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .hosoffer .info_box p {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .info_box p {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .info_box p {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .hosoffer .info_box p {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .info_box p {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .info_box p {
      margin-bottom: 20px; } }

.hosoffer .info_box .mail_box {
  text-align: center;
  border-top: 1px solid #000000; }
  @media screen and (min-width: 960px) {
    .hosoffer .info_box .mail_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .info_box .mail_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .info_box .mail_box {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .hosoffer .info_box .mail_box {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .info_box .mail_box {
      padding-top: 30px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .info_box .mail_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .hosoffer .info_box .mail_box {
      margin-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .hosoffer .info_box .mail_box {
      margin-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    .hosoffer .info_box .mail_box {
      margin-bottom: 40px; } }

.maplekaiser .lang_en {
  font-family: 'Nanum Myeongjo', serif; }

.maplekaiser .pans_box {
  background: #353535; }
  .maplekaiser .pans_box ul {
    padding: 10px 0 10px; }
    .maplekaiser .pans_box ul li {
      color: #ffffff; }
      .maplekaiser .pans_box ul li a {
        color: #ffffff; }

.maplekaiser .main_box {
  background: url("../img/maplekaiser/main_bg.jpg") no-repeat center center;
  background-size: cover;
  position: relative; }
  .maplekaiser .main_box:after {
    content: "";
    width: 100%;
    height: 13%;
    display: block;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0) 61%, rgba(255, 255, 255, 0));
    position: absolute;
    bottom: 0;
    right: 0; }
  .maplekaiser .main_box .new_inner {
    position: relative;
    z-index: 2; }
    .maplekaiser .main_box .new_inner h2 {
      position: absolute;
      bottom: 5%;
      right: -3%;
      max-width: 550px;
      width: 50%; }
      @media screen and (max-width: 959px) {
        .maplekaiser .main_box .new_inner h2 {
          width: 50%;
          bottom: 2%; } }
      .maplekaiser .main_box .new_inner h2 span {
        position: relative;
        display: block;
        width: 100%; }
      .maplekaiser .main_box .new_inner h2 span:after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-top: 74.96%; }
      .maplekaiser .main_box .new_inner h2 img {
        width: 100%;
        height: auto; }
    .maplekaiser .main_box .new_inner h3 {
      position: absolute;
      top: 80px;
      right: 90px; }
    .maplekaiser .main_box .new_inner .main_img {
      width: 60%;
      position: relative;
      left: -6%; }
      .maplekaiser .main_box .new_inner .main_img:after {
        content: "";
        display: block;
        width: 100%;
        padding-top: 70.56%;
        background: url("../img/maplekaiser/main_img.png") no-repeat center center;
        background-size: cover; }
      .maplekaiser .main_box .new_inner .main_img img {
        width: 100%;
        height: auto; }

.maplekaiser .sns_area {
  background: #282828; }
  .maplekaiser .sns_area .sns_box {
    margin: 0;
    padding: 1em 0; }
  .maplekaiser .sns_area:before, .maplekaiser .sns_area:after {
    content: "";
    height: 5px;
    width: 100%;
    display: block;
    background: linear-gradient(to left, #666464, #3e3a39); }

.maplekaiser .sub_nav {
  position: relative;
  z-index: 10; }
  .maplekaiser .sub_nav h2 {
    position: absolute;
    width: 37.25%;
    background: url("../img/maplekaiser/title_bg.png") no-repeat right bottom;
    background-size: cover;
    top: 0;
    left: 0;
    max-height: 128px;
    max-width: 787px; }
    .maplekaiser .sub_nav h2:after {
      content: "";
      padding-top: 28%;
      display: inline-block; }
    .maplekaiser .sub_nav h2:before {
      position: absolute;
      top: 0;
      left: 10%;
      content: "";
      display: block;
      width: 10%;
      max-width: 39px;
      height: 10%;
      background: linear-gradient(to left, #e41539, #e41539 33%, #efc602 33%, #efc602 66%, #2d71b4 66%, #2d71b4); }
    .maplekaiser .sub_nav h2 span {
      position: absolute;
      bottom: 20%;
      right: 40%;
      color: #ffffff;
      display: inline-block;
      font-size: 2.5em; }
      @media screen and (max-width: 1100px) {
        .maplekaiser .sub_nav h2 span {
          font-size: 1.8em; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .sub_nav h2 span {
          font-size: 1.1em;
          right: 40%; } }
      .maplekaiser .sub_nav h2 span:before {
        content: "・・・";
        letter-spacing: 4px; }
        @media screen and (max-width: 959px) {
          .maplekaiser .sub_nav h2 span:before {
            display: none; } }
      .maplekaiser .sub_nav h2 span:after {
        content: "";
        display: block;
        position: absolute;
        width: 500%;
        height: 0;
        border-top: 2px solid #ffffff;
        top: -2%;
        right: 0; }
  .maplekaiser .sub_nav div {
    background: #3e3a39;
    width: 100%;
    padding-left: 37.25%;
    box-sizing: border-box; }
    .maplekaiser .sub_nav div ul {
      padding: 2%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 750px; }
      @media screen and (max-width: 599px) {
        .maplekaiser .sub_nav div ul {
          justify-content: flex-start; } }
      .maplekaiser .sub_nav div ul li {
        color: #ffffff;
        font-size: 16px; }
        @media screen and (max-width: 959px) {
          .maplekaiser .sub_nav div ul li {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .maplekaiser .sub_nav div ul li {
            font-size: 12px;
            margin-right: 1em; } }
        .maplekaiser .sub_nav div ul li a {
          color: #ffffff;
          text-decoration: none; }
        .maplekaiser .sub_nav div ul li.active {
          border-bottom: 4px solid #fff806; }

.maplekaiser .greeting_box {
  background: url("../img/maplekaiser/bg_pattern.png"); }
  .maplekaiser .greeting_box:before, .maplekaiser .greeting_box:after {
    content: "";
    height: 5px;
    width: 100%;
    display: block;
    background: linear-gradient(to left, #666464, #3e3a39); }
  .maplekaiser .greeting_box .greeting_area {
    width: 95%;
    margin: 128px auto 72px;
    padding-top: 130px;
    position: relative;
    background: url("../img/maplekaiser/deco_bar.png") no-repeat center top, url("../img/maplekaiser/deco_img.png") no-repeat center top;
    background-size: contain,contain;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px; }
    @media screen and (max-width: 959px) {
      .maplekaiser .greeting_box .greeting_area {
        margin: 100px auto 52px;
        font-size: 14px;
        padding-top: 100px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .greeting_box .greeting_area {
        width: 100%;
        font-size: 12px;
        margin: 70px auto 36px;
        padding-top: 50px; } }
    .maplekaiser .greeting_box .greeting_area:before {
      content: "";
      display: block;
      background: url("../img/maplekaiser/deco_point.png") no-repeat center top;
      background-size: contain;
      width: 11.33%;
      height: 0;
      padding-top: 10%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
      @media screen and (max-width: 599px) {
        .maplekaiser .greeting_box .greeting_area:before {
          width: 16.99%;
          padding-top: 15%; } }
    .maplekaiser .greeting_box .greeting_area img {
      width: 100%;
      height: auto; }
    .maplekaiser .greeting_box .greeting_area h3 {
      margin-bottom: 66px;
      display: inline-block;
      padding: 0 0.5em 0.5em;
      border-bottom: 4px solid #8f1423; }
      @media screen and (max-width: 599px) {
        .maplekaiser .greeting_box .greeting_area h3 {
          margin-bottom: 33px;
          border-bottom: 2px solid #8f1423; } }
      .maplekaiser .greeting_box .greeting_area h3 img {
        width: auto;
        height: 3.8em; }
        @media screen and (max-width: 599px) {
          .maplekaiser .greeting_box .greeting_area h3 img {
            height: 2.2em; } }
    .maplekaiser .greeting_box .greeting_area .photo {
      margin: 0px 5.7%;
      position: relative; }
      .maplekaiser .greeting_box .greeting_area .photo:after, .maplekaiser .greeting_box .greeting_area .photo:before {
        content: "";
        width: 5%;
        height: 0;
        padding-top: 5%;
        position: absolute;
        top: -5%;
        left: -2%;
        display: block;
        border-top: 4px solid #8f1423;
        border-left: 4px solid #8f1423; }
        @media screen and (max-width: 599px) {
          .maplekaiser .greeting_box .greeting_area .photo:after, .maplekaiser .greeting_box .greeting_area .photo:before {
            border-top-width: 2px;
            border-left-width: 2px; } }
      .maplekaiser .greeting_box .greeting_area .photo:after {
        right: -2%;
        left: auto;
        border-left: none;
        border-right: 4px solid #8f1423; }
        @media screen and (max-width: 599px) {
          .maplekaiser .greeting_box .greeting_area .photo:after {
            border-right-width: 2px; } }
    .maplekaiser .greeting_box .greeting_area .text_area {
      margin: 40px 5.7% 0;
      border-top: 4px solid #8f1423;
      text-align: left; }
      @media screen and (max-width: 599px) {
        .maplekaiser .greeting_box .greeting_area .text_area {
          border-top-width: 2px;
          margin: 25px 5.7% 0; } }
      .maplekaiser .greeting_box .greeting_area .text_area p {
        line-height: 1.8;
        margin-top: 1.5em; }
    .maplekaiser .greeting_box .greeting_area .gallery_area {
      margin: 0px 5.7%; }
      .maplekaiser .greeting_box .greeting_area .gallery_area ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 55px 0; }
        @media screen and (max-width: 599px) {
          .maplekaiser .greeting_box .greeting_area .gallery_area ul {
            margin: 25px 0; } }
      .maplekaiser .greeting_box .greeting_area .gallery_area li {
        width: 48%;
        margin-bottom: 55px; }
        @media screen and (max-width: 599px) {
          .maplekaiser .greeting_box .greeting_area .gallery_area li {
            margin-bottom: 15px; } }
        .maplekaiser .greeting_box .greeting_area .gallery_area li img {
          width: 100%;
          height: auto; }

.massage_box {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 31%, transparent 31%, transparent 80%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5)), url("../img/maplekaiser/bg_pattern.png"); }
  .massage_box .new_inner {
    background: transparent;
    position: relative; }
  .massage_box .massage_btn {
    width: 50%; }
    @media screen and (max-width: 599px) {
      .massage_box .massage_btn {
        width: 67%; } }
    .massage_box .massage_btn:before {
      content: "";
      display: block;
      width: 10px;
      padding-top: 20%; }
      @media screen and (max-width: 599px) {
        .massage_box .massage_btn:before {
          padding-top: 10%; } }
    .massage_box .massage_btn:after {
      content: "";
      display: block;
      width: 10px;
      padding-top: 25%; }
    .massage_box .massage_btn img {
      width: 100%;
      height: auto; }
      .massage_box .massage_btn img:hover {
        opacity: 0.8;
        cursor: pointer; }
  .massage_box .massage_area .photo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 42%; }
    .massage_box .massage_area .photo:after {
      content: "";
      width: 100%;
      display: block;
      padding-top: 86.02%;
      background: url("../img/maplekaiser/img1.png") no-repeat center bottom;
      background-size: cover; }

.maplekaiser .story_box {
  background: #282828;
  min-height: 500px; }
  .maplekaiser .story_box .new_inner {
    padding: 220px 0 110px; }
    @media screen and (max-width: 959px) {
      .maplekaiser .story_box .new_inner {
        padding: 140px 0 80px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .story_box .new_inner {
        padding: 80px 0 80px; } }
  .maplekaiser .story_box .story_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 599px) {
      .maplekaiser .story_box .story_area {
        width: 90%; } }
    .maplekaiser .story_box .story_area:after, .maplekaiser .story_box .story_area:before {
      content: "";
      display: block;
      width: 8%;
      padding-top: 8%;
      height: 0;
      border-top: 5px solid #ffffff;
      position: absolute;
      top: -8%; }
      @media screen and (max-width: 599px) {
        .maplekaiser .story_box .story_area:after, .maplekaiser .story_box .story_area:before {
          top: -4%; } }
    .maplekaiser .story_box .story_area:after {
      border-right: 5px solid #ffffff;
      right: -6%; }
    .maplekaiser .story_box .story_area:before {
      border-left: 5px solid #ffffff;
      left: -6%; }
    .maplekaiser .story_box .story_area .photo {
      width: 29.29%; }
      @media screen and (max-width: 959px) {
        .maplekaiser .story_box .story_area .photo {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; } }
      .maplekaiser .story_box .story_area .photo div {
        margin-bottom: 20px; }
        @media screen and (max-width: 959px) {
          .maplekaiser .story_box .story_area .photo div {
            width: 32%; } }
        .maplekaiser .story_box .story_area .photo div img {
          width: 100%;
          height: auto; }
      .maplekaiser .story_box .story_area .photo:after, .maplekaiser .story_box .story_area .photo:before {
        content: "";
        display: block;
        width: 8%;
        padding-top: 8%;
        height: 0;
        border-bottom: 5px solid #ffffff;
        position: absolute;
        bottom: -8%; }
      @media screen and (max-width: 959px) {
        .maplekaiser .story_box .story_area .photo:after, .maplekaiser .story_box .story_area .photo:before {
          bottom: -4%; } }
      .maplekaiser .story_box .story_area .photo:after {
        border-right: 5px solid #ffffff;
        right: -6%; }
      .maplekaiser .story_box .story_area .photo:before {
        border-left: 5px solid #ffffff;
        left: -6%; }
    .maplekaiser .story_box .story_area .text {
      width: 70%; }
      @media screen and (max-width: 959px) {
        .maplekaiser .story_box .story_area .text {
          width: 100%; } }
      .maplekaiser .story_box .story_area .text p {
        font-size: 16px;
        padding: 1em;
        color: #ffffff;
        line-height: 2; }
        @media screen and (max-width: 959px) {
          .maplekaiser .story_box .story_area .text p {
            font-size: 14px;
            line-height: 1.8; } }
        @media screen and (max-width: 599px) {
          .maplekaiser .story_box .story_area .text p {
            font-size: 12px; } }

.maplekaiser .character_box .hero {
  background: url("../img/maplekaiser/bg_a.png") no-repeat right top, url("../img/maplekaiser/bg_pattern.png");
  background-size: 65% ,auto;
  padding: 100px 0 95px; }
  @media screen and (max-width: 599px) {
    .maplekaiser .character_box .hero {
      padding: 50px 0 46px; } }
  .maplekaiser .character_box .hero .new_inner h3 {
    margin: 40px 18.46% 60px;
    background-image: repeating-linear-gradient(-65deg, transparent, transparent 5%, #510d1a 5%, #510d1a 8%, transparent 8%, transparent 11%, #510d1a 11%, #510d1a 14%, transparent 14%, transparent 17%, #510d1a 17%, #510d1a 93%, transparent 93%, transparent);
    color: #ffffff;
    padding: 0.3em 0em 0.3em 3em;
    font-size: 38px;
    font-weight: bold; }
    @media screen and (max-width: 959px) {
      .maplekaiser .character_box .hero .new_inner h3 {
        font-size: 24px;
        margin: 20px 11% 40px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .character_box .hero .new_inner h3 {
        font-size: 16px;
        margin: 20px 5% 25px; } }
  .maplekaiser .character_box .hero .new_inner > div {
    background: #ffffff;
    border: 1px solid #bababa;
    box-sizing: border-box;
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 959px) {
      .maplekaiser .character_box .hero .new_inner > div {
        padding: 20px; } }
    .maplekaiser .character_box .hero .new_inner > div .photo {
      width: 46.28%;
      margin-bottom: 0;
      position: relative; }
      @media screen and (max-width: 959px) {
        .maplekaiser .character_box .hero .new_inner > div .photo {
          width: 100%; } }
      .maplekaiser .character_box .hero .new_inner > div .photo > div {
        position: absolute;
        width: 95%;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 959px) {
          .maplekaiser .character_box .hero .new_inner > div .photo > div {
            position: static;
            width: 60%;
            margin: 0 auto; } }
        .maplekaiser .character_box .hero .new_inner > div .photo > div:after {
          content: "";
          display: block;
          width: 0;
          padding-top: 121%; }
          @media screen and (max-width: 959px) {
            .maplekaiser .character_box .hero .new_inner > div .photo > div:after {
              display: none; } }
      .maplekaiser .character_box .hero .new_inner > div .photo img {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 959px) {
          .maplekaiser .character_box .hero .new_inner > div .photo img {
            position: static; } }
    .maplekaiser .character_box .hero .new_inner > div .info {
      width: 52%;
      padding: 34px 0; }
      @media screen and (max-width: 959px) {
        .maplekaiser .character_box .hero .new_inner > div .info {
          width: 100%;
          padding: 0; } }
      .maplekaiser .character_box .hero .new_inner > div .info h4 {
        font-size: 41px;
        font-weight: bold;
        padding: 0 0 0 0.5em;
        position: relative;
        border-left: 5px solid #510d1a;
        line-height: 1;
        margin-left: 30px;
        margin-bottom: 40px; }
        @media screen and (max-width: 959px) {
          .maplekaiser .character_box .hero .new_inner > div .info h4 {
            font-size: 28px;
            border-left: 3px solid #510d1a; } }
        @media screen and (max-width: 599px) {
          .maplekaiser .character_box .hero .new_inner > div .info h4 {
            font-size: 20px;
            margin-left: 0; } }
        .maplekaiser .character_box .hero .new_inner > div .info h4:before {
          content: "";
          width: 0px;
          position: absolute;
          top: 0;
          left: 0.8%;
          height: 100%;
          border-right: 5px solid #510d1a; }
          @media screen and (max-width: 959px) {
            .maplekaiser .character_box .hero .new_inner > div .info h4:before {
              border-right: 3px solid #510d1a; } }
        .maplekaiser .character_box .hero .new_inner > div .info h4 span {
          display: block;
          font-size: 0.78em;
          font-style: italic;
          line-height: 1;
          margin-bottom: 0.5em; }
      .maplekaiser .character_box .hero .new_inner > div .info p {
        padding-bottom: 1em;
        font-size: 18px; }
        @media screen and (max-width: 959px) {
          .maplekaiser .character_box .hero .new_inner > div .info p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .maplekaiser .character_box .hero .new_inner > div .info p {
            font-size: 14px; } }
      .maplekaiser .character_box .hero .new_inner > div .info h4 + p {
        text-align: right; }
      .maplekaiser .character_box .hero .new_inner > div .info ul {
        padding: 15px 0; }
        .maplekaiser .character_box .hero .new_inner > div .info ul li {
          margin: 30px 0 30px 90px; }
          @media screen and (max-width: 959px) {
            .maplekaiser .character_box .hero .new_inner > div .info ul li {
              margin: 20px 0; } }
          .maplekaiser .character_box .hero .new_inner > div .info ul li span {
            font-size: 22px;
            padding: 0.4em 0.4em 0.4em 1em;
            background: #510d1a;
            color: #ffffff;
            display: block;
            width: 70%;
            box-sizing: border-box;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            border-radius: 5px;
            cursor: pointer; }
            @media screen and (max-width: 959px) {
              .maplekaiser .character_box .hero .new_inner > div .info ul li span {
                font-size: 18px;
                margin: 0 auto;
                width: 80%; } }
            @media screen and (max-width: 599px) {
              .maplekaiser .character_box .hero .new_inner > div .info ul li span {
                font-size: 14px; } }
            .maplekaiser .character_box .hero .new_inner > div .info ul li span:hover {
              opacity: 0.8; }
            .maplekaiser .character_box .hero .new_inner > div .info ul li span:before {
              font-family: 'Font Awesome 6 Pro';
              content: '\f03e';
              display: inline-block;
              margin-right: 1em;
              font-size: 1.2em; }

.maplekaiser .character_box .waya {
  position: relative;
  background: url("../img/maplekaiser/bg_b.png") no-repeat center top, repeating-linear-gradient(0deg, transparent, transparent 14px, rgba(0, 0, 0, 0.8) 14px, rgba(0, 0, 0, 0.8) 15px);
  background-color: #324259;
  background-size: contain , auto auto;
  padding: 100px 0 95px; }
  @media screen and (max-width: 599px) {
    .maplekaiser .character_box .waya {
      padding: 50px 0 46px; } }
  .maplekaiser .character_box .waya .new_inner:before {
    content: "";
    display: block;
    width: calc(11.17% * 0.8);
    height: 0;
    padding-top: calc(10.56% * 0.8);
    background: url("../img/maplekaiser/deco_point.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%) translateY(-50%); }
    @media screen and (max-width: 599px) {
      .maplekaiser .character_box .waya .new_inner:before {
        width: calc(11.17% * 1.2);
        padding-top: calc(10.56% * 1.2); } }
  .maplekaiser .character_box .waya h3 {
    margin: 40px 18.46% 89px;
    background-image: repeating-linear-gradient(65deg, transparent, transparent 5%, black 5%, black 8%, transparent 8%, transparent 11%, black 11%, black 14%, transparent 14%, transparent 17%, black 17%, black 93%, transparent 93%, transparent);
    color: #ffffff;
    padding: 0.3em 3em 0.3em 0em;
    font-size: 38px;
    font-weight: bold;
    text-align: right; }
    @media screen and (max-width: 959px) {
      .maplekaiser .character_box .waya h3 {
        font-size: 24px;
        margin: 30px 11% 65px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .character_box .waya h3 {
        font-size: 18px;
        margin: 10px 5% 35px; } }
  .maplekaiser .character_box .waya ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .maplekaiser .character_box .waya ul li {
      width: 30%;
      background: #ffffff;
      position: relative; }
      @media screen and (max-width: 599px) {
        .maplekaiser .character_box .waya ul li {
          width: 100%;
          margin: 10px 0; } }
      .maplekaiser .character_box .waya ul li div {
        width: 60%;
        margin: 0 auto; }
      .maplekaiser .character_box .waya ul li img {
        width: 100%;
        height: auto; }
      .maplekaiser .character_box .waya ul li h4 {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        border-left: 7px solid #19309e;
        margin: 0 8%;
        padding: 1.2em 0; }
        @media screen and (max-width: 959px) {
          .maplekaiser .character_box .waya ul li h4 {
            font-size: 20px; } }
        @media screen and (max-width: 599px) {
          .maplekaiser .character_box .waya ul li h4 {
            font-size: 16px; } }
      .maplekaiser .character_box .waya ul li p {
        margin-top: 2em;
        padding: 1em 2em 2em;
        font-size: 18px; }
        @media screen and (max-width: 959px) {
          .maplekaiser .character_box .waya ul li p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .maplekaiser .character_box .waya ul li p {
            font-size: 12px;
            margin-top: 0; } }

.maplekaiser .net_box {
  background-size: auto auto;
  background-color: #302c2a;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 4px, #383838 4px, #383838 7px);
  color: #ffffff;
  padding-bottom: 58px; }
  @media screen and (max-width: 599px) {
    .maplekaiser .net_box {
      padding-bottom: 20px; } }
  .maplekaiser .net_box a {
    color: #ffffff; }
  .maplekaiser .net_box .link_area .new_inner > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 120px 100px 40px 100px; }
    @media screen and (max-width: 959px) {
      .maplekaiser .net_box .link_area .new_inner > ul {
        margin: 60px 60px 30px 60px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .net_box .link_area .new_inner > ul {
        margin: 10px 5% 20px 5%; } }
    .maplekaiser .net_box .link_area .new_inner > ul > li {
      width: 30%;
      margin-top: 57px;
      text-align: center;
      font-size: 16px; }
      @media screen and (max-width: 959px) {
        .maplekaiser .net_box .link_area .new_inner > ul > li {
          font-size: 14px;
          width: 45%; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .net_box .link_area .new_inner > ul > li {
          width: 100%;
          font-size: 12px;
          margin-top: 40px; } }
      .maplekaiser .net_box .link_area .new_inner > ul > li > h4 {
        border-top: 2px solid #ffffff;
        border-bottom: 1px dashed #ffffff;
        margin-top: 3.2em;
        padding: 1.8em 0; }
        @media screen and (max-width: 599px) {
          .maplekaiser .net_box .link_area .new_inner > ul > li > h4 {
            margin-top: 1em;
            padding: 1.3em 0; } }
      .maplekaiser .net_box .link_area .new_inner > ul > li:last-child {
        width: 65%;
        box-sizing: border-box;
        border: 1px solid #ffffff;
        padding: 2% 3%;
        text-align: left; }
        @media screen and (max-width: 959px) {
          .maplekaiser .net_box .link_area .new_inner > ul > li:last-child {
            width: 100%; } }
        .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div div:first-child {
            width: 20%;
            font-weight: bold; }
            @media screen and (max-width: 599px) {
              .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div div:first-child {
                width: 100%;
                padding: 1.2em 0; } }
          .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div ul {
            width: 75%; }
            @media screen and (max-width: 599px) {
              .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div ul {
                width: 100%; } }
            .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div ul li {
              padding-bottom: 0.6em; }
              .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div ul li:last-child {
                padding-bottom: 0; }
              .maplekaiser .net_box .link_area .new_inner > ul > li:last-child > div ul li a:before {
                font-family: 'Font Awesome 6 Pro';
                content: '\f105';
                font-weight: 900;
                margin-right: 0.5em; }
  .maplekaiser .net_box .youtube_area {
    background: #000000;
    text-align: center; }
    .maplekaiser .net_box .youtube_area .new_inner {
      padding: 70px 0; }
      @media screen and (max-width: 599px) {
        .maplekaiser .net_box .youtube_area .new_inner {
          padding: 50px 0 30px; } }
    .maplekaiser .net_box .youtube_area h3 {
      font-size: 37px;
      font-weight: bold;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 599px) {
        .maplekaiser .net_box .youtube_area h3 {
          font-size: 28px; } }
      .maplekaiser .net_box .youtube_area h3:before {
        content: "";
        background: #ffffff;
        font-size: 0.3em;
        width: 1em;
        padding-top: 1em;
        height: 0;
        display: block;
        position: absolute;
        top: 50%;
        right: -4em;
        transform: translateY(-50%); }
      .maplekaiser .net_box .youtube_area h3:after {
        content: "";
        background: #ffffff;
        font-size: 0.3em;
        width: 1em;
        padding-top: 1em;
        height: 0;
        display: block;
        position: absolute;
        top: 50%;
        left: -4em;
        transform: translateY(-50%); }
    .maplekaiser .net_box .youtube_area p {
      margin: 44px 0 38px; }
      @media screen and (max-width: 599px) {
        .maplekaiser .net_box .youtube_area p {
          margin: 30px 0 28px; } }
      .maplekaiser .net_box .youtube_area p a {
        font-size: 21px;
        text-decoration: underline; }
        @media screen and (max-width: 599px) {
          .maplekaiser .net_box .youtube_area p a {
            font-size: 14px; } }
    .maplekaiser .net_box .youtube_area h4 {
      font-size: 16px;
      position: relative;
      margin-bottom: 44px; }
      @media screen and (max-width: 599px) {
        .maplekaiser .net_box .youtube_area h4 {
          font-size: 14px;
          margin-bottom: 22px; } }
      .maplekaiser .net_box .youtube_area h4:before {
        content: "";
        background: #ffffff;
        width: 44.25%;
        padding-top: 2px;
        height: 0;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%); }
        @media screen and (max-width: 599px) {
          .maplekaiser .net_box .youtube_area h4:before {
            width: 30%; } }
      .maplekaiser .net_box .youtube_area h4:after {
        content: "";
        background: #ffffff;
        width: 44.25%;
        padding-top: 2px;
        height: 0;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
        @media screen and (max-width: 599px) {
          .maplekaiser .net_box .youtube_area h4:after {
            width: 30%; } }
    .maplekaiser .net_box .youtube_area ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .maplekaiser .net_box .youtube_area ul li {
        width: 32%;
        position: relative; }
        @media screen and (max-width: 599px) {
          .maplekaiser .net_box .youtube_area ul li {
            width: 100%;
            margin-bottom: 20px; } }
        @media screen and (max-width: 599px) {
          .maplekaiser .net_box .youtube_area ul li:last-child {
            margin-bottom: 0; } }
        .maplekaiser .net_box .youtube_area ul li:before {
          content: "";
          display: block;
          padding-top: 56.25%;
          width: 1px; }
        .maplekaiser .net_box .youtube_area ul li iframe {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }

.maplekaiser .postlist_box {
  background: #282828;
  color: #ffffff; }
  .maplekaiser .postlist_box:before, .maplekaiser .postlist_box:after {
    content: "";
    height: 5px;
    width: 100%;
    display: block;
    background: linear-gradient(to left, #666464, #3e3a39); }
  .maplekaiser .postlist_box a {
    color: #ffffff; }
  .maplekaiser .postlist_box .new {
    color: #fff806; }
  .maplekaiser .postlist_box .new_inner > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (min-width: 960px) {
      .maplekaiser .postlist_box .new_inner > ul {
        padding-top: 50px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .postlist_box .new_inner > ul {
        padding-top: 30px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .postlist_box .new_inner > ul {
        padding-top: 10px; } }
    @media screen and (min-width: 960px) {
      .maplekaiser .postlist_box .new_inner > ul {
        padding-bottom: 50px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .postlist_box .new_inner > ul {
        padding-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .postlist_box .new_inner > ul {
        padding-bottom: 10px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .postlist_box .new_inner > ul {
        display: block; } }
    .maplekaiser .postlist_box .new_inner > ul > li:first-child {
      text-align: center;
      line-height: 1;
      width: 6.5em;
      border-top: 1px solid #ffffff;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .maplekaiser .postlist_box .new_inner > ul > li:first-child {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .maplekaiser .postlist_box .new_inner > ul > li:first-child {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .postlist_box .new_inner > ul > li:first-child {
          font-size: 12px; } }
      .maplekaiser .postlist_box .new_inner > ul > li:first-child span {
        border-bottom: 1px solid #ffffff;
        display: block;
        padding: 0.48em 0; }
      @media screen and (max-width: 599px) {
        .maplekaiser .postlist_box .new_inner > ul > li:first-child {
          margin: 10px auto; } }
    .maplekaiser .postlist_box .new_inner > ul > li:last-child {
      width: 70%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .maplekaiser .postlist_box .new_inner > ul > li:last-child {
          margin-left: 50px; } }
      @media screen and (max-width: 959px) {
        .maplekaiser .postlist_box .new_inner > ul > li:last-child {
          margin-left: 25px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .postlist_box .new_inner > ul > li:last-child {
          margin-left: 0px; } }
      @media screen and (min-width: 960px) {
        .maplekaiser .postlist_box .new_inner > ul > li:last-child {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .maplekaiser .postlist_box .new_inner > ul > li:last-child {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .postlist_box .new_inner > ul > li:last-child {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .postlist_box .new_inner > ul > li:last-child {
          margin: 10px auto;
          width: 100%; } }
      .maplekaiser .postlist_box .new_inner > ul > li:last-child ul {
        border-bottom: 1px dashed #ffffff; }
        .maplekaiser .postlist_box .new_inner > ul > li:last-child ul li {
          border-top: 1px dashed #ffffff;
          padding-top: 0.8em;
          padding-bottom: 0.8em;
          padding-left: 5em;
          position: relative; }
          .maplekaiser .postlist_box .new_inner > ul > li:last-child ul li .new {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }

.maplekaiser .post_area {
  position: relative;
  margin: 50px 5% 0;
  text-align: left; }
  @media screen and (min-width: 960px) {
    .maplekaiser .post_area {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .maplekaiser .post_area {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .maplekaiser .post_area {
      padding-bottom: 30px; } }
  .maplekaiser .post_area h3 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area h3 {
        font-size: 16px; } }
    .maplekaiser .post_area h3:after, .maplekaiser .post_area h3:before {
      content: "";
      width: 5%;
      height: 0;
      padding-top: 5%;
      position: absolute;
      top: -3em;
      left: -0.5em;
      display: block;
      border-top: 4px solid #8f1423;
      border-left: 4px solid #8f1423; }
      @media screen and (max-width: 599px) {
        .maplekaiser .post_area h3:after, .maplekaiser .post_area h3:before {
          border-top-width: 2px;
          border-left-width: 2px; } }
    .maplekaiser .post_area h3:after {
      right: -0.5em;
      left: auto;
      border-left: none;
      border-right: 4px solid #8f1423; }
      @media screen and (max-width: 599px) {
        .maplekaiser .post_area h3:after {
          border-right-width: 2px; } }
  .maplekaiser .post_area p {
    padding-bottom: 1.5em; }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area p {
        font-size: 12px; } }
  .maplekaiser .post_area .max_size713 {
    max-width: 713px;
    margin: 0 auto;
    display: block; }
  @media screen and (min-width: 960px) {
    .maplekaiser .post_area .panel {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .maplekaiser .post_area .panel {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    .maplekaiser .post_area .panel {
      margin-top: 10px; } }
  .maplekaiser .post_area .panel li {
    background: #fffeee;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area .panel li {
        padding-left: 44px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area .panel li {
        padding-left: 33px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area .panel li {
        padding-left: 22px; } }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area .panel li {
        padding-right: 35px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area .panel li {
        padding-right: 24px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area .panel li {
        padding-right: 13px; } }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area .panel li {
        padding-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area .panel li {
        padding-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area .panel li {
        padding-bottom: 10px; } }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area .panel li {
        margin-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area .panel li {
        margin-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area .panel li {
        margin-bottom: 10px; } }
    .maplekaiser .post_area .panel li h4 {
      font-weight: bold;
      position: relative;
      padding-left: 1em; }
      @media screen and (min-width: 960px) {
        .maplekaiser .post_area .panel li h4 {
          font-size: 36px; } }
      @media screen and (max-width: 959px) {
        .maplekaiser .post_area .panel li h4 {
          font-size: 28px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .post_area .panel li h4 {
          font-size: 20px; } }
      @media screen and (min-width: 960px) {
        .maplekaiser .post_area .panel li h4 {
          margin-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        .maplekaiser .post_area .panel li h4 {
          margin-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .post_area .panel li h4 {
          margin-bottom: 10px; } }
      @media screen and (min-width: 960px) {
        .maplekaiser .post_area .panel li h4 {
          padding-top: 30px; } }
      @media screen and (max-width: 959px) {
        .maplekaiser .post_area .panel li h4 {
          padding-top: 20px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .post_area .panel li h4 {
          padding-top: 10px; } }
      .maplekaiser .post_area .panel li h4:before {
        content: "";
        display: block;
        width: 0.15em;
        background: #8f1423;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0; }
  .maplekaiser .post_area .column2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .maplekaiser .post_area .column2 li {
      width: 48%; }
      @media screen and (max-width: 599px) {
        .maplekaiser .post_area .column2 li {
          width: 100%; } }
  .maplekaiser .post_area .memo_area {
    background: #f9f9f9; }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area .memo_area {
        padding: 24px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area .memo_area {
        padding: 16px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area .memo_area {
        padding: 8px; } }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area .memo_area {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area .memo_area {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area .memo_area {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .maplekaiser .post_area .memo_area {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .post_area .memo_area {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .post_area .memo_area {
        font-size: 12px; } }
    .maplekaiser .post_area .memo_area a {
      color: #ef0303;
      text-decoration: underline; }

.maplekaiser .btn_area {
  text-align: center; }
  @media screen and (min-width: 960px) {
    .maplekaiser .btn_area {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .maplekaiser .btn_area {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .maplekaiser .btn_area {
      margin-bottom: 20px; } }
  .maplekaiser .btn_area .btn {
    display: inline-block;
    padding: 0.8em 2em;
    background: #8f1423;
    color: #ffffff; }
    @media screen and (min-width: 960px) {
      .maplekaiser .btn_area .btn {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .maplekaiser .btn_area .btn {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .maplekaiser .btn_area .btn {
        font-size: 12px; } }

.maplekaiser .modal_bg {
  background: rgba(0, 0, 0, 0.5) !important; }

.maplekaiser .search_modal-massage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600; }
  .maplekaiser .search_modal-massage .message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    max-width: 640px;
    background: #ffffff;
    overflow: auto;
    max-height: 60vh;
    box-sizing: border-box;
    padding: 2em; }
    .maplekaiser .search_modal-massage .message p {
      margin-bottom: 1em;
      font-size: 16px; }
      @media screen and (max-width: 959px) {
        .maplekaiser .search_modal-massage .message p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .maplekaiser .search_modal-massage .message p {
          font-size: 12px; } }
    .maplekaiser .search_modal-massage .message p:last-child {
      text-align: right; }

.maplekaiser .search_modal-photo2a,
.maplekaiser .search_modal-photo2b {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600; }
  .maplekaiser .search_modal-photo2a .photo,
  .maplekaiser .search_modal-photo2b .photo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    max-width: 640px;
    background: #ffffff;
    max-height: 80vh;
    box-sizing: border-box;
    overflow: auto;
    padding: 2em;
    text-align: center; }
    .maplekaiser .search_modal-photo2a .photo img,
    .maplekaiser .search_modal-photo2b .photo img {
      width: 100%;
      height: auto; }

.hos_info {
  margin-top: 120px;
  box-sizing: border-box;
  width: 100%; }
  @media screen and (max-width: 959px) {
    .hos_info {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    .hos_info {
      margin-top: 50px; } }
  .hos_info #map {
    height: 350px; }
  .hos_info .innerbox {
    color: #323232; }
    .hos_info .innerbox address {
      padding: 5px 5px 5px 20px;
      background: #ffffe6;
      margin-top: 5px; }
      .hos_info .innerbox address span {
        font-size: 16px;
        padding: 0.1em 0;
        display: block; }
        @media screen and (max-width: 599px) {
          .hos_info .innerbox address span {
            font-size: 14px; } }
      .hos_info .innerbox address + ul li {
        list-style: disc;
        padding-left: 0.2rem;
        margin: 0.8rem 0.5rem 0.2rem 2rem; }
        @media screen and (max-width: 599px) {
          .hos_info .innerbox address + ul li {
            font-size: 12px; } }
    .hos_info .innerbox > .flex_box {
      border: 1px solid #5AC8A0;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 960px) {
        .hos_info .innerbox > .flex_box {
          margin-top: 45px; } }
      @media screen and (max-width: 959px) {
        .hos_info .innerbox > .flex_box {
          margin-top: 30px; } }
      @media screen and (max-width: 599px) {
        .hos_info .innerbox > .flex_box {
          margin-top: 15px; } }
      @media screen and (min-width: 960px) {
        .hos_info .innerbox > .flex_box {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .hos_info .innerbox > .flex_box {
          padding: 20px; } }
      @media screen and (max-width: 599px) {
        .hos_info .innerbox > .flex_box {
          padding: 10px; } }
      @media screen and (max-width: 599px) {
        .hos_info .innerbox > .flex_box {
          display: block; } }
      .hos_info .innerbox > .flex_box .img_box {
        flex-basis: 20%; }
        @media screen and (max-width: 599px) {
          .hos_info .innerbox > .flex_box .img_box {
            width: 60%;
            margin-left: auto;
            margin-right: auto; } }
        .hos_info .innerbox > .flex_box .img_box img {
          width: 100%;
          height: auto; }
      .hos_info .innerbox > .flex_box .text_box {
        flex-basis: calc(80% - 30px); }
        .hos_info .innerbox > .flex_box .text_box .headDoc-info {
          font-weight: bold;
          padding-top: 0; }
          @media screen and (min-width: 960px) {
            .hos_info .innerbox > .flex_box .text_box .headDoc-info {
              margin-bottom: 15px; } }
          @media screen and (max-width: 959px) {
            .hos_info .innerbox > .flex_box .text_box .headDoc-info {
              margin-bottom: 10px; } }
          @media screen and (max-width: 599px) {
            .hos_info .innerbox > .flex_box .text_box .headDoc-info {
              margin-bottom: 5px; } }
          @media screen and (min-width: 960px) {
            .hos_info .innerbox > .flex_box .text_box .headDoc-info {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            .hos_info .innerbox > .flex_box .text_box .headDoc-info {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            .hos_info .innerbox > .flex_box .text_box .headDoc-info {
              font-size: 12px; } }
        .hos_info .innerbox > .flex_box .text_box p {
          line-height: 1.8; }
          @media screen and (min-width: 960px) {
            .hos_info .innerbox > .flex_box .text_box p {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            .hos_info .innerbox > .flex_box .text_box p {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            .hos_info .innerbox > .flex_box .text_box p {
              font-size: 12px; } }
  .hos_info h2 {
    font-weight: bold;
    border-bottom: 2px solid #5AC8A0;
    padding-bottom: 0.4em;
    color: #5AC8A0;
    margin-bottom: 0.8em; }
    @media screen and (min-width: 960px) {
      .hos_info h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .hos_info h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      .hos_info h2 {
        font-size: 20px; } }
  .hos_info h3 {
    font-weight: bold;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 960px) {
      .hos_info h3 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hos_info h3 {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hos_info h3 {
        font-size: 12px; } }
  .hos_info .pickup_hos {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed #cccccc; }
    @media screen and (min-width: 960px) {
      .hos_info .pickup_hos {
        padding-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      .hos_info .pickup_hos {
        padding-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .hos_info .pickup_hos {
        padding-bottom: 10px; } }
    @media screen and (max-width: 599px) {
      .hos_info .pickup_hos {
        display: block; } }
    .hos_info .pickup_hos .public_url {
      flex-basis: 100%; }
      @media screen and (min-width: 960px) {
        .hos_info .pickup_hos .public_url {
          margin-bottom: 22px; } }
      @media screen and (max-width: 959px) {
        .hos_info .pickup_hos .public_url {
          margin-bottom: 19px; } }
      @media screen and (max-width: 599px) {
        .hos_info .pickup_hos .public_url {
          margin-bottom: 16px; } }
      .hos_info .pickup_hos .public_url > div {
        text-align: center;
        overflow: hidden;
        box-sizing: border-box; }
        .hos_info .pickup_hos .public_url > div a {
          display: block;
          padding: 1em 0;
          color: #ffffff;
          width: 100%;
          max-width: 558px;
          background: #64c0ab;
          border-radius: 3em;
          line-height: 1; }
          @media screen and (min-width: 960px) {
            .hos_info .pickup_hos .public_url > div a {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            .hos_info .pickup_hos .public_url > div a {
              font-size: 18px; } }
          @media screen and (max-width: 599px) {
            .hos_info .pickup_hos .public_url > div a {
              font-size: 16px; } }
          .hos_info .pickup_hos .public_url > div a:before {
            font-family: 'Font Awesome 6 Pro';
            content: '\f105';
            font-weight: 900;
            content: '\f0ac';
            margin-right: 0.3em;
            font-size: 1.2em;
            position: relative;
            top: 0.1em; }
    .hos_info .pickup_hos .hos_img {
      box-sizing: border-box;
      flex-basis: 23%; }
      @media screen and (max-width: 599px) {
        .hos_info .pickup_hos .hos_img {
          width: 80%;
          margin: 0 auto; } }
      .hos_info .pickup_hos .hos_img img {
        width: 100%;
        height: auto; }
        @media screen and (max-width: 599px) {
          .hos_info .pickup_hos .hos_img img {
            margin: 20px 0 0; } }
    .hos_info .pickup_hos .text_box {
      flex-basis: calc(77% - 30px); }

.hos_info .pickup_btn_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media screen and (min-width: 960px) {
    .hos_info .pickup_btn_list {
      margin-top: 120px; } }
  @media screen and (max-width: 959px) {
    .hos_info .pickup_btn_list {
      margin-top: 90px; } }
  @media screen and (max-width: 599px) {
    .hos_info .pickup_btn_list {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .hos_info .pickup_btn_list {
      display: block; } }
  @media screen and (max-width: 599px) {
    .hos_info .pickup_btn_list {
      margin-top: 30px; } }
  .hos_info .pickup_btn_list a {
    display: block;
    color: #ffffff; }
  .hos_info .pickup_btn_list .public_hp {
    width: 100%;
    text-align: center; }
    .hos_info .pickup_btn_list .public_hp a {
      background: #feeff4;
      text-align: center;
      color: #561111;
      padding: 20px 0;
      font-size: 16px;
      border: 1px solid #fa648c;
      border-radius: 20px;
      display: inline-block;
      width: 60%;
      margin-bottom: 20px;
      box-sizing: border-box;
      box-shadow: 2px 4px 5px 3px rgba(21, 21, 21, 0.1); }
      @media screen and (max-width: 959px) {
        .hos_info .pickup_btn_list .public_hp a {
          width: 100%; } }
      @media screen and (max-width: 599px) {
        .hos_info .pickup_btn_list .public_hp a {
          font-size: 12px;
          padding: 8px 0; } }
      .hos_info .pickup_btn_list .public_hp a span {
        display: block; }
      .hos_info .pickup_btn_list .public_hp a span.hos_name {
        display: inline-block;
        font-weight: bold;
        font-size: 1.2em;
        position: relative; }
        .hos_info .pickup_btn_list .public_hp a span.hos_name:before, .hos_info .pickup_btn_list .public_hp a span.hos_name:after {
          content: "";
          display: block;
          width: 0.4em;
          height: 0.4em;
          border-radius: 0.4em;
          position: absolute;
          background: #561111; }
        .hos_info .pickup_btn_list .public_hp a span.hos_name:before {
          top: 50%;
          left: -0.7em;
          transform: translateY(-50%); }
        .hos_info .pickup_btn_list .public_hp a span.hos_name:after {
          top: 50%;
          right: -0.7em;
          transform: translateY(-50%); }
  .hos_info .pickup_btn_list .btn_go_hos,
  .hos_info .pickup_btn_list .btn_go_pickup {
    width: calc(50% - 60px);
    margin: 20px 30px;
    box-sizing: border-box; }
    @media screen and (max-width: 959px) {
      .hos_info .pickup_btn_list .btn_go_hos,
      .hos_info .pickup_btn_list .btn_go_pickup {
        width: 90%;
        margin: 20px auto; } }
    @media screen and (max-width: 599px) {
      .hos_info .pickup_btn_list .btn_go_hos,
      .hos_info .pickup_btn_list .btn_go_pickup {
        width: 100%;
        margin: 10px auto; } }
    .hos_info .pickup_btn_list .btn_go_hos a,
    .hos_info .pickup_btn_list .btn_go_pickup a {
      background: #5ac8a0;
      color: #ffffff;
      text-align: center;
      border-radius: 20px;
      padding: 1em 0;
      font-size: 16px;
      box-shadow: 2px 4px 4px 1px rgba(90, 190, 150, 0.3); }
      @media screen and (max-width: 599px) {
        .hos_info .pickup_btn_list .btn_go_hos a,
        .hos_info .pickup_btn_list .btn_go_pickup a {
          font-size: 12px; } }
      .hos_info .pickup_btn_list .btn_go_hos a span,
      .hos_info .pickup_btn_list .btn_go_pickup a span {
        display: block;
        font-size: 0.8em; }

#admin_link {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.5em;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.8em;
  z-index: 150; }

@media screen and (min-width: 960px) {
  .single-interview .sns_box {
    margin-bottom: 40px; } }

@media screen and (max-width: 959px) {
  .single-interview .sns_box {
    margin-bottom: 30px; } }

@media screen and (max-width: 599px) {
  .single-interview .sns_box {
    margin-bottom: 20px; } }

#interview_top .pans_box {
  background: #898989; }
  @media screen and (min-width: 960px) {
    #interview_top .pans_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #interview_top .pans_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #interview_top .pans_box {
      font-size: 12px; } }
  #interview_top .pans_box ul {
    padding-bottom: 20px;
    color: #ffffff; }
    #interview_top .pans_box ul a {
      color: #ffffff; }

#interview_top .main_img {
  background: url("../img/interview/00/main.jpg") no-repeat center center #fbdfe7;
  background-size: cover; }
  #interview_top .main_img .new_inner {
    position: relative; }
    #interview_top .main_img .new_inner:after {
      content: "";
      width: 100%;
      padding-top: 58.82353%;
      display: block; }
  #interview_top .main_img .img_box {
    max-width: 42.0625em;
    width: 50%;
    margin: 0 auto;
    line-height: 0;
    position: absolute;
    top: 28.25%;
    left: 0; }
    #interview_top .main_img .img_box img {
      width: 100%;
      height: auto; }

#interview_top .read_box {
  padding-top: 6.25em;
  padding-bottom: 4.375em; }
  #interview_top .read_box h2 {
    font-size: 2em;
    font-weight: bold;
    text-align: center; }
  #interview_top .read_box p {
    margin-top: 2.5em;
    text-align: center; }

#interview_top .first_box {
  background: #faf7e7; }
  @media screen and (min-width: 960px) {
    #interview_top .first_box {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    #interview_top .first_box {
      padding-top: 40px; } }
  @media screen and (max-width: 599px) {
    #interview_top .first_box {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    #interview_top .first_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #interview_top .first_box {
      padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    #interview_top .first_box {
      padding-bottom: 30px; } }
  #interview_top .first_box .new_inner a > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 599px) {
      #interview_top .first_box .new_inner a > ul {
        width: 90%;
        margin: 0 auto; } }
    #interview_top .first_box .new_inner a > ul .img_box {
      width: 51.90311%; }
      @media screen and (max-width: 599px) {
        #interview_top .first_box .new_inner a > ul .img_box {
          width: 100%;
          margin-bottom: 20px; } }
      #interview_top .first_box .new_inner a > ul .img_box img {
        width: 100%;
        height: auto; }
    #interview_top .first_box .new_inner a > ul .text_box {
      width: 46.36678%; }
      @media screen and (max-width: 599px) {
        #interview_top .first_box .new_inner a > ul .text_box {
          width: 100%; } }
      #interview_top .first_box .new_inner a > ul .text_box h3 {
        border-bottom: 1px solid #3e3a39;
        margin-bottom: 0.4em;
        padding-bottom: 0.4em;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          #interview_top .first_box .new_inner a > ul .text_box h3 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #interview_top .first_box .new_inner a > ul .text_box h3 {
            font-size: 21px; } }
        @media screen and (max-width: 599px) {
          #interview_top .first_box .new_inner a > ul .text_box h3 {
            font-size: 18px; } }
        #interview_top .first_box .new_inner a > ul .text_box h3 span {
          font-weight: normal;
          display: block; }
          @media screen and (min-width: 960px) {
            #interview_top .first_box .new_inner a > ul .text_box h3 span {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #interview_top .first_box .new_inner a > ul .text_box h3 span {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #interview_top .first_box .new_inner a > ul .text_box h3 span {
              font-size: 12px; } }
      #interview_top .first_box .new_inner a > ul .text_box h4 {
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          #interview_top .first_box .new_inner a > ul .text_box h4 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #interview_top .first_box .new_inner a > ul .text_box h4 {
            font-size: 20px; } }
        @media screen and (max-width: 599px) {
          #interview_top .first_box .new_inner a > ul .text_box h4 {
            font-size: 16px; } }

#interview_top .list_box {
  background: url("../img/interview/00/bg.jpg") center center no-repeat;
  background-size: cover; }
  @media screen and (min-width: 960px) {
    #interview_top .list_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    #interview_top .list_box {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    #interview_top .list_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    #interview_top .list_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #interview_top .list_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    #interview_top .list_box {
      padding-bottom: 40px; } }
  #interview_top .list_box .new_inner > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: flex-start; }
    @media screen and (max-width: 599px) {
      #interview_top .list_box .new_inner > ul {
        justify-content: space-between; } }
    #interview_top .list_box .new_inner > ul li {
      background: #ffffff; }
      @media screen and (min-width: 960px) {
        #interview_top .list_box .new_inner > ul li {
          padding-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        #interview_top .list_box .new_inner > ul li {
          padding-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        #interview_top .list_box .new_inner > ul li {
          padding-bottom: 10px; } }
      @media screen and (min-width: 960px) {
        #interview_top .list_box .new_inner > ul li {
          width: 22%;
          margin-right: 4%;
          margin-bottom: 4%; }
          #interview_top .list_box .new_inner > ul li:nth-of-type(4n) {
            margin-right: 0; } }
      @media screen and (max-width: 959px) {
        #interview_top .list_box .new_inner > ul li {
          width: 30%;
          margin-right: 5%;
          margin-bottom: 5%; }
          #interview_top .list_box .new_inner > ul li:nth-of-type(3n) {
            margin-right: 0; } }
      @media screen and (max-width: 599px) {
        #interview_top .list_box .new_inner > ul li {
          width: 48%;
          margin-botto: 2%;
          margin-right: 0; } }
      #interview_top .list_box .new_inner > ul li img {
        width: 100%;
        height: auto; }
      #interview_top .list_box .new_inner > ul li h3 {
        font-weight: bold;
        text-align: center;
        margin-top: 0.5em; }
        @media screen and (min-width: 960px) {
          #interview_top .list_box .new_inner > ul li h3 {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #interview_top .list_box .new_inner > ul li h3 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #interview_top .list_box .new_inner > ul li h3 {
            font-size: 12px; } }
        #interview_top .list_box .new_inner > ul li h3 span {
          font-weight: normal;
          display: block;
          margin-bottom: 0.5em; }
          @media screen and (min-width: 960px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              font-size: 12px; } }
          @media screen and (max-width: 959px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              font-size: 11px; } }
          @media screen and (max-width: 599px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              font-size: 10px; } }
          @media screen and (min-width: 960px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              padding-left: 20px; } }
          @media screen and (max-width: 959px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              padding-left: 15px; } }
          @media screen and (max-width: 599px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              padding-left: 10px; } }
          @media screen and (min-width: 960px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              padding-right: 20px; } }
          @media screen and (max-width: 959px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              padding-right: 15px; } }
          @media screen and (max-width: 599px) {
            #interview_top .list_box .new_inner > ul li h3 span {
              padding-right: 10px; } }
      #interview_top .list_box .new_inner > ul li h4 {
        margin-top: 1em;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          #interview_top .list_box .new_inner > ul li h4 {
            padding-left: 20px; } }
        @media screen and (max-width: 959px) {
          #interview_top .list_box .new_inner > ul li h4 {
            padding-left: 15px; } }
        @media screen and (max-width: 599px) {
          #interview_top .list_box .new_inner > ul li h4 {
            padding-left: 10px; } }
        @media screen and (min-width: 960px) {
          #interview_top .list_box .new_inner > ul li h4 {
            padding-right: 20px; } }
        @media screen and (max-width: 959px) {
          #interview_top .list_box .new_inner > ul li h4 {
            padding-right: 15px; } }
        @media screen and (max-width: 599px) {
          #interview_top .list_box .new_inner > ul li h4 {
            padding-right: 10px; } }
        @media screen and (min-width: 960px) {
          #interview_top .list_box .new_inner > ul li h4 {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #interview_top .list_box .new_inner > ul li h4 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #interview_top .list_box .new_inner > ul li h4 {
            font-size: 12px; } }

.interview .visual_box p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .interview .visual_box p {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview .visual_box p {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview .visual_box p {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .interview .visual_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview .visual_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview .visual_box p {
      font-size: 12px; } }

.interview .box_type2 .text_box.right,
.interview .box_type2 .text_box.left,
.interview .box_type1 .text_box.right,
.interview .box_type1 .text_box.left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .interview .box_type2 .text_box.right > div:first-child,
  .interview .box_type2 .text_box.left > div:first-child,
  .interview .box_type1 .text_box.right > div:first-child,
  .interview .box_type1 .text_box.left > div:first-child {
    width: calc(66% - 40px); }
    @media screen and (max-width: 959px) {
      .interview .box_type2 .text_box.right > div:first-child,
      .interview .box_type2 .text_box.left > div:first-child,
      .interview .box_type1 .text_box.right > div:first-child,
      .interview .box_type1 .text_box.left > div:first-child {
        width: calc(66% - 30px); } }
    @media screen and (max-width: 599px) {
      .interview .box_type2 .text_box.right > div:first-child,
      .interview .box_type2 .text_box.left > div:first-child,
      .interview .box_type1 .text_box.right > div:first-child,
      .interview .box_type1 .text_box.left > div:first-child {
        width: 100%; } }
  .interview .box_type2 .text_box.right .img_box,
  .interview .box_type2 .text_box.left .img_box,
  .interview .box_type1 .text_box.right .img_box,
  .interview .box_type1 .text_box.left .img_box {
    width: 34%; }
    @media screen and (max-width: 599px) {
      .interview .box_type2 .text_box.right .img_box,
      .interview .box_type2 .text_box.left .img_box,
      .interview .box_type1 .text_box.right .img_box,
      .interview .box_type1 .text_box.left .img_box {
        width: 90%;
        margin: 20px auto; } }
    .interview .box_type2 .text_box.right .img_box img,
    .interview .box_type2 .text_box.left .img_box img,
    .interview .box_type1 .text_box.right .img_box img,
    .interview .box_type1 .text_box.left .img_box img {
      width: 100%;
      height: auto; }
    .interview .box_type2 .text_box.right .img_box p,
    .interview .box_type2 .text_box.left .img_box p,
    .interview .box_type1 .text_box.right .img_box p,
    .interview .box_type1 .text_box.left .img_box p {
      text-indent: 0; }

.interview .box_type2 .img_box2,
.interview .box_type1 .img_box2 {
  width: 62%;
  margin: 40px auto 0; }
  @media screen and (max-width: 959px) {
    .interview .box_type2 .img_box2,
    .interview .box_type1 .img_box2 {
      width: 70%; } }
  @media screen and (max-width: 599px) {
    .interview .box_type2 .img_box2,
    .interview .box_type1 .img_box2 {
      width: 90%;
      padding: 0 0 20px 0; } }
  .interview .box_type2 .img_box2 img,
  .interview .box_type1 .img_box2 img {
    width: 100%;
    height: auto; }

.interview .box_type2 .text_box.left > div:first-child,
.interview .box_type1 .text_box.left > div:first-child {
  order: 2; }
  @media screen and (max-width: 599px) {
    .interview .box_type2 .text_box.left > div:first-child,
    .interview .box_type1 .text_box.left > div:first-child {
      order: 1; } }

.interview .box_type2 .text_box.left .img_box,
.interview .box_type1 .text_box.left .img_box {
  order: 1; }
  @media screen and (max-width: 599px) {
    .interview .box_type2 .text_box.left .img_box,
    .interview .box_type1 .text_box.left .img_box {
      order: 2; } }

.interview .box_type2 .img_box p,
.interview .box_type2 .img_box2 p,
.interview .box_type1 .img_box p,
.interview .box_type1 .img_box2 p {
  line-height: 1.5; }
  @media screen and (min-width: 960px) {
    .interview .box_type2 .img_box p,
    .interview .box_type2 .img_box2 p,
    .interview .box_type1 .img_box p,
    .interview .box_type1 .img_box2 p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type2 .img_box p,
    .interview .box_type2 .img_box2 p,
    .interview .box_type1 .img_box p,
    .interview .box_type1 .img_box2 p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type2 .img_box p,
    .interview .box_type2 .img_box2 p,
    .interview .box_type1 .img_box p,
    .interview .box_type1 .img_box2 p {
      font-size: 12px; } }

.interview .box_type2 .text_box p,
.interview .box_type1 .text_box p {
  line-height: 2;
  text-indent: 1em; }
  @media screen and (min-width: 960px) {
    .interview .box_type2 .text_box p,
    .interview .box_type1 .text_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type2 .text_box p,
    .interview .box_type1 .text_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type2 .text_box p,
    .interview .box_type1 .text_box p {
      font-size: 12px; } }

.interview .box_type2 .text_box h4,
.interview .box_type1 .text_box h4 {
  color: #ea6088;
  position: relative;
  font-weight: bold;
  margin-bottom: 1em;
  padding-left: 2.2em; }
  @media screen and (min-width: 960px) {
    .interview .box_type2 .text_box h4,
    .interview .box_type1 .text_box h4 {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type2 .text_box h4,
    .interview .box_type1 .text_box h4 {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type2 .text_box h4,
    .interview .box_type1 .text_box h4 {
      font-size: 12px; } }
  .interview .box_type2 .text_box h4:before,
  .interview .box_type1 .text_box h4:before {
    content: "";
    width: 2em;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 2px solid #ea6088; }

.interview .box_type2 .hr,
.interview .box_type1 .hr {
  border: none;
  height: 2px;
  width: 60%;
  margin: 40px auto;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(90deg, rgba(234, 96, 136, 0) 0%, #ea6088 50%, rgba(234, 96, 136, 0) 100%); }

.interview .box_type2 h3,
.interview .box_type1 h3 {
  position: relative;
  font-weight: bold;
  color: #ea6088;
  text-align: center;
  padding: 1.8em;
  margin: 15px; }
  @media screen and (min-width: 960px) {
    .interview .box_type2 h3,
    .interview .box_type1 h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type2 h3,
    .interview .box_type1 h3 {
      font-size: 20px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type2 h3,
    .interview .box_type1 h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview .box_type2 h3,
    .interview .box_type1 h3 {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type2 h3,
    .interview .box_type1 h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type2 h3,
    .interview .box_type1 h3 {
      margin-bottom: 30px; } }
  .interview .box_type2 h3:before,
  .interview .box_type1 h3:before {
    content: "";
    position: absolute;
    top: -0.3em;
    left: -0.3em;
    border-top: 0.125em solid #ea6088;
    border-left: 0.125em solid #ea6088;
    display: block;
    width: 1em;
    height: 1em; }
    @media screen and (min-width: 960px) {
      .interview .box_type2 h3:before,
      .interview .box_type1 h3:before {
        font-size: 40px; } }
    @media screen and (max-width: 959px) {
      .interview .box_type2 h3:before,
      .interview .box_type1 h3:before {
        font-size: 30px; } }
    @media screen and (max-width: 599px) {
      .interview .box_type2 h3:before,
      .interview .box_type1 h3:before {
        font-size: 20px; } }
  .interview .box_type2 h3:after,
  .interview .box_type1 h3:after {
    content: "";
    position: absolute;
    bottom: -0.3em;
    right: -0.3em;
    border-bottom: 0.125em solid #ea6088;
    border-right: 0.125em solid #ea6088;
    display: block;
    width: 1em;
    height: 1em; }
    @media screen and (min-width: 960px) {
      .interview .box_type2 h3:after,
      .interview .box_type1 h3:after {
        font-size: 40px; } }
    @media screen and (max-width: 959px) {
      .interview .box_type2 h3:after,
      .interview .box_type1 h3:after {
        font-size: 30px; } }
    @media screen and (max-width: 599px) {
      .interview .box_type2 h3:after,
      .interview .box_type1 h3:after {
        font-size: 20px; } }

@media screen and (min-width: 960px) {
  .interview .box_type1 {
    padding-bottom: 40px; } }

@media screen and (max-width: 959px) {
  .interview .box_type1 {
    padding-bottom: 30px; } }

@media screen and (max-width: 599px) {
  .interview .box_type1 {
    padding-bottom: 20px; } }

.interview .box_type1 h3 {
  background: rgba(234, 96, 136, 0.05); }

.interview .box_type2 {
  background: rgba(234, 96, 136, 0.05); }
  @media screen and (min-width: 960px) {
    .interview .box_type2 {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type2 {
      padding-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type2 {
      padding-top: 30px; } }
  .interview .box_type2 h3 {
    background: #ffffff; }

.interview .box_type3 {
  background: rgba(234, 96, 136, 0.05); }
  @media screen and (min-width: 960px) {
    .interview .box_type3 {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type3 {
      padding-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type3 {
      padding-top: 10px; } }
  @media screen and (min-width: 960px) {
    .interview .box_type3 {
      padding-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type3 {
      padding-bottom: 25px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type3 {
      padding-bottom: 10px; } }
  .interview .box_type3 .message_box {
    border: 2px solid #ea6088;
    padding: 3px;
    background: #ffffff; }
    .interview .box_type3 .message_box > div {
      border: 1px solid #ea6088;
      padding: 2.2em; }
      .interview .box_type3 .message_box > div h3 {
        font-weight: bold;
        padding-bottom: 0.8em;
        margin-bottom: 1em;
        border-bottom: 2px solid #ea6088;
        color: #ea6088; }
        @media screen and (min-width: 960px) {
          .interview .box_type3 .message_box > div h3 {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview .box_type3 .message_box > div h3 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview .box_type3 .message_box > div h3 {
            font-size: 12px; } }
      .interview .box_type3 .message_box > div p {
        line-height: 2;
        text-indent: 1em; }
        @media screen and (min-width: 960px) {
          .interview .box_type3 .message_box > div p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview .box_type3 .message_box > div p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview .box_type3 .message_box > div p {
            font-size: 12px; } }

.interview .box_type4 .profile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview .box_type4 .profile {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview .box_type4 .profile {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview .box_type4 .profile {
      margin-top: 10px; } }
  .interview .box_type4 .profile > div {
    width: 48%;
    position: relative; }
    @media screen and (max-width: 599px) {
      .interview .box_type4 .profile > div {
        width: 100%; } }
    .interview .box_type4 .profile > div p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview .box_type4 .profile > div p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview .box_type4 .profile > div p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview .box_type4 .profile > div p {
          font-size: 12px; } }
    .interview .box_type4 .profile > div h3 {
      font-weight: bold;
      margin-bottom: 0.8em; }
      @media screen and (min-width: 960px) {
        .interview .box_type4 .profile > div h3 {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview .box_type4 .profile > div h3 {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview .box_type4 .profile > div h3 {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview .box_type4 .profile > div h3 {
          margin-top: 10px; } }
  .interview .box_type4 .profile .img_box {
    line-height: 1; }
    .interview .box_type4 .profile .img_box img {
      width: 100%;
      height: auto;
      margin: 0; }
  .interview .box_type4 .profile .btn_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    @media screen and (max-width: 959px) {
      .interview .box_type4 .profile .btn_box {
        position: static;
        margin: 40px 0 0 0; } }
    @media screen and (max-width: 599px) {
      .interview .box_type4 .profile .btn_box {
        margin: 30px 0; } }
    .interview .box_type4 .profile .btn_box a {
      display: block;
      background: #5ac8a0;
      color: #ffffff;
      text-align: center;
      padding: 1em 2em;
      border-radius: 2em; }
      @media screen and (min-width: 960px) {
        .interview .box_type4 .profile .btn_box a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview .box_type4 .profile .btn_box a {
          font-size: 13px; } }
      @media screen and (max-width: 599px) {
        .interview .box_type4 .profile .btn_box a {
          font-size: 10px; } }

@media screen and (min-width: 960px) {
  .interview .link_box {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  .interview .link_box {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  .interview .link_box {
    margin-bottom: 30px; } }

.interview .link_box a {
  display: block; }
  @media screen and (max-width: 599px) {
    .interview .link_box a {
      margin-bottom: 1.5em; } }
  @media screen and (max-width: 599px) {
    .interview .link_box a:last-child {
      margin-bottom: 0; } }

.interview .link_box picture img {
  width: 100%;
  height: auto; }

.interview02 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 8px; }
  @media screen and (min-width: 960px) {
    .interview02 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview02 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview02 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview02 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview02 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview02 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview02 .visual_box h3 {
      letter-spacing: 2px; } }

@media screen and (min-width: 960px) {
  .interview02 .visual_box {
    margin-bottom: 40px; } }

@media screen and (max-width: 959px) {
  .interview02 .visual_box {
    margin-bottom: 25px; } }

@media screen and (max-width: 599px) {
  .interview02 .visual_box {
    margin-bottom: 10px; } }

.interview02 .box_type1 {
  background-size: auto auto;
  background-color: #d8ece7;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(240, 240, 240, 0.19) 25px, rgba(240, 240, 240, 0.19) 27px), repeating-linear-gradient(-45deg, transparent, transparent 25px, rgba(240, 240, 240, 0.19) 25px, rgba(240, 240, 240, 0.19) 27px);
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview02 .box_type1 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type1 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type1 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview02 .box_type1 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type1 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type1 {
      padding-bottom: 30px; } }
  .interview02 .box_type1:after {
    z-index: 50;
    content: "";
    display: block;
    background: #afd8cf;
    border-radius: 0.5em;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type1:after {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type1:after {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type1:after {
        font-size: 24px; } }
  .interview02 .box_type1:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview02 .box_type1 .img_box {
    width: 90%;
    margin: 0 auto; }
    .interview02 .box_type1 .img_box img {
      width: 100%;
      height: auto; }
  .interview02 .box_type1 .text_box {
    line-height: 2;
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type1 .text_box {
        margin-top: 45px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type1 .text_box {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type1 .text_box {
        margin-top: 15px; } }
    @media screen and (min-width: 960px) {
      .interview02 .box_type1 .text_box {
        padding: 30px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type1 .text_box {
        padding: 20px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type1 .text_box {
        padding: 10px; } }
    @media screen and (min-width: 960px) {
      .interview02 .box_type1 .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type1 .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type1 .text_box {
        font-size: 12px; } }

.interview02 .box_type2 {
  background: transparent;
  padding-bottom: 30px;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview02 .box_type2 {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type2 {
      padding-top: 40px; } }
  .interview02 .box_type2:after {
    content: "";
    display: block;
    background: #afd8cf;
    border-radius: 0.5em;
    width: 1em;
    height: 1em;
    position: absolute;
    z-index: 55; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type2:after {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type2:after {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type2:after {
        font-size: 24px; } }
  .interview02 .box_type2:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview02 .box_type2 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type2 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type2 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type2 .text_box {
        font-size: 12px; } }
    .interview02 .box_type2 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview02 .box_type2 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type2 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview02 .box_type2 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type2 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview02 .box_type2 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type2 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type2 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview02 .box_type2 .text_box.type1 p {
      text-indent: 0;
      background: rgba(249, 215, 234, 0.25); }
      .interview02 .box_type2 .text_box.type1 p:last-child {
        position: relative; }
        .interview02 .box_type2 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #f9758c; }
    .interview02 .box_type2 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #f9758c;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview02 .box_type2 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview02 .box_type2 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type2 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type2 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview02 .box_type2 .text_box.type2 p {
      background: rgba(230, 255, 249, 0.2); }
      .interview02 .box_type2 .text_box.type2 p + p {
        padding-top: 0; }
      .interview02 .box_type2 .text_box.type2 p:last-child {
        position: relative; }
        .interview02 .box_type2 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #53c4a9; }
    .interview02 .box_type2 .text_box.type2:before {
      z-index: 10;
      content: "竹内先生";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #53c4a9;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview02 .box_type2 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type2 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type2 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .text_box.type2:before {
          left: 10px; } }
  .interview02 .box_type2 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview02 .box_type2 .layaut_type1 .text_box {
      width: 57.71%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .layaut_type1 .text_box {
          width: 100%;
          margin-bottom: 15px; } }
    .interview02 .box_type2 .layaut_type1 .img_box {
      width: calc(100% - 57.71%);
      padding-left: 40px;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview02 .box_type2 .layaut_type1 .img_box {
          margin-bottom: 60px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type2 .layaut_type1 .img_box {
          margin-bottom: 45px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .layaut_type1 .img_box {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      .interview02 .box_type2 .layaut_type1 .img_box img {
        width: 90%;
        margin: 10px auto;
        display: block;
        height: auto; }
      .interview02 .box_type2 .layaut_type1 .img_box p {
        width: 90%;
        margin: 10px auto;
        display: block;
        padding: 1em;
        background: rgba(245, 245, 245, 0.5); }
        @media screen and (min-width: 960px) {
          .interview02 .box_type2 .layaut_type1 .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview02 .box_type2 .layaut_type1 .img_box p {
            font-size: 15px; } }
        @media screen and (max-width: 599px) {
          .interview02 .box_type2 .layaut_type1 .img_box p {
            font-size: 12px; } }
    .interview02 .box_type2 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview02 .box_type2 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview02 .box_type2 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }

.interview02 .box_type3 {
  background-size: auto auto;
  background-color: #d8ece7;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(240, 240, 240, 0.19) 25px, rgba(240, 240, 240, 0.19) 27px), repeating-linear-gradient(-45deg, transparent, transparent 25px, rgba(240, 240, 240, 0.19) 25px, rgba(240, 240, 240, 0.19) 27px); }
  @media screen and (min-width: 960px) {
    .interview02 .box_type3 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type3 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type3 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview02 .box_type3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type3 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type3 {
      padding-bottom: 30px; } }
  .interview02 .box_type3 .message_box {
    border-color: #53c4a9; }
    .interview02 .box_type3 .message_box > div {
      border-color: #53c4a9; }
      .interview02 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #53c4a9; }
        @media screen and (min-width: 960px) {
          .interview02 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview02 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview02 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview02 .box_type3 .message_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type3 .message_box > div p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type3 .message_box > div p {
          font-size: 12px; } }
      .interview02 .box_type3 .message_box > div p + p {
        padding-top: 1.5em; }

@media screen and (min-width: 960px) {
  .interview02 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 959px) {
  .interview02 .box_type4 {
    padding-bottom: 40px; } }

@media screen and (max-width: 599px) {
  .interview02 .box_type4 {
    padding-bottom: 20px; } }

.interview02 .box_type4 .profile {
  border: 1px solid #53c4a9; }
  @media screen and (min-width: 960px) {
    .interview02 .box_type4 .profile {
      padding: 50px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type4 .profile {
      padding: 30px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type4 .profile {
      padding: 10px; } }
  .interview02 .box_type4 .profile .text_box h3 {
    padding-left: 0.4em;
    font-size: 30px;
    font-weight: bold;
    border-left: 4px solid #53c4a9; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type4 .profile .text_box h3 {
        margin-top: 55px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type4 .profile .text_box h3 {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .profile .text_box h3 {
        margin-top: 15px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview02 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em; }
      @media screen and (max-width: 599px) {
        .interview02 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview02 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .profile .text_box p {
        font-size: 12px; } }
  .interview02 .box_type4 .profile dl {
    width: 100%;
    border-bottom: 1px dashed #53c4a9; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type4 .profile dl {
        padding-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type4 .profile dl {
        padding-bottom: 25px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .profile dl {
        padding-bottom: 10px; } }
    @media screen and (min-width: 960px) {
      .interview02 .box_type4 .profile dl {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type4 .profile dl {
        margin-bottom: 25px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .profile dl {
        margin-bottom: 10px; } }
    .interview02 .box_type4 .profile dl dt {
      float: left;
      display: inline-block;
      padding: 0.2em 0.8em;
      background: #53c4a9;
      color: #ffffff; }
      @media screen and (min-width: 960px) {
        .interview02 .box_type4 .profile dl dt {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type4 .profile dl dt {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type4 .profile dl dt {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type4 .profile dl dt {
          float: none; } }
    .interview02 .box_type4 .profile dl dd {
      margin-left: 10%;
      padding-bottom: 0.5em; }
      @media screen and (min-width: 960px) {
        .interview02 .box_type4 .profile dl dd {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview02 .box_type4 .profile dl dd {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview02 .box_type4 .profile dl dd {
          font-size: 12px; } }
      .interview02 .box_type4 .profile dl dd:last-child {
        padding-bottom: 0; }
      @media screen and (max-width: 599px) {
        .interview02 .box_type4 .profile dl dd {
          margin-left: 0; } }

.interview02 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important;
  border-bottom: 1px dashed #53c4a9; }
  @media screen and (min-width: 960px) {
    .interview02 .box_type4 .layout_type1 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type4 .layout_type1 {
      padding-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type4 .layout_type1 {
      padding-bottom: 10px; } }
  @media screen and (min-width: 960px) {
    .interview02 .box_type4 .layout_type1 {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type4 .layout_type1 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type4 .layout_type1 {
      margin-bottom: 10px; } }
  .interview02 .box_type4 .layout_type1 .img_box {
    width: 39.22%; }
    .interview02 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview02 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 39.22%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview02 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview02 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .layout_type1 .text_box {
        width: 100%; } }

.interview02 .box_type4 .link_box {
  width: 100% !important;
  text-align: center;
  margin-bottom: 0; }
  @media screen and (min-width: 960px) {
    .interview02 .box_type4 .link_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview02 .box_type4 .link_box {
      font-size: 13px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type4 .link_box {
      font-size: 10px; } }
  @media screen and (max-width: 599px) {
    .interview02 .box_type4 .link_box br {
      display: none; } }
  .interview02 .box_type4 .link_box a {
    display: inline;
    color: #3846f2;
    text-decoration: underline; }
    @media screen and (max-width: 599px) {
      .interview02 .box_type4 .link_box a {
        font-size: 0.8em;
        display: block; } }

.interview03 .tac {
  text-align: center; }

.interview03 .no_indent {
  text-indent: 0 !important; }

.interview03 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview03 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview03 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview03 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview03 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview03 section .new_inner .img_box img {
    width: 100%;
    margin: 10px auto;
    display: block;
    height: auto; }
  .interview03 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview03 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview03 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview03 section .new_inner .img_box p {
        font-size: 12px; } }

.interview03 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 8px; }
  @media screen and (min-width: 960px) {
    .interview03 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview03 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview03 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview03 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview03 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview03 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview03 .visual_box h3 {
      letter-spacing: 2px; } }

@media screen and (min-width: 960px) {
  .interview03 .visual_box {
    margin-bottom: 40px; } }

@media screen and (max-width: 959px) {
  .interview03 .visual_box {
    margin-bottom: 25px; } }

@media screen and (max-width: 599px) {
  .interview03 .visual_box {
    margin-bottom: 10px; } }

.interview03 .box_type1 {
  background-size: auto auto;
  background-color: #ecb49e;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, #efbba6 3px, #efbba6 6px, transparent 6px, transparent 9px, #efbba6 9px, #efbba6 18px);
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview03 .box_type1 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type1 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type1 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview03 .box_type1 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type1 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type1 {
      padding-bottom: 30px; } }
  .interview03 .box_type1:after {
    z-index: 50;
    content: "";
    display: block;
    background: #db6937;
    border-radius: 0.5em;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type1:after {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type1:after {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type1:after {
        font-size: 24px; } }
  .interview03 .box_type1:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview03 .box_type1 .img_box {
    width: 90%;
    margin: 0 auto; }
    .interview03 .box_type1 .img_box img {
      width: 100%;
      height: auto; }
  .interview03 .box_type1 .text_box {
    line-height: 2;
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type1 .text_box {
        margin-top: 45px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type1 .text_box {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type1 .text_box {
        margin-top: 15px; } }
    @media screen and (min-width: 960px) {
      .interview03 .box_type1 .text_box {
        padding: 30px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type1 .text_box {
        padding: 20px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type1 .text_box {
        padding: 10px; } }
    @media screen and (min-width: 960px) {
      .interview03 .box_type1 .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type1 .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type1 .text_box {
        font-size: 12px; } }
    @media screen and (min-width: 960px) {
      .interview03 .box_type1 .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type1 .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type1 .text_box p {
        font-size: 12px; } }

.interview03 .box_type2 {
  background: transparent;
  padding-bottom: 30px;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview03 .box_type2 {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type2 {
      padding-top: 40px; } }
  .interview03 .box_type2:after {
    content: "";
    display: block;
    background: #db6937;
    border-radius: 0.5em;
    width: 1em;
    height: 1em;
    position: absolute;
    z-index: 55; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type2:after {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type2:after {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type2:after {
        font-size: 24px; } }
  .interview03 .box_type2:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview03 .box_type2 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type2 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type2 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type2 .link_box p {
        font-size: 14px; } }
    .interview03 .box_type2 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview03 .box_type2 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type2 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type2 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type2 .text_box {
        font-size: 12px; } }
    .interview03 .box_type2 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview03 .box_type2 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type2 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview03 .box_type2 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type2 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview03 .box_type2 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type2 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type2 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview03 .box_type2 .text_box.type1 p {
      text-indent: 0;
      background: #f3fffe; }
      .interview03 .box_type2 .text_box.type1 p:last-child {
        position: relative; }
        .interview03 .box_type2 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #4399c4; }
    .interview03 .box_type2 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #4399c4;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview03 .box_type2 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview03 .box_type2 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type2 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type2 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview03 .box_type2 .text_box.type2 p {
      background: #fff7f3;
      border-left: 1px solid #db6937;
      border-right: 1px solid #db6937;
      box-sizing: border-box; }
      .interview03 .box_type2 .text_box.type2 p + p {
        padding-top: 0; }
      .interview03 .box_type2 .text_box.type2 p:first-child {
        border-top: 1px solid #db6937; }
      .interview03 .box_type2 .text_box.type2 p:last-child {
        border-bottom: 1px solid #db6937;
        position: relative; }
        .interview03 .box_type2 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #db6937; }
    .interview03 .box_type2 .text_box.type2:before {
      z-index: 10;
      content: "下原さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #db6937;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview03 .box_type2 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type2 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type2 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .text_box.type2:before {
          left: 10px; } }
  .interview03 .box_type2 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview03 .box_type2 .layaut_type1 .text_box {
      width: 57.71%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .layaut_type1 .text_box {
          width: 100%;
          margin-bottom: 15px; } }
    .interview03 .box_type2 .layaut_type1 .img_box {
      width: calc(100% - 57.71%); }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      .interview03 .box_type2 .layaut_type1 .img_box img {
        width: 90%; }
      .interview03 .box_type2 .layaut_type1 .img_box p {
        width: 90%; }
        @media screen and (min-width: 960px) {
          .interview03 .box_type2 .layaut_type1 .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview03 .box_type2 .layaut_type1 .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview03 .box_type2 .layaut_type1 .img_box p {
            font-size: 14px; } }
    .interview03 .box_type2 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview03 .box_type2 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
  .interview03 .box_type2 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview03 .box_type2 .layaut_type2 .img_box {
      width: 48%; }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .layaut_type2 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      @media screen and (min-width: 960px) {
        .interview03 .box_type2 .layaut_type2 .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type2 .layaut_type2 .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type2 .layaut_type2 .img_box p {
          font-size: 14px; } }

.interview03 .box_type3 {
  background-size: auto auto;
  background-color: #ecb49e;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, #efbba6 3px, #efbba6 6px, transparent 6px, transparent 9px, #efbba6 9px, #efbba6 18px); }
  @media screen and (min-width: 960px) {
    .interview03 .box_type3 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type3 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type3 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview03 .box_type3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type3 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type3 {
      padding-bottom: 30px; } }
  .interview03 .box_type3 .message_box {
    border-color: #db6937; }
    .interview03 .box_type3 .message_box > div {
      border-color: #db6937; }
      .interview03 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #db6937; }
        @media screen and (min-width: 960px) {
          .interview03 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview03 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview03 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview03 .box_type3 .message_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type3 .message_box > div p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type3 .message_box > div p {
          font-size: 12px; } }
      .interview03 .box_type3 .message_box > div p + p {
        padding-top: 1.5em; }
    .interview03 .box_type3 .message_box .column2 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview03 .box_type3 .message_box .column2 {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type3 .message_box .column2 {
          margin-top: 30px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type3 .message_box .column2 {
          margin-top: 20px; } }
      @media screen and (min-width: 960px) {
        .interview03 .box_type3 .message_box .column2 {
          margin-bottom: 40px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type3 .message_box .column2 {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type3 .message_box .column2 {
          margin-bottom: 20px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type3 .message_box .column2 {
          width: 100%; } }
      .interview03 .box_type3 .message_box .column2 li {
        width: 48%; }
        @media screen and (min-width: 960px) {
          .interview03 .box_type3 .message_box .column2 li {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .interview03 .box_type3 .message_box .column2 li {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview03 .box_type3 .message_box .column2 li {
            font-size: 12px; } }
        .interview03 .box_type3 .message_box .column2 li a {
          display: block;
          margin-left: 1em;
          color: #3846f2;
          text-decoration: underline; }
          @media screen and (min-width: 960px) {
            .interview03 .box_type3 .message_box .column2 li a {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            .interview03 .box_type3 .message_box .column2 li a {
              font-size: 16px; } }
          @media screen and (max-width: 599px) {
            .interview03 .box_type3 .message_box .column2 li a {
              font-size: 12px; } }
        @media screen and (max-width: 599px) {
          .interview03 .box_type3 .message_box .column2 li {
            width: 100%; } }
        @media screen and (max-width: 599px) {
          .interview03 .box_type3 .message_box .column2 li + li {
            margin-top: 15px; } }
      .interview03 .box_type3 .message_box .column2 + p {
        width: 80%;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (max-width: 599px) {
          .interview03 .box_type3 .message_box .column2 + p {
            width: 100%; } }

@media screen and (min-width: 960px) {
  .interview03 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 959px) {
  .interview03 .box_type4 {
    padding-bottom: 40px; } }

@media screen and (max-width: 599px) {
  .interview03 .box_type4 {
    padding-bottom: 20px; } }

.interview03 .box_type4 .profile {
  border: 1px solid #db6937; }
  @media screen and (min-width: 960px) {
    .interview03 .box_type4 .profile {
      padding: 50px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type4 .profile {
      padding: 30px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type4 .profile {
      padding: 10px; } }
  .interview03 .box_type4 .profile .text_box h3 {
    padding-left: 0.4em;
    font-size: 30px;
    font-weight: bold;
    border-left: 4px solid #db6937; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type4 .profile .text_box h3 {
        margin-top: 55px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type4 .profile .text_box h3 {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .profile .text_box h3 {
        margin-top: 15px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview03 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em; }
      @media screen and (max-width: 599px) {
        .interview03 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview03 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .profile .text_box p {
        font-size: 12px; } }
  .interview03 .box_type4 .profile dl {
    width: 100%;
    border-bottom: 1px dashed #db6937; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type4 .profile dl {
        padding-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type4 .profile dl {
        padding-bottom: 25px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .profile dl {
        padding-bottom: 10px; } }
    @media screen and (min-width: 960px) {
      .interview03 .box_type4 .profile dl {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type4 .profile dl {
        margin-bottom: 25px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .profile dl {
        margin-bottom: 10px; } }
    .interview03 .box_type4 .profile dl dt {
      float: left;
      display: inline-block;
      padding: 0.2em 0.8em;
      background: #53c4a9;
      color: #ffffff; }
      @media screen and (min-width: 960px) {
        .interview03 .box_type4 .profile dl dt {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type4 .profile dl dt {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type4 .profile dl dt {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type4 .profile dl dt {
          float: none; } }
    .interview03 .box_type4 .profile dl dd {
      margin-left: 10%;
      padding-bottom: 0.5em; }
      @media screen and (min-width: 960px) {
        .interview03 .box_type4 .profile dl dd {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview03 .box_type4 .profile dl dd {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview03 .box_type4 .profile dl dd {
          font-size: 12px; } }
      .interview03 .box_type4 .profile dl dd:last-child {
        padding-bottom: 0; }
      @media screen and (max-width: 599px) {
        .interview03 .box_type4 .profile dl dd {
          margin-left: 0; } }

.interview03 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important;
  border-bottom: 1px dashed #db6937; }
  @media screen and (min-width: 960px) {
    .interview03 .box_type4 .layout_type1 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type4 .layout_type1 {
      padding-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type4 .layout_type1 {
      padding-bottom: 10px; } }
  @media screen and (min-width: 960px) {
    .interview03 .box_type4 .layout_type1 {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type4 .layout_type1 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type4 .layout_type1 {
      margin-bottom: 10px; } }
  .interview03 .box_type4 .layout_type1 .img_box {
    width: 39.22%; }
    .interview03 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview03 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 39.22%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview03 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview03 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .layout_type1 .text_box {
        width: 100%; } }

.interview03 .box_type4 .link_box {
  width: 100% !important;
  text-align: center;
  margin-bottom: 0; }
  @media screen and (min-width: 960px) {
    .interview03 .box_type4 .link_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview03 .box_type4 .link_box {
      font-size: 13px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type4 .link_box {
      font-size: 10px; } }
  @media screen and (max-width: 599px) {
    .interview03 .box_type4 .link_box br {
      display: none; } }
  .interview03 .box_type4 .link_box a {
    display: inline;
    color: #3846f2;
    text-decoration: underline; }
    @media screen and (max-width: 599px) {
      .interview03 .box_type4 .link_box a {
        font-size: 0.8em;
        display: block; } }

.interview04 .box1:after {
  content: "";
  display: block;
  height: 1em;
  background: url("/wp-content/themes/familydr/img/interview/04/bar.png") no-repeat center center;
  background-size: cover;
  width: 100%; }
  @media screen and (min-width: 960px) {
    .interview04 .box1:after {
      font-size: 21px; } }
  @media screen and (max-width: 959px) {
    .interview04 .box1:after {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview04 .box1:after {
      font-size: 11px; } }
  @media screen and (min-width: 960px) {
    .interview04 .box1:after {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview04 .box1:after {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview04 .box1:after {
      margin-top: 10px; } }
  @media screen and (min-width: 960px) {
    .interview04 .box1:after {
      margin-bottom: 30px; } }
  @media screen and (max-width: 959px) {
    .interview04 .box1:after {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    .interview04 .box1:after {
      margin-bottom: 10px; } }

.interview04 .box1 h2 {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  background: #f2f7fb;
  box-sizing: border-box;
  padding: 1.3em 0.75em;
  font-weight: bold;
  color: #0068b7;
  letter-spacing: 2px; }
  @media screen and (min-width: 960px) {
    .interview04 .box1 h2 {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview04 .box1 h2 {
      margin-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .interview04 .box1 h2 {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .interview04 .box1 h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview04 .box1 h2 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    .interview04 .box1 h2 {
      font-size: 14px; } }
  .interview04 .box1 h2:before {
    content: "";
    position: absolute;
    top: -0.5em;
    left: -0.5em;
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    border-top: 0.25em solid #0068b7;
    border-left: 0.25em solid #0068b7; }
    @media screen and (min-width: 960px) {
      .interview04 .box1 h2:before {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview04 .box1 h2:before {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview04 .box1 h2:before {
        font-size: 10px; } }
  .interview04 .box1 h2:after {
    content: "";
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    border-bottom: 0.25em solid #0068b7;
    border-right: 0.25em solid #0068b7; }
    @media screen and (min-width: 960px) {
      .interview04 .box1 h2:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview04 .box1 h2:after {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview04 .box1 h2:after {
        font-size: 10px; } }

@media screen and (min-width: 960px) {
  .interview04 .text_box {
    margin-bottom: 40px; } }

@media screen and (max-width: 959px) {
  .interview04 .text_box {
    margin-bottom: 30px; } }

@media screen and (max-width: 599px) {
  .interview04 .text_box {
    margin-bottom: 20px; } }

.interview04 .text_box h3 {
  position: relative;
  color: #0068b7;
  padding-left: 2.5em;
  font-weight: bold;
  margin-bottom: 1em; }
  @media screen and (min-width: 960px) {
    .interview04 .text_box h3 {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview04 .text_box h3 {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview04 .text_box h3 {
      font-size: 12px; } }
  .interview04 .text_box h3:before {
    content: "──";
    color: #0068b7;
    display: inline-block;
    letter-spacing: 0px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal; }

.interview04 .text_box p {
  line-height: 1.8;
  letter-spacing: 2px;
  text-indent: 1em; }
  @media screen and (min-width: 960px) {
    .interview04 .text_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview04 .text_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview04 .text_box p {
      font-size: 12px; } }

.interview04 .img_box img {
  width: 100%;
  height: auto; }

.interview04 .img_box p {
  color: #3e3a39; }
  @media screen and (min-width: 960px) {
    .interview04 .img_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview04 .img_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview04 .img_box p {
      font-size: 12px; } }

.interview04 .type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .interview04 .type1 .text_box {
    width: 62%; }
    @media screen and (max-width: 599px) {
      .interview04 .type1 .text_box {
        width: 100%;
        margin-bottom: 20px; } }
  .interview04 .type1 .img_box {
    width: 34%; }
    @media screen and (max-width: 599px) {
      .interview04 .type1 .img_box {
        width: 100%;
        margin-bottom: 20px; } }

.interview04 .type3 .img_box {
  width: 62%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 599px) {
    .interview04 .type3 .img_box {
      width: 100%; } }

.interview04 .box_type3 {
  background: #f2f7fb; }
  @media screen and (min-width: 960px) {
    .interview04 .box_type3 {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview04 .box_type3 {
      padding-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview04 .box_type3 {
      padding-top: 10px; } }
  @media screen and (min-width: 960px) {
    .interview04 .box_type3 {
      padding-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .interview04 .box_type3 {
      padding-bottom: 25px; } }
  @media screen and (max-width: 599px) {
    .interview04 .box_type3 {
      padding-bottom: 10px; } }
  .interview04 .box_type3 .message_box {
    border: 2px solid #0068b7;
    padding: 3px;
    background: #ffffff; }
    .interview04 .box_type3 .message_box > div {
      border: 1px solid #0068b7;
      padding: 2.2em; }
      .interview04 .box_type3 .message_box > div h3 {
        font-weight: bold;
        padding-bottom: 0.8em;
        margin-bottom: 1em;
        border-bottom: 2px solid #0068b7;
        color: #0068b7; }
        @media screen and (min-width: 960px) {
          .interview04 .box_type3 .message_box > div h3 {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview04 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview04 .box_type3 .message_box > div h3 {
            font-size: 12px; } }
      .interview04 .box_type3 .message_box > div p {
        line-height: 2;
        text-indent: 1em; }
        @media screen and (min-width: 960px) {
          .interview04 .box_type3 .message_box > div p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview04 .box_type3 .message_box > div p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview04 .box_type3 .message_box > div p {
            font-size: 12px; } }

.interview04 .profile .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview04 .profile .layout_type1 {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview04 .profile .layout_type1 {
      padding-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview04 .profile .layout_type1 {
      padding-top: 20px; } }
  .interview04 .profile .layout_type1 .text_box,
  .interview04 .profile .layout_type1 .img_box {
    width: 48%; }
    @media screen and (max-width: 599px) {
      .interview04 .profile .layout_type1 .text_box,
      .interview04 .profile .layout_type1 .img_box {
        width: 100%; } }
  .interview04 .profile .layout_type1 .text_box h4 {
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      .interview04 .profile .layout_type1 .text_box h4 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview04 .profile .layout_type1 .text_box h4 {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview04 .profile .layout_type1 .text_box h4 {
        font-size: 12px; } }
  .interview04 .profile .layout_type1 .text_box p {
    text-indent: 0; }

.interview04 .link_box {
  width: 100% !important;
  text-align: center;
  margin-bottom: 0; }
  @media screen and (min-width: 960px) {
    .interview04 .link_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview04 .link_box {
      font-size: 13px; } }
  @media screen and (max-width: 599px) {
    .interview04 .link_box {
      font-size: 10px; } }
  @media screen and (min-width: 960px) {
    .interview04 .link_box {
      margin-bottom: 190px; } }
  @media screen and (max-width: 959px) {
    .interview04 .link_box {
      margin-bottom: 150px; } }
  @media screen and (max-width: 599px) {
    .interview04 .link_box {
      margin-bottom: 110px; } }
  @media screen and (max-width: 599px) {
    .interview04 .link_box br {
      display: none; } }
  .interview04 .link_box a {
    display: inline;
    color: #3846f2;
    text-decoration: underline; }
    @media screen and (max-width: 599px) {
      .interview04 .link_box a {
        font-size: 0.8em;
        display: block; } }

.interview05 .tac {
  text-align: center; }

.interview05 .no_indent {
  text-indent: 0 !important; }

.interview05 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview05 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview05 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview05 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview05 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview05 section .new_inner .img_box img {
    width: 100%;
    margin: 10px auto;
    display: block;
    height: auto; }
  .interview05 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview05 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview05 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview05 section .new_inner .img_box p {
        font-size: 12px; } }

.interview05 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 8px; }
  @media screen and (min-width: 960px) {
    .interview05 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview05 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview05 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview05 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview05 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview05 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview05 .visual_box h3 {
      letter-spacing: 2px; } }
  .interview05 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #0096e3 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview05 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview05 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview05 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview05 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview05 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview05 .visual_box {
    margin-bottom: 42px; } }

.interview05 .visual_box p {
  background: rgba(100, 153, 155, 0.2);
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview05 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview05 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview05 .visual_box p {
      font-size: 12px; } }

.interview05 .box_type1 {
  background: #fcfcfc;
  border-top: 3px solid #6a999b;
  border-bottom: 3px solid #6a999b;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview05 .box_type1 {
      padding-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type1 {
      padding-top: 52px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type1 {
      padding-top: 32px; } }
  @media screen and (min-width: 960px) {
    .interview05 .box_type1 {
      padding-bottom: 72px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type1 {
      padding-bottom: 52px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type1 {
      padding-bottom: 32px; } }
  .interview05 .box_type1:before {
    z-index: 50;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 0.5em;
    border: 3px double #6a999b;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type1:before {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type1:before {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1:before {
        font-size: 24px; } }
  .interview05 .box_type1:before {
    top: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview05 .box_type1:after {
    z-index: 50;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 0.5em;
    border: 3px double #6a999b;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type1:after {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type1:after {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1:after {
        font-size: 24px; } }
  .interview05 .box_type1:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview05 .box_type1 .img_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0 !important; }
    .interview05 .box_type1 .img_box img {
      width: 100%;
      height: auto; }
  .interview05 .box_type1 .text_box {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type1 .text_box {
        padding-top: 15px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type1 .text_box {
        padding-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1 .text_box {
        padding-top: 5px; } }
    @media screen and (min-width: 960px) {
      .interview05 .box_type1 .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type1 .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1 .text_box {
        font-size: 12px; } }
    @media screen and (min-width: 960px) {
      .interview05 .box_type1 .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type1 .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1 .text_box p {
        font-size: 12px; } }

.interview05 .box_type1a {
  background: #f5f5f5;
  border-top: 3px solid #6a999b;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview05 .box_type1a {
      padding-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type1a {
      padding-top: 52px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type1a {
      padding-top: 32px; } }
  @media screen and (min-width: 960px) {
    .interview05 .box_type1a {
      padding-bottom: 72px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type1a {
      padding-bottom: 52px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type1a {
      padding-bottom: 32px; } }
  .interview05 .box_type1a:before {
    z-index: 50;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 0.5em;
    border: 3px double #6a999b;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type1a:before {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type1a:before {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1a:before {
        font-size: 24px; } }
  .interview05 .box_type1a:before {
    top: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview05 .box_type1a .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type1a .layaut_type2 + .layaut_type2 {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type1a .layaut_type2 + .layaut_type2 {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1a .layaut_type2 + .layaut_type2 {
        margin-top: 0px; } }
  .interview05 .box_type1a .img_box {
    width: 48% !important;
    margin: 0 auto;
    margin-bottom: 0 !important; }
    @media screen and (max-width: 599px) {
      .interview05 .box_type1a .img_box {
        width: 90% !important; } }
    .interview05 .box_type1a .img_box img {
      width: 100%;
      height: auto; }
    .interview05 .box_type1a .img_box p {
      background: #ffffff !important;
      margin-top: 1.3em !important; }
      @media screen and (min-width: 960px) {
        .interview05 .box_type1a .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview05 .box_type1a .img_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type1a .img_box p {
          font-size: 12px; } }

.interview05 .box_type2 {
  background: transparent;
  padding-bottom: 30px;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview05 .box_type2 {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type2 {
      padding-top: 40px; } }
  .interview05 .box_type2 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type2 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type2 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type2 .link_box p {
        font-size: 14px; } }
    .interview05 .box_type2 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview05 .box_type2 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type2 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type2 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type2 .text_box {
        font-size: 12px; } }
    .interview05 .box_type2 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview05 .box_type2 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview05 .box_type2 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview05 .box_type2 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview05 .box_type2 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview05 .box_type2 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type2 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type2 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview05 .box_type2 .text_box.type1 p {
      text-indent: 0;
      background: #fffaff;
      border: 1px solid #ffdcd9; }
      .interview05 .box_type2 .text_box.type1 p:last-child {
        position: relative; }
        .interview05 .box_type2 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #f29b8f; }
    .interview05 .box_type2 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #f29b8f;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview05 .box_type2 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview05 .box_type2 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type2 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type2 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview05 .box_type2 .text_box.type2 p {
      background: #fcfcfc;
      border-left: 1px solid #6a999b;
      border-right: 1px solid #6a999b;
      box-sizing: border-box; }
      .interview05 .box_type2 .text_box.type2 p + p {
        padding-top: 0; }
      .interview05 .box_type2 .text_box.type2 p:first-child {
        border-top: 1px solid #6a999b; }
      .interview05 .box_type2 .text_box.type2 p:last-child {
        border-bottom: 1px solid #6a999b;
        position: relative; }
        .interview05 .box_type2 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #6a999b; }
    .interview05 .box_type2 .text_box.type2:before {
      z-index: 10;
      content: "田原さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #6a999b;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview05 .box_type2 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview05 .box_type2 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview05 .box_type2 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .text_box.type2:before {
          left: 10px; } }
  .interview05 .box_type2 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview05 .box_type2 .layaut_type1 .text_box {
      width: 57.71%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .layaut_type1 .text_box {
          width: 100%;
          margin-bottom: 15px; } }
    .interview05 .box_type2 .layaut_type1 .img_box {
      width: calc(100% - 57.71%); }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      .interview05 .box_type2 .layaut_type1 .img_box img {
        width: 90%; }
      .interview05 .box_type2 .layaut_type1 .img_box p {
        width: 90%; }
        @media screen and (min-width: 960px) {
          .interview05 .box_type2 .layaut_type1 .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview05 .box_type2 .layaut_type1 .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview05 .box_type2 .layaut_type1 .img_box p {
            font-size: 14px; } }
    .interview05 .box_type2 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview05 .box_type2 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
  .interview05 .box_type2 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview05 .box_type2 .layaut_type2 .img_box {
      width: 48%; }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .layaut_type2 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      @media screen and (min-width: 960px) {
        .interview05 .box_type2 .layaut_type2 .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview05 .box_type2 .layaut_type2 .img_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type2 .layaut_type2 .img_box p {
          font-size: 12px; } }

.interview05 .box_type3 {
  background-size: auto auto;
  background-color: #b5cccd;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, #bfd1d1 3px, #bfd1d1 6px, transparent 6px, transparent 9px, #bfd1d1 9px, #bfd1d1 18px);
  border-bottom: 3px solid #6a999b;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview05 .box_type3 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type3 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type3 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview05 .box_type3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type3 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type3 {
      padding-bottom: 30px; } }
  .interview05 .box_type3:before {
    top: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview05 .box_type3:after {
    z-index: 50;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 0.5em;
    border: 3px double #6a999b;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type3:after {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type3:after {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type3:after {
        font-size: 24px; } }
  .interview05 .box_type3:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview05 .box_type3 .message_box {
    border-color: #6a999b; }
    .interview05 .box_type3 .message_box > div {
      border-color: #6a999b; }
      .interview05 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #6a999b; }
        @media screen and (min-width: 960px) {
          .interview05 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview05 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview05 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview05 .box_type3 .message_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview05 .box_type3 .message_box > div p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview05 .box_type3 .message_box > div p {
          font-size: 12px; } }
      .interview05 .box_type3 .message_box > div p + p {
        padding-top: 1.5em; }

@media screen and (min-width: 960px) {
  .interview05 .box_type4 {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview05 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview05 .box_type4 {
    padding-bottom: 40px; } }

.interview05 .box_type4 .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #6a999b; }
  @media screen and (min-width: 960px) {
    .interview05 .box_type4 .profile {
      padding-top: 128px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type4 .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type4 .profile {
      padding-top: 48px; } }
  .interview05 .box_type4 .profile .text_box h3 {
    font-size: 30px;
    font-weight: bold; }
    @media screen and (max-width: 959px) {
      .interview05 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview05 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview05 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview05 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type4 .profile .text_box p {
        font-size: 12px; } }

.interview05 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important; }
  .interview05 .box_type4 .layout_type1 .img_box {
    width: 31.77%; }
    .interview05 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview05 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview05 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview05 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview05 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview05 .box_type4 .layout_type1 .text_box {
        width: 100%; } }

.interview05 .box_type4 .link_box {
  width: 80% !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .interview05 .box_type4 .link_box {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type4 .link_box {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type4 .link_box {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .interview05 .box_type4 .link_box {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview05 .box_type4 .link_box {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview05 .box_type4 .link_box {
      font-size: 14px; } }
  .interview05 .box_type4 .link_box a {
    display: inline;
    color: #3846f2;
    text-decoration: none;
    letter-spacing: 2px; }
    .interview05 .box_type4 .link_box a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      color: red;
      margin-right: 0.4em; }
    @media screen and (max-width: 599px) {
      .interview05 .box_type4 .link_box a {
        font-size: 0.8em;
        display: block; } }

.interview06 .tac {
  text-align: center; }

.interview06 .no_indent {
  text-indent: 0 !important; }

.interview06 span.link {
  display: block;
  font-size: 0.9em;
  padding-top: 0.4em; }
  .interview06 span.link a {
    color: #3846f2;
    text-decoration: underline; }

.interview06 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview06 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview06 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview06 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview06 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview06 section .new_inner .img_box img {
    width: 100%;
    margin: 0px auto;
    display: block;
    height: auto; }
  .interview06 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview06 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview06 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview06 section .new_inner .img_box p {
        font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .interview06 section .new_inner .img_box.mb80 {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview06 section .new_inner .img_box.mb80 {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview06 section .new_inner .img_box.mb80 {
      margin-bottom: 40px; } }

.interview06 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 8px; }
  @media screen and (min-width: 960px) {
    .interview06 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview06 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview06 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview06 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview06 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview06 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview06 .visual_box h3 {
      letter-spacing: 2px; } }
  .interview06 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffb789 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview06 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview06 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview06 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview06 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview06 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview06 .visual_box {
    margin-bottom: 42px; } }

.interview06 .visual_box p {
  background: rgba(98, 196, 184, 0.2);
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview06 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview06 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview06 .visual_box p {
      font-size: 12px; } }

.interview06 .box_type1 {
  background: #fcfcfc;
  border-top: 3px solid #6a999b;
  border-bottom: 3px solid #6a999b;
  position: relative;
  z-index: 5;
  background: url("../img/interview/06/bg.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 960px) {
    .interview06 .box_type1 {
      padding-top: 59px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type1 {
      padding-top: 49px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type1 {
      padding-top: 39px; } }
  @media screen and (min-width: 960px) {
    .interview06 .box_type1 {
      padding-bottom: 59px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type1 {
      padding-bottom: 49px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type1 {
      padding-bottom: 39px; } }
  .interview06 .box_type1:before {
    z-index: 50;
    content: "";
    display: block;
    background: url("../img/interview/06/icon1.png") no-repeat center center #e8e6f3;
    background-size: cover;
    border-radius: 0.5em;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type1:before {
        font-size: 84px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type1:before {
        font-size: 72px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type1:before {
        font-size: 60px; } }
  .interview06 .box_type1:before {
    top: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview06 .box_type1:after {
    z-index: 50;
    content: "";
    display: block;
    background: url("../img/interview/06/icon2.png") no-repeat center center #e8e6f3;
    background-size: cover;
    border-radius: 0.5em;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type1:after {
        font-size: 84px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type1:after {
        font-size: 72px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type1:after {
        font-size: 60px; } }
  .interview06 .box_type1:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview06 .box_type1 .img_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0 !important;
    max-width: 800px; }
    .interview06 .box_type1 .img_box img {
      width: 100%;
      height: auto; }
  .interview06 .box_type1 .text_box {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type1 .text_box {
        padding-top: 15px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type1 .text_box {
        padding-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type1 .text_box {
        padding-top: 5px; } }
    @media screen and (min-width: 960px) {
      .interview06 .box_type1 .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type1 .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type1 .text_box {
        font-size: 12px; } }
    .interview06 .box_type1 .text_box p {
      background: #ffffff;
      border-radius: 3em;
      max-width: 890px;
      width: 90%;
      display: block;
      text-align: center;
      margin: 0 auto;
      padding: 0.5em 3em;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview06 .box_type1 .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type1 .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type1 .text_box p {
          font-size: 12px; } }

.interview06 .box_type1a {
  background: url("../img/interview/06/bg.jpg") no-repeat center center;
  background-size: cover;
  border-top: 3px solid #62c4b8;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview06 .box_type1a {
      padding-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type1a {
      padding-top: 52px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type1a {
      padding-top: 32px; } }
  @media screen and (min-width: 960px) {
    .interview06 .box_type1a {
      padding-bottom: 72px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type1a {
      padding-bottom: 52px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type1a {
      padding-bottom: 32px; } }
  .interview06 .box_type1a:before {
    z-index: 50;
    content: "ま ほ う の シ ー ル";
    display: block;
    color: #ffffff;
    background: #62c4b8;
    box-sizing: border-box;
    padding: 0.5em 0;
    width: 80%;
    max-width: 470px;
    text-align: center;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type1a:before {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type1a:before {
        font-size: 25px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type1a:before {
        font-size: 20px; } }
  .interview06 .box_type1a:before {
    top: 0;
    right: 50%;
    transform: translate(50%, -50%); }
  .interview06 .box_type1a .img_box {
    margin: 0 auto;
    width: 90%;
    max-width: 800px; }
    .interview06 .box_type1a .img_box img {
      width: 100%;
      height: auto; }
    .interview06 .box_type1a .img_box p {
      background: #ffffff;
      margin-top: 1.3em; }
      @media screen and (min-width: 960px) {
        .interview06 .box_type1a .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type1a .img_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type1a .img_box p {
          font-size: 12px; } }
  .interview06 .box_type1a .text_box {
    max-width: 890px;
    width: 100%;
    background: #ffffff;
    margin: 0 auto;
    padding: 2em;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type1a .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type1a .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type1a .text_box {
        font-size: 12px; } }
    .interview06 .box_type1a .text_box .btn {
      display: block;
      max-width: 450px;
      width: 90%;
      font-size: 1.2em;
      padding: 0.5em 0;
      text-align: center;
      margin: 2em auto 0;
      background: #89ccef;
      color: #ffffff; }
      @media screen and (min-width: 960px) {
        .interview06 .box_type1a .text_box .btn br {
          display: none; } }

.interview06 .box_type2 {
  background: transparent;
  padding-bottom: 30px;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview06 .box_type2 {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type2 {
      padding-top: 40px; } }
  .interview06 .box_type2 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type2 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type2 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type2 .link_box p {
        font-size: 14px; } }
    .interview06 .box_type2 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview06 .box_type2 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type2 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type2 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type2 .text_box {
        font-size: 12px; } }
    .interview06 .box_type2 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview06 .box_type2 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type2 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview06 .box_type2 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type2 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview06 .box_type2 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type2 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type2 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview06 .box_type2 .text_box.type1 p {
      text-indent: 0;
      background: #ffffff;
      border: 1px solid #ffdcd9; }
      .interview06 .box_type2 .text_box.type1 p:last-child {
        position: relative; }
        .interview06 .box_type2 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #f29b8f; }
    .interview06 .box_type2 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #f29b8f;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview06 .box_type2 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview06 .box_type2 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type2 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type2 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview06 .box_type2 .text_box.type2 p {
      background: #fcfdfd;
      border-left: 1px solid #62c4b8;
      border-right: 1px solid #62c4b8;
      box-sizing: border-box; }
      .interview06 .box_type2 .text_box.type2 p + p {
        padding-top: 0; }
      .interview06 .box_type2 .text_box.type2 p:first-child {
        border-top: 1px solid #62c4b8; }
      .interview06 .box_type2 .text_box.type2 p:last-child {
        border-bottom: 1px solid #62c4b8;
        position: relative; }
        .interview06 .box_type2 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #62c4b8; }
    .interview06 .box_type2 .text_box.type2:before {
      z-index: 10;
      content: "津福さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #62c4b8;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview06 .box_type2 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type2 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type2 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .text_box.type2:before {
          left: 10px; } }
  .interview06 .box_type2 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview06 .box_type2 .layaut_type1 .text_box {
      width: 57.71%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .layaut_type1 .text_box {
          width: 100%;
          margin-bottom: 15px; } }
    .interview06 .box_type2 .layaut_type1 .img_box {
      width: calc(100% - 57.71%); }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      .interview06 .box_type2 .layaut_type1 .img_box img {
        width: 90%; }
      .interview06 .box_type2 .layaut_type1 .img_box p {
        width: 90%; }
        @media screen and (min-width: 960px) {
          .interview06 .box_type2 .layaut_type1 .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview06 .box_type2 .layaut_type1 .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview06 .box_type2 .layaut_type1 .img_box p {
            font-size: 14px; } }
    .interview06 .box_type2 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview06 .box_type2 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
  .interview06 .box_type2 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview06 .box_type2 .layaut_type2 .img_box {
      width: 48%; }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .layaut_type2 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      @media screen and (min-width: 960px) {
        .interview06 .box_type2 .layaut_type2 .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type2 .layaut_type2 .img_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type2 .layaut_type2 .img_box p {
          font-size: 12px; } }

.interview06 .box_type3 {
  background-size: auto auto;
  background-color: #dafdfc;
  border-top: 3px solid #62c4b8;
  border-bottom: 3px solid #62c4b8;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview06 .box_type3 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type3 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type3 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview06 .box_type3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type3 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type3 {
      padding-bottom: 30px; } }
  .interview06 .box_type3:after {
    z-index: 50;
    content: "";
    display: block;
    background: url("../img/interview/06/icon3.png") no-repeat center center #e8e6f3;
    background-size: cover;
    border-radius: 0.5em;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type3:after {
        font-size: 84px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type3:after {
        font-size: 72px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type3:after {
        font-size: 60px; } }
  .interview06 .box_type3:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview06 .box_type3 .message_box {
    border-color: #62c4b8; }
    .interview06 .box_type3 .message_box > div {
      border-color: #62c4b8; }
      .interview06 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #62c4b8; }
        @media screen and (min-width: 960px) {
          .interview06 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview06 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview06 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview06 .box_type3 .message_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview06 .box_type3 .message_box > div p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview06 .box_type3 .message_box > div p {
          font-size: 12px; } }
      .interview06 .box_type3 .message_box > div p + p {
        padding-top: 1.5em; }

@media screen and (min-width: 960px) {
  .interview06 .box_type4 {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview06 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview06 .box_type4 {
    padding-bottom: 40px; } }

.interview06 .box_type4 .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #62c4b8; }
  @media screen and (min-width: 960px) {
    .interview06 .box_type4 .profile {
      padding-top: 128px; } }
  @media screen and (max-width: 959px) {
    .interview06 .box_type4 .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 599px) {
    .interview06 .box_type4 .profile {
      padding-top: 48px; } }
  .interview06 .box_type4 .profile .text_box h3 {
    font-size: 30px;
    font-weight: bold; }
    @media screen and (max-width: 959px) {
      .interview06 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview06 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview06 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview06 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type4 .profile .text_box p {
        font-size: 12px; } }

.interview06 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important; }
  .interview06 .box_type4 .layout_type1 .img_box {
    width: 31.77%; }
    .interview06 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview06 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview06 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview06 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview06 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview06 .box_type4 .layout_type1 .text_box {
        width: 100%; } }

.interview06 .link_box {
  width: 100% !important;
  text-align: center;
  margin-bottom: 0; }
  @media screen and (min-width: 960px) {
    .interview06 .link_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview06 .link_box {
      font-size: 13px; } }
  @media screen and (max-width: 599px) {
    .interview06 .link_box {
      font-size: 10px; } }
  @media screen and (min-width: 960px) {
    .interview06 .link_box {
      margin-bottom: 190px; } }
  @media screen and (max-width: 959px) {
    .interview06 .link_box {
      margin-bottom: 150px; } }
  @media screen and (max-width: 599px) {
    .interview06 .link_box {
      margin-bottom: 110px; } }
  @media screen and (max-width: 599px) {
    .interview06 .link_box br {
      display: none; } }
  .interview06 .link_box a {
    display: inline;
    color: #3846f2;
    text-decoration: underline; }
    @media screen and (max-width: 599px) {
      .interview06 .link_box a {
        font-size: 0.8em;
        display: block; } }

.interview07 .tac {
  text-align: center; }

.interview07 .no_indent {
  text-indent: 0 !important; }

.interview07 span.link {
  display: block;
  font-size: 0.9em;
  padding-top: 0.4em; }
  .interview07 span.link a {
    color: #3846f2;
    text-decoration: underline; }

.interview07 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview07 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview07 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview07 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview07 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview07 section .new_inner .img_box img {
    width: 100%;
    margin: 0px auto;
    display: block;
    height: auto; }
  .interview07 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview07 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview07 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview07 section .new_inner .img_box p {
        font-size: 12px; } }

.interview07 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 0px; }
  @media screen and (min-width: 960px) {
    .interview07 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview07 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview07 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview07 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview07 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview07 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview07 .visual_box h3 {
      letter-spacing: 2px; } }
  .interview07 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #bf454e 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview07 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview07 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview07 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview07 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview07 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview07 .visual_box {
    margin-bottom: 42px; } }

.interview07 .visual_box p {
  background: #fffff0;
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview07 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview07 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview07 .visual_box p {
      font-size: 12px; } }

.interview07 .box_type1 {
  border-top: 3px solid #ff9ca8;
  border-bottom: 3px solid #ff9ca8;
  position: relative;
  z-index: 5;
  background: url("../img/interview/07/bg.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 960px) {
    .interview07 .box_type1 {
      padding-top: 59px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type1 {
      padding-top: 49px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type1 {
      padding-top: 39px; } }
  @media screen and (min-width: 960px) {
    .interview07 .box_type1 {
      padding-bottom: 59px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type1 {
      padding-bottom: 49px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type1 {
      padding-bottom: 39px; } }
  .interview07 .box_type1 ul {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0 !important;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview07 .box_type1 ul li {
      flex-basis: 48%; }
      @media screen and (max-width: 599px) {
        .interview07 .box_type1 ul li {
          flex-basis: 100%;
          margin-bottom: 2em; } }
      .interview07 .box_type1 ul li:last-child {
        flex-basis: 100%;
        margin-top: 2em; }
        @media screen and (max-width: 599px) {
          .interview07 .box_type1 ul li:last-child {
            margin-bottom: 0;
            margin-top: 0em; } }
    .interview07 .box_type1 ul img {
      width: 100%;
      height: auto; }
  .interview07 .box_type1 .text_box {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview07 .box_type1 .text_box {
        padding-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type1 .text_box {
        padding-top: 35px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type1 .text_box {
        padding-top: 30px; } }
    @media screen and (min-width: 960px) {
      .interview07 .box_type1 .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type1 .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type1 .text_box {
        font-size: 12px; } }
    .interview07 .box_type1 .text_box p {
      background: #ffffff;
      border-radius: 3em;
      max-width: 890px;
      width: 90%;
      display: block;
      text-align: center;
      margin: 0 auto;
      padding: 0.5em 3em;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type1 .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type1 .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type1 .text_box p {
          font-size: 12px; } }
    .interview07 .box_type1 .text_box.long p {
      max-width: 1200px; }
  .interview07 .box_type1 .img_box {
    width: 80%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important; }
  .interview07 .box_type1 .btn_box {
    text-align: center; }
    .interview07 .box_type1 .btn_box .btn {
      background: #c2444c;
      color: #ffffff;
      display: inline-block;
      font-weight: bold;
      padding: 1em 1.4em;
      margin-top: 2em; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type1 .btn_box .btn {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type1 .btn_box .btn {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type1 .btn_box .btn {
          font-size: 14px; } }
      .interview07 .box_type1 .btn_box .btn:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        margin-right: 0.3em; }

.interview07 .box_type1a {
  border-top: 3px solid #ff9ca8;
  border-bottom: 3px solid #ff9ca8;
  position: relative;
  z-index: 5;
  background: #fcedf0;
  background: linear-gradient(180deg, #fcedf0 0%, #fcedf0 22%, #bf454e 22%, #bf454e 50%, #fcedf0 50%, #fcedf0 100%);
  background-size: cover; }
  @media screen and (min-width: 960px) {
    .interview07 .box_type1a {
      padding-top: 59px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type1a {
      padding-top: 49px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type1a {
      padding-top: 39px; } }
  @media screen and (min-width: 960px) {
    .interview07 .box_type1a {
      padding-bottom: 59px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type1a {
      padding-bottom: 49px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type1a {
      padding-bottom: 39px; } }
  .interview07 .box_type1a .text_box {
    background: #ffffff;
    line-height: 2;
    border: 1px solid #ff9ca8;
    box-sizing: border-box;
    width: 90%;
    max-width: 890px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 960px) {
      .interview07 .box_type1a .text_box {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type1a .text_box {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type1a .text_box {
        margin-top: 30px; } }
    @media screen and (min-width: 960px) {
      .interview07 .box_type1a .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type1a .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type1a .text_box {
        font-size: 12px; } }
    .interview07 .box_type1a .text_box p {
      display: block;
      margin: 0 auto;
      padding: 2em;
      line-height: 2;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type1a .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type1a .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type1a .text_box p {
          font-size: 12px; } }
  .interview07 .box_type1a .img_box {
    width: 80%;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important; }
  .interview07 .box_type1a .btn_box {
    text-align: center;
    padding-bottom: 2em; }
    @media screen and (min-width: 960px) {
      .interview07 .box_type1a .btn_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type1a .btn_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type1a .btn_box {
        font-size: 12px; } }
    .interview07 .box_type1a .btn_box .btn {
      background: #c2444c;
      color: #ffffff;
      display: inline-block;
      font-weight: bold;
      padding: 0.5em 1.4em; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type1a .btn_box .btn {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type1a .btn_box .btn {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type1a .btn_box .btn {
          font-size: 14px; } }
      .interview07 .box_type1a .btn_box .btn:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        margin-right: 0.3em; }

.interview07 .box_type2 {
  background: transparent;
  padding-bottom: 30px;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview07 .box_type2 {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type2 {
      padding-top: 40px; } }
  .interview07 .box_type2 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview07 .box_type2 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type2 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type2 .link_box p {
        font-size: 14px; } }
    .interview07 .box_type2 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview07 .box_type2 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview07 .box_type2 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type2 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type2 .text_box {
        font-size: 12px; } }
    .interview07 .box_type2 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type2 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type2 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview07 .box_type2 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type2 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview07 .box_type2 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type2 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type2 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview07 .box_type2 .text_box.type1 p {
      text-indent: 0;
      background: #fcfdfd;
      border: 1px solid #5acc88; }
      .interview07 .box_type2 .text_box.type1 p:last-child {
        position: relative; }
        .interview07 .box_type2 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #5acc88; }
    .interview07 .box_type2 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #5acc88;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview07 .box_type2 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview07 .box_type2 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type2 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type2 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview07 .box_type2 .text_box.type2 p {
      background: #ffffff;
      border-left: 1px solid #ff9ca8;
      border-right: 1px solid #ff9ca8;
      box-sizing: border-box; }
      .interview07 .box_type2 .text_box.type2 p + p {
        padding-top: 0; }
      .interview07 .box_type2 .text_box.type2 p:first-child {
        border-top: 1px solid #ff9ca8; }
      .interview07 .box_type2 .text_box.type2 p:last-child {
        border-bottom: 1px solid #ff9ca8;
        position: relative; }
        .interview07 .box_type2 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #bf454e; }
    .interview07 .box_type2 .text_box.type2:before {
      z-index: 10;
      content: "西本さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #bf454e;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type2 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type2 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type2 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .text_box.type2:before {
          left: 10px; } }
  .interview07 .box_type2 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview07 .box_type2 .layaut_type1 .text_box {
      width: 57.71%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .layaut_type1 .text_box {
          width: 100%;
          margin-bottom: 15px; } }
    .interview07 .box_type2 .layaut_type1 .img_box {
      width: calc(100% - 57.71%); }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      .interview07 .box_type2 .layaut_type1 .img_box img {
        width: 90%; }
      .interview07 .box_type2 .layaut_type1 .img_box p {
        width: 90%; }
        @media screen and (min-width: 960px) {
          .interview07 .box_type2 .layaut_type1 .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview07 .box_type2 .layaut_type1 .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview07 .box_type2 .layaut_type1 .img_box p {
            font-size: 14px; } }
    .interview07 .box_type2 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview07 .box_type2 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
  .interview07 .box_type2 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview07 .box_type2 .layaut_type2 .img_box {
      width: 48%; }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .layaut_type2 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      @media screen and (min-width: 960px) {
        .interview07 .box_type2 .layaut_type2 .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type2 .layaut_type2 .img_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type2 .layaut_type2 .img_box p {
          font-size: 12px; } }

.interview07 .box_type3 {
  background: rgba(255, 243, 233, 0.5);
  border-top: 3px solid #ff9ca8;
  border-bottom: 3px solid #ff9ca8;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview07 .box_type3 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type3 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type3 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview07 .box_type3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type3 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type3 {
      padding-bottom: 30px; } }
  .interview07 .box_type3 .message_box {
    border-color: #ff9ca8; }
    .interview07 .box_type3 .message_box > div {
      border-color: #ff9ca8; }
      .interview07 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #bf454e; }
        @media screen and (min-width: 960px) {
          .interview07 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview07 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview07 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview07 .box_type3 .message_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type3 .message_box > div p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type3 .message_box > div p {
          font-size: 12px; } }
      .interview07 .box_type3 .message_box > div p + p {
        padding-top: 1.5em; }

@media screen and (min-width: 960px) {
  .interview07 .box_type4 {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview07 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview07 .box_type4 {
    padding-bottom: 40px; } }

.interview07 .box_type4 .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #ff9ca8; }
  @media screen and (min-width: 960px) {
    .interview07 .box_type4 .profile {
      padding-top: 128px; } }
  @media screen and (max-width: 959px) {
    .interview07 .box_type4 .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 599px) {
    .interview07 .box_type4 .profile {
      padding-top: 48px; } }
  .interview07 .box_type4 .profile .text_box h3 {
    font-size: 30px;
    font-weight: bold; }
    @media screen and (max-width: 959px) {
      .interview07 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview07 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview07 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview07 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview07 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type4 .profile .text_box p {
        font-size: 12px; } }

.interview07 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important; }
  .interview07 .box_type4 .layout_type1 .img_box {
    width: 31.77%; }
    .interview07 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview07 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview07 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview07 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview07 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview07 .box_type4 .layout_type1 .text_box {
        width: 100%; } }
    .interview07 .box_type4 .layout_type1 .text_box p span {
      display: block; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type4 .layout_type1 .text_box p span {
          margin-top: 25px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type4 .layout_type1 .text_box p span {
          margin-top: 21px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type4 .layout_type1 .text_box p span {
          margin-top: 17px; } }
    .interview07 .box_type4 .layout_type1 .text_box p a {
      color: #3846f2; }
      @media screen and (min-width: 960px) {
        .interview07 .box_type4 .layout_type1 .text_box p a {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview07 .box_type4 .layout_type1 .text_box p a {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview07 .box_type4 .layout_type1 .text_box p a {
          font-size: 14px; } }
      .interview07 .box_type4 .layout_type1 .text_box p a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: red;
        margin-right: 0.4em; }

.interview08 .tac {
  text-align: center; }

.interview08 .no_indent {
  text-indent: 0 !important; }

.interview08 span.link {
  display: block;
  font-size: 0.9em;
  padding-top: 0.4em; }
  .interview08 span.link a {
    color: #3846f2;
    text-decoration: underline; }

.interview08 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview08 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview08 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview08 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview08 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview08 section .new_inner .img_box img {
    width: 100%;
    margin: 0px auto;
    display: block;
    height: auto; }
  .interview08 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview08 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 section .new_inner .img_box p {
        font-size: 12px; } }

.interview08 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 0px; }
  @media screen and (min-width: 960px) {
    .interview08 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview08 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview08 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview08 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview08 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview08 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview08 .visual_box h3 {
      letter-spacing: 2px; } }
  .interview08 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffaafa 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview08 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview08 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview08 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview08 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview08 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview08 .visual_box {
    margin-bottom: 42px; } }

.interview08 .visual_box p {
  background: rgba(255, 233, 230, 0.2);
  padding: 1.5em 2em 1.5em 6.66667em;
  box-sizing: border-box;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview08 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview08 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview08 .visual_box p {
      font-size: 12px; } }
  .interview08 .visual_box p:before {
    content: "";
    background: url("../img/interview/08/icon1.png") no-repeat center center;
    background-size: cover;
    width: 4.61111em;
    height: 6.66667em;
    position: absolute;
    top: -1em;
    left: 1.1em; }
    @media screen and (min-width: 960px) {
      .interview08 .visual_box p:before {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .visual_box p:before {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .visual_box p:before {
        font-size: 12px; } }

.interview08 .box_type1 {
  border-top: 3px solid #ff9ca8;
  border-bottom: 3px solid #ff9ca8;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview08 .box_type1 {
      padding-top: 75px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type1 {
      padding-top: 65px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type1 {
      padding-top: 55px; } }
  @media screen and (min-width: 960px) {
    .interview08 .box_type1 {
      padding-bottom: 75px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type1 {
      padding-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type1 {
      padding-bottom: 55px; } }
  .interview08 .box_type1:after {
    content: "";
    background: url("../img/interview/08/icon2.png") no-repeat center center;
    background-size: cover;
    width: 12.77778em;
    height: 3.55556em;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%); }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1:after {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1:after {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1:after {
        font-size: 12px; } }
  .interview08 .box_type1 .text_box {
    line-height: 2;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1 .text_box {
        padding-top: 15px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1 .text_box {
        padding-top: 12px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1 .text_box {
        padding-top: 9px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1 .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1 .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1 .text_box {
        font-size: 12px; } }
    .interview08 .box_type1 .text_box p {
      background: #f2f2f2;
      display: inline-block;
      padding: 0.5em 1em;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type1 .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type1 .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type1 .text_box p {
          font-size: 12px; } }
    .interview08 .box_type1 .text_box.long p {
      max-width: 1200px; }
  .interview08 .box_type1 .img_box {
    width: 90%;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important; }

.interview08 .box_type1a {
  background: #fff3fd; }
  @media screen and (min-width: 960px) {
    .interview08 .box_type1a {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type1a {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type1a {
      margin-top: 60px; } }
  .interview08 .box_type1a .new_inner {
    width: 84%;
    max-width: 920px;
    background: #ffffff;
    position: relative;
    box-sizing: border-box;
    border-top: 3px solid #ffacf0;
    border-bottom: 3px solid #ffacf0;
    transform: translateY(-2.5em); }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1a .new_inner {
        padding-top: 100px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1a .new_inner {
        padding-top: 80px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1a .new_inner {
        padding-top: 60px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1a .new_inner {
        padding-bottom: 50px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1a .new_inner {
        padding-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1a .new_inner {
        padding-bottom: 30px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1a .new_inner {
        padding-left: 40px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1a .new_inner {
        padding-left: 30px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1a .new_inner {
        padding-left: 20px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1a .new_inner {
        padding-right: 40px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1a .new_inner {
        padding-right: 30px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1a .new_inner {
        padding-right: 20px; } }
    .interview08 .box_type1a .new_inner:after {
      content: "";
      display: block;
      position: absolute;
      bottom: -3px;
      right: 0;
      transform: translateY(100%);
      background: #ffffff;
      width: 100%;
      height: 2.3125em; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type1a .new_inner:after {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type1a .new_inner:after {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type1a .new_inner:after {
          font-size: 12px; } }
    .interview08 .box_type1a .new_inner h3 {
      width: 80%;
      max-width: 537px;
      background: url("../img/interview/08/ribon.png") no-repeat center center;
      background-size: cover;
      position: absolute;
      top: 0;
      right: 50%;
      transform: translate(50%, -50%); }
      .interview08 .box_type1a .new_inner h3 span {
        height: 0;
        overflow: hidden;
        display: block;
        padding-bottom: 20.48417%;
        width: 100%;
        visibility: hidden; }
  .interview08 .box_type1a .text_box {
    line-height: 2;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1a .text_box {
        padding-top: 50px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1a .text_box {
        padding-top: 40px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1a .text_box {
        padding-top: 30px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1a .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1a .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1a .text_box {
        font-size: 12px; } }
    .interview08 .box_type1a .text_box p {
      background: #ffffff;
      display: inline-block;
      padding: 1em 1.2em;
      box-sizing: border-box;
      border: 1px solid #ffacf0;
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type1a .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type1a .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type1a .text_box p {
          font-size: 12px; } }
      .interview08 .box_type1a .text_box p a {
        color: #3939ff;
        text-decoration: underline; }
    .interview08 .box_type1a .text_box.long p {
      max-width: 1200px; }
  .interview08 .box_type1a .img_box {
    width: 90%;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important; }

.interview08 .box_type1b {
  border-top: 3px solid #ff9ca8;
  border-bottom: 3px solid #ff9ca8;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview08 .box_type1b {
      padding-top: 75px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type1b {
      padding-top: 65px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type1b {
      padding-top: 55px; } }
  @media screen and (min-width: 960px) {
    .interview08 .box_type1b {
      padding-bottom: 75px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type1b {
      padding-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type1b {
      padding-bottom: 55px; } }
  .interview08 .box_type1b:after {
    content: "";
    background: url("../img/interview/08/icon3.png") no-repeat center center;
    background-size: cover;
    width: 8.77778em;
    height: 6.05556em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -45%); }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1b:after {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1b:after {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1b:after {
        font-size: 12px; } }
  .interview08 .box_type1b .text_box {
    line-height: 2;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1b .text_box {
        padding-top: 50px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1b .text_box {
        padding-top: 40px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1b .text_box {
        padding-top: 30px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type1b .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type1b .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type1b .text_box {
        font-size: 12px; } }
    .interview08 .box_type1b .text_box p {
      background: #ffffff;
      display: inline-block;
      padding: 0.5em 1em;
      box-sizing: border-box;
      border: 1px solid #cccccc; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type1b .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type1b .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type1b .text_box p {
          font-size: 12px; } }
  .interview08 .box_type1b .img_box {
    width: 90%;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important; }
  .interview08 .box_type1b .btn_box {
    text-align: center; }
    .interview08 .box_type1b .btn_box .btn {
      background: #c2444c;
      color: #ffffff;
      display: inline-block;
      font-weight: bold;
      padding: 1em 1.4em;
      margin-top: 2em; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type1b .btn_box .btn {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type1b .btn_box .btn {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type1b .btn_box .btn {
          font-size: 14px; } }
      .interview08 .box_type1b .btn_box .btn:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        margin-right: 0.3em; }

.interview08 .box_type2 {
  background: transparent;
  padding-bottom: 30px;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview08 .box_type2 {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type2 {
      padding-top: 40px; } }
  .interview08 .box_type2 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type2 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type2 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type2 .link_box p {
        font-size: 14px; } }
    .interview08 .box_type2 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview08 .box_type2 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type2 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type2 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type2 .text_box {
        font-size: 12px; } }
    .interview08 .box_type2 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type2 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview08 .box_type2 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type2 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type2 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type2 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview08 .box_type2 .text_box.type1 p {
      text-indent: 0;
      background: #faffff;
      border: 1px solid #caf8ff; }
      .interview08 .box_type2 .text_box.type1 p:last-child {
        position: relative; }
        .interview08 .box_type2 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #5fb8c1; }
    .interview08 .box_type2 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #5fb8c1;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type2 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type2 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type2 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview08 .box_type2 .text_box.type2 p {
      background: #ffffff;
      border-left: 1px solid #ffacf0;
      border-right: 1px solid #ffacf0;
      box-sizing: border-box; }
      .interview08 .box_type2 .text_box.type2 p + p {
        padding-top: 0; }
      .interview08 .box_type2 .text_box.type2 p:first-child {
        border-top: 1px solid #ffacf0; }
      .interview08 .box_type2 .text_box.type2 p:last-child {
        border-bottom: 1px solid #ffacf0;
        position: relative; }
        .interview08 .box_type2 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #f45b83; }
    .interview08 .box_type2 .text_box.type2:before {
      z-index: 10;
      content: "網岡さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #f45b83;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type2 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .text_box.type2:before {
          left: 10px; } }
  .interview08 .box_type2 .graph_box .img_box {
    width: 90%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type2 .graph_box .img_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type2 .graph_box .img_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type2 .graph_box .img_box {
        font-size: 12px; } }
    .interview08 .box_type2 .graph_box .img_box img {
      width: 100%;
      height: auto; }
  .interview08 .box_type2 .graph_box .text_box {
    width: 90%;
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5em;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type2 .graph_box .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type2 .graph_box .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type2 .graph_box .text_box {
        font-size: 12px; } }
    .interview08 .box_type2 .graph_box .text_box p {
      background: #f2f2f2;
      display: block;
      padding: 0.5em 1em;
      box-sizing: border-box;
      margin: 0 auto; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type2 .graph_box .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .graph_box .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .graph_box .text_box p {
          font-size: 12px; } }
    .interview08 .box_type2 .graph_box .text_box a {
      display: inline-block;
      color: #3939ff;
      text-decoration: underline;
      letter-spacing: -1px; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type2 .graph_box .text_box a {
          font-size: 14px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .graph_box .text_box a {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .graph_box .text_box a {
          font-size: 10px; } }
    .interview08 .box_type2 .graph_box .text_box span {
      display: inline-block;
      color: #3e3a39;
      letter-spacing: -1px; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type2 .graph_box .text_box span {
          font-size: 14px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .graph_box .text_box span {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .graph_box .text_box span {
          font-size: 10px; } }
  .interview08 .box_type2 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview08 .box_type2 .layaut_type1 .text_box {
      width: 57.71%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .layaut_type1 .text_box {
          width: 100%;
          margin-bottom: 15px; } }
    .interview08 .box_type2 .layaut_type1 .img_box {
      width: calc(100% - 57.71%); }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      .interview08 .box_type2 .layaut_type1 .img_box img {
        width: 90%;
        height: auto; }
      .interview08 .box_type2 .layaut_type1 .img_box p {
        width: 90%; }
        @media screen and (min-width: 960px) {
          .interview08 .box_type2 .layaut_type1 .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview08 .box_type2 .layaut_type1 .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview08 .box_type2 .layaut_type1 .img_box p {
            font-size: 14px; } }
        .interview08 .box_type2 .layaut_type1 .img_box p a {
          color: #3939ff;
          text-decoration: underline; }
    .interview08 .box_type2 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview08 .box_type2 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
  .interview08 .box_type2 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview08 .box_type2 .layaut_type2 .img_box {
      width: 48%; }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .layaut_type2 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      @media screen and (min-width: 960px) {
        .interview08 .box_type2 .layaut_type2 .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type2 .layaut_type2 .img_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type2 .layaut_type2 .img_box p {
          font-size: 12px; } }

.interview08 .box_type3 {
  background: rgba(255, 243, 233, 0.5);
  border-top: 3px solid #ff9ca8;
  border-bottom: 3px solid #ff9ca8;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview08 .box_type3 {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type3 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type3 {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview08 .box_type3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type3 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type3 {
      padding-bottom: 30px; } }
  .interview08 .box_type3 .message_box {
    border-color: #ff9ca8; }
    .interview08 .box_type3 .message_box > div {
      border-color: #ff9ca8; }
      .interview08 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #bf454e; }
        @media screen and (min-width: 960px) {
          .interview08 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview08 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview08 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview08 .box_type3 .message_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type3 .message_box > div p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type3 .message_box > div p {
          font-size: 12px; } }
  .interview08 .box_type3 .link_box {
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type3 .link_box {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type3 .link_box {
        font-size: 19px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type3 .link_box {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type3 .link_box {
        margin-top: 50px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type3 .link_box {
        margin-top: 40px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type3 .link_box {
        margin-top: 30px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type3 .link_box {
        margin-bottom: 50px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type3 .link_box {
        margin-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type3 .link_box {
        margin-bottom: 30px; } }
    .interview08 .box_type3 .link_box a {
      color: #3939ff;
      display: inline-block; }
      @media screen and (max-width: 599px) {
        .interview08 .box_type3 .link_box a {
          display: block; } }

@media screen and (min-width: 960px) {
  .interview08 .box_type4 {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview08 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview08 .box_type4 {
    padding-bottom: 40px; } }

.interview08 .box_type4 .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #ffacf0; }
  @media screen and (min-width: 960px) {
    .interview08 .box_type4 .profile {
      padding-top: 128px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type4 .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type4 .profile {
      padding-top: 48px; } }
  @media screen and (min-width: 960px) {
    .interview08 .box_type4 .profile {
      padding-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .interview08 .box_type4 .profile {
      padding-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview08 .box_type4 .profile {
      padding-bottom: 20px; } }
  .interview08 .box_type4 .profile .text_box h3 {
    margin-top: 0;
    font-size: 30px;
    font-weight: bold; }
    @media screen and (max-width: 959px) {
      .interview08 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview08 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview08 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview08 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type4 .profile .text_box p {
        font-size: 12px; } }
  .interview08 .box_type4 .profile ul {
    border-top: 1px solid #ffacf0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type4 .profile ul {
        padding-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type4 .profile ul {
        padding-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type4 .profile ul {
        padding-top: 20px; } }
    @media screen and (min-width: 960px) {
      .interview08 .box_type4 .profile ul {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type4 .profile ul {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type4 .profile ul {
        margin-top: 20px; } }
    .interview08 .box_type4 .profile ul li {
      flex-basis: 50%;
      box-sizing: border-box;
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type4 .profile ul li {
          padding-left: 40px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type4 .profile ul li {
          padding-left: 30px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type4 .profile ul li {
          padding-left: 20px; } }
      @media screen and (min-width: 960px) {
        .interview08 .box_type4 .profile ul li {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type4 .profile ul li {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type4 .profile ul li {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type4 .profile ul li {
          flex-basis: 100%;
          padding-left: 0px; } }
      .interview08 .box_type4 .profile ul li strong {
        font-size: 1.125em; }
      .interview08 .box_type4 .profile ul li + li {
        border-left: 1px solid #cccccc; }
        @media screen and (min-width: 960px) {
          .interview08 .box_type4 .profile ul li + li {
            padding-left: 60px; } }
        @media screen and (max-width: 959px) {
          .interview08 .box_type4 .profile ul li + li {
            padding-left: 50px; } }
        @media screen and (max-width: 599px) {
          .interview08 .box_type4 .profile ul li + li {
            padding-left: 40px; } }
        @media screen and (max-width: 599px) {
          .interview08 .box_type4 .profile ul li + li {
            border-left: none;
            padding-left: 0px; } }

.interview08 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important; }
  .interview08 .box_type4 .layout_type1 .img_box {
    width: 31.77%; }
    .interview08 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview08 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview08 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview08 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview08 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview08 .box_type4 .layout_type1 .text_box {
        width: 100%; } }
    .interview08 .box_type4 .layout_type1 .text_box p span {
      display: block; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type4 .layout_type1 .text_box p span {
          margin-top: 25px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type4 .layout_type1 .text_box p span {
          margin-top: 21px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type4 .layout_type1 .text_box p span {
          margin-top: 17px; } }
    .interview08 .box_type4 .layout_type1 .text_box p a {
      color: #3846f2; }
      @media screen and (min-width: 960px) {
        .interview08 .box_type4 .layout_type1 .text_box p a {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview08 .box_type4 .layout_type1 .text_box p a {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview08 .box_type4 .layout_type1 .text_box p a {
          font-size: 14px; } }
      .interview08 .box_type4 .layout_type1 .text_box p a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: red;
        margin-right: 0.4em; }

@media screen and (min-width: 960px) {
  .interview09 .visual_box {
    margin-bottom: 90px; } }

@media screen and (max-width: 959px) {
  .interview09 .visual_box {
    margin-bottom: 70px; } }

@media screen and (max-width: 599px) {
  .interview09 .visual_box {
    margin-bottom: 50px; } }

.interview09 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  padding: 0.6em 0;
  border-left: 0.23em solid #005434;
  border-right: 0.23em solid #005434;
  text-align: center;
  letter-spacing: 0px;
  background: #e4f3e4;
  color: #005434; }
  @media screen and (min-width: 960px) {
    .interview09 .visual_box h3 {
      font-size: 30px; } }
  @media screen and (max-width: 959px) {
    .interview09 .visual_box h3 {
      font-size: 23px; } }
  @media screen and (max-width: 599px) {
    .interview09 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview09 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview09 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview09 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview09 .visual_box h3 {
      letter-spacing: 2px; } }

.interview09 .visual_box p {
  box-sizing: border-box;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview09 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview09 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview09 .visual_box p {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .interview09 .visual_box p {
      margin-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview09 .visual_box p {
      margin-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview09 .visual_box p {
      margin-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview09 .visual_box p {
      margin-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview09 .visual_box p {
      margin-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .interview09 .visual_box p {
      margin-bottom: 50px; } }

@media screen and (min-width: 960px) {
  .interview09 .box {
    margin-bottom: 144px; } }

@media screen and (max-width: 959px) {
  .interview09 .box {
    margin-bottom: 104px; } }

@media screen and (max-width: 599px) {
  .interview09 .box {
    margin-bottom: 64px; } }

.interview09 .box .text_box h3 {
  color: #005434;
  padding: 0em 0em 0.6em 2em;
  position: relative;
  font-weight: bold;
  border-bottom: 3px double #005434;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 960px) {
    .interview09 .box .text_box h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview09 .box .text_box h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    .interview09 .box .text_box h3 {
      font-size: 14px; } }
  .interview09 .box .text_box h3:before {
    content: "";
    width: 1.1em;
    height: 1.1em;
    border: 1px solid #005434;
    position: absolute;
    box-sizing: border-box;
    top: 0.2em;
    left: 0;
    z-index: 10; }
  .interview09 .box .text_box h3:after {
    content: "";
    width: 1.1em;
    height: 1.1em;
    background: #e4f3e4;
    position: absolute;
    top: 0.2em;
    left: 0;
    transform: translate(3px, 3px);
    z-index: 5; }

.interview09 .box .text_box p {
  line-height: 2.2;
  text-indent: 1em; }
  @media screen and (min-width: 960px) {
    .interview09 .box .text_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview09 .box .text_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview09 .box .text_box p {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    .interview09 .box .text_box p:last-child {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview09 .box .text_box p:last-child {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview09 .box .text_box p:last-child {
      margin-bottom: 30px; } }

.interview09 .box .img_box {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .interview09 .box .img_box img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    line-height: 1; }
  .interview09 .box .img_box p {
    display: block;
    text-align: center;
    border-radius: 2em;
    padding: 0.6em;
    background: #e4f3e4;
    margin-top: 1em; }
    @media screen and (min-width: 960px) {
      .interview09 .box .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview09 .box .img_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview09 .box .img_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview09 .box .img_box p {
        margin-bottom: 2em; } }

.interview09 .box.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .interview09 .box.flex_box .img_box {
    flex-basis: 43.2526%; }
    @media screen and (max-width: 599px) {
      .interview09 .box.flex_box .img_box {
        flex-basis: 100%; } }
  .interview09 .box.flex_box .text_box {
    flex-basis: 53.63322%; }
    @media screen and (max-width: 599px) {
      .interview09 .box.flex_box .text_box {
        flex-basis: 100%; } }

.interview09 .box .flex_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .interview09 .box .flex_box2 .img_box {
    flex-basis: 48.44291%; }
    @media screen and (max-width: 599px) {
      .interview09 .box .flex_box2 .img_box {
        flex-basis: 100%; } }

.interview09 .box_type3 {
  background: #e4f3e4;
  margin-bottom: 0; }
  @media screen and (min-width: 960px) {
    .interview09 .box_type3 {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview09 .box_type3 {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview09 .box_type3 {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview09 .box_type3 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview09 .box_type3 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview09 .box_type3 {
      padding-bottom: 40px; } }
  .interview09 .box_type3 .message_box {
    border: none;
    border-left: 0.23em solid #005434;
    border-right: 0.23em solid #005434;
    background-color: transparent; }
    @media screen and (min-width: 960px) {
      .interview09 .box_type3 .message_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview09 .box_type3 .message_box {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview09 .box_type3 .message_box {
        font-size: 14px; } }
    .interview09 .box_type3 .message_box > div {
      border: none;
      padding: 1em 2em; }
      @media screen and (min-width: 960px) {
        .interview09 .box_type3 .message_box > div {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview09 .box_type3 .message_box > div {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview09 .box_type3 .message_box > div {
          font-size: 14px; } }
      .interview09 .box_type3 .message_box > div h3 {
        font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
        border-bottom: none;
        text-align: center;
        padding-bottom: 0;
        color: #005434; }
        @media screen and (min-width: 960px) {
          .interview09 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview09 .box_type3 .message_box > div h3 {
            font-size: 23px; } }
        @media screen and (max-width: 599px) {
          .interview09 .box_type3 .message_box > div h3 {
            font-size: 16px; } }
      .interview09 .box_type3 .message_box > div p {
        font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
        line-height: 2.2; }
        @media screen and (min-width: 960px) {
          .interview09 .box_type3 .message_box > div p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview09 .box_type3 .message_box > div p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview09 .box_type3 .message_box > div p {
            font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview09 .box_type4 {
    padding-bottom: 130px; } }

@media screen and (max-width: 959px) {
  .interview09 .box_type4 {
    padding-bottom: 105px; } }

@media screen and (max-width: 599px) {
  .interview09 .box_type4 {
    padding-bottom: 80px; } }

.interview09 .box_type4 .profile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 2px solid #005434; }
  @media screen and (min-width: 960px) {
    .interview09 .box_type4 .profile {
      padding-top: 125px; } }
  @media screen and (max-width: 959px) {
    .interview09 .box_type4 .profile {
      padding-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview09 .box_type4 .profile {
      padding-top: 75px; } }
  @media screen and (min-width: 960px) {
    .interview09 .box_type4 .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview09 .box_type4 .profile {
      padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview09 .box_type4 .profile {
      padding-bottom: 20px; } }
  .interview09 .box_type4 .profile .img_box {
    flex-basis: 31.77756%; }
    @media screen and (max-width: 599px) {
      .interview09 .box_type4 .profile .img_box {
        flex-basis: 100%; } }
  .interview09 .box_type4 .profile .text_box {
    flex-basis: 61.56902%; }
    @media screen and (max-width: 599px) {
      .interview09 .box_type4 .profile .text_box {
        flex-basis: 100%; } }
    @media screen and (min-width: 960px) {
      .interview09 .box_type4 .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview09 .box_type4 .profile .text_box h3 {
        font-size: 25px; } }
    @media screen and (max-width: 599px) {
      .interview09 .box_type4 .profile .text_box h3 {
        font-size: 20px; } }
    .interview09 .box_type4 .profile .text_box h3 span {
      display: block; }
      @media screen and (min-width: 960px) {
        .interview09 .box_type4 .profile .text_box h3 span {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview09 .box_type4 .profile .text_box h3 span {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview09 .box_type4 .profile .text_box h3 span {
          font-size: 12px; } }
    .interview09 .box_type4 .profile .text_box p {
      line-height: 2.2; }
      @media screen and (min-width: 960px) {
        .interview09 .box_type4 .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview09 .box_type4 .profile .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview09 .box_type4 .profile .text_box p {
          font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .interview09 .box_type4 .profile .text_box .link_box {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      .interview09 .box_type4 .profile .text_box .link_box {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview09 .box_type4 .profile .text_box .link_box {
        margin-top: 10px; } }
    .interview09 .box_type4 .profile .text_box a {
      color: #3846f2; }
      @media screen and (min-width: 960px) {
        .interview09 .box_type4 .profile .text_box a {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview09 .box_type4 .profile .text_box a {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview09 .box_type4 .profile .text_box a {
          font-size: 14px; } }
      .interview09 .box_type4 .profile .text_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: red;
        margin-right: 0.4em; }

.interview10 .tac {
  text-align: center; }

.interview10 .no_indent {
  text-indent: 0 !important; }

.interview10 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (max-width: 599px) {
    .interview10 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview10 section .new_inner .img_box img {
    width: 100%;
    display: block;
    height: auto; }
  .interview10 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview10 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview10 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview10 section .new_inner .img_box p {
        font-size: 12px; } }

.interview10 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 8px; }
  @media screen and (min-width: 960px) {
    .interview10 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview10 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview10 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview10 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview10 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview10 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview10 .visual_box h3 {
      letter-spacing: 2px; } }
  .interview10 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #89d1a0 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview10 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview10 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview10 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview10 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview10 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview10 .visual_box {
    margin-bottom: 42px; } }

.interview10 .visual_box p {
  background: rgba(179, 222, 209, 0.2);
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview10 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview10 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview10 .visual_box p {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .interview10 .visual_box p {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview10 .visual_box p {
      margin-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    .interview10 .visual_box p {
      margin-bottom: 50px; } }

.interview10 .bg2 {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(179, 222, 209, 0.2) 30%, rgba(179, 222, 209, 0.2) 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
  padding-bottom: 0; }
  .interview10 .bg2 .new_inner .img_box {
    margin-bottom: 0; }

.interview10 .photo_box {
  border-top: 2px solid #eb4643;
  border-bottom: 2px solid #eb4643; }
  @media screen and (min-width: 960px) {
    .interview10 .photo_box {
      padding-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview10 .photo_box {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview10 .photo_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview10 .photo_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview10 .photo_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview10 .photo_box {
      padding-bottom: 40px; } }
  .interview10 .photo_box .new_inner > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview10 .photo_box .new_inner > ul > li {
      flex-basis: 30%; }
      @media screen and (max-width: 599px) {
        .interview10 .photo_box .new_inner > ul > li {
          flex-basis: 48%; } }
      .interview10 .photo_box .new_inner > ul > li:last-child {
        flex-basis: 35%; }
        @media screen and (max-width: 599px) {
          .interview10 .photo_box .new_inner > ul > li:last-child {
            flex-basis: 100%; } }
      .interview10 .photo_box .new_inner > ul > li img {
        width: 100%; }
      .interview10 .photo_box .new_inner > ul > li > ul {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column; }
        @media screen and (max-width: 599px) {
          .interview10 .photo_box .new_inner > ul > li > ul {
            flex-direction: row;
            height: auto; } }
        @media screen and (max-width: 599px) {
          .interview10 .photo_box .new_inner > ul > li > ul li {
            flex-basis: 48%; } }

.interview10 .box_type1 {
  background: transparent;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview10 .box_type1 {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type1 {
      padding-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type1 {
      padding-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview10 .box_type1 {
      padding-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type1 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type1 {
      padding-bottom: 60px; } }
  .interview10 .box_type1.bg {
    background: url("../img/interview/10/bg1.jpg") center center;
    background-size: cover;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5; }
  .interview10 .box_type1 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview10 .box_type1 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type1 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type1 .link_box p {
        font-size: 14px; } }
    .interview10 .box_type1 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview10 .box_type1 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview10 .box_type1 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type1 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type1 .text_box {
        font-size: 12px; } }
    .interview10 .box_type1 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview10 .box_type1 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview10 .box_type1 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview10 .box_type1 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type1 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type1 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview10 .box_type1 .text_box.type1 p {
      text-indent: 0;
      background: rgba(255, 255, 255, 0.85);
      border: 1px solid #8c8c8c; }
      .interview10 .box_type1 .text_box.type1 p:last-child {
        position: relative; }
        .interview10 .box_type1 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #8c8c8c; }
    .interview10 .box_type1 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #8c8c8c;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview10 .box_type1 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type1 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type1 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview10 .box_type1 .text_box.type2 p {
      background: rgba(255, 255, 255, 0.85);
      border-left: 1px solid #ff9ca8;
      border-right: 1px solid #ff9ca8;
      box-sizing: border-box; }
      .interview10 .box_type1 .text_box.type2 p + p {
        padding-top: 0.7em; }
      .interview10 .box_type1 .text_box.type2 p:first-child {
        border-top: 1px solid #ff9ca8; }
      .interview10 .box_type1 .text_box.type2 p:last-child {
        border-bottom: 1px solid #ff9ca8;
        position: relative; }
        .interview10 .box_type1 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #eb4643; }
    .interview10 .box_type1 .text_box.type2:before {
      z-index: 10;
      content: "SACHIさん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #eb4643;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview10 .box_type1 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .text_box.type2:before {
          left: 10px; } }
  .interview10 .box_type1 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview10 .box_type1 .layaut_type1 .text_box {
      flex-basis: 57%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type1 .text_box {
          flex-basis: 100%;
          margin-bottom: 15px; } }
    .interview10 .box_type1 .layaut_type1 .img_box {
      flex-basis: calc(100% - 60%); }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          flex-basis: 100%;
          margin-bottom: 15px; }
          .interview10 .box_type1 .layaut_type1 .img_box img {
            width: 90%;
            margin: 0 auto; } }
      .interview10 .box_type1 .layaut_type1 .img_box P {
        display: inline-block;
        padding: 1em 1.2em;
        background: whitesmoke;
        margin: 1em auto 0;
        min-width: 56.76856%;
        box-sizing: border-box; }
        @media screen and (min-width: 960px) {
          .interview10 .box_type1 .layaut_type1 .img_box P {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview10 .box_type1 .layaut_type1 .img_box P {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview10 .box_type1 .layaut_type1 .img_box P {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          .interview10 .box_type1 .layaut_type1 .img_box P {
            min-width: none; } }
    .interview10 .box_type1 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview10 .box_type1 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
    @media screen and (min-width: 960px) {
      .interview10 .box_type1 .layaut_type1 + .text_box {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type1 .layaut_type1 + .text_box {
        margin-top: 65px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type1 .layaut_type1 + .text_box {
        margin-top: 50px; } }
  .interview10 .box_type1 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview10 .box_type1 .layaut_type2 .img_box {
      flex-basis: 50%;
      margin-bottom: 0 !important; }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type2 .img_box {
          flex-basis: 100%; }
          .interview10 .box_type1 .layaut_type2 .img_box img {
            margin: 0; } }
    .interview10 .box_type1 .layaut_type2 P {
      display: inline-block;
      padding: 1em 1.2em;
      background: whitesmoke;
      margin: 1em auto 0;
      min-width: 56.76856%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview10 .box_type1 .layaut_type2 P {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .layaut_type2 P {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type2 P {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type2 P {
          min-width: none; } }
  .interview10 .box_type1 .layaut_type3 {
    text-align: center; }
    .interview10 .box_type1 .layaut_type3 .img_box {
      width: 80%;
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview10 .box_type1 .layaut_type3 .img_box {
          margin-top: 60px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .layaut_type3 .img_box {
          margin-top: 50px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type3 .img_box {
          margin-top: 40px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type3 .img_box {
          flex-basis: 100%; }
          .interview10 .box_type1 .layaut_type3 .img_box img {
            margin: 0; } }
    .interview10 .box_type1 .layaut_type3 P {
      display: inline-block;
      padding: 1em 1.2em;
      background: whitesmoke;
      margin: 1em auto 0;
      min-width: 56.76856%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview10 .box_type1 .layaut_type3 P {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type1 .layaut_type3 P {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type3 P {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type1 .layaut_type3 P {
          min-width: none; } }
      .interview10 .box_type1 .layaut_type3 P a {
        color: #3846f2;
        text-decoration: underline; }
    @media screen and (min-width: 960px) {
      .interview10 .box_type1 .layaut_type3 + .text_box {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type1 .layaut_type3 + .text_box {
        margin-top: 65px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type1 .layaut_type3 + .text_box {
        margin-top: 50px; } }

.interview10 .box_type3 {
  background-size: auto auto;
  background-color: #fff3e9;
  border-bottom: 2px solid #eb4643; }
  @media screen and (min-width: 960px) {
    .interview10 .box_type3 {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type3 {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type3 {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview10 .box_type3 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type3 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type3 {
      padding-bottom: 40px; } }
  .interview10 .box_type3 .message_box {
    border-color: #ff9ca8; }
    .interview10 .box_type3 .message_box > div {
      border-color: #ff9ca8; }
      .interview10 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #eb4643; }
        @media screen and (min-width: 960px) {
          .interview10 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview10 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview10 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview10 .box_type3 .message_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview10 .box_type3 .message_box > div p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview10 .box_type3 .message_box > div p {
          font-size: 12px; } }
      .interview10 .box_type3 .message_box > div p + p {
        padding-top: 1.5em; }

@media screen and (min-width: 960px) {
  .interview10 .box_type4 {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview10 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview10 .box_type4 {
    padding-bottom: 40px; } }

.interview10 .box_type4 .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #ff9ca8; }
  @media screen and (min-width: 960px) {
    .interview10 .box_type4 .profile {
      padding-top: 128px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type4 .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type4 .profile {
      padding-top: 48px; } }
  @media screen and (min-width: 960px) {
    .interview10 .box_type4 .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type4 .profile {
      padding-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type4 .profile {
      padding-bottom: 30px; } }
  .interview10 .box_type4 .profile .text_box h3 {
    font-size: 30px;
    font-weight: bold; }
    @media screen and (max-width: 959px) {
      .interview10 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview10 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview10 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview10 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview10 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type4 .profile .text_box p {
        font-size: 12px; } }

.interview10 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important; }
  .interview10 .box_type4 .layout_type1 .img_box {
    width: 31.77%; }
    .interview10 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview10 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview10 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview10 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview10 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview10 .box_type4 .layout_type1 .text_box {
        width: 100%; } }

.interview10 .box_type4 .link_box {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .interview10 .box_type4 .link_box {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type4 .link_box {
      margin-top: 20px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type4 .link_box {
      margin-top: 10px; } }
  @media screen and (min-width: 960px) {
    .interview10 .box_type4 .link_box {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview10 .box_type4 .link_box {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview10 .box_type4 .link_box {
      font-size: 14px; } }
  .interview10 .box_type4 .link_box a {
    display: block;
    color: #3846f2;
    text-decoration: none;
    letter-spacing: 2px; }
    .interview10 .box_type4 .link_box a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      color: red;
      margin-right: 0.4em; }
    @media screen and (max-width: 599px) {
      .interview10 .box_type4 .link_box a {
        font-size: 0.8em;
        display: block; } }
    .interview10 .box_type4 .link_box a + a {
      margin-top: 0.4em; }

.interview11 .tac {
  text-align: center; }

.interview11 .no_indent {
  text-indent: 0 !important; }

.interview11 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview11 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview11 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview11 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview11 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview11 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }
  .interview11 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview11 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview11 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview11 section .new_inner .img_box p {
        font-size: 12px; } }

.interview11 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 3px; }
  @media screen and (min-width: 960px) {
    .interview11 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview11 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview11 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview11 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview11 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview11 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview11 .visual_box h3 {
      letter-spacing: 0px; } }
  .interview11 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #64c0ab 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview11 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview11 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview11 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview11 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview11 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview11 .visual_box {
    margin-bottom: 42px; } }

.interview11 .visual_box p {
  background: #fef4e8;
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview11 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview11 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview11 .visual_box p {
      font-size: 12px; } }

.interview11 .bg2 {
  background: #64c0ab; }
  @media screen and (min-width: 960px) {
    .interview11 .bg2 {
      padding-top: 145px; } }
  @media screen and (max-width: 959px) {
    .interview11 .bg2 {
      padding-top: 125px; } }
  @media screen and (max-width: 599px) {
    .interview11 .bg2 {
      padding-top: 105px; } }
  @media screen and (min-width: 960px) {
    .interview11 .bg2 {
      padding-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    .interview11 .bg2 {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    .interview11 .bg2 {
      padding-bottom: 45px; } }
  .interview11 .bg2 .img_area {
    background: #ffffff;
    padding-top: 2.875em;
    padding-bottom: 3.3125em;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview11 .bg2 .img_area {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview11 .bg2 .img_area {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview11 .bg2 .img_area {
        font-size: 12px; } }
    .interview11 .bg2 .img_area:before {
      content: "";
      position: absolute;
      top: -9.5em;
      left: calc(50% - 5.5em);
      background: url("/wp-content/themes/familydr/img/interview/11/logo.png") no-repeat center center;
      background-size: cover;
      width: 11em;
      height: 11em; }
      @media screen and (min-width: 960px) {
        .interview11 .bg2 .img_area:before {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview11 .bg2 .img_area:before {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview11 .bg2 .img_area:before {
          font-size: 14px; } }
    .interview11 .bg2 .img_area:after {
      content: "";
      position: absolute;
      bottom: -1.5em;
      left: calc(50% - 2.45em);
      background: url("/wp-content/themes/familydr/img/interview/11/arrow.png") no-repeat center center;
      background-size: cover;
      width: 4.9em;
      height: 3.5em; }
      @media screen and (min-width: 960px) {
        .interview11 .bg2 .img_area:after {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview11 .bg2 .img_area:after {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview11 .bg2 .img_area:after {
          font-size: 14px; } }
    .interview11 .bg2 .img_area h3 {
      width: 90%;
      text-align: center;
      color: #ffffff;
      background: #64c0ab;
      padding: 0.4em 0;
      margin: 1.5em auto 0;
      font-size: 1.25em;
      font-weight: bold;
      letter-spacing: 2px; }
      @media screen and (max-width: 599px) {
        .interview11 .bg2 .img_area h3 {
          margin-top: 0;
          letter-spacing: 1px; } }
    .interview11 .bg2 .img_area ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto;
      width: 90%; }
      .interview11 .bg2 .img_area ul li {
        flex-basis: 22%; }
        @media screen and (max-width: 599px) {
          .interview11 .bg2 .img_area ul li {
            flex-basis: 48%; } }
  @media screen and (max-width: 599px) and (max-width: 599px) {
    .interview11 .bg2 .img_area ul li {
      margin-bottom: 14px; } }
        .interview11 .bg2 .img_area ul li img {
          width: 100%;
          height: auto; }

.interview11 .photo_area {
  background: linear-gradient(0deg, white 0%, white 15%, #e0f2ee 15%, #e0f2ee 85%, white 85%, white 100%); }
  @media screen and (min-width: 960px) {
    .interview11 .photo_area {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview11 .photo_area {
      margin-bottom: 85px; } }
  @media screen and (max-width: 599px) {
    .interview11 .photo_area {
      margin-bottom: 70px; } }
  .interview11 .photo_area .img_box {
    max-width: 880px;
    margin: 0 auto;
    width: 90%; }

.interview11 .photo_area2 {
  border-top: 2px solid #64c0ab;
  border-bottom: 2px solid #64c0ab;
  box-sizing: border-box;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview11 .photo_area2 {
      padding-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview11 .photo_area2 {
      padding-top: 75px; } }
  @media screen and (max-width: 599px) {
    .interview11 .photo_area2 {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview11 .photo_area2 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview11 .photo_area2 {
      padding-bottom: 75px; } }
  @media screen and (max-width: 599px) {
    .interview11 .photo_area2 {
      padding-bottom: 60px; } }
  .interview11 .photo_area2:before, .interview11 .photo_area2:after {
    content: "";
    width: 1em;
    height: 1em;
    background: #64c0ab;
    border: 1px solid #ffffff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(-0.5em - 2px);
    left: calc(50% - 0.5em); }
    @media screen and (min-width: 960px) {
      .interview11 .photo_area2:before, .interview11 .photo_area2:after {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .interview11 .photo_area2:before, .interview11 .photo_area2:after {
        font-size: 21px; } }
    @media screen and (max-width: 599px) {
      .interview11 .photo_area2:before, .interview11 .photo_area2:after {
        font-size: 18px; } }
  .interview11 .photo_area2:after {
    top: auto;
    bottom: calc(-0.5em - 2px); }
  .interview11 .photo_area2 p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: #f5f5f5;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview11 .photo_area2 p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview11 .photo_area2 p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview11 .photo_area2 p {
        font-size: 12px; } }
  .interview11 .photo_area2 img {
    width: 100%;
    height: auto;
    margin: 0;
    line-height: 1; }
  .interview11 .photo_area2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview11 .photo_area2 ul li {
      flex-basis: 32.25806%; }
      @media screen and (max-width: 599px) {
        .interview11 .photo_area2 ul li {
          flex-basis: 48%; } }
      .interview11 .photo_area2 ul li .img_box {
        margin: 0; }
        .interview11 .photo_area2 ul li .img_box img {
          margin: 0; }
      .interview11 .photo_area2 ul li:first-child {
        flex-basis: 30.86312%; }
        .interview11 .photo_area2 ul li:first-child > div {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          @media screen and (min-width: 600px) {
            .interview11 .photo_area2 ul li:first-child > div {
              height: 100%;
              flex-direction: column; }
              .interview11 .photo_area2 ul li:first-child > div > div + div {
                transform: translateY(-1.5%); } }
          @media screen and (max-width: 599px) {
            .interview11 .photo_area2 ul li:first-child > div {
              width: 100%;
              flex-direction: row; }
              .interview11 .photo_area2 ul li:first-child > div > div {
                flex-basis: 48%; } }
          .interview11 .photo_area2 ul li:first-child > div img {
            width: 100%;
            height: auto; }
        @media screen and (max-width: 599px) {
          .interview11 .photo_area2 ul li:first-child {
            width: 100%;
            flex-basis: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            flex-direction: row;
            margin-bottom: 20px; } }

.interview11 .box_type1 {
  background: transparent;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview11 .box_type1 {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview11 .box_type1 {
      padding-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview11 .box_type1 {
      padding-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview11 .box_type1 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview11 .box_type1 {
      padding-bottom: 75px; } }
  @media screen and (max-width: 599px) {
    .interview11 .box_type1 {
      padding-bottom: 60px; } }
  .interview11 .box_type1.border {
    border-top: 2px solid #64c0ab;
    border-bottom: 2px solid #64c0ab;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1.border {
        padding-top: 90px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1.border {
        padding-top: 75px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1.border {
        padding-top: 60px; } }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1.border {
        padding-bottom: 90px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1.border {
        padding-bottom: 75px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1.border {
        padding-bottom: 60px; } }
    .interview11 .box_type1.border:before, .interview11 .box_type1.border:after {
      content: "";
      width: 1em;
      height: 1em;
      background: #64c0ab;
      border: 1px solid #ffffff;
      transform: rotate(45deg);
      position: absolute;
      top: calc(-0.5em - 2px);
      left: calc(50% - 0.5em); }
      @media screen and (min-width: 960px) {
        .interview11 .box_type1.border:before, .interview11 .box_type1.border:after {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1.border:before, .interview11 .box_type1.border:after {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1.border:before, .interview11 .box_type1.border:after {
          font-size: 18px; } }
    .interview11 .box_type1.border:after {
      top: auto;
      bottom: calc(-0.5em - 2px); }
    .interview11 .box_type1.border + .border {
      border-top: none; }
      .interview11 .box_type1.border + .border:before {
        display: none; }
  .interview11 .box_type1 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1 .link_box p {
        font-size: 14px; } }
    .interview11 .box_type1 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview11 .box_type1 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1 .text_box {
        font-size: 12px; } }
    .interview11 .box_type1 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview11 .box_type1 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview11 .box_type1 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview11 .box_type1 .text_box.type1 p {
      text-indent: 0;
      background: #fffaff;
      border: 1px solid #ffdcd9; }
      .interview11 .box_type1 .text_box.type1 p:last-child {
        position: relative; }
        .interview11 .box_type1 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #f29b8f; }
    .interview11 .box_type1 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #ea6088;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview11 .box_type1 .text_box.type2:last-child {
      margin-bottom: 0; }
    .interview11 .box_type1 .text_box.type2 p {
      background: rgba(255, 255, 255, 0.85);
      border-left: 1px solid #6a999b;
      border-right: 1px solid #6a999b;
      box-sizing: border-box; }
      .interview11 .box_type1 .text_box.type2 p + p {
        padding-top: 0.7em; }
      .interview11 .box_type1 .text_box.type2 p:first-child {
        border-top: 1px solid #6a999b; }
      .interview11 .box_type1 .text_box.type2 p:last-child {
        border-bottom: 1px solid #6a999b;
        position: relative; }
        .interview11 .box_type1 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #6a999b; }
    .interview11 .box_type1 .text_box.type2:before {
      z-index: 10;
      content: "土居さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #64c0ab;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview11 .box_type1 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .text_box.type2:before {
          left: 10px; } }
  .interview11 .box_type1 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview11 .box_type1 .layaut_type1 .text_box {
      flex-basis: 57%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type1 .text_box {
          flex-basis: 100%;
          margin-bottom: 15px; } }
    .interview11 .box_type1 .layaut_type1 .img_box {
      flex-basis: calc(100% - 60%); }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          flex-basis: 100%;
          margin-bottom: 15px; }
          .interview11 .box_type1 .layaut_type1 .img_box img {
            width: 90%;
            margin: 0 auto; } }
      .interview11 .box_type1 .layaut_type1 .img_box P {
        display: inline-block;
        padding: 1em 1.2em;
        background: whitesmoke;
        margin: 1em auto 0;
        min-width: 56.76856%;
        box-sizing: border-box; }
        @media screen and (min-width: 960px) {
          .interview11 .box_type1 .layaut_type1 .img_box P {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview11 .box_type1 .layaut_type1 .img_box P {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview11 .box_type1 .layaut_type1 .img_box P {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          .interview11 .box_type1 .layaut_type1 .img_box P {
            min-width: none; } }
    .interview11 .box_type1 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview11 .box_type1 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1 .layaut_type1 + .text_box {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1 .layaut_type1 + .text_box {
        margin-top: 65px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1 .layaut_type1 + .text_box {
        margin-top: 50px; } }
  .interview11 .box_type1 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview11 .box_type1 .layaut_type2 .img_box {
      flex-basis: 50%;
      margin-bottom: 0 !important; }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type2 .img_box {
          flex-basis: 100%; }
          .interview11 .box_type1 .layaut_type2 .img_box img {
            margin: 0; } }
    .interview11 .box_type1 .layaut_type2 P {
      display: inline-block;
      padding: 1em 1.2em;
      background: whitesmoke;
      margin: 1em auto 0;
      min-width: 56.76856%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview11 .box_type1 .layaut_type2 P {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .layaut_type2 P {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type2 P {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type2 P {
          min-width: none; } }
  .interview11 .box_type1 .layaut_type3 {
    text-align: center; }
    .interview11 .box_type1 .layaut_type3 .img_box {
      width: 80%;
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview11 .box_type1 .layaut_type3 .img_box {
          margin-top: 60px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .layaut_type3 .img_box {
          margin-top: 50px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type3 .img_box {
          margin-top: 40px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type3 .img_box {
          flex-basis: 100%; }
          .interview11 .box_type1 .layaut_type3 .img_box img {
            margin: 0; } }
    .interview11 .box_type1 .layaut_type3 P {
      display: inline-block;
      padding: 1em 1.2em;
      background: whitesmoke;
      margin: 1em auto 0;
      min-width: 56.76856%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview11 .box_type1 .layaut_type3 P {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type1 .layaut_type3 P {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type3 P {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type1 .layaut_type3 P {
          min-width: none; } }
      .interview11 .box_type1 .layaut_type3 P a {
        color: #3846f2;
        text-decoration: underline; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type1 .layaut_type3 + .text_box {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type1 .layaut_type3 + .text_box {
        margin-top: 65px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type1 .layaut_type3 + .text_box {
        margin-top: 50px; } }

.interview11 .box_type3 {
  background-color: #64c0ab; }
  @media screen and (min-width: 960px) {
    .interview11 .box_type3 {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview11 .box_type3 {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview11 .box_type3 {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview11 .box_type3 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview11 .box_type3 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview11 .box_type3 {
      padding-bottom: 40px; } }
  .interview11 .box_type3 h3 {
    text-align: center;
    box-sizing: border-box;
    color: #3e3a39;
    border-radius: 2em;
    padding: 0.8em 1em;
    max-width: 780px;
    margin: 0 auto 2.5em;
    width: 85%;
    line-height: 1.2;
    background: #ffffff;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type3 h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type3 h3 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type3 h3 {
        font-size: 20px; } }
  .interview11 .box_type3 .message_box {
    border: none; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type3 .message_box {
        padding: 40px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type3 .message_box {
        padding: 25px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type3 .message_box {
        padding: 10px; } }
    .interview11 .box_type3 .message_box p {
      line-height: 1.7; }
      @media screen and (min-width: 960px) {
        .interview11 .box_type3 .message_box p {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type3 .message_box p {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type3 .message_box p {
          font-size: 14px; } }
      .interview11 .box_type3 .message_box p + p {
        padding-top: 1.5em; }
    .interview11 .box_type3 .message_box > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 960px) {
        .interview11 .box_type3 .message_box > ul {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview11 .box_type3 .message_box > ul {
          margin-top: 30px; } }
      @media screen and (max-width: 599px) {
        .interview11 .box_type3 .message_box > ul {
          margin-top: 20px; } }
      .interview11 .box_type3 .message_box > ul img {
        margin: 0;
        width: 100%;
        height: auto; }
      .interview11 .box_type3 .message_box > ul > li {
        flex-basis: 32%; }
        @media screen and (max-width: 599px) {
          .interview11 .box_type3 .message_box > ul > li {
            flex-basis: 48%; } }
        @media screen and (min-width: 960px) {
          .interview11 .box_type3 .message_box > ul > li:first-child {
            margin-bottom: 40px; } }
        @media screen and (max-width: 959px) {
          .interview11 .box_type3 .message_box > ul > li:first-child {
            margin-bottom: 30px; } }
        @media screen and (max-width: 599px) {
          .interview11 .box_type3 .message_box > ul > li:first-child {
            margin-bottom: 20px; } }
        @media screen and (max-width: 599px) {
          .interview11 .box_type3 .message_box > ul > li:first-child p {
            letter-spacing: -1px; } }
        .interview11 .box_type3 .message_box > ul > li:last-child {
          flex-basis: 65.80952%;
          order: 4; }
          @media screen and (max-width: 599px) {
            .interview11 .box_type3 .message_box > ul > li:last-child {
              order: 5;
              flex-basis: 100%;
              margin-top: 20px; } }
        .interview11 .box_type3 .message_box > ul > li:nth-of-type(4) {
          order: 5; }
          @media screen and (max-width: 599px) {
            .interview11 .box_type3 .message_box > ul > li:nth-of-type(4) {
              order: 4; } }
        .interview11 .box_type3 .message_box > ul > li > ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .interview11 .box_type3 .message_box > ul > li > ul li {
            flex-basis: 48.62518%; }
            @media screen and (max-width: 599px) {
              .interview11 .box_type3 .message_box > ul > li > ul li {
                flex-basis: 48%; } }
        .interview11 .box_type3 .message_box > ul > li P {
          display: block;
          padding: 1em 1.2em;
          background: whitesmoke;
          text-align: center;
          margin: 1em auto 0;
          min-width: 56.76856%;
          box-sizing: border-box; }
          @media screen and (min-width: 960px) {
            .interview11 .box_type3 .message_box > ul > li P {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            .interview11 .box_type3 .message_box > ul > li P {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            .interview11 .box_type3 .message_box > ul > li P {
              font-size: 12px; } }
          @media screen and (max-width: 599px) {
            .interview11 .box_type3 .message_box > ul > li P {
              min-width: none; } }

@media screen and (min-width: 960px) {
  .interview11 .box_type4 {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview11 .box_type4 {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview11 .box_type4 {
    padding-bottom: 40px; } }

.interview11 .box_type4 .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #6a999b; }
  @media screen and (min-width: 960px) {
    .interview11 .box_type4 .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 959px) {
    .interview11 .box_type4 .profile {
      padding-top: 68px; } }
  @media screen and (max-width: 599px) {
    .interview11 .box_type4 .profile {
      padding-top: 48px; } }
  @media screen and (min-width: 960px) {
    .interview11 .box_type4 .profile {
      padding-bottom: 30px; } }
  @media screen and (max-width: 959px) {
    .interview11 .box_type4 .profile {
      padding-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    .interview11 .box_type4 .profile {
      padding-bottom: 10px; } }
  .interview11 .box_type4 .profile .text_box h3 {
    font-size: 30px;
    font-weight: bold; }
    @media screen and (max-width: 959px) {
      .interview11 .box_type4 .profile .text_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type4 .profile .text_box h3 {
        font-size: 18px; } }
    .interview11 .box_type4 .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview11 .box_type4 .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview11 .box_type4 .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type4 .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type4 .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type4 .profile .text_box p {
        font-size: 12px; } }

.interview11 .box_type4 .layout_type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important; }
  .interview11 .box_type4 .layout_type1 .img_box {
    width: 31.77%; }
    .interview11 .box_type4 .layout_type1 .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview11 .box_type4 .layout_type1 .img_box {
        width: 100%; } }
  .interview11 .box_type4 .layout_type1 .text_box {
    width: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview11 .box_type4 .layout_type1 .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview11 .box_type4 .layout_type1 .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type4 .layout_type1 .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview11 .box_type4 .layout_type1 .text_box {
        width: 100%; } }

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

.interview12 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 3px; }
  @media screen and (min-width: 960px) {
    .interview12 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview12 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview12 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview12 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview12 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview12 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview12 .visual_box h3 {
      letter-spacing: 0px; } }
  .interview12 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #00afec 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview12 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview12 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview12 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview12 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview12 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview12 .visual_box {
    margin-bottom: 42px; } }

.interview12 .visual_box p {
  background: #fef4e8;
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview12 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview12 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview12 .visual_box p {
      font-size: 12px; } }

.interview12 .read2 {
  background: url("../img/interview/12/bg1.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 960px) {
    .interview12 .read2 {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview12 .read2 {
      padding-top: 35px; } }
  @media screen and (max-width: 599px) {
    .interview12 .read2 {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .interview12 .read2 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview12 .read2 {
      padding-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .interview12 .read2 {
      padding-bottom: 20px; } }
  .interview12 .read2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .interview12 .read2 ul {
        display: block; } }
    .interview12 .read2 ul .img_box {
      flex-basis: 43.2526%; }
    .interview12 .read2 ul .text_box {
      flex-basis: 54.06574%; }
      .interview12 .read2 ul .text_box p {
        line-height: 2.2; }
        @media screen and (min-width: 960px) {
          .interview12 .read2 ul .text_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview12 .read2 ul .text_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview12 .read2 ul .text_box p {
            font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview12 section[class^="box"] {
    padding-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview12 section[class^="box"] {
    padding-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview12 section[class^="box"] {
    padding-top: 40px; } }

@media screen and (min-width: 960px) {
  .interview12 section[class^="box"] {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview12 section[class^="box"] {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview12 section[class^="box"] {
    padding-bottom: 40px; } }

.interview12 section[class^="box"] h3 {
  font-weight: bold;
  padding-left: 1.5em;
  margin-bottom: 1.6em;
  padding-bottom: 0.8em;
  position: relative;
  border-bottom: 1px solid #00ada9; }
  @media screen and (min-width: 960px) {
    .interview12 section[class^="box"] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview12 section[class^="box"] h3 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview12 section[class^="box"] h3 {
      font-size: 16px; } }
  .interview12 section[class^="box"] h3:after, .interview12 section[class^="box"] h3:before {
    content: "";
    width: 0.5em;
    height: 0.5em;
    background: #7fbe25;
    display: block;
    position: absolute;
    top: 0.2em;
    left: 0; }
  .interview12 section[class^="box"] h3:before {
    background: #00afec;
    top: 0.7em;
    left: 0.5em; }

.interview12 section[class^="box"] p {
  line-height: 2.2;
  text-indent: 1em; }
  @media screen and (min-width: 960px) {
    .interview12 section[class^="box"] p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview12 section[class^="box"] p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview12 section[class^="box"] p {
      font-size: 14px; } }

.interview12 .box2 {
  background: #fffbea; }
  @media screen and (min-width: 960px) {
    .interview12 .box2 .img_box {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    .interview12 .box2 .img_box {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview12 .box2 .img_box {
      margin-top: 20px; } }

.interview12 .box3 {
  background: url("../img/interview/12/bg2.jpg") no-repeat center center;
  background-size: cover;
  position: relative; }
  .interview12 .box3 h3 {
    border-bottom: 1px solid #00afec !important; }
  .interview12 .box3 .btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 0.8em 2em;
    border-radius: 3em;
    background: #7fbe25;
    color: #ffffff;
    transform: translate(-50%, 50%);
    box-sizing: border-box;
    z-index: 20; }
    @media screen and (min-width: 960px) {
      .interview12 .box3 .btn {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box3 .btn {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .btn {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .btn {
        width: 95%; } }
    .interview12 .box3 .btn:after {
      content: "＞";
      display: inline-block;
      margin-left: 0.5em; }
      @media screen and (min-width: 960px) {
        .interview12 .box3 .btn:after {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview12 .box3 .btn:after {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview12 .box3 .btn:after {
          font-size: 14px; } }
  .interview12 .box3 .flex_box1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed #00afec; }
    @media screen and (min-width: 960px) {
      .interview12 .box3 .flex_box1 {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box3 .flex_box1 {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .flex_box1 {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview12 .box3 .flex_box1 {
        padding-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box3 .flex_box1 {
        padding-bottom: 35px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .flex_box1 {
        padding-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .flex_box1 {
        display: block; } }
    .interview12 .box3 .flex_box1 li {
      flex-basis: 49.13495%; }
      .interview12 .box3 .flex_box1 li p {
        text-align: center;
        display: block;
        width: 80%;
        margin: 0 auto;
        transform: translateY(-50%);
        background: #b2e7f9;
        padding: 0.4em 0;
        border-radius: 3em; }
        @media screen and (min-width: 960px) {
          .interview12 .box3 .flex_box1 li p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview12 .box3 .flex_box1 li p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview12 .box3 .flex_box1 li p {
            font-size: 14px; } }
  .interview12 .box3 .flex_box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed #00afec; }
    @media screen and (min-width: 960px) {
      .interview12 .box3 .flex_box2 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box3 .flex_box2 {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .flex_box2 {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      .interview12 .box3 .flex_box2 {
        padding-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box3 .flex_box2 {
        padding-bottom: 35px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .flex_box2 {
        padding-bottom: 30px; } }
    @media screen and (min-width: 960px) {
      .interview12 .box3 .flex_box2 {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box3 .flex_box2 {
        margin-bottom: 35px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box3 .flex_box2 {
        margin-bottom: 30px; } }
    .interview12 .box3 .flex_box2 .img_box {
      flex-basis: 43.2526%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 599px) {
        .interview12 .box3 .flex_box2 .img_box {
          flex-basis: 100%;
          order: 2; } }
      .interview12 .box3 .flex_box2 .img_box > div {
        flex-basis: 49%; }
        .interview12 .box3 .flex_box2 .img_box > div img {
          display: block;
          margin: 0; }
        .interview12 .box3 .flex_box2 .img_box > div p {
          margin: 0;
          background: #ffffff;
          text-align: center;
          color: #00afec;
          padding-bottom: 0.4em;
          line-height: 1.6;
          font-weight: bold;
          text-indent: 0; }
          @media screen and (min-width: 960px) {
            .interview12 .box3 .flex_box2 .img_box > div p {
              font-size: 18px; } }
          @media screen and (max-width: 959px) {
            .interview12 .box3 .flex_box2 .img_box > div p {
              font-size: 15px; } }
          @media screen and (max-width: 599px) {
            .interview12 .box3 .flex_box2 .img_box > div p {
              font-size: 12px; } }
    .interview12 .box3 .flex_box2 .text_box {
      flex-basis: 55.0173%; }
      @media screen and (max-width: 599px) {
        .interview12 .box3 .flex_box2 .text_box {
          flex-basis: 100%;
          order: 1;
          margin-top: 10px; } }

.interview12 .box4 {
  background: url("../img/interview/12/bg3.jpg") no-repeat 80% 50%;
  background-size: 45%;
  position: relative; }
  @media screen and (max-width: 599px) {
    .interview12 .box4 {
      background-size: 85%; } }

.interview12 .box_type4 {
  border-top: 1px solid #00afec;
  padding-top: 2px !important; }
  @media screen and (min-width: 960px) {
    .interview12 .box_type4 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview12 .box_type4 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview12 .box_type4 {
      padding-bottom: 40px; } }
  .interview12 .box_type4:before {
    display: block;
    content: "";
    height: 1px;
    border-top: 1px solid #00afec; }
  .interview12 .box_type4 .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    border-bottom: 1px solid #00afec; }
    @media screen and (min-width: 960px) {
      .interview12 .box_type4 .profile {
        padding-top: 88px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box_type4 .profile {
        padding-top: 68px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box_type4 .profile {
        padding-top: 48px; } }
    @media screen and (min-width: 960px) {
      .interview12 .box_type4 .profile {
        padding-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      .interview12 .box_type4 .profile {
        padding-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .interview12 .box_type4 .profile {
        padding-bottom: 10px; } }
    .interview12 .box_type4 .profile .text_box h3 {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 0.5em;
      padding-bottom: 0;
      padding-left: 0;
      border-bottom: none; }
      @media screen and (max-width: 959px) {
        .interview12 .box_type4 .profile .text_box h3 {
          font-size: 24px; } }
      @media screen and (max-width: 599px) {
        .interview12 .box_type4 .profile .text_box h3 {
          font-size: 18px; } }
      .interview12 .box_type4 .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview12 .box_type4 .profile .text_box h3 span {
            font-size: 0.8em; } }
      .interview12 .box_type4 .profile .text_box h3:after, .interview12 .box_type4 .profile .text_box h3:before {
        display: none; }
    .interview12 .box_type4 .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview12 .box_type4 .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview12 .box_type4 .profile .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview12 .box_type4 .profile .text_box p {
          font-size: 12px; } }
    .interview12 .box_type4 .profile .text_box ul {
      margin-top: 1em; }
      .interview12 .box_type4 .profile .text_box ul li a {
        color: #3d48e9;
        text-decoration: underline; }
        @media screen and (min-width: 960px) {
          .interview12 .box_type4 .profile .text_box ul li a {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview12 .box_type4 .profile .text_box ul li a {
            font-size: 15px; } }
        @media screen and (max-width: 599px) {
          .interview12 .box_type4 .profile .text_box ul li a {
            font-size: 12px; } }
        .interview12 .box_type4 .profile .text_box ul li a:before {
          content: "＞";
          display: inline-block;
          margin-right: 0.4em;
          font-weight: bold;
          color: #e6002d; }
      .interview12 .box_type4 .profile .text_box ul li + li {
        margin-top: 0.6em; }
  .interview12 .box_type4 .layout_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100% !important; }
    .interview12 .box_type4 .layout_type1 .img_box {
      width: 31.77%; }
      .interview12 .box_type4 .layout_type1 .img_box img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 599px) {
        .interview12 .box_type4 .layout_type1 .img_box {
          width: 100%; } }
    .interview12 .box_type4 .layout_type1 .text_box {
      width: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview12 .box_type4 .layout_type1 .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview12 .box_type4 .layout_type1 .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview12 .box_type4 .layout_type1 .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview12 .box_type4 .layout_type1 .text_box {
          width: 100%; } }

.interview13 .tac {
  text-align: center; }

.interview13 .no_indent {
  text-indent: 0 !important; }

.interview13 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview13 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview13 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview13 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview13 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview13 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }
  .interview13 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview13 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview13 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 section .new_inner .img_box p {
        font-size: 12px; } }

.interview13 .visual_box {
  margin-bottom: 0; }
  .interview13 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 3px; }
    @media screen and (min-width: 960px) {
      .interview13 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview13 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview13 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview13 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview13 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview13 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview13 .visual_box h3 {
        letter-spacing: 0px; } }
    .interview13 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #4a99c3 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview13 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview13 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview13 .visual_box h3:after {
          margin-top: 10px; } }
  .interview13 .visual_box p {
    background: rgba(164, 209, 233, 0.2);
    padding: 1.5em 2em;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview13 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview13 .visual_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 .visual_box p {
        font-size: 12px; } }
  .interview13 .visual_box:after {
    content: "";
    background: url("../img/interview/13/icon2.png") no-repeat center center;
    background-size: cover;
    width: 19em;
    height: 1.5em;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview13 .visual_box:after {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview13 .visual_box:after {
        font-size: 13px; } }
    @media screen and (max-width: 599px) {
      .interview13 .visual_box:after {
        font-size: 10px; } }
    @media screen and (min-width: 960px) {
      .interview13 .visual_box:after {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview13 .visual_box:after {
        margin-top: 45px; } }
    @media screen and (max-width: 599px) {
      .interview13 .visual_box:after {
        margin-top: 30px; } }

.interview13 .bg2 {
  background: #64c0ab; }
  @media screen and (min-width: 960px) {
    .interview13 .bg2 {
      padding-top: 145px; } }
  @media screen and (max-width: 959px) {
    .interview13 .bg2 {
      padding-top: 125px; } }
  @media screen and (max-width: 599px) {
    .interview13 .bg2 {
      padding-top: 105px; } }
  @media screen and (min-width: 960px) {
    .interview13 .bg2 {
      padding-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    .interview13 .bg2 {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    .interview13 .bg2 {
      padding-bottom: 45px; } }
  .interview13 .bg2 .img_area {
    background: #ffffff;
    padding-top: 2.875em;
    padding-bottom: 3.3125em;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview13 .bg2 .img_area {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview13 .bg2 .img_area {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview13 .bg2 .img_area {
        font-size: 12px; } }
    .interview13 .bg2 .img_area:before {
      content: "";
      position: absolute;
      top: -9.5em;
      left: calc(50% - 5.5em);
      background: url("/wp-content/themes/familydr/img/interview/11/logo.png") no-repeat center center;
      background-size: cover;
      width: 11em;
      height: 11em; }
      @media screen and (min-width: 960px) {
        .interview13 .bg2 .img_area:before {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview13 .bg2 .img_area:before {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview13 .bg2 .img_area:before {
          font-size: 14px; } }
    .interview13 .bg2 .img_area:after {
      content: "";
      position: absolute;
      bottom: -1.5em;
      left: calc(50% - 2.45em);
      background: url("/wp-content/themes/familydr/img/interview/11/arrow.png") no-repeat center center;
      background-size: cover;
      width: 4.9em;
      height: 3.5em; }
      @media screen and (min-width: 960px) {
        .interview13 .bg2 .img_area:after {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview13 .bg2 .img_area:after {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview13 .bg2 .img_area:after {
          font-size: 14px; } }
    .interview13 .bg2 .img_area h3 {
      width: 90%;
      text-align: center;
      color: #ffffff;
      background: #64c0ab;
      padding: 0.4em 0;
      margin: 1.5em auto 0;
      font-size: 1.25em;
      font-weight: bold;
      letter-spacing: 2px; }
      @media screen and (max-width: 599px) {
        .interview13 .bg2 .img_area h3 {
          margin-top: 0;
          letter-spacing: 1px; } }
    .interview13 .bg2 .img_area ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto;
      width: 90%; }
      .interview13 .bg2 .img_area ul li {
        flex-basis: 22%; }
        @media screen and (max-width: 599px) {
          .interview13 .bg2 .img_area ul li {
            flex-basis: 48%; } }
  @media screen and (max-width: 599px) and (max-width: 599px) {
    .interview13 .bg2 .img_area ul li {
      margin-bottom: 14px; } }
        .interview13 .bg2 .img_area ul li img {
          width: 100%;
          height: auto; }

.interview13 .photo_area {
  background: url("../img/interview/13/bg1.jpg") no-repeat center center;
  background-size: cover;
  border-top: 3px solid #2e60ac;
  border-bottom: 3px solid #2e60ac;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area {
      margin-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area {
      padding-top: 62px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area {
      padding-top: 38px; } }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area {
      padding-bottom: 38px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area {
      padding-bottom: 26px; } }
  .interview13 .photo_area:before {
    content: "";
    width: 10em;
    height: 10em;
    box-sizing: border-box;
    position: absolute;
    top: -5em;
    right: calc(50% - 5em);
    z-index: 10;
    background: url("../img/interview/13/icon1.png") no-repeat center center;
    background-size: cover; }
    @media screen and (min-width: 960px) {
      .interview13 .photo_area:before {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview13 .photo_area:before {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      .interview13 .photo_area:before {
        font-size: 8px; } }
  .interview13 .photo_area .img_box {
    max-width: 880px;
    margin: 0 auto 0 !important;
    width: 90%; }
  .interview13 .photo_area p {
    width: 90%;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview13 .photo_area p {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      .interview13 .photo_area p {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 .photo_area p {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview13 .photo_area p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview13 .photo_area p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 .photo_area p {
        font-size: 12px; } }

.interview13 .photo_area2 {
  background: linear-gradient(0deg, white 0%, white 20%, #e9fcff 20%, #e9fcff 85%, white 85%, white 100%); }
  .interview13 .photo_area2 .img_box {
    max-width: 1050px;
    margin: 0 auto 0 !important;
    width: 90%; }
  .interview13 .photo_area2 p {
    width: 90%;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    background: #f5f5f5;
    box-sizing: border-box;
    display: block;
    padding: 1em; }
    @media screen and (min-width: 960px) {
      .interview13 .photo_area2 p {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      .interview13 .photo_area2 p {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 .photo_area2 p {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview13 .photo_area2 p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview13 .photo_area2 p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 .photo_area2 p {
        font-size: 12px; } }

.interview13 .photo_area3 {
  border-top: 3px solid #2e60ac;
  border-bottom: 3px solid #2e60ac;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area3 {
      padding-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area3 {
      padding-top: 75px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area3 {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area3 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area3 {
      padding-bottom: 75px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area3 {
      padding-bottom: 60px; } }
  .interview13 .photo_area3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview13 .photo_area3 ul li {
      flex-basis: 48.21273%; }
      @media screen and (min-width: 960px) {
        .interview13 .photo_area3 ul li:first-child {
          margin-bottom: 30px; } }
      @media screen and (max-width: 959px) {
        .interview13 .photo_area3 ul li:first-child {
          margin-bottom: 20px; } }
      @media screen and (max-width: 599px) {
        .interview13 .photo_area3 ul li:first-child {
          margin-bottom: 10px; } }
      @media screen and (max-width: 599px) {
        .interview13 .photo_area3 ul li {
          flex-basis: 100%; } }
  @media screen and (max-width: 599px) and (min-width: 960px) {
    .interview13 .photo_area3 ul li {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) and (max-width: 959px) {
    .interview13 .photo_area3 ul li {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) and (max-width: 599px) {
    .interview13 .photo_area3 ul li {
      margin-bottom: 10px; } }
      @media screen and (max-width: 599px) {
          .interview13 .photo_area3 ul li:last-child {
            margin-bottom: 0; } }
      .interview13 .photo_area3 ul li img {
        margin: 0;
        width: 100%;
        height: auto; }

.interview13 .photo_area4 {
  background: url("../img/interview/13/bg2.jpg") no-repeat center center;
  background-size: cover;
  border-top: 3px solid #2e60ac;
  border-bottom: 3px solid #2e60ac;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area4 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area4 {
      margin-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area4 {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area4 {
      padding-top: 62px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area4 {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area4 {
      padding-top: 38px; } }
  @media screen and (min-width: 960px) {
    .interview13 .photo_area4 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview13 .photo_area4 {
      padding-bottom: 38px; } }
  @media screen and (max-width: 599px) {
    .interview13 .photo_area4 {
      padding-bottom: 26px; } }
  .interview13 .photo_area4 .img_box {
    max-width: 880px;
    margin: 0 auto 0 !important;
    width: 90%; }
  .interview13 .photo_area4 p {
    width: 90%;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview13 .photo_area4 p {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      .interview13 .photo_area4 p {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 .photo_area4 p {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview13 .photo_area4 p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview13 .photo_area4 p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview13 .photo_area4 p {
        font-size: 12px; } }

.interview13 .app_box {
  background-size: auto auto;
  background-color: #aad7e5;
  background-image: repeating-linear-gradient(30deg, transparent, transparent 10px, #a4d1df 10px, #a4d1df 20px); }
  @media screen and (min-width: 960px) {
    .interview13 .app_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview13 .app_box {
      padding-top: 65px; } }
  @media screen and (max-width: 599px) {
    .interview13 .app_box {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview13 .app_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview13 .app_box {
      padding-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    .interview13 .app_box {
      padding-bottom: 50px; } }
  .interview13 .app_box ul {
    background: #fcfcfc;
    box-sizing: border-box;
    border: 1px solid #57afd8;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview13 .app_box ul {
        padding: 45px; } }
    @media screen and (max-width: 959px) {
      .interview13 .app_box ul {
        padding: 35px; } }
    @media screen and (max-width: 599px) {
      .interview13 .app_box ul {
        padding: 25px; } }
    @media screen and (max-width: 959px) {
      .interview13 .app_box ul {
        display: block; } }
    .interview13 .app_box ul img {
      width: 100%;
      height: auto; }
    .interview13 .app_box ul .img_box {
      flex-basis: 19.2607%;
      margin: 0; }
      @media screen and (max-width: 959px) {
        .interview13 .app_box ul .img_box {
          width: 60%;
          max-width: 480px;
          margin: 0 auto 1em; } }
    .interview13 .app_box ul .text_box {
      flex-basis: 73.92996%;
      position: relative; }
      .interview13 .app_box ul .text_box h3 {
        color: #e4027f;
        font-weight: bold;
        margin-bottom: 0.6em; }
        @media screen and (min-width: 960px) {
          .interview13 .app_box ul .text_box h3 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          .interview13 .app_box ul .text_box h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview13 .app_box ul .text_box h3 {
            font-size: 20px; } }
        .interview13 .app_box ul .text_box h3:before {
          width: 1em;
          height: 1em;
          font-size: 0.8em;
          margin-right: 0.6em;
          display: inline-block;
          background: #e4027f;
          content: ""; }
      .interview13 .app_box ul .text_box p {
        line-height: 2.2em; }
        @media screen and (min-width: 960px) {
          .interview13 .app_box ul .text_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview13 .app_box ul .text_box p {
            font-size: 15px; } }
        @media screen and (max-width: 599px) {
          .interview13 .app_box ul .text_box p {
            font-size: 12px; } }
        .interview13 .app_box ul .text_box p span {
          display: block;
          margin-bottom: 1em; }
          @media screen and (min-width: 960px) {
            .interview13 .app_box ul .text_box p span {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            .interview13 .app_box ul .text_box p span {
              font-size: 17px; } }
          @media screen and (max-width: 599px) {
            .interview13 .app_box ul .text_box p span {
              font-size: 14px; } }
      .interview13 .app_box ul .text_box a.btn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 0.6em;
        background: #e4027f;
        color: #ffffff; }
        @media screen and (min-width: 960px) {
          .interview13 .app_box ul .text_box a.btn {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview13 .app_box ul .text_box a.btn {
            font-size: 15px; } }
        @media screen and (max-width: 599px) {
          .interview13 .app_box ul .text_box a.btn {
            font-size: 12px; } }
        .interview13 .app_box ul .text_box a.btn:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f105';
          font-weight: 900;
          color: #ffffff;
          margin-right: 0.4em; }
        @media screen and (max-width: 959px) {
          .interview13 .app_box ul .text_box a.btn {
            position: static;
            display: block;
            margin-top: 2em; } }

.interview13 .box_type1 {
  background: transparent;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview13 .box_type1 {
      padding-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview13 .box_type1 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview13 .box_type1 {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview13 .box_type1 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview13 .box_type1 {
      padding-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview13 .box_type1 {
      padding-bottom: 30px; } }
  .interview13 .box_type1.border {
    border-top: 2px solid #64c0ab;
    border-bottom: 2px solid #64c0ab;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1.border {
        padding-top: 90px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1.border {
        padding-top: 75px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1.border {
        padding-top: 60px; } }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1.border {
        padding-bottom: 90px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1.border {
        padding-bottom: 75px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1.border {
        padding-bottom: 60px; } }
    .interview13 .box_type1.border:before, .interview13 .box_type1.border:after {
      content: "";
      width: 1em;
      height: 1em;
      background: #64c0ab;
      border: 1px solid #ffffff;
      transform: rotate(45deg);
      position: absolute;
      top: calc(-0.5em - 2px);
      left: calc(50% - 0.5em); }
      @media screen and (min-width: 960px) {
        .interview13 .box_type1.border:before, .interview13 .box_type1.border:after {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1.border:before, .interview13 .box_type1.border:after {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1.border:before, .interview13 .box_type1.border:after {
          font-size: 18px; } }
    .interview13 .box_type1.border:after {
      top: auto;
      bottom: calc(-0.5em - 2px); }
    .interview13 .box_type1.border + .border {
      border-top: none; }
      .interview13 .box_type1.border + .border:before {
        display: none; }
  .interview13 .box_type1 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1 .link_box p {
        font-size: 14px; } }
    .interview13 .box_type1 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview13 .box_type1 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1 .text_box {
        font-size: 12px; } }
    .interview13 .box_type1 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview13 .box_type1 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview13 .box_type1 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .text_box p {
          padding-top: 24px; } }
      .interview13 .box_type1 .text_box p a {
        color: #3b3bff;
        text-decoration: underline; }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview13 .box_type1 .text_box.type1 p {
      text-indent: 0;
      background: #ffffff;
      border: 1px solid #a4d1df; }
      .interview13 .box_type1 .text_box.type1 p:last-child {
        position: relative; }
        .interview13 .box_type1 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #57afd8; }
    .interview13 .box_type1 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #57afd8;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview13 .box_type1 .text_box.type2:last-child {
      margin-bottom: 0; }
    .interview13 .box_type1 .text_box.type2 p {
      background: rgba(255, 255, 255, 0.85);
      border-left: 1px solid #7c7c7c;
      border-right: 1px solid #7c7c7c;
      box-sizing: border-box; }
      .interview13 .box_type1 .text_box.type2 p + p {
        padding-top: 0.7em; }
      .interview13 .box_type1 .text_box.type2 p:first-child {
        border-top: 1px solid #7c7c7c; }
      .interview13 .box_type1 .text_box.type2 p:last-child {
        border-bottom: 1px solid #7c7c7c;
        position: relative; }
        .interview13 .box_type1 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #000000; }
    .interview13 .box_type1 .text_box.type2:before {
      z-index: 10;
      content: "新原さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #000000;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview13 .box_type1 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .text_box.type2:before {
          left: 10px; } }
  .interview13 .box_type1 .img_box1 {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1 .img_box1 {
        margin-top: 90px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1 .img_box1 {
        margin-top: 70px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1 .img_box1 {
        margin-top: 50px; } }
    .interview13 .box_type1 .img_box1 img {
      width: 100%;
      height: auto; }
  .interview13 .box_type1 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview13 .box_type1 .layaut_type1 .text_box {
      flex-basis: 57%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type1 .text_box {
          flex-basis: 100%;
          margin-bottom: 15px; } }
    .interview13 .box_type1 .layaut_type1 .img_box {
      flex-basis: calc(100% - 60%); }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          flex-basis: 100%;
          margin-bottom: 15px; }
          .interview13 .box_type1 .layaut_type1 .img_box img {
            width: 90%;
            margin: 0 auto; } }
      .interview13 .box_type1 .layaut_type1 .img_box P {
        display: inline-block;
        padding: 1em 1.2em;
        background: whitesmoke;
        margin: 1em auto 0;
        min-width: 56.76856%;
        box-sizing: border-box; }
        @media screen and (min-width: 960px) {
          .interview13 .box_type1 .layaut_type1 .img_box P {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview13 .box_type1 .layaut_type1 .img_box P {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview13 .box_type1 .layaut_type1 .img_box P {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          .interview13 .box_type1 .layaut_type1 .img_box P {
            min-width: none; } }
        .interview13 .box_type1 .layaut_type1 .img_box P a {
          color: #3b3bff;
          text-decoration: underline; }
    .interview13 .box_type1 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview13 .box_type1 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1 .layaut_type1 + .text_box {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1 .layaut_type1 + .text_box {
        margin-top: 65px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1 .layaut_type1 + .text_box {
        margin-top: 50px; } }
  .interview13 .box_type1 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview13 .box_type1 .layaut_type2 .img_box {
      flex-basis: 50%;
      margin-bottom: 0 !important; }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type2 .img_box {
          flex-basis: 100%; }
          .interview13 .box_type1 .layaut_type2 .img_box img {
            margin: 0; } }
    .interview13 .box_type1 .layaut_type2 P {
      display: inline-block;
      padding: 1em 1.2em;
      background: whitesmoke;
      margin: 1em auto 0;
      min-width: 56.76856%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview13 .box_type1 .layaut_type2 P {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .layaut_type2 P {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type2 P {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type2 P {
          min-width: none; } }
  .interview13 .box_type1 .layaut_type3 {
    text-align: center; }
    .interview13 .box_type1 .layaut_type3 .img_box {
      width: 80%;
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview13 .box_type1 .layaut_type3 .img_box {
          margin-top: 60px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .layaut_type3 .img_box {
          margin-top: 50px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type3 .img_box {
          margin-top: 40px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type3 .img_box {
          flex-basis: 100%; }
          .interview13 .box_type1 .layaut_type3 .img_box img {
            margin: 0; } }
    .interview13 .box_type1 .layaut_type3 P {
      display: inline-block;
      padding: 1em 1.2em;
      background: whitesmoke;
      margin: 1em auto 0;
      min-width: 56.76856%;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview13 .box_type1 .layaut_type3 P {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type1 .layaut_type3 P {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type3 P {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type1 .layaut_type3 P {
          min-width: none; } }
      .interview13 .box_type1 .layaut_type3 P a {
        color: #3846f2;
        text-decoration: underline; }
    @media screen and (min-width: 960px) {
      .interview13 .box_type1 .layaut_type3 + .text_box {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type1 .layaut_type3 + .text_box {
        margin-top: 65px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type1 .layaut_type3 + .text_box {
        margin-top: 50px; } }

.interview13 .box_type4 {
  border-top: 3px solid #2e60ac; }
  @media screen and (min-width: 960px) {
    .interview13 .box_type4 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview13 .box_type4 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview13 .box_type4 {
      padding-bottom: 40px; } }
  .interview13 .box_type4 .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #2e60ac; }
    @media screen and (min-width: 960px) {
      .interview13 .box_type4 .profile {
        padding-top: 88px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type4 .profile {
        padding-top: 68px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type4 .profile {
        padding-top: 48px; } }
    @media screen and (min-width: 960px) {
      .interview13 .box_type4 .profile {
        padding-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      .interview13 .box_type4 .profile {
        padding-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .interview13 .box_type4 .profile {
        padding-bottom: 10px; } }
    .interview13 .box_type4 .profile .text_box h3 {
      font-size: 30px;
      font-weight: bold; }
      @media screen and (max-width: 959px) {
        .interview13 .box_type4 .profile .text_box h3 {
          font-size: 24px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type4 .profile .text_box h3 {
          font-size: 18px; } }
      .interview13 .box_type4 .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview13 .box_type4 .profile .text_box h3 span {
            font-size: 0.8em; } }
    .interview13 .box_type4 .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview13 .box_type4 .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type4 .profile .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type4 .profile .text_box p {
          font-size: 12px; } }
  .interview13 .box_type4 .layout_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100% !important; }
    .interview13 .box_type4 .layout_type1 .img_box {
      width: 31.77%; }
      .interview13 .box_type4 .layout_type1 .img_box img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 599px) {
        .interview13 .box_type4 .layout_type1 .img_box {
          width: 100%; } }
    .interview13 .box_type4 .layout_type1 .text_box {
      width: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview13 .box_type4 .layout_type1 .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview13 .box_type4 .layout_type1 .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type4 .layout_type1 .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview13 .box_type4 .layout_type1 .text_box {
          width: 100%; } }

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

.interview14 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 3px; }
  @media screen and (min-width: 960px) {
    .interview14 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview14 .visual_box h3 {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .interview14 .visual_box h3 {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .interview14 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview14 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview14 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview14 .visual_box h3 {
      letter-spacing: 0px; } }
  .interview14 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #596975 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview14 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview14 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview14 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview14 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview14 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview14 .visual_box {
    margin-bottom: 42px; } }

.interview14 .visual_box p {
  background: rgba(208, 213, 214, 0.2);
  padding: 1.5em 2em;
  box-sizing: border-box;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .interview14 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview14 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview14 .visual_box p {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .interview14 .visual_box p {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview14 .visual_box p {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview14 .visual_box p {
      margin-top: 20px; } }

@media screen and (min-width: 960px) {
  .interview14 section[class^="box"] {
    padding-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview14 section[class^="box"] {
    padding-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview14 section[class^="box"] {
    padding-top: 40px; } }

@media screen and (min-width: 960px) {
  .interview14 section[class^="box"] {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview14 section[class^="box"] {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview14 section[class^="box"] {
    padding-bottom: 40px; } }

.interview14 section[class^="box"] h3 {
  margin-bottom: 1.5em;
  padding: 0 0 0.5em 1.2em;
  position: relative;
  border-bottom: 4px solid #596975;
  border-left: 5px solid #596975; }
  @media screen and (min-width: 960px) {
    .interview14 section[class^="box"] h3 {
      font-size: 28px; } }
  @media screen and (max-width: 959px) {
    .interview14 section[class^="box"] h3 {
      font-size: 23px; } }
  @media screen and (max-width: 599px) {
    .interview14 section[class^="box"] h3 {
      font-size: 18px; } }
  .interview14 section[class^="box"] h3 span {
    font-weight: bold;
    display: inline-block;
    background: #ffffff;
    padding-right: 0.3em;
    z-index: 20;
    position: relative;
    font-size: 1em; }
  .interview14 section[class^="box"] h3:before {
    content: "";
    width: 9.10714em;
    height: 4px;
    background: #e22d65;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 10;
    position: absolute; }
  .interview14 section[class^="box"] h3:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 3em;
    right: 0;
    border-bottom: 2px dashed #c6c6c6;
    z-index: 0; }

.interview14 section[class^="box"] p {
  line-height: 2.2;
  text-indent: 1em; }
  @media screen and (min-width: 960px) {
    .interview14 section[class^="box"] p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview14 section[class^="box"] p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview14 section[class^="box"] p {
      font-size: 14px; } }
  .interview14 section[class^="box"] p + p {
    margin-top: 1.3em; }

.interview14 .box1 {
  border-top: 2px solid #596975; }
  .interview14 .box1 .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .interview14 .box1 .flex_box {
        display: block; } }
    .interview14 .box1 .flex_box .text_box {
      flex-basis: 59.68858%;
      margin-bottom: 1em; }
    .interview14 .box1 .flex_box .img_box {
      flex-basis: 34.60208%;
      margin-bottom: 1em; }
    .interview14 .box1 .flex_box.reverse .text_box {
      order: 2; }
    .interview14 .box1 .flex_box.reverse .img_box {
      order: 1; }
  .interview14 .box1 p + .flex_box {
    margin-top: 2em; }
  .interview14 .box1 .photo_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (min-width: 960px) {
      .interview14 .box1 .photo_box {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview14 .box1 .photo_box {
        margin-top: 45px; } }
    @media screen and (max-width: 599px) {
      .interview14 .box1 .photo_box {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview14 .box1 .photo_box {
        display: block; } }
    .interview14 .box1 .photo_box .img_box {
      flex-basis: 60.55363%; }
    .interview14 .box1 .photo_box .text_box {
      flex-basis: 39.44637%;
      border-bottom: 4px solid #596975;
      position: relative; }
      @media screen and (min-width: 960px) {
        .interview14 .box1 .photo_box .text_box {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview14 .box1 .photo_box .text_box {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview14 .box1 .photo_box .text_box {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview14 .box1 .photo_box .text_box {
          margin-top: 1em; } }
      .interview14 .box1 .photo_box .text_box:before {
        content: "";
        width: 8.33333em;
        height: 4px;
        background: #e22d65;
        position: absolute;
        bottom: -4px;
        left: 0;
        z-index: 10;
        position: absolute; }
      .interview14 .box1 .photo_box .text_box:after {
        content: "";
        width: 1.5em;
        height: 1.5em;
        border-radius: 0.75em;
        background: #e22d65;
        position: absolute;
        bottom: -0.75em;
        left: -0.75em; }
      .interview14 .box1 .photo_box .text_box span {
        font-size: 1em;
        font-weight: bold;
        display: block;
        padding-left: 1.5em;
        padding-bottom: 0.75em; }

.interview14 .photo_box2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 4px solid #596975; }
  .interview14 .photo_box2 ul li {
    flex-basis: 25%;
    line-height: 1; }
    .interview14 .photo_box2 ul li img {
      border-bottom: 4px solid #596975; }
    @media screen and (max-width: 599px) {
      .interview14 .photo_box2 ul li {
        flex: 50%; }
        .interview14 .photo_box2 ul li:nth-of-type(1) img, .interview14 .photo_box2 ul li:nth-of-type(2) img {
          border-bottom: none; }
        .interview14 .photo_box2 ul li:nth-of-type(3), .interview14 .photo_box2 ul li:nth-of-type(4) {
          transform: translateY(-4px); } }

.interview14 .box2 {
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview14 .box2.bb {
      padding-bottom: 110px; } }
  @media screen and (max-width: 959px) {
    .interview14 .box2.bb {
      padding-bottom: 95px; } }
  @media screen and (max-width: 599px) {
    .interview14 .box2.bb {
      padding-bottom: 80px; } }
  .interview14 .box2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview14 .box2 ul {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview14 .box2 ul {
        margin-top: 40px; } }
    @media screen and (max-width: 599px) {
      .interview14 .box2 ul {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      .interview14 .box2 ul {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview14 .box2 ul {
        margin-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      .interview14 .box2 ul {
        margin-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .interview14 .box2 ul {
        display: block; } }
    .interview14 .box2 ul li {
      flex-basis: 50%; }
      @media screen and (max-width: 599px) {
        .interview14 .box2 ul li + li {
          margin-top: 15px; } }
  .interview14 .box2 .btn_box {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 80%;
    max-width: 355px;
    background: #e22d65; }
    .interview14 .box2 .btn_box a {
      display: block;
      color: #ffffff;
      padding: 1em 2em 1em 1em;
      position: relative; }
      @media screen and (min-width: 960px) {
        .interview14 .box2 .btn_box a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview14 .box2 .btn_box a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview14 .box2 .btn_box a {
          font-size: 12px; } }
      .interview14 .box2 .btn_box a:after {
        content: "";
        background: url("../img/interview/14/arrow.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        right: -1.1875em;
        top: calc(50% - 1.78em);
        width: 2.375em;
        height: 3.5625em; }
        @media screen and (min-width: 960px) {
          .interview14 .box2 .btn_box a:after {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview14 .box2 .btn_box a:after {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview14 .box2 .btn_box a:after {
            font-size: 12px; } }
      .interview14 .box2 .btn_box a b {
        display: block;
        color: #ffffff; }

.interview14 .photo_box3 img {
  display: block;
  border-bottom: 4px solid #596975;
  border-top: 4px solid #596975; }

.interview14 .message_box {
  background-size: 32px 32px;
  background-position: 50% 50%;
  background-image: repeating-linear-gradient(90deg, #494443, #494443 1px, transparent 1px, transparent 32px), repeating-linear-gradient(0deg, #494443, #494443 1px, transparent 1px, transparent 32px);
  background-color: #3e3a39; }
  @media screen and (min-width: 960px) {
    .interview14 .message_box {
      padding-top: 160px; } }
  @media screen and (max-width: 959px) {
    .interview14 .message_box {
      padding-top: 140px; } }
  @media screen and (max-width: 599px) {
    .interview14 .message_box {
      padding-top: 120px; } }
  @media screen and (min-width: 960px) {
    .interview14 .message_box {
      padding-bottom: 110px; } }
  @media screen and (max-width: 959px) {
    .interview14 .message_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview14 .message_box {
      padding-bottom: 70px; } }
  .interview14 .message_box .new_inner {
    background: #ffffff;
    border-radius: 0.5em;
    box-sizing: border-box;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview14 .message_box .new_inner {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview14 .message_box .new_inner {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview14 .message_box .new_inner {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .interview14 .message_box .new_inner {
        padding: 60px; } }
    @media screen and (max-width: 959px) {
      .interview14 .message_box .new_inner {
        padding: 45px; } }
    @media screen and (max-width: 599px) {
      .interview14 .message_box .new_inner {
        padding: 30px; } }
    .interview14 .message_box .new_inner:after {
      content: "";
      display: block;
      width: 1em;
      height: 1em;
      position: absolute;
      bottom: -0.5em;
      left: calc(50% - 0.5em);
      background: #e22d65;
      border-radius: 0.5em; }
    .interview14 .message_box .new_inner h3 {
      text-align: center;
      font-weight: bold;
      letter-spacing: 2px; }
      @media screen and (min-width: 960px) {
        .interview14 .message_box .new_inner h3 {
          font-size: 28px; } }
      @media screen and (max-width: 959px) {
        .interview14 .message_box .new_inner h3 {
          font-size: 22px; } }
      @media screen and (max-width: 599px) {
        .interview14 .message_box .new_inner h3 {
          font-size: 16px; } }
      .interview14 .message_box .new_inner h3:after {
        content: "";
        display: block;
        width: 16.42857em;
        margin: 1em auto 1.5em;
        height: 4px;
        background: #e22d65; }
    .interview14 .message_box .new_inner p {
      line-height: 2; }

@media screen and (min-width: 960px) {
  .interview14 .profile_box {
    padding-bottom: 115px; } }

@media screen and (max-width: 959px) {
  .interview14 .profile_box {
    padding-bottom: 95px; } }

@media screen and (max-width: 599px) {
  .interview14 .profile_box {
    padding-bottom: 75px; } }

.interview14 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #3e3a39;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview14 .profile_box .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 959px) {
    .interview14 .profile_box .profile {
      padding-top: 68px; } }
  @media screen and (max-width: 599px) {
    .interview14 .profile_box .profile {
      padding-top: 48px; } }
  @media screen and (min-width: 960px) {
    .interview14 .profile_box .profile {
      padding-bottom: 45px; } }
  @media screen and (max-width: 959px) {
    .interview14 .profile_box .profile {
      padding-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .interview14 .profile_box .profile {
      padding-bottom: 25px; } }
  .interview14 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    @media screen and (max-width: 599px) {
      .interview14 .profile_box .profile .img_box {
        flex-basis: 100%; } }
  .interview14 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview14 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview14 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview14 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview14 .profile_box .profile .text_box {
        flex-basis: 100%; } }
  .interview14 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview14 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview14 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview14 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview14 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview14 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview14 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview14 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview14 .profile_box .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview14 .profile_box .profile .text_box p {
        font-size: 12px; } }
    .interview14 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }

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

.interview15 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview15 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview15 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview15 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview15 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview15 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }
  .interview15 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview15 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview15 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview15 section .new_inner .img_box p {
        font-size: 12px; } }

@media screen and (min-width: 960px) {
  .interview15 .visual_box {
    margin-bottom: 90px; } }

@media screen and (max-width: 959px) {
  .interview15 .visual_box {
    margin-bottom: 70px; } }

@media screen and (max-width: 599px) {
  .interview15 .visual_box {
    margin-bottom: 50px; } }

.interview15 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 3px; }
  @media screen and (min-width: 960px) {
    .interview15 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview15 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview15 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview15 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview15 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview15 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview15 .visual_box h3 {
      letter-spacing: 0px; } }
  .interview15 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f75527 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview15 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview15 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview15 .visual_box h3:after {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview15 .visual_box h3:after {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview15 .visual_box h3:after {
        margin-bottom: 25px; } }
    @media screen and (max-width: 599px) {
      .interview15 .visual_box h3:after {
        margin-bottom: 10px; } }

.interview15 .visual_box p {
  background: rgba(255, 172, 188, 0.2);
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview15 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview15 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview15 .visual_box p {
      font-size: 12px; } }

.interview15 .photo_box {
  border-top: 2px solid #50a87d;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview15 .photo_box {
      padding-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .photo_box {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .photo_box {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview15 .photo_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .photo_box {
      padding-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .photo_box {
      padding-bottom: 50px; } }
  .interview15 .photo_box h3 {
    text-align: center;
    color: #50a87d;
    font-weight: bold;
    margin: 0 auto 1.2em;
    display: inline-block;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview15 .photo_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview15 .photo_box h3 {
        font-size: 27px; } }
    @media screen and (max-width: 599px) {
      .interview15 .photo_box h3 {
        font-size: 22px; } }
    @media screen and (max-width: 959px) {
      .interview15 .photo_box h3 {
        max-width: 85%; } }
    @media screen and (max-width: 599px) {
      .interview15 .photo_box h3 {
        max-width: 75%; } }
    .interview15 .photo_box h3:after, .interview15 .photo_box h3:before {
      content: "";
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      position: absolute;
      top: calc(50% - 0.5em);
      left: 0;
      background: #50a87d;
      transform: translateX(-150%); }
      @media screen and (min-width: 960px) {
        .interview15 .photo_box h3:after, .interview15 .photo_box h3:before {
          font-size: 32px; } }
      @media screen and (max-width: 959px) {
        .interview15 .photo_box h3:after, .interview15 .photo_box h3:before {
          font-size: 27px; } }
      @media screen and (max-width: 599px) {
        .interview15 .photo_box h3:after, .interview15 .photo_box h3:before {
          font-size: 22px; } }
    .interview15 .photo_box h3:before {
      left: auto;
      right: 0;
      transform: translateX(150%); }
  .interview15 .photo_box .youtube {
    position: relative;
    max-width: 814px;
    margin: 0 auto; }
    .interview15 .photo_box .youtube iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 30; }
    .interview15 .photo_box .youtube:after {
      content: "";
      width: 100%;
      padding-top: 63%;
      display: block; }

.interview15 .btn_box {
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview15 .btn_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview15 .btn_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview15 .btn_box {
      margin-top: 30px; } }
  .interview15 .btn_box a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    padding: 0.8em 1em;
    background-color: #f49c27; }
    @media screen and (min-width: 960px) {
      .interview15 .btn_box a {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview15 .btn_box a {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview15 .btn_box a {
        font-size: 14px; } }
    .interview15 .btn_box a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      margin-right: 0.3em; }

.interview15 .box1 {
  border-top: 2px solid #50a87d;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview15 .box1 {
      padding-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .box1 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .box1 {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview15 .box1 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .box1 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .box1 {
      padding-bottom: 50px; } }
  .interview15 .box1.icon:before {
    content: "";
    width: 7.8em;
    height: 13em;
    background: url("../img/interview/15/icon1.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: -7.5em;
    right: calc(50% - 3.9em); }
    @media screen and (min-width: 960px) {
      .interview15 .box1.icon:before {
        font-size: 10px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box1.icon:before {
        font-size: 7px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box1.icon:before {
        font-size: 4px; } }
  .interview15 .box1 h3 {
    border-bottom: 2px dashed #50a87d;
    position: relative;
    padding-left: 1em;
    padding-bottom: 0.5em;
    font-weight: bold;
    color: #50a87d; }
    @media screen and (min-width: 960px) {
      .interview15 .box1 h3 {
        font-size: 23px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box1 h3 {
        font-size: 21px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box1 h3 {
        font-size: 19px; } }
    @media screen and (min-width: 960px) {
      .interview15 .box1 h3 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box1 h3 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box1 h3 {
        margin-bottom: 30px; } }
    .interview15 .box1 h3:before {
      content: "";
      position: absolute;
      top: 0.2em;
      left: 0;
      width: 0.43478em;
      height: 1.08696em;
      background: #50a87d; }
  .interview15 .box1 p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview15 .box1 p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box1 p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box1 p {
        font-size: 16px; } }
    .interview15 .box1 p + p {
      margin-top: 1.5em; }

.interview15 .box2 {
  background: url("../img/section_bg.png");
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview15 .box2 {
      padding-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .box2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .box2 {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview15 .box2 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .box2 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .box2 {
      padding-bottom: 50px; } }
  .interview15 .box2:before {
    content: "";
    width: 7.8em;
    height: 13em;
    background: url("../img/interview/15/icon1.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: -7.5em;
    right: calc(50% - 3.9em); }
    @media screen and (min-width: 960px) {
      .interview15 .box2:before {
        font-size: 10px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box2:before {
        font-size: 7px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box2:before {
        font-size: 4px; } }
  .interview15 .box2 .new_inner {
    border-radius: 1.5em;
    background: #ffffff;
    text-align: center;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview15 .box2 .new_inner {
        padding: 37px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box2 .new_inner {
        padding: 27px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box2 .new_inner {
        padding: 17px; } }
    @media screen and (min-width: 960px) {
      .interview15 .box2 .new_inner {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box2 .new_inner {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box2 .new_inner {
        font-size: 14px; } }
    .interview15 .box2 .new_inner h3 {
      text-align: center;
      color: #50a87d;
      font-weight: bold;
      margin: 0.8em auto 1.2em;
      display: inline-block;
      position: relative; }
      @media screen and (min-width: 960px) {
        .interview15 .box2 .new_inner h3 {
          font-size: 32px; } }
      @media screen and (max-width: 959px) {
        .interview15 .box2 .new_inner h3 {
          font-size: 27px; } }
      @media screen and (max-width: 599px) {
        .interview15 .box2 .new_inner h3 {
          font-size: 22px; } }
      @media screen and (max-width: 959px) {
        .interview15 .box2 .new_inner h3 {
          max-width: 85%; } }
      @media screen and (max-width: 599px) {
        .interview15 .box2 .new_inner h3 {
          max-width: 75%; } }
      .interview15 .box2 .new_inner h3:after, .interview15 .box2 .new_inner h3:before {
        content: "";
        width: 1em;
        height: 1em;
        border-radius: 0.5em;
        position: absolute;
        top: calc(50% - 0.5em);
        left: 0;
        background: #50a87d;
        transform: translateX(-150%); }
        @media screen and (min-width: 960px) {
          .interview15 .box2 .new_inner h3:after, .interview15 .box2 .new_inner h3:before {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          .interview15 .box2 .new_inner h3:after, .interview15 .box2 .new_inner h3:before {
            font-size: 27px; } }
        @media screen and (max-width: 599px) {
          .interview15 .box2 .new_inner h3:after, .interview15 .box2 .new_inner h3:before {
            font-size: 22px; } }
      .interview15 .box2 .new_inner h3:before {
        left: auto;
        right: 0;
        transform: translateX(150%); }
    .interview15 .box2 .new_inner .text_box ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 600px) {
        .interview15 .box2 .new_inner .text_box ul li {
          flex-basis: 29.37262%; } }
      @media screen and (max-width: 599px) {
        .interview15 .box2 .new_inner .text_box ul li + li {
          margin-top: 20px;
          padding-top: 20px;
          border-top: 1px dashed #cccccc; } }
      .interview15 .box2 .new_inner .text_box ul li h4 {
        text-align: center;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          .interview15 .box2 .new_inner .text_box ul li h4 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .interview15 .box2 .new_inner .text_box ul li h4 {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          .interview15 .box2 .new_inner .text_box ul li h4 {
            font-size: 16px; } }
        .interview15 .box2 .new_inner .text_box ul li h4:after {
          content: "";
          width: 4em;
          height: 0.25em;
          background: #f75b27;
          display: block;
          margin: 2em auto 2em; }
      .interview15 .box2 .new_inner .text_box ul li p {
        line-height: 2.2;
        text-align: left; }
        @media screen and (min-width: 960px) {
          .interview15 .box2 .new_inner .text_box ul li p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview15 .box2 .new_inner .text_box ul li p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview15 .box2 .new_inner .text_box ul li p {
            font-size: 14px; } }
      .interview15 .box2 .new_inner .text_box ul li:nth-of-type(1) {
        order: 1; }
      .interview15 .box2 .new_inner .text_box ul li:nth-of-type(2) {
        order: 3; }
      .interview15 .box2 .new_inner .text_box ul li:nth-of-type(3) {
        order: 5; }
        @media screen and (max-width: 599px) {
          .interview15 .box2 .new_inner .text_box ul li:nth-of-type(3) {
            padding-bottom: 20px; } }
      @media screen and (min-width: 600px) {
        .interview15 .box2 .new_inner .text_box ul:before {
          content: "";
          width: 1px;
          border-right: 1px dashed #cccccc;
          display: block;
          order: 2; }
        .interview15 .box2 .new_inner .text_box ul:after {
          content: "";
          width: 1px;
          border-right: 1px dashed #cccccc;
          display: block;
          order: 4; } }

.interview15 .box3 {
  background: url("../img/section_bg.png");
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview15 .box3 {
      padding-top: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .box3 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .box3 {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview15 .box3 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .interview15 .box3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .interview15 .box3 {
      padding-bottom: 50px; } }
  .interview15 .box3 .new_inner {
    border-radius: 1.5em;
    background: #ffffff;
    text-align: center;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview15 .box3 .new_inner {
        padding: 37px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box3 .new_inner {
        padding: 27px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box3 .new_inner {
        padding: 17px; } }
    @media screen and (min-width: 960px) {
      .interview15 .box3 .new_inner {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box3 .new_inner {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box3 .new_inner {
        font-size: 14px; } }
    .interview15 .box3 .new_inner h3 {
      color: #ffffff;
      background: #50a87d;
      text-align: center;
      border-radius: 2em;
      padding: 0.8em 1em;
      font-weight: bold;
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview15 .box3 .new_inner h3 {
          font-size: 23px; } }
      @media screen and (max-width: 959px) {
        .interview15 .box3 .new_inner h3 {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        .interview15 .box3 .new_inner h3 {
          font-size: 17px; } }
      @media screen and (min-width: 960px) {
        .interview15 .box3 .new_inner h3 {
          margin-top: 10px; } }
      @media screen and (max-width: 959px) {
        .interview15 .box3 .new_inner h3 {
          margin-top: 7px; } }
      @media screen and (max-width: 599px) {
        .interview15 .box3 .new_inner h3 {
          margin-top: 4px; } }
      @media screen and (min-width: 960px) {
        .interview15 .box3 .new_inner h3 {
          margin-bottom: 60px; } }
      @media screen and (max-width: 959px) {
        .interview15 .box3 .new_inner h3 {
          margin-bottom: 45px; } }
      @media screen and (max-width: 599px) {
        .interview15 .box3 .new_inner h3 {
          margin-bottom: 30px; } }
    @media screen and (min-width: 960px) {
      .interview15 .box3 .new_inner .img_box {
        margin-bottom: 15px; } }
    @media screen and (max-width: 959px) {
      .interview15 .box3 .new_inner .img_box {
        margin-bottom: 12px; } }
    @media screen and (max-width: 599px) {
      .interview15 .box3 .new_inner .img_box {
        margin-bottom: 9px; } }
    .interview15 .box3 .new_inner h4 {
      background: rgba(80, 168, 125, 0.8);
      color: #ffffff;
      padding: 0.8em 1em; }
      @media screen and (min-width: 960px) {
        .interview15 .box3 .new_inner h4 {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview15 .box3 .new_inner h4 {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview15 .box3 .new_inner h4 {
          font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .interview15 .box3 .new_inner h4 {
          margin-bottom: 60px; } }
      @media screen and (max-width: 959px) {
        .interview15 .box3 .new_inner h4 {
          margin-bottom: 45px; } }
      @media screen and (max-width: 599px) {
        .interview15 .box3 .new_inner h4 {
          margin-bottom: 30px; } }
    .interview15 .box3 .new_inner .text_box ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 600px) {
        .interview15 .box3 .new_inner .text_box ul li {
          flex-basis: 45.05703%;
          position: relative; } }
  @media screen and (min-width: 600px) and (min-width: 960px) {
    .interview15 .box3 .new_inner .text_box ul li {
      padding-bottom: 120px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    .interview15 .box3 .new_inner .text_box ul li {
      padding-bottom: 105px; } }
  @media screen and (min-width: 600px) and (max-width: 599px) {
    .interview15 .box3 .new_inner .text_box ul li {
      padding-bottom: 90px; } }
      @media screen and (max-width: 599px) {
        .interview15 .box3 .new_inner .text_box ul li + li {
          margin-top: 40px;
          padding-top: 20px;
          border-top: 1px dashed #cccccc; } }
      .interview15 .box3 .new_inner .text_box ul li h5 {
        text-align: center;
        background: #f5f5f5;
        padding: 0.8em 1em;
        box-sizing: border-box; }
        @media screen and (min-width: 960px) {
          .interview15 .box3 .new_inner .text_box ul li h5 {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview15 .box3 .new_inner .text_box ul li h5 {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview15 .box3 .new_inner .text_box ul li h5 {
            font-size: 14px; } }
        @media screen and (min-width: 600px) {
          .interview15 .box3 .new_inner .text_box ul li h5 {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0; } }
        @media screen and (max-width: 599px) {
          .interview15 .box3 .new_inner .text_box ul li h5 {
            margin-top: 20px; } }
      .interview15 .box3 .new_inner .text_box ul li p {
        line-height: 2.2;
        text-align: left; }
        @media screen and (min-width: 960px) {
          .interview15 .box3 .new_inner .text_box ul li p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview15 .box3 .new_inner .text_box ul li p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview15 .box3 .new_inner .text_box ul li p {
            font-size: 14px; } }
      .interview15 .box3 .new_inner .text_box ul li:nth-of-type(1) {
        order: 1; }
      .interview15 .box3 .new_inner .text_box ul li:nth-of-type(2) {
        order: 3; }
        @media screen and (max-width: 599px) {
          .interview15 .box3 .new_inner .text_box ul li:nth-of-type(2) {
            padding-bottom: 20px; } }
      @media screen and (min-width: 600px) {
        .interview15 .box3 .new_inner .text_box ul:before {
          content: "";
          width: 1px;
          border-right: 1px dashed #cccccc;
          display: block;
          order: 2; } }

.interview15 .profile_box {
  border-top: 2px solid #50a87d; }
  @media screen and (min-width: 960px) {
    .interview15 .profile_box {
      padding-bottom: 115px; } }
  @media screen and (max-width: 959px) {
    .interview15 .profile_box {
      padding-bottom: 95px; } }
  @media screen and (max-width: 599px) {
    .interview15 .profile_box {
      padding-bottom: 75px; } }
  .interview15 .profile_box .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #50a87d;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview15 .profile_box .profile {
        padding-top: 88px; } }
    @media screen and (max-width: 959px) {
      .interview15 .profile_box .profile {
        padding-top: 68px; } }
    @media screen and (max-width: 599px) {
      .interview15 .profile_box .profile {
        padding-top: 48px; } }
    @media screen and (min-width: 960px) {
      .interview15 .profile_box .profile {
        padding-bottom: 45px; } }
    @media screen and (max-width: 959px) {
      .interview15 .profile_box .profile {
        padding-bottom: 35px; } }
    @media screen and (max-width: 599px) {
      .interview15 .profile_box .profile {
        padding-bottom: 25px; } }
    .interview15 .profile_box .profile .img_box {
      flex-basis: 31.77%; }
      @media screen and (max-width: 599px) {
        .interview15 .profile_box .profile .img_box {
          flex-basis: 100%; } }
    .interview15 .profile_box .profile .text_box {
      flex-basis: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview15 .profile_box .profile .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview15 .profile_box .profile .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview15 .profile_box .profile .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview15 .profile_box .profile .text_box {
          flex-basis: 100%; } }
    .interview15 .profile_box .profile .text_box h3 {
      font-weight: bold;
      margin-bottom: 0.5em;
      padding-bottom: 0;
      line-height: 1.2; }
      @media screen and (min-width: 960px) {
        .interview15 .profile_box .profile .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview15 .profile_box .profile .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview15 .profile_box .profile .text_box h3 {
          font-size: 22px; } }
      .interview15 .profile_box .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview15 .profile_box .profile .text_box h3 span {
            font-size: 0.8em; } }
    .interview15 .profile_box .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview15 .profile_box .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview15 .profile_box .profile .text_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview15 .profile_box .profile .text_box p {
          font-size: 12px; } }
      .interview15 .profile_box .profile .text_box p + p {
        margin-top: 1.3em; }

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

.interview16 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 3px; }
  @media screen and (min-width: 960px) {
    .interview16 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview16 .visual_box h3 {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .interview16 .visual_box h3 {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .interview16 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview16 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview16 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview16 .visual_box h3 {
      letter-spacing: 0px; } }
  .interview16 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #1f638c 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview16 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview16 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview16 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview16 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview16 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview16 .visual_box {
    margin-bottom: 42px; } }

.interview16 .visual_box p {
  background: rgba(231, 237, 247, 0.2);
  padding: 1.5em 2em;
  box-sizing: border-box;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .interview16 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview16 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview16 .visual_box p {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .interview16 .visual_box p {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview16 .visual_box p {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview16 .visual_box p {
      margin-top: 20px; } }

@media screen and (min-width: 960px) {
  .interview16 section[class^="box"] {
    padding-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview16 section[class^="box"] {
    padding-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview16 section[class^="box"] {
    padding-top: 40px; } }

@media screen and (min-width: 960px) {
  .interview16 section[class^="box"] {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview16 section[class^="box"] {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  .interview16 section[class^="box"] {
    padding-bottom: 40px; } }

.interview16 section[class^="box"] h3 {
  margin-bottom: 1.5em;
  padding: 0 0 0.5em 1.2em;
  position: relative;
  border-bottom: 4px solid #bfbfbf;
  border-left: 5px solid #1f638c;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .interview16 section[class^="box"] h3 {
      font-size: 28px; } }
  @media screen and (max-width: 959px) {
    .interview16 section[class^="box"] h3 {
      font-size: 23px; } }
  @media screen and (max-width: 599px) {
    .interview16 section[class^="box"] h3 {
      font-size: 18px; } }
  .interview16 section[class^="box"] h3:before {
    content: "";
    width: 9.10714em;
    height: 4px;
    background: #1f638c;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 10;
    position: absolute; }

.interview16 section[class^="box"] p {
  line-height: 2.2;
  text-indent: 1em; }
  @media screen and (min-width: 960px) {
    .interview16 section[class^="box"] p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview16 section[class^="box"] p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview16 section[class^="box"] p {
      font-size: 14px; } }
  .interview16 section[class^="box"] p + p {
    margin-top: 1.3em; }

.interview16 .img_box p {
  background: #f2f2f2;
  padding: 0.4em 0;
  margin-top: 0.2em;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview16 .img_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview16 .img_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview16 .img_box p {
      font-size: 14px; } }

.interview16 .box1 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 599px) {
    .interview16 .box1 .flex_box {
      display: block; } }
  .interview16 .box1 .flex_box .text_box {
    flex-basis: 59.68858%;
    margin-bottom: 1em; }
  .interview16 .box1 .flex_box .img_box {
    flex-basis: 34.60208%;
    margin-bottom: 1em; }
  .interview16 .box1 .flex_box.reverse .text_box {
    order: 2; }
  .interview16 .box1 .flex_box.reverse .img_box {
    order: 1; }

.interview16 .box1 p + .flex_box {
  margin-top: 2em; }

.interview16 .photo_box {
  background: url("../img/interview/16/bg1.jpg") no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  border-top: 2px solid #1f638c;
  border-bottom: 2px solid #1f638c; }
  @media screen and (min-width: 960px) {
    .interview16 .photo_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview16 .photo_box {
      padding-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview16 .photo_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview16 .photo_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview16 .photo_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview16 .photo_box {
      padding-bottom: 60px; } }
  .interview16 .photo_box p {
    background: #ffffff;
    padding: 0.6em 0;
    margin-top: 0.8em;
    text-align: center;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    display: block; }
    @media screen and (min-width: 960px) {
      .interview16 .photo_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview16 .photo_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview16 .photo_box p {
        font-size: 14px; } }

.interview16 .photo_box2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 4px solid #1f638c; }
  .interview16 .photo_box2 ul li {
    flex-basis: 25%;
    line-height: 1; }
    .interview16 .photo_box2 ul li img {
      border-bottom: 4px solid #1f638c; }
    @media screen and (max-width: 599px) {
      .interview16 .photo_box2 ul li {
        flex: 50%; }
        .interview16 .photo_box2 ul li:nth-of-type(1) img, .interview16 .photo_box2 ul li:nth-of-type(2) img {
          border-bottom: none; }
        .interview16 .photo_box2 ul li:nth-of-type(3), .interview16 .photo_box2 ul li:nth-of-type(4) {
          transform: translateY(-4px); } }

.interview16 .box2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview16 .box2 ul {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview16 .box2 ul {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview16 .box2 ul {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .interview16 .box2 ul {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview16 .box2 ul {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview16 .box2 ul {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    .interview16 .box2 ul {
      display: block; } }
  .interview16 .box2 ul li {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      .interview16 .box2 ul li + li {
        margin-top: 15px; } }

.interview16 .message_box {
  background-color: rgba(31, 99, 140, 0.1);
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview16 .message_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview16 .message_box {
      padding-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview16 .message_box {
      padding-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview16 .message_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview16 .message_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview16 .message_box {
      padding-bottom: 80px; } }
  .interview16 .message_box:before {
    content: "";
    display: block;
    width: 2px;
    height: 10em;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background: #1f638c; }
    @media screen and (min-width: 960px) {
      .interview16 .message_box:before {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      .interview16 .message_box:before {
        font-size: 10px; } }
    @media screen and (max-width: 599px) {
      .interview16 .message_box:before {
        font-size: 8px; } }
  .interview16 .message_box .new_inner {
    background: #ffffff;
    border: 2px solid #1f638c;
    box-sizing: border-box;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview16 .message_box .new_inner {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview16 .message_box .new_inner {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview16 .message_box .new_inner {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .interview16 .message_box .new_inner {
        padding: 60px; } }
    @media screen and (max-width: 959px) {
      .interview16 .message_box .new_inner {
        padding: 45px; } }
    @media screen and (max-width: 599px) {
      .interview16 .message_box .new_inner {
        padding: 30px; } }
    .interview16 .message_box .new_inner:after {
      content: "";
      display: block;
      width: 1em;
      height: 1em;
      position: absolute;
      top: -0.5em;
      left: calc(50% - 0.5em);
      background: #1f638c;
      border-radius: 0.5em; }
    .interview16 .message_box .new_inner h3 {
      text-align: center;
      font-weight: bold;
      letter-spacing: 2px; }
      @media screen and (min-width: 960px) {
        .interview16 .message_box .new_inner h3 {
          font-size: 28px; } }
      @media screen and (max-width: 959px) {
        .interview16 .message_box .new_inner h3 {
          font-size: 22px; } }
      @media screen and (max-width: 599px) {
        .interview16 .message_box .new_inner h3 {
          font-size: 16px; } }
      .interview16 .message_box .new_inner h3:after {
        content: "";
        display: block;
        width: 16.42857em;
        margin: 1em auto 1.5em;
        height: 4px;
        background: #e22d65; }
    .interview16 .message_box .new_inner p {
      line-height: 2;
      text-indent: 1em; }
      .interview16 .message_box .new_inner p + p {
        margin-top: 1.3em; }

@media screen and (min-width: 960px) {
  .interview16 .profile_box {
    padding-bottom: 115px; } }

@media screen and (max-width: 959px) {
  .interview16 .profile_box {
    padding-bottom: 95px; } }

@media screen and (max-width: 599px) {
  .interview16 .profile_box {
    padding-bottom: 75px; } }

.interview16 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #1f638c;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview16 .profile_box .profile {
      padding-top: 88px; } }
  @media screen and (max-width: 959px) {
    .interview16 .profile_box .profile {
      padding-top: 68px; } }
  @media screen and (max-width: 599px) {
    .interview16 .profile_box .profile {
      padding-top: 48px; } }
  @media screen and (min-width: 960px) {
    .interview16 .profile_box .profile {
      padding-bottom: 45px; } }
  @media screen and (max-width: 959px) {
    .interview16 .profile_box .profile {
      padding-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .interview16 .profile_box .profile {
      padding-bottom: 25px; } }
  .interview16 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    @media screen and (max-width: 599px) {
      .interview16 .profile_box .profile .img_box {
        flex-basis: 100%; } }
  .interview16 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview16 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview16 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview16 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview16 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    @media screen and (min-width: 960px) {
      .interview16 .profile_box .profile .text_box .btn_box {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview16 .profile_box .profile .text_box .btn_box {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      .interview16 .profile_box .profile .text_box .btn_box {
        margin-top: 40px; } }
    .interview16 .profile_box .profile .text_box .btn_box a {
      display: block;
      width: 80%;
      max-width: 490px;
      box-sizing: border-box;
      padding: 1em 1em 1em 4em;
      position: relative;
      background: #1f638c;
      color: #ffffff; }
      @media screen and (min-width: 960px) {
        .interview16 .profile_box .profile .text_box .btn_box a {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview16 .profile_box .profile .text_box .btn_box a {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview16 .profile_box .profile .text_box .btn_box a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview16 .profile_box .profile .text_box .btn_box a {
          max-width: none;
          width: 100%; } }
      .interview16 .profile_box .profile .text_box .btn_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f0e0';
        font-weight: 900;
        color: #ffffff;
        font-size: 1.6em;
        position: absolute;
        top: 50%;
        left: 1em;
        transform: translateY(-50%); }
  .interview16 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview16 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview16 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview16 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview16 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview16 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview16 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview16 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview16 .profile_box .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview16 .profile_box .profile .text_box p {
        font-size: 12px; } }
    .interview16 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }

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

.interview17 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 3px; }
  @media screen and (min-width: 960px) {
    .interview17 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview17 .visual_box h3 {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .interview17 .visual_box h3 {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .interview17 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview17 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview17 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview17 .visual_box h3 {
      letter-spacing: 0px; } }
  .interview17 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #1f638c 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview17 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview17 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview17 .visual_box h3:after {
        margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .interview17 .visual_box {
    margin-bottom: 72px; } }

@media screen and (max-width: 959px) {
  .interview17 .visual_box {
    margin-bottom: 57px; } }

@media screen and (max-width: 599px) {
  .interview17 .visual_box {
    margin-bottom: 42px; } }

.interview17 .visual_box p {
  background: rgba(231, 237, 247, 0.2);
  padding: 1.5em 2em;
  box-sizing: border-box;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .interview17 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview17 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview17 .visual_box p {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .interview17 .visual_box p {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview17 .visual_box p {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview17 .visual_box p {
      margin-top: 20px; } }

@media screen and (min-width: 960px) {
  .interview17 section[class^="box"] {
    padding-top: 120px; } }

@media screen and (max-width: 959px) {
  .interview17 section[class^="box"] {
    padding-top: 100px; } }

@media screen and (max-width: 599px) {
  .interview17 section[class^="box"] {
    padding-top: 80px; } }

@media screen and (min-width: 960px) {
  .interview17 section[class^="box"] {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview17 section[class^="box"] {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview17 section[class^="box"] {
    padding-bottom: 80px; } }

.interview17 section[class^="box"] h3 {
  margin-bottom: 1.5em;
  padding: 0 0 0.5em 1.2em;
  position: relative;
  border-bottom: 4px dashed #0a5ab5;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .interview17 section[class^="box"] h3 {
      font-size: 28px; } }
  @media screen and (max-width: 959px) {
    .interview17 section[class^="box"] h3 {
      font-size: 23px; } }
  @media screen and (max-width: 599px) {
    .interview17 section[class^="box"] h3 {
      font-size: 18px; } }
  .interview17 section[class^="box"] h3:before {
    content: "";
    width: 1em;
    height: 1em;
    background: #0a5ab5;
    position: absolute;
    top: calc(40% - 0.5em);
    left: 0;
    transform: rotate(45deg);
    z-index: 10;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview17 section[class^="box"] h3:before {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview17 section[class^="box"] h3:before {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview17 section[class^="box"] h3:before {
        font-size: 10px; } }

.interview17 section[class^="box"] p {
  line-height: 2.2;
  text-indent: 1em; }
  @media screen and (min-width: 960px) {
    .interview17 section[class^="box"] p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview17 section[class^="box"] p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview17 section[class^="box"] p {
      font-size: 14px; } }
  .interview17 section[class^="box"] p + p {
    margin-top: 1.3em; }

.interview17 section[class^="box"] .green_box {
  background: #62c4b8;
  color: #ffffff;
  display: inline-block;
  padding: 0.2em 0.4em;
  font-weight: bold;
  margin-bottom: 0.7em; }
  @media screen and (min-width: 960px) {
    .interview17 section[class^="box"] .green_box {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview17 section[class^="box"] .green_box {
      font-size: 20px; } }
  @media screen and (max-width: 599px) {
    .interview17 section[class^="box"] .green_box {
      font-size: 16px; } }

.interview17 section[class^="box"] .pink_box {
  background: #f29b8f;
  color: #ffffff;
  display: inline-block;
  padding: 0.2em 0.4em;
  font-weight: bold;
  margin-bottom: 0.7em;
  margin-top: 2.5em; }
  @media screen and (min-width: 960px) {
    .interview17 section[class^="box"] .pink_box {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview17 section[class^="box"] .pink_box {
      font-size: 20px; } }
  @media screen and (max-width: 599px) {
    .interview17 section[class^="box"] .pink_box {
      font-size: 16px; } }

.interview17 .img_box p {
  background: #f2f2f2;
  padding: 0.4em 0;
  margin-top: 0.2em;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview17 .img_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview17 .img_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview17 .img_box p {
      font-size: 14px; } }

.interview17 .box1 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 599px) {
    .interview17 .box1 .flex_box {
      display: block; } }
  .interview17 .box1 .flex_box .text_box {
    flex-basis: 62.28374%;
    margin-bottom: 2em; }
  .interview17 .box1 .flex_box .img_box {
    flex-basis: 32.00692%;
    margin-bottom: 2em; }
    @media screen and (max-width: 599px) {
      .interview17 .box1 .flex_box .img_box {
        width: 70%;
        margin-left: auto;
        margin-right: auto; } }
  .interview17 .box1 .flex_box.reverse .text_box {
    order: 2; }
  .interview17 .box1 .flex_box.reverse .img_box {
    order: 1; }

.interview17 .box1 p + .flex_box {
  margin-top: 2em; }

.interview17 .box1 ul.photo_type1 {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 599px) {
    .interview17 .box1 ul.photo_type1 {
      display: block; } }
  .interview17 .box1 ul.photo_type1 li:nth-of-type(1) {
    flex-basis: 32.87197%; }
    @media screen and (max-width: 599px) {
      .interview17 .box1 ul.photo_type1 li:nth-of-type(1) {
        width: 70%;
        margin-left: auto;
        margin-right: auto; } }
  .interview17 .box1 ul.photo_type1 li:nth-of-type(2) {
    flex-basis: 65.48443%; }
    @media screen and (max-width: 599px) {
      .interview17 .box1 ul.photo_type1 li:nth-of-type(2) {
        margin-top: 2em; } }

.interview17 .box1 ul.photo_type2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview17 .box1 ul.photo_type2 {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 ul.photo_type2 {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 ul.photo_type2 {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 ul.photo_type2 {
      display: block; } }
  .interview17 .box1 ul.photo_type2 li {
    flex-basis: 45.67474%; }

.interview17 .box1 ul.photo_type3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview17 .box1 ul.photo_type3 li {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 ul.photo_type3 li {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 ul.photo_type3 li {
      margin-top: 30px; } }
  @media screen and (min-width: 600px) {
    .interview17 .box1 ul.photo_type3 li {
      flex-basis: 32.00692%; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 ul.photo_type3 li {
      flex-basis: 48%; } }

.interview17 .box1 ul.photo_type4 {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 599px) {
    .interview17 .box1 ul.photo_type4 {
      display: block; } }
  .interview17 .box1 ul.photo_type4 li:nth-of-type(1) {
    flex-basis: 30.27682%; }
    @media screen and (max-width: 599px) {
      .interview17 .box1 ul.photo_type4 li:nth-of-type(1) {
        width: 70%;
        margin-left: auto;
        margin-right: auto; } }
  .interview17 .box1 ul.photo_type4 li:nth-of-type(2) {
    flex-basis: 52.94118%; }
    @media screen and (min-width: 600px) {
      .interview17 .box1 ul.photo_type4 li:nth-of-type(2) {
        margin-left: 2em; } }
    @media screen and (max-width: 599px) {
      .interview17 .box1 ul.photo_type4 li:nth-of-type(2) {
        margin-top: 2em; } }

.interview17 .box1 .btn2 {
  display: block;
  font-weight: bold;
  color: #ffffff;
  background: #0a5ab5;
  padding: 1.5em 1.5em 1.5em 3.5em;
  position: relative;
  max-width: 628px;
  width: 70%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .interview17 .box1 .btn2 {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 .btn2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 .btn2 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    .interview17 .box1 .btn2 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 .btn2 {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 .btn2 {
      margin-top: 30px; } }
  @media screen and (min-width: 960px) {
    .interview17 .box1 .btn2 {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 .btn2 {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 .btn2 {
      margin-bottom: 40px; } }
  .interview17 .box1 .btn2:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f138';
    font-weight: 900;
    position: absolute;
    top: 1.5em;
    left: 2em; }

.interview17 .box1 .btn3 {
  display: inline-block;
  font-weight: bold;
  color: #ffffff;
  background: #0a5ab5;
  padding: 1.5em 1.5em 1.5em 3.5em;
  position: relative;
  letter-spacing: 1px; }
  @media screen and (min-width: 960px) {
    .interview17 .box1 .btn3 {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 .btn3 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 .btn3 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    .interview17 .box1 .btn3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 .btn3 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 .btn3 {
      margin-top: 20px; } }
  .interview17 .box1 .btn3:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f138';
    font-weight: 900;
    position: absolute;
    top: 1.5em;
    left: 2em; }

.interview17 .box1 .mt60 {
  margin-top: 5em; }
  @media screen and (min-width: 960px) {
    .interview17 .box1 .mt60 {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview17 .box1 .mt60 {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview17 .box1 .mt60 {
      font-size: 12px; } }

.interview17 .box1 + .box1 {
  position: relative;
  border-top: 3px solid #1f638c; }
  .interview17 .box1 + .box1:before {
    content: "";
    width: 1em;
    height: 1em;
    background: #0a5ab5;
    position: absolute;
    top: -0.5em;
    left: calc(50% - 0.5em);
    transform: rotate(45deg);
    z-index: 10;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview17 .box1 + .box1:before {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview17 .box1 + .box1:before {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview17 .box1 + .box1:before {
        font-size: 10px; } }
  .interview17 .box1 + .box1.deco_none {
    border-top: none;
    padding-top: 0; }
    .interview17 .box1 + .box1.deco_none:before {
      display: none; }

.interview17 .photo_box {
  box-sizing: border-box;
  border-top: 3px solid #1f638c;
  border-bottom: 3px solid #1f638c;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview17 .photo_box {
      padding-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview17 .photo_box {
      padding-top: 50px; } }
  @media screen and (max-width: 599px) {
    .interview17 .photo_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview17 .photo_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview17 .photo_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview17 .photo_box {
      padding-bottom: 40px; } }
  .interview17 .photo_box:before {
    content: "";
    width: 1em;
    height: 1em;
    background: #0a5ab5;
    position: absolute;
    top: -0.5em;
    left: calc(50% - 0.5em);
    transform: rotate(45deg);
    z-index: 10;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview17 .photo_box:before {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview17 .photo_box:before {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview17 .photo_box:before {
        font-size: 10px; } }
  .interview17 .photo_box:after {
    content: "";
    width: 1em;
    height: 1em;
    background: #0a5ab5;
    position: absolute;
    bottom: -0.5em;
    left: calc(50% - 0.5em);
    transform: rotate(45deg);
    z-index: 10;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview17 .photo_box:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview17 .photo_box:after {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview17 .photo_box:after {
        font-size: 10px; } }
  .interview17 .photo_box .logo_box {
    width: 22.6875em;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview17 .photo_box .logo_box {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview17 .photo_box .logo_box {
        font-size: 13px; } }
    @media screen and (max-width: 599px) {
      .interview17 .photo_box .logo_box {
        font-size: 10px; } }
  .interview17 .photo_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview17 .photo_box ul li {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview17 .photo_box ul li {
        margin-top: 45px; } }
    @media screen and (max-width: 599px) {
      .interview17 .photo_box ul li {
        margin-top: 30px; } }
    @media screen and (min-width: 600px) {
      .interview17 .photo_box ul li {
        flex-basis: 32.00692%; } }
    @media screen and (max-width: 599px) {
      .interview17 .photo_box ul li {
        flex-basis: 48%; } }

.interview17 .list_box {
  box-sizing: border-box;
  border: 1px solid #0a5ab5;
  padding: 2.2em 3em; }
  @media screen and (min-width: 960px) {
    .interview17 .list_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview17 .list_box {
      font-size: 11px; } }
  @media screen and (max-width: 599px) {
    .interview17 .list_box {
      font-size: 6px; } }
  @media screen and (min-width: 960px) {
    .interview17 .list_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview17 .list_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview17 .list_box {
      margin-bottom: 40px; } }
  .interview17 .list_box > ul > li p {
    text-indent: 0 !important; }
    @media screen and (min-width: 960px) {
      .interview17 .list_box > ul > li p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview17 .list_box > ul > li p {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview17 .list_box > ul > li p {
        font-size: 14px; } }
  .interview17 .list_box > ul > li {
    padding: 0 0 0 1.8em;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview17 .list_box > ul > li {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview17 .list_box > ul > li {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview17 .list_box > ul > li {
        font-size: 14px; } }
    .interview17 .list_box > ul > li:before {
      content: "";
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      background: #0a5ab5;
      position: absolute;
      top: 0.7em;
      left: 0; }
    @media screen and (min-width: 960px) {
      .interview17 .list_box > ul > li + li {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview17 .list_box > ul > li + li {
        margin-top: 45px; } }
    @media screen and (max-width: 599px) {
      .interview17 .list_box > ul > li + li {
        margin-top: 30px; } }

.interview17 .link_box {
  background: #0a5ab5; }
  @media screen and (min-width: 960px) {
    .interview17 .link_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview17 .link_box {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview17 .link_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview17 .link_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview17 .link_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview17 .link_box {
      padding-bottom: 40px; } }
  .interview17 .link_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .interview17 .link_box ul {
        display: block; } }
    .interview17 .link_box ul li:nth-of-type(1) {
      flex-basis: 43.2526%; }
      @media screen and (max-width: 599px) {
        .interview17 .link_box ul li:nth-of-type(1) {
          width: 70%;
          margin-left: auto;
          margin-right: auto; } }
    .interview17 .link_box ul li:nth-of-type(2) {
      flex-basis: 50.60554%; }
      @media screen and (max-width: 599px) {
        .interview17 .link_box ul li:nth-of-type(2) {
          margin-top: 2em; } }
    .interview17 .link_box ul li .btn {
      display: block;
      font-weight: bold;
      color: #0a5ab5;
      background: #ffffff;
      padding: 0.8em 1em 0.8em 2.5em;
      position: relative; }
      @media screen and (min-width: 960px) {
        .interview17 .link_box ul li .btn {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview17 .link_box ul li .btn {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview17 .link_box ul li .btn {
          font-size: 14px; } }
      .interview17 .link_box ul li .btn:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f138';
        font-weight: 900;
        position: absolute;
        top: 0.8em;
        left: 1em; }

@media screen and (min-width: 960px) {
  .interview17 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview17 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview17 .profile_box {
    padding-bottom: 80px; } }

.interview17 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #0a5ab5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview17 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview17 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview17 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview17 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    @media screen and (max-width: 599px) {
      .interview17 .profile_box .profile .img_box {
        flex-basis: 100%; } }
  .interview17 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview17 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview17 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview17 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview17 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    @media screen and (min-width: 960px) {
      .interview17 .profile_box .profile .text_box .btn_box {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview17 .profile_box .profile .text_box .btn_box {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      .interview17 .profile_box .profile .text_box .btn_box {
        margin-top: 40px; } }
    .interview17 .profile_box .profile .text_box .btn_box a {
      display: block;
      width: 80%;
      max-width: 490px;
      box-sizing: border-box;
      padding: 1em 1em 1em 4em;
      position: relative;
      background: #1f638c;
      color: #ffffff; }
      @media screen and (min-width: 960px) {
        .interview17 .profile_box .profile .text_box .btn_box a {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview17 .profile_box .profile .text_box .btn_box a {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview17 .profile_box .profile .text_box .btn_box a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview17 .profile_box .profile .text_box .btn_box a {
          max-width: none;
          width: 100%; } }
      .interview17 .profile_box .profile .text_box .btn_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f0e0';
        font-weight: 900;
        color: #ffffff;
        font-size: 1.6em;
        position: absolute;
        top: 50%;
        left: 1em;
        transform: translateY(-50%); }
  .interview17 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview17 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview17 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview17 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview17 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview17 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview17 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview17 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview17 .profile_box .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview17 .profile_box .profile .text_box p {
        font-size: 12px; } }
    .interview17 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }

.interview18 .tac {
  text-align: center; }

.interview18 .no_indent {
  text-indent: 0 !important; }

.interview18 section .new_inner .img_box {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview18 section .new_inner .img_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview18 section .new_inner .img_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .interview18 section .new_inner .img_box {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview18 section .new_inner .img_box {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .interview18 section .new_inner .img_box img {
    width: 100%;
    margin: 10px auto;
    display: block;
    height: auto; }
  .interview18 section .new_inner .img_box p {
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    background: rgba(245, 245, 245, 0.5); }
    @media screen and (min-width: 960px) {
      .interview18 section .new_inner .img_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview18 section .new_inner .img_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview18 section .new_inner .img_box p {
        font-size: 12px; } }

.interview18 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 8px; }
  @media screen and (min-width: 960px) {
    .interview18 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview18 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview18 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview18 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview18 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview18 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview18 .visual_box h3 {
      letter-spacing: 2px; } }
  .interview18 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #b77b4b 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview18 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview18 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview18 .visual_box h3:after {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview18 .visual_box h3:after {
        margin-bottom: 48px; } }
    @media screen and (max-width: 959px) {
      .interview18 .visual_box h3:after {
        margin-bottom: 38px; } }
    @media screen and (max-width: 599px) {
      .interview18 .visual_box h3:after {
        margin-bottom: 28px; } }

@media screen and (min-width: 960px) {
  .interview18 .visual_box {
    margin-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview18 .visual_box {
    margin-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview18 .visual_box {
    margin-bottom: 80px; } }

.interview18 .visual_box p {
  background: rgba(183, 123, 75, 0.1);
  padding: 1.5em 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .interview18 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview18 .visual_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .interview18 .visual_box p {
      font-size: 12px; } }

.interview18 .photo_box {
  border-top: 3px solid #b77e4b;
  border-bottom: 3px solid #b77e4b;
  position: relative;
  background: url("../img/interview/18/bg.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 960px) {
    .interview18 .photo_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview18 .photo_box {
      padding-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview18 .photo_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview18 .photo_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview18 .photo_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview18 .photo_box {
      padding-bottom: 60px; } }
  .interview18 .photo_box:before, .interview18 .photo_box:after {
    content: "";
    position: absolute;
    top: calc(-0.5em - 1px);
    left: calc(50% - 0.5em);
    transform: rotate(45deg);
    width: 1em;
    height: 1em;
    background: #b77e4b; }
    @media screen and (min-width: 960px) {
      .interview18 .photo_box:before, .interview18 .photo_box:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview18 .photo_box:before, .interview18 .photo_box:after {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview18 .photo_box:before, .interview18 .photo_box:after {
        font-size: 12px; } }
  .interview18 .photo_box:after {
    top: auto;
    bottom: calc(-0.5em - 1px); }
  .interview18 .photo_box .new_inner .img_box p {
    text-align: center;
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      .interview18 .photo_box .new_inner .img_box p {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview18 .photo_box .new_inner .img_box p {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview18 .photo_box .new_inner .img_box p {
        margin-top: 20px; } }
  .interview18 .photo_box .new_inner > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview18 .photo_box .new_inner > ul li img {
      width: 100%;
      height: auto; }
    .interview18 .photo_box .new_inner > ul li:nth-of-type(1) {
      flex-basis: 65.59546%; }
    .interview18 .photo_box .new_inner > ul li:nth-of-type(2) {
      flex-basis: 31.19093%; }

.interview18 .box_type1 {
  background: #fcfcfc;
  border-top: 3px solid #6a999b;
  border-bottom: 3px solid #6a999b;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview18 .box_type1 {
      padding-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview18 .box_type1 {
      padding-top: 52px; } }
  @media screen and (max-width: 599px) {
    .interview18 .box_type1 {
      padding-top: 32px; } }
  @media screen and (min-width: 960px) {
    .interview18 .box_type1 {
      padding-bottom: 72px; } }
  @media screen and (max-width: 959px) {
    .interview18 .box_type1 {
      padding-bottom: 52px; } }
  @media screen and (max-width: 599px) {
    .interview18 .box_type1 {
      padding-bottom: 32px; } }
  .interview18 .box_type1:before {
    z-index: 50;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 0.5em;
    border: 3px double #6a999b;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview18 .box_type1:before {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type1:before {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type1:before {
        font-size: 24px; } }
  .interview18 .box_type1:before {
    top: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview18 .box_type1:after {
    z-index: 50;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 0.5em;
    border: 3px double #6a999b;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    position: absolute; }
    @media screen and (min-width: 960px) {
      .interview18 .box_type1:after {
        font-size: 48px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type1:after {
        font-size: 36px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type1:after {
        font-size: 24px; } }
  .interview18 .box_type1:after {
    bottom: -0.5em;
    right: 50%;
    transform: translateX(50%); }
  .interview18 .box_type1 .img_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0 !important; }
    .interview18 .box_type1 .img_box img {
      width: 100%;
      height: auto; }
  .interview18 .box_type1 .text_box {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview18 .box_type1 .text_box {
        padding-top: 15px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type1 .text_box {
        padding-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type1 .text_box {
        padding-top: 5px; } }
    @media screen and (min-width: 960px) {
      .interview18 .box_type1 .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type1 .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type1 .text_box {
        font-size: 12px; } }
    @media screen and (min-width: 960px) {
      .interview18 .box_type1 .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type1 .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type1 .text_box p {
        font-size: 12px; } }

.interview18 .box_type2 {
  background: transparent;
  padding-bottom: 30px;
  position: relative;
  z-index: 6; }
  @media screen and (min-width: 960px) {
    .interview18 .box_type2 {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview18 .box_type2 {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .interview18 .box_type2 {
      padding-top: 40px; } }
  .interview18 .box_type2 .link_box {
    border: 1px solid #f4f4f4;
    padding: 1.5em 0; }
    @media screen and (min-width: 960px) {
      .interview18 .box_type2 .link_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type2 .link_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type2 .link_box p {
        font-size: 14px; } }
    .interview18 .box_type2 .link_box a {
      color: #3846f2;
      text-decoration: underline;
      display: inline; }
  .interview18 .box_type2 .text_box {
    line-height: 2;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview18 .box_type2 .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type2 .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type2 .text_box {
        font-size: 12px; } }
    .interview18 .box_type2 .text_box p {
      font-size: 1em;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview18 .box_type2 .text_box p {
          padding: 30px; } }
      @media screen and (max-width: 959px) {
        .interview18 .box_type2 .text_box p {
          padding: 22px; } }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .text_box p {
          padding: 14px; } }
      @media screen and (min-width: 960px) {
        .interview18 .box_type2 .text_box p {
          padding-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview18 .box_type2 .text_box p {
          padding-top: 32px; } }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .text_box p {
          padding-top: 24px; } }
    @media screen and (min-width: 960px) {
      .interview18 .box_type2 .text_box.type1 {
        margin-bottom: 75px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type2 .text_box.type1 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type2 .text_box.type1 {
        margin-bottom: 25px; } }
    .interview18 .box_type2 .text_box.type1 p {
      text-indent: 0;
      background: #ffffff;
      border: 1px solid #81af54; }
      .interview18 .box_type2 .text_box.type1 p:last-child {
        position: relative; }
        .interview18 .box_type2 .text_box.type1 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #81af54; }
    .interview18 .box_type2 .text_box.type1:before {
      z-index: 10;
      content: "インタビュアー";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.2em 1em;
      font-weight: bold;
      color: #ffffff;
      background: #81af54;
      transform: translateY(-50%); }
      @media screen and (max-width: 959px) {
        .interview18 .box_type2 .text_box.type1:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .text_box.type1:before {
          left: 10px; } }
    @media screen and (min-width: 960px) {
      .interview18 .box_type2 .text_box.type2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .interview18 .box_type2 .text_box.type2 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .interview18 .box_type2 .text_box.type2 {
        margin-bottom: 30px; } }
    .interview18 .box_type2 .text_box.type2 p {
      background: #ffffff;
      border-left: 1px solid #b77e4b;
      border-right: 1px solid #b77e4b;
      box-sizing: border-box;
      line-height: 2.2; }
      .interview18 .box_type2 .text_box.type2 p + p {
        padding-top: 0; }
      .interview18 .box_type2 .text_box.type2 p:first-child {
        border-top: 1px solid #b77e4b; }
      .interview18 .box_type2 .text_box.type2 p:last-child {
        border-bottom: 1px solid #b77e4b;
        position: relative; }
        .interview18 .box_type2 .text_box.type2 p:last-child:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 0.5em;
          display: block;
          bottom: 0;
          right: 2em;
          background: #b77e4b; }
    .interview18 .box_type2 .text_box.type2:before {
      z-index: 10;
      content: "石丸さん";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 30px;
      padding: 0.05em 0.8em;
      font-weight: bold;
      color: #ffffff;
      background: #b77e4b;
      transform: translateY(-50%);
      letter-spacing: 4px; }
      @media screen and (min-width: 960px) {
        .interview18 .box_type2 .text_box.type2:before {
          font-size: 26px; } }
      @media screen and (max-width: 959px) {
        .interview18 .box_type2 .text_box.type2:before {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .text_box.type2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview18 .box_type2 .text_box.type2:before {
          left: 20px; } }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .text_box.type2:before {
          left: 10px; } }
    .interview18 .box_type2 .text_box.type2.other:before {
      content: "奥さま"; }
  .interview18 .box_type2 .layaut_type1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .interview18 .box_type2 .layaut_type1 {
        display: block; } }
    .interview18 .box_type2 .layaut_type1 .text_box {
      flex-basis: 57.71%;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .layaut_type1 .text_box {
          margin-bottom: 15px; } }
    .interview18 .box_type2 .layaut_type1 .img_box {
      flex-basis: calc(100% - 57.71%); }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .layaut_type1 .img_box {
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 35px; } }
      .interview18 .box_type2 .layaut_type1 .img_box img {
        width: 90%;
        margin-top: 0; }
      .interview18 .box_type2 .layaut_type1 .img_box p {
        width: 90%;
        text-align: center; }
        @media screen and (min-width: 960px) {
          .interview18 .box_type2 .layaut_type1 .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview18 .box_type2 .layaut_type1 .img_box p {
            font-size: 15px; } }
        @media screen and (max-width: 599px) {
          .interview18 .box_type2 .layaut_type1 .img_box p {
            font-size: 12px; } }
    .interview18 .box_type2 .layaut_type1.reverse .text_box {
      order: 2; }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .layaut_type1.reverse .text_box {
          order: 1; } }
    .interview18 .box_type2 .layaut_type1.reverse .img_box {
      padding-left: 0;
      padding-right: 40px;
      order: 1; }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .layaut_type1.reverse .img_box {
          padding-right: 0;
          order: 2; } }
  .interview18 .box_type2 .layaut_type2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview18 .box_type2 .layaut_type2 .img_box {
      width: 48%; }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .layaut_type2 .img_box {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px; } }
      @media screen and (min-width: 960px) {
        .interview18 .box_type2 .layaut_type2 .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview18 .box_type2 .layaut_type2 .img_box p {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .interview18 .box_type2 .layaut_type2 .img_box p {
          font-size: 12px; } }

.interview18 .box_type3 {
  background-size: auto auto;
  background-color: #f0ccb8;
  background-image: repeating-linear-gradient(30deg, transparent, transparent 2px, #f2c7b3 3px, #f2c7b3 6px, transparent 6px, transparent 9px, #f2c7b3 9px, #f2c7b3 18px);
  border-top: 3px solid #b77e4b;
  border-bottom: 3px solid #b77e4b;
  position: relative;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    .interview18 .box_type3 {
      padding-top: 78px; } }
  @media screen and (max-width: 959px) {
    .interview18 .box_type3 {
      padding-top: 58px; } }
  @media screen and (max-width: 599px) {
    .interview18 .box_type3 {
      padding-top: 38px; } }
  @media screen and (min-width: 960px) {
    .interview18 .box_type3 {
      padding-bottom: 78px; } }
  @media screen and (max-width: 959px) {
    .interview18 .box_type3 {
      padding-bottom: 58px; } }
  @media screen and (max-width: 599px) {
    .interview18 .box_type3 {
      padding-bottom: 38px; } }
  .interview18 .box_type3 .message_box {
    border: 2px solid #db6937;
    background: #ffffff;
    padding: 2px;
    box-sizing: border-box; }
    .interview18 .box_type3 .message_box > div {
      border: 1px solid #db6937; }
      @media screen and (min-width: 960px) {
        .interview18 .box_type3 .message_box > div {
          padding: 78px; } }
      @media screen and (max-width: 959px) {
        .interview18 .box_type3 .message_box > div {
          padding: 53px; } }
      @media screen and (max-width: 599px) {
        .interview18 .box_type3 .message_box > div {
          padding: 28px; } }
      .interview18 .box_type3 .message_box > div h3 {
        text-align: center;
        padding-bottom: 0;
        border-bottom: none;
        color: #b77e4b;
        font-weight: bold;
        position: relative; }
        @media screen and (min-width: 960px) {
          .interview18 .box_type3 .message_box > div h3 {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview18 .box_type3 .message_box > div h3 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          .interview18 .box_type3 .message_box > div h3 {
            font-size: 14px; } }
        @media screen and (min-width: 960px) {
          .interview18 .box_type3 .message_box > div h3 {
            margin-bottom: 90px; } }
        @media screen and (max-width: 959px) {
          .interview18 .box_type3 .message_box > div h3 {
            margin-bottom: 70px; } }
        @media screen and (max-width: 599px) {
          .interview18 .box_type3 .message_box > div h3 {
            margin-bottom: 50px; } }
        @media screen and (min-width: 960px) {
          .interview18 .box_type3 .message_box > div h3 {
            padding-bottom: 50px; } }
        @media screen and (max-width: 959px) {
          .interview18 .box_type3 .message_box > div h3 {
            padding-bottom: 35px; } }
        @media screen and (max-width: 599px) {
          .interview18 .box_type3 .message_box > div h3 {
            padding-bottom: 20px; } }
        .interview18 .box_type3 .message_box > div h3:after {
          content: "";
          display: block;
          width: 10em;
          height: 0.17em;
          margin-left: auto;
          margin-right: auto;
          margin-top: 1em;
          background: #b77e4b; }
        .interview18 .box_type3 .message_box > div h3:before {
          content: "";
          position: absolute;
          transform: rotate(45deg);
          width: 1em;
          height: 1em;
          background: #b77e4b;
          bottom: -0.5em;
          left: calc(50% - 0.5em); }
          @media screen and (min-width: 960px) {
            .interview18 .box_type3 .message_box > div h3:before {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            .interview18 .box_type3 .message_box > div h3:before {
              font-size: 16px; } }
          @media screen and (max-width: 599px) {
            .interview18 .box_type3 .message_box > div h3:before {
              font-size: 12px; } }
      .interview18 .box_type3 .message_box > div p {
        line-height: 2.2;
        text-indent: 1em; }
        @media screen and (min-width: 960px) {
          .interview18 .box_type3 .message_box > div p {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .interview18 .box_type3 .message_box > div p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview18 .box_type3 .message_box > div p {
            font-size: 12px; } }
        .interview18 .box_type3 .message_box > div p + p {
          padding-top: 1.5em; }

@media screen and (min-width: 960px) {
  .interview18 .profile_box {
    padding-top: 125px; } }

@media screen and (max-width: 959px) {
  .interview18 .profile_box {
    padding-top: 105px; } }

@media screen and (max-width: 599px) {
  .interview18 .profile_box {
    padding-top: 85px; } }

@media screen and (min-width: 960px) {
  .interview18 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview18 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview18 .profile_box {
    padding-bottom: 80px; } }

.interview18 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 3px solid #b77e4b;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview18 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview18 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview18 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview18 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    @media screen and (max-width: 599px) {
      .interview18 .profile_box .profile .img_box {
        flex-basis: 100%; } }
  .interview18 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview18 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview18 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview18 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview18 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    @media screen and (min-width: 960px) {
      .interview18 .profile_box .profile .text_box .btn_box {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      .interview18 .profile_box .profile .text_box .btn_box {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      .interview18 .profile_box .profile .text_box .btn_box {
        margin-top: 40px; } }
    .interview18 .profile_box .profile .text_box .btn_box a {
      display: block;
      width: 80%;
      max-width: 490px;
      box-sizing: border-box;
      padding: 1em 1em 1em 4em;
      position: relative;
      background: #1f638c;
      color: #ffffff; }
      @media screen and (min-width: 960px) {
        .interview18 .profile_box .profile .text_box .btn_box a {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview18 .profile_box .profile .text_box .btn_box a {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview18 .profile_box .profile .text_box .btn_box a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview18 .profile_box .profile .text_box .btn_box a {
          max-width: none;
          width: 100%; } }
      .interview18 .profile_box .profile .text_box .btn_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f0e0';
        font-weight: 900;
        color: #ffffff;
        font-size: 1.6em;
        position: absolute;
        top: 50%;
        left: 1em;
        transform: translateY(-50%); }
  .interview18 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview18 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview18 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview18 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview18 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview18 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview18 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview18 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview18 .profile_box .profile .text_box p {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .interview18 .profile_box .profile .text_box p {
        font-size: 12px; } }
    .interview18 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }

.interview19 .tac {
  text-align: center; }

.interview19 .no_indent {
  text-indent: 0 !important; }

.interview19 .hr {
  position: relative; }
  .interview19 .hr:before {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #99a958 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
  .interview19 .hr:after {
    content: "●";
    position: absolute;
    color: #ffffff;
    top: calc(-1em + 1px);
    left: calc(50% - 1em);
    transform: rotate(45deg);
    width: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 1em;
    background: #99a958; }
    @media screen and (min-width: 960px) {
      .interview19 .hr:after {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      .interview19 .hr:after {
        font-size: 10px; } }
    @media screen and (max-width: 599px) {
      .interview19 .hr:after {
        font-size: 8px; } }

.interview19 section .new_inner .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview19 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview19 .visual_box {
  margin-bottom: 0 !important; }
  .interview19 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview19 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview19 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview19 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview19 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview19 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview19 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview19 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview19 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #99a958 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview19 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview19 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview19 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview19 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview19 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview19 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview19 .visual_box div.flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%;
    align-items: center; }
    @media screen and (min-width: 960px) {
      .interview19 .visual_box div.flex_box {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview19 .visual_box div.flex_box {
        margin-bottom: 65px; } }
    @media screen and (max-width: 599px) {
      .interview19 .visual_box div.flex_box {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .interview19 .visual_box div.flex_box {
        display: block; } }
  .interview19 .visual_box .img_box {
    flex-basis: 37.27273%;
    margin-bottom: 0 !important;
    order: 2; }
  .interview19 .visual_box p {
    flex-basis: 57.09091%;
    padding: 1.5em 2em;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview19 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview19 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview19 .visual_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview19 .visual_box p {
        padding: 1.5em 0; } }

@media screen and (min-width: 960px) {
  .interview19 .photo_box .new_inner .img_box {
    padding-top: 120px; } }

@media screen and (max-width: 959px) {
  .interview19 .photo_box .new_inner .img_box {
    padding-top: 90px; } }

@media screen and (max-width: 599px) {
  .interview19 .photo_box .new_inner .img_box {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview19 .photo_box .new_inner .img_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview19 .photo_box .new_inner .img_box {
    padding-bottom: 90px; } }

@media screen and (max-width: 599px) {
  .interview19 .photo_box .new_inner .img_box {
    padding-bottom: 60px; } }

@media screen and (min-width: 960px) {
  .interview19 .text_area {
    padding-top: 130px; } }

@media screen and (max-width: 959px) {
  .interview19 .text_area {
    padding-top: 110px; } }

@media screen and (max-width: 599px) {
  .interview19 .text_area {
    padding-top: 90px; } }

@media screen and (min-width: 960px) {
  .interview19 .text_area .box_type1,
  .interview19 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview19 .text_area .box_type1,
  .interview19 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview19 .text_area .box_type1,
  .interview19 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview19 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #ee869a;
  border-radius: 1em; }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type1.mt80 {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type1.mt80 {
      margin-top: 65px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type1.mt80 {
      margin-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type1.mt95 {
      margin-top: 95px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type1.mt95 {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type1.mt95 {
      margin-top: 65px; } }
  .interview19 .text_area .box_type1 span {
    background: #ee869a;
    line-height: 1.2;
    padding: 0.6em 1em;
    border-radius: 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview19 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview19 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview19 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview19 .text_area .box_type1 p {
    color: #3e3a39; }

.interview19 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #99a958;
  background: #fcfcfc;
  border-radius: 1em; }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type2.mb45 {
      margin-bottom: 45px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type2.mb45 {
      margin-bottom: 37px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type2.mb45 {
      margin-bottom: 29px; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type2.mb135 {
      margin-bottom: 135px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type2.mb135 {
      margin-bottom: 115px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type2.mb135 {
      margin-bottom: 95px; } }
  .interview19 .text_area .box_type2 span {
    background: #99a958;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    border-radius: 1em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview19 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview19 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview19 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview19 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2; }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type2 .img_box.mb40 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type2 .img_box.mb40 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type2 .img_box.mb40 {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .box_type2 .img_box.mt65 {
      margin-top: 65px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .box_type2 .img_box.mt65 {
      margin-top: 55px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .box_type2 .img_box.mt65 {
      margin-top: 45px; } }

.interview19 .text_area .flex_box {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .flex_box {
      display: block; } }
  .interview19 .text_area .flex_box.iac {
    align-items: center; }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box p.fb75 {
      flex-basis: 67.12963%; } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box p.fb70 {
      flex-basis: 70%; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box p.fb70 br {
      display: none; } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box p.fb65 {
      flex-basis: 63.88889%; } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box p.fb58 {
      flex-basis: 53.7037%; } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box p.fb40 {
      flex-basis: 38.88889%; } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box .fb25 {
      flex-basis: 27.77778%;
      margin-right: 0;
      margin-left: auto; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .flex_box .fb25 {
      flex-basis: 45%;
      margin-left: 5%; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box .fb25 {
      width: 70%;
      margin: 20px auto 0;
      box-sizing: border-box; } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box .fb30 {
      flex-basis: 30%;
      margin-right: 0;
      margin-left: auto;
      position: relative;
      margin-top: 1em; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .flex_box .fb30 {
      flex-basis: 45%;
      margin-left: 5%; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box .fb30 {
      width: 70%;
      margin: 20px auto 0;
      box-sizing: border-box; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .flex_box .fb30 p {
      position: absolute;
      left: -1em;
      bottom: -0.5em;
      transform: translateX(-100%); } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box .fb35 {
      flex-basis: 25.92593%;
      margin-right: 0;
      margin-left: auto;
      position: relative; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .flex_box .fb35 {
      flex-basis: 45%;
      margin-left: 5%; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box .fb35 {
      width: 90%;
      margin: 20px auto 0;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .interview19 .text_area .flex_box .fb35 img:nth-of-type(1) {
        flex-basis: 42%;
        margin-right: 2%; } }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box .fb42 {
      flex-basis: 41.2963%;
      margin-right: 0;
      margin-left: auto;
      position: relative; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .flex_box .fb42 {
      flex-basis: 45%;
      margin-right: 5%; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box .fb42 {
      width: 70%;
      margin: 20px auto 0;
      box-sizing: border-box; } }
  .interview19 .text_area .flex_box .fb42 p {
    text-align: right; }
  @media screen and (min-width: 600px) {
    .interview19 .text_area .flex_box .fb60 {
      flex-basis: 58.33333%;
      margin-right: auto;
      margin-left: 0;
      position: relative; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .flex_box .fb60 {
      flex-basis: 45%;
      margin-right: 5%; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box .fb60 {
      width: 90%;
      margin: 0px auto 20px;
      box-sizing: border-box; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .flex_box .img_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .flex_box .img_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box .img_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview19 .text_area .flex_box .img_box p {
      text-align: center; } }

@media screen and (min-width: 960px) {
  .interview19 .text_area .photo {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  .interview19 .text_area .photo {
    margin-bottom: 55px; } }

@media screen and (max-width: 599px) {
  .interview19 .text_area .photo {
    margin-bottom: 45px; } }

.interview19 .text_area .photo ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .photo ul {
      justify-content: space-between; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .photo ul li {
      flex-basis: 19.38865%;
      margin-right: 0.69869%;
      margin-top: 4px; } }
  @media screen and (max-width: 959px) {
    .interview19 .text_area .photo ul li {
      flex-basis: 32%;
      margin-top: 10px; } }
  @media screen and (min-width: 960px) {
    .interview19 .text_area .photo ul li:nth-of-type(5) {
      margin-right: 0; } }
  .interview19 .text_area .photo ul li img {
    width: 100%;
    height: auto; }

.interview19 .profile_box {
  border-top: 3px solid #99a958; }
  @media screen and (min-width: 960px) {
    .interview19 .profile_box {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview19 .profile_box {
      padding-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview19 .profile_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview19 .profile_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview19 .profile_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview19 .profile_box {
      padding-bottom: 80px; } }
  .interview19 .profile_box .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid #99a958;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview19 .profile_box .profile {
        padding-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview19 .profile_box .profile {
        padding-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      .interview19 .profile_box .profile {
        padding-bottom: 40px; } }
    .interview19 .profile_box .profile .img_box {
      flex-basis: 31.77%; }
      @media screen and (max-width: 599px) {
        .interview19 .profile_box .profile .img_box {
          flex-basis: 90%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px; } }
    .interview19 .profile_box .profile .text_box {
      flex-basis: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview19 .profile_box .profile .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview19 .profile_box .profile .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview19 .profile_box .profile .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview19 .profile_box .profile .text_box {
          flex-basis: 100%; } }
      @media screen and (min-width: 960px) {
        .interview19 .profile_box .profile .text_box .btn_box {
          margin-top: 60px; } }
      @media screen and (max-width: 959px) {
        .interview19 .profile_box .profile .text_box .btn_box {
          margin-top: 50px; } }
      @media screen and (max-width: 599px) {
        .interview19 .profile_box .profile .text_box .btn_box {
          margin-top: 40px; } }
      .interview19 .profile_box .profile .text_box .btn_box a {
        display: block;
        width: 80%;
        max-width: 490px;
        box-sizing: border-box;
        padding: 1em 1em 1em 4em;
        position: relative;
        background: #1f638c;
        color: #ffffff; }
        @media screen and (min-width: 960px) {
          .interview19 .profile_box .profile .text_box .btn_box a {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .interview19 .profile_box .profile .text_box .btn_box a {
            font-size: 17px; } }
        @media screen and (max-width: 599px) {
          .interview19 .profile_box .profile .text_box .btn_box a {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview19 .profile_box .profile .text_box .btn_box a {
            max-width: none;
            width: 100%; } }
        .interview19 .profile_box .profile .text_box .btn_box a:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f0e0';
          font-weight: 900;
          color: #ffffff;
          font-size: 1.6em;
          position: absolute;
          top: 50%;
          left: 1em;
          transform: translateY(-50%); }
    .interview19 .profile_box .profile .text_box h3 {
      font-weight: bold;
      margin-bottom: 0.5em;
      padding-bottom: 0; }
      @media screen and (min-width: 960px) {
        .interview19 .profile_box .profile .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview19 .profile_box .profile .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview19 .profile_box .profile .text_box h3 {
          font-size: 22px; } }
      .interview19 .profile_box .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview19 .profile_box .profile .text_box h3 span {
            font-size: 0.8em; } }
    .interview19 .profile_box .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview19 .profile_box .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview19 .profile_box .profile .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview19 .profile_box .profile .text_box p {
          font-size: 14px; } }
      .interview19 .profile_box .profile .text_box p + p {
        margin-top: 1.3em; }

.interview20 .tac {
  text-align: center; }

.interview20 .no_indent {
  text-indent: 0 !important; }

.interview20 section .new_inner .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview20 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview20 .hr {
  position: relative;
  border-top: 3px solid #11275b; }
  .interview20 .hr:after {
    content: "";
    width: 1em;
    height: 1em;
    transform: rotate(45deg);
    position: absolute;
    top: -0.5em;
    right: calc(50% - 0.5em);
    background: #11275b; }
    @media screen and (min-width: 960px) {
      .interview20 .hr:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview20 .hr:after {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview20 .hr:after {
        font-size: 16px; } }

.interview20 .visual_box {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 960px) {
    .interview20 .visual_box {
      padding-bottom: 160px; } }
  @media screen and (max-width: 959px) {
    .interview20 .visual_box {
      padding-bottom: 130px; } }
  @media screen and (max-width: 599px) {
    .interview20 .visual_box {
      padding-bottom: 100px; } }
  .interview20 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview20 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview20 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview20 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview20 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview20 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview20 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview20 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview20 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #11275b 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview20 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview20 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview20 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview20 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview20 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview20 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview20 .visual_box p {
    padding: 1.5em 2em;
    background: rgba(17, 39, 91, 0.05);
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview20 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview20 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview20 .visual_box p {
        font-size: 14px; } }

.interview20 .photo_box {
  border-top: 3px solid #11275b;
  border-bottom: 3px solid #11275b;
  background: url("../img/interview/20/bg.jpg") no-repeat center center;
  background-size: cover;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview20 .photo_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview20 .photo_box {
      padding-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview20 .photo_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview20 .photo_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview20 .photo_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview20 .photo_box {
      padding-bottom: 60px; } }
  .interview20 .photo_box:after {
    content: "";
    width: 1em;
    height: 1em;
    transform: rotate(45deg);
    position: absolute;
    top: calc(-0.5em - 1px);
    right: calc(50% - 0.5em);
    background: #11275b; }
    @media screen and (min-width: 960px) {
      .interview20 .photo_box:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview20 .photo_box:after {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview20 .photo_box:after {
        font-size: 16px; } }
  .interview20 .photo_box p {
    display: block;
    background: #ffffff;
    padding: 1.2em 1em;
    margin-top: 2em;
    line-height: 1.8;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview20 .photo_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview20 .photo_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview20 .photo_box p {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      .interview20 .photo_box p {
        text-align: left; }
        .interview20 .photo_box p br {
          display: none; } }
    .interview20 .photo_box p.ll {
      letter-spacing: -1px; }
  .interview20 .photo_box div.flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto; }
    @media screen and (max-width: 599px) {
      .interview20 .photo_box div.flex_box {
        display: block; } }
    .interview20 .photo_box div.flex_box .img_box {
      flex-basis: 50%; }
    .interview20 .photo_box div.flex_box.type2 .img_box {
      flex-basis: 47.90941%; }
      @media screen and (max-width: 599px) {
        .interview20 .photo_box div.flex_box.type2 .img_box {
          flex-basis: 100%; } }
      @media screen and (max-width: 599px) {
        .interview20 .photo_box div.flex_box.type2 .img_box + .img_box {
          margin-top: 15px; } }

@media screen and (min-width: 960px) {
  .interview20 .text_area {
    padding-top: 130px; } }

@media screen and (max-width: 959px) {
  .interview20 .text_area {
    padding-top: 110px; } }

@media screen and (max-width: 599px) {
  .interview20 .text_area {
    padding-top: 90px; } }

@media screen and (min-width: 960px) {
  .interview20 .text_area {
    padding-bottom: 130px; } }

@media screen and (max-width: 959px) {
  .interview20 .text_area {
    padding-bottom: 110px; } }

@media screen and (max-width: 599px) {
  .interview20 .text_area {
    padding-bottom: 90px; } }

@media screen and (min-width: 960px) {
  .interview20 .text_area .box_type1,
  .interview20 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview20 .text_area .box_type1,
  .interview20 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview20 .text_area .box_type1,
  .interview20 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview20 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #b5b5b5; }
  @media screen and (min-width: 960px) {
    .interview20 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview20 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview20 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview20 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  .interview20 .text_area .box_type1:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #efa3ef;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview20 .text_area .box_type1 span {
    background: #efa3ef;
    line-height: 1.2;
    padding: 0.6em 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview20 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview20 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview20 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview20 .text_area .box_type1 p {
    color: #3e3a39; }

.interview20 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #b5b5b5;
  background: #fcfcfc; }
  @media screen and (min-width: 960px) {
    .interview20 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview20 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview20 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview20 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  .interview20 .text_area .box_type2:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #11275b;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview20 .text_area .box_type2 span {
    background: #11275b;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview20 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview20 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview20 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview20 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2;
    text-indent: 1em; }
    .interview20 .text_area .box_type2 p + p {
      padding-top: 1.3em; }
  .interview20 .text_area .box_type2 + .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview20 .text_area .box_type2 + .flex_box .img_box {
      flex-basis: 47.90941%; }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .box_type2 + .flex_box .img_box {
          flex-basis: 100%; } }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .box_type2 + .flex_box .img_box + .img_box {
          margin-top: 15px; } }
      .interview20 .text_area .box_type2 + .flex_box .img_box p {
        display: block;
        background: #f5f5f5;
        padding: 1.2em 1em;
        margin-top: 2em;
        line-height: 1.8;
        text-align: center; }
        @media screen and (min-width: 960px) {
          .interview20 .text_area .box_type2 + .flex_box .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview20 .text_area .box_type2 + .flex_box .img_box p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview20 .text_area .box_type2 + .flex_box .img_box p {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          .interview20 .text_area .box_type2 + .flex_box .img_box p {
            text-align: left; }
            .interview20 .text_area .box_type2 + .flex_box .img_box p br {
              display: none; } }
    .interview20 .text_area .box_type2 + .flex_box .text_box {
      flex-basis: 47.57785%;
      background: #f5f5f5;
      box-sizing: border-box;
      padding: 2em;
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview20 .text_area .box_type2 + .flex_box .text_box {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview20 .text_area .box_type2 + .flex_box .text_box {
          font-size: 18px; } }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .box_type2 + .flex_box .text_box {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .box_type2 + .flex_box .text_box {
          flex-basis: 100%;
          padding: 1em 1.2em;
          margin-top: 15px; }
          .interview20 .text_area .box_type2 + .flex_box .text_box br {
            display: none; } }
    .interview20 .text_area .box_type2 + .flex_box + p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview20 .text_area .box_type2 + .flex_box + p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview20 .text_area .box_type2 + .flex_box + p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .box_type2 + .flex_box + p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .box_type2 + .flex_box + p {
          text-align: left; }
          .interview20 .text_area .box_type2 + .flex_box + p br {
            display: none; } }

@media screen and (min-width: 960px) {
  .interview20 .text_area .flex_box2 + .box_type1,
  .interview20 .text_area .flex_box + .box_type2 {
    margin-top: 75px; } }

@media screen and (max-width: 959px) {
  .interview20 .text_area .flex_box2 + .box_type1,
  .interview20 .text_area .flex_box + .box_type2 {
    margin-top: 65px; } }

@media screen and (max-width: 599px) {
  .interview20 .text_area .flex_box2 + .box_type1,
  .interview20 .text_area .flex_box + .box_type2 {
    margin-top: 55px; } }

.interview20 .text_area .flex_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview20 .text_area .flex_box2 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .interview20 .text_area .flex_box2 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview20 .text_area .flex_box2 {
      margin-top: 15px; } }
  .interview20 .text_area .flex_box2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview20 .text_area .flex_box2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview20 .text_area .flex_box2 .img_box + .img_box {
        margin-top: 15px; } }
    .interview20 .text_area .flex_box2 .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview20 .text_area .flex_box2 .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview20 .text_area .flex_box2 .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .flex_box2 .img_box p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview20 .text_area .flex_box2 .img_box p {
          text-align: left; }
          .interview20 .text_area .flex_box2 .img_box p br {
            display: none; } }

@media screen and (min-width: 960px) {
  .interview20 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview20 .profile_box {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview20 .profile_box {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview20 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview20 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview20 .profile_box {
    padding-bottom: 80px; } }

.interview20 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 3px solid #11275b;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview20 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview20 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview20 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview20 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    @media screen and (max-width: 599px) {
      .interview20 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview20 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview20 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview20 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview20 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview20 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview20 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview20 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview20 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview20 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview20 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview20 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview20 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview20 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview20 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview20 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview20 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview20 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }

.interview21 .tac {
  text-align: center; }

.interview21 .no_indent {
  text-indent: 0 !important; }

.interview21 section .new_inner .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview21 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview21 .hr {
  position: relative;
  border-top: 3px solid #11275b; }
  .interview21 .hr:after {
    content: "";
    width: 1em;
    height: 1em;
    transform: rotate(45deg);
    position: absolute;
    top: -0.5em;
    right: calc(50% - 0.5em);
    background: #11275b; }
    @media screen and (min-width: 960px) {
      .interview21 .hr:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview21 .hr:after {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview21 .hr:after {
        font-size: 16px; } }

.interview21 .visual_box {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 960px) {
    .interview21 .visual_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview21 .visual_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview21 .visual_box {
      padding-bottom: 60px; } }
  .interview21 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview21 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview21 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview21 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview21 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview21 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview21 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview21 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview21 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #100b0b 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview21 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview21 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview21 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview21 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview21 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview21 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview21 .visual_box p {
    padding: 1.5em 2em;
    background: #f4f4f4;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview21 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview21 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview21 .visual_box p {
        font-size: 14px; } }

.interview21 .photo_box p {
  display: block;
  background: #f5f5f5;
  padding: 0.8em 1em;
  margin-top: 1.5em;
  line-height: 1.8;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview21 .photo_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview21 .photo_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview21 .photo_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview21 .photo_box p {
      text-align: left; }
      .interview21 .photo_box p br {
        display: none; } }
  .interview21 .photo_box p.ll {
    letter-spacing: -1px; }

@media screen and (min-width: 960px) {
  .interview21 .photo_box .img_box + .flex_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  .interview21 .photo_box .img_box + .flex_box {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  .interview21 .photo_box .img_box + .flex_box {
    margin-top: 24px; } }

.interview21 .photo_box div.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }
  @media screen and (max-width: 599px) {
    .interview21 .photo_box div.flex_box {
      display: block; } }
  .interview21 .photo_box div.flex_box .img_box {
    flex-basis: 50%; }
  .interview21 .photo_box div.flex_box.type2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview21 .photo_box div.flex_box.type2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview21 .photo_box div.flex_box.type2 .img_box + .img_box {
        margin-top: 15px; } }

@media screen and (min-width: 960px) {
  .interview21 .text_area {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview21 .text_area {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview21 .text_area {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview21 .text_area .new_inner + .new_inner {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview21 .text_area .new_inner + .new_inner {
    margin-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview21 .text_area .new_inner + .new_inner {
    margin-top: 60px; } }

.interview21 .text_area .new_inner > .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview21 .text_area .new_inner > .flex_box {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview21 .text_area .new_inner > .flex_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview21 .text_area .new_inner > .flex_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview21 .text_area .new_inner > .flex_box {
      display: block; } }
  .interview21 .text_area .new_inner > .flex_box .box_type2 {
    flex-basis: 57.14286%;
    margin-bottom: 0 !important; }
  .interview21 .text_area .new_inner > .flex_box .img_box {
    flex-basis: 37.97909%; }
    @media screen and (max-width: 599px) {
      .interview21 .text_area .new_inner > .flex_box .img_box {
        margin-top: 20px; } }
    .interview21 .text_area .new_inner > .flex_box .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 0.8em 1em;
      margin-top: 1.5em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview21 .text_area .new_inner > .flex_box .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview21 .text_area .new_inner > .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .new_inner > .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .new_inner > .flex_box .img_box p {
          text-align: left; }
          .interview21 .text_area .new_inner > .flex_box .img_box p br {
            display: none; } }

@media screen and (min-width: 960px) {
  .interview21 .text_area .box_type1,
  .interview21 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview21 .text_area .box_type1,
  .interview21 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview21 .text_area .box_type1,
  .interview21 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview21 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #b5b5b5; }
  @media screen and (min-width: 960px) {
    .interview21 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview21 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview21 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview21 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  .interview21 .text_area .box_type1:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #efa3ef;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview21 .text_area .box_type1 span {
    background: #efa3ef;
    line-height: 1.2;
    padding: 0.6em 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview21 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview21 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview21 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview21 .text_area .box_type1 p {
    color: #3e3a39; }

.interview21 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #b5b5b5;
  background: #fcfcfc; }
  @media screen and (min-width: 960px) {
    .interview21 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview21 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview21 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview21 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  .interview21 .text_area .box_type2:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #100b0b;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview21 .text_area .box_type2 span {
    background: #b82d33;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview21 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview21 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview21 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview21 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2;
    text-indent: 1em; }
    .interview21 .text_area .box_type2 p + p {
      padding-top: 1.3em; }
  .interview21 .text_area .box_type2 + .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .interview21 .text_area .box_type2 + .flex_box .img_box {
      flex-basis: 47.90941%; }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .box_type2 + .flex_box .img_box {
          flex-basis: 100%; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .box_type2 + .flex_box .img_box + .img_box {
          margin-top: 15px; } }
      .interview21 .text_area .box_type2 + .flex_box .img_box p {
        display: block;
        background: #f5f5f5;
        padding: 0.8em 1em;
        margin-top: 1.5em;
        line-height: 1.8;
        text-align: center; }
        @media screen and (min-width: 960px) {
          .interview21 .text_area .box_type2 + .flex_box .img_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview21 .text_area .box_type2 + .flex_box .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview21 .text_area .box_type2 + .flex_box .img_box p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview21 .text_area .box_type2 + .flex_box .img_box p {
            text-align: left; }
            .interview21 .text_area .box_type2 + .flex_box .img_box p br {
              display: none; } }
    .interview21 .text_area .box_type2 + .flex_box .text_box {
      flex-basis: 47.57785%;
      background: #f5f5f5;
      box-sizing: border-box;
      padding: 2em;
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview21 .text_area .box_type2 + .flex_box .text_box {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview21 .text_area .box_type2 + .flex_box .text_box {
          font-size: 18px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .box_type2 + .flex_box .text_box {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .box_type2 + .flex_box .text_box {
          flex-basis: 100%;
          padding: 1em 1.2em;
          margin-top: 15px; }
          .interview21 .text_area .box_type2 + .flex_box .text_box br {
            display: none; } }
    .interview21 .text_area .box_type2 + .flex_box + p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview21 .text_area .box_type2 + .flex_box + p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview21 .text_area .box_type2 + .flex_box + p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .box_type2 + .flex_box + p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .box_type2 + .flex_box + p {
          text-align: left; }
          .interview21 .text_area .box_type2 + .flex_box + p br {
            display: none; } }

@media screen and (min-width: 960px) {
  .interview21 .text_area .flex_box2 + .box_type1,
  .interview21 .text_area .flex_box + .box_type2 {
    margin-top: 75px; } }

@media screen and (max-width: 959px) {
  .interview21 .text_area .flex_box2 + .box_type1,
  .interview21 .text_area .flex_box + .box_type2 {
    margin-top: 65px; } }

@media screen and (max-width: 599px) {
  .interview21 .text_area .flex_box2 + .box_type1,
  .interview21 .text_area .flex_box + .box_type2 {
    margin-top: 55px; } }

.interview21 .text_area .flex_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview21 .text_area .flex_box2 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .interview21 .text_area .flex_box2 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview21 .text_area .flex_box2 {
      margin-top: 15px; } }
  .interview21 .text_area .flex_box2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview21 .text_area .flex_box2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview21 .text_area .flex_box2 .img_box + .img_box {
        margin-top: 15px; } }
    .interview21 .text_area .flex_box2 .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview21 .text_area .flex_box2 .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview21 .text_area .flex_box2 .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .flex_box2 .img_box p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview21 .text_area .flex_box2 .img_box p {
          text-align: left; }
          .interview21 .text_area .flex_box2 .img_box p br {
            display: none; } }

.interview21 .profile_box {
  border-top: 4px solid #100b0b; }
  @media screen and (min-width: 960px) {
    .interview21 .profile_box {
      margin-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview21 .profile_box {
      margin-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview21 .profile_box {
      margin-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview21 .profile_box {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview21 .profile_box {
      padding-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview21 .profile_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview21 .profile_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview21 .profile_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview21 .profile_box {
      padding-bottom: 80px; } }
  .interview21 .profile_box .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #100b0b;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview21 .profile_box .profile {
        padding-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview21 .profile_box .profile {
        padding-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      .interview21 .profile_box .profile {
        padding-bottom: 40px; } }
    .interview21 .profile_box .profile .img_box {
      flex-basis: 31.77%; }
      @media screen and (max-width: 599px) {
        .interview21 .profile_box .profile .img_box {
          flex-basis: 90%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px; } }
    .interview21 .profile_box .profile .text_box {
      flex-basis: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview21 .profile_box .profile .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview21 .profile_box .profile .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview21 .profile_box .profile .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview21 .profile_box .profile .text_box {
          flex-basis: 100%; } }
      .interview21 .profile_box .profile .text_box a {
        color: #003acd;
        text-decoration: underline; }
    .interview21 .profile_box .profile .text_box h3 {
      font-weight: bold;
      margin-bottom: 0.5em;
      padding-bottom: 0; }
      @media screen and (min-width: 960px) {
        .interview21 .profile_box .profile .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview21 .profile_box .profile .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview21 .profile_box .profile .text_box h3 {
          font-size: 22px; } }
      .interview21 .profile_box .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview21 .profile_box .profile .text_box h3 span {
            font-size: 0.8em; } }
    .interview21 .profile_box .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview21 .profile_box .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview21 .profile_box .profile .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview21 .profile_box .profile .text_box p {
          font-size: 14px; } }
      .interview21 .profile_box .profile .text_box p + p {
        margin-top: 1.3em; }
      .interview21 .profile_box .profile .text_box p strong {
        color: #b0292c; }

.interview22 .tac {
  text-align: center; }

.interview22 .no_indent {
  text-indent: 0 !important; }

.interview22 section .new_inner .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview22 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview22 .hr {
  position: relative;
  border-top: 2px solid #dbe3ed; }
  @media screen and (min-width: 960px) {
    .interview22 .hr {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview22 .hr {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview22 .hr {
      margin-top: 60px; } }

.interview22 .visual_box {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 960px) {
    .interview22 .visual_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview22 .visual_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview22 .visual_box {
      padding-bottom: 60px; } }
  .interview22 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview22 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview22 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview22 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview22 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview22 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview22 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview22 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview22 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #11275b 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview22 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview22 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview22 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview22 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview22 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview22 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview22 .visual_box p {
    padding: 1.5em 2em;
    background: #f3f4f7;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview22 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview22 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview22 .visual_box p {
        font-size: 14px; } }

.interview22 .photo_box.bg {
  background: #dbe3ed; }
  @media screen and (min-width: 960px) {
    .interview22 .photo_box.bg {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview22 .photo_box.bg {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview22 .photo_box.bg {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview22 .photo_box.bg {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview22 .photo_box.bg {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview22 .photo_box.bg {
      padding-bottom: 40px; } }
  .interview22 .photo_box.bg p {
    background-color: #ffffff; }

.interview22 .photo_box p {
  display: block;
  background: #f5f5f5;
  padding: 0.8em 1em;
  margin-top: 1.5em;
  line-height: 1.8;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview22 .photo_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview22 .photo_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview22 .photo_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview22 .photo_box p {
      text-align: left; }
      .interview22 .photo_box p br {
        display: none; } }
  .interview22 .photo_box p.ll {
    letter-spacing: -1px; }

@media screen and (min-width: 960px) {
  .interview22 .photo_box .img_box + .flex_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  .interview22 .photo_box .img_box + .flex_box {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  .interview22 .photo_box .img_box + .flex_box {
    margin-top: 24px; } }

.interview22 .photo_box div.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }
  @media screen and (max-width: 599px) {
    .interview22 .photo_box div.flex_box {
      display: block; } }
  .interview22 .photo_box div.flex_box .img_box {
    flex-basis: 50%; }
  .interview22 .photo_box div.flex_box.type2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview22 .photo_box div.flex_box.type2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview22 .photo_box div.flex_box.type2 .img_box + .img_box {
        margin-top: 15px; } }

@media screen and (min-width: 960px) {
  .interview22 .text_area {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview22 .text_area {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview22 .text_area {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview22 .text_area .new_inner + .new_inner {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview22 .text_area .new_inner + .new_inner {
    margin-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview22 .text_area .new_inner + .new_inner {
    margin-top: 60px; } }

.interview22 .text_area .new_inner > .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview22 .text_area .new_inner > .flex_box {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview22 .text_area .new_inner > .flex_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview22 .text_area .new_inner > .flex_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview22 .text_area .new_inner > .flex_box {
      display: block; } }
  .interview22 .text_area .new_inner > .flex_box .box_type2 {
    flex-basis: 57.14286%;
    margin-bottom: 0 !important; }
  .interview22 .text_area .new_inner > .flex_box .img_box {
    flex-basis: 37.97909%; }
    @media screen and (max-width: 599px) {
      .interview22 .text_area .new_inner > .flex_box .img_box {
        margin-top: 20px; } }
    .interview22 .text_area .new_inner > .flex_box .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 0.8em 1em;
      margin-top: 1.5em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview22 .text_area .new_inner > .flex_box .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview22 .text_area .new_inner > .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview22 .text_area .new_inner > .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview22 .text_area .new_inner > .flex_box .img_box p {
          text-align: left; }
          .interview22 .text_area .new_inner > .flex_box .img_box p br {
            display: none; } }

@media screen and (min-width: 960px) {
  .interview22 .text_area .box_type1,
  .interview22 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview22 .text_area .box_type1,
  .interview22 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview22 .text_area .box_type1,
  .interview22 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview22 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #b5b5b5; }
  @media screen and (min-width: 960px) {
    .interview22 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview22 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview22 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview22 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  .interview22 .text_area .box_type1:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #efa3ef;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview22 .text_area .box_type1 span {
    background: #efa3ef;
    line-height: 1.2;
    padding: 0.6em 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview22 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview22 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview22 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview22 .text_area .box_type1 p {
    color: #3e3a39; }

.interview22 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #b5b5b5;
  background: #fcfcfc; }
  @media screen and (min-width: 960px) {
    .interview22 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview22 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview22 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview22 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  .interview22 .text_area .box_type2:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #284b9f;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview22 .text_area .box_type2 span {
    background: #284b9f;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview22 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview22 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview22 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview22 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2;
    text-indent: 1em; }
    .interview22 .text_area .box_type2 p + p {
      padding-top: 1.3em; }

.interview22 .text_area .flex_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview22 .text_area .flex_box2 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .interview22 .text_area .flex_box2 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview22 .text_area .flex_box2 {
      margin-top: 15px; } }
  .interview22 .text_area .flex_box2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview22 .text_area .flex_box2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview22 .text_area .flex_box2 .img_box + .img_box {
        margin-top: 15px; } }
    .interview22 .text_area .flex_box2 .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview22 .text_area .flex_box2 .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview22 .text_area .flex_box2 .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview22 .text_area .flex_box2 .img_box p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview22 .text_area .flex_box2 .img_box p {
          text-align: left; }
          .interview22 .text_area .flex_box2 .img_box p br {
            display: none; } }

.interview22 .profile_box {
  border-top: 2px solid #284b9f; }
  @media screen and (min-width: 960px) {
    .interview22 .profile_box {
      margin-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview22 .profile_box {
      margin-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview22 .profile_box {
      margin-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview22 .profile_box {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview22 .profile_box {
      padding-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview22 .profile_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview22 .profile_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview22 .profile_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview22 .profile_box {
      padding-bottom: 80px; } }
  .interview22 .profile_box .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #100b0b;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview22 .profile_box .profile {
        padding-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview22 .profile_box .profile {
        padding-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      .interview22 .profile_box .profile {
        padding-bottom: 40px; } }
    .interview22 .profile_box .profile .img_box {
      flex-basis: 31.77%; }
      @media screen and (max-width: 599px) {
        .interview22 .profile_box .profile .img_box {
          flex-basis: 90%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px; } }
    .interview22 .profile_box .profile .text_box {
      flex-basis: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview22 .profile_box .profile .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview22 .profile_box .profile .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview22 .profile_box .profile .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview22 .profile_box .profile .text_box {
          flex-basis: 100%; } }
      .interview22 .profile_box .profile .text_box a {
        color: #003acd;
        text-decoration: underline; }
    .interview22 .profile_box .profile .text_box h3 {
      font-weight: bold;
      margin-bottom: 0.5em;
      padding-bottom: 0; }
      @media screen and (min-width: 960px) {
        .interview22 .profile_box .profile .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview22 .profile_box .profile .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview22 .profile_box .profile .text_box h3 {
          font-size: 22px; } }
      .interview22 .profile_box .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview22 .profile_box .profile .text_box h3 span {
            font-size: 0.8em; } }
    .interview22 .profile_box .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview22 .profile_box .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview22 .profile_box .profile .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview22 .profile_box .profile .text_box p {
          font-size: 14px; } }
      .interview22 .profile_box .profile .text_box p + p {
        margin-top: 1.3em; }
      .interview22 .profile_box .profile .text_box p strong {
        color: #b0292c; }

.interview23 .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview23 .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview23 .visual_box {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 960px) {
    .interview23 .visual_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview23 .visual_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview23 .visual_box {
      padding-bottom: 60px; } }
  .interview23 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview23 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview23 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview23 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview23 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview23 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview23 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview23 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview23 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #11275b 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview23 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview23 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview23 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview23 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview23 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview23 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview23 .visual_box p {
    padding: 1.5em 2em;
    background: #f3f4f7;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview23 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview23 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview23 .visual_box p {
        font-size: 14px; } }

.interview23 .photo_box.bg {
  background: rgba(19, 49, 119, 0.15); }
  @media screen and (min-width: 960px) {
    .interview23 .photo_box.bg {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview23 .photo_box.bg {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview23 .photo_box.bg {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview23 .photo_box.bg {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview23 .photo_box.bg {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview23 .photo_box.bg {
      padding-bottom: 40px; } }
  .interview23 .photo_box.bg p {
    background-color: #ffffff; }

.interview23 .photo_box p {
  display: block;
  background: #f5f5f5;
  padding: 0.8em 1em;
  margin-top: 1.5em;
  line-height: 1.8;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview23 .photo_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview23 .photo_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview23 .photo_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview23 .photo_box p {
      text-align: left; }
      .interview23 .photo_box p br {
        display: none; } }
  .interview23 .photo_box p.ll {
    letter-spacing: -1px; }

@media screen and (min-width: 960px) {
  .interview23 .photo_box .img_box + .flex_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  .interview23 .photo_box .img_box + .flex_box {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  .interview23 .photo_box .img_box + .flex_box {
    margin-top: 24px; } }

.interview23 .photo_box div.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }
  @media screen and (max-width: 599px) {
    .interview23 .photo_box div.flex_box {
      display: block; } }
  .interview23 .photo_box div.flex_box .img_box {
    flex-basis: 50%; }
  .interview23 .photo_box div.flex_box.type2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview23 .photo_box div.flex_box.type2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview23 .photo_box div.flex_box.type2 .img_box + .img_box {
        margin-top: 15px; } }

@media screen and (min-width: 960px) {
  .interview23 .text_area {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview23 .text_area {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview23 .text_area {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview23 .text_area .new_inner + .new_inner {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview23 .text_area .new_inner + .new_inner {
    margin-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview23 .text_area .new_inner + .new_inner {
    margin-top: 60px; } }

.interview23 .text_area .new_inner > .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (min-width: 960px) {
    .interview23 .text_area .new_inner > .flex_box {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview23 .text_area .new_inner > .flex_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview23 .text_area .new_inner > .flex_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview23 .text_area .new_inner > .flex_box {
      display: block; } }
  .interview23 .text_area .new_inner > .flex_box .box_type2 {
    flex-basis: 57.14286%;
    margin-bottom: 0 !important; }
  .interview23 .text_area .new_inner > .flex_box .img_box {
    flex-basis: 37.97909%; }
    @media screen and (max-width: 599px) {
      .interview23 .text_area .new_inner > .flex_box .img_box {
        margin-top: 20px; } }
    .interview23 .text_area .new_inner > .flex_box .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 0.8em 1em;
      margin-top: 1.5em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview23 .text_area .new_inner > .flex_box .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview23 .text_area .new_inner > .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview23 .text_area .new_inner > .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview23 .text_area .new_inner > .flex_box .img_box p {
          text-align: left; }
          .interview23 .text_area .new_inner > .flex_box .img_box p br {
            display: none; } }

@media screen and (min-width: 960px) {
  .interview23 .text_area .box_type1,
  .interview23 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview23 .text_area .box_type1,
  .interview23 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview23 .text_area .box_type1,
  .interview23 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview23 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #b5b5b5; }
  @media screen and (min-width: 960px) {
    .interview23 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview23 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview23 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview23 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  .interview23 .text_area .box_type1:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #d7c447;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview23 .text_area .box_type1 span {
    background: #d7c447;
    line-height: 1.2;
    padding: 0.6em 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview23 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview23 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview23 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview23 .text_area .box_type1 p {
    color: #3e3a39; }

.interview23 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #b5b5b5;
  background: #fcfcfc; }
  @media screen and (min-width: 960px) {
    .interview23 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview23 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview23 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview23 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  .interview23 .text_area .box_type2:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #133177;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview23 .text_area .box_type2 span {
    background: #133177;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview23 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview23 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview23 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview23 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2;
    text-indent: 1em; }
    .interview23 .text_area .box_type2 p + p {
      padding-top: 1.3em; }

.interview23 .review_box {
  display: flex;
  align-items: center;
  background-color: #fff; }
  .interview23 .review_box .img_box {
    width: 47.90941%; }
    .interview23 .review_box .img_box img {
      width: 100%;
      vertical-align: top; }
  .interview23 .review_box .text_box {
    width: 52.09059%;
    line-height: 2;
    padding: 2em;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview23 .review_box .text_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview23 .review_box .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview23 .review_box .text_box {
        font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview23 .review_box {
      flex-direction: column; }
      .interview23 .review_box .img_box,
      .interview23 .review_box .text_box {
        width: 100%; } }

.interview23 .profile_box {
  border-top: 2px solid #284b9f; }
  @media screen and (min-width: 960px) {
    .interview23 .profile_box {
      margin-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview23 .profile_box {
      margin-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview23 .profile_box {
      margin-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview23 .profile_box {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview23 .profile_box {
      padding-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview23 .profile_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview23 .profile_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview23 .profile_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview23 .profile_box {
      padding-bottom: 80px; } }
  .interview23 .profile_box .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #100b0b;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview23 .profile_box .profile {
        padding-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview23 .profile_box .profile {
        padding-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      .interview23 .profile_box .profile {
        padding-bottom: 40px; } }
    .interview23 .profile_box .profile .img_box {
      flex-basis: 31.77%; }
      @media screen and (max-width: 599px) {
        .interview23 .profile_box .profile .img_box {
          flex-basis: 90%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px; } }
    .interview23 .profile_box .profile .text_box {
      flex-basis: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview23 .profile_box .profile .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview23 .profile_box .profile .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview23 .profile_box .profile .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview23 .profile_box .profile .text_box {
          flex-basis: 100%; } }
      .interview23 .profile_box .profile .text_box a {
        color: #003acd;
        text-decoration: underline; }
    .interview23 .profile_box .profile .text_box h3 {
      font-weight: bold;
      margin-bottom: 0.5em;
      padding-bottom: 0; }
      @media screen and (min-width: 960px) {
        .interview23 .profile_box .profile .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview23 .profile_box .profile .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview23 .profile_box .profile .text_box h3 {
          font-size: 22px; } }
      .interview23 .profile_box .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview23 .profile_box .profile .text_box h3 span {
            font-size: 0.8em; } }
    .interview23 .profile_box .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview23 .profile_box .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview23 .profile_box .profile .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview23 .profile_box .profile .text_box p {
          font-size: 14px; } }
      .interview23 .profile_box .profile .text_box p + p {
        margin-top: 1.3em; }
      .interview23 .profile_box .profile .text_box p strong {
        color: #b0292c; }

.interview24 .tac {
  text-align: center; }

.interview24 .no_indent {
  text-indent: 0 !important; }

.interview24 section .new_inner .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview24 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview24 .hr {
  position: relative;
  border-top: 2px solid #dbe3ed; }
  @media screen and (min-width: 960px) {
    .interview24 .hr {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview24 .hr {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview24 .hr {
      margin-top: 60px; } }

.interview24 .visual_box {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 960px) {
    .interview24 .visual_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview24 .visual_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview24 .visual_box {
      padding-bottom: 60px; } }
  .interview24 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview24 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview24 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview24 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview24 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview24 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview24 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview24 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview24 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #b0d246 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview24 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview24 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview24 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview24 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview24 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview24 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview24 .visual_box p {
    padding: 1.5em 2em;
    background: #f5f9e4;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview24 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview24 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview24 .visual_box p {
        font-size: 14px; } }

.interview24 .photo_box.bg {
  background: #f5f9e4; }
  @media screen and (min-width: 960px) {
    .interview24 .photo_box.bg {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview24 .photo_box.bg {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview24 .photo_box.bg {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview24 .photo_box.bg {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview24 .photo_box.bg {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview24 .photo_box.bg {
      padding-bottom: 40px; } }
  .interview24 .photo_box.bg p {
    background-color: #ffffff; }

.interview24 .photo_box img {
  width: 100%;
  height: auto; }

.interview24 .photo_box p {
  display: block;
  background: #f5f5f5;
  padding: 0.8em 1em;
  margin-top: 1.5em;
  line-height: 1.8;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview24 .photo_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview24 .photo_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview24 .photo_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview24 .photo_box p {
      text-align: left; }
      .interview24 .photo_box p br {
        display: none; } }
  .interview24 .photo_box p.ll {
    letter-spacing: -1px; }
  @media screen and (min-width: 960px) {
    .interview24 .photo_box p + .flex_box {
      padding-top: 32px; } }
  @media screen and (max-width: 959px) {
    .interview24 .photo_box p + .flex_box {
      padding-top: 28px; } }
  @media screen and (max-width: 599px) {
    .interview24 .photo_box p + .flex_box {
      padding-top: 24px; } }
  .interview24 .photo_box p a {
    color: #436af7;
    text-decoration: underline; }

@media screen and (min-width: 960px) {
  .interview24 .photo_box .img_box + .flex_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  .interview24 .photo_box .img_box + .flex_box {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  .interview24 .photo_box .img_box + .flex_box {
    margin-top: 24px; } }

.interview24 .photo_box div.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 599px) {
    .interview24 .photo_box div.flex_box {
      display: block; } }
  .interview24 .photo_box div.flex_box .img_box {
    flex-basis: 50%; }
  .interview24 .photo_box div.flex_box.type2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview24 .photo_box div.flex_box.type2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview24 .photo_box div.flex_box.type2 .img_box + .img_box {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview24 .photo_box div.flex_box.type2 .img_box + .text_box {
        margin-top: 15px; } }

@media screen and (min-width: 960px) {
  .interview24 .text_area {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview24 .text_area {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview24 .text_area {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview24 .text_area .new_inner + .new_inner {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview24 .text_area .new_inner + .new_inner {
    margin-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview24 .text_area .new_inner + .new_inner {
    margin-top: 60px; } }

.interview24 .text_area .new_inner > .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview24 .text_area .new_inner > .flex_box {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview24 .text_area .new_inner > .flex_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview24 .text_area .new_inner > .flex_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview24 .text_area .new_inner > .flex_box {
      display: block; } }
  .interview24 .text_area .new_inner > .flex_box .box_type2 {
    flex-basis: 57.14286%;
    margin-bottom: 0 !important; }
  .interview24 .text_area .new_inner > .flex_box .img_box {
    flex-basis: 37.97909%; }
    @media screen and (max-width: 599px) {
      .interview24 .text_area .new_inner > .flex_box .img_box {
        margin-top: 20px; } }
    .interview24 .text_area .new_inner > .flex_box .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 0.8em 1em;
      margin-top: 1.5em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview24 .text_area .new_inner > .flex_box .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview24 .text_area .new_inner > .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview24 .text_area .new_inner > .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview24 .text_area .new_inner > .flex_box .img_box p {
          text-align: left; }
          .interview24 .text_area .new_inner > .flex_box .img_box p br {
            display: none; } }
  .interview24 .text_area .new_inner > .flex_box .text_box {
    flex-basis: 57.31707%; }
    @media screen and (max-width: 599px) {
      .interview24 .text_area .new_inner > .flex_box .text_box {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      .interview24 .text_area .new_inner > .flex_box .text_box p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview24 .text_area .new_inner > .flex_box .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview24 .text_area .new_inner > .flex_box .text_box p {
        font-size: 16px; } }
    .interview24 .text_area .new_inner > .flex_box .text_box p strong {
      font-weight: bold; }
    .interview24 .text_area .new_inner > .flex_box .text_box p a {
      color: #436af7;
      text-decoration: underline; }

@media screen and (min-width: 960px) {
  .interview24 .text_area .box_type1,
  .interview24 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview24 .text_area .box_type1,
  .interview24 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview24 .text_area .box_type1,
  .interview24 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview24 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #b5b5b5; }
  @media screen and (min-width: 960px) {
    .interview24 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview24 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview24 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview24 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  .interview24 .text_area .box_type1:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #efa3ef;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview24 .text_area .box_type1 span {
    background: #efa3ef;
    line-height: 1.2;
    padding: 0.6em 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview24 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview24 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview24 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview24 .text_area .box_type1 p {
    color: #3e3a39; }

.interview24 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #b5b5b5;
  background: #fcfcfc; }
  @media screen and (min-width: 960px) {
    .interview24 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview24 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview24 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview24 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  .interview24 .text_area .box_type2:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #000000;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview24 .text_area .box_type2 span {
    background: #b0d346;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview24 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview24 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview24 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview24 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2;
    text-indent: 1em; }
    .interview24 .text_area .box_type2 p + p {
      padding-top: 1.3em; }

.interview24 .text_area .flex_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview24 .text_area .flex_box2 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .interview24 .text_area .flex_box2 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview24 .text_area .flex_box2 {
      margin-top: 15px; } }
  .interview24 .text_area .flex_box2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview24 .text_area .flex_box2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview24 .text_area .flex_box2 .img_box + .img_box {
        margin-top: 15px; } }
    .interview24 .text_area .flex_box2 .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview24 .text_area .flex_box2 .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview24 .text_area .flex_box2 .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview24 .text_area .flex_box2 .img_box p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview24 .text_area .flex_box2 .img_box p {
          text-align: left; }
          .interview24 .text_area .flex_box2 .img_box p br {
            display: none; } }

.interview24 .message_box {
  background: #f5f9e4; }
  @media screen and (min-width: 960px) {
    .interview24 .message_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview24 .message_box {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview24 .message_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview24 .message_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview24 .message_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview24 .message_box {
      padding-bottom: 40px; } }
  .interview24 .message_box .text_box {
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      .interview24 .message_box .text_box {
        padding: 30px; } }
    @media screen and (max-width: 959px) {
      .interview24 .message_box .text_box {
        padding: 25px; } }
    @media screen and (max-width: 599px) {
      .interview24 .message_box .text_box {
        padding: 20px; } }
    .interview24 .message_box .text_box h3 {
      text-align: center;
      margin-bottom: 1em;
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        .interview24 .message_box .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview24 .message_box .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview24 .message_box .text_box h3 {
          font-size: 22px; } }
    .interview24 .message_box .text_box p {
      text-indent: 1em;
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview24 .message_box .text_box p {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview24 .message_box .text_box p {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview24 .message_box .text_box p {
          font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview24 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview24 .profile_box {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview24 .profile_box {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview24 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview24 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview24 .profile_box {
    padding-bottom: 80px; } }

.interview24 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #b0d346;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview24 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview24 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview24 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview24 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    @media screen and (max-width: 599px) {
      .interview24 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview24 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview24 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview24 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview24 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview24 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview24 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview24 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview24 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview24 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview24 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview24 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview24 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview24 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview24 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview24 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview24 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview24 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview24 .profile_box .profile .text_box p strong {
      color: #b0292c; }

.interview25 .visual_box {
  margin-bottom: 0 !important; }
  .interview25 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview25 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview25 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview25 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview25 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview25 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview25 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview25 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview25 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #c00200 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview25 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview25 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview25 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview25 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview25 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview25 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview25 .visual_box p {
    padding: 1.5em 2em;
    background: #ebf2ec;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview25 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview25 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview25 .visual_box p {
        font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview25 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview25 .profile_box {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview25 .profile_box {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview25 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview25 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview25 .profile_box {
    padding-bottom: 80px; } }

.interview25 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #56bc6c;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview25 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview25 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview25 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview25 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview25 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview25 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview25 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview25 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview25 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview25 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview25 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview25 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview25 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview25 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview25 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview25 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview25 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview25 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview25 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview25 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview25 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview25 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview25 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview25 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview25 .section {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview25 .section {
    margin-top: 75px; } }

@media screen and (max-width: 599px) {
  .interview25 .section {
    margin-top: 50px; } }

.interview25 .section_title {
  position: relative;
  line-height: 1.7;
  padding-left: 2.75em;
  padding-bottom: 0.75em;
  border-bottom: 5px solid #cecece;
  font-weight: bold;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview25 .section_title {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview25 .section_title {
      margin-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .interview25 .section_title {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .interview25 .section_title {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview25 .section_title {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview25 .section_title {
      font-size: 16px; } }
  .interview25 .section_title::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.75em;
    height: 1.75em;
    background: url(../img/interview/25/icon_title.png) no-repeat 0 0/contain; }
  .interview25 .section_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 30%;
    height: 5px;
    background-color: #c00200; }

.interview25 .section_text {
  line-height: 2.1;
  text-indent: 1.5em;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview25 .section_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview25 .section_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview25 .section_text {
      font-size: 16px; } }
  .interview25 .section_text:not(:first-of-type) {
    margin-top: 2em; }

.interview25 .section_img_caption {
  width: 100%; }
  .interview25 .section_img_caption img {
    width: 100%; }
  .interview25 .section_img_caption figcaption {
    position: relative;
    display: block;
    width: calc(100% - calc(3em + 10px));
    line-height: 2.1;
    padding: 0.5em 1.5em;
    border: 1px solid #c00200;
    color: #c00200;
    letter-spacing: 0.05em;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview25 .section_img_caption figcaption {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      .interview25 .section_img_caption figcaption {
        margin-top: 20px; } }
    @media screen and (max-width: 599px) {
      .interview25 .section_img_caption figcaption {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview25 .section_img_caption figcaption {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview25 .section_img_caption figcaption {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview25 .section_img_caption figcaption {
        font-size: 14px; } }
    .interview25 .section_img_caption figcaption::before, .interview25 .section_img_caption figcaption::after {
      content: "";
      position: absolute;
      bottom: -10px;
      background-color: #c00200; }
    .interview25 .section_img_caption figcaption::before {
      left: 10px;
      width: 100%;
      height: 10px; }
    .interview25 .section_img_caption figcaption::after {
      right: -10px;
      width: 10px;
      height: 100%; }
  @media screen and (max-width: 599px) {
    .interview25 .section_img_caption figcaption br {
      display: none; } }

.interview25 .section_img_block1 {
  display: grid;
  grid-template-columns: auto calc(326/1156*100%);
  gap: 60px; }
  .interview25 .section_img_block1 img {
    width: 100%; }
  @media screen and (max-width: 599px) {
    .interview25 .section_img_block1 {
      grid-template-columns: 1fr;
      gap: 30px; } }

.interview25 .section_img_block2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em; }
  @media screen and (min-width: 960px) {
    .interview25 .section_img_block2 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview25 .section_img_block2 {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview25 .section_img_block2 {
      margin-top: 30px; } }
  .interview25 .section_img_block2 img {
    width: 100%; }
  @media screen and (max-width: 599px) {
    .interview25 .section_img_block2 {
      grid-template-columns: repeat(2, 1fr); } }

.interview25 .section_img_block3 {
  display: grid;
  grid-template-columns: calc(500/1156*100%) auto;
  gap: 60px; }
  .interview25 .section_img_block3 .section_img_caption figcaption {
    text-align: left; }
  @media screen and (max-width: 599px) {
    .interview25 .section_img_block3 {
      grid-template-columns: 1fr;
      gap: 30px; }
      .interview25 .section_img_block3 .section_img_caption {
        order: 2; }
      .interview25 .section_img_block3 > div {
        order: 1; } }

.interview25 .section_img_block4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px; }
  @media screen and (min-width: 960px) {
    .interview25 .section_img_block4 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview25 .section_img_block4 {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview25 .section_img_block4 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview25 .section_img_block4 {
      grid-template-columns: 1fr; } }

.interview25 .chiikikoken {
  background-color: #ebf2ec; }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken {
      margin-top: 75px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken {
      margin-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken {
      padding-top: 75px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken {
      padding-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken {
      padding-bottom: 75px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken {
      padding-bottom: 50px; } }
  .interview25 .chiikikoken figure img {
    width: 100%; }
  .interview25 .chiikikoken figure figcaption {
    line-height: 2.1;
    padding: 0.5em 1.5em;
    background-color: #56bc6c;
    color: #fff;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview25 .chiikikoken figure figcaption {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      .interview25 .chiikikoken figure figcaption {
        margin-top: 20px; } }
    @media screen and (max-width: 599px) {
      .interview25 .chiikikoken figure figcaption {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview25 .chiikikoken figure figcaption {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview25 .chiikikoken figure figcaption {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview25 .chiikikoken figure figcaption {
        font-size: 14px; } }

.interview25 .chiikikoken_section {
  background-color: #fff; }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken_section {
      padding: 50px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken_section {
      padding: 35px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section {
      padding: 20px; } }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken_section:not(:first-child) {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken_section:not(:first-child) {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section:not(:first-child) {
      margin-top: 30px; } }

.interview25 .chiikikoken_section_title {
  position: relative;
  line-height: 2;
  border-bottom: 2px solid #56bc6c;
  font-weight: bold;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken_section_title {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken_section_title {
      margin-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_title {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken_section_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken_section_title {
      font-size: 20px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_title {
      font-size: 16px; } }
  .interview25 .chiikikoken_section_title span {
    color: #56bc6c;
    font-weight: bold; }
  .interview25 .chiikikoken_section_title::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -30px;
    width: 80px;
    height: 84px;
    padding-left: 10px;
    background: #fff url(../img/interview/25/icon_chiikikoken_title.png) no-repeat 100% 100%/contain; }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_title::before {
      bottom: -10px;
      width: 40px;
      height: 42px; } }

.interview25 .chiikikoken_section_text {
  line-height: 2.1;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken_section_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken_section_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_text {
      font-size: 16px; } }

.interview25 .chiikikoken_section_img_block1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px; }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken_section_img_block1 .chiikikoken_section_text + figure {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken_section_img_block1 .chiikikoken_section_text + figure {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_img_block1 .chiikikoken_section_text + figure {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_img_block1 {
      grid-template-columns: 1fr;
      gap: 30px; } }

.interview25 .chiikikoken_section_img_block2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px; }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_img_block2 {
      grid-template-columns: 1fr;
      gap: 30px; } }

.interview25 .chiikikoken_section_img_block3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px; }
  @media screen and (min-width: 960px) {
    .interview25 .chiikikoken_section_img_block3 {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview25 .chiikikoken_section_img_block3 {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_img_block3 {
      margin-top: 20px; } }
  @media screen and (max-width: 599px) {
    .interview25 .chiikikoken_section_img_block3 {
      grid-template-columns: 1fr; } }

.interview25 .message_section {
  position: relative;
  background: url(../img/interview/25/message_bg.png) no-repeat 50% 50%/cover; }
  @media screen and (min-width: 960px) {
    .interview25 .message_section {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview25 .message_section {
      margin-top: 75px; } }
  @media screen and (max-width: 599px) {
    .interview25 .message_section {
      margin-top: 50px; } }
  @media screen and (min-width: 960px) {
    .interview25 .message_section {
      padding-top: 150px; } }
  @media screen and (max-width: 959px) {
    .interview25 .message_section {
      padding-top: 120px; } }
  @media screen and (max-width: 599px) {
    .interview25 .message_section {
      padding-top: 90px; } }
  @media screen and (min-width: 960px) {
    .interview25 .message_section {
      padding-bottom: 150px; } }
  @media screen and (max-width: 959px) {
    .interview25 .message_section {
      padding-bottom: 120px; } }
  @media screen and (max-width: 599px) {
    .interview25 .message_section {
      padding-bottom: 90px; } }
  .interview25 .message_section::before, .interview25 .message_section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 54px; }
  .interview25 .message_section::before {
    top: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: linear-gradient(45deg, #e93323, #5a0d07); }
  .interview25 .message_section::after {
    bottom: 0;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    background: linear-gradient(45deg, #5a0d07, #e93323); }

.interview25 .message_section_title {
  position: relative;
  padding-bottom: 0.5em;
  letter-spacing: 0.17em;
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview25 .message_section_title {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview25 .message_section_title {
      margin-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .interview25 .message_section_title {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .interview25 .message_section_title {
      font-size: 30px; } }
  @media screen and (max-width: 959px) {
    .interview25 .message_section_title {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .interview25 .message_section_title {
      font-size: 22px; } }
  .interview25 .message_section_title::before, .interview25 .message_section_title::after {
    content: "";
    position: absolute;
    left: calc(50% - 75px);
    bottom: 0;
    height: 5px; }
  .interview25 .message_section_title::before {
    width: 150px;
    background-color: #cecece; }
  .interview25 .message_section_title::after {
    width: 75px;
    background-color: #c00200; }

.interview25 .message_section_text {
  line-height: 1.9;
  text-indent: 1.5em;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview25 .message_section_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview25 .message_section_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview25 .message_section_text {
      font-size: 16px; } }
  .interview25 .message_section_text:not(:first-of-type) {
    margin-top: 2em; }

.interview28 .visual_box {
  margin-bottom: 0 !important; }
  .interview28 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview28 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview28 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview28 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview28 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview28 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview28 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview28 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview28 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #727e4c 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview28 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview28 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview28 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview28 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview28 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview28 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview28 .visual_box p {
    padding: 1.5em 2em;
    background: #FCF7F0;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview28 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview28 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview28 .visual_box p {
        font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview28 .profile_box {
    padding-top: 120px; } }

@media screen and (max-width: 959px) {
  .interview28 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 599px) {
  .interview28 .profile_box {
    padding-top: 80px; } }

@media screen and (min-width: 960px) {
  .interview28 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview28 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview28 .profile_box {
    padding-bottom: 80px; } }

.interview28 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #727E4C;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview28 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview28 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview28 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview28 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview28 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview28 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview28 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview28 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview28 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview28 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview28 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview28 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview28 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview28 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview28 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview28 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview28 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview28 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview28 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview28 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview28 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview28 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview28 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview28 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview28 .section {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview28 .section {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview28 .section {
    margin-top: 40px; } }

.interview28 .bg_box {
  background: url(../img/interview/28/bg.png) repeat 50% 50%/24px 88px; }
  @media screen and (min-width: 960px) {
    .interview28 .bg_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview28 .bg_box {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview28 .bg_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview28 .bg_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview28 .bg_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview28 .bg_box {
      padding-bottom: 40px; } }
  .interview28 .bg_box .img_caption_box figcaption {
    background-color: #fff; }

.interview28 .interview_box {
  position: relative;
  margin-bottom: 90px;
  padding: 50px 40px 65px;
  border-radius: 20px;
  border: 10px solid #EFF4ED; }
  .interview28 .interview_box::before {
    content: "";
    position: absolute;
    right: 20px;
    bottom: -35px;
    width: 112px;
    height: 71px;
    background: url(../img/interview/28/interview_box_bg.png) no-repeat 0 0/contain; }
  @media screen and (max-width: 599px) {
    .interview28 .interview_box {
      margin-bottom: 40px;
      padding: 40px 30px 40px; }
      .interview28 .interview_box::before {
        right: 10px;
        bottom: -17.5px;
        width: 56px;
        height: 35.5px; } }

.interview28 .interview_box_title {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 50px;
  padding-left: 104px;
  background-image: linear-gradient(to right, #AFAFAF, #AFAFAF 7px, transparent 7px);
  background-size: 14px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  font-weight: bold;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview28 .interview_box_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview28 .interview_box_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview28 .interview_box_title {
      font-size: 20px; } }
  .interview28 .interview_box_title::before {
    content: "";
    position: absolute;
    top: -1em;
    left: 0;
    width: 64px;
    height: 78px;
    background: url(../img/interview/28/interview_box_title_bg.png) no-repeat 0 0/contain; }
  @media screen and (max-width: 599px) {
    .interview28 .interview_box_title {
      margin-bottom: 2em;
      padding-bottom: 2em;
      padding-left: 52px; }
      .interview28 .interview_box_title::before {
        top: 0;
        width: 32px;
        height: 36px; } }

.interview28 .interview_box_text {
  line-height: 2.1;
  text-indent: 1em;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview28 .interview_box_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview28 .interview_box_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview28 .interview_box_text {
      font-size: 16px; } }
  .interview28 .interview_box_text:not(:first-of-type) {
    margin-top: 2em; }

.interview28 .img_box img {
  width: 100%; }

.interview28 .img_caption_box {
  display: grid;
  gap: 30px;
  margin-bottom: 0; }
  .interview28 .img_caption_box img {
    width: 100%; }
  .interview28 .img_caption_box figcaption {
    line-height: 2.1;
    padding: 1em 2em;
    background-color: #F5F5F5;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .interview28 .img_caption_box figcaption {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview28 .img_caption_box figcaption {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview28 .img_caption_box figcaption {
        font-size: 14px; } }
  .interview28 .img_caption_box--left figcaption {
    text-align: left; }
  @media screen and (max-width: 599px) {
    .interview28 .img_caption_box {
      gap: 1em; }
      .interview28 .img_caption_box figcaption br {
        display: none; } }

.interview28 .img_caption_box_group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px; }
  @media screen and (max-width: 599px) {
    .interview28 .img_caption_box_group {
      grid-template-columns: 1fr;
      gap: 40px; } }

.interview28 .img_caption_box_wrapper1 {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 80px; }

.interview28 .graph_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px; }
  .interview28 .graph_box img {
    width: 100%;
    border: 2px solid #CCCCCC; }
  .interview28 .graph_box figcaption {
    line-height: 2.1;
    padding: 30px;
    background-color: #F5F5F5; }
    @media screen and (min-width: 960px) {
      .interview28 .graph_box figcaption {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview28 .graph_box figcaption {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview28 .graph_box figcaption {
        font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview28 .graph_box {
      grid-template-columns: 1fr;
      gap: 1em; } }

.interview28 .photo_box {
  border-top: 5px solid #D5931F;
  border-bottom: 5px solid #D5931F;
  background: url(../img/interview/28/photo_box_bg.jpg) no-repeat 50% 50%/cover; }
  @media screen and (min-width: 960px) {
    .interview28 .photo_box {
      padding-top: 110px; } }
  @media screen and (max-width: 959px) {
    .interview28 .photo_box {
      padding-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview28 .photo_box {
      padding-top: 70px; } }
  @media screen and (min-width: 960px) {
    .interview28 .photo_box {
      padding-bottom: 115px; } }
  @media screen and (max-width: 959px) {
    .interview28 .photo_box {
      padding-bottom: 95px; } }
  @media screen and (max-width: 599px) {
    .interview28 .photo_box {
      padding-bottom: 75px; } }
  .interview28 .photo_box .img_caption_box figcaption {
    background-color: #fff; }

.interview28 .message_box {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  background: #fff;
  border-radius: 20px;
  padding: 100px 50px 60px; }
  .interview28 .message_box::before {
    content: "";
    position: absolute;
    top: -60px;
    left: calc(50% - 55px);
    width: 110px;
    height: 110px;
    background: url(../img/interview/28/message_box_bg.png) no-repeat 0 0/contain; }
  @media screen and (max-width: 599px) {
    .interview28 .message_box {
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 50px 40px 40px; }
      .interview28 .message_box::before {
        top: -30px;
        left: calc(50% - 22.5px);
        width: 55px;
        height: 55px; } }

.interview28 .message_box_title {
  margin-bottom: 2em;
  padding-bottom: 2em;
  background-image: linear-gradient(to right, #AFAFAF, #AFAFAF 7px, transparent 7px);
  background-size: 14px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview28 .message_box_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview28 .message_box_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview28 .message_box_title {
      font-size: 20px; } }

.interview28 .message_box_text {
  line-height: 2.1;
  text-indent: 1em;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview28 .message_box_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview28 .message_box_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview28 .message_box_text {
      font-size: 16px; } }
  .interview28 .message_box_text:not(:first-of-type) {
    margin-top: 2em; }

.interview28 .message_box_profile {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 960px) {
    .interview28 .message_box_profile {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview28 .message_box_profile {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview28 .message_box_profile {
      margin-top: 30px; } }
  .interview28 .message_box_profile img {
    width: 100%; }
  .interview28 .message_box_profile iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 800 / 488;
    margin-top: 40px; }

.interview28 .message_box_profile_img {
  max-width: 540px;
  margin-right: auto;
  margin-left: auto; }

.interview28 .message_box_profile_text1 {
  line-height: 2.1;
  margin-top: 30px;
  text-align: center;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview28 .message_box_profile_text1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview28 .message_box_profile_text1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview28 .message_box_profile_text1 {
      font-size: 16px; } }
  .interview28 .message_box_profile_text1 a {
    color: #3144F4;
    text-decoration: underline; }

.interview28 .message_box_profile_text2 {
  line-height: 2.1;
  margin-top: 20px;
  padding: 1em 2em;
  background-color: #F5F5F5;
  text-align: center;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview28 .message_box_profile_text2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview28 .message_box_profile_text2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview28 .message_box_profile_text2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview28 .message_box_profile_text2 {
      text-align: left; } }

.interview29 img {
  width: 100%;
  vertical-align: top; }

.interview29 .visual_box {
  margin-bottom: 0 !important; }
  .interview29 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview29 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview29 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview29 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview29 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview29 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview29 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview29 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview29 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #cebb67 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview29 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview29 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview29 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview29 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview29 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview29 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview29 .visual_box p {
    padding: 2em 2.5em;
    background: #F7F4E7;
    box-sizing: border-box;
    line-height: 2;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 960px) {
      .interview29 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview29 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview29 .visual_box p {
        font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview29 .profile_box {
    padding-top: 120px; } }

@media screen and (max-width: 959px) {
  .interview29 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 599px) {
  .interview29 .profile_box {
    padding-top: 80px; } }

@media screen and (min-width: 960px) {
  .interview29 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview29 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview29 .profile_box {
    padding-bottom: 80px; } }

.interview29 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #CEBB67;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview29 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview29 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview29 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview29 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview29 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview29 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview29 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview29 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview29 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview29 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview29 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview29 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview29 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview29 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview29 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview29 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview29 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview29 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview29 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview29 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview29 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview29 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview29 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview29 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview29 .section {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview29 .section {
    margin-top: 75px; } }

@media screen and (max-width: 599px) {
  .interview29 .section {
    margin-top: 50px; } }

.interview29 .interview_title {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 1.75em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #391B3A;
  font-weight: bold;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview29 .interview_title {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview29 .interview_title {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview29 .interview_title {
      font-size: 16px; } }
  .interview29 .interview_title::before {
    content: "";
    display: block;
    width: 1.75em;
    height: 1.75em;
    background: url(../img/interview/29/interview_title_bg.png) no-repeat 0 0/contain; }

.interview29 .interview_text {
  line-height: 2.1;
  letter-spacing: 0.05em;
  text-indent: 1.5em; }
  @media screen and (min-width: 960px) {
    .interview29 .interview_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview29 .interview_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview29 .interview_text {
      font-size: 16px; } }

.interview29 .img_caption_box {
  display: grid;
  gap: 30px; }
  .interview29 .img_caption_box figcaption {
    position: relative;
    line-height: 2;
    padding: 1em;
    background-color: #E9E0B9;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 960px) {
      .interview29 .img_caption_box figcaption {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview29 .img_caption_box figcaption {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview29 .img_caption_box figcaption {
        font-size: 14px; } }
    .interview29 .img_caption_box figcaption::before {
      content: "";
      position: absolute;
      top: 9px;
      left: 9px;
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      border: 1px solid #fff; }
  @media screen and (max-width: 599px) {
    .interview29 .img_caption_box {
      gap: 25px; } }

.interview29 .interview_img_block1 {
  display: grid;
  grid-template-columns: auto calc(398/1156*100%);
  gap: 48px; }
  @media screen and (max-width: 599px) {
    .interview29 .interview_img_block1 {
      grid-template-columns: 1fr;
      gap: 25px; } }

.interview29 .interview_img_block2 {
  margin-top: 50px; }
  .interview29 .interview_img_block2 figcaption {
    margin-right: 1em;
    margin-left: 1em; }
  @media screen and (max-width: 599px) {
    .interview29 .interview_img_block2 {
      margin-top: 25px; } }

.interview29 .interview_img_block3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 50px; }
  @media screen and (max-width: 599px) {
    .interview29 .interview_img_block3 {
      grid-template-columns: 1fr;
      margin-top: 25px; } }

.interview29 .interview_img_block4 {
  margin-top: 50px; }
  @media screen and (max-width: 599px) {
    .interview29 .interview_img_block4 {
      margin-top: 25px; } }

.interview29 .interview_img_block5 {
  display: grid;
  grid-template-columns: auto calc(380/1156*100%);
  gap: 66px; }
  @media screen and (max-width: 599px) {
    .interview29 .interview_img_block5 {
      grid-template-columns: 1fr;
      gap: 25px; } }

.interview29 .message_box {
  position: relative;
  border-top: 5px solid #000;
  background: url(../img/interview/29/message_bg1.png) repeat 50% 50%/85px; }
  @media screen and (min-width: 960px) {
    .interview29 .message_box {
      margin-top: 160px; } }
  @media screen and (max-width: 959px) {
    .interview29 .message_box {
      margin-top: 120px; } }
  @media screen and (max-width: 599px) {
    .interview29 .message_box {
      margin-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview29 .message_box {
      padding-top: 140px; } }
  @media screen and (max-width: 959px) {
    .interview29 .message_box {
      padding-top: 105px; } }
  @media screen and (max-width: 599px) {
    .interview29 .message_box {
      padding-top: 70px; } }
  .interview29 .message_box::before {
    content: "";
    position: absolute;
    top: -37px;
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background: url(../img/interview/29/message_bg2.png) no-repeat 0 0/contain; }
  @media screen and (max-width: 599px) {
    .interview29 .message_box::before {
      top: -19.5px;
      left: calc(50% - 17.5px);
      width: 35px;
      height: 35px; } }

.interview29 .message_container {
  position: relative;
  border: 2px solid #9B8118;
  background-color: #fff; }
  .interview29 .message_container::before, .interview29 .message_container::after {
    content: "";
    position: absolute;
    top: -10px;
    width: 45px;
    height: 45px;
    background: url(../img/interview/29/message_bg3.png) no-repeat 0 0/contain; }
  .interview29 .message_container::before {
    left: -10px; }
  .interview29 .message_container::after {
    content: "";
    right: -10px;
    transform: rotate(90deg); }
  @media screen and (max-width: 599px) {
    .interview29 .message_container::before, .interview29 .message_container::after {
      top: -5px;
      width: 22.5px;
      height: 22.5px; }
    .interview29 .message_container::before {
      left: -5px; }
    .interview29 .message_container::after {
      right: -5px; } }

.interview29 .message_container_inner {
  padding: 40px 60px; }
  .interview29 .message_container_inner::before, .interview29 .message_container_inner::after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 45px;
    height: 45px;
    background: url(../img/interview/29/message_bg3.png) no-repeat 0 0/contain; }
  .interview29 .message_container_inner::before {
    left: -10px;
    transform: rotate(-90deg); }
  .interview29 .message_container_inner::after {
    right: -10px;
    transform: rotate(180deg); }
  @media screen and (max-width: 599px) {
    .interview29 .message_container_inner {
      padding: 40px; }
      .interview29 .message_container_inner::before, .interview29 .message_container_inner::after {
        bottom: -5px;
        width: 22.5px;
        height: 22.5px; }
      .interview29 .message_container_inner::before {
        left: -5px; }
      .interview29 .message_container_inner::after {
        right: -5px; } }

.interview29 .message_title {
  position: relative;
  line-height: 2.36;
  margin-bottom: 0.5em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.17em; }
  @media screen and (min-width: 960px) {
    .interview29 .message_title {
      font-size: 30px; } }
  @media screen and (max-width: 959px) {
    .interview29 .message_title {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .interview29 .message_title {
      font-size: 22px; } }
  .interview29 .message_title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 50px);
    width: 100px;
    height: 2px;
    background-color: #9B8118; }

.interview29 .message_text {
  line-height: 2.1;
  letter-spacing: 0.05em;
  text-indent: 1.5em; }
  @media screen and (min-width: 960px) {
    .interview29 .message_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview29 .message_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview29 .message_text {
      font-size: 16px; } }

.interview29 .message_img_block {
  overflow: hidden;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 960px) {
    .interview29 .message_img_block {
      margin-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview29 .message_img_block {
      margin-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview29 .message_img_block {
      margin-top: 60px; } }
  .interview29 .message_img_block::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 50%;
    background-color: #000; }

.interview29 .message_text_block {
  position: relative;
  background-color: #000; }
  @media screen and (min-width: 960px) {
    .interview29 .message_text_block {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview29 .message_text_block {
      padding-top: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview29 .message_text_block {
      padding-top: 25px; } }
  @media screen and (min-width: 960px) {
    .interview29 .message_text_block {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview29 .message_text_block {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview29 .message_text_block {
      padding-bottom: 60px; } }
  .interview29 .message_text_block p {
    position: relative;
    line-height: 2.1;
    margin-right: 1em;
    margin-left: 1em;
    padding: 30px 40px;
    background-color: #E9E0B9;
    box-sizing: border-box;
    text-indent: 1em;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 960px) {
      .interview29 .message_text_block p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview29 .message_text_block p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview29 .message_text_block p {
        font-size: 14px; } }
    .interview29 .message_text_block p::before {
      content: "";
      position: absolute;
      top: 9px;
      left: 9px;
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      border: 1px solid #000; }

.interview30 img {
  width: 100%;
  height: auto;
  vertical-align: top; }

.interview30 .visual_box {
  margin-bottom: 0 !important; }
  .interview30 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview30 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview30 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview30 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview30 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview30 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview30 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview30 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview30 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #18308e 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview30 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview30 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview30 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview30 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview30 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview30 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview30 .visual_box p {
    padding: 2em 2.5em;
    background: #F3F5F9;
    box-sizing: border-box;
    line-height: 2;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 960px) {
      .interview30 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview30 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview30 .visual_box p {
        font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview30 .profile_box {
    padding-top: 120px; } }

@media screen and (max-width: 959px) {
  .interview30 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 599px) {
  .interview30 .profile_box {
    padding-top: 80px; } }

@media screen and (min-width: 960px) {
  .interview30 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview30 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview30 .profile_box {
    padding-bottom: 80px; } }

.interview30 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #18308E;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview30 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview30 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview30 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview30 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview30 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview30 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview30 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview30 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview30 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview30 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview30 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview30 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview30 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview30 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview30 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview30 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview30 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview30 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview30 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview30 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview30 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview30 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview30 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview30 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview30 .interview_section {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview30 .interview_section {
    margin-top: 75px; } }

@media screen and (max-width: 599px) {
  .interview30 .interview_section {
    margin-top: 50px; } }

.interview30 .interview_title {
  position: relative;
  margin-bottom: 2em;
  padding-left: 0.83em;
  padding-bottom: 0.83em;
  font-weight: bold;
  letter-spacing: 0.01em;
  border-left: 5px solid #A72216; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_title {
      font-size: 20px; } }
  .interview30 .interview_title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #C9C7C7; }
  .interview30 .interview_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20%;
    height: 5px;
    background-color: #A72216; }

.interview30 .interview_text {
  line-height: 2.1;
  letter-spacing: 0.05em;
  text-indent: 1.5em; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_text {
      font-size: 16px; } }

.interview30 .interview_img_block1 {
  display: grid;
  grid-template-columns: auto calc(453/1156*100%);
  gap: 50px; }
  @media screen and (max-width: 599px) {
    .interview30 .interview_img_block1 {
      grid-template-columns: 1fr;
      gap: 25px; } }

.interview30 .interview_img_block2 {
  display: grid;
  grid-template-columns: calc(686/1156*100%) calc(420/1156*100%);
  gap: calc(50/1156*100%); }
  @media screen and (min-width: 960px) {
    .interview30 .interview_img_block2 {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_img_block2 {
      margin-top: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_img_block2 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_img_block2 {
      grid-template-columns: 1fr;
      gap: 25px; } }

@media screen and (min-width: 960px) {
  .interview30 .interview_img_block3 {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview30 .interview_img_block3 {
    margin-top: 75px; } }

@media screen and (max-width: 599px) {
  .interview30 .interview_img_block3 {
    margin-top: 50px; } }

.interview30 .interview_img_block4 {
  display: grid;
  grid-template-columns: auto calc(400/1156*100%);
  gap: 50px; }
  @media screen and (max-width: 599px) {
    .interview30 .interview_img_block4 {
      grid-template-columns: 1fr; } }

.interview30 .interview_list_block1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  background-color: #F3F5F9; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block1 {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block1 {
      margin-top: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block1 {
      margin-top: 25px; } }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block1 {
      padding: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block1 {
      padding: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block1 {
      padding: 20px; } }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block1 {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block1 {
      font-size: 14px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block1 {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block1 {
      grid-template-columns: 1fr;
      gap: 20px; } }

.interview30 .interview_list_block1_item {
  background: #fff; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block1_item {
      padding: 30px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block1_item {
      padding: 22.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block1_item {
      padding: 15px; } }
  .interview30 .interview_list_block1_item:last-child {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px; }
    .interview30 .interview_list_block1_item:last-child div:not(:first-of-type) {
      position: relative; }
      .interview30 .interview_list_block1_item:last-child div:not(:first-of-type)::before {
        content: "";
        position: absolute;
        left: -50px;
        width: 1px;
        height: 100%;
        border-left: 1px dashed #656261; }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block1_item:last-child {
      grid-column: auto;
      grid-template-columns: 1fr;
      gap: 40px; }
      .interview30 .interview_list_block1_item:last-child div:not(:first-of-type)::before {
        top: -20px;
        left: 0;
        width: 100%;
        height: 1px;
        border-top: 1px dashed #656261; } }

.interview30 .interview_list_block1_item-title {
  line-height: 1.77;
  color: #A72216;
  font-weight: bold;
  letter-spacing: 0.01em; }
  .interview30 .interview_list_block1_item-title::before {
    content: "●";
    color: #A72216; }

.interview30 .interview_list_block1_item-text {
  line-height: 1.77;
  letter-spacing: 0.01em; }

.interview30 .interview_link_block {
  background-color: #3B4F9F;
  color: #fff; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_link_block {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_link_block {
      margin-top: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_link_block {
      margin-top: 25px; } }
  @media screen and (min-width: 960px) {
    .interview30 .interview_link_block {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_link_block {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_link_block {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .interview30 .interview_link_block {
      padding: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_link_block {
      padding: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_link_block {
      padding: 20px; } }
  .interview30 .interview_link_block p {
    line-height: 2.1;
    letter-spacing: 0.01em; }
    @media screen and (min-width: 960px) {
      .interview30 .interview_link_block p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview30 .interview_link_block p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview30 .interview_link_block p {
        font-size: 16px; } }

.interview30 .interview_link_block_box {
  line-height: 1.6;
  background-color: #fff;
  color: #3E3A39;
  letter-spacing: 0.01em;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_link_block_box {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_link_block_box {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_link_block_box {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .interview30 .interview_link_block_box {
      padding: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_link_block_box {
      padding: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_link_block_box {
      padding: 20px; } }
  @media screen and (min-width: 960px) {
    .interview30 .interview_link_block_box {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_link_block_box {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_link_block_box {
      font-size: 14px; } }
  .interview30 .interview_link_block_box a {
    color: #2F48C2;
    text-decoration: underline; }

.interview30 .interview_list_block2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  place-content: center;
  gap: 50px; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block2 {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block2 {
      margin-top: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block2 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block2 {
      grid-template-columns: 1fr;
      gap: 25px; } }

.interview30 .interview_list_block2_item {
  border: 1px solid #18308E; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block2_item {
      padding: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block2_item {
      padding: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block2_item {
      padding: 25px; } }

.interview30 .interview_list_block2_item_title_wrapper {
  display: grid;
  grid-template-columns: 114px auto;
  gap: 10px;
  align-items: center;
  min-height: 110px; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block2_item_title_wrapper {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block2_item_title_wrapper {
      margin-bottom: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block2_item_title_wrapper {
      margin-bottom: 25px; } }
  .interview30 .interview_list_block2_item_title_wrapper.noimg {
    grid-template-columns: 1fr; }

.interview30 .interview_list_block2_item_title {
  color: #18308E;
  font-weight: bold;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block2_item_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block2_item_title {
      font-size: 20px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block2_item_title {
      font-size: 16px; } }
  .interview30 .interview_list_block2_item_title span {
    display: block;
    margin-top: 1em;
    color: #3E3A39; }
    @media screen and (min-width: 960px) {
      .interview30 .interview_list_block2_item_title span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview30 .interview_list_block2_item_title span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview30 .interview_list_block2_item_title span {
        font-size: 16px; } }

.interview30 .interview_list_block2_text {
  line-height: 2.1;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block2_text {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block2_text {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block2_text {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .interview30 .interview_list_block2_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview30 .interview_list_block2_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview30 .interview_list_block2_text {
      font-size: 16px; } }

.interview30 .message_box_wrapper {
  overflow: hidden; }

.interview30 .message_box {
  position: relative;
  margin-top: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
  border-top: 10px solid #18308E;
  border-bottom: 10px solid #18308E;
  background: url(../img/interview/30/message_bg.jpg) no-repeat 50% 50%/cover; }
  .interview30 .message_box::before {
    content: "";
    position: absolute;
    top: -95px;
    left: calc(50% - 253px);
    width: 506px;
    height: 170px;
    background: url(../img/interview/30/message_bg2.png) no-repeat 50% 50%/contain; }
  .interview30 .message_box::after {
    content: "";
    position: absolute;
    left: calc(50% - 253px);
    bottom: -10px;
    width: 506px;
    height: 10px;
    background-color: #A72216; }

.interview30 .message_container {
  border: 1px solid #18308E;
  background-color: #fff; }
  @media screen and (min-width: 960px) {
    .interview30 .message_container {
      padding: 60px; } }
  @media screen and (max-width: 959px) {
    .interview30 .message_container {
      padding: 45px; } }
  @media screen and (max-width: 599px) {
    .interview30 .message_container {
      padding: 30px; } }

.interview30 .message_box_title {
  display: grid;
  place-content: center;
  place-items: center;
  gap: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview30 .message_box_title {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .message_box_title {
      margin-bottom: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .message_box_title {
      margin-bottom: 25px; } }
  @media screen and (min-width: 960px) {
    .interview30 .message_box_title {
      font-size: 30px; } }
  @media screen and (max-width: 959px) {
    .interview30 .message_box_title {
      font-size: 26px; } }
  @media screen and (max-width: 599px) {
    .interview30 .message_box_title {
      font-size: 22px; } }
  .interview30 .message_box_title::after {
    content: "";
    display: bo;
    width: 100px;
    height: 2px;
    background-color: #18308E; }

.interview30 .message_box_link {
  background-color: #F3F5F9;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview30 .message_box_link {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    .interview30 .message_box_link {
      margin-top: 37.5px; } }
  @media screen and (max-width: 599px) {
    .interview30 .message_box_link {
      margin-top: 25px; } }
  @media screen and (min-width: 960px) {
    .interview30 .message_box_link {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .message_box_link {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .message_box_link {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .interview30 .message_box_link {
      padding: 40px; } }
  @media screen and (max-width: 959px) {
    .interview30 .message_box_link {
      padding: 30px; } }
  @media screen and (max-width: 599px) {
    .interview30 .message_box_link {
      padding: 20px; } }
  @media screen and (min-width: 960px) {
    .interview30 .message_box_link {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview30 .message_box_link {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview30 .message_box_link {
      font-size: 14px; } }
  .interview30 .message_box_link p {
    line-height: 2.1; }
    @media screen and (min-width: 960px) {
      .interview30 .message_box_link p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview30 .message_box_link p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview30 .message_box_link p {
        font-size: 16px; } }
  .interview30 .message_box_link a {
    color: #2F48C2;
    text-decoration: underline;
    word-break: break-all; }

.interview31 img {
  width: 100%;
  height: auto;
  vertical-align: top; }

.interview31 figure {
  margin: 0; }

.interview31 .new_inner {
  max-width: 1156px; }

.interview31 .visual_box {
  margin-bottom: 0 !important; }
  .interview31 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview31 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview31 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview31 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview31 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview31 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview31 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview31 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview31 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #782832 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview31 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview31 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview31 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview31 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview31 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview31 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview31 .visual_box p {
    padding: 2em 2.5em;
    background: #F5F5F5;
    box-sizing: border-box;
    line-height: 2;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 960px) {
      .interview31 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview31 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview31 .visual_box p {
        font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview31 .profile_box {
    padding-top: 85px; } }

@media screen and (max-width: 959px) {
  .interview31 .profile_box {
    padding-top: 65px; } }

@media screen and (max-width: 599px) {
  .interview31 .profile_box {
    padding-top: 45px; } }

@media screen and (min-width: 960px) {
  .interview31 .profile_box {
    padding-bottom: 85px; } }

@media screen and (max-width: 959px) {
  .interview31 .profile_box {
    padding-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview31 .profile_box {
    padding-bottom: 45px; } }

.interview31 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .interview31 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview31 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview31 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview31 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview31 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview31 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview31 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview31 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview31 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview31 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview31 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview31 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview31 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview31 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview31 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview31 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview31 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview31 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview31 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview31 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview31 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview31 .interview_section {
    margin-top: 72px; } }

@media screen and (max-width: 959px) {
  .interview31 .interview_section {
    margin-top: 54px; } }

@media screen and (max-width: 599px) {
  .interview31 .interview_section {
    margin-top: 36px; } }

.interview31 .interview_title {
  position: relative;
  margin-bottom: 1em;
  padding-left: 32px;
  font-weight: bold;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview31 .interview_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview31 .interview_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview31 .interview_title {
      font-size: 20px; } }
  .interview31 .interview_title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #782832; }
  .interview31 .interview_title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 6px;
    width: 2px;
    height: 100%;
    background-color: #AE7E84; }

.interview31 .interview_text {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .interview31 .interview_text {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview31 .interview_text {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview31 .interview_text {
      font-size: 14px; } }
  .interview31 .interview_text:not(:first-of-type) {
    margin-top: 2em; }

.interview31 .interview_figcaption {
  line-height: 2;
  margin-top: 1em;
  padding: 0.5em 1em;
  background: #F5F5F5;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .interview31 .interview_figcaption {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview31 .interview_figcaption {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview31 .interview_figcaption {
      font-size: 14px; } }
  .interview31 .interview_figcaption div {
    line-height: 2;
    font-weight: normal; }

.interview31 .interview_img_block1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
  margin-top: 36px; }
  .interview31 .interview_img_block1 figure img + img {
    margin-top: 18px; }
  @media screen and (max-width: 599px) {
    .interview31 .interview_img_block1 {
      grid-template-columns: 1fr; } }

.interview31 .interview_img_block2 {
  margin-top: 36px; }
  .interview31 .interview_img_block2 > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px; }
  @media screen and (max-width: 599px) {
    .interview31 .interview_img_block2 > div {
      grid-template-columns: 1fr; } }

.interview31 .interview_img_block3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
  margin-top: 36px; }
  @media screen and (max-width: 599px) {
    .interview31 .interview_img_block3 {
      grid-template-columns: 1fr; } }

.interview31 .interview_img_block4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px; }
  @media screen and (min-width: 960px) {
    .interview31 .interview_img_block4 {
      margin-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .interview_img_block4 {
      margin-top: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .interview_img_block4 {
      margin-top: 36px; } }
  @media screen and (max-width: 599px) {
    .interview31 .interview_img_block4 {
      grid-template-columns: 1fr; } }

.interview31 .interview_img_block5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px; }
  @media screen and (max-width: 599px) {
    .interview31 .interview_img_block5 {
      grid-template-columns: 1fr; } }

.interview31 .interview_img_block6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px; }
  @media screen and (max-width: 599px) {
    .interview31 .interview_img_block6 {
      grid-template-columns: 1fr; } }

.interview31 .kagura_box {
  padding-bottom: 48px;
  background: #F5F5F5; }
  @media screen and (min-width: 960px) {
    .interview31 .kagura_box {
      margin-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .kagura_box {
      margin-top: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .kagura_box {
      margin-top: 36px; } }
  @media screen and (min-width: 960px) {
    .interview31 .kagura_box {
      padding-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .kagura_box {
      padding-top: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .kagura_box {
      padding-top: 36px; } }
  .interview31 .kagura_box .interview_figcaption {
    background-color: #fff; }

.interview31 .kagura_box_title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #782832;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview31 .kagura_box_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview31 .kagura_box_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview31 .kagura_box_title {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .interview31 .kagura_box_title {
      margin-bottom: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .kagura_box_title {
      margin-bottom: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .kagura_box_title {
      margin-bottom: 36px; } }
  .interview31 .kagura_box_title::before {
    content: "";
    display: block;
    width: 28px;
    height: 24px;
    background: url(../img/interview/31/icon1.png) no-repeat 0 0/contain; }
  .interview31 .kagura_box_title::after {
    content: "";
    display: block;
    width: 28px;
    height: 24px;
    background: url(../img/interview/31/icon1.png) no-repeat 0 0/contain;
    transform: rotate(180deg); }

.interview31 .kagura_box_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px; }
  .interview31 .kagura_box_list li {
    display: flex;
    align-items: center;
    gap: 1em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 960px) {
      .interview31 .kagura_box_list li {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview31 .kagura_box_list li {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview31 .kagura_box_list li {
        font-size: 16px; } }
    .interview31 .kagura_box_list li span {
      line-height: 1;
      padding: 1em;
      background: #fff;
      white-space: nowrap; }
  @media screen and (max-width: 599px) {
    .interview31 .kagura_box_list {
      grid-template-columns: 1fr; } }

.interview31 .message_box {
  background: #F5F5F5; }
  @media screen and (min-width: 960px) {
    .interview31 .message_box {
      margin-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .message_box {
      margin-top: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .message_box {
      margin-top: 36px; } }
  @media screen and (min-width: 960px) {
    .interview31 .message_box {
      padding-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .message_box {
      padding-top: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .message_box {
      padding-top: 36px; } }
  @media screen and (min-width: 960px) {
    .interview31 .message_box {
      padding-bottom: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .message_box {
      padding-bottom: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .message_box {
      padding-bottom: 36px; } }
  .interview31 .message_box .interview_figcaption {
    background-color: #fff;
    font-weight: normal; }

.interview31 .message_box_title {
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview31 .message_box_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview31 .message_box_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview31 .message_box_title {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .interview31 .message_box_title {
      margin-bottom: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .message_box_title {
      margin-bottom: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .message_box_title {
      margin-bottom: 36px; } }
  .interview31 .message_box_title:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    margin-top: 1em;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #782832 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }

.interview31 .message_box_list {
  padding: 36px;
  background: #fff; }
  @media screen and (min-width: 960px) {
    .interview31 .message_box_list {
      margin-top: 72px; } }
  @media screen and (max-width: 959px) {
    .interview31 .message_box_list {
      margin-top: 54px; } }
  @media screen and (max-width: 599px) {
    .interview31 .message_box_list {
      margin-top: 36px; } }

.interview31 .message_box_item:not(:first-child) {
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #3E3A39; }

.interview31 .message_box_item1 {
  display: grid;
  grid-template-columns: 300px auto;
  gap: 36px; }
  @media screen and (max-width: 599px) {
    .interview31 .message_box_item1 {
      grid-template-columns: 1fr; } }

.interview31 .message_box_item2 div {
  display: grid;
  grid-template-columns: 180px auto;
  gap: 36px; }

@media screen and (max-width: 599px) {
  .interview31 .message_box_item2 div {
    grid-template-columns: 1fr; } }

.interview31 .message_box_item2_title {
  margin-bottom: 1em;
  color: #782832;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview31 .message_box_item2_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview31 .message_box_item2_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview31 .message_box_item2_title {
      font-size: 20px; } }

.interview31 .message_box_item2_img {
  margin-right: auto;
  margin-left: auto; }
  .interview31 .message_box_item2_img img {
    max-width: 180px; }

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

.interview26 .visual_box {
  margin-bottom: 0 !important; }
  .interview26 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview26 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview26 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview26 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview26 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview26 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview26 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview26 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview26 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #937021 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview26 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview26 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview26 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview26 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview26 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview26 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview26 .visual_box p {
    padding: 1.5em 2em;
    background: #f9f8ef;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview26 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview26 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview26 .visual_box p {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .interview26 .visual_box p {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview26 .visual_box p {
        margin-bottom: 65px; } }
    @media screen and (max-width: 599px) {
      .interview26 .visual_box p {
        margin-bottom: 50px; } }

@media screen and (min-width: 960px) {
  .interview26 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview26 .profile_box {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview26 .profile_box {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview26 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview26 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview26 .profile_box {
    padding-bottom: 80px; } }

.interview26 .profile_box .info {
  width: 87%;
  margin-left: auto;
  margin-right: auto; }
  .interview26 .profile_box .info .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .info .flex_box {
        display: block; } }
    .interview26 .profile_box .info .flex_box .img_box {
      flex-basis: 39.68254%; }
    .interview26 .profile_box .info .flex_box .text_box {
      flex-basis: 56.34921%; }
      .interview26 .profile_box .info .flex_box .text_box h3 {
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          .interview26 .profile_box .info .flex_box .text_box h3 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          .interview26 .profile_box .info .flex_box .text_box h3 {
            font-size: 28px; } }
        @media screen and (max-width: 599px) {
          .interview26 .profile_box .info .flex_box .text_box h3 {
            font-size: 24px; } }
      .interview26 .profile_box .info .flex_box .text_box p {
        margin-top: 1em;
        line-height: 1.9; }
        @media screen and (min-width: 960px) {
          .interview26 .profile_box .info .flex_box .text_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview26 .profile_box .info .flex_box .text_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview26 .profile_box .info .flex_box .text_box p {
            font-size: 14px; } }
        .interview26 .profile_box .info .flex_box .text_box p a {
          color: #3661ea;
          text-decoration: underline; }
  .interview26 .profile_box .info .map {
    border-bottom: 1px solid #cccccc; }
    @media screen and (min-width: 960px) {
      .interview26 .profile_box .info .map {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview26 .profile_box .info .map {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .info .map {
        margin-top: 30px; } }
    @media screen and (min-width: 960px) {
      .interview26 .profile_box .info .map {
        padding-bottom: 85px; } }
    @media screen and (max-width: 959px) {
      .interview26 .profile_box .info .map {
        padding-bottom: 70px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .info .map {
        padding-bottom: 55px; } }
    @media screen and (min-width: 960px) {
      .interview26 .profile_box .info .map {
        margin-bottom: 85px; } }
    @media screen and (max-width: 959px) {
      .interview26 .profile_box .info .map {
        margin-bottom: 70px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .info .map {
        margin-bottom: 55px; } }
    @media screen and (min-width: 960px) {
      .interview26 .profile_box .info .map {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview26 .profile_box .info .map {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .info .map {
        font-size: 14px; } }
    .interview26 .profile_box .info .map iframe {
      width: 100%;
      height: 550px; }
      @media screen and (max-width: 599px) {
        .interview26 .profile_box .info .map iframe {
          height: 400px; } }
    .interview26 .profile_box .info .map p {
      display: block;
      padding-left: 4em;
      position: relative; }
      .interview26 .profile_box .info .map p a {
        color: #3661ea;
        text-decoration: underline; }
      .interview26 .profile_box .info .map p:before {
        content: "所在地：";
        position: absolute;
        top: 0;
        left: 0; }

.interview26 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #cccccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview26 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview26 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview26 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview26 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview26 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview26 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview26 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview26 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview26 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview26 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview26 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview26 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview26 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview26 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview26 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview26 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview26 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview26 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview26 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview26 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview26 section.photo_area {
    margin-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview26 section.photo_area {
    margin-bottom: 90px; } }

@media screen and (max-width: 599px) {
  .interview26 section.photo_area {
    margin-bottom: 60px; } }

.interview26 section.photo_area .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  border-bottom: 1px solid #cccccc; }
  @media screen and (min-width: 960px) {
    .interview26 section.photo_area .grid {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.photo_area .grid {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.photo_area .grid {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    .interview26 section.photo_area .grid {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.photo_area .grid {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.photo_area .grid {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.photo_area .grid {
      display: block; } }
  .interview26 section.photo_area .grid .type1 {
    grid-column: 1 / 3; }
  .interview26 section.photo_area .grid .img_box {
    background: #f5f5f5;
    line-height: 1; }
    .interview26 section.photo_area .grid .img_box p {
      display: block;
      padding: 1.5em 2em;
      background: #f5f5f5;
      border-top: 0.625em solid #ffffff; }
      @media screen and (min-width: 960px) {
        .interview26 section.photo_area .grid .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview26 section.photo_area .grid .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview26 section.photo_area .grid .img_box p {
          font-size: 12px; } }
    @media screen and (max-width: 599px) {
      .interview26 section.photo_area .grid .img_box + .img_box {
        margin-top: 2em; } }

@media screen and (min-width: 960px) {
  .interview26 section.text_area {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview26 section.text_area {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview26 section.text_area {
    margin-top: 40px; } }

@media screen and (min-width: 960px) {
  .interview26 section.text_area {
    margin-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview26 section.text_area {
    margin-bottom: 90px; } }

@media screen and (max-width: 599px) {
  .interview26 section.text_area {
    margin-bottom: 60px; } }

.interview26 section.text_area .type1 {
  border-bottom: 1px solid #cccccc; }
  @media screen and (min-width: 960px) {
    .interview26 section.text_area .type1 {
      padding-right: 50px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.text_area .type1 {
      padding-right: 30px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.text_area .type1 {
      padding-right: 10px; } }
  @media screen and (min-width: 960px) {
    .interview26 section.text_area .type1 {
      padding-left: 50px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.text_area .type1 {
      padding-left: 30px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.text_area .type1 {
      padding-left: 10px; } }
  @media screen and (min-width: 960px) {
    .interview26 section.text_area .type1 {
      padding-bottom: 110px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.text_area .type1 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.text_area .type1 {
      padding-bottom: 50px; } }

@media screen and (min-width: 960px) {
  .interview26 section.text_area .type2 {
    padding-right: 50px; } }

@media screen and (max-width: 959px) {
  .interview26 section.text_area .type2 {
    padding-right: 30px; } }

@media screen and (max-width: 599px) {
  .interview26 section.text_area .type2 {
    padding-right: 10px; } }

@media screen and (min-width: 960px) {
  .interview26 section.text_area .type2 {
    padding-left: 50px; } }

@media screen and (max-width: 959px) {
  .interview26 section.text_area .type2 {
    padding-left: 30px; } }

@media screen and (max-width: 599px) {
  .interview26 section.text_area .type2 {
    padding-left: 10px; } }

.interview26 section.text_area .img_box {
  background: #f5f5f5;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    .interview26 section.text_area .img_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.text_area .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.text_area .img_box {
      margin-top: 40px; } }
  .interview26 section.text_area .img_box p {
    display: block;
    padding: 1.5em 2em;
    background: #f5f5f5;
    border-top: 0.625em solid #ffffff; }
    @media screen and (min-width: 960px) {
      .interview26 section.text_area .img_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .interview26 section.text_area .img_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview26 section.text_area .img_box p {
        font-size: 12px; } }
  .interview26 section.text_area .img_box .grid {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 599px) {
      .interview26 section.text_area .img_box .grid {
        grid-template-columns: 1fr; } }

.interview26 section.text_area h2 {
  margin-top: 0;
  font-weight: bold;
  position: relative;
  border-left: 0.41667em solid #513935;
  border-right: 0.41667em solid #513935;
  margin-bottom: 1.33333em;
  line-height: 1.2;
  background: #937021; }
  @media screen and (min-width: 960px) {
    .interview26 section.text_area h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.text_area h2 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.text_area h2 {
      font-size: 18px; } }
  @media screen and (min-width: 960px) {
    .interview26 section.text_area h2 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.text_area h2 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.text_area h2 {
      margin-top: 10px; } }
  .interview26 section.text_area h2 span {
    font-weight: bold;
    display: block;
    padding: 0.8em 2em 0.2em 2em;
    margin-left: 1em;
    background: #ffffff; }
    @media screen and (max-width: 599px) {
      .interview26 section.text_area h2 span {
        margin-left: 0.5em; } }
  .interview26 section.text_area h2:before, .interview26 section.text_area h2:after {
    content: "";
    width: 1.66667em;
    height: 0.41667em;
    background: #513935;
    position: absolute;
    top: 0; }
  .interview26 section.text_area h2:before {
    left: 0; }
  .interview26 section.text_area h2:after {
    right: 0; }

.interview26 section.text_area .text_box {
  padding-top: 1.77778em;
  border-top: 1px solid #cccccc; }
  @media screen and (min-width: 960px) {
    .interview26 section.text_area .text_box {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview26 section.text_area .text_box {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview26 section.text_area .text_box {
      font-size: 14px; } }
  .interview26 section.text_area .text_box p {
    line-height: 2.2;
    text-indent: 1em; }
    .interview26 section.text_area .text_box p + p {
      margin-top: 1.5em; }

.interview26 .message_box {
  background: #c4b497; }
  @media screen and (min-width: 960px) {
    .interview26 .message_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview26 .message_box {
      padding-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview26 .message_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview26 .message_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview26 .message_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview26 .message_box {
      padding-bottom: 60px; } }
  .interview26 .message_box .text_box {
    background: #ffffff;
    padding: 2.77778em;
    border-radius: 1.11111em; }
    @media screen and (min-width: 960px) {
      .interview26 .message_box .text_box {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview26 .message_box .text_box {
        margin-bottom: 65px; } }
    @media screen and (max-width: 599px) {
      .interview26 .message_box .text_box {
        margin-bottom: 50px; } }
    .interview26 .message_box .text_box h2 {
      margin-top: 0;
      font-weight: bold;
      position: relative;
      margin-bottom: 1.33333em;
      line-height: 1.2;
      border-bottom: 1px dashed #cccccc; }
      @media screen and (min-width: 960px) {
        .interview26 .message_box .text_box h2 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        .interview26 .message_box .text_box h2 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview26 .message_box .text_box h2 {
          font-size: 18px; } }
      @media screen and (min-width: 960px) {
        .interview26 .message_box .text_box h2 {
          padding-bottom: 50px; } }
      @media screen and (max-width: 959px) {
        .interview26 .message_box .text_box h2 {
          padding-bottom: 40px; } }
      @media screen and (max-width: 599px) {
        .interview26 .message_box .text_box h2 {
          padding-bottom: 30px; } }
      @media screen and (min-width: 960px) {
        .interview26 .message_box .text_box h2 {
          margin-bottom: 50px; } }
      @media screen and (max-width: 959px) {
        .interview26 .message_box .text_box h2 {
          margin-bottom: 40px; } }
      @media screen and (max-width: 599px) {
        .interview26 .message_box .text_box h2 {
          margin-bottom: 30px; } }
      .interview26 .message_box .text_box h2 span {
        font-weight: bold;
        display: block;
        text-align: center;
        padding: 1.5em 1em 0.2em 1em;
        font-size: 1em;
        background: #ffffff; }
        .interview26 .message_box .text_box h2 span:before, .interview26 .message_box .text_box h2 span:after {
          content: "";
          width: 0.41667em;
          height: 1.66667em;
          background: #513935;
          position: absolute;
          top: 0; }
        .interview26 .message_box .text_box h2 span:before {
          left: 0; }
        .interview26 .message_box .text_box h2 span:after {
          right: 0; }
      .interview26 .message_box .text_box h2:before, .interview26 .message_box .text_box h2:after {
        content: "";
        width: 1.66667em;
        height: 0.41667em;
        background: #513935;
        position: absolute;
        top: 0; }
      .interview26 .message_box .text_box h2:before {
        left: 0; }
      .interview26 .message_box .text_box h2:after {
        right: 0; }
    .interview26 .message_box .text_box p {
      line-height: 2.2;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview26 .message_box .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview26 .message_box .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview26 .message_box .text_box p {
          font-size: 14px; } }
      .interview26 .message_box .text_box p + p {
        margin-top: 1.5em; }
  .interview26 .message_box .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .interview26 .message_box .flex_box {
        display: block; } }
    .interview26 .message_box .flex_box .img_box {
      flex-basis: 48.60627%;
      line-height: 1;
      background: #ffffff; }
      .interview26 .message_box .flex_box .img_box img {
        display: block;
        border-bottom: 0.55556em solid #c4b497; }
        @media screen and (min-width: 960px) {
          .interview26 .message_box .flex_box .img_box img {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview26 .message_box .flex_box .img_box img {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview26 .message_box .flex_box .img_box img {
            font-size: 12px; } }
      .interview26 .message_box .flex_box .img_box p {
        display: block;
        padding: 1.5em 2em;
        margin-bottom: auto; }
        @media screen and (min-width: 960px) {
          .interview26 .message_box .flex_box .img_box p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .interview26 .message_box .flex_box .img_box p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .interview26 .message_box .flex_box .img_box p {
            font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview26 .message_box .flex_box .img_box + .img_box {
          margin-top: 2em; } }

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

.interview27 .visual_box {
  margin-bottom: 0 !important; }
  .interview27 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview27 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview27 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview27 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview27 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview27 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview27 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview27 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview27 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #032c6f 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview27 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview27 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview27 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview27 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview27 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview27 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview27 .visual_box p {
    padding: 1.5em 2em;
    background: #f2f4f8;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview27 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview27 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview27 .visual_box p {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .interview27 .visual_box p {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview27 .visual_box p {
        margin-bottom: 65px; } }
    @media screen and (max-width: 599px) {
      .interview27 .visual_box p {
        margin-bottom: 50px; } }

@media screen and (min-width: 960px) {
  .interview27 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview27 .profile_box {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview27 .profile_box {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview27 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview27 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview27 .profile_box {
    padding-bottom: 80px; } }

.interview27 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #cccccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview27 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview27 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview27 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview27 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview27 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview27 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview27 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview27 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview27 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview27 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview27 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview27 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview27 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview27 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview27 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview27 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview27 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview27 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview27 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview27 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview27 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview27 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview27 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview27 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview27 section.photo_box {
    margin-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview27 section.photo_box {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  .interview27 section.photo_box {
    margin-bottom: 20px; } }

.interview27 section.photo_box .new_inner:before {
  content: "";
  border-bottom: 4px solid #032c6f;
  box-sizing: border-box;
  height: 24px;
  background: url("../img/interview/27/bar1.jpg") no-repeat center;
  display: block; }

.interview27 section.photo_box .new_inner:after {
  content: "";
  border-top: 4px solid #032c6f;
  box-sizing: border-box;
  height: 24px;
  background: url("../img/interview/27/bar2.jpg") no-repeat center;
  display: block; }

@media screen and (min-width: 960px) {
  .interview27 section.photo_box .new_inner .img_box {
    padding: 40px; } }

@media screen and (max-width: 959px) {
  .interview27 section.photo_box .new_inner .img_box {
    padding: 25px; } }

@media screen and (max-width: 599px) {
  .interview27 section.photo_box .new_inner .img_box {
    padding: 10px; } }

.interview27 section.photo_box .new_inner .img_box p {
  margin-top: 0.625em;
  text-align: center;
  display: block;
  line-height: 1.8;
  padding: 1.2em 1em;
  background: #f5f5f5; }
  @media screen and (min-width: 960px) {
    .interview27 section.photo_box .new_inner .img_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview27 section.photo_box .new_inner .img_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview27 section.photo_box .new_inner .img_box p {
      font-size: 12px; } }

.interview27 section.photo_box .new_inner .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px; }
  @media screen and (min-width: 960px) {
    .interview27 section.photo_box .new_inner .grid {
      padding: 40px; } }
  @media screen and (max-width: 959px) {
    .interview27 section.photo_box .new_inner .grid {
      padding: 25px; } }
  @media screen and (max-width: 599px) {
    .interview27 section.photo_box .new_inner .grid {
      padding: 10px; } }
  .interview27 section.photo_box .new_inner .grid .img_box {
    padding: 0; }
  @media screen and (max-width: 599px) {
    .interview27 section.photo_box .new_inner .grid {
      grid-template-columns: 1fr;
      gap: 20px; } }

@media screen and (min-width: 960px) {
  .interview27 section.photo_box2 {
    margin-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .interview27 section.photo_box2 {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  .interview27 section.photo_box2 {
    margin-bottom: 20px; } }

@media screen and (min-width: 960px) {
  .interview27 section.photo_box2 .img_box {
    padding-left: 40px; } }

@media screen and (max-width: 959px) {
  .interview27 section.photo_box2 .img_box {
    padding-left: 25px; } }

@media screen and (max-width: 599px) {
  .interview27 section.photo_box2 .img_box {
    padding-left: 10px; } }

@media screen and (min-width: 960px) {
  .interview27 section.photo_box2 .img_box {
    padding-right: 40px; } }

@media screen and (max-width: 959px) {
  .interview27 section.photo_box2 .img_box {
    padding-right: 25px; } }

@media screen and (max-width: 599px) {
  .interview27 section.photo_box2 .img_box {
    padding-right: 10px; } }

.interview27 section.photo_box2 .img_box p {
  margin-top: 0.625em;
  text-align: center;
  display: block;
  line-height: 1.8;
  padding: 1.2em 1em;
  background: #f5f5f5; }
  @media screen and (min-width: 960px) {
    .interview27 section.photo_box2 .img_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .interview27 section.photo_box2 .img_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview27 section.photo_box2 .img_box p {
      font-size: 12px; } }

@media screen and (min-width: 960px) {
  .interview27 section.text_area {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview27 section.text_area {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview27 section.text_area {
    margin-top: 40px; } }

@media screen and (min-width: 960px) {
  .interview27 section.text_area .box {
    padding-right: 50px; } }

@media screen and (max-width: 959px) {
  .interview27 section.text_area .box {
    padding-right: 30px; } }

@media screen and (max-width: 599px) {
  .interview27 section.text_area .box {
    padding-right: 10px; } }

@media screen and (min-width: 960px) {
  .interview27 section.text_area .box {
    padding-left: 50px; } }

@media screen and (max-width: 959px) {
  .interview27 section.text_area .box {
    padding-left: 30px; } }

@media screen and (max-width: 599px) {
  .interview27 section.text_area .box {
    padding-left: 10px; } }

@media screen and (min-width: 960px) {
  .interview27 section.text_area .box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview27 section.text_area .box {
    padding-bottom: 90px; } }

@media screen and (max-width: 599px) {
  .interview27 section.text_area .box {
    padding-bottom: 60px; } }

.interview27 section.text_area .box + .box {
  position: relative; }
  .interview27 section.text_area .box + .box:before {
    content: "";
    height: 1em;
    width: 1em;
    border-radius: 0.5em;
    background: #032c6f;
    margin-right: 0;
    margin-left: auto;
    display: block; }
    @media screen and (min-width: 960px) {
      .interview27 section.text_area .box + .box:before {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview27 section.text_area .box + .box:before {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area .box + .box:before {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview27 section.text_area .box + .box:before {
        margin-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      .interview27 section.text_area .box + .box:before {
        margin-bottom: 90px; } }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area .box + .box:before {
        margin-bottom: 60px; } }
  .interview27 section.text_area .box + .box:after {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 4em;
    width: calc(100% - 10em);
    height: 0.1em;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #032c6f 100%); }
    @media screen and (min-width: 960px) {
      .interview27 section.text_area .box + .box:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview27 section.text_area .box + .box:after {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area .box + .box:after {
        font-size: 16px; } }

.interview27 section.text_area .hr {
  position: relative; }
  .interview27 section.text_area .hr:before {
    content: "";
    height: 1em;
    width: 1em;
    border-radius: 0.5em;
    background: #032c6f;
    margin-right: 0;
    margin-left: auto;
    display: block; }
    @media screen and (min-width: 960px) {
      .interview27 section.text_area .hr:before {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview27 section.text_area .hr:before {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area .hr:before {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview27 section.text_area .hr:before {
        margin-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      .interview27 section.text_area .hr:before {
        margin-bottom: 90px; } }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area .hr:before {
        margin-bottom: 60px; } }
  .interview27 section.text_area .hr:after {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 4em;
    width: calc(100% - 10em);
    height: 0.1em;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #032c6f 100%); }
    @media screen and (min-width: 960px) {
      .interview27 section.text_area .hr:after {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview27 section.text_area .hr:after {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area .hr:after {
        font-size: 16px; } }

.interview27 section.text_area h2 {
  font-weight: bold;
  position: relative;
  margin-bottom: 1.33333em;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    .interview27 section.text_area h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview27 section.text_area h2 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    .interview27 section.text_area h2 {
      font-size: 18px; } }
  .interview27 section.text_area h2 span {
    font-weight: bold;
    display: block;
    padding: 0.8em 0.5em 0.2em 2em;
    margin-left: 1em;
    background: #ffffff; }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area h2 span {
        margin-left: 0;
        padding-left: 1.5em; } }
  .interview27 section.text_area h2:before, .interview27 section.text_area h2:after {
    content: "";
    width: 0.83333em;
    height: 0.83333em;
    position: absolute;
    left: 0; }
  .interview27 section.text_area h2:before {
    top: calc(50% - 0.6em);
    background: #032c6f; }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area h2:before {
        top: 20px; } }
  .interview27 section.text_area h2:after {
    top: calc(50% + 0.6em);
    background: #c5d1df; }
    @media screen and (max-width: 599px) {
      .interview27 section.text_area h2:after {
        top: calc(30px + 0.6em); } }

.interview27 section.text_area .text_box {
  padding-top: 1.77778em;
  border-top: 1px solid #cccccc; }
  @media screen and (min-width: 960px) {
    .interview27 section.text_area .text_box {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview27 section.text_area .text_box {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview27 section.text_area .text_box {
      font-size: 14px; } }
  .interview27 section.text_area .text_box p {
    line-height: 2.2;
    text-indent: 1em; }
    .interview27 section.text_area .text_box p + p {
      margin-top: 1.5em; }

.interview27 .message_box {
  background: #f2f4f8;
  position: relative; }
  @media screen and (min-width: 960px) {
    .interview27 .message_box {
      margin-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview27 .message_box {
      margin-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview27 .message_box {
      margin-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview27 .message_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview27 .message_box {
      padding-top: 90px; } }
  @media screen and (max-width: 599px) {
    .interview27 .message_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview27 .message_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview27 .message_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .interview27 .message_box {
      padding-bottom: 60px; } }
  .interview27 .message_box:before {
    content: "";
    width: 8em;
    height: 8em;
    position: absolute;
    top: -4em;
    left: calc(50% - 5em);
    background: #032c6f; }
    @media screen and (min-width: 960px) {
      .interview27 .message_box:before {
        font-size: 5px; } }
    @media screen and (max-width: 959px) {
      .interview27 .message_box:before {
        font-size: 4px; } }
    @media screen and (max-width: 599px) {
      .interview27 .message_box:before {
        font-size: 3px; } }
  .interview27 .message_box:after {
    content: "";
    width: 5em;
    height: 5em;
    position: absolute;
    top: 1em;
    left: calc(50% + 1em);
    background: #c5d1df; }
    @media screen and (min-width: 960px) {
      .interview27 .message_box:after {
        font-size: 5px; } }
    @media screen and (max-width: 959px) {
      .interview27 .message_box:after {
        font-size: 4px; } }
    @media screen and (max-width: 599px) {
      .interview27 .message_box:after {
        font-size: 3px; } }
  .interview27 .message_box .text_box {
    background: #ffffff;
    padding: 2.77778em;
    border-radius: 1.11111em;
    border: 3px solid #032c6f; }
    .interview27 .message_box .text_box h2 {
      margin-top: 0;
      font-weight: bold;
      position: relative;
      margin-bottom: 1.33333em;
      line-height: 1.2;
      border-bottom: 1px dashed #cccccc; }
      @media screen and (min-width: 960px) {
        .interview27 .message_box .text_box h2 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        .interview27 .message_box .text_box h2 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        .interview27 .message_box .text_box h2 {
          font-size: 18px; } }
      @media screen and (min-width: 960px) {
        .interview27 .message_box .text_box h2 {
          padding-bottom: 50px; } }
      @media screen and (max-width: 959px) {
        .interview27 .message_box .text_box h2 {
          padding-bottom: 40px; } }
      @media screen and (max-width: 599px) {
        .interview27 .message_box .text_box h2 {
          padding-bottom: 30px; } }
      @media screen and (min-width: 960px) {
        .interview27 .message_box .text_box h2 {
          margin-bottom: 50px; } }
      @media screen and (max-width: 959px) {
        .interview27 .message_box .text_box h2 {
          margin-bottom: 40px; } }
      @media screen and (max-width: 599px) {
        .interview27 .message_box .text_box h2 {
          margin-bottom: 30px; } }
      .interview27 .message_box .text_box h2 span {
        font-weight: bold;
        display: block;
        text-align: center;
        padding: 1.5em 1em 0.2em 1em;
        font-size: 1em;
        background: #ffffff; }
        .interview27 .message_box .text_box h2 span:before, .interview27 .message_box .text_box h2 span:after {
          content: "";
          width: 0.41667em;
          height: 1.66667em;
          background: #c5d1df;
          position: absolute;
          top: 0; }
        .interview27 .message_box .text_box h2 span:before {
          left: 0; }
        .interview27 .message_box .text_box h2 span:after {
          right: 0; }
      .interview27 .message_box .text_box h2:before, .interview27 .message_box .text_box h2:after {
        content: "";
        width: 1.66667em;
        height: 0.41667em;
        background: #c5d1df;
        position: absolute;
        top: 0; }
      .interview27 .message_box .text_box h2:before {
        left: 0; }
      .interview27 .message_box .text_box h2:after {
        right: 0; }
    .interview27 .message_box .text_box p {
      line-height: 2.2;
      text-indent: 1em; }
      @media screen and (min-width: 960px) {
        .interview27 .message_box .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview27 .message_box .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview27 .message_box .text_box p {
          font-size: 14px; } }
      .interview27 .message_box .text_box p + p {
        margin-top: 1.5em; }

.interview32 .tac {
  text-align: center; }

.interview32 .no_indent {
  text-indent: 0 !important; }

.interview32 section .new_inner .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview32 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview32 .hr {
  position: relative;
  border-top: 2px solid #dbe3ed; }
  @media screen and (min-width: 960px) {
    .interview32 .hr {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview32 .hr {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview32 .hr {
      margin-top: 60px; } }

.interview32 .visual_box {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 960px) {
    .interview32 .visual_box {
      padding-bottom: 20px; } }
  @media screen and (max-width: 959px) {
    .interview32 .visual_box {
      padding-bottom: 16px; } }
  @media screen and (max-width: 599px) {
    .interview32 .visual_box {
      padding-bottom: 12px; } }
  .interview32 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview32 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview32 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview32 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview32 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview32 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview32 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview32 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview32 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #b0d246 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview32 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview32 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview32 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview32 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview32 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview32 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview32 .visual_box p {
    padding: 1.5em 2em;
    background: #f5f9e4;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview32 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview32 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview32 .visual_box p {
        font-size: 14px; } }

.interview32 .bg_box {
  margin-top: -4em;
  border-bottom: 10px solid #d3efd9; }
  @media screen and (min-width: 960px) {
    .interview32 .bg_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview32 .bg_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview32 .bg_box {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview32 .bg_box {
      margin-top: 20px; } }
  .interview32 .bg_box:before {
    content: "";
    width: 90%;
    max-width: 976px;
    margin: 0 auto;
    padding-top: 8.82353%;
    background: url("../img/interview/32/bg.jpg") no-repeat center/cover;
    display: block; }

.interview32 .photo_box.bg {
  background: rgba(0, 141, 99, 0.1); }
  @media screen and (min-width: 960px) {
    .interview32 .photo_box.bg {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview32 .photo_box.bg {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview32 .photo_box.bg {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview32 .photo_box.bg {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview32 .photo_box.bg {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview32 .photo_box.bg {
      padding-bottom: 40px; } }
  .interview32 .photo_box.bg p {
    background-color: #ffffff; }

.interview32 .photo_box img {
  width: 100%;
  height: auto; }

.interview32 .photo_box p {
  display: block;
  background: #f5f5f5;
  padding: 0.8em 1em;
  margin-top: 1.5em;
  line-height: 1.8;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview32 .photo_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview32 .photo_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview32 .photo_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview32 .photo_box p {
      text-align: left; }
      .interview32 .photo_box p br {
        display: none; } }
  .interview32 .photo_box p.ll {
    letter-spacing: -1px; }
  @media screen and (min-width: 960px) {
    .interview32 .photo_box p + .flex_box {
      padding-top: 32px; } }
  @media screen and (max-width: 959px) {
    .interview32 .photo_box p + .flex_box {
      padding-top: 28px; } }
  @media screen and (max-width: 599px) {
    .interview32 .photo_box p + .flex_box {
      padding-top: 24px; } }
  .interview32 .photo_box p a {
    color: #436af7;
    text-decoration: underline; }

@media screen and (min-width: 960px) {
  .interview32 .photo_box .img_box + .flex_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  .interview32 .photo_box .img_box + .flex_box {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  .interview32 .photo_box .img_box + .flex_box {
    margin-top: 24px; } }

.interview32 .photo_box div.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 599px) {
    .interview32 .photo_box div.flex_box {
      display: block; } }
  .interview32 .photo_box div.flex_box .img_box {
    flex-basis: 50%; }
  .interview32 .photo_box div.flex_box.type2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview32 .photo_box div.flex_box.type2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview32 .photo_box div.flex_box.type2 .img_box + .img_box {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview32 .photo_box div.flex_box.type2 .img_box + .text_box {
        margin-top: 15px; } }

@media screen and (min-width: 960px) {
  .interview32 .text_area {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview32 .text_area {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview32 .text_area {
    padding-top: 60px; } }

.interview32 .text_area + section.text_area {
  padding-top: 0; }

@media screen and (min-width: 960px) {
  .interview32 .text_area .new_inner + .new_inner {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview32 .text_area .new_inner + .new_inner {
    margin-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview32 .text_area .new_inner + .new_inner {
    margin-top: 60px; } }

.interview32 .text_area .new_inner > .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview32 .text_area .new_inner > .flex_box {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview32 .text_area .new_inner > .flex_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview32 .text_area .new_inner > .flex_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview32 .text_area .new_inner > .flex_box {
      display: block; } }
  .interview32 .text_area .new_inner > .flex_box .box_type2 {
    flex-basis: 57.14286%;
    margin-bottom: 0 !important; }
  .interview32 .text_area .new_inner > .flex_box .img_box {
    flex-basis: 37.97909%; }
    @media screen and (max-width: 599px) {
      .interview32 .text_area .new_inner > .flex_box .img_box {
        margin-top: 20px; } }
    .interview32 .text_area .new_inner > .flex_box .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 0.8em 1em;
      margin-top: 1.5em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview32 .text_area .new_inner > .flex_box .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview32 .text_area .new_inner > .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview32 .text_area .new_inner > .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview32 .text_area .new_inner > .flex_box .img_box p {
          text-align: left; }
          .interview32 .text_area .new_inner > .flex_box .img_box p br {
            display: none; } }
  .interview32 .text_area .new_inner > .flex_box .text_box {
    flex-basis: 57.31707%; }
    @media screen and (max-width: 599px) {
      .interview32 .text_area .new_inner > .flex_box .text_box {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      .interview32 .text_area .new_inner > .flex_box .text_box p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview32 .text_area .new_inner > .flex_box .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview32 .text_area .new_inner > .flex_box .text_box p {
        font-size: 16px; } }
    .interview32 .text_area .new_inner > .flex_box .text_box p strong {
      font-weight: bold; }
    .interview32 .text_area .new_inner > .flex_box .text_box p a {
      color: #436af7;
      text-decoration: underline; }

@media screen and (min-width: 960px) {
  .interview32 .text_area .box_type1,
  .interview32 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview32 .text_area .box_type1,
  .interview32 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview32 .text_area .box_type1,
  .interview32 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview32 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #b5b5b5; }
  @media screen and (min-width: 960px) {
    .interview32 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview32 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview32 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview32 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  .interview32 .text_area .box_type1:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #efa3ef;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview32 .text_area .box_type1 span {
    background: #efa3ef;
    line-height: 1.2;
    padding: 0.6em 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview32 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview32 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview32 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview32 .text_area .box_type1 p {
    color: #3e3a39; }

.interview32 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #b5b5b5;
  background: #fcfcfc; }
  @media screen and (min-width: 960px) {
    .interview32 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview32 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview32 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview32 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  .interview32 .text_area .box_type2:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #008d63;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview32 .text_area .box_type2 span {
    background: #008d63;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview32 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview32 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview32 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview32 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2;
    text-indent: 1em; }
    .interview32 .text_area .box_type2 p + p {
      padding-top: 1.3em; }

.interview32 .text_area .flex_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview32 .text_area .flex_box2 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .interview32 .text_area .flex_box2 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview32 .text_area .flex_box2 {
      margin-top: 15px; } }
  .interview32 .text_area .flex_box2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview32 .text_area .flex_box2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview32 .text_area .flex_box2 .img_box + .img_box {
        margin-top: 15px; } }
    .interview32 .text_area .flex_box2 .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview32 .text_area .flex_box2 .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview32 .text_area .flex_box2 .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview32 .text_area .flex_box2 .img_box p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview32 .text_area .flex_box2 .img_box p {
          text-align: left; }
          .interview32 .text_area .flex_box2 .img_box p br {
            display: none; } }

.interview32 .message_box {
  background: rgba(0, 141, 99, 0.1); }
  @media screen and (min-width: 960px) {
    .interview32 .message_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview32 .message_box {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview32 .message_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview32 .message_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview32 .message_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview32 .message_box {
      padding-bottom: 40px; } }
  .interview32 .message_box .text_box {
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      .interview32 .message_box .text_box {
        padding: 65px; } }
    @media screen and (max-width: 959px) {
      .interview32 .message_box .text_box {
        padding: 45px; } }
    @media screen and (max-width: 599px) {
      .interview32 .message_box .text_box {
        padding: 25px; } }
    .interview32 .message_box .text_box h3 {
      text-align: center;
      margin-bottom: 1.8em; }
      @media screen and (min-width: 960px) {
        .interview32 .message_box .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview32 .message_box .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview32 .message_box .text_box h3 {
          font-size: 22px; } }
      .interview32 .message_box .text_box h3 span {
        display: inline-block;
        border-bottom: 4px solid #008d63;
        font-weight: bold;
        line-height: 2; }
    .interview32 .message_box .text_box p {
      text-indent: 1em;
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview32 .message_box .text_box p {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview32 .message_box .text_box p {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        .interview32 .message_box .text_box p {
          font-size: 14px; } }
      .interview32 .message_box .text_box p + p {
        margin-top: 1.6em; }
    @media screen and (min-width: 960px) {
      .interview32 .message_box .text_box .photo_box {
        padding-top: 80px; } }
    @media screen and (max-width: 959px) {
      .interview32 .message_box .text_box .photo_box {
        padding-top: 60px; } }
    @media screen and (max-width: 599px) {
      .interview32 .message_box .text_box .photo_box {
        padding-top: 40px; } }
    .interview32 .message_box .text_box .photo_box .flex_box {
      gap: 5em;
      flex-wrap: nowrap; }
      .interview32 .message_box .text_box .photo_box .flex_box .img_box {
        flex-basis: auto !important; }
    @media screen and (min-width: 960px) {
      .interview32 .message_box .text_box .photo_box p {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview32 .message_box .text_box .photo_box p {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview32 .message_box .text_box .photo_box p {
        margin-top: 20px; } }

@media screen and (min-width: 960px) {
  .interview32 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview32 .profile_box {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview32 .profile_box {
    padding-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview32 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview32 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview32 .profile_box {
    padding-bottom: 80px; } }

.interview32 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #b0d346;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview32 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview32 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview32 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview32 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    @media screen and (max-width: 599px) {
      .interview32 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview32 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview32 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview32 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview32 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview32 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview32 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview32 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview32 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview32 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview32 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview32 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview32 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview32 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview32 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview32 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview32 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview32 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview32 .profile_box .profile .text_box p strong {
      color: #b0292c; }

.interview33 .visual_box {
  margin-bottom: 0 !important; }
  .interview33 .visual_box h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    letter-spacing: 5px; }
    @media screen and (min-width: 960px) {
      .interview33 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .interview33 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview33 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .interview33 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview33 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview33 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .interview33 .visual_box h3 {
        letter-spacing: 2px; } }
    .interview33 .visual_box h3:after {
      content: "";
      display: block;
      width: 70%;
      height: 3px;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #a0a1d0 50%, rgba(255, 255, 255, 0) 100%);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        .interview33 .visual_box h3:after {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        .interview33 .visual_box h3:after {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        .interview33 .visual_box h3:after {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        .interview33 .visual_box h3:after {
          margin-bottom: 48px; } }
      @media screen and (max-width: 959px) {
        .interview33 .visual_box h3:after {
          margin-bottom: 38px; } }
      @media screen and (max-width: 599px) {
        .interview33 .visual_box h3:after {
          margin-bottom: 28px; } }
  .interview33 .visual_box p {
    padding: 1.5em 2em;
    background: #fafafa;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      .interview33 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview33 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview33 .visual_box p {
        font-size: 14px; } }

@media screen and (min-width: 960px) {
  .interview33 .profile_box {
    padding-top: 120px; } }

@media screen and (max-width: 959px) {
  .interview33 .profile_box {
    padding-top: 100px; } }

@media screen and (max-width: 599px) {
  .interview33 .profile_box {
    padding-top: 80px; } }

@media screen and (min-width: 960px) {
  .interview33 .profile_box {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview33 .profile_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .interview33 .profile_box {
    padding-bottom: 80px; } }

.interview33 .profile_box .profile {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #a0a1d0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview33 .profile_box .profile {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview33 .profile_box .profile {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview33 .profile_box .profile {
      padding-bottom: 40px; } }
  .interview33 .profile_box .profile .img_box {
    flex-basis: 31.77%; }
    .interview33 .profile_box .profile .img_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 599px) {
      .interview33 .profile_box .profile .img_box {
        flex-basis: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  .interview33 .profile_box .profile .text_box {
    flex-basis: calc(100% - 31.77%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview33 .profile_box .profile .text_box {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      .interview33 .profile_box .profile .text_box {
        padding-left: 25px; } }
    @media screen and (max-width: 599px) {
      .interview33 .profile_box .profile .text_box {
        padding-left: 0px; } }
    @media screen and (max-width: 599px) {
      .interview33 .profile_box .profile .text_box {
        flex-basis: 100%; } }
    .interview33 .profile_box .profile .text_box a {
      color: #003acd;
      text-decoration: underline; }
  .interview33 .profile_box .profile .text_box h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .interview33 .profile_box .profile .text_box h3 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      .interview33 .profile_box .profile .text_box h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      .interview33 .profile_box .profile .text_box h3 {
        font-size: 22px; } }
    .interview33 .profile_box .profile .text_box h3 span {
      font-size: 0.5em;
      display: block; }
      @media screen and (max-width: 599px) {
        .interview33 .profile_box .profile .text_box h3 span {
          font-size: 0.8em; } }
  .interview33 .profile_box .profile .text_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      .interview33 .profile_box .profile .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview33 .profile_box .profile .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview33 .profile_box .profile .text_box p {
        font-size: 14px; } }
    .interview33 .profile_box .profile .text_box p + p {
      margin-top: 1.3em; }
    .interview33 .profile_box .profile .text_box p strong {
      color: #b0292c; }

@media screen and (min-width: 960px) {
  .interview33 .section {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview33 .section {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview33 .section {
    margin-top: 40px; } }

.interview33 .section > .logo_box {
  max-width: 220px;
  width: 50%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .interview33 .section > .logo_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview33 .section > .logo_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview33 .section > .logo_box {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview33 .section > .logo_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview33 .section > .logo_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview33 .section > .logo_box {
      margin-bottom: 40px; } }
  .interview33 .section > .logo_box img {
    width: 100%;
    height: auto; }

.interview33 .interview_box {
  position: relative;
  margin-bottom: 90px;
  padding: 50px 40px 65px;
  border-radius: 20px;
  border: 10px solid #ededf7; }
  .interview33 .interview_box::before {
    content: "";
    position: absolute;
    right: 20px;
    bottom: -30px;
    width: 154px;
    height: 44px;
    background: url(../img/interview/33/icon2.svg) no-repeat 0 0/contain; }
  @media screen and (max-width: 599px) {
    .interview33 .interview_box {
      margin-bottom: 40px;
      padding: 20px 15px 20px; }
      .interview33 .interview_box::before {
        right: 10px;
        bottom: -15px;
        width: 77px;
        height: 22px; } }

.interview33 .interview_box_title {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 50px;
  padding-left: 104px;
  background-image: linear-gradient(to right, #AFAFAF, #AFAFAF 7px, transparent 7px);
  background-size: 14px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  font-weight: bold;
  letter-spacing: 0.01em; }
  @media screen and (min-width: 960px) {
    .interview33 .interview_box_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview33 .interview_box_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview33 .interview_box_title {
      font-size: 20px; } }
  .interview33 .interview_box_title::before {
    content: "";
    position: absolute;
    top: -1em;
    left: 0;
    width: 64px;
    height: 78px;
    background: url(../img/interview/33/icon1.svg) no-repeat 0 0/contain; }
  @media screen and (max-width: 599px) {
    .interview33 .interview_box_title {
      margin-bottom: 2em;
      padding-bottom: 2em;
      padding-left: 52px; }
      .interview33 .interview_box_title::before {
        top: 0;
        width: 32px;
        height: 36px; } }

@media screen and (min-width: 960px) {
  .interview33 .mt60 {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  .interview33 .mt60 {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  .interview33 .mt60 {
    margin-top: 40px; } }

.interview33 .interview_box_text {
  line-height: 2.1;
  text-indent: 1em;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview33 .interview_box_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview33 .interview_box_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview33 .interview_box_text {
      font-size: 16px; } }
  .interview33 .interview_box_text:not(:first-of-type) {
    margin-top: 2em; }
  .interview33 .interview_box_text + ul {
    margin-top: 2em; }
    .interview33 .interview_box_text + ul li {
      line-height: 2.1;
      letter-spacing: 0.05em;
      padding-left: 1em;
      position: relative; }
      @media screen and (min-width: 960px) {
        .interview33 .interview_box_text + ul li {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .interview33 .interview_box_text + ul li {
          font-size: 18px; } }
      @media screen and (max-width: 599px) {
        .interview33 .interview_box_text + ul li {
          font-size: 16px; } }
      .interview33 .interview_box_text + ul li:before {
        content: "▪";
        position: absolute;
        top: 0;
        left: 0; }

.interview33 h4.list {
  margin-top: 2em;
  line-height: 2.1;
  letter-spacing: 0.05em;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .interview33 h4.list {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview33 h4.list {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview33 h4.list {
      font-size: 16px; } }
  .interview33 h4.list + ul li {
    line-height: 2.1;
    letter-spacing: 0.05em;
    padding-left: 1em;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview33 h4.list + ul li {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview33 h4.list + ul li {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview33 h4.list + ul li {
        font-size: 16px; } }
    .interview33 h4.list + ul li:before {
      content: "▪";
      position: absolute;
      top: 0;
      left: 0; }

.interview33 .img_box img {
  width: 100%; }

.interview33 .link_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 4.375em; }
  @media screen and (min-width: 960px) {
    .interview33 .link_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview33 .link_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview33 .link_box {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview33 .link_box {
      grid-template-columns: 1fr;
      gap: 1.5em; } }
  .interview33 .link_box p {
    line-height: 1.8; }
    @media screen and (min-width: 960px) {
      .interview33 .link_box p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview33 .link_box p {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .interview33 .link_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .interview33 .link_box p br {
        display: none; } }
    .interview33 .link_box p a {
      text-decoration: underline;
      color: #3144f4; }

.interview33 .photo_box2 {
  max-width: 640px;
  width: 80%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .interview33 .photo_box2 {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview33 .photo_box2 {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview33 .photo_box2 {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview33 .photo_box2 {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview33 .photo_box2 {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview33 .photo_box2 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview33 .photo_box2 {
      width: 100%; } }
  .interview33 .photo_box2 img {
    display: block;
    width: 100%;
    height: auto; }
  .interview33 .photo_box2 p {
    margin-top: 1.5em;
    background: #f4f4f4;
    text-align: center;
    display: block;
    padding: 1em 0;
    line-height: 2.1; }
    @media screen and (min-width: 960px) {
      .interview33 .photo_box2 p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview33 .photo_box2 p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview33 .photo_box2 p {
        font-size: 14px; } }

.interview33 .iframe_box {
  max-width: 640px;
  width: 80%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .interview33 .iframe_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview33 .iframe_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview33 .iframe_box {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    .interview33 .iframe_box {
      width: 100%; } }
  .interview33 .iframe_box > div {
    position: relative; }
    .interview33 .iframe_box > div:after {
      content: "";
      width: 100%;
      padding-top: 63%;
      display: block;
      position: relative;
      z-index: 1; }
    .interview33 .iframe_box > div iframe {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .interview33 .iframe_box p {
    margin-top: 1.5em;
    background: #f4f4f4;
    text-align: center;
    display: block;
    padding: 1em 0;
    line-height: 2.1; }
    @media screen and (min-width: 960px) {
      .interview33 .iframe_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview33 .iframe_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview33 .iframe_box p {
        font-size: 14px; } }
  .interview33 .iframe_box a {
    display: block;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview33 .iframe_box a {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview33 .iframe_box a {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      .interview33 .iframe_box a {
        margin-top: 20px; } }
    .interview33 .iframe_box a > div {
      margin: 0 auto;
      display: flex;
      align-items: center; }
      @media screen and (min-width: 600px) {
        .interview33 .iframe_box a > div {
          padding-left: 2em; } }
      @media screen and (max-width: 599px) {
        .interview33 .iframe_box a > div {
          flex-wrap: wrap;
          justify-content: center; } }
      .interview33 .iframe_box a > div:before {
        content: '';
        width: 1em;
        height: 1em;
        margin-right: 1em;
        position: block;
        flex-basis: 1em;
        background: url("../img/home/icon_insta.png") no-repeat center center;
        background-size: cover; }
        @media screen and (min-width: 960px) {
          .interview33 .iframe_box a > div:before {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          .interview33 .iframe_box a > div:before {
            font-size: 25px; } }
        @media screen and (max-width: 599px) {
          .interview33 .iframe_box a > div:before {
            font-size: 20px; } }
      .interview33 .iframe_box a > div span {
        line-height: 3em; }
        @media screen and (min-width: 960px) {
          .interview33 .iframe_box a > div span {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .interview33 .iframe_box a > div span {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          .interview33 .iframe_box a > div span {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview33 .iframe_box a > div span {
            font-size: 14px; } }
      .interview33 .iframe_box a > div i {
        line-height: 3em;
        color: #3e3a39; }
        @media screen and (min-width: 960px) {
          .interview33 .iframe_box a > div i {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .interview33 .iframe_box a > div i {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .interview33 .iframe_box a > div i {
            font-size: 14px; } }
        @media screen and (min-width: 600px) {
          .interview33 .iframe_box a > div i {
            padding-left: 2em; } }
        @media screen and (max-width: 599px) {
          .interview33 .iframe_box a > div i {
            flex-basis: 100%;
            text-align: center; } }

.interview33 .photo_box {
  background: url(../img/interview/33/bg.jpg) no-repeat 50% 50%/cover; }
  @media screen and (min-width: 960px) {
    .interview33 .photo_box {
      margin-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview33 .photo_box {
      margin-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview33 .photo_box {
      margin-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview33 .photo_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview33 .photo_box {
      padding-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview33 .photo_box {
      padding-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview33 .photo_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview33 .photo_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview33 .photo_box {
      padding-bottom: 80px; } }
  .interview33 .photo_box .flex_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px; }
    @media screen and (min-width: 960px) {
      .interview33 .photo_box .flex_box {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .interview33 .photo_box .flex_box {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      .interview33 .photo_box .flex_box {
        margin-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .interview33 .photo_box .flex_box {
        grid-template-columns: 1fr; } }
    .interview33 .photo_box .flex_box > div div {
      position: relative; }
      .interview33 .photo_box .flex_box > div div:after {
        content: "";
        width: 100%;
        padding-top: 63%;
        display: block;
        position: relative;
        z-index: 1; }
      .interview33 .photo_box .flex_box > div div iframe {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .interview33 .photo_box .flex_box > div p {
      margin-top: 1.5em;
      background: #ffffff;
      text-align: center;
      display: block;
      padding: 1em 0;
      line-height: 2.1; }
      @media screen and (min-width: 960px) {
        .interview33 .photo_box .flex_box > div p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview33 .photo_box .flex_box > div p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview33 .photo_box .flex_box > div p {
          font-size: 14px; } }
  .interview33 .photo_box .btn_box a {
    background: #ffffff;
    display: block;
    padding: 2em 4em 2em 6.5em;
    position: relative; }
    @media screen and (min-width: 960px) {
      .interview33 .photo_box .btn_box a {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .interview33 .photo_box .btn_box a {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .interview33 .photo_box .btn_box a {
        font-size: 14px; } }
    .interview33 .photo_box .btn_box a:hover {
      opacity: 0.95; }
    @media screen and (max-width: 599px) {
      .interview33 .photo_box .btn_box a {
        padding: 2em 4em 2em 4.5em; } }
    .interview33 .photo_box .btn_box a::before {
      content: "";
      position: absolute;
      top: calc(50% - 32px);
      left: 1.5em;
      width: 56px;
      height: 59px;
      background: url(../img/interview/33/icon3.svg) no-repeat 0 0/contain; }
      @media screen and (max-width: 599px) {
        .interview33 .photo_box .btn_box a::before {
          top: calc(50% - 16px);
          width: 30px;
          height: 40px; } }

.interview33 .bg_box {
  background: url(../img/interview/33/bg.jpg) no-repeat 50% 50%/cover; }
  @media screen and (min-width: 960px) {
    .interview33 .bg_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    .interview33 .bg_box {
      padding-top: 100px; } }
  @media screen and (max-width: 599px) {
    .interview33 .bg_box {
      padding-top: 80px; } }
  @media screen and (min-width: 960px) {
    .interview33 .bg_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview33 .bg_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview33 .bg_box {
      padding-bottom: 80px; } }
  .interview33 .bg_box .new_inner {
    background: #ffffff;
    border-radius: 2em;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .interview33 .bg_box .new_inner {
        padding: 50px; } }
    @media screen and (max-width: 959px) {
      .interview33 .bg_box .new_inner {
        padding: 35px; } }
    @media screen and (max-width: 599px) {
      .interview33 .bg_box .new_inner {
        padding: 20px; } }

.interview33 .message_box_title {
  margin-bottom: 2em;
  padding-bottom: 2em;
  background-image: linear-gradient(to right, #AFAFAF, #AFAFAF 7px, transparent 7px);
  background-size: 14px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview33 .message_box_title {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .interview33 .message_box_title {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_title {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .interview33 .message_box_title {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview33 .message_box_title {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_title {
      margin-top: 40px; } }

.interview33 .message_box_text {
  line-height: 2.1;
  text-indent: 1em;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview33 .message_box_text {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview33 .message_box_text {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_text {
      font-size: 16px; } }
  .interview33 .message_box_text:not(:first-of-type) {
    margin-top: 2em; }

.interview33 .message_box_profile {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 960px) {
    .interview33 .message_box_profile {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .interview33 .message_box_profile {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_profile {
      margin-top: 30px; } }
  .interview33 .message_box_profile img {
    width: 100%; }
  .interview33 .message_box_profile iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 800 / 488;
    margin-top: 40px; }

.interview33 .message_box_profile_img {
  max-width: 220px;
  margin-right: auto;
  margin-left: auto; }

.interview33 .message_box_profile_text1 {
  line-height: 2.1;
  margin-top: 30px;
  text-align: center;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview33 .message_box_profile_text1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview33 .message_box_profile_text1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_profile_text1 {
      font-size: 16px; } }
  .interview33 .message_box_profile_text1 a {
    color: #3144F4;
    text-decoration: underline; }

.interview33 .message_box_profile_text2 {
  line-height: 2.1;
  margin-top: 20px;
  padding: 1em 2em;
  background-color: #F5F5F5;
  text-align: center;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 960px) {
    .interview33 .message_box_profile_text2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview33 .message_box_profile_text2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_profile_text2 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview33 .message_box_profile_text2 {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .interview33 .message_box_profile_text2 {
      margin-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_profile_text2 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview33 .message_box_profile_text2 {
      text-align: left; } }

.interview34 .tac {
  text-align: center; }

.interview34 .no_indent {
  text-indent: 0 !important; }

.interview34 section .new_inner .img_box {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box; }
  .interview34 section .new_inner .img_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto; }

.interview34 .hr {
  position: relative;
  border-top: 2px solid #dbe3ed; }
  @media screen and (min-width: 960px) {
    .interview34 .hr {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview34 .hr {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview34 .hr {
      margin-top: 60px; } }

@media screen and (min-width: 960px) {
  .interview34 .visual_box {
    margin-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .interview34 .visual_box {
    margin-bottom: 90px; } }

@media screen and (max-width: 599px) {
  .interview34 .visual_box {
    margin-bottom: 60px; } }

.interview34 .visual_box h3 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  text-align: center;
  letter-spacing: 5px; }
  @media screen and (min-width: 960px) {
    .interview34 .visual_box h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .interview34 .visual_box h3 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    .interview34 .visual_box h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .interview34 .visual_box h3 {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .interview34 .visual_box h3 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .interview34 .visual_box h3 {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .interview34 .visual_box h3 {
      letter-spacing: 2px; } }
  .interview34 .visual_box h3:after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f3da6a 50%, rgba(255, 255, 255, 0) 100%);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      .interview34 .visual_box h3:after {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .interview34 .visual_box h3:after {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .interview34 .visual_box h3:after {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .interview34 .visual_box h3:after {
        margin-bottom: 48px; } }
    @media screen and (max-width: 959px) {
      .interview34 .visual_box h3:after {
        margin-bottom: 38px; } }
    @media screen and (max-width: 599px) {
      .interview34 .visual_box h3:after {
        margin-bottom: 28px; } }

.interview34 .visual_box p {
  padding: 1.5em 2em;
  background: #f7f9f8;
  box-sizing: border-box;
  line-height: 2;
  order: 1; }
  @media screen and (min-width: 960px) {
    .interview34 .visual_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview34 .visual_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview34 .visual_box p {
      font-size: 14px; } }

.interview34 .bg_box {
  margin-top: -4em;
  border-bottom: 10px solid #d3efd9; }
  @media screen and (min-width: 960px) {
    .interview34 .bg_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview34 .bg_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview34 .bg_box {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .interview34 .bg_box {
      margin-top: 20px; } }
  .interview34 .bg_box:before {
    content: "";
    width: 90%;
    max-width: 976px;
    margin: 0 auto;
    padding-top: 8.82353%;
    background: url("../img/interview/32/bg.jpg") no-repeat center/cover;
    display: block; }

.interview34 .photo_box.bg {
  background: #e6eef4; }
  @media screen and (min-width: 960px) {
    .interview34 .photo_box.bg {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    .interview34 .photo_box.bg {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    .interview34 .photo_box.bg {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .interview34 .photo_box.bg {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview34 .photo_box.bg {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview34 .photo_box.bg {
      padding-bottom: 40px; } }
  .interview34 .photo_box.bg p {
    background-color: #ffffff; }

.interview34 .photo_box.line {
  border-bottom: 2px solid #3871a2; }
  @media screen and (min-width: 960px) {
    .interview34 .photo_box.line {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .interview34 .photo_box.line {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview34 .photo_box.line {
      padding-bottom: 40px; } }

.interview34 .photo_box img {
  width: 100%;
  height: auto; }

.interview34 .photo_box p {
  display: block;
  background: #f5f5f5;
  padding: 0.8em 1em;
  margin-top: 1.5em;
  line-height: 1.8;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .interview34 .photo_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .interview34 .photo_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview34 .photo_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .interview34 .photo_box p {
      text-align: left; }
      .interview34 .photo_box p br {
        display: none; } }
  .interview34 .photo_box p.ll {
    letter-spacing: -1px; }
  @media screen and (min-width: 960px) {
    .interview34 .photo_box p + .flex_box {
      padding-top: 32px; } }
  @media screen and (max-width: 959px) {
    .interview34 .photo_box p + .flex_box {
      padding-top: 28px; } }
  @media screen and (max-width: 599px) {
    .interview34 .photo_box p + .flex_box {
      padding-top: 24px; } }
  .interview34 .photo_box p a {
    color: #436af7;
    text-decoration: underline; }

@media screen and (min-width: 960px) {
  .interview34 .photo_box .img_box + .flex_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  .interview34 .photo_box .img_box + .flex_box {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  .interview34 .photo_box .img_box + .flex_box {
    margin-top: 24px; } }

.interview34 .photo_box div.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  row-gap: 4em; }
  @media screen and (max-width: 599px) {
    .interview34 .photo_box div.flex_box {
      display: block; } }
  .interview34 .photo_box div.flex_box .img_box {
    flex-basis: 50%; }
  .interview34 .photo_box div.flex_box.type2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview34 .photo_box div.flex_box.type2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview34 .photo_box div.flex_box.type2 .img_box + .img_box {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .interview34 .photo_box div.flex_box.type2 .img_box + .text_box {
        margin-top: 15px; } }

@media screen and (min-width: 960px) {
  .interview34 .text_area {
    padding-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview34 .text_area {
    padding-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview34 .text_area {
    padding-top: 60px; } }

.interview34 .text_area + section.text_area {
  padding-top: 0; }

@media screen and (min-width: 960px) {
  .interview34 .text_area .new_inner + .new_inner {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .interview34 .text_area .new_inner + .new_inner {
    margin-top: 80px; } }

@media screen and (max-width: 599px) {
  .interview34 .text_area .new_inner + .new_inner {
    margin-top: 60px; } }

.interview34 .text_area .new_inner > .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview34 .text_area .new_inner > .flex_box {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .interview34 .text_area .new_inner > .flex_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .interview34 .text_area .new_inner > .flex_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .interview34 .text_area .new_inner > .flex_box {
      display: block; } }
  .interview34 .text_area .new_inner > .flex_box .box_type2 {
    flex-basis: 57.14286%;
    margin-bottom: 0 !important; }
  .interview34 .text_area .new_inner > .flex_box .img_box {
    flex-basis: 37.97909%; }
    @media screen and (max-width: 599px) {
      .interview34 .text_area .new_inner > .flex_box .img_box {
        margin-top: 20px; } }
    .interview34 .text_area .new_inner > .flex_box .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 0.8em 1em;
      margin-top: 1.5em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview34 .text_area .new_inner > .flex_box .img_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview34 .text_area .new_inner > .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview34 .text_area .new_inner > .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview34 .text_area .new_inner > .flex_box .img_box p {
          text-align: left; }
          .interview34 .text_area .new_inner > .flex_box .img_box p br {
            display: none; } }
  .interview34 .text_area .new_inner > .flex_box .text_box {
    flex-basis: 57.31707%; }
    @media screen and (max-width: 599px) {
      .interview34 .text_area .new_inner > .flex_box .text_box {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      .interview34 .text_area .new_inner > .flex_box .text_box p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview34 .text_area .new_inner > .flex_box .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview34 .text_area .new_inner > .flex_box .text_box p {
        font-size: 16px; } }
    .interview34 .text_area .new_inner > .flex_box .text_box p strong {
      font-weight: bold; }
    .interview34 .text_area .new_inner > .flex_box .text_box p a {
      color: #436af7;
      text-decoration: underline; }

@media screen and (min-width: 960px) {
  .interview34 .text_area .box_type1,
  .interview34 .text_area .box_type2 {
    margin-bottom: 75px; } }

@media screen and (max-width: 959px) {
  .interview34 .text_area .box_type1,
  .interview34 .text_area .box_type2 {
    margin-bottom: 65px; } }

@media screen and (max-width: 599px) {
  .interview34 .text_area .box_type1,
  .interview34 .text_area .box_type2 {
    margin-bottom: 55px; } }

.interview34 .text_area .box_type1 {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  border: 1px solid #b5b5b5; }
  @media screen and (min-width: 960px) {
    .interview34 .text_area .box_type1 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview34 .text_area .box_type1 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview34 .text_area .box_type1 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview34 .text_area .box_type1 {
      padding: 2em 1em 1em 1em; } }
  .interview34 .text_area .box_type1:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #efa3ef;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview34 .text_area .box_type1 span {
    background: #efa3ef;
    line-height: 1.2;
    padding: 0.6em 1em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview34 .text_area .box_type1 span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .interview34 .text_area .box_type1 span {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .interview34 .text_area .box_type1 span {
        font-size: 16px; } }
  .interview34 .text_area .box_type1 p {
    color: #3e3a39; }

.interview34 .text_area .box_type2 {
  position: relative;
  box-sizing: border-box;
  padding: 2em 2em 2em 2em;
  border: 1px solid #b5b5b5;
  background: #fcfcfc; }
  @media screen and (min-width: 960px) {
    .interview34 .text_area .box_type2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .interview34 .text_area .box_type2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .interview34 .text_area .box_type2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .interview34 .text_area .box_type2 {
      padding: 2em 1em 1.5em 1em; } }
  .interview34 .text_area .box_type2:after {
    content: "";
    width: 2em;
    height: 0.3em;
    background: #3871a2;
    position: absolute;
    bottom: 0;
    right: 3em; }
  .interview34 .text_area .box_type2 span {
    background: #3871a2;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    top: 0;
    left: 1em;
    transform: translateY(-50%); }
    @media screen and (min-width: 960px) {
      .interview34 .text_area .box_type2 span {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .interview34 .text_area .box_type2 span {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .interview34 .text_area .box_type2 span {
        font-size: 20px; } }
  .interview34 .text_area .box_type2 p {
    color: #3e3a39;
    line-height: 2;
    text-indent: 1em; }
    .interview34 .text_area .box_type2 p + p {
      padding-top: 1.3em; }

.interview34 .text_area .flex_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .interview34 .text_area .flex_box2 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .interview34 .text_area .flex_box2 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .interview34 .text_area .flex_box2 {
      margin-top: 15px; } }
  .interview34 .text_area .flex_box2 .img_box {
    flex-basis: 47.90941%; }
    @media screen and (max-width: 599px) {
      .interview34 .text_area .flex_box2 .img_box {
        flex-basis: 100%; } }
    @media screen and (max-width: 599px) {
      .interview34 .text_area .flex_box2 .img_box + .img_box {
        margin-top: 15px; } }
    .interview34 .text_area .flex_box2 .img_box p {
      display: block;
      background: #f5f5f5;
      padding: 1.2em 1em;
      margin-top: 2em;
      line-height: 1.8;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .interview34 .text_area .flex_box2 .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .interview34 .text_area .flex_box2 .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .interview34 .text_area .flex_box2 .img_box p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .interview34 .text_area .flex_box2 .img_box p {
          text-align: left; }
          .interview34 .text_area .flex_box2 .img_box p br {
            display: none; } }

.interview34 .profile_box {
  border-top: 2px solid #3871a2; }
  @media screen and (min-width: 960px) {
    .interview34 .profile_box {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .interview34 .profile_box {
      padding-top: 80px; } }
  @media screen and (max-width: 599px) {
    .interview34 .profile_box {
      padding-top: 60px; } }
  @media screen and (min-width: 960px) {
    .interview34 .profile_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .interview34 .profile_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .interview34 .profile_box {
      padding-bottom: 80px; } }
  .interview34 .profile_box .profile {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #3871a2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .interview34 .profile_box .profile {
        padding-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .interview34 .profile_box .profile {
        padding-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      .interview34 .profile_box .profile {
        padding-bottom: 40px; } }
    .interview34 .profile_box .profile .img_box {
      flex-basis: 31.77%; }
      @media screen and (max-width: 599px) {
        .interview34 .profile_box .profile .img_box {
          flex-basis: 90%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px; } }
    .interview34 .profile_box .profile .text_box {
      flex-basis: calc(100% - 31.77%);
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .interview34 .profile_box .profile .text_box {
          padding-left: 50px; } }
      @media screen and (max-width: 959px) {
        .interview34 .profile_box .profile .text_box {
          padding-left: 25px; } }
      @media screen and (max-width: 599px) {
        .interview34 .profile_box .profile .text_box {
          padding-left: 0px; } }
      @media screen and (max-width: 599px) {
        .interview34 .profile_box .profile .text_box {
          flex-basis: 100%; } }
      .interview34 .profile_box .profile .text_box a {
        color: #003acd;
        text-decoration: underline; }
    .interview34 .profile_box .profile .text_box h3 {
      font-weight: bold;
      margin-bottom: 0.5em;
      padding-bottom: 0; }
      @media screen and (min-width: 960px) {
        .interview34 .profile_box .profile .text_box h3 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        .interview34 .profile_box .profile .text_box h3 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        .interview34 .profile_box .profile .text_box h3 {
          font-size: 22px; } }
      .interview34 .profile_box .profile .text_box h3 span {
        font-size: 0.5em;
        display: block; }
        @media screen and (max-width: 599px) {
          .interview34 .profile_box .profile .text_box h3 span {
            font-size: 0.8em; } }
    .interview34 .profile_box .profile .text_box p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        .interview34 .profile_box .profile .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .interview34 .profile_box .profile .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .interview34 .profile_box .profile .text_box p {
          font-size: 14px; } }
      .interview34 .profile_box .profile .text_box p + p {
        margin-top: 1.3em; }
      .interview34 .profile_box .profile .text_box p strong {
        color: #b0292c; }

.selfcheck01 section {
  width: 85%;
  max-width: 1360px;
  margin: 0 auto;
  background: #ffffff; }
  @media screen and (max-width: 959px) {
    .selfcheck01 section {
      min-width: auto;
      width: 90%; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 section div.inner {
      padding-right: 100px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 section div.inner {
      padding-right: 60px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 section div.inner {
      padding-right: 20px; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 section div.inner {
      padding-left: 100px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 section div.inner {
      padding-left: 60px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 section div.inner {
      padding-left: 20px; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 section div.inner {
      padding-top: 35px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 section div.inner {
      padding-top: 25px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 section div.inner {
      padding-top: 15px; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 section div.inner {
      padding-bottom: 35px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 section div.inner {
      padding-bottom: 25px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 section div.inner {
      padding-bottom: 15px; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 section:first-child div.inner {
      padding-top: 100px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 section:first-child div.inner {
      padding-top: 70px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 section:first-child div.inner {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 section:last-child div.inner {
      padding-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 section:last-child div.inner {
      padding-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 section:last-child div.inner {
      padding-bottom: 40px; } }
  .selfcheck01 section li,
  .selfcheck01 section dd,
  .selfcheck01 section p {
    line-height: 2;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      .selfcheck01 section li,
      .selfcheck01 section dd,
      .selfcheck01 section p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 section li,
      .selfcheck01 section dd,
      .selfcheck01 section p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 section li,
      .selfcheck01 section dd,
      .selfcheck01 section p {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 section li br,
      .selfcheck01 section dd br,
      .selfcheck01 section p br {
        display: none; } }

.pans_box.selfcheck01,
.selfcheck01 {
  background: #faf7e7; }
  @media screen and (min-width: 960px) {
    .pans_box.selfcheck01,
    .selfcheck01 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .pans_box.selfcheck01,
    .selfcheck01 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .pans_box.selfcheck01,
    .selfcheck01 {
      padding-bottom: 30px; } }
  .pans_box.selfcheck01 .inner > h2,
  .selfcheck01 .inner > h2 {
    color: #ea6088;
    text-align: center;
    padding-bottom: 0.1em;
    border-bottom: 2px solid #ea6088;
    font-weight: bold;
    margin-bottom: 1em; }
    @media screen and (min-width: 960px) {
      .pans_box.selfcheck01 .inner > h2,
      .selfcheck01 .inner > h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .pans_box.selfcheck01 .inner > h2,
      .selfcheck01 .inner > h2 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      .pans_box.selfcheck01 .inner > h2,
      .selfcheck01 .inner > h2 {
        font-size: 16px; } }
  .pans_box.selfcheck01 .inner > h3,
  .selfcheck01 .inner > h3 {
    color: #ea6088;
    padding-bottom: 0.1em;
    border-bottom: 2px dotted #ea6088;
    font-weight: bold;
    margin-bottom: 1em; }
    @media screen and (min-width: 960px) {
      .pans_box.selfcheck01 .inner > h3,
      .selfcheck01 .inner > h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .pans_box.selfcheck01 .inner > h3,
      .selfcheck01 .inner > h3 {
        font-size: 19px; } }
    @media screen and (max-width: 599px) {
      .pans_box.selfcheck01 .inner > h3,
      .selfcheck01 .inner > h3 {
        font-size: 14px; } }

.pans_box.selfcheck01,
.selfcheck01 {
  background: #faf7e7; }
  @media screen and (min-width: 960px) {
    .pans_box.selfcheck01,
    .selfcheck01 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .pans_box.selfcheck01,
    .selfcheck01 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    .pans_box.selfcheck01,
    .selfcheck01 {
      padding-bottom: 30px; } }
  .pans_box.selfcheck01 .inner > ul,
  .selfcheck01 .inner > ul {
    border: 1px solid #3e3a39;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      .pans_box.selfcheck01 .inner > ul,
      .selfcheck01 .inner > ul {
        padding: 30px; } }
    @media screen and (max-width: 959px) {
      .pans_box.selfcheck01 .inner > ul,
      .selfcheck01 .inner > ul {
        padding: 20px; } }
    @media screen and (max-width: 599px) {
      .pans_box.selfcheck01 .inner > ul,
      .selfcheck01 .inner > ul {
        padding: 10px; } }
    @media screen and (min-width: 960px) {
      .pans_box.selfcheck01 .inner > ul,
      .selfcheck01 .inner > ul {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      .pans_box.selfcheck01 .inner > ul,
      .selfcheck01 .inner > ul {
        margin-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      .pans_box.selfcheck01 .inner > ul,
      .selfcheck01 .inner > ul {
        margin-bottom: 10px; } }
    .pans_box.selfcheck01 .inner > ul li,
    .selfcheck01 .inner > ul li {
      width: 50%;
      position: relative;
      box-sizing: border-box;
      padding-left: 1.2em;
      line-height: 1.4; }
      @media screen and (max-width: 599px) {
        .pans_box.selfcheck01 .inner > ul li,
        .selfcheck01 .inner > ul li {
          width: 100%;
          padding-top: 3px;
          padding-bottom: 3px; } }
      .pans_box.selfcheck01 .inner > ul li:before,
      .selfcheck01 .inner > ul li:before {
        content: "";
        width: 0.9em;
        height: 0.9em;
        display: inline-block;
        box-sizing: border-box;
        border: 1px solid #3e3a39;
        position: absolute;
        top: 4px;
        left: 0; }
        @media screen and (max-width: 599px) {
          .pans_box.selfcheck01 .inner > ul li:before,
          .selfcheck01 .inner > ul li:before {
            transform: none;
            top: 6px; } }
    .pans_box.selfcheck01 .inner > ul + p,
    .selfcheck01 .inner > ul + p {
      color: #ea6088; }
      @media screen and (min-width: 960px) {
        .pans_box.selfcheck01 .inner > ul + p,
        .selfcheck01 .inner > ul + p {
          margin-bottom: 40px; } }
      @media screen and (max-width: 959px) {
        .pans_box.selfcheck01 .inner > ul + p,
        .selfcheck01 .inner > ul + p {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        .pans_box.selfcheck01 .inner > ul + p,
        .selfcheck01 .inner > ul + p {
          margin-bottom: 20px; } }

.selfcheck01 .point {
  background: rgba(234, 96, 136, 0.1);
  position: relative; }
  @media screen and (min-width: 960px) {
    .selfcheck01 .point {
      padding: 25px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 .point {
      padding: 17px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 .point {
      padding: 9px; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 .point {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 .point {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 .point {
      margin-top: 10px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 .point {
      margin-top: 50px; } }
  .selfcheck01 .point p {
    padding-left: 3.75em; }
    @media screen and (max-width: 599px) {
      .selfcheck01 .point p {
        padding-left: 0;
        padding-top: 2.75em; } }
  .selfcheck01 .point i {
    display: block;
    content: "";
    position: absolute;
    width: 5.625em;
    height: 5.625em;
    border-radius: calc(5.625em / 2);
    background: #ea6088;
    top: 50%;
    left: 0;
    transform: translateX(-1.375em) translateY(-50%);
    text-align: center;
    line-height: 5.625em; }
    @media screen and (min-width: 960px) {
      .selfcheck01 .point i {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .point i {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .point i {
        font-size: 12px; } }
    .selfcheck01 .point i img {
      width: 3.3125em;
      transform: translateY(20%); }
    @media screen and (max-width: 599px) {
      .selfcheck01 .point i {
        top: 0;
        left: 50%;
        transform: translateY(-50%) translateX(-50%); } }
  .selfcheck01 .point i:after {
    display: block;
    content: "";
    position: absolute;
    width: 5em;
    height: 5em;
    border-radius: calc(5em / 2);
    border: 1px solid #ffffff;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    @media screen and (min-width: 960px) {
      .selfcheck01 .point i:after {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .point i:after {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .point i:after {
        font-size: 12px; } }
  .selfcheck01 .point ul {
    padding-left: 3.75em; }
    @media screen and (max-width: 599px) {
      .selfcheck01 .point ul {
        padding-left: 0;
        padding-top: 2.75em; } }
    .selfcheck01 .point ul li:before {
      content: "●";
      color: #ea6088; }

.selfcheck01 .hr {
  border: none;
  height: 2px;
  width: 60%;
  margin: 40px auto;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(90deg, rgba(234, 96, 136, 0) 0%, #ea6088 50%, rgba(234, 96, 136, 0) 100%); }

.selfcheck01 .box1 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .selfcheck01 .box1 .flex_box > .img_box {
    width: 45.59%; }
    @media screen and (max-width: 599px) {
      .selfcheck01 .box1 .flex_box > .img_box {
        width: 100%;
        order: 1;
        margin-bottom: 20px; } }
    .selfcheck01 .box1 .flex_box > .img_box img {
      width: 100%;
      height: auto; }
  .selfcheck01 .box1 .flex_box > dl,
  .selfcheck01 .box1 .flex_box > .text_box {
    width: calc(100% - 45.59%);
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .selfcheck01 .box1 .flex_box > dl,
      .selfcheck01 .box1 .flex_box > .text_box {
        padding-right: 40px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .box1 .flex_box > dl,
      .selfcheck01 .box1 .flex_box > .text_box {
        padding-right: 20px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .box1 .flex_box > dl,
      .selfcheck01 .box1 .flex_box > .text_box {
        padding-right: 0px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .box1 .flex_box > dl,
      .selfcheck01 .box1 .flex_box > .text_box {
        width: 100%;
        order: 2; } }
  .selfcheck01 .box1 .flex_box > dl dt {
    font-weight: bold;
    position: relative;
    padding-left: 1.6em; }
    @media screen and (min-width: 960px) {
      .selfcheck01 .box1 .flex_box > dl dt {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .box1 .flex_box > dl dt {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .box1 .flex_box > dl dt {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .selfcheck01 .box1 .flex_box > dl dt {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .box1 .flex_box > dl dt {
        margin-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .box1 .flex_box > dl dt {
        margin-bottom: 10px; } }
    .selfcheck01 .box1 .flex_box > dl dt span {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 1.5em;
      line-height: 1.5em;
      text-align: center;
      background: #ea6088;
      color: #ffffff;
      border-radius: 0.75em; }
  @media screen and (min-width: 960px) {
    .selfcheck01 .box1 .flex_box > dl dt + dd {
      margin-bottom: 20px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 .box1 .flex_box > dl dt + dd {
      margin-bottom: 15px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 .box1 .flex_box > dl dt + dd {
      margin-bottom: 10px; } }

.selfcheck01 .profile {
  border: 2px solid #ea6088;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .selfcheck01 .profile {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 .profile {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 .profile {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .selfcheck01 .profile {
      padding: 30px; } }
  @media screen and (max-width: 959px) {
    .selfcheck01 .profile {
      padding: 20px; } }
  @media screen and (max-width: 599px) {
    .selfcheck01 .profile {
      padding: 10px; } }
  .selfcheck01 .profile h3 {
    font-weight: bold;
    color: #ea6088;
    margin-bottom: 1em; }
    @media screen and (min-width: 960px) {
      .selfcheck01 .profile h3 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .profile h3 {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .profile h3 {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .profile h3 {
        text-align: center; } }
  .selfcheck01 .profile > .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .selfcheck01 .profile .text_box {
    width: 50%; }
    .selfcheck01 .profile .text_box h4 {
      font-weight: bold;
      margin-bottom: 0.5em; }
      @media screen and (min-width: 960px) {
        .selfcheck01 .profile .text_box h4 {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .selfcheck01 .profile .text_box h4 {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .selfcheck01 .profile .text_box h4 {
          font-size: 12px; } }
      @media screen and (max-width: 959px) {
        .selfcheck01 .profile .text_box h4 {
          text-align: center; } }
  .selfcheck01 .profile h3 + .flex_box .img_box {
    width: 29%; }
    @media screen and (max-width: 959px) {
      .selfcheck01 .profile h3 + .flex_box .img_box {
        width: 100%; } }
    .selfcheck01 .profile h3 + .flex_box .img_box img {
      width: 100%;
      height: auto; }
      @media screen and (max-width: 959px) {
        .selfcheck01 .profile h3 + .flex_box .img_box img {
          width: 60%;
          display: block;
          margin: 0px auto 20px; } }
  .selfcheck01 .profile h3 + .flex_box .text_box {
    width: calc(100% - 29%);
    padding-left: 2em;
    box-sizing: border-box; }
    @media screen and (max-width: 959px) {
      .selfcheck01 .profile h3 + .flex_box .text_box {
        padding: 1em;
        width: 100%; } }
  .selfcheck01 .profile h3 + .flex_box + .flex_box {
    border-top: 2px dotted #ea6088; }
    @media screen and (min-width: 960px) {
      .selfcheck01 .profile h3 + .flex_box + .flex_box {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .profile h3 + .flex_box + .flex_box {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .profile h3 + .flex_box + .flex_box {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .selfcheck01 .profile h3 + .flex_box + .flex_box {
        padding-top: 20px; } }
    @media screen and (max-width: 959px) {
      .selfcheck01 .profile h3 + .flex_box + .flex_box {
        padding-top: 15px; } }
    @media screen and (max-width: 599px) {
      .selfcheck01 .profile h3 + .flex_box + .flex_box {
        padding-top: 10px; } }
    .selfcheck01 .profile h3 + .flex_box + .flex_box .text_box {
      width: 45%; }
      .selfcheck01 .profile h3 + .flex_box + .flex_box .text_box.first-child {
        width: 55%; }
      @media screen and (max-width: 599px) {
        .selfcheck01 .profile h3 + .flex_box + .flex_box .text_box {
          width: 100%;
          padding: 0.5em 1em; } }
      .selfcheck01 .profile h3 + .flex_box + .flex_box .text_box > ul + ul {
        padding-top: 0.5em; }

.jigyou01 .visual_box {
  background: linear-gradient(to bottom, transparent 50%, #d3d3d3 50%, #d3d3d3);
  margin: 0; }
  @media screen and (min-width: 960px) {
    .jigyou01 .visual_box {
      padding-bottom: 130px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .visual_box {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .visual_box {
      padding-bottom: 50px; } }

.jigyou01 .read_box,
.jigyou01 .main_box {
  border-top: 1px solid #d3d3d3; }
  .jigyou01 .read_box h2,
  .jigyou01 .main_box h2 {
    background: #333333;
    line-height: 1.2;
    padding: 0.4em 0.8em;
    transform: translateY(-50%);
    color: #ffffff;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box h2,
      .jigyou01 .main_box h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box h2,
      .jigyou01 .main_box h2 {
        font-size: 25px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box h2,
      .jigyou01 .main_box h2 {
        font-size: 18px; } }
  .jigyou01 .read_box h3,
  .jigyou01 .main_box h3 {
    border-left: 3px solid #d32424;
    padding-left: 0.5em;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    width: 95%; }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        margin-top: 20px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box h3,
      .jigyou01 .main_box h3 {
        margin-bottom: 10px; } }
  .jigyou01 .read_box .text_box,
  .jigyou01 .main_box .text_box {
    display: block;
    width: 95%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1.5em 2em;
    background: #f4f4f4; }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        font-size: 12px; } }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        margin-bottom: 40px; } }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        margin-top: 20px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box .text_box,
      .jigyou01 .main_box .text_box {
        margin-top: 10px; } }
    .jigyou01 .read_box .text_box p,
    .jigyou01 .main_box .text_box p {
      line-height: 1.8;
      text-indent: 1em; }
  .jigyou01 .read_box .unker,
  .jigyou01 .main_box .unker {
    border: 1px solid #666666;
    padding: 0.3em; }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box .unker,
      .jigyou01 .main_box .unker {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box .unker,
      .jigyou01 .main_box .unker {
        margin-top: 20px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box .unker,
      .jigyou01 .main_box .unker {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box .unker,
      .jigyou01 .main_box .unker {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box .unker,
      .jigyou01 .main_box .unker {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box .unker,
      .jigyou01 .main_box .unker {
        margin-bottom: 20px; } }
    .jigyou01 .read_box .unker table,
    .jigyou01 .main_box .unker table {
      width: 100%; }
      @media screen and (max-width: 599px) {
        .jigyou01 .read_box .unker table tr,
        .jigyou01 .main_box .unker table tr {
          display: block; } }
      .jigyou01 .read_box .unker table th,
      .jigyou01 .main_box .unker table th {
        background: #f4d7c1;
        width: 200px;
        vertical-align: middle;
        text-align: center;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          .jigyou01 .read_box .unker table th,
          .jigyou01 .main_box .unker table th {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          .jigyou01 .read_box .unker table th,
          .jigyou01 .main_box .unker table th {
            font-size: 17px; } }
        @media screen and (max-width: 599px) {
          .jigyou01 .read_box .unker table th,
          .jigyou01 .main_box .unker table th {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .jigyou01 .read_box .unker table th,
          .jigyou01 .main_box .unker table th {
            width: 100%;
            padding: 0.3em 0;
            display: block; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .read_box .unker table td,
        .jigyou01 .main_box .unker table td {
          width: 100%;
          display: block; } }
      .jigyou01 .read_box .unker table td ul,
      .jigyou01 .main_box .unker table td ul {
        padding: 0.4em 3em;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 599px) {
          .jigyou01 .read_box .unker table td ul,
          .jigyou01 .main_box .unker table td ul {
            padding: 10px; } }
        .jigyou01 .read_box .unker table td ul li,
        .jigyou01 .main_box .unker table td ul li {
          width: 32%;
          padding: 0.3em 0; }
          @media screen and (max-width: 599px) {
            .jigyou01 .read_box .unker table td ul li,
            .jigyou01 .main_box .unker table td ul li {
              width: 50%; } }
          .jigyou01 .read_box .unker table td ul li a,
          .jigyou01 .main_box .unker table td ul li a {
            line-height: 1.8em;
            color: #297ecc; }
            @media screen and (min-width: 960px) {
              .jigyou01 .read_box .unker table td ul li a,
              .jigyou01 .main_box .unker table td ul li a {
                font-size: 18px; } }
            @media screen and (max-width: 959px) {
              .jigyou01 .read_box .unker table td ul li a,
              .jigyou01 .main_box .unker table td ul li a {
                font-size: 15px; } }
            @media screen and (max-width: 599px) {
              .jigyou01 .read_box .unker table td ul li a,
              .jigyou01 .main_box .unker table td ul li a {
                font-size: 12px; } }
            .jigyou01 .read_box .unker table td ul li a:before,
            .jigyou01 .main_box .unker table td ul li a:before {
              font-family: 'Font Awesome 6 Pro';
              content: '\f105';
              font-weight: 900;
              margin-right: 0.3em; }
    @media screen and (min-width: 960px) {
      .jigyou01 .read_box .unker + .unker,
      .jigyou01 .main_box .unker + .unker {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .read_box .unker + .unker,
      .jigyou01 .main_box .unker + .unker {
        margin-bottom: 70px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .read_box .unker + .unker,
      .jigyou01 .main_box .unker + .unker {
        margin-bottom: 60px; } }

@media screen and (min-width: 960px) {
  .jigyou01 .main_box {
    margin-top: 100px; } }

@media screen and (max-width: 959px) {
  .jigyou01 .main_box {
    margin-top: 80px; } }

@media screen and (max-width: 599px) {
  .jigyou01 .main_box {
    margin-top: 60px; } }

.jigyou01 .main_box h4 {
  font-weight: bold;
  padding: 0.4em 1.2em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5em;
  width: 95%;
  box-sizing: border-box;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000; }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box h4 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box h4 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box h4 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box h4 {
      margin-bottom: 35px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box h4 {
      margin-bottom: 25px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box h4 {
      margin-bottom: 15px; } }

.jigyou01 .main_box h5 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5em;
  width: 95%;
  line-height: 1;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box h5 {
      margin-top: 35px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box h5 {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box h5 {
      margin-top: 15px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box h5 {
      margin-bottom: 35px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box h5 {
      margin-bottom: 25px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box h5 {
      margin-bottom: 15px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box h5 {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box h5 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box h5 {
      font-size: 14px; } }
  .jigyou01 .main_box h5:before {
    content: "●";
    display: inline-block;
    color: #d32424;
    font-size: 0.8em;
    margin-right: 0.3em; }

@media screen and (min-width: 960px) {
  .jigyou01 .main_box .text_area {
    margin-bottom: 45px; } }

@media screen and (max-width: 959px) {
  .jigyou01 .main_box .text_area {
    margin-bottom: 30px; } }

@media screen and (max-width: 599px) {
  .jigyou01 .main_box .text_area {
    margin-bottom: 15px; } }

.jigyou01 .main_box .text_area p {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5em;
  width: 95%;
  text-indent: 1em;
  line-height: 1.8; }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box .text_area p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box .text_area p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box .text_area p {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box .text_area p + h3 {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box .text_area p + h3 {
      margin-top: 70px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box .text_area p + h3 {
      margin-top: 60px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box .text_area p + h4 {
      margin-top: 55px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box .text_area p + h4 {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box .text_area p + h4 {
      margin-top: 35px; } }

.jigyou01 .main_box .text_area .none {
  border: 3px double #b7b7b7;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  width: 95%;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .jigyou01 .main_box .text_area .none {
      margin-top: 90px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .main_box .text_area .none {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .main_box .text_area .none {
      margin-top: 30px; } }
  .jigyou01 .main_box .text_area .none h4 {
    border: none;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .jigyou01 .main_box .text_area .none h4 {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .main_box .text_area .none h4 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .main_box .text_area .none h4 {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      .jigyou01 .main_box .text_area .none h4 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .main_box .text_area .none h4 {
        margin-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .main_box .text_area .none h4 {
        margin-bottom: 10px; } }

.jigyou01 .logo_box {
  background: #cccccc; }
  @media screen and (min-width: 960px) {
    .jigyou01 .logo_box {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .logo_box {
      margin-top: 75px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .logo_box {
      margin-top: 50px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .logo_box {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .logo_box {
      padding-top: 45px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .logo_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .logo_box {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .logo_box {
      padding-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .logo_box {
      padding-bottom: 20px; } }
  .jigyou01 .logo_box div.new_inner {
    background: #ffffff;
    border-radius: 5px;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .jigyou01 .logo_box div.new_inner {
        padding-bottom: 45px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .logo_box div.new_inner {
        padding-bottom: 35px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .logo_box div.new_inner {
        padding-bottom: 25px; } }
    .jigyou01 .logo_box div.new_inner h3 {
      position: relative; }
      @media screen and (min-width: 960px) {
        .jigyou01 .logo_box div.new_inner h3 {
          padding-top: 45px; } }
      @media screen and (max-width: 959px) {
        .jigyou01 .logo_box div.new_inner h3 {
          padding-top: 30px; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .logo_box div.new_inner h3 {
          padding-top: 15px; } }
      @media screen and (min-width: 960px) {
        .jigyou01 .logo_box div.new_inner h3 {
          padding-bottom: 30px; } }
      @media screen and (max-width: 959px) {
        .jigyou01 .logo_box div.new_inner h3 {
          padding-bottom: 20px; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .logo_box div.new_inner h3 {
          padding-bottom: 10px; } }
      @media screen and (min-width: 960px) {
        .jigyou01 .logo_box div.new_inner h3 {
          margin-left: 100px; } }
      @media screen and (max-width: 959px) {
        .jigyou01 .logo_box div.new_inner h3 {
          margin-left: 55px; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .logo_box div.new_inner h3 {
          margin-left: 10px; } }
      @media screen and (min-width: 960px) {
        .jigyou01 .logo_box div.new_inner h3 {
          margin-right: 100px; } }
      @media screen and (max-width: 959px) {
        .jigyou01 .logo_box div.new_inner h3 {
          margin-right: 55px; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .logo_box div.new_inner h3 {
          margin-right: 10px; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .logo_box div.new_inner h3 {
          margin-bottom: 20px; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .logo_box div.new_inner h3 img {
          display: block;
          width: 80%;
          height: auto;
          margin: 0 auto; } }
      .jigyou01 .logo_box div.new_inner h3:before, .jigyou01 .logo_box div.new_inner h3:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        width: 6px;
        background: #000000; }
      .jigyou01 .logo_box div.new_inner h3:after {
        left: 6px;
        background: #01975b; }
      .jigyou01 .logo_box div.new_inner h3 + p {
        display: inline-block;
        background: linear-gradient(to bottom, transparent 61%, #ffffd4 61%, #ffffd4);
        text-align: center;
        margin: 0 auto; }
        @media screen and (min-width: 960px) {
          .jigyou01 .logo_box div.new_inner h3 + p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .jigyou01 .logo_box div.new_inner h3 + p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .jigyou01 .logo_box div.new_inner h3 + p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .jigyou01 .logo_box div.new_inner h3 + p {
            margin: 0 10px; } }
        .jigyou01 .logo_box div.new_inner h3 + p + p {
          display: block;
          line-height: 1.8; }
          @media screen and (min-width: 960px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              font-size: 12px; } }
          @media screen and (min-width: 960px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              padding-top: 30px; } }
          @media screen and (max-width: 959px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              padding-top: 20px; } }
          @media screen and (max-width: 599px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              padding-top: 10px; } }
          @media screen and (min-width: 960px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              padding-bottom: 30px; } }
          @media screen and (max-width: 959px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              padding-bottom: 20px; } }
          @media screen and (max-width: 599px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              padding-bottom: 10px; } }
          @media screen and (max-width: 599px) {
            .jigyou01 .logo_box div.new_inner h3 + p + p {
              text-align: left; }
              .jigyou01 .logo_box div.new_inner h3 + p + p br {
                display: none; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .logo_box div.new_inner p {
        margin: 10px; } }
    .jigyou01 .logo_box div.new_inner address {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 80%;
      margin: 0 auto; }
      @media screen and (max-width: 599px) {
        .jigyou01 .logo_box div.new_inner address {
          width: 95%; } }
      .jigyou01 .logo_box div.new_inner address > div {
        width: 45%;
        text-align: center;
        border: 1px solid #cccccc;
        padding: 0.3em 0; }
        @media screen and (max-width: 599px) {
          .jigyou01 .logo_box div.new_inner address > div {
            width: 100%; } }
        @media screen and (max-width: 599px) {
          .jigyou01 .logo_box div.new_inner address > div:first-child {
            margin-bottom: 15px; } }
        .jigyou01 .logo_box div.new_inner address > div a.tel {
          letter-spacing: 2px;
          line-height: 50px; }
          @media screen and (min-width: 960px) {
            .jigyou01 .logo_box div.new_inner address > div a.tel {
              font-size: 30px; } }
          @media screen and (max-width: 959px) {
            .jigyou01 .logo_box div.new_inner address > div a.tel {
              font-size: 22px; } }
          @media screen and (max-width: 599px) {
            .jigyou01 .logo_box div.new_inner address > div a.tel {
              font-size: 14px; } }
        .jigyou01 .logo_box div.new_inner address > div a.link {
          letter-spacing: 2px;
          line-height: 50px; }
          @media screen and (min-width: 960px) {
            .jigyou01 .logo_box div.new_inner address > div a.link {
              font-size: 18px; } }
          @media screen and (max-width: 959px) {
            .jigyou01 .logo_box div.new_inner address > div a.link {
              font-size: 15px; } }
          @media screen and (max-width: 599px) {
            .jigyou01 .logo_box div.new_inner address > div a.link {
              font-size: 12px; } }
          .jigyou01 .logo_box div.new_inner address > div a.link:before {
            font-family: 'Font Awesome 6 Pro';
            content: '\f105';
            font-weight: 900;
            margin-right: 0.3em;
            color: #e94607; }

.jigyou01 .jigyousyoukei_news .new_inner > div {
  border: 1px solid #6d6d6d;
  transform: translateY(-60px);
  background: #ffffff; }
  @media screen and (min-width: 960px) {
    .jigyou01 .jigyousyoukei_news .new_inner > div {
      padding: 40px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .jigyousyoukei_news .new_inner > div {
      padding: 25px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .jigyousyoukei_news .new_inner > div {
      padding: 10px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .jigyousyoukei_news .new_inner > div {
      margin-bottom: 95px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .jigyousyoukei_news .new_inner > div {
      margin-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .jigyousyoukei_news .new_inner > div {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .jigyousyoukei_news .new_inner > div {
      transform: translateY(-20px); } }
  .jigyou01 .jigyousyoukei_news .new_inner > div h3 {
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .jigyou01 .jigyousyoukei_news .new_inner > div h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .jigyousyoukei_news .new_inner > div h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .jigyousyoukei_news .new_inner > div h3 {
        font-size: 14px; } }
  .jigyou01 .jigyousyoukei_news .new_inner > div ul {
    padding: 1em; }
    .jigyou01 .jigyousyoukei_news .new_inner > div ul li {
      margin-left: 0.5em;
      display: inline; }
      @media screen and (min-width: 960px) {
        .jigyou01 .jigyousyoukei_news .new_inner > div ul li {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .jigyou01 .jigyousyoukei_news .new_inner > div ul li {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .jigyou01 .jigyousyoukei_news .new_inner > div ul li {
          font-size: 12px; } }
      .jigyou01 .jigyousyoukei_news .new_inner > div ul li:after {
        content: "/";
        margin-left: 0.3em;
        margin-right: 0.8em; }
      .jigyou01 .jigyousyoukei_news .new_inner > div ul li:last-child:after {
        display: none; }
      .jigyou01 .jigyousyoukei_news .new_inner > div ul li .new {
        display: inline-block;
        margin: 0 0.5em;
        font-size: 0.9em;
        background: #d32424;
        color: #ffffff;
        padding: 0.2em 0.4em;
        line-height: 1; }
      .jigyou01 .jigyousyoukei_news .new_inner > div ul li a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: #d32424;
        margin-right: 0.5em; }

.jigyou01 .column2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto; }
  @media screen and (min-width: 960px) {
    .jigyou01 .column2 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .column2 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .column2 {
      margin-top: 15px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .column2 {
      margin-bottom: 95px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .column2 {
      margin-bottom: 75px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .column2 {
      margin-bottom: 55px; } }
  .jigyou01 .column2 li {
    width: 48%; }
    @media screen and (max-width: 599px) {
      .jigyou01 .column2 li {
        width: 90%;
        margin: 10px auto; } }
    .jigyou01 .column2 li img {
      width: 100%;
      height: auto; }
    .jigyou01 .column2 li a {
      display: block;
      box-sizing: border-box;
      border: 1px solid #6d6d6d; }
    @media screen and (min-width: 960px) {
      .jigyou01 .column2 li span {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .column2 li span {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .column2 li span {
        font-size: 12px; } }

.jigyou01 .column1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75%;
  margin: 0 auto; }
  @media screen and (min-width: 960px) {
    .jigyou01 .column1 {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .column1 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .column1 {
      margin-top: 15px; } }
  @media screen and (min-width: 960px) {
    .jigyou01 .column1 {
      margin-bottom: 95px; } }
  @media screen and (max-width: 959px) {
    .jigyou01 .column1 {
      margin-bottom: 75px; } }
  @media screen and (max-width: 599px) {
    .jigyou01 .column1 {
      margin-bottom: 55px; } }
  .jigyou01 .column1 li {
    width: 100%; }
    @media screen and (max-width: 599px) {
      .jigyou01 .column1 li {
        width: 90%;
        margin: 10px auto; } }
    .jigyou01 .column1 li img {
      width: 100%;
      height: auto; }
    .jigyou01 .column1 li a {
      display: block;
      box-sizing: border-box;
      border: 1px solid #6d6d6d; }
    @media screen and (min-width: 960px) {
      .jigyou01 .column1 li span {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .jigyou01 .column1 li span {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .jigyou01 .column1 li span {
        font-size: 12px; } }

@media screen and (min-width: 960px) {
  #yoursidePage {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  #yoursidePage {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  #yoursidePage {
    font-size: 12px; } }

#yoursidePage .title_box {
  background: url("../img/yourside/bg1.jpg") no-repeat center center;
  background-size: cover;
  height: 554px;
  position: relative; }
  @media screen and (max-width: 599px) {
    #yoursidePage .title_box {
      height: 30vh; } }
  #yoursidePage .title_box h2 {
    overflow: hidden;
    width: 36.125em;
    height: 0;
    padding-top: 25em;
    background: url("../img/yourside/title1.png") no-repeat center center;
    background-size: cover;
    margin-left: 5.3125em;
    transform: translateY(2.75em); }
    @media screen and (min-width: 960px) {
      #yoursidePage .title_box h2 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .title_box h2 {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .title_box h2 {
        font-size: 8px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .title_box h2 {
        font-size: 6px;
        transform: translateY(4.75em); } }
  #yoursidePage .title_box:after {
    content: "";
    background: url("../img/yourside/deco2.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -1.5em;
    left: calc(50% - 1.71875em);
    width: 4.5em;
    height: 3.4375em; }

@media screen and (min-width: 960px) {
  #yoursidePage .box1 {
    padding-top: 88px; } }

@media screen and (max-width: 959px) {
  #yoursidePage .box1 {
    padding-top: 66px; } }

@media screen and (max-width: 599px) {
  #yoursidePage .box1 {
    padding-top: 44px; } }

@media screen and (min-width: 960px) {
  #yoursidePage .box1 {
    padding-bottom: 88px; } }

@media screen and (max-width: 959px) {
  #yoursidePage .box1 {
    padding-bottom: 66px; } }

@media screen and (max-width: 599px) {
  #yoursidePage .box1 {
    padding-bottom: 44px; } }

#yoursidePage .box1 h2 {
  background: url("../img/yourside/title_bg1.png") no-repeat left center;
  background-size: contain;
  padding: 1em 0.5em 1.2em 6.25em;
  line-height: 2;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    #yoursidePage .box1 h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    #yoursidePage .box1 h2 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    #yoursidePage .box1 h2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    #yoursidePage .box1 h2 {
      padding: 0.6em 0.5em 0.9em 4.25em;
      line-height: 1.5;
      font-size: 14px;
      margin-bottom: 30px; } }

#yoursidePage .box1 .new_inner > p {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  display: block;
  font-size: 1.2em;
  line-height: 2.5;
  letter-spacing: 2px; }
  @media screen and (max-width: 599px) {
    #yoursidePage .box1 .new_inner > p {
      font-size: 14px;
      margin-top: 20px;
      line-height: 2; } }
  #yoursidePage .box1 .new_inner > p span {
    background: linear-gradient(to bottom, transparent 61%, #faee00 61%, #faee00);
    font-weight: bold; }

#yoursidePage .box1 .list {
  max-width: 810px;
  width: 100%;
  margin: 0 auto; }
  #yoursidePage .box1 .list li {
    border-bottom: 1px dashed #a3a3a3;
    position: relative;
    box-sizing: border-box;
    padding-left: 2.4em;
    padding-top: 0.8em;
    padding-bottom: 0.8em; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .list li {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .list li {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .list li {
        font-size: 14px; } }
    #yoursidePage .box1 .list li:before {
      content: "";
      position: absolute;
      width: 1em;
      height: 1em;
      background: url("../img/yourside/icon1.png") no-repeat center center;
      background-size: cover;
      top: 0.3em;
      left: 0; }
      @media screen and (min-width: 960px) {
        #yoursidePage .box1 .list li:before {
          font-size: 36px; } }
      @media screen and (max-width: 959px) {
        #yoursidePage .box1 .list li:before {
          font-size: 30px; } }
      @media screen and (max-width: 599px) {
        #yoursidePage .box1 .list li:before {
          font-size: 24px; } }
    #yoursidePage .box1 .list li:last-child {
      border: none; }

#yoursidePage .box1 .memo {
  max-width: 810px;
  width: 100%;
  margin: 3.125em auto 0;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  padding: 1em 0;
  position: relative; }
  #yoursidePage .box1 .memo:before {
    content: "";
    position: absolute;
    top: -0.5em;
    left: -0.5em;
    width: 1em;
    height: 1em;
    background: rgba(250, 238, 0, 0.5); }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .memo:before {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .memo:before {
        font-size: 25px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .memo:before {
        font-size: 20px; } }
  #yoursidePage .box1 .memo p {
    display: block;
    margin: 0 3.125em;
    box-sizing: border-box;
    padding-left: 1em;
    position: relative; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .memo p {
        font-size: 14px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .memo p {
        font-size: 13px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .memo p {
        font-size: 12px; } }
    #yoursidePage .box1 .memo p:before {
      content: "※";
      position: absolute;
      top: 0;
      left: 0; }

#yoursidePage .box1 .note {
  border: 1px solid #000000;
  padding: 1.8em 1em;
  max-width: 950px;
  width: 100%;
  margin: 6em auto 0;
  position: relative;
  box-sizing: border-box; }
  @media screen and (max-width: 599px) {
    #yoursidePage .box1 .note {
      margin-top: 4em; } }
  #yoursidePage .box1 .note:before {
    width: 10em;
    height: 2px;
    background: #e83818;
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    top: 1em;
    left: -3em; }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note:before {
        font-size: 6px;
        height: 1px; } }
  #yoursidePage .box1 .note h3 {
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    margin: 0 auto;
    max-width: 690px;
    width: 100%;
    margin-bottom: 0.7em; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .note h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .note h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note h3 {
        font-size: 20px; } }
    #yoursidePage .box1 .note h3:after {
      margin-top: 0.7em;
      content: "";
      display: block;
      height: 0.12em;
      background-size: auto auto;
      background-color: white;
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #ff0101 10px, #ff0101 20px); }
  #yoursidePage .box1 .note p {
    font-size: 1.5em;
    max-width: 690px;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .note p {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .note p {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note p br {
        display: none; } }

#yoursidePage .box1 .note2 {
  border: 1px solid #000000;
  padding: 1.8em 1em;
  max-width: 950px;
  width: 100%;
  margin: 8em auto 0;
  position: relative;
  box-sizing: border-box; }
  @media screen and (max-width: 599px) {
    #yoursidePage .box1 .note2 {
      margin-top: 4em; } }
  #yoursidePage .box1 .note2:before {
    width: 10em;
    height: 2px;
    background: #e83818;
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    bottom: 1em;
    left: -3em;
    transform: rotate(45deg); }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note2:before {
        font-size: 6px;
        height: 1px; } }
  #yoursidePage .box1 .note2:after {
    content: "";
    background: url("../img/yourside/icon2.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    width: 6.9375em;
    height: 9.8125em;
    top: -6em;
    left: 1em; }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note2:after {
        font-size: 7px; } }
  #yoursidePage .box1 .note2 p {
    max-width: 690px;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 4px;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .note2 p {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .note2 p {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note2 p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note2 p br {
        display: none; } }

#yoursidePage .box1 .note3 {
  border: 1px solid #000000;
  padding: 3em;
  max-width: 950px;
  width: 100%;
  margin: 1em auto 1.25em;
  position: relative;
  text-align: center;
  box-sizing: border-box; }
  @media screen and (max-width: 599px) {
    #yoursidePage .box1 .note3 {
      margin-top: 4em; } }
  #yoursidePage .box1 .note3:before {
    width: 10em;
    height: 2px;
    background: #e83818;
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    top: 1em;
    left: -3em; }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note3:before {
        font-size: 6px;
        height: 1px; } }
  #yoursidePage .box1 .note3:after {
    width: 10em;
    height: 2px;
    background: #e83818;
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    bottom: 1em;
    right: -3em; }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note3:after {
        font-size: 6px;
        height: 1px; } }
  #yoursidePage .box1 .note3 h3 {
    font-weight: bold;
    font-size: 2em;
    display: inline;
    margin-bottom: 0.7em;
    background: linear-gradient(to bottom, transparent 61%, #faee00 61%, #faee00);
    padding-left: 0.4em; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .note3 h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .note3 h3 {
        font-size: 21px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note3 h3 {
        font-size: 18px; } }
  #yoursidePage .box1 .note3 p {
    font-size: 1.5em;
    width: 100%;
    display: block;
    margin: 0 auto 3.75em;
    line-height: 3;
    text-align: left; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box1 .note3 p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box1 .note3 p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note3 p {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box1 .note3 p {
        line-height: 2; } }

#yoursidePage .box2 {
  background: url("../img/yourside/bg2.jpg") no-repeat center center;
  background-size: cover;
  height: 554px;
  position: relative; }
  @media screen and (max-width: 599px) {
    #yoursidePage .box2 {
      height: 30vh; } }
  #yoursidePage .box2 .new_inner {
    position: relative; }
    #yoursidePage .box2 .new_inner h2 {
      position: absolute;
      top: 50%;
      left: 50%;
      overflow: hidden;
      height: 0;
      width: 41.8125em;
      padding-top: 38.5em;
      background: url("../img/yourside/title2.png") no-repeat center center;
      background-size: cover;
      transform: translate(-50%, -5%); }
      @media screen and (max-width: 599px) {
        #yoursidePage .box2 .new_inner h2 {
          font-size: 6.5px; } }

#yoursidePage .box3 {
  background: url("../img/yourside/bg3.jpg") no-repeat center center;
  background-size: cover;
  position: relative; }
  @media screen and (min-width: 960px) {
    #yoursidePage .box3 {
      padding-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    #yoursidePage .box3 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    #yoursidePage .box3 {
      padding-bottom: 40px; } }
  #yoursidePage .box3 h2 {
    overflow: hidden;
    width: 36.125em;
    height: 0;
    padding-top: 25em;
    background: url("../img/yourside/title3.png") no-repeat center center;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-2.75em); }
    @media screen and (min-width: 960px) {
      #yoursidePage .box3 h2 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box3 h2 {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box3 h2 {
        font-size: 8px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box3 h2 {
        font-size: 6px; } }
  #yoursidePage .box3:after {
    content: "";
    background: url("../img/yourside/deco1.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -1.5em;
    left: calc(50% - 1.71875em);
    width: 4.5em;
    height: 3.4375em; }
  #yoursidePage .box3 p {
    max-width: 950px;
    margin: 0 auto 0;
    background: rgba(255, 255, 255, 0.8);
    line-height: 2;
    padding: 1.5em;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box3 p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box3 p {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box3 p {
        font-size: 14px; } }

#yoursidePage .box4 {
  background: url("../img/yourside/bg4.jpg") no-repeat center center;
  background-size: cover;
  height: 670px;
  position: relative; }
  @media screen and (max-width: 599px) {
    #yoursidePage .box4 {
      height: 30vh; } }
  #yoursidePage .box4 .new_inner {
    position: relative; }
    #yoursidePage .box4 .new_inner h2 {
      overflow: hidden;
      width: 41.8125em;
      height: 0;
      padding-top: 33.625em;
      background: url("../img/yourside/title4.png") no-repeat center center;
      background-size: cover;
      margin-left: auto;
      margin-right: auto;
      transform: translateY(-2.75em); }
      @media screen and (min-width: 960px) {
        #yoursidePage .box4 .new_inner h2 {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #yoursidePage .box4 .new_inner h2 {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        #yoursidePage .box4 .new_inner h2 {
          font-size: 8px; } }
      @media screen and (max-width: 599px) {
        #yoursidePage .box4 .new_inner h2 {
          font-size: 6px; } }

@media screen and (min-width: 960px) {
  #yoursidePage .box5 {
    padding-top: 76px; } }

@media screen and (max-width: 959px) {
  #yoursidePage .box5 {
    padding-top: 56px; } }

@media screen and (max-width: 599px) {
  #yoursidePage .box5 {
    padding-top: 36px; } }

@media screen and (min-width: 960px) {
  #yoursidePage .box5 {
    padding-bottom: 86px; } }

@media screen and (max-width: 959px) {
  #yoursidePage .box5 {
    padding-bottom: 66px; } }

@media screen and (max-width: 599px) {
  #yoursidePage .box5 {
    padding-bottom: 46px; } }

#yoursidePage .box5 h2 {
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px; }
  @media screen and (min-width: 960px) {
    #yoursidePage .box5 h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #yoursidePage .box5 h2 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    #yoursidePage .box5 h2 {
      font-size: 18px; } }
  #yoursidePage .box5 h2 span {
    background: linear-gradient(to bottom, transparent 61%, #faee00 61%, #faee00);
    font-weight: bold; }
  #yoursidePage .box5 h2:before {
    content: "";
    width: 16.5em;
    height: 4.875em;
    display: block;
    margin: 0 auto 5em;
    background: url("../img/yourside/logo.png") no-repeat center center;
    background-size: cover; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box5 h2:before {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box5 h2:before {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box5 h2:before {
        font-size: 14px; } }

#yoursidePage .box5 h2 + p {
  display: block;
  max-width: 950px;
  width: 100%;
  margin: 2.5em auto 5em;
  line-height: 2.5;
  letter-spacing: 1px; }
  @media screen and (min-width: 960px) {
    #yoursidePage .box5 h2 + p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    #yoursidePage .box5 h2 + p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    #yoursidePage .box5 h2 + p {
      font-size: 14px; } }

#yoursidePage .box5 .note4 {
  border: 1px solid #000000;
  padding: 4em;
  max-width: 950px;
  width: 100%;
  margin: 1em auto 1.25em;
  position: relative;
  text-align: center;
  box-sizing: border-box; }
  @media screen and (max-width: 599px) {
    #yoursidePage .box5 .note4 {
      margin-top: 4em;
      padding: 1.5em; } }
  #yoursidePage .box5 .note4:before {
    width: 10em;
    height: 2px;
    background: #e83818;
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    top: 1em;
    left: -3em; }
    @media screen and (max-width: 599px) {
      #yoursidePage .box5 .note4:before {
        font-size: 6px;
        height: 1px; } }
  #yoursidePage .box5 .note4 p {
    width: 100%;
    display: block;
    margin: 0 auto 2em;
    line-height: 3;
    text-align: left; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box5 .note4 p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box5 .note4 p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box5 .note4 p {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box5 .note4 p {
        line-height: 2; } }
    #yoursidePage .box5 .note4 p:last-child {
      margin-bottom: 0; }

@media screen and (min-width: 960px) {
  #yoursidePage .box6 {
    padding-top: 50px; } }

@media screen and (max-width: 959px) {
  #yoursidePage .box6 {
    padding-top: 35px; } }

@media screen and (max-width: 599px) {
  #yoursidePage .box6 {
    padding-top: 20px; } }

@media screen and (min-width: 960px) {
  #yoursidePage .box6 {
    padding-bottom: 100px; } }

@media screen and (max-width: 959px) {
  #yoursidePage .box6 {
    padding-bottom: 70px; } }

@media screen and (max-width: 599px) {
  #yoursidePage .box6 {
    padding-bottom: 40px; } }

#yoursidePage .box6 .new_inner {
  max-width: 850px;
  min-width: auto; }

#yoursidePage .box6 h2 {
  font-weight: bold;
  letter-spacing: 2px;
  position: relative; }
  @media screen and (min-width: 960px) {
    #yoursidePage .box6 h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #yoursidePage .box6 h2 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    #yoursidePage .box6 h2 {
      font-size: 18px; } }
  #yoursidePage .box6 h2 span {
    display: block;
    position: relative;
    z-index: 80;
    font-weight: bold;
    background: #e72922;
    color: #ffffff;
    padding: 0.3em 0.3em 0.3em 2em; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box6 h2 span {
        font-size: 27px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box6 h2 span {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box6 h2 span {
        font-size: 17px; } }
  #yoursidePage .box6 h2:before {
    content: "";
    width: 7.5625em;
    height: 6.125em;
    display: block;
    position: absolute;
    top: -3.125em;
    left: -2em;
    background: url("../img/yourside/mark.png") no-repeat center center;
    background-size: cover;
    z-index: 10; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box6 h2:before {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box6 h2:before {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box6 h2:before {
        font-size: 14px; } }

#yoursidePage .box6 h2 + h3 {
  display: block;
  text-align: center;
  margin: 1.5em auto 2em;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    #yoursidePage .box6 h2 + h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #yoursidePage .box6 h2 + h3 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    #yoursidePage .box6 h2 + h3 {
      font-size: 18px; } }
  #yoursidePage .box6 h2 + h3:before {
    content: "";
    width: 4em;
    height: 0.3em;
    background: #5dbc99;
    display: block;
    margin: 0 auto 0.5em; }
  #yoursidePage .box6 h2 + h3:after {
    content: "";
    width: 0.4em;
    height: 0.4em;
    background: #5dbc99;
    display: block;
    margin: 0.5em auto 0; }

#yoursidePage .box6 .plan {
  max-width: 600px;
  width: 90%;
  margin: 0 auto; }
  #yoursidePage .box6 .plan p {
    text-align: right;
    font-weight: bold;
    padding-right: 2em;
    font-size: 0.9em;
    padding-top: 0.4em; }
  #yoursidePage .box6 .plan ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 2px solid #bcbcbc;
    box-sizing: border-box;
    border-radius: 0.3em;
    align-items: center;
    padding: 0.7em 0.5em; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box6 .plan ul {
        font-size: 38px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box6 .plan ul {
        font-size: 28px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box6 .plan ul {
        font-size: 18px; } }
    #yoursidePage .box6 .plan ul li {
      line-height: 1; }
    #yoursidePage .box6 .plan ul li:nth-of-type(1) {
      border-right: 2px solid #000000;
      font-weight: bold;
      padding-right: 0.7em; }
    #yoursidePage .box6 .plan ul li:nth-of-type(2) {
      font-weight: bold;
      font-size: 1.6em;
      padding: 0 0.5em; }
    #yoursidePage .box6 .plan ul li:nth-of-type(3) {
      font-weight: bold; }
      #yoursidePage .box6 .plan ul li:nth-of-type(3) span {
        font-size: 0.6em; }

#yoursidePage .box6 .info {
  margin-top: 5em; }
  #yoursidePage .box6 .info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #yoursidePage .box6 .info ul li {
      display: inline-block;
      padding-bottom: 1em;
      letter-spacing: 2px; }
      @media screen and (min-width: 960px) {
        #yoursidePage .box6 .info ul li {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        #yoursidePage .box6 .info ul li {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        #yoursidePage .box6 .info ul li {
          font-size: 14px; } }
      @media screen and (min-width: 960px) {
        #yoursidePage .box6 .info ul li:nth-of-type(8) {
          margin-right: auto;
          margin-left: 2em; } }
      #yoursidePage .box6 .info ul li:before {
        content: "●";
        font-size: 0.9em;
        margin-right: 0.3em;
        color: #d7241f;
        display: inline-block; }
      #yoursidePage .box6 .info ul li span {
        font-size: 0.7em; }
      #yoursidePage .box6 .info ul li i {
        font-size: 0.8em; }

#yoursidePage .box6 .btn_box {
  text-align: center;
  padding-top: 5.375em;
  margin-top: 3.125em;
  border-top: 1px dashed #686868; }
  #yoursidePage .box6 .btn_box a.btn {
    width: 17.5em;
    padding: 1.5em 0;
    text-align: center;
    display: inline-block;
    color: #ffffff; }
    @media screen and (min-width: 960px) {
      #yoursidePage .box6 .btn_box a.btn {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .box6 .btn_box a.btn {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .box6 .btn_box a.btn {
        font-size: 14px; } }
    #yoursidePage .box6 .btn_box a.btn:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      display: inline-block;
      margin-right: 0.3em;
      font-size: 1.5em;
      transform: translateY(0.05em); }
    #yoursidePage .box6 .btn_box a.btn.red {
      background: #d7241f; }
    #yoursidePage .box6 .btn_box a.btn.green {
      background: #5dbc99;
      margin-left: 4.5em; }
      @media screen and (max-width: 599px) {
        #yoursidePage .box6 .btn_box a.btn.green {
          margin-left: 0;
          margin-top: 20px; } }

#yoursidePage .link_box {
  background: #d3ebe9;
  padding: 5em 0; }
  #yoursidePage .link_box .btn_box a.btn {
    width: 15em;
    padding: 0.7em 0;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    background: #ec6835; }
    @media screen and (min-width: 960px) {
      #yoursidePage .link_box .btn_box a.btn {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yoursidePage .link_box .btn_box a.btn {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #yoursidePage .link_box .btn_box a.btn {
        font-size: 12px; } }
    #yoursidePage .link_box .btn_box a.btn:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      display: inline-block;
      margin-right: 0.3em;
      font-size: 1.5em;
      transform: translateY(0.15em); }
  #yoursidePage .link_box ul {
    box-sizing: border-box;
    border: 1px solid #545454;
    background: #ffffff;
    padding: 3.625em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      #yoursidePage .link_box ul {
        padding: 5%; } }
    #yoursidePage .link_box ul .img_box {
      width: 40%; }
      @media screen and (max-width: 599px) {
        #yoursidePage .link_box ul .img_box {
          width: 100%; } }
      #yoursidePage .link_box ul .img_box:after {
        content: "";
        display: block;
        height: 0;
        padding-top: 70%;
        background: url("../img/yourside/img1.jpg") no-repeat center center;
        background-size: cover; }
    #yoursidePage .link_box ul .text_box {
      width: 55%;
      box-sizing: border-box;
      position: relative; }
      @media screen and (max-width: 599px) {
        #yoursidePage .link_box ul .text_box {
          width: 100%;
          margin-top: 2em; } }
      #yoursidePage .link_box ul .text_box h2 {
        font-weight: bold;
        margin-bottom: 2em; }
        @media screen and (min-width: 960px) {
          #yoursidePage .link_box ul .text_box h2 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          #yoursidePage .link_box ul .text_box h2 {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          #yoursidePage .link_box ul .text_box h2 {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #yoursidePage .link_box ul .text_box h2 {
            margin-bottom: 1.5em; } }
      #yoursidePage .link_box ul .text_box p {
        line-height: 2.5; }
        @media screen and (min-width: 960px) {
          #yoursidePage .link_box ul .text_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #yoursidePage .link_box ul .text_box p {
            font-size: 15px; } }
        @media screen and (max-width: 599px) {
          #yoursidePage .link_box ul .text_box p {
            font-size: 12px; } }
      #yoursidePage .link_box ul .text_box .btn_box {
        position: absolute;
        bottom: 0;
        left: 0; }
        @media screen and (max-width: 599px) {
          #yoursidePage .link_box ul .text_box .btn_box {
            position: static;
            margin-top: 1.5em;
            text-align: center; } }

@media screen and (min-width: 960px) {
  #yb_article {
    margin-bottom: 100px; } }

@media screen and (max-width: 959px) {
  #yb_article {
    margin-bottom: 80px; } }

@media screen and (max-width: 599px) {
  #yb_article {
    margin-bottom: 60px; } }

#yb_article .pans_box {
  background: #898989; }
  @media screen and (min-width: 960px) {
    #yb_article .pans_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #yb_article .pans_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #yb_article .pans_box {
      font-size: 12px; } }
  #yb_article .pans_box ul {
    padding-bottom: 20px;
    color: #ffffff; }
    #yb_article .pans_box ul a {
      color: #ffffff; }

#yb_article .main_img {
  background: #01975b;
  background: linear-gradient(90deg, #01975b 0%, #01975b 50%, #ed9f00 50%, #ed9f00 100%);
  overflow: hidden; }
  #yb_article .main_img .img_box {
    margin: 0 auto 0;
    width: 80%;
    max-width: 1224px;
    line-height: 0; }
    #yb_article .main_img .img_box img {
      width: 100%;
      max-width: 1224px;
      height: auto; }

#yb_article .read_box {
  text-align: center; }
  @media screen and (min-width: 960px) {
    #yb_article .read_box {
      padding-top: 95px; } }
  @media screen and (max-width: 959px) {
    #yb_article .read_box {
      padding-top: 75px; } }
  @media screen and (max-width: 599px) {
    #yb_article .read_box {
      padding-top: 55px; } }
  @media screen and (min-width: 960px) {
    #yb_article .read_box {
      padding-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #yb_article .read_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    #yb_article .read_box {
      padding-bottom: 35px; } }
  #yb_article .read_box h2 {
    margin-bottom: 1em;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #yb_article .read_box h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #yb_article .read_box h2 {
        font-size: 27px; } }
    @media screen and (max-width: 599px) {
      #yb_article .read_box h2 {
        font-size: 22px; } }
  #yb_article .read_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #yb_article .read_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yb_article .read_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #yb_article .read_box p {
        font-size: 12px; } }

#yb_article .column_list_box {
  border-top: 1px dashed #aaa; }
  @media screen and (min-width: 960px) {
    #yb_article .column_list_box {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    #yb_article .column_list_box {
      padding-top: 35px; } }
  @media screen and (max-width: 599px) {
    #yb_article .column_list_box {
      padding-top: 20px; } }

#yb_article .column_list_sub_title {
  margin-bottom: 1.3em;
  font-weight: bold; }
  #yb_article .column_list_sub_title a {
    color: #01975b; }

#yb_article .column_list_post_time .new {
  margin-left: 0;
  margin-right: 0.5em; }

#yb_article .column_excerpt {
  line-height: 2; }

@media screen and (min-width: 960px) {
  #yb_article .pagenation {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #yb_article .pagenation {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #yb_article .pagenation {
    margin-top: 40px; } }

#yb_article .pagenation ul li span.current {
  background: #64c0ab;
  color: #ffffff;
  height: 3em;
  width: 3em;
  border-radius: 1.5em;
  box-sizing: border-box;
  display: block;
  line-height: 3em;
  padding-top: 0; }
  @media screen and (min-width: 960px) {
    #yb_article .pagenation ul li span.current {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #yb_article .pagenation ul li span.current {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #yb_article .pagenation ul li span.current {
      font-size: 12px; } }

#yb_article .pagenation ul li.link a {
  color: #ffffff;
  background: #a2d9cc;
  height: 3em;
  width: 3em;
  border-radius: 1.5em;
  box-sizing: border-box;
  display: block;
  line-height: 3em;
  padding-top: 0; }
  @media screen and (min-width: 960px) {
    #yb_article .pagenation ul li.link a {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #yb_article .pagenation ul li.link a {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #yb_article .pagenation ul li.link a {
      font-size: 12px; } }

#yb_article_single .main_img .img_box img {
  width: 100%;
  height: auto; }

@media screen and (min-width: 960px) {
  #yb_article_single .article {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  #yb_article_single .article {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  #yb_article_single .article {
    font-size: 12px; } }

#yb_article_single .article .entry_header {
  margin-top: 2.125em;
  margin-bottom: 3.725em; }
  #yb_article_single .article .entry_header time {
    display: block; }
    @media screen and (min-width: 960px) {
      #yb_article_single .article .entry_header time {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yb_article_single .article .entry_header time {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #yb_article_single .article .entry_header time {
        font-size: 12px; } }
  #yb_article_single .article .entry_header h2 {
    color: #5ac8a0;
    font-weight: bold;
    font-size: 2em;
    color: #01975b; }

#yb_article_single .article .entry_body img {
  width: 100%;
  height: auto; }

#yb_article_single .article .entry_body p {
  line-height: 2;
  margin-bottom: 2.2em; }

#yb_article_single .article .entry_body span.memo {
  font-size: 0.9em;
  display: block;
  line-height: 2; }

#yb_article_single .article .entry_body h3 {
  border-bottom: 2px solid #01975b;
  font-size: 1.5em;
  color: #01975b;
  font-weight: bold;
  margin-bottom: 1.2em;
  padding-bottom: 0.2em; }

#yb_article_single .article .entry_body * + h3 {
  margin-top: 2.2em; }

#yb_article_single .article .entry_body h4 {
  font-size: 1.25em;
  font-weight: bold; }
  #yb_article_single .article .entry_body h4 span {
    font-size: 0.8em; }
  #yb_article_single .article .entry_body h4 + p {
    margin-top: 0.75em; }

#yb_article_single .article .entry_body hr {
  height: 0;
  border-top: 1px dashed #c9caca;
  margin-bottom: 2em; }

#yb_article_single .article .entry_body .column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2.2em; }
  @media screen and (min-width: 960px) {
    #yb_article_single .article .entry_body .column.type2 > * {
      width: 48%; } }
  @media screen and (max-width: 959px) {
    #yb_article_single .article .entry_body .column.type2 > * {
      width: 48%; } }
  @media screen and (max-width: 599px) {
    #yb_article_single .article .entry_body .column.type2 > * {
      width: 100%; } }
  #yb_article_single .article .entry_body .column.bottom {
    align-items: flex-end; }

#yb_article_single .article .entry_body .table {
  border-top: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 2em; }
  #yb_article_single .article .entry_body .table th, #yb_article_single .article .entry_body .table td {
    border-right: 1px solid #c9caca;
    border-bottom: 1px solid #c9caca;
    padding: 0.5em; }
    @media screen and (min-width: 960px) {
      #yb_article_single .article .entry_body .table th, #yb_article_single .article .entry_body .table td {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yb_article_single .article .entry_body .table th, #yb_article_single .article .entry_body .table td {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #yb_article_single .article .entry_body .table th, #yb_article_single .article .entry_body .table td {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      #yb_article_single .article .entry_body .table th, #yb_article_single .article .entry_body .table td {
        display: block; } }
  @media screen and (max-width: 599px) {
    #yb_article_single .article .entry_body .table tr {
      display: block; } }
  #yb_article_single .article .entry_body .table th {
    background: #898989;
    color: #ffffff; }

#yb_article_single .article .entry_body .waku {
  padding: 2.5em;
  box-sizing: border-box;
  border: 4px solid #c9caca;
  border-radius: 1em; }
  @media screen and (max-width: 599px) {
    #yb_article_single .article .entry_body .waku {
      margin-bottom: 2em; } }
  #yb_article_single .article .entry_body .waku p {
    margin-bottom: 0; }

#yb_article_single .article .entry_body .bunseki {
  display: block;
  text-align: right;
  font-size: 0.9em; }

#yb_article_single .article .entry_body a {
  color: #004098; }
  #yb_article_single .article .entry_body a[target="_blank"] {
    border-bottom: 1px solid #004098; }
    #yb_article_single .article .entry_body a[target="_blank"]:after {
      font-family: 'Font Awesome 6 Pro';
      content: '\f35d';
      font-weight: 900;
      font-size: 0.9em;
      margin-left: 0.1em;
      display: inline-block; }

#yb_article_single .article .entry_body .box {
  border: 1px solid #c9caca;
  box-sizing: border-box;
  padding: 2.5em 2.5em 0; }
  #yb_article_single .article .entry_body .box + .box {
    margin-top: 2.5em; }
  #yb_article_single .article .entry_body .box + p {
    margin-top: 2.5em; }

#yb_article_single .article .entry_body .bg {
  padding: 1.5em 2em;
  background: #fffcdc; }

#yb_article_single .article .entry_body .only {
  padding-bottom: 2.2em; }

#yb_article_single .article .entry_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3.725em;
  margin-bottom: 3.725em; }
  #yb_article_single .article .entry_link a {
    color: #01975b;
    text-decoration: underline;
    font-weight: bold; }
    @media screen and (max-width: 599px) {
      #yb_article_single .article .entry_link a {
        width: 100%;
        text-align: center;
        margin: 1em 0; } }
  #yb_article_single .article .entry_link a[rel="next"] {
    margin-left: auto; }
    #yb_article_single .article .entry_link a[rel="next"]:before {
      content: "次の記事「"; }
    #yb_article_single .article .entry_link a[rel="next"]:after {
      content: "」 >"; }
  #yb_article_single .article .entry_link a[rel="prev"] {
    margin-right: auto; }
    #yb_article_single .article .entry_link a[rel="prev"]:before {
      content: "< 前の記事「"; }
    #yb_article_single .article .entry_link a[rel="prev"]:after {
      content: "」"; }

#yb_article_single .ybinfo_box {
  background: #cceade;
  position: relative; }
  @media screen and (min-width: 960px) {
    #yb_article_single .ybinfo_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    #yb_article_single .ybinfo_box {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    #yb_article_single .ybinfo_box {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    #yb_article_single .ybinfo_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #yb_article_single .ybinfo_box {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    #yb_article_single .ybinfo_box {
      padding-bottom: 40px; } }
  @media screen and (min-width: 960px) {
    #yb_article_single .ybinfo_box {
      margin-top: 130px; } }
  @media screen and (max-width: 959px) {
    #yb_article_single .ybinfo_box {
      margin-top: 100px; } }
  @media screen and (max-width: 599px) {
    #yb_article_single .ybinfo_box {
      margin-top: 70px; } }
  #yb_article_single .ybinfo_box:after {
    z-index: 1;
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0.5em;
    left: calc(50% - 0.5em);
    transform: rotate(45deg);
    background: #01975b; }
    @media screen and (min-width: 960px) {
      #yb_article_single .ybinfo_box:after {
        font-size: 27px; } }
    @media screen and (max-width: 959px) {
      #yb_article_single .ybinfo_box:after {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      #yb_article_single .ybinfo_box:after {
        font-size: 21px; } }
  #yb_article_single .ybinfo_box h3 {
    max-width: 460px;
    width: 70%;
    margin: 0 auto; }
    #yb_article_single .ybinfo_box h3 img {
      width: 100%;
      height: auto; }
  #yb_article_single .ybinfo_box p {
    margin: 2.5em 0;
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #yb_article_single .ybinfo_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #yb_article_single .ybinfo_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #yb_article_single .ybinfo_box p {
        font-size: 12px; } }
  #yb_article_single .ybinfo_box .pop {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #01975b;
    color: #ffffff;
    padding: 0.8em 1.3em;
    line-height: 1;
    z-index: 10; }
    @media screen and (min-width: 960px) {
      #yb_article_single .ybinfo_box .pop {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #yb_article_single .ybinfo_box .pop {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #yb_article_single .ybinfo_box .pop {
        font-size: 14px; } }
  #yb_article_single .ybinfo_box .btn_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #yb_article_single .ybinfo_box .btn_box a {
      max-width: 352px;
      width: 80%;
      box-sizing: border-box;
      background: #ffffff;
      border: 2px solid #01975b;
      color: #01975b;
      padding: 0.7em 0.7em 0.7em 2.7em;
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        #yb_article_single .ybinfo_box .btn_box a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #yb_article_single .ybinfo_box .btn_box a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #yb_article_single .ybinfo_box .btn_box a {
          font-size: 12px; } }
      #yb_article_single .ybinfo_box .btn_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: #01975b;
        margin-right: 1em;
        letter-spacing: 2px; }
      @media screen and (min-width: 960px) {
        #yb_article_single .ybinfo_box .btn_box a + a {
          margin-left: 1.25em; } }
      @media screen and (max-width: 959px) {
        #yb_article_single .ybinfo_box .btn_box a + a {
          margin-left: 1.25em; } }
      @media screen and (max-width: 599px) {
        #yb_article_single .ybinfo_box .btn_box a + a {
          margin-left: 0;
          margin-top: 1.25em; } }

@media screen and (min-width: 960px) {
  .privacy_box {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  .privacy_box {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .privacy_box {
    font-size: 12px; } }

@media screen and (min-width: 960px) {
  .privacy_box {
    margin-top: 120px; } }

@media screen and (max-width: 959px) {
  .privacy_box {
    margin-top: 90px; } }

@media screen and (max-width: 599px) {
  .privacy_box {
    margin-top: 60px; } }

.privacy_box h2 {
  font-size: 1.8em;
  border-bottom: 2px solid #5ac8a0;
  padding-bottom: 0.3em;
  font-weight: bold; }

.privacy_box h3 {
  font-size: 1.6em;
  padding-bottom: 0.3em;
  margin-top: 1em;
  font-weight: bold;
  position: relative;
  padding-left: 2em;
  box-sizing: border-box; }
  .privacy_box h3:before {
    content: "";
    position: absolute;
    top: calc(40% - 0.5em);
    left: 0;
    width: 1em;
    height: 1em;
    font-size: 0.7em;
    background: #5ac8a0; }
  .privacy_box h3:after {
    content: "";
    position: absolute;
    top: 40%;
    opacity: 0.8;
    left: 0.5em;
    width: 1em;
    height: 1em;
    font-size: 0.7em;
    background: #5ac8a0; }

.privacy_box .pp-body {
  margin-bottom: 3em;
  padding-left: 3em;
  padding-bottom: 3em;
  border-bottom: 1px dotted #cccccc; }
  @media screen and (min-width: 960px) {
    .privacy_box .pp-body {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .privacy_box .pp-body {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .privacy_box .pp-body {
      font-size: 12px; } }
  .privacy_box .pp-body:last-child {
    border-bottom: none;
    padding-bottom: 0; }
    @media screen and (min-width: 960px) {
      .privacy_box .pp-body:last-child {
        margin-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      .privacy_box .pp-body:last-child {
        margin-bottom: 90px; } }
    @media screen and (max-width: 599px) {
      .privacy_box .pp-body:last-child {
        margin-bottom: 60px; } }

.privacy_box .pp-ul,
.privacy_box .list_area ul {
  padding-left: 1.5em;
  padding-top: 0.8em;
  padding-bottom: 0.8em; }

.privacy_box .pp-body h4 {
  margin-top: 1em;
  margin-bottom: 0.8em;
  font-weight: bold;
  font-size: 1.2em; }

.privacy_box .pp-body h5 {
  margin-top: 1em;
  margin-bottom: 0.8em;
  font-weight: bold; }

.privacy_box .pp-sub-title {
  font-size: 1.4em; }

#symptoms_table ul > .box {
  flex-basis: 100%;
  box-sizing: border-box; }
  #symptoms_table ul > .box > div {
    position: relative; }
    @media screen and (min-width: 960px) {
      #symptoms_table ul > .box > div {
        padding: 20px; } }
    @media screen and (max-width: 959px) {
      #symptoms_table ul > .box > div {
        padding: 15px; } }
    @media screen and (max-width: 599px) {
      #symptoms_table ul > .box > div {
        padding: 10px; } }
    #symptoms_table ul > .box > div > i {
      width: 4em;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      text-align: center;
      background: #7bc6a2; }
      #symptoms_table ul > .box > div > i:hover {
        opacity: 0.8;
        cursor: pointer; }
      #symptoms_table ul > .box > div > i:after {
        font-family: 'Font Awesome 5 Free';
        content: '\f057';
        font-weight: 900;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        color: #ffffff; }
        @media screen and (min-width: 960px) {
          #symptoms_table ul > .box > div > i:after {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #symptoms_table ul > .box > div > i:after {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          #symptoms_table ul > .box > div > i:after {
            font-size: 12px; } }
      #symptoms_table ul > .box > div > i.open:after {
        transform: translate(-50%, -50%); }

#symptoms_table .last {
  flex-basis: 24%;
  margin-right: 1%;
  margin-bottom: 1%;
  margin-top: 1em;
  box-sizing: border-box;
  border: 1px solid rgba(123, 198, 162, 0.3);
  background: #ffffff;
  border-radius: 0.5em; }
  @media screen and (max-width: 599px) {
    #symptoms_table .last {
      flex-basis: 49%; }
      #symptoms_table .last:nth-of-type(2n) {
        margin-right: 0; } }
  #symptoms_table .last a {
    padding-top: 1em;
    padding-bottom: 1em;
    display: block;
    margin-left: 1em; }
    @media screen and (max-width: 599px) {
      #symptoms_table .last a {
        margin-left: 0.5em; } }

#symptoms_table ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: left;
  box-sizing: border-box; }

@media screen and (min-width: 960px) {
  #symptoms_table .box_title + ul > li {
    margin-bottom: 30px; } }

@media screen and (max-width: 959px) {
  #symptoms_table .box_title + ul > li {
    margin-bottom: 20px; } }

@media screen and (max-width: 599px) {
  #symptoms_table .box_title + ul > li {
    margin-bottom: 10px; } }

#symptoms_table > ul > li {
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    #symptoms_table > ul > li {
      padding-bottom: 30px; } }
  @media screen and (max-width: 959px) {
    #symptoms_table > ul > li {
      padding-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #symptoms_table > ul > li {
      padding-bottom: 10px; } }
  @media screen and (min-width: 960px) {
    #symptoms_table > ul > li {
      margin-bottom: 30px; } }
  @media screen and (max-width: 959px) {
    #symptoms_table > ul > li {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #symptoms_table > ul > li {
      margin-bottom: 10px; } }
  #symptoms_table > ul > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }
  #symptoms_table > ul > li > ul > li:not(.last) {
    border-radius: 0.5em;
    border: 1px solid rgba(123, 198, 162, 0.15); }
    #symptoms_table > ul > li > ul > li:not(.last) > ul {
      display: none; }
      #symptoms_table > ul > li > ul > li:not(.last) > ul.on {
        display: flex; }
  #symptoms_table > ul > li > ul > li > ul {
    box-sizing: border-box;
    padding-left: 1em;
    padding-bottom: 1em;
    position: relative;
    background: url("../img/symptoms/bg1.png");
    border-radius: 0 0 0.5em 0.5em; }
    @media screen and (max-width: 599px) {
      #symptoms_table > ul > li > ul > li > ul {
        margin-left: 0; } }
    #symptoms_table > ul > li > ul > li > ul:after {
      content: "";
      display: none;
      position: absolute;
      left: 5px;
      right: 0;
      bottom: 5px;
      border-bottom: 1px solid #cccccc; }
    #symptoms_table > ul > li > ul > li > ul > li:not(.last) {
      margin-right: 1em; }
      #symptoms_table > ul > li > ul > li > ul > li:not(.last) div + ul {
        position: relative;
        overflow: hidden;
        display: none; }
        #symptoms_table > ul > li > ul > li > ul > li:not(.last) div + ul.on {
          display: flex; }
        #symptoms_table > ul > li > ul > li > ul > li:not(.last) div + ul:before {
          content: "";
          position: absolute;
          top: 0;
          left: 1.5em;
          width: 2em;
          height: 1.5em;
          background: url("../img/symptoms/arrow2.png") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #symptoms_table > ul > li > ul > li > ul > li:not(.last) div + ul:before {
              font-size: 10px; } }
          @media screen and (max-width: 959px) {
            #symptoms_table > ul > li > ul > li > ul > li:not(.last) div + ul:before {
              font-size: 7px; } }
          @media screen and (max-width: 599px) {
            #symptoms_table > ul > li > ul > li > ul > li:not(.last) div + ul:before {
              font-size: 4px; } }
    #symptoms_table > ul > li > ul > li > ul > li > ul {
      padding-top: 1em;
      padding-bottom: 0.25em;
      padding-left: 1em;
      padding-right: 1em;
      background: rgba(123, 198, 162, 0.3); }
      @media screen and (max-width: 599px) {
        #symptoms_table > ul > li > ul > li > ul > li > ul {
          margin-left: 0; } }
      @media screen and (min-width: 960px) {
        #symptoms_table > ul > li > ul > li > ul > li > ul {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #symptoms_table > ul > li > ul > li > ul > li > ul {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #symptoms_table > ul > li > ul > li > ul > li > ul {
          font-size: 12px; } }

#symptoms_table a {
  position: relative;
  padding: 0 0.2em 0 1.2em; }
  @media screen and (min-width: 960px) {
    #symptoms_table a {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #symptoms_table a {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #symptoms_table a {
      font-size: 12px; } }
  #symptoms_table a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f138';
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #7bc6a2;
    z-index: 100; }
  #symptoms_table a:after {
    content: "";
    width: 0.9em;
    height: 0.6em;
    background: #ffffff;
    position: absolute;
    top: 0.35em;
    left: 0;
    border-radius: 0.5em; }

#symptoms_table h2 {
  font-weight: bold;
  position: relative;
  background: #5ac8a0;
  color: #ffffff;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-radius: 1em;
  padding-left: 1.5em; }
  @media screen and (min-width: 960px) {
    #symptoms_table h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #symptoms_table h2 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    #symptoms_table h2 {
      font-size: 18px; } }
  @media screen and (min-width: 960px) {
    #symptoms_table h2 {
      margin-bottom: 16px; } }
  @media screen and (max-width: 959px) {
    #symptoms_table h2 {
      margin-bottom: 13px; } }
  @media screen and (max-width: 599px) {
    #symptoms_table h2 {
      margin-bottom: 10px; } }
  #symptoms_table h2 span {
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    margin-left: 0em; }

#symptoms_table h3 {
  font-size: 1.2em;
  font-weight: bold; }

#symptoms_table h4 {
  font-size: 1.2em;
  font-weight: bold; }

#symptoms_table h5 {
  font-size: 1.2em;
  font-weight: bold; }

#symptoms_table h6 {
  font-size: 1.2em;
  font-weight: bold; }

#symptoms_list {
  position: relative; }
  @media screen and (min-width: 960px) {
    #symptoms_list {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #symptoms_list {
      margin-top: 50px; } }
  @media screen and (max-width: 599px) {
    #symptoms_list {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    #symptoms_list {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #symptoms_list {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #symptoms_list {
      margin-bottom: 20px; } }
  #symptoms_list h3 {
    font-weight: bold;
    color: #7bc6a2; }
    @media screen and (min-width: 960px) {
      #symptoms_list h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #symptoms_list h3 {
        font-size: 21px; } }
    @media screen and (max-width: 599px) {
      #symptoms_list h3 {
        font-size: 18px; } }
  @media screen and (min-width: 960px) {
    #symptoms_list p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #symptoms_list p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #symptoms_list p {
      font-size: 12px; } }
  #symptoms_list table {
    width: 100%; }
    @media screen and (min-width: 960px) {
      #symptoms_list table {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      #symptoms_list table {
        margin-top: 22px; } }
    @media screen and (max-width: 599px) {
      #symptoms_list table {
        margin-top: 14px; } }
    @media screen and (min-width: 600px) {
      #symptoms_list table tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-content: flex-start; } }
    @media screen and (min-width: 600px) {
      #symptoms_list table td {
        box-sizing: border-box;
        flex-basis: 23.89791%;
        margin-right: 1.39211%; }
        #symptoms_list table td:last-child {
          margin-right: 0; } }
    #symptoms_list table a {
      box-sizing: border-box;
      margin-top: 0.5em;
      position: relative;
      padding-left: 1.7em;
      border: 1px solid #ebf6f1;
      background: #ebf6f1;
      border-radius: 0.2em;
      display: block; }
      @media screen and (min-width: 960px) {
        #symptoms_list table a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #symptoms_list table a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #symptoms_list table a {
          font-size: 12px; } }
      @media screen and (min-width: 960px) {
        #symptoms_list table a {
          padding-top: 15px; } }
      @media screen and (max-width: 959px) {
        #symptoms_list table a {
          padding-top: 10px; } }
      @media screen and (max-width: 599px) {
        #symptoms_list table a {
          padding-top: 5px; } }
      @media screen and (min-width: 960px) {
        #symptoms_list table a {
          padding-bottom: 15px; } }
      @media screen and (max-width: 959px) {
        #symptoms_list table a {
          padding-bottom: 10px; } }
      @media screen and (max-width: 599px) {
        #symptoms_list table a {
          padding-bottom: 5px; } }
      #symptoms_list table a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f13a';
        font-weight: 900;
        position: absolute;
        top: calc(50% - 0.75em);
        left: 0.4em;
        color: #5ac8a0; }
    @media screen and (min-width: 600px) {
      #symptoms_list table tr:nth-of-type(2n-1) td:nth-of-type(2n-1) a {
        background: #ffffff; }
      #symptoms_list table tr:nth-of-type(2n) td:nth-of-type(2n) a {
        background: #ffffff; } }
    @media screen and (max-width: 599px) {
      #symptoms_list table {
        display: block; }
        #symptoms_list table tr {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          #symptoms_list table tr td {
            flex-basis: 48%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            #symptoms_list table tr td a {
              flex-basis: 100%; } }
  #symptoms_list ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      #symptoms_list ul {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #symptoms_list ul {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #symptoms_list ul {
        font-size: 12px; } }
    #symptoms_list ul li {
      flex-basis: 23%; }

#symptomsPage {
  background: #fdecec;
  box-sizing: border-box; }
  #symptomsPage .container {
    display: block;
    width: 90%;
    max-width: 1360px;
    margin: 0 auto;
    box-sizing: border-box; }
  #symptomsPage .symptoms_box .main_img img {
    width: 100%;
    height: auto; }
  #symptomsPage .symptoms_box .head_note {
    background: rgba(255, 250, 110, 0.1); }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .head_note {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .head_note {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .head_note {
        margin-bottom: 20px; } }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .head_note {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .head_note {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .head_note {
        font-size: 12px; } }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .head_note {
        padding: 40px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .head_note {
        padding: 30px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .head_note {
        padding: 20px; } }
    #symptomsPage .symptoms_box .head_note h3 {
      text-align: center;
      font-weight: bold;
      margin-bottom: 1em;
      font-size: 1.5em;
      color: #5ac8a0; }
    #symptomsPage .symptoms_box .head_note p {
      text-align: center;
      line-height: 1.8; }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .head_note p {
          text-align: left; }
          #symptomsPage .symptoms_box .head_note p br {
            display: none; } }
  #symptomsPage .symptoms_box .container {
    background: #ffffff;
    width: 100%;
    margin-bottom: 3.75em; }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .container {
        padding: 32px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .container {
        padding: 24px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .container {
        padding: 16px; } }
  #symptomsPage .symptoms_box .symptoms_main {
    max-width: 690px;
    margin: 0 auto; }
    #symptomsPage .symptoms_box .symptoms_main h2 {
      text-align: center;
      line-height: 1;
      font-weight: bold;
      margin-bottom: 1.25em; }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_main h2 {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_main h2 {
          font-size: 25px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_main h2 {
          font-size: 20px; } }
      #symptomsPage .symptoms_box .symptoms_main h2:after {
        content: "";
        width: 4.93333em;
        height: 0.16667em;
        border-radius: 3px;
        background: #ff6e6e;
        display: block;
        margin: 0.325em auto 0; }
    #symptomsPage .symptoms_box .symptoms_main .description {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_main .description {
          display: block; } }
      #symptomsPage .symptoms_box .symptoms_main .description .text_box {
        flex-basis: 100%; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_main .description .text_box {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_main .description .text_box {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_main .description .text_box {
            font-size: 12px; } }
        #symptomsPage .symptoms_box .symptoms_main .description .text_box h3 {
          font-weight: 700;
          font-size: 1.375em;
          margin-bottom: 1em;
          text-align: center; }
        #symptomsPage .symptoms_box .symptoms_main .description .text_box p {
          line-height: 1.8; }
      #symptomsPage .symptoms_box .symptoms_main .description .term_img {
        flex-basis: 33.33333%; }
        #symptomsPage .symptoms_box .symptoms_main .description .term_img img {
          width: 100%;
          height: auto; }
        #symptomsPage .symptoms_box .symptoms_main .description .term_img + .text_box {
          flex-basis: 62.31884%; }
          #symptomsPage .symptoms_box .symptoms_main .description .term_img + .text_box h3 {
            text-align: left; }
    #symptomsPage .symptoms_box .symptoms_main .note_box {
      color: #ffffff;
      background: #fe8383;
      font-weight: bold;
      text-align: center;
      border-radius: 1em;
      margin-top: 2em;
      margin-bottom: 5em;
      position: relative; }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_main .note_box {
          padding: 12px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_main .note_box {
          padding: 9px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_main .note_box {
          padding: 6px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_main .note_box {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_main .note_box {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_main .note_box {
          font-size: 14px; } }
      #symptomsPage .symptoms_box .symptoms_main .note_box:before {
        content: "";
        width: 1.2em;
        height: 1.2em;
        position: absolute;
        bottom: -0.6em;
        left: calc(50% - 0.6em);
        transform: rotate(45deg);
        background: #fe8383; }
      #symptomsPage .symptoms_box .symptoms_main .note_box:after {
        content: "";
        border-bottom: 3px dotted #fe8383;
        position: absolute;
        bottom: -3em;
        left: 0;
        width: 100%;
        height: 0; }
    #symptomsPage .symptoms_box .symptoms_main ul.main_list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #symptomsPage .symptoms_box .symptoms_main ul.main_list li {
        flex-basis: 48%;
        margin-bottom: 2em; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_main ul.main_list li {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_main ul.main_list li {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_main ul.main_list li {
            font-size: 12px; } }
        #symptomsPage .symptoms_box .symptoms_main ul.main_list li a {
          display: block;
          background: #ff6e6e;
          color: #ffffff;
          text-align: center;
          padding: 1em;
          border-radius: 3em; }
          #symptomsPage .symptoms_box .symptoms_main ul.main_list li a:before {
            font-family: 'Font Awesome 6 Pro';
            content: '\f138';
            font-weight: 900;
            color: #ffffff;
            margin-right: 0.3em; }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .symptoms_main .other_box {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .symptoms_main .other_box {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .symptoms_main .other_box {
        margin-top: 0px; } }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .symptoms_main .other_box {
        padding-top: 60px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .symptoms_main .other_box {
        padding-top: 50px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .symptoms_main .other_box {
        padding-top: 40px; } }
    #symptomsPage .symptoms_box .symptoms_main .other_box h3 {
      text-align: center;
      font-weight: bold;
      margin-bottom: 1.5em; }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_main .other_box h3 {
          font-size: 22px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_main .other_box h3 {
          font-size: 19px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_main .other_box h3 {
          font-size: 16px; } }
      #symptomsPage .symptoms_box .symptoms_main .other_box h3:before {
        content: "";
        height: 1em;
        width: 1em;
        background: url("../img/symptoms/icon1.png") no-repeat center center;
        background-size: cover;
        display: inline-block;
        transform: translateY(0.3em);
        margin-right: 0.2em; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box h3:before {
            font-size: 40px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box h3:before {
            font-size: 35px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box h3:before {
            font-size: 30px; } }
    #symptomsPage .symptoms_box .symptoms_main .other_box .other_list {
      box-sizing: border-box;
      border: 6px solid #f8c9c9;
      text-align: center; }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_main .other_box .other_list {
          padding: 15px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_main .other_box .other_list {
          padding: 10px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_main .other_box .other_list {
          padding: 5px; } }
      #symptomsPage .symptoms_box .symptoms_main .other_box .other_list h4 {
        font-weight: bold;
        border: 3px dotted #fe8383;
        padding: 0.2em 0;
        position: relative; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box .other_list h4 {
            font-size: 22px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box .other_list h4 {
            font-size: 19px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box .other_list h4 {
            font-size: 16px; } }
        #symptomsPage .symptoms_box .symptoms_main .other_box .other_list h4 span {
          font-size: 1.2em;
          font-weight: bold; }
      #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul {
        text-align: left;
        display: flex;
        flex-wrap: wrap; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul {
            margin-top: 20px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul {
            margin-top: 15px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul {
            margin-top: 10px; } }
        #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul li {
          margin: 0.5em; }
          #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul li a {
            display: block;
            border: 2px solid #f8c9c9;
            border-radius: 2em;
            padding: 0.3em 0.7em; }
            @media screen and (min-width: 960px) {
              #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul li a {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul li a {
                font-size: 14px; } }
            @media screen and (max-width: 599px) {
              #symptomsPage .symptoms_box .symptoms_main .other_box .other_list > div ul li a {
                font-size: 12px; } }
  #symptomsPage .symptoms_box .symptoms_entry {
    max-width: 690px;
    margin: 0 auto; }
    #symptomsPage .symptoms_box .symptoms_entry img {
      width: 100%;
      height: auto; }
    #symptomsPage .symptoms_box .symptoms_entry .entry_title {
      text-align: center;
      color: #ffffff;
      background: #ff6e6e;
      border-radius: 0.5em;
      padding: 0.3em;
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_title {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_title {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_title {
          font-size: 16px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_title {
          margin-bottom: 40px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_title {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_title {
          margin-bottom: 20px; } }
    #symptomsPage .symptoms_box .symptoms_entry .entry_footer {
      text-align: right; }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_footer {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_footer {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_footer {
          font-size: 12px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_footer {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_footer {
          margin-top: 30px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_footer {
          margin-top: 20px; } }
      #symptomsPage .symptoms_box .symptoms_entry .entry_footer span {
        display: block; }
    #symptomsPage .symptoms_box .symptoms_entry .entry_body {
      counter-reset: item; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body a {
        color: #3321fa;
        text-decoration: underline; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body a img {
          width: 100%;
          height: auto; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body * {
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body * {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body * {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body * {
            font-size: 12px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_body p {
          margin-bottom: 40px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_body p {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .symptoms_entry .entry_body p {
          margin-bottom: 20px; } }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body p span.min {
        font-size: 0.9em; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body img.w70 {
        width: 70%;
        display: block; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body img.w60 {
        width: 60%;
        display: block; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body img.w50 {
        width: 50%;
        display: block; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body img.w40 {
        width: 40%;
        display: block; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body img.w30 {
        width: 30%;
        display: block; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table {
        overflow: auto;
        margin-top: 2em; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table {
          width: 100%;
          height: auto;
          border-right: 1px solid #cccccc;
          border-top: 1px solid #cccccc; }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table th, #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table td {
            font-size: 1em;
            padding: 0.5em;
            border-bottom: 1px solid #cccccc;
            border-left: 1px solid #cccccc; }
            @media screen and (min-width: 960px) {
              #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table th, #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table td {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table th, #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table td {
                font-size: 14px; } }
            @media screen and (max-width: 599px) {
              #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table th, #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table td {
                font-size: 12px; } }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table th {
            text-align: left;
            font-weight: bold;
            background: #ffeaea; }
          @media screen and (min-width: 600px) {
            #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table .w25 {
              width: 25%; } }
          @media screen and (min-width: 600px) {
            #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table table .w50 {
              width: 50%; } }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body div.table + p {
          margin-top: 1em; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box h4 {
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom: 0.8em;
        position: relative;
        padding-left: 1.2em; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box h4:before {
          content: "●";
          color: #ff6e6e;
          position: absolute;
          top: 0.3em;
          left: 0;
          font-size: 0.8em; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ul, #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ol {
        padding: 1em;
        background: #f4f4f4; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ul:last-child, #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ol:last-child {
            margin-bottom: 40px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ul:last-child, #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ol:last-child {
            margin-bottom: 30px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ul:last-child, #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ol:last-child {
            margin-bottom: 20px; } }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ul > li, #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ol > li {
          padding: 0.2em 0; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ul + p, #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box > ol + p {
          margin-top: 1em; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box li {
        margin-left: 1.2em; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box ol > li {
        list-style: decimal; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body .read_box ul > li {
        list-style: disc; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body .div_note {
        margin-bottom: 2em;
        padding: 0.5em;
        border: 1px dashed #cccccc;
        margin-top: 2em; }
      #symptomsPage .symptoms_box .symptoms_entry .entry_body .block {
        position: relative; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block {
            padding-left: 50px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block {
            padding-left: 42px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block {
            padding-left: 34px; } }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block:before {
          counter-increment: item;
          content: counter(item);
          font-weight: bold;
          position: absolute;
          top: 0.6em;
          left: 0;
          width: 2em;
          line-height: 2em;
          border-radius: 1em;
          color: #ffffff;
          background: #ff6e6e;
          text-align: center; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block .link {
          margin: 2em 0; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block p:last-child {
          margin-bottom: 0; }
        @media screen and (min-width: 960px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block + .block {
            margin-top: 40px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block + .block {
            margin-top: 30px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block + .block {
            margin-top: 20px; } }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block h3 {
          font-size: 1.5em;
          font-weight: bold;
          border-bottom: 3px solid #ff6e6e;
          margin-bottom: 0.8em; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block h4 {
          font-size: 1.3em;
          font-weight: bold;
          margin-bottom: 0.8em;
          position: relative;
          padding-left: 1.2em; }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block h4:before {
            content: "●";
            color: #ff6e6e;
            position: absolute;
            top: 0.3em;
            left: 0;
            font-size: 0.8em; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block h5 {
          font-size: 1.15em;
          font-weight: bold;
          margin-bottom: 0.8em;
          position: relative;
          padding-left: 1.2em; }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block h5:before {
            content: "◆";
            color: #ff6e6e;
            position: absolute;
            top: 0.25em;
            left: 0;
            font-size: 0.8em; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block h6 {
          font-weight: bold;
          padding-bottom: 0.3em;
          margin-bottom: 0.6em;
          border-bottom: 1px dashed #ff6e6e; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ul, #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ol {
          padding: 1em;
          background: #f4f4f4; }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ul > li, #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ol > li {
            padding: 0.2em 0; }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ul + p, #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ol + p {
            margin-top: 1em; }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ul + h3,
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ul + h4,
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ul + h5, #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ol + h3,
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ol + h4,
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ol + h5 {
            margin-top: 1em; }
          #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ul + ul, #symptomsPage .symptoms_box .symptoms_entry .entry_body .block > ol + ul {
            margin-top: 1em; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block li {
          margin-left: 1.2em; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block ol > li {
          list-style: decimal; }
        #symptomsPage .symptoms_box .symptoms_entry .entry_body .block ul > li {
          list-style: disc; }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .symptoms_entry .read {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .symptoms_entry .read {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .symptoms_entry .read {
        margin-bottom: 20px; } }
  #symptomsPage .symptoms_box .btn_box {
    text-align: center; }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .btn_box {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .btn_box {
        margin-top: 70px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .btn_box {
        margin-top: 60px; } }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_box .btn_box {
        padding-bottom: 50px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_box .btn_box {
        padding-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_box .btn_box {
        padding-bottom: 30px; } }
    #symptomsPage .symptoms_box .btn_box a {
      display: inline-block;
      padding: 0.5em 1.5em;
      color: #ffffff;
      background: #fe8383;
      border-radius: 2em; }
      @media screen and (min-width: 960px) {
        #symptomsPage .symptoms_box .btn_box a {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .symptoms_box .btn_box a {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_box .btn_box a {
          font-size: 14px; } }
      #symptomsPage .symptoms_box .btn_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        margin-right: 0.3em;
        color: #ffffff; }
  #symptomsPage .symptoms_info {
    background: #d3ebe9;
    padding-top: 2.5em;
    padding-bottom: 3.125em; }
    @media screen and (min-width: 960px) {
      #symptomsPage .symptoms_info {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .symptoms_info {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .symptoms_info {
        font-size: 12px; } }
    #symptomsPage .symptoms_info h3 {
      font-size: 1.25em;
      font-weight: bold;
      text-align: center;
      line-height: 1; }
      #symptomsPage .symptoms_info h3:before {
        content: "";
        width: 3.5em;
        height: 3.125em;
        display: block;
        margin: 0 auto 1em;
        background: url("../img/symptoms/icon2.png") no-repeat center center;
        background-size: cover; }
    #symptomsPage .symptoms_info p {
      text-align: center;
      letter-spacing: 2px;
      margin-top: 2em; }
      @media screen and (max-width: 599px) {
        #symptomsPage .symptoms_info p {
          text-align: left; }
          #symptomsPage .symptoms_info p br {
            display: none; } }
      #symptomsPage .symptoms_info p span {
        display: block;
        margin-top: 1.25em; }
  #symptomsPage .docter_box {
    border: 4px solid #f8c9c9;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      #symptomsPage .docter_box {
        padding: 20px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .docter_box {
        padding: 15px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .docter_box {
        padding: 10px; } }
    @media screen and (min-width: 960px) {
      #symptomsPage .docter_box {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #symptomsPage .docter_box {
        margin-top: 45px; } }
    @media screen and (max-width: 599px) {
      #symptomsPage .docter_box {
        margin-top: 30px; } }
    #symptomsPage .docter_box .about_title {
      font-weight: bold;
      padding: 0.2em 0;
      text-align: center;
      border: 3px dotted #f8c9c9; }
      @media screen and (min-width: 960px) {
        #symptomsPage .docter_box .about_title {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .docter_box .about_title {
          font-size: 17px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .docter_box .about_title {
          font-size: 16px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .docter_box .about_title {
          margin-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .docter_box .about_title {
          margin-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .docter_box .about_title {
          margin-bottom: 10px; } }
    #symptomsPage .docter_box .docter_head {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #symptomsPage .docter_box .docter_head .img_box {
        flex-basis: 20%;
        box-sizing: border-box;
        margin-left: 2%; }
        @media screen and (max-width: 599px) {
          #symptomsPage .docter_box .docter_head .img_box {
            margin-left: 0;
            flex-basis: 40%; } }
        #symptomsPage .docter_box .docter_head .img_box img {
          width: 100%;
          height: auto; }
      #symptomsPage .docter_box .docter_head .text_box {
        flex-basis: 77%;
        box-sizing: border-box;
        padding-left: 1em; }
        @media screen and (min-width: 960px) {
          #symptomsPage .docter_box .docter_head .text_box {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .docter_box .docter_head .text_box {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .docter_box .docter_head .text_box {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .docter_box .docter_head .text_box {
            flex-basis: 60%; } }
        #symptomsPage .docter_box .docter_head .text_box h3 {
          font-weight: bold; }
          @media screen and (min-width: 960px) {
            #symptomsPage .docter_box .docter_head .text_box h3 {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #symptomsPage .docter_box .docter_head .text_box h3 {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #symptomsPage .docter_box .docter_head .text_box h3 {
              font-size: 12px; } }
          #symptomsPage .docter_box .docter_head .text_box h3 span {
            display: block;
            font-weight: bold;
            font-size: 1em;
            margin-bottom: 0.4em; }
          #symptomsPage .docter_box .docter_head .text_box h3 em {
            font-size: 1.4em;
            font-weight: bold;
            margin-left: 0.5em; }
        #symptomsPage .docter_box .docter_head .text_box .nav_btn {
          display: flex;
          flex-wrap: wrap; }
          @media screen and (min-width: 960px) {
            #symptomsPage .docter_box .docter_head .text_box .nav_btn {
              margin-top: 20px; } }
          @media screen and (max-width: 959px) {
            #symptomsPage .docter_box .docter_head .text_box .nav_btn {
              margin-top: 15px; } }
          @media screen and (max-width: 599px) {
            #symptomsPage .docter_box .docter_head .text_box .nav_btn {
              margin-top: 10px; } }
          @media screen and (max-width: 599px) {
            #symptomsPage .docter_box .docter_head .text_box .nav_btn {
              display: block; } }
          #symptomsPage .docter_box .docter_head .text_box .nav_btn a {
            flex-basis: 32%;
            text-align: center;
            box-sizing: border-box;
            padding: 0.4em 0;
            border-radius: 2em;
            background: pink;
            color: #ffffff; }
            @media screen and (min-width: 960px) {
              #symptomsPage .docter_box .docter_head .text_box .nav_btn a {
                font-size: 14px; } }
            @media screen and (max-width: 959px) {
              #symptomsPage .docter_box .docter_head .text_box .nav_btn a {
                font-size: 13px; } }
            @media screen and (max-width: 599px) {
              #symptomsPage .docter_box .docter_head .text_box .nav_btn a {
                font-size: 12px; } }
            @media screen and (max-width: 599px) {
              #symptomsPage .docter_box .docter_head .text_box .nav_btn a {
                width: 100%;
                display: block; }
                #symptomsPage .docter_box .docter_head .text_box .nav_btn a + a {
                  margin-top: 10px; } }
            @media screen and (min-width: 600px) {
              #symptomsPage .docter_box .docter_head .text_box .nav_btn a + a {
                margin-left: 1%; } }
            #symptomsPage .docter_box .docter_head .text_box .nav_btn a.family_dr_hos {
              background: #5ac8a0; }
            #symptomsPage .docter_box .docter_head .text_box .nav_btn a.public_url {
              background: #00b4ff; }
            #symptomsPage .docter_box .docter_head .text_box .nav_btn a.family_dr_pickup {
              background: #f18e1d; }
    #symptomsPage .docter_box .message_box {
      border-top: 3px dotted #f8c9c9; }
      @media screen and (min-width: 960px) {
        #symptomsPage .docter_box .message_box {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .docter_box .message_box {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .docter_box .message_box {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .docter_box .message_box {
          padding-top: 20px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .docter_box .message_box {
          padding-top: 15px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .docter_box .message_box {
          padding-top: 10px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .docter_box .message_box {
          margin-bottom: 40px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .docter_box .message_box {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .docter_box .message_box {
          margin-bottom: 20px; } }
      #symptomsPage .docter_box .message_box .text_box {
        line-height: 1.8;
        padding: 0 0.5em; }
        @media screen and (min-width: 960px) {
          #symptomsPage .docter_box .message_box .text_box {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .docter_box .message_box .text_box {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .docter_box .message_box .text_box {
            font-size: 12px; } }
    #symptomsPage .docter_box .career_box {
      border: 1px solid #cccccc; }
      @media screen and (min-width: 960px) {
        #symptomsPage .docter_box .career_box {
          padding: 20px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .docter_box .career_box {
          padding: 15px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .docter_box .career_box {
          padding: 10px; } }
      @media screen and (min-width: 960px) {
        #symptomsPage .docter_box .career_box {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #symptomsPage .docter_box .career_box {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #symptomsPage .docter_box .career_box {
          margin-top: 10px; } }
      #symptomsPage .docter_box .career_box h4 {
        font-weight: bold;
        color: #ff6e6e; }
        @media screen and (min-width: 960px) {
          #symptomsPage .docter_box .career_box h4 {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .docter_box .career_box h4 {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .docter_box .career_box h4 {
            font-size: 14px; } }
        @media screen and (min-width: 960px) {
          #symptomsPage .docter_box .career_box h4 {
            margin-bottom: 15px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .docter_box .career_box h4 {
            margin-bottom: 10px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .docter_box .career_box h4 {
            margin-bottom: 5px; } }
      #symptomsPage .docter_box .career_box .text_box {
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #symptomsPage .docter_box .career_box .text_box {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #symptomsPage .docter_box .career_box .text_box {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #symptomsPage .docter_box .career_box .text_box {
            font-size: 12px; } }

#mainContents.pickup {
  width: 100%; }
  #mainContents.pickup .header_img img {
    width: 100%;
    height: auto; }
  #mainContents.pickup h2 {
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #mainContents.pickup h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #mainContents.pickup h2 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      #mainContents.pickup h2 {
        font-size: 20px; } }
    @media screen and (min-width: 960px) {
      #mainContents.pickup h2 {
        margin-top: 70px; } }
    @media screen and (max-width: 959px) {
      #mainContents.pickup h2 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #mainContents.pickup h2 {
        margin-top: 30px; } }
    @media screen and (min-width: 960px) {
      #mainContents.pickup h2 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 959px) {
      #mainContents.pickup h2 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      #mainContents.pickup h2 {
        margin-bottom: 10px; } }
    #mainContents.pickup h2 + p {
      text-align: center;
      line-height: 2; }
      @media screen and (min-width: 960px) {
        #mainContents.pickup h2 + p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #mainContents.pickup h2 + p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #mainContents.pickup h2 + p {
          font-size: 12px; } }
      @media screen and (min-width: 960px) {
        #mainContents.pickup h2 + p {
          margin-bottom: 85px; } }
      @media screen and (max-width: 959px) {
        #mainContents.pickup h2 + p {
          margin-bottom: 55px; } }
      @media screen and (max-width: 599px) {
        #mainContents.pickup h2 + p {
          margin-bottom: 25px; } }
      @media screen and (max-width: 599px) {
        #mainContents.pickup h2 + p {
          text-align: left;
          line-height: 1.6; } }
  #mainContents.pickup .pickup_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #mainContents.pickup .pickup_list > .pickup_item {
      width: 30%;
      position: relative; }
      @media screen and (min-width: 960px) {
        #mainContents.pickup .pickup_list > .pickup_item {
          margin-bottom: 90px; } }
      @media screen and (max-width: 959px) {
        #mainContents.pickup .pickup_list > .pickup_item {
          margin-bottom: 60px; } }
      @media screen and (max-width: 599px) {
        #mainContents.pickup .pickup_list > .pickup_item {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        #mainContents.pickup .pickup_list > .pickup_item {
          width: 48%; } }
      #mainContents.pickup .pickup_list > .pickup_item a {
        display: block;
        height: 100%;
        margin-left: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column; }
      #mainContents.pickup .pickup_list > .pickup_item .address {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        padding: 0.4em 1em;
        border-radius: 1em;
        background: #5ac8a0;
        color: #ffffff; }
        @media screen and (min-width: 960px) {
          #mainContents.pickup .pickup_list > .pickup_item .address {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #mainContents.pickup .pickup_list > .pickup_item .address {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #mainContents.pickup .pickup_list > .pickup_item .address {
            font-size: 12px; } }
      #mainContents.pickup .pickup_list > .pickup_item .img img {
        width: 100%;
        border-radius: 10px;
        height: auto; }
      #mainContents.pickup .pickup_list > .pickup_item h3 {
        font-weight: bold;
        margin-top: 0.75em;
        margin-bottom: 0.75em;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #mainContents.pickup .pickup_list > .pickup_item h3 {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #mainContents.pickup .pickup_list > .pickup_item h3 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #mainContents.pickup .pickup_list > .pickup_item h3 {
            font-size: 12px; } }
      #mainContents.pickup .pickup_list > .pickup_item h4 {
        border-top: 1px solid #898989;
        padding-top: 1em; }
        @media screen and (min-width: 960px) {
          #mainContents.pickup .pickup_list > .pickup_item h4 {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #mainContents.pickup .pickup_list > .pickup_item h4 {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #mainContents.pickup .pickup_list > .pickup_item h4 {
            font-size: 12px; } }
      #mainContents.pickup .pickup_list > .pickup_item h5 {
        margin-top: 0.25em; }
        @media screen and (min-width: 960px) {
          #mainContents.pickup .pickup_list > .pickup_item h5 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          #mainContents.pickup .pickup_list > .pickup_item h5 {
            font-size: 17px; } }
        @media screen and (max-width: 599px) {
          #mainContents.pickup .pickup_list > .pickup_item h5 {
            font-size: 14px; } }
  #mainContents.pickup .pick_up_banner_list {
    display: flex;
    border-top: 1px dashed #cccccc; }
    @media screen and (min-width: 960px) {
      #mainContents.pickup .pick_up_banner_list {
        padding-top: 80px; } }
    @media screen and (max-width: 959px) {
      #mainContents.pickup .pick_up_banner_list {
        padding-top: 60px; } }
    @media screen and (max-width: 599px) {
      #mainContents.pickup .pick_up_banner_list {
        padding-top: 40px; } }
    @media screen and (min-width: 960px) {
      #mainContents.pickup .pick_up_banner_list {
        padding-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      #mainContents.pickup .pick_up_banner_list {
        padding-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      #mainContents.pickup .pick_up_banner_list {
        padding-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      #mainContents.pickup .pick_up_banner_list {
        display: block; } }
    #mainContents.pickup .pick_up_banner_list a img {
      width: 100%;
      height: auto; }
    @media screen and (min-width: 600px) {
      #mainContents.pickup .pick_up_banner_list a + a {
        margin-left: 4%; } }
    @media screen and (max-width: 599px) {
      #mainContents.pickup .pick_up_banner_list a {
        display: block; }
        #mainContents.pickup .pick_up_banner_list a + a {
          margin-top: 20px; } }

@media screen and (min-width: 960px) {
  #pickup_main.yamaguchiseikeigekarihabiri .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.yamaguchiseikeigekarihabiri .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.yamaguchiseikeigekarihabiri .hos_info {
    margin-bottom: 35px; } }

#pickup_main.yamaguchiseikeigekarihabiri section img {
  width: 100%;
  height: auto; }

#pickup_main.yamaguchiseikeigekarihabiri section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaguchiseikeigekarihabiri section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaguchiseikeigekarihabiri section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section.main_img {
      margin-bottom: 25px; } }
  #pickup_main.yamaguchiseikeigekarihabiri section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.yamaguchiseikeigekarihabiri section.main_img h2 {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.yamaguchiseikeigekarihabiri section.main_img h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaguchiseikeigekarihabiri section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaguchiseikeigekarihabiri section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.yamaguchiseikeigekarihabiri section .img_box {
  border: 1px solid #cccccc;
  padding: 1em; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaguchiseikeigekarihabiri section .img_box {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaguchiseikeigekarihabiri section .img_box {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section .img_box {
      font-size: 10px; } }

@media screen and (min-width: 960px) {
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  font-weight: bold;
  position: relative;
  padding: 0.3em 1em 0.3em 2em;
  color: #5ac8a0;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3 {
      line-height: 1.2;
      padding: 0.3em 1em 0.3em 1.5em; } }
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1em;
    height: 1.2em;
    width: 0.2em;
    background: #5ac8a0;
    transform: translateY(-50%); }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] h3:before {
        left: 0.8em; } }

#pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'] p:last-child {
    margin-bottom: 0; }

@media screen and (min-width: 960px) {
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box {
    margin-top: 40px; } }

#pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul {
      font-size: 10px; } }
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 0.5em);
    line-height: 1; }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; }
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li:first-child {
          margin-bottom: 25px; } }
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box1 .img_box ul li p {
          font-size: 12px; } }

#pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 51.90311%; }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%;
        margin-bottom: 25px; } }
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 46.7128%;
    padding: 0;
    border: 0; }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box2 .flex_box .img_box p {
          font-size: 12px; } }

#pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box3 .img_box {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box3 .img_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box3 .img_box {
      margin-top: 40px; } }
  #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box3 .img_box > div {
    flex-basis: 33.33333%;
    line-height: 1;
    padding: 0;
    overflow: hidden; }
    #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box3 .img_box > div img {
      line-height: 1;
      transform: scale(105%); }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaguchiseikeigekarihabiri section[class^='box'].box3 .img_box > div {
        flex-basis: 50%; } }

@media screen and (min-width: 960px) {
  #pickup_main.inokuchinijiiroshika .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.inokuchinijiiroshika .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.inokuchinijiiroshika .hos_info {
    margin-bottom: 35px; } }

#pickup_main.inokuchinijiiroshika section img {
  width: 100%;
  height: auto; }

#pickup_main.inokuchinijiiroshika section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchinijiiroshika section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchinijiiroshika section.main_img {
      margin-bottom: 50px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchinijiiroshika section.main_img {
      margin-bottom: 35px; } }
  #pickup_main.inokuchinijiiroshika section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.inokuchinijiiroshika section.main_img h2 {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.inokuchinijiiroshika section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchinijiiroshika section.main_img h2 {
        font-size: 20px; } }

#pickup_main.inokuchinijiiroshika section .img_box {
  border: 1px solid #cccccc;
  padding: 1em; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchinijiiroshika section .img_box {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchinijiiroshika section .img_box {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchinijiiroshika section .img_box {
      font-size: 10px; } }

@media screen and (min-width: 960px) {
  #pickup_main.inokuchinijiiroshika section[class^='box'] {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  #pickup_main.inokuchinijiiroshika section[class^='box'] {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.inokuchinijiiroshika section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.inokuchinijiiroshika section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  font-weight: bold;
  position: relative;
  padding: 0.3em 1em 0.3em 2em;
  color: #5ac8a0;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] h3 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] h3 {
      font-size: 18px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] h3 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] h3 {
      margin-bottom: 20px; } }
  #pickup_main.inokuchinijiiroshika section[class^='box'] h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1em;
    height: 1.2em;
    width: 0.2em;
    background: #5ac8a0;
    transform: translateY(-50%); }

#pickup_main.inokuchinijiiroshika section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.inokuchinijiiroshika section[class^='box'] p:last-child {
    margin-bottom: 0; }

@media screen and (min-width: 960px) {
  #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box {
    margin-top: 40px; } }

#pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul {
      font-size: 10px; } }
  #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 0.5em);
    line-height: 1; }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; }
        #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li:first-child {
          margin-bottom: 25px; } }
    #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box1 .img_box ul li p {
          font-size: 12px; } }

#pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 51.90311%; }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%;
        margin-bottom: 25px; } }
  #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 46.7128%;
    padding: 0;
    border: 0; }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
    #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.inokuchinijiiroshika section[class^='box'].box2 .flex_box .img_box p {
          font-size: 12px; } }

#pickup_main.inokuchinijiiroshika section[class^='box'].box3 .img_box {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'].box3 .img_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchinijiiroshika section[class^='box'].box3 .img_box {
      margin-top: 40px; } }
  #pickup_main.inokuchinijiiroshika section[class^='box'].box3 .img_box > div {
    flex-basis: 33.33333%;
    line-height: 1;
    padding: 0;
    overflow: hidden; }
    #pickup_main.inokuchinijiiroshika section[class^='box'].box3 .img_box > div img {
      line-height: 1;
      transform: scale(105%); }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchinijiiroshika section[class^='box'].box3 .img_box > div {
        flex-basis: 50%; } }

@media screen and (min-width: 960px) {
  #pickup_main.minnanohinyoukika .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.minnanohinyoukika .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.minnanohinyoukika .hos_info {
    margin-bottom: 35px; } }

#pickup_main.minnanohinyoukika section img {
  width: 100%;
  height: auto; }

#pickup_main.minnanohinyoukika section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.minnanohinyoukika section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.minnanohinyoukika section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.minnanohinyoukika section.main_img {
      margin-bottom: 25px; } }
  #pickup_main.minnanohinyoukika section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    letter-spacing: 2px;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #pickup_main.minnanohinyoukika section.main_img h2 {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.minnanohinyoukika section.main_img h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.minnanohinyoukika section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.minnanohinyoukika section.main_img h2 {
        padding: 0.2em; } }

@media screen and (min-width: 960px) {
  #pickup_main.minnanohinyoukika section .img_box {
    font-size: 40px; } }

@media screen and (max-width: 959px) {
  #pickup_main.minnanohinyoukika section .img_box {
    font-size: 25px; } }

@media screen and (max-width: 599px) {
  #pickup_main.minnanohinyoukika section .img_box {
    font-size: 10px; } }

@media screen and (min-width: 960px) {
  #pickup_main.minnanohinyoukika section[class^='box'] {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  #pickup_main.minnanohinyoukika section[class^='box'] {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.minnanohinyoukika section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.minnanohinyoukika section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  font-weight: bold;
  position: relative;
  padding: 0.3em 1em 0.3em 2em;
  color: #5ac8a0;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.minnanohinyoukika section[class^='box'] h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.minnanohinyoukika section[class^='box'] h3 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.minnanohinyoukika section[class^='box'] h3 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.minnanohinyoukika section[class^='box'] h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.minnanohinyoukika section[class^='box'] h3 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.minnanohinyoukika section[class^='box'] h3 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.minnanohinyoukika section[class^='box'] h3 {
      line-height: 1.2;
      padding: 0.3em 1em 0.3em 1.5em; } }
  #pickup_main.minnanohinyoukika section[class^='box'] h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1em;
    height: 1.2em;
    width: 0.2em;
    background: #5ac8a0;
    transform: translateY(-50%); }
    @media screen and (max-width: 599px) {
      #pickup_main.minnanohinyoukika section[class^='box'] h3:before {
        left: 0.8em; } }

#pickup_main.minnanohinyoukika section[class^='box'] p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.minnanohinyoukika section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.minnanohinyoukika section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.minnanohinyoukika section[class^='box'] p {
      font-size: 12px; } }

@media screen and (min-width: 960px) {
  #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box {
    margin-top: 40px; } }

#pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul {
      font-size: 10px; } }
  #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 0.5em);
    line-height: 1; }
    @media screen and (max-width: 599px) {
      #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; }
        #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li:first-child {
          margin-bottom: 25px; } }
    #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box1 .img_box ul li p {
          font-size: 12px; } }

#pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 47.23183%; }
    @media screen and (max-width: 599px) {
      #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%;
        margin-bottom: 25px; } }
  #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0; }
    @media screen and (max-width: 599px) {
      #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
    #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.minnanohinyoukika section[class^='box'].box2 .flex_box .img_box p {
          font-size: 12px; } }

#pickup_main.minnanohinyoukika section[class^='box'].box2.reverse .flex_box .text_box {
  order: 2; }

#pickup_main.minnanohinyoukika section[class^='box'].box2.reverse .flex_box .img_box {
  order: 1; }

#pickup_main.minnanohinyoukika section[class^='box'].box3 .img_box {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.minnanohinyoukika section[class^='box'].box3 .img_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.minnanohinyoukika section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.minnanohinyoukika section[class^='box'].box3 .img_box {
      margin-top: 40px; } }
  #pickup_main.minnanohinyoukika section[class^='box'].box3 .img_box > div {
    flex-basis: 33.33333%;
    line-height: 1;
    padding: 0;
    overflow: hidden; }
    #pickup_main.minnanohinyoukika section[class^='box'].box3 .img_box > div img {
      line-height: 1;
      transform: scale(105%); }
    @media screen and (max-width: 599px) {
      #pickup_main.minnanohinyoukika section[class^='box'].box3 .img_box > div {
        flex-basis: 50%; } }

@media screen and (min-width: 960px) {
  #pickup_main.yamaneclinic .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.yamaneclinic .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.yamaneclinic .hos_info {
    margin-bottom: 35px; } }

#pickup_main.yamaneclinic section img {
  width: 100%;
  height: auto; }

#pickup_main.yamaneclinic section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaneclinic section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaneclinic section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaneclinic section.main_img {
      margin-bottom: 25px; } }
  #pickup_main.yamaneclinic section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    letter-spacing: -1px;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #pickup_main.yamaneclinic section.main_img h2 {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.yamaneclinic section.main_img h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaneclinic section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaneclinic section.main_img h2 {
        padding: 0.2em; } }

@media screen and (min-width: 960px) {
  #pickup_main.yamaneclinic section .img_box {
    font-size: 40px; } }

@media screen and (max-width: 959px) {
  #pickup_main.yamaneclinic section .img_box {
    font-size: 25px; } }

@media screen and (max-width: 599px) {
  #pickup_main.yamaneclinic section .img_box {
    font-size: 10px; } }

@media screen and (min-width: 960px) {
  #pickup_main.yamaneclinic section[class^='box'] {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  #pickup_main.yamaneclinic section[class^='box'] {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.yamaneclinic section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.yamaneclinic section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  font-weight: bold;
  position: relative;
  padding: 0.3em 1em 0.3em 2em;
  color: #5ac8a0;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaneclinic section[class^='box'] h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaneclinic section[class^='box'] h3 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaneclinic section[class^='box'] h3 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaneclinic section[class^='box'] h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaneclinic section[class^='box'] h3 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaneclinic section[class^='box'] h3 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaneclinic section[class^='box'] h3 {
      line-height: 1.2;
      padding: 0.3em 1em 0.3em 1.5em; } }
  #pickup_main.yamaneclinic section[class^='box'] h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1em;
    height: 1.2em;
    width: 0.2em;
    background: #5ac8a0;
    transform: translateY(-50%); }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaneclinic section[class^='box'] h3:before {
        left: 0.8em; } }

#pickup_main.yamaneclinic section[class^='box'] p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaneclinic section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaneclinic section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaneclinic section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.yamaneclinic section[class^='box'] p + p {
    margin-top: 1em; }

@media screen and (min-width: 960px) {
  #pickup_main.yamaneclinic section[class^='box'].box1 .img_box {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #pickup_main.yamaneclinic section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #pickup_main.yamaneclinic section[class^='box'].box1 .img_box {
    margin-top: 40px; } }

#pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul {
      font-size: 10px; } }
  @media screen and (min-width: 600px) {
    #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul.column {
      flex-direction: column;
      height: 100%; }
      #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul.column li {
        line-height: 1; }
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul.column li img {
          line-height: 1;
          width: 100%;
          height: auto; } }
  #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li {
    flex-basis: 46.6263%;
    line-height: 1; }
    @media screen and (min-width: 600px) {
      #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li.bottom {
        margin-top: 1.2em; } }
    @media screen and (min-width: 600px) {
      #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li.wide {
        flex-basis: 100%;
        margin-bottom: 1.2em; } }
    @media screen and (max-width: 599px) {
      #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; }
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li + li {
          margin-top: 25px; } }
    #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.yamaneclinic section[class^='box'].box1 .img_box ul li p {
          font-size: 12px; } }

@media screen and (min-width: 960px) {
  #pickup_main.masumoto-nyusen .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.masumoto-nyusen .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.masumoto-nyusen .hos_info {
    margin-bottom: 35px; } }

#pickup_main.masumoto-nyusen .main_img h2 {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #5ac8a0;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      margin-top: 30px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.masumoto-nyusen .main_img h2 {
      font-size: 20px; } }

#pickup_main.masumoto-nyusen .main_img img {
  width: 100%; }

@media screen and (min-width: 960px) {
  #pickup_main.masumoto-nyusen .box + .box {
    margin-top: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.masumoto-nyusen .box + .box {
    margin-top: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.masumoto-nyusen .box + .box {
    margin-top: 30px; } }

#pickup_main.masumoto-nyusen .box h3 {
  line-height: 2;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #5ac8a0;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    #pickup_main.masumoto-nyusen .box h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.masumoto-nyusen .box h3 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.masumoto-nyusen .box h3 {
      font-size: 16px; } }

#pickup_main.masumoto-nyusen .box p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.masumoto-nyusen .box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.masumoto-nyusen .box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.masumoto-nyusen .box p {
      font-size: 14px; } }

#pickup_main.masumoto-nyusen .box img {
  width: 100%; }

#pickup_main.masumoto-nyusen .box-column {
  display: flex;
  justify-content: space-between; }
  #pickup_main.masumoto-nyusen .box-column section {
    width: 46.875%; }
  @media screen and (max-width: 599px) {
    #pickup_main.masumoto-nyusen .box-column {
      display: block; }
      #pickup_main.masumoto-nyusen .box-column section {
        width: 100%; }
        #pickup_main.masumoto-nyusen .box-column section + section {
          margin-top: 30px; } }

@media screen and (min-width: 960px) {
  #pickup_main.kaitaichiwemensclinic .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kaitaichiwemensclinic .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kaitaichiwemensclinic .hos_info {
    margin-bottom: 35px; } }

#pickup_main.kaitaichiwemensclinic section img {
  width: 100%;
  height: auto; }

#pickup_main.kaitaichiwemensclinic section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.kaitaichiwemensclinic section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kaitaichiwemensclinic section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section.main_img {
      margin-bottom: 25px; } }
  #pickup_main.kaitaichiwemensclinic section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.kaitaichiwemensclinic section.main_img h2 {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kaitaichiwemensclinic section.main_img h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kaitaichiwemensclinic section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kaitaichiwemensclinic section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.kaitaichiwemensclinic section .img_box {
  border: 1px solid #cccccc;
  padding: 1em; }
  @media screen and (min-width: 960px) {
    #pickup_main.kaitaichiwemensclinic section .img_box {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kaitaichiwemensclinic section .img_box {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section .img_box {
      font-size: 10px; } }

@media screen and (min-width: 960px) {
  #pickup_main.kaitaichiwemensclinic section[class^='box'] {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kaitaichiwemensclinic section[class^='box'] {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kaitaichiwemensclinic section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  font-weight: bold;
  position: relative;
  padding: 0.3em 1em 0.3em 2em;
  color: #5ac8a0;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] h3 {
      line-height: 1.2;
      padding: 0.3em 1em 0.3em 1.5em; } }
  #pickup_main.kaitaichiwemensclinic section[class^='box'] h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1em;
    height: 1.2em;
    width: 0.2em;
    background: #5ac8a0;
    transform: translateY(-50%); }
    @media screen and (max-width: 599px) {
      #pickup_main.kaitaichiwemensclinic section[class^='box'] h3:before {
        left: 0.8em; } }

#pickup_main.kaitaichiwemensclinic section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.kaitaichiwemensclinic section[class^='box'] p:last-child {
    margin-bottom: 0; }

@media screen and (min-width: 960px) {
  #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box {
    margin-top: 40px; } }

#pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul {
      font-size: 10px; } }
  #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 0.5em);
    line-height: 1; }
    @media screen and (max-width: 599px) {
      #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; }
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li:first-child {
          margin-bottom: 25px; } }
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box1 .img_box ul li p {
          font-size: 12px; } }

#pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 51.90311%; }
    @media screen and (max-width: 599px) {
      #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%;
        margin-bottom: 25px; } }
  #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 44.80969%;
    padding: 0;
    border: 0; }
    @media screen and (max-width: 599px) {
      #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.kaitaichiwemensclinic section[class^='box'].box2 .flex_box .img_box p {
          font-size: 12px; } }

#pickup_main.kaitaichiwemensclinic section[class^='box'].box3 .img_box {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box3 .img_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box3 .img_box {
      margin-top: 40px; } }
  #pickup_main.kaitaichiwemensclinic section[class^='box'].box3 .img_box > div {
    flex-basis: 50%;
    line-height: 1;
    padding: 0;
    overflow: hidden; }
    #pickup_main.kaitaichiwemensclinic section[class^='box'].box3 .img_box > div img {
      line-height: 1; }
    @media screen and (max-width: 599px) {
      #pickup_main.kaitaichiwemensclinic section[class^='box'].box3 .img_box > div {
        flex-basis: 50%; } }

@media screen and (min-width: 960px) {
  #pickup_main.nozomiseikei-saijo .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.nozomiseikei-saijo .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.nozomiseikei-saijo .hos_info {
    margin-bottom: 35px; } }

#pickup_main.nozomiseikei-saijo section img {
  width: 100%;
  height: auto; }

#pickup_main.nozomiseikei-saijo section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.nozomiseikei-saijo section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nozomiseikei-saijo section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section.main_img {
      margin-bottom: 25px; } }
  #pickup_main.nozomiseikei-saijo section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.nozomiseikei-saijo section.main_img h2 {
        font-size: 28px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nozomiseikei-saijo section.main_img h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nozomiseikei-saijo section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nozomiseikei-saijo section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.nozomiseikei-saijo section .img_box {
  border: 1px solid #cccccc;
  padding: 1em; }
  @media screen and (min-width: 960px) {
    #pickup_main.nozomiseikei-saijo section .img_box {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nozomiseikei-saijo section .img_box {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section .img_box {
      font-size: 10px; } }

@media screen and (min-width: 960px) {
  #pickup_main.nozomiseikei-saijo section[class^='box'] {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  #pickup_main.nozomiseikei-saijo section[class^='box'] {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.nozomiseikei-saijo section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  font-weight: bold;
  position: relative;
  padding: 0.3em 1em 0.3em 2em;
  color: #5ac8a0;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] h3 {
      line-height: 1.2;
      padding: 0.3em 1em 0.3em 1.5em; } }
  #pickup_main.nozomiseikei-saijo section[class^='box'] h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1em;
    height: 1.2em;
    width: 0.2em;
    background: #5ac8a0;
    transform: translateY(-50%); }
    @media screen and (max-width: 599px) {
      #pickup_main.nozomiseikei-saijo section[class^='box'] h3:before {
        left: 0.8em; } }

#pickup_main.nozomiseikei-saijo section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.nozomiseikei-saijo section[class^='box'] p:last-child {
    margin-bottom: 0; }

@media screen and (min-width: 960px) {
  #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box {
    margin-top: 40px; } }

#pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul {
      font-size: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul {
      font-size: 10px; } }
  #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 0.5em);
    line-height: 1; }
    @media screen and (max-width: 599px) {
      #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; }
        #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li:first-child {
          margin-bottom: 25px; } }
    #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box1 .img_box ul li p {
          font-size: 12px; } }

#pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 51.90311%; }
    @media screen and (max-width: 599px) {
      #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%;
        margin-bottom: 25px; } }
  #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 46.7128%;
    padding: 0;
    border: 0; }
    @media screen and (max-width: 599px) {
      #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
    #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box p {
      line-height: 1;
      padding: 0.8em 0;
      display: block;
      text-align: center;
      background: #f2f2f2; }
      @media screen and (min-width: 960px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box p {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nozomiseikei-saijo section[class^='box'].box2 .flex_box .img_box p {
          font-size: 12px; } }

#pickup_main.nozomiseikei-saijo section[class^='box'].box3 .img_box {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'].box3 .img_box {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nozomiseikei-saijo section[class^='box'].box3 .img_box {
      margin-top: 40px; } }
  #pickup_main.nozomiseikei-saijo section[class^='box'].box3 .img_box > div {
    flex-basis: 33.33333%;
    line-height: 1;
    padding: 0;
    overflow: hidden; }
    #pickup_main.nozomiseikei-saijo section[class^='box'].box3 .img_box > div img {
      line-height: 1;
      transform: scale(105%); }
    @media screen and (max-width: 599px) {
      #pickup_main.nozomiseikei-saijo section[class^='box'].box3 .img_box > div {
        flex-basis: 50%; } }

@media screen and (min-width: 960px) {
  #pickup_main.nanairo-shika .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.nanairo-shika .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.nanairo-shika .hos_info {
    margin-bottom: 35px; } }

#pickup_main.nanairo-shika section .inner {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }

#pickup_main.nanairo-shika section img {
  width: 100%;
  height: auto; }

#pickup_main.nanairo-shika section.main_img {
  line-height: 1;
  background: #f7f7f7; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section.main_img {
      margin-bottom: 25px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section.main_img {
      margin-top: 125px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section.main_img {
      margin-top: 105px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section.main_img {
      margin-top: 85px; } }
  #pickup_main.nanairo-shika section.main_img > .inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section.main_img > .inner {
        padding-top: 48px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section.main_img > .inner {
        padding-top: 34px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section.main_img > .inner {
        padding-top: 20px; } }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section.main_img > .inner {
        padding-bottom: 48px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section.main_img > .inner {
        padding-bottom: 34px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section.main_img > .inner {
        padding-bottom: 20px; } }
    #pickup_main.nanairo-shika section.main_img > .inner:after, #pickup_main.nanairo-shika section.main_img > .inner:before {
      content: "";
      position: absolute;
      top: -1.5em;
      left: -2em;
      height: 3em;
      width: 1px;
      transform: rotate(45deg);
      background: #64c0ab; }
      @media screen and (min-width: 960px) {
        #pickup_main.nanairo-shika section.main_img > .inner:after, #pickup_main.nanairo-shika section.main_img > .inner:before {
          font-size: 50px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section.main_img > .inner:after, #pickup_main.nanairo-shika section.main_img > .inner:before {
          font-size: 35px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner:after, #pickup_main.nanairo-shika section.main_img > .inner:before {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section.main_img > .inner:after, #pickup_main.nanairo-shika section.main_img > .inner:before {
          left: -1em; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner:after, #pickup_main.nanairo-shika section.main_img > .inner:before {
          left: 0em; } }
    #pickup_main.nanairo-shika section.main_img > .inner:after {
      top: auto;
      bottom: -1.5em;
      left: auto;
      right: -2em; }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section.main_img > .inner:after {
          right: -1em; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner:after {
          right: 0em; } }
    #pickup_main.nanairo-shika section.main_img > .inner div.img_box {
      flex-basis: 72.91667%; }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner div.img_box {
          flex-basis: 100%; } }
    #pickup_main.nanairo-shika section.main_img > .inner p {
      font-weight: bold;
      text-align: center; }
      @media screen and (min-width: 960px) {
        #pickup_main.nanairo-shika section.main_img > .inner p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section.main_img > .inner p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner p {
          font-size: 12px; } }
      @media screen and (min-width: 600px) {
        #pickup_main.nanairo-shika section.main_img > .inner p {
          flex-basis: 15.625%;
          margin-right: 6%;
          writing-mode: vertical-rl;
          text-orientation: upright; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner p {
          flex-basis: 100%;
          margin-top: 10px; } }
      #pickup_main.nanairo-shika section.main_img > .inner p span {
        font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
        display: block; }
        @media screen and (min-width: 960px) {
          #pickup_main.nanairo-shika section.main_img > .inner p span {
            font-size: 40px; } }
        @media screen and (max-width: 959px) {
          #pickup_main.nanairo-shika section.main_img > .inner p span {
            font-size: 30px; } }
        @media screen and (max-width: 599px) {
          #pickup_main.nanairo-shika section.main_img > .inner p span {
            font-size: 20px; } }
        #pickup_main.nanairo-shika section.main_img > .inner p span em {
          font-size: 0.7em;
          margin-top: 0.5em;
          display: inline-block; }
    #pickup_main.nanairo-shika section.main_img > .inner h2 {
      flex-basis: 100%;
      text-align: center;
      font-weight: bold;
      font-family: "Yu Mincho","YuMincho","游明朝","游明朝体"; }
      @media screen and (min-width: 960px) {
        #pickup_main.nanairo-shika section.main_img > .inner h2 {
          font-size: 36px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section.main_img > .inner h2 {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner h2 {
          font-size: 16px; } }
      @media screen and (min-width: 960px) {
        #pickup_main.nanairo-shika section.main_img > .inner h2 {
          margin-top: 30px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section.main_img > .inner h2 {
          margin-top: 20px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner h2 {
          margin-top: 10px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section.main_img > .inner h2 {
          text-align: left; }
          #pickup_main.nanairo-shika section.main_img > .inner h2 br {
            display: none; } }

@media screen and (min-width: 960px) {
  #pickup_main.nanairo-shika section .img_box p {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  #pickup_main.nanairo-shika section .img_box p {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  #pickup_main.nanairo-shika section .img_box p {
    font-size: 12px; } }

#pickup_main.nanairo-shika section[class^='chapter']:before {
  content: "";
  display: block;
  width: 1em;
  height: 4.79167em;
  background: url("../img/pu/2302nanairo-shika/point.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto 2em; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter']:before {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter']:before {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter']:before {
      font-size: 12px; } }

#pickup_main.nanairo-shika section[class^='chapter'] .inner {
  background: white;
  background: linear-gradient(90deg, #ecf6f3 0%, #ecf6f3 3em, #ffffff 3em, #ffffff 100%);
  position: relative;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .inner {
      font-size: 30px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .inner {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .inner {
      font-size: 6px; } }
  #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] {
    border-bottom: 1em solid #64c0ab;
    position: relative; }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] {
        font-size: 10px; } }
    #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] span {
      background: rgba(255, 255, 255, 0.5);
      display: inline-block;
      padding: 0.1em 2em 0.1em 0.3em;
      margin: 2em 0em 0.5em 0;
      font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
      line-height: 1; }
      @media screen and (min-width: 960px) {
        #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] span {
          font-size: 48px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] span {
          font-size: 33px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] span {
          font-size: 18px; } }
      #pickup_main.nanairo-shika section[class^='chapter'] .inner > [class^='title'] span em {
        font-size: 1.5em;
        line-height: 1; }
  #pickup_main.nanairo-shika section[class^='chapter'] .inner div.title-1 {
    background: url("../img/pu/2302nanairo-shika/bg1.jpg");
    background-size: cover; }
  #pickup_main.nanairo-shika section[class^='chapter'] .inner div.title-2 {
    background: url("../img/pu/2302nanairo-shika/bg2.jpg");
    background-size: cover; }
  #pickup_main.nanairo-shika section[class^='chapter'] .inner div.title-3 {
    background: url("../img/pu/2302nanairo-shika/bg3.jpg");
    background-size: cover; }
  #pickup_main.nanairo-shika section[class^='chapter'] .inner:before {
    content: "";
    position: absolute;
    top: -1.5em;
    left: 0;
    height: 3em;
    width: 1px;
    transform: rotate(45deg);
    background: #64c0ab; }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section[class^='chapter'] .inner:before {
        font-size: 50px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section[class^='chapter'] .inner:before {
        font-size: 35px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section[class^='chapter'] .inner:before {
        font-size: 20px; } }

@media screen and (min-width: 960px) {
  #pickup_main.nanairo-shika section[class^='chapter'] {
    margin-bottom: 70px; } }

@media screen and (max-width: 959px) {
  #pickup_main.nanairo-shika section[class^='chapter'] {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.nanairo-shika section[class^='chapter'] {
    margin-bottom: 30px; } }

#pickup_main.nanairo-shika section[class^='chapter'] h2 {
  font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
  font-weight: bold;
  position: relative;
  color: #5ac8a0;
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      font-size: 24px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-left: 150px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-left: 90px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-left: 30px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      margin-top: 40px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h2 {
      line-height: 1.2; } }
  #pickup_main.nanairo-shika section[class^='chapter'] h2 + p {
    background: #f7f7f7;
    padding: 1em; }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section[class^='chapter'] h2 + p {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section[class^='chapter'] h2 + p {
        margin-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section[class^='chapter'] h2 + p {
        margin-bottom: 40px; } }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section[class^='chapter'] h2 + p {
        margin-left: 150px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section[class^='chapter'] h2 + p {
        margin-left: 90px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section[class^='chapter'] h2 + p {
        margin-left: 30px; } }

#pickup_main.nanairo-shika section[class^='chapter'] h3 {
  font-weight: bold;
  color: #64c0ab;
  border-bottom: 2px solid #64c0ab;
  padding-bottom: 0.3em; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-left: 150px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-left: 90px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-left: 30px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] h3 {
      margin-bottom: 20px; } }

#pickup_main.nanairo-shika section[class^='chapter'] .img_box {
  background: #f7f7f7;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      margin-left: 150px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      margin-left: 90px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      margin-left: 30px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      padding: 25px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      padding: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      padding: 9px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box {
      margin-top: 10px; } }
  #pickup_main.nanairo-shika section[class^='chapter'] .img_box p {
    margin-left: 0;
    text-align: center; }
  #pickup_main.nanairo-shika section[class^='chapter'] .img_box.bar {
    position: relative; }
    #pickup_main.nanairo-shika section[class^='chapter'] .img_box.bar:before {
      content: "";
      position: absolute;
      bottom: -1em;
      right: 0.5em;
      height: 3em;
      width: 1px;
      transform: rotate(45deg);
      background: #64c0ab; }
      @media screen and (min-width: 960px) {
        #pickup_main.nanairo-shika section[class^='chapter'] .img_box.bar:before {
          font-size: 40px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section[class^='chapter'] .img_box.bar:before {
          font-size: 30px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section[class^='chapter'] .img_box.bar:before {
          font-size: 20px; } }

#pickup_main.nanairo-shika section[class^='chapter'] p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p {
      margin-left: 150px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p {
      margin-left: 90px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p {
      margin-left: 30px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p {
      font-size: 12px; } }
  #pickup_main.nanairo-shika section[class^='chapter'] p + p {
    margin-top: 1.5em; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p + .img_box {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p + .img_box {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='chapter'] p + .img_box {
      margin-top: 30px; } }

@media screen and (min-width: 960px) {
  #pickup_main.nanairo-shika section[class^='end'] {
    margin-top: 120px; } }

@media screen and (max-width: 959px) {
  #pickup_main.nanairo-shika section[class^='end'] {
    margin-top: 90px; } }

@media screen and (max-width: 599px) {
  #pickup_main.nanairo-shika section[class^='end'] {
    margin-top: 60px; } }

#pickup_main.nanairo-shika section[class^='end'] .inner {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #e2e2e2; }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-bottom: 40px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-left: 100px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-left: 70px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-left: 40px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-right: 100px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-right: 70px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.nanairo-shika section[class^='end'] .inner {
      padding-right: 40px; } }
  #pickup_main.nanairo-shika section[class^='end'] .inner h3 {
    font-family: "Yu Mincho","YuMincho","游明朝","游明朝体";
    text-align: center;
    color: #64c0ab; }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner h3 {
        font-size: 26px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner h3 {
        font-size: 20px; } }
    #pickup_main.nanairo-shika section[class^='end'] .inner h3:after {
      content: "";
      display: block;
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      background: #64c0ab;
      margin: 2em auto 2em; }
      @media screen and (min-width: 960px) {
        #pickup_main.nanairo-shika section[class^='end'] .inner h3:after {
          font-size: 12px; } }
      @media screen and (max-width: 959px) {
        #pickup_main.nanairo-shika section[class^='end'] .inner h3:after {
          font-size: 10px; } }
      @media screen and (max-width: 599px) {
        #pickup_main.nanairo-shika section[class^='end'] .inner h3:after {
          font-size: 8px; } }
  #pickup_main.nanairo-shika section[class^='end'] .inner p {
    line-height: 1.6; }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner p {
        font-size: 12px; } }
    #pickup_main.nanairo-shika section[class^='end'] .inner p + p {
      margin-top: 1.2em; }
  #pickup_main.nanairo-shika section[class^='end'] .inner .img_box {
    background: #f7f7f7;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner .img_box {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner .img_box {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.nanairo-shika section[class^='end'] .inner .img_box {
        margin-top: 20px; } }
    #pickup_main.nanairo-shika section[class^='end'] .inner .img_box p {
      margin-left: 0;
      text-align: center;
      padding: 0.3em 0 0.6em 0; }
    #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar {
      position: relative; }
      #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:before, #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:after {
        content: "";
        position: absolute;
        bottom: -1em;
        right: 0.5em;
        height: 3em;
        width: 1px;
        transform: rotate(45deg);
        background: #64c0ab; }
        @media screen and (min-width: 960px) {
          #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:before, #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:after {
            font-size: 40px; } }
        @media screen and (max-width: 959px) {
          #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:before, #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:after {
            font-size: 35px; } }
        @media screen and (max-width: 599px) {
          #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:before, #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:after {
            font-size: 30px; } }
      #pickup_main.nanairo-shika section[class^='end'] .inner .img_box.bar:after {
        bottom: auto;
        top: -0.8em;
        right: auto;
        left: 0.5em; }

@media screen and (min-width: 960px) {
  #pickup_main.takumafclinic .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.takumafclinic .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.takumafclinic .hos_info {
    margin-bottom: 35px; } }

#pickup_main.takumafclinic section img {
  width: 100%;
  height: auto; }

#pickup_main.takumafclinic section.main_img {
  line-height: 1; }
  @media screen and (min-width: 960px) {
    #pickup_main.takumafclinic section.main_img {
      margin-bottom: 65px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.takumafclinic section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.takumafclinic section.main_img {
      margin-bottom: 25px; } }
  #pickup_main.takumafclinic section.main_img h2 {
    margin-top: 1.2em;
    color: #000000;
    border-bottom: 2px solid #5ac8a0;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #pickup_main.takumafclinic section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.takumafclinic section.main_img h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.takumafclinic section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.takumafclinic section.main_img h2 {
        padding: 0.2em; } }

@media screen and (min-width: 960px) {
  #pickup_main.takumafclinic section[class^="box"] + section[class^="box"] {
    margin-top: 80px; } }

@media screen and (max-width: 959px) {
  #pickup_main.takumafclinic section[class^="box"] + section[class^="box"] {
    margin-top: 60px; } }

@media screen and (max-width: 599px) {
  #pickup_main.takumafclinic section[class^="box"] + section[class^="box"] {
    margin-top: 40px; } }

#pickup_main.takumafclinic section[class^="box"] h3 {
  font-weight: bold;
  color: #5ac8a0;
  border-bottom: 1px dashed #848484;
  margin-bottom: 1.2em;
  padding-bottom: 0.5em; }
  @media screen and (min-width: 960px) {
    #pickup_main.takumafclinic section[class^="box"] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.takumafclinic section[class^="box"] h3 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.takumafclinic section[class^="box"] h3 {
      font-size: 16px; } }

#pickup_main.takumafclinic section[class^="box"] .text_box p {
  line-height: 2; }

#pickup_main.takumafclinic section[class^="box"] .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 599px) {
    #pickup_main.takumafclinic section[class^="box"] .flex_box {
      display: block; } }
  #pickup_main.takumafclinic section[class^="box"] .flex_box .text_box {
    flex-basis: 50%; }
  #pickup_main.takumafclinic section[class^="box"] .flex_box .img_box {
    flex-basis: 47.23183%; }
    @media screen and (max-width: 599px) {
      #pickup_main.takumafclinic section[class^="box"] .flex_box .img_box {
        margin-top: 20px; } }
  #pickup_main.takumafclinic section[class^="box"] .flex_box.type2 .text_box {
    order: 2; }
  #pickup_main.takumafclinic section[class^="box"] .flex_box.type2 .img_box {
    order: 1; }

#pickup_main.takumafclinic section[class^="box"] .flex_box3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #pickup_main.takumafclinic section[class^="box"] .flex_box3 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.takumafclinic section[class^="box"] .flex_box3 {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.takumafclinic section[class^="box"] .flex_box3 {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.takumafclinic section[class^="box"] .flex_box3 {
      display: block; } }
  #pickup_main.takumafclinic section[class^="box"] .flex_box3 .img_box {
    flex-basis: 32.17993%; }

@media screen and (min-width: 960px) {
  #pickup_main.danbara-dental .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.danbara-dental .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.danbara-dental .hos_info {
    margin-bottom: 35px; } }

#pickup_main.danbara-dental section img {
  width: 100%;
  height: auto; }

#pickup_main.danbara-dental section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.danbara-dental section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.danbara-dental section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.danbara-dental section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.danbara-dental section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.danbara-dental section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.danbara-dental section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.danbara-dental section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.danbara-dental section.lead_box {
  padding: 2em;
  background-color: #f3f3f3; }
  @media screen and (min-width: 960px) {
    #pickup_main.danbara-dental section.lead_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.danbara-dental section.lead_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section.lead_box {
      margin-bottom: 30px; } }
  #pickup_main.danbara-dental section.lead_box h3 {
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #pickup_main.danbara-dental section.lead_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.danbara-dental section.lead_box h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.danbara-dental section.lead_box h3 {
        font-size: 14px; } }
  #pickup_main.danbara-dental section.lead_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #pickup_main.danbara-dental section.lead_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.danbara-dental section.lead_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.danbara-dental section.lead_box p {
        font-size: 12px; } }

#pickup_main.danbara-dental section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.danbara-dental section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.danbara-dental section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section .img_box {
      font-size: 12px; } }
  #pickup_main.danbara-dental section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.danbara-dental section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.danbara-dental section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.danbara-dental section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.danbara-dental section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.danbara-dental section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.danbara-dental section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.danbara-dental section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.danbara-dental section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.danbara-dental section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.danbara-dental section[class^='box'] p:last-child {
    margin-bottom: 0; }

@media screen and (min-width: 960px) {
  #pickup_main.danbara-dental section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.danbara-dental section[class^='box'].box1 .img_box {
    margin-top: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.danbara-dental section[class^='box'].box1 .img_box {
    margin-top: 30px; } }

#pickup_main.danbara-dental section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.danbara-dental section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 1em); }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section[class^='box'].box1 .img_box ul {
      gap: 25px; }
      #pickup_main.danbara-dental section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; } }

#pickup_main.danbara-dental section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.danbara-dental section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.danbara-dental section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.danbara-dental section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.danbara-dental section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section[class^='box'].box2 .flex_box {
      gap: 25px; } }

#pickup_main.danbara-dental section[class^='box'].box3 .img_box {
  background-color: transparent;
  padding: 0; }
  @media screen and (min-width: 960px) {
    #pickup_main.danbara-dental section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.danbara-dental section[class^='box'].box3 .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.danbara-dental section[class^='box'].box3 .img_box {
      margin-top: 30px; } }

@media screen and (min-width: 960px) {
  #pickup_main.kamiyatyou_yanase .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kamiyatyou_yanase .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kamiyatyou_yanase .hos_info {
    margin-bottom: 35px; } }

#pickup_main.kamiyatyou_yanase section img {
  width: 100%;
  height: auto; }

#pickup_main.kamiyatyou_yanase section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.kamiyatyou_yanase section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.kamiyatyou_yanase section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kamiyatyou_yanase section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.kamiyatyou_yanase section.lead_box {
  padding: 2em;
  background-color: #f3f3f3; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section.lead_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section.lead_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section.lead_box {
      margin-bottom: 30px; } }
  #pickup_main.kamiyatyou_yanase section.lead_box h3 {
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #pickup_main.kamiyatyou_yanase section.lead_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kamiyatyou_yanase section.lead_box h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section.lead_box h3 {
        font-size: 14px; } }
  #pickup_main.kamiyatyou_yanase section.lead_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #pickup_main.kamiyatyou_yanase section.lead_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kamiyatyou_yanase section.lead_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section.lead_box p {
        font-size: 12px; } }

#pickup_main.kamiyatyou_yanase section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section .img_box {
      font-size: 12px; } }
  #pickup_main.kamiyatyou_yanase section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.kamiyatyou_yanase section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kamiyatyou_yanase section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kamiyatyou_yanase section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.kamiyatyou_yanase section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.kamiyatyou_yanase section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.kamiyatyou_yanase section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.kamiyatyou_yanase section[class^='box'] .app_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box {
      margin-top: 30px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box {
      font-size: 12px; } }
  #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box h4 {
    font-weight: bold;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center; }
  #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box p {
    margin: 2em 0; }
  #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box ul li {
      flex-basis: 31.50183%; }
  #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box {
        display: block;
        gap: 0 !important; } }
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box > div {
      flex-basis: 50%; }
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .text_box {
      background: #5ac8a0;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 599px) {
        #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .text_box {
          flex-basis: 100%; } }
      #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .text_box h5 {
        color: #ffffff;
        line-height: 2;
        font-weight: bold;
        font-size: 1.25em;
        text-align: center; }
    #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .link_box {
      background: #ffffff;
      display: flex;
      flex-wrap: nowrap;
      padding: 1.5em 0;
      justify-content: center; }
      @media screen and (max-width: 599px) {
        #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .link_box {
          flex-basis: 100%; } }
      #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .link_box a:first-child {
        flex-basis: 40.14599%; }
        @media screen and (min-width: 960px) {
          #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .link_box a:first-child {
            margin-right: 30px; } }
        @media screen and (max-width: 959px) {
          #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .link_box a:first-child {
            margin-right: 25px; } }
        @media screen and (max-width: 599px) {
          #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .link_box a:first-child {
            margin-right: 20px; } }
      #pickup_main.kamiyatyou_yanase section[class^='box'] .app_box .flex_box .link_box a:last-child {
        flex-basis: 32.29927%; }

@media screen and (min-width: 960px) {
  #pickup_main.kamiyatyou_yanase section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kamiyatyou_yanase section[class^='box'].box1 .img_box {
    margin-top: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kamiyatyou_yanase section[class^='box'].box1 .img_box {
    margin-top: 30px; } }

#pickup_main.kamiyatyou_yanase section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.kamiyatyou_yanase section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 1em); }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box1 .img_box ul {
      gap: 25px; }
      #pickup_main.kamiyatyou_yanase section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; } }

#pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box {
      gap: 25px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box + .flex_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box + .flex_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .flex_box + .flex_box {
      margin-top: 30px; } }

#pickup_main.kamiyatyou_yanase section[class^='box'].box2 .link_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .link_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .link_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .link_box {
      font-size: 12px; } }
  #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .link_box span {
    display: block;
    margin-bottom: 0.8em; }
  #pickup_main.kamiyatyou_yanase section[class^='box'].box2 .link_box a {
    text-decoration: underline; }

#pickup_main.kamiyatyou_yanase section[class^='box'].box3 .img_box {
  background-color: transparent;
  padding: 0; }
  @media screen and (min-width: 960px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .img_box {
      margin-top: 30px; } }

#pickup_main.kamiyatyou_yanase section[class^='box'].box3 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .flex_box .img_box {
    flex-basis: 48.70242%; }
    @media screen and (min-width: 960px) {
      #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .flex_box .img_box {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .flex_box .img_box {
        margin-top: 23px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .flex_box .img_box {
        margin-top: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kamiyatyou_yanase section[class^='box'].box3 .flex_box .img_box {
        flex-basis: 100%; } }

@media screen and (min-width: 960px) {
  #pickup_main.noda_jibi .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.noda_jibi .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.noda_jibi .hos_info {
    margin-bottom: 35px; } }

#pickup_main.noda_jibi section img {
  width: 100%;
  height: auto; }

#pickup_main.noda_jibi section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.noda_jibi section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.noda_jibi section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.noda_jibi section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.noda_jibi section.lead_box {
  padding: 2em;
  background-color: #f3f3f3; }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section.lead_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section.lead_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section.lead_box {
      margin-bottom: 30px; } }
  #pickup_main.noda_jibi section.lead_box h3 {
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #pickup_main.noda_jibi section.lead_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.noda_jibi section.lead_box h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section.lead_box h3 {
        font-size: 14px; } }
  #pickup_main.noda_jibi section.lead_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #pickup_main.noda_jibi section.lead_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.noda_jibi section.lead_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section.lead_box p {
        font-size: 12px; } }

#pickup_main.noda_jibi section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section .img_box {
      font-size: 12px; } }
  #pickup_main.noda_jibi section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.noda_jibi section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.noda_jibi section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.noda_jibi section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.noda_jibi section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.noda_jibi section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.noda_jibi section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.noda_jibi section[class^='box'] .app_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section[class^='box'] .app_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section[class^='box'] .app_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'] .app_box {
      margin-top: 30px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section[class^='box'] .app_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section[class^='box'] .app_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'] .app_box {
      font-size: 12px; } }
  #pickup_main.noda_jibi section[class^='box'] .app_box h4 {
    font-weight: bold;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center; }
  #pickup_main.noda_jibi section[class^='box'] .app_box p {
    margin: 2em 0; }
  #pickup_main.noda_jibi section[class^='box'] .app_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #pickup_main.noda_jibi section[class^='box'] .app_box ul li {
      flex-basis: 31.50183%; }
  #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box {
        display: block;
        gap: 0 !important; } }
    #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box > div {
      flex-basis: 50%; }
    #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .text_box {
      background: #5ac8a0;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 599px) {
        #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .text_box {
          flex-basis: 100%; } }
      #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .text_box h5 {
        color: #ffffff;
        line-height: 2;
        font-weight: bold;
        font-size: 1.25em;
        text-align: center; }
    #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .link_box {
      background: #ffffff;
      display: flex;
      flex-wrap: nowrap;
      padding: 1.5em 0;
      justify-content: center; }
      @media screen and (max-width: 599px) {
        #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .link_box {
          flex-basis: 100%; } }
      #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .link_box a:first-child {
        flex-basis: 40.14599%; }
        @media screen and (min-width: 960px) {
          #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .link_box a:first-child {
            margin-right: 30px; } }
        @media screen and (max-width: 959px) {
          #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .link_box a:first-child {
            margin-right: 25px; } }
        @media screen and (max-width: 599px) {
          #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .link_box a:first-child {
            margin-right: 20px; } }
      #pickup_main.noda_jibi section[class^='box'] .app_box .flex_box .link_box a:last-child {
        flex-basis: 32.29927%; }

@media screen and (min-width: 960px) {
  #pickup_main.noda_jibi section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.noda_jibi section[class^='box'].box1 .img_box {
    margin-top: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.noda_jibi section[class^='box'].box1 .img_box {
    margin-top: 30px; } }

#pickup_main.noda_jibi section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.noda_jibi section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 1em); }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'].box1 .img_box ul {
      gap: 25px; }
      #pickup_main.noda_jibi section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; } }

#pickup_main.noda_jibi section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.noda_jibi section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.noda_jibi section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'].box2 .flex_box {
      gap: 25px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section[class^='box'].box2 .flex_box + .flex_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section[class^='box'].box2 .flex_box + .flex_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'].box2 .flex_box + .flex_box {
      margin-top: 30px; } }

#pickup_main.noda_jibi section[class^='box'].box3 .img_box {
  background-color: transparent;
  padding: 0; }
  @media screen and (min-width: 960px) {
    #pickup_main.noda_jibi section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.noda_jibi section[class^='box'].box3 .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.noda_jibi section[class^='box'].box3 .img_box {
      margin-top: 30px; } }

#pickup_main.noda_jibi section[class^='box'].box3 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.noda_jibi section[class^='box'].box3 .flex_box .img_box {
    flex-basis: 48.70242%; }
    @media screen and (min-width: 960px) {
      #pickup_main.noda_jibi section[class^='box'].box3 .flex_box .img_box {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.noda_jibi section[class^='box'].box3 .flex_box .img_box {
        margin-top: 23px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section[class^='box'].box3 .flex_box .img_box {
        margin-top: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.noda_jibi section[class^='box'].box3 .flex_box .img_box {
        flex-basis: 100%; } }

@media screen and (min-width: 960px) {
  #pickup_main.saijo-sukoyaka .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.saijo-sukoyaka .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.saijo-sukoyaka .hos_info {
    margin-bottom: 35px; } }

#pickup_main.saijo-sukoyaka section img {
  width: 100%;
  height: auto; }

#pickup_main.saijo-sukoyaka section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.saijo-sukoyaka section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.saijo-sukoyaka section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.saijo-sukoyaka section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.saijo-sukoyaka section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.saijo-sukoyaka section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.saijo-sukoyaka section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.saijo-sukoyaka section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.saijo-sukoyaka section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.saijo-sukoyaka section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.saijo-sukoyaka section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.saijo-sukoyaka section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.saijo-sukoyaka section .img_box {
      font-size: 12px; } }
  #pickup_main.saijo-sukoyaka section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.saijo-sukoyaka section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.saijo-sukoyaka section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.saijo-sukoyaka section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.saijo-sukoyaka section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.saijo-sukoyaka section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.saijo-sukoyaka section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.saijo-sukoyaka section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.saijo-sukoyaka section[class^='box'] p {
  margin-bottom: 2em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.saijo-sukoyaka section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.saijo-sukoyaka section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.saijo-sukoyaka section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.saijo-sukoyaka section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.saijo-sukoyaka section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.saijo-sukoyaka section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 1em); }
  @media screen and (max-width: 599px) {
    #pickup_main.saijo-sukoyaka section[class^='box'].box1 .img_box ul {
      gap: 25px; }
      #pickup_main.saijo-sukoyaka section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; } }

#pickup_main.saijo-sukoyaka section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.saijo-sukoyaka section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.saijo-sukoyaka section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.saijo-sukoyaka section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.saijo-sukoyaka section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.saijo-sukoyaka section[class^='box'].box2 .flex_box {
      gap: 25px; } }

#pickup_main.saijo-sukoyaka section[class^='box'].box3 .img_box ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em; }
  @media screen and (max-width: 599px) {
    #pickup_main.saijo-sukoyaka section[class^='box'].box3 .img_box ul {
      grid-template-columns: repeat(2, 1fr); } }

@media screen and (min-width: 960px) {
  #pickup_main.inokuchi-cl .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.inokuchi-cl .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.inokuchi-cl .hos_info {
    margin-bottom: 35px; } }

#pickup_main.inokuchi-cl section img {
  width: 100%;
  height: auto; }

#pickup_main.inokuchi-cl section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchi-cl section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchi-cl section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchi-cl section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.inokuchi-cl section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.inokuchi-cl section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.inokuchi-cl section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchi-cl section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchi-cl section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.inokuchi-cl section .img_box {
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchi-cl section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchi-cl section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchi-cl section .img_box {
      font-size: 12px; } }
  #pickup_main.inokuchi-cl section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.inokuchi-cl section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.inokuchi-cl section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.inokuchi-cl section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.inokuchi-cl section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchi-cl section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchi-cl section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchi-cl section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.inokuchi-cl section[class^='box'] p {
  margin-bottom: 2em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.inokuchi-cl section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.inokuchi-cl section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchi-cl section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.inokuchi-cl section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.inokuchi-cl section[class^='box'].box0 .text_box {
  background-color: #f3f3f3;
  padding: 2em; }
  #pickup_main.inokuchi-cl section[class^='box'].box0 .text_box .sub_title {
    text-align: center;
    display: block;
    font-weight: bold;
    margin-bottom: 0.6em; }
    @media screen and (min-width: 960px) {
      #pickup_main.inokuchi-cl section[class^='box'].box0 .text_box .sub_title {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.inokuchi-cl section[class^='box'].box0 .text_box .sub_title {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchi-cl section[class^='box'].box0 .text_box .sub_title {
        font-size: 16px; } }

#pickup_main.inokuchi-cl section[class^='box'].box1 .img_box {
  padding-left: 0;
  padding-right: 0; }
  #pickup_main.inokuchi-cl section[class^='box'].box1 .img_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #pickup_main.inokuchi-cl section[class^='box'].box1 .img_box ul li {
      flex-basis: calc(50% - 1em); }
      #pickup_main.inokuchi-cl section[class^='box'].box1 .img_box ul li p {
        display: block;
        background-color: #f3f3f3;
        padding: 0.6em; }
        @media screen and (max-width: 599px) {
          #pickup_main.inokuchi-cl section[class^='box'].box1 .img_box ul li p span {
            letter-spacing: -0.05em; } }
      #pickup_main.inokuchi-cl section[class^='box'].box1 .img_box ul li.fb100 {
        flex-basis: 100%;
        margin-bottom: 2em; }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchi-cl section[class^='box'].box1 .img_box ul {
        gap: 25px; }
        #pickup_main.inokuchi-cl section[class^='box'].box1 .img_box ul li {
          flex-basis: 100%; } }

#pickup_main.inokuchi-cl section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.inokuchi-cl section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchi-cl section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.inokuchi-cl section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchi-cl section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
    #pickup_main.inokuchi-cl section[class^='box'].box2 .flex_box .img_box p {
      display: block;
      background-color: #f3f3f3;
      padding: 0.6em; }
  @media screen and (max-width: 599px) {
    #pickup_main.inokuchi-cl section[class^='box'].box2 .flex_box {
      gap: 25px; } }

#pickup_main.inokuchi-cl section[class^='box'].box3 .img_box {
  margin-top: 2em;
  background-color: #f3f3f3; }
  #pickup_main.inokuchi-cl section[class^='box'].box3 .img_box ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em; }
    @media screen and (max-width: 599px) {
      #pickup_main.inokuchi-cl section[class^='box'].box3 .img_box ul {
        grid-template-columns: repeat(1, 1fr); } }

@media screen and (min-width: 960px) {
  #pickup_main.omachi-cl .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.omachi-cl .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.omachi-cl .hos_info {
    margin-bottom: 35px; } }

#pickup_main.omachi-cl section img {
  width: 100%;
  height: auto; }

#pickup_main.omachi-cl section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.omachi-cl section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.omachi-cl section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.omachi-cl section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.omachi-cl section.lead_box {
  padding: 2em;
  background-color: #f3f3f3; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section.lead_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section.lead_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section.lead_box {
      margin-bottom: 30px; } }
  #pickup_main.omachi-cl section.lead_box h3 {
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #pickup_main.omachi-cl section.lead_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.omachi-cl section.lead_box h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section.lead_box h3 {
        font-size: 14px; } }
  #pickup_main.omachi-cl section.lead_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #pickup_main.omachi-cl section.lead_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.omachi-cl section.lead_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section.lead_box p {
        font-size: 12px; } }

#pickup_main.omachi-cl section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section .img_box {
      font-size: 12px; } }
  #pickup_main.omachi-cl section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.omachi-cl section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.omachi-cl section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.omachi-cl section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.omachi-cl section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.omachi-cl section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.omachi-cl section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.omachi-cl section[class^='box'] .grid_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25em; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section[class^='box'] .grid_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section[class^='box'] .grid_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'] .grid_box {
      font-size: 12px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section[class^='box'] .grid_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section[class^='box'] .grid_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'] .grid_box {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'] .grid_box {
      grid-template-columns: repeat(2, 1fr); } }

@media screen and (min-width: 960px) {
  #pickup_main.omachi-cl section[class^='box'].box1 .img_box {
    margin-top: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.omachi-cl section[class^='box'].box1 .img_box {
    margin-top: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.omachi-cl section[class^='box'].box1 .img_box {
    margin-top: 30px; } }

#pickup_main.omachi-cl section[class^='box'].box1 .img_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.omachi-cl section[class^='box'].box1 .img_box ul li {
    flex-basis: calc(50% - 1em); }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'].box1 .img_box ul {
      gap: 25px; }
      #pickup_main.omachi-cl section[class^='box'].box1 .img_box ul li {
        flex-basis: 100%; } }

#pickup_main.omachi-cl section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.omachi-cl section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.omachi-cl section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .flex_box {
      gap: 25px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 30px; } }

#pickup_main.omachi-cl section[class^='box'].box2 .img_box h4 {
  font-weight: bold;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .img_box h4 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .img_box h4 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .img_box h4 {
      font-size: 16px; } }
  #pickup_main.omachi-cl section[class^='box'].box2 .img_box h4 + p {
    text-align: left; }

#pickup_main.omachi-cl section[class^='box'].box2 .img_box ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  margin-top: 2em; }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'].box2 .img_box ul {
      grid-template-columns: 1fr; } }

#pickup_main.omachi-cl section[class^='box'].box3 .img_box {
  background-color: transparent;
  padding: 0; }
  @media screen and (min-width: 960px) {
    #pickup_main.omachi-cl section[class^='box'].box3 .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.omachi-cl section[class^='box'].box3 .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.omachi-cl section[class^='box'].box3 .img_box {
      margin-top: 30px; } }

#pickup_main.omachi-cl section[class^='box'].box3 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.omachi-cl section[class^='box'].box3 .flex_box .img_box {
    flex-basis: 48.70242%; }
    @media screen and (min-width: 960px) {
      #pickup_main.omachi-cl section[class^='box'].box3 .flex_box .img_box {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.omachi-cl section[class^='box'].box3 .flex_box .img_box {
        margin-top: 23px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section[class^='box'].box3 .flex_box .img_box {
        margin-top: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.omachi-cl section[class^='box'].box3 .flex_box .img_box {
        flex-basis: 100%; } }

@media screen and (min-width: 960px) {
  #pickup_main.kimuraaozora .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kimuraaozora .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kimuraaozora .hos_info {
    margin-bottom: 35px; } }

#pickup_main.kimuraaozora section img {
  width: 100%;
  height: auto; }

#pickup_main.kimuraaozora section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.kimuraaozora section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.kimuraaozora section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kimuraaozora section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.kimuraaozora section.lead_box {
  padding: 2em;
  background-color: #f3f3f3; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section.lead_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section.lead_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section.lead_box {
      margin-bottom: 30px; } }
  #pickup_main.kimuraaozora section.lead_box h3 {
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #pickup_main.kimuraaozora section.lead_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kimuraaozora section.lead_box h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section.lead_box h3 {
        font-size: 14px; } }
  #pickup_main.kimuraaozora section.lead_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #pickup_main.kimuraaozora section.lead_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kimuraaozora section.lead_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section.lead_box p {
        font-size: 12px; } }

#pickup_main.kimuraaozora section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section .img_box {
      font-size: 12px; } }
  #pickup_main.kimuraaozora section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.kimuraaozora section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kimuraaozora section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kimuraaozora section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.kimuraaozora section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1.6em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.kimuraaozora section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.kimuraaozora section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.kimuraaozora section[class^='box'] .grid_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section[class^='box'] .grid_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section[class^='box'] .grid_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'] .grid_box {
      font-size: 12px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'] .grid_box {
      grid-template-columns: repeat(2, 1fr); } }

#pickup_main.kimuraaozora section[class^='box'].box1 .note {
  background: #f3f3f3;
  padding: 2em; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section[class^='box'].box1 .note {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section[class^='box'].box1 .note {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'].box1 .note {
      margin-top: 30px; } }
  #pickup_main.kimuraaozora section[class^='box'].box1 .note p {
    text-align: center;
    margin-top: 0.4em; }

#pickup_main.kimuraaozora section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box {
      gap: 25px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 30px; } }
  #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box.type2 .text_box {
    order: 2; }
  #pickup_main.kimuraaozora section[class^='box'].box2 .flex_box.type2 .img_box {
    order: 1; }

#pickup_main.kimuraaozora section[class^='box'].box2 .img_box h4 {
  font-weight: bold;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 960px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .img_box h4 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .img_box h4 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .img_box h4 {
      font-size: 16px; } }
  #pickup_main.kimuraaozora section[class^='box'].box2 .img_box h4 + p {
    text-align: left; }

#pickup_main.kimuraaozora section[class^='box'].box2 .img_box ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  margin-top: 2em; }
  @media screen and (max-width: 599px) {
    #pickup_main.kimuraaozora section[class^='box'].box2 .img_box ul {
      grid-template-columns: 1fr; } }

@media screen and (min-width: 960px) {
  #pickup_main.kimuraaozora section[class^='box'].box3 .text_box {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.kimuraaozora section[class^='box'].box3 .text_box {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.kimuraaozora section[class^='box'].box3 .text_box {
    margin-bottom: 30px; } }

#pickup_main.kimuraaozora section[class^='box'].box3 .img_box {
  background-color: transparent;
  padding: 0; }

#pickup_main.kimuraaozora section[class^='box'].box3 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.kimuraaozora section[class^='box'].box3 .flex_box .img_box {
    flex-basis: 48.70242%; }
    @media screen and (min-width: 960px) {
      #pickup_main.kimuraaozora section[class^='box'].box3 .flex_box .img_box {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.kimuraaozora section[class^='box'].box3 .flex_box .img_box {
        margin-top: 23px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section[class^='box'].box3 .flex_box .img_box {
        margin-top: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.kimuraaozora section[class^='box'].box3 .flex_box .img_box {
        flex-basis: 100%; } }
    #pickup_main.kimuraaozora section[class^='box'].box3 .flex_box .img_box p {
      background: #f3f3f3;
      padding: 0.4em; }

@media screen and (min-width: 960px) {
  #pickup_main.okayamajinhinyoukika .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.okayamajinhinyoukika .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.okayamajinhinyoukika .hos_info {
    margin-bottom: 35px; } }

#pickup_main.okayamajinhinyoukika section img {
  width: 100%;
  height: auto; }

#pickup_main.okayamajinhinyoukika section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.okayamajinhinyoukika section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.okayamajinhinyoukika section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.okayamajinhinyoukika section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.okayamajinhinyoukika section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.okayamajinhinyoukika section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.okayamajinhinyoukika section.lead_box {
  padding: 2em;
  background-color: #f3f3f3; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section.lead_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section.lead_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section.lead_box {
      margin-bottom: 30px; } }
  #pickup_main.okayamajinhinyoukika section.lead_box h3 {
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #pickup_main.okayamajinhinyoukika section.lead_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.okayamajinhinyoukika section.lead_box h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.okayamajinhinyoukika section.lead_box h3 {
        font-size: 14px; } }
  #pickup_main.okayamajinhinyoukika section.lead_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #pickup_main.okayamajinhinyoukika section.lead_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.okayamajinhinyoukika section.lead_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.okayamajinhinyoukika section.lead_box p {
        font-size: 12px; } }

#pickup_main.okayamajinhinyoukika section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section .img_box {
      font-size: 12px; } }
  #pickup_main.okayamajinhinyoukika section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.okayamajinhinyoukika section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.okayamajinhinyoukika section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.okayamajinhinyoukika section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.okayamajinhinyoukika section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1.6em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.okayamajinhinyoukika section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.okayamajinhinyoukika section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.okayamajinhinyoukika section[class^='box'] .grid_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] .grid_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] .grid_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] .grid_box {
      font-size: 12px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'] .grid_box {
      grid-template-columns: repeat(2, 1fr); } }

#pickup_main.okayamajinhinyoukika section[class^='box'].box1 .note {
  background: #f3f3f3;
  padding: 2em; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box1 .note {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box1 .note {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box1 .note {
      margin-top: 30px; } }
  #pickup_main.okayamajinhinyoukika section[class^='box'].box1 .note p {
    text-align: center;
    margin-top: 0.4em; }

#pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box {
      gap: 25px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 30px; } }
  #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box.type2 .text_box {
    order: 2; }
  #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .flex_box.type2 .img_box {
    order: 1; }

#pickup_main.okayamajinhinyoukika section[class^='box'].box2 .img_box h4 {
  font-weight: bold;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 960px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .img_box h4 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .img_box h4 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .img_box h4 {
      font-size: 16px; } }
  #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .img_box h4 + p {
    text-align: left; }

#pickup_main.okayamajinhinyoukika section[class^='box'].box2 .img_box ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  margin-top: 2em; }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box2 .img_box ul {
      grid-template-columns: 1fr; } }

@media screen and (min-width: 960px) {
  #pickup_main.okayamajinhinyoukika section[class^='box'].box3 .text_box {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.okayamajinhinyoukika section[class^='box'].box3 .text_box {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.okayamajinhinyoukika section[class^='box'].box3 .text_box {
    margin-bottom: 30px; } }

#pickup_main.okayamajinhinyoukika section[class^='box'].box3 .img_box {
  background-color: transparent;
  padding: 0; }

#pickup_main.okayamajinhinyoukika section[class^='box'].box3 .flex_box {
  display: flex;
  gap: 1.25em; }
  @media screen and (max-width: 599px) {
    #pickup_main.okayamajinhinyoukika section[class^='box'].box3 .flex_box {
      flex-direction: column; } }
  #pickup_main.okayamajinhinyoukika section[class^='box'].box3 .flex_box .img_box p {
    background: #f3f3f3;
    padding: 0.4em; }

@media screen and (min-width: 960px) {
  #pickup_main.itojinhinyoukika .hos_info {
    margin-bottom: 65px; } }

@media screen and (max-width: 959px) {
  #pickup_main.itojinhinyoukika .hos_info {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  #pickup_main.itojinhinyoukika .hos_info {
    margin-bottom: 35px; } }

#pickup_main.itojinhinyoukika section img {
  width: 100%;
  height: auto; }

#pickup_main.itojinhinyoukika section.main_img {
  line-height: 1;
  background: #5ac8a0; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section.main_img {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section.main_img {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section.main_img {
      margin-bottom: 30px; } }
  #pickup_main.itojinhinyoukika section.main_img h2 {
    color: #ffffff;
    background: #5ac8a0;
    text-align: center;
    line-height: 1.3;
    padding: 0.2em 0;
    font-weight: bold;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #pickup_main.itojinhinyoukika section.main_img h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.itojinhinyoukika section.main_img h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.itojinhinyoukika section.main_img h2 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.itojinhinyoukika section.main_img h2 {
        padding: 0.2em; } }

#pickup_main.itojinhinyoukika section.lead_box {
  padding: 2em;
  background-color: #f3f3f3; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section.lead_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section.lead_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section.lead_box {
      margin-bottom: 30px; } }
  #pickup_main.itojinhinyoukika section.lead_box h3 {
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #pickup_main.itojinhinyoukika section.lead_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.itojinhinyoukika section.lead_box h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.itojinhinyoukika section.lead_box h3 {
        font-size: 14px; } }
  #pickup_main.itojinhinyoukika section.lead_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #pickup_main.itojinhinyoukika section.lead_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #pickup_main.itojinhinyoukika section.lead_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #pickup_main.itojinhinyoukika section.lead_box p {
        font-size: 12px; } }

#pickup_main.itojinhinyoukika section .img_box {
  background-color: #f3f3f3;
  padding: 2em;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section .img_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section .img_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section .img_box {
      font-size: 12px; } }
  #pickup_main.itojinhinyoukika section .img_box p {
    margin-top: 0.5em;
    text-align: center; }

@media screen and (min-width: 960px) {
  #pickup_main.itojinhinyoukika section[class^='box'] {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.itojinhinyoukika section[class^='box'] {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.itojinhinyoukika section[class^='box'] {
    margin-bottom: 30px; } }

#pickup_main.itojinhinyoukika section[class^='box'] h3 {
  border-bottom: 2px solid #5ac8a0;
  margin-bottom: 1.6em;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #848484;
  color: #5ac8a0;
  line-height: 1.2; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section[class^='box'] h3 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section[class^='box'] h3 {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'] h3 {
      font-size: 14px; } }

#pickup_main.itojinhinyoukika section[class^='box'] p {
  margin-bottom: 1em;
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section[class^='box'] p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section[class^='box'] p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'] p {
      font-size: 12px; } }
  #pickup_main.itojinhinyoukika section[class^='box'] p:last-child {
    margin-bottom: 0; }

#pickup_main.itojinhinyoukika section[class^='box'] .grid_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section[class^='box'] .grid_box {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section[class^='box'] .grid_box {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'] .grid_box {
      font-size: 12px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'] .grid_box {
      grid-template-columns: repeat(2, 1fr); } }

#pickup_main.itojinhinyoukika section[class^='box'].box1 .note {
  background: #f3f3f3;
  padding: 2em; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box1 .note {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box1 .note {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box1 .note {
      margin-top: 30px; } }
  #pickup_main.itojinhinyoukika section[class^='box'].box1 .note p {
    text-align: center;
    margin-top: 0.4em; }

#pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box .text_box {
    flex-basis: 50%; }
    @media screen and (max-width: 599px) {
      #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box .text_box {
        flex-basis: 100%; } }
  #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box .img_box {
    flex-basis: 47.23183%;
    padding: 0;
    border: 0;
    background-color: transparent; }
    @media screen and (max-width: 599px) {
      #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box .img_box {
        flex-basis: 100%; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box {
      gap: 25px; } }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box + .img_box {
      margin-top: 30px; } }
  #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box.type2 .text_box {
    order: 2; }
  #pickup_main.itojinhinyoukika section[class^='box'].box2 .flex_box.type2 .img_box {
    order: 1; }

#pickup_main.itojinhinyoukika section[class^='box'].box2 .img_box h4 {
  font-weight: bold;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 960px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .img_box h4 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .img_box h4 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .img_box h4 {
      font-size: 16px; } }
  #pickup_main.itojinhinyoukika section[class^='box'].box2 .img_box h4 + p {
    text-align: left; }

#pickup_main.itojinhinyoukika section[class^='box'].box2 .img_box ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  margin-top: 2em; }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box2 .img_box ul {
      grid-template-columns: 1fr; } }

@media screen and (min-width: 960px) {
  #pickup_main.itojinhinyoukika section[class^='box'].box3 .text_box {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  #pickup_main.itojinhinyoukika section[class^='box'].box3 .text_box {
    margin-bottom: 45px; } }

@media screen and (max-width: 599px) {
  #pickup_main.itojinhinyoukika section[class^='box'].box3 .text_box {
    margin-bottom: 30px; } }

#pickup_main.itojinhinyoukika section[class^='box'].box3 .img_box {
  background-color: transparent;
  padding: 0; }

#pickup_main.itojinhinyoukika section[class^='box'].box3 .flex_box {
  display: flex;
  gap: 1.25em; }
  @media screen and (max-width: 599px) {
    #pickup_main.itojinhinyoukika section[class^='box'].box3 .flex_box {
      flex-direction: column; } }
  #pickup_main.itojinhinyoukika section[class^='box'].box3 .flex_box .img_box p {
    background: #f3f3f3;
    padding: 0.4em; }

#modal_offer {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1500; }
  #modal_offer .modal_back {
    width: 100%;
    height: 100vh;
    background: rgba(14, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90; }
  #modal_offer .modal_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; }
  #modal_offer .modal_area {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 90%;
    max-height: 80vh;
    max-width: 1000px;
    z-index: 100;
    background: #ffffff;
    border-radius: 1em;
    border: 2px solid #5ac8a0; }
  #modal_offer .modal_inner {
    width: 95%;
    margin-right: 5%;
    height: 100%;
    max-height: 70vh;
    margin-top: 5vh;
    margin-bottom: 5vh;
    overflow: auto;
    box-sizing: border-box;
    z-index: 100; }
  #modal_offer .modal_content {
    padding-bottom: 0;
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      #modal_offer .modal_content {
        padding-top: 20px; } }
    @media screen and (max-width: 959px) {
      #modal_offer .modal_content {
        padding-top: 15px; } }
    @media screen and (max-width: 599px) {
      #modal_offer .modal_content {
        padding-top: 10px; } }
    @media screen and (min-width: 960px) {
      #modal_offer .modal_content {
        padding-left: 70px; } }
    @media screen and (max-width: 959px) {
      #modal_offer .modal_content {
        padding-left: 50px; } }
    @media screen and (max-width: 599px) {
      #modal_offer .modal_content {
        padding-left: 30px; } }
    @media screen and (min-width: 960px) {
      #modal_offer .modal_content {
        padding-right: 15px; } }
    @media screen and (max-width: 959px) {
      #modal_offer .modal_content {
        padding-right: 10px; } }
    @media screen and (max-width: 599px) {
      #modal_offer .modal_content {
        padding-right: 5px; } }
    @media screen and (min-width: 960px) {
      #modal_offer .modal_content {
        padding-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #modal_offer .modal_content {
        padding-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      #modal_offer .modal_content {
        padding-bottom: 10px; } }
    #modal_offer .modal_content h3 {
      color: #64c0ab;
      text-align: center;
      font-weight: bold;
      margin-bottom: 1.5em; }
      @media screen and (min-width: 960px) {
        #modal_offer .modal_content h3 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #modal_offer .modal_content h3 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        #modal_offer .modal_content h3 {
          font-size: 18px; } }
    #modal_offer .modal_content h4 {
      margin-top: 0;
      color: #3e3a39;
      font-weight: bold;
      text-align: left; }
      @media screen and (min-width: 960px) {
        #modal_offer .modal_content h4 {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #modal_offer .modal_content h4 {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #modal_offer .modal_content h4 {
          font-size: 14px; } }
      @media screen and (min-width: 960px) {
        #modal_offer .modal_content h4 {
          margin-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        #modal_offer .modal_content h4 {
          margin-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        #modal_offer .modal_content h4 {
          margin-bottom: 10px; } }
      @media screen and (max-width: 959px) {
        #modal_offer .modal_content h4 {
          line-height: 1.3; } }
    #modal_offer .modal_content p {
      display: block;
      text-align: left;
      line-height: 1.8; }
      @media screen and (min-width: 960px) {
        #modal_offer .modal_content p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #modal_offer .modal_content p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #modal_offer .modal_content p {
          font-size: 12px; } }
      #modal_offer .modal_content p span {
        color: #e60012;
        text-decoration: underline; }
      #modal_offer .modal_content p + h4 {
        border-top: 1px dashed #c9caca; }
        @media screen and (min-width: 960px) {
          #modal_offer .modal_content p + h4 {
            margin-top: 40px; } }
        @media screen and (max-width: 959px) {
          #modal_offer .modal_content p + h4 {
            margin-top: 30px; } }
        @media screen and (max-width: 599px) {
          #modal_offer .modal_content p + h4 {
            margin-top: 20px; } }
        @media screen and (min-width: 960px) {
          #modal_offer .modal_content p + h4 {
            padding-top: 40px; } }
        @media screen and (max-width: 959px) {
          #modal_offer .modal_content p + h4 {
            padding-top: 30px; } }
        @media screen and (max-width: 599px) {
          #modal_offer .modal_content p + h4 {
            padding-top: 20px; } }
    #modal_offer .modal_content > div.list {
      border: 1px solid #00b4ff;
      text-align: left;
      box-sizing: border-box; }
      #modal_offer .modal_content > div.list + div.list {
        margin-top: 2.5em;
        margin-bottom: 2.5em; }
      @media screen and (min-width: 960px) {
        #modal_offer .modal_content > div.list {
          padding: 40px; } }
      @media screen and (max-width: 959px) {
        #modal_offer .modal_content > div.list {
          padding: 25px; } }
      @media screen and (max-width: 599px) {
        #modal_offer .modal_content > div.list {
          padding: 10px; } }
      #modal_offer .modal_content > div.list h5 {
        font-size: 1.25em;
        font-weight: bold;
        color: #00b4ff;
        margin-bottom: 1em;
        line-height: 1; }
        #modal_offer .modal_content > div.list h5 + ol {
          padding-top: 0.825em; }
      #modal_offer .modal_content > div.list ol + p {
        margin-bottom: 0; }
      #modal_offer .modal_content > div.list li {
        margin-bottom: 0.8em;
        line-height: 1.8;
        margin-left: 1.5em;
        list-style-type: decimal; }
        #modal_offer .modal_content > div.list li:last-child {
          margin-bottom: 0; }
  #modal_offer .close {
    position: relative; }
    #modal_offer .close span {
      position: absolute;
      top: 0;
      right: 0;
      transform: translate(50%, -50%);
      display: inline-block;
      width: 2em;
      height: 2em;
      border-radius: 1em;
      background: #5ac8a0;
      letter-spacing: 2px;
      z-index: 150; }
      @media screen and (min-width: 960px) {
        #modal_offer .close span {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        #modal_offer .close span {
          font-size: 22px; } }
      @media screen and (max-width: 599px) {
        #modal_offer .close span {
          font-size: 14px; } }
      #modal_offer .close span:hover {
        cursor: pointer;
        opacity: 0.9; }
      #modal_offer .close span:before, #modal_offer .close span:after {
        content: "";
        display: block;
        width: 1px;
        height: 1em;
        background: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(50%, -50%); }
      #modal_offer .close span:before {
        transform: translate(50%, -50%) rotate(-45deg); }
      #modal_offer .close span:after {
        transform: translate(50%, -50%) rotate(45deg); }

.single-news #single {
  width: 90%;
  max-width: 1200px;
  box-sizing: border-box; }
  .single-news #single > h2 {
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .single-news #single > h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .single-news #single > h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      .single-news #single > h2 {
        font-size: 16px; } }

@media screen and (max-width: 599px) {
  .page-id-19576 #main {
    padding-top: 66px; } }

#existingPage {
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    #existingPage {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #existingPage {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #existingPage {
      font-size: 12px; } }
  #existingPage img {
    width: 100%;
    height: auto; }
  #existingPage a:hover {
    opacity: 0.9 !important; }
  #existingPage .contact_btn {
    position: relative;
    padding-top: 4em; }
    #existingPage .contact_btn a {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 50%);
      display: block;
      max-width: 1156px;
      width: 90%; }
      @media screen and (max-width: 599px) {
        #existingPage .contact_btn a {
          width: 110%; } }
  #existingPage .title_box {
    background: url("../img/existing/bg.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
    margin-bottom: 4em; }
    #existingPage .title_box:before {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 1em;
      height: 12.5em;
      width: 100%;
      background: url("../img/existing/line.png") repeat-x center center;
      background-size: 100% 100%;
      z-index: 2; }
      @media screen and (max-width: 599px) {
        #existingPage .title_box:before {
          display: none; } }
    @media screen and (max-width: 599px) {
      #existingPage .title_box .new_inner {
        width: 100%; } }
    #existingPage .title_box h2 {
      width: 100%;
      max-width: 1360px;
      margin: 0 auto;
      z-index: 2;
      position: relative;
      line-height: 1; }
      #existingPage .title_box h2 span {
        display: none; }
      #existingPage .title_box h2:after {
        content: "";
        margin: 0 auto;
        z-index: 4;
        display: block; }
        @media screen and (min-width: 600px) {
          #existingPage .title_box h2:after {
            padding-top: 51.47059%;
            background: url("../img/existing/main_pc.png") no-repeat center center;
            background-size: cover; } }
        @media screen and (max-width: 599px) {
          #existingPage .title_box h2:after {
            padding-top: 136%;
            background: url("../img/existing/main_sp.png") no-repeat center center;
            background-size: cover; } }
    #existingPage .title_box .banner {
      overflow: hidden;
      background: #64c0ab; }
      @media screen and (min-width: 600px) {
        #existingPage .title_box .banner {
          max-width: 400px;
          width: 29.41176%;
          position: absolute;
          bottom: 0;
          left: 48.16176%;
          z-index: 10;
          line-height: 1;
          border-radius: 10px;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } }
  @media screen and (min-width: 600px) and (min-width: 960px) {
    #existingPage .title_box .banner {
      font-size: 16px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #existingPage .title_box .banner {
      font-size: 13px; } }
  @media screen and (min-width: 600px) and (max-width: 599px) {
    #existingPage .title_box .banner {
      font-size: 10px; } }
      #existingPage .title_box .banner a {
        display: block;
        overflow: hidden;
        height: 0;
        text-indent: -9999em;
        padding-bottom: 67.5%;
        background: url("../img/existing/cm.png") no-repeat center center;
        background-size: cover; }
  #existingPage .box1 {
    position: relative; }
    @media screen and (min-width: 960px) {
      #existingPage .box1 {
        padding-bottom: 150px; } }
    @media screen and (max-width: 959px) {
      #existingPage .box1 {
        padding-bottom: 110px; } }
    @media screen and (max-width: 599px) {
      #existingPage .box1 {
        padding-bottom: 70px; } }
    #existingPage .box1 .new_inner {
      background: #ffffff;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
      padding: 4em 0 0;
      box-sizing: border-box;
      border-top: 0.625em solid #ea6088; }
    #existingPage .box1 .list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      max-width: 1130px;
      width: 90%;
      padding-bottom: 4em;
      margin: 0 auto; }
      @media screen and (max-width: 599px) {
        #existingPage .box1 .list {
          display: block;
          padding-bottom: 0em; } }
      @media screen and (min-width: 600px) {
        #existingPage .box1 .list li {
          padding-bottom: 1.25em; } }
      @media screen and (max-width: 599px) {
        #existingPage .box1 .list li {
          flex-basis: 48%; } }
      #existingPage .box1 .list li:nth-of-type(1) {
        flex-basis: 25.48673%;
        order: 1; }
        @media screen and (max-width: 599px) {
          #existingPage .box1 .list li:nth-of-type(1) {
            width: 40%;
            margin: 0 auto; } }
      #existingPage .box1 .list li:nth-of-type(2) {
        flex-basis: 37.07965%;
        order: 2; }
        #existingPage .box1 .list li:nth-of-type(2) span {
          display: block;
          border-right: 3px dotted #cccccc; }
          @media screen and (max-width: 599px) {
            #existingPage .box1 .list li:nth-of-type(2) span {
              border-right: none;
              padding-bottom: 20px;
              margin-bottom: 20px;
              border-bottom: 3px dotted #cccccc;
              margin-top: 20px;
              padding-top: 20px;
              border-top: 3px dotted #cccccc; } }
        #existingPage .box1 .list li:nth-of-type(2) img {
          max-width: 84.72554%; }
          @media screen and (max-width: 599px) {
            #existingPage .box1 .list li:nth-of-type(2) img {
              display: block;
              width: 80%;
              margin: 0 auto; } }
      #existingPage .box1 .list li:nth-of-type(3) {
        flex-basis: 31.41593%;
        order: 4; }
        @media screen and (max-width: 599px) {
          #existingPage .box1 .list li:nth-of-type(3) {
            margin: 0 auto; } }
        @media screen and (max-width: 599px) {
          #existingPage .box1 .list li:nth-of-type(3) img {
            display: block;
            width: 80%;
            margin: 0 auto; } }
      #existingPage .box1 .list li p {
        font-weight: bold;
        margin-top: 1em; }
        @media screen and (min-width: 960px) {
          #existingPage .box1 .list li p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #existingPage .box1 .list li p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #existingPage .box1 .list li p {
            font-size: 14px; } }
    #existingPage .box1 .note {
      border: 1px solid #000000;
      padding: 1.8em 1em;
      max-width: 1080px;
      width: 100%;
      margin: 6em auto 0;
      position: relative;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        #existingPage .box1 .note {
          margin-top: 4em; } }
      #existingPage .box1 .note:before {
        width: 10em;
        height: 2px;
        background: #e83818;
        content: "";
        position: absolute;
        transform: rotate(-45deg);
        top: 1em;
        left: -3em;
        background: #000000; }
        @media screen and (max-width: 599px) {
          #existingPage .box1 .note:before {
            font-size: 6px;
            height: 1px; } }
      #existingPage .box1 .note:after {
        width: 10em;
        height: 2px;
        background: #e83818;
        content: "";
        position: absolute;
        transform: rotate(-45deg);
        bottom: 1em;
        right: -3em;
        background: #000000; }
        @media screen and (max-width: 599px) {
          #existingPage .box1 .note:after {
            font-size: 6px;
            height: 1px; } }
      #existingPage .box1 .note h2 {
        text-align: center;
        font-weight: bold;
        font-size: 2em;
        margin: 0 auto;
        margin-bottom: 0.7em; }
        @media screen and (min-width: 960px) {
          #existingPage .box1 .note h2 {
            font-size: 28px; } }
        @media screen and (max-width: 959px) {
          #existingPage .box1 .note h2 {
            font-size: 24px; } }
        @media screen and (max-width: 599px) {
          #existingPage .box1 .note h2 {
            font-size: 20px; } }
        #existingPage .box1 .note h2 span {
          background: linear-gradient(to bottom, transparent 61%, #faee00 61%, #faee00);
          font-weight: bold; }
  @media screen and (min-width: 960px) {
    #existingPage .box2 {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    #existingPage .box2 {
      padding-top: 30px; } }
  @media screen and (max-width: 599px) {
    #existingPage .box2 {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    #existingPage .box2 {
      padding-bottom: 150px; } }
  @media screen and (max-width: 959px) {
    #existingPage .box2 {
      padding-bottom: 120px; } }
  @media screen and (max-width: 599px) {
    #existingPage .box2 {
      padding-bottom: 90px; } }
  #existingPage .box2 h2 {
    text-align: center;
    font-weight: bold;
    color: #4c4c4c; }
    @media screen and (min-width: 960px) {
      #existingPage .box2 h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #existingPage .box2 h2 {
        font-size: 27px; } }
    @media screen and (max-width: 599px) {
      #existingPage .box2 h2 {
        font-size: 22px; } }
    @media screen and (min-width: 960px) {
      #existingPage .box2 h2 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      #existingPage .box2 h2 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      #existingPage .box2 h2 {
        margin-bottom: 40px; } }
    #existingPage .box2 h2 strong {
      color: #64c0ab;
      display: block; }
      @media screen and (min-width: 960px) {
        #existingPage .box2 h2 strong {
          font-size: 48px; } }
      @media screen and (max-width: 959px) {
        #existingPage .box2 h2 strong {
          font-size: 40px; } }
      @media screen and (max-width: 599px) {
        #existingPage .box2 h2 strong {
          font-size: 32px; } }
  #existingPage .box2 .grid {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em; }
    @media screen and (max-width: 599px) {
      #existingPage .box2 .grid {
        display: block;
        margin-bottom: 120px; } }
    #existingPage .box2 .grid > div {
      overflow: hidden;
      border-radius: 10px; }
      #existingPage .box2 .grid > div p {
        font-size: 1.25em;
        font-weight: bold;
        background: #eff9f7;
        height: 100%;
        padding: 1.5em 2em;
        display: flex;
        justify-content: center;
        flex-direction: column;
        box-sizing: border-box; }
        @media screen and (max-width: 599px) {
          #existingPage .box2 .grid > div p {
            margin-bottom: 20px; } }
      #existingPage .box2 .grid > div > div {
        text-align: center;
        font-size: 1.5em;
        padding-top: 2em; }
        #existingPage .box2 .grid > div > div span {
          font-weight: bold;
          background: linear-gradient(to bottom, transparent 61%, #ffdc00 61%, #ffdc00); }
    @media screen and (max-width: 599px) {
      #existingPage .box2 .grid div:nth-of-type(5) {
        display: none; } }
  #existingPage .box3 {
    position: relative;
    background: #fdeff3; }
    @media screen and (min-width: 960px) {
      #existingPage .box3 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #existingPage .box3 {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #existingPage .box3 {
        font-size: 12px; } }
    @media screen and (min-width: 960px) {
      #existingPage .box3 {
        padding-bottom: 192px; } }
    @media screen and (max-width: 959px) {
      #existingPage .box3 {
        padding-bottom: 162px; } }
    @media screen and (max-width: 599px) {
      #existingPage .box3 {
        padding-bottom: 132px; } }
    #existingPage .box3:before {
      content: "";
      width: 30em;
      height: 26em;
      background: url("../img/existing/img4.png") no-repeat center top;
      background-size: cover;
      z-index: 6;
      position: absolute;
      top: -32em;
      left: calc(50% - 15em); }
      @media screen and (min-width: 960px) {
        #existingPage .box3:before {
          font-size: 10px; } }
      @media screen and (max-width: 959px) {
        #existingPage .box3:before {
          font-size: 8px; } }
      @media screen and (max-width: 599px) {
        #existingPage .box3:before {
          font-size: 6px; } }
    #existingPage .box3:after {
      content: "";
      width: 100%;
      height: 12.8em;
      background: url("../img/existing/bg2.png") no-repeat center top;
      background-size: 100% 100%;
      z-index: 5;
      position: absolute;
      top: -12.8em;
      left: 0; }
      @media screen and (min-width: 960px) {
        #existingPage .box3:after {
          font-size: 10px; } }
      @media screen and (max-width: 959px) {
        #existingPage .box3:after {
          font-size: 8px; } }
      @media screen and (max-width: 599px) {
        #existingPage .box3:after {
          font-size: 6px; } }
    #existingPage .box3 h2 {
      font-size: 2em;
      text-align: center;
      color: #4c4c4c;
      padding-top: 2em;
      font-weight: bold; }
      #existingPage .box3 h2 span {
        display: block;
        max-width: 730px;
        margin: 0.5em auto 0; }
      #existingPage .box3 h2 + .img_box {
        margin-top: 4em;
        margin-bottom: 4em; }
    #existingPage .box3 h3 {
      text-align: center; }
      #existingPage .box3 h3 span {
        background: linear-gradient(to bottom, transparent 61%, #ffdc00 61%, #ffdc00);
        font-weight: bold;
        color: #ea6088; }
        @media screen and (min-width: 960px) {
          #existingPage .box3 h3 span {
            font-size: 28px; } }
        @media screen and (max-width: 959px) {
          #existingPage .box3 h3 span {
            font-size: 25px; } }
        @media screen and (max-width: 599px) {
          #existingPage .box3 h3 span {
            font-size: 22px; } }
      #existingPage .box3 h3 + .text_box {
        margin-top: 3.5em; }
        #existingPage .box3 h3 + .text_box p {
          line-height: 2.2; }
    #existingPage .box3 .grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2em;
      margin: 2em 0; }
      @media screen and (max-width: 599px) {
        #existingPage .box3 .grid {
          grid-template-columns: repeat(2, 1fr); } }
    #existingPage .box3 .flex_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background: #ffffff;
      border-radius: 10px;
      padding: 3.5em 4em; }
      @media screen and (max-width: 599px) {
        #existingPage .box3 .flex_box {
          display: block;
          padding: 1.5em 2em; } }
      #existingPage .box3 .flex_box .text_box {
        flex-basis: 48.63281%; }
        #existingPage .box3 .flex_box .text_box h3 {
          font-size: 1.25em;
          font-weight: bold;
          text-align: left;
          margin-bottom: 0.5em; }
        #existingPage .box3 .flex_box .text_box p {
          line-height: 2.2; }
          @media screen and (min-width: 960px) {
            #existingPage .box3 .flex_box .text_box p {
              font-size: 18px; } }
          @media screen and (max-width: 959px) {
            #existingPage .box3 .flex_box .text_box p {
              font-size: 16px; } }
          @media screen and (max-width: 599px) {
            #existingPage .box3 .flex_box .text_box p {
              font-size: 14px; } }
      #existingPage .box3 .flex_box .img_box {
        flex-basis: 48.63281%; }
        @media screen and (max-width: 599px) {
          #existingPage .box3 .flex_box .img_box {
            margin-top: 30px; } }
  #existingPage .box4 {
    padding-bottom: 8em;
    position: relative; }
    @media screen and (min-width: 960px) {
      #existingPage .box4 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #existingPage .box4 {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #existingPage .box4 {
        font-size: 12px; } }
    #existingPage .box4:after {
      content: "";
      width: 100%;
      height: 12.8em;
      background: url("../img/existing/bg3.png") no-repeat center top;
      background-size: 100% 100%;
      z-index: 5;
      position: absolute;
      top: -12.8em;
      left: 0; }
      @media screen and (min-width: 960px) {
        #existingPage .box4:after {
          font-size: 10px; } }
      @media screen and (max-width: 959px) {
        #existingPage .box4:after {
          font-size: 8px; } }
      @media screen and (max-width: 599px) {
        #existingPage .box4:after {
          font-size: 6px; } }
    #existingPage .box4 h2 {
      max-width: 412px;
      width: 70%;
      margin: 0 auto; }

@keyframes moveUpDown {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
    #existingPage .box4 .list a {
      display: block; }
      #existingPage .box4 .list a span {
        text-align: center;
        display: block;
        font-weight: bold;
        font-size: 1.25em;
        margin-top: 1.25em; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 .list a span br {
            display: none; } }
      #existingPage .box4 .list a:after {
        content: "";
        width: 1em;
        height: 1em;
        background: url("../img/existing/arrow1.png") no-repeat center center;
        background-size: cover;
        display: block;
        margin-top: 0.5em;
        margin-right: auto;
        margin-left: auto; }
        @media screen and (min-width: 960px) {
          #existingPage .box4 .list a:after {
            font-size: 50px; } }
        @media screen and (max-width: 959px) {
          #existingPage .box4 .list a:after {
            font-size: 40px; } }
        @media screen and (max-width: 599px) {
          #existingPage .box4 .list a:after {
            font-size: 30px; } }
      #existingPage .box4 .list a:hover:after {
        animation: moveUpDown 0.5s ease-in-out infinite; }
    @media screen and (min-width: 600px) {
      #existingPage .box4 .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 4em;
        position: relative;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3" height="10"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-y center; }
        #existingPage .box4 .list:before, #existingPage .box4 .list:after {
          content: "";
          position: absolute;
          top: 0;
          width: 3px;
          /* ボーダーの幅 */
          height: 100%;
          background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3" height="10"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-y; }
        #existingPage .box4 .list:before {
          left: calc( calc(273 / 1156) * 100%); }
        #existingPage .box4 .list:after {
          right: calc( calc(273 / 1156) * 100%); }
        #existingPage .box4 .list > div {
          flex-basis: 20.84775%;
          box-sizing: border-box;
          position: relative; } }
    @media screen and (max-width: 599px) {
      #existingPage .box4 .list {
        margin-top: 60px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px; }
        #existingPage .box4 .list a {
          display: block;
          text-align: center;
          width: 100%; }
        #existingPage .box4 .list > div {
          position: relative; }
          #existingPage .box4 .list > div:nth-of-type(1):before {
            content: "";
            position: absolute;
            top: 0;
            right: -20px;
            width: 3px;
            /* ボーダーの幅 */
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3" height="10"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-y; }
          #existingPage .box4 .list > div:nth-of-type(1):after {
            content: "";
            position: absolute;
            bottom: -20px;
            left: 0;
            width: 100%;
            /* ボーダーの幅 */
            height: 3px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="3"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-x; }
          #existingPage .box4 .list > div:nth-of-type(4):before {
            content: "";
            position: absolute;
            top: 0;
            left: -20px;
            width: 3px;
            /* ボーダーの幅 */
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3" height="10"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-y; }
          #existingPage .box4 .list > div:nth-of-type(4):after {
            content: "";
            position: absolute;
            top: -20px;
            left: 0;
            width: 100%;
            /* ボーダーの幅 */
            height: 3px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="3"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-x; } }
    #existingPage .box4 div[id^='merit'] {
      padding-top: 8em; }
      #existingPage .box4 div[id^='merit'] .title {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 4em; }
        #existingPage .box4 div[id^='merit'] .title:before {
          content: "merit";
          display: block;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-style: normal;
          font-style: italic;
          font-size: 1.5em;
          order: 1;
          flex-basis: 6.05536%;
          color: #808080; }
          @media screen and (max-width: 599px) {
            #existingPage .box4 div[id^='merit'] .title:before {
              flex-basis: 13%; } }
        #existingPage .box4 div[id^='merit'] .title:after {
          display: block;
          font-family: "Lato", sans-serif;
          font-weight: 300;
          font-style: italic;
          font-size: 5em;
          order: 2;
          flex-basis: 11.6782%; }
          @media screen and (max-width: 599px) {
            #existingPage .box4 div[id^='merit'] .title:after {
              flex-basis: 25%; } }
        #existingPage .box4 div[id^='merit'] .title h3 {
          order: 3;
          flex-basis: 24.22145%;
          box-sizing: border-box; }
          @media screen and (max-width: 599px) {
            #existingPage .box4 div[id^='merit'] .title h3 {
              flex-basis: 60%; } }
          #existingPage .box4 div[id^='merit'] .title h3 span {
            display: block;
            font-size: 1.25em;
            font-weight: bold;
            color: #404040; }
            #existingPage .box4 div[id^='merit'] .title h3 span i {
              display: block;
              font-size: 1.6em;
              font-weight: bold;
              font-style: normal; }
        #existingPage .box4 div[id^='merit'] .title p {
          order: 4;
          flex-basis: 57.95848%;
          box-sizing: border-box;
          line-height: 2;
          padding-left: 2em; }
          @media screen and (max-width: 599px) {
            #existingPage .box4 div[id^='merit'] .title p {
              flex-basis: 100%;
              padding-left: 0;
              padding-top: 2em;
              margin: 1em 0 0;
              border-top: 1px solid #00afec; } }
    #existingPage .box4 div#merit1 .title:before {
      margin-top: auto;
      margin-bottom: 0.6em; }
      @media screen and (max-width: 599px) {
        #existingPage .box4 div#merit1 .title:before {
          transform: translateY(0.3em); } }
    #existingPage .box4 div#merit1 .title:after {
      content: "01";
      color: #00afec; }
    #existingPage .box4 div#merit1 .title h3 {
      border-right: 1px solid #00afec; }
      @media screen and (max-width: 599px) {
        #existingPage .box4 div#merit1 .title h3 {
          border-right: none; } }
      #existingPage .box4 div#merit1 .title h3 span i {
        color: #00afec; }
    #existingPage .box4 div#merit1 .title p strong {
      color: #00afec; }
    #existingPage .box4 div#merit1 .flex_box {
      background: #e5f7fd;
      border-radius: 10px;
      padding: 2em;
      display: grid;
      gap: 2em;
      grid-template-columns: 1fr 1fr; }
      @media screen and (max-width: 599px) {
        #existingPage .box4 div#merit1 .flex_box {
          grid-template-columns: 1fr; } }
      #existingPage .box4 div#merit1 .flex_box + .flex_box {
        margin-top: 2em; }
      #existingPage .box4 div#merit1 .flex_box .text_box h4 {
        border-left: 5px solid #00afec;
        line-height: 1;
        padding-left: 1.25em;
        margin-bottom: 2em; }
        #existingPage .box4 div#merit1 .flex_box .text_box h4 span {
          font-size: 1.5em;
          margin-top: 0.7em;
          line-height: 1;
          display: block;
          font-weight: bold; }
      #existingPage .box4 div#merit1 .flex_box .text_box p {
        line-height: 2; }
        #existingPage .box4 div#merit1 .flex_box .text_box p trong {
          color: #00afec; }
      #existingPage .box4 div#merit1 .flex_box .img_box {
        text-align: right; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit1 .flex_box .img_box {
            text-align: center; } }
        #existingPage .box4 div#merit1 .flex_box .img_box .btn {
          font-size: 1.25em;
          padding-bottom: 1em;
          border-bottom: 1px solid #b2b2b2;
          position: relative;
          display: inline-block;
          margin-top: 1.6em; }
          #existingPage .box4 div#merit1 .flex_box .img_box .btn:after {
            content: "";
            width: 1em;
            height: 1em;
            background: url("../img/existing/arrow2.png") no-repeat center center;
            background-size: cover;
            display: inline-block;
            transform: translateY(0.1em);
            margin-left: 0.7em; }
            @media screen and (min-width: 960px) {
              #existingPage .box4 div#merit1 .flex_box .img_box .btn:after {
                font-size: 20px; } }
            @media screen and (max-width: 959px) {
              #existingPage .box4 div#merit1 .flex_box .img_box .btn:after {
                font-size: 18px; } }
            @media screen and (max-width: 599px) {
              #existingPage .box4 div#merit1 .flex_box .img_box .btn:after {
                font-size: 16px; } }
    #existingPage .box4 div#merit2 .title {
      align-items: stretch; }
      #existingPage .box4 div#merit2 .title:before {
        margin-top: 2em; }
      #existingPage .box4 div#merit2 .title:after {
        content: "02";
        color: #64c0ab;
        transform: translateY(20%); }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit2 .title:after {
            transform: translateY(35%); } }
      #existingPage .box4 div#merit2 .title h3 span i {
        color: #64c0ab; }
      #existingPage .box4 div#merit2 .title p {
        position: relative; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit2 .title p {
            border-top-color: #64c0ab; } }
        #existingPage .box4 div#merit2 .title p:before {
          content: "";
          height: 95%;
          top: 5%;
          left: 0;
          width: 1px;
          background: #64c0ab;
          position: absolute; }
          @media screen and (max-width: 599px) {
            #existingPage .box4 div#merit2 .title p:before {
              display: none; } }
        #existingPage .box4 div#merit2 .title p strong {
          color: #64c0ab; }
    #existingPage .box4 div#merit2 .box {
      background: #eff9f7;
      padding: 2em; }
      #existingPage .box4 div#merit2 .box > div {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit2 .box > div {
            display: block; } }
        @media screen and (min-width: 600px) {
          #existingPage .box4 div#merit2 .box > div:after {
            content: "";
            position: absolute;
            left: calc(50% - 1.5px);
            top: 0;
            bottom: 0;
            width: 3px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3" height="10"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-y; } }
        #existingPage .box4 div#merit2 .box > div .img_box {
          flex-basis: 47.0696%; }
          #existingPage .box4 div#merit2 .box > div .img_box p {
            text-align: center;
            margin-bottom: 2em; }
            #existingPage .box4 div#merit2 .box > div .img_box p span {
              display: block;
              font-size: 1.25em;
              font-weight: bold;
              color: #64c0ab;
              line-height: 1;
              margin-top: 0.4em; }
          #existingPage .box4 div#merit2 .box > div .img_box + .img_box {
            position: relative; }
            @media screen and (max-width: 599px) {
              #existingPage .box4 div#merit2 .box > div .img_box + .img_box {
                padding-top: 20px;
                margin-top: 20px; }
                #existingPage .box4 div#merit2 .box > div .img_box + .img_box:before {
                  content: "";
                  position: absolute;
                  left: calc(50% - 1.5px);
                  top: 0;
                  left: 0;
                  height: 3px;
                  width: 100%;
                  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="3"><circle cx="1.5" cy="1.5" r="1.5" fill="%23cccccc"/></svg>') repeat-x; } }
      #existingPage .box4 div#merit2 .box > p {
        color: #ffffff;
        font-size: 1.25em;
        font-weight: bold;
        display: block;
        text-align: center;
        background: #64c0ab;
        border-radius: 10px;
        padding: 0.7em 0.5em;
        margin-top: 1.6em; }
    #existingPage .box4 div#merit3 .title {
      align-items: stretch; }
      #existingPage .box4 div#merit3 .title:before {
        margin-top: 2em; }
      #existingPage .box4 div#merit3 .title:after {
        content: "03";
        color: #ea6088;
        transform: translateY(20%); }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit3 .title:after {
            transform: translateY(35%); } }
      #existingPage .box4 div#merit3 .title h3 span i {
        color: #ea6088; }
      #existingPage .box4 div#merit3 .title p {
        position: relative; }
        #existingPage .box4 div#merit3 .title p:before {
          content: "";
          height: 95%;
          top: 5%;
          left: 0;
          width: 1px;
          background: #ea6088;
          position: absolute; }
          @media screen and (max-width: 599px) {
            #existingPage .box4 div#merit3 .title p:before {
              display: none; } }
        #existingPage .box4 div#merit3 .title p strong {
          color: #ea6088; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit3 .title p {
            border-top-color: #ea6088; } }
    #existingPage .box4 div#merit3 .box {
      background: #fdeff3;
      padding: 2em; }
      #existingPage .box4 div#merit3 .box .img_box img.pc {
        display: block; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit3 .box .img_box img.pc {
            display: none; } }
      #existingPage .box4 div#merit3 .box .img_box img.sp {
        display: none; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit3 .box .img_box img.sp {
            display: block; } }
      #existingPage .box4 div#merit3 .box > p {
        color: #ffffff;
        font-size: 1.25em;
        font-weight: bold;
        display: block;
        text-align: center;
        background: #ea6088;
        border-radius: 10px;
        padding: 0.7em 0.5em;
        margin-top: 1.6em; }
    #existingPage .box4 div#merit4 .title {
      align-items: stretch; }
      #existingPage .box4 div#merit4 .title:before {
        margin-top: 2em; }
      #existingPage .box4 div#merit4 .title:after {
        content: "04";
        color: #f18e1d;
        transform: translateY(20%); }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit4 .title:after {
            transform: translateY(35%); } }
      #existingPage .box4 div#merit4 .title h3 span i {
        color: #f18e1d; }
      #existingPage .box4 div#merit4 .title p {
        position: relative; }
        #existingPage .box4 div#merit4 .title p:before {
          content: "";
          height: 95%;
          top: 5%;
          left: 0;
          width: 1px;
          background: #f18e1d;
          position: absolute; }
          @media screen and (max-width: 599px) {
            #existingPage .box4 div#merit4 .title p:before {
              display: none; } }
        #existingPage .box4 div#merit4 .title p strong {
          color: #f18e1d; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit4 .title p {
            border-top-color: #f18e1d; } }
    #existingPage .box4 div#merit4 .box .title2 {
      border-left: 5px solid #f18e1d;
      padding-left: 1.2em;
      line-height: 1; }
      #existingPage .box4 div#merit4 .box .title2 span {
        display: block;
        font-size: 1.5em;
        display: block;
        line-height: 1;
        margin-top: 0.8em;
        font-weight: bold; }
    #existingPage .box4 div#merit4 .box .grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin-top: 2em;
      gap: 2em; }
      @media screen and (max-width: 599px) {
        #existingPage .box4 div#merit4 .box .grid {
          grid-template-columns: repeat(2, 1fr); } }
      #existingPage .box4 div#merit4 .box .grid .type1 {
        grid-column: 1 / 3; }
        #existingPage .box4 div#merit4 .box .grid .type1 p {
          display: block;
          text-align: center; }
      #existingPage .box4 div#merit4 .box .grid .type2 {
        grid-column: 3 / 5; }
        @media screen and (max-width: 599px) {
          #existingPage .box4 div#merit4 .box .grid .type2 {
            grid-column: 1 / 3; } }
        #existingPage .box4 div#merit4 .box .grid .type2 p {
          display: block;
          text-align: center; }
      #existingPage .box4 div#merit4 .box .grid > div {
        background: #fef4e8;
        padding: 2em;
        border-radius: 10px; }
        #existingPage .box4 div#merit4 .box .grid > div h4 {
          font-size: 1.25em;
          text-align: center;
          line-height: 1.2;
          font-weight: bold;
          color: #f18e1d;
          margin-top: 1em;
          margin-bottom: 1em; }
        #existingPage .box4 div#merit4 .box .grid > div .kome {
          padding-left: 1em;
          position: relative; }
          #existingPage .box4 div#merit4 .box .grid > div .kome:before {
            content: "※";
            position: absolute;
            top: 0;
            left: 0; }
  #existingPage .box5 {
    background: #e5f7fd;
    padding-top: 4em;
    padding-bottom: 4em;
    counter-reset: item; }
    #existingPage .box5 h2 {
      text-align: center;
      font-weight: bold;
      font-size: 2.5em;
      color: #00afec; }
    #existingPage .box5 dl {
      margin-top: 4em; }
      #existingPage .box5 dl dt {
        font-size: 1.5em;
        color: #00afec;
        font-weight: bold; }
        @media screen and (max-width: 599px) {
          #existingPage .box5 dl dt {
            position: relative;
            padding-left: 4.5em; } }
        #existingPage .box5 dl dt:before {
          content: "";
          counter-increment: item;
          content: "STEP" counter(item);
          display: inline-block;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-style: italic;
          padding: 0.4em 0.6em;
          margin-right: 1em;
          color: #ffffff;
          background: #00afec;
          font-size: 1em;
          border-radius: 10px;
          line-height: 1; }
          @media screen and (max-width: 599px) {
            #existingPage .box5 dl dt:before {
              position: absolute;
              top: -0.1em;
              left: 0; } }
      #existingPage .box5 dl dd {
        margin-top: 2em; }
        #existingPage .box5 dl dd p {
          display: block;
          background: #ffffff;
          padding: 1em;
          font-size: 1.25em;
          border-radius: 10px; }
          #existingPage .box5 dl dd p span {
            background: linear-gradient(to bottom, transparent 61%, #ffdc00 61%, #ffdc00);
            font-weight: bold; }
        #existingPage .box5 dl dd:after {
          content: "";
          width: 1.75em;
          height: 1em;
          font-size: 1.25em;
          display: block;
          background: url("../img/existing/arrow3.png") no-repeat center/cover;
          margin: 1.6em auto; }
        #existingPage .box5 dl dd:last-child:after {
          display: none; }
    #existingPage .box5 .note {
      box-sizing: border-box;
      background: #ffffff;
      border: 4px solid #ffdc00;
      padding: 1.125em; }
      @media screen and (min-width: 960px) {
        #existingPage .box5 .note {
          margin-top: 96px; } }
      @media screen and (max-width: 959px) {
        #existingPage .box5 .note {
          margin-top: 81px; } }
      @media screen and (max-width: 599px) {
        #existingPage .box5 .note {
          margin-top: 66px; } }
      #existingPage .box5 .note h3 {
        line-height: 3.33333em;
        font-size: 1.5em;
        color: #ea6088;
        font-weight: bold;
        padding-left: 4.16667em;
        position: relative; }
        @media screen and (max-width: 599px) {
          #existingPage .box5 .note h3 {
            padding-left: 4.5em; } }
        #existingPage .box5 .note h3:before {
          content: "";
          height: 1em;
          width: 1em;
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/existing/icon13.png") no-repeat center/cover; }
          @media screen and (min-width: 960px) {
            #existingPage .box5 .note h3:before {
              font-size: 80px; } }
          @media screen and (max-width: 959px) {
            #existingPage .box5 .note h3:before {
              font-size: 74px; } }
          @media screen and (max-width: 599px) {
            #existingPage .box5 .note h3:before {
              font-size: 68px; } }
      #existingPage .box5 .note p {
        font-size: 1.125em;
        margin-top: 1.33333em; }
  #existingPage #contact_form {
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      #existingPage #contact_form {
        padding-top: 70px; } }
    @media screen and (max-width: 959px) {
      #existingPage #contact_form {
        padding-top: 55px; } }
    @media screen and (max-width: 599px) {
      #existingPage #contact_form {
        padding-top: 40px; } }
    @media screen and (min-width: 960px) {
      #existingPage #contact_form {
        padding-bottom: 70px; } }
    @media screen and (max-width: 959px) {
      #existingPage #contact_form {
        padding-bottom: 55px; } }
    @media screen and (max-width: 599px) {
      #existingPage #contact_form {
        padding-bottom: 40px; } }
    #existingPage #contact_form .mainform {
      background: #e8f6f2;
      max-width: 1156px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 10px;
      width: 90%; }
      @media screen and (max-width: 599px) {
        #existingPage #contact_form .mainform {
          width: 100%; } }
      @media screen and (min-width: 960px) {
        #existingPage #contact_form .mainform {
          padding-top: 64px; } }
      @media screen and (max-width: 959px) {
        #existingPage #contact_form .mainform {
          padding-top: 49px; } }
      @media screen and (max-width: 599px) {
        #existingPage #contact_form .mainform {
          padding-top: 34px; } }
      @media screen and (min-width: 960px) {
        #existingPage #contact_form .mainform {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #existingPage #contact_form .mainform {
          padding-bottom: 49px; } }
      @media screen and (max-width: 599px) {
        #existingPage #contact_form .mainform {
          padding-bottom: 34px; } }
      #existingPage #contact_form .mainform h2 {
        text-align: center;
        text-align: center;
        color: #64c0ab;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform h2 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform h2 {
            font-size: 28px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform h2 {
            font-size: 24px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform h2 {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            font-size: 20px; } }
        #existingPage #contact_form .mainform h2 + p {
          text-align: center;
          margin-top: 1em; }
          @media screen and (min-width: 960px) {
            #existingPage #contact_form .mainform h2 + p {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #existingPage #contact_form .mainform h2 + p {
              font-size: 17px; } }
          @media screen and (max-width: 599px) {
            #existingPage #contact_form .mainform h2 + p {
              font-size: 14px; } }
          @media screen and (min-width: 960px) {
            #existingPage #contact_form .mainform h2 + p {
              margin-bottom: 58px; } }
          @media screen and (max-width: 959px) {
            #existingPage #contact_form .mainform h2 + p {
              margin-bottom: 43px; } }
          @media screen and (max-width: 599px) {
            #existingPage #contact_form .mainform h2 + p {
              margin-bottom: 28px; } }
          @media screen and (max-width: 599px) {
            #existingPage #contact_form .mainform h2 + p {
              display: block;
              width: 90%;
              margin-left: auto;
              margin-right: auto; } }
      #existingPage #contact_form .mainform .wpcf7 {
        max-width: 1028px;
        width: 90%;
        margin-right: auto;
        margin-left: auto; }
        #existingPage #contact_form .mainform .wpcf7 h3 {
          text-align: center;
          margin: 3em 0 1.5em 0;
          font-weight: bold;
          color: #4c4c4c; }
          @media screen and (min-width: 960px) {
            #existingPage #contact_form .mainform .wpcf7 h3 {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #existingPage #contact_form .mainform .wpcf7 h3 {
              font-size: 17px; } }
          @media screen and (max-width: 599px) {
            #existingPage #contact_form .mainform .wpcf7 h3 {
              font-size: 14px; } }
      #existingPage #contact_form .mainform .form {
        background: #ffffff;
        border-radius: 10px;
        box-sizing: border-box; }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform .form {
            padding-left: 40px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform .form {
            padding-left: 30px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform .form {
            padding-left: 20px; } }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform .form {
            padding-right: 40px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform .form {
            padding-right: 30px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform .form {
            padding-right: 20px; } }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform .form {
            padding-bottom: 28px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform .form {
            padding-bottom: 21px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform .form {
            padding-bottom: 14px; } }
        #existingPage #contact_form .mainform .form dl {
          padding-top: 1.6em;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          @media screen and (min-width: 960px) {
            #existingPage #contact_form .mainform .form dl {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #existingPage #contact_form .mainform .form dl {
              font-size: 17px; } }
          @media screen and (max-width: 599px) {
            #existingPage #contact_form .mainform .form dl {
              font-size: 14px; } }
          #existingPage #contact_form .mainform .form dl dt {
            flex-basis: 30.29046%;
            padding-left: 4.25em;
            box-sizing: border-box;
            position: relative;
            line-height: 1.8; }
            @media screen and (max-width: 599px) {
              #existingPage #contact_form .mainform .form dl dt {
                flex-basis: 100%;
                padding-left: 0; } }
          #existingPage #contact_form .mainform .form dl dd {
            flex-basis: 65.56017%;
            box-sizing: border-box; }
            @media screen and (max-width: 599px) {
              #existingPage #contact_form .mainform .form dl dd {
                flex-basis: 100%;
                margin-top: 20px; } }
            #existingPage #contact_form .mainform .form dl dd span {
              display: block;
              color: #4c4c4c;
              line-height: 1.6;
              font-size: 0.8em;
              margin-top: 0.8em; }
            #existingPage #contact_form .mainform .form dl dd div {
              border-radius: 5px;
              overflow: hidden; }
            #existingPage #contact_form .mainform .form dl dd input {
              display: block;
              border: none;
              background: #f2f2f2;
              width: 100%;
              padding: 0.4em;
              box-sizing: border-box; }
            #existingPage #contact_form .mainform .form dl dd textarea {
              width: 100%;
              display: block;
              box-sizing: border-box;
              padding: 0.4em;
              height: 10em;
              border: none;
              background: #f2f2f2;
              resize: none; }
              @media screen and (max-width: 599px) {
                #existingPage #contact_form .mainform .form dl dd textarea {
                  height: 15em; } }
            #existingPage #contact_form .mainform .form dl dd .wpcf7-form-control-wrap {
              margin-top: 0; }
          #existingPage #contact_form .mainform .form dl + dl {
            border-top: 3px dotted #808080;
            margin-top: 1.6em; }
          #existingPage #contact_form .mainform .form dl.need dt:before {
            content: "必須";
            position: absolute;
            top: 0;
            left: 0;
            background: #64c0ab;
            font-size: 0.8em;
            padding: 0.6em 1em;
            line-height: 1;
            color: #ffffff;
            border-radius: 5px; }
          @media screen and (max-width: 599px) {
            #existingPage #contact_form .mainform .form dl.need dt {
              padding-left: 4.25em; } }
      #existingPage #contact_form .mainform .policy {
        background: #ffffff;
        border-radius: 10px;
        margin-right: auto;
        margin-left: auto; }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform .policy {
            padding: 40px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform .policy {
            padding: 30px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform .policy {
            padding: 20px; } }
        #existingPage #contact_form .mainform .policy > div {
          height: 236px;
          overflow: auto; }
          #existingPage #contact_form .mainform .policy > div p {
            line-height: 1.8;
            display: block;
            margin-right: 0.8em; }
            @media screen and (min-width: 960px) {
              #existingPage #contact_form .mainform .policy > div p {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #existingPage #contact_form .mainform .policy > div p {
                font-size: 14px; } }
            @media screen and (max-width: 599px) {
              #existingPage #contact_form .mainform .policy > div p {
                font-size: 12px; } }
            #existingPage #contact_form .mainform .policy > div p + p {
              margin-top: 1.3em; }
            #existingPage #contact_form .mainform .policy > div p.title {
              border-left: 4px solid #64c0ab;
              padding-left: 0.8em;
              font-weight: bold;
              line-height: 1.4; }
            #existingPage #contact_form .mainform .policy > div p.bg {
              display: block;
              padding: 0.8em;
              background: #e8f6f2; }
            #existingPage #contact_form .mainform .policy > div p strong {
              display: block;
              color: #64c0ab;
              font-weight: normal; }
      #existingPage #contact_form .mainform .note {
        text-align: center;
        margin: 1em;
        display: block; }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform .note {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform .note {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform .note {
            font-size: 12px; } }
        #existingPage #contact_form .mainform .note span {
          color: red;
          margin-right: 0.5em; }
      #existingPage #contact_form .mainform span[data-name="checkbox-66"] {
        display: block;
        width: 200px;
        margin: 20px auto;
        text-align: center;
        background: #ffffff;
        padding: 0.8em 0; }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform span[data-name="checkbox-66"] {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform span[data-name="checkbox-66"] {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform span[data-name="checkbox-66"] {
            font-size: 12px; } }
      #existingPage #contact_form .mainform .wpcf7-submit {
        cursor: pointer;
        font-weight: bold;
        display: block;
        margin: 2em auto 0;
        border: none;
        background: red;
        color: #ffffff;
        max-width: 500px;
        width: 40%;
        padding: 0.8em 0;
        border-radius: 10px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
        background: #83c1af;
        background: linear-gradient(0deg, #83c1af 5%, #a2d1c4 40%, #a2d1c4 60%, #83c1af 95%); }
        #existingPage #contact_form .mainform .wpcf7-submit:hover {
          opacity: 0.9; }
        @media screen and (min-width: 960px) {
          #existingPage #contact_form .mainform .wpcf7-submit {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          #existingPage #contact_form .mainform .wpcf7-submit {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          #existingPage #contact_form .mainform .wpcf7-submit {
            font-size: 16px; } }
      #existingPage #contact_form .mainform .wpcf7-not-valid-tip {
        background: #ea6088;
        color: #ffffff !important; }

#hos_single_header {
  background-size: cover;
  background-position: center center; }
  @media screen and (min-width: 960px) {
    #hos_single_header {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #hos_single_header {
      margin-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #hos_single_header {
      margin-bottom: 40px; } }
  @media screen and (min-width: 960px) {
    #hos_single_header {
      height: 400px; } }
  @media screen and (max-width: 959px) {
    #hos_single_header {
      height: 260px; } }
  @media screen and (max-width: 599px) {
    #hos_single_header {
      height: 120px; } }

@media screen and (min-width: 960px) {
  .hos_single .pans_box ul {
    padding-bottom: 20px; } }

@media screen and (max-width: 959px) {
  .hos_single .pans_box ul {
    padding-bottom: 15px; } }

@media screen and (max-width: 599px) {
  .hos_single .pans_box ul {
    padding-bottom: 10px; } }

@media screen and (min-width: 960px) {
  .hos_single.no-sub #map {
    margin-bottom: 60px; } }

@media screen and (max-width: 959px) {
  .hos_single.no-sub #map {
    margin-bottom: 50px; } }

@media screen and (max-width: 599px) {
  .hos_single.no-sub #map {
    margin-bottom: 40px; } }

.hos_single .open_date {
  display: inline-block;
  padding: 0.8em 1.2em;
  color: #ea6088;
  border: 1px solid #ea6088; }
  @media screen and (min-width: 960px) {
    .hos_single .open_date {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .hos_single .open_date {
      margin-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .hos_single .open_date {
      margin-bottom: 30px; } }

.hos_single #sales {
  float: none; }

.hos_single #single_add_content {
  border-top: 2px solid #5ac8a0; }
  @media screen and (min-width: 960px) {
    .hos_single #single_add_content {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    .hos_single #single_add_content {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    .hos_single #single_add_content {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    .hos_single #single_add_content {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    .hos_single #single_add_content {
      padding-top: 35px; } }
  @media screen and (max-width: 599px) {
    .hos_single #single_add_content {
      padding-top: 20px; } }
  .hos_single #single_add_content > h2 {
    border-bottom: none;
    color: #3e3a39;
    line-height: 2;
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .hos_single #single_add_content > h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .hos_single #single_add_content > h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      .hos_single #single_add_content > h2 {
        font-size: 20px; } }
  .hos_single #single_add_content img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px; }
  .hos_single #single_add_content > h3 {
    border-bottom: none;
    color: #3e3a39;
    line-height: 2;
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .hos_single #single_add_content > h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      .hos_single #single_add_content > h3 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      .hos_single #single_add_content > h3 {
        font-size: 20px; } }
  .hos_single #single_add_content > ul {
    counter-reset: item;
    display: flex;
    flex-wrap: wrap; }
    .hos_single #single_add_content > ul li {
      flex-basis: 47.57785%; }
      @media screen and (min-width: 960px) {
        .hos_single #single_add_content > ul li {
          margin-top: 50px; } }
      @media screen and (max-width: 959px) {
        .hos_single #single_add_content > ul li {
          margin-top: 35px; } }
      @media screen and (max-width: 599px) {
        .hos_single #single_add_content > ul li {
          margin-top: 20px; } }
      .hos_single #single_add_content > ul li:nth-of-type(2n) {
        margin-left: 4.84429%; }
      .hos_single #single_add_content > ul li h3 {
        color: #64c0ab;
        margin-top: 0.6em;
        margin-bottom: 0.4em;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          .hos_single #single_add_content > ul li h3 {
            font-size: 22px; } }
        @media screen and (max-width: 959px) {
          .hos_single #single_add_content > ul li h3 {
            font-size: 19px; } }
        @media screen and (max-width: 599px) {
          .hos_single #single_add_content > ul li h3 {
            font-size: 16px; } }
        .hos_single #single_add_content > ul li h3:before {
          color: #64c0ab;
          counter-increment: item;
          content: counter(item, decimal-leading-zero);
          display: inline-block;
          font-family: 'M PLUS 1p', sans-serif;
          text-align: center;
          line-height: 1;
          margin-right: 0.5em;
          transform: translateY(15%); }
          @media screen and (min-width: 960px) {
            .hos_single #single_add_content > ul li h3:before {
              font-size: 40px; } }
          @media screen and (max-width: 959px) {
            .hos_single #single_add_content > ul li h3:before {
              font-size: 33px; } }
          @media screen and (max-width: 599px) {
            .hos_single #single_add_content > ul li h3:before {
              font-size: 26px; } }
      .hos_single #single_add_content > ul li h4 {
        color: #64c0ab;
        margin-top: 0.6em;
        margin-bottom: 0.4em;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          .hos_single #single_add_content > ul li h4 {
            font-size: 22px; } }
        @media screen and (max-width: 959px) {
          .hos_single #single_add_content > ul li h4 {
            font-size: 19px; } }
        @media screen and (max-width: 599px) {
          .hos_single #single_add_content > ul li h4 {
            font-size: 16px; } }
        .hos_single #single_add_content > ul li h4:before {
          color: #64c0ab;
          counter-increment: item;
          content: counter(item, decimal-leading-zero);
          display: inline-block;
          font-family: 'M PLUS 1p', sans-serif;
          text-align: center;
          line-height: 1;
          margin-right: 0.5em;
          transform: translateY(15%); }
          @media screen and (min-width: 960px) {
            .hos_single #single_add_content > ul li h4:before {
              font-size: 40px; } }
          @media screen and (max-width: 959px) {
            .hos_single #single_add_content > ul li h4:before {
              font-size: 33px; } }
          @media screen and (max-width: 599px) {
            .hos_single #single_add_content > ul li h4:before {
              font-size: 26px; } }
      @media screen and (min-width: 960px) {
        .hos_single #single_add_content > ul li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hos_single #single_add_content > ul li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hos_single #single_add_content > ul li p {
          font-size: 12px; } }
  .hos_single #single_add_content > div {
    background: #f5f4f4;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .hos_single #single_add_content > div {
        margin-top: 50px; } }
    @media screen and (max-width: 959px) {
      .hos_single #single_add_content > div {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      .hos_single #single_add_content > div {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      .hos_single #single_add_content > div {
        padding-top: 60px; } }
    @media screen and (max-width: 959px) {
      .hos_single #single_add_content > div {
        padding-top: 45px; } }
    @media screen and (max-width: 599px) {
      .hos_single #single_add_content > div {
        padding-top: 30px; } }
    @media screen and (min-width: 960px) {
      .hos_single #single_add_content > div {
        padding-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      .hos_single #single_add_content > div {
        padding-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      .hos_single #single_add_content > div {
        padding-bottom: 30px; } }
    @media screen and (min-width: 960px) {
      .hos_single #single_add_content > div {
        padding-left: 52px; } }
    @media screen and (max-width: 959px) {
      .hos_single #single_add_content > div {
        padding-left: 42px; } }
    @media screen and (max-width: 599px) {
      .hos_single #single_add_content > div {
        padding-left: 32px; } }
    @media screen and (min-width: 960px) {
      .hos_single #single_add_content > div {
        padding-right: 52px; } }
    @media screen and (max-width: 959px) {
      .hos_single #single_add_content > div {
        padding-right: 42px; } }
    @media screen and (max-width: 599px) {
      .hos_single #single_add_content > div {
        padding-right: 32px; } }
    .hos_single #single_add_content > div h3 {
      background: #898989;
      color: #ffffff;
      display: inline-block;
      line-height: 1;
      padding: 0.5em 1em;
      border-radius: 1.5em;
      margin: 0; }
    .hos_single #single_add_content > div > ul {
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 599px) {
        .hos_single #single_add_content > div > ul {
          justify-content: space-between; } }
      .hos_single #single_add_content > div > ul li {
        flex-basis: 30.41825%;
        margin-right: 4.37262%;
        text-align: left; }
        @media screen and (min-width: 960px) {
          .hos_single #single_add_content > div > ul li {
            margin-top: 60px; } }
        @media screen and (max-width: 959px) {
          .hos_single #single_add_content > div > ul li {
            margin-top: 45px; } }
        @media screen and (max-width: 599px) {
          .hos_single #single_add_content > div > ul li {
            margin-top: 30px; } }
        .hos_single #single_add_content > div > ul li:nth-of-type(3n) {
          margin-right: 0; }
        @media screen and (max-width: 599px) {
          .hos_single #single_add_content > div > ul li {
            flex-basis: 48%;
            margin-right: 0; } }
        .hos_single #single_add_content > div > ul li h4 {
          color: #64c0ab;
          font-weight: bold;
          margin: 0.5em 0; }
          @media screen and (min-width: 960px) {
            .hos_single #single_add_content > div > ul li h4 {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            .hos_single #single_add_content > div > ul li h4 {
              font-size: 18px; } }
          @media screen and (max-width: 599px) {
            .hos_single #single_add_content > div > ul li h4 {
              font-size: 16px; } }
  .hos_single #single_add_content .other p {
    margin: 1em 0; }
  .hos_single #single_add_content .other ul {
    display: block; }
    .hos_single #single_add_content .other ul li {
      display: inline-block;
      margin-top: 0; }
      @media screen and (min-width: 960px) {
        .hos_single #single_add_content .other ul li {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hos_single #single_add_content .other ul li {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hos_single #single_add_content .other ul li {
          font-size: 12px; } }
      .hos_single #single_add_content .other ul li + li {
        margin-right: 1em; }

.hos_single .hos_titles {
  color: #5ac8a0;
  border-bottom: 2px solid #5ac8a0;
  padding-top: 0.5em;
  padding-bottom: 1em;
  margin-bottom: 0.75em; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_titles {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_titles {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_titles {
      font-size: 12px; } }
  .hos_single .hos_titles p {
    font-size: 1em;
    color: #3e3a39;
    font-weight: bold; }
  .hos_single .hos_titles h2 {
    font-weight: bold;
    border-bottom: none !important; }
    @media screen and (min-width: 960px) {
      .hos_single .hos_titles h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      .hos_single .hos_titles h2 {
        font-size: 28px; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_titles h2 {
        font-size: 24px; } }
  .hos_single .hos_titles span {
    font-size: 1em; }

@media screen and (min-width: 960px) {
  .hos_single address {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  .hos_single address {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .hos_single address {
    font-size: 12px; } }

@media screen and (min-width: 960px) {
  .hos_single address span {
    font-size: 32px; } }

@media screen and (max-width: 959px) {
  .hos_single address span {
    font-size: 28px; } }

@media screen and (max-width: 599px) {
  .hos_single address span {
    font-size: 24px; } }

.hos_single address span:before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f098';
  font-weight: 900;
  margin-right: 0.2em; }

.hos_single .photos {
  max-width: 1156px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .hos_single .photos {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .hos_single .photos {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    .hos_single .photos {
      margin-top: 20px; } }
  .hos_single .photos img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px; }
  @media screen and (min-width: 960px) {
    .hos_single .photos .slick-list {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    .hos_single .photos .slick-list {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    .hos_single .photos .slick-list {
      margin-top: 10px; } }
  .hos_single .photos .slick-track li {
    padding: 10px; }
    @media screen and (max-width: 599px) {
      .hos_single .photos .slick-track li {
        padding: 4px; } }

.hos_single .public_url {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  max-width: 1000px; }
  @media screen and (min-width: 960px) {
    .hos_single .public_url {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    .hos_single .public_url {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    .hos_single .public_url {
      margin-top: 30px; } }
  @media screen and (min-width: 960px) {
    .hos_single .public_url {
      margin-bottom: 22px; } }
  @media screen and (max-width: 959px) {
    .hos_single .public_url {
      margin-bottom: 19px; } }
  @media screen and (max-width: 599px) {
    .hos_single .public_url {
      margin-bottom: 16px; } }
  @media screen and (max-width: 599px) {
    .hos_single .public_url {
      grid-template-columns: 1fr; } }
  .hos_single .public_url > div {
    text-align: center;
    overflow: hidden;
    box-sizing: border-box; }
    .hos_single .public_url > div a {
      display: block;
      padding: 1em 0;
      color: #ffffff;
      width: 100%;
      background: #64c0ab;
      border-radius: 3em;
      line-height: 1; }
      @media screen and (min-width: 960px) {
        .hos_single .public_url > div a {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        .hos_single .public_url > div a {
          font-size: 18px; } }
      @media screen and (max-width: 599px) {
        .hos_single .public_url > div a {
          font-size: 16px; } }
      .hos_single .public_url > div a.web:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        content: '\f0ac';
        margin-right: 0.3em;
        font-size: 1.2em;
        position: relative;
        top: 0.1em; }
      .hos_single .public_url > div a.offer {
        background-color: #6397cc; }
        .hos_single .public_url > div a.offer:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f105';
          font-weight: 900;
          content: '\f007';
          margin-right: 0.3em;
          font-size: 1.2em;
          position: relative;
          top: 0.1em; }

.hos_single .reserved_box {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 960px) {
    .hos_single .reserved_box {
      margin-bottom: 45px; } }
  @media screen and (max-width: 959px) {
    .hos_single .reserved_box {
      margin-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    .hos_single .reserved_box {
      margin-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    .hos_single .reserved_box {
      justify-content: space-between; } }
  .hos_single .reserved_box > div {
    text-align: center;
    border: 2px solid #3e3a39;
    border-radius: 3em;
    box-sizing: border-box; }
    .hos_single .reserved_box > div a {
      display: block;
      padding: 0.5em 0;
      color: #3e3a39; }
      @media screen and (min-width: 960px) {
        .hos_single .reserved_box > div a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hos_single .reserved_box > div a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hos_single .reserved_box > div a {
          font-size: 12px; } }
      .hos_single .reserved_box > div a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: #3e3a39;
        margin-right: 0.3em; }
    @media screen and (min-width: 600px) {
      .hos_single .reserved_box > div {
        flex-basis: calc(25% - 1.125em);
        max-width: 269px;
        margin-right: 1.125em; } }
    @media screen and (max-width: 599px) {
      .hos_single .reserved_box > div {
        flex-basis: 48%;
        margin-top: 1em; } }
    .hos_single .reserved_box > div:last-child {
      margin-right: 0; }

.hos_single .hos_single_main ul#sales {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main ul#sales {
      display: block; } }
  .hos_single .hos_single_main ul#sales > li {
    text-align: center;
    width: 7.5em;
    background: #cccccc;
    padding: 0.1em 0;
    margin-right: 0.2em;
    box-sizing: border-box;
    color: #ffffff; }
    @media screen and (min-width: 960px) {
      .hos_single .hos_single_main ul#sales > li {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main ul#sales > li {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main ul#sales > li {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main ul#sales > li {
        margin-top: 0.5em;
        display: inline-block; } }
  .hos_single .hos_single_main ul#sales .sp1 {
    background: #64c0ab; }
  .hos_single .hos_single_main ul#sales .sp2 {
    background: #ea6088; }
  .hos_single .hos_single_main ul#sales .sp3 {
    background: #f18e1d; }
  .hos_single .hos_single_main ul#sales .sp4 {
    background: #00afec; }
  .hos_single .hos_single_main ul#sales .sp5 {
    background: #0064ff; }
  .hos_single .hos_single_main ul#sales .sp6 {
    background: #0064ff; }
  .hos_single .hos_single_main ul#sales .sp7 {
    background: #3dc121; }
    .hos_single .hos_single_main ul#sales .sp7 a {
      color: #ffffff;
      font-size: 1em; }

.hos_single .hos_single_main h2.subtitle {
  color: #5ac8a0;
  border-bottom: 2px solid #5ac8a0;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 0.4em;
  margin-bottom: 0.4em; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main h2.subtitle {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main h2.subtitle {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main h2.subtitle {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main h2.subtitle {
      margin-top: 45px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main h2.subtitle {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main h2.subtitle {
      margin-top: 25px; } }

.hos_single .hos_single_main p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main p {
      font-size: 12px; } }

.hos_single .hos_single_main #timetable {
  float: none; }
  .hos_single .hos_single_main #timetable h3 {
    margin-bottom: 0.2em;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .hos_single .hos_single_main #timetable h3 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main #timetable h3 {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main #timetable h3 {
        font-size: 12px; } }
  .hos_single .hos_single_main #timetable .consul-table {
    margin-top: 0.8em; }
    @media screen and (min-width: 960px) {
      .hos_single .hos_single_main #timetable .consul-table {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main #timetable .consul-table {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main #timetable .consul-table {
        font-size: 12px; } }
    .hos_single .hos_single_main #timetable .consul-table tr:nth-of-type(1) th {
      background: #f5f5f5;
      padding: 0.5em 0;
      line-height: 1; }
    .hos_single .hos_single_main #timetable .consul-table tr:nth-of-type(2) td:nth-of-type(1),
    .hos_single .hos_single_main #timetable .consul-table tr:nth-of-type(3) td:nth-of-type(1) {
      background: #f5f5f5;
      line-height: 1; }
    .hos_single .hos_single_main #timetable .consul-table tr td {
      padding: 1em 0; }
    .hos_single .hos_single_main #timetable .consul-table + h4 {
      margin-top: 1em; }

.hos_single .hos_single_main .timetabelnote {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .timetabelnote {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .timetabelnote {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .timetabelnote {
      font-size: 12px; } }

.hos_single .hos_single_main .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .flex_box {
      margin-top: 25px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .flex_box {
      margin-top: 20px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .flex_box {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .flex_box {
      display: block; } }
  .hos_single .hos_single_main .flex_box > div {
    flex-basis: 48.18653%;
    color: #363639; }
    .hos_single .hos_single_main .flex_box > div h3 {
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        .hos_single .hos_single_main .flex_box > div h3 {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .hos_single .hos_single_main .flex_box > div h3 {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .hos_single .hos_single_main .flex_box > div h3 {
          font-size: 14px; } }
      .hos_single .hos_single_main .flex_box > div h3:before {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        border-radius: 0.5em;
        background: #363639;
        margin-right: 0.1em;
        position: relative;
        top: 0.15em; }
        @media screen and (min-width: 960px) {
          .hos_single .hos_single_main .flex_box > div h3:before {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          .hos_single .hos_single_main .flex_box > div h3:before {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          .hos_single .hos_single_main .flex_box > div h3:before {
            font-size: 14px; } }
    .hos_single .hos_single_main .flex_box > div p {
      margin-bottom: 1em; }
      @media screen and (min-width: 960px) {
        .hos_single .hos_single_main .flex_box > div p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hos_single .hos_single_main .flex_box > div p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hos_single .hos_single_main .flex_box > div p {
          font-size: 12px; } }

.hos_single .hos_single_main #map {
  width: 100%; }
  @media screen and (min-width: 600px) {
    .hos_single .hos_single_main #map {
      height: 320px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main #map {
      height: 300px; } }

.hos_single .hos_single_main .cource_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .cource_list {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .cource_list {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .cource_list {
      margin-top: 20px; } }
  .hos_single .hos_single_main .cource_list > div {
    flex-basis: 48.18653%;
    border: 1px solid #5ac8a0;
    border-radius: 4em;
    text-align: center;
    margin-bottom: 1em; }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main .cource_list > div {
        margin-bottom: 0;
        flex-basis: 100%; }
        .hos_single .hos_single_main .cource_list > div + div {
          margin-top: 20px; } }
    .hos_single .hos_single_main .cource_list > div a {
      display: block;
      padding: 1.2em 0; }
      .hos_single .hos_single_main .cource_list > div a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        margin-right: 0.3em;
        color: #5ac8a0; }

.hos_single .hos_single_main .prof_box {
  border-top: 1px dashed #cccccc;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .prof_box {
      padding-top: 30px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .prof_box {
      padding-top: 25px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .prof_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .prof_box {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .prof_box {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .prof_box {
      margin-top: 20px; } }
  @media screen and (min-width: 600px) {
    .hos_single .hos_single_main .prof_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .hos_single .hos_single_main .prof_box.top {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .hos_single .hos_single_main .prof_box .photo_box {
    flex-basis: 250px; }
    .hos_single .hos_single_main .prof_box .photo_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main .prof_box .photo_box {
        flex-basis: auto;
        width: 200px;
        margin: 0 auto; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main .prof_box .photo_box {
        flex-basis: auto;
        width: 200px;
        margin: 0 auto; } }
    .hos_single .hos_single_main .prof_box .photo_box + .text_box1 {
      flex-basis: calc(100% - 280px); }
  .hos_single .hos_single_main .prof_box .text_box1 {
    margin-bottom: 2em; }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main .prof_box .text_box1 {
        flex-basis: calc(100% - 220px); } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main .prof_box .text_box1 {
        flex-basis: 100%; } }
    @media screen and (min-width: 960px) {
      .hos_single .hos_single_main .prof_box .text_box1 p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main .prof_box .text_box1 p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main .prof_box .text_box1 p {
        font-size: 12px; } }
    .hos_single .hos_single_main .prof_box .text_box1 h3 {
      margin-bottom: 0.8em; }
      @media screen and (min-width: 960px) {
        .hos_single .hos_single_main .prof_box .text_box1 h3 {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .hos_single .hos_single_main .prof_box .text_box1 h3 {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .hos_single .hos_single_main .prof_box .text_box1 h3 {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .hos_single .hos_single_main .prof_box .text_box1 h3 {
          text-align: center;
          margin-top: 1em; } }
      .hos_single .hos_single_main .prof_box .text_box1 h3 em {
        font-size: 1.5em;
        margin: 0 0.2em;
        display: inline-block; }
  .hos_single .hos_single_main .prof_box .text_box2 {
    flex-basis: 100%;
    box-sizing: border-box;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 30px;
    margin-top: 30px; }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main .prof_box .text_box2 {
        flex-basis: 100%;
        margin-top: 1em; } }
    @media screen and (min-width: 960px) {
      .hos_single .hos_single_main .prof_box .text_box2 p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main .prof_box .text_box2 p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .hos_single .hos_single_main .prof_box .text_box2 p {
        font-size: 12px; } }
    .hos_single .hos_single_main .prof_box .text_box2 h3 {
      margin-bottom: 1em;
      color: #5ac8a0;
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        .hos_single .hos_single_main .prof_box .text_box2 h3 {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .hos_single .hos_single_main .prof_box .text_box2 h3 {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .hos_single .hos_single_main .prof_box .text_box2 h3 {
          font-size: 14px; } }

.hos_single .hos_single_main .add_doc_btn {
  display: flex;
  justify-content: space-between;
  width: 70.76125%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .add_doc_btn {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .add_doc_btn {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .add_doc_btn {
      font-size: 20px; } }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .add_doc_btn {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .add_doc_btn {
      margin-top: 70px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .add_doc_btn {
      margin-top: 60px; } }
  @media screen and (min-width: 960px) {
    .hos_single .hos_single_main .add_doc_btn {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .add_doc_btn {
      margin-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .add_doc_btn {
      margin-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_single_main .add_doc_btn {
      width: 90%; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_single_main .add_doc_btn {
      width: 80%;
      display: block; } }
  .hos_single .hos_single_main .add_doc_btn a {
    flex-basis: 44.11765%;
    font-size: 1em;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 2em 0;
    box-sizing: border-box;
    border: 4px solid #64c0ab;
    border-radius: 8px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }
    @media screen and (max-width: 959px) {
      .hos_single .hos_single_main .add_doc_btn a {
        flex-basis: 48%; } }
    .hos_single .hos_single_main .add_doc_btn a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f138';
      font-weight: 900;
      margin-right: 0.3em;
      font-size: 1.2em;
      position: relative;
      top: 0.1em; }
    .hos_single .hos_single_main .add_doc_btn a.pickup {
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%), url("../img/single/banner_pickup.jpg"); }
      .hos_single .hos_single_main .add_doc_btn a.pickup:before {
        content: "\f0f0"; }
      @media screen and (max-width: 599px) {
        .hos_single .hos_single_main .add_doc_btn a.pickup + .column {
          margin-top: 2em; } }
    .hos_single .hos_single_main .add_doc_btn a.column {
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%), url("../img/single/banner_column.jpg"); }
      .hos_single .hos_single_main .add_doc_btn a.column:before {
        content: "\f02d"; }

@media screen and (min-width: 960px) {
  .hos_single .hos_news_list {
    margin-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .hos_single .hos_news_list {
    margin-bottom: 70px; } }

@media screen and (max-width: 599px) {
  .hos_single .hos_news_list {
    margin-bottom: 60px; } }

.hos_single .hos_news_list .new_inner {
  box-sizing: border-box;
  background: #e0f2ee;
  padding: 50px 100px; }
  @media screen and (max-width: 599px) {
    .hos_single .hos_news_list .new_inner {
      padding: 25px 15px; } }

.hos_single .hos_news_list h2 {
  font-weight: bold;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 960px) {
    .hos_single .hos_news_list h2 {
      font-size: 22px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_news_list h2 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_news_list h2 {
      font-size: 16px; } }

.hos_single .hos_news_list ul {
  background: #ffffff;
  padding: 30px 40px; }
  @media screen and (max-width: 599px) {
    .hos_single .hos_news_list ul {
      padding: 20px; } }
  @media screen and (min-width: 960px) {
    .hos_single .hos_news_list ul li {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hos_single .hos_news_list ul li {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_news_list ul li {
      font-size: 12px; } }
  .hos_single .hos_news_list ul li + li {
    border-top: 1px dotted #3e3a39;
    padding-top: 15px;
    margin-top: 10px; }
    @media screen and (max-width: 599px) {
      .hos_single .hos_news_list ul li + li {
        padding-top: 10px;
        margin-top: 5px; } }
  @media screen and (max-width: 599px) {
    .hos_single .hos_news_list ul li span + span {
      display: block;
      margin-top: 10px; } }

@media screen and (min-width: 960px) {
  .hos_single .offer_list_box {
    margin-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .hos_single .offer_list_box {
    margin-bottom: 70px; } }

@media screen and (max-width: 599px) {
  .hos_single .offer_list_box {
    margin-bottom: 60px; } }

.hos_single .offer_list_box .new_inner {
  box-sizing: border-box;
  background: #faf7e7;
  padding: 50px 100px; }
  @media screen and (max-width: 599px) {
    .hos_single .offer_list_box .new_inner {
      padding: 25px 15px; } }

.hos_single .offer_list_box h2 {
  font-weight: bold;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 960px) {
    .hos_single .offer_list_box h2 {
      font-size: 22px; } }
  @media screen and (max-width: 959px) {
    .hos_single .offer_list_box h2 {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    .hos_single .offer_list_box h2 {
      font-size: 16px; } }

.hos_single .offer_list_box ul {
  background: #ffffff;
  padding: 30px 40px; }
  @media screen and (max-width: 599px) {
    .hos_single .offer_list_box ul {
      padding: 20px; } }
  @media screen and (min-width: 960px) {
    .hos_single .offer_list_box ul li {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .hos_single .offer_list_box ul li {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .hos_single .offer_list_box ul li {
      font-size: 12px; } }
  .hos_single .offer_list_box ul li + li {
    border-top: 1px dotted #3e3a39;
    padding-top: 15px;
    margin-top: 10px; }
    @media screen and (max-width: 599px) {
      .hos_single .offer_list_box ul li + li {
        padding-top: 10px;
        margin-top: 5px; } }

@media screen and (max-width: 599px) {
  .single-offer .obox {
    padding: 0;
    border: none; } }

@media screen and (min-width: 960px) {
  .single-offer main > .new_inner {
    margin-bottom: 120px; } }

@media screen and (max-width: 959px) {
  .single-offer main > .new_inner {
    margin-bottom: 100px; } }

@media screen and (max-width: 599px) {
  .single-offer main > .new_inner {
    margin-bottom: 80px; } }

.single-offer #os-title {
  padding: 0.5em 0.7em; }
  @media screen and (min-width: 960px) {
    .single-offer #os-title {
      font-size: 22px; } }
  @media screen and (max-width: 959px) {
    .single-offer #os-title {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .single-offer #os-title {
      font-size: 14px; } }

.single-offer .os-tbl-base {
  border: 1px solid #cccccc;
  width: 100%; }
  @media screen and (max-width: 599px) {
    .single-offer .os-tbl-base {
      display: block;
      border-bottom: none; } }
  @media screen and (max-width: 599px) {
    .single-offer .os-tbl-base tbody {
      display: block; } }
  .single-offer .os-tbl-base th, .single-offer .os-tbl-base td {
    padding: 0.6em 0.8em;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      .single-offer .os-tbl-base th, .single-offer .os-tbl-base td {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .single-offer .os-tbl-base th, .single-offer .os-tbl-base td {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .single-offer .os-tbl-base th, .single-offer .os-tbl-base td {
        font-size: 12px; } }
  @media screen and (max-width: 599px) {
    .single-offer .os-tbl-base tr {
      display: block; } }
  .single-offer .os-tbl-base th {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: rgba(90, 190, 150, 0.1);
    font-weight: bold;
    width: 20%; }
    @media screen and (max-width: 599px) {
      .single-offer .os-tbl-base th {
        width: 100%;
        display: block;
        border-right: none; } }
  .single-offer .os-tbl-base td {
    border-bottom: 1px solid #cccccc; }
    @media screen and (max-width: 599px) {
      .single-offer .os-tbl-base td {
        display: block; } }

.single-offer .os-sub-h2 {
  font-weight: bold;
  margin-top: 1.2em;
  margin-bottom: 0.8em;
  padding: 0.3em 0.5em;
  border-top: 1px solid #5ac8a0;
  border-bottom: 1px solid #5ac8a0; }
  @media screen and (min-width: 960px) {
    .single-offer .os-sub-h2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .single-offer .os-sub-h2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .single-offer .os-sub-h2 {
      font-size: 16px; } }

.single-offer .os-sub-title {
  margin-top: 2.8em;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 960px) {
    .single-offer .os-sub-title {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .single-offer .os-sub-title {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .single-offer .os-sub-title {
      font-size: 14px; } }
  .single-offer .os-sub-title:before {
    content: "●";
    display: inline-block;
    font-size: 0.9em;
    margin-right: 0.3em;
    color: #fa648c; }

.single-offer #os-photo {
  float: none;
  width: 100%;
  display: block;
  width: 75%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .single-offer #os-photo {
      margin-bottom: 30px; } }
  @media screen and (max-width: 959px) {
    .single-offer #os-photo {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    .single-offer #os-photo {
      margin-bottom: 10px; } }
  @media screen and (min-width: 960px) {
    .single-offer #os-photo {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    .single-offer #os-photo {
      margin-top: 20px; } }
  @media screen and (max-width: 599px) {
    .single-offer #os-photo {
      margin-top: 10px; } }
  .single-offer #os-photo img {
    width: 100%;
    height: auto; }

.single-offer #map {
  height: 450px; }
  @media screen and (min-width: 960px) {
    .single-offer #map {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    .single-offer #map {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    .single-offer #map {
      margin-top: 10px; } }
  @media screen and (min-width: 960px) {
    .single-offer #map {
      margin-bottom: 20px; } }
  @media screen and (max-width: 959px) {
    .single-offer #map {
      margin-bottom: 15px; } }
  @media screen and (max-width: 599px) {
    .single-offer #map {
      margin-bottom: 10px; } }
  @media screen and (max-width: 599px) {
    .single-offer #map {
      height: 300px; } }

@media screen and (min-width: 960px) {
  .single-offer #os-note {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  .single-offer #os-note {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .single-offer #os-note {
    font-size: 12px; } }

@media screen and (min-width: 960px) {
  .single-offer .offer_list_box {
    margin-bottom: 80px; } }

@media screen and (max-width: 959px) {
  .single-offer .offer_list_box {
    margin-bottom: 70px; } }

@media screen and (max-width: 599px) {
  .single-offer .offer_list_box {
    margin-bottom: 60px; } }

@media screen and (min-width: 960px) {
  .single-offer .offer_list_box ul li {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  .single-offer .offer_list_box ul li {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .single-offer .offer_list_box ul li {
    font-size: 12px; } }

.single-offer .offer_list_box ul li + li {
  border-top: 1px dotted #3e3a39;
  padding-top: 15px;
  margin-top: 10px; }
  @media screen and (max-width: 599px) {
    .single-offer .offer_list_box ul li + li {
      padding-top: 10px;
      margin-top: 5px; } }

.single-offer .add_content h2 {
  font-weight: bold;
  margin-top: 1.2em;
  margin-bottom: 0.8em;
  padding: 0.3em 0.5em;
  border-top: 1px solid #5ac8a0;
  border-bottom: 1px solid #5ac8a0; }
  @media screen and (min-width: 960px) {
    .single-offer .add_content h2 {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .single-offer .add_content h2 {
      font-size: 18px; } }
  @media screen and (max-width: 599px) {
    .single-offer .add_content h2 {
      font-size: 16px; } }

@media screen and (min-width: 960px) {
  .single-offer .add_content p {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  .single-offer .add_content p {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .single-offer .add_content p {
    font-size: 12px; } }

.single-offer .prof_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px dashed #cccccc;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    .single-offer .prof_box {
      padding-top: 30px; } }
  @media screen and (max-width: 959px) {
    .single-offer .prof_box {
      padding-top: 25px; } }
  @media screen and (max-width: 599px) {
    .single-offer .prof_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .single-offer .prof_box {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    .single-offer .prof_box {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    .single-offer .prof_box {
      margin-top: 20px; } }
  .single-offer .prof_box.top {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .single-offer .prof_box .photo_box {
    flex-basis: 250px; }
    .single-offer .prof_box .photo_box img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 959px) {
      .single-offer .prof_box .photo_box {
        flex-basis: auto;
        width: 200px;
        margin: 0 auto; } }
    @media screen and (max-width: 599px) {
      .single-offer .prof_box .photo_box {
        flex-basis: auto;
        width: 200px;
        margin: 0 auto; } }
    .single-offer .prof_box .photo_box + .text_box1 {
      flex-basis: calc(100% - 280px); }
      @media screen and (max-width: 959px) {
        .single-offer .prof_box .photo_box + .text_box1 {
          flex-basis: calc(100% - 220px); } }
      @media screen and (max-width: 599px) {
        .single-offer .prof_box .photo_box + .text_box1 {
          flex-basis: 100%; } }
  .single-offer .prof_box .text_box1 {
    margin-bottom: 2em; }
    @media screen and (min-width: 960px) {
      .single-offer .prof_box .text_box1 p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .single-offer .prof_box .text_box1 p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .single-offer .prof_box .text_box1 p {
        font-size: 12px; } }
    .single-offer .prof_box .text_box1 h3 {
      margin-bottom: 0.8em; }
      @media screen and (min-width: 960px) {
        .single-offer .prof_box .text_box1 h3 {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .single-offer .prof_box .text_box1 h3 {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        .single-offer .prof_box .text_box1 h3 {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        .single-offer .prof_box .text_box1 h3 {
          text-align: center;
          margin-top: 1em; } }
      .single-offer .prof_box .text_box1 h3 em {
        font-size: 1.5em;
        margin: 0 0.2em;
        display: inline-block; }
  .single-offer .prof_box .text_box2 {
    flex-basis: 100%;
    box-sizing: border-box;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 30px;
    margin-top: 30px; }
    @media screen and (max-width: 959px) {
      .single-offer .prof_box .text_box2 {
        flex-basis: 100%;
        margin-top: 1em; } }
    @media screen and (min-width: 960px) {
      .single-offer .prof_box .text_box2 p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .single-offer .prof_box .text_box2 p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .single-offer .prof_box .text_box2 p {
        font-size: 12px; } }
    .single-offer .prof_box .text_box2 h3 {
      margin-bottom: 1em;
      color: #5ac8a0;
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        .single-offer .prof_box .text_box2 h3 {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .single-offer .prof_box .text_box2 h3 {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .single-offer .prof_box .text_box2 h3 {
          font-size: 14px; } }

@media screen and (max-width: 599px) {
  .os-tbl-base-head {
    width: 80px;
    box-sizing: border-box; }
  #os-photo {
    float: none;
    width: 100%; }
    #os-photo img {
      width: 100%;
      height: auto; }
  .so-res-img img {
    float: none;
    display: block;
    width: 100%;
    height: auto; } }

main#offer_contact .wpcf7-form-control.wpcf7-submit {
  display: block;
  width: 50%;
  max-width: 280px;
  margin: 3em auto 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  background: #48e643;
  background: linear-gradient(182deg, #48e643 0%, #0fc46a 50%);
  border: none;
  padding: 1em;
  border-radius: 0.5em; }
  main#offer_contact .wpcf7-form-control.wpcf7-submit:disabled {
    background: #BAD1C6;
    opacity: 0.6; }
  main#offer_contact .wpcf7-form-control.wpcf7-submit .wpcf7-response-output {
    margin: 1em 0 0 0; }

main#offer_contact .btn_box {
  text-align: center;
  margin-top: 60px; }
  main#offer_contact .btn_box:before {
    transform: translateY(-20px);
    content: "";
    display: block;
    width: 80%;
    border-top: 1px solid #cccccc;
    margin: 0 auto; }
  main#offer_contact .btn_box a {
    display: inline-block;
    padding: 1em 3em;
    color: #ffffff;
    background: #f18e1d;
    border-radius: 1em; }

main.offer_main .btn_box {
  text-align: center; }
  main.offer_main .btn_box a {
    display: inline-block;
    padding: 0.8em 2em;
    color: #ffffff;
    background: #5ac8a0;
    border-radius: 3em;
    margin-top: 3em; }
    @media screen and (min-width: 960px) {
      main.offer_main .btn_box a {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main.offer_main .btn_box a {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      main.offer_main .btn_box a {
        font-size: 14px; } }

main.offer_main img {
  width: 100%;
  height: auto; }

main.offer_main .main_img h2 {
  text-align: center;
  font-weight: bold;
  margin-top: 0.7em;
  margin-bottom: 0.2em;
  color: #3e3a39; }
  @media screen and (min-width: 960px) {
    main.offer_main .main_img h2 {
      font-size: 45px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .main_img h2 {
      font-size: 40px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .main_img h2 {
      font-size: 35px; } }

main.offer_main .main_img p {
  text-align: center;
  margin-bottom: 2em;
  color: #3e3a39; }
  @media screen and (min-width: 960px) {
    main.offer_main .main_img p {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .main_img p {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .main_img p {
      font-size: 14px; } }

main.offer_main .search_box {
  padding: 100px 0;
  text-align: center;
  background: url("../img/section_bg.png"); }
  @media screen and (max-width: 599px) {
    main.offer_main .search_box {
      padding: 50px 0; } }
  main.offer_main .search_box h2 {
    font-size: 32px;
    padding-bottom: 50px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff; }
    main.offer_main .search_box h2:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f002';
      font-weight: 900;
      margin-right: 0.3em; }
    @media screen and (max-width: 599px) {
      main.offer_main .search_box h2 {
        font-size: 20px;
        padding-bottom: 20px; } }
  main.offer_main .search_box form {
    background: #ffffff;
    display: block;
    border-radius: 10px;
    padding: 50px;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px; }
    @media screen and (max-width: 599px) {
      main.offer_main .search_box form {
        padding: 30px;
        font-size: 14px; } }
    main.offer_main .search_box form div {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      font-size: 20px;
      margin-top: 20px; }
      @media screen and (max-width: 599px) {
        main.offer_main .search_box form div {
          font-size: 14px;
          display: block; } }
      main.offer_main .search_box form div input[name="s"] {
        width: 81%;
        box-sizing: border-box;
        display: block;
        border: 1px solid #c9caca;
        border-right: none;
        line-height: 1;
        padding: 20px;
        border-radius: 5px 0 0 5px; }
        @media screen and (max-width: 599px) {
          main.offer_main .search_box form div input[name="s"] {
            width: 100%;
            padding: 15px;
            border: 1px solid #c9caca;
            border-radius: 5px; } }
      main.offer_main .search_box form div button {
        width: 19%;
        display: block;
        box-sizing: border-box;
        text-align: center;
        border: none;
        background: #5ac8a0;
        color: #ffffff;
        line-height: 1;
        padding: 20px 0;
        border-radius: 0 5px 5px 0;
        letter-spacing: 5px;
        cursor: pointer; }
        @media screen and (max-width: 599px) {
          main.offer_main .search_box form div button {
            width: 40%;
            padding: 10px 0;
            margin: 20px auto 0;
            border-radius: 5px; } }
        main.offer_main .search_box form div button:hover {
          opacity: 0.8; }
        main.offer_main .search_box form div button:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f002';
          font-weight: 900;
          font-size: 0.8em;
          margin-right: 5px; }

main.offer_main .offer_term h3 {
  position: relative;
  margin-bottom: 0.3em;
  border-bottom: solid 2px #cccccc;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    main.offer_main .offer_term h3 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .offer_term h3 {
      font-size: 27px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_term h3 {
      font-size: 22px; } }

main.offer_main .offer_term .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  main.offer_main .offer_term .flex_box .type1 {
    flex-basis: 66.17647%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    main.offer_main .offer_term .flex_box .type1 h3 {
      flex-basis: 100%;
      border-bottom-color: #f7c089; }
    main.offer_main .offer_term .flex_box .type1 > div {
      flex-basis: 48.88889%; }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_term .flex_box .type1 > div {
          flex-basis: 48%; } }
    @media screen and (max-width: 599px) {
      main.offer_main .offer_term .flex_box .type1 {
        flex-basis: 100%; } }
  main.offer_main .offer_term .flex_box .type2 {
    flex-basis: 32.35294%; }
    main.offer_main .offer_term .flex_box .type2 h3 {
      border-bottom-color: #f9b4cd; }
    @media screen and (max-width: 599px) {
      main.offer_main .offer_term .flex_box .type2 {
        margin-top: 29px;
        flex-basis: 100%; }
        main.offer_main .offer_term .flex_box .type2 > div {
          width: 48%; } }

main.offer_main .offer_term div[class^="term_box"] {
  box-sizing: border-box;
  border-radius: 1em;
  background: #50c3e2;
  border-radius: 0.3em;
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    main.offer_main .offer_term div[class^="term_box"] {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .offer_term div[class^="term_box"] {
      font-size: 25px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_term div[class^="term_box"] {
      font-size: 18px; } }
  main.offer_main .offer_term div[class^="term_box"] a {
    display: block;
    position: relative; }
    main.offer_main .offer_term div[class^="term_box"] a:after {
      content: "";
      position: absolute;
      top: calc(50% - 0.5em);
      right: 1em;
      width: 1em;
      height: 1.2em;
      background: url("../img/offer/arrow.svg") no-repeat center center;
      background-size: cover; }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_term div[class^="term_box"] a:after {
          font-size: 15px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_term div[class^="term_box"] a:after {
          font-size: 13px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_term div[class^="term_box"] a:after {
          font-size: 11px; } }
  main.offer_main .offer_term div[class^="term_box"] span {
    display: block;
    width: 100%;
    text-align: center;
    background: white;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 33%, rgba(255, 255, 255, 0) 100%);
    color: #ffffff;
    font-size: 1em;
    padding: 0.2em 0;
    line-height: 1; }
  main.offer_main .offer_term div[class^="term_box"] img {
    display: block;
    line-height: 1; }

main.offer_main .offer_term div.term_box1149,
main.offer_main .offer_term div.term_box1148 {
  background: #efac6a; }

main.offer_main .offer_term div.term_box1150 {
  background: #f99bc1; }

main.offer_main .offer_term .sublist {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 960px) {
    main.offer_main .offer_term .sublist {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .offer_term .sublist {
      margin-top: 22px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_term .sublist {
      margin-top: 14px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_term .sublist {
      justify-content: space-between; } }
  main.offer_main .offer_term .sublist h3 {
    flex-basis: 100%;
    border-bottom-color: #9de4f4; }
  @media screen and (min-width: 960px) {
    main.offer_main .offer_term .sublist > div {
      margin-bottom: 20px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .offer_term .sublist > div {
      margin-bottom: 15px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_term .sublist > div {
      margin-bottom: 10px; } }
  @media screen and (min-width: 600px) {
    main.offer_main .offer_term .sublist > div {
      margin-right: 1.47059%;
      flex-basis: 32.35294%; }
      main.offer_main .offer_term .sublist > div:nth-of-type(3n) {
        margin-right: 0; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_term .sublist > div {
      flex-basis: 48%; } }

main.offer_main .offer_term .sublist.area div[class^="term_box"] {
  background: #3aad8e; }

main.offer_main .offer_term .sublist.area h3 {
  border-bottom-color: #88d1bd; }

main.offer_main .offer_list {
  background: #e4f7ed; }
  @media screen and (min-width: 960px) {
    main.offer_main .offer_list {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .offer_list {
      padding-top: 40px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_list {
      padding-top: 30px; } }
  @media screen and (min-width: 960px) {
    main.offer_main .offer_list {
      padding-bottom: 68px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .offer_list {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_list {
      padding-bottom: 42px; } }
  @media screen and (min-width: 960px) {
    main.offer_main .offer_list {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    main.offer_main .offer_list {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    main.offer_main .offer_list {
      margin-top: 30px; } }
  main.offer_main .offer_list .new_inner > h2 {
    text-align: center;
    font-weight: bold;
    color: #3e3a39;
    flex-basis: 100%; }
    @media screen and (min-width: 960px) {
      main.offer_main .offer_list .new_inner > h2 {
        font-size: 30px; } }
    @media screen and (max-width: 959px) {
      main.offer_main .offer_list .new_inner > h2 {
        font-size: 25px; } }
    @media screen and (max-width: 599px) {
      main.offer_main .offer_list .new_inner > h2 {
        font-size: 20px; } }
    main.offer_main .offer_list .new_inner > h2:before {
      content: "";
      display: block;
      margin: 0 auto;
      width: 1em;
      height: 1.3em;
      background: url("../img/offer/icon2.svg") no-repeat center center;
      background-size: cover; }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_list .new_inner > h2:before {
          font-size: 50px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > h2:before {
          font-size: 40px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > h2:before {
          font-size: 30px; } }
  main.offer_main .offer_list .search_word {
    font-weight: bold;
    text-align: center;
    display: block; }
    @media screen and (min-width: 960px) {
      main.offer_main .offer_list .search_word {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main.offer_main .offer_list .search_word {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      main.offer_main .offer_list .search_word {
        font-size: 16px; } }
  main.offer_main .offer_list .new_inner {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 959px) {
      main.offer_main .offer_list .new_inner {
        justify-content: space-between; } }
    main.offer_main .offer_list .new_inner > article {
      flex-basis: 32.35294%;
      box-sizing: border-box;
      background: #ffffff;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      margin-right: 1.47059%;
      position: relative;
      z-index: 10; }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_list .new_inner > article {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > article {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > article {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_list .new_inner > article {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > article {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > article {
          font-size: 12px; } }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_list .new_inner > article {
          padding-top: 35px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > article {
          padding-top: 27px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > article {
          padding-top: 19px; } }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_list .new_inner > article {
          padding-left: 20px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > article {
          padding-left: 15px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > article {
          padding-left: 10px; } }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_list .new_inner > article {
          padding-right: 20px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > article {
          padding-right: 15px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > article {
          padding-right: 10px; } }
      @media screen and (min-width: 960px) {
        main.offer_main .offer_list .new_inner > article {
          padding-bottom: 14px; } }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > article {
          padding-bottom: 11px; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > article {
          padding-bottom: 8px; } }
      main.offer_main .offer_list .new_inner > article:nth-of-type(3n) {
        margin-right: 0; }
      @media screen and (max-width: 959px) {
        main.offer_main .offer_list .new_inner > article {
          flex-basis: 48%;
          margin-right: 0; } }
      @media screen and (max-width: 599px) {
        main.offer_main .offer_list .new_inner > article {
          flex-basis: 100%;
          margin-right: 0; } }
      main.offer_main .offer_list .new_inner > article .batch {
        position: absolute;
        text-align: center;
        width: 6em;
        line-height: 2.2;
        box-sizing: border-box;
        background: white;
        background: linear-gradient(0deg, #a2e9f4 0%, #50c3e2 100%);
        color: #ffffff;
        top: 10px;
        left: -14px;
        z-index: 10; }
        @media screen and (min-width: 960px) {
          main.offer_main .offer_list .new_inner > article .batch {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          main.offer_main .offer_list .new_inner > article .batch {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article .batch {
            font-size: 16px; } }
        main.offer_main .offer_list .new_inner > article .batch:before {
          content: "";
          width: 0.7em;
          height: 0.5em;
          z-index: 0;
          background: linear-gradient(25deg, rgba(86, 198, 227, 0) 0%, rgba(86, 198, 227, 0) 50%, #56c6e3 50%, #56c6e3 100%);
          position: absolute;
          top: 2.2em;
          left: 0em; }
      main.offer_main .offer_list .new_inner > article a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%; }
      main.offer_main .offer_list .new_inner > article h2 {
        text-align: left;
        font-weight: bold;
        color: #00afec; }
        @media screen and (min-width: 960px) {
          main.offer_main .offer_list .new_inner > article h2 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          main.offer_main .offer_list .new_inner > article h2 {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article h2 {
            font-size: 16px; } }
        @media screen and (min-width: 960px) {
          main.offer_main .offer_list .new_inner > article h2 {
            margin-top: 30px; } }
        @media screen and (max-width: 959px) {
          main.offer_main .offer_list .new_inner > article h2 {
            margin-top: 25px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article h2 {
            margin-top: 20px; } }
        @media screen and (min-width: 960px) {
          main.offer_main .offer_list .new_inner > article h2 {
            margin-bottom: 15px; } }
        @media screen and (max-width: 959px) {
          main.offer_main .offer_list .new_inner > article h2 {
            margin-bottom: 10px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article h2 {
            margin-bottom: 5px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article h2 {
            padding: 0 1.5em; } }
      main.offer_main .offer_list .new_inner > article h3 {
        margin-top: auto;
        text-align: center;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          main.offer_main .offer_list .new_inner > article h3 {
            margin-bottom: 20px; } }
        @media screen and (max-width: 959px) {
          main.offer_main .offer_list .new_inner > article h3 {
            margin-bottom: 15px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article h3 {
            margin-bottom: 10px; } }
        @media screen and (min-width: 960px) {
          main.offer_main .offer_list .new_inner > article h3 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          main.offer_main .offer_list .new_inner > article h3 {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article h3 {
            font-size: 16px; } }
      main.offer_main .offer_list .new_inner > article .paid {
        padding-left: 1em; }
        main.offer_main .offer_list .new_inner > article .paid dt {
          color: #00afec;
          position: relative; }
          main.offer_main .offer_list .new_inner > article .paid dt:before {
            content: "";
            width: 1em;
            height: 1em;
            position: absolute;
            top: 0.7em;
            left: -1.2em;
            background: #00afec;
            border-radius: 0.5em; }
            @media screen and (min-width: 960px) {
              main.offer_main .offer_list .new_inner > article .paid dt:before {
                font-size: 10px; } }
            @media screen and (max-width: 959px) {
              main.offer_main .offer_list .new_inner > article .paid dt:before {
                font-size: 8px; } }
            @media screen and (max-width: 599px) {
              main.offer_main .offer_list .new_inner > article .paid dt:before {
                font-size: 6px; } }
        main.offer_main .offer_list .new_inner > article .paid dd {
          margin-bottom: 0.5em; }
      main.offer_main .offer_list .new_inner > article .btn {
        display: block;
        color: #ffffff;
        text-align: center;
        background: linear-gradient(0deg, #a2e9f4 0%, #50c3e2 100%);
        padding: 0.4em 0;
        position: relative; }
        @media screen and (min-width: 960px) {
          main.offer_main .offer_list .new_inner > article .btn {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          main.offer_main .offer_list .new_inner > article .btn {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          main.offer_main .offer_list .new_inner > article .btn {
            font-size: 14px; } }
        main.offer_main .offer_list .new_inner > article .btn:after {
          content: "";
          width: 1em;
          height: 1em;
          background: url("../img/offer/btn.svg") no-repeat center center;
          background-size: cover;
          position: absolute;
          top: calc(50% - 0.5em);
          right: 0.4em; }
          @media screen and (min-width: 960px) {
            main.offer_main .offer_list .new_inner > article .btn:after {
              font-size: 30px; } }
          @media screen and (max-width: 959px) {
            main.offer_main .offer_list .new_inner > article .btn:after {
              font-size: 25px; } }
          @media screen and (max-width: 599px) {
            main.offer_main .offer_list .new_inner > article .btn:after {
              font-size: 20px; } }
      main.offer_main .offer_list .new_inner > article.open h2 {
        color: #f98cbd; }
      main.offer_main .offer_list .new_inner > article.open .batch {
        background: #f9b7f9;
        background: linear-gradient(0deg, #f9b7f9 0%, #f99bc1 100%);
        width: 10em; }
        main.offer_main .offer_list .new_inner > article.open .batch:before {
          background: linear-gradient(25deg, rgba(249, 95, 152, 0) 0%, rgba(249, 95, 152, 0) 50%, #f95f98 50%, #f95f98 100%); }
        main.offer_main .offer_list .new_inner > article.open .batch:after {
          content: "/ 新 規";
          display: inline-block; }
      main.offer_main .offer_list .new_inner > article.open .btn {
        background: #f9b7f9;
        background: linear-gradient(0deg, #f9b7f9 0%, #f99bc1 100%); }
      main.offer_main .offer_list .new_inner > article.open .paid dt {
        color: #f98cbd; }
        main.offer_main .offer_list .new_inner > article.open .paid dt:before {
          background: #e063a2; }

.tax-offer-cat main.offer_main .offer_list {
  background: #ffffff; }
  .tax-offer-cat main.offer_main .offer_list .no_post {
    flex-basis: 100%;
    text-align: center;
    padding: 4em 0 10em; }
    @media screen and (min-width: 960px) {
      .tax-offer-cat main.offer_main .offer_list .no_post {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .tax-offer-cat main.offer_main .offer_list .no_post {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      .tax-offer-cat main.offer_main .offer_list .no_post {
        font-size: 16px; } }

@media screen and (min-width: 960px) {
  .single-offer #os-msg p {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  .single-offer #os-msg p {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .single-offer #os-msg p {
    font-size: 12px; } }

.single-offer #os-msg + .btn_box {
  text-align: center;
  clear: both; }
  @media screen and (min-width: 960px) {
    .single-offer #os-msg + .btn_box {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    .single-offer #os-msg + .btn_box {
      margin-top: 20px; } }
  @media screen and (max-width: 599px) {
    .single-offer #os-msg + .btn_box {
      margin-top: 10px; } }
  .single-offer #os-msg + .btn_box a {
    display: inline-block;
    font-weight: bold;
    padding: 1em 2.5em;
    border-radius: 0.5em;
    background: #fa648c;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .single-offer #os-msg + .btn_box a {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .single-offer #os-msg + .btn_box a {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .single-offer #os-msg + .btn_box a {
        font-size: 12px; } }

.single-offer .hos_link {
  padding-left: 5%;
  padding-right: 5%;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    .single-offer .hos_link {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    .single-offer .hos_link {
      padding-top: 30px; } }
  @media screen and (max-width: 599px) {
    .single-offer .hos_link {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .single-offer .hos_link {
      padding-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    .single-offer .hos_link {
      padding-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    .single-offer .hos_link {
      padding-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .single-offer .hos_link {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    .single-offer .hos_link {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    .single-offer .hos_link {
      margin-top: 30px; } }
  @media screen and (min-width: 960px) {
    .single-offer .hos_link {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .single-offer .hos_link {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    .single-offer .hos_link {
      font-size: 12px; } }
  .single-offer .hos_link a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1em; }
    @media screen and (max-width: 599px) {
      .single-offer .hos_link a {
        display: block; } }
    .single-offer .hos_link a .img_box {
      flex-basis: 40%; }
      .single-offer .hos_link a .img_box img {
        width: 100%;
        height: auto; }
    .single-offer .hos_link a .text_box {
      flex-basis: 55%;
      position: relative; }
      .single-offer .hos_link a .text_box h3 {
        font-weight: bold;
        margin-bottom: 0.4em; }
        .single-offer .hos_link a .text_box h3 span {
          display: inline-block;
          padding: 0.4em 1em;
          background: #5ac8a0;
          font-size: 0.8em;
          color: #ffffff;
          border-radius: 0.4em;
          margin-bottom: 0.2em; }
        .single-offer .hos_link a .text_box h3 i {
          display: block;
          font-size: 1.2em;
          padding: 0.4em 0 0;
          font-weight: bold; }
      .single-offer .hos_link a .text_box .btn {
        position: absolute;
        bottom: 0.4em;
        right: 0;
        padding: 0.4em 1em;
        background: #00b4ff;
        font-size: 0.8em;
        color: #ffffff;
        border-radius: 0.4em; }
        .single-offer .hos_link a .text_box .btn:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f105';
          font-weight: 900;
          margin-right: 0.3em; }
        @media screen and (max-width: 599px) {
          .single-offer .hos_link a .text_box .btn {
            position: static;
            margin-top: 1em;
            display: inline-block; } }

@media screen and (min-width: 960px) {
  .single-offer .os-buttons {
    margin-top: 60px; } }

@media screen and (max-width: 959px) {
  .single-offer .os-buttons {
    margin-top: 45px; } }

@media screen and (max-width: 599px) {
  .single-offer .os-buttons {
    margin-top: 30px; } }

.single-offer .os-buttons a {
  display: inline-block;
  font-weight: bold;
  padding: 1em 2.5em;
  border-radius: 0.5em;
  background: #f18e1d;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    .single-offer .os-buttons a {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    .single-offer .os-buttons a {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    .single-offer .os-buttons a {
      font-size: 14px; } }

body.single-offer main .new_inner {
  max-width: 800px;
  width: 90%;
  min-width: auto; }

#offer_list {
  color: #444; }
  #offer_list section {
    padding-top: 20px; }
    #offer_list section article h2 {
      color: #5ac8a0;
      font-size: 18px;
      line-height: 1.3;
      border-top: 1px solid #5ac8a0;
      border-bottom: 1px solid #5ac8a0;
      padding: 0.5em 0.2em; }
      @media screen and (max-width: 599px) {
        #offer_list section article h2 {
          font-size: 16px; } }
    #offer_list section article h2 + p {
      padding: 0.8em 0.5em;
      margin: 0 0.5em 0.5em 0.5em;
      font-size: 15px;
      line-height: 1.8;
      border-bottom: 1px dashed #ccc; }
      @media screen and (max-width: 599px) {
        #offer_list section article h2 + p {
          font-size: 13px; } }
      #offer_list section article h2 + p img {
        float: left;
        width: 150px;
        height: auto; }
    #offer_list section article h3, #offer_list section article h4 {
      font-size: 14px;
      padding: 0 0.8em; }
      @media screen and (max-width: 599px) {
        #offer_list section article h3, #offer_list section article h4 {
          font-size: 13px; } }
    #offer_list section article h3 {
      font-weight: bold; }
    #offer_list section article dl {
      padding: 1em;
      margin: 0; }
      #offer_list section article dl dt {
        float: left;
        clear: left;
        width: 7em;
        box-sizing: border-box;
        padding-bottom: 0.3em; }
      #offer_list section article dl dd {
        margin-left: 7em;
        padding-bottom: 0.3em; }
      #offer_list section article dl dt:last-child,
      #offer_list section article dl dd:last-child {
        padding-bottom: 0 !important; }
    #offer_list section article dl.note {
      background: #ffffe6;
      font-size: 12px; }
    #offer_list section article dl.paid {
      padding: 0.5em 1em;
      font-size: 14px; }
      #offer_list section article dl.paid dd,
      #offer_list section article dl.paid dt {
        line-height: 1.2; }
    #offer_list section article a {
      display: block;
      width: 9em;
      box-sizing: border-box;
      padding: 0.7em 0.4em 0.6em 0.6em;
      margin: 1em auto 3em;
      background: #5ac8a0;
      border-radius: 0.2em;
      color: #ffffff;
      position: relative;
      line-height: 1; }
    #offer_list section article a:after {
      content: "";
      width: 0.5em;
      height: 0.5em;
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      display: block;
      position: absolute;
      top: 43%;
      right: 15px;
      transform: rotate(45deg) translateY(-50%); }
    #offer_list section article + article {
      margin-top: 90px; }
      @media screen and (max-width: 599px) {
        #offer_list section article + article {
          margin-top: 45px; } }

@media screen and (min-width: 960px) {
  main#searchdoc .read_box {
    margin-top: 110px; } }

@media screen and (max-width: 959px) {
  main#searchdoc .read_box {
    margin-top: 90px; } }

@media screen and (max-width: 599px) {
  main#searchdoc .read_box {
    margin-top: 70px; } }

main#searchdoc .read_box h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em; }
  @media screen and (min-width: 960px) {
    main#searchdoc .read_box h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    main#searchdoc .read_box h2 {
      font-size: 29px; } }
  @media screen and (max-width: 599px) {
    main#searchdoc .read_box h2 {
      font-size: 26px; } }

main#searchdoc .read_box p {
  text-align: center;
  line-height: 1.8; }
  @media screen and (min-width: 960px) {
    main#searchdoc .read_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    main#searchdoc .read_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    main#searchdoc .read_box p {
      font-size: 12px; } }
  @media screen and (max-width: 599px) {
    main#searchdoc .read_box p {
      text-align: left; }
      main#searchdoc .read_box p br {
        display: none; } }

@media screen and (min-width: 960px) {
  main#searchdoc .search_list {
    margin-top: 120px; } }

@media screen and (max-width: 959px) {
  main#searchdoc .search_list {
    margin-top: 100px; } }

@media screen and (max-width: 599px) {
  main#searchdoc .search_list {
    margin-top: 80px; } }

@media screen and (min-width: 960px) {
  main#searchdoc .search_list {
    padding-bottom: 100px; } }

@media screen and (max-width: 959px) {
  main#searchdoc .search_list {
    padding-bottom: 80px; } }

@media screen and (max-width: 599px) {
  main#searchdoc .search_list {
    padding-bottom: 60px; } }

main#searchdoc .search_list img {
  width: 100%;
  height: auto; }

main#searchdoc .search_list h3 {
  color: #5ac8a0;
  font-weight: bold;
  border-bottom: 2px solid #5ac8a0;
  padding-bottom: 0.4em;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 960px) {
    main#searchdoc .search_list h3 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    main#searchdoc .search_list h3 {
      font-size: 21px; } }
  @media screen and (max-width: 599px) {
    main#searchdoc .search_list h3 {
      font-size: 18px; } }

main#searchdoc .search_list ul.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 600px) {
    main#searchdoc .search_list ul.flex_box {
      overflow: hidden;
      position: relative; }
      main#searchdoc .search_list ul.flex_box:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-left: 1px dashed #c9caca;
        left: 33%; }
      main#searchdoc .search_list ul.flex_box:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-left: 1px dashed #c9caca;
        right: 33%; }
      main#searchdoc .search_list ul.flex_box > li {
        flex-basis: 27.33564%; } }
    @media screen and (min-width: 600px) and (min-width: 960px) {
      main#searchdoc .search_list ul.flex_box > li {
        padding-bottom: 80px; } }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      main#searchdoc .search_list ul.flex_box > li {
        padding-bottom: 60px; } }
    @media screen and (min-width: 600px) and (max-width: 599px) {
      main#searchdoc .search_list ul.flex_box > li {
        padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    main#searchdoc .search_list ul.flex_box {
      position: relative; }
      main#searchdoc .search_list ul.flex_box:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-left: 1px dashed #c9caca;
        left: 50%; } }
  main#searchdoc .search_list ul.flex_box li {
    position: relative; }
    @media screen and (min-width: 960px) {
      main#searchdoc .search_list ul.flex_box li {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      main#searchdoc .search_list ul.flex_box li {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      main#searchdoc .search_list ul.flex_box li {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      main#searchdoc .search_list ul.flex_box li {
        padding-top: 40px; } }
    @media screen and (max-width: 959px) {
      main#searchdoc .search_list ul.flex_box li {
        padding-top: 30px; } }
    @media screen and (max-width: 599px) {
      main#searchdoc .search_list ul.flex_box li {
        padding-top: 20px; } }
    @media screen and (min-width: 600px) {
      main#searchdoc .search_list ul.flex_box li:nth-of-type(1), main#searchdoc .search_list ul.flex_box li:nth-of-type(2), main#searchdoc .search_list ul.flex_box li:nth-of-type(3) {
        padding-top: 0;
        margin-top: 0; }
      main#searchdoc .search_list ul.flex_box li:nth-of-type(4):before, main#searchdoc .search_list ul.flex_box li:nth-of-type(7):before {
        content: "";
        position: absolute;
        top: 0;
        border-top: 1px dashed #c9caca;
        left: 0;
        right: -100vw; } }
    @media screen and (max-width: 599px) {
      main#searchdoc .search_list ul.flex_box li {
        flex-basis: 46%;
        padding-bottom: 60px;
        border-top: 1px dashed #c9caca; }
        main#searchdoc .search_list ul.flex_box li:nth-of-type(1), main#searchdoc .search_list ul.flex_box li:nth-of-type(2) {
          padding-top: 0;
          margin-top: 0;
          border-top: none; } }
    main#searchdoc .search_list ul.flex_box li h4 {
      font-weight: bold;
      text-align: center;
      margin-top: 1.25em;
      margin-bottom: 1em; }
      @media screen and (min-width: 960px) {
        main#searchdoc .search_list ul.flex_box li h4 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        main#searchdoc .search_list ul.flex_box li h4 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        main#searchdoc .search_list ul.flex_box li h4 {
          font-size: 18px; } }
    main#searchdoc .search_list ul.flex_box li p {
      line-height: 2; }
      @media screen and (min-width: 960px) {
        main#searchdoc .search_list ul.flex_box li p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main#searchdoc .search_list ul.flex_box li p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main#searchdoc .search_list ul.flex_box li p {
          font-size: 12px; } }
    main#searchdoc .search_list ul.flex_box li a {
      position: absolute;
      bottom: 0;
      width: 100%;
      box-sizing: border-box;
      border-radius: 4em;
      border: 1px solid #5ac8a0;
      color: #5ac8a0;
      text-align: center;
      padding: 1em 0; }
      @media screen and (min-width: 960px) {
        main#searchdoc .search_list ul.flex_box li a {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main#searchdoc .search_list ul.flex_box li a {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main#searchdoc .search_list ul.flex_box li a {
          font-size: 12px; } }
      main#searchdoc .search_list ul.flex_box li a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f138';
        font-weight: 900;
        color: #5ac8a0;
        margin-right: 0.3em; }

#entry_writer {
  max-width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px dashed #5ac8a0; }
  @media screen and (min-width: 960px) {
    #entry_writer {
      padding: 40px; } }
  @media screen and (max-width: 959px) {
    #entry_writer {
      padding: 25px; } }
  @media screen and (max-width: 599px) {
    #entry_writer {
      padding: 10px; } }
  @media screen and (min-width: 960px) {
    #entry_writer {
      margin-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    #entry_writer {
      margin-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    #entry_writer {
      margin-bottom: 60px; } }
  #entry_writer h3 {
    font-weight: bold;
    margin-bottom: 1em;
    color: #5ac8a0; }
    @media screen and (min-width: 960px) {
      #entry_writer h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #entry_writer h3 {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      #entry_writer h3 {
        font-size: 14px; } }
  #entry_writer p {
    line-height: 2;
    padding-left: 0.8em; }
    @media screen and (min-width: 960px) {
      #entry_writer p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #entry_writer p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #entry_writer p {
        font-size: 12px; } }
    #entry_writer p + h3 {
      margin-top: 1.5em; }
    #entry_writer p:first-child {
      margin-bottom: 2em; }
    #entry_writer p a {
      text-decoration: underline;
      color: red; }

#entry_banner {
  box-sizing: border-box;
  border-bottom: 1px solid #efefef;
  background: rgba(0, 0, 0, 0.02); }
  @media screen and (min-width: 960px) {
    #entry_banner {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    #entry_banner {
      padding-top: 60px; } }
  @media screen and (max-width: 599px) {
    #entry_banner {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    #entry_banner {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #entry_banner {
      padding-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    #entry_banner {
      padding-bottom: 40px; } }
  #entry_banner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #entry_banner ul li {
      flex-basis: 48%; }
      @media screen and (max-width: 599px) {
        #entry_banner ul li {
          flex-basis: 90%; } }
      #entry_banner ul li a {
        display: block;
        position: relative;
        overflow: hidden; }
        #entry_banner ul li a:after {
          content: "";
          display: block;
          padding-top: 53.76344%;
          background: pink;
          height: 0;
          width: 100%;
          z-index: 25; }
        #entry_banner ul li a img {
          width: 100%;
          height: auto;
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 20;
          transform: translate(-50%, -50%); }
        #entry_banner ul li a .text_box {
          position: absolute;
          width: 100%;
          padding: 0.4em 1.2em 0.4em 1.2em;
          box-sizing: border-box;
          color: #ffffff;
          bottom: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.4);
          z-index: 30;
          font-weight: bold; }
          @media screen and (min-width: 960px) {
            #entry_banner ul li a .text_box {
              font-size: 18px; } }
          @media screen and (max-width: 959px) {
            #entry_banner ul li a .text_box {
              font-size: 16px; } }
          @media screen and (max-width: 599px) {
            #entry_banner ul li a .text_box {
              font-size: 14px; } }

body.single-entry section.footer_banner_box {
  display: none; }

@media screen and (min-width: 960px) {
  #entry_single {
    padding-bottom: 120px; } }

@media screen and (max-width: 959px) {
  #entry_single {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  #entry_single {
    padding-bottom: 80px; } }

#entry_single {
  line-height: 1.8; }
  @media screen and (min-width: 960px) {
    #entry_single {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #entry_single {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #entry_single {
      font-size: 12px; } }
  #entry_single .new_inner {
    max-width: 800px;
    width: 90%;
    min-width: auto; }
  #entry_single * {
    box-sizing: border-box; }
  #entry_single img {
    width: 100%;
    height: auto; }
    @media screen and (min-width: 960px) {
      #entry_single img {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single img {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single img {
        margin-top: 40px; } }
  #entry_single a {
    color: #1f4da0;
    text-decoration: underline; }
  #entry_single .news_date {
    text-align: right;
    margin-top: 0.4em; }
  @media screen and (min-width: 960px) {
    #entry_single .Thumbnail {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #entry_single .Thumbnail {
      margin-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    #entry_single .Thumbnail {
      margin-bottom: 50px; } }
  #entry_single .Thumbnail img {
    margin-bottom: 0; }
  #entry_single .entry_meta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em; }
    @media screen and (min-width: 960px) {
      #entry_single .entry_meta {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      #entry_single .entry_meta {
        margin-bottom: 65px; } }
    @media screen and (max-width: 599px) {
      #entry_single .entry_meta {
        margin-bottom: 50px; } }
    #entry_single .entry_meta li {
      padding: 0.1em 0.5em;
      border: 1px solid #5ac8a0;
      color: #5ac8a0;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
      #entry_single .entry_meta li.entry_area {
        color: #ffffff;
        background: #5ac8a0; }
      @media screen and (min-width: 960px) {
        #entry_single .entry_meta li + li {
          margin-left: 10px; } }
      @media screen and (max-width: 959px) {
        #entry_single .entry_meta li + li {
          margin-left: 8px; } }
      @media screen and (max-width: 599px) {
        #entry_single .entry_meta li + li {
          margin-left: 6px; } }
  #entry_single h2 {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.4em 0 0;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc; }
    #entry_single h2:after {
      content: "";
      display: block;
      border-bottom: 1px solid #cccccc;
      margin-top: 0.4em;
      margin-bottom: 0.1em;
      height: 1px; }
  #entry_single .news_content h3 {
    color: #393939;
    font-size: 1.5em;
    border-top: 2px solid #5ac8a0;
    border-bottom: 2px solid #5ac8a0;
    margin-bottom: 1em;
    padding: 0.5em 0;
    font-weight: bold; }
  #entry_single .news_content h4 {
    color: #ffffff;
    font-size: 1.2em;
    margin-bottom: 1em;
    background: #5ac8a0;
    margin-bottom: 1em;
    padding: 0.5em;
    font-weight: bold; }
  #entry_single .news_content h5 {
    color: #5ac8a0;
    padding: 0.4em;
    margin-bottom: 1em;
    font-size: 1.1;
    font-weight: bold;
    border: 1px solid #5ac8a0; }
  #entry_single .news_content h6 {
    color: #5ac8a0;
    padding: 0.4em 0;
    margin-bottom: 1em;
    font-weight: bold;
    border-bottom: 3px double #5ac8a0; }
  #entry_single .news_content blockquote {
    background: #eff9f7;
    margin-top: 0.8em;
    display: block;
    padding: 0.4em; }
    #entry_single .news_content blockquote + p {
      margin-top: 2em; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content blockquote + h3 {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content blockquote + h3 {
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content blockquote + h3 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content blockquote + h4 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content blockquote + h4 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content blockquote + h4 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content blockquote + h5 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content blockquote + h5 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content blockquote + h5 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content blockquote + h6 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content blockquote + h6 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content blockquote + h6 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content blockquote + table {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content blockquote + table {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content blockquote + table {
        margin-top: 40px; } }
  #entry_single .news_content p {
    line-height: 2; }
    #entry_single .news_content p + p {
      margin-top: 2em; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content p + h3 {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content p + h3 {
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content p + h3 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content p + h4 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content p + h4 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content p + h4 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content p + h5 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content p + h5 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content p + h5 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content p + h6 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content p + h6 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content p + h6 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content p + table {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content p + table {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content p + table {
        margin-top: 40px; } }
  #entry_single .news_content div.box + p {
    margin-top: 2em; }
  @media screen and (min-width: 960px) {
    #entry_single .news_content div.box + h3 {
      margin-top: 80px; } }
  @media screen and (max-width: 959px) {
    #entry_single .news_content div.box + h3 {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #entry_single .news_content div.box + h3 {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    #entry_single .news_content div.box + h4 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #entry_single .news_content div.box + h4 {
      margin-top: 50px; } }
  @media screen and (max-width: 599px) {
    #entry_single .news_content div.box + h4 {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    #entry_single .news_content div.box + h5 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #entry_single .news_content div.box + h5 {
      margin-top: 50px; } }
  @media screen and (max-width: 599px) {
    #entry_single .news_content div.box + h5 {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    #entry_single .news_content div.box + h6 {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #entry_single .news_content div.box + h6 {
      margin-top: 50px; } }
  @media screen and (max-width: 599px) {
    #entry_single .news_content div.box + h6 {
      margin-top: 40px; } }
  @media screen and (min-width: 960px) {
    #entry_single .news_content div.box + table {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #entry_single .news_content div.box + table {
      margin-top: 50px; } }
  @media screen and (max-width: 599px) {
    #entry_single .news_content div.box + table {
      margin-top: 40px; } }
  #entry_single .news_content div.map iframe {
    width: 100%; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content div.map iframe {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content div.map iframe {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content div.map iframe {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content div.map iframe {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content div.map iframe {
        margin-bottom: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content div.map iframe {
        margin-bottom: 40px; } }
    @media screen and (min-width: 600px) {
      #entry_single .news_content div.map iframe {
        height: 450px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content div.map iframe {
        height: 350px; } }
  #entry_single .news_content div[class^="list_box"] {
    counter-reset: item; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content div[class^="list_box"] {
        margin-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content div[class^="list_box"] {
        margin-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content div[class^="list_box"] {
        margin-bottom: 10px; } }
    #entry_single .news_content div[class^="list_box"] > div {
      position: relative; }
      @media screen and (min-width: 960px) {
        #entry_single .news_content div[class^="list_box"] > div {
          margin-top: 30px; } }
      @media screen and (max-width: 959px) {
        #entry_single .news_content div[class^="list_box"] > div {
          margin-top: 20px; } }
      @media screen and (max-width: 599px) {
        #entry_single .news_content div[class^="list_box"] > div {
          margin-top: 10px; } }
      #entry_single .news_content div[class^="list_box"] > div img {
        position: relative;
        z-index: 10;
        margin-top: 0; }
      #entry_single .news_content div[class^="list_box"] > div:before {
        counter-increment: item;
        content: counter(item, decimal);
        z-index: 20;
        position: absolute;
        top: 0.25em;
        left: 0.7em;
        font-weight: bold;
        color: #ffffff; }
        @media screen and (min-width: 960px) {
          #entry_single .news_content div[class^="list_box"] > div:before {
            font-size: 28px; } }
        @media screen and (max-width: 959px) {
          #entry_single .news_content div[class^="list_box"] > div:before {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          #entry_single .news_content div[class^="list_box"] > div:before {
            font-size: 16px; } }
      #entry_single .news_content div[class^="list_box"] > div:after {
        content: "";
        height: 1.5em;
        width: 2.2em;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 15;
        background: rgba(100, 192, 171, 0.8); }
        @media screen and (min-width: 960px) {
          #entry_single .news_content div[class^="list_box"] > div:after {
            font-size: 28px; } }
        @media screen and (max-width: 959px) {
          #entry_single .news_content div[class^="list_box"] > div:after {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          #entry_single .news_content div[class^="list_box"] > div:after {
            font-size: 16px; } }
  #entry_single .news_content div.list_box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #entry_single .news_content div.list_box2 > div {
      flex-basis: 48%; }
  #entry_single .news_content div.list_box3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #entry_single .news_content div.list_box3 > div {
      flex-basis: 32%; }
      @media screen and (max-width: 599px) {
        #entry_single .news_content div.list_box3 > div {
          flex-basis: 48%; } }
  #entry_single .news_content .point_box {
    box-sizing: border-box;
    border: 1px dashed #5ac8a0;
    padding: 1.5em 1em 1em;
    margin: 2em 0 4em;
    position: relative;
    line-height: 2; }
    #entry_single .news_content .point_box:before {
      content: "Point";
      color: #ffffff;
      background: #f18e1d;
      padding: 0.2em 0.6em;
      position: absolute;
      top: -1.4em;
      left: 1em;
      letter-spacing: 2px; }
      @media screen and (min-width: 960px) {
        #entry_single .news_content .point_box:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #entry_single .news_content .point_box:before {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #entry_single .news_content .point_box:before {
          font-size: 12px; } }
  @media screen and (min-width: 960px) {
    #entry_single .news_content .recipe_btn {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    #entry_single .news_content .recipe_btn {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    #entry_single .news_content .recipe_btn {
      margin-top: 20px; } }
  #entry_single .news_content .recipe_btn h4 {
    position: relative;
    box-sizing: border-box;
    padding-right: 160px; }
    #entry_single .news_content .recipe_btn h4:after {
      max-width: 13em;
      box-sizing: border-box;
      padding: 0.2em 0.4em;
      cursor: pointer;
      content: "レシピはこちら";
      position: absolute;
      right: 1em;
      top: 0.8em;
      color: #5ac8a0;
      background: #ffffff;
      line-height: 1; }
      @media screen and (min-width: 960px) {
        #entry_single .news_content .recipe_btn h4:after {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #entry_single .news_content .recipe_btn h4:after {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #entry_single .news_content .recipe_btn h4:after {
          font-size: 12px; } }
    #entry_single .news_content .recipe_btn h4:hover {
      opacity: 0.8; }
  #entry_single .news_content .recipe_box {
    display: none; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content .recipe_box + h3 {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content .recipe_box + h3 {
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content .recipe_box + h3 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content .recipe_box + h4 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content .recipe_box + h4 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content .recipe_box + h4 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content .recipe_box + h5 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content .recipe_box + h5 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content .recipe_box + h5 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content .recipe_box + h6 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content .recipe_box + h6 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content .recipe_box + h6 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content .recipe_box + table {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content .recipe_box + table {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content .recipe_box + table {
        margin-top: 40px; } }
    #entry_single .news_content .recipe_box li img {
      display: block; }
      @media screen and (min-width: 600px) {
        #entry_single .news_content .recipe_box li img {
          width: 70%;
          height: auto; } }
      @media screen and (min-width: 960px) {
        #entry_single .news_content .recipe_box li img {
          margin-top: 30px; } }
      @media screen and (max-width: 959px) {
        #entry_single .news_content .recipe_box li img {
          margin-top: 20px; } }
      @media screen and (max-width: 599px) {
        #entry_single .news_content .recipe_box li img {
          margin-top: 10px; } }
  #entry_single .news_content > div.box {
    box-sizing: border-box;
    border: 1px solid #5ac8a0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content > div.box {
        padding: 40px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content > div.box {
        padding: 30px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content > div.box {
        padding: 20px; } }
    #entry_single .news_content > div.box div > img {
      margin-top: 0; }
    #entry_single .news_content > div.box > div {
      flex-basis: 48%; }
      #entry_single .news_content > div.box > div h4 {
        margin-top: 0; }
      #entry_single .news_content > div.box > div a {
        text-decoration: none;
        color: #323232; }
        @media screen and (min-width: 960px) {
          #entry_single .news_content > div.box > div a p:last-child {
            margin-bottom: 30px; } }
        @media screen and (max-width: 959px) {
          #entry_single .news_content > div.box > div a p:last-child {
            margin-bottom: 20px; } }
        @media screen and (max-width: 599px) {
          #entry_single .news_content > div.box > div a p:last-child {
            margin-bottom: 10px; } }
  #entry_single .news_content ul {
    border: 1px solid #5ac8a0;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content ul {
        padding: 30px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content ul {
        padding: 20px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content ul {
        padding: 10px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content ul {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content ul {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content ul {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content ul {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content ul {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content ul {
        margin-bottom: 20px; } }
    #entry_single .news_content ul > li {
      position: relative;
      padding-left: 1.3em; }
      #entry_single .news_content ul > li:before {
        content: "";
        height: 1em;
        width: 1em;
        border-radius: 0.5em;
        background: #5ac8a0;
        position: absolute;
        top: 0.35em;
        left: 0; }
      #entry_single .news_content ul > li.none:before {
        display: none; }
      #entry_single .news_content ul > li + li {
        margin-top: 0.8em; }
  #entry_single .news_content ol {
    border: 1px solid #5ac8a0;
    box-sizing: border-box;
    counter-reset: item; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content ol {
        padding: 30px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content ol {
        padding: 20px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content ol {
        padding: 10px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content ol {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content ol {
        margin-top: 30px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content ol {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content ol {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content ol {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content ol {
        margin-bottom: 20px; } }
    #entry_single .news_content ol > li {
      position: relative;
      padding-left: 1.3em; }
      #entry_single .news_content ol > li:before {
        counter-increment: item;
        content: counter(item, decimal) ".";
        color: #5ac8a0;
        position: absolute;
        top: 0.1em;
        left: 0; }
      #entry_single .news_content ol > li + li {
        margin-top: 0.8em; }
  #entry_single .news_content table {
    border-right: 1px solid #64c0ab;
    border-top: 1px solid #64c0ab;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
    #entry_single .news_content table th, #entry_single .news_content table td {
      border-left: 1px solid #64c0ab;
      border-bottom: 1px solid #64c0ab;
      text-align: center;
      padding: 0.8em 0; }
      @media screen and (min-width: 960px) {
        #entry_single .news_content table th, #entry_single .news_content table td {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #entry_single .news_content table th, #entry_single .news_content table td {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #entry_single .news_content table th, #entry_single .news_content table td {
          font-size: 12px; } }
    #entry_single .news_content table td {
      text-align: left;
      padding-left: 1em; }
    #entry_single .news_content table th {
      background: #eff9f7;
      box-sizing: border-box;
      min-width: 5em;
      max-width: 15em;
      font-weight: bold; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content table + p {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content table + p {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content table + p {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content table + h3 {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content table + h3 {
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content table + h3 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content table + h4 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content table + h4 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content table + h4 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content table + h5 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content table + h5 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content table + h5 {
        margin-top: 40px; } }
    @media screen and (min-width: 960px) {
      #entry_single .news_content table + h6 {
        margin-top: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content table + h6 {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content table + h6 {
        margin-top: 40px; } }
  #entry_single .news_content div.link {
    padding: 0.5em 1em;
    border: 1px dashed #5ac8a0;
    background: #ffffff;
    margin: 2.5em 0; }
    @media screen and (min-width: 960px) {
      #entry_single .news_content div.link {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #entry_single .news_content div.link {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #entry_single .news_content div.link {
        font-size: 12px; } }
    #entry_single .news_content div.link a {
      text-decoration: none; }
  #entry_single .profile_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #5ac8a0;
    box-sizing: border-box;
    position: relative; }
    @media screen and (min-width: 960px) {
      #entry_single .profile_box {
        margin-top: 120px; } }
    @media screen and (max-width: 959px) {
      #entry_single .profile_box {
        margin-top: 100px; } }
    @media screen and (max-width: 599px) {
      #entry_single .profile_box {
        margin-top: 80px; } }
    @media screen and (min-width: 960px) {
      #entry_single .profile_box {
        padding: 60px; } }
    @media screen and (max-width: 959px) {
      #entry_single .profile_box {
        padding: 40px; } }
    @media screen and (max-width: 599px) {
      #entry_single .profile_box {
        padding: 20px; } }
    #entry_single .profile_box:before, #entry_single .profile_box:after {
      content: "";
      width: 2.8125em;
      height: 6.875em;
      position: absolute;
      top: -2em;
      background: #5ac8a0; }
    #entry_single .profile_box:after {
      right: 60px; }
      @media screen and (max-width: 959px) {
        #entry_single .profile_box:after {
          right: 40px; } }
      @media screen and (max-width: 599px) {
        #entry_single .profile_box:after {
          right: 20px; } }
    #entry_single .profile_box h3 {
      color: #393939;
      font-size: 1.5em;
      border-top: 2px solid #5ac8a0;
      border-bottom: 2px solid #5ac8a0;
      margin-bottom: 1em;
      padding: 0.5em 0;
      font-weight: bold;
      flex-basis: 100%;
      text-align: center;
      border-top: none; }
    #entry_single .profile_box .img_box {
      flex-basis: 23.80952%; }
      @media screen and (max-width: 599px) {
        #entry_single .profile_box .img_box {
          flex-basis: 60%;
          margin-left: auto;
          margin-right: auto; } }
      #entry_single .profile_box .img_box img {
        margin: 0; }
    #entry_single .profile_box .text_box {
      flex-basis: 73.57143%; }
      @media screen and (max-width: 599px) {
        #entry_single .profile_box .text_box {
          flex-basis: 100%;
          margin-top: 30px; } }
      #entry_single .profile_box .text_box h4 {
        background: none;
        border-left: 2px solid #5ac8a0;
        color: #323232;
        position: relative;
        box-sizing: border-box;
        font-size: 1.2em;
        margin-bottom: 1em;
        padding: 0.5em 0.5em 0.5em 1.5em;
        font-weight: bold; }
        #entry_single .profile_box .text_box h4:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          width: 0.5em;
          background: #b1dfd5; }
      #entry_single .profile_box .text_box h5 {
        font-weight: bold;
        margin: 1.5em 0 0.5em; }
    #entry_single .profile_box .nav_btn {
      display: flex;
      flex-wrap: wrap;
      max-width: 650px; }
      @media screen and (min-width: 960px) {
        #entry_single .profile_box .nav_btn {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #entry_single .profile_box .nav_btn {
          margin-top: 15px; } }
      @media screen and (max-width: 599px) {
        #entry_single .profile_box .nav_btn {
          margin-top: 10px; } }
      @media screen and (min-width: 960px) {
        #entry_single .profile_box .nav_btn {
          margin-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        #entry_single .profile_box .nav_btn {
          margin-bottom: 15px; } }
      @media screen and (max-width: 599px) {
        #entry_single .profile_box .nav_btn {
          margin-bottom: 10px; } }
      @media screen and (max-width: 599px) {
        #entry_single .profile_box .nav_btn {
          display: block; } }
      #entry_single .profile_box .nav_btn a {
        flex-basis: 32%;
        text-align: center;
        box-sizing: border-box;
        text-decoration: none;
        padding: 0.4em 0;
        border-radius: 2em;
        background: pink;
        color: #ffffff; }
        @media screen and (min-width: 960px) {
          #entry_single .profile_box .nav_btn a {
            font-size: 14px; } }
        @media screen and (max-width: 959px) {
          #entry_single .profile_box .nav_btn a {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #entry_single .profile_box .nav_btn a {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          #entry_single .profile_box .nav_btn a {
            width: 100%;
            display: block; }
            #entry_single .profile_box .nav_btn a + a {
              margin-top: 10px; } }
        @media screen and (min-width: 600px) {
          #entry_single .profile_box .nav_btn a + a {
            margin-left: 1%; } }
        #entry_single .profile_box .nav_btn a.family_dr_hos {
          background: #5ac8a0; }
        #entry_single .profile_box .nav_btn a.public_url {
          background: #00b4ff; }
        #entry_single .profile_box .nav_btn a.family_dr_pickup {
          background: #f18e1d; }
  #entry_single .btn_box {
    text-align: center; }
    @media screen and (min-width: 960px) {
      #entry_single .btn_box {
        padding-top: 80px; } }
    @media screen and (max-width: 959px) {
      #entry_single .btn_box {
        padding-top: 65px; } }
    @media screen and (max-width: 599px) {
      #entry_single .btn_box {
        padding-top: 50px; } }
    #entry_single .btn_box a {
      display: inline-block;
      text-decoration: none;
      background: #5ac8a0;
      color: #ffffff;
      padding: 0.8em 1.5em; }
      #entry_single .btn_box a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f138';
        font-weight: 900;
        color: #ffffff;
        margin-right: 0.3em; }

#entry_post_footer {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
  #entry_post_footer img {
    width: 100%;
    height: auto; }
  #entry_post_footer a {
    display: block; }
  #entry_post_footer div.new_inner > div h3 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.2em; }
    @media screen and (min-width: 960px) {
      #entry_post_footer div.new_inner > div h3 {
        font-size: 22px; } }
    @media screen and (max-width: 959px) {
      #entry_post_footer div.new_inner > div h3 {
        font-size: 19px; } }
    @media screen and (max-width: 599px) {
      #entry_post_footer div.new_inner > div h3 {
        font-size: 16px; } }
  #entry_post_footer div.new_inner > div p {
    line-height: 2;
    margin-top: 0.8em; }
    @media screen and (min-width: 960px) {
      #entry_post_footer div.new_inner > div p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #entry_post_footer div.new_inner > div p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #entry_post_footer div.new_inner > div p {
        font-size: 12px; } }
  #entry_post_footer div.new_inner > div.interview_box * {
    color: #ffffff; }
  @media screen and (min-width: 600px) {
    #entry_post_footer {
      background: #64c0ab;
      background: linear-gradient(90deg, #64c0ab 0%, #64c0ab 50%, #e8f6f2 50%, #e8f6f2 100%); } }
  @media screen and (min-width: 600px) and (min-width: 960px) {
    #entry_post_footer {
      padding-top: 80px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #entry_post_footer {
      padding-top: 65px; } }
  @media screen and (min-width: 600px) and (max-width: 599px) {
    #entry_post_footer {
      padding-top: 50px; } }
  @media screen and (min-width: 600px) and (min-width: 960px) {
    #entry_post_footer {
      padding-bottom: 80px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #entry_post_footer {
      padding-bottom: 65px; } }
  @media screen and (min-width: 600px) and (max-width: 599px) {
    #entry_post_footer {
      padding-bottom: 50px; } }
  @media screen and (min-width: 600px) {
      #entry_post_footer div.new_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #entry_post_footer div.new_inner > div {
          flex-basis: 45.67474%; } }
  @media screen and (max-width: 599px) {
    #entry_post_footer .new_inner {
      width: 100%; }
      #entry_post_footer .new_inner > div {
        padding-top: 50px;
        padding-bottom: 50px; }
        #entry_post_footer .new_inner > div a {
          width: 90%;
          margin-left: auto;
          margin-right: auto; }
    #entry_post_footer .interview_box {
      background: #64c0ab; }
    #entry_post_footer .column_box {
      background: #e8f6f2; } }

.page-id-21067 .footer_banner_box {
  display: none !important; }

.sns_box .zilla-likes {
  color: #cccccc;
  display: inline-block;
  padding: 0.2em 0.6em;
  border: 1px solid #cccccc !important;
  border-radius: 0.4em;
  background: none;
  line-height: 1;
  text-decoration: none !important; }
  @media screen and (min-width: 960px) {
    .sns_box .zilla-likes {
      font-size: 14px; } }
  @media screen and (max-width: 959px) {
    .sns_box .zilla-likes {
      font-size: 13px; } }
  @media screen and (max-width: 599px) {
    .sns_box .zilla-likes {
      font-size: 12px; } }
  .sns_box .zilla-likes:hover:before {
    color: red; }
  .sns_box .zilla-likes.active:before {
    color: red; }
  .sns_box .zilla-likes .zilla-likes-count {
    color: #666666; }
  .sns_box .zilla-likes:before {
    line-height: 1;
    content: "\f004";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.5em;
    color: #cccccc; }
    @media screen and (min-width: 960px) {
      .sns_box .zilla-likes:before {
        font-size: 14px; } }
    @media screen and (max-width: 959px) {
      .sns_box .zilla-likes:before {
        font-size: 13px; } }
    @media screen and (max-width: 599px) {
      .sns_box .zilla-likes:before {
        font-size: 12px; } }

#entry_top_page .visual_box img {
  width: 100%;
  height: auto; }

#entry_top_page .visual_box h2 {
  background: #ea6088;
  color: #ffffff;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  border-radius: 10px;
  padding: 0.7em 2em;
  box-sizing: border-box;
  letter-spacing: 2px;
  transform: translateY(-55%);
  position: relative; }
  @media screen and (max-width: 599px) {
    #entry_top_page .visual_box h2 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    #entry_top_page .visual_box h2 {
      font-size: 14px;
      transform: translateY(-35%); } }
  #entry_top_page .visual_box h2:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: #ea6088;
    transform: rotate(-45deg) translateX(-28%) translateX(-40%); }

@media screen and (min-width: 960px) {
  #entry_top_page .entry_box {
    padding-bottom: 80px; } }

@media screen and (max-width: 959px) {
  #entry_top_page .entry_box {
    padding-bottom: 60px; } }

@media screen and (max-width: 599px) {
  #entry_top_page .entry_box {
    padding-bottom: 40px; } }

#entry_top_page .entry_box img {
  width: 100%;
  height: auto; }

#entry_top_page .entry_box .entry_post_list {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 960px) {
    #entry_top_page .entry_box .entry_post_list {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #entry_top_page .entry_box .entry_post_list {
      padding-bottom: 45px; } }
  @media screen and (max-width: 599px) {
    #entry_top_page .entry_box .entry_post_list {
      padding-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #entry_top_page .entry_box .entry_post_list {
      justify-content: space-between; } }
  #entry_top_page .entry_box .entry_post_list > div {
    position: relative; }
    @media screen and (min-width: 960px) {
      #entry_top_page .entry_box .entry_post_list > div {
        padding-bottom: 65px; } }
    @media screen and (max-width: 959px) {
      #entry_top_page .entry_box .entry_post_list > div {
        padding-bottom: 61px; } }
    @media screen and (max-width: 599px) {
      #entry_top_page .entry_box .entry_post_list > div {
        padding-bottom: 57px; } }
    @media screen and (min-width: 960px) {
      #entry_top_page .entry_box .entry_post_list > div {
        margin-top: 45px; } }
    @media screen and (max-width: 959px) {
      #entry_top_page .entry_box .entry_post_list > div {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      #entry_top_page .entry_box .entry_post_list > div {
        margin-top: 25px; } }
    @media screen and (min-width: 600px) {
      #entry_top_page .entry_box .entry_post_list > div {
        flex-basis: 19.89619%;
        margin-right: 6.7591%; }
        #entry_top_page .entry_box .entry_post_list > div:nth-of-type(4n) {
          margin-right: 0; } }
    @media screen and (max-width: 599px) {
      #entry_top_page .entry_box .entry_post_list > div {
        flex-basis: 48%; } }
    #entry_top_page .entry_box .entry_post_list > div h3 {
      font-weight: bold;
      margin-top: 0.8em; }
      @media screen and (min-width: 960px) {
        #entry_top_page .entry_box .entry_post_list > div h3 {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #entry_top_page .entry_box .entry_post_list > div h3 {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #entry_top_page .entry_box .entry_post_list > div h3 {
          font-size: 12px; } }
    #entry_top_page .entry_box .entry_post_list > div .img_box {
      overflow: hidden;
      border-radius: 0.5em;
      line-height: 1; }
    #entry_top_page .entry_box .entry_post_list > div .meta_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: absolute;
      bottom: 2.5em;
      left: 0;
      width: 100%; }
      #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
        flex-basis: 50%;
        color: #cccccc; }
        @media screen and (min-width: 960px) {
          #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count {
            font-size: 10px; } }
        #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
          content: "\f004";
          display: inline-block;
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
          margin-right: 0.2em;
          color: #cccccc; }
          @media screen and (min-width: 960px) {
            #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
              font-size: 12px; } }
          @media screen and (max-width: 959px) {
            #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
              font-size: 11px; } }
          @media screen and (max-width: 599px) {
            #entry_top_page .entry_box .entry_post_list > div .meta_box .zilla-likes_count:before {
              font-size: 10px; } }
      #entry_top_page .entry_box .entry_post_list > div .meta_box time {
        flex-basis: 50%;
        text-align: right;
        color: #cccccc; }
        @media screen and (min-width: 960px) {
          #entry_top_page .entry_box .entry_post_list > div .meta_box time {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          #entry_top_page .entry_box .entry_post_list > div .meta_box time {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          #entry_top_page .entry_box .entry_post_list > div .meta_box time {
            font-size: 10px; } }
    #entry_top_page .entry_box .entry_post_list > div .writer_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
      #entry_top_page .entry_box .entry_post_list > div .writer_box .img_box {
        flex-basis: 2em;
        border-radius: 1em; }
        @media screen and (min-width: 960px) {
          #entry_top_page .entry_box .entry_post_list > div .writer_box .img_box {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          #entry_top_page .entry_box .entry_post_list > div .writer_box .img_box {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          #entry_top_page .entry_box .entry_post_list > div .writer_box .img_box {
            font-size: 10px; } }
      #entry_top_page .entry_box .entry_post_list > div .writer_box p {
        flex-basis: calc(100% - 3em);
        line-height: 1.2;
        color: #cccccc; }
        @media screen and (min-width: 960px) {
          #entry_top_page .entry_box .entry_post_list > div .writer_box p {
            font-size: 12px; } }
        @media screen and (max-width: 959px) {
          #entry_top_page .entry_box .entry_post_list > div .writer_box p {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          #entry_top_page .entry_box .entry_post_list > div .writer_box p {
            font-size: 10px; } }

.search_btn_box {
  text-align: center;
  border-top: 2px solid #64c0ab; }
  @media screen and (min-width: 960px) {
    .search_btn_box {
      padding-top: 60px; } }
  @media screen and (max-width: 959px) {
    .search_btn_box {
      padding-top: 40px; } }
  @media screen and (max-width: 599px) {
    .search_btn_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    .search_btn_box {
      margin-bottom: 90px; } }
  @media screen and (max-width: 959px) {
    .search_btn_box {
      margin-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .search_btn_box {
      margin-bottom: 50px; } }
  .search_btn_box span {
    display: inline-block;
    padding: 0.4em 2.2em;
    background: #ea6088;
    color: #ffffff;
    border-radius: 3em; }
    @media screen and (min-width: 960px) {
      .search_btn_box span {
        font-size: 14px; } }
    @media screen and (max-width: 959px) {
      .search_btn_box span {
        font-size: 13px; } }
    @media screen and (max-width: 599px) {
      .search_btn_box span {
        font-size: 12px; } }
    .search_btn_box span:hover {
      cursor: pointer; }

#entry_list {
  line-height: 1.8; }
  @media screen and (min-width: 960px) {
    #entry_list {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #entry_list {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #entry_list {
      font-size: 12px; } }
  #entry_list .new_inner {
    max-width: 800px;
    width: 90%;
    min-width: auto; }

.home .photo_con2023 {
  text-align: center; }
  .home .photo_con2023 .memo {
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 0.5em 1em;
    box-sizing: border-box;
    border: 1px dashed #cccccc;
    margin-top: 1em; }
    @media screen and (min-width: 960px) {
      .home .photo_con2023 .memo {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .home .photo_con2023 .memo {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      .home .photo_con2023 .memo {
        font-size: 12px; } }
    .home .photo_con2023 .memo span {
      color: red;
      font-weight: bold; }
  .home .photo_con2023 .btn_box {
    text-align: center; }
    @media screen and (min-width: 960px) {
      .home .photo_con2023 .btn_box {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      .home .photo_con2023 .btn_box {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      .home .photo_con2023 .btn_box {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      .home .photo_con2023 .btn_box {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      .home .photo_con2023 .btn_box {
        margin-bottom: 25px; } }
    @media screen and (max-width: 599px) {
      .home .photo_con2023 .btn_box {
        margin-bottom: 10px; } }
    .home .photo_con2023 .btn_box .btn {
      color: #ffffff;
      background: #64c0ab;
      display: inline-block;
      padding: 0.8em 2.9em;
      position: relative; }
      @media screen and (min-width: 960px) {
        .home .photo_con2023 .btn_box .btn {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        .home .photo_con2023 .btn_box .btn {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        .home .photo_con2023 .btn_box .btn {
          font-size: 16px; } }
      .home .photo_con2023 .btn_box .btn:before {
        content: "3/31 UP!";
        position: absolute;
        background: #e7ff28;
        color: #222222;
        line-height: 1;
        padding: 0.2em 0.4em;
        top: -0.5em;
        left: 0.8em;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          .home .photo_con2023 .btn_box .btn:before {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .home .photo_con2023 .btn_box .btn:before {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          .home .photo_con2023 .btn_box .btn:before {
            font-size: 12px; } }
      .home .photo_con2023 .btn_box .btn:after {
        content: "";
        display: inline-block;
        height: 0.6em;
        width: 0.6em;
        position: relative;
        top: -0.2em;
        transform: rotate(45deg);
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        margin-left: 0.8em; }

#photo_con2023 {
  /* モーダル -------------------------------------------------------- */ }
  #photo_con2023 .come {
    text-align: center; }
    #photo_con2023 .come .memo2 {
      font-weight: bold;
      text-align: center;
      display: inline-block;
      padding: 0.5em 1em;
      box-sizing: border-box;
      border: 1px dashed #cccccc;
      margin-top: 1em; }
      @media screen and (min-width: 960px) {
        #photo_con2023 .come .memo2 {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 .come .memo2 {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .come .memo2 {
          font-size: 12px; } }
      #photo_con2023 .come .memo2 span {
        color: red;
        font-weight: bold; }
  #photo_con2023 .btn_box {
    text-align: center; }
    @media screen and (min-width: 960px) {
      #photo_con2023 .btn_box {
        margin-top: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 .btn_box {
        margin-top: 90px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 .btn_box {
        margin-top: 60px; } }
    #photo_con2023 .btn_box .btn {
      color: #ffffff;
      background: #64c0ab;
      display: inline-block;
      padding: 0.8em 2.9em;
      position: relative; }
      @media screen and (min-width: 960px) {
        #photo_con2023 .btn_box .btn {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 .btn_box .btn {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .btn_box .btn {
          font-size: 16px; } }
      #photo_con2023 .btn_box .btn:before {
        content: "3/31 UP!";
        position: absolute;
        background: #e7ff28;
        color: #222222;
        line-height: 1;
        padding: 0.2em 0.4em;
        top: -0.5em;
        left: 0.8em;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          #photo_con2023 .btn_box .btn:before {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 .btn_box .btn:before {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 .btn_box .btn:before {
            font-size: 12px; } }
      #photo_con2023 .btn_box .btn:after {
        content: "";
        display: inline-block;
        height: 0.6em;
        width: 0.6em;
        position: relative;
        top: -0.2em;
        transform: rotate(45deg);
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        margin-left: 0.8em; }
  #photo_con2023 img {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 960px) {
    #photo_con2023 .title_box .new_inner .sns_box {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    #photo_con2023 .title_box .new_inner .sns_box {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 .title_box .new_inner .sns_box {
      margin-top: 20px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 .title_box .new_inner .sns_box li {
      margin: 0; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 .title_box .new_inner .sns_box li + li {
      margin-left: 15px; } }
  @media screen and (min-width: 960px) {
    #photo_con2023 .read_box {
      margin-top: 220px; } }
  @media screen and (max-width: 959px) {
    #photo_con2023 .read_box {
      margin-top: 140px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 .read_box {
      margin-top: 60px; } }
  @media screen and (min-width: 960px) {
    #photo_con2023 .read_box {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    #photo_con2023 .read_box {
      padding-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 .read_box {
      padding-bottom: 80px; } }
  #photo_con2023 .read_box .img_box {
    width: 80%;
    max-width: 578px;
    margin: 0 auto 3.75em; }
  #photo_con2023 .read_box .new_inner > div {
    border: 1px solid #cccccc;
    border-radius: 1.25em;
    position: relative; }
    @media screen and (min-width: 960px) {
      #photo_con2023 .read_box .new_inner > div {
        padding-top: 70px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 .read_box .new_inner > div {
        padding-top: 55px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 .read_box .new_inner > div {
        padding-top: 40px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 .read_box .new_inner > div {
        padding-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 .read_box .new_inner > div {
        padding-bottom: 100px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 .read_box .new_inner > div {
        padding-bottom: 80px; } }
    #photo_con2023 .read_box .new_inner > div:before {
      content: "";
      width: 14.375em;
      height: 5.3125em;
      background: url("../img/photo_con2023/deco1.png") no-repeat center center;
      background-size: cover;
      position: absolute;
      top: -3em;
      right: 3%; }
      @media screen and (min-width: 960px) {
        #photo_con2023 .read_box .new_inner > div:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 .read_box .new_inner > div:before {
          font-size: 11px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .read_box .new_inner > div:before {
          font-size: 6px; } }
    #photo_con2023 .read_box .new_inner > div:after {
      content: "";
      width: 14.75em;
      height: 8.125em;
      background: url("../img/photo_con2023/deco2.png") no-repeat center center;
      background-size: cover;
      position: absolute;
      bottom: -3em;
      left: 1.5%; }
      @media screen and (min-width: 960px) {
        #photo_con2023 .read_box .new_inner > div:after {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 .read_box .new_inner > div:after {
          font-size: 11px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .read_box .new_inner > div:after {
          font-size: 6px; } }
    #photo_con2023 .read_box .new_inner > div p {
      display: block;
      max-width: 858px;
      margin: 0 auto;
      width: 80%;
      line-height: 3; }
      @media screen and (min-width: 960px) {
        #photo_con2023 .read_box .new_inner > div p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 .read_box .new_inner > div p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .read_box .new_inner > div p {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .read_box .new_inner > div p {
          line-height: 2; } }
      #photo_con2023 .read_box .new_inner > div p .color1 {
        font-weight: bold;
        background: linear-gradient(to bottom, transparent 51%, #f18e1d 51%, #f18e1d);
        padding-bottom: 0.4em;
        letter-spacing: 1px; }
        #photo_con2023 .read_box .new_inner > div p .color1 i:after {
          font-family: 'Font Awesome 5 Free';
          content: '\f004';
          font-weight: 900;
          color: red;
          font-size: 1.1em; }
      #photo_con2023 .read_box .new_inner > div p .color2 {
        font-weight: bold;
        background: linear-gradient(to bottom, transparent 51%, #f5ff45 51%, #f5ff45);
        padding-bottom: 0.4em;
        letter-spacing: 1px; }
  #photo_con2023 .thema_box {
    background-color: #bfe0f3;
    background-image: radial-gradient(#ffffff 30%, transparent 30%);
    background-size: 1em 1em; }
    @media screen and (min-width: 960px) {
      #photo_con2023 .thema_box {
        padding-top: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 .thema_box {
        padding-top: 100px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 .thema_box {
        padding-top: 80px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 .thema_box {
        padding-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 .thema_box {
        padding-bottom: 100px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 .thema_box {
        padding-bottom: 80px; } }
    #photo_con2023 .thema_box .new_inner > div {
      background: #ffffff;
      border-radius: 1.25em;
      position: relative;
      text-align: center; }
      @media screen and (min-width: 960px) {
        #photo_con2023 .thema_box .new_inner > div {
          padding-top: 80px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 .thema_box .new_inner > div {
          padding-top: 65px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .thema_box .new_inner > div {
          padding-top: 50px; } }
      @media screen and (min-width: 960px) {
        #photo_con2023 .thema_box .new_inner > div {
          padding-bottom: 120px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 .thema_box .new_inner > div {
          padding-bottom: 90px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 .thema_box .new_inner > div {
          padding-bottom: 60px; } }
      #photo_con2023 .thema_box .new_inner > div:before {
        content: "";
        width: 5.625em;
        height: 9.0625em;
        background: url("../img/photo_con2023/deco3.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        top: -3em;
        right: 3%; }
        @media screen and (min-width: 960px) {
          #photo_con2023 .thema_box .new_inner > div:before {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 .thema_box .new_inner > div:before {
            font-size: 11px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 .thema_box .new_inner > div:before {
            font-size: 6px; } }
      #photo_con2023 .thema_box .new_inner > div h3 {
        color: #f18e1d;
        position: relative;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 1; }
        @media screen and (min-width: 960px) {
          #photo_con2023 .thema_box .new_inner > div h3 {
            font-size: 48px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 .thema_box .new_inner > div h3 {
            font-size: 38px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 .thema_box .new_inner > div h3 {
            font-size: 28px; } }
        #photo_con2023 .thema_box .new_inner > div h3 i:after {
          font-family: 'Font Awesome 5 Free';
          content: '\f030';
          font-weight: 900;
          font-size: 0.95em;
          margin-right: 0.2em;
          display: inline-block; }
        #photo_con2023 .thema_box .new_inner > div h3:after, #photo_con2023 .thema_box .new_inner > div h3:before {
          content: "";
          height: 0.5em;
          width: 30em;
          height: 1em;
          background: #f18e1d;
          position: absolute;
          top: calc(50% - 0.5em);
          left: calc(50% - 15em);
          transform: translateX(50em); }
          @media screen and (min-width: 960px) {
            #photo_con2023 .thema_box .new_inner > div h3:after, #photo_con2023 .thema_box .new_inner > div h3:before {
              font-size: 4px; } }
          @media screen and (max-width: 959px) {
            #photo_con2023 .thema_box .new_inner > div h3:after, #photo_con2023 .thema_box .new_inner > div h3:before {
              font-size: 3px; } }
          @media screen and (max-width: 599px) {
            #photo_con2023 .thema_box .new_inner > div h3:after, #photo_con2023 .thema_box .new_inner > div h3:before {
              font-size: 2px; } }
        #photo_con2023 .thema_box .new_inner > div h3:before {
          transform: translateX(-50em); }
      #photo_con2023 .thema_box .new_inner > div p {
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 1; }
        @media screen and (min-width: 960px) {
          #photo_con2023 .thema_box .new_inner > div p {
            font-size: 48px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 .thema_box .new_inner > div p {
            font-size: 35px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 .thema_box .new_inner > div p {
            font-size: 22px; } }
        @media screen and (min-width: 960px) {
          #photo_con2023 .thema_box .new_inner > div p {
            margin-top: 30px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 .thema_box .new_inner > div p {
            margin-top: 20px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 .thema_box .new_inner > div p {
            margin-top: 10px; } }
        #photo_con2023 .thema_box .new_inner > div p i:after {
          font-family: 'Font Awesome 5 Free';
          content: '\f004';
          font-weight: 900;
          color: red;
          font-size: 1.1em; }
        #photo_con2023 .thema_box .new_inner > div p span {
          font-size: 1.1em;
          font-weight: bold; }
  #photo_con2023 section[class^="info_box"] div.new_inner > div {
    border: 1px solid #cccccc;
    border-radius: 1.25em;
    position: relative; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        padding-top: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        padding-top: 100px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        padding-top: 80px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        padding-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        padding-bottom: 100px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        padding-bottom: 80px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        margin-top: 160px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        margin-top: 140px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"] div.new_inner > div {
        margin-top: 120px; } }
    #photo_con2023 section[class^="info_box"] div.new_inner > div > div {
      max-width: 858px;
      margin: 0 auto;
      width: 80%; }
    #photo_con2023 section[class^="info_box"] div.new_inner > div h3 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #ffffff;
      text-align: center;
      font-weight: bold;
      max-width: 530px;
      width: 80%;
      text-align: center;
      line-height: 2.5em;
      background: #ea6088;
      letter-spacing: 2px; }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"] div.new_inner > div h3 {
          font-size: 32px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"] div.new_inner > div h3 {
          font-size: 27px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"] div.new_inner > div h3 {
          font-size: 22px; } }
  @media screen and (min-width: 960px) {
    #photo_con2023 section[class^="info_box"].info_box1 p {
      font-size: 28px; } }
  @media screen and (max-width: 959px) {
    #photo_con2023 section[class^="info_box"].info_box1 p {
      font-size: 22px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 section[class^="info_box"].info_box1 p {
      font-size: 16px; } }
  @media screen and (min-width: 600px) {
    #photo_con2023 section[class^="info_box"].info_box1 p br {
      display: none; } }
  #photo_con2023 section[class^="info_box"].info_box1 p + p {
    margin-top: 0.6em; }
  @media screen and (min-width: 960px) {
    #photo_con2023 section[class^="info_box"].info_box1 .note {
      margin-top: 40px; } }
  @media screen and (max-width: 959px) {
    #photo_con2023 section[class^="info_box"].info_box1 .note {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 section[class^="info_box"].info_box1 .note {
      margin-top: 20px; } }
  #photo_con2023 section[class^="info_box"].info_box1 .note span {
    display: block;
    position: relative;
    padding-left: 1.5em;
    font-weight: bold;
    margin-bottom: 1em; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box1 .note span {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box1 .note span {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box1 .note span {
        font-size: 12px; } }
    #photo_con2023 section[class^="info_box"].info_box1 .note span:before {
      content: "※";
      position: absolute;
      top: 0;
      left: 0; }
  #photo_con2023 section[class^="info_box"].info_box1 .note a {
    display: inline-block;
    color: #0000d6;
    text-decoration: underline;
    line-height: 1.2;
    padding-left: 1.5em;
    word-break: break-all;
    margin-top: 0.5em; }
  #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div h3 {
    background: #02542e; }
  #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol {
    counter-reset: item; }
    #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
      position: relative;
      border-bottom: 1px dashed #cccccc; }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
          padding-left: 100px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
          padding-left: 75px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
          padding-left: 50px; } }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
          padding-bottom: 40px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
          padding-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
          padding-bottom: 20px; } }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li + li {
          margin-top: 60px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li + li {
          margin-top: 45px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li + li {
          margin-top: 30px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li {
          padding-left: 0; } }
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li:before {
        background: #02542e;
        color: #ffffff;
        line-height: 2em;
        width: 2em;
        text-align: center;
        counter-increment: item;
        content: counter(item);
        position: absolute;
        top: 0;
        left: 0; }
        @media screen and (min-width: 960px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li:before {
            font-size: 34px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li:before {
            font-size: 27px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li:before {
            font-size: 20px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li:before {
            position: static;
            display: block;
            margin: 0 auto 30px; } }
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type1 p {
        padding: 0.7em 0 1em; }
        @media screen and (min-width: 960px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type1 p {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type1 p {
            font-size: 19px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type1 p {
            font-size: 14px; } }
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type1 p a {
          color: #0000d6;
          text-decoration: underline; }
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 p {
        padding: 0.7em 0 1em; }
        @media screen and (min-width: 960px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 p {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 p {
            font-size: 19px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 p {
            font-size: 14px; } }
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 p span {
          font-weight: bold;
          background: linear-gradient(to bottom, transparent 51%, #f5ff45 51%, #f5ff45);
          padding-bottom: 0.4em;
          letter-spacing: 1px;
          font-size: 1.2em;
          margin-bottom: 0.4em;
          display: inline-block; }
          @media screen and (max-width: 599px) {
            #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 p span {
              margin-top: 0.8em;
              margin-bottom: 0.1em;
              font-size: 1em;
              letter-spacing: -1px;
              display: block;
              text-align: center; } }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div {
          font-size: 12px; } }
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div span {
        display: block;
        position: relative;
        color: red;
        font-weight: bold;
        margin-top: 1.5em;
        padding-left: 1.5em; }
        @media screen and (min-width: 960px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div span {
            font-size: 14px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div span {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div span {
            font-size: 12px; } }
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ol li.type2 div span:before {
          content: "※";
          position: absolute;
          top: 0;
          left: 0;
          color: red; }
  #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
    border-bottom: 1px dashed #cccccc;
    position: relative; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        padding-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        padding-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        padding-bottom: 10px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        margin-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul {
        margin-bottom: 10px; } }
    #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul li {
      padding-left: 1.5em;
      position: relative; }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul li + li {
          margin-top: 15px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul li + li {
          margin-top: 10px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul li + li {
          margin-top: 5px; } }
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div ul li:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0; }
  #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div .note {
    line-height: 1.8; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div .note {
        font-size: 14px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div .note {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box2 div.new_inner > div .note {
        font-size: 10px; } }
  @media screen and (min-width: 960px) {
    #photo_con2023 section[class^="info_box"].info_box3 {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    #photo_con2023 section[class^="info_box"].info_box3 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 section[class^="info_box"].info_box3 {
      padding-bottom: 60px; } }
  #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h3 {
    background: #2ca6e0; }
  #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div ul {
    max-width: 858px;
    margin: 0 auto;
    width: 80%; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div ul li + li {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div ul li + li {
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div ul li + li {
        margin-top: 40px; } }
  #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4 {
    font-weight: bold;
    position: relative;
    padding-left: 3.5em; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4 {
        font-size: 21px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4 {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4 {
        padding-left: 1.8em; } }
    #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4:before {
      position: absolute;
      background: #2ca6e0;
      content: "";
      width: 1em;
      height: 1em;
      top: 0;
      left: 0; }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4:before {
          font-size: 37px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4:before {
          font-size: 32px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div h4:before {
          font-size: 27px; } }
  #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div p {
    margin-top: 1em;
    line-height: 1.8; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div p {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div p {
        font-size: 19px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box3 div.new_inner > div p {
        font-size: 14px; } }
  @media screen and (min-width: 960px) {
    #photo_con2023 section[class^="info_box"].info_box3 div.new_inner .img_box {
      margin-top: 60px; } }
  @media screen and (max-width: 959px) {
    #photo_con2023 section[class^="info_box"].info_box3 div.new_inner .img_box {
      margin-top: 45px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 section[class^="info_box"].info_box3 div.new_inner .img_box {
      margin-top: 30px; } }
  @media screen and (max-width: 599px) {
    #photo_con2023 section[class^="info_box"].info_box3 div.new_inner .img_box .pc_only {
      display: none; } }
  @media screen and (min-width: 600px) {
    #photo_con2023 section[class^="info_box"].info_box3 div.new_inner .img_box .sp_only {
      display: none; } }
  #photo_con2023 section[class^="info_box"].info_box4 {
    background: url("../img/photo_con2023/bg1.png") #bfe0f3; }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        padding-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        padding-bottom: 90px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        padding-bottom: 60px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        padding-top: 120px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        padding-top: 90px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        padding-top: 60px; } }
    @media screen and (min-width: 960px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        margin-top: 80px; } }
    @media screen and (max-width: 959px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      #photo_con2023 section[class^="info_box"].info_box4 {
        margin-top: 40px; } }
    #photo_con2023 section[class^="info_box"].info_box4 p {
      display: block;
      text-align: center;
      background: #ffffff;
      border-radius: 1em;
      position: relative; }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          padding: 40px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          padding: 30px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          padding: 20px; } }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          margin-bottom: 80px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          margin-bottom: 60px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          margin-bottom: 40px; } }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box4 p {
          font-size: 16px; } }
      #photo_con2023 section[class^="info_box"].info_box4 p:before {
        content: "";
        height: 1em;
        width: 1em;
        background: #e73828;
        position: absolute;
        top: -0.5em;
        left: calc(50% - 0.5em);
        border-radius: 0.5em; }
        @media screen and (min-width: 960px) {
          #photo_con2023 section[class^="info_box"].info_box4 p:before {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 section[class^="info_box"].info_box4 p:before {
            font-size: 20px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 section[class^="info_box"].info_box4 p:before {
            font-size: 16px; } }
      #photo_con2023 section[class^="info_box"].info_box4 p span {
        margin-top: 2em;
        display: block; }
        @media screen and (min-width: 960px) {
          #photo_con2023 section[class^="info_box"].info_box4 p span {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #photo_con2023 section[class^="info_box"].info_box4 p span {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #photo_con2023 section[class^="info_box"].info_box4 p span {
            font-size: 12px; } }
        #photo_con2023 section[class^="info_box"].info_box4 p span a {
          color: #0000d6;
          text-decoration: underline; }
    #photo_con2023 section[class^="info_box"].info_box4 .new_inner h3 {
      background-color: #64c0ab; }
    #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div {
      background: #ffffff;
      margin-top: 0; }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div {
          padding-bottom: 60px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div {
          padding-bottom: 45px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div {
          padding-bottom: 30px; } }
      @media screen and (min-width: 960px) {
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div.up {
          margin-bottom: 120px; } }
      @media screen and (max-width: 959px) {
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div.up {
          margin-bottom: 100px; } }
      @media screen and (max-width: 599px) {
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div.up {
          margin-bottom: 80px; } }
      #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div.up h3 {
        background: #e73828; }
      #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto; }
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li {
          margin-right: 3.52381%;
          flex-basis: 17.14286%;
          text-align: center; }
          @media screen and (min-width: 960px) {
            #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li {
              padding-bottom: 60px; } }
          @media screen and (max-width: 959px) {
            #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li {
              padding-bottom: 45px; } }
          @media screen and (max-width: 599px) {
            #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li {
              padding-bottom: 30px; } }
          @media screen and (max-width: 599px) {
            #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li {
              flex-basis: 48%;
              margin-right: 0; } }
          #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li div:hover {
            opacity: 0.8;
            cursor: pointer; }
          #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li span {
            display: inline-block;
            margin-top: 0.2em;
            line-height: 1;
            padding: 0.2em 0.6em;
            letter-spacing: 4px;
            background: #5ac8a0;
            color: #ffffff; }
            @media screen and (min-width: 960px) {
              #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li span {
                font-size: 18px; } }
            @media screen and (max-width: 959px) {
              #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li span {
                font-size: 16px; } }
            @media screen and (max-width: 599px) {
              #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li span {
                font-size: 14px; } }
            #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li span.toku {
              background: #e73828; }
        #photo_con2023 section[class^="info_box"].info_box4 .new_inner > div ul li:nth-of-type(5n) {
          margin-right: 0; }
  #photo_con2023 .modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500; }
    #photo_con2023 .modal .modal_back {
      width: 100%;
      height: 100vh;
      background: rgba(14, 0, 0, 0.5);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 90; }
    #photo_con2023 .modal .modal_box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh; }
    #photo_con2023 .modal .modal_area {
      position: absolute;
      top: 50%;
      right: 50%;
      transform: translate(50%, -50%);
      width: 90%;
      max-width: 1000px;
      z-index: 100;
      background: #ffffff;
      max-height: 80vh;
      height: 80%; }
      @media screen and (max-width: 599px) {
        #photo_con2023 .modal .modal_area {
          height: 60%; } }
    #photo_con2023 .modal .modal_inner {
      width: 100%;
      box-sizing: border-box;
      z-index: 100;
      height: 100%;
      padding: 2%; }
      #photo_con2023 .modal .modal_inner div {
        position: relative;
        text-align: center;
        background: url("../img/photo_con2023/photo/img4.jpg") no-repeat center center;
        background-size: contain;
        height: 100%; }
        #photo_con2023 .modal .modal_inner div:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          height: 0;
          padding-top: 100%; }
      #photo_con2023 .modal .modal_inner img {
        width: 100%;
        height: auto; }

.osusume-hos-list {
  text-align: center; }
  .osusume-hos-list a {
    display: inline-block;
    background: #00b4ff;
    color: #ffffff;
    padding: 0.4em 1em;
    text-decoration: none;
    border-radius: 2em;
    margin-bottom: 3em; }
    @media screen and (min-width: 960px) {
      .osusume-hos-list a {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      .osusume-hos-list a {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      .osusume-hos-list a {
        font-size: 14px; } }
    .osusume-hos-list a:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      margin-right: 0.3em; }
    .osusume-hos-list a:hover {
      opacity: 0.8; }

#osusume_box {
  max-width: 960px;
  width: 90%;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 960px) {
    #osusume_box {
      margin-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #osusume_box {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    #osusume_box {
      margin-bottom: 40px; } }
  #osusume_box .entry_title {
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding-top: 11em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    box-sizing: border-box;
    margin-bottom: 2em; }
    @media screen and (min-width: 960px) {
      #osusume_box .entry_title {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #osusume_box .entry_title {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #osusume_box .entry_title {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #osusume_box .entry_title {
        padding-top: 6em; } }
    #osusume_box .entry_title span {
      color: #ffffff;
      font-weight: bold;
      background: rgba(0, 0, 0, 0.3);
      display: inline-block;
      padding: 0.5em 0.8em; }
    #osusume_box .entry_title + h2 {
      font-weight: bold;
      color: #5ac8a0;
      border-bottom: 2px solid #5ac8a0;
      padding: 0 0 0.2em 0;
      margin-bottom: 1em; }
      @media screen and (min-width: 960px) {
        #osusume_box .entry_title + h2 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #osusume_box .entry_title + h2 {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        #osusume_box .entry_title + h2 {
          font-size: 16px; } }
      @media screen and (min-width: 960px) {
        #osusume_box .entry_title + h2 + p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #osusume_box .entry_title + h2 + p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #osusume_box .entry_title + h2 + p {
          font-size: 12px; } }
  #osusume_box .hos_list h3 {
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #5ac8a0; }
    @media screen and (min-width: 960px) {
      #osusume_box .hos_list h3 {
        margin-top: 75px; } }
    @media screen and (max-width: 959px) {
      #osusume_box .hos_list h3 {
        margin-top: 60px; } }
    @media screen and (max-width: 599px) {
      #osusume_box .hos_list h3 {
        margin-top: 45px; } }
    @media screen and (min-width: 960px) {
      #osusume_box .hos_list h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #osusume_box .hos_list h3 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #osusume_box .hos_list h3 {
        font-size: 16px; } }
    #osusume_box .hos_list h3:before {
      content: "●";
      color: #5ac8a0;
      margin-right: 0.3em;
      display: inline-block; }
  #osusume_box .hos_list ul {
    border-top: 1px solid #c9caca;
    border-bottom: 1px solid #c9caca; }
    @media screen and (min-width: 960px) {
      #osusume_box .hos_list ul {
        margin-bottom: 120px; } }
    @media screen and (max-width: 959px) {
      #osusume_box .hos_list ul {
        margin-bottom: 90px; } }
    @media screen and (max-width: 599px) {
      #osusume_box .hos_list ul {
        margin-bottom: 60px; } }
    #osusume_box .hos_list ul li {
      line-height: 1;
      padding: 0.8em 0 0.8em 1.5em; }
      @media screen and (min-width: 960px) {
        #osusume_box .hos_list ul li {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #osusume_box .hos_list ul li {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #osusume_box .hos_list ul li {
          font-size: 14px; } }
      #osusume_box .hos_list ul li:before {
        content: "\f0da";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        color: #ea6088;
        margin-right: 0.8em; }
      #osusume_box .hos_list ul li span {
        margin-left: 1em; }
        @media screen and (min-width: 960px) {
          #osusume_box .hos_list ul li span {
            font-size: 14px; } }
        @media screen and (max-width: 959px) {
          #osusume_box .hos_list ul li span {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #osusume_box .hos_list ul li span {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          #osusume_box .hos_list ul li span {
            display: block;
            margin-left: 0;
            margin-top: 0.5em;
            letter-spacing: -1px; } }
    #osusume_box .hos_list ul li + li {
      border-top: 1px dashed #c9caca; }

div[id^="hos_box-"] {
  position: relative;
  border: 2px solid #5ac8a0;
  box-sizing: border-box;
  border-radius: 2em;
  padding: 2.4em; }
  @media screen and (min-width: 960px) {
    div[id^="hos_box-"] + div[id^="hos_box-"] {
      margin-top: 90px; } }
  @media screen and (max-width: 959px) {
    div[id^="hos_box-"] + div[id^="hos_box-"] {
      margin-top: 70px; } }
  @media screen and (max-width: 599px) {
    div[id^="hos_box-"] + div[id^="hos_box-"] {
      margin-top: 50px; } }
  div[id^="hos_box-"] img {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 960px) {
    div[id^="hos_box-"] {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    div[id^="hos_box-"] {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    div[id^="hos_box-"] {
      font-size: 10px; } }
  div[id^="hos_box-"] .hide_box {
    display: none; }
  div[id^="hos_box-"] .open_box {
    position: absolute;
    text-align: center;
    bottom: 2.4em;
    left: 2.4em;
    right: 2.4em;
    height: 7em;
    background: black;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .open_box {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .open_box {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .open_box {
        font-size: 10px; } }
    div[id^="hos_box-"] .open_box span {
      color: #ffffff;
      display: inline-block;
      padding: 0.4em 1em;
      background: #f18e1d;
      font-weight: bold;
      border-radius: 2em;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); }
      @media screen and (min-width: 960px) {
        div[id^="hos_box-"] .open_box span {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        div[id^="hos_box-"] .open_box span {
          font-size: 24px; } }
      @media screen and (max-width: 599px) {
        div[id^="hos_box-"] .open_box span {
          font-size: 18px; } }
      div[id^="hos_box-"] .open_box span:hover {
        opacity: 0.8;
        cursor: pointer; }
  div[id^="hos_box-"] .customtext {
    margin-bottom: 1em; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .customtext {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .customtext {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .customtext {
        font-size: 12px; } }
    div[id^="hos_box-"] .customtext .box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0.8em;
      background: #fdeae6; }
      div[id^="hos_box-"] .customtext .box .text_box {
        flex-basis: 100%;
        box-sizing: border-box;
        padding: 0 0 0 1em; }
        div[id^="hos_box-"] .customtext .box .text_box span {
          font-weight: bold;
          font-size: 0.8em;
          line-height: 1;
          margin-top: 0; }
        div[id^="hos_box-"] .customtext .box .text_box h3 {
          font-weight: bold;
          color: #e95377;
          font-size: 0.9em; }
          div[id^="hos_box-"] .customtext .box .text_box h3 strong {
            font-size: 1.5em;
            display: block; }
        div[id^="hos_box-"] .customtext .box .text_box p {
          font-size: 0.9em;
          line-height: 1.5; }
        div[id^="hos_box-"] .customtext .box .text_box strong {
          font-weight: bold; }
      div[id^="hos_box-"] .customtext .box .img_box {
        flex-basis: 19.42857%; }
        @media screen and (max-width: 959px) {
          div[id^="hos_box-"] .customtext .box .img_box {
            flex-basis: 35%; } }
        @media screen and (max-width: 599px) {
          div[id^="hos_box-"] .customtext .box .img_box {
            display: none; } }
        div[id^="hos_box-"] .customtext .box .img_box + .text_box {
          flex-basis: 80.57143%; }
          @media screen and (max-width: 959px) {
            div[id^="hos_box-"] .customtext .box .img_box + .text_box {
              flex-basis: 65%; } }
          @media screen and (max-width: 599px) {
            div[id^="hos_box-"] .customtext .box .img_box + .text_box {
              flex-basis: 100%; } }
      div[id^="hos_box-"] .customtext .box + .box {
        margin-top: 1em; }
  div[id^="hos_box-"] hr {
    margin-top: 0;
    padding-bottom: 2em;
    margin-bottom: 2em;
    height: 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px dashed #5ac8a0; }
  div[id^="hos_box-"] .photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .photo {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .photo {
        margin-bottom: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .photo {
        margin-bottom: 8px; } }
    div[id^="hos_box-"] .photo li {
      flex-basis: 31.74419%; }
  div[id^="hos_box-"] h2 {
    color: #5ac8a0;
    padding-bottom: 0.2em;
    border-bottom: 2px solid #5ac8a0;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] h2 {
        font-size: 21px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] h2 {
        font-size: 18px; } }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] h2 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] h2 {
        margin-bottom: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] h2 {
        margin-bottom: 8px; } }
  div[id^="hos_box-"] h3 {
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] h3 {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] h3 {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] h3 {
        font-size: 14px; } }
  div[id^="hos_box-"] .minTitle {
    color: #ffffff;
    background: #5ac8a0;
    padding: 0.4em 0.6em;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .minTitle {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .minTitle {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .minTitle {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .minTitle {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .minTitle {
        margin-bottom: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .minTitle {
        margin-bottom: 8px; } }
  div[id^="hos_box-"] .read_text {
    color: #ffffff;
    background: #5ac8a0;
    padding: 0.4em 0.6em;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .read_text {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .read_text {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .read_text {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .read_text {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .read_text {
        margin-bottom: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .read_text {
        margin-bottom: 8px; } }
  div[id^="hos_box-"] h5 {
    color: #5ac8a0;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] h5 {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] h5 {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] h5 {
        font-size: 12px; } }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] h5 {
        margin-bottom: 15px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] h5 {
        margin-bottom: 10px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] h5 {
        margin-bottom: 5px; } }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] h5 + p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] h5 + p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] h5 + p {
        font-size: 12px; } }
  div[id^="hos_box-"] div[id^="timetable-"] .consul-table {
    width: 100%; }
    div[id^="hos_box-"] div[id^="timetable-"] .consul-table th {
      background: #f5f5f5; }
    div[id^="hos_box-"] div[id^="timetable-"] .consul-table tr td:nth-of-type(1) {
      background: #f5f5f5; }
      @media screen and (min-width: 600px) {
        div[id^="hos_box-"] div[id^="timetable-"] .consul-table tr td:nth-of-type(1) {
          width: 200px; } }
    div[id^="hos_box-"] div[id^="timetable-"] .consul-table th, div[id^="hos_box-"] div[id^="timetable-"] .consul-table td {
      padding: 0.8em 0; }
      @media screen and (min-width: 960px) {
        div[id^="hos_box-"] div[id^="timetable-"] .consul-table th, div[id^="hos_box-"] div[id^="timetable-"] .consul-table td {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        div[id^="hos_box-"] div[id^="timetable-"] .consul-table th, div[id^="hos_box-"] div[id^="timetable-"] .consul-table td {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        div[id^="hos_box-"] div[id^="timetable-"] .consul-table th, div[id^="hos_box-"] div[id^="timetable-"] .consul-table td {
          font-size: 12px; } }
  div[id^="hos_box-"] .timetabelnote {
    margin: 0.8em 0; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .timetabelnote {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .timetabelnote {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .timetabelnote {
        font-size: 12px; } }
  div[id^="hos_box-"] .mes_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .mes_box {
        margin-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .mes_box {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .mes_box {
        margin-bottom: 20px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .mes_box {
        display: block; } }
    div[id^="hos_box-"] .mes_box .photo_box {
      flex-basis: 18.60465%; }
      @media screen and (max-width: 599px) {
        div[id^="hos_box-"] .mes_box .photo_box {
          width: 65%;
          margin: 0 auto 20px; } }
    div[id^="hos_box-"] .mes_box .text_box {
      flex-basis: 78.48837%; }
      @media screen and (min-width: 960px) {
        div[id^="hos_box-"] .mes_box .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        div[id^="hos_box-"] .mes_box .text_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        div[id^="hos_box-"] .mes_box .text_box p {
          font-size: 12px; } }
  div[id^="hos_box-"] .reserved_box {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .reserved_box {
        justify-content: space-between; } }
    div[id^="hos_box-"] .reserved_box .color_type1 {
      background: #f18e1d; }
    div[id^="hos_box-"] .reserved_box .color_type2 {
      background: #5ac8a0; }
    div[id^="hos_box-"] .reserved_box .color_type3 {
      background: #00afec; }
    div[id^="hos_box-"] .reserved_box .color_type4 {
      background: #ea6088; }
    div[id^="hos_box-"] .reserved_box > div {
      text-align: center;
      border-radius: 3em;
      box-sizing: border-box; }
      div[id^="hos_box-"] .reserved_box > div a {
        display: block;
        padding: 0.5em 0;
        color: #ffffff; }
        @media screen and (min-width: 960px) {
          div[id^="hos_box-"] .reserved_box > div a {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          div[id^="hos_box-"] .reserved_box > div a {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          div[id^="hos_box-"] .reserved_box > div a {
            font-size: 12px; } }
        div[id^="hos_box-"] .reserved_box > div a:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f105';
          font-weight: 900;
          margin-right: 0.3em; }
      @media screen and (min-width: 600px) {
        div[id^="hos_box-"] .reserved_box > div {
          flex-basis: 25%;
          max-width: 269px;
          margin-right: 1em;
          margin-top: 1em; } }
      @media screen and (max-width: 599px) {
        div[id^="hos_box-"] .reserved_box > div {
          flex-basis: 100%;
          margin-top: 1em; } }
  div[id^="hos_box-"] .add_doc_btn {
    display: flex;
    width: 100%;
    margin: 0 auto 0; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] .add_doc_btn {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .add_doc_btn {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .add_doc_btn {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] .add_doc_btn {
        width: 90%; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] .add_doc_btn {
        width: 80%;
        display: block; } }
    div[id^="hos_box-"] .add_doc_btn a {
      font-size: 1em;
      display: block;
      color: #ffffff;
      text-align: center;
      padding: 0.5em 1.5em;
      box-sizing: border-box;
      border-radius: 3em; }
      @media screen and (min-width: 600px) {
        div[id^="hos_box-"] .add_doc_btn a {
          flex-basis: 25%;
          max-width: 269px;
          margin-right: 1em;
          margin-top: 1em; } }
      div[id^="hos_box-"] .add_doc_btn a.page {
        background-color: #00afec; }
      div[id^="hos_box-"] .add_doc_btn a.pickup {
        background-color: #00afec; }
      div[id^="hos_box-"] .add_doc_btn a.column {
        background-color: #ea6088; }
      div[id^="hos_box-"] .add_doc_btn a.public_url {
        background-color: #5ac8a0; }
      div[id^="hos_box-"] .add_doc_btn a:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f138';
        font-weight: 900;
        margin-right: 0.3em; }
      @media screen and (max-width: 599px) {
        div[id^="hos_box-"] .add_doc_btn a + a {
          margin-top: 15px; } }
  div[id^="hos_box-"] div[id^="map"] {
    height: 330px;
    background: #aaaaaa; }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] div[id^="map"] {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] div[id^="map"] {
        margin-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] div[id^="map"] {
        margin-bottom: 10px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] div[id^="map"] {
        height: 200px; } }
    @media screen and (min-width: 960px) {
      div[id^="hos_box-"] div[id^="map"] + p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      div[id^="hos_box-"] div[id^="map"] + p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      div[id^="hos_box-"] div[id^="map"] + p {
        font-size: 12px; } }

body.page-id-22167 .footer_banner_box,
body.page-id-22178 .footer_banner_box,
body.page-id-22190 .footer_banner_box {
  display: none; }

#corolla #modal_nurie {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1500; }
  #corolla #modal_nurie .modal_back {
    width: 100%;
    height: 100vh;
    background: rgba(14, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90; }
  #corolla #modal_nurie .modal_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; }
  #corolla #modal_nurie .modal_area {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 90%;
    max-height: 80vh;
    max-width: 1000px;
    z-index: 100;
    background: #ffffff; }
  #corolla #modal_nurie .modal_inner {
    width: 95%;
    margin-right: 5%;
    height: 100%;
    max-height: 70vh;
    margin-top: 5vh;
    margin-bottom: 5vh;
    overflow: auto;
    box-sizing: border-box;
    z-index: 100; }
  #corolla #modal_nurie .modal_content {
    padding-bottom: 0;
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      #corolla #modal_nurie .modal_content {
        padding-top: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla #modal_nurie .modal_content {
        padding-top: 15px; } }
    @media screen and (max-width: 599px) {
      #corolla #modal_nurie .modal_content {
        padding-top: 10px; } }
    @media screen and (min-width: 960px) {
      #corolla #modal_nurie .modal_content {
        padding-left: 50px; } }
    @media screen and (max-width: 959px) {
      #corolla #modal_nurie .modal_content {
        padding-left: 35px; } }
    @media screen and (max-width: 599px) {
      #corolla #modal_nurie .modal_content {
        padding-left: 20px; } }
    @media screen and (min-width: 960px) {
      #corolla #modal_nurie .modal_content {
        padding-right: 15px; } }
    @media screen and (max-width: 959px) {
      #corolla #modal_nurie .modal_content {
        padding-right: 10px; } }
    @media screen and (max-width: 599px) {
      #corolla #modal_nurie .modal_content {
        padding-right: 5px; } }
    @media screen and (min-width: 960px) {
      #corolla #modal_nurie .modal_content {
        padding-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla #modal_nurie .modal_content {
        padding-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      #corolla #modal_nurie .modal_content {
        padding-bottom: 10px; } }
    #corolla #modal_nurie .modal_content h3 {
      text-align: center;
      font-weight: bold;
      margin-bottom: 1.2em; }
      @media screen and (min-width: 960px) {
        #corolla #modal_nurie .modal_content h3 {
          font-size: 32px; } }
      @media screen and (max-width: 959px) {
        #corolla #modal_nurie .modal_content h3 {
          font-size: 28px; } }
      @media screen and (max-width: 599px) {
        #corolla #modal_nurie .modal_content h3 {
          font-size: 24px; } }
    #corolla #modal_nurie .modal_content h4 {
      line-height: 1;
      text-align: center;
      padding: 0.3em 0;
      font-weight: bold;
      color: #ffffff;
      background: #00afec; }
      @media screen and (min-width: 960px) {
        #corolla #modal_nurie .modal_content h4 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #corolla #modal_nurie .modal_content h4 {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        #corolla #modal_nurie .modal_content h4 {
          font-size: 16px; } }
    #corolla #modal_nurie .modal_content ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 960px) {
        #corolla #modal_nurie .modal_content ul + h4 {
          margin-top: 40px; } }
      @media screen and (max-width: 959px) {
        #corolla #modal_nurie .modal_content ul + h4 {
          margin-top: 30px; } }
      @media screen and (max-width: 599px) {
        #corolla #modal_nurie .modal_content ul + h4 {
          margin-top: 20px; } }
      #corolla #modal_nurie .modal_content ul > li {
        flex-basis: 30.96234%;
        position: relative; }
        @media screen and (min-width: 960px) {
          #corolla #modal_nurie .modal_content ul > li {
            margin-top: 30px; } }
        @media screen and (max-width: 959px) {
          #corolla #modal_nurie .modal_content ul > li {
            margin-top: 25px; } }
        @media screen and (max-width: 599px) {
          #corolla #modal_nurie .modal_content ul > li {
            margin-top: 20px; } }
        @media screen and (max-width: 599px) {
          #corolla #modal_nurie .modal_content ul > li {
            flex-basis: 100%; } }
        #corolla #modal_nurie .modal_content ul > li:after {
          content: "";
          height: 1em;
          width: 1em;
          background: url("../img/corolla/n_icon.png") no-repeat center center;
          background-size: cover;
          position: absolute;
          top: -0.2em;
          right: 0;
          z-index: 10; }
          @media screen and (min-width: 960px) {
            #corolla #modal_nurie .modal_content ul > li:after {
              font-size: 85px; } }
          @media screen and (max-width: 959px) {
            #corolla #modal_nurie .modal_content ul > li:after {
              font-size: 70px; } }
          @media screen and (max-width: 599px) {
            #corolla #modal_nurie .modal_content ul > li:after {
              font-size: 55px; } }
        #corolla #modal_nurie .modal_content ul > li h5 {
          font-weight: bold;
          border-bottom: 2px solid #00afec;
          text-align: center; }
          @media screen and (min-width: 960px) {
            #corolla #modal_nurie .modal_content ul > li h5 {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla #modal_nurie .modal_content ul > li h5 {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla #modal_nurie .modal_content ul > li h5 {
              font-size: 12px; } }
          @media screen and (min-width: 960px) {
            #corolla #modal_nurie .modal_content ul > li h5 {
              margin-bottom: 10px; } }
          @media screen and (max-width: 959px) {
            #corolla #modal_nurie .modal_content ul > li h5 {
              margin-bottom: 7px; } }
          @media screen and (max-width: 599px) {
            #corolla #modal_nurie .modal_content ul > li h5 {
              margin-bottom: 4px; } }
          #corolla #modal_nurie .modal_content ul > li h5.ll {
            letter-spacing: -2px; }
          #corolla #modal_nurie .modal_content ul > li h5 span {
            display: inline-block;
            color: #ffffff;
            background: #00afec;
            padding: 0.2em 0.4em;
            line-height: 1;
            font-size: 0.9em;
            margin-right: 0.3em; }
        @media screen and (min-width: 960px) {
          #corolla #modal_nurie .modal_content ul > li p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #corolla #modal_nurie .modal_content ul > li p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #corolla #modal_nurie .modal_content ul > li p {
            font-size: 12px; } }
  #corolla #modal_nurie .close {
    position: relative; }
    #corolla #modal_nurie .close span {
      position: absolute;
      top: 0;
      right: 0;
      transform: translate(50%, -50%);
      display: inline-block;
      width: 2em;
      height: 2em;
      border-radius: 1em;
      background: #3e3a39;
      letter-spacing: 2px;
      z-index: 150; }
      @media screen and (min-width: 960px) {
        #corolla #modal_nurie .close span {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        #corolla #modal_nurie .close span {
          font-size: 22px; } }
      @media screen and (max-width: 599px) {
        #corolla #modal_nurie .close span {
          font-size: 14px; } }
      #corolla #modal_nurie .close span:hover {
        cursor: pointer;
        opacity: 0.9; }
      #corolla #modal_nurie .close span:before, #corolla #modal_nurie .close span:after {
        content: "";
        display: block;
        width: 1px;
        height: 1em;
        background: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(50%, -50%); }
      #corolla #modal_nurie .close span:before {
        transform: translate(50%, -50%) rotate(-45deg); }
      #corolla #modal_nurie .close span:after {
        transform: translate(50%, -50%) rotate(45deg); }

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

#corolla .bg {
  background: #898989; }
  @media screen and (min-width: 960px) {
    #corolla .bg .pans_box ul {
      padding-bottom: 10px; } }
  @media screen and (max-width: 959px) {
    #corolla .bg .pans_box ul {
      padding-bottom: 8px; } }
  @media screen and (max-width: 599px) {
    #corolla .bg .pans_box ul {
      padding-bottom: 6px; } }
  @media screen and (min-width: 960px) {
    #corolla .bg .pans_box ul {
      padding-top: 10px; } }
  @media screen and (max-width: 959px) {
    #corolla .bg .pans_box ul {
      padding-top: 8px; } }
  @media screen and (max-width: 599px) {
    #corolla .bg .pans_box ul {
      padding-top: 6px; } }
  #corolla .bg .pans_box ul li {
    color: #ffffff; }
    #corolla .bg .pans_box ul li a {
      color: #ffffff; }

#corolla .btn_box {
  text-align: center; }
  #corolla .btn_box .btn {
    display: inline-block;
    max-width: 558px;
    width: 80%;
    line-height: 1;
    background: red;
    color: #ffffff;
    border-radius: 3em;
    padding-top: 1em;
    padding-bottom: 1em;
    border: 2px solid #000000;
    border-bottom-width: 6px; }
    @media screen and (min-width: 960px) {
      #corolla .btn_box .btn {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #corolla .btn_box .btn {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #corolla .btn_box .btn {
        font-size: 12px; } }

#corolla .main {
  line-height: 1; }

#corolla .read_box {
  background: url("../img/corolla/bg1.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 960px) {
    #corolla .read_box {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .read_box {
      padding-top: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .read_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    #corolla .read_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .read_box {
      padding-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .read_box {
      padding-bottom: 20px; } }
  #corolla .read_box h2 {
    max-width: 850px;
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      #corolla .read_box h2 {
        margin-bottom: 24px; } }
    @media screen and (max-width: 959px) {
      #corolla .read_box h2 {
        margin-bottom: 19px; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box h2 {
        margin-bottom: 14px; } }
  #corolla .read_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #corolla .read_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #corolla .read_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box p {
        font-size: 12px; } }
    @media screen and (min-width: 600px) {
      #corolla .read_box p {
        text-align: center; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box p br {
        display: none;
        line-height: 1.6; } }

#corolla .read_box2 {
  background: url("../img/corolla/bg1.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 960px) {
    #corolla .read_box2 {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    #corolla .read_box2 {
      padding-top: 65px; } }
  @media screen and (max-width: 599px) {
    #corolla .read_box2 {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    #corolla .read_box2 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #corolla .read_box2 {
      padding-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    #corolla .read_box2 {
      padding-bottom: 50px; } }
  #corolla .read_box2 .box {
    background: rgba(255, 255, 255, 0.9);
    box-sizing: border-box;
    border-radius: 2em; }
    @media screen and (min-width: 960px) {
      #corolla .read_box2 .box {
        padding: 38px; } }
    @media screen and (max-width: 959px) {
      #corolla .read_box2 .box {
        padding: 28px; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box2 .box {
        padding: 18px; } }
    #corolla .read_box2 .box .img_box {
      max-width: 890px;
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        #corolla .read_box2 .box .img_box {
          margin-top: 50px; } }
      @media screen and (max-width: 959px) {
        #corolla .read_box2 .box .img_box {
          margin-top: 35px; } }
      @media screen and (max-width: 599px) {
        #corolla .read_box2 .box .img_box {
          margin-top: 20px; } }
      @media screen and (min-width: 960px) {
        #corolla .read_box2 .box .img_box {
          margin-bottom: 30px; } }
      @media screen and (max-width: 959px) {
        #corolla .read_box2 .box .img_box {
          margin-bottom: 20px; } }
      @media screen and (max-width: 599px) {
        #corolla .read_box2 .box .img_box {
          margin-bottom: 10px; } }
  #corolla .read_box2 h2 {
    font-weight: bold;
    max-width: 850px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #corolla .read_box2 h2 {
        margin-bottom: 28px; } }
    @media screen and (max-width: 959px) {
      #corolla .read_box2 h2 {
        margin-bottom: 24px; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box2 h2 {
        margin-bottom: 20px; } }
    @media screen and (min-width: 960px) {
      #corolla .read_box2 h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #corolla .read_box2 h2 {
        font-size: 28px; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box2 h2 {
        font-size: 24px; } }
  #corolla .read_box2 p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #corolla .read_box2 p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #corolla .read_box2 p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box2 p {
        font-size: 12px; } }
    @media screen and (min-width: 600px) {
      #corolla .read_box2 p {
        text-align: center; } }
    @media screen and (max-width: 599px) {
      #corolla .read_box2 p br {
        display: none;
        line-height: 1.6; } }
    #corolla .read_box2 p a {
      color: #4e5eea;
      text-decoration: underline; }
  @media screen and (min-width: 960px) {
    #corolla .read_box2 .btn_box {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .read_box2 .btn_box {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .read_box2 .btn_box {
      margin-top: 20px; } }

@media screen and (min-width: 960px) {
  #corolla .gift_box {
    padding-top: 50px; } }

@media screen and (max-width: 959px) {
  #corolla .gift_box {
    padding-top: 35px; } }

@media screen and (max-width: 599px) {
  #corolla .gift_box {
    padding-top: 20px; } }

#corolla .gift_box h2 {
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    #corolla .gift_box h2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    #corolla .gift_box h2 {
      font-size: 28px; } }
  @media screen and (max-width: 599px) {
    #corolla .gift_box h2 {
      font-size: 24px; } }
  @media screen and (min-width: 960px) {
    #corolla .gift_box h2 {
      margin-bottom: 24px; } }
  @media screen and (max-width: 959px) {
    #corolla .gift_box h2 {
      margin-bottom: 19px; } }
  @media screen and (max-width: 599px) {
    #corolla .gift_box h2 {
      margin-bottom: 14px; } }

#corolla .gift_box p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    #corolla .gift_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #corolla .gift_box p {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #corolla .gift_box p {
      font-size: 12px; } }
  @media screen and (min-width: 600px) {
    #corolla .gift_box p {
      text-align: center; } }
  @media screen and (max-width: 599px) {
    #corolla .gift_box p br {
      display: none;
      line-height: 1.6; } }

#corolla .gift_box .img_box {
  max-width: 1198px;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 960px) {
    #corolla .gift_box .img_box {
      margin-top: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .gift_box .img_box {
      margin-top: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .gift_box .img_box {
      margin-top: 20px; } }
  @media screen and (min-width: 960px) {
    #corolla .gift_box .img_box {
      margin-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .gift_box .img_box {
      margin-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .gift_box .img_box {
      margin-bottom: 20px; } }

@media screen and (min-width: 960px) {
  #corolla .gift_box .btn_box {
    margin-bottom: 35px; } }

@media screen and (max-width: 959px) {
  #corolla .gift_box .btn_box {
    margin-bottom: 27px; } }

@media screen and (max-width: 599px) {
  #corolla .gift_box .btn_box {
    margin-bottom: 19px; } }

#corolla .gift_box .roll {
  position: relative;
  height: 12.5em;
  width: 100%; }
  @media screen and (min-width: 960px) {
    #corolla .gift_box .roll {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #corolla .gift_box .roll {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #corolla .gift_box .roll {
      font-size: 12px; } }
  #corolla .gift_box .roll > div {
    display: flex;
    width: 382em;
    height: 12.5em;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%); }
    #corolla .gift_box .roll > div > img {
      max-width: none;
      height: 12.5em;
      width: 191em;
      display: block;
      animation: sliderImage 200s linear infinite; }
  #corolla .gift_box .roll.right div {
    transform: translate(50%, 0);
    left: auto;
    right: 50%; }
  #corolla .gift_box .roll.right > div > img {
    animation: sliderImage_right 200s linear infinite; }

@keyframes sliderImage {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(-50%); } }

@keyframes sliderImage_right {
  from {
    transform: translateX(-50%); }
  to {
    transform: translateX(0%); } }

#corolla .car_box {
  background: url("../img/corolla/bg2.jpg") no-repeat top center;
  background-size: 100% auto; }
  @media screen and (min-width: 960px) {
    #corolla .car_box {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .car_box {
      padding-top: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .car_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    #corolla .car_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .car_box {
      padding-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .car_box {
      padding-bottom: 20px; } }
  #corolla .car_box h2 {
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #corolla .car_box h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #corolla .car_box h2 {
        font-size: 28px; } }
    @media screen and (max-width: 599px) {
      #corolla .car_box h2 {
        font-size: 24px; } }
  #corolla .car_box .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #corolla .car_box .flex_box li {
      flex-basis: 24.83333%; }
      @media screen and (min-width: 960px) {
        #corolla .car_box .flex_box li {
          margin-top: 24px; } }
      @media screen and (max-width: 959px) {
        #corolla .car_box .flex_box li {
          margin-top: 19px; } }
      @media screen and (max-width: 599px) {
        #corolla .car_box .flex_box li {
          margin-top: 14px; } }
      @media screen and (max-width: 599px) {
        #corolla .car_box .flex_box li {
          flex-basis: 48%; } }

#corolla .note_box {
  background: #fff8d6; }
  #corolla .note_box:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1360 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff8d6;%7D%3C/style%3E%3C/defs%3E%3Cg id='type1' data-name='type1'%3E%3Cg id='type1'%3E%3Cpolygon class='cls-1' points='10 0 0 10 20 10 10 0'/%3E%3Cpolygon class='cls-1' points='30 0 20 10 40 10 30 0'/%3E%3Cpolygon class='cls-1' points='50 0 40 10 60 10 50 0'/%3E%3Cpolygon class='cls-1' points='70 0 60 10 80 10 70 0'/%3E%3Cpolygon class='cls-1' points='90 0 80 10 100 10 90 0'/%3E%3Cpolygon class='cls-1' points='110 0 100 10 120 10 110 0'/%3E%3Cpolygon class='cls-1' points='130 0 120 10 140 10 130 0'/%3E%3Cpolygon class='cls-1' points='150 0 140 10 160 10 150 0'/%3E%3Cpolygon class='cls-1' points='170 0 160 10 180 10 170 0'/%3E%3Cpolygon class='cls-1' points='190 0 180 10 200 10 190 0'/%3E%3Cpolygon class='cls-1' points='210 0 200 10 220 10 210 0'/%3E%3Cpolygon class='cls-1' points='230 0 220 10 240 10 230 0'/%3E%3Cpolygon class='cls-1' points='250 0 240 10 260 10 250 0'/%3E%3Cpolygon class='cls-1' points='270 0 260 10 280 10 270 0'/%3E%3Cpolygon class='cls-1' points='290 0 280 10 300 10 290 0'/%3E%3Cpolygon class='cls-1' points='310 0 300 10 320 10 310 0'/%3E%3Cpolygon class='cls-1' points='330 0 320 10 340 10 330 0'/%3E%3Cpolygon class='cls-1' points='350 0 340 10 360 10 350 0'/%3E%3Cpolygon class='cls-1' points='370 0 360 10 380 10 370 0'/%3E%3Cpolygon class='cls-1' points='390 0 380 10 400 10 390 0'/%3E%3Cpolygon class='cls-1' points='410 0 400 10 420 10 410 0'/%3E%3Cpolygon class='cls-1' points='430 0 420 10 440 10 430 0'/%3E%3Cpolygon class='cls-1' points='450 0 440 10 460 10 450 0'/%3E%3Cpolygon class='cls-1' points='470 0 460 10 480 10 470 0'/%3E%3Cpolygon class='cls-1' points='490 0 480 10 500 10 490 0'/%3E%3Cpolygon class='cls-1' points='510 0 500 10 520 10 510 0'/%3E%3Cpolygon class='cls-1' points='530 0 520 10 540 10 530 0'/%3E%3Cpolygon class='cls-1' points='550 0 540 10 560 10 550 0'/%3E%3Cpolygon class='cls-1' points='570 0 560 10 580 10 570 0'/%3E%3Cpolygon class='cls-1' points='590 0 580 10 600 10 590 0'/%3E%3Cpolygon class='cls-1' points='610 0 600 10 620 10 610 0'/%3E%3Cpolygon class='cls-1' points='630 0 620 10 640 10 630 0'/%3E%3Cpolygon class='cls-1' points='650 0 640 10 660 10 650 0'/%3E%3Cpolygon class='cls-1' points='670 0 660 10 680 10 670 0'/%3E%3Cpolygon class='cls-1' points='690 0 680 10 700 10 690 0'/%3E%3Cpolygon class='cls-1' points='710 0 700 10 720 10 710 0'/%3E%3Cpolygon class='cls-1' points='730 0 720 10 740 10 730 0'/%3E%3Cpolygon class='cls-1' points='750 0 740 10 760 10 750 0'/%3E%3Cpolygon class='cls-1' points='770 0 760 10 780 10 770 0'/%3E%3Cpolygon class='cls-1' points='790 0 780 10 800 10 790 0'/%3E%3Cpolygon class='cls-1' points='810 0 800 10 820 10 810 0'/%3E%3Cpolygon class='cls-1' points='830 0 820 10 840 10 830 0'/%3E%3Cpolygon class='cls-1' points='850 0 840 10 860 10 850 0'/%3E%3Cpolygon class='cls-1' points='870 0 860 10 880 10 870 0'/%3E%3Cpolygon class='cls-1' points='890 0 880 10 900 10 890 0'/%3E%3Cpolygon class='cls-1' points='910 0 900 10 920 10 910 0'/%3E%3Cpolygon class='cls-1' points='930 0 920 10 940 10 930 0'/%3E%3Cpolygon class='cls-1' points='950 0 940 10 960 10 950 0'/%3E%3Cpolygon class='cls-1' points='970 0 960 10 980 10 970 0'/%3E%3Cpolygon class='cls-1' points='990 0 980 10 1000 10 990 0'/%3E%3Cpolygon class='cls-1' points='1010 0 1000 10 1020 10 1010 0'/%3E%3Cpolygon class='cls-1' points='1030 0 1020 10 1040 10 1030 0'/%3E%3Cpolygon class='cls-1' points='1050 0 1040 10 1060 10 1050 0'/%3E%3Cpolygon class='cls-1' points='1070 0 1060 10 1080 10 1070 0'/%3E%3Cpolygon class='cls-1' points='1090 0 1080 10 1100 10 1090 0'/%3E%3Cpolygon class='cls-1' points='1110 0 1100 10 1120 10 1110 0'/%3E%3Cpolygon class='cls-1' points='1130 0 1120 10 1140 10 1130 0'/%3E%3Cpolygon class='cls-1' points='1150 0 1140 10 1160 10 1150 0'/%3E%3Cpolygon class='cls-1' points='1170 0 1160 10 1180 10 1170 0'/%3E%3Cpolygon class='cls-1' points='1190 0 1180 10 1200 10 1190 0'/%3E%3Cpolygon class='cls-1' points='1210 0 1200 10 1220 10 1210 0'/%3E%3Cpolygon class='cls-1' points='1230 0 1220 10 1240 10 1230 0'/%3E%3Cpolygon class='cls-1' points='1250 0 1240 10 1260 10 1250 0'/%3E%3Cpolygon class='cls-1' points='1270 0 1260 10 1280 10 1270 0'/%3E%3Cpolygon class='cls-1' points='1290 0 1280 10 1300 10 1290 0'/%3E%3Cpolygon class='cls-1' points='1310 0 1300 10 1320 10 1310 0'/%3E%3Cpolygon class='cls-1' points='1330 0 1320 10 1340 10 1330 0'/%3E%3Cpolygon class='cls-1' points='1350 0 1340 10 1360 10 1350 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat bottom center #ffffff;
    background-size: cover;
    height: 10px;
    display: block; }
    @media screen and (min-width: 960px) {
      #corolla .note_box:before {
        margin-bottom: 50px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box:before {
        margin-bottom: 35px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box:before {
        margin-bottom: 20px; } }
  #corolla .note_box h2, #corolla .note_box h3 {
    line-height: 1;
    text-align: center;
    padding: 0.3em 0;
    font-weight: bold;
    color: #ffffff;
    background: #f08800; }
    @media screen and (min-width: 960px) {
      #corolla .note_box h2, #corolla .note_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box h2, #corolla .note_box h3 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box h2, #corolla .note_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      #corolla .note_box h2, #corolla .note_box h3 {
        margin-bottom: 15px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box h2, #corolla .note_box h3 {
        margin-bottom: 12px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box h2, #corolla .note_box h3 {
        margin-bottom: 9px; } }
  #corolla .note_box h2 + p {
    font-weight: bold;
    line-height: 1.6; }
    @media screen and (min-width: 960px) {
      #corolla .note_box h2 + p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box h2 + p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box h2 + p {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      #corolla .note_box h2 + p {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box h2 + p {
        margin-bottom: 17px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box h2 + p {
        margin-bottom: 14px; } }
    #corolla .note_box h2 + p strong {
      color: #ff002d; }
      @media screen and (max-width: 599px) {
        #corolla .note_box h2 + p strong {
          display: block; } }
    #corolla .note_box h2 + p span {
      display: block;
      margin-top: 1em; }
      @media screen and (min-width: 960px) {
        #corolla .note_box h2 + p span {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #corolla .note_box h2 + p span {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #corolla .note_box h2 + p span {
          font-size: 12px; } }
  #corolla .note_box div.flex_box {
    counter-reset: item;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #3e3a39; }
    @media screen and (min-width: 960px) {
      #corolla .note_box div.flex_box {
        padding-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box div.flex_box {
        padding-bottom: 15px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box div.flex_box {
        padding-bottom: 10px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box div.flex_box {
        display: block; } }
    #corolla .note_box div.flex_box > div {
      flex-basis: 30.44983%; }
      #corolla .note_box div.flex_box > div + div {
        position: relative; }
        @media screen and (max-width: 599px) {
          #corolla .note_box div.flex_box > div + div {
            margin-top: 15px; } }
        #corolla .note_box div.flex_box > div + div:before {
          content: "";
          width: 1em;
          height: 1em;
          position: absolute;
          top: 0.2em;
          left: -1.5em;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f08800;%7D%3C/style%3E%3C/defs%3E%3Cg id='レイヤー_2' data-name='レイヤー 2'%3E%3Cg id='文字'%3E%3Cpolygon class='cls-1' points='0 0 0 20 20 10 0 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #corolla .note_box div.flex_box > div + div:before {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #corolla .note_box div.flex_box > div + div:before {
              font-size: 16px; } }
          @media screen and (max-width: 599px) {
            #corolla .note_box div.flex_box > div + div:before {
              font-size: 12px; } }
          @media screen and (max-width: 599px) {
            #corolla .note_box div.flex_box > div + div:before {
              display: none; } }
      #corolla .note_box div.flex_box > div h4 {
        position: relative;
        font-weight: bold;
        padding-left: 1.2em; }
        @media screen and (min-width: 960px) {
          #corolla .note_box div.flex_box > div h4 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          #corolla .note_box div.flex_box > div h4 {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          #corolla .note_box div.flex_box > div h4 {
            font-size: 16px; } }
        #corolla .note_box div.flex_box > div h4:before {
          counter-increment: item;
          content: counter(item);
          display: inline-block;
          position: absolute;
          font-weight: normal;
          width: 1.25em;
          text-align: center;
          color: #ffffff;
          z-index: 10;
          top: 50%;
          left: 0;
          line-height: 1;
          transform: translate(0, -50%); }
          @media screen and (min-width: 960px) {
            #corolla .note_box div.flex_box > div h4:before {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla .note_box div.flex_box > div h4:before {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla .note_box div.flex_box > div h4:before {
              font-size: 12px; } }
        #corolla .note_box div.flex_box > div h4:after {
          content: "";
          position: absolute;
          width: 1.25em;
          height: 1.25em;
          border-radius: 0.625em;
          box-sizing: border-box;
          background-color: #f08800;
          z-index: 5;
          top: 50%;
          left: 0;
          transform: translate(0, -50%); }
          @media screen and (min-width: 960px) {
            #corolla .note_box div.flex_box > div h4:after {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla .note_box div.flex_box > div h4:after {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla .note_box div.flex_box > div h4:after {
              font-size: 12px; } }
      #corolla .note_box div.flex_box > div p {
        border-top: 1px solid #f08800;
        display: block;
        padding-top: 0.4em; }
        @media screen and (min-width: 960px) {
          #corolla .note_box div.flex_box > div p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #corolla .note_box div.flex_box > div p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #corolla .note_box div.flex_box > div p {
            font-size: 12px; } }
  @media screen and (min-width: 960px) {
    #corolla .note_box ul {
      font-size: 12px; } }
  @media screen and (max-width: 959px) {
    #corolla .note_box ul {
      font-size: 11px; } }
  @media screen and (max-width: 599px) {
    #corolla .note_box ul {
      font-size: 10px; } }
  @media screen and (min-width: 960px) {
    #corolla .note_box ul {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    #corolla .note_box ul {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    #corolla .note_box ul {
      margin-top: 10px; } }
  @media screen and (min-width: 960px) {
    #corolla .note_box ul {
      padding-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #corolla .note_box ul {
      padding-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #corolla .note_box ul {
      padding-bottom: 20px; } }
  #corolla .note_box ul li {
    position: relative;
    padding-left: 1em; }
    #corolla .note_box ul li + li {
      margin-top: 2px; }
    #corolla .note_box ul li:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "※"; }
    #corolla .note_box ul li:last-child {
      padding-left: 0; }
      #corolla .note_box ul li:last-child:before {
        display: none; }

#corolla .note_box2 {
  background: #fff8d6; }
  @media screen and (min-width: 960px) {
    #corolla .note_box2 {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    #corolla .note_box2 {
      padding-top: 65px; } }
  @media screen and (max-width: 599px) {
    #corolla .note_box2 {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    #corolla .note_box2 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #corolla .note_box2 {
      padding-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    #corolla .note_box2 {
      padding-bottom: 50px; } }
  #corolla .note_box2 .box {
    background: white;
    box-sizing: border-box;
    border-radius: 2em;
    position: relative; }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 .box {
        padding: 38px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 .box {
        padding: 28px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 .box {
        padding: 18px; } }
    #corolla .note_box2 .box:before {
      content: "";
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      position: absolute;
      top: -0.5em;
      right: calc(50% - 0.5em);
      background: #f08800; }
      @media screen and (min-width: 960px) {
        #corolla .note_box2 .box:before {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        #corolla .note_box2 .box:before {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        #corolla .note_box2 .box:before {
          font-size: 22px; } }
  #corolla .note_box2 h2 {
    line-height: 1;
    text-align: center;
    padding: 0.3em 0;
    font-weight: bold;
    color: #ffffff;
    background: #f08800; }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 h2 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 h2 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 h2 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 h2 {
        margin-bottom: 15px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 h2 {
        margin-bottom: 12px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 h2 {
        margin-bottom: 9px; } }
  #corolla .note_box2 h2 + p {
    font-weight: bold;
    line-height: 1.6; }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 h2 + p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 h2 + p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 h2 + p {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 h2 + p {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 h2 + p {
        margin-bottom: 17px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 h2 + p {
        margin-bottom: 14px; } }
    #corolla .note_box2 h2 + p strong {
      color: #ff002d; }
      @media screen and (max-width: 599px) {
        #corolla .note_box2 h2 + p strong {
          display: block; } }
    #corolla .note_box2 h2 + p span {
      display: block;
      margin-top: 1em; }
      @media screen and (min-width: 960px) {
        #corolla .note_box2 h2 + p span {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #corolla .note_box2 h2 + p span {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #corolla .note_box2 h2 + p span {
          font-size: 12px; } }
  #corolla .note_box2 h3 {
    margin-bottom: 0.5em;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 h3 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 h3 {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 h3 {
        font-size: 16px; } }
  #corolla .note_box2 ul {
    border-top: 1px solid #3e3a39; }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 ul {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 ul {
        font-size: 11px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 ul {
        font-size: 10px; } }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 ul {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 ul {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 ul {
        margin-top: 30px; } }
    @media screen and (min-width: 960px) {
      #corolla .note_box2 ul {
        padding-top: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .note_box2 ul {
        padding-top: 15px; } }
    @media screen and (max-width: 599px) {
      #corolla .note_box2 ul {
        padding-top: 10px; } }
    #corolla .note_box2 ul li {
      position: relative;
      padding-left: 1em; }
      #corolla .note_box2 ul li + li {
        margin-top: 2px; }
      #corolla .note_box2 ul li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "※"; }
      #corolla .note_box2 ul li:last-child {
        padding-left: 0; }
        #corolla .note_box2 ul li:last-child:before {
          display: none; }

#corolla .target_box#box1 {
  background-color: #e9eaea; }
  #corolla .target_box#box1:before {
    content: "";
    background: url("../img/corolla/edge1.svg") repeat-x bottom center #fff8d6;
    height: 10px;
    display: block; }
  #corolla .target_box#box1 .main_img {
    background-image: url("../img/corolla/bg3.jpg"); }
  #corolla .target_box#box1 .photo_box {
    background: #c9caca; }

#corolla .target_box#box2 {
  background-color: #c9d5df; }
  #corolla .target_box#box2:before {
    content: "";
    background: url("../img/corolla/edge2.svg") repeat-x bottom center #e9eaea;
    height: 10px;
    display: block; }
  #corolla .target_box#box2 .main_img {
    background-image: url("../img/corolla/bg4.jpg"); }
  #corolla .target_box#box2 .photo_box {
    background: #4b7495; }
    #corolla .target_box#box2 .photo_box p {
      color: #ffffff; }

#corolla .target_box#box3 {
  background-color: #cceae2; }
  #corolla .target_box#box3:before {
    content: "";
    background: url("../img/corolla/edge3.svg") repeat-x bottom center #c9d5df;
    height: 10px;
    display: block; }
  #corolla .target_box#box3 .main_img {
    background-image: url("../img/corolla/bg5.jpg"); }
  #corolla .target_box#box3 .photo_box {
    background: #00956d; }
    #corolla .target_box#box3 .photo_box p {
      color: #ffffff; }

#corolla .target_box#box4 {
  background-color: #e0dded;
  padding-bottom: 10px; }
  #corolla .target_box#box4:before {
    content: "";
    background: url("../img/corolla/edge4.svg") repeat-x bottom center #cceae2;
    height: 10px;
    display: block; }
  #corolla .target_box#box4 .main_img {
    background-image: url("../img/corolla/bg6.jpg"); }
  #corolla .target_box#box4 .photo_box {
    background: #6356a3; }
    #corolla .target_box#box4 .photo_box p {
      color: #ffffff; }

#corolla .target_box .main_img {
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover; }

#corolla .target_box .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 960px) {
    #corolla .target_box .flex_box {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .target_box .flex_box {
      padding-top: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .target_box .flex_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    #corolla .target_box .flex_box {
      padding-bottom: 30px; } }
  @media screen and (max-width: 959px) {
    #corolla .target_box .flex_box {
      padding-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #corolla .target_box .flex_box {
      padding-bottom: 10px; } }
  @media screen and (max-width: 599px) {
    #corolla .target_box .flex_box {
      display: block; } }
  #corolla .target_box .flex_box div {
    flex-basis: 48.81356%; }
    @media screen and (min-width: 960px) {
      #corolla .target_box .flex_box div {
        margin-top: 15px; } }
    @media screen and (max-width: 959px) {
      #corolla .target_box .flex_box div {
        margin-top: 12px; } }
    @media screen and (max-width: 599px) {
      #corolla .target_box .flex_box div {
        margin-top: 9px; } }
    #corolla .target_box .flex_box div + div {
      margin-top: 0;
      flex-basis: 50.84746%; }

#corolla .target_box .photo_box {
  position: relative; }
  @media screen and (min-width: 960px) {
    #corolla .target_box .photo_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .target_box .photo_box {
      padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    #corolla .target_box .photo_box {
      padding-bottom: 30px; } }
  #corolla .target_box .photo_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #corolla .target_box .photo_box ul li {
      flex-basis: 23.70242%;
      line-height: 1; }
      @media screen and (min-width: 960px) {
        #corolla .target_box .photo_box ul li {
          padding-top: 20px; } }
      @media screen and (max-width: 959px) {
        #corolla .target_box .photo_box ul li {
          padding-top: 15px; } }
      @media screen and (max-width: 599px) {
        #corolla .target_box .photo_box ul li {
          padding-top: 10px; } }
      @media screen and (max-width: 599px) {
        #corolla .target_box .photo_box ul li {
          flex-basis: 48%; } }
      #corolla .target_box .photo_box ul li p {
        margin-top: 0.4em;
        line-height: 1.6;
        text-align: center; }
        @media screen and (min-width: 960px) {
          #corolla .target_box .photo_box ul li p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #corolla .target_box .photo_box ul li p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #corolla .target_box .photo_box ul li p {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          #corolla .target_box .photo_box ul li p {
            text-align: left; }
            #corolla .target_box .photo_box ul li p br {
              display: none; } }

#corolla .target_box .btn_box {
  position: relative; }
  #corolla .target_box .btn_box .btn {
    background: #f08800;
    transform: translateY(-50%); }

#corolla .nurie_box {
  background: url("../img/corolla/bg2.jpg") no-repeat top center;
  background-size: 100% auto; }
  @media screen and (min-width: 960px) {
    #corolla .nurie_box {
      padding-top: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .nurie_box {
      padding-top: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .nurie_box {
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    #corolla .nurie_box {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .nurie_box {
      padding-bottom: 35px; } }
  @media screen and (max-width: 599px) {
    #corolla .nurie_box {
      padding-bottom: 20px; } }
  #corolla .nurie_box h2 {
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_box h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_box h2 {
        font-size: 28px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_box h2 {
        font-size: 24px; } }
    @media screen and (min-width: 960px) {
      #corolla .nurie_box h2 {
        margin-bottom: 24px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_box h2 {
        margin-bottom: 19px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_box h2 {
        margin-bottom: 14px; } }
  #corolla .nurie_box p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_box p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_box p {
        font-size: 12px; } }
    @media screen and (min-width: 600px) {
      #corolla .nurie_box p {
        text-align: center; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_box p br {
        display: none;
        line-height: 1.6; } }
  #corolla .nurie_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_box ul {
        padding-top: 10px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_box ul {
        padding-top: 8px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_box ul {
        padding-top: 6px; } }
    #corolla .nurie_box ul li {
      flex-basis: 19%; }
      @media screen and (min-width: 960px) {
        #corolla .nurie_box ul li {
          margin-top: 10px; } }
      @media screen and (max-width: 959px) {
        #corolla .nurie_box ul li {
          margin-top: 7px; } }
      @media screen and (max-width: 599px) {
        #corolla .nurie_box ul li {
          margin-top: 4px; } }
      @media screen and (max-width: 599px) {
        #corolla .nurie_box ul li {
          flex-basis: 50%; } }
  @media screen and (min-width: 960px) {
    #corolla .nurie_box .btn_box {
      margin-top: 20px; } }
  @media screen and (max-width: 959px) {
    #corolla .nurie_box .btn_box {
      margin-top: 15px; } }
  @media screen and (max-width: 599px) {
    #corolla .nurie_box .btn_box {
      margin-top: 10px; } }
  #corolla .nurie_box .btn_box .btn {
    background: #ffff00;
    color: #000000; }
    #corolla .nurie_box .btn_box .btn:hover {
      opacity: 0.8;
      cursor: pointer; }

#corolla .nurie_info {
  background-color: #e9f6fc;
  background-image: radial-gradient(#f6fcfe 20%, transparent 20%), radial-gradient(#f6fcfe 20%, transparent 20%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 960px) {
    #corolla .nurie_info {
      padding-bottom: 50px; } }
  @media screen and (max-width: 959px) {
    #corolla .nurie_info {
      padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    #corolla .nurie_info {
      padding-bottom: 30px; } }
  #corolla .nurie_info:before {
    content: "";
    background: url("../img/corolla/edge6.svg") no-repeat bottom center #ffffff;
    background-size: cover;
    height: 10px;
    display: block; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info:before {
        margin-bottom: 50px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info:before {
        margin-bottom: 40px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info:before {
        margin-bottom: 30px; } }
  #corolla .nurie_info h2, #corolla .nurie_info h3 {
    line-height: 1;
    text-align: center;
    padding: 0.3em 0;
    font-weight: bold;
    color: #ffffff;
    background: #00afec; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info h2, #corolla .nurie_info h3 {
        font-size: 24px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info h2, #corolla .nurie_info h3 {
        font-size: 20px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info h2, #corolla .nurie_info h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info h2, #corolla .nurie_info h3 {
        margin-bottom: 15px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info h2, #corolla .nurie_info h3 {
        margin-bottom: 12px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info h2, #corolla .nurie_info h3 {
        margin-bottom: 9px; } }
  #corolla .nurie_info h2 + p {
    font-weight: bold;
    line-height: 1.6; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info h2 + p {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info h2 + p {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info h2 + p {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info h2 + p {
        margin-bottom: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info h2 + p {
        margin-bottom: 17px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info h2 + p {
        margin-bottom: 14px; } }
    #corolla .nurie_info h2 + p strong {
      color: #ff002d; }
      @media screen and (max-width: 599px) {
        #corolla .nurie_info h2 + p strong {
          display: block; } }
    #corolla .nurie_info h2 + p span {
      display: block;
      margin-top: 1em; }
      @media screen and (min-width: 960px) {
        #corolla .nurie_info h2 + p span {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #corolla .nurie_info h2 + p span {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #corolla .nurie_info h2 + p span {
          font-size: 12px; } }
  #corolla .nurie_info div.flex_box_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info div.flex_box_2 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info div.flex_box_2 {
        margin-bottom: 25px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info div.flex_box_2 {
        margin-bottom: 20px; } }
    #corolla .nurie_info div.flex_box_2 .img_box {
      flex-basis: 22.40484%; }
      @media screen and (max-width: 599px) {
        #corolla .nurie_info div.flex_box_2 .img_box {
          flex-basis: 50%;
          margin: 0 auto;
          order: 2; } }
    #corolla .nurie_info div.flex_box_2 .text_box {
      flex-basis: 75.86505%; }
      @media screen and (max-width: 599px) {
        #corolla .nurie_info div.flex_box_2 .text_box {
          flex-basis: 100%;
          order: 1; } }
  #corolla .nurie_info div.flex_box {
    counter-reset: item;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info div.flex_box {
        padding-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info div.flex_box {
        padding-bottom: 35px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info div.flex_box {
        padding-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info div.flex_box {
        display: block; } }
    #corolla .nurie_info div.flex_box > div {
      flex-basis: 30.44983%; }
      #corolla .nurie_info div.flex_box > div + div {
        position: relative; }
        @media screen and (max-width: 599px) {
          #corolla .nurie_info div.flex_box > div + div {
            margin-top: 15px; } }
        #corolla .nurie_info div.flex_box > div + div:before {
          content: "";
          width: 1em;
          height: 1em;
          position: absolute;
          top: 0.2em;
          left: -1.5em;
          background: url("../img/corolla/n_arrow.svg") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #corolla .nurie_info div.flex_box > div + div:before {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #corolla .nurie_info div.flex_box > div + div:before {
              font-size: 16px; } }
          @media screen and (max-width: 599px) {
            #corolla .nurie_info div.flex_box > div + div:before {
              font-size: 12px; } }
          @media screen and (max-width: 599px) {
            #corolla .nurie_info div.flex_box > div + div:before {
              display: none; } }
      #corolla .nurie_info div.flex_box > div h4 {
        position: relative;
        font-weight: bold;
        padding-left: 1.2em; }
        @media screen and (min-width: 960px) {
          #corolla .nurie_info div.flex_box > div h4 {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          #corolla .nurie_info div.flex_box > div h4 {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          #corolla .nurie_info div.flex_box > div h4 {
            font-size: 16px; } }
        #corolla .nurie_info div.flex_box > div h4:before {
          counter-increment: item;
          content: counter(item);
          display: inline-block;
          position: absolute;
          font-weight: normal;
          width: 1.25em;
          text-align: center;
          color: #ffffff;
          z-index: 10;
          top: 50%;
          left: 0;
          line-height: 1;
          transform: translate(0, -50%); }
          @media screen and (min-width: 960px) {
            #corolla .nurie_info div.flex_box > div h4:before {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla .nurie_info div.flex_box > div h4:before {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla .nurie_info div.flex_box > div h4:before {
              font-size: 12px; } }
        #corolla .nurie_info div.flex_box > div h4:after {
          content: "";
          position: absolute;
          width: 1.25em;
          height: 1.25em;
          border-radius: 0.625em;
          box-sizing: border-box;
          background-color: #00afec;
          z-index: 5;
          top: 50%;
          left: 0;
          transform: translate(0, -50%); }
          @media screen and (min-width: 960px) {
            #corolla .nurie_info div.flex_box > div h4:after {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla .nurie_info div.flex_box > div h4:after {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla .nurie_info div.flex_box > div h4:after {
              font-size: 12px; } }
      #corolla .nurie_info div.flex_box > div p {
        border-top: 1px solid #00afec;
        display: block;
        padding-top: 0.4em; }
        @media screen and (min-width: 960px) {
          #corolla .nurie_info div.flex_box > div p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #corolla .nurie_info div.flex_box > div p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #corolla .nurie_info div.flex_box > div p {
            font-size: 12px; } }
        #corolla .nurie_info div.flex_box > div p strong {
          background: linear-gradient(to bottom, transparent 61%, #ffff00 61%, #ffff00);
          font-weight: bold; }
          @media screen and (min-width: 960px) {
            #corolla .nurie_info div.flex_box > div p strong {
              font-size: 18px; } }
          @media screen and (max-width: 959px) {
            #corolla .nurie_info div.flex_box > div p strong {
              font-size: 16px; } }
          @media screen and (max-width: 599px) {
            #corolla .nurie_info div.flex_box > div p strong {
              font-size: 14px; } }
  #corolla .nurie_info div.flex_box_4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #corolla .nurie_info div.flex_box_4 > div {
      flex-basis: 22.40484%; }
      @media screen and (min-width: 960px) {
        #corolla .nurie_info div.flex_box_4 > div {
          margin-top: 30px; } }
      @media screen and (max-width: 959px) {
        #corolla .nurie_info div.flex_box_4 > div {
          margin-top: 25px; } }
      @media screen and (max-width: 599px) {
        #corolla .nurie_info div.flex_box_4 > div {
          margin-top: 20px; } }
      @media screen and (max-width: 599px) {
        #corolla .nurie_info div.flex_box_4 > div {
          flex-basis: 48%; } }
  #corolla .nurie_info div.btn_box .btn {
    background: #8264dc;
    background: linear-gradient(60deg, #8264dc 0%, #ff6188 50%, #ff8800 100%);
    position: relative; }
    #corolla .nurie_info div.btn_box .btn:after {
      content: "";
      height: 1em;
      width: 1em;
      position: absolute;
      right: 0.7em;
      top: calc(50% - 0.5em);
      background: url("../img/corolla/n_icon2.svg") no-repeat center center;
      background-size: cover; }
      @media screen and (min-width: 960px) {
        #corolla .nurie_info div.btn_box .btn:after {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        #corolla .nurie_info div.btn_box .btn:after {
          font-size: 25px; } }
      @media screen and (max-width: 599px) {
        #corolla .nurie_info div.btn_box .btn:after {
          font-size: 20px; } }
  #corolla .nurie_info ul {
    padding-left: 1em;
    border-top: 1px solid #3e3a39; }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info ul {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info ul {
        font-size: 11px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info ul {
        font-size: 10px; } }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info ul {
        margin-top: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info ul {
        margin-top: 15px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info ul {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info ul {
        padding-top: 20px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info ul {
        padding-top: 15px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info ul {
        padding-top: 10px; } }
    @media screen and (min-width: 960px) {
      #corolla .nurie_info ul {
        padding-bottom: 40px; } }
    @media screen and (max-width: 959px) {
      #corolla .nurie_info ul {
        padding-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      #corolla .nurie_info ul {
        padding-bottom: 20px; } }
    #corolla .nurie_info ul li {
      position: relative; }
      #corolla .nurie_info ul li + li {
        margin-top: 2px; }
      #corolla .nurie_info ul li:before {
        position: absolute;
        top: 0;
        left: -1em;
        content: "※"; }

#corolla .form_box {
  background-color: #e9f6fc;
  background-image: radial-gradient(#f6fcfe 20%, transparent 20%), radial-gradient(#f6fcfe 20%, transparent 20%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px; }
  @media screen and (min-width: 960px) {
    #corolla .form_box {
      padding-top: 80px; } }
  @media screen and (max-width: 959px) {
    #corolla .form_box {
      padding-top: 65px; } }
  @media screen and (max-width: 599px) {
    #corolla .form_box {
      padding-top: 50px; } }
  @media screen and (min-width: 960px) {
    #corolla .form_box {
      padding-bottom: 80px; } }
  @media screen and (max-width: 959px) {
    #corolla .form_box {
      padding-bottom: 65px; } }
  @media screen and (max-width: 599px) {
    #corolla .form_box {
      padding-bottom: 50px; } }
  #corolla .form_box .wpcf7-response-output {
    background: #ffffff;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #corolla .form_box .wpcf7-response-output {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .wpcf7-response-output {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .wpcf7-response-output {
        font-size: 12px; } }
  #corolla .form_box .submit {
    text-align: center; }
    @media screen and (min-width: 960px) {
      #corolla .form_box .submit {
        margin-top: 48px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .submit {
        margin-top: 38px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .submit {
        margin-top: 28px; } }
    #corolla .form_box .submit .wpcf7-submit {
      display: inline-block;
      max-width: 558px;
      width: 80%;
      line-height: 1;
      background: #00afec;
      color: #ffffff;
      border-radius: 3em;
      padding-top: 1em;
      padding-bottom: 1em;
      border: 2px solid #000000;
      border-bottom-width: 6px;
      cursor: pointer; }
      @media screen and (min-width: 960px) {
        #corolla .form_box .submit .wpcf7-submit {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #corolla .form_box .submit .wpcf7-submit {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #corolla .form_box .submit .wpcf7-submit {
          font-size: 12px; } }
      #corolla .form_box .submit .wpcf7-submit:hover {
        opacity: 0.8; }
      #corolla .form_box .submit .wpcf7-submit:disabled {
        background: #cccccc; }
  #corolla .form_box .box {
    background: white;
    box-sizing: border-box;
    border-radius: 2em;
    position: relative; }
    @media screen and (min-width: 960px) {
      #corolla .form_box .box {
        padding-top: 58px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .box {
        padding-top: 48px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .box {
        padding-top: 38px; } }
    @media screen and (min-width: 960px) {
      #corolla .form_box .box {
        padding-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .box {
        padding-bottom: 60px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .box {
        padding-bottom: 40px; } }
    @media screen and (min-width: 960px) {
      #corolla .form_box .box {
        padding-left: 100px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .box {
        padding-left: 70px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .box {
        padding-left: 40px; } }
    @media screen and (min-width: 960px) {
      #corolla .form_box .box {
        padding-right: 100px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .box {
        padding-right: 70px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .box {
        padding-right: 40px; } }
    #corolla .form_box .box:before {
      content: "";
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      position: absolute;
      top: -0.5em;
      right: calc(50% - 0.5em);
      background: #00afec; }
      @media screen and (min-width: 960px) {
        #corolla .form_box .box:before {
          font-size: 30px; } }
      @media screen and (max-width: 959px) {
        #corolla .form_box .box:before {
          font-size: 26px; } }
      @media screen and (max-width: 599px) {
        #corolla .form_box .box:before {
          font-size: 22px; } }
    #corolla .form_box .box h2 {
      font-weight: bold;
      text-align: center; }
      @media screen and (min-width: 960px) {
        #corolla .form_box .box h2 {
          font-size: 32px; } }
      @media screen and (max-width: 959px) {
        #corolla .form_box .box h2 {
          font-size: 28px; } }
      @media screen and (max-width: 599px) {
        #corolla .form_box .box h2 {
          font-size: 24px; } }
      @media screen and (min-width: 960px) {
        #corolla .form_box .box h2 {
          margin-bottom: 40px; } }
      @media screen and (max-width: 959px) {
        #corolla .form_box .box h2 {
          margin-bottom: 30px; } }
      @media screen and (max-width: 599px) {
        #corolla .form_box .box h2 {
          margin-bottom: 20px; } }
      #corolla .form_box .box h2 + p {
        margin-bottom: 2em; }
        @media screen and (min-width: 960px) {
          #corolla .form_box .box h2 + p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #corolla .form_box .box h2 + p {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #corolla .form_box .box h2 + p {
            font-size: 12px; } }
        #corolla .form_box .box h2 + p span {
          color: red; }
    #corolla .form_box .box dl {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      @media screen and (min-width: 960px) {
        #corolla .form_box .box dl {
          padding-bottom: 30px; } }
      @media screen and (max-width: 959px) {
        #corolla .form_box .box dl {
          padding-bottom: 25px; } }
      @media screen and (max-width: 599px) {
        #corolla .form_box .box dl {
          padding-bottom: 20px; } }
      @media screen and (max-width: 599px) {
        #corolla .form_box .box dl {
          display: block; } }
      #corolla .form_box .box dl dt {
        flex-basis: 21.17647%;
        box-sizing: border-box;
        border-left: 0.5em solid #00afec;
        padding: 0.2em 0 0.2em 2em; }
        @media screen and (min-width: 960px) {
          #corolla .form_box .box dl dt {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #corolla .form_box .box dl dt {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #corolla .form_box .box dl dt {
            font-size: 12px; } }
        @media screen and (max-width: 599px) {
          #corolla .form_box .box dl dt {
            margin-bottom: 15px; } }
        #corolla .form_box .box dl dt span {
          color: red; }
      #corolla .form_box .box dl dd {
        flex-basis: 78.82353%;
        box-sizing: border-box; }
        #corolla .form_box .box dl dd .wpcf7-text {
          box-sizing: border-box;
          width: 95%;
          padding: 0.8em; }
          @media screen and (min-width: 960px) {
            #corolla .form_box .box dl dd .wpcf7-text {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla .form_box .box dl dd .wpcf7-text {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla .form_box .box dl dd .wpcf7-text {
              font-size: 12px; } }
        #corolla .form_box .box dl dd .wpcf7-tel {
          width: 55%; }
          @media screen and (max-width: 599px) {
            #corolla .form_box .box dl dd .wpcf7-tel {
              width: 95%; } }
        #corolla .form_box .box dl dd .wpcf7-date {
          box-sizing: border-box;
          width: 55%;
          padding: 0.8em; }
          @media screen and (min-width: 960px) {
            #corolla .form_box .box dl dd .wpcf7-date {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla .form_box .box dl dd .wpcf7-date {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla .form_box .box dl dd .wpcf7-date {
              font-size: 12px; } }
        #corolla .form_box .box dl dd .wpcf7-select {
          box-sizing: border-box;
          width: 95%;
          padding: 0.8em; }
          @media screen and (min-width: 960px) {
            #corolla .form_box .box dl dd .wpcf7-select {
              font-size: 16px; } }
          @media screen and (max-width: 959px) {
            #corolla .form_box .box dl dd .wpcf7-select {
              font-size: 14px; } }
          @media screen and (max-width: 599px) {
            #corolla .form_box .box dl dd .wpcf7-select {
              font-size: 12px; } }
      #corolla .form_box .box dl + dl {
        border-top: 1px dashed #cccccc; }
        @media screen and (min-width: 960px) {
          #corolla .form_box .box dl + dl {
            padding-top: 30px; } }
        @media screen and (max-width: 959px) {
          #corolla .form_box .box dl + dl {
            padding-top: 25px; } }
        @media screen and (max-width: 599px) {
          #corolla .form_box .box dl + dl {
            padding-top: 20px; } }
  #corolla .form_box .div_note {
    background: #ffffff;
    max-width: 610px;
    width: 90%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media screen and (min-width: 960px) {
      #corolla .form_box .div_note {
        padding: 25px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .div_note {
        padding: 20px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .div_note {
        padding: 15px; } }
    @media screen and (min-width: 960px) {
      #corolla .form_box .div_note {
        margin-top: 50px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .div_note {
        margin-top: 35px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .div_note {
        margin-top: 20px; } }
    @media screen and (min-width: 960px) {
      #corolla .form_box .div_note {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #corolla .form_box .div_note {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #corolla .form_box .div_note {
        font-size: 12px; } }
    #corolla .form_box .div_note a {
      color: #4e5eea;
      text-decoration: underline; }
    #corolla .form_box .div_note .your-consent {
      display: block;
      margin-top: 1em; }
      @media screen and (min-width: 960px) {
        #corolla .form_box .div_note .your-consent {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #corolla .form_box .div_note .your-consent {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #corolla .form_box .div_note .your-consent {
          font-size: 12px; } }

.net119 {
  width: 100%; }
  .net119 img {
    width: 100%;
    height: auto; }
  .net119 .kyuukyuu-title {
    width: 100%; }
  .net119 .pr-title {
    margin-top: 2em;
    margin-bottom: 1em;
    clear: both; }
  .net119 .img1 {
    width: 460px;
    float: right;
    margin-left: 60px; }
    @media screen and (max-width: 599px) {
      .net119 .img1 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        float: none; } }
  .net119 .img2 {
    width: 300px;
    float: right;
    margin-left: 70px;
    margin-bottom: 4em; }
    @media screen and (max-width: 599px) {
      .net119 .img2 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        float: none; } }
  .net119 .img3 {
    margin-top: 4em; }
  .net119 .img4 {
    margin-top: 3em; }
  .net119 .img5 {
    margin-top: 3em;
    margin-bottom: 2em; }
  .net119 .img6 {
    margin-top: 2em;
    margin-bottom: 2em; }
  .net119 p + .pr-sub-title {
    margin-top: 4em; }
  .net119 .pr-sub-title {
    clear: both; }
  .net119 .wall2_a span {
    border: 1px solid #3cb3dd;
    color: #3cb3dd;
    font-size: 1.5em;
    border-radius: 10px;
    padding: 0.3em;
    margin: 0.8em 0;
    display: inline-block; }
  .net119 .column2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .net119 .column2 {
        display: block; } }
    .net119 .column2 li {
      width: 48%;
      padding: 1.5em 0; }
      @media screen and (max-width: 599px) {
        .net119 .column2 li {
          width: 100%; } }
  .net119 .attention b {
    display: block;
    padding-bottom: 0.5em; }
    .net119 .attention b img {
      width: 2em;
      height: auto;
      display: inline-block;
      margin-bottom: -0.3em; }
  .net119 .btn {
    margin-top: 1em; }
    .net119 .btn li {
      padding: 0; }
      .net119 .btn li a {
        margin: 0 0 1em 0;
        color: #000000; }
  .net119 .last {
    margin-bottom: 6em; }

/* page-firstaid
----------------------------------------------------------- */
@media screen and (max-width: 599px) {
  .page-id-11975 .pans_box li span {
    display: none; } }

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

.firstaid .title {
  line-height: 1;
  background: #eff9f7;
  color: #64c0ab;
  padding: 1em 1.6em;
  border-radius: 10px;
  font-weight: bold;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    .firstaid .title {
      font-size: 48px; } }
  @media screen and (max-width: 959px) {
    .firstaid .title {
      font-size: 38px; } }
  @media screen and (max-width: 599px) {
    .firstaid .title {
      font-size: 28px; } }
  @media screen and (min-width: 960px) {
    .firstaid .title {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .firstaid .title {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .firstaid .title {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .firstaid .title {
      border-radius: 5px;
      font-size: 18px;
      margin-bottom: 30px; } }
  .firstaid .title:before {
    content: "";
    width: 0.41667em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #64c0ab; }

.firstaid .title2 {
  color: #4c4c4c;
  border-bottom: 2px solid #4c4c4c;
  padding-bottom: 0.75em;
  font-weight: bold;
  margin-bottom: 2em; }
  @media screen and (min-width: 960px) {
    .firstaid .title2 {
      font-size: 32px; } }
  @media screen and (max-width: 959px) {
    .firstaid .title2 {
      font-size: 28px; } }
  @media screen and (max-width: 599px) {
    .firstaid .title2 {
      font-size: 24px; } }

.firstaid .bannerGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em; }
  @media screen and (min-width: 960px) {
    .firstaid .bannerGrid {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    .firstaid .bannerGrid {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .firstaid .bannerGrid {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    .firstaid .bannerGrid {
      gap: 1em;
      grid-template-columns: repeat(1, 1fr); } }

.firstaid .linkNav {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }
  @media screen and (min-width: 960px) {
    .firstaid .linkNav {
      margin-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .firstaid .linkNav {
      margin-bottom: 100px; } }
  @media screen and (max-width: 599px) {
    .firstaid .linkNav {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    .firstaid .linkNav {
      grid-template-columns: repeat(2, 1fr);
      gap: 1em; } }
  .firstaid .linkNav li {
    text-align: center;
    border-left: 1px solid #808080; }
    .firstaid .linkNav li:last-child {
      border-right: 1px solid #808080; }
    @media screen and (max-width: 599px) {
      .firstaid .linkNav li:nth-of-type(2) {
        border-right: 1px solid #808080; } }
    .firstaid .linkNav li a {
      font-weight: bold;
      line-height: 1.6;
      color: #4c4c4c; }
      @media screen and (min-width: 960px) {
        .firstaid .linkNav li a {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        .firstaid .linkNav li a {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        .firstaid .linkNav li a {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        .firstaid .linkNav li a {
          display: block;
          padding: 0 0.5em; } }
      @media screen and (max-width: 599px) {
        .firstaid .linkNav li a br {
          display: none; } }
      .firstaid .linkNav li a:after {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        content: "\f078";
        display: block;
        width: 1em;
        margin: 1em auto 0; }

.firstaid .grid_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3em; }
  @media screen and (min-width: 960px) {
    .firstaid .grid_box {
      margin-bottom: 64px; } }
  @media screen and (max-width: 959px) {
    .firstaid .grid_box {
      margin-bottom: 54px; } }
  @media screen and (max-width: 599px) {
    .firstaid .grid_box {
      margin-bottom: 44px; } }
  @media screen and (max-width: 599px) {
    .firstaid .grid_box {
      gap: 1em;
      grid-template-columns: repeat(1, 1fr); } }
  @media screen and (max-width: 599px) {
    .firstaid .grid_box + .grid_box {
      margin-top: 60px; } }

@media screen and (max-width: 599px) {
  .firstaid .text_box + .text_box {
    margin-top: 60px; } }

.firstaid .text_box h2 {
  font-weight: bold;
  color: #ffffff;
  background: #64c0ab;
  padding: 0.5em 0.75em;
  border-radius: 10px; }
  @media screen and (min-width: 960px) {
    .firstaid .text_box h2 {
      font-size: 24px; } }
  @media screen and (max-width: 959px) {
    .firstaid .text_box h2 {
      font-size: 20px; } }
  @media screen and (max-width: 599px) {
    .firstaid .text_box h2 {
      font-size: 16px; } }
  @media screen and (min-width: 960px) {
    .firstaid .text_box h2 {
      margin-bottom: 32px; } }
  @media screen and (max-width: 959px) {
    .firstaid .text_box h2 {
      margin-bottom: 27px; } }
  @media screen and (max-width: 599px) {
    .firstaid .text_box h2 {
      margin-bottom: 22px; } }
  @media screen and (max-width: 599px) {
    .firstaid .text_box h2 {
      border-radius: 5px; } }

.firstaid .text_box p {
  line-height: 1.8; }
  @media screen and (min-width: 960px) {
    .firstaid .text_box p {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .firstaid .text_box p {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .firstaid .text_box p {
      font-size: 14px; } }
  .firstaid .text_box p strong {
    display: block;
    color: #64c0ab;
    line-height: 2; }

.firstaid .text_box .area {
  margin: 0.8em 0; }
  .firstaid .text_box .area li {
    display: inline-block;
    color: #64c0ab;
    border: 1px solid #64c0ab;
    padding: 0.3em 0.6em;
    margin-right: 0.5em; }
    @media screen and (max-width: 599px) {
      .firstaid .text_box .area li {
        margin-top: 5px; } }

.firstaid .text_box .note {
  display: block;
  margin-top: 1em;
  background: #eff9f7;
  padding: 1em; }
  .firstaid .text_box .note span {
    display: block;
    color: #64c0ab; }

.firstaid .text_box dl {
  display: flex;
  align-items: center;
  margin-top: 1em; }
  @media screen and (min-width: 960px) {
    .firstaid .text_box dl {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    .firstaid .text_box dl {
      font-size: 15px; } }
  @media screen and (max-width: 599px) {
    .firstaid .text_box dl {
      font-size: 14px; } }
  .firstaid .text_box dl dt {
    color: #64c0ab;
    border: 1px solid #64c0ab;
    padding: 0.3em 0.6em;
    margin-right: 0.5em; }
  .firstaid .text_box dl dd {
    color: #64c0ab;
    font-weight: bold;
    margin-left: 1em; }
    @media screen and (min-width: 600px) {
      .firstaid .text_box dl dd br {
        display: none; } }

@media screen and (min-width: 960px) {
  .firstaid .text_box .btn_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  .firstaid .text_box .btn_box {
    margin-top: 27px; } }

@media screen and (max-width: 599px) {
  .firstaid .text_box .btn_box {
    margin-top: 22px; } }

.firstaid .text_box .btn_box a {
  display: block;
  box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 0 2em;
  line-height: 3em;
  position: relative;
  font-weight: 400;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .firstaid .text_box .btn_box a {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    .firstaid .text_box .btn_box a {
      font-size: 17px; } }
  @media screen and (max-width: 599px) {
    .firstaid .text_box .btn_box a {
      font-size: 14px; } }
  .firstaid .text_box .btn_box a:after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f105';
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 2em; }
  .firstaid .text_box .btn_box a[target='_blank']::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f35d';
    font-weight: 900; }

.firstaid .lang_other {
  background: #eff9f7;
  padding: 2em;
  border-radius: 10px; }
  .firstaid .lang_other > p {
    text-align: right;
    margin-top: 1em; }
    .firstaid .lang_other > p a {
      text-decoration: underline; }
  @media screen and (min-width: 960px) {
    .firstaid .lang_other {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    .firstaid .lang_other {
      margin-top: 27px; } }
  @media screen and (max-width: 599px) {
    .firstaid .lang_other {
      margin-top: 22px; } }
  @media screen and (max-width: 599px) {
    .firstaid .lang_other {
      border-radius: 5px;
      padding: 1em; } }
  .firstaid .lang_other .other_grid {
    display: grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em; }
    @media screen and (max-width: 599px) {
      .firstaid .lang_other .other_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 1em; } }
    .firstaid .lang_other .other_grid > div {
      background: #ffffff;
      padding: 2em;
      border-radius: 10px; }
      @media screen and (max-width: 599px) {
        .firstaid .lang_other .other_grid > div {
          border-radius: 5px;
          padding: 1em; } }
      .firstaid .lang_other .other_grid > div p {
        color: #64c0ab;
        font-weight: bold;
        margin-bottom: 1em; }
        @media screen and (min-width: 960px) {
          .firstaid .lang_other .other_grid > div p {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          .firstaid .lang_other .other_grid > div p {
            font-size: 15px; } }
        @media screen and (max-width: 599px) {
          .firstaid .lang_other .other_grid > div p {
            font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .firstaid .lang_other .other_grid > div ul {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        .firstaid .lang_other .other_grid > div ul {
          font-size: 15px; } }
      @media screen and (max-width: 599px) {
        .firstaid .lang_other .other_grid > div ul {
          font-size: 14px; } }
      .firstaid .lang_other .other_grid > div ul li {
        line-height: 2.2;
        padding-left: 1.5em;
        position: relative; }
        @media screen and (max-width: 599px) {
          .firstaid .lang_other .other_grid > div ul li {
            line-height: 2; } }
        .firstaid .lang_other .other_grid > div ul li:before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
        .firstaid .lang_other .other_grid > div ul li + li {
          margin-top: 0.8em; }
  .firstaid .lang_other + .btn_box a {
    max-width: 444px;
    margin-left: auto;
    margin-right: auto; }

.firstaid .grid_link {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2em; }
  @media screen and (min-width: 960px) {
    .firstaid .grid_link {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    .firstaid .grid_link {
      padding-bottom: 95px; } }
  @media screen and (max-width: 599px) {
    .firstaid .grid_link {
      padding-bottom: 70px; } }
  @media screen and (max-width: 599px) {
    .firstaid .grid_link {
      grid-template-columns: repeat(1, 1fr);
      gap: 1em; } }
  .firstaid .grid_link .btn_box a {
    display: block;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 0 2em;
    line-height: 3em;
    position: relative;
    font-weight: 400;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .firstaid .grid_link .btn_box a {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      .firstaid .grid_link .btn_box a {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      .firstaid .grid_link .btn_box a {
        font-size: 14px; } }
    .firstaid .grid_link .btn_box a:after {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      position: absolute;
      top: 0;
      right: 2em; }
    .firstaid .grid_link .btn_box a[target='_blank']::after {
      font-family: 'Font Awesome 6 Pro';
      content: '\f35d';
      font-weight: 900; }

.firstaid p {
  color: #4c4c4c; }

@media screen and (min-width: 960px) {
  .firstaid #cha04 {
    margin-top: 120px; } }

@media screen and (max-width: 959px) {
  .firstaid #cha04 {
    margin-top: 95px; } }

@media screen and (max-width: 599px) {
  .firstaid #cha04 {
    margin-top: 70px; } }

/* page-kyuukan-mental
----------------------------------------------------------- */
.kkm-hr {
  border: 1px #5ac8a0 solid;
  margin: 0 0 10px 0; }

.kkm-area-hr {
  border: 1px #848484 solid;
  margin: 0 0 10px 0; }

.kkm-area {
  width: 100%;
  margin: 2em 0 4em 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.kkm-area > li {
  width: 32%;
  text-align: center; }

.kkm-area > li a {
  font-size: calc(70% + 1vw);
  line-height: 1.2em;
  color: #000000;
  padding: calc(0.3em + 1vw);
  border-radius: 0.6em;
  box-shadow: 3px 3px 6px #c8c8c8;
  background-image: linear-gradient(#ffffff, #d9d9d9);
  display: block; }

.kkm-mb {
  margin-bottom: 6em; }

@media screen and (min-width: 960px) {
  .kkm-area {
    text-align: left; } }

.fa_table_wrap {
  width: 100%;
  margin-bottom: 5em; }

.fa_table {
  width: 100%; }

.fa_table th, .fa_table td {
  text-align: center;
  vertical-align: middle;
  padding: 0.4em;
  border: 1px solid #999999; }

.fa_table th {
  background-color: #e3fbe9; }

@media screen and (max-width: 799px) {
  .fa_table_wrap {
    width: 100%;
    overflow-x: auto; }
  .fa_table {
    width: 720px; } }

.fa_col {
  background-color: #c6fbc5 !important; }

.kkm-area-title {
  background-color: #daf0de;
  margin-bottom: 10px;
  padding: 5px 10px; }

.kkm-area-title-main {
  font-size: 1.6em;
  font-weight: bold; }

.kkm-area-title-sub {
  font-size: 0.9em; }

.kkm-hos table {
  width: 100%;
  margin: 10px 0px; }

.kkm-hos td {
  vertical-align: middle; }

.kkm-hos-area {
  display: none; }

.kkm-hos-name {
  display: block;
  text-align: center; }

.kkm-hos-name a > b {
  font-size: 1.6em;
  font-weight: bold;
  display: block; }

.kkm-hos-name a > b > span {
  display: block; }

.kkm-hos-sep {
  display: none; }

.kkm-hos-kamoku {
  display: block;
  text-align: center; }

.kkm-hos-call {
  display: block;
  text-align: center; }

@media screen and (min-width: 960px) {
  /*タブレット CSS*/
  .kkm-hos-area {
    display: table-cell;
    background-color: #15bd00;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0px 20px;
    text-align: center;
    width: 120px; }
  .kkm-hos-name {
    display: table-cell;
    padding: 0px 20px;
    text-align: left; }
  .kkm-hos-name a > b > span {
    display: inline; }
  .kkm-hos-sep {
    display: table-cell; }
  .kkm-hos-kamoku {
    display: table-cell;
    padding: 0px 20px;
    text-align: left; }
  .kkm-hos-call {
    display: table-cell;
    text-align: right;
    padding: 0px 20px; } }

/* page-kyuukyuu-mental
----------------------------------------------------------- */
.kyuukyuu-mental {
  margin-bottom: 5em; }

.kyuukyuu-mental > img {
  width: 100%;
  height: auto;
  margin-bottom: 2em;
  display: block; }

.kyuukyuu-mental > p {
  text-indent: 1em; }

.kyuukyuu-mental-link a {
  width: 100%;
  padding: 1em;
  margin: 2em 0;
  border: 2px solid #0064ff;
  border-radius: 2em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center; }

.kyuukyuu-mental-link a > b {
  font-size: calc(120% + 2vw);
  line-height: 1.2em;
  color: #0064ff;
  padding-left: 0.2em; }

.mb_txt2 {
  margin-bottom: 2em; }

.overseas {
  padding: 1.5em 2.5em;
  margin-top: 1.5em;
  box-sizing: border-box;
  border-radius: 2em;
  background-color: #fffcda; }

.overseas > li {
  margin-bottom: 1em; }

.overseas > li:last-child {
  text-align: right;
  margin-bottom: 0; }

.kyuukyuu-soudan-center p + p {
  margin-top: 1.5em; }

.kyuukyuu-soudan-center .kyuukyuu-title {
  margin-bottom: 30px; }
  .kyuukyuu-soudan-center .kyuukyuu-title img {
    max-width: 100%; }

.kyuukyuu-soudan-center .kyuukyuu-tel {
  font-size: 20px; }
  .kyuukyuu-soudan-center .kyuukyuu-tel a {
    display: inline-block;
    line-height: 1;
    margin-left: 0.1em;
    padding: 0.25em 0.25em;
    border: 1px solid #ff8100;
    border-radius: 5px;
    color: #ff8100; }
    .kyuukyuu-soudan-center .kyuukyuu-tel a:nth-child(1) {
      font-size: 35px;
      vertical-align: middle; }
  .kyuukyuu-soudan-center .kyuukyuu-tel + ul {
    margin-top: 0.5em; }
    .kyuukyuu-soudan-center .kyuukyuu-tel + ul li::before {
      content: "※"; }

.kyuukyuu-soudan-center .kyuukyuu-block {
  margin-top: 30px;
  padding: 30px;
  background: #f4f4f4; }
  .kyuukyuu-soudan-center .kyuukyuu-block dt {
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #000;
    font-weight: bold; }
  .kyuukyuu-soudan-center .kyuukyuu-block ul li::before {
    content: "●"; }

.regist-banner {
  margin-top: 20px; }
  .regist-banner img {
    width: 100%; }

.register-btn {
  width: 300px;
  margin: 40px auto;
  text-align: center; }
  .register-btn a {
    display: block;
    width: 100%;
    padding: 0.9em 0;
    border-radius: 10px;
    background: #ffdb31;
    font-size: 18px;
    text-align: center; }
    .register-btn a::after {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-top: 4px;
      margin-left: 0.5em;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      transform: rotate(135deg);
      vertical-align: text-top; }
  @media screen and (max-width: 599px) {
    .register-btn {
      width: 100%; }
      .register-btn a {
        font-size: 14px; }
        .register-btn a::after {
          margin-top: 2px;
          border-width: 1px; } }

.register-description h2 img {
  width: 100%; }

.register-description > p {
  line-height: 1.8;
  margin: 40px 0;
  font-size: 16px;
  text-align: center; }

.register-description > ul {
  display: flex;
  justify-content: space-between;
  border-right: 2px dotted #cccccc; }
  .register-description > ul li {
    width: 33.3%;
    padding: 30px;
    border-left: 2px dotted #cccccc;
    box-sizing: border-box; }
    .register-description > ul li h3 {
      margin-bottom: 1em;
      font-size: 18px;
      font-weight: bold;
      text-align: center; }
    .register-description > ul li p {
      line-height: 1.8; }

@media screen and (max-width: 599px) {
  .register-description > p {
    margin: 20px 0;
    font-size: 14px; }
    .register-description > p br {
      display: none; }
  .register-description > ul {
    display: block;
    border-right: none;
    border-bottom: 2px dotted #cccccc; }
    .register-description > ul li {
      width: 100%;
      padding: 30px 0;
      border-left: none;
      border-top: 2px dotted #cccccc; }
      .register-description > ul li h3 {
        margin-bottom: 0.5em;
        font-size: 16px; } }

.register-image img {
  width: 100%; }

.register-form {
  margin-bottom: 40px;
  padding: 40px;
  border: 2px solid #ebebeb;
  border-radius: 10px;
  box-sizing: border-box; }
  .register-form h3 {
    margin-bottom: 1em;
    padding: 0.4em 1em;
    background: #59c79f;
    color: #fff;
    font-size: 20px;
    font-weight: bold; }
  .register-form h4 {
    margin-bottom: 1em; }
    .register-form h4::before {
      content: "●";
      margin-right: 0.5em;
      color: #59c79f; }
    .register-form h4 ~ h4 {
      margin-top: 40px; }
  .register-form table {
    width: 100%; }
    .register-form table th, .register-form table td {
      padding: 20px 0;
      border-top: 1px solid #595757;
      border-bottom: 1px solid #595757;
      text-align: left;
      vertical-align: middle; }
    .register-form table th {
      width: 30.68182%; }
    .register-form table td {
      width: 67.04545%;
      padding-left: 20px; }
      .register-form table td input, .register-form table td textarea {
        width: 100%;
        padding: 0.5em;
        border: 1px solid #cccccc;
        box-sizing: border-box; }
        .register-form table td input::placeholder, .register-form table td textarea::placeholder {
          color: #ccc; }
      .register-form table td textarea {
        height: 8em; }
      .register-form table td .wpcf7-list-item input {
        width: auto;
        vertical-align: middle; }
      .register-form table td .wpcf7-not-valid-tip {
        margin-top: 0.5em; }
  .register-form .required {
    display: inline-block;
    margin-left: 0.5em;
    padding: 2px 4px;
    background: #f9638b;
    color: #fff;
    font-size: 10px; }
  .register-form-btn {
    width: 300px;
    margin: 40px auto 0;
    text-align: center; }
    .register-form-btn input.wpcf7-submit {
      display: block;
      width: 100%;
      padding: 0.9em 0;
      border: none;
      border-radius: 10px;
      background: #59c79f;
      color: #fff;
      font-size: 18px;
      text-align: center; }
  .register-form textarea {
    width: 100%;
    margin-bottom: 2em; }
    @media screen and (min-width: 960px) {
      .register-form textarea {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .register-form textarea {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .register-form textarea {
        font-size: 12px; } }
  @media screen and (max-width: 599px) {
    .register-form {
      padding: 20px; }
      .register-form h3 {
        font-size: 16px; }
      .register-form-btn {
        width: 100%; }
        .register-form-btn input {
          font-size: 14px; } }

@media screen and (max-width: 599px) {
  .page-id-32822 #main,
  .page-id-31130 #main {
    padding-top: 70px !important; } }

@media screen and (min-width: 960px) {
  .page-id-32822 #side_contact,
  .page-id-31130 #side_contact {
    display: none; } }

#lp240520 {
  color: #4c4c4c; }
  #lp240520 img {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 960px) {
    #lp240520 .banner_box {
      margin-top: 70px; } }
  @media screen and (max-width: 959px) {
    #lp240520 .banner_box {
      margin-top: 60px; } }
  @media screen and (max-width: 599px) {
    #lp240520 .banner_box {
      margin-top: 50px; } }
  #lp240520 .banner_box .inner {
    max-width: 1156px;
    margin-left: auto;
    margin-right: auto;
    width: 90%; }
    @media screen and (max-width: 599px) {
      #lp240520 .banner_box .inner {
        padding-bottom: 20px; }
        #lp240520 .banner_box .inner .pc_only {
          display: none; } }
  #lp240520 .list_box {
    background: #d9f3fc;
    border-radius: 20px;
    box-sizing: border-box;
    max-width: 1156px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 90%; }
    @media screen and (min-width: 960px) {
      #lp240520 .list_box {
        padding: 25px; } }
    @media screen and (max-width: 959px) {
      #lp240520 .list_box {
        padding: 21px; } }
    @media screen and (max-width: 599px) {
      #lp240520 .list_box {
        padding: 17px; } }
    @media screen and (min-width: 960px) {
      #lp240520 .list_box {
        padding-bottom: 65px; } }
    @media screen and (max-width: 959px) {
      #lp240520 .list_box {
        padding-bottom: 47px; } }
    @media screen and (max-width: 599px) {
      #lp240520 .list_box {
        padding-bottom: 29px; } }
    #lp240520 .list_box h3 {
      text-align: center;
      font-weight: bold;
      line-height: 1.5;
      color: #00afec; }
      @media screen and (min-width: 960px) {
        #lp240520 .list_box h3 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .list_box h3 {
          font-size: 20px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .list_box h3 {
          font-size: 16px; } }
      @media screen and (min-width: 960px) {
        #lp240520 .list_box h3 {
          margin-bottom: 25px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .list_box h3 {
          margin-bottom: 17px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .list_box h3 {
          margin-bottom: 9px; } }
    #lp240520 .list_box ul li {
      background: #ffffff;
      border-radius: 10px;
      font-weight: bold;
      position: relative; }
      @media screen and (min-width: 960px) {
        #lp240520 .list_box ul li {
          padding: 25px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .list_box ul li {
          padding: 17px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .list_box ul li {
          padding: 9px; } }
      @media screen and (min-width: 960px) {
        #lp240520 .list_box ul li {
          padding-left: 80px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .list_box ul li {
          padding-left: 65px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .list_box ul li {
          padding-left: 50px; } }
      @media screen and (min-width: 960px) {
        #lp240520 .list_box ul li {
          font-size: 20px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .list_box ul li {
          font-size: 18px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .list_box ul li {
          font-size: 16px; } }
      #lp240520 .list_box ul li span {
        color: #00afec;
        font-weight: bold; }
      #lp240520 .list_box ul li:before {
        content: "";
        width: 1em;
        height: 1em;
        background: url("../img/lp/240520/check1.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        left: 0.83333em;
        top: 0.83333em; }
        @media screen and (min-width: 960px) {
          #lp240520 .list_box ul li:before {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          #lp240520 .list_box ul li:before {
            font-size: 25px; } }
        @media screen and (max-width: 599px) {
          #lp240520 .list_box ul li:before {
            font-size: 20px; } }
        @media screen and (max-width: 599px) {
          #lp240520 .list_box ul li:before {
            top: 12px; } }
      @media screen and (min-width: 960px) {
        #lp240520 .list_box ul li + li {
          margin-top: 20px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .list_box ul li + li {
          margin-top: 17px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .list_box ul li + li {
          margin-top: 14px; } }
  #lp240520 section.title {
    background: url("../img/lp/240520/bg1.jpg") no-repeat center center;
    background-size: cover;
    position: relative; }
    #lp240520 section.title:after {
      content: "";
      width: 100%;
      bottom: 0;
      left: 0;
      position: absolute;
      background: url("../img/lp/240520/title_bg.png") repeat-x center center;
      background-size: 100% 100%;
      height: 90px; }
      @media screen and (max-width: 599px) {
        #lp240520 section.title:after {
          height: 30px; } }
    #lp240520 section.title h2 {
      max-width: 1360px;
      margin: 0 auto;
      position: relative; }
      #lp240520 section.title h2 img {
        display: block;
        height: auto;
        position: absolute;
        max-width: 1360px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1; }
      #lp240520 section.title h2:after {
        content: "";
        padding-top: 51.47059%;
        display: block;
        position: relative; }
  #lp240520 section.box1 {
    position: relative; }
    @media screen and (min-width: 960px) {
      #lp240520 section.box1 {
        margin-top: 100px; } }
    @media screen and (max-width: 959px) {
      #lp240520 section.box1 {
        margin-top: 85px; } }
    @media screen and (max-width: 599px) {
      #lp240520 section.box1 {
        margin-top: 70px; } }
    @media screen and (max-width: 599px) {
      #lp240520 section.box1 {
        margin-top: 20px; } }
    #lp240520 section.box1:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #64c0ab; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box1:after {
          padding-top: 65px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box1:after {
          padding-top: 57px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box1:after {
          padding-top: 49px; } }
    #lp240520 section.box1 h2 {
      text-align: center;
      position: relative;
      max-width: 1156px;
      margin-left: auto;
      margin-right: auto;
      width: 90%; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box1 h2 {
          padding-bottom: 50px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box1 h2 {
          padding-bottom: 34px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box1 h2 {
          padding-bottom: 18px; } }
      #lp240520 section.box1 h2 i {
        display: block;
        font-style: normal; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box1 h2 i {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box1 h2 i {
            font-size: 20px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box1 h2 i {
            font-size: 16px; } }
      #lp240520 section.box1 h2 span {
        font-weight: bold;
        background: linear-gradient(to bottom, transparent 61%, #ffdc00 61%, #ffdc00); }
        @media screen and (min-width: 960px) {
          #lp240520 section.box1 h2 span {
            font-size: 40px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box1 h2 span {
            font-size: 34px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box1 h2 span {
            font-size: 28px; } }
      #lp240520 section.box1 h2:before {
        content: "";
        display: block;
        width: 10.5625em;
        height: 13em;
        background: url("../img/lp/240520/icon1.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        bottom: -3.5em;
        left: 0;
        z-index: 3; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box1 h2:before {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box1 h2:before {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box1 h2:before {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box1 h2:before {
            font-size: 6px; } }
      #lp240520 section.box1 h2:after {
        content: "";
        display: block;
        width: 13em;
        height: 11.25em;
        background: url("../img/lp/240520/icon2.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        bottom: -1.6875em;
        right: 0;
        z-index: 3; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box1 h2:after {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box1 h2:after {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box1 h2:after {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box1 h2:after {
            font-size: 6px; } }
  #lp240520 section.box2 {
    position: relative;
    background: #64c0ab; }
    #lp240520 section.box2 div.line {
      text-align: center;
      position: relative;
      max-width: 1156px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box2 div.line {
          padding-top: 20px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box2 div.line {
          padding-top: 16px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box2 div.line {
          padding-top: 12px; } }
      #lp240520 section.box2 div.line img {
        width: 100%;
        height: auto; }
      #lp240520 section.box2 div.line:after {
        content: "";
        display: block;
        width: 13.75em;
        height: 15em;
        background: url("../img/lp/240520/icon2a.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        bottom: 2.5em;
        right: 0;
        z-index: 3; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box2 div.line:after {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box2 div.line:after {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box2 div.line:after {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box2 div.line:after {
            font-size: 6px; } }
    #lp240520 section.box2 .bg {
      background: url("../img/lp/240520/bg2.jpg") no-repeat center center;
      background-size: cover; }
      #lp240520 section.box2 .bg:before {
        content: "";
        display: block;
        width: 100%;
        height: 5em;
        background: url("../img/lp/240520/arrow.png") no-repeat top center;
        background-size: 100% 100%; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box2 .bg:before {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box2 .bg:before {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box2 .bg:before {
            font-size: 10px; } }
    #lp240520 section.box2 h2 {
      max-width: 1156px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box2 h2 {
          margin-top: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box2 h2 {
          margin-top: 49px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box2 h2 {
          margin-top: 34px; } }
      @media screen and (min-width: 960px) {
        #lp240520 section.box2 h2 {
          padding-bottom: 164px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box2 h2 {
          padding-bottom: 134px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box2 h2 {
          padding-bottom: 104px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box2 h2 {
          padding-bottom: 40px;
          width: 90%; } }
      #lp240520 section.box2 h2 img {
        display: block; }
  #lp240520 section.inq_box {
    background: #64c0ab; }
    #lp240520 section.inq_box .btn {
      position: relative;
      max-width: 1156px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 8.4375em; }
      @media screen and (min-width: 960px) {
        #lp240520 section.inq_box .btn {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.inq_box .btn {
          font-size: 13px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.inq_box .btn {
          font-size: 10px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.inq_box .btn {
          padding-top: 40px; } }
    #lp240520 section.inq_box a {
      position: absolute;
      bottom: 0;
      left: 0; }
      #lp240520 section.inq_box a:hover {
        opacity: 0.9; }
  #lp240520 section.slider {
    background: #64c0ab;
    overflow: hidden; }
    @media screen and (min-width: 960px) {
      #lp240520 section.slider {
        padding-bottom: 38px; } }
    @media screen and (max-width: 959px) {
      #lp240520 section.slider {
        padding-bottom: 28px; } }
    @media screen and (max-width: 599px) {
      #lp240520 section.slider {
        padding-bottom: 18px; } }

@keyframes gradient {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
    #lp240520 section.slider ul {
      display: flex;
      flex-wrap: wrap;
      width: calc( calc(20em + 10px) * 30);
      animation: gradient 130s linear 1s infinite; }
      @media screen and (min-width: 960px) {
        #lp240520 section.slider ul {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.slider ul {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.slider ul {
          font-size: 8px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.slider ul {
          padding-top: 15px; } }
      #lp240520 section.slider ul li {
        max-width: 20em;
        margin-right: 10px;
        overflow: hidden;
        border-radius: 10px; }
        #lp240520 section.slider ul li img {
          display: block; }
  #lp240520 section.box3 {
    background-color: #fff;
    background-image: radial-gradient(circle, #fcf4e9 30%, transparent 30%), radial-gradient(circle, #fcf4e9 30%, transparent 30%);
    background-position: 0 0, 0px 0px;
    background-size: 20px 20px; }
    #lp240520 section.box3 h2 {
      position: relative;
      max-width: 1156px;
      margin-left: auto;
      margin-right: auto;
      width: 90%;
      z-index: 2; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box3 h2 {
          padding-top: 100px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box3 h2 {
          padding-top: 90px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box3 h2 {
          padding-top: 80px; } }
      @media screen and (min-width: 960px) {
        #lp240520 section.box3 h2 {
          margin-bottom: 52px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box3 h2 {
          margin-bottom: 42px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box3 h2 {
          margin-bottom: 32px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box3 h2 {
          margin-bottom: 60px; } }
      #lp240520 section.box3 h2 img {
        display: block;
        max-width: 700px;
        margin: 0 auto; }
      #lp240520 section.box3 h2:before {
        content: "";
        display: block;
        width: 10.625em;
        height: 17.5em;
        background: url("../img/lp/240520/icon5.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        bottom: -8.125em;
        left: 0;
        z-index: 3; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box3 h2:before {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box3 h2:before {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 h2:before {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 h2:before {
            font-size: 6px;
            bottom: -115px; } }
      #lp240520 section.box3 h2:after {
        content: "";
        display: block;
        width: 11.875em;
        height: 16.4375em;
        background: url("../img/lp/240520/icon6.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        bottom: -7.5em;
        right: 0;
        z-index: 3; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box3 h2:after {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box3 h2:after {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 h2:after {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 h2:after {
            font-size: 6px;
            bottom: -95px; } }
    #lp240520 section.box3 .reason {
      position: relative;
      z-index: 5; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box3 .reason {
          padding-bottom: 70px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box3 .reason {
          padding-bottom: 57px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box3 .reason {
          padding-bottom: 44px; } }
      #lp240520 section.box3 .reason:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fffded;
        z-index: 2; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box3 .reason:after {
            padding-top: 135px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box3 .reason:after {
            padding-top: 114px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 .reason:after {
            padding-top: 93px; } }
      #lp240520 section.box3 .reason ul {
        width: 90%;
        max-width: 1156px;
        margin-right: auto;
        margin-left: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 50px;
        position: relative;
        z-index: 6; }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 .reason ul {
            gap: 20px;
            grid-template-columns: 1fr 1fr; } }
        #lp240520 section.box3 .reason ul li a {
          display: block; }
        @media screen and (min-width: 600px) {
          #lp240520 section.box3 .reason ul li:nth-of-type(3n+1) {
            padding-top: 40px; }
          #lp240520 section.box3 .reason ul li:nth-of-type(3n+2) {
            padding-top: 20px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 .reason ul li:nth-of-type(2n+1) {
            padding-top: 20px; } }
    #lp240520 section.box3 .about {
      background: #fffded; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box3 .about {
          padding-bottom: 70px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box3 .about {
          padding-bottom: 55px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box3 .about {
          padding-bottom: 40px; } }
      #lp240520 section.box3 .about .flex_box {
        width: 90%;
        max-width: 1156px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-top: 3px dotted #808080; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box3 .about .flex_box {
            padding-top: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box3 .about .flex_box {
            padding-top: 51px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 .about .flex_box {
            padding-top: 38px; } }
        #lp240520 section.box3 .about .flex_box .text_box {
          flex-basis: 48.61592%; }
          @media screen and (max-width: 599px) {
            #lp240520 section.box3 .about .flex_box .text_box {
              flex-basis: 100%; } }
          #lp240520 section.box3 .about .flex_box .text_box h3 {
            font-weight: bold;
            color: #4c4c4c;
            margin-bottom: 0.8em; }
            @media screen and (min-width: 960px) {
              #lp240520 section.box3 .about .flex_box .text_box h3 {
                font-size: 20px; } }
            @media screen and (max-width: 959px) {
              #lp240520 section.box3 .about .flex_box .text_box h3 {
                font-size: 18px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section.box3 .about .flex_box .text_box h3 {
                font-size: 16px; } }
          #lp240520 section.box3 .about .flex_box .text_box p {
            color: #4c4c4c;
            line-height: 1.8; }
            @media screen and (min-width: 960px) {
              #lp240520 section.box3 .about .flex_box .text_box p {
                font-size: 18px; } }
            @media screen and (max-width: 959px) {
              #lp240520 section.box3 .about .flex_box .text_box p {
                font-size: 16px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section.box3 .about .flex_box .text_box p {
                font-size: 14px; } }
        #lp240520 section.box3 .about .flex_box .img_box {
          flex-basis: 48.61592%; }
          @media screen and (max-width: 599px) {
            #lp240520 section.box3 .about .flex_box .img_box {
              flex-basis: 100%;
              margin-top: 20px; } }
      #lp240520 section.box3 .about .point_box {
        border-top: 3px dotted #808080;
        max-width: 1156px;
        margin-left: auto;
        margin-right: auto;
        width: 90%; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box3 .about .point_box {
            margin-top: 54px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box3 .about .point_box {
            margin-top: 44px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 .about .point_box {
            margin-top: 34px; } }
        @media screen and (min-width: 960px) {
          #lp240520 section.box3 .about .point_box {
            padding-top: 124px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box3 .about .point_box {
            padding-top: 109px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box3 .about .point_box {
            padding-top: 94px; } }
        #lp240520 section.box3 .about .point_box ul {
          box-sizing: border-box;
          background: #ffffff;
          position: relative;
          z-index: 2; }
          @media screen and (min-width: 960px) {
            #lp240520 section.box3 .about .point_box ul {
              padding: 64px; } }
          @media screen and (max-width: 959px) {
            #lp240520 section.box3 .about .point_box ul {
              padding: 44px; } }
          @media screen and (max-width: 599px) {
            #lp240520 section.box3 .about .point_box ul {
              padding: 24px; } }
          @media screen and (min-width: 960px) {
            #lp240520 section.box3 .about .point_box ul {
              margin-left: 40px; } }
          @media screen and (max-width: 959px) {
            #lp240520 section.box3 .about .point_box ul {
              margin-left: 25px; } }
          @media screen and (max-width: 599px) {
            #lp240520 section.box3 .about .point_box ul {
              margin-left: 10px; } }
          #lp240520 section.box3 .about .point_box ul:before {
            content: "";
            width: 20em;
            height: 6.5em;
            background: url("../img/lp/240520/icon7.png") no-repeat center center;
            background-size: cover;
            position: absolute;
            top: -64px;
            left: -40px; }
            @media screen and (min-width: 960px) {
              #lp240520 section.box3 .about .point_box ul:before {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #lp240520 section.box3 .about .point_box ul:before {
                font-size: 13px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section.box3 .about .point_box ul:before {
                font-size: 10px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section.box3 .about .point_box ul:before {
                top: -50px; } }
          #lp240520 section.box3 .about .point_box ul li {
            font-weight: bold;
            position: relative; }
            @media screen and (min-width: 960px) {
              #lp240520 section.box3 .about .point_box ul li {
                padding-top: 25px; } }
            @media screen and (max-width: 959px) {
              #lp240520 section.box3 .about .point_box ul li {
                padding-top: 20px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section.box3 .about .point_box ul li {
                padding-top: 15px; } }
            @media screen and (min-width: 960px) {
              #lp240520 section.box3 .about .point_box ul li {
                padding-left: 45px; } }
            @media screen and (max-width: 959px) {
              #lp240520 section.box3 .about .point_box ul li {
                padding-left: 39px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section.box3 .about .point_box ul li {
                padding-left: 33px; } }
            @media screen and (min-width: 960px) {
              #lp240520 section.box3 .about .point_box ul li {
                font-size: 20px; } }
            @media screen and (max-width: 959px) {
              #lp240520 section.box3 .about .point_box ul li {
                font-size: 18px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section.box3 .about .point_box ul li {
                font-size: 16px; } }
            #lp240520 section.box3 .about .point_box ul li span {
              color: #f18e1d;
              font-weight: bold; }
            #lp240520 section.box3 .about .point_box ul li:before {
              content: "";
              width: 1em;
              height: 1em;
              background: url("../img/lp/240520/check2.png") no-repeat center center;
              background-size: cover;
              position: absolute;
              left: 0;
              top: 0.83333em; }
              @media screen and (min-width: 960px) {
                #lp240520 section.box3 .about .point_box ul li:before {
                  font-size: 30px; } }
              @media screen and (max-width: 959px) {
                #lp240520 section.box3 .about .point_box ul li:before {
                  font-size: 25px; } }
              @media screen and (max-width: 599px) {
                #lp240520 section.box3 .about .point_box ul li:before {
                  font-size: 20px; } }
              @media screen and (max-width: 599px) {
                #lp240520 section.box3 .about .point_box ul li:before {
                  top: 18px; } }
            #lp240520 section.box3 .about .point_box ul li + li {
              border-top: 3px dotted #cccccc; }
              @media screen and (min-width: 960px) {
                #lp240520 section.box3 .about .point_box ul li + li {
                  margin-top: 25px; } }
              @media screen and (max-width: 959px) {
                #lp240520 section.box3 .about .point_box ul li + li {
                  margin-top: 20px; } }
              @media screen and (max-width: 599px) {
                #lp240520 section.box3 .about .point_box ul li + li {
                  margin-top: 15px; } }
  #lp240520 #link1 {
    background: #fef4f7; }
    #lp240520 #link1 .box, #lp240520 #link1 .box2 {
      width: 90%;
      max-width: 1156px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .box, #lp240520 #link1 .box2 {
          padding-top: 132px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .box, #lp240520 #link1 .box2 {
          padding-top: 112px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box, #lp240520 #link1 .box2 {
          padding-top: 92px; } }
    #lp240520 #link1 .bg {
      background: #ffffff; }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .bg {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .bg {
          padding-bottom: 52px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .bg {
          padding-bottom: 40px; } }
      #lp240520 #link1 .bg .box h2 {
        background: #fef4f7;
        font-weight: bold;
        padding-left: 6.375em;
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        line-height: 1.6;
        position: relative;
        border-radius: 10px;
        margin-bottom: 2em; }
        @media screen and (min-width: 960px) {
          #lp240520 #link1 .bg .box h2 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link1 .bg .box h2 {
            font-size: 27px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .bg .box h2 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .bg .box h2 {
            padding-left: 0.6em; } }
        #lp240520 #link1 .bg .box h2 span {
          color: #ea6088;
          font-weight: bold; }
        #lp240520 #link1 .bg .box h2:before {
          content: "";
          width: 4.375em;
          height: 3.9375em;
          position: absolute;
          top: -2em;
          left: 1em;
          background: url("../img/lp/240520/reco1.png") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #lp240520 #link1 .bg .box h2:before {
              font-size: 32px; } }
          @media screen and (max-width: 959px) {
            #lp240520 #link1 .bg .box h2:before {
              font-size: 27px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link1 .bg .box h2:before {
              font-size: 22px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link1 .bg .box h2:before {
              font-size: 15px;
              top: -3.3em; } }
      #lp240520 #link1 .bg .box .board {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr 1fr 1fr 1fr; }
        @media screen and (min-width: 960px) {
          #lp240520 #link1 .bg .box .board {
            margin-bottom: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link1 .bg .box .board {
            margin-bottom: 52px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .bg .box .board {
            margin-bottom: 40px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .bg .box .board {
            grid-template-columns: 1fr 1fr; } }
      #lp240520 #link1 .bg .box h3 {
        text-align: center;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link1 .bg .box h3 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link1 .bg .box h3 {
            font-size: 21px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .bg .box h3 {
            font-size: 18px; } }
        @media screen and (min-width: 960px) {
          #lp240520 #link1 .bg .box h3 {
            margin-bottom: 54px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link1 .bg .box h3 {
            margin-bottom: 42px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .bg .box h3 {
            margin-bottom: 30px; } }
        #lp240520 #link1 .bg .box h3 span {
          background: linear-gradient(to bottom, transparent 61%, #fbdfe7 61%, #fbdfe7);
          font-weight: bold; }
        #lp240520 #link1 .bg .box h3 i {
          color: #ea6088;
          font-weight: bold; }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .bg .box h3 br {
            display: none; } }
      #lp240520 #link1 .bg .box .img_box {
        max-width: 850px;
        margin-right: auto;
        margin-left: auto; }
    @media screen and (min-width: 960px) {
      #lp240520 #link1 .box2 {
        padding-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link1 .box2 {
        padding-bottom: 52px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link1 .box2 {
        padding-bottom: 40px; } }
    #lp240520 #link1 .box2 .text_box h3 {
      font-weight: bold;
      border-left: 3px solid #ea6088; }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .box2 .text_box h3 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .box2 .text_box h3 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box2 .text_box h3 {
          font-size: 18px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .box2 .text_box h3 {
          padding-left: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .box2 .text_box h3 {
          padding-left: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box2 .text_box h3 {
          padding-left: 12px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .box2 .text_box h3 {
          margin-bottom: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .box2 .text_box h3 {
          margin-bottom: 24px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box2 .text_box h3 {
          margin-bottom: 16px; } }
      #lp240520 #link1 .box2 .text_box h3 span {
        display: block;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link1 .box2 .text_box h3 span {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link1 .box2 .text_box h3 span {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .box2 .text_box h3 span {
            font-size: 14px; } }
    #lp240520 #link1 .box2 .text_box > p {
      line-height: 1.6; }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .box2 .text_box > p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .box2 .text_box > p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box2 .text_box > p {
          font-size: 14px; } }
    #lp240520 #link1 .box2 .panel {
      display: grid;
      gap: 2em;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      margin-top: 2em;
      margin-bottom: 4em; }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .box2 .panel {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .box2 .panel {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box2 .panel {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box2 .panel {
          grid-template-columns: 1fr 1fr;
          gap: 1em; } }
      #lp240520 #link1 .box2 .panel li {
        position: relative; }
        #lp240520 #link1 .box2 .panel li div {
          background: #ffffff;
          border-radius: 10px;
          height: 100%;
          box-sizing: border-box;
          padding-top: 2em; }
          @media screen and (max-width: 599px) {
            #lp240520 #link1 .box2 .panel li div {
              padding-bottom: 1em; } }
          #lp240520 #link1 .box2 .panel li div img {
            display: block;
            max-width: 201px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 0.8em; }
          #lp240520 #link1 .box2 .panel li div p {
            font-weight: bold;
            line-height: 1.5;
            text-align: center; }
            @media screen and (min-width: 960px) {
              #lp240520 #link1 .box2 .panel li div p {
                font-size: 20px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link1 .box2 .panel li div p {
                font-size: 17px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link1 .box2 .panel li div p {
                font-size: 14px; } }
            #lp240520 #link1 .box2 .panel li div p.type2 {
              display: block;
              padding-top: 1em; }
          #lp240520 #link1 .box2 .panel li div + span {
            position: absolute;
            bottom: -2em;
            right: 0;
            display: block;
            text-align: right;
            margin-top: 0.8em;
            color: #4c4c4c; }
            @media screen and (min-width: 960px) {
              #lp240520 #link1 .box2 .panel li div + span {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link1 .box2 .panel li div + span {
                font-size: 13px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link1 .box2 .panel li div + span {
                font-size: 10px; } }
    #lp240520 #link1 .box2 .flex_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      border-top: 3px dotted #cccccc;
      margin-top: 4em;
      padding-top: 4em; }
      @media screen and (min-width: 960px) {
        #lp240520 #link1 .box2 .flex_box {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link1 .box2 .flex_box {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link1 .box2 .flex_box {
          font-size: 12px; } }
      #lp240520 #link1 .box2 .flex_box .img_box {
        flex-basis: 36.33218%; }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .box2 .flex_box .img_box {
            flex-basis: 100%; } }
      #lp240520 #link1 .box2 .flex_box .text_box {
        flex-basis: 60.89965%; }
        @media screen and (max-width: 599px) {
          #lp240520 #link1 .box2 .flex_box .text_box {
            flex-basis: 100%;
            margin-top: 20px; } }
        #lp240520 #link1 .box2 .flex_box .text_box p {
          line-height: 1.8; }
        #lp240520 #link1 .box2 .flex_box .text_box .example {
          font-weight: bold;
          display: block;
          padding-left: 2.5em;
          position: relative;
          margin-top: 1em;
          margin-bottom: 2em; }
          #lp240520 #link1 .box2 .flex_box .text_box .example:before {
            content: "例）";
            line-height: 1;
            position: absolute;
            top: 0.5em;
            left: 0; }
            @media screen and (min-width: 960px) {
              #lp240520 #link1 .box2 .flex_box .text_box .example:before {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link1 .box2 .flex_box .text_box .example:before {
                font-size: 14px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link1 .box2 .flex_box .text_box .example:before {
                font-size: 12px; } }
        #lp240520 #link1 .box2 .flex_box .text_box .white {
          background: #ffffff;
          display: block;
          padding: 0.8em;
          margin-bottom: 1.8em; }
  #lp240520 #link2 {
    background: #fef7ef; }
    #lp240520 #link2 .box, #lp240520 #link2 .box2 {
      width: 90%;
      max-width: 1156px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .box, #lp240520 #link2 .box2 {
          padding-top: 132px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .box, #lp240520 #link2 .box2 {
          padding-top: 112px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box, #lp240520 #link2 .box2 {
          padding-top: 92px; } }
    #lp240520 #link2 .bg {
      background: #ffffff; }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .bg {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .bg {
          padding-bottom: 52px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .bg {
          padding-bottom: 40px; } }
      #lp240520 #link2 .bg .box h2 {
        background: #fdeedd;
        font-weight: bold;
        padding-left: 6.375em;
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        line-height: 1.6;
        position: relative;
        border-radius: 10px;
        margin-bottom: 2em; }
        @media screen and (min-width: 960px) {
          #lp240520 #link2 .bg .box h2 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link2 .bg .box h2 {
            font-size: 27px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box h2 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box h2 {
            padding-left: 0.6em; } }
        #lp240520 #link2 .bg .box h2 span {
          color: #f18e1d;
          font-weight: bold; }
        #lp240520 #link2 .bg .box h2:before {
          content: "";
          width: 4.375em;
          height: 3.9375em;
          position: absolute;
          top: -2em;
          left: 1em;
          background: url("../img/lp/240520/reco2.png") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #lp240520 #link2 .bg .box h2:before {
              font-size: 32px; } }
          @media screen and (max-width: 959px) {
            #lp240520 #link2 .bg .box h2:before {
              font-size: 27px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link2 .bg .box h2:before {
              font-size: 22px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link2 .bg .box h2:before {
              font-size: 15px;
              top: -3.3em; } }
        @media screen and (min-width: 960px) {
          #lp240520 #link2 .bg .box h2 + p {
            margin-bottom: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link2 .bg .box h2 + p {
            margin-bottom: 52px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box h2 + p {
            margin-bottom: 40px; } }
      #lp240520 #link2 .bg .box p {
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link2 .bg .box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link2 .bg .box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box p {
            font-size: 14px; } }
      #lp240520 #link2 .bg .box .board {
        display: grid;
        gap: 62px;
        grid-template-columns: 1fr 1fr 1fr 1fr; }
        @media screen and (min-width: 960px) {
          #lp240520 #link2 .bg .box .board {
            margin-bottom: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link2 .bg .box .board {
            margin-bottom: 52px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box .board {
            margin-bottom: 40px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box .board {
            gap: 32px;
            grid-template-columns: 1fr 1fr; } }
      #lp240520 #link2 .bg .box h3 {
        text-align: center;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link2 .bg .box h3 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link2 .bg .box h3 {
            font-size: 21px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box h3 {
            font-size: 18px; } }
        @media screen and (min-width: 960px) {
          #lp240520 #link2 .bg .box h3 {
            margin-bottom: 54px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link2 .bg .box h3 {
            margin-bottom: 42px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box h3 {
            margin-bottom: 30px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box h3 {
            line-height: 2;
            text-align: left; } }
        #lp240520 #link2 .bg .box h3 span {
          font-weight: bold;
          padding-left: 0.5em;
          border-bottom: 15px solid #fce8d2; }
          @media screen and (max-width: 599px) {
            #lp240520 #link2 .bg .box h3 span {
              border-bottom: 10px solid #fce8d2; } }
          #lp240520 #link2 .bg .box h3 span img {
            width: 200px;
            height: auto;
            transform: translateY(0.65em);
            margin-right: 0.5em; }
        #lp240520 #link2 .bg .box h3 i {
          color: #f18e1d;
          font-weight: bold; }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .bg .box h3 br {
            display: none; } }
      #lp240520 #link2 .bg .box .img_box {
        max-width: 850px;
        margin-right: auto;
        margin-left: auto; }
    @media screen and (min-width: 960px) {
      #lp240520 #link2 .box2 {
        padding-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link2 .box2 {
        padding-bottom: 52px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link2 .box2 {
        padding-bottom: 40px; } }
    #lp240520 #link2 .box2 .text_box h3 {
      font-weight: bold;
      border-left: 3px solid #f18e1d; }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .box2 .text_box h3 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .box2 .text_box h3 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box2 .text_box h3 {
          font-size: 18px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .box2 .text_box h3 {
          padding-left: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .box2 .text_box h3 {
          padding-left: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box2 .text_box h3 {
          padding-left: 12px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .box2 .text_box h3 {
          margin-bottom: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .box2 .text_box h3 {
          margin-bottom: 24px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box2 .text_box h3 {
          margin-bottom: 16px; } }
      #lp240520 #link2 .box2 .text_box h3 span {
        display: block;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link2 .box2 .text_box h3 span {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link2 .box2 .text_box h3 span {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link2 .box2 .text_box h3 span {
            font-size: 14px; } }
    #lp240520 #link2 .box2 .text_box > p {
      line-height: 1.6; }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .box2 .text_box > p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .box2 .text_box > p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box2 .text_box > p {
          font-size: 14px; } }
    #lp240520 #link2 .box2 .panel {
      display: grid;
      gap: 2em;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      margin-top: 2em;
      margin-bottom: 4em; }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .box2 .panel {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .box2 .panel {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box2 .panel {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box2 .panel {
          grid-template-columns: 1fr 1fr;
          gap: 1em; } }
      #lp240520 #link2 .box2 .panel li {
        position: relative; }
        #lp240520 #link2 .box2 .panel li div {
          background: #ffffff;
          border-radius: 10px;
          height: 100%;
          box-sizing: border-box;
          padding-top: 2em; }
          @media screen and (max-width: 599px) {
            #lp240520 #link2 .box2 .panel li div {
              padding-bottom: 1em; } }
          #lp240520 #link2 .box2 .panel li div img {
            display: block;
            max-width: 201px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 0.8em; }
          #lp240520 #link2 .box2 .panel li div p {
            font-weight: bold;
            line-height: 1.5;
            text-align: center; }
            @media screen and (min-width: 960px) {
              #lp240520 #link2 .box2 .panel li div p {
                font-size: 20px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link2 .box2 .panel li div p {
                font-size: 17px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link2 .box2 .panel li div p {
                font-size: 14px; } }
            #lp240520 #link2 .box2 .panel li div p.type2 {
              display: block;
              padding-top: 1em; }
          #lp240520 #link2 .box2 .panel li div + span {
            position: absolute;
            bottom: -2em;
            right: 0;
            display: block;
            text-align: right;
            margin-top: 0.8em;
            color: #4c4c4c; }
            @media screen and (min-width: 960px) {
              #lp240520 #link2 .box2 .panel li div + span {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link2 .box2 .panel li div + span {
                font-size: 13px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link2 .box2 .panel li div + span {
                font-size: 10px; } }
    #lp240520 #link2 .box2 .flex_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      border-top: 3px dotted #cccccc;
      margin-top: 4em;
      padding-top: 4em; }
      @media screen and (min-width: 960px) {
        #lp240520 #link2 .box2 .flex_box {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link2 .box2 .flex_box {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link2 .box2 .flex_box {
          font-size: 12px; } }
      #lp240520 #link2 .box2 .flex_box .img_box {
        flex-basis: 36.33218%; }
      #lp240520 #link2 .box2 .flex_box .text_box {
        flex-basis: 60.89965%; }
        #lp240520 #link2 .box2 .flex_box .text_box p {
          line-height: 1.8; }
        #lp240520 #link2 .box2 .flex_box .text_box .example {
          font-weight: bold;
          display: block;
          padding-left: 2.5em;
          position: relative;
          margin-top: 1em;
          margin-bottom: 2em; }
          #lp240520 #link2 .box2 .flex_box .text_box .example:before {
            content: "例）";
            line-height: 1;
            position: absolute;
            top: 0.5em;
            left: 0; }
            @media screen and (min-width: 960px) {
              #lp240520 #link2 .box2 .flex_box .text_box .example:before {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link2 .box2 .flex_box .text_box .example:before {
                font-size: 14px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link2 .box2 .flex_box .text_box .example:before {
                font-size: 12px; } }
        #lp240520 #link2 .box2 .flex_box .text_box .white {
          background: #ffffff;
          display: block;
          padding: 0.8em;
          margin-bottom: 1.8em; }
  #lp240520 #link3 {
    background: #edf9fe; }
    #lp240520 #link3 .box, #lp240520 #link3 .box2 {
      width: 90%;
      max-width: 1156px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .box, #lp240520 #link3 .box2 {
          padding-top: 132px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .box, #lp240520 #link3 .box2 {
          padding-top: 112px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box, #lp240520 #link3 .box2 {
          padding-top: 92px; } }
    #lp240520 #link3 .bg {
      background: #ffffff; }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .bg {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .bg {
          padding-bottom: 52px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .bg {
          padding-bottom: 40px; } }
      #lp240520 #link3 .bg .box h2 {
        background: #d9f3fc;
        font-weight: bold;
        padding-left: 6.375em;
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        line-height: 1.6;
        position: relative;
        border-radius: 10px; }
        @media screen and (min-width: 960px) {
          #lp240520 #link3 .bg .box h2 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link3 .bg .box h2 {
            font-size: 27px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .bg .box h2 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .bg .box h2 {
            padding-left: 0.6em; } }
        #lp240520 #link3 .bg .box h2 span {
          color: #00afec;
          font-weight: bold; }
        #lp240520 #link3 .bg .box h2:before {
          content: "";
          width: 4.375em;
          height: 3.9375em;
          position: absolute;
          top: -2em;
          left: 1em;
          background: url("../img/lp/240520/reco3.png") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #lp240520 #link3 .bg .box h2:before {
              font-size: 32px; } }
          @media screen and (max-width: 959px) {
            #lp240520 #link3 .bg .box h2:before {
              font-size: 27px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link3 .bg .box h2:before {
              font-size: 22px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link3 .bg .box h2:before {
              font-size: 15px;
              top: -3.3em; } }
        @media screen and (min-width: 960px) {
          #lp240520 #link3 .bg .box h2 + p {
            margin-bottom: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link3 .bg .box h2 + p {
            margin-bottom: 52px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .bg .box h2 + p {
            margin-bottom: 40px; } }
      #lp240520 #link3 .bg .box h3 {
        text-align: center;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link3 .bg .box h3 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link3 .bg .box h3 {
            font-size: 21px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .bg .box h3 {
            font-size: 18px; } }
        @media screen and (min-width: 960px) {
          #lp240520 #link3 .bg .box h3 {
            margin-bottom: 54px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link3 .bg .box h3 {
            margin-bottom: 42px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .bg .box h3 {
            margin-bottom: 30px; } }
        #lp240520 #link3 .bg .box h3 span {
          font-weight: bold;
          padding-left: 0.5em;
          border-bottom: 15px solid #fce8d2; }
          #lp240520 #link3 .bg .box h3 span img {
            width: 200px;
            height: auto;
            transform: translateY(0.65em);
            margin-right: 0.5em; }
        #lp240520 #link3 .bg .box h3 i {
          color: #f18e1d;
          font-weight: bold; }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .bg .box h3 br {
            display: none; } }
      #lp240520 #link3 .bg .box .img_box {
        max-width: 850px;
        margin-right: auto;
        margin-left: auto; }
    @media screen and (min-width: 960px) {
      #lp240520 #link3 .box2 {
        padding-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link3 .box2 {
        padding-bottom: 52px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link3 .box2 {
        padding-bottom: 40px; } }
    #lp240520 #link3 .box2 .text_box h3 {
      font-weight: bold;
      border-left: 3px solid #00afec; }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .box2 .text_box h3 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .box2 .text_box h3 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box2 .text_box h3 {
          font-size: 18px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .box2 .text_box h3 {
          padding-left: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .box2 .text_box h3 {
          padding-left: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box2 .text_box h3 {
          padding-left: 12px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .box2 .text_box h3 {
          margin-bottom: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .box2 .text_box h3 {
          margin-bottom: 24px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box2 .text_box h3 {
          margin-bottom: 16px; } }
      #lp240520 #link3 .box2 .text_box h3 span {
        display: block;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link3 .box2 .text_box h3 span {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link3 .box2 .text_box h3 span {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .box2 .text_box h3 span {
            font-size: 14px; } }
    #lp240520 #link3 .box2 .text_box p {
      line-height: 1.6; }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .box2 .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .box2 .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box2 .text_box p {
          font-size: 14px; } }
      #lp240520 #link3 .box2 .text_box p strong {
        font-weight: bold; }
      #lp240520 #link3 .box2 .text_box p + p {
        margin-top: 2em; }
    #lp240520 #link3 .box2 .panel {
      display: grid;
      gap: 2em;
      grid-template-columns: 1fr 1fr 1fr;
      margin-top: 2em;
      margin-bottom: 4em; }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .box2 .panel {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .box2 .panel {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box2 .panel {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box2 .panel {
          gap: 1em; } }
    #lp240520 #link3 .box2 .flex_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      border-top: 3px dotted #cccccc;
      margin-top: 4em;
      padding-top: 4em; }
      @media screen and (min-width: 960px) {
        #lp240520 #link3 .box2 .flex_box {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link3 .box2 .flex_box {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link3 .box2 .flex_box {
          font-size: 12px; } }
      #lp240520 #link3 .box2 .flex_box .img_box {
        flex-basis: 36.33218%; }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .box2 .flex_box .img_box {
            flex-basis: 100%; } }
      #lp240520 #link3 .box2 .flex_box .text_box {
        flex-basis: 60.89965%; }
        @media screen and (max-width: 599px) {
          #lp240520 #link3 .box2 .flex_box .text_box {
            flex-basis: 100%;
            margin-top: 20px; } }
        #lp240520 #link3 .box2 .flex_box .text_box p {
          line-height: 1.8; }
        #lp240520 #link3 .box2 .flex_box .text_box .example {
          font-weight: bold;
          display: block;
          padding-left: 2.5em;
          position: relative;
          margin-top: 1em;
          margin-bottom: 2em; }
          #lp240520 #link3 .box2 .flex_box .text_box .example:before {
            content: "例）";
            line-height: 1;
            position: absolute;
            top: 0.5em;
            left: 0; }
            @media screen and (min-width: 960px) {
              #lp240520 #link3 .box2 .flex_box .text_box .example:before {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link3 .box2 .flex_box .text_box .example:before {
                font-size: 14px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link3 .box2 .flex_box .text_box .example:before {
                font-size: 12px; } }
        #lp240520 #link3 .box2 .flex_box .text_box .white {
          background: #ffffff;
          display: block;
          padding: 0.8em;
          margin-bottom: 1.8em; }
  #lp240520 #link4 {
    background: #f4fbf9; }
    #lp240520 #link4 .box, #lp240520 #link4 .box2 {
      width: 90%;
      max-width: 1156px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .box, #lp240520 #link4 .box2 {
          padding-top: 132px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .box, #lp240520 #link4 .box2 {
          padding-top: 112px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box, #lp240520 #link4 .box2 {
          padding-top: 92px; } }
    #lp240520 #link4 .bg {
      background: #ffffff; }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .bg {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .bg {
          padding-bottom: 52px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .bg {
          padding-bottom: 40px; } }
      #lp240520 #link4 .bg.line {
        position: relative; }
        #lp240520 #link4 .bg.line:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          background: #f4fbf9;
          z-index: 2; }
          @media screen and (min-width: 960px) {
            #lp240520 #link4 .bg.line:after {
              padding-top: 64px; } }
          @media screen and (max-width: 959px) {
            #lp240520 #link4 .bg.line:after {
              padding-top: 52px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link4 .bg.line:after {
              padding-top: 40px; } }
      #lp240520 #link4 .bg .box h2 {
        background: #e8f6f2;
        font-weight: bold;
        padding-left: 6.375em;
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        line-height: 1.6;
        position: relative;
        border-radius: 10px; }
        @media screen and (min-width: 960px) {
          #lp240520 #link4 .bg .box h2 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link4 .bg .box h2 {
            font-size: 27px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .bg .box h2 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .bg .box h2 {
            padding-left: 0.6em; } }
        #lp240520 #link4 .bg .box h2 span {
          color: #64c0ab;
          font-weight: bold; }
        #lp240520 #link4 .bg .box h2:before {
          content: "";
          width: 4.375em;
          height: 3.9375em;
          position: absolute;
          top: -2em;
          left: 1em;
          background: url("../img/lp/240520/reco4.png") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #lp240520 #link4 .bg .box h2:before {
              font-size: 32px; } }
          @media screen and (max-width: 959px) {
            #lp240520 #link4 .bg .box h2:before {
              font-size: 27px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link4 .bg .box h2:before {
              font-size: 22px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link4 .bg .box h2:before {
              font-size: 15px;
              top: -3.3em; } }
        @media screen and (min-width: 960px) {
          #lp240520 #link4 .bg .box h2 + p {
            margin-bottom: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link4 .bg .box h2 + p {
            margin-bottom: 52px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .bg .box h2 + p {
            margin-bottom: 40px; } }
      #lp240520 #link4 .bg .box .flex_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (min-width: 960px) {
          #lp240520 #link4 .bg .box .flex_box {
            margin-top: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link4 .bg .box .flex_box {
            margin-top: 52px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .bg .box .flex_box {
            margin-top: 40px; } }
        #lp240520 #link4 .bg .box .flex_box .img_box {
          flex-basis: 47.23183%; }
          @media screen and (max-width: 599px) {
            #lp240520 #link4 .bg .box .flex_box .img_box {
              flex-basis: 100%;
              margin-top: 40px; }
              #lp240520 #link4 .bg .box .flex_box .img_box img {
                width: 70%;
                margin: 0 auto;
                display: block; } }
        #lp240520 #link4 .bg .box .flex_box .text_box {
          flex-basis: 47.23183%; }
          @media screen and (max-width: 599px) {
            #lp240520 #link4 .bg .box .flex_box .text_box {
              flex-basis: 100%; } }
          #lp240520 #link4 .bg .box .flex_box .text_box p {
            line-height: 1.6; }
            @media screen and (min-width: 960px) {
              #lp240520 #link4 .bg .box .flex_box .text_box p {
                font-size: 18px; } }
            @media screen and (max-width: 959px) {
              #lp240520 #link4 .bg .box .flex_box .text_box p {
                font-size: 16px; } }
            @media screen and (max-width: 599px) {
              #lp240520 #link4 .bg .box .flex_box .text_box p {
                font-size: 14px; } }
            #lp240520 #link4 .bg .box .flex_box .text_box p strong {
              font-weight: bold; }
            #lp240520 #link4 .bg .box .flex_box .text_box p + p {
              margin-top: 2em; }
    @media screen and (min-width: 960px) {
      #lp240520 #link4 .box2 {
        padding-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link4 .box2 {
        padding-bottom: 52px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link4 .box2 {
        padding-bottom: 40px; } }
    #lp240520 #link4 .box2 .text_box h3 {
      font-weight: bold;
      border-left: 3px solid #64c0ab; }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .box2 .text_box h3 {
          font-size: 24px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .box2 .text_box h3 {
          font-size: 21px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box2 .text_box h3 {
          font-size: 18px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .box2 .text_box h3 {
          padding-left: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .box2 .text_box h3 {
          padding-left: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box2 .text_box h3 {
          padding-left: 12px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .box2 .text_box h3 {
          margin-bottom: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .box2 .text_box h3 {
          margin-bottom: 24px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box2 .text_box h3 {
          margin-bottom: 16px; } }
      #lp240520 #link4 .box2 .text_box h3 span {
        display: block;
        line-height: 1.8; }
        @media screen and (min-width: 960px) {
          #lp240520 #link4 .box2 .text_box h3 span {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link4 .box2 .text_box h3 span {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .box2 .text_box h3 span {
            font-size: 14px; } }
    #lp240520 #link4 .box2 .text_box p {
      line-height: 1.6; }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .box2 .text_box p {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .box2 .text_box p {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box2 .text_box p {
          font-size: 14px; } }
      #lp240520 #link4 .box2 .text_box p strong {
        font-weight: bold; }
      #lp240520 #link4 .box2 .text_box p + p {
        margin-top: 2em; }
    #lp240520 #link4 .box2 .panel {
      display: grid;
      gap: 2em;
      grid-template-columns: 1fr 1fr 1fr;
      margin-top: 2em;
      margin-bottom: 4em; }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .box2 .panel {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .box2 .panel {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box2 .panel {
          font-size: 12px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box2 .panel {
          gap: 1em; } }
    #lp240520 #link4 .box2 .flex_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .box2 .flex_box {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .box2 .flex_box {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .box2 .flex_box {
          font-size: 12px; } }
      #lp240520 #link4 .box2 .flex_box + .flex_box {
        margin-top: 4em;
        padding-top: 4em;
        border-top: 3px dotted #cccccc; }
      #lp240520 #link4 .box2 .flex_box .img_box {
        flex-basis: 36.33218%; }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .box2 .flex_box .img_box {
            flex-basis: 100%; } }
      #lp240520 #link4 .box2 .flex_box .text_box {
        flex-basis: 60.89965%; }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .box2 .flex_box .text_box {
            flex-basis: 100%;
            margin-top: 20px; } }
        #lp240520 #link4 .box2 .flex_box .text_box p {
          line-height: 1.8; }
      @media screen and (min-width: 600px) {
        #lp240520 #link4 .box2 .flex_box.reverse .img_box {
          order: 2; } }
      @media screen and (min-width: 600px) {
        #lp240520 #link4 .box2 .flex_box.reverse .text_box {
          order: 1; } }
    #lp240520 #link4 .list_box {
      background: #64c0ab;
      position: relative;
      z-index: 3; }
      @media screen and (min-width: 960px) {
        #lp240520 #link4 .list_box {
          padding-bottom: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link4 .list_box {
          padding-bottom: 26px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link4 .list_box {
          padding-bottom: 20px; } }
      #lp240520 #link4 .list_box:after {
        content: "";
        width: 13.75em;
        height: 11.25em;
        position: absolute;
        bottom: -2em;
        right: -2em;
        background: url("../img/lp/240520/icon8.png") no-repeat center center;
        background-size: cover; }
        @media screen and (min-width: 960px) {
          #lp240520 #link4 .list_box:after {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link4 .list_box:after {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .list_box:after {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link4 .list_box:after {
            font-size: 8px;
            bottom: -5em; } }
      #lp240520 #link4 .list_box h3 {
        color: #ffffff; }
      #lp240520 #link4 .list_box ul li span {
        color: #64c0ab; }
      #lp240520 #link4 .list_box ul li:before {
        background: url("../img/lp/240520/check3.png") no-repeat center center;
        background-size: cover; }
  #lp240520 #link5 {
    background: #f4fbf9; }
    #lp240520 #link5 .box, #lp240520 #link5 .box2 {
      width: 90%;
      max-width: 1156px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (min-width: 960px) {
        #lp240520 #link5 .box, #lp240520 #link5 .box2 {
          padding-top: 122px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link5 .box, #lp240520 #link5 .box2 {
          padding-top: 102px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link5 .box, #lp240520 #link5 .box2 {
          padding-top: 82px; } }
    #lp240520 #link5 .bg {
      background: #ffffff; }
      @media screen and (min-width: 960px) {
        #lp240520 #link5 .bg {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link5 .bg {
          padding-bottom: 52px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link5 .bg {
          padding-bottom: 40px; } }
      #lp240520 #link5 .bg .box h2 {
        background: #fce7ed;
        font-weight: bold;
        padding-left: 6.375em;
        padding-top: 0.6em;
        padding-right: 1.5em;
        padding-bottom: 0.6em;
        line-height: 1.6;
        position: relative;
        border-radius: 10px; }
        @media screen and (min-width: 960px) {
          #lp240520 #link5 .bg .box h2 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link5 .bg .box h2 {
            font-size: 27px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link5 .bg .box h2 {
            font-size: 22px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link5 .bg .box h2 {
            padding-left: 0.6em;
            padding-right: 0.6em; } }
        #lp240520 #link5 .bg .box h2 span {
          color: #ea6088;
          font-weight: bold; }
        #lp240520 #link5 .bg .box h2:before {
          content: "";
          width: 4.375em;
          height: 3.9375em;
          position: absolute;
          top: -2em;
          left: 1em;
          background: url("../img/lp/240520/reco5.png") no-repeat center center;
          background-size: cover; }
          @media screen and (min-width: 960px) {
            #lp240520 #link5 .bg .box h2:before {
              font-size: 32px; } }
          @media screen and (max-width: 959px) {
            #lp240520 #link5 .bg .box h2:before {
              font-size: 27px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link5 .bg .box h2:before {
              font-size: 22px; } }
          @media screen and (max-width: 599px) {
            #lp240520 #link5 .bg .box h2:before {
              font-size: 15px;
              top: -3.3em; } }
        @media screen and (min-width: 960px) {
          #lp240520 #link5 .bg .box h2 + p {
            margin-bottom: 64px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link5 .bg .box h2 + p {
            margin-bottom: 52px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link5 .bg .box h2 + p {
            margin-bottom: 40px; } }
      @media screen and (min-width: 960px) {
        #lp240520 #link5 .bg .box .text_box {
          margin-top: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link5 .bg .box .text_box {
          margin-top: 52px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link5 .bg .box .text_box {
          margin-top: 40px; } }
      #lp240520 #link5 .bg .box .text_box p {
        line-height: 1.6; }
        @media screen and (min-width: 960px) {
          #lp240520 #link5 .bg .box .text_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link5 .bg .box .text_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link5 .bg .box .text_box p {
            font-size: 14px; } }
        #lp240520 #link5 .bg .box .text_box p strong {
          font-weight: bold; }
        #lp240520 #link5 .bg .box .text_box p + p {
          margin-top: 2em; }
    #lp240520 #link5 .list_box {
      background: #ea6088;
      position: relative;
      z-index: 3; }
      @media screen and (min-width: 960px) {
        #lp240520 #link5 .list_box {
          padding-bottom: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link5 .list_box {
          padding-bottom: 26px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link5 .list_box {
          padding-bottom: 20px; } }
      #lp240520 #link5 .list_box:after {
        content: "";
        width: 10.625em;
        height: 11.25em;
        position: absolute;
        bottom: -2em;
        right: -2em;
        background: url("../img/lp/240520/icon9.png") no-repeat center center;
        background-size: cover; }
        @media screen and (min-width: 960px) {
          #lp240520 #link5 .list_box:after {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 #link5 .list_box:after {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link5 .list_box:after {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 #link5 .list_box:after {
            bottom: -5em;
            font-size: 8px; } }
      #lp240520 #link5 .list_box h3 {
        color: #ffffff; }
      #lp240520 #link5 .list_box ul li span {
        color: #64c0ab; }
      #lp240520 #link5 .list_box ul li:before {
        background: url("../img/lp/240520/check4.png") no-repeat center center;
        background-size: cover; }
  #lp240520 #link6 .box {
    width: 90%;
    max-width: 1156px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 960px) {
      #lp240520 #link6 .box {
        padding-top: 122px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link6 .box {
        padding-top: 102px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link6 .box {
        padding-top: 82px; } }
  @media screen and (min-width: 960px) {
    #lp240520 #link6 .bg {
      padding-bottom: 120px; } }
  @media screen and (max-width: 959px) {
    #lp240520 #link6 .bg {
      padding-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #lp240520 #link6 .bg {
      padding-bottom: 96px; } }
  #lp240520 #link6 .bg .box h2 {
    background: #fdeedd;
    font-weight: bold;
    padding-left: 6.375em;
    padding-top: 0.6em;
    padding-right: 1.5em;
    padding-bottom: 0.6em;
    line-height: 1.6;
    position: relative;
    border-radius: 10px; }
    @media screen and (min-width: 960px) {
      #lp240520 #link6 .bg .box h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link6 .bg .box h2 {
        font-size: 27px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link6 .bg .box h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link6 .bg .box h2 {
        padding: 0.6em; } }
    #lp240520 #link6 .bg .box h2 span {
      color: #f18e1d;
      font-weight: bold; }
    #lp240520 #link6 .bg .box h2:before {
      content: "";
      width: 4.375em;
      height: 3.9375em;
      position: absolute;
      top: -2em;
      left: 1em;
      background: url("../img/lp/240520/reco6.png") no-repeat center center;
      background-size: cover; }
      @media screen and (min-width: 960px) {
        #lp240520 #link6 .bg .box h2:before {
          font-size: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 #link6 .bg .box h2:before {
          font-size: 27px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link6 .bg .box h2:before {
          font-size: 22px; } }
      @media screen and (max-width: 599px) {
        #lp240520 #link6 .bg .box h2:before {
          font-size: 15px;
          top: -3.3em; } }
    @media screen and (min-width: 960px) {
      #lp240520 #link6 .bg .box h2 + p {
        margin-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link6 .bg .box h2 + p {
        margin-bottom: 52px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link6 .bg .box h2 + p {
        margin-bottom: 40px; } }
  @media screen and (min-width: 960px) {
    #lp240520 #link6 .bg .box .text_box {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    #lp240520 #link6 .bg .box .text_box {
      margin-top: 52px; } }
  @media screen and (max-width: 599px) {
    #lp240520 #link6 .bg .box .text_box {
      margin-top: 40px; } }
  #lp240520 #link6 .bg .box .text_box p {
    line-height: 1.6; }
    @media screen and (min-width: 960px) {
      #lp240520 #link6 .bg .box .text_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      #lp240520 #link6 .bg .box .text_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link6 .bg .box .text_box p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #lp240520 #link6 .bg .box .text_box p {
        line-height: 1.8; } }
    #lp240520 #link6 .bg .box .text_box p strong {
      font-weight: bold;
      color: #f18e1d; }
    #lp240520 #link6 .bg .box .text_box p + p {
      margin-top: 2em; }
    #lp240520 #link6 .bg .box .text_box p a {
      text-decoration: underline; }
  @media screen and (min-width: 960px) {
    #lp240520 #link6 .bg .box .banner_list {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    #lp240520 #link6 .bg .box .banner_list {
      margin-top: 26px; } }
  @media screen and (max-width: 599px) {
    #lp240520 #link6 .bg .box .banner_list {
      margin-top: 20px; } }
  #lp240520 #link6 .bg .box .banner_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    #lp240520 #link6 .bg .box .banner_list ul li {
      flex-basis: 32.17993%; }
  #lp240520 section.box4 {
    position: relative;
    background: #64c0ab; }
    #lp240520 section.box4 .bg {
      background: url("../img/lp/240520/bg3.jpg") no-repeat center center;
      background-size: cover; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box4 .bg {
          padding-bottom: 180px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box4 .bg {
          padding-bottom: 160px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box4 .bg {
          padding-bottom: 140px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box4 .bg {
          padding-bottom: 40px; } }
      #lp240520 section.box4 .bg:before {
        content: "";
        display: block;
        width: 34.60208%;
        padding-top: 25.95156%;
        background: url("../img/lp/240520/flag1.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        top: -1.25em;
        left: 0;
        z-index: 3; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box4 .bg:before {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box4 .bg:before {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box4 .bg:before {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box4 .bg:before {
            top: -4px; } }
      #lp240520 section.box4 .bg:after {
        content: "";
        display: block;
        width: 34.60208%;
        padding-top: 25.95156%;
        background: url("../img/lp/240520/flag2.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        top: -1.25em;
        right: 0;
        z-index: 3; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box4 .bg:after {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box4 .bg:after {
            font-size: 13px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box4 .bg:after {
            font-size: 10px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box4 .bg:after {
            top: -4px; } }
    #lp240520 section.box4 h2 {
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      width: 90%; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box4 h2 {
          padding-bottom: 20px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box4 h2 {
          padding-bottom: 10px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box4 h2 {
          padding-bottom: 0px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box4 h2 {
          padding-bottom: 20px; } }
      #lp240520 section.box4 h2 img {
        display: block;
        position: relative;
        z-index: 4;
        transform: translateY(-50px); }
        @media screen and (max-width: 599px) {
          #lp240520 section.box4 h2 img {
            transform: translateY(-12px); } }
    #lp240520 section.box4 .text_box {
      background: rgba(255, 255, 255, 0.9);
      box-sizing: border-box;
      border-radius: 10px;
      max-width: 1156px;
      width: 90%;
      margin: 0 auto; }
      @media screen and (min-width: 960px) {
        #lp240520 section.box4 .text_box {
          padding: 32px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section.box4 .text_box {
          padding: 24px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section.box4 .text_box {
          padding: 16px; } }
      #lp240520 section.box4 .text_box h3 {
        text-align: center;
        border-bottom: 1px solid #4c4c4c;
        font-weight: bold;
        line-height: 1.8;
        padding-bottom: 0.8em;
        margin-bottom: 0.8em; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box4 .text_box h3 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box4 .text_box h3 {
            font-size: 21px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box4 .text_box h3 {
            font-size: 18px; } }
        #lp240520 section.box4 .text_box h3 strong {
          color: #ea6088;
          font-weight: bold; }
      #lp240520 section.box4 .text_box p {
        line-height: 1.8;
        letter-spacing: 0.05em; }
        @media screen and (min-width: 960px) {
          #lp240520 section.box4 .text_box p {
            font-size: 18px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section.box4 .text_box p {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section.box4 .text_box p {
            font-size: 14px; } }
        #lp240520 section.box4 .text_box p strong {
          color: #ea6088; }
  #lp240520 section.inq_box2 .btn {
    position: relative;
    max-width: 1156px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5.3125em; }
    @media screen and (min-width: 960px) {
      #lp240520 section.inq_box2 .btn {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #lp240520 section.inq_box2 .btn {
        font-size: 13px; } }
    @media screen and (max-width: 599px) {
      #lp240520 section.inq_box2 .btn {
        font-size: 10px; } }
    @media screen and (max-width: 599px) {
      #lp240520 section.inq_box2 .btn {
        padding-top: 40px; } }
  #lp240520 section.inq_box2 a {
    position: absolute;
    bottom: 0;
    left: 0; }
    #lp240520 section.inq_box2 a:hover {
      opacity: 0.9; }
  #lp240520 .bg {
    background-color: #fff;
    background-image: radial-gradient(circle, #fcf4e9 30%, transparent 30%), radial-gradient(circle, #fcf4e9 30%, transparent 30%);
    background-position: 0 0, 0px 0px;
    background-size: 20px 20px; }
  @media screen and (min-width: 960px) {
    #lp240520 .voice_area {
      padding-top: 70px; } }
  @media screen and (max-width: 959px) {
    #lp240520 .voice_area {
      padding-top: 55px; } }
  @media screen and (max-width: 599px) {
    #lp240520 .voice_area {
      padding-top: 40px; } }
  @media screen and (min-width: 960px) {
    #lp240520 .voice_area {
      padding-bottom: 70px; } }
  @media screen and (max-width: 959px) {
    #lp240520 .voice_area {
      padding-bottom: 55px; } }
  @media screen and (max-width: 599px) {
    #lp240520 .voice_area {
      padding-bottom: 40px; } }
  #lp240520 .voice_area h2 {
    position: relative;
    max-width: 1156px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: center; }
    #lp240520 .voice_area h2:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 20.25em;
      height: 11.25em;
      background: url("../img/lp/240520/icon11.png") no-repeat center center;
      background-size: cover; }
      @media screen and (min-width: 960px) {
        #lp240520 .voice_area h2:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .voice_area h2:before {
          font-size: 10px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .voice_area h2:before {
          font-size: 4px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .voice_area h2:before {
          top: 70px; } }
    #lp240520 .voice_area h2:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 20.25em;
      height: 11.25em;
      background: url("../img/lp/240520/icon12.png") no-repeat center center;
      background-size: cover; }
      @media screen and (min-width: 960px) {
        #lp240520 .voice_area h2:after {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .voice_area h2:after {
          font-size: 10px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .voice_area h2:after {
          font-size: 4px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .voice_area h2:after {
          top: 70px; } }
    #lp240520 .voice_area h2 i {
      font-style: normal;
      display: block;
      font-weight: bold;
      margin-bottom: 2em;
      position: relative;
      z-index: 2; }
      @media screen and (min-width: 960px) {
        #lp240520 .voice_area h2 i {
          font-size: 28px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .voice_area h2 i {
          font-size: 25px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .voice_area h2 i {
          font-size: 22px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .voice_area h2 i {
          margin-bottom: 1em; } }
      #lp240520 .voice_area h2 i img {
        width: 200px;
        height: auto;
        transform: translateY(0.65em);
        margin-right: 0.5em; }
        @media screen and (max-width: 599px) {
          #lp240520 .voice_area h2 i img {
            width: 150px; } }
    #lp240520 .voice_area h2 span {
      font-weight: bold;
      position: relative; }
      @media screen and (min-width: 960px) {
        #lp240520 .voice_area h2 span {
          font-size: 56px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .voice_area h2 span {
          font-size: 50px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .voice_area h2 span {
          font-size: 44px; } }
      #lp240520 .voice_area h2 span em {
        position: relative;
        z-index: 3;
        font-weight: bold; }
      #lp240520 .voice_area h2 span:before {
        content: "";
        height: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ffdc00; }
  #lp240520 .voice_area .grid {
    width: 90%;
    max-width: 1156px;
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px; }
    @media screen and (min-width: 960px) {
      #lp240520 .voice_area .grid {
        margin-top: 64px; } }
    @media screen and (max-width: 959px) {
      #lp240520 .voice_area .grid {
        margin-top: 49px; } }
    @media screen and (max-width: 599px) {
      #lp240520 .voice_area .grid {
        margin-top: 34px; } }
    @media screen and (max-width: 959px) {
      #lp240520 .voice_area .grid {
        gap: 40px; } }
    @media screen and (max-width: 599px) {
      #lp240520 .voice_area .grid {
        gap: 20px;
        grid-template-columns: 1fr; } }
    #lp240520 .voice_area .grid > div {
      background: #d9f3fc;
      padding: 1.25em;
      border-radius: 0.625em;
      box-sizing: border-box; }
      #lp240520 .voice_area .grid > div > img {
        display: block;
        border-radius: 0.625em;
        margin-bottom: 1.25em; }
      #lp240520 .voice_area .grid > div > h3 {
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.83333em; }
        @media screen and (min-width: 960px) {
          #lp240520 .voice_area .grid > div > h3 {
            font-size: 24px; } }
        @media screen and (max-width: 959px) {
          #lp240520 .voice_area .grid > div > h3 {
            font-size: 21px; } }
        @media screen and (max-width: 599px) {
          #lp240520 .voice_area .grid > div > h3 {
            font-size: 18px; } }
      #lp240520 .voice_area .grid > div .name_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 1.25em; }
        #lp240520 .voice_area .grid > div .name_box .img_box {
          display: block;
          flex-basis: 29.64427%;
          box-sizing: border-box; }
          #lp240520 .voice_area .grid > div .name_box .img_box img {
            display: block;
            border-radius: 0.625em; }
        #lp240520 .voice_area .grid > div .name_box h3 {
          flex-basis: 66.40316%;
          display: flex;
          flex-direction: column; }
          #lp240520 .voice_area .grid > div .name_box h3 strong {
            font-weight: bold;
            margin-top: 8%; }
            @media screen and (min-width: 960px) {
              #lp240520 .voice_area .grid > div .name_box h3 strong {
                font-size: 24px; } }
            @media screen and (max-width: 959px) {
              #lp240520 .voice_area .grid > div .name_box h3 strong {
                font-size: 21px; } }
            @media screen and (max-width: 599px) {
              #lp240520 .voice_area .grid > div .name_box h3 strong {
                font-size: 18px; } }
            #lp240520 .voice_area .grid > div .name_box h3 strong i {
              display: block;
              margin-bottom: 0.5em; }
              @media screen and (min-width: 960px) {
                #lp240520 .voice_area .grid > div .name_box h3 strong i {
                  font-size: 16px; } }
              @media screen and (max-width: 959px) {
                #lp240520 .voice_area .grid > div .name_box h3 strong i {
                  font-size: 14px; } }
              @media screen and (max-width: 599px) {
                #lp240520 .voice_area .grid > div .name_box h3 strong i {
                  font-size: 12px; } }
          #lp240520 .voice_area .grid > div .name_box h3 span {
            display: block;
            margin-top: auto;
            margin-bottom: 8%; }
            @media screen and (min-width: 960px) {
              #lp240520 .voice_area .grid > div .name_box h3 span {
                font-size: 18px; } }
            @media screen and (max-width: 959px) {
              #lp240520 .voice_area .grid > div .name_box h3 span {
                font-size: 16px; } }
            @media screen and (max-width: 599px) {
              #lp240520 .voice_area .grid > div .name_box h3 span {
                font-size: 14px; } }
            #lp240520 .voice_area .grid > div .name_box h3 span strong {
              margin-left: 0.6em; }
      #lp240520 .voice_area .grid > div p {
        background: #ffffff;
        padding: 1.25em;
        border-radius: 0.625em;
        line-height: 1.8;
        font-weight: bold; }
      #lp240520 .voice_area .grid > div.type1 {
        background: #d9f3fc; }
        #lp240520 .voice_area .grid > div.type1 h3 > strong {
          color: #00afec; }
        #lp240520 .voice_area .grid > div.type1 > h3 {
          color: #00afec; }
      #lp240520 .voice_area .grid > div.type2 {
        background: #e8f6f2; }
        #lp240520 .voice_area .grid > div.type2 h3 > strong {
          color: #64c0ab; }
        #lp240520 .voice_area .grid > div.type2 > h3 {
          color: #64c0ab; }
      #lp240520 .voice_area .grid > div.type3 {
        background: #fce7ed; }
        #lp240520 .voice_area .grid > div.type3 h3 > strong {
          color: #ea6088; }
        #lp240520 .voice_area .grid > div.type3 > h3 {
          color: #ea6088; }
      #lp240520 .voice_area .grid > div.type4 {
        background: #fdeedd; }
        #lp240520 .voice_area .grid > div.type4 h3 > strong {
          color: #f18e1d; }
        #lp240520 .voice_area .grid > div.type4 > h3 {
          color: #f18e1d; }
  #lp240520 .qa_area h2 {
    text-align: center;
    background: #00afec;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    color: #ffffff;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      #lp240520 .qa_area h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #lp240520 .qa_area h2 {
        font-size: 28px; } }
    @media screen and (max-width: 599px) {
      #lp240520 .qa_area h2 {
        font-size: 24px; } }
    #lp240520 .qa_area h2:after {
      content: "－Q＆A−";
      color: #ffffff;
      display: block; }
      @media screen and (min-width: 960px) {
        #lp240520 .qa_area h2:after {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .qa_area h2:after {
          font-size: 16px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .qa_area h2:after {
          font-size: 14px; } }
  #lp240520 .qa_area .qa_list {
    background: #d9f3fc; }
    #lp240520 .qa_area .qa_list ul {
      width: 90%;
      max-width: 1156px;
      margin: 0 auto; }
      @media screen and (min-width: 960px) {
        #lp240520 .qa_area .qa_list ul {
          padding-top: 70px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .qa_area .qa_list ul {
          padding-top: 62px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .qa_area .qa_list ul {
          padding-top: 54px; } }
      @media screen and (min-width: 960px) {
        #lp240520 .qa_area .qa_list ul {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 .qa_area .qa_list ul {
          padding-bottom: 56px; } }
      @media screen and (max-width: 599px) {
        #lp240520 .qa_area .qa_list ul {
          padding-bottom: 48px; } }
      #lp240520 .qa_area .qa_list ul li {
        overflow: hidden;
        border-radius: 10px;
        background: #ffffff; }
        @media screen and (min-width: 960px) {
          #lp240520 .qa_area .qa_list ul li {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          #lp240520 .qa_area .qa_list ul li {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          #lp240520 .qa_area .qa_list ul li {
            font-size: 16px; } }
        #lp240520 .qa_area .qa_list ul li + li {
          margin-top: 1em; }
        #lp240520 .qa_area .qa_list ul li p {
          font-weight: bold; }
        #lp240520 .qa_area .qa_list ul li div {
          padding: 1.5em 0;
          position: relative; }
          @media screen and (max-width: 599px) {
            #lp240520 .qa_area .qa_list ul li div {
              padding: 1.1em 0; } }
          #lp240520 .qa_area .qa_list ul li div p {
            padding-left: 4em; }
            @media screen and (max-width: 599px) {
              #lp240520 .qa_area .qa_list ul li div p {
                padding-left: 2.5em; } }
        @media screen and (max-width: 599px) {
          #lp240520 .qa_area .qa_list ul li .q p {
            padding-right: 3.8em; } }
        #lp240520 .qa_area .qa_list ul li .q:hover {
          cursor: pointer; }
        #lp240520 .qa_area .qa_list ul li .q:before {
          content: "";
          position: absolute;
          top: 1.5em;
          left: 1.5em;
          width: 1.5em;
          height: 1.5em;
          background: url("../img/lp/240520/q_icon.png") no-repeat center center;
          background-size: cover; }
          @media screen and (max-width: 599px) {
            #lp240520 .qa_area .qa_list ul li .q:before {
              font-size: 13px;
              left: 1.0em; } }
        #lp240520 .qa_area .qa_list ul li .q:after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: 4em;
          background: url("../img/lp/240520/q_bg.png") #00afec no-repeat center center;
          background-size: cover; }
          @media screen and (max-width: 599px) {
            #lp240520 .qa_area .qa_list ul li .q:after {
              font-size: 13px;
              background-size: 4em 4em;
              background-position: center center;
              background-repeat: no-repeat; } }
        #lp240520 .qa_area .qa_list ul li .q + div {
          display: none; }
          #lp240520 .qa_area .qa_list ul li .q + div:before {
            content: "";
            position: absolute;
            top: 1.5em;
            left: 1.5em;
            width: 1.5em;
            height: 1.5em;
            background: url("../img/lp/240520/a_icon.png") no-repeat center center;
            background-size: cover; }
            @media screen and (max-width: 599px) {
              #lp240520 .qa_area .qa_list ul li .q + div:before {
                font-size: 13px;
                left: 1.0em; } }
        #lp240520 .qa_area .qa_list ul li .q.open {
          background: #f2fbfe; }
          #lp240520 .qa_area .qa_list ul li .q.open:after {
            background: url("../img/lp/240520/q_bg2.png") #00afec no-repeat center center;
            background-size: cover; }
            @media screen and (max-width: 599px) {
              #lp240520 .qa_area .qa_list ul li .q.open:after {
                font-size: 13px;
                background-size: 4em 4em;
                background-position: center center;
                background-repeat: no-repeat; } }
          #lp240520 .qa_area .qa_list ul li .q.open + div {
            display: block; }
  #lp240520 section#contact_form {
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      #lp240520 section#contact_form {
        padding-top: 70px; } }
    @media screen and (max-width: 959px) {
      #lp240520 section#contact_form {
        padding-top: 55px; } }
    @media screen and (max-width: 599px) {
      #lp240520 section#contact_form {
        padding-top: 40px; } }
    @media screen and (min-width: 960px) {
      #lp240520 section#contact_form {
        padding-bottom: 70px; } }
    @media screen and (max-width: 959px) {
      #lp240520 section#contact_form {
        padding-bottom: 55px; } }
    @media screen and (max-width: 599px) {
      #lp240520 section#contact_form {
        padding-bottom: 40px; } }
    #lp240520 section#contact_form .mainform {
      background: #e8f6f2;
      max-width: 1156px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 10px;
      width: 90%; }
      @media screen and (min-width: 960px) {
        #lp240520 section#contact_form .mainform {
          padding-top: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section#contact_form .mainform {
          padding-top: 49px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section#contact_form .mainform {
          padding-top: 34px; } }
      @media screen and (min-width: 960px) {
        #lp240520 section#contact_form .mainform {
          padding-bottom: 64px; } }
      @media screen and (max-width: 959px) {
        #lp240520 section#contact_form .mainform {
          padding-bottom: 49px; } }
      @media screen and (max-width: 599px) {
        #lp240520 section#contact_form .mainform {
          padding-bottom: 34px; } }
      #lp240520 section#contact_form .mainform h2 {
        text-align: center;
        text-align: center;
        color: #64c0ab;
        font-weight: bold; }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform h2 {
            font-size: 32px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform h2 {
            font-size: 28px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform h2 {
            font-size: 24px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform h2 {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            font-size: 20px; } }
        #lp240520 section#contact_form .mainform h2 + p {
          text-align: center;
          margin-top: 1em; }
          @media screen and (min-width: 960px) {
            #lp240520 section#contact_form .mainform h2 + p {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #lp240520 section#contact_form .mainform h2 + p {
              font-size: 17px; } }
          @media screen and (max-width: 599px) {
            #lp240520 section#contact_form .mainform h2 + p {
              font-size: 14px; } }
          @media screen and (min-width: 960px) {
            #lp240520 section#contact_form .mainform h2 + p {
              margin-bottom: 58px; } }
          @media screen and (max-width: 959px) {
            #lp240520 section#contact_form .mainform h2 + p {
              margin-bottom: 43px; } }
          @media screen and (max-width: 599px) {
            #lp240520 section#contact_form .mainform h2 + p {
              margin-bottom: 28px; } }
          @media screen and (max-width: 599px) {
            #lp240520 section#contact_form .mainform h2 + p {
              display: block;
              width: 90%;
              margin-left: auto;
              margin-right: auto; } }
      #lp240520 section#contact_form .mainform .wpcf7 {
        max-width: 1028px;
        width: 90%;
        margin-right: auto;
        margin-left: auto; }
        #lp240520 section#contact_form .mainform .wpcf7 h3 {
          text-align: center;
          margin: 3em 0 1.5em 0;
          font-weight: bold;
          color: #4c4c4c; }
          @media screen and (min-width: 960px) {
            #lp240520 section#contact_form .mainform .wpcf7 h3 {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #lp240520 section#contact_form .mainform .wpcf7 h3 {
              font-size: 17px; } }
          @media screen and (max-width: 599px) {
            #lp240520 section#contact_form .mainform .wpcf7 h3 {
              font-size: 14px; } }
      #lp240520 section#contact_form .mainform .form {
        background: #ffffff;
        border-radius: 10px;
        box-sizing: border-box; }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform .form {
            padding-left: 40px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform .form {
            padding-left: 30px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform .form {
            padding-left: 20px; } }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform .form {
            padding-right: 40px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform .form {
            padding-right: 30px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform .form {
            padding-right: 20px; } }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform .form {
            padding-bottom: 28px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform .form {
            padding-bottom: 21px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform .form {
            padding-bottom: 14px; } }
        #lp240520 section#contact_form .mainform .form dl {
          padding-top: 1.6em;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          @media screen and (min-width: 960px) {
            #lp240520 section#contact_form .mainform .form dl {
              font-size: 20px; } }
          @media screen and (max-width: 959px) {
            #lp240520 section#contact_form .mainform .form dl {
              font-size: 17px; } }
          @media screen and (max-width: 599px) {
            #lp240520 section#contact_form .mainform .form dl {
              font-size: 14px; } }
          #lp240520 section#contact_form .mainform .form dl dt {
            flex-basis: 30.29046%;
            padding-left: 4.25em;
            box-sizing: border-box;
            position: relative;
            line-height: 1.8; }
            @media screen and (max-width: 599px) {
              #lp240520 section#contact_form .mainform .form dl dt {
                flex-basis: 100%;
                padding-left: 0; } }
          #lp240520 section#contact_form .mainform .form dl dd {
            flex-basis: 65.56017%;
            box-sizing: border-box; }
            @media screen and (max-width: 599px) {
              #lp240520 section#contact_form .mainform .form dl dd {
                flex-basis: 100%;
                margin-top: 20px; } }
            #lp240520 section#contact_form .mainform .form dl dd span {
              display: block;
              color: #4c4c4c;
              line-height: 1.6;
              font-size: 0.8em;
              margin-top: 0.8em; }
            #lp240520 section#contact_form .mainform .form dl dd div {
              border-radius: 5px;
              overflow: hidden; }
            #lp240520 section#contact_form .mainform .form dl dd input {
              display: block;
              border: none;
              background: #f2f2f2;
              width: 100%;
              padding: 0.4em;
              box-sizing: border-box; }
            #lp240520 section#contact_form .mainform .form dl dd textarea {
              width: 100%;
              display: block;
              box-sizing: border-box;
              padding: 0.4em;
              height: 10em;
              border: none;
              background: #f2f2f2;
              resize: none; }
              @media screen and (max-width: 599px) {
                #lp240520 section#contact_form .mainform .form dl dd textarea {
                  height: 15em; } }
            #lp240520 section#contact_form .mainform .form dl dd .wpcf7-form-control-wrap {
              margin-top: 0; }
          #lp240520 section#contact_form .mainform .form dl + dl {
            border-top: 3px dotted #808080;
            margin-top: 1.6em; }
          #lp240520 section#contact_form .mainform .form dl.need dt:before {
            content: "必須";
            position: absolute;
            top: 0;
            left: 0;
            background: #64c0ab;
            font-size: 0.8em;
            padding: 0.6em 1em;
            line-height: 1;
            color: #ffffff;
            border-radius: 5px; }
          @media screen and (max-width: 599px) {
            #lp240520 section#contact_form .mainform .form dl.need dt {
              padding-left: 4.25em; } }
      #lp240520 section#contact_form .mainform .policy {
        background: #ffffff;
        border-radius: 10px;
        margin-right: auto;
        margin-left: auto; }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform .policy {
            padding: 40px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform .policy {
            padding: 30px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform .policy {
            padding: 20px; } }
        #lp240520 section#contact_form .mainform .policy > div {
          height: 236px;
          overflow: auto; }
          #lp240520 section#contact_form .mainform .policy > div p {
            line-height: 1.8;
            display: block;
            margin-right: 0.8em; }
            @media screen and (min-width: 960px) {
              #lp240520 section#contact_form .mainform .policy > div p {
                font-size: 16px; } }
            @media screen and (max-width: 959px) {
              #lp240520 section#contact_form .mainform .policy > div p {
                font-size: 14px; } }
            @media screen and (max-width: 599px) {
              #lp240520 section#contact_form .mainform .policy > div p {
                font-size: 12px; } }
            #lp240520 section#contact_form .mainform .policy > div p + p {
              margin-top: 1.3em; }
            #lp240520 section#contact_form .mainform .policy > div p.title {
              border-left: 4px solid #64c0ab;
              padding-left: 0.8em;
              font-weight: bold;
              line-height: 1.4; }
            #lp240520 section#contact_form .mainform .policy > div p.bg {
              display: block;
              padding: 0.8em;
              background: #e8f6f2; }
            #lp240520 section#contact_form .mainform .policy > div p strong {
              display: block;
              color: #64c0ab;
              font-weight: normal; }
      #lp240520 section#contact_form .mainform .note {
        text-align: center;
        margin: 1em;
        display: block; }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform .note {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform .note {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform .note {
            font-size: 12px; } }
        #lp240520 section#contact_form .mainform .note span {
          color: red;
          margin-right: 0.5em; }
      #lp240520 section#contact_form .mainform span[data-name="checkbox-66"] {
        display: block;
        width: 200px;
        margin: 20px auto;
        text-align: center;
        background: #ffffff;
        padding: 0.8em 0; }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform span[data-name="checkbox-66"] {
            font-size: 16px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform span[data-name="checkbox-66"] {
            font-size: 14px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform span[data-name="checkbox-66"] {
            font-size: 12px; } }
      #lp240520 section#contact_form .mainform .wpcf7-submit {
        cursor: pointer;
        font-weight: bold;
        display: block;
        margin: 2em auto 0;
        border: none;
        background: red;
        color: #ffffff;
        max-width: 500px;
        width: 40%;
        padding: 0.8em 0;
        border-radius: 10px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
        background: #83c1af;
        background: linear-gradient(0deg, #83c1af 5%, #a2d1c4 40%, #a2d1c4 60%, #83c1af 95%); }
        #lp240520 section#contact_form .mainform .wpcf7-submit:hover {
          opacity: 0.9; }
        @media screen and (min-width: 960px) {
          #lp240520 section#contact_form .mainform .wpcf7-submit {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          #lp240520 section#contact_form .mainform .wpcf7-submit {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          #lp240520 section#contact_form .mainform .wpcf7-submit {
            font-size: 16px; } }
      #lp240520 section#contact_form .mainform .wpcf7-not-valid-tip {
        background: #ea6088;
        color: #ffffff !important; }

#bgMaskSns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25em;
  max-width: 290px; }
  @media screen and (min-width: 960px) {
    #bgMaskSns {
      margin-bottom: 40px; } }
  @media screen and (max-width: 959px) {
    #bgMaskSns {
      margin-bottom: 30px; } }
  @media screen and (max-width: 599px) {
    #bgMaskSns {
      margin-bottom: 20px; } }
  @media screen and (max-width: 599px) {
    #bgMaskSns {
      margin-left: auto;
      margin-right: auto; } }
  #bgMaskSns .fb, #bgMaskSns .twtter {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(2.68em + 3px);
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    border-bottom: 3px solid #646464; }
    #bgMaskSns .fb .mask, #bgMaskSns .twtter .mask {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 5; }
      #bgMaskSns .fb .mask a, #bgMaskSns .twtter .mask a {
        display: block;
        height: 100%;
        background: transparent; }
        #bgMaskSns .fb .mask a:hover, #bgMaskSns .twtter .mask a:hover {
          background: rgba(255, 255, 255, 0.2); }
  #bgMaskSns .fb {
    background: #3c77ea;
    border-bottom-color: #2863d6; }
    #bgMaskSns .fb .share {
      margin: auto 0;
      transform: scale(120%); }
  #bgMaskSns .twtter {
    background: #000000; }
    #bgMaskSns .twtter > #twitter-widget-0 {
      margin: auto 0;
      transform: scale(120%); }
  #bgMaskSns .bg1 a {
    display: block;
    height: 2.68em;
    border-radius: 10px;
    background: #3c77ea; }
  #bgMaskSns .bg2 a {
    display: block;
    height: 2.68em;
    border-radius: 10px;
    background: #000000; }

@media screen and (min-width: 960px) {
  body.page-id-9818 .container > main {
    margin-bottom: 80px; } }

@media screen and (max-width: 959px) {
  body.page-id-9818 .container > main {
    margin-bottom: 60px; } }

@media screen and (max-width: 599px) {
  body.page-id-9818 .container > main {
    margin-bottom: 40px; } }

body.page-id-9818 main .slider_box img {
  width: 100%;
  height: auto; }

body.page-id-9818 main .tb_memo {
  border: 1px solid #ed98ba;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center; }
  @media screen and (min-width: 960px) {
    body.page-id-9818 main .tb_memo {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main .tb_memo {
      margin-top: 25px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .tb_memo {
      margin-top: 20px; } }

body.page-id-9818 main .tb_memo span {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em; }

@media screen and (min-width: 960px) {
  body.page-id-9818 main .sns_link {
    margin-top: 72px; } }

@media screen and (max-width: 959px) {
  body.page-id-9818 main .sns_link {
    margin-top: 62px; } }

@media screen and (max-width: 599px) {
  body.page-id-9818 main .sns_link {
    margin-top: 52px; } }

@media screen and (min-width: 960px) {
  body.page-id-9818 main .sns_link {
    margin-bottom: 100px; } }

@media screen and (max-width: 959px) {
  body.page-id-9818 main .sns_link {
    margin-bottom: 80px; } }

@media screen and (max-width: 599px) {
  body.page-id-9818 main .sns_link {
    margin-bottom: 60px; } }

body.page-id-9818 main .sns_link .btn_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 746px;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  gap: 50px; }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main .sns_link .btn_box {
      grid-template-columns: 1fr;
      gap: 50px; } }
  body.page-id-9818 main .sns_link .btn_box a {
    display: block;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    position: relative; }
    body.page-id-9818 main .sns_link .btn_box a i {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      transform: translateY(-2em);
      text-align: center; }
      @media screen and (min-width: 960px) {
        body.page-id-9818 main .sns_link .btn_box a i {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        body.page-id-9818 main .sns_link .btn_box a i {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        body.page-id-9818 main .sns_link .btn_box a i {
          font-size: 12px; } }
      body.page-id-9818 main .sns_link .btn_box a i:before {
        content: "";
        height: 1.2em;
        width: 1px;
        position: absolute;
        top: 0.2em;
        left: 0.2em;
        background: #000000;
        transform: rotate(-15deg); }
      body.page-id-9818 main .sns_link .btn_box a i:after {
        content: "";
        height: 1.2em;
        width: 1px;
        position: absolute;
        top: 0.2em;
        right: 0.2em;
        background: #000000;
        transform: rotate(15deg); }
    body.page-id-9818 main .sns_link .btn_box a > div {
      max-width: 180px;
      margin: 0 auto;
      display: flex;
      align-items: center; }
      body.page-id-9818 main .sns_link .btn_box a > div:before {
        content: '';
        width: 1em;
        height: 1em;
        margin-right: 1em;
        position: block;
        flex-basis: 1em;
        background: url("../img/home/icon_insta.png") no-repeat center center;
        background-size: cover; }
        @media screen and (min-width: 960px) {
          body.page-id-9818 main .sns_link .btn_box a > div:before {
            font-size: 30px; } }
        @media screen and (max-width: 959px) {
          body.page-id-9818 main .sns_link .btn_box a > div:before {
            font-size: 25px; } }
        @media screen and (max-width: 599px) {
          body.page-id-9818 main .sns_link .btn_box a > div:before {
            font-size: 20px; } }
      body.page-id-9818 main .sns_link .btn_box a > div span {
        line-height: 3em; }
        @media screen and (min-width: 960px) {
          body.page-id-9818 main .sns_link .btn_box a > div span {
            font-size: 20px; } }
        @media screen and (max-width: 959px) {
          body.page-id-9818 main .sns_link .btn_box a > div span {
            font-size: 18px; } }
        @media screen and (max-width: 599px) {
          body.page-id-9818 main .sns_link .btn_box a > div span {
            font-size: 16px; } }
        @media screen and (max-width: 599px) {
          body.page-id-9818 main .sns_link .btn_box a > div span {
            font-size: 14px; } }
    body.page-id-9818 main .sns_link .btn_box a.column > div {
      max-width: 240px; }
    body.page-id-9818 main .sns_link .btn_box a.column > div:before {
      background-image: url("../img/home/icon_column.png"); }

body.page-id-9818 main .title {
  line-height: 1;
  background: #fdeff3;
  color: #ea6088;
  padding: 1em 1.6em;
  border-radius: 10px;
  font-weight: bold;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    body.page-id-9818 main .title {
      font-size: 48px; } }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main .title {
      font-size: 38px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .title {
      font-size: 28px; } }
  @media screen and (min-width: 960px) {
    body.page-id-9818 main .title {
      margin-bottom: 100px; } }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main .title {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .title {
      margin-bottom: 60px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .title {
      border-radius: 5px;
      font-size: 18px;
      margin-bottom: 30px; } }
  body.page-id-9818 main .title:before {
    content: "";
    width: 0.41667em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ea6088; }

@media screen and (min-width: 600px) {
  body.page-id-9818 main .days_tab ul {
    display: flex;
    gap: 8px;
    border-bottom: 2em solid #fdeff3; }
    body.page-id-9818 main .days_tab ul li {
      width: 100%;
      text-align: center; }
      body.page-id-9818 main .days_tab ul li a {
        line-height: 1;
        font-size: 16px;
        font-weight: bold; }
      body.page-id-9818 main .days_tab ul li a:hover {
        opacity: 1; }
      body.page-id-9818 main .days_tab ul li.near {
        background: #fdeff3;
        padding: 2em 1em 0;
        border-radius: 10px 10px 0 0; }
        body.page-id-9818 main .days_tab ul li.near a {
          color: #ea6088;
          font-size: 1.2em;
          font-weight: bold;
          display: block; }
      body.page-id-9818 main .days_tab ul li:not(.near) {
        margin-bottom: 8px; }
        body.page-id-9818 main .days_tab ul li:not(.near) a {
          display: block;
          background: #ededed;
          padding: 0.8em 1em;
          border-bottom: 3px solid #cccccc;
          border-radius: 10px;
          transform: translateY(0px); }
        body.page-id-9818 main .days_tab ul li:not(.near):hover {
          padding-top: 3px; }
          body.page-id-9818 main .days_tab ul li:not(.near):hover a {
            border-bottom: none;
            transform: translateY(3px); } }

@media screen and (max-width: 599px) {
  body.page-id-9818 main .days_tab ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 8px; }
    body.page-id-9818 main .days_tab ul li a {
      line-height: 1;
      border-radius: 10px;
      transform: translateY(0px);
      text-align: center;
      display: block; }
    body.page-id-9818 main .days_tab ul li:not(.near) a {
      border-bottom: 3px solid #cccccc;
      background: #ededed;
      padding: 21px 0; }
    body.page-id-9818 main .days_tab ul li:not(.near):hover {
      padding-top: 3px; }
      body.page-id-9818 main .days_tab ul li:not(.near):hover a {
        animation: pushBtn 0.1s linear forwards; }
    body.page-id-9818 main .days_tab ul .near a {
      font-size: 18px;
      padding: 21px 0 20px;
      color: #ea6088;
      background: #fdeff3; } }

body.page-id-9818 main .area_tab {
  background: #fdeff3;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
  padding: 1em; }
  body.page-id-9818 main .area_tab a {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    align-items: center;
    padding: 1em 5em 1em 2em;
    border-radius: 5em;
    background: #ffffff;
    min-height: 6.5em;
    box-sizing: border-box;
    position: relative; }
    @media screen and (max-width: 959px) {
      body.page-id-9818 main .area_tab a {
        border-radius: 5px;
        padding: 1em 1em 3.5em;
        min-height: auto !important;
        text-align: center;
        display: block; } }
    body.page-id-9818 main .area_tab a:after {
      font-family: 'Font Awesome 6 Pro';
      content: "\f063";
      font-weight: 100;
      position: absolute;
      top: calc(50% - 0.8em);
      right: 2em;
      width: 1.8em;
      height: 1.8em;
      line-height: 1.8em;
      box-sizing: border-box;
      border-radius: 0.8em;
      border: 1px solid #808080;
      text-align: center;
      color: #808080; }
      @media screen and (max-width: 959px) {
        body.page-id-9818 main .area_tab a:after {
          top: auto;
          bottom: 1em;
          right: calc(50% - 0.8em); } }
    body.page-id-9818 main .area_tab a:hover {
      opacity: 0.9; }
    body.page-id-9818 main .area_tab a div:nth-of-type(1) {
      text-align: center;
      flex-basis: calc(calc(152/474) * 100%);
      border-right: 1px solid #808080;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 959px) {
        body.page-id-9818 main .area_tab a div:nth-of-type(1) {
          height: auto;
          display: block;
          border-right: none;
          border-bottom: 1px solid #808080;
          margin-bottom: 0.5em;
          padding-bottom: 0.5em; } }
      body.page-id-9818 main .area_tab a div:nth-of-type(1) span {
        font-size: 1.5em;
        font-weight: bold;
        display: block;
        margin: auto 0; }
        @media screen and (max-width: 599px) {
          body.page-id-9818 main .area_tab a div:nth-of-type(1) span {
            margin: 0; } }
    body.page-id-9818 main .area_tab a div:nth-of-type(2) {
      flex-basis: calc(calc(272/474) * 100%);
      line-height: 1.8;
      padding-left: 2em; }
      @media screen and (max-width: 959px) {
        body.page-id-9818 main .area_tab a div:nth-of-type(2) {
          padding: 0em;
          text-align: left; } }

body.page-id-9818 main .sub_title {
  font-weight: bold;
  margin-top: 3.1em;
  margin-bottom: 2em;
  position: relative;
  padding-left: 2em; }
  @media screen and (min-width: 960px) {
    body.page-id-9818 main .sub_title {
      font-size: 20px; } }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main .sub_title {
      font-size: 19px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .sub_title {
      font-size: 18px; } }
  body.page-id-9818 main .sub_title:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f105';
    font-weight: 900;
    content: "\f0eb";
    font-weight: 500;
    font-size: 1.6em;
    position: absolute;
    top: 0em;
    left: 0.1em;
    color: #ea6088; }

body.page-id-9818 main .tb-area-title {
  display: flex;
  border-radius: 0.7em;
  overflow: hidden;
  background: #fdeff3;
  align-items: center;
  margin-bottom: 2em; }
  @media screen and (min-width: 960px) {
    body.page-id-9818 main .tb-area-title {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main .tb-area-title {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .tb-area-title {
      font-size: 12px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .tb-area-title {
      display: block; } }
  body.page-id-9818 main .tb-area-title .tb-area-title-main {
    flex-basis: 7em;
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    background: #ea6088;
    padding: 0.5em 0; }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main .tb-area-title .tb-area-title-main {
        display: block; } }
  body.page-id-9818 main .tb-area-title .tb-area-title-sub {
    padding-left: 1.5em; }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main .tb-area-title .tb-area-title-sub {
        display: block;
        padding: 1em; } }

body.page-id-9818 main .tb-hos {
  background: #f7f7f7;
  padding: 2em;
  border-radius: 0.7em;
  margin-bottom: 1em; }
  @media screen and (min-width: 960px) {
    body.page-id-9818 main .tb-hos {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main .tb-hos {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main .tb-hos {
      font-size: 12px; } }
  body.page-id-9818 main .tb-hos + .tb-area-title {
    margin-top: 4em; }
  body.page-id-9818 main .tb-hos .flex_box {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main .tb-hos .flex_box {
        display: block; } }
    body.page-id-9818 main .tb-hos .flex_box .tb-hos-area {
      flex-basis: 12.4em;
      border-radius: 0.5em;
      font-size: 1.25em;
      text-align: center;
      font-weight: bold;
      box-sizing: border-box;
      border: 1px solid #ea6088;
      color: #ea6088;
      background: #ffffff;
      padding: 0.5em 0;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 599px) {
        body.page-id-9818 main .tb-hos .flex_box .tb-hos-area {
          max-width: 280px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 1.5em; } }
    body.page-id-9818 main .tb-hos .flex_box .tb-hos-name {
      padding-left: 2em; }
      @media screen and (max-width: 599px) {
        body.page-id-9818 main .tb-hos .flex_box .tb-hos-name {
          padding: 0 1em;
          text-align: center; } }
      body.page-id-9818 main .tb-hos .flex_box .tb-hos-name h3 {
        font-weight: bold;
        font-size: 1.25em;
        margin-bottom: 0.3em; }
  body.page-id-9818 main .tb-hos .flex_box_type2 {
    padding-top: 2em;
    margin-top: 2em;
    border-top: 1px solid #4c4c4c;
    display: flex;
    justify-content: right; }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main .tb-hos .flex_box_type2 {
        display: block; } }
    body.page-id-9818 main .tb-hos .flex_box_type2 .info {
      flex-basis: calc(100% - 33.125em); }
      body.page-id-9818 main .tb-hos .flex_box_type2 .info span {
        display: block;
        margin-bottom: 0.4em; }
    body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box {
      flex-basis: 33.125em;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2em; }
      @media screen and (max-width: 599px) {
        body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box {
          margin-top: 2em; } }
      body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li a {
        display: block;
        background: #f18e1d;
        padding: 0.6em 0;
        border-bottom: 3px solid #d37000;
        border-radius: 10px;
        font-size: 1.5em;
        transform: translateY(0px);
        text-align: center;
        color: #ffffff;
        font-weight: bold; }
        @media screen and (max-width: 599px) {
          body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li a {
            font-size: 14px;
            padding: 0.6em 0 0.6em; } }
        body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li a:before {
          font-family: 'Font Awesome 6 Pro';
          content: '\f098';
          font-weight: 900;
          content: "\f095";
          margin-right: 0.3em; }
          @media screen and (max-width: 599px) {
            body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li a:before {
              display: block;
              margin: 0 auto 0.4em;
              padding-top: 0.4em;
              font-size: 2em; } }
      body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li:hover a {
        animation: pushBtn 0.1s linear forwards;
        opacity: 1; }
      body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li.tb-hos-map {
        visibility: hidden; }
        body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li.tb-hos-map a {
          background: #00afec;
          border-bottom-color: #0091ce; }
          body.page-id-9818 main .tb-hos .flex_box_type2 .btn_box li.tb-hos-map a:before {
            content: "\f3c5"; }

body.page-id-9818 main #tb-about {
  background: #fdeff3;
  border-radius: 10px;
  padding: 2em;
  box-sizing: border-box; }
  @media screen and (min-width: 960px) {
    body.page-id-9818 main #tb-about {
      margin-top: 100px; } }
  @media screen and (max-width: 959px) {
    body.page-id-9818 main #tb-about {
      margin-top: 80px; } }
  @media screen and (max-width: 599px) {
    body.page-id-9818 main #tb-about {
      margin-top: 60px; } }
  body.page-id-9818 main #tb-about h2 {
    text-align: center;
    font-weight: bold;
    color: #ea6088;
    font-size: 1.5em;
    margin-bottom: 1em;
    line-height: 1; }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main #tb-about h2 {
        line-height: 1.6; } }
  body.page-id-9818 main #tb-about ul li {
    line-height: 1.8; }
    @media screen and (min-width: 960px) {
      body.page-id-9818 main #tb-about ul li {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      body.page-id-9818 main #tb-about ul li {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main #tb-about ul li {
        font-size: 12px; } }
    body.page-id-9818 main #tb-about ul li a {
      color: #ea6088;
      text-decoration: underline; }
  body.page-id-9818 main #tb-about ul li:not(.bg) {
    position: relative;
    padding-left: 1em; }
    body.page-id-9818 main #tb-about ul li:not(.bg):before {
      content: "・";
      position: absolute;
      top: 0;
      left: 0; }
  body.page-id-9818 main #tb-about ul li.bg {
    background: #ffffff;
    padding: 1em;
    margin: 1em 0;
    border-radius: 10px; }
  body.page-id-9818 main #tb-about .note {
    background: #ffffff;
    margin: 1em 0 0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main #tb-about .note {
        display: block; } }
    body.page-id-9818 main #tb-about .note > div {
      font-size: 1.5em;
      flex-basis: 5em;
      text-align: center;
      padding: 1.2em 0;
      font-weight: bold;
      color: #ffffff;
      background: #ea6088; }
      @media screen and (max-width: 599px) {
        body.page-id-9818 main #tb-about .note > div {
          padding: 0.3em 0; } }
    @media screen and (min-width: 600px) {
      body.page-id-9818 main #tb-about .note ul {
        padding-left: 2em; } }
    @media screen and (max-width: 599px) {
      body.page-id-9818 main #tb-about .note ul {
        padding: 1em; } }
    body.page-id-9818 main #tb-about .note ul li + li {
      margin-top: 0.4em; }
      @media screen and (max-width: 599px) {
        body.page-id-9818 main #tb-about .note ul li + li {
          margin-top: 1em; } }

@media screen and (min-width: 960px) {
  main#dentalColumnTop {
    font-size: 16px; } }

@media screen and (max-width: 959px) {
  main#dentalColumnTop {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  main#dentalColumnTop {
    font-size: 12px; } }

main#dentalColumnTop .visual_box img {
  width: 100%;
  height: auto;
  display: block; }

main#dentalColumnTop .read_box {
  position: relative;
  background-color: #fff;
  background-image: radial-gradient(circle, rgba(100, 192, 171, 0.18) 20%, transparent 20%), radial-gradient(circle, rgba(100, 192, 171, 0.18) 20%, transparent 20%);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px; }
  @media screen and (min-width: 960px) {
    main#dentalColumnTop .read_box {
      padding-top: 120px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .read_box {
      padding-top: 100px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .read_box {
      padding-top: 80px; } }
  @media screen and (min-width: 960px) {
    main#dentalColumnTop .read_box {
      padding-bottom: 96px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .read_box {
      padding-bottom: 76px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .read_box {
      padding-bottom: 56px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .read_box {
      padding-bottom: 600px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .read_box {
      padding-bottom: 350px; } }
  main#dentalColumnTop .read_box:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 40.9375em;
    width: 40.375em;
    background: url("../img/dental_column/img01.png") no-repeat center/cover; }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .read_box:after {
        font-size: 8px; } }
  main#dentalColumnTop .read_box:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 22.1875em;
    width: 100%;
    background: #e0f2ee; }
  main#dentalColumnTop .read_box .title {
    text-align: center;
    margin-bottom: 3.5em; }
    @media screen and (min-width: 960px) {
      main#dentalColumnTop .read_box .title {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .read_box .title {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .read_box .title {
        font-size: 14px; } }
    main#dentalColumnTop .read_box .title:before {
      content: "";
      display: block;
      width: 1em;
      height: 1em;
      margin: 0 auto 0.5em;
      background: url("../img/dental_column/icon1.png") no-repeat center/cover; }
      @media screen and (min-width: 960px) {
        main#dentalColumnTop .read_box .title:before {
          font-size: 45px; } }
      @media screen and (max-width: 959px) {
        main#dentalColumnTop .read_box .title:before {
          font-size: 35px; } }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .read_box .title:before {
          font-size: 25px; } }
    main#dentalColumnTop .read_box .title span {
      font-weight: bold;
      margin-bottom: 1em;
      display: block; }
    main#dentalColumnTop .read_box .title h2 {
      font-size: 2em;
      font-weight: bold;
      display: inline-block; }
      main#dentalColumnTop .read_box .title h2 br {
        display: none; }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .read_box .title h2 {
          font-size: 1.9em; }
          main#dentalColumnTop .read_box .title h2 br {
            display: inline-block; } }
      main#dentalColumnTop .read_box .title h2:after {
        content: "";
        display: block;
        background: #f9dd4a;
        height: 0.3em; }
        @media screen and (max-width: 599px) {
          main#dentalColumnTop .read_box .title h2:after {
            width: 60%;
            margin: 20px auto 0; } }
  main#dentalColumnTop .read_box .text_box {
    background: #ffffff;
    border-radius: 1.25em;
    padding: 1.25em;
    box-sizing: border-box;
    max-width: 674px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 5; }
    @media screen and (min-width: 960px) {
      main#dentalColumnTop .read_box .text_box {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .read_box .text_box {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .read_box .text_box {
        font-size: 12px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .read_box .text_box {
        margin: 0 auto;
        width: 90%;
        max-width: none; } }
    main#dentalColumnTop .read_box .text_box > div {
      padding: 2.5em;
      border-radius: 1em;
      border: 2px dashed #64c0ab; }
      main#dentalColumnTop .read_box .text_box > div p {
        line-height: 2; }
        main#dentalColumnTop .read_box .text_box > div p strong {
          color: #64c0ab; }
        main#dentalColumnTop .read_box .text_box > div p + p {
          margin-top: 1.5em; }

main#dentalColumnTop .ranking_box {
  background: #e8f6f2; }
  main#dentalColumnTop .ranking_box .title {
    text-align: center;
    padding: 1.5em 0 2.5em;
    position: relative; }
    @media screen and (min-width: 960px) {
      main#dentalColumnTop .ranking_box .title {
        margin-bottom: 128px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .ranking_box .title {
        margin-bottom: 108px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .ranking_box .title {
        margin-bottom: 88px; } }
    main#dentalColumnTop .ranking_box .title:before {
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      background: url("../img/dental_column/title_bg.png") no-repeat;
      background-size: 100% 100%; }
    main#dentalColumnTop .ranking_box .title span {
      position: relative;
      z-index: 5;
      display: block;
      text-indent: -99999em;
      width: 6.25em;
      height: 2em;
      background: url("../img/dental_column/subtitle1.png") no-repeat center/cover;
      margin: 0 auto 1.3em; }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .ranking_box .title span {
          font-size: 10px; } }
    main#dentalColumnTop .ranking_box .title h2 {
      position: relative;
      z-index: 5;
      color: #ffffff;
      font-weight: bold; }
      @media screen and (min-width: 960px) {
        main#dentalColumnTop .ranking_box .title h2 {
          font-size: 40px; } }
      @media screen and (max-width: 959px) {
        main#dentalColumnTop .ranking_box .title h2 {
          font-size: 30px; } }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .ranking_box .title h2 {
          font-size: 20px; } }
  main#dentalColumnTop .ranking_box .text_box p {
    line-height: 2; }
  main#dentalColumnTop .ranking_box .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    margin-top: 4.4em;
    margin-bottom: 6.5em; }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .ranking_box .grid {
        grid-template-columns: 1fr;
        gap: 4em; } }
    main#dentalColumnTop .ranking_box .grid li {
      background: #ffffff;
      border-radius: 1.25em;
      text-align: center;
      box-sizing: border-box;
      padding: 4em 2em 2em 2em;
      position: relative; }
      main#dentalColumnTop .ranking_box .grid li:before {
        content: "";
        position: absolute;
        left: 2em;
        top: -2.5em;
        width: 5em;
        height: 5em;
        background: url("../img/dental_column/icon2.png") no-repeat center/cover; }
      main#dentalColumnTop .ranking_box .grid li img {
        width: 100%;
        height: auto; }
      main#dentalColumnTop .ranking_box .grid li i {
        display: block;
        font-weight: bold;
        font-size: 1.25em;
        margin-top: 0.8em;
        margin-bottom: 1.7em; }
      main#dentalColumnTop .ranking_box .grid li span {
        display: block;
        line-height: 2.2;
        font-size: 1.25em;
        font-weight: bold;
        color: #ffffff;
        border-radius: 0.5em; }
      main#dentalColumnTop .ranking_box .grid li:nth-of-type(1) span {
        background: #f2a0b8; }
      main#dentalColumnTop .ranking_box .grid li:nth-of-type(2):before {
        background: url("../img/dental_column/icon3.png") no-repeat center/cover; }
      main#dentalColumnTop .ranking_box .grid li:nth-of-type(2) span {
        background: #f7bb77; }
      main#dentalColumnTop .ranking_box .grid li:nth-of-type(3):before {
        background: url("../img/dental_column/icon4.png") no-repeat center/cover; }
      main#dentalColumnTop .ranking_box .grid li:nth-of-type(3) span {
        background: #66cff4; }
  main#dentalColumnTop .ranking_box .grid2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em;
    margin-top: 4.4em;
    padding-bottom: 6.5em; }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .ranking_box .grid2 {
        row-gap: 3em;
        grid-template-columns: repeat(2, 1fr); } }
    main#dentalColumnTop .ranking_box .grid2 li {
      background: #ffffff;
      border-radius: 1.25em;
      text-align: center;
      box-sizing: border-box;
      padding: 4em 2em 2em 2em;
      position: relative; }
      main#dentalColumnTop .ranking_box .grid2 li:before {
        content: "";
        position: absolute;
        left: 2em;
        top: -2.5em;
        width: 5em;
        height: 5em;
        background: url("../img/dental_column/icon2.png") no-repeat center/cover; }
        @media screen and (max-width: 599px) {
          main#dentalColumnTop .ranking_box .grid2 li:before {
            font-size: 10px; } }
      main#dentalColumnTop .ranking_box .grid2 li img {
        width: 100%;
        height: auto; }
      main#dentalColumnTop .ranking_box .grid2 li i {
        display: block;
        font-weight: bold;
        font-size: 1.25em;
        margin-top: 0.8em;
        margin-bottom: 1.7em; }
      main#dentalColumnTop .ranking_box .grid2 li span {
        display: block;
        line-height: 2.2;
        font-size: 1.25em;
        font-weight: bold;
        color: #ffffff;
        border-radius: 0.5em;
        background: #83cdbc; }
      main#dentalColumnTop .ranking_box .grid2 li:nth-of-type(1):before {
        background: url("../img/dental_column/icon5.png") no-repeat center/cover; }
      main#dentalColumnTop .ranking_box .grid2 li:nth-of-type(2):before {
        background: url("../img/dental_column/icon6.png") no-repeat center/cover; }
      main#dentalColumnTop .ranking_box .grid2 li:nth-of-type(3):before {
        background: url("../img/dental_column/icon7.png") no-repeat center/cover; }
      main#dentalColumnTop .ranking_box .grid2 li:nth-of-type(4):before {
        background: url("../img/dental_column/icon8.png") no-repeat center/cover; }

main#dentalColumnTop .guide_box {
  padding: 4em 0;
  background: #64c0ab;
  color: #ffffff; }
  main#dentalColumnTop .guide_box .title {
    text-align: center;
    font-size: 1.5em;
    position: relative;
    margin-bottom: 4em; }
    main#dentalColumnTop .guide_box .title h2 {
      font-weight: bold; }
    main#dentalColumnTop .guide_box .title:after {
      content: "";
      display: block;
      margin: 1em auto 0;
      height: 3px;
      width: 2.5em;
      background: #ffffff; }
  main#dentalColumnTop .guide_box .text_box p {
    line-height: 2; }
    main#dentalColumnTop .guide_box .text_box p + p {
      margin-top: 1.5em; }
  main#dentalColumnTop .guide_box .link {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    margin-top: 4em; }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .guide_box .link {
        grid-template-columns: 1fr; } }
    main#dentalColumnTop .guide_box .link li {
      background: #ffffff;
      height: 5.4375em;
      border-radius: 1.25em;
      position: relative; }
      main#dentalColumnTop .guide_box .link li:after {
        content: "";
        width: 1em;
        height: 1em;
        box-sizing: border-box;
        border-bottom: 1px solid #64c0ab;
        border-left: 1px solid #64c0ab;
        position: absolute;
        top: calc(50% - 0.7em);
        right: 2em;
        transform: rotate(-45deg); }
      main#dentalColumnTop .guide_box .link li a {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        main#dentalColumnTop .guide_box .link li a span {
          display: block;
          text-align: center;
          color: #64c0ab;
          font-weight: bold;
          line-height: 2; }
          @media screen and (max-width: 599px) {
            main#dentalColumnTop .guide_box .link li a span {
              text-align: left;
              padding: 0 4em 0 2em; }
              main#dentalColumnTop .guide_box .link li a span br {
                display: none; } }

main#dentalColumnTop .research_box {
  padding-top: 8em;
  padding-bottom: 8em; }
  main#dentalColumnTop .research_box .title {
    text-align: center;
    font-size: 1.5em;
    position: relative;
    margin-bottom: 4em; }
    main#dentalColumnTop .research_box .title h2 {
      font-weight: bold; }
    main#dentalColumnTop .research_box .title:after {
      content: "";
      display: block;
      margin: 1em auto 0;
      height: 3px;
      width: 2.5em;
      background: #64c0ab; }
  main#dentalColumnTop .research_box .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .research_box .flex_box {
        display: block; } }
    main#dentalColumnTop .research_box .flex_box dl {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 1.25em;
      background: #ffffff;
      box-sizing: border-box;
      padding: 2em;
      flex-basis: 30.4%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .research_box .flex_box dl {
          margin-bottom: 30px; } }
      main#dentalColumnTop .research_box .flex_box dl dt {
        background: #64c0ab;
        color: #ffffff;
        padding: 0.6em;
        text-align: center;
        border-radius: 1em; }
      main#dentalColumnTop .research_box .flex_box dl dd {
        padding-bottom: 0.3em;
        text-align: center; }
        @media screen and (max-width: 599px) {
          main#dentalColumnTop .research_box .flex_box dl dd {
            padding: 1em 0 1.4em; } }
    main#dentalColumnTop .research_box .flex_box .graph_box {
      flex-basis: 64%;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 1.25em;
      overflow: hidden; }
      main#dentalColumnTop .research_box .flex_box .graph_box h3 {
        background: #64c0ab;
        color: #ffffff;
        padding: 1.8em;
        text-align: center;
        font-size: 1.15em;
        font-weight: bold; }
      main#dentalColumnTop .research_box .flex_box .graph_box img {
        display: block;
        margin: 2em;
        width: 100%;
        height: auto; }
  main#dentalColumnTop .research_box .btn_box {
    background: #ffffff;
    height: 5.4375em;
    border-radius: 1.25em;
    position: relative;
    border: 2px solid #64c0ab;
    margin-top: 4em; }
    main#dentalColumnTop .research_box .btn_box:after {
      content: "";
      width: 1em;
      height: 1em;
      box-sizing: border-box;
      border-bottom: 1px solid #64c0ab;
      border-left: 1px solid #64c0ab;
      position: absolute;
      top: calc(50% - 0.4em);
      right: 2em;
      transform: rotate(-135deg); }
    main#dentalColumnTop .research_box .btn_box a {
      display: flex;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      main#dentalColumnTop .research_box .btn_box a span {
        display: block;
        text-align: center;
        color: #64c0ab;
        font-weight: bold;
        line-height: 2; }
        @media screen and (max-width: 599px) {
          main#dentalColumnTop .research_box .btn_box a span {
            text-align: left;
            padding: 0 4em 0 2em; }
            main#dentalColumnTop .research_box .btn_box a span br {
              display: none; } }

main#dentalColumnTop .end_text {
  position: relative;
  background-color: #ffffff;
  background-image: radial-gradient(circle, rgba(100, 192, 171, 0.18) 20%, transparent 20%), radial-gradient(circle, rgba(100, 192, 171, 0.18) 20%, transparent 20%);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px;
  display: block; }
  @media screen and (min-width: 960px) {
    main#dentalColumnTop .end_text {
      padding-bottom: 96px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .end_text {
      padding-bottom: 76px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .end_text {
      padding-bottom: 56px; } }
  main#dentalColumnTop .end_text .img_box img {
    width: 100%;
    height: auto;
    display: block; }
  main#dentalColumnTop .end_text .title {
    text-align: center;
    margin-bottom: 3.5em; }
    @media screen and (min-width: 960px) {
      main#dentalColumnTop .end_text .title {
        padding-top: 120px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .end_text .title {
        padding-top: 100px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .end_text .title {
        padding-top: 80px; } }
    @media screen and (min-width: 960px) {
      main#dentalColumnTop .end_text .title {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .end_text .title {
        font-size: 17px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .end_text .title {
        font-size: 14px; } }
    main#dentalColumnTop .end_text .title:before {
      content: "";
      display: block;
      width: 1em;
      height: 1em;
      margin: 0 auto 0.5em;
      background: url("../img/dental_column/icon1.png") no-repeat center/cover; }
      @media screen and (min-width: 960px) {
        main#dentalColumnTop .end_text .title:before {
          font-size: 45px; } }
      @media screen and (max-width: 959px) {
        main#dentalColumnTop .end_text .title:before {
          font-size: 35px; } }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .end_text .title:before {
          font-size: 25px; } }
    main#dentalColumnTop .end_text .title span {
      font-weight: bold;
      margin-bottom: 1em;
      display: block; }
    main#dentalColumnTop .end_text .title h2 {
      font-size: 2em;
      font-weight: bold;
      display: inline-block; }
      main#dentalColumnTop .end_text .title h2 br {
        display: none; }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .end_text .title h2 {
          font-size: 1.9em; }
          main#dentalColumnTop .end_text .title h2 br {
            display: inline-block; } }
      main#dentalColumnTop .end_text .title h2:after {
        content: "";
        display: block;
        background: #f9dd4a;
        height: 0.3em; }
        @media screen and (max-width: 599px) {
          main#dentalColumnTop .end_text .title h2:after {
            width: 60%;
            margin: 20px auto 0; } }
  main#dentalColumnTop .end_text .text_box p {
    line-height: 2; }
    main#dentalColumnTop .end_text .text_box p strong {
      color: #64c0ab; }
    main#dentalColumnTop .end_text .text_box p + p {
      margin-top: 1.5em; }

@media screen and (min-width: 960px) {
  main#dentalColumnTop .column_box {
    padding-bottom: 125px; } }

@media screen and (max-width: 959px) {
  main#dentalColumnTop .column_box {
    padding-bottom: 100px; } }

@media screen and (max-width: 599px) {
  main#dentalColumnTop .column_box {
    padding-bottom: 75px; } }

main#dentalColumnTop .column_box .box {
  border: 4px dotted #83cdbc;
  box-sizing: border-box;
  border-radius: 0.625em; }
  main#dentalColumnTop .column_box .box > .title {
    text-align: center;
    margin-bottom: 3.75em; }
    main#dentalColumnTop .column_box .box > .title p {
      margin-bottom: 0.5em;
      font-weight: bold; }
      main#dentalColumnTop .column_box .box > .title p span {
        display: inline-block;
        color: #83cdbc;
        margin-left: 1em;
        font-weight: bold; }
    main#dentalColumnTop .column_box .box > .title h2 {
      font-size: 3em; }
      main#dentalColumnTop .column_box .box > .title h2 span {
        font-weight: bold;
        line-height: 1;
        background: linear-gradient(to bottom, transparent 61%, #e0f2ee 61%, #e0f2ee); }
  main#dentalColumnTop .column_box .box .wait {
    position: relative; }
    main#dentalColumnTop .column_box .box .wait:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 4; }
    main#dentalColumnTop .column_box .box .wait:before {
      content: "";
      width: 15.9375em;
      height: 18.9375em;
      position: absolute;
      top: 50%;
      left: 50%;
      background: url("../img/dental_column/wait.png") no-repeat center/cover;
      z-index: 5;
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 960px) {
        main#dentalColumnTop .column_box .box .wait:before {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main#dentalColumnTop .column_box .box .wait:before {
          font-size: 13px; } }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .column_box .box .wait:before {
          font-size: 10px; } }
  main#dentalColumnTop .column_box .box .blur {
    filter: blur(10px); }
  @media screen and (min-width: 960px) {
    main#dentalColumnTop .column_box .box + .box {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .column_box .box + .box {
      margin-top: 44px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .column_box .box + .box {
      margin-top: 24px; } }
  @media screen and (min-width: 960px) {
    main#dentalColumnTop .column_box .box {
      padding: 64px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .column_box .box {
      padding: 44px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .column_box .box {
      padding: 24px; } }
  main#dentalColumnTop .column_box .box .flex_box {
    display: flex;
    align-items: top;
    justify-content: space-between; }
    @media screen and (min-width: 960px) {
      main#dentalColumnTop .column_box .box .flex_box {
        margin-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .column_box .box .flex_box {
        margin-bottom: 44px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .column_box .box .flex_box {
        margin-bottom: 24px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .column_box .box .flex_box {
        display: block; } }
  main#dentalColumnTop .column_box .box .img_box {
    flex-basis: 41.82879%; }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .column_box .box .img_box {
        margin-top: 30px; } }
    main#dentalColumnTop .column_box .box .img_box img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 1.25em; }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .column_box .box .img_box img {
          width: 80%;
          margin: 0 auto; } }
  main#dentalColumnTop .column_box .box .text_box {
    flex-basis: 51.94553%; }
    main#dentalColumnTop .column_box .box .text_box .title {
      text-align: center;
      margin-bottom: 3.75em; }
      main#dentalColumnTop .column_box .box .text_box .title p {
        margin-bottom: 0.5em;
        font-weight: bold; }
        main#dentalColumnTop .column_box .box .text_box .title p span {
          display: inline-block;
          color: #83cdbc;
          margin-left: 1em;
          font-weight: bold; }
      main#dentalColumnTop .column_box .box .text_box .title h2 {
        font-size: 3em; }
        main#dentalColumnTop .column_box .box .text_box .title h2 span {
          font-weight: bold;
          line-height: 1;
          background: linear-gradient(to bottom, transparent 61%, #e0f2ee 61%, #e0f2ee); }
          @media screen and (max-width: 959px) {
            main#dentalColumnTop .column_box .box .text_box .title h2 span br {
              display: none; } }
    main#dentalColumnTop .column_box .box .text_box p {
      line-height: 2; }
      main#dentalColumnTop .column_box .box .text_box p strong {
        color: #83cdbc; }
      main#dentalColumnTop .column_box .box .text_box p + p {
        margin-top: 4em; }
  main#dentalColumnTop .column_box .box .columnist_box {
    border-radius: 1.25em;
    overflow: hidden;
    background: #83cdbc;
    position: relative; }
    main#dentalColumnTop .column_box .box .columnist_box a {
      color: #ffffff;
      padding: 2em 70px 2em 2em;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .column_box .box .columnist_box a {
          display: block;
          padding: 2em; } }
      main#dentalColumnTop .column_box .box .columnist_box a .photo_box {
        flex-basis: 109px; }
        @media screen and (max-width: 599px) {
          main#dentalColumnTop .column_box .box .columnist_box a .photo_box {
            width: 60%;
            margin: 0 auto 20px; } }
        main#dentalColumnTop .column_box .box .columnist_box a .photo_box img {
          width: 100%;
          height: auto; }
      main#dentalColumnTop .column_box .box .columnist_box a .title_box {
        flex-basis: calc(100% - 109px);
        box-sizing: border-box;
        padding-left: 2em;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media screen and (max-width: 599px) {
          main#dentalColumnTop .column_box .box .columnist_box a .title_box {
            padding-left: 0; } }
        main#dentalColumnTop .column_box .box .columnist_box a .title_box h3 {
          font-size: 1.25em;
          font-weight: bold;
          margin-top: 0;
          margin-bottom: 1.7em; }
        main#dentalColumnTop .column_box .box .columnist_box a .title_box .name {
          border-top: 2px dotted #ffffff;
          position: relative;
          padding-top: 2.125em; }
          main#dentalColumnTop .column_box .box .columnist_box a .title_box .name:before {
            font-size: 0.8em;
            content: "コラム監修";
            position: absolute;
            top: 0;
            left: 0;
            transform: translateY(-50%);
            padding: 0.4em 1.5em;
            color: #83cdbc;
            background: #ffffff;
            border-radius: 0.5em; }
          main#dentalColumnTop .column_box .box .columnist_box a .title_box .name h4 {
            font-weight: bold; }
          main#dentalColumnTop .column_box .box .columnist_box a .title_box .name p {
            font-weight: bold; }
            main#dentalColumnTop .column_box .box .columnist_box a .title_box .name p span {
              font-weight: bold;
              font-size: 1.5em;
              display: inline-block;
              margin-left: 0.8em; }
  main#dentalColumnTop .column_box .box#link1 {
    border-color: #f2a0b8; }
    main#dentalColumnTop .column_box .box#link1 .flex_box .text_box .title p span {
      color: #f2a0b8; }
    main#dentalColumnTop .column_box .box#link1 .flex_box .text_box .title h2 span {
      background: linear-gradient(to bottom, transparent 61%, #fbdfe7 61%, #fbdfe7); }
    main#dentalColumnTop .column_box .box#link1 .flex_box .text_box p strong {
      color: #f2a0b8; }
    main#dentalColumnTop .column_box .box#link1 .columnist_box {
      background: #f2a0b8; }
      main#dentalColumnTop .column_box .box#link1 .columnist_box .title_box .name:before {
        color: #f2a0b8; }
    @media screen and (min-width: 960px) {
      main#dentalColumnTop .column_box .box#link1 .hos_link {
        margin-top: 64px; } }
    @media screen and (max-width: 959px) {
      main#dentalColumnTop .column_box .box#link1 .hos_link {
        margin-top: 44px; } }
    @media screen and (max-width: 599px) {
      main#dentalColumnTop .column_box .box#link1 .hos_link {
        margin-top: 24px; } }
    main#dentalColumnTop .column_box .box#link1 .hos_link a {
      display: block;
      padding: 2em 0;
      text-align: center;
      color: #f2a0b8;
      font-weight: bold;
      box-sizing: border-box;
      border: 2px solid #f2a0b8;
      border-radius: 0.625em; }
  main#dentalColumnTop .column_box .box#link2 {
    border-color: #f7bb77; }
    main#dentalColumnTop .column_box .box#link2 .flex_box .text_box {
      order: 2; }
      main#dentalColumnTop .column_box .box#link2 .flex_box .text_box .title p span {
        color: #f7bb77; }
      main#dentalColumnTop .column_box .box#link2 .flex_box .text_box .title h2 span {
        background: linear-gradient(to bottom, transparent 61%, #fce8d2 61%, #fce8d2); }
      main#dentalColumnTop .column_box .box#link2 .flex_box .text_box p strong {
        color: #f7bb77; }
    main#dentalColumnTop .column_box .box#link2 .flex_box .img_box {
      order: 1; }
    main#dentalColumnTop .column_box .box#link2 .columnist_box {
      background: #f7bb77; }
      main#dentalColumnTop .column_box .box#link2 .columnist_box .title_box .name:before {
        color: #f7bb77; }
  main#dentalColumnTop .column_box .box#link3 {
    border-color: #33bff0; }
    main#dentalColumnTop .column_box .box#link3 > .title h2 span {
      background: linear-gradient(to bottom, transparent 61%, #cceffb 61%, #cceffb); }
    main#dentalColumnTop .column_box .box#link3 > .title p strong {
      color: #33bff0; }
    main#dentalColumnTop .column_box .box#link3 .flex_box .text_box .title p span {
      color: #33bff0; }
    main#dentalColumnTop .column_box .box#link3 .flex_box .text_box .title h2 span {
      background: linear-gradient(to bottom, transparent 61%, #cceffb 61%, #cceffb); }
    main#dentalColumnTop .column_box .box#link3 .flex_box .text_box p strong {
      color: #33bff0; }
    main#dentalColumnTop .column_box .box#link3 .columnist_box {
      background: #33bff0; }
      main#dentalColumnTop .column_box .box#link3 .columnist_box .title_box .name:before {
        color: #33bff0; }
  main#dentalColumnTop .column_box .box#link4 .flex_box .text_box {
    order: 2; }
  main#dentalColumnTop .column_box .box#link4 .flex_box .img_box {
    order: 1; }
  main#dentalColumnTop .column_box .box#link5 > .title {
    text-align: center;
    margin-bottom: 3.75em; }
    main#dentalColumnTop .column_box .box#link5 > .title p {
      margin-bottom: 0.5em;
      font-weight: bold; }
      main#dentalColumnTop .column_box .box#link5 > .title p span {
        display: inline-block;
        color: #83cdbc;
        margin-left: 1em;
        font-weight: bold; }
    main#dentalColumnTop .column_box .box#link5 > .title h2 {
      font-size: 3em; }
      main#dentalColumnTop .column_box .box#link5 > .title h2 span {
        font-weight: bold;
        line-height: 1;
        background: linear-gradient(to bottom, transparent 61%, #e0f2ee 61%, #e0f2ee); }
  main#dentalColumnTop .column_box .box#link5 .flex_box .img_box {
    order: 2; }
  main#dentalColumnTop .column_box .box#link5 .flex_box .text_box {
    order: 1; }
    main#dentalColumnTop .column_box .box#link5 .flex_box .text_box ul {
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: 0.625em;
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        main#dentalColumnTop .column_box .box#link5 .flex_box .text_box ul {
          padding: 64px; } }
      @media screen and (max-width: 959px) {
        main#dentalColumnTop .column_box .box#link5 .flex_box .text_box ul {
          padding: 44px; } }
      @media screen and (max-width: 599px) {
        main#dentalColumnTop .column_box .box#link5 .flex_box .text_box ul {
          padding: 24px; } }
      main#dentalColumnTop .column_box .box#link5 .flex_box .text_box ul li {
        font-size: 1.15em;
        font-weight: bold;
        margin-bottom: 0.8em;
        padding-bottom: 0.8em;
        border-bottom: 3px dotted #cccccc;
        padding-left: 1.4em;
        position: relative; }
        main#dentalColumnTop .column_box .box#link5 .flex_box .text_box ul li:before {
          content: "";
          width: 1em;
          height: 1em;
          position: absolute;
          top: 0.25em;
          left: 0;
          background: url("../img/dental_column/icon9.png") no-repeat center/cover; }
        main#dentalColumnTop .column_box .box#link5 .flex_box .text_box ul li span {
          font-weight: bold;
          color: #64c0ab; }
  @media screen and (min-width: 960px) {
    main#dentalColumnTop .column_box .box#link5 > .text_box + .flex_box {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .column_box .box#link5 > .text_box + .flex_box {
      margin-top: 44px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .column_box .box#link5 > .text_box + .flex_box {
      margin-top: 24px; } }
  main#dentalColumnTop .column_box .box#link5 > .text_box p + p {
    margin-top: 1.5em; }
  @media screen and (min-width: 960px) {
    main#dentalColumnTop .column_box .box#link5 > .text_box + .columnist_box {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    main#dentalColumnTop .column_box .box#link5 > .text_box + .columnist_box {
      margin-top: 44px; } }
  @media screen and (max-width: 599px) {
    main#dentalColumnTop .column_box .box#link5 > .text_box + .columnist_box {
      margin-top: 24px; } }
  main#dentalColumnTop .column_box .box#link6 .flex_box .text_box {
    order: 2; }
  main#dentalColumnTop .column_box .box#link6 .flex_box .img_box {
    order: 1; }

@media screen and (min-width: 960px) {
  body.single-report .sns_box {
    margin-bottom: 64px; } }

@media screen and (max-width: 959px) {
  body.single-report .sns_box {
    margin-bottom: 44px; } }

@media screen and (max-width: 599px) {
  body.single-report .sns_box {
    margin-bottom: 24px; } }

@media screen and (min-width: 960px) {
  main.report240925 {
    margin-bottom: 124px; } }

@media screen and (max-width: 959px) {
  main.report240925 {
    margin-bottom: 104px; } }

@media screen and (max-width: 599px) {
  main.report240925 {
    margin-bottom: 84px; } }

main.report240925 img {
  width: 100%;
  height: auto; }

main.report240925 .visual_box {
  margin-bottom: 0 !important; }
  main.report240925 .visual_box h3 {
    text-align: center;
    letter-spacing: 5px;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      main.report240925 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      main.report240925 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      main.report240925 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      main.report240925 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      main.report240925 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      main.report240925 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      main.report240925 .visual_box h3 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      main.report240925 .visual_box h3 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      main.report240925 .visual_box h3 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      main.report240925 .visual_box h3 {
        letter-spacing: 2px; } }
  main.report240925 .visual_box p {
    padding: 1.5em 2em;
    background: #f2fbfe;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      main.report240925 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report240925 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report240925 .visual_box p {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      main.report240925 .visual_box p {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      main.report240925 .visual_box p {
        margin-bottom: 65px; } }
    @media screen and (max-width: 599px) {
      main.report240925 .visual_box p {
        margin-bottom: 50px; } }

@media screen and (min-width: 960px) {
  main.report240925 section.box .mt32 {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  main.report240925 section.box .mt32 {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  main.report240925 section.box .mt32 {
    margin-top: 24px; } }

@media screen and (min-width: 960px) {
  main.report240925 section.box + .box {
    margin-top: 95px; } }

@media screen and (max-width: 959px) {
  main.report240925 section.box + .box {
    margin-top: 75px; } }

@media screen and (max-width: 599px) {
  main.report240925 section.box + .box {
    margin-top: 55px; } }

main.report240925 section.box .btn_box a {
  display: block;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #00aeeb;
  padding: 1.6em;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .btn_box a {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .btn_box a {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .btn_box a {
      font-size: 10px; } }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .btn_box a {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .btn_box a {
      margin-top: 49px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .btn_box a {
      margin-top: 34px; } }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .btn_box a {
      margin-bottom: 64px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .btn_box a {
      margin-bottom: 49px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .btn_box a {
      margin-bottom: 34px; } }
  main.report240925 section.box .btn_box a span {
    font-weight: bold;
    display: block;
    margin-bottom: 0.8em; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .btn_box a span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .btn_box a span {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .btn_box a span {
        font-size: 12px; } }

main.report240925 section.box h3 {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #00aeeb;
  padding-bottom: 0.8em;
  padding-left: 1.5em;
  position: relative; }
  @media screen and (min-width: 960px) {
    main.report240925 section.box h3 {
      margin-bottom: 64px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box h3 {
      margin-bottom: 49px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box h3 {
      margin-bottom: 34px; } }
  main.report240925 section.box h3:before {
    content: '';
    position: absolute;
    top: 0.3em;
    left: 0.1em;
    width: 1em;
    height: 1em;
    background: #00aeeb; }

main.report240925 section.box .new_inner > h4 {
  background: #f2fbfe;
  padding: 0.8em 0.8em 0.8em 1.2em;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .new_inner > h4 {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .new_inner > h4 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .new_inner > h4 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .new_inner > h4 {
      margin-bottom: 32px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .new_inner > h4 {
      margin-bottom: 28px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .new_inner > h4 {
      margin-bottom: 24px; } }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .new_inner > h4 {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .new_inner > h4 {
      margin-top: 56px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .new_inner > h4 {
      margin-top: 48px; } }
  main.report240925 section.box .new_inner > h4 span {
    display: inline-block;
    padding-right: 0.6em;
    font-weight: bold; }

main.report240925 section.box .text_box p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .text_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .text_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .text_box p {
      font-size: 14px; } }
  main.report240925 section.box .text_box p + p {
    margin-top: 2em; }

@media screen and (min-width: 960px) {
  main.report240925 section.box .text_box.mt64 {
    margin-top: 64px; } }

@media screen and (max-width: 959px) {
  main.report240925 section.box .text_box.mt64 {
    margin-top: 56px; } }

@media screen and (max-width: 599px) {
  main.report240925 section.box .text_box.mt64 {
    margin-top: 48px; } }

@media screen and (min-width: 960px) {
  main.report240925 section.box .text_box ul {
    font-size: 18px; } }

@media screen and (max-width: 959px) {
  main.report240925 section.box .text_box ul {
    font-size: 16px; } }

@media screen and (max-width: 599px) {
  main.report240925 section.box .text_box ul {
    font-size: 14px; } }

@media screen and (min-width: 960px) {
  main.report240925 section.box .text_box ul {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  main.report240925 section.box .text_box ul {
    margin-top: 27px; } }

@media screen and (max-width: 599px) {
  main.report240925 section.box .text_box ul {
    margin-top: 22px; } }

@media screen and (min-width: 960px) {
  main.report240925 section.box .text_box ul {
    margin-bottom: 32px; } }

@media screen and (max-width: 959px) {
  main.report240925 section.box .text_box ul {
    margin-bottom: 27px; } }

@media screen and (max-width: 599px) {
  main.report240925 section.box .text_box ul {
    margin-bottom: 22px; } }

main.report240925 section.box .text_box ul li {
  position: relative;
  padding-left: 1.5em;
  font-weight: bold; }
  main.report240925 section.box .text_box ul li:before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    position: absolute;
    top: 0.3em;
    left: 0;
    background: #00aeeb; }
  main.report240925 section.box .text_box ul li + li {
    margin-top: 1em; }

main.report240925 section.box .flex_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .flex_box {
      display: block; } }
  main.report240925 section.box .flex_box .img_box {
    flex-basis: 48.61592%; }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .flex_box .img_box {
        margin-top: 20px; } }
    main.report240925 section.box .flex_box .img_box p {
      text-align: center;
      margin-top: 0.8em;
      line-height: 1.8; }
      @media screen and (min-width: 960px) {
        main.report240925 section.box .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main.report240925 section.box .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main.report240925 section.box .flex_box .img_box p {
          font-size: 12px; } }
  main.report240925 section.box .flex_box .text_box {
    flex-basis: 48.61592%; }
  main.report240925 section.box .flex_box .bq {
    flex-basis: 100%;
    text-align: right;
    line-height: 1.8; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .flex_box .bq {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .flex_box .bq {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .flex_box .bq {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .flex_box .bq {
        margin-bottom: 20px; } }

main.report240925 section.box .note {
  border: 1px solid #00aeeb;
  padding-bottom: 2em; }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .note {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .note {
      margin-top: 28px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .note {
      margin-top: 24px; } }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .note + .text_box {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .note + .text_box {
      margin-top: 27px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .note + .text_box {
      margin-top: 22px; } }
  main.report240925 section.box .note h4 {
    color: #ffffff;
    background: #00aeeb;
    font-weight: bold;
    padding: 0.6em 0.6em 0.6em 1.2em; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .note h4 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .note h4 {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .note h4 {
        font-size: 16px; } }
  main.report240925 section.box .note p {
    line-height: 2;
    margin-top: 1.5em;
    margin-left: 1.5em;
    margin-right: 1.5em; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .note p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .note p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .note p {
        font-size: 14px; } }
    main.report240925 section.box .note p strong {
      display: block;
      font-weight: bold;
      margin-bottom: 0.3em; }
    main.report240925 section.box .note p + p {
      border-top: 2px dotted #00aeeb;
      padding-top: 1.5em; }
  main.report240925 section.box .note .flex_box {
    margin-left: 1.5em;
    margin-right: 1.5em; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .note .flex_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .note .flex_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .note .flex_box {
        font-size: 14px; } }
  main.report240925 section.box .note .text_box p {
    margin-right: 0;
    margin-left: 0; }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .note .img_box {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .note .img_box {
      margin-top: 27px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .note .img_box {
      margin-top: 22px; } }
  main.report240925 section.box .note .img_box span {
    display: block;
    text-align: right; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .note .img_box span {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .note .img_box span {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .note .img_box span {
        font-size: 14px; } }
    main.report240925 section.box .note .img_box span a {
      text-decoration: underline; }
  main.report240925 section.box .note ul {
    margin-left: 1.5em;
    margin-right: 1.5em; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .note ul {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .note ul {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .note ul {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .note ul {
        margin-top: 32px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .note ul {
        margin-top: 27px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .note ul {
        margin-top: 22px; } }
    main.report240925 section.box .note ul li + li {
      margin-top: 1.8em; }
    main.report240925 section.box .note ul.not li {
      position: relative;
      padding-left: 2em; }
      main.report240925 section.box .note ul.not li:before {
        content: "";
        font-size: 1.5em;
        width: 1em;
        height: 1em;
        position: absolute;
        top: 0;
        left: 0;
        background: url("../img/report/240925/cross.png") no-repeat center/cover; }

@media screen and (min-width: 960px) {
  main.report240925 section.box .flow_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  main.report240925 section.box .flow_box {
    margin-top: 27px; } }

@media screen and (max-width: 599px) {
  main.report240925 section.box .flow_box {
    margin-top: 22px; } }

main.report240925 section.box .flow_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .flow_box ul {
      flex-direction: column; } }
  main.report240925 section.box .flow_box ul:before, main.report240925 section.box .flow_box ul:after {
    content: '';
    background: url("../img/report/240925/arrow.png") no-repeat center/cover;
    width: 1em;
    height: 2em;
    display: block;
    margin: auto 0; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .flow_box ul:before, main.report240925 section.box .flow_box ul:after {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .flow_box ul:before, main.report240925 section.box .flow_box ul:after {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .flow_box ul:before, main.report240925 section.box .flow_box ul:after {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .flow_box ul:before, main.report240925 section.box .flow_box ul:after {
        transform: rotate(90deg);
        margin: 0 auto; } }
  main.report240925 section.box .flow_box ul:before {
    order: 2; }
  main.report240925 section.box .flow_box ul:after {
    order: 4; }
  main.report240925 section.box .flow_box ul li {
    flex-basis: 31.48789%;
    background: #f2fbfe;
    padding: 1.6em;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .flow_box ul li {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .flow_box ul li {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .flow_box ul li {
        font-size: 14px; } }
    main.report240925 section.box .flow_box ul li p {
      font-weight: bold;
      padding-left: 1.2em;
      position: relative;
      display: block;
      line-height: 2; }
      main.report240925 section.box .flow_box ul li p:before {
        content: "1.";
        line-height: 2;
        position: absolute;
        top: 0;
        left: 0; }
    main.report240925 section.box .flow_box ul li span {
      display: block; }
      @media screen and (min-width: 960px) {
        main.report240925 section.box .flow_box ul li span {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main.report240925 section.box .flow_box ul li span {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main.report240925 section.box .flow_box ul li span {
          font-size: 12px; } }
    main.report240925 section.box .flow_box ul li:nth-of-type(1) {
      order: 1; }
    main.report240925 section.box .flow_box ul li:nth-of-type(2) {
      order: 3; }
      main.report240925 section.box .flow_box ul li:nth-of-type(2) p:before {
        content: '2.'; }
    main.report240925 section.box .flow_box ul li:nth-of-type(3) {
      order: 5; }
      main.report240925 section.box .flow_box ul li:nth-of-type(3) p:before {
        content: '3.'; }

main.report240925 section.box .memo {
  background: #f5f5f5;
  padding: 0.8em; }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .memo {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .memo {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .memo {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    main.report240925 section.box .memo {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report240925 section.box .memo {
      margin-top: 27px; } }
  @media screen and (max-width: 599px) {
    main.report240925 section.box .memo {
      margin-top: 22px; } }
  main.report240925 section.box .memo a {
    text-decoration: underline; }
  main.report240925 section.box .memo + p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .memo + p {
        margin-top: 32px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .memo + p {
        margin-top: 27px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .memo + p {
        margin-top: 22px; } }
    @media screen and (min-width: 960px) {
      main.report240925 section.box .memo + p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report240925 section.box .memo + p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report240925 section.box .memo + p {
        font-size: 14px; } }

@media screen and (min-width: 960px) {
  body.single-report .sns_box {
    margin-bottom: 64px; } }

@media screen and (max-width: 959px) {
  body.single-report .sns_box {
    margin-bottom: 44px; } }

@media screen and (max-width: 599px) {
  body.single-report .sns_box {
    margin-bottom: 24px; } }

@media screen and (min-width: 960px) {
  main.report241007 {
    margin-bottom: 124px; } }

@media screen and (max-width: 959px) {
  main.report241007 {
    margin-bottom: 104px; } }

@media screen and (max-width: 599px) {
  main.report241007 {
    margin-bottom: 84px; } }

main.report241007 img {
  width: 100%;
  height: auto; }

main.report241007 .visual_box {
  margin-bottom: 0 !important; }
  main.report241007 .visual_box h3 {
    text-align: center;
    letter-spacing: 5px;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      main.report241007 .visual_box h3 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      main.report241007 .visual_box h3 {
        font-size: 24px; } }
    @media screen and (max-width: 599px) {
      main.report241007 .visual_box h3 {
        font-size: 16px; } }
    @media screen and (min-width: 960px) {
      main.report241007 .visual_box h3 {
        margin-top: 40px; } }
    @media screen and (max-width: 959px) {
      main.report241007 .visual_box h3 {
        margin-top: 25px; } }
    @media screen and (max-width: 599px) {
      main.report241007 .visual_box h3 {
        margin-top: 10px; } }
    @media screen and (min-width: 960px) {
      main.report241007 .visual_box h3 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 959px) {
      main.report241007 .visual_box h3 {
        margin-bottom: 45px; } }
    @media screen and (max-width: 599px) {
      main.report241007 .visual_box h3 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 599px) {
      main.report241007 .visual_box h3 {
        letter-spacing: 2px; } }
  main.report241007 .visual_box p {
    padding: 1.5em 2em;
    background: #fef7f9;
    box-sizing: border-box;
    line-height: 2;
    order: 1; }
    @media screen and (min-width: 960px) {
      main.report241007 .visual_box p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report241007 .visual_box p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 .visual_box p {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      main.report241007 .visual_box p {
        margin-bottom: 80px; } }
    @media screen and (max-width: 959px) {
      main.report241007 .visual_box p {
        margin-bottom: 65px; } }
    @media screen and (max-width: 599px) {
      main.report241007 .visual_box p {
        margin-bottom: 50px; } }

main.report241007 section.box blockquote > span {
  display: block;
  text-align: right;
  margin-top: 0.8em; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box blockquote > span {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box blockquote > span {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box blockquote > span {
      font-size: 12px; } }

@media screen and (min-width: 960px) {
  main.report241007 section.box .mt32 {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  main.report241007 section.box .mt32 {
    margin-top: 28px; } }

@media screen and (max-width: 599px) {
  main.report241007 section.box .mt32 {
    margin-top: 24px; } }

@media screen and (min-width: 960px) {
  main.report241007 section.box + .box {
    margin-top: 95px; } }

@media screen and (max-width: 959px) {
  main.report241007 section.box + .box {
    margin-top: 75px; } }

@media screen and (max-width: 599px) {
  main.report241007 section.box + .box {
    margin-top: 55px; } }

main.report241007 section.box .btn_box a {
  display: block;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #00aeeb;
  padding: 1.6em;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .btn_box a {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .btn_box a {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .btn_box a {
      font-size: 10px; } }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .btn_box a {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .btn_box a {
      margin-top: 49px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .btn_box a {
      margin-top: 34px; } }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .btn_box a {
      margin-bottom: 64px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .btn_box a {
      margin-bottom: 49px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .btn_box a {
      margin-bottom: 34px; } }
  main.report241007 section.box .btn_box a span {
    font-weight: bold;
    display: block;
    margin-bottom: 0.8em; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .btn_box a span {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .btn_box a span {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .btn_box a span {
        font-size: 12px; } }

main.report241007 section.box h3 {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #e9608d;
  padding-bottom: 0.8em;
  padding-left: 1.5em;
  position: relative; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box h3 {
      margin-bottom: 64px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box h3 {
      margin-bottom: 49px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box h3 {
      margin-bottom: 34px; } }
  main.report241007 section.box h3:before {
    content: '';
    position: absolute;
    top: 0.3em;
    left: 0.1em;
    width: 1em;
    height: 1em;
    background: #e9608d; }

main.report241007 section.box .new_inner > h4 {
  background: #fef7f9;
  padding: 0.8em 0.8em 0.8em 1.2em;
  font-weight: bold; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .new_inner > h4 {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .new_inner > h4 {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .new_inner > h4 {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .new_inner > h4 {
      margin-bottom: 32px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .new_inner > h4 {
      margin-bottom: 28px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .new_inner > h4 {
      margin-bottom: 24px; } }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .new_inner > h4 {
      margin-top: 64px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .new_inner > h4 {
      margin-top: 56px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .new_inner > h4 {
      margin-top: 48px; } }
  main.report241007 section.box .new_inner > h4 span {
    display: inline-block;
    padding-right: 0.6em;
    font-weight: bold; }

main.report241007 section.box .new_inner p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .new_inner p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .new_inner p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .new_inner p {
      font-size: 14px; } }

main.report241007 section.box .text_box p {
  line-height: 2; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .text_box p {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .text_box p {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .text_box p {
      font-size: 14px; } }
  main.report241007 section.box .text_box p + p {
    margin-top: 2em; }

@media screen and (min-width: 960px) {
  main.report241007 section.box .text_box.mt64 {
    margin-top: 64px; } }

@media screen and (max-width: 959px) {
  main.report241007 section.box .text_box.mt64 {
    margin-top: 56px; } }

@media screen and (max-width: 599px) {
  main.report241007 section.box .text_box.mt64 {
    margin-top: 48px; } }

main.report241007 section.box .flex_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .flex_box {
      display: block; } }
  main.report241007 section.box .flex_box .img_box {
    flex-basis: 48.61592%; }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flex_box .img_box {
        margin-top: 20px; } }
    main.report241007 section.box .flex_box .img_box p {
      text-align: center;
      margin-top: 0.8em;
      line-height: 1.8; }
      @media screen and (min-width: 960px) {
        main.report241007 section.box .flex_box .img_box p {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main.report241007 section.box .flex_box .img_box p {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main.report241007 section.box .flex_box .img_box p {
          font-size: 12px; } }
  main.report241007 section.box .flex_box .text_box {
    flex-basis: 48.61592%; }
  main.report241007 section.box .flex_box .bq {
    flex-basis: 100%;
    text-align: right;
    line-height: 1.8; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .flex_box .bq {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .flex_box .bq {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flex_box .bq {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flex_box .bq {
        margin-bottom: 20px; } }
  main.report241007 section.box .flex_box.type2 .img_box {
    flex-basis: 33.02752%; }
  main.report241007 section.box .flex_box.type2 .text_box {
    flex-basis: 64.22018%; }
    main.report241007 section.box .flex_box.type2 .text_box i {
      color: #e9608d;
      font-weight: bold;
      display: block;
      margin-top: 2em;
      margin-bottom: 1em; }

main.report241007 section.box .note {
  border: 1px solid #e9608d;
  padding-bottom: 2em; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .note {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .note {
      margin-top: 28px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .note {
      margin-top: 24px; } }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .note + .text_box {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .note + .text_box {
      margin-top: 27px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .note + .text_box {
      margin-top: 22px; } }
  main.report241007 section.box .note h4 {
    color: #ffffff;
    background: #e9608d;
    font-weight: bold;
    padding: 0.6em 0.6em 0.6em 1.2em; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .note h4 {
        font-size: 20px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .note h4 {
        font-size: 18px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .note h4 {
        font-size: 16px; } }
  main.report241007 section.box .note .memo {
    margin-left: 1.5em;
    margin-right: 1.5em;
    box-sizing: border-box;
    padding: 1.5em;
    line-height: 2; }
    main.report241007 section.box .note .memo + p {
      border-top: 2px dotted #e9608d;
      padding-top: 1.5em; }
  main.report241007 section.box .note p {
    line-height: 2;
    margin-top: 1.5em;
    margin-left: 1.5em;
    margin-right: 1.5em; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .note p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .note p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .note p {
        font-size: 14px; } }
    main.report241007 section.box .note p strong {
      display: block;
      font-weight: bold;
      margin-bottom: 0.3em; }
    main.report241007 section.box .note p + p {
      border-top: 2px dotted #e9608d;
      padding-top: 1.5em; }
  main.report241007 section.box .note .flex_box {
    margin-left: 1.5em;
    margin-right: 1.5em; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .note .flex_box {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .note .flex_box {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .note .flex_box {
        font-size: 14px; } }
  main.report241007 section.box .note .text_box p {
    margin-right: 0;
    margin-left: 0; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .note .img_box {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .note .img_box {
      margin-top: 27px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .note .img_box {
      margin-top: 22px; } }
  main.report241007 section.box .note .img_box span {
    display: block;
    text-align: right; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .note .img_box span {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .note .img_box span {
        font-size: 15px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .note .img_box span {
        font-size: 14px; } }
    main.report241007 section.box .note .img_box span a {
      text-decoration: underline; }
  main.report241007 section.box .note ul {
    margin-left: 1.5em;
    margin-right: 1.5em; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .note ul {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .note ul {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .note ul {
        font-size: 14px; } }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .note ul {
        margin-top: 32px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .note ul {
        margin-top: 27px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .note ul {
        margin-top: 22px; } }
    main.report241007 section.box .note ul li + li {
      margin-top: 1.8em; }
    main.report241007 section.box .note ul.not li {
      position: relative;
      padding-left: 2em; }
      main.report241007 section.box .note ul.not li:before {
        content: "";
        font-size: 1.5em;
        width: 1em;
        height: 1em;
        position: absolute;
        top: 0;
        left: 0;
        background: url("../img/report/240925/cross.png") no-repeat center/cover; }

@media screen and (min-width: 960px) {
  main.report241007 section.box .flow_box {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  main.report241007 section.box .flow_box {
    margin-top: 27px; } }

@media screen and (max-width: 599px) {
  main.report241007 section.box .flow_box {
    margin-top: 22px; } }

main.report241007 section.box .flow_box ul {
  display: flex;
  justify-content: space-between;
  column-gap: 0.5em; }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .flow_box ul {
      flex-direction: column; } }
  main.report241007 section.box .flow_box ul li.arrow {
    background: url("../img/report/241007/arrow.svg") no-repeat center;
    background-size: 100% 100%;
    width: 1em;
    height: 2em;
    display: block;
    margin: auto 0; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .flow_box ul li.arrow {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .flow_box ul li.arrow {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flow_box ul li.arrow {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flow_box ul li.arrow {
        transform: rotate(90deg);
        margin: 0 auto; } }
  main.report241007 section.box .flow_box ul li:not(.arrow) {
    flex-basis: 31.48789%;
    background: #fef7f9;
    padding: 1.6em;
    box-sizing: border-box; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .flow_box ul li:not(.arrow) {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .flow_box ul li:not(.arrow) {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flow_box ul li:not(.arrow) {
        font-size: 14px; } }
    main.report241007 section.box .flow_box ul li:not(.arrow) p {
      font-weight: bold;
      padding-left: 1.2em;
      position: relative;
      display: block;
      line-height: 2; }
      main.report241007 section.box .flow_box ul li:not(.arrow) p:before {
        content: "1.";
        line-height: 2;
        position: absolute;
        top: 0;
        left: 0; }
    main.report241007 section.box .flow_box ul li:not(.arrow) span {
      display: block; }
      @media screen and (min-width: 960px) {
        main.report241007 section.box .flow_box ul li:not(.arrow) span {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main.report241007 section.box .flow_box ul li:not(.arrow) span {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main.report241007 section.box .flow_box ul li:not(.arrow) span {
          font-size: 12px; } }
    main.report241007 section.box .flow_box ul li:not(.arrow):nth-of-type(3) p:before {
      content: '2.'; }
    main.report241007 section.box .flow_box ul li:not(.arrow):nth-of-type(5) p:before {
      content: '3.'; }
    main.report241007 section.box .flow_box ul li:not(.arrow):nth-of-type(7) p:before {
      content: '4.'; }

@media screen and (min-width: 960px) {
  main.report241007 section.box .flow_box2 {
    margin-top: 32px; } }

@media screen and (max-width: 959px) {
  main.report241007 section.box .flow_box2 {
    margin-top: 27px; } }

@media screen and (max-width: 599px) {
  main.report241007 section.box .flow_box2 {
    margin-top: 22px; } }

main.report241007 section.box .flow_box2 ul {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em; }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .flow_box2 ul {
      flex-direction: column; } }
  main.report241007 section.box .flow_box2 ul li.arrow {
    background: url("../img/report/241007/arrow2.svg") no-repeat center;
    background-size: 100% 100%;
    width: 2em;
    height: 1em;
    display: block;
    margin: 0 auto; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .flow_box2 ul li.arrow {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .flow_box2 ul li.arrow {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flow_box2 ul li.arrow {
        font-size: 12px; } }
  main.report241007 section.box .flow_box2 ul li:not(.arrow) {
    flex-basis: 31.48789%;
    background: #f5f5f5;
    padding: 1.6em;
    box-sizing: border-box;
    text-align: center; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .flow_box2 ul li:not(.arrow) {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .flow_box2 ul li:not(.arrow) {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .flow_box2 ul li:not(.arrow) {
        font-size: 14px; } }
    main.report241007 section.box .flow_box2 ul li:not(.arrow) p {
      font-weight: bold;
      padding-left: 1.2em;
      position: relative;
      display: block;
      line-height: 2; }
      main.report241007 section.box .flow_box2 ul li:not(.arrow) p:before {
        content: "1.";
        line-height: 2;
        position: absolute;
        top: 0;
        left: 0; }
    main.report241007 section.box .flow_box2 ul li:not(.arrow) span {
      display: block; }
      @media screen and (min-width: 960px) {
        main.report241007 section.box .flow_box2 ul li:not(.arrow) span {
          font-size: 16px; } }
      @media screen and (max-width: 959px) {
        main.report241007 section.box .flow_box2 ul li:not(.arrow) span {
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        main.report241007 section.box .flow_box2 ul li:not(.arrow) span {
          font-size: 12px; } }
    main.report241007 section.box .flow_box2 ul li:not(.arrow):nth-of-type(3) p:before {
      content: '2.'; }
    main.report241007 section.box .flow_box2 ul li:not(.arrow):nth-of-type(5) p:before {
      content: '3.'; }
    main.report241007 section.box .flow_box2 ul li:not(.arrow):nth-of-type(7) p:before {
      content: '4.'; }

main.report241007 section.box .memo {
  background: #f5f5f5;
  padding: 0.8em; }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .memo {
      font-size: 18px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .memo {
      font-size: 16px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .memo {
      font-size: 14px; } }
  @media screen and (min-width: 960px) {
    main.report241007 section.box .memo {
      margin-top: 32px; } }
  @media screen and (max-width: 959px) {
    main.report241007 section.box .memo {
      margin-top: 27px; } }
  @media screen and (max-width: 599px) {
    main.report241007 section.box .memo {
      margin-top: 22px; } }
  main.report241007 section.box .memo a {
    text-decoration: underline; }
  main.report241007 section.box .memo + p {
    line-height: 2; }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .memo + p {
        margin-top: 32px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .memo + p {
        margin-top: 27px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .memo + p {
        margin-top: 22px; } }
    @media screen and (min-width: 960px) {
      main.report241007 section.box .memo + p {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      main.report241007 section.box .memo + p {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      main.report241007 section.box .memo + p {
        font-size: 14px; } }

main#for_docter {
  background: red; }

#about_us {
  position: relative;
  /* アニメーションの定義 */ }
  @media screen and (min-width: 960px) {
    #about_us {
      font-size: 16px; } }
  @media screen and (max-width: 959px) {
    #about_us {
      font-size: 14px; } }
  @media screen and (max-width: 599px) {
    #about_us {
      font-size: 12px; } }
  @media screen and (max-width: 599px) {
    #about_us {
      overflow: hidden; } }

@keyframes fadeInUpRotate {
  0% {
    opacity: 0;
    transform: translateY(100%) scale(0.7) rotate(-10deg); }
  60% {
    opacity: 1;
    transform: translateY(-10%) scale(1.2) rotate(5deg); }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0deg); } }

@keyframes bgAction {
  0% {
    opacity: 0;
    transform: translateX(-25%); }
  60% {
    opacity: 0.2;
    transform: translateX(-18%); }
  100% {
    opacity: 1;
    transform: translateX(-20%); } }

@keyframes bgAction2 {
  0% {
    opacity: 0;
    transform: translateX(25%); }
  60% {
    opacity: 0.2;
    transform: translateX(18%); }
  100% {
    opacity: 1;
    transform: translateX(20%); } }

@keyframes textUp {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  60% {
    opacity: 0.4;
    transform: translateY(-3%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes maskAnime {
  to {
    opacity: 0;
    z-index: -1; } }

@keyframes strongPointAnime {
  0% {
    opacity: 0;
    transform: translateY(15%) scale(80%);
    border-radius: 0; }
  30% {
    opacity: 1;
    transform: translateY(-3%) scale(105%);
    border-radius: 15%; }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(100%);
    border-radius: 50%; } }

@keyframes strongTextAnime {
  0% {
    opacity: 0;
    transform: translateY(15%) scale(80%); }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(100%); } }

@keyframes displayBoxAnime {
  0% {
    opacity: 0;
    transform: scaleY(0); }
  100% {
    opacity: 1;
    transform: scaleY(100%); } }

@keyframes readImgAnime {
  0% {
    opacity: 0;
    transform: scale(100%); }
  100% {
    opacity: 1;
    transform: scale(100%); } }

@keyframes worksTitleAnime {
  0% {
    opacity: 0;
    transform: translateY(-5%) scaleY(0); }
  60% {
    opacity: 0.2;
    transform: translateY(2%) scaleY(60%); }
  100% {
    opacity: 1;
    transform: translateY(0%) scaleY(100%); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateY(-5%) scaleY(0); }
  100% {
    opacity: 1;
    transform: translateY(0%) scaleY(100%); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(2em); }
  60% {
    opacity: 0.4;
    transform: translateY(-0.5em); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes btnHoverAnime {
  0% {
    width: 1em; }
  100% {
    width: 100%; } }

@keyframes btnHoverAnime2 {
  0% {
    border-color: #b2b2b2;
    background: white; }
  100% {
    border-color: #f18e1d;
    background: #f18e1d; } }

@keyframes btnHoverAnimeBack {
  0% {
    width: 100%; }
  100% {
    width: 1em; } }
  #about_us .btn {
    position: relative;
    padding: 1em 0em 1em 1.5em;
    max-width: 208px;
    display: inline-block;
    font-size: 1em;
    width: 50%;
    box-sizing: border-box;
    text-align: left; }
    #about_us .btn span {
      position: relative;
      z-index: 5;
      font-weight: bold; }
    #about_us .btn:before {
      content: "";
      position: absolute;
      top: calc(50% - 0.25em);
      right: 1.35em;
      width: 0.5em;
      height: 0.5em;
      transform: rotate(45deg);
      border-top: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      z-index: 2; }
    #about_us .btn:after {
      content: "";
      position: absolute;
      top: calc(50% - 0.5em);
      right: 0;
      width: 1em;
      height: 1em;
      font-size: 3em;
      box-sizing: border-box;
      border-radius: 0.5em;
      border: 1px solid #f18e1d;
      background: #f18e1d;
      animation: btnHoverAnimeBack 0.4s ease-in-out forwards;
      z-index: 0; }
    #about_us .btn:hover {
      opacity: 1; }
      #about_us .btn:hover:after {
        width: 100%;
        animation: btnHoverAnime 0.4s ease-in-out forwards; }
    #about_us .btn.white span {
      color: #ffffff; }
    #about_us .btn.white:after {
      background-color: transparent;
      border-color: #ffffff; }
  #about_us .btn2 {
    position: relative;
    padding: 0.7em 0em 0.7em 1.5em;
    max-width: 208px;
    display: inline-block;
    font-size: 1em;
    width: 50%;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #b2b2b2;
    background: white;
    line-height: 1;
    border-radius: 3em; }
    #about_us .btn2 span {
      position: relative;
      z-index: 5;
      font-weight: bold;
      color: #b2b2b2; }
    #about_us .btn2:before {
      content: "";
      position: absolute;
      top: calc(50% - 0.25em);
      right: 1.35em;
      width: 0.5em;
      height: 0.5em;
      transform: rotate(45deg);
      border-top: 1px solid #b2b2b2;
      border-right: 1px solid #b2b2b2;
      z-index: 2; }
    #about_us .btn2:hover {
      opacity: 1;
      animation: btnHoverAnime2 0.4s ease-in-out forwards; }
      #about_us .btn2:hover span {
        color: #ffffff; }
      #about_us .btn2:hover:before {
        border-color: #ffffff; }
    #about_us .btn2.on {
      animation: btnHoverAnime2 0.4s ease-in-out forwards; }
      #about_us .btn2.on span {
        color: #ffffff; }
      #about_us .btn2.on:before {
        border-color: #ffffff; }
  #about_us .btn3 {
    display: inline-block;
    border: 1px solid #4c4c4c;
    padding: 0.8em 4em;
    border-radius: 3em;
    font-weight: bold; }
  #about_us #mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background: #ffffff; }
  #about_us.on #mask {
    animation: maskAnime 1s forwards; }
  #about_us.on .visual_box {
    position: relative;
    padding-bottom: 48px; }
    @media screen and (min-width: 960px) {
      #about_us.on .visual_box {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #about_us.on .visual_box {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #about_us.on .visual_box {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      #about_us.on .visual_box {
        padding-bottom: 120px; } }
    #about_us.on .visual_box .title {
      position: absolute;
      bottom: 95px;
      left: 0;
      z-index: 10;
      width: 100%;
      text-shadow: 0 0 5px #cccccc; }
      @media screen and (max-width: 599px) {
        #about_us.on .visual_box .title {
          bottom: 20px; } }
      #about_us.on .visual_box .title h2 {
        display: flex;
        margin-bottom: 2.6em; }
        @media screen and (max-width: 599px) {
          #about_us.on .visual_box .title h2 {
            margin-bottom: 1em; } }
        #about_us.on .visual_box .title h2 i {
          opacity: 0;
          display: block;
          font-size: 3em;
          color: #ffffff;
          font-weight: bold; }
          @media screen and (max-width: 599px) {
            #about_us.on .visual_box .title h2 i {
              font-size: 24px; } }
      #about_us.on .visual_box .title p {
        opacity: 0;
        animation: fadeIn 1s 1s forwards;
        color: #ffffff;
        font-size: 1.25em; }
    #about_us.on .visual_box .img {
      max-height: 450px;
      min-height: 280px;
      width: 80%;
      max-width: 1200px;
      height: 50vh;
      background: url("../img/about_us/main.jpg") no-repeat center/cover;
      opacity: 0;
      animation: fadeIn 1s forwards;
      margin: 0 0 0 auto;
      position: relative;
      z-index: 8;
      border-radius: 10px 0 0 10px; }
      @media screen and (max-width: 599px) {
        #about_us.on .visual_box .img {
          width: 90%;
          height: 156px;
          min-height: auto; } }
    #about_us.on .visual_box .bg {
      background: #92d3c4;
      background: linear-gradient(90deg, #92d3c4 0%, #64c0ab 100%);
      height: 300px;
      width: 100%;
      opacity: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 5;
      border-radius: 0 10px 10px 0; }
      @media screen and (max-width: 599px) {
        #about_us.on .visual_box .bg {
          width: 150%;
          height: 190px; } }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(1) {
      animation: fadeInUpRotate 1s ease-out 1 0.2s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(2) {
      animation: fadeInUpRotate 1s ease-out 1 0.4s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(3) {
      animation: fadeInUpRotate 1s ease-out 1 0.6s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(4) {
      animation: fadeInUpRotate 1s ease-out 1 0.8s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(5) {
      animation: fadeInUpRotate 1s ease-out 1 1s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(6) {
      animation: fadeInUpRotate 1s ease-out 1 1.2s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(7) {
      animation: fadeInUpRotate 1s ease-out 1 1.4s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(8) {
      animation: fadeInUpRotate 1s ease-out 1 1.6s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(9) {
      animation: fadeInUpRotate 1s ease-out 1 1.8s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(10) {
      animation: fadeInUpRotate 1s ease-out 1 2s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(11) {
      animation: fadeInUpRotate 1s ease-out 1 2.2s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(12) {
      animation: fadeInUpRotate 1s ease-out 1 2.4s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(13) {
      animation: fadeInUpRotate 1s ease-out 1 2.6s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(14) {
      animation: fadeInUpRotate 1s ease-out 1 2.8s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(15) {
      animation: fadeInUpRotate 1s ease-out 1 3s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(16) {
      animation: fadeInUpRotate 1s ease-out 1 3.2s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(17) {
      animation: fadeInUpRotate 1s ease-out 1 3.4s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(18) {
      animation: fadeInUpRotate 1s ease-out 1 3.6s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(19) {
      animation: fadeInUpRotate 1s ease-out 1 3.8s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(20) {
      animation: fadeInUpRotate 1s ease-out 1 4s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(21) {
      animation: fadeInUpRotate 1s ease-out 1 4.2s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(22) {
      animation: fadeInUpRotate 1s ease-out 1 4.4s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(23) {
      animation: fadeInUpRotate 1s ease-out 1 4.6s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(24) {
      animation: fadeInUpRotate 1s ease-out 1 4.8s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(25) {
      animation: fadeInUpRotate 1s ease-out 1 5s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(26) {
      animation: fadeInUpRotate 1s ease-out 1 5.2s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(27) {
      animation: fadeInUpRotate 1s ease-out 1 5.4s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(28) {
      animation: fadeInUpRotate 1s ease-out 1 5.6s forwards; }
    #about_us.on .visual_box.action .title h2 i:nth-of-type(29) {
      animation: fadeInUpRotate 1s ease-out 1 5.8s forwards; }
    #about_us.on .visual_box.action .bg {
      animation: bgAction 1s ease-out 1 0.8s forwards; }
  @media screen and (min-width: 600px) {
    #about_us .menu_box .ps_menu_box {
      display: none; }
    #about_us .menu_box ul {
      display: grid;
      width: 100%;
      grid-template-columns: repeat(5, 1fr);
      margin: 4em 0 12.8em; }
      #about_us .menu_box ul li {
        text-align: center;
        width: 100%;
        position: relative; }
        #about_us .menu_box ul li span,
        #about_us .menu_box ul li i {
          display: block; }
        #about_us .menu_box ul li span {
          font-weight: bold;
          margin-bottom: 1em;
          color: #4c4c4c; }
        #about_us .menu_box ul li i {
          font-size: 0.85em;
          color: #808080; }
        #about_us .menu_box ul li + li:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          height: 2em;
          width: 1px;
          background: #4c4c4c; }
        #about_us .menu_box ul li.on i {
          color: #64c0ab; }
        #about_us .menu_box ul li.on:before {
          content: "";
          position: absolute;
          bottom: -1em;
          left: calc(50% - 3.125em);
          width: 6.25em;
          height: 2px;
          background-color: #f18e1d; } }
  @media screen and (max-width: 599px) {
    #about_us .menu_box ul {
      text-align: center;
      display: none;
      opacity: 0; }
      #about_us .menu_box ul li a {
        font-size: 14px;
        display: block;
        padding: 24px 0; }
        #about_us .menu_box ul li a span {
          font-weight: bold;
          letter-spacing: 0.04em; }
        #about_us .menu_box ul li a i {
          display: inline-block;
          margin-left: 0.6em;
          color: #808080; }
      #about_us .menu_box ul li + li {
        border-top: 1px solid #808080; }
    #about_us .menu_box .ps_menu_box {
      margin: 48px 0 20px;
      display: block;
      text-align: center;
      position: relative;
      font-size: 14px;
      padding: 1em 0;
      border-radius: 2em;
      border: 1px solid #4c4c4c; }
      #about_us .menu_box .ps_menu_box:before {
        content: "MENU";
        display: inline-block; }
      #about_us .menu_box .ps_menu_box.on + ul {
        display: block;
        animation: fadeIn 1s ease forwards; } }
  #about_us .read_box {
    text-align: center;
    color: #4c4c4c;
    position: relative; }
    @media screen and (min-width: 600px) {
      #about_us .read_box {
        padding-top: 120px;
        padding-bottom: 175px; } }
    @media screen and (max-width: 599px) {
      #about_us .read_box {
        padding-top: 48px; } }
    @media screen and (min-width: 600px) {
      #about_us .read_box .img {
        background: url("../img/about_us/bg1.jpg") no-repeat center/cover;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        opacity: 0; } }
    @media screen and (max-width: 599px) {
      #about_us .read_box .img {
        margin-top: 27px;
        background: url("../img/about_us/bg1_sp.jpg") no-repeat center/cover; }
        #about_us .read_box .img:before {
          content: '';
          display: block;
          padding-top: 53.33333%; } }
    #about_us .read_box h3 {
      font-weight: bold;
      font-size: 2em;
      position: relative;
      z-index: 5;
      line-height: 2;
      opacity: 0; }
      @media screen and (max-width: 599px) {
        #about_us .read_box h3 {
          width: 90%;
          margin: 0 auto; }
          #about_us .read_box h3 br {
            display: none; } }
    #about_us .read_box p {
      margin-top: 4em;
      font-size: 1.2em;
      text-shadow: 0 0 3px #ffffff;
      position: relative;
      z-index: 5;
      line-height: 2;
      opacity: 0; }
      @media screen and (max-width: 599px) {
        #about_us .read_box p {
          width: 90%;
          margin: 24px auto 0;
          text-align: left; }
          #about_us .read_box p br {
            display: none; } }
      #about_us .read_box p + p {
        margin-top: 1.5em; }
    #about_us .read_box.action .img {
      animation: readImgAnime 1.2s ease-in forwards; }
    #about_us .read_box.action h3 {
      animation: fadeIn 1.5s ease-in forwards; }
    #about_us .read_box.action p:nth-of-type(1) {
      animation: textUp 1s ease-out 1 1.2s forwards; }
    #about_us .read_box.action p:nth-of-type(2) {
      animation: textUp 1s ease-out 1 1.4s forwards; }
    #about_us .read_box.action p:nth-of-type(3) {
      animation: textUp 1s ease-out 1 1.6s forwards; }
    #about_us .read_box.action p:nth-of-type(4) {
      animation: textUp 1s ease-out 1 1.8s forwards; }
  #about_us .strong_box {
    position: relative;
    z-index: 8; }
    #about_us .strong_box .box {
      position: relative;
      z-index: 8;
      opacity: 0; }
      #about_us .strong_box .box > div {
        background: #ffffff;
        border-radius: 10px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 8;
        transform: translateY(-8em); }
        @media screen and (min-width: 600px) {
          #about_us .strong_box .box > div {
            padding: 4em; } }
        @media screen and (max-width: 599px) {
          #about_us .strong_box .box > div {
            transform: translateY(0em);
            margin-top: 20px;
            padding: 48px 0; } }
        #about_us .strong_box .box > div .btn_box {
          margin-top: 4em;
          text-align: center; }
          #about_us .strong_box .box > div .btn_box a {
            opacity: 0; }
      #about_us .strong_box .box ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 4em; }
        @media screen and (max-width: 599px) {
          #about_us .strong_box .box ul {
            grid-template-columns: 1fr; } }
        #about_us .strong_box .box ul li {
          position: relative;
          text-align: center;
          padding-top: 4.2em; }
          @media screen and (max-width: 599px) {
            #about_us .strong_box .box ul li {
              width: 200px;
              margin: 0 auto; } }
          #about_us .strong_box .box ul li .img {
            padding-top: 100%;
            border-radius: 50%;
            background: red;
            opacity: 0;
            position: relative;
            z-index: 6; }
          #about_us .strong_box .box ul li .num {
            content: '';
            position: absolute;
            width: 34.5%;
            padding-top: 20.5%;
            background: red;
            top: 0;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 8;
            opacity: 0; }
          #about_us .strong_box .box ul li p {
            display: block;
            font-size: 1.25em;
            font-weight: bold;
            margin-top: 2em;
            opacity: 0; }
            @media screen and (max-width: 599px) {
              #about_us .strong_box .box ul li p {
                margin-top: 20px; } }
          #about_us .strong_box .box ul li span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            color: #808080;
            opacity: 0; }
          #about_us .strong_box .box ul li:nth-of-type(1) .num {
            background: url("../img/about_us/num01.png") no-repeat center/cover; }
          #about_us .strong_box .box ul li:nth-of-type(1) .img {
            background: url("../img/about_us/icon1.png") no-repeat center/cover; }
          #about_us .strong_box .box ul li:nth-of-type(2) .num {
            background: url("../img/about_us/num02.png") no-repeat center/cover; }
          #about_us .strong_box .box ul li:nth-of-type(2) .img {
            background: url("../img/about_us/icon2.png") no-repeat center/cover; }
          #about_us .strong_box .box ul li:nth-of-type(3) .num {
            background: url("../img/about_us/num03.png") no-repeat center/cover; }
          #about_us .strong_box .box ul li:nth-of-type(3) .img {
            background: url("../img/about_us/icon3.png") no-repeat center/cover; }
          #about_us .strong_box .box ul li:nth-of-type(4) .num {
            background: url("../img/about_us/num04.png") no-repeat center/cover; }
          #about_us .strong_box .box ul li:nth-of-type(4) .img {
            background: url("../img/about_us/icon4.png") no-repeat center/cover; }
      #about_us .strong_box .box.action {
        animation: displayBoxAnime 2s  0.4s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(1) .num {
          animation: fadeIn 0.5s 2s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(1) .img {
          animation: strongPointAnime 1.5s 2s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(1) p, #about_us .strong_box .box.action ul li:nth-of-type(1) span {
          animation: strongTextAnime 0.8s 2s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(2) .num {
          animation: fadeIn 0.5s 2.5s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(2) .img {
          animation: strongPointAnime 1.5s 2.5s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(2) p, #about_us .strong_box .box.action ul li:nth-of-type(2) span {
          animation: strongTextAnime 0.8s 2.5s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(3) .num {
          animation: fadeIn 0.5s 3s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(3) .img {
          animation: strongPointAnime 1.5s 3s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(3) p, #about_us .strong_box .box.action ul li:nth-of-type(3) span {
          animation: strongTextAnime 0.8s 3s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(4) .num {
          animation: fadeIn 0.5s 3.5s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(4) .img {
          animation: strongPointAnime 1.5s 3.5s ease forwards; }
        #about_us .strong_box .box.action ul li:nth-of-type(4) p, #about_us .strong_box .box.action ul li:nth-of-type(4) span {
          animation: strongTextAnime 0.8s 3.5s ease forwards; }
        #about_us .strong_box .box.action .btn {
          animation: fadeIn 0.5s  5s ease forwards; }
  #about_us .service_box {
    position: relative; }
    @media screen and (max-width: 599px) {
      #about_us .service_box {
        margin-top: 40px; } }

@keyframes slideTitle {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
    #about_us .service_box .title {
      position: relative;
      z-index: 10;
      opacity: 0;
      width: 300%;
      display: flex; }
      #about_us .service_box .title > div {
        width: 33%; }
      #about_us .service_box .title.action {
        animation: worksTitleAnime 1s ease forwards; }
        #about_us .service_box .title.action > div {
          animation: slideTitle 10s 1s linear infinite; }
    #about_us .service_box .new_inner {
      z-index: 8;
      display: flex;
      flex-direction: row-reverse;
      gap: 4em;
      padding-top: 8em;
      position: relative; }
      @media screen and (max-width: 599px) {
        #about_us .service_box .new_inner {
          display: block;
          padding-top: 3em; } }
      #about_us .service_box .new_inner .fixed {
        width: 100%;
        max-width: 540px;
        position: relative;
        z-index: 8; }
        #about_us .service_box .new_inner .fixed .bg {
          background: #92d3c4;
          background: linear-gradient(90deg, #92d3c4 0%, #64c0ab 100%);
          height: 90vw;
          min-height: 720px;
          max-height: 888px;
          width: 100vw;
          opacity: 0;
          position: absolute;
          top: -13.5em;
          right: 0vw;
          z-index: 5;
          border-radius: 10px 0 0 10px; }
          #about_us .service_box .new_inner .fixed .bg.action {
            animation: bgAction2 1s ease-out 1 0.8s forwards; }
          @media screen and (max-width: 599px) {
            #about_us .service_box .new_inner .fixed .bg {
              display: none; } }
        #about_us .service_box .new_inner .fixed .text_box {
          position: sticky;
          z-index: 9;
          top: 0em;
          right: 0; }
          @media screen and (max-width: 599px) {
            #about_us .service_box .new_inner .fixed .text_box {
              position: static;
              width: 87%;
              margin: 0 auto;
              transform: translateX(10%);
              padding-bottom: 4em; } }
          #about_us .service_box .new_inner .fixed .text_box > div.text {
            padding-top: 10em;
            position: relative;
            z-index: 10;
            color: #ffffff;
            opacity: 0; }
            @media screen and (max-width: 599px) {
              #about_us .service_box .new_inner .fixed .text_box > div.text {
                padding-top: 0; } }
            #about_us .service_box .new_inner .fixed .text_box > div.text.action {
              animation: fadeInUp 1.5s 1.5s ease-in forwards; }
            #about_us .service_box .new_inner .fixed .text_box > div.text .point {
              margin-bottom: 1em; }
              #about_us .service_box .new_inner .fixed .text_box > div.text .point:before {
                font-size: 0.6em;
                content: "";
                background: #f18e1d;
                width: 1em;
                height: 1em;
                border-radius: 0.5em;
                display: inline-block;
                margin-right: 1em; }
            #about_us .service_box .new_inner .fixed .text_box > div.text h2 {
              font-weight: bold;
              font-size: 2em;
              margin-bottom: 1.8em; }
            #about_us .service_box .new_inner .fixed .text_box > div.text p {
              line-height: 2; }
              @media screen and (max-width: 599px) {
                #about_us .service_box .new_inner .fixed .text_box > div.text p br {
                  display: none; } }
            #about_us .service_box .new_inner .fixed .text_box > div.text .btn_box {
              text-align: center;
              margin-top: 4em; }
              @media screen and (max-width: 599px) {
                #about_us .service_box .new_inner .fixed .text_box > div.text .btn_box {
                  display: none; } }

@keyframes worksLinkHover {
  0% {
    transform: scale(100%); }
  100% {
    transform: scale(110%); } }
      #about_us .service_box .new_inner .grid {
        width: 100%;
        position: relative;
        z-index: 8; }
        #about_us .service_box .new_inner .grid li {
          opacity: 0;
          overflow: hidden;
          border-radius: 10px; }
          #about_us .service_box .new_inner .grid li a {
            width: 100%;
            padding: 4.5em 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            position: relative;
            color: #ffffff; }
            #about_us .service_box .new_inner .grid li a:after {
              content: "";
              width: 4em;
              height: 1em;
              font-size: 12px;
              background: url("../img/about_us/work_arrow.png") no-repeat center/cover;
              position: absolute;
              bottom: 2.5em;
              right: 2.5em;
              z-index: 6; }
            #about_us .service_box .new_inner .grid li a .text {
              position: relative;
              z-index: 5;
              text-align: center; }
              #about_us .service_box .new_inner .grid li a .text span {
                font-size: 1.5em;
                margin-bottom: 1.1em;
                display: block;
                font-weight: bold; }
                #about_us .service_box .new_inner .grid li a .text span:before {
                  content: "";
                  width: 3.75em;
                  height: 3.33333em;
                  display: block;
                  margin: 0 auto 1em; }
              #about_us .service_box .new_inner .grid li a .text p {
                line-height: 2;
                font-weight: bold; }
            #about_us .service_box .new_inner .grid li a .bg2 {
              z-index: 2;
              position: absolute;
              top: 0;
              bottom: 0;
              height: 100%;
              right: 0;
              left: 0;
              background: rgba(0, 0, 0, 0.5);
              mix-blend-mode: multiply; }
            #about_us .service_box .new_inner .grid li a:hover {
              opacity: 1; }
              #about_us .service_box .new_inner .grid li a:hover .text {
                animation: worksLinkHover 0.5s ease-in-out forwards; }
              #about_us .service_box .new_inner .grid li a:hover .bg2 {
                background: rgba(0, 0, 0, 0.3); }
          #about_us .service_box .new_inner .grid li + li {
            margin-top: 2em; }
          #about_us .service_box .new_inner .grid li.action {
            animation: fadeInLeft 1s 0.2s ease forwards; }
          #about_us .service_box .new_inner .grid li:nth-of-type(1) {
            background: url("../img/about_us/works_img1.jpg") no-repeat center/cover; }
            #about_us .service_box .new_inner .grid li:nth-of-type(1) .text span:before {
              background: url("../img/about_us/work_icon1.png") no-repeat center/cover; }
          #about_us .service_box .new_inner .grid li:nth-of-type(2) {
            background: url("../img/about_us/works_img2.jpg") no-repeat center/cover; }
            #about_us .service_box .new_inner .grid li:nth-of-type(2) .text span:before {
              background: url("../img/about_us/work_icon2.png") no-repeat center/cover; }
          #about_us .service_box .new_inner .grid li:nth-of-type(3) {
            background: url("../img/about_us/works_img3.jpg") no-repeat center/cover; }
            #about_us .service_box .new_inner .grid li:nth-of-type(3) .text span:before {
              background: url("../img/about_us/work_icon3.png") no-repeat center/cover; }
      #about_us .service_box .new_inner > .btn_box {
        display: none; }
        @media screen and (max-width: 599px) {
          #about_us .service_box .new_inner > .btn_box {
            display: inline-block;
            position: relative;
            width: 100%;
            text-align: center;
            z-index: 8;
            text-align: center;
            margin-top: 3em;
            padding-bottom: 3em; } }
    @media screen and (min-width: 600px) {
      #about_us .service_box .bg3 {
        display: none; } }
    @media screen and (max-width: 599px) {
      #about_us .service_box .bg3 {
        background: #92d3c4;
        background: linear-gradient(90deg, #92d3c4 0%, #64c0ab 100%);
        opacity: 0;
        position: absolute;
        top: 1em;
        width: 110vw;
        right: 0vw;
        z-index: -1;
        bottom: 0;
        border-radius: 10px 0 0 10px; }
        #about_us .service_box .bg3.action {
          animation: bgAction2 1s ease-out 1 0.8s forwards; } }
  @media screen and (min-width: 960px) {
    #about_us .works_box {
      margin-top: 160px; } }
  @media screen and (max-width: 959px) {
    #about_us .works_box {
      margin-top: 145px; } }
  @media screen and (max-width: 599px) {
    #about_us .works_box {
      margin-top: 130px; } }
  @media screen and (min-width: 960px) {
    #about_us .works_box {
      margin-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us .works_box {
      margin-bottom: 113px; } }
  @media screen and (max-width: 599px) {
    #about_us .works_box {
      margin-bottom: 98px; } }
  @media screen and (max-width: 599px) {
    #about_us .works_box {
      margin-top: 20px; } }
  #about_us .works_box .new_inner > .title .point {
    margin-bottom: 1em; }
    #about_us .works_box .new_inner > .title .point:before {
      font-size: 0.6em;
      content: "";
      background: #f18e1d;
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      display: inline-block;
      margin-right: 1em; }
  #about_us .works_box .new_inner > .title h2 {
    font-size: 2em;
    font-weight: bold; }
  #about_us .works_box .new_inner .tab_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 4em;
    margin-bottom: 4em; }
    @media screen and (max-width: 599px) {
      #about_us .works_box .new_inner .tab_box {
        flex-direction: column; } }
    #about_us .works_box .new_inner .tab_box ul {
      display: flex;
      gap: 1em;
      width: calc(100% - 260px);
      max-width: 880px; }
      @media screen and (max-width: 599px) {
        #about_us .works_box .new_inner .tab_box ul {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(2, 1fr); } }
      #about_us .works_box .new_inner .tab_box ul li {
        width: 100%; }
        #about_us .works_box .new_inner .tab_box ul li a {
          width: 100%; }
    #about_us .works_box .new_inner .tab_box .btn_box {
      margin-left: auto;
      margin-right: 0;
      width: 100%;
      max-width: 208px; }
      @media screen and (max-width: 599px) {
        #about_us .works_box .new_inner .tab_box .btn_box {
          margin-right: auto;
          margin-top: 24px; } }
      #about_us .works_box .new_inner .tab_box .btn_box a {
        width: 100%; }
  #about_us .works_box .new_inner #slider .swiper-slide .box {
    opacity: 0; }
    #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle {
      margin-bottom: 4em; }
      @media screen and (max-width: 599px) {
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle {
          margin-bottom: 2em; } }
      #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 {
        display: flex;
        flex-wrap: wrap; }
        @media screen and (max-width: 599px) {
          #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 {
            display: block; } }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 i {
          position: relative;
          font-size: 1.25em; }
          @media screen and (max-width: 599px) {
            #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 i {
              display: block;
              padding-bottom: 0.7em;
              margin-bottom: 0.7em; } }
          #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 i:before {
            content: "";
            position: absolute;
            top: 0.25em;
            right: 0.75em;
            height: 1em;
            width: 1px;
            background: #b2b2b2; }
            @media screen and (max-width: 599px) {
              #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 i:before {
                display: none; } }
          @media screen and (max-width: 599px) {
            #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 i:after {
              content: "";
              width: 1em;
              height: 1px;
              position: absolute;
              bottom: 0;
              left: 0;
              background: #b2b2b2; } }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 span {
          display: block;
          box-sizing: border-box;
          line-height: 1.8; }
          #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3 span strong {
            display: block;
            font-size: 1.25em;
            margin-bottom: 0.5em; }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type1 i {
          flex-basis: 5em; }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type1 span {
          flex-basis: calc(100% - 7em); }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type2 i {
          flex-basis: 6em; }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type2 span {
          flex-basis: calc(100% - 8em); }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type3 i {
          flex-basis: 9em; }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type3 span {
          flex-basis: calc(100% - 12em); }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type4 i {
          flex-basis: 9em; }
        #about_us .works_box .new_inner #slider .swiper-slide .box .subtitle h3.type4 span {
          flex-basis: calc(100% - 12em); }
    #about_us .works_box .new_inner #slider .swiper-slide .box .grid {
      display: grid;
      width: 98%;
      margin: 0 auto;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 2.2em;
      row-gap: 4em; }
      @media screen and (max-width: 599px) {
        #about_us .works_box .new_inner #slider .swiper-slide .box .grid {
          grid-template-columns: repeat(2, 1fr); } }

@keyframes zoomUp {
  to {
    transform: scale(105%); } }
      #about_us .works_box .new_inner #slider .swiper-slide .box .grid .workItem:hover {
        animation: zoomUp 0.2s forwards; }
      #about_us .works_box .new_inner #slider .swiper-slide .box .grid .workItem a {
        display: block; }
        #about_us .works_box .new_inner #slider .swiper-slide .box .grid .workItem a:hover {
          opacity: 1; }
      #about_us .works_box .new_inner #slider .swiper-slide .box .grid .workItem .img_box {
        box-sizing: border-box;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 2em; }
        #about_us .works_box .new_inner #slider .swiper-slide .box .grid .workItem .img_box img {
          width: 100%;
          height: auto;
          display: block; }
      #about_us .works_box .new_inner #slider .swiper-slide .box .grid .workItem .workTitle {
        font-weight: bold;
        font-size: 1.125em; }
  #about_us .works_box .new_inner #slider .swiper-slide-active .box {
    animation: fadeIn 1s forwards; }
  #about_us .works_box .new_inner #slider .swiper-pagination {
    margin-top: 4em;
    display: flex;
    font-size: 8px;
    gap: 1em;
    justify-content: center; }
    #about_us .works_box .new_inner #slider .swiper-pagination .swiper-pagination-bullet {
      width: 1em;
      height: 1em;
      background: #e5e5e5;
      display: block;
      border-radius: 0.5em; }
    #about_us .works_box .new_inner #slider .swiper-pagination .swiper-pagination-bullet-active {
      background: #808080; }
  #about_us .voice_box {
    overflow: hidden; }
    #about_us .voice_box .title {
      position: relative;
      z-index: 10;
      opacity: 0;
      width: 300%;
      display: flex; }
      #about_us .voice_box .title > div {
        width: 33%; }
      #about_us .voice_box .title.action {
        animation: worksTitleAnime 1s ease forwards; }
    #about_us .voice_box .new_inner {
      position: relative;
      z-index: 8; }
      @media screen and (min-width: 960px) {
        #about_us .voice_box .new_inner {
          margin-bottom: 200px; } }
      @media screen and (max-width: 959px) {
        #about_us .voice_box .new_inner {
          margin-bottom: 180px; } }
      @media screen and (max-width: 599px) {
        #about_us .voice_box .new_inner {
          margin-bottom: 160px; } }
      @media screen and (max-width: 599px) {
        #about_us .voice_box .new_inner {
          margin-bottom: 60px; } }
      #about_us .voice_box .new_inner .bg {
        background: #92d3c4;
        background: linear-gradient(90deg, #92d3c4 0%, #64c0ab 100%);
        width: 100vw;
        height: 70vh;
        max-height: 580px;
        opacity: 0;
        position: absolute;
        top: -8.5em;
        left: 0;
        z-index: 5;
        border-radius: 0 10px 10px 0; }
        #about_us .voice_box .new_inner .bg.action {
          animation: bgAction 1s ease-out 1 0.8s forwards; }
        @media screen and (max-width: 599px) {
          #about_us .voice_box .new_inner .bg {
            top: -6em;
            width: 110vw; } }
      #about_us .voice_box .new_inner .text_box > div.text {
        position: relative;
        z-index: 10;
        color: #ffffff;
        opacity: 0; }
        @media screen and (max-width: 599px) {
          #about_us .voice_box .new_inner .text_box > div.text {
            width: 95%;
            margin-bottom: 2em; } }
        #about_us .voice_box .new_inner .text_box > div.text.action {
          animation: fadeInUp 1.5s 1.5s ease-in forwards; }
        #about_us .voice_box .new_inner .text_box > div.text .point {
          margin-bottom: 1em; }
          #about_us .voice_box .new_inner .text_box > div.text .point:before {
            font-size: 0.6em;
            content: "";
            background: #f18e1d;
            width: 1em;
            height: 1em;
            border-radius: 0.5em;
            display: inline-block;
            margin-right: 1em; }
        #about_us .voice_box .new_inner .text_box > div.text h2 {
          font-weight: bold;
          font-size: 2em;
          margin-bottom: 1.8em; }
          @media screen and (max-width: 599px) {
            #about_us .voice_box .new_inner .text_box > div.text h2 {
              margin-bottom: 0.5em; } }
        #about_us .voice_box .new_inner .text_box > div.text p {
          line-height: 2; }
        #about_us .voice_box .new_inner .text_box > div.text .btn_box {
          text-align: center;
          margin-top: 4em; }
          @media screen and (max-width: 599px) {
            #about_us .voice_box .new_inner .text_box > div.text .btn_box {
              display: none; } }
      #about_us .voice_box .new_inner .grid {
        display: grid;
        grid-template-columns: 35% 75%;
        column-gap: 4em;
        margin-top: 4em;
        position: relative;
        z-index: 9; }
        @media screen and (max-width: 599px) {
          #about_us .voice_box .new_inner .grid {
            display: block; } }

@keyframes voisefadeOut {
  to {
    opacity: 0; } }
        #about_us .voice_box .new_inner .grid #voiceSlider {
          width: 100%;
          position: relative;
          z-index: 9;
          overflow: visible; }
          #about_us .voice_box .new_inner .grid #voiceSlider .swiper-slide {
            position: relative;
            opacity: 0; }
            #about_us .voice_box .new_inner .grid #voiceSlider .swiper-slide .wrap {
              background: #ffffff;
              padding: 3em;
              box-sizing: border-box;
              border-radius: 10px; }
            #about_us .voice_box .new_inner .grid #voiceSlider .swiper-slide .voiceTitle {
              font-size: 1.5em;
              line-height: 2;
              margin-bottom: 0.5em;
              font-weight: bold; }
            #about_us .voice_box .new_inner .grid #voiceSlider .swiper-slide p {
              line-height: 2;
              font-size: 1.15em; }
            #about_us .voice_box .new_inner .grid #voiceSlider .swiper-slide.swiper-slide-prev {
              opacity: 1;
              animation: voisefadeOut 0.3s ease-in-out forwards; }
            #about_us .voice_box .new_inner .grid #voiceSlider .swiper-slide.swiper-slide-next, #about_us .voice_box .new_inner .grid #voiceSlider .swiper-slide.swiper-slide-active {
              opacity: 1; }
  @media screen and (min-width: 960px) {
    #about_us .banner_box {
      margin-top: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us .banner_box {
      margin-top: 113px; } }
  @media screen and (max-width: 599px) {
    #about_us .banner_box {
      margin-top: 98px; } }
  #about_us .banner_box .title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 2em; }
    #about_us .banner_box .title:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f105';
      font-weight: 900;
      content: "\f04b";
      color: #f18e1d;
      margin-right: 0.3em; }
  #about_us .banner_box .pick_up_banner_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5em; }
    @media screen and (min-width: 960px) {
      #about_us .banner_box .pick_up_banner_list {
        margin-bottom: 128px; } }
    @media screen and (max-width: 959px) {
      #about_us .banner_box .pick_up_banner_list {
        margin-bottom: 113px; } }
    @media screen and (max-width: 599px) {
      #about_us .banner_box .pick_up_banner_list {
        margin-bottom: 98px; } }
    @media screen and (max-width: 599px) {
      #about_us .banner_box .pick_up_banner_list {
        grid-template-columns: 1fr; } }
    #about_us .banner_box .pick_up_banner_list img {
      width: 100%;
      height: auto; }
  @media screen and (min-width: 960px) {
    #about_us.about_strong_point {
      padding-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_strong_point {
      padding-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_strong_point {
      padding-bottom: 88px; } }
  #about_us.about_strong_point .visual_box .img {
    background-image: url("../img/about_us/strong/main.jpg"); }
  @media screen and (max-width: 599px) {
    #about_us.about_strong_point .text_area {
      margin-top: 48px; } }
  @media screen and (min-width: 960px) {
    #about_us.about_strong_point .text_area + .text_area {
      margin-top: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_strong_point .text_area + .text_area {
      margin-top: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_strong_point .text_area + .text_area {
      margin-top: 88px; } }
  #about_us.about_strong_point .text_area .point {
    margin-bottom: 1em; }
    #about_us.about_strong_point .text_area .point span {
      color: #f18e1d; }
    #about_us.about_strong_point .text_area .point:before {
      font-size: 0.6em;
      content: "";
      background: #f18e1d;
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      display: inline-block;
      margin-right: 1em; }
  #about_us.about_strong_point .text_area .title {
    margin-bottom: 3.5em; }
    #about_us.about_strong_point .text_area .title h2 {
      font-size: 2em;
      font-weight: bold; }
      #about_us.about_strong_point .text_area .title h2 span {
        color: #f18e1d;
        font-weight: bold; }
  #about_us.about_strong_point .text_area .text_box p {
    line-height: 2;
    font-size: 1em; }
  #about_us.about_strong_point .text_area .flex_box {
    display: flex;
    gap: 4em; }
    @media screen and (max-width: 599px) {
      #about_us.about_strong_point .text_area .flex_box {
        display: block; } }
    #about_us.about_strong_point .text_area .flex_box .text_box {
      flex-basis: 50%; }
      @media screen and (max-width: 599px) {
        #about_us.about_strong_point .text_area .flex_box .text_box p br {
          display: none; } }
    #about_us.about_strong_point .text_area .flex_box .img_box {
      flex-basis: 50%;
      opacity: 0; }
      @media screen and (max-width: 599px) {
        #about_us.about_strong_point .text_area .flex_box .img_box {
          margin-top: 30px; } }
      #about_us.about_strong_point .text_area .flex_box .img_box img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 10px; }
      #about_us.about_strong_point .text_area .flex_box .img_box.action {
        animation: fadeInUp ease-in 1.2s forwards; }
    #about_us.about_strong_point .text_area .flex_box.type2 .text_box {
      order: 2; }
    #about_us.about_strong_point .text_area .flex_box.type2 .img_box {
      order: 1; }
  #about_us.about_strong_point .text_area .banner_box {
    margin-top: 4em;
    padding: 2em;
    box-sizing: border-box;
    border: 1px solid #f18e1d; }
    #about_us.about_strong_point .text_area .banner_box ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2em; }
      @media screen and (max-width: 599px) {
        #about_us.about_strong_point .text_area .banner_box ul {
          grid-template-columns: 1fr; } }
      #about_us.about_strong_point .text_area .banner_box ul li p {
        font-weight: bold;
        position: relative;
        display: block;
        padding-left: 0.7em;
        margin-bottom: 0.8em; }
        #about_us.about_strong_point .text_area .banner_box ul li p:before {
          content: "";
          position: absolute;
          top: 0.3em;
          left: 0;
          width: 5px;
          height: 1em;
          background: #f18e1d; }
      #about_us.about_strong_point .text_area .banner_box ul li a {
        display: block; }
        #about_us.about_strong_point .text_area .banner_box ul li a img {
          width: 100%;
          height: auto;
          display: block; }
  #about_us.about_strong_point .text_area .guideline_note {
    margin-top: 4em;
    padding: 2em;
    box-sizing: border-box;
    border: 1px solid #f18e1d; }
    #about_us.about_strong_point .text_area .guideline_note h3 {
      text-align: center;
      font-weight: bold;
      font-size: 1.25em;
      margin-bottom: 1.4em;
      color: #f18e1d; }
    #about_us.about_strong_point .text_area .guideline_note p, #about_us.about_strong_point .text_area .guideline_note .note {
      line-height: 2; }
    #about_us.about_strong_point .text_area .guideline_note p + p {
      margin-top: 2em; }
    #about_us.about_strong_point .text_area .guideline_note .note {
      background: #fef4e8;
      padding: 1em;
      margin: 2em 0; }
  @media screen and (min-width: 960px) {
    #about_us.about_strong_point .text_area .works_nav_area {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_strong_point .text_area .works_nav_area {
      padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_strong_point .text_area .works_nav_area {
      padding-bottom: 20px; } }
  #about_us.about_strong_point .text_area .works_nav_area ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4em;
    margin-top: 4em; }
    @media screen and (max-width: 599px) {
      #about_us.about_strong_point .text_area .works_nav_area ul {
        grid-template-columns: 1fr; } }
    #about_us.about_strong_point .text_area .works_nav_area ul li {
      opacity: 0;
      overflow: hidden;
      border-radius: 10px; }
      #about_us.about_strong_point .text_area .works_nav_area ul li a {
        width: 100%;
        padding: 2.5em 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        color: #ffffff; }
        #about_us.about_strong_point .text_area .works_nav_area ul li a:after {
          content: "";
          width: 4em;
          height: 1em;
          font-size: 12px;
          background: url("../img/about_us/work_arrow.png") no-repeat center/cover;
          position: absolute;
          bottom: 2.5em;
          right: 2.5em;
          z-index: 6; }
        #about_us.about_strong_point .text_area .works_nav_area ul li a .text {
          position: relative;
          z-index: 5;
          text-align: center; }
          #about_us.about_strong_point .text_area .works_nav_area ul li a .text span {
            font-size: 1.25em;
            margin-bottom: 0.7em;
            display: block;
            font-weight: bold; }
            #about_us.about_strong_point .text_area .works_nav_area ul li a .text span:before {
              content: "";
              width: 3em;
              height: 3em;
              display: block;
              margin: 0 auto 1em; }
          #about_us.about_strong_point .text_area .works_nav_area ul li a .text p {
            line-height: 1;
            font-weight: bold; }
        #about_us.about_strong_point .text_area .works_nav_area ul li a .bg2 {
          z-index: 2;
          position: absolute;
          top: 0;
          bottom: 0;
          height: 100%;
          right: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.5);
          mix-blend-mode: multiply; }
        #about_us.about_strong_point .text_area .works_nav_area ul li a:hover {
          opacity: 1; }
          #about_us.about_strong_point .text_area .works_nav_area ul li a:hover .text {
            animation: worksLinkHover 0.5s ease-in-out forwards; }
          #about_us.about_strong_point .text_area .works_nav_area ul li a:hover .bg2 {
            background: rgba(0, 0, 0, 0.3); }
      #about_us.about_strong_point .text_area .works_nav_area ul li.action {
        animation: fadeInLeft 1s 0.2s ease forwards; }
      #about_us.about_strong_point .text_area .works_nav_area ul li:nth-of-type(1) {
        background: url("../img/about_us/works_img1.jpg") no-repeat center/cover; }
        #about_us.about_strong_point .text_area .works_nav_area ul li:nth-of-type(1) .text span:before {
          background: url("../img/about_us/strong/work_icon1.png") no-repeat center/cover; }
      #about_us.about_strong_point .text_area .works_nav_area ul li:nth-of-type(2) {
        background: url("../img/about_us/works_img2.jpg") no-repeat center/cover; }
        #about_us.about_strong_point .text_area .works_nav_area ul li:nth-of-type(2) .text span:before {
          background: url("../img/about_us/strong/work_icon2.png") no-repeat center/cover; }
      #about_us.about_strong_point .text_area .works_nav_area ul li:nth-of-type(3) {
        background: url("../img/about_us/works_img3.jpg") no-repeat center/cover; }
        #about_us.about_strong_point .text_area .works_nav_area ul li:nth-of-type(3) .text span:before {
          background: url("../img/about_us/strong/work_icon3.png") no-repeat center/cover; }
  @media screen and (min-width: 960px) {
    #about_us.about_service {
      padding-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_service {
      padding-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_service {
      padding-bottom: 88px; } }
  #about_us.about_service .visual_box .img {
    background-image: url("../img/about_us/service/main.jpg"); }
  #about_us.about_service .menu_box ul {
    margin-bottom: 6em; }
  @media screen and (min-width: 960px) {
    #about_us.about_service .page_nav .works_nav_area {
      padding-bottom: 60px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_service .page_nav .works_nav_area {
      padding-bottom: 40px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_service .page_nav .works_nav_area {
      padding-bottom: 20px; } }
  #about_us.about_service .page_nav .works_nav_area ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4em;
    margin-top: 4em; }
    @media screen and (max-width: 599px) {
      #about_us.about_service .page_nav .works_nav_area ul {
        grid-template-columns: 1fr; } }
    #about_us.about_service .page_nav .works_nav_area ul li {
      opacity: 0;
      overflow: hidden;
      border-radius: 10px; }
      #about_us.about_service .page_nav .works_nav_area ul li a {
        width: 100%;
        padding: 2.5em;
        display: flex;
        align-items: center;
        position: relative;
        color: #ffffff;
        gap: 1.5em; }
        #about_us.about_service .page_nav .works_nav_area ul li a:before {
          content: "";
          font-size: 1.25em;
          width: 3em;
          height: 3em;
          display: block;
          z-index: 6;
          position: relative; }
        #about_us.about_service .page_nav .works_nav_area ul li a .text {
          position: relative;
          z-index: 5; }
          #about_us.about_service .page_nav .works_nav_area ul li a .text span {
            display: block;
            font-size: 2em;
            line-height: 1;
            margin-bottom: 0.3em; }
          #about_us.about_service .page_nav .works_nav_area ul li a .text p {
            line-height: 1;
            font-weight: bold; }
        #about_us.about_service .page_nav .works_nav_area ul li a .bg2 {
          z-index: 2;
          position: absolute;
          top: 0;
          bottom: 0;
          height: 100%;
          right: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.5);
          mix-blend-mode: multiply; }
        #about_us.about_service .page_nav .works_nav_area ul li a:hover {
          opacity: 1; }
          #about_us.about_service .page_nav .works_nav_area ul li a:hover .text {
            animation: worksLinkHover 0.5s ease-in-out forwards; }
          #about_us.about_service .page_nav .works_nav_area ul li a:hover .bg2 {
            background: rgba(0, 0, 0, 0.3); }
      #about_us.about_service .page_nav .works_nav_area ul li.action {
        animation: fadeInLeft 1s 0.2s ease forwards; }
      #about_us.about_service .page_nav .works_nav_area ul li:nth-of-type(1) {
        background: url("../img/about_us/works_img1.jpg") no-repeat center/cover; }
        #about_us.about_service .page_nav .works_nav_area ul li:nth-of-type(1) a::before {
          background: url("../img/about_us/strong/work_icon1.png") no-repeat center/cover; }
      #about_us.about_service .page_nav .works_nav_area ul li:nth-of-type(2) {
        background: url("../img/about_us/works_img2.jpg") no-repeat center/cover; }
        #about_us.about_service .page_nav .works_nav_area ul li:nth-of-type(2) a::before {
          background: url("../img/about_us/strong/work_icon2.png") no-repeat center/cover; }
      #about_us.about_service .page_nav .works_nav_area ul li:nth-of-type(3) {
        background: url("../img/about_us/works_img3.jpg") no-repeat center/cover; }
        #about_us.about_service .page_nav .works_nav_area ul li:nth-of-type(3) a::before {
          background: url("../img/about_us/strong/work_icon3.png") no-repeat center/cover; }
  @media screen and (max-width: 599px) {
    #about_us.about_service .text_area {
      margin-top: 48px; } }
  @media screen and (min-width: 960px) {
    #about_us.about_service .text_area + .text_area {
      margin-top: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_service .text_area + .text_area {
      margin-top: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_service .text_area + .text_area {
      margin-top: 88px; } }
  #about_us.about_service .text_area .point {
    margin-bottom: 1em; }
    #about_us.about_service .text_area .point span {
      color: #f18e1d; }
    #about_us.about_service .text_area .point:before {
      font-size: 0.6em;
      content: "";
      background: #f18e1d;
      width: 1em;
      height: 1em;
      border-radius: 0.5em;
      display: inline-block;
      margin-right: 1em; }
  #about_us.about_service .text_area .title {
    margin-bottom: 3.5em; }
    #about_us.about_service .text_area .title h2 {
      font-size: 2em;
      font-weight: bold; }
      #about_us.about_service .text_area .title h2 span {
        color: #f18e1d;
        font-weight: bold; }
  #about_us.about_service .text_area .text_box p {
    line-height: 2;
    font-size: 1em; }
  #about_us.about_service .text_area .flex_box {
    display: flex;
    gap: 4em; }
    @media screen and (max-width: 599px) {
      #about_us.about_service .text_area .flex_box {
        display: block; } }
    #about_us.about_service .text_area .flex_box .text_box {
      flex-basis: 50%; }
      @media screen and (max-width: 599px) {
        #about_us.about_service .text_area .flex_box .text_box p br {
          display: none; } }
    #about_us.about_service .text_area .flex_box .img_box {
      flex-basis: 50%;
      opacity: 0; }
      @media screen and (max-width: 599px) {
        #about_us.about_service .text_area .flex_box .img_box {
          margin-top: 30px; } }
      #about_us.about_service .text_area .flex_box .img_box img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 10px; }
      #about_us.about_service .text_area .flex_box .img_box.action {
        animation: fadeInUp ease-in 1.2s forwards; }
    #about_us.about_service .text_area .flex_box.type2 .text_box {
      order: 2; }
    #about_us.about_service .text_area .flex_box.type2 .img_box {
      order: 1; }
  #about_us.about_service .service_area1 {
    background: #eff9f7;
    padding: 4em 0;
    margin-top: 4em; }
    #about_us.about_service .service_area1 img {
      width: 100%;
      height: auto; }
    #about_us.about_service .service_area1 .title {
      text-align: center; }
      #about_us.about_service .service_area1 .title h2 {
        font-weight: bold;
        color: #64c0ab;
        font-size: 2em; }
      #about_us.about_service .service_area1 .title p {
        color: #808080;
        margin-top: 0.5em; }
    #about_us.about_service .service_area1 .img_box {
      line-height: 1;
      margin-top: 1.8em; }
    #about_us.about_service .service_area1 .text_box {
      margin-top: 1.8em;
      padding: 1.2em 1.8em;
      background: #ffffff; }
      #about_us.about_service .service_area1 .text_box p {
        line-height: 2.2; }
    #about_us.about_service .service_area1 .plan_box {
      margin-top: 4em; }
      #about_us.about_service .service_area1 .plan_box h3 {
        text-align: center;
        background: url("../img/about_us/service/icon1.svg") no-repeat center/2.9em;
        font-size: 1.5em;
        padding: 1.2em 0;
        font-weight: bold;
        margin-bottom: 2em; }
      #about_us.about_service .service_area1 .plan_box .plan_list {
        display: flex;
        gap: 2em; }
        @media screen and (max-width: 599px) {
          #about_us.about_service .service_area1 .plan_box .plan_list {
            display: block; } }
      #about_us.about_service .service_area1 .plan_box .plan_note {
        width: 100%;
        background: #ffffff;
        padding-bottom: 2em; }
        @media screen and (max-width: 599px) {
          #about_us.about_service .service_area1 .plan_box .plan_note + .plan_note {
            margin-top: 2em; } }
        #about_us.about_service .service_area1 .plan_box .plan_note .title2 {
          background: #f18e1d;
          color: #ffffff;
          font-size: 2em;
          text-align: center;
          padding: 0.8em 0; }
          #about_us.about_service .service_area1 .plan_box .plan_note .title2 span {
            display: block;
            font-size: 0.5em; }
        #about_us.about_service .service_area1 .plan_box .plan_note .price {
          opacity: 0; }
          #about_us.about_service .service_area1 .plan_box .plan_note .price.action {
            animation: fadeIn 0.5s ease-in-out forwards; }
          #about_us.about_service .service_area1 .plan_box .plan_note .price .box1 {
            display: flex;
            align-items: baseline;
            justify-content: center;
            gap: 1em;
            margin-top: 2em; }
            #about_us.about_service .service_area1 .plan_box .plan_note .price .box1:before {
              content: "";
              display: block;
              width: 2.2em;
              height: 3.2em;
              background: url("../img/about_us/service/icon2.svg") no-repeat center/cover; }
              @media screen and (min-width: 960px) {
                #about_us.about_service .service_area1 .plan_box .plan_note .price .box1:before {
                  font-size: 10px; } }
              @media screen and (max-width: 959px) {
                #about_us.about_service .service_area1 .plan_box .plan_note .price .box1:before {
                  font-size: 8px; } }
              @media screen and (max-width: 599px) {
                #about_us.about_service .service_area1 .plan_box .plan_note .price .box1:before {
                  font-size: 6px; } }
            #about_us.about_service .service_area1 .plan_box .plan_note .price .box1 span {
              font-size: 4em;
              color: #f18e1d;
              line-height: 1; }
            #about_us.about_service .service_area1 .plan_box .plan_note .price .box1 i {
              line-height: 1;
              font-size: 2em; }
          #about_us.about_service .service_area1 .plan_box .plan_note .price .subscribe:before {
            content: "";
            display: block;
            margin: 1.2em auto 1.2em;
            width: 2em;
            height: 2em;
            background: url("../img/about_us/service/icon11.svg") no-repeat center/cover; }
          #about_us.about_service .service_area1 .plan_box .plan_note .price .subscribe span {
            display: block;
            padding: 0.4em;
            text-align: center;
            border: 1px solid #f18e1d;
            color: #f18e1d;
            border-radius: 2em;
            width: 88%;
            margin: 0 auto; }
        #about_us.about_service .service_area1 .plan_box .plan_note .sub_title {
          margin-top: 3.2em;
          width: 88%;
          margin-left: auto;
          margin-right: auto;
          font-weight: bold;
          font-size: 1.25em;
          text-align: center;
          padding: 0.4em 0;
          background: #e5e5e5;
          color: #808080; }
        #about_us.about_service .service_area1 .plan_box .plan_note dl {
          width: 88%;
          margin-left: auto;
          margin-right: auto;
          text-align: center; }
          #about_us.about_service .service_area1 .plan_box .plan_note dl dt {
            margin-top: 1.5em; }
            #about_us.about_service .service_area1 .plan_box .plan_note dl dt + dd {
              margin-top: 0.5em; }
          #about_us.about_service .service_area1 .plan_box .plan_note dl dd {
            font-size: 1.25em;
            font-weight: bold; }
            #about_us.about_service .service_area1 .plan_box .plan_note dl dd span {
              color: #f18e1d; }
            #about_us.about_service .service_area1 .plan_box .plan_note dl dd + dt {
              padding-top: 1.5em;
              border-top: 2px dotted #808080; }
            #about_us.about_service .service_area1 .plan_box .plan_note dl dd > i {
              display: block;
              margin-top: 0.8em;
              font-size: 0.8em; }
            #about_us.about_service .service_area1 .plan_box .plan_note dl dd > div {
              margin-top: 1.8em;
              font-size: 0.8em;
              text-align: left; }
              #about_us.about_service .service_area1 .plan_box .plan_note dl dd > div i {
                display: block;
                margin-bottom: 0.5em; }
              #about_us.about_service .service_area1 .plan_box .plan_note dl dd > div ul {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 0.8em; }
                #about_us.about_service .service_area1 .plan_box .plan_note dl dd > div ul li:before {
                  font-size: 0.6em;
                  content: "";
                  background: #f18e1d;
                  width: 1em;
                  height: 1em;
                  border-radius: 0.5em;
                  display: inline-block;
                  margin-right: 1em; }
        #about_us.about_service .service_area1 .plan_box .plan_note.type2 .title2 {
          background: #64c0ab; }
        #about_us.about_service .service_area1 .plan_box .plan_note.type2 .box1:before {
          background: url("../img/about_us/service/icon3.svg") no-repeat center/cover; }
        #about_us.about_service .service_area1 .plan_box .plan_note.type2 .box1 span {
          color: #64c0ab; }
        #about_us.about_service .service_area1 .plan_box .plan_note.type2 .subscribe span {
          color: #64c0ab;
          border-color: #64c0ab; }
        #about_us.about_service .service_area1 .plan_box .plan_note.type2 dl dd span {
          color: #64c0ab; }
        #about_us.about_service .service_area1 .plan_box .plan_note.type2 dl dd > div ul li:before {
          background-color: #64c0ab; }
  #about_us.about_service .service_area2 {
    padding: 4em 0;
    margin-top: 4em; }
    #about_us.about_service .service_area2 img {
      width: 100%;
      height: auto; }
    #about_us.about_service .service_area2 .title {
      text-align: center; }
      #about_us.about_service .service_area2 .title h2 {
        font-weight: bold;
        color: #64c0ab;
        font-size: 2em; }
      #about_us.about_service .service_area2 .title p {
        color: #808080;
        margin-top: 0.5em; }
    #about_us.about_service .service_area2 .grid {
      margin-top: 2em;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2em; }
      @media screen and (max-width: 599px) {
        #about_us.about_service .service_area2 .grid {
          grid-template-columns: repeat(2, 1fr); } }
      #about_us.about_service .service_area2 .grid div {
        opacity: 0; }
      #about_us.about_service .service_area2 .grid img {
        display: block;
        border-radius: 10px; }
      #about_us.about_service .service_area2 .grid p {
        font-weight: bold;
        display: block;
        text-align: center;
        line-height: 1;
        margin-top: 1em; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(1) {
        animation: fadeIn 0.4s ease-in-out 1 0.2s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(2) {
        animation: fadeIn 0.4s ease-in-out 1 0.4s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(3) {
        animation: fadeIn 0.4s ease-in-out 1 0.6s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(4) {
        animation: fadeIn 0.4s ease-in-out 1 0.8s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(5) {
        animation: fadeIn 0.4s ease-in-out 1 1s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(6) {
        animation: fadeIn 0.4s ease-in-out 1 1.2s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(7) {
        animation: fadeIn 0.4s ease-in-out 1 1.4s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(8) {
        animation: fadeIn 0.4s ease-in-out 1 1.6s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(9) {
        animation: fadeIn 0.4s ease-in-out 1 1.8s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(10) {
        animation: fadeIn 0.4s ease-in-out 1 2s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(11) {
        animation: fadeIn 0.4s ease-in-out 1 2.2s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(12) {
        animation: fadeIn 0.4s ease-in-out 1 2.4s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(13) {
        animation: fadeIn 0.4s ease-in-out 1 2.6s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(14) {
        animation: fadeIn 0.4s ease-in-out 1 2.8s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(15) {
        animation: fadeIn 0.4s ease-in-out 1 3s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(16) {
        animation: fadeIn 0.4s ease-in-out 1 3.2s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(17) {
        animation: fadeIn 0.4s ease-in-out 1 3.4s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(18) {
        animation: fadeIn 0.4s ease-in-out 1 3.6s forwards; }
      #about_us.about_service .service_area2 .grid.action > div:nth-of-type(19) {
        animation: fadeIn 0.4s ease-in-out 1 3.8s forwards; }
    #about_us.about_service .service_area2 .text_box {
      margin-top: 2em;
      padding: 1.2em 1.8em;
      background: #eff9f7; }
      #about_us.about_service .service_area2 .text_box p {
        line-height: 2.2; }
  #about_us.about_service .text_area {
    margin-top: 8em; }
    #about_us.about_service .text_area dl.note {
      margin-top: 4em;
      background: #64c0ab;
      border: 1px solid #64c0ab;
      font-size: 1.25em;
      text-align: center;
      display: grid;
      grid-template-columns: 1fr 1fr; }
      @media screen and (max-width: 599px) {
        #about_us.about_service .text_area dl.note {
          grid-template-columns: 1fr; } }
      #about_us.about_service .text_area dl.note dt {
        color: #ffffff;
        font-weight: bold;
        padding: 0.8em 0; }
      #about_us.about_service .text_area dl.note dd {
        font-weight: bold;
        background: #ffffff;
        padding: 0.8em 0; }
  #about_us.about_service .service_area3 {
    padding: 4em 0;
    margin-top: 4em;
    background: #eff9f7; }
    #about_us.about_service .service_area3 img {
      width: 100%;
      height: auto; }
    #about_us.about_service .service_area3 .title {
      text-align: center; }
      #about_us.about_service .service_area3 .title h2 {
        font-weight: bold;
        color: #64c0ab;
        font-size: 2em; }
      #about_us.about_service .service_area3 .title p {
        color: #808080;
        margin-top: 0.5em; }
    #about_us.about_service .service_area3 .grid {
      margin-top: 2em;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2em; }
      @media screen and (max-width: 599px) {
        #about_us.about_service .service_area3 .grid {
          grid-template-columns: repeat(2, 1fr); } }
      #about_us.about_service .service_area3 .grid img {
        display: block;
        border-radius: 10px; }
      #about_us.about_service .service_area3 .grid p {
        font-weight: bold;
        display: block;
        text-align: center;
        line-height: 1;
        margin-top: 1em; }
      #about_us.about_service .service_area3 .grid i {
        display: block;
        margin-top: 0.8em;
        line-height: 2; }
        #about_us.about_service .service_area3 .grid i.type2 {
          margin-left: 1em;
          text-indent: -1em; }
      #about_us.about_service .service_area3 .grid > div > div {
        position: relative;
        background: #ffffff;
        border-radius: 50%; }
        #about_us.about_service .service_area3 .grid > div > div:before {
          content: "";
          width: 30%;
          padding-top: 30%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          @media screen and (min-width: 960px) {
            #about_us.about_service .service_area3 .grid > div > div:before {
              font-size: 60px; } }
          @media screen and (max-width: 959px) {
            #about_us.about_service .service_area3 .grid > div > div:before {
              font-size: 45px; } }
          @media screen and (max-width: 599px) {
            #about_us.about_service .service_area3 .grid > div > div:before {
              font-size: 30px; } }
        #about_us.about_service .service_area3 .grid > div > div:after {
          content: "";
          padding-top: 100%;
          display: block; }
      #about_us.about_service .service_area3 .grid > div {
        opacity: 0; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(1) div:before {
          background: url("../img/about_us/service/icon4.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(2) div:before {
          background: url("../img/about_us/service/icon5.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(3) div:before {
          background: url("../img/about_us/service/icon6.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(4) div:before {
          background: url("../img/about_us/service/icon7.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(5) div:before {
          background: url("../img/about_us/service/icon8.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(6) div:before {
          background: url("../img/about_us/service/icon9.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(7) div:before {
          background: url("../img/about_us/service/icon10.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(8) div:before {
          background: url("../img/about_us/service/icon11.svg") no-repeat center/cover; }
        #about_us.about_service .service_area3 .grid > div:nth-of-type(9) div:before {
          background: url("../img/about_us/service/icon12.svg") no-repeat center/cover; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(1) {
        animation: fadeIn 0.4s ease-in-out 1 0.2s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(2) {
        animation: fadeIn 0.4s ease-in-out 1 0.4s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(3) {
        animation: fadeIn 0.4s ease-in-out 1 0.6s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(4) {
        animation: fadeIn 0.4s ease-in-out 1 0.8s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(5) {
        animation: fadeIn 0.4s ease-in-out 1 1s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(6) {
        animation: fadeIn 0.4s ease-in-out 1 1.2s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(7) {
        animation: fadeIn 0.4s ease-in-out 1 1.4s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(8) {
        animation: fadeIn 0.4s ease-in-out 1 1.6s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(9) {
        animation: fadeIn 0.4s ease-in-out 1 1.8s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(10) {
        animation: fadeIn 0.4s ease-in-out 1 2s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(11) {
        animation: fadeIn 0.4s ease-in-out 1 2.2s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(12) {
        animation: fadeIn 0.4s ease-in-out 1 2.4s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(13) {
        animation: fadeIn 0.4s ease-in-out 1 2.6s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(14) {
        animation: fadeIn 0.4s ease-in-out 1 2.8s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(15) {
        animation: fadeIn 0.4s ease-in-out 1 3s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(16) {
        animation: fadeIn 0.4s ease-in-out 1 3.2s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(17) {
        animation: fadeIn 0.4s ease-in-out 1 3.4s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(18) {
        animation: fadeIn 0.4s ease-in-out 1 3.6s forwards; }
      #about_us.about_service .service_area3 .grid.action > div:nth-of-type(19) {
        animation: fadeIn 0.4s ease-in-out 1 3.8s forwards; }
    #about_us.about_service .service_area3 .text_box {
      margin-top: 2em;
      padding: 1.2em 1.8em;
      background: #ffffff; }
      #about_us.about_service .service_area3 .text_box p {
        line-height: 2.2; }
  #about_us.about_service .service_area4 {
    background: #eff9f7;
    padding-bottom: 4em;
    margin-bottom: 8em; }
    #about_us.about_service .service_area4 .plan_box h3 {
      text-align: center;
      background: url("../img/about_us/service/icon1.svg") no-repeat center/2.9em;
      font-size: 1.5em;
      padding: 1.2em 0;
      font-weight: bold;
      margin-bottom: 2em; }
    #about_us.about_service .service_area4 .plan_box .plan_list {
      display: flex;
      gap: 2em;
      align-items: flex-start; }
      @media screen and (max-width: 599px) {
        #about_us.about_service .service_area4 .plan_box .plan_list {
          display: block; } }
    #about_us.about_service .service_area4 .plan_box .plan_note {
      width: 100%;
      background: #ffffff;
      padding-bottom: 2em; }
      @media screen and (max-width: 599px) {
        #about_us.about_service .service_area4 .plan_box .plan_note + .plan_note {
          margin-top: 2em; } }
      #about_us.about_service .service_area4 .plan_box .plan_note .title2 {
        background: #f18e1d;
        color: #ffffff;
        font-size: 2em;
        text-align: center;
        padding: 0.8em 0; }
        #about_us.about_service .service_area4 .plan_box .plan_note .title2 span {
          display: block;
          font-size: 0.5em; }
      #about_us.about_service .service_area4 .plan_box .plan_note .price {
        opacity: 0; }
        #about_us.about_service .service_area4 .plan_box .plan_note .price.action {
          animation: fadeIn 0.5s ease-in-out forwards; }
        #about_us.about_service .service_area4 .plan_box .plan_note .price .box1 {
          display: flex;
          align-items: baseline;
          justify-content: center;
          gap: 1em;
          margin-top: 2em; }
          #about_us.about_service .service_area4 .plan_box .plan_note .price .box1:before {
            content: "";
            display: block;
            width: 2.2em;
            height: 3.2em;
            background: url("../img/about_us/service/icon2.svg") no-repeat center/cover; }
            @media screen and (min-width: 960px) {
              #about_us.about_service .service_area4 .plan_box .plan_note .price .box1:before {
                font-size: 10px; } }
            @media screen and (max-width: 959px) {
              #about_us.about_service .service_area4 .plan_box .plan_note .price .box1:before {
                font-size: 8px; } }
            @media screen and (max-width: 599px) {
              #about_us.about_service .service_area4 .plan_box .plan_note .price .box1:before {
                font-size: 6px; } }
          #about_us.about_service .service_area4 .plan_box .plan_note .price .box1 span {
            font-size: 4em;
            color: #f18e1d;
            line-height: 1; }
          #about_us.about_service .service_area4 .plan_box .plan_note .price .box1 i {
            line-height: 1;
            font-size: 2em; }
        #about_us.about_service .service_area4 .plan_box .plan_note .price .subscribe span {
          display: block;
          padding: 0.8em 0 0;
          text-align: center;
          font-weight: bold;
          width: 88%;
          margin: 0 auto; }
      #about_us.about_service .service_area4 .plan_box .plan_note .sub_title {
        margin-top: 2em;
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        font-weight: bold;
        font-size: 1.25em;
        text-align: center;
        padding: 0.4em 0;
        background: #e5e5e5;
        color: #808080; }
      #about_us.about_service .service_area4 .plan_box .plan_note ul {
        margin-top: 2em;
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2em; }
        #about_us.about_service .service_area4 .plan_box .plan_note ul li {
          text-indent: -2em; }
          #about_us.about_service .service_area4 .plan_box .plan_note ul li + li {
            margin-top: 0.4em; }
      #about_us.about_service .service_area4 .plan_box .plan_note dl {
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
        #about_us.about_service .service_area4 .plan_box .plan_note dl dt {
          margin-top: 1.5em;
          font-weight: bold; }
          #about_us.about_service .service_area4 .plan_box .plan_note dl dt a {
            text-decoration: underline; }
          #about_us.about_service .service_area4 .plan_box .plan_note dl dt + dd {
            margin-top: 0.5em; }
        #about_us.about_service .service_area4 .plan_box .plan_note dl dd {
          font-size: 1.25em;
          font-weight: bold;
          position: relative; }
          #about_us.about_service .service_area4 .plan_box .plan_note dl dd i {
            position: absolute;
            top: -50%;
            left: calc(50% + 1.5em); }
          #about_us.about_service .service_area4 .plan_box .plan_note dl dd span:before {
            font-family: 'Font Awesome 6 Pro';
            content: '\f105';
            font-weight: 900;
            content: "\f111";
            color: #f18e1d;
            font-weight: 500; }
          #about_us.about_service .service_area4 .plan_box .plan_note dl dd + dt {
            padding-top: 1.5em;
            border-top: 2px dotted #808080; }
          #about_us.about_service .service_area4 .plan_box .plan_note dl dd > i {
            display: block;
            margin-top: 0.8em;
            font-size: 0.8em; }
      #about_us.about_service .service_area4 .plan_box .plan_note.type2 .title2 {
        background: #64c0ab; }
      #about_us.about_service .service_area4 .plan_box .plan_note.type2 .box1:before {
        background: url("../img/about_us/service/icon3.svg") no-repeat center/cover; }
      #about_us.about_service .service_area4 .plan_box .plan_note.type2 .box1 span {
        color: #64c0ab; }
      #about_us.about_service .service_area4 .plan_box .plan_note.type2 dl dd span:before {
        content: "\f00d";
        color: #64c0ab; }
      #about_us.about_service .service_area4 .plan_box .plan_note.type2 dl dd span.type2:before {
        content: "\f111"; }
      #about_us.about_service .service_area4 .plan_box .plan_note.type2 dl dd > div ul li:before {
        background-color: #64c0ab; }
  @media screen and (min-width: 960px) {
    #about_us.about_company {
      padding-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_company {
      padding-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_company {
      padding-bottom: 88px; } }
  #about_us.about_company .visual_box .img {
    background-image: url("../img/about_us/company/main.jpg"); }
  @media screen and (min-width: 960px) {
    #about_us.about_company .menu_box ul {
      margin-bottom: 110px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_company .menu_box ul {
      margin-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_company .menu_box ul {
      margin-bottom: 50px; } }
  @media screen and (min-width: 960px) {
    #about_us.about_company .read_area {
      padding-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_company .read_area {
      padding-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_company .read_area {
      padding-bottom: 88px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_company .read_area {
      margin-top: 4em; } }
  #about_us.about_company .read_area h2 {
    font-weight: bold;
    color: #64c0ab;
    line-height: 2.2;
    margin-bottom: 1.5em; }
    @media screen and (min-width: 960px) {
      #about_us.about_company .read_area h2 {
        font-size: 32px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_company .read_area h2 {
        font-size: 27px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_company .read_area h2 {
        font-size: 22px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_company .read_area h2 {
        line-height: 1.8; } }
    @media screen and (max-width: 599px) {
      #about_us.about_company .read_area h2 br {
        display: none; } }
  #about_us.about_company .read_area p {
    line-height: 2; }
    #about_us.about_company .read_area p + p {
      margin-top: 1.5em; }
    #about_us.about_company .read_area p.signoff {
      display: block;
      text-align: right;
      font-weight: bold;
      font-size: 1.25em; }
  @media screen and (min-width: 960px) {
    #about_us.about_company .data_area {
      padding-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_company .data_area {
      padding-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_company .data_area {
      padding-bottom: 88px; } }
  #about_us.about_company .data_area h2 {
    text-align: center; }
    #about_us.about_company .data_area h2 span {
      font-size: 1.5em;
      font-weight: bold;
      display: inline-block;
      border-bottom: 2px solid #f18e1d;
      padding-bottom: 0.5em; }
  #about_us.about_company .data_area dl {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-top: 4em;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (min-width: 960px) {
      #about_us.about_company .data_area dl {
        padding-left: 48px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_company .data_area dl {
        padding-left: 28px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_company .data_area dl {
        padding-left: 8px; } }
    @media screen and (min-width: 960px) {
      #about_us.about_company .data_area dl {
        padding-right: 48px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_company .data_area dl {
        padding-right: 28px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_company .data_area dl {
        padding-right: 8px; } }
    #about_us.about_company .data_area dl dt, #about_us.about_company .data_area dl dd {
      border-bottom: 1px solid #cccccc; }
      @media screen and (min-width: 960px) {
        #about_us.about_company .data_area dl dt, #about_us.about_company .data_area dl dd {
          padding-top: 38px; } }
      @media screen and (max-width: 959px) {
        #about_us.about_company .data_area dl dt, #about_us.about_company .data_area dl dd {
          padding-top: 33px; } }
      @media screen and (max-width: 599px) {
        #about_us.about_company .data_area dl dt, #about_us.about_company .data_area dl dd {
          padding-top: 28px; } }
      @media screen and (min-width: 960px) {
        #about_us.about_company .data_area dl dt, #about_us.about_company .data_area dl dd {
          padding-bottom: 38px; } }
      @media screen and (max-width: 959px) {
        #about_us.about_company .data_area dl dt, #about_us.about_company .data_area dl dd {
          padding-bottom: 33px; } }
      @media screen and (max-width: 599px) {
        #about_us.about_company .data_area dl dt, #about_us.about_company .data_area dl dd {
          padding-bottom: 28px; } }
      #about_us.about_company .data_area dl dt:nth-last-of-type(1), #about_us.about_company .data_area dl dt:last-child, #about_us.about_company .data_area dl dd:nth-last-of-type(1), #about_us.about_company .data_area dl dd:last-child {
        border-bottom: none; }
    #about_us.about_company .data_area dl dt {
      flex-basis: 10em;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      #about_us.about_company .data_area dl dt span {
        line-height: 2.2; }
    #about_us.about_company .data_area dl dd {
      flex-basis: calc(100% - 10em);
      line-height: 2.2; }
  @media screen and (min-width: 960px) {
    #about_us.about_works_single {
      padding-bottom: 95px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_works_single {
      padding-bottom: 80px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_works_single {
      padding-bottom: 65px; } }
  #about_us.about_works_single .visual_box .img {
    background-image: url("../img/about_us/works/main.jpg"); }
  #about_us.about_works_single .works_title {
    margin-bottom: 4em; }
    #about_us.about_works_single .works_title .point {
      margin-bottom: 1em;
      color: #808080; }
      #about_us.about_works_single .works_title .point span {
        display: inline-block;
        margin-left: 0.5em; }
      #about_us.about_works_single .works_title .point:before {
        font-size: 0.6em;
        content: "";
        background: #f18e1d;
        width: 1em;
        height: 1em;
        border-radius: 0.5em;
        display: inline-block;
        margin-right: 1em; }
    #about_us.about_works_single .works_title h2 {
      font-size: 2em;
      font-weight: bold; }
    #about_us.about_works_single .works_title p {
      color: #808080;
      margin-top: 0.6em; }
  #about_us.about_works_single .img_box {
    max-width: 810px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 0.82em; }
    @media screen and (min-width: 960px) {
      #about_us.about_works_single .img_box {
        margin-top: 65px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_works_single .img_box {
        margin-top: 50px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_works_single .img_box {
        margin-top: 35px; } }
    #about_us.about_works_single .img_box img {
      width: 100%;
      height: auto;
      display: block; }
    #about_us.about_works_single .img_box + .url {
      text-align: center; }
      @media screen and (min-width: 960px) {
        #about_us.about_works_single .img_box + .url {
          margin-top: 60px; } }
      @media screen and (max-width: 959px) {
        #about_us.about_works_single .img_box + .url {
          margin-top: 40px; } }
      @media screen and (max-width: 599px) {
        #about_us.about_works_single .img_box + .url {
          margin-top: 20px; } }
  #about_us.about_works_single .img_box2 img {
    width: 100%;
    height: auto; }
  #about_us.about_works_single .works_slider {
    width: 90%;
    max-width: 810px;
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
    #about_us.about_works_single .works_slider img {
      display: block;
      border-radius: 0.82em;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
  #about_us.about_works_single .works_slider_thms {
    width: calc(100% - 3em);
    max-width: calc(810px - 3em);
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    position: relative; }
    #about_us.about_works_single .works_slider_thms img {
      display: block;
      border-radius: 0.82em;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
      #about_us.about_works_single .works_slider_thms img:hover {
        opacity: 0.8;
        cursor: pointer; }
  #about_us.about_works_single .slider_thms {
    max-width: 810px;
    width: 90%;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    #about_us.about_works_single .slider_thms .swiper-slide-thumb-active img {
      opacity: 0.6; }
    #about_us.about_works_single .slider_thms div[class^="swiper-button"] {
      width: 3em;
      line-height: 3em;
      border-radius: 1.5em;
      background: rgba(255, 255, 255, 0.8);
      position: absolute;
      top: calc(50% - 1.5em);
      border: 1px solid #4c4c4c;
      font-family: 'Font Awesome 6 Pro';
      text-align: center;
      color: #4c4c4c;
      z-index: 500; }
      #about_us.about_works_single .slider_thms div[class^="swiper-button"]:hover {
        cursor: pointer;
        opacity: 0.8; }
      @media screen and (max-width: 599px) {
        #about_us.about_works_single .slider_thms div[class^="swiper-button"] {
          font-size: 10px; } }
      #about_us.about_works_single .slider_thms div[class^="swiper-button"].swiper-button-disabled {
        display: none; }
    #about_us.about_works_single .slider_thms .swiper-button-prev {
      left: 0em; }
      #about_us.about_works_single .slider_thms .swiper-button-prev:before {
        content: "\f053"; }
      @media screen and (max-width: 599px) {
        #about_us.about_works_single .slider_thms .swiper-button-prev {
          left: -2em; } }
    #about_us.about_works_single .slider_thms .swiper-button-next {
      right: 0em; }
      #about_us.about_works_single .slider_thms .swiper-button-next:before {
        content: "\f054"; }
      @media screen and (max-width: 599px) {
        #about_us.about_works_single .slider_thms .swiper-button-next {
          right: -2em; } }
  #about_us.about_works_single .works-text_box {
    max-width: 810px;
    width: 90%;
    line-height: 2;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      #about_us.about_works_single .works-text_box {
        margin-top: 64px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_works_single .works-text_box {
        margin-top: 49px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_works_single .works-text_box {
        margin-top: 34px; } }
  #about_us.about_works_single .works-homepage_url {
    text-align: center; }
    @media screen and (min-width: 960px) {
      #about_us.about_works_single .works-homepage_url {
        margin-top: 64px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_works_single .works-homepage_url {
        margin-top: 49px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_works_single .works-homepage_url {
        margin-top: 34px; } }
    #about_us.about_works_single .works-homepage_url span {
      display: inline-block;
      line-height: 1;
      padding: 0.4em 1.4em 0.4em 0;
      margin-right: 2em;
      border-right: 1px solid #808080;
      color: #808080; }
    #about_us.about_works_single .works-homepage_url a {
      color: #808080;
      text-decoration: underline; }
  #about_us.about_works_single .link_arrow {
    display: grid;
    gap: 2em;
    grid-template-columns: 1fr 1fr;
    margin-right: auto;
    margin-left: auto;
    max-width: 452px;
    width: 80%;
    position: relative; }
    @media screen and (min-width: 960px) {
      #about_us.about_works_single .link_arrow {
        margin-top: 125px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_works_single .link_arrow {
        margin-top: 105px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_works_single .link_arrow {
        margin-top: 85px; } }
    @media screen and (min-width: 960px) {
      #about_us.about_works_single .link_arrow {
        margin-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_works_single .link_arrow {
        margin-bottom: 49px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_works_single .link_arrow {
        margin-bottom: 34px; } }
    #about_us.about_works_single .link_arrow:after {
      content: "";
      width: 1px;
      height: 3em;
      position: absolute;
      top: 50%;
      left: 50%;
      background: #4c4c4c;
      transform: rotate(15deg) translateY(-50%); }
    #about_us.about_works_single .link_arrow li a {
      position: relative;
      padding-left: 4em;
      display: block; }
      #about_us.about_works_single .link_arrow li a:before {
        content: "\f053";
        width: 3em;
        line-height: 3em;
        border-radius: 1.5em;
        background: #f18e1d;
        position: absolute;
        top: calc(50% - 1.5em);
        left: 0;
        font-family: 'Font Awesome 6 Pro';
        text-align: center;
        color: #ffffff; }
    #about_us.about_works_single .link_arrow li.prev {
      grid-column: 1 / 2; }
    #about_us.about_works_single .link_arrow li.next {
      grid-column: 2 / 3; }
      #about_us.about_works_single .link_arrow li.next a {
        text-align: right;
        padding-left: 0;
        padding-right: 4em; }
        #about_us.about_works_single .link_arrow li.next a:before {
          content: "\f054";
          left: auto;
          right: 0; }
  @media screen and (min-width: 960px) {
    #about_us.about_works_single .menu_box ul {
      margin-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_works_single .menu_box ul {
      margin-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_works_single .menu_box ul {
      margin-bottom: 88px; } }
  #about_us.about_works_single .btn_box {
    text-align: center; }
  @media screen and (min-width: 960px) {
    #about_us.about_works {
      padding-bottom: 128px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_works {
      padding-bottom: 108px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_works {
      padding-bottom: 88px; } }
  #about_us.about_works .visual_box .img {
    background-image: url("../img/about_us/company/main.jpg"); }
  @media screen and (min-width: 960px) {
    #about_us.about_works .menu_box ul {
      margin-bottom: 96px; } }
  @media screen and (max-width: 959px) {
    #about_us.about_works .menu_box ul {
      margin-bottom: 81px; } }
  @media screen and (max-width: 599px) {
    #about_us.about_works .menu_box ul {
      margin-bottom: 66px; } }
  #about_us.about_works #tabBtnBox {
    display: flex;
    gap: 1em;
    width: calc(100% - 260px);
    max-width: 880px;
    justify-items: center;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 960px) {
      #about_us.about_works #tabBtnBox {
        margin-bottom: 64px; } }
    @media screen and (max-width: 959px) {
      #about_us.about_works #tabBtnBox {
        margin-bottom: 54px; } }
    @media screen and (max-width: 599px) {
      #about_us.about_works #tabBtnBox {
        margin-bottom: 44px; } }
    #about_us.about_works #tabBtnBox li {
      width: 100%; }
      #about_us.about_works #tabBtnBox li a {
        width: 100%; }
  #about_us.about_works .works_list {
    display: flex;
    gap: 2.25em;
    flex-wrap: wrap; }
    @media screen and (max-width: 599px) {
      #about_us.about_works .works_list {
        margin-top: 50px; } }
    #about_us.about_works .works_list > .box {
      flex-basis: calc(33.333% - 2.25em); }
      @media screen and (max-width: 599px) {
        #about_us.about_works .works_list > .box {
          flex-basis: 100%; } }
      #about_us.about_works .works_list > .box .img_box {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        border-radius: 0.625em;
        overflow: hidden; }
        #about_us.about_works .works_list > .box .img_box img {
          width: 100%;
          height: auto;
          display: block; }
      #about_us.about_works .works_list > .box h2 {
        font-size: 1.125em;
        font-weight: bold;
        margin: 1.5em 0 0.5em; }
      #about_us.about_works .works_list > .box p {
        line-height: 2;
        color: #808080; }
      #about_us.about_works .works_list > .box.sign .img_box {
        padding: 0.75em; }
  #about_us.about_works .voice_list {
    display: flex;
    gap: 4em;
    flex-wrap: wrap; }
    @media screen and (max-width: 599px) {
      #about_us.about_works .voice_list {
        margin-top: 50px; } }
    #about_us.about_works .voice_list > .box {
      flex-basis: calc(50% - 2em); }
      @media screen and (max-width: 599px) {
        #about_us.about_works .voice_list > .box {
          flex-basis: 100%; } }
      #about_us.about_works .voice_list > .box > div {
        padding: 0.75em;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        border-radius: 0.625em;
        box-sizing: border-box; }
      #about_us.about_works .voice_list > .box img {
        border-radius: 0.625em;
        width: 100%;
        height: auto;
        display: block; }
      #about_us.about_works .voice_list > .box h2 {
        text-align: center;
        font-size: 1.5em;
        color: #64c0ab;
        font-weight: bold;
        margin: 0.6em 0; }
        #about_us.about_works .voice_list > .box h2 span {
          font-size: 0.666em;
          display: block; }
      #about_us.about_works .voice_list > .box p {
        background: #f2f2f2;
        border-radius: 0.625em;
        line-height: 2;
        padding: 1em 1.2em;
        font-weight: bold;
        color: #4c4c4c; }
      #about_us.about_works .voice_list > .box .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 1.25em 0; }
        #about_us.about_works .voice_list > .box .flex .photo_box {
          flex-basis: 9.375em; }
        #about_us.about_works .voice_list > .box .flex .hos_title {
          flex-basis: calc(100% - 10.625em); }
          #about_us.about_works .voice_list > .box .flex .hos_title h2 {
            text-align: left;
            margin-bottom: 2em; }
          #about_us.about_works .voice_list > .box .flex .hos_title h3 {
            font-size: 1.5em;
            font-weight: bold; }
            #about_us.about_works .voice_list > .box .flex .hos_title h3 span {
              font-size: 0.666em;
              display: inline-block;
              margin-right: 1em;
              font-weight: bold; }

body.tax-works-cat #about_us.about_works .visual_box .img {
  background-image: url("../img/about_us/works/main.jpg"); }

body.tax-works-cat.term-voice #about_us.about_works .visual_box .img {
  background-image: url("../img/about_us/voice/main.jpg"); }

body.term-logo #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count0 {
  animation: btnHoverAnime2 0.4s ease-in-out forwards; }
  body.term-logo #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count0 span {
    color: #ffffff; }
  body.term-logo #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count0:before {
    border-color: #ffffff; }

body.term-print #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count1 {
  animation: btnHoverAnime2 0.4s ease-in-out forwards; }
  body.term-print #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count1 span {
    color: #ffffff; }
  body.term-print #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count1:before {
    border-color: #ffffff; }

body.term-homepage #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count2 {
  animation: btnHoverAnime2 0.4s ease-in-out forwards; }
  body.term-homepage #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count2 span {
    color: #ffffff; }
  body.term-homepage #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count2:before {
    border-color: #ffffff; }

body.term-sign #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count3 {
  animation: btnHoverAnime2 0.4s ease-in-out forwards; }
  body.term-sign #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count3 span {
    color: #ffffff; }
  body.term-sign #main div.container main#about_us.about_works.on div.new_inner ul#tabBtnBox li a.btn2.count3:before {
    border-color: #ffffff; }

.innerbox.add_doc {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dotted #cccccc; }
  .innerbox.add_doc .headDoc1,
  .innerbox.add_doc .headDoc2 {
    box-sizing: border-box;
    float: left;
    margin-bottom: 6px;
    padding-right: 3px;
    padding-left: 3px;
    width: 100%; }
  @media screen and (min-width: 960px) {
    .innerbox.add_doc .headDoc1 {
      width: 66.66666%; }
    .innerbox.add_doc .headDoc2 {
      width: 33.33333%; } }
  @media screen and (max-width: 380px) {
    .innerbox.add_doc .headDoc1 > img {
      float: none !important;
      margin: 10px auto !important;
      display: block; } }
  .innerbox.add_doc .headDoc-msg {
    padding: 0px 5px; }
  .innerbox.add_doc .add_doc_btn {
    text-align: center; }

.search-res-item-title_area .batch_list_top .premium:after {
  display: none; }

:not(.item_list) .search-res-item_box.premium:after {
  display: none; }

#column_list_box {
  border: 1px solid #64c0ab;
  border-radius: 10px;
  padding: 1.5em 1.5em 1em; }
  #column_list_box h3 {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #64c0ab; }
  #column_list_box ul li {
    padding: 0.3em;
    border-bottom: 1px dashed #64c0ab; }
  #column_list_box .btn_box {
    text-align: center; }
    #column_list_box .btn_box .columnist_btn {
      display: inline-block;
      background: #5ac8a0;
      color: #ffffff;
      padding: 0.3em 1em;
      margin-top: 1em; }
      #column_list_box .btn_box .columnist_btn:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        color: #ffffff;
        margin-right: 0.4em; }

.slider_box + .column_link,
.tb_memo + .column_link {
  margin-top: 2em; }

.column_link {
  text-align: center;
  margin-bottom: 2em; }
  .column_link .btn {
    display: inline-block;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    background: #5ac8a0;
    color: #ffffff;
    text-decoration: none;
    padding: 0.4em 3em; }
    @media screen and (min-width: 960px) {
      .column_link .btn {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      .column_link .btn {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      .column_link .btn {
        font-size: 12px; } }
    @media screen and (max-width: 599px) {
      .column_link .btn {
        padding: 0.4em 0;
        display: block;
        width: 100%; } }
    .column_link .btn span {
      margin-left: 0.3em;
      display: inline-block;
      background: #ffffff;
      color: #5ac8a0;
      padding: 0.2em 0.6em 0.2em 0.4em; }
      @media screen and (max-width: 599px) {
        .column_link .btn span {
          margin-top: 0.4em;
          margin-right: auto;
          margin-left: auto;
          display: block;
          width: 55%; } }
      .column_link .btn span:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        font-weight: 900;
        margin-right: 0.3em; }
    .column_link .btn:before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f02d';
      font-weight: 900;
      margin-right: 0.5em; }

#policy_checkbox {
  text-align: center; }
  @media screen and (min-width: 960px) {
    #policy_checkbox {
      padding-top: 40px; } }
  @media screen and (max-width: 959px) {
    #policy_checkbox {
      padding-top: 30px; } }
  @media screen and (max-width: 599px) {
    #policy_checkbox {
      padding-top: 20px; } }
  #policy_checkbox p {
    padding-bottom: 2em; }
    @media screen and (min-width: 960px) {
      #policy_checkbox p {
        font-size: 16px; } }
    @media screen and (max-width: 959px) {
      #policy_checkbox p {
        font-size: 14px; } }
    @media screen and (max-width: 599px) {
      #policy_checkbox p {
        font-size: 12px; } }
  #policy_checkbox span.note {
    color: #ffffff;
    background: #5ac8a0;
    padding: 0.3em 0.4em;
    line-height: 1;
    display: inline-block;
    border-radius: 0.4em; }
    @media screen and (min-width: 960px) {
      #policy_checkbox span.note {
        font-size: 14px; } }
    @media screen and (max-width: 959px) {
      #policy_checkbox span.note {
        font-size: 13px; } }
    @media screen and (max-width: 599px) {
      #policy_checkbox span.note {
        font-size: 12px; } }
  #policy_checkbox label {
    border: 1px solid #cccccc;
    padding: 0.2em 0.8em;
    letter-spacing: 2px; }
    @media screen and (min-width: 960px) {
      #policy_checkbox label {
        font-size: 18px; } }
    @media screen and (max-width: 959px) {
      #policy_checkbox label {
        font-size: 16px; } }
    @media screen and (max-width: 599px) {
      #policy_checkbox label {
        font-size: 14px; } }
    #policy_checkbox label:hover {
      opacity: 0.8;
      cursor: pointer;
      color: red; }
    #policy_checkbox label input {
      margin-right: 0.5em; }

@media screen and (min-width: 960px) {
  #contact #contact-zip {
    margin-top: 10px; } }

@media screen and (max-width: 959px) {
  #contact #contact-zip {
    margin-top: 8px; } }

@media screen and (max-width: 599px) {
  #contact #contact-zip {
    margin-top: 6px; } }

#contact #nettel {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
  height: 91px; }
  @media screen and (max-width: 959px) {
    #contact #nettel {
      display: block;
      margin: 0 auto;
      width: 195px;
      height: auto; } }
  #contact #nettel td {
    width: 50%;
    box-sizing: border-box;
    vertical-align: top; }

#contact #contact-tel {
  flex-basis: 50%;
  max-width: 195px;
  width: auto;
  background-color: #f980a8;
  box-sizing: border-box;
  border-radius: 0.5em;
  border: 2px solid rgba(255, 255, 255, 0.6); }
  @media screen and (max-width: 959px) {
    #contact #contact-tel {
      height: 91px; } }
  #contact #contact-tel:hover {
    opacity: 0.8 !important; }
  #contact #contact-tel a {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box; }
    #contact #contact-tel a:hover {
      opacity: 1; }
  #contact #contact-tel p {
    text-align: center;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0px 0px 5px #bc3c6d; }
    #contact #contact-tel p strong {
      font-size: 1.1em;
      line-height: 1;
      display: block;
      margin-top: 0.2em; }

#contact #contact-net {
  flex-basis: 49%;
  max-width: 195px; }
  #contact #contact-net div[class^="btn_box"] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column; }
    @media screen and (max-width: 959px) {
      #contact #contact-net div[class^="btn_box"] {
        height: 91px; } }
    #contact #contact-net div[class^="btn_box"] div a {
      height: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      border-radius: 0.5em;
      border: 2px solid rgba(255, 255, 255, 0.6);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
      box-sizing: border-box; }
      #contact #contact-net div[class^="btn_box"] div a span {
        font-weight: bold;
        line-height: 1;
        color: #ffffff;
        font-size: 17px;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); }
    #contact #contact-net div[class^="btn_box"] div.color_type1 a {
      background-color: #f18e1d; }
    #contact #contact-net div[class^="btn_box"] div.color_type2 a {
      background-color: #e9c64d; }
    #contact #contact-net div[class^="btn_box"] div.color_type3 a {
      background-color: #3cb57d; }
  #contact #contact-net .btn_box1 div {
    flex-basis: 100%; }
  #contact #contact-net .btn_box2 div {
    flex-basis: 49%; }
  #contact #contact-net .btn_box3 div {
    flex-basis: 32%; }
  #contact #contact-net #reserved_btn {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    box-sizing: border-box;
    background-color: #f18e1d;
    border-radius: 0.5em;
    border: 2px solid rgba(255, 255, 255, 0.6);
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    @media screen and (max-width: 959px) {
      #contact #contact-net #reserved_btn {
        height: 91px; } }
    #contact #contact-net #reserved_btn p {
      text-align: center;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 0px 0px 5px #c1701f;
      font-size: 20px;
      line-height: 1.2; }

.osusume_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 60px; }
  @media screen and (max-width: 599px) {
    .osusume_items {
      display: block; } }
  .osusume_items li {
    width: 32%;
    display: flex; }
    @media screen and (min-width: 960px) {
      .osusume_items li {
        margin-top: 30px; } }
    @media screen and (max-width: 959px) {
      .osusume_items li {
        margin-top: 20px; } }
    @media screen and (max-width: 599px) {
      .osusume_items li {
        margin-top: 10px; } }
    @media screen and (max-width: 599px) {
      .osusume_items li {
        width: 100%;
        margin-bottom: 30px; } }
    .osusume_items li a {
      display: block;
      border: 1px solid #5ac8a0;
      background: #ffffff;
      color: #5ac8a0;
      padding: 20px;
      border-radius: 20px;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
      position: relative; }
      @media screen and (max-width: 599px) {
        .osusume_items li a {
          padding: 20px;
          border-radius: 10px; } }
      .osusume_items li a h3 {
        font-size: 2em;
        padding-bottom: 0.5em;
        font-weight: bold;
        text-align: center; }
        @media screen and (max-width: 599px) {
          .osusume_items li a h3 {
            font-size: 1.5em; } }
      .osusume_items li a p {
        color: #666666;
        line-height: 1.7;
        padding-bottom: 3em; }
        @media screen and (max-width: 599px) {
          .osusume_items li a p {
            font-size: 0.8em; } }
      .osusume_items li a:after {
        content: "詳しくはこちら";
        background: #5ac8a0;
        color: #ffffff;
        padding: 0.3em 1em;
        position: absolute;
        bottom: 1em;
        left: 50%;
        border-radius: 2em;
        transform: translateX(-50%); }
        @media screen and (max-width: 599px) {
          .osusume_items li a:after {
            font-size: 0.8em; } }

@media screen and (min-width: 600px) {
  .page-id-11129 img,
  .page-id-11280 img {
    width: 50%;
    height: auto; } }

@media screen and (min-width: 600px) {
  .page-id-11129 #pickup_y_mashino_hifuka > img,
  .page-id-11129 #pickup_haruta > img,
  .page-id-11280 #pickup_y_mashino_hifuka > img,
  .page-id-11280 #pickup_haruta > img {
    width: 100%;
    height: auto; } }

.page-id-10155 img {
  width: 100%;
  height: auto; }

#pickup_mukainadakodomo ul + img {
  width: 100%;
  height: auto; }