@charset "UTF-8";
i {
  font-family: var(--_fa-family) !important; }

a {
  text-decoration: none; }

img {
  max-width: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom; }

.mgnB_0 {
  margin-bottom: 0; }

.mgnB_3 {
  margin-bottom: 3%; }

.mgnB_5 {
  margin-bottom: 5%; }

.mgnB_10 {
  margin-bottom: 10%; }

.mgnT_2 {
  margin-top: 2%; }

.mgnT_5 {
  margin-top: 5%; }

.mgnT_m5 {
  margin-top: -5%; }

.pdn_1 {
  padding: 1%; }

.pdn_2 {
  padding: 2%; }

.pdnB_4 {
  padding-bottom: 4%; }

.pdnB_5 {
  padding-bottom: 5%; }

.pdnB_10 {
  padding-bottom: 10%; }

.pdnTB_5 {
  padding: 5% 0; }

.c_fff {
  color: #fff; }

.c_f00 {
  color: #f00; }

.c_de0000 {
  color: #de0000; }

.c_d50000 {
  color: #d50000; }

.c_ff005c {
  color: #ff005c; }

.c_be0000 {
  color: #be0000; }

.c_c4802f {
  color: #c4802f; }

.c_fc8e0d {
  color: #fc8e0d; }

.c_ff6000 {
  color: #ff6000; }

.c_ffed00 {
  color: #ffed00; }

.c_faff00 {
  color: #faff00; }

.c_4bad3f {
  color: #4bad3f; }

.c_4387DC {
  color: #4387DC; }

.c_0094ff {
  color: #0094ff; }

.c_0066ff {
  color: #0066ff; }

.c_005eff {
  color: #005eff; }

.c_676bff {
  color: #6 76bff; }

.c_292929 {
  color: #292929; }

.bgc_deepblue {
  background: #23263b;
  color: #fff; }

.bgc_blue {
  background: #265078;
  color: #fff; }

.bgc_gray {
  background: linear-gradient(81deg, #e0e0e0 0%, #ffffff 50%, #ededed 100%); }

.bgc_beige_blw {
  background: #c78f6e; }

.bgc_blue_pentagon {
  background: #265078;
  color: #fff;
  position: relative; }
  .bgc_blue_pentagon:after {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    border-top: 40px solid #265078;
    border-bottom: 0; }

.fs_80pec {
  font-size: 80%; }

.fs_100pec {
  font-size: 100%; }

.fs_110pec {
  font-size: 110%; }

.fs_120pec {
  font-size: 120%; }

.fs_125pec {
  font-size: 125%; }

.fs_130pec {
  font-size: 130%; }

.fs_140pec {
  font-size: 140%; }

.fs_150pec {
  font-size: 150%; }

.fs_160pec {
  font-size: 160%; }

.fs_170pec {
  font-size: 170%; }

.fs_180pec {
  font-size: 180%; }

.fs_190pec {
  font-size: 190%; }

.fs_200pec {
  font-size: 200%; }

.fw_900 {
  font-weight: 900; }

.fw_b {
  font-weight: bold; }

.lh_150pec {
  line-height: 150%; }

.lh_160pec {
  line-height: 160%; }

.lh_170pec {
  line-height: 170%; }

.lh_180pec {
  line-height: 180%; }

.lh_190pec {
  line-height: 190%; }

.lh_200pec {
  line-height: 200%; }

.txtdec_under {
  text-decoration: underline; }

.ta_center {
  text-align: center;
  display: block; }

.ta_left {
  text-align: left;
  display: block; }

.ta_right {
  text-align: right;
  display: block; }

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

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

/* pcで見たときは"pc"のclassがついた画像が表示される */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; } }
@media screen and (min-width: 768px) {
  .pc {
    display: block !important; }

  .sp {
    display: none !important; } }
/* clearfix */
.cf:after {
  content: "";
  clear: both;
  overflow: hidden; }

/*footer*/
footer.footer_detail {
  padding: 10px 0;
  display: block;
  text-align: center;
  background: #c78f6e; }
  footer.footer_detail .info_official {
    margin: 0 auto 20px;
    max-width: 95%;
    display: flex;
    align-items: center;
    justify-content: center; }
    footer.footer_detail .info_official img.logo_official {
      width: 250px;
      max-width: 100%;
      margin: 0 20px 0 0; }
    footer.footer_detail .info_official ul li {
      font-size: 16px;
      text-align: left;
      line-height: 150%; }
  footer.footer_detail .commers {
    /* 特商法に基づく表記 */
    margin: 0 auto 10px;
    font-size: 15px; }
    footer.footer_detail .commers p {
      color: #0066ff; }
  footer.footer_detail .copyright {
    margin: 10px auto;
    color: #fff; }
  @media screen and (max-width: 767px) {
    footer.footer_detail {
      padding: 3% 0 15%; }
      footer.footer_detail .info_official {
        width: 250px;
        max-width: 100%;
        margin: 0 auto 20px;
        max-width: 95%;
        display: block; }
        footer.footer_detail .info_official img.logo_official {
          width: 250px;
          max-width: 100%;
          margin: 0 auto 3%; }
        footer.footer_detail .info_official ul li {
          font-size: 16px; }
      footer.footer_detail .commers {
        margin: 0 auto 2%; } }
  @media screen and (min-width: 768px) {
    footer.footer_detail .info_official img.logo_official {
      width: 250px;
      max-width: 100%;
      margin: 0 20px 0 0; }
    footer.footer_detail .commers {
      margin: 0 auto 10px; } }

/* フェードインアニメーション */
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 500ms; }

.fadein_right {
  opacity: 0;
  transform: translate(50px, 0);
  transition: all 500ms; }

.fadein_left {
  opacity: 0;
  transform: translate(-50px, 0);
  transition: all 500ms; }

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

/* 順番フェードインアニメーション */
.fadein_order {
  opacity: 0;
  transform: translate(0, 50px);
  transition: opacity 0.5s; }
  .fadein_order.show {
    opacity: 1;
    transform: translate(0, 0);
    transition: all 500ms; }
    .fadein_order.show:nth-of-type(1) {
      transition-delay: 0s; }
    .fadein_order.show:nth-of-type(2) {
      transition-delay: 0.1s; }
    .fadein_order.show:nth-of-type(3) {
      transition-delay: 0.2s; }
    .fadein_order.show:nth-of-type(4) {
      transition-delay: 0.3s; }
    .fadein_order.show:nth-of-type(5) {
      transition-delay: 0.4s; }
    .fadein_order.show:nth-of-type(6) {
      transition-delay: 0.5s; }

.container_detail {
  max-width: 100%;
  position: relative;
  overflow: hidden; }
  .container_detail h1 {
    background: #c78f6e;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    text-align: center; }

.txtbox_detail {
  width: 1100px;
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  .txtbox_detail p {
    margin: 0 0 15px;
    line-height: 180%;
    text-align: left;
    font-size: 18px; }
  @media screen and (max-width: 767px) {
    .txtbox_detail {
      max-width: 100%; }
      .txtbox_detail p {
        font-size: 16px;
        margin: 0 0 5%; }
      .txtbox_detail img.insertimg {
        width: 100%;
        margin: 10% auto; } }
  @media screen and (min-width: 768px) {
    .txtbox_detail img.insertimg {
      margin: 50px auto;
      width: 800px;
      max-width: 100%; } }

.ttl_ccl {
  width: 800px;
  max-width: 90%;
  margin: 0 auto 30px;
  padding: 10px 5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 150%;
  text-align: center;
  color: #292929;
  background: #fff;
  position: relative;
  border: 1px solid #bbb;
  border-radius: 50px;
  box-sizing: border-box; }

.ttl_line {
  width: 1000px;
  max-width: 90%;
  margin: 0 auto 30px;
  padding: 0 0 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 150%;
  text-align: center;
  color: #292929;
  position: relative; }
  .ttl_line:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    /*線の上下位置*/
    display: inline-block;
    width: 60px;
    /*線の長さ*/
    height: 5px;
    /*線の太さ*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /*位置調整*/
    background-color: #292929;
    /*線の色*/
    border-radius: 2px;
    /*線の丸み*/ }

@media screen and (max-width: 767px) {
  h2 {
    width: 1000px;
    max-width: 90%;
    margin: 0 auto 5%;
    padding: 0 0 5%;
    font-size: 5.5vw; }

  .ttl_ccl {
    margin: 0 auto 6%;
    padding: 2%;
    font-size: 18px; }

  .ttl_line {
    margin: 0 auto 6%;
    padding: 0 0 6%;
    font-size: 18px; } }
.arrow {
  position: relative;
  display: block;
  width: 62px;
  height: 33px;
  margin: 0 auto; }

.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 2px);
  width: 4px;
  height: 45px;
  border-radius: 9999px;
  background-color: #c4c4c4;
  transform-origin: 50% calc(100% - 2px); }

.arrow::before {
  transform: rotate(45deg); }

.arrow::after {
  transform: rotate(-45deg); }

svg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -2; }

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■  */
.fixBtn {
  position: fixed;
  right: 0;
  top: 30px;
  width: 70px;
  max-width: 100%;
  z-index: 100; }
  @media screen and (max-width: 767px) {
    .fixBtn {
      width: 50px; } }

.btnbox ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 2%;
  margin: 0 auto 20px;
  max-width: 95%; }
  .btnbox ul li img {
    transition-duration: 0.2s; }
    .btnbox ul li img:hover {
      transform: translateY(-10px); }
@media screen and (max-width: 767px) {
  .btnbox ul {
    display: block;
    width: 500px;
    margin: 0 auto 5%;
    max-width: 100%; }
    .btnbox ul li {
      margin: 0 0 10px; }
      .btnbox ul li:last-child {
        margin-bottom: 0; } }

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　UNIT ENTRANCE  */
.unit_entrance {
  padding: 0px 0 28px;
  background: url("../img/bg_01.png") no-repeat center bottom;
  background-size: 100%;
  box-sizing: border-box; }
  .unit_entrance .headband {
    padding: 10px 0;
    text-align: center;
    background: url(../img/bg_paper.jpg);
    border-bottom: 4px solid #a47c63; }
  .unit_entrance .entrancebox_detail {
    position: relative; }
  .unit_entrance .sticky_regist {
    position: absolute;
    top: 10px;
    right: 10%;
    width: 150px;
    max-width: 100%; }
  .unit_entrance .head_main {
    width: 1100px;
    max-width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    position: relative; }
    .unit_entrance .head_main img.baloon {
      position: absolute;
      top: 19%;
      right: -4%;
      width: 26%;
      max-width: 100%; }
    .unit_entrance .head_main img {
      width: 100%;
      max-width: 100%; }
  .unit_entrance img.nojimapop {
    position: absolute;
    bottom: -8%;
    right: 2%;
    width: 18%;
    max-width: 235px;
    z-index: 1;
    transform: rotate(4deg); }
  .unit_entrance img.entrance_logo {
    width: 600px;
    max-width: 90%;
    margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .unit_entrance {
      padding: 0 0 10%;
      background: transparent; }
      .unit_entrance:before {
        background: url("../img/bg_01_sp.png") no-repeat left bottom;
        background-size: 100% auto;
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-bottom: 108px;
        content: "";
        z-index: -1; }
      .unit_entrance .sticky_regist {
        width: 18%;
        left: 4%;
        top: -3%;
        width: 70px; }
      .unit_entrance .head_main {
        margin: 0 auto 0; }
        .unit_entrance .head_main img.baloon {
          top: 13%;
          right: -6%;
          width: 53%; }
        .unit_entrance .head_main img {
          width: 100%;
          max-width: 100%; }
      .unit_entrance img.nojimapop {
        position: static;
        bottom: 0;
        right: 0;
        left: 0;
        width: auto;
        margin: 0 auto;
        max-width: 90%;
        transform: rotate(0deg); }
      .unit_entrance img.entrance_logo {
        width: 600px;
        max-width: 90%;
        margin: 0 auto; } }

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　UNIT INTROMOVIE  */
img.insertimg {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto; }

.bg_flame {
  width: 100%; }

.unit_description {
  margin: -7.2% -0 0; }
  .unit_description .intro_desc {
    background: url("../img/bg_paper.jpg");
    padding: 80px 0 50px;
    background-size: cover; }
    .unit_description .intro_desc .sizing_evidencebox {
      width: 1100px;
      max-width: 90%;
      margin: 0 auto;
      position: relative; }
    .unit_description .intro_desc h2 {
      width: 1000px;
      max-width: 90%;
      margin: 0 auto 50px; }
      .unit_description .intro_desc h2 img.ttl_img {
        width: 100%; }
    @media screen and (max-width: 767px) {
      .unit_description .intro_desc {
        padding: 10% 0 5%; }
        .unit_description .intro_desc h2 {
          margin: 0 auto 8%;
          max-width: 100%; } }
  .unit_description .intro_child {
    background: url("../img/bg_child.jpg") center center; }
    .unit_description .intro_child .sizing_txtbox {
      width: 1100px;
      max-width: 100%;
      margin: 0 auto;
      padding: 80px 10px 100px;
      box-sizing: border-box; }
    .unit_description .intro_child img.txt_img {
      width: 750px;
      max-width: 100%; }
    @media screen and (max-width: 767px) {
      .unit_description .intro_child {
        background: url("../img/bg_child_sp.jpg") center center;
        background-size: cover; }
        .unit_description .intro_child .sizing_txtbox {
          padding: 13% 5%; } }
  .unit_description .concept {
    position: relative; }
    .unit_description .concept .evidence_box {
      padding: 6px;
      background: #cbbba7;
      position: relative; }
      .unit_description .concept .evidence_box:before {
        content: "参考文書";
        padding: 6px;
        background: #cbbba7;
        color: #fff;
        font-size: 14px;
        position: absolute;
        top: -21px;
        left: 0; }
      .unit_description .concept .evidence_box:after {
        content: "";
        background: url("../img/icon_book.png") no-repeat;
        position: absolute;
        width: 70px;
        height: 63px;
        max-width: 100%;
        top: -63px;
        right: 11px;
        background-size: 70px; }
    .unit_description .concept .evidence-list {
      margin: 0;
      padding: 0;
      list-style: none; }
      .unit_description .concept .evidence-list_item + .unit_description .concept .evidence-list_item {
        margin-top: 14px; }
    .unit_description .concept .evidence-card_content {
      background-color: #fff;
      /* 背景色 */
      background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #ddd 1px, transparent 1px);
      /* 点線2の色と太さ */
      background-size: 8px 100%, 100% 2.5em;
      /* 点線2のサイズ */
      line-height: 2.5em;
      /* 文字の高さ */
      padding-bottom: 1px;
      /* 最終行の下にも罫線を引く */
      box-shadow: 0px -4px 5px 1px inset #b8b8b8; }
      .unit_description .concept .evidence-card_content img.img_evidence {
        width: 600px;
        max-width: 100%;
        margin: 0 auto 20px; }
      .unit_description .concept .evidence-card_content .txt_point p {
        font-weight: bold;
        display: flex;
        align-items: center;
        margin: 0 0 10px; }
        .unit_description .concept .evidence-card_content .txt_point p:before {
          content: "●";
          margin: 0 5px 0 0; }
      .unit_description .concept .evidence-card_content .txt_sorce {
        background: #F0F2F3;
        padding: 10px; }
    .unit_description .concept .evidence-card {
      background: #fff;
      overflow: hidden; }
      .unit_description .concept .evidence-card[open] .evidence-card_summary {
        background: #fff6dd; }
      .unit_description .concept .evidence-card[open] .evidence-card_summary::after {
        transform: translateY(-50%) rotate(225deg); }
      .unit_description .concept .evidence-card_summary {
        position: relative;
        display: block;
        padding: 18px 50px 18px 20px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.6;
        color: #1f2d3d;
        cursor: pointer;
        transition: background 0.2s ease;
        display: flex;
        align-items: center; }
        .unit_description .concept .evidence-card_summary i {
          margin: 0 10px 0 0; }
        .unit_description .concept .evidence-card_summary::-webkit-details-marker {
          display: none; }
        .unit_description .concept .evidence-card_summary::after {
          content: "";
          position: absolute;
          top: 50%;
          right: 18px;
          width: 10px;
          height: 10px;
          border-right: 2px solid #3a556a;
          border-bottom: 2px solid #3a556a;
          transform: translateY(-60%) rotate(45deg);
          transition: transform 0.2s ease; }
        .unit_description .concept .evidence-card_summary:hover {
          background: #f7fbfd; }
      .unit_description .concept .evidence-card_content {
        padding: 20px;
        border-top: 1px solid #eef3f6; }
        .unit_description .concept .evidence-card_content p {
          font-size: 14px;
          line-height: 1.8;
          color: #44515c; }
      .unit_description .concept .evidence-card_source {
        font-size: 13px; }
        .unit_description .concept .evidence-card_source a {
          color: #006c9b;
          text-decoration: underline;
          font-style: italic; }
          .unit_description .concept .evidence-card_source a:hover {
            opacity: 0.8; }
    @media screen and (max-width: 767px) {
      .unit_description .concept .evidence_box {
        padding: 6px;
        background: #cbbba7;
        position: relative; }
        .unit_description .concept .evidence_box:after {
          width: 50px;
          height: 45px;
          top: -44px;
          right: 11px;
          background-size: 50px; }
      .unit_description .concept .evidence-list_item + .unit_description .concept .evidence-list_item {
        margin-top: 10px; }
      .unit_description .concept .evidence-card_summary {
        padding: 16px 44px 16px 16px;
        font-size: 15px;
        line-height: 1.6; }
        .unit_description .concept .evidence-card_summary::after {
          right: 14px;
          width: 9px;
          height: 9px; }
      .unit_description .concept .evidence-card_content {
        padding: 15px; }
        .unit_description .concept .evidence-card_content p {
          font-size: 13px;
          line-height: 1.7; }
      .unit_description .concept .evidence-card_source {
        font-size: 12px; } }
    .unit_description .concept .floating_parallax {
      z-index: 1;
      position: inherit; }
    .unit_description .concept img.parallax-item {
      position: absolute;
      max-width: 100%;
      max-width: none; }
      .unit_description .concept img.parallax-item.plximg_01 {
        top: -4%;
        right: -33%;
        width: 30%; }
      .unit_description .concept img.parallax-item.plximg_02 {
        bottom: 20%;
        right: -32%;
        width: 23%; }
      .unit_description .concept img.parallax-item.plximg_03 {
        bottom: 50%;
        left: -38%;
        width: 30%; }
      .unit_description .concept img.parallax-item.plximg_04 {
        top: -2%;
        left: -38%;
        width: 32%; }
      @media screen and (max-width: 767px) {
        .unit_description .concept img.parallax-item {
          opacity: 0.5;
          transform: none !important; }
          .unit_description .concept img.parallax-item.plximg_01 {
            right: -25%;
            width: 50%; }
          .unit_description .concept img.parallax-item.plximg_02 {
            bottom: 50%;
            right: -1%;
            width: 35%; }
          .unit_description .concept img.parallax-item.plximg_03 {
            bottom: 56%;
            left: -8%;
            width: 60%; }
          .unit_description .concept img.parallax-item.plximg_04 {
            top: -4%;
            left: -18%;
            width: 44%; } }
  .unit_description .merit {
    padding: 50px 0;
    border-top: #c78f6e 10px solid;
    border-bottom: #c78f6e 10px solid;
    position: relative; }
    .unit_description .merit .flame img {
      position: absolute;
      max-width: 100%; }
      .unit_description .merit .flame img.flm_cmn {
        z-index: -1; }
      .unit_description .merit .flame img.flame_a {
        top: 0;
        left: 0;
        width: 600px; }
      .unit_description .merit .flame img.flame_b {
        bottom: 0;
        right: 0;
        width: 600px; }
    .unit_description .merit h2 {
      width: 750px;
      max-width: 90%;
      margin: 0 auto 50px; }
    .unit_description .merit ul li .sizing_lstbox_detail {
      width: 1100px;
      max-width: 90%;
      margin: 0 auto;
      padding: 0 0 20px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: flex-start; }
      .unit_description .merit ul li .sizing_lstbox_detail .merit_txtbox {
        width: 50%;
        max-width: 100%;
        margin: 0 2% 0 0; }
        .unit_description .merit ul li .sizing_lstbox_detail .merit_txtbox img {
          max-width: 100%;
          margin: 0 auto 10px; }
        .unit_description .merit ul li .sizing_lstbox_detail .merit_txtbox p {
          font-family: "Zen Maru Gothic", sans-serif !important;
          font-size: 24px;
          font-weight: bolder;
          line-height: 150%;
          text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 2px 0 0 white, -2px 0 0 white, 0 2px 0 white, 0 -2px 0 white; }
      .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox {
        width: 40%; }
        .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox ul {
          display: flex;
          flex-wrap: wrap; }
          .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox ul li {
            width: calc(96%/2);
            margin: 0 4% 10% 0; }
            .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox ul li:nth-child(2n) {
              margin: -15% 0 0 0; }
            .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox ul li img {
              width: 100%; }
      .unit_description .merit ul li .sizing_lstbox_detail.sld_02 {
        flex-direction: row-reverse; }
        .unit_description .merit ul li .sizing_lstbox_detail.sld_02 .merit_txtbox {
          margin: 0 0 0 2%; }
    @media screen and (max-width: 767px) {
      .unit_description .merit ul li .sizing_lstbox_detail {
        display: block; }
        .unit_description .merit ul li .sizing_lstbox_detail .merit_txtbox {
          width: 100%;
          margin: 0 auto 5%; }
          .unit_description .merit ul li .sizing_lstbox_detail .merit_txtbox img {
            max-width: 100%;
            margin: 0 auto 4%; }
          .unit_description .merit ul li .sizing_lstbox_detail .merit_txtbox p {
            font-size: 18px; }
        .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox {
          width: 100%; }
          .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox ul li:nth-child(2n) {
            margin: 0; }
          .unit_description .merit ul li .sizing_lstbox_detail .merit_imgbox ul li img {
            width: 200px;
            margin: 0 auto; }
        .unit_description .merit ul li .sizing_lstbox_detail.sld_02 .merit_txtbox {
          margin: 0 auto 5%; } }
  .unit_description .custom {
    position: relative;
    background: url(../img/bg_border_01.png) #fff repeat;
    background-size: 1px 30px; }
    .unit_description .custom .sizing_box {
      background: url(../img/bg_circle.png) no-repeat center bottom;
      background-size: 100%; }
    .unit_description .custom h2 {
      margin: 0 auto 20px; }
      .unit_description .custom h2 img {
        width: 600px;
        max-width: 90%;
        margin: 0 auto 30px; }
    .unit_description .custom .custom_smple {
      margin: 0 auto 50px; }
      .unit_description .custom .custom_smple img {
        width: 1100px;
        margin: 0 auto;
        max-width: 90%; }
    .unit_description .custom .pta50 {
      margin: 0 auto 50px; }
      .unit_description .custom .pta50 img {
        width: 1100px;
        margin: 0 auto;
        max-width: 90%; }
    .unit_description .custom .intro {
      width: 1100px;
      max-width: 90%;
      margin: 0 auto;
      padding: 50px 0; }
      .unit_description .custom .intro .intro_ttl {
        display: flex;
        justify-content: center;
        align-items: center; }
        .unit_description .custom .intro .intro_ttl .txtbox .ttl {
          margin: 0 0 20px;
          font-size: 24px;
          font-weight: bold; }
          .unit_description .custom .intro .intro_ttl .txtbox .ttl .ttl_sub {
            padding: 10px;
            margin: 0 0 10px;
            background: #c78f6e;
            color: #fff;
            font-size: 28px;
            clip-path: polygon(0 0, 89% 0, 87% 100%, 0% 100%); }
          .unit_description .custom .intro .intro_ttl .txtbox .ttl .ttl_main {
            color: #c78f6e;
            font-size: 30px;
            line-height: 150%; }
        .unit_description .custom .intro .intro_ttl .txtbox p {
          font-size: 18px;
          line-height: 150%; }
        .unit_description .custom .intro .intro_ttl .custom_mainimg {
          width: 250px;
          max-width: 100%; }
    .unit_description .custom .customflow {
      padding: 100px 0 50px;
      background: url(../img/bg_hole.png) repeat-x 0 35px;
      background-size: 41px auto; }
      .unit_description .custom .customflow .txtbox_detail {
        max-width: 90%; }
      .unit_description .custom .customflow .memo_intro_custom {
        background: #feffeedd;
        padding: 10px;
        margin: 0 0 10px; }
        .unit_description .custom .customflow .memo_intro_custom p {
          margin: 0;
          font-size: 90%; }
      .unit_description .custom .customflow .sizing_txtbox {
        width: 1100px;
        max-width: 90%;
        margin: 0 auto 60px;
        padding: 20px;
        position: relative;
        box-sizing: border-box;
        border-radius: 20px; }
        .unit_description .custom .customflow .sizing_txtbox.st_base {
          background: #ba71681a; }
          .unit_description .custom .customflow .sizing_txtbox.st_base:before {
            content: "Step01";
            color: #e3d0c4; }
        .unit_description .custom .customflow .sizing_txtbox.st_option {
          background: #bebebe1a;
          margin: 0 auto 10px; }
          .unit_description .custom .customflow .sizing_txtbox.st_option:before {
            content: "Step02";
            color: #dedede; }
        .unit_description .custom .customflow .sizing_txtbox.st_container {
          background: #87b68e24; }
          .unit_description .custom .customflow .sizing_txtbox.st_container:before {
            content: "Step03";
            color: #c5dfd9; }
        .unit_description .custom .customflow .sizing_txtbox.st_custom_cmn:before {
          position: absolute;
          top: -36px;
          left: 10px;
          font-size: 39px;
          font-style: italic; }
        .unit_description .custom .customflow .sizing_txtbox:last-child {
          margin-bottom: 0; }
      .unit_description .custom .customflow .cf_ttl {
        margin: 0 auto 30px; }
        .unit_description .custom .customflow .cf_ttl .ttl_sub_custom {
          width: 200px;
          max-width: 100%;
          margin: 0 auto 30px;
          padding: 10px 4px;
          text-align: center;
          font-size: 20px;
          border-radius: 15px; }
          .unit_description .custom .customflow .cf_ttl .ttl_sub_custom.tcl_base {
            background: #c78f6e;
            color: #fff; }
          .unit_description .custom .customflow .cf_ttl .ttl_sub_custom.tcl_option {
            background: #7e7e7e;
            color: #fff; }
          .unit_description .custom .customflow .cf_ttl .ttl_sub_custom.tcl_container {
            background: #36947e;
            color: #fff; }
        .unit_description .custom .customflow .cf_ttl p {
          line-height: 150%;
          text-align: center;
          font-size: 18px; }
      .unit_description .custom .customflow .ttl_item {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 150%;
        border-radius: 30px;
        border: 1px solid #535353;
        background: #fff;
        margin: 0 0 10px;
        padding: 6px 3px; }
      .unit_description .custom .customflow .itemselect_cmn .box_price {
        margin: 0 0 20px; }
      .unit_description .custom .customflow .itemselect_cmn .price {
        font-size: 35px;
        text-align: center;
        margin: 0 0 10px;
        font-family: "ヒラギノ角ゴ Pro W3" !important; }
        .unit_description .custom .customflow .itemselect_cmn .price:before {
          content: "¥ "; }
        .unit_description .custom .customflow .itemselect_cmn .price:after {
          content: "（税込）";
          font-size: 14px; }
      .unit_description .custom .customflow .itemselect_cmn .price_tax {
        font-size: 20px;
        text-align: center;
        font-family: "ヒラギノ角ゴ Pro W3" !important; }
        .unit_description .custom .customflow .itemselect_cmn .price_tax:before {
          content: "¥ "; }
        .unit_description .custom .customflow .itemselect_cmn .price_tax:after {
          content: "（税込８％）";
          font-size: 14px; }
        .unit_description .custom .customflow .itemselect_cmn .price_tax.tax_reduced:after {
          content: "（税込１０％）"; }
      .unit_description .custom .customflow .note_tax {
        margin: 0 auto 50px;
        width: 1100px;
        max-width: 90%;
        padding: 10px;
        background: url(../img/icon_paper.png) no-repeat;
        background-position: right;
        background-size: 75px; }
        .unit_description .custom .customflow .note_tax .ttl_tax {
          margin: 0 0 10px;
          padding: 10px 5px;
          border-left: 8px solid #ddd; }
        .unit_description .custom .customflow .note_tax p {
          line-height: 170%; }
      .unit_description .custom .customflow .item_base .item_lstbox > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start; }
        .unit_description .custom .customflow .item_base .item_lstbox > ul > li {
          width: calc(88% / 3);
          padding: 0 2%; }
      .unit_description .custom .customflow .item_base .item_lstbox .itemimg_boxdtail {
        max-width: 100%;
        margin: 0 auto;
        position: relative; }
        .unit_description .custom .customflow .item_base .item_lstbox .itemimg_boxdtail img.item_img {
          margin: 0 auto;
          width: 100%;
          max-width: 100%;
          margin: 0 auto 15px; }
        .unit_description .custom .customflow .item_base .item_lstbox .itemimg_boxdtail .sticky {
          position: absolute;
          right: -19px;
          bottom: -8px;
          display: block;
          padding: 5px;
          background: #d07259;
          color: #fff;
          box-shadow: 1px 1px 2px 1px rgba(161, 161, 161, 0.55); }
          .unit_description .custom .customflow .item_base .item_lstbox .itemimg_boxdtail .sticky:before {
            content: "１日あたり約"; }
          .unit_description .custom .customflow .item_base .item_lstbox .itemimg_boxdtail .sticky:after {
            content: "円"; }
      .unit_description .custom .customflow .item_base .item_lstbox .item_detail ul li {
        margin: 0 0 10px;
        display: flex;
        align-items: center;
        line-height: 150%; }
        .unit_description .custom .customflow .item_base .item_lstbox .item_detail ul li:before {
          content: "・"; }
      .unit_description .custom .customflow .item_base .item_lstbox .item_detail .note {
        padding: 10px 0;
        border-top: 1px solid #1E1E1E;
        line-height: 150%;
        font-size: 14px; }
      .unit_description .custom .customflow .item_option .item_lstbox > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
        .unit_description .custom .customflow .item_option .item_lstbox > ul > li {
          width: calc(100% / 2);
          box-sizing: border-box;
          margin: 0 0% 30px;
          padding: 0 1%; }
          .unit_description .custom .customflow .item_option .item_lstbox > ul > li .itemimg_boxdtail {
            width: 200px;
            max-width: 100%;
            margin: 0 auto;
            position: relative; }
            .unit_description .custom .customflow .item_option .item_lstbox > ul > li .itemimg_boxdtail img.ii_op {
              width: 100%;
              max-width: 100%;
              margin: 0 auto 10px; }
            .unit_description .custom .customflow .item_option .item_lstbox > ul > li .itemimg_boxdtail .sticky {
              position: absolute;
              right: -1px;
              bottom: 20px; }
              .unit_description .custom .customflow .item_option .item_lstbox > ul > li .itemimg_boxdtail .sticky span {
                display: block;
                padding: 5px;
                background: linear-gradient(45deg, #feffd4 0%, #fff7e4 100%, transparent);
                box-shadow: 1px 1px 2px 1px rgba(161, 161, 161, 0.55);
                transform: rotate(6deg); }
            .unit_description .custom .customflow .item_option .item_lstbox > ul > li .itemimg_boxdtail .sticky_allergy {
              position: absolute;
              right: -30px;
              top: 0;
              width: 70px;
              height: 70px;
              background: url(../img/icon_allergy.png) no-repeat;
              background-size: 70px; }
        .unit_description .custom .customflow .item_option .item_lstbox > ul .item_detail .memo ul li {
          margin: 0 0 10px;
          line-height: 150%;
          display: flex;
          align-items: center; }
          .unit_description .custom .customflow .item_option .item_lstbox > ul .item_detail .memo ul li:before {
            content: "・"; }
      .unit_description .custom .customflow .item_container .item_lstbox {
        margin: 0 auto 50px; }
        .unit_description .custom .customflow .item_container .item_lstbox > ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: flex-start; }
          .unit_description .custom .customflow .item_container .item_lstbox > ul > li {
            width: calc(88% / 3);
            padding: 0 2%; }
            .unit_description .custom .customflow .item_container .item_lstbox > ul > li img {
              margin: 0 auto 10px; }
        .unit_description .custom .customflow .item_container .item_lstbox .item_detail ul li {
          margin: 0 0 10px;
          line-height: 150%;
          display: flex;
          align-items: center; }
          .unit_description .custom .customflow .item_container .item_lstbox .item_detail ul li:before {
            content: "・";
            margin: 0 3px 0 0; }
      .unit_description .custom .customflow .item_container .nojimapop img {
        width: 1000px;
        max-width: 100%;
        margin: 0 auto 30px; }
      .unit_description .custom .customflow .item_boxnote {
        background: #fff;
        padding: 50px;
        border-radius: 50px; }
        .unit_description .custom .customflow .item_boxnote .bdc_cmn {
          position: relative; }
          .unit_description .custom .customflow .item_boxnote .bdc_cmn .boxnotesticky {
            width: 310px;
            max-width: 100%;
            padding: 8px;
            margin: 0 auto;
            background: #37947e;
            color: #fff;
            position: absolute;
            top: -60px;
            left: 0;
            right: 0;
            text-align: center; }
          .unit_description .custom .customflow .item_boxnote .bdc_cmn img.icon_cnt_cmn {
            position: absolute;
            top: -70px;
            right: 10px;
            width: 130px;
            max-width: 100%; }
        .unit_description .custom .customflow .item_boxnote .intro_boxnote {
          margin: 0 0 30px;
          position: relative; }
          .unit_description .custom .customflow .item_boxnote .intro_boxnote .ttl_boxnote {
            text-align: center;
            font-size: 24px;
            color: #36947e;
            font-weight: bold;
            border-bottom: 3px dotted #36947e;
            padding: 0 0 10px;
            margin: 0 auto 30px; }
          .unit_description .custom .customflow .item_boxnote .intro_boxnote p {
            line-height: 150%;
            text-align: center; }
        .unit_description .custom .customflow .item_boxnote .container_inner {
          margin: 0 0 50px; }
          .unit_description .custom .customflow .item_boxnote .container_inner img.item_container_inner_img {
            margin: 0 auto;
            width: 500px;
            max-width: 100%; }
          .unit_description .custom .customflow .item_boxnote .container_inner p.note {
            line-height: 150%;
            margin: 10px 0 0; }
        .unit_description .custom .customflow .item_boxnote .item_lstbox > ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: flex-start; }
          .unit_description .custom .customflow .item_boxnote .item_lstbox > ul > li {
            width: calc(92% / 2);
            padding: 0 2%; }
        .unit_description .custom .customflow .item_boxnote .item_lstbox img.item_img {
          margin: 0 auto 10px; }
        .unit_description .custom .customflow .item_boxnote .item_lstbox .boxsize {
          text-align: center;
          margin: 0 0 10px;
          line-height: 150%; }
        .unit_description .custom .customflow .item_boxnote .item_lstbox .item_detail {
          background: #f8faf3;
          padding: 10px; }
          .unit_description .custom .customflow .item_boxnote .item_lstbox .item_detail .ttl_sub {
            margin: 0 auto 10px;
            padding: 0 0 7px;
            font-weight: bold;
            text-align: center;
            border-bottom: 2px dashed #798a82; }
          .unit_description .custom .customflow .item_boxnote .item_lstbox .item_detail ul li {
            margin: 0 0 10px;
            display: flex;
            align-items: center;
            line-height: 150%; }
            .unit_description .custom .customflow .item_boxnote .item_lstbox .item_detail ul li:before {
              content: "・"; }
        .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer {
          display: flex;
          align-items: self-start;
          justify-content: left;
          margin: 0 0 30px; }
          .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_img {
            width: 32%;
            max-width: 100%;
            margin: 0 2% 0 0; }
            .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_img img {
              margin: 0 auto; }
          .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail {
            width: 62%;
            background: #f8faf3;
            padding: 2%; }
            .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .ttl_sub {
              text-align: center;
              margin: 0 0 10px;
              padding: 0 0 7px;
              font-size: 22px;
              border-bottom: 2px dashed #798a82; }
            .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table {
              width: 100%;
              border-collapse: collapse;
              table-layout: fixed;
              margin: 0 0 20px; }
              .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table tr, .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table th, .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table td {
                vertical-align: middle; }
              .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table th, .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table td {
                padding: 14px 18px;
                border-bottom: 1px solid #ddd;
                text-align: center;
                font-weight: 500;
                line-height: 1.5; }
              @media screen and (max-width: 767px) {
                .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table th, .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table td {
                  padding: 10px;
                  font-size: 14px; }
                .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .packaging_table thead th {
                  font-size: 15px; } }
            .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail p.note {
              line-height: 150%;
              margin: 0 0 30px; }
            .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail p.packaging_example {
              background: #fff;
              padding: 3%;
              display: flex;
              line-height: 170%; }
              .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail p.packaging_example:before {
                content: "(例)"; }
    @media screen and (max-width: 767px) {
      .unit_description .custom {
        padding: 0; }
        .unit_description .custom h2 {
          margin: 0 auto; }
        .unit_description .custom .intro {
          padding: 5% 0; }
          .unit_description .custom .intro .intro_ttl .txtbox .ttl {
            margin: 0 0 3%;
            font-size: 20px; }
            .unit_description .custom .intro .intro_ttl .txtbox .ttl .ttl_sub {
              padding: 3%;
              margin: 0 0 3%;
              font-size: 20px; }
            .unit_description .custom .intro .intro_ttl .txtbox .ttl .ttl_main {
              font-size: 24px;
              margin: 0 0 6%; }
          .unit_description .custom .intro .intro_ttl .txtbox p {
            font-size: 18px; }
        .unit_description .custom .customflow {
          padding: 70px 5px 30px;
          background-position: 0 16px; }
          .unit_description .custom .customflow .sizing_txtbox {
            width: 1000px;
            max-width: 95%;
            margin: 0 auto 5%;
            padding: 30px 20px; }
            .unit_description .custom .customflow .sizing_txtbox.st_base:before {
              color: #c78f6e; }
            .unit_description .custom .customflow .sizing_txtbox.st_option:before {
              color: #7e7e7e; }
            .unit_description .custom .customflow .sizing_txtbox.st_container:before {
              color: #36947e; }
            .unit_description .custom .customflow .sizing_txtbox.st_custom_cmn:before {
              top: 12px;
              right: 0;
              left: 0;
              text-align: center;
              margin: 0 auto;
              font-size: 16px; }
            .unit_description .custom .customflow .sizing_txtbox:last-child {
              margin-bottom: 0; }
          .unit_description .custom .customflow .cf_ttl {
            display: block;
            margin: 0 0 5%; }
            .unit_description .custom .customflow .cf_ttl .ttl_sub_custom img.sticky {
              margin: 0 auto 20px; }
            .unit_description .custom .customflow .cf_ttl .ttl_ccl {
              margin: 0 auto 3%;
              text-align: center; }
            .unit_description .custom .customflow .cf_ttl p {
              text-align: left;
              font-size: 16px; }
          .unit_description .custom .customflow .ttl_item {
            font-size: 16px;
            margin: 0 0 3%;
            padding: 3%; }
          .unit_description .custom .customflow .itemselect_cmn .price_tax {
            text-align: center; }
          .unit_description .custom .customflow .note_tax {
            background-position: right bottom;
            background-color: rgba(255, 255, 255, 0.5);
            background-blend-mode: lighten; }
          .unit_description .custom .customflow .item_base .item_lstbox > ul {
            display: block; }
            .unit_description .custom .customflow .item_base .item_lstbox > ul > li {
              width: 100%;
              padding: 0; }
          .unit_description .custom .customflow .item_base .item_lstbox .itemimg_boxdtail img.item_img {
            width: 350px; }
          .unit_description .custom .customflow .item_base .item_lstbox .itemimg_boxdtail .item_detail ul li {
            margin: 0 0 3%; }
          .unit_description .custom .customflow .item_option .item_lstbox > ul {
            display: block; }
            .unit_description .custom .customflow .item_option .item_lstbox > ul > li {
              width: 100%;
              margin: 0 0 15%;
              padding: 0; }
          .unit_description .custom .customflow .item_container .item_lstbox {
            margin: 0 auto 20px; }
            .unit_description .custom .customflow .item_container .item_lstbox > ul {
              display: block; }
              .unit_description .custom .customflow .item_container .item_lstbox > ul > li {
                width: 100%;
                padding: 0;
                margin: 0 auto 15%; }
            .unit_description .custom .customflow .item_container .item_lstbox .item_detail ul li {
              margin: 0 0 10px; }
              .unit_description .custom .customflow .item_container .item_lstbox .item_detail ul li:before {
                content: "・"; }
          .unit_description .custom .customflow .item_container .nojimapop img {
            margin: 0 auto 50px; }
          .unit_description .custom .customflow .item_boxnote {
            padding: 10% 5%;
            border-radius: 35px; }
            .unit_description .custom .customflow .item_boxnote .bdc_cmn {
              position: relative; }
              .unit_description .custom .customflow .item_boxnote .bdc_cmn .boxnotesticky {
                width: 240px;
                padding: 3%;
                top: -3.5%;
                left: -40%; }
              .unit_description .custom .customflow .item_boxnote .bdc_cmn img.icon_cnt_cmn {
                width: 33%; }
              .unit_description .custom .customflow .item_boxnote .bdc_cmn img.icon_container_a {
                top: -5%;
                right: -13%; }
              .unit_description .custom .customflow .item_boxnote .bdc_cmn img.icon_container_b {
                top: -43%;
                right: -8%; }
            .unit_description .custom .customflow .item_boxnote .intro_boxnote {
              margin: 0 0 50px; }
              .unit_description .custom .customflow .item_boxnote .intro_boxnote .ttl_boxnote {
                padding: 0 0 6%;
                margin: 0 auto 5%;
                font-size: 20px; }
              .unit_description .custom .customflow .item_boxnote .intro_boxnote p {
                text-align: left; }
            .unit_description .custom .customflow .item_boxnote .item_lstbox > ul {
              display: block; }
              .unit_description .custom .customflow .item_boxnote .item_lstbox > ul > li {
                width: 100%;
                padding: 0;
                margin: 0 auto 15%;
                box-sizing: border-box; }
            .unit_description .custom .customflow .item_boxnote .item_lstbox img.item_img {
              width: 200px;
              margin: 0 auto 2%; }
            .unit_description .custom .customflow .item_boxnote .item_lstbox .boxsize {
              margin: 0 0 2%; }
            .unit_description .custom .customflow .item_boxnote .item_lstbox .item_detail {
              padding: 4%; }
              .unit_description .custom .customflow .item_boxnote .item_lstbox .item_detail ul li {
                margin: 0 0 2%; }
            .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer {
              display: block; }
              .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_img {
                width: auto;
                margin: 0 auto 50px; }
              .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail {
                width: auto;
                padding: 8% 3%; }
                .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail .ttl_sub {
                  margin: 0 0 4%;
                  padding: 0 0 3%;
                  font-size: 16px;
                  text-align: center; }
                .unit_description .custom .customflow .item_boxnote .boxdetail_container_outor .container_outer .boxoutor_detail ul li {
                  margin: 0 0 4% x; } }
    .unit_description .custom .greeting_close {
      width: 1000px;
      max-width: 90%;
      margin: 0 auto;
      padding: 0 0 30px; }

.unit_information .informationbox_detail {
  padding: 50px 0;
  background: #fff8f1;
  background-size: cover; }
  .unit_information .informationbox_detail .sizing_txtbox {
    width: 1000px;
    max-width: 90%;
    margin: 0 auto 50px; }
  .unit_information .informationbox_detail img.insertimg {
    width: 800px;
    max-width: 100%;
    margin: 0 auto 50px; }
  .unit_information .informationbox_detail .info_method_boxdetail {
    background: #fff;
    padding: 0px 40px 40px;
    margin: 0 0 30px; }
    .unit_information .informationbox_detail .info_method_boxdetail .cmn_frombox {
      border-bottom: solid 1px #000;
      padding: 30px 0; }
      .unit_information .informationbox_detail .info_method_boxdetail .cmn_frombox:last-child {
        border-bottom: none; }
      .unit_information .informationbox_detail .info_method_boxdetail .cmn_frombox p {
        line-height: 150%; }
        .unit_information .informationbox_detail .info_method_boxdetail .cmn_frombox p span.fill {
          background: #fffff2;
          padding: 10px;
          margin: 10px 0 0;
          display: inline-block;
          font-weight: bold;
          font-size: 15px; }
    .unit_information .informationbox_detail .info_method_boxdetail .ttl_line .area {
      font-size: 16px;
      line-height: 150%; }
    .unit_information .informationbox_detail .info_method_boxdetail .info_method ul {
      display: flex;
      justify-content: center;
      gap: 7%; }
      .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li {
        width: calc(94%/3);
        position: relative; }
        .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li:after {
          content: "";
          position: absolute;
          right: -20%;
          top: 50%;
          display: inline-block;
          width: 19px;
          height: 26px;
          background: #595656;
          clip-path: polygon(0 0, 0 100%, 100% 50%); }
        .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li:last-child:after {
          display: none; }
        .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li p {
          text-align: center;
          line-height: 150%; }
        .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li img {
          width: 200px;
          max-width: 100%;
          margin: 0 auto 10px; }
    .unit_information .informationbox_detail .info_method_boxdetail .note {
      padding: 10px;
      background: #eee; }
      .unit_information .informationbox_detail .info_method_boxdetail .note p {
        line-height: 150%; }
        .unit_information .informationbox_detail .info_method_boxdetail .note p:before {
          content: "・"; }
  .unit_information .informationbox_detail #howto_order {
    scroll-margin-top: 100px; }
  .unit_information .informationbox_detail .howto_order p {
    margin: 0 auto 20px;
    text-align: center;
    line-height: 150%; }
  .unit_information .informationbox_detail .howto_order .btnbox {
    margin: 0 auto 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
    .unit_information .informationbox_detail .howto_order .btnbox a.hto_btncmn {
      display: block;
      flex-wrap: wrap;
      color: #fff;
      text-align: center;
      box-sizing: border-box;
      font-size: 22px;
      line-height: 150%;
      padding: 20px;
      border-radius: 10px;
      transition-duration: 0.2s; }
      .unit_information .informationbox_detail .howto_order .btnbox a.hto_btncmn.excel {
        background: #448a51; }
      .unit_information .informationbox_detail .howto_order .btnbox a.hto_btncmn.pdf {
        background: #d18355; }
      .unit_information .informationbox_detail .howto_order .btnbox a.hto_btncmn.web {
        background: #4387DC; }
      .unit_information .informationbox_detail .howto_order .btnbox a.hto_btncmn i {
        padding: 0 0 0 5px; }
    .unit_information .informationbox_detail .howto_order .btnbox a:hover {
      transform: translateY(-10px); }
    .unit_information .informationbox_detail .howto_order .btnbox a:hover.excel {
      background: #4AB85E; }
    .unit_information .informationbox_detail .howto_order .btnbox a:hover.pdf {
      background: #F48B4D; }
    .unit_information .informationbox_detail .howto_order .btnbox a:hover.web {
      background: #65A9FF; }
  .unit_information .informationbox_detail .info_ordersheet {
    padding: 20px 20px 0;
    background: #fff;
    border: solid #e6c5a3 2px; }
    .unit_information .informationbox_detail .info_ordersheet .ttlsub {
      text-align: center;
      margin: 0 auto 20px;
      font-size: 20px;
      font-weight: bold;
      padding: 15px;
      text-decoration: underline; }
    .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview {
      display: flex;
      margin: 0 0 20px; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview img.ordersheet {
        width: 400px;
        max-width: 100%;
        margin: 0 20px 0 0;
        box-shadow: 4px 4px 4px 0 #ddd; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview .txtbox .intro {
        margin: 0 0 30px; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview .txtbox p {
        line-height: 150%; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview .txtbox ol {
        counter-reset: number 0;
        background: #fffdf6;
        padding: 10px; }
        .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview .txtbox ol li {
          display: flex;
          align-items: center;
          padding: 0 0 0 40px;
          margin: 0 0 20px;
          position: relative; }
          .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview .txtbox ol li:before {
            margin: 0 3px 0 0;
            counter-increment: number 1;
            content: "" counter(number);
            width: 24px;
            height: 24px;
            text-align: center;
            background: #d98b5d;
            color: #fff;
            display: grid;
            place-items: center;
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%); }
    .unit_information .informationbox_detail .info_ordersheet .ordersheet_used details {
      padding: 0 0 20px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      transition: .2s ease; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_used details summary {
        text-align: center;
        font-size: 18px;
        margin: 0 auto 20px;
        padding: 15px 5px;
        border-radius: 10px;
        background: #E5EBEE; }
        .unit_information .informationbox_detail .info_ordersheet .ordersheet_used details summary:hover {
          background: #fdf4e1;
          cursor: pointer; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_used details[open] summary {
        background: #fdf4e1; }
    .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol {
      counter-reset: number 0; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li {
        display: flex;
        align-items: flex-start;
        margin: 0 0 50px; }
        .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li img.os_usedimg {
          margin: 0 15px 0 0;
          width: 400px;
          max-width: 100%; }
        .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li .txtbox {
          width: 100%;
          line-height: 150%;
          font-size: 16px; }
          .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li .txtbox .ttl_sub {
            margin: 0 0 1px;
            padding: 6px 0;
            border-bottom: 1px dotted #5b5b5b;
            font-weight: bold;
            font-size: 18px; }
            .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li .txtbox .ttl_sub:before {
              font-size: 14px;
              background: #fdf4e1;
              padding: 3px;
              margin: 0 3px 0 0;
              counter-increment: number 1;
              content: "Step0" counter(number); }
            .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li .txtbox .ttl_sub.required:after {
              content: "必須項目";
              padding: 0 0 0 5px;
              color: #de0000;
              font-size: 12px; }
          .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li .txtbox span.txt_ex {
            display: flex;
            align-content: center;
            padding: 5px;
            background: #E7EAEE;
            margin: 10px 0 20px; }
            .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li .txtbox span.txt_ex:before {
              content: "（例）"; }
    .unit_information .informationbox_detail .info_ordersheet .ordersheet_used .used_contact {
      background: #FFFAEE;
      padding: 20px;
      line-height: 150%; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_used .used_contact i {
        margin: 0 5px 0 0; }
  .unit_information .informationbox_detail .info_period {
    margin: 0 auto 50px; }
    .unit_information .informationbox_detail .info_period table {
      display: block;
      font-size: 18px;
      line-height: 150%; }
      .unit_information .informationbox_detail .info_period table caption {
        display: block;
        margin: 0 auto;
        padding: 20px 5px;
        text-align: center;
        font-size: 24px;
        background: #ce7d52;
        color: #fff;
        line-height: 150%; }
      .unit_information .informationbox_detail .info_period table tbody {
        width: 1000px;
        margin: 0 auto;
        max-width: 100%;
        display: block;
        box-sizing: border-box; }
      .unit_information .informationbox_detail .info_period table tr {
        max-width: 100%;
        margin: 0 auto;
        padding: 20px 0;
        display: block;
        border-bottom: 1px solid #ceceb2; }
        .unit_information .informationbox_detail .info_period table tr ul.point li {
          display: flex;
          align-items: center;
          margin: 0 0 20px; }
          .unit_information .informationbox_detail .info_period table tr ul.point li:last-child {
            margin-bottom: 0; }
          .unit_information .informationbox_detail .info_period table tr ul.point li:before {
            content: "●";
            display: block;
            margin: 0 1% 0 0;
            color: #AEAFB4; }
        .unit_information .informationbox_detail .info_period table tr div .note {
          font-size: 15px;
          color: #de0000; }
        .unit_information .informationbox_detail .info_period table tr.capacity td {
          color: #292929; }
          .unit_information .informationbox_detail .info_period table tr.capacity td span.residue {
            font-weight: bold;
            color: #ee0000; }
        .unit_information .informationbox_detail .info_period table tr:last-child {
          border-bottom: none; }
        .unit_information .informationbox_detail .info_period table tr th {
          width: 250px;
          max-width: 100%;
          text-align: center;
          vertical-align: middle;
          font-weight: bold; }
        .unit_information .informationbox_detail .info_period table tr td {
          max-width: 100%; }
        .unit_information .informationbox_detail .info_period table tr ul.numbering {
          counter-reset: number 0; }
          .unit_information .informationbox_detail .info_period table tr ul.numbering li {
            display: flex;
            align-items: center;
            border-bottom: 1px dotted #ddd;
            padding: 5px 0; }
            .unit_information .informationbox_detail .info_period table tr ul.numbering li:last-child {
              border-bottom: none; }
            .unit_information .informationbox_detail .info_period table tr ul.numbering li:before {
              counter-increment: number 1;
              content: counter(number) "：";
              vertical-align: middle;
              display: block; }
        .unit_information .informationbox_detail .info_period table tr.secondround dl {
          margin: 0 0 15px; }
          .unit_information .informationbox_detail .info_period table tr.secondround dl > div {
            display: flex;
            align-items: center;
            padding: 10px 0;
            border-bottom: 1px dotted #c8c8c8; }
          .unit_information .informationbox_detail .info_period table tr.secondround dl dt:before {
            content: "･";
            margin: 0 5px 0 0; }
          .unit_information .informationbox_detail .info_period table tr.secondround dl dt:after {
            content: "："; }
        .unit_information .informationbox_detail .info_period table tr span.note {
          font-size: 90%;
          color: #de0000; }
@media screen and (max-width: 767px) {
  .unit_information .informationbox_detail {
    padding: 20px 0; }
    .unit_information .informationbox_detail img.insertimg {
      width: 300px;
      margin: 0 auto 5%; }
    .unit_information .informationbox_detail .info_method_boxdetail {
      padding: 0 10px 10px; }
      .unit_information .informationbox_detail .info_method_boxdetail .info_method ul {
        display: block; }
        .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li {
          display: flex;
          align-items: start;
          width: 100%;
          margin: 0 0 55px; }
          .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li:after {
            content: "";
            position: absolute;
            margin: 0 auto;
            right: 0;
            left: 0;
            bottom: -30px;
            top: auto;
            display: inline-block;
            width: 19px;
            height: 15px;
            background: #191919;
            clip-path: polygon(0 0, 100% 0%, 50% 100%); }
          .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li:last-child {
            margin-bottom: 0; }
          .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li p {
            text-align: left; }
          .unit_information .informationbox_detail .info_method_boxdetail .info_method ul li img {
            width: 25%;
            margin: 0 3% 0 0; }
    .unit_information .informationbox_detail .howto_order .btnbox {
      display: block; }
      .unit_information .informationbox_detail .howto_order .btnbox a.hto_btncmn {
        width: 500px;
        max-width: 100%;
        margin: 0 auto 10px;
        font-size: 18px; }
        .unit_information .informationbox_detail .howto_order .btnbox a.hto_btncmn:last-child {
          margin-bottom: 0; }
    .unit_information .informationbox_detail .info_ordersheet {
      padding: 4%; }
      .unit_information .informationbox_detail .info_ordersheet .ttlsub {
        font-size: 15px; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview {
        display: block; }
        .unit_information .informationbox_detail .info_ordersheet .ordersheet_oerview img.ordersheet {
          margin: 0 auto 30px; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_used summary {
        font-size: 18px; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li {
        display: block; }
        .unit_information .informationbox_detail .info_ordersheet .ordersheet_used ol li img.os_usedimg {
          margin: 0 0 15px;
          margin: 0 auto; }
      .unit_information .informationbox_detail .info_ordersheet .ordersheet_used .used_contact {
        background: #FFFAEE;
        padding: 20px;
        line-height: 150%; }
        .unit_information .informationbox_detail .info_ordersheet .ordersheet_used .used_contact i {
          margin: 0 5px 0 0; }
    .unit_information .informationbox_detail .info_period {
      margin: 0 auto 5%; }
      .unit_information .informationbox_detail .info_period table {
        font-size: 16px; }
        .unit_information .informationbox_detail .info_period table caption {
          padding: 3% 0;
          font-size: 20px; }
        .unit_information .informationbox_detail .info_period table th, .unit_information .informationbox_detail .info_period table td {
          display: block; }
        .unit_information .informationbox_detail .info_period table tr {
          max-width: 100%;
          border-bottom: none; }
          .unit_information .informationbox_detail .info_period table tr th {
            border-bottom: 1px solid #000;
            width: auto;
            padding: 0 0 5px;
            text-align: left;
            font-size: 20px;
            margin: 0 0 20px; } }

.faq {
  max-width: 1000px;
  margin: 0 auto; }
  .faq details {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    margin-bottom: 12px;
    box-shadow: var(--shadow);
    overflow: hidden;
    transform: translateZ(0);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
    .faq details:hover {
      transform: translateY(-2px);
      border-color: rgba(37, 99, 235, 0.35);
      box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1); }
    .faq details[open] summary {
      background: linear-gradient(90deg, rgba(235, 37, 37, 0.08), rgba(197, 34, 34, 0.06));
      border-bottom: 1px solid rgba(17, 24, 39, 0.08); }
      .faq details[open] summary::after {
        content: "–"; }
    .faq details[open] .answer {
      opacity: 1;
      transform: translateY(0); }
  .faq summary {
    padding: 16px 18px 16px 56px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
    position: relative;
    line-height: 1.5;
    letter-spacing: .01em;
    user-select: none; }
    .faq summary::-webkit-details-marker {
      display: none; }
    .faq summary::before {
      content: "Q";
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      height: 30px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      font-size: 13px;
      font-weight: 900;
      color: #fff;
      background: #c78f6e; }
    .faq summary::after {
      content: "+";
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 34px;
      height: 34px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      font-weight: 900;
      color: var(--accent);
      transition: transform .2s ease, background .2s ease, color .2s ease; }
    .faq summary:focus {
      outline: none; }
    .faq summary:focus-visible {
      outline: 3px solid rgba(37, 99, 235, 0.3);
      outline-offset: 2px;
      border-radius: 12px; }
  .faq .answer {
    padding: 15px 18px 15px 56px;
    color: var(--text);
    line-height: 1.75;
    font-size: 16px;
    position: relative;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease; }
    .faq .answer::before {
      content: "";
      position: absolute;
      left: 30px;
      top: 6px;
      bottom: 18px;
      width: 3px;
      border-radius: 999px;
      background: linear-gradient(180deg, var(--accent2), rgba(34, 197, 94, 0.15)); }
  @media screen and (max-width: 767px) {
    .faq summary {
      padding: 5% 5% 5% 14%;
      font-size: 16px; }
      .faq summary::before {
        left: 2px; }
      .faq summary::after {
        right: -3px; }
    .faq .answer {
      padding: 5%;
      font-size: 16px; }
      .faq .answer::before {
        left: 28px; } }

.contact {
  background: #fff;
  padding: 28px 10px;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  border: solid 3px #c78f6e;
  box-shadow: 0 0 0 4px #fff; }
  .contact .txtbox {
    display: flex;
    align-content: flex-start;
    justify-content: center;
    margin: -50px 0 0; }
    .contact .txtbox .stbox_cmn {
      flex: 1;
      position: relative; }
      .contact .txtbox .stbox_cmn div {
        margin: 0 0 20px;
        text-align: center; }
      .contact .txtbox .stbox_cmn p {
        font-size: 16px;
        text-align: center; }
      .contact .txtbox .stbox_cmn img.icon {
        margin: 0 auto 10px;
        width: 80px;
        max-width: 100%; }
      .contact .txtbox .stbox_cmn .contact_date {
        font-weight: bold;
        font-size: 22px; }
    .contact .txtbox .ttl_sub {
      text-align: center;
      margin: 0 auto 20px;
      font-size: 20px;
      font-weight: bold; }
    .contact .txtbox .tel {
      font-size: 24px;
      text-align: center; }
  @media screen and (max-width: 767px) {
    .contact .txtbox {
      display: block;
      margin: 0 auto; }
      .contact .txtbox .stbox_cmn img.icon {
        margin: 0 auto 10px;
        width: 60px; }
      .contact .txtbox .ttl_sub {
        font-size: 20px; }
      .contact .txtbox .tel {
        padding: 0 0 5%;
        margin: 0 0 5%;
        font-size: 20px;
        border-bottom: 1px solid #ddd; } }

.anchor-menu {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .anchor-menu_tab {
    width: 48px;
    height: 48px;
    margin: 0 0 10px;
    background: #d08355;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; }
  .anchor-menu_panel {
    width: 220px;
    background: #fff;
    border: 1px solid #d9e1f2;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .3s ease, opacity .3s ease; }
  .anchor-menu_link {
    display: block;
    padding: 14px 16px;
    font-size: 14px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee; }
    .anchor-menu_link:hover {
      background: #f5f8ff; }
  .anchor-menu_details {
    border-bottom: 1px solid #eee; }
    .anchor-menu_details .anchor-menu_link {
      border-bottom: none; }
    .anchor-menu_details[open] .anchor-menu_summary::after {
      transform: rotate(180deg); }
  .anchor-menu_summary {
    display: block;
    padding: 14px 36px 14px 16px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    position: relative;
    list-style: none; }
    .anchor-menu_summary::-webkit-details-marker {
      display: none; }
    .anchor-menu_summary:hover {
      background: #f5f8ff; }
    .anchor-menu_summary::after {
      content: "▼";
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(-50%);
      font-size: 10px;
      transition: transform .2s ease; }
    .anchor-menu_summary_details[open] .anchor-menu_summary::after {
      transform: translateY(-50%) rotate(180deg); }
  .anchor-menu_sublist {
    background: #f8f8f8;
    padding: 4px 0; }
  .anchor-menu_sublink {
    display: block;
    padding: 10px 16px 10px 28px;
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    text-decoration: none;
    border-top: 1px solid #eee; }
    .anchor-menu_sublink:hover {
      background: #eef4ff; }
  .anchor-menu.is-open .anchor-menu_panel {
    max-height: calc(100vh - 100px);
    opacity: 1;
    overflow-y: auto; }

@media (max-width: 768px) {
  .anchor-menu {
    top: 16px;
    right: 16px; }
    .anchor-menu_panel {
      width: min(260px, calc(100vw - 32px)); } }
body {
  interpolate-size: allow-keywords; }

details::details-content {
  overflow: clip;
  height: 0;
  transition: height 400ms ease, border 400ms ease, content-visibility 400ms ease allow-discrete; }

details[open]::details-content {
  height: auto; }

summary {
  cursor: pointer; }

/* =================
   バーガーアイコン
   ================= */
.menu-icon {
  width: 24px;
  height: 18px;
  position: relative; }
  .menu-icon span {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    left: 0;
    transition: .3s; }
  .menu-icon span:nth-child(1) {
    top: 0; }
  .menu-icon span:nth-child(2) {
    top: 8px; }
  .menu-icon span:nth-child(3) {
    bottom: 0; }

/* 開いた状態 */
.anchor-menu.is-open .menu-icon span:nth-child(1) {
  transform: rotate(45deg);
  top: 8px; }
.anchor-menu.is-open .menu-icon span:nth-child(2) {
  opacity: 0; }
.anchor-menu.is-open .menu-icon span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: 8px; }

@media (max-width: 768px) {
  .anchor-menu {
    top: 16px;
    right: 16px; }
    .anchor-menu_tab {
      font-size: 13px;
      padding: 12px 16px; }
    .anchor-menu_panel {
      width: 180px; }
    .anchor-menu_link {
      font-size: 13px;
      padding: 12px 14px; } }
.anker_tab {
  position: fixed;
  bottom: 30px;
  right: -20px;
  z-index: 100; }
  .anker_tab .anker_tab_sample_web {
    position: relative;
    display: block;
    width: 84px;
    height: 145px;
    background: url("../img/tab_web_b.png") no-repeat center/80px auto;
    transition: transform .3s ease; }
    .anker_tab .anker_tab_sample_web::after {
      content: "";
      position: absolute;
      inset: 0;
      background: url("../img/tab_web_b_hov.png") no-repeat center/80px auto;
      opacity: 0;
      transition: opacity .3s ease; }
    .anker_tab .anker_tab_sample_web:hover {
      transform: translateX(-18px); }
    .anker_tab .anker_tab_sample_web:hover::after {
      opacity: 1; }
  @media screen and (max-width: 767px) {
    .anker_tab {
      bottom: -32px;
      top: unset;
      right: 3px; }
      .anker_tab .anker_tab_sample_web {
        width: 160px;
        height: 90px;
        background: url("../img/tab_web_sp_b.png") no-repeat center/160px auto; }
        .anker_tab .anker_tab_sample_web::after {
          background: url("../img/tab_web_sp_b_hov.png") no-repeat center/160px auto;
          opacity: 0;
          transition: opacity .3s ease; }
        .anker_tab .anker_tab_sample_web:hover {
          transform: translateY(-18px); } }

.contact_imgbox img {
  margin: 0 auto;
  width: 750px;
  max-width: 100%; }

.postage {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: .2s ease; }
  .postage .ttl {
    text-align: center;
    font-size: 24px;
    padding: 15px 5px;
    border-radius: 10px;
    background: #f1f4f5; }
  .postage table.shipping_table {
    width: 100%;
    margin: 0 0 30px;
    border-collapse: collapse;
    border-bottom: 2px solid #ddd; }
    .postage table.shipping_table tr:first-child {
      border-bottom: 1px dotted #9E9E9E; }
    .postage table.shipping_table th, .postage table.shipping_table td {
      padding: 30px 15px;
      text-align: left;
      line-height: 150%; }
    .postage table.shipping_table th {
      font-weight: bold;
      text-align: center; }
      .postage table.shipping_table th:first-child {
        width: 30%; }
    .postage table.shipping_table td:first-child {
      font-weight: bold; }
  .postage .txtbox p {
    font-size: 16px;
    line-height: 150%; }
  .postage .txtbox p.note {
    margin: 0 0 30px; }
  .postage .txtbox .postage_contact {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 10px 0 0;
    padding: 20px;
    background: #f8faf3; }
    .postage .txtbox .postage_contact .stbox_cmn {
      display: flex;
      align-items: center;
      position: relative; }
      .postage .txtbox .postage_contact .stbox_cmn div {
        margin: 0 0 10px;
        text-align: center; }
      .postage .txtbox .postage_contact .stbox_cmn img.icon {
        margin: 0 auto 10px;
        width: 60px;
        max-width: 100%; }
      .postage .txtbox .postage_contact .stbox_cmn .contact_date {
        font-weight: bold;
        font-size: 22px; }
    .postage .txtbox .postage_contact .ttl_sub {
      text-align: center;
      margin: 0 auto 20px;
      font-size: 18px;
      font-weight: bold; }
    .postage .txtbox .postage_contact .tel {
      font-size: 18px;
      text-align: center; }
  @media screen and (max-width: 767px) {
    .postage table.shipping_table {
      display: block; }
      .postage table.shipping_table tbody, .postage table.shipping_table tr, .postage table.shipping_table th, .postage table.shipping_table td {
        display: block;
        width: 100%;
        padding: 10px 0; }
      .postage table.shipping_table th {
        background: #f5f5f5;
        border-bottom: none; }
        .postage table.shipping_table th:first-child {
          width: auto; }
    .postage .txtbox .postage_contact {
      display: block; }
      .postage .txtbox .postage_contact .stbox_cmn {
        text-align: left;
        margin: 0 auto;
        display: block; }
        .postage .txtbox .postage_contact .stbox_cmn img.icon {
          width: 50px;
          max-width: 100%;
          margin: 0 auto; }
      .postage .txtbox .postage_contact .ttl_sub {
        text-align: left; }
      .postage .txtbox .postage_contact .tel {
        margin: 0 auto 30px; } }

.anime_puyon {
  transition-duration: 0.3s; }
  .anime_puyon:hover {
    -webkit-animation: anime_puyon 1.0s linear 0s 1;
    animation: anime_puyon 1.0s linear 0s 1; }

@keyframes anime_puyon {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  40% {
    transform: scale(0.95, 1.2) translate(0%, -10%); }
  50% {
    transform: scale(1.1, 0.9) translate(0%, 5%); }
  60% {
    transform: scale(0.95, 1.05) translate(0%, -3%); }
  70% {
    transform: scale(1.05, 0.95) translate(0%, 3%); }
  80% {
    transform: scale(1, 1) translate(0%, 0%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
.anime_fuwa {
  animation: fuwa-y 1.8s ease-in-out infinite alternate-reverse; }

@keyframes fuwa-y {
  0% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(3%); } }
.anime_yura {
  transform-origin: center bottom;
  animation: yurayura 3s ease-in-out infinite; }

@keyframes yurayura {
  0% , 100% {
    transform: rotate(10deg); }
  50% {
    transform: rotate(-10deg); } }
.follow-section {
  padding: 100px 0; }

.js-hero-zoom {
  opacity: 0;
  transform: scale(1.06);
  animation: heroZoom 1.6s ease forwards; }

.js-hero-fade {
  opacity: 0;
  transform: translateY(20px);
  animation: heroFade 1s ease 0.6s forwards; }

@keyframes heroZoom {
  to {
    opacity: 1;
    transform: scale(1); } }
@keyframes heroFade {
  to {
    opacity: 1;
    transform: translateY(0); } }