@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
html {
  scroll-padding-top: 150px; }

.none_text {
  display: none; }

@media screen and (min-width: 766px) {
  .pcNone {
    display: none !important; } }
@media screen and (max-width: 767px) {
  .spNone {
    display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 961px) {
  .tabNone {
    display: none !important; } }
.min {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; }

/***********************************************
newヘッダーデザイン
***********************************************/
header {
  padding-bottom: 0; }

header.new_header .spnav .freedial {
  width: 35px;
  vertical-align: text-bottom; }

.header_box {
  max-width: 960px;
  margin: 0 auto;
  display: block; }
  .header_box .header_top {
    display: flex;
    justify-content: space-between;
    margin: 0 0 35px; }
    @media screen and (max-width: 767px) {
      .header_box .header_top {
        margin: 0 0 20px; } }
    @media screen and (max-width: 900px) {
      .header_box .header_top {
        margin: 0 0 20px; } }
    @media screen and (max-width: 767px) {
      .header_box .header_top .h_logo {
        display: flex;
        align-items: center; } }
    @media screen and (max-width: 900px) {
      .header_box .header_top .h_logo {
        display: flex;
        align-items: center; } }
    @media screen and (max-width: 900px) {
      .header_box .header_top .h_logo a {
        justify-content: flex-start; } }
    .header_box .header_top .h_logo a img {
      max-width: 250px;
      margin-left: 0; }
      @media screen and (max-width: 767px) {
        .header_box .header_top .h_logo a img {
          width: calc(100% - 40px); } }
      @media screen and (max-width: 900px) {
        .header_box .header_top .h_logo a img {
          width: calc(100% - 40px); } }
    .header_box .header_top .h_button ul {
      display: flex;
      justify-content: flex-end; }
      .header_box .header_top .h_button ul li {
        width: 165px; }
        .header_box .header_top .h_button ul li a {
          display: flex;
          justify-content: center;
          align-items: center;
          text-decoration: none;
          color: #0C2340; }
        .header_box .header_top .h_button ul li:first-child {
          background: #C8A790;
          border-radius: 3px;
          margin-right: 5px;
          /* display: none; */ }
          .header_box .header_top .h_button ul li:first-child a {
            padding: 8px 0;
            display: flex;
            justify-content: center;
            width: 100%;
            height: 100%;
            font-size: 15px;
            flex-flow: column; }
            .header_box .header_top .h_button ul li:first-child a span {
              font-size: 9px;
              width: 100%;
              text-align: center; }
        .header_box .header_top .h_button ul li:last-child {
          background: #9BD2DF;
          border-radius: 3px; }
          .header_box .header_top .h_button ul li:last-child a {
            padding: 10px 0;
            display: flex;
            justify-content: center;
            width: 100%;
            height: 100%; }
  .header_box .header_bottom ul {
    display: flex;
    justify-content: space-between; }
    .header_box .header_bottom ul li {
      font-size: 16px;
      color: #fff;
      font-weight: 500; }
      .header_box .header_bottom ul li a {
        text-decoration: none;
        font-weight: 500; }
    .header_box .header_bottom ul .link {
      padding-bottom: 20px; }
      .header_box .header_bottom ul .link .d_title {
        display: flex;
        justify-content: center;
        align-items: center; }
        .header_box .header_bottom ul .link .d_title img {
          width: 10px;
          margin-left: 10px; }
    .header_box .header_bottom ul .dropDown {
      position: absolute;
      bottom: 0;
      display: none;
      padding: 10px;
      background-color: #fff;
      color: initial;
      transform: translate(0, 100%);
      width: 100%;
      left: 0; }
      .header_box .header_bottom ul .dropDown .dropdown_inner01 {
        max-width: 960px;
        margin: 0 auto;
        padding: 35px 0; }
        .header_box .header_bottom ul .dropDown .dropdown_inner01 ul {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap; }
          .header_box .header_bottom ul .dropDown .dropdown_inner01 ul li {
            width: 30%;
            border-top: 1px solid #E0E0E0;
            padding: 5px 10px; }
            .header_box .header_bottom ul .dropDown .dropdown_inner01 ul li:nth-child(n+7) {
              border-bottom: 1px solid #E0E0E0; }
            .header_box .header_bottom ul .dropDown .dropdown_inner01 ul li:hover {
              background: #ccc;
              opacity: 0.7; }
            .header_box .header_bottom ul .dropDown .dropdown_inner01 ul li .menu_inner {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              position: relative; }
              .header_box .header_bottom ul .dropDown .dropdown_inner01 ul li .menu_inner:before {
                content: "";
                background: url("../img/new_img/header/arrow01.svg") no-repeat;
                width: 6px;
                height: 11px;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto; }
              .header_box .header_bottom ul .dropDown .dropdown_inner01 ul li .menu_inner .left-box {
                max-width: 36px;
                margin-right: 5%; }
              .header_box .header_bottom ul .dropDown .dropdown_inner01 ul li .menu_inner .right-box p {
                font-size: 12px;
                line-height: 20px;
                color: #3E3A39;
                text-align: left; }
        .header_box .header_bottom ul .dropDown .dropdown_inner01 .header_dropdown_button {
          max-width: 298px;
          margin: 40px auto 0;
          border: 1px solid #0C2340; }
          .header_box .header_bottom ul .dropDown .dropdown_inner01 .header_dropdown_button a {
            font-size: 13px;
            padding: 10px 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            color: #0C2340; }
            .header_box .header_bottom ul .dropDown .dropdown_inner01 .header_dropdown_button a:hover {
              opacity: 0.7; }
            .header_box .header_bottom ul .dropDown .dropdown_inner01 .header_dropdown_button a:before {
              content: "";
              background: url("../img/new_img/header/arrow01.svg") no-repeat;
              width: 6px;
              height: 11px;
              position: absolute;
              right: 15px;
              top: 0;
              bottom: 0;
              margin: auto; }
      .header_box .header_bottom ul .dropDown .dropdown_inner02 {
        max-width: 800px;
        margin: 0 auto;
        padding: 35px 0; }
        .header_box .header_bottom ul .dropDown .dropdown_inner02 .dropdown_contact_button {
          display: flex;
          justify-content: center; }
          .header_box .header_bottom ul .dropDown .dropdown_inner02 .dropdown_contact_button .contact_button01 {
            position: relative;
            width: 45%; }
            .header_box .header_bottom ul .dropDown .dropdown_inner02 .dropdown_contact_button .contact_button01:before {
              content: "";
              background: url("../img/new_img/header/arrow01.svg") no-repeat;
              width: 6px;
              height: 11px;
              position: absolute;
              right: 15px;
              top: 0;
              bottom: 0;
              margin: auto; }
            .header_box .header_bottom ul .dropDown .dropdown_inner02 .dropdown_contact_button .contact_button01 a {
              font-size: 16px;
              color: #0C2340;
              width: 100%;
              height: 100%;
              padding: 15px 0;
              display: flex;
              justify-content: center;
              align-items: center; }
              .header_box .header_bottom ul .dropDown .dropdown_inner02 .dropdown_contact_button .contact_button01 a:hover {
                opacity: 0.7; }
          .header_box .header_bottom ul .dropDown .dropdown_inner02 .dropdown_contact_button .left-box {
            margin-right: 5%;
            background: #E8E1D7; }
          .header_box .header_bottom ul .dropDown .dropdown_inner02 .dropdown_contact_button .right-box {
            background: #C8A790; }
    .header_box .header_bottom ul .link:hover > .dropDown, .header_box .header_bottom ul .link:focus-within > .dropDown {
      display: block; }
    .header_box .header_bottom ul .dropDown__list {
      display: flex;
      flex-direction: column;
      gap: 10px; }
    .header_box .header_bottom ul .dropDown__link {
      padding: 10px 20px;
      transition: color .15s; }
    .header_box .header_bottom ul .dropDown__link:hover, .header_box .header_bottom ul .dropDown__link:focus {
      color: hotpink; }

nav.spnav ul {
  margin: 0 0 25px; }
  nav.spnav ul li:last-child {
    padding-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
nav.spnav nav.nav_sp01 {
  display: none;
  background: #fff;
  position: relative;
  height: auto;
  padding: 20px 0; }
  nav.spnav nav.nav_sp01 ul li {
    margin: 0 0 10px; }
    nav.spnav nav.nav_sp01 ul li:last-child {
      padding-top: 0; }
    nav.spnav nav.nav_sp01 ul li .menu_inner {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      nav.spnav nav.nav_sp01 ul li .menu_inner .left-box {
        width: 50px;
        margin-right: 10px; }
      nav.spnav nav.nav_sp01 ul li .menu_inner .right-box p {
        font-size: 12px;
        color: #3E3A39;
        padding: 0; }
    nav.spnav nav.nav_sp01 ul li a {
      padding: 0 15px;
      position: relative; }
      nav.spnav nav.nav_sp01 ul li a:before {
        content: "";
        background: url("../img/new_img/header/arrow01.svg") no-repeat;
        width: 6px;
        height: 11px;
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto; }
nav.spnav nav.nav_sp02 {
  display: none;
  background: #fff;
  position: relative;
  height: auto;
  padding: 20px 0; }
  nav.spnav nav.nav_sp02 ul {
    margin: 0; }
    nav.spnav nav.nav_sp02 ul li .menu_inner .right-box p {
      color: #3E3A39;
      padding: 0; }
    nav.spnav nav.nav_sp02 ul li a {
      padding: 0 20px;
      position: relative; }
      nav.spnav nav.nav_sp02 ul li a:before {
        content: "";
        background: url("../img/new_img/header/arrow01.svg") no-repeat;
        width: 6px;
        height: 11px;
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto; }
nav.spnav .spbutton ul {
  display: flex;
  justify-content: space-between;
  padding: 0 20px; }
  nav.spnav .spbutton ul li {
    width: 49%; }
    nav.spnav .spbutton ul li a {
      line-height: normal;
      color: #0C2340;
      font-weight: bold; }
      nav.spnav .spbutton ul li:first-child {
        background: #C8A790;
        border-radius: 3px;
        /* display: none; */ }  
      nav.spnav .spbutton ul li:first-child a {
        padding: 8px 0;
        text-align: center;
        line-height: 13px;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 15px;
        flex-flow: column; }
        nav.spnav .spbutton ul li:first-child a span {
          font-size: 9px;
          width: 100%;
          text-align: center; }
    nav.spnav .spbutton ul li:last-child {
      background: #9BD2DF;
      border-radius: 3px; }
      nav.spnav .spbutton ul li:last-child a {
        padding: 8px 0;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
        align-items: center; }
nav.spnav .nav-open {
  color: #fff;
  display: block;
  line-height: 45px;
  padding: 0 20px; }
nav.spnav .nav-open::before {
  /* 閉じている時 */
  content: "＋";
  position: absolute;
  right: 20px; }
nav.spnav .nav-open.active::before {
  /* 開いている時 */
  content: "－"; }

/***********************************************
new TOPページ
***********************************************/
body main ._head .Asterisk_text {
  font-size: 12px; }
  @media screen and (max-width: 767px) {
    body main ._head .Asterisk_text {
      font-size: 10px; } }
body main .top_category_list {
  background: #0C2340;
  padding: 60px 0 50px; }
  @media screen and (max-width: 767px) {
    body main .top_category_list {
      padding: 50px 0 0; } }
  body main .top_category_list .top_category_list_inner {
    max-width: 960px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      body main .top_category_list .top_category_list_inner {
        padding: 0 1em; } }
  body main .top_category_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    body main .top_category_list ul li {
      background: #fff;
      border-radius: 15px;
      width: 45%;
      max-width: 420px;
      margin: 0 0 35px; }
      @media screen and (max-width: 767px) {
        body main .top_category_list ul li {
          width: 48%; } }
      body main .top_category_list ul li a {
        color: #0C2340;
        text-decoration: none; }
      body main .top_category_list ul li img {
        background: #0C2340; }
      body main .top_category_list ul li p {
        font-size: 20px;
        padding: 11px 0px 11px 20px;
        position: relative;
        font-weight: bold;
        color: #0C2340; }
        @media screen and (max-width: 767px) {
          body main .top_category_list ul li p {
            font-size: 14px;
            padding: 6px 0 6px 15px; } }
        body main .top_category_list ul li p:before {
          content: "";
          background: url("../img/new_img/top/arrow01.svg") no-repeat;
          width: 12px;
          height: 23px;
          position: absolute;
          right: 15px;
          top: 0;
          bottom: 0;
          margin: auto; }
          @media screen and (max-width: 767px) {
            body main .top_category_list ul li p:before {
              right: 10px;
              width: 6px;
              height: 12px; } }
body main .top_contact_box article h2#contact {
  font-size: 28px; }
  @media screen and (max-width: 767px) {
    body main .top_contact_box article h2#contact {
      font-size: 20px; } }
body main .top_contact_box .tellbox a {
  color: #0C2340;
  text-decoration: none; }
  body main .top_contact_box .tellbox a dl {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      body main .top_contact_box .tellbox a dl {
        display: block;
        text-align: center; } }
    body main .top_contact_box .tellbox a dl dt {
      font-size: 25px;
      font-weight: bold;
      margin-right: 20px; }
      @media screen and (max-width: 767px) {
        body main .top_contact_box .tellbox a dl dt {
          margin-right: 0; } }
    body main .top_contact_box .tellbox a dl dd {
      font-size: 35px;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center; }
      body main .top_contact_box .tellbox a dl dd img {
        width: 45px;
        margin-right: 10px; }
body main .top_contact_box .tellbox p {
  font-size: 16px;
  text-align: center;
  font-weight: bold; }

/***********************************************
new お取引様専用(member)
***********************************************/
body main .members_only {
  max-width: 960px;
  margin: 0 auto 70px;
  padding: 1em 20px 3em; }
  @media screen and (max-width: 767px) {
    body main .members_only {
      padding: 0 20px; } }
  body main .members_only .title-box {
    text-align: center;
    margin: 0 0 4em; }
    @media screen and (max-width: 767px) {
      body main .members_only .title-box {
        margin: 0 0 2em; } }
    body main .members_only .title-box h2 {
      font-size: 24px;
      color: #0C2340;
      margin: 3em 0 0.5em;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        body main .members_only .title-box h2 {
          font-size: 18px; } }
    body main .members_only .title-box h3 {
      color: #0C2340;
      font-size: 2.5em;
      text-align: center;
      font-weight: bold;
      margin: 0 0 0.5em; }
      @media screen and (max-width: 767px) {
        body main .members_only .title-box h3 {
          font-size: 29px; } }
    body main .members_only .title-box p {
      font-size: 18px;
      line-height: 30px;
      color: #3E3A39;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        body main .members_only .title-box p {
          font-size: 16px; } }
  body main .members_only .members_list {
    margin: 0 0 70px; }
    body main .members_only .members_list ul {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        body main .members_only .members_list ul {
          display: block; } }
      body main .members_only .members_list ul li {
        width: 47%;
        border: 1px solid #0C2340;
        border-radius: 11px;
        margin-right: 6%;
        margin-bottom: 45px; }
        @media screen and (max-width: 767px) {
          body main .members_only .members_list ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 20px; } }
        body main .members_only .members_list ul li:nth-of-type(2n) {
          margin-right: 0; }
        body main .members_only .members_list ul li a {
          text-decoration: none;
          width: 100%;
          height: 100%; }
          body main .members_only .members_list ul li a:hover {
            opacity: 0.7; }
          body main .members_only .members_list ul li a dl {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 25px 40px;
            position: relative; }
            @media screen and (max-width: 767px) {
              body main .members_only .members_list ul li a dl {
                padding: 15px 15px; } }
            body main .members_only .members_list ul li a dl:before {
              content: "";
              background: url(../img/new_img/top/arrow01.svg) no-repeat;
              width: 12px;
              height: 23px;
              position: absolute;
              right: 40px;
              top: 0;
              bottom: 0;
              margin: auto; }
              @media screen and (max-width: 767px) {
                body main .members_only .members_list ul li a dl:before {
                  width: 8px;
                  height: 19px;
                  right: 25px; } }
            body main .members_only .members_list ul li a dl dt {
              font-size: 22px;
              color: #fff;
              background: #0C2340;
              border-radius: 50%;
              width: 90px;
              display: flex;
              justify-content: center;
              align-items: center;
              height: 90px;
              margin-right: 20px; }
              @media screen and (max-width: 767px) {
                body main .members_only .members_list ul li a dl dt {
                  width: 60px;
                  height: 60px;
                  font-size: 14px; } }
            body main .members_only .members_list ul li a dl dd {
              color: #0C2340;
              line-height: 33px;
              font-size: 20px;
              font-weight: bold; }
              @media screen and (max-width: 767px) {
                body main .members_only .members_list ul li a dl dd {
                  line-height: 24px;
                  font-size: 17px; } }
  body main .members_only .members_news h3 {
    color: #003d6c;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 35px; }
    @media screen and (max-width: 767px) {
      body main .members_only .members_news h3 {
        font-size: 27px; } }
  body main .members_only .members_news h3.border_line01 {
    border-bottom: 1px solid #0C2340;
    padding: 0 0 20px; }
  body main .members_only .members_news .explanation p {
    line-height: 1.7em;
    padding: 0.5em 0; }
    @media screen and (max-width: 767px) {
      body main .members_only .members_news .explanation p {
        font-size: 12px;
        line-height: 24px; } }
  body main .members_only .members_news .explanation h4 {
    margin: 20px 0;
    padding: 0.25em 0 0.25em 0.75em;
    border-left: 6px solid #69708f;
    font-size: 1.4em;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      body main .members_only .members_news .explanation h4 {
        font-size: 14px; } }
  body main .members_only .members_news .explanation .list_style01 ul {
    border: none;
    margin: 0 0 20px 30px;
    padding: 0; }
    @media screen and (max-width: 767px) {
      body main .members_only .members_news .explanation .list_style01 ul {
        margin-left: 20px; } }
    body main .members_only .members_news .explanation .list_style01 ul li {
      list-style: disc;
      font-size: 1em;
      padding: 0;
      margin: 0 0 5px; }
      @media screen and (max-width: 767px) {
        body main .members_only .members_news .explanation .list_style01 ul li {
          font-size: 12px;
          line-height: 24px; } }
      body main .members_only .members_news .explanation .list_style01 ul li:before {
        content: inherit; }
  body main .members_only .members_news ul li {
    padding-left: 20px;
    position: relative;
    margin: 0 0 20px; }
    @media screen and (max-width: 767px) {
      body main .members_only .members_news ul li {
        padding-left: 18px; } }
    body main .members_only .members_news ul li:before {
      content: "";
      width: 13px;
      height: 13px;
      background-color: #a5a9bc;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        body main .members_only .members_news ul li:before {
          width: 10px;
          height: 10px;
          top: 6px;
          bottom: inherit; } }
    body main .members_only .members_news ul li a {
      color: #69708F;
      font-size: 21px;
      text-decoration: none; }
      @media screen and (max-width: 767px) {
        body main .members_only .members_news ul li a {
          font-size: 16px; } }
      body main .members_only .members_news ul li a:hover {
        text-decoration: underline; }

/***********************************************
new お取引先様専用個別ページ
***********************************************/
body main .menmers_inbox .select_box select {
  -webkit-appearance: none;
  appearance: none; }
body main .menmers_inbox .select_box select {
  -webkit-appearance: none;
  appearance: none;
  background: url("../img/new_img/member/arrow01.svg");
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: right 12px center; }
body main .menmers_inbox .select_box .selectlink {
  max-width: 450px;
  font-size: 13px;
  margin: 30px 0px 0px;
  padding: 15px;
  border: 1px #0C2340 solid;
  border-radius: 7px;
  background-color: #fff;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    body main .menmers_inbox .select_box .selectlink {
      max-width: inherit;
      width: 100%;
      margin: 30px auto 30px; } }
body main .menmers_inbox .select_box .selectlink:hover {
  border: 1px #0C2340 solid; }
body main .menmers_inbox .all_list h3 {
  text-align: left;
  font-size: 24px;
  color: #0C2340;
  margin: 0 0 20px; }
  @media screen and (max-width: 767px) {
    body main .menmers_inbox .all_list h3 {
      font-size: 20px; } }
body main .menmers_inbox .all_list ul {
  border-top: 1px solid #0C2340;
  border-bottom: 1px solid #0C2340;
  margin: 0px 0;
  padding: 30px 0; }
  @media screen and (max-width: 767px) {
    body main .menmers_inbox .all_list ul {
      padding: 20px 0; } }
  body main .menmers_inbox .all_list ul li {
    margin-bottom: 5px; }
    body main .menmers_inbox .all_list ul li a {
      font-weight: 500; }
body main .menmers_inbox .members_contents_01 {
  margin: 80px 0 0; }
  @media screen and (max-width: 767px) {
    body main .menmers_inbox .members_contents_01 {
      margin: 40px 0 0; } }
  body main .menmers_inbox .members_contents_01 ul li {
    padding: 35px 30px;
    border: 1px solid #B1B9C2;
    border-radius: 15px;
    margin: 0 0 30px;
    list-style: none; }
    @media screen and (max-width: 767px) {
      body main .menmers_inbox .members_contents_01 ul li {
        padding: 15px 15px; } }
    body main .menmers_inbox .members_contents_01 ul li .flex-box {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 767px) {
        body main .menmers_inbox .members_contents_01 ul li .flex-box {
          align-items: center; } }
      body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box {
        width: 65%; }
        @media screen and (max-width: 767px) {
          body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box {
            width: 62%; } }
        body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box h3 {
          font-size: 24px;
          color: #0C2340; }
          @media screen and (max-width: 767px) {
            body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box h3 {
              font-size: 15px; } }
        body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box .m_title {
          margin: 15px 0; }
        body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box h4 {
          font-size: 18px;
          margin: 15px 0; }
          @media screen and (max-width: 767px) {
            body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box h4 {
              font-size: 11px; } }
        body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box p {
          font-size: 18px;
          line-height: 30px; }
          @media screen and (max-width: 767px) {
            body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box p {
              font-size: 11px;
              line-height: 16px; } }
        body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box .download_button {
          background: #1F4E79;
          border-radius: 20px;
          width: 100%;
          max-width: 350px;
          margin: 25px 0 0; }
          @media screen and (max-width: 767px) {
            body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box .download_button {
              width: 90%; } }
          body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box .download_button a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            color: #fff;
            font-size: 16px;
            padding: 10px 0;
            font-weight: bold;
            text-decoration: none; }
            @media screen and (max-width: 767px) {
              body main .menmers_inbox .members_contents_01 ul li .flex-box .left-box .download_button a {
                font-size: 12px; } }
      body main .menmers_inbox .members_contents_01 ul li .flex-box .right-box {
        width: 30%;
        max-width: 210px;
        margin: 0 auto;
        text-align: center; }
        @media screen and (max-width: 767px) {
          body main .menmers_inbox .members_contents_01 ul li .flex-box .right-box {
            margin: 0; } }
        body main .menmers_inbox .members_contents_01 ul li .flex-box .right-box img {
          text-align: right; }

/***********************************************
new テクノロジー
***********************************************/
body main.__layout__.home ._whats br {
  display: inline; }
body main.__layout__.home .technology_section {
  padding: 1em 20px 3em; }
  body main.__layout__.home .technology_section p.sub_title {
    font-size: 24px;
    color: #fff;
    margin: 3em 0 0.5em;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .technology_section p.sub_title {
        font-size: 18px; } }
  body main.__layout__.home .technology_section h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 60px;
    width: auto;
    line-height: normal; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .technology_section h2 {
        font-size: 30px;
        margin: 0 0 25px; } }
  body main.__layout__.home .technology_section .text-button {
    max-width: 850px;
    margin: 0 auto 100px; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .technology_section .text-button {
        max-width: inherit;
        width: 100%;
        margin: 0 auto 50px; } }
    body main.__layout__.home .technology_section .text-button ul {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .technology_section .text-button ul {
          display: block; } }
      body main.__layout__.home .technology_section .text-button ul li {
        background: #5fa2db;
        background: linear-gradient(90deg, #5fa2db 0%, #a0c8e9 47%, #5fa2db 100%);
        width: 48%;
        border-radius: 10px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .technology_section .text-button ul li {
            width: 95%;
            margin: 0 auto 15px; }
            body main.__layout__.home .technology_section .text-button ul li:last-child {
              margin-bottom: 0; } }
        body main.__layout__.home .technology_section .text-button ul li a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          padding: 21px 0;
          font-size: 18px;
          color: #fff;
          position: relative;
          text-decoration: none;
          font-weight: 600; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .technology_section .text-button ul li a {
              padding: 15px;
              font-size: 14px; } }
          body main.__layout__.home .technology_section .text-button ul li a:before {
            content: "";
            background: url("../img/new_img/technology/arrow01.svg") no-repeat;
            width: 22px;
            height: 11px;
            position: absolute;
            right: 15px;
            top: 0;
            bottom: 0;
            margin: auto; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .technology_section .text-button ul li a:before {
                width: 16px;
                height: 8px; } }
  body main.__layout__.home .technology_section .technology_box01 {
    border-radius: 0;
    padding: 60px 50px 90px; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .technology_section .technology_box01 {
        padding: 30px 15px 40px; } }
    body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 h3 {
      text-align: center;
      font-size: 36px;
      line-height: 54px;
      border-bottom: 2px solid #0C2340;
      color: #0C2340;
      margin: 0 0 50px;
      padding: 0 0 20px; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 h3 {
          font-size: 26px;
          line-height: 39px;
          margin: 0 0 25px;
          padding: 0 0 15px; } }
      body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 h3 br.pcNone {
        display: block; }
      body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 h3 ruby rt {
        font-size: 9px;
        letter-spacing: -10px; }
    body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 {
      display: flex;
      margin: 0 0 30px; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 {
          margin: 0 0 15px; } }
      body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 .image {
        padding: 0;
        margin: 0 25px 0 0;
        display: flex;
        align-items: center; }
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 .image img {
          height: 45px; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 .image img {
              height: 45px; } }
      body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 p {
        font-size: 30px;
        font-weight: 400;
        line-height: 42px;
        margin: 0;
        color: #153261; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 p {
            font-size: 22px;
            line-height: 31px; } }
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .Number_text01 p ruby rt {
          font-size: 8px;
          letter-spacing: -5px; }
    body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 p {
      font-size: 16px;
      line-height: 30px;
      margin: 0 0 35px;
      font-weight: 500;
      padding: 0; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 p {
          font-size: 14px;
          line-height: 23px;
          margin: 0 0 20px;
          padding: 0; } }
    body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 img {
      max-width: 700px;
      margin: 0 auto;
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 img {
          max-width: inherit;
          width: 100%; } }
    body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 img.mximg {
      max-width: 100%; }
    body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .asterisk_text {
      margin: 40px 0 70px; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .asterisk_text {
          margin: 20px 0 035px; } }
      body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .asterisk_text ul li {
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 5px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .asterisk_text ul li {
            font-size: 12px;
            margin: 0; } }
    body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .youtube {
      margin: 40px 0 70px; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .technology_section .technology_box01 .technology_inner_box01 .youtube {
          margin: 20px 0 35px; } }
    body main.__layout__.home .technology_section .technology_box01 #technology002 {
      border: none; }

/***********************************************
new ラメラボとは
***********************************************/
body main.__layout__.home .about_section._whats {
  padding-bottom: 0;
  background: #0C2340; }
  @media screen and (max-width: 767px) {
    body main.__layout__.home .about_section._whats {
      padding: 0;
      background: none; } }
  body main.__layout__.home .about_section._whats .about_box01 {
    background: url("../img/new_img/about/bg01.png") no-repeat;
    background-size: cover;
    border-radius: 0;
    padding: 70px 50px 60px;
    color: #fff;
    margin: 0 auto 70px; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .about_section._whats .about_box01 {
        padding: 0px 0 30px;
        margin-bottom: 0;
        background: #0C2340; } }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .about_section._whats .about_box01 .about_box01_inner01 {
        padding: 60px 20px 40px;
        background: url("../img/new_img/about/bg01.png") no-repeat;
        background-size: cover; } }
    body main.__layout__.home .about_section._whats .about_box01 .about_box01_inner02 {
      border: none;
      margin: 0; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box01 .about_box01_inner02 {
          padding: 0 20px;
          border: none;
          margin: 0; } }
    body main.__layout__.home .about_section._whats .about_box01 h2 {
      max-width: 221px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box01 h2 {
          max-width: inherit;
          width: 125px; } }
    body main.__layout__.home .about_section._whats .about_box01 h3 {
      font-size: 40px;
      margin: 20px 0 60px;
      letter-spacing: .1rem;
      color: #fff;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box01 h3 {
          font-size: 21px;
          margin: 10px 0 30px; } }
    body main.__layout__.home .about_section._whats .about_box01 h4 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: .15rem;
      margin: 0 0 30px; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box01 h4 {
          font-size: 24px;
          line-height: 35px;
          width: fit-content;
          margin: 0 auto 25px; } }
    body main.__layout__.home .about_section._whats .about_box01 p.text01 {
      font-size: 16px;
      line-height: 32px;
      margin: 0;
      width: 100%;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box01 p.text01 {
          font-size: 14px;
          line-height: 28px; } }
    body main.__layout__.home .about_section._whats .about_box01 .text-box01 {
      background: rgba(255, 255, 255, 0.3);
      padding: 20px 0;
      text-align: center;
      margin: 40px auto; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box01 .text-box01 {
          padding: 10px 10px; } }
      body main.__layout__.home .about_section._whats .about_box01 .text-box01 p {
        font-size: 16px;
        line-height: 32px;
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .about_section._whats .about_box01 .text-box01 p {
            font-size: 14px;
            line-height: 28px;
            text-align: left; } }
    body main.__layout__.home .about_section._whats .about_box01 .Asterisk_box {
      border: none; }
      body main.__layout__.home .about_section._whats .about_box01 .Asterisk_box ul {
        padding-left: 1.5em;
        margin-left: 0.5em; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .about_section._whats .about_box01 .Asterisk_box ul {
            margin-left: 0; } }
        body main.__layout__.home .about_section._whats .about_box01 .Asterisk_box ul li {
          text-indent: -1.5em;
          line-height: 28px;
          font-size: 14px; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .about_section._whats .about_box01 .Asterisk_box ul li {
              font-size: 13px; } }
  body main.__layout__.home .about_section._whats .about_box02 {
    background: url("../img/new_img/about/bg02.png") no-repeat;
    background-size: cover;
    border-radius: 0;
    padding: 70px 50px 60px;
    color: #153261;
    margin: 0 auto 10px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .about_section._whats .about_box02 {
        padding: 0px 0 00px;
        margin-bottom: 0;
        background: #fff;
        box-shadow: none; } }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .about_section._whats .about_box02 .about_box02_inner01 {
        padding: 60px 20px 25px;
        background: url("../img/new_img/about/bg02.png") no-repeat;
        background-size: cover; } }
    body main.__layout__.home .about_section._whats .about_box02 .about_box02_inner02 {
      border: none;
      margin: 0; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box02 .about_box02_inner02 {
          padding: 40px 20px 0;
          border: none;
          margin: 0; } }
    body main.__layout__.home .about_section._whats .about_box02 h2 {
      font-size: 36px;
      color: #153261;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 0 45px;
      font-weight: 600; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box02 h2 {
          font-size: 23px;
          display: block;
          margin: 0 0 25px; } }
      body main.__layout__.home .about_section._whats .about_box02 h2 span {
        font-size: 60px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .about_section._whats .about_box02 h2 span {
            font-size: 41px;
            margin: 10px 0 0;
            display: block; } }
    body main.__layout__.home .about_section._whats .about_box02 p.text01 {
      font-size: 18px;
      text-align: center;
      margin: 0 0 20px;
      width: 100%;
      color: #3E3A39; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box02 p.text01 {
          font-size: 14px;
          line-height: 28px;
          text-align: left; } }
    body main.__layout__.home .about_section._whats .about_box02 img {
      width: 83%;
      margin: 0 auto 50px; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box02 img {
          margin: 0 auto 25px;
          width: 90%; } }
    body main.__layout__.home .about_section._whats .about_box02 .text-box01 {
      margin: 0 0 20px; }
      body main.__layout__.home .about_section._whats .about_box02 .text-box01 h3 {
        background: #153261;
        padding: 5px 10px;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: .1rem;
        margin: 0 0 15px;
        width: fit-content;
        color: #fff; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .about_section._whats .about_box02 .text-box01 h3 {
            padding: 5px 15px; } }
      body main.__layout__.home .about_section._whats .about_box02 .text-box01 p {
        line-height: 34px;
        letter-spacing: .05rem;
        text-align: left;
        color: #3E3A39;
        font-size: 18px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .about_section._whats .about_box02 .text-box01 p {
            font-size: 14px;
            line-height: 28px;
            text-align: left; } }
      body main.__layout__.home .about_section._whats .about_box02 .text-box01 ul li {
        text-align: left;
        font-size: 22px;
        margin: 0 0 15px;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .about_section._whats .about_box02 .text-box01 ul li {
            font-size: 16px; } }
        body main.__layout__.home .about_section._whats .about_box02 .text-box01 ul li span.en {
          font-size: 16px;
          padding-right: 5px; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .about_section._whats .about_box02 .text-box01 ul li span.en {
              font-size: 13px; } }
        body main.__layout__.home .about_section._whats .about_box02 .text-box01 ul li span.mintext {
          font-size: 18px;
          color: #3E3A39;
          font-weight: 400; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .about_section._whats .about_box02 .text-box01 ul li span.mintext {
              font-size: 12px; } }
    body main.__layout__.home .about_section._whats .about_box02 .text-box02 {
      background: #fff;
      padding: 25px; }
      @media screen and (max-width: 767px) {
        body main.__layout__.home .about_section._whats .about_box02 .text-box02 {
          padding: 25px 15px;
          border: 1px solid #153261; } }
      body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box {
            display: block; } }
        body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box .left-box {
          width: 44%; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box .left-box {
              width: 100%;
              margin: 0 0 30px; } }
          body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box .left-box h3 {
            font-size: 20px;
            color: #153261;
            font-weight: bold;
            text-align: left;
            margin: 0 0 10px; }
          body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box .left-box p {
            font-size: 13px;
            line-height: 20px;
            text-align: justify;
            font-weight: 600;
            color: #231815; }
        body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box .right-box {
          width: 50%; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box .right-box {
              width: 100%; } }
          body main.__layout__.home .about_section._whats .about_box02 .text-box02 .flex-box .right-box img {
            width: 100%;
            margin: 0; }
    body main.__layout__.home .about_section._whats .about_box02 .Asterisk_box {
      border: none;
      text-align: left;
      margin: 20px 0 0; }
      body main.__layout__.home .about_section._whats .about_box02 .Asterisk_box ul {
        padding-left: 1.5em;
        margin-left: 0; }
        body main.__layout__.home .about_section._whats .about_box02 .Asterisk_box ul li {
          text-indent: -1.5em;
          line-height: 28px;
          font-size: 14px;
          color: #3E3A39; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .about_section._whats .about_box02 .Asterisk_box ul li {
              font-size: 12px; } }
  body main.__layout__.home .about_section._whats .about_img {
    max-width: 578px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .about_section._whats .about_img {
        max-width: inherit;
        width: 80%;
        margin: 10px auto 0;
        background: #fff; } }

/***********************************************
new 商品一覧
***********************************************/
body main.__layout__.home .product_section._whats {
  background: #0C2340;
  /*商品詳細 str*/
  /*商品詳細 end*/ }
  body main.__layout__.home .product_section._whats .product_bg {
    max-width: 960px;
    background: none;
    margin: 0 auto;
    padding: 1em 20px 3em; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .product_section._whats .product_bg {
        padding: 1em 0 3em; } }
  body main.__layout__.home .product_section._whats p.sub_title {
    font-size: 24px;
    color: #fff;
    margin: 0em 0 0.5em;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .product_section._whats p.sub_title {
        font-size: 18px; } }
  body main.__layout__.home .product_section._whats br {
    display: inline; }
  body main.__layout__.home .product_section._whats h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 40px;
    padding-bottom: 40px;
    width: auto;
    line-height: normal;
    border-bottom: 1px solid #fff; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .product_section._whats h2 {
        font-size: 30px;
        margin: 0 auto 25px;
        padding-bottom: 25px; } }
  body main.__layout__.home .product_section._whats .product_box01 {
    background: none;
    padding: 0;
    box-shadow: none; }
    body main.__layout__.home .product_section._whats .product_box01 .product_001 {
      margin: 0 0 70px; }
      body main.__layout__.home .product_section._whats .product_box01 .product_001:last-child {
        margin-bottom: 0; }
      body main.__layout__.home .product_section._whats .product_box01 .product_001 h3 {
        font-size: 32px;
        margin: 0 0 40px;
        color: #fff; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_box01 .product_001 h3 {
            font-size: 24px;
            margin: 0 0 25px; } }
      body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul {
            display: block; } }
        body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li {
          background: #fff;
          width: 49%;
          text-align: center;
          padding: 0 0 50px;
          margin: 0 0 20px; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li {
              width: 100%;
              padding: 0 0 35px; } }
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li img {
            margin: 0 0 15px; }
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li h4 {
            font-size: 20px;
            font-weight: bold; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li h4 {
                font-size: 16px; } }
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li h5 {
            font-size: 18px;
            margin: 10px auto 15px;
            font-weight: bold; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li h5 {
                font-size: 15px; } }
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li p {
            font-size: 16px;
            line-height: 24px;
            margin: 0 0 25px;
            font-weight: 500; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li p {
                font-size: 14px;
                line-height: 21px; } }
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li p.mintext {
            font-size: 14px;
            line-height: normal;
            margin: 25px 5% -25px 0;
            text-align: right; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li p.mintext {
                font-size: 12px;
                margin: 15px 5% -15px 0; } }
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li .text-button {
            background: #0C2340;
            max-width: 240px;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li .text-button {
                width: 55%; } }
            body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li .text-button a {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              font-size: 19px;
              color: #fff;
              padding: 10px 0;
              position: relative;
              text-decoration: none;
              font-weight: bold; }
              @media screen and (max-width: 767px) {
                body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li .text-button a {
                  font-size: 14px;
                  padding: 8px 0; } }
              body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li .text-button a:hover {
                opacity: 0.7; }
              body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 ul li .text-button a:before {
                content: "";
                background: url("../img/new_img/product/arrow.svg") no-repeat;
                width: 7px;
                height: 12px;
                position: absolute;
                right: 10px;
                top: 0;
                bottom: 0;
                margin: auto; }
      body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 .asterisk_text ol li {
        color: #fff;
        font-size: 14px;
        margin: 0 0 10px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_box01 .product_001 .product_inner01 .asterisk_text ol li {
            font-size: 12px; } }
  body main.__layout__.home .product_section._whats .product_detail_box01 {
    border-radius: 0;
    margin-top: 100px;
    padding: 50px 100px; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .product_section._whats .product_detail_box01 {
        padding: 30px 15px;
        margin-top: 25px; } }
    body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner {
      border: none;
      margin-top: 0; }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box {
        border-bottom: 1px solid #000000;
        padding: 0 0 25px;
        margin: 0 0 25px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box {
            padding: 0 0 10px;
            margin: 0 0 10px; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box h2 {
          max-width: 250px;
          margin: 0 auto;
          padding: 0;
          line-height: 0; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box h2 {
              max-width: 190px; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box h3 {
          font-size: 28px;
          margin: 20px 0 0px;
          color: #3E3A39;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box h3 {
              font-size: 22px; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box h4 {
          font-size: 20px;
          color: #3E3A39;
          background: none;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .title-box h4 {
              font-size: 14px; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 40px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box {
            display: block; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .left-box {
          width: 40%;
          margin-right: 5%; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .left-box {
              width: 90%;
              margin: 0 auto; } }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .left-box img {
            width: 88%;
            display: flex;
            justify-content: center;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .left-box img {
                width: 80%;
                display: flex;
                justify-content: center;
                margin: 0 auto; } }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .left-box .sp_small_img {
              width: 70%;
              margin: 0 auto;
              padding: 10px 0;
              display: flex;
              justify-content: center; } }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .sp_0widt {
            margin-left: 0; } }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .sp_00widt {
            margin-left: 0; }
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .sp_00widt img {
              margin-left: 0; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box {
          width: 55%; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box {
              width: 100%; } }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box h5 {
            font-size: 24px;
            font-weight: bold;
            line-height: 36px;
            margin: 0 0 20px;
            color: #3E3A39; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box h5 {
                font-size: 18px;
                line-height: 28px; } }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .text001,
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box2 .text001 {
            font-size: 16px;
            margin: 0 0 20px;
            line-height: 26px;
            color: #3E3A39;
            font-weight: 500; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .text001,
              body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box2 .text001 {
                font-size: 12px;
                line-height: 20px; } }
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .text001 span,
            ody main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box2 .text001 span {
              font-size: 13px; }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .indent_p span {
            display: flex;
            justify-content: flex-start; }
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .indent_p span span.kome_icon {
              display: block;
              padding-right: 5px; }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .point01 {
            font-size: 16px;
            font-weight: 500; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .point01 {
                font-size: 12px;
                line-height: 20px; } }
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .point01 span {
              color: #3CAECA;
              font-weight: bold;
              display: block;
              margin: 0 0 5px; }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .minAsterisk_text {
            text-align: right;
            font-size: 13px;
            color: #3E3A39;
            margin: -20px 0 20px;
            font-weight: 500; }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .minAsterisk_text {
                font-size: 12px;
                line-height: 20px; } }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .price ul {
            margin: 0 0 20px; }
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .price ul li {
              font-size: 13px;
              margin: 0 0 5px;
              color: #3E3A39;
              font-weight: 500; }
              @media screen and (max-width: 767px) {
                body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .flex-box .right-box .price ul li {
                  font-size: 11px; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box {
        margin: 0 auto 50px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box {
            margin: 0 auto 25px; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box.small_img01 {
        width: 85%; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box.small_img01 {
            width: 100%; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box.small_img02 {
        width: 60%; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box.small_img02 {
            width: 100%; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box.small_img03 {
        width: 85%; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_img_box.small_img03 {
            width: 85%; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_in_textbox {
        margin: 45px 0; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_in_textbox {
            margin: 20px 0; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_in_textbox p {
          font-size: 16px;
          line-height: 26px;
          font-weight: 500; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .product_in_textbox p {
              font-size: 12px;
              line-height: 20px; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .youtube {
        margin: 0px 0 70px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .youtube {
            margin: 0px 0 35px; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .component_box01 {
        background: #F8F8F8;
        padding: 15px 20px;
        font-size: 13px;
        line-height: 23px;
        font-weight: 500;
        margin: 0 0 50px; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .component_box01 {
            font-size: 10px;
            line-height: 17px;
            padding: 10px;
            margin: 0 0 30px; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .component_box01 span {
          font-size: 12px; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .component_box01 span {
              font-size: 8px; } }
      body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .text-button {
        background: #0C2340;
        max-width: 240px;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .text-button {
            width: 55%; } }
        body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .text-button a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          font-size: 16px;
          color: #fff;
          padding: 10px 0;
          position: relative;
          text-decoration: none;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .text-button a {
              font-size: 12px;
              padding: 8px 0; } }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .text-button a:hover {
            opacity: 0.7; }
          body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .text-button a:before {
            content: "";
            background: url("../img/new_img/product/arrow.svg") no-repeat;
            width: 7px;
            height: 12px;
            position: absolute;
            left: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            transform: scale(-1, 1); }
            @media screen and (max-width: 767px) {
              body main.__layout__.home .product_section._whats .product_detail_box01 .product_detail_inner .text-button a:before {
                width: 4px;
                height: 7px; } }
body main.__layout__.home .product_step {
  max-width: 960px;
  margin: 0 auto;
  background: none; }
  body main.__layout__.home .product_step .step_inner h2 {
    font-size: 36px;
    color: #0C2340;
    text-align: left;
    margin: 0 0 40px; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .product_step .step_inner h2 {
        font-size: 24px;
        margin: 0 0 25px; } }
  body main.__layout__.home .product_step .step_inner .step_img {
    width: 80%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      body main.__layout__.home .product_step .step_inner .step_img {
        width: 100%; } }