@charset "UTF-8";
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*サイトカラー*/
/*サイトカラー*/
/*サイトカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
/*ボーダーカラー*/
/* font */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@media screen and (max-width: 900px) {
  #page_header {
    background: url('../images/second/page_header.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 110px;
  }
  /* #page_header.news {
    background: url('../images/second/page_header_news.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.cotton {
    background: url('../images/second/page_header_cotton.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.product {
    background: url('../images/second/page_header_product.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.about_us {
    background: url('../images/second/page_header_about_us.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.csr {
    background: url('../images/second/page_header_csr.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.recruit {
    background: url('../images/second/page_header_recruit.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  #page_header.customer {
    background: url('../images/second/page_header_customer.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* #page_header.contact {
    background: url('../images/second/page_header_contact.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.feedback {
    background: url('../images/second/page_header_feedback.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.faq {
    background: url('../images/second/page_header_faq.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.recruit {
    background: url('../images/second/page_header_recruit.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  } */
  #page_header.diary {
    background: url('../images/second/page_header_diary.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
  }
  #page_header.diary .page_header_title {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #page_header.diary .page_header_title img {
    max-height: 80%;
  }
  #page_header.customer {
    background-position: left;
  }
  #page_header.recruit {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
  }
  #page_header.recruit img {
    height: 40%;
  }
  #page_header .common_inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  #page_header .page_header_title {
    color: #744d4d;
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    text-transform: capitalize;
    font-size: 21px;
  }
  #page_header .page_header_sub_title {
    color: #744d4d;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 12px;
    margin-top: 3px;
  }
  .breadcrumb {
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
    font-size: 10px;
  }
  .breadcrumb .common_inner {
    padding: 0 15px;
  }
  .breadcrumb_list > span {
    display: inline-block;
    color: #333333;
    position: relative;
  }
  .breadcrumb_list > span a {
    color: #4568b1;
    position: relative;
    display: inline-block;
    padding-right: 22px;
  }
  .breadcrumb_list > span:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 2;
    width: 5px;
    height: 5px;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    top: 6px;
    right: 8px;
  }
  .breadcrumb_list > span:last-child:after {
    display: none;
  }
  #contents {
    padding: 30px 0 0;
  }
  .tobira_section_wrap {
    margin-top: -30px;
  }
  .tobira_section_wrap .sec {
    position: relative;
  }
  .tobira_section_wrap .sec:not(:first-of-type) {
    margin-top: 40px;
  }
  .tobira_section_wrap .sec .text {
    margin-top: 30px;
    padding: 0 20px;
  }
  .tobira_section_wrap .sec .text .heading {
    display: flex;
    align-items: baseline;
  }
  .tobira_section_wrap .sec .text .heading h2 {
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    color: #5272b5;
    font-size: 21px;
  }
  .tobira_section_wrap .sec .text .heading .sub_title {
    margin: 0 0 0 10px;
    color: #888888;
  }
  .tobira_section_wrap .sec .text p {
    margin-top: 20px;
  }
  .tobira_section_wrap .sec .text .btn_wrap {
    margin-top: 20px;
    text-align: center;
  }
  .tobira_section_wrap .sec .text .btn_wrap .common_btn {
    width: 80%;
  }
  .bland_list,
  .column_list {
    margin-top: 30px;
  }
  .bland_list .item:not(:first-of-type),
  .column_list .item:not(:first-of-type) {
    margin-top: 20px;
  }
  .bland_list .item a,
  .column_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .bland_list .item .img,
  .column_list .item .img {
    width: 100%;
    height: 0;
    padding-top: 68%;
    position: relative;
    overflow: hidden;
  }
  .bland_list .item .img img,
  .column_list .item .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.5s;
    width: 100%;
  }
  .bland_list .item .title,
  .column_list .item .title {
    margin-top: 15px;
  }
  .bland_list .item .ymd,
  .column_list .item .ymd {
    line-height: 1;
    margin-top: 10px;
  }
  .bland_list .item .ymd .cat,
  .column_list .item .ymd .cat {
    color: #586e9e;
    font-family: "Josefin Sans", sans-serif;
    display: inline-block;
    font-size: 10px;
  }
  .bland_list .item .ymd time,
  .column_list .item .ymd time {
    display: inline-block;
    border-left: 1px solid #555555;
    color: #333333;
    font-family: "Roboto", sans-serif;
    font-size: 10px;
    margin-left: 5px;
    padding-left: 5px;
  }
  .tobira_col2_list {
    margin-top: 30px;
  }
  .tobira_col2_list .item:not(:first-of-type) {
    margin-top: 30px;
  }
  .tobira_col2_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col2_list .item a .title:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_b.png) no-repeat;
    background-size: cover;
    width: 18px;
    height: 3px;
    position: absolute;
    right: 5px;
    transition: all 0.3s;
    top: calc(50% - 4px);
  }
  .tobira_col2_list .item .title {
    font-weight: bold;
    position: relative;
    margin-top: 15px;
    font-size: 15px;
    padding-right: 30px;
  }
  .tobira_col2_list .item .title .num {
    display: inline-block;
    color: #4568b1;
    margin-right: 0.5em;
  }
  .tobira_col2_list .item .text {
    margin-top: 5px;
  }
  .tobira_col2_list.product .item:not(:first-of-type) {
    margin-top: 20px;
  }
  .tobira_col2_list.product .title {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 16px;
  }
  .tobira_col3_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .tobira_col3_list .item {
    width: 100%;
  }
  .tobira_col3_list .item:not(:first-of-type) {
    margin-top: 20px;
  }
  .tobira_col3_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col3_list .item .img {
    border: 1px solid #dddddd;
  }
  .tobira_col3_list .item p {
    line-height: 1.5;
    margin-top: 10px;
  }
  .tobira_col3_list.product {
    margin-top: 20px;
  }
  .tobira_col4_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .tobira_col4_list .item {
    width: calc(50% - 10px);
  }
  .tobira_col4_list .item:nth-of-type(odd) {
    margin-right: 20px;
  }
  .tobira_col4_list .item:nth-of-type(n + 3) {
    margin-top: 20px;
  }
  .tobira_col4_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col4_list .item .img {
    border: 1px solid #dddddd;
  }
  .tobira_col4_list .item .status_box {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 1rem;
  }
  .tobira_col4_list .item .status_box .status_item {
    font-size: 0.7rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
    padding: 0.2rem 0.3rem;
  }
  .tobira_col4_list .item .status_box .status_item.new {
    background-color: #b00000;
    border: 1px solid #b00000;
  }
  .tobira_col4_list .item .status_box .status_item.renewal{
    background-color: #e98d41;
    border: 1px solid #e98d41;
  }
  .tobira_col4_list .item .status_box .status_item.end {
    background-color: #888888;
    border: 1px solid #888888;
  }
  .tobira_col4_list .item .status_box .status_item.online {
    border: 1px solid #5272b5;
    color: #5272b5;
  }
  .tobira_col4_list .item p {
    line-height: 1.5;
    margin-top: 5px;
  }
  .tobira_col4_list.product {
    margin-top: 20px;
  }
  .col2_gray_box {
    background-color: #f6f6f6;
    padding: 20px;
  }
  .col2_gray_box > div:last-of-type {
    margin-top: 20px;
  }
  .prev_next_wrap {
    padding: 15px 0;
    margin-top: 50px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  .prev_next_wrap .common_inner {
    display: flex;
    position: relative;
  }
  .prev_next_wrap .common_inner a {
    display: inline-block;
    color: #000;
    font-family: "Josefin Sans", sans-serif;
    position: relative;
  }
  .prev_next_wrap .common_inner a.back {
    margin: 0 auto 0 0;
    padding-left: 40px;
  }
  .prev_next_wrap .common_inner a.back:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 0px;
  }
  .prev_next_wrap .common_inner a.back:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_left.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    transition: all 0.3s;
    top: 11px;
    left: 8px;
  }
  .prev_next_wrap .common_inner a.ichiran {
    position: absolute;
    left: calc(50% - 15px);
    top: 0;
    left: calc(50% - 10px);
    top: 5px;
  }
  .prev_next_wrap .common_inner a.ichiran img {
    width: 30px;
    width: 20px;
  }
  .prev_next_wrap .common_inner a.next {
    margin: 0 0 0 auto;
    padding-right: 40px;
  }
  .prev_next_wrap .common_inner a.next:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 0px;
  }
  .prev_next_wrap .common_inner a.next:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    transition: all 0.3s;
    top: 11px;
    right: 8px;
  }
  .contact_lead {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 40px;
  }
  .contact_btns {
    margin-top: 20px;
    text-align: center;
  }
  .contact_btns .common_btn {
    width: 90%;
  }
  .contact_btns .common_btn:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  .contact_index_box {
    border: 1px solid #cdcdcd;
    padding: 20px;
    margin-top: 20px;
  }
  .contact_index_box .text {
    margin-bottom: 20px;
  }
  .contact_index_box .text p {
    margin-top: 10px;
    font-size: 13px;
  }
  .contact_index_box .text ul {
    margin-top: 10px;
  }
  .contact_index_box .text ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .contact_index_box .text ul li:before {
    content: "・";
  }
  .contact_index_box .text .title {
    font-weight: bold;
    margin-top: 0;
    line-height: 1.3;
    color: #4568b1;
    font-size: 16px;
  }
  .contact_index_box .text .tel {
    color: #4568b1;
    margin-top: 15px;
    line-height: 1;
    font-size: 14px;
  }
  .contact_index_box .text .tel a {
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-size: 24px;
  }
  .product_cat_wrap {
    border-bottom: 1px solid #dddddd;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .product_cat_wrap .product_cat_link {
    width: 900px;
    overflow: hidden;
  }
  .product_cat_wrap .product_cat_link li {
    float: left;
  }
  .product_cat_wrap .product_cat_link li.current a {
    color: #18b7cd;
    border-bottom: 2px solid #18b7cd;
  }
  .product_cat_wrap .product_cat_link a {
    color: #555;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 0px 10px 20px;
    width: 100px;
    text-align: center;
    font-size: 13px;
  }
  .product_cat_title {
    position: relative;
    margin-top: 30px;
  }
  .product_cat_title img {
    width: 100%;
    display: block;
  }
  .product_cat_title span {
    color: #fff;
    position: absolute;
    font-size: 16px;
    top: calc(50% - 9px);
    left: 20px;
  }
  .product_head .images_box #featured_img {
    border: 1px solid #dddddd;
    overflow: hidden;
  }
  .product_head .images_box #featured_img img {
    width: 100%;
  }
  .product_head .images_box #thumb_img {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .product_head .images_box #thumb_img > div {
    border: 1px solid #dddddd;
    width: calc(20% - 12px);
  }
  .product_head .images_box #thumb_img > div:not(:nth-of-type(5n)) {
    margin-right: 15px;
  }
  .product_head .images_box #thumb_img > div:nth-of-type(n + 6) {
    margin-top: 15px;
  }
  .product_head .images_box #thumb_img > div.active {
    border: 1px solid #4568b1;
  }
  .product_head .text_box {
    margin-top: 20px;
  }
  .product_head .text_box .status_box {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 1rem;
  }
  .product_head .text_box .status_box .status_item {
    font-size: 0.8rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
    padding: 0.3rem 0.5rem;
  }
  .product_head .text_box .status_box .status_item.new {
    background-color: #b00000;
    border: 1px solid #b00000;
  }
  .product_head .text_box .status_box .status_item.renewal{
    background-color: #e98d41;
    border: 1px solid #e98d41;
  }
  .product_head .text_box .status_box .status_item.end {
    background-color: #888888;
    border: 1px solid #888888;
  }
  .product_head .text_box .status_box .status_item.online {
    border: 1px solid #5272b5;
    color: #5272b5;
  }
  .product_head .text_box .product_title {
    font-weight: normal;
    font-size: 24px;
  }
  .product_head .text_box .catch {
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    font-size: 15px;
    margin-top: 15px;
  }
  .product_head .text_box p {
    margin-top: 10px;
  }
  .product_head .text_box .btn_wrap {
    margin-top: 20px;
    text-align: center;
  }
  .product_head .text_box .btn_wrap .common_btn {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
  .product_head .text_box .btn_wrap .common_btn + .common_btn {
    margin-top: 15px;
  }
  .product_head .text_box .btn_wrap .col_cart_price {
    background: #f0f4f6;
    padding: 13px 17px 13px 17px;
  }
  .product_head .text_box .btn_wrap .col_cart_price.regular {
    background: #fff9eb;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner {
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .regText {
    font-weight: bold;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum {
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #000;
    font-size: 16px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum
    > small {
    font-weight: normal;
    margin-left: 3px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum.regular {
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum.regular
    > small {
    color: #000;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .kindsText {
    font-weight: 600;
    color: #5272b5;
    line-height: 1.4;
    letter-spacing: 0.09em;
    font-size: 13px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .kindsText.regular {
    color: #e98d41;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner .col_cart {
    position: relative;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner .col_cart::before {
    content: "";
    position: absolute;
    background: url(../images/common/icon_cart.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 18px;
    z-index: 1;
    left: 66px;
    width: 16px;
    height: 16px;
    top: 15px;
    left: 10px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart:hover::before {
    background: url(../images/common/icon_cart_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart.regular:hover {
    background-position: -100% 0 !important;
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart.regular:hover::before {
    background: url(../images/common/icon_cart_orange.svg) !important;
    background-size: contain;
    background-repeat: no-repeat !important;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input {
    letter-spacing: 0.09em;
    font-weight: 500;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input.common_btn {
    background: linear-gradient(to right, #4568b1 50%, #fff 50%);
    border: 1px solid #4568b1;
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input.common_btn:hover {
    background-position: -100% 0 !important;
    color: #4568b1;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn {
    letter-spacing: 0.09em;
    font-weight: 500;
    max-width: 100%;
    padding: 14px 3px 14px 18px;
    width: 160px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn::before {
    background: url(../images/common/icon_cart.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 18px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn:hover::before {
    background: url(../images/common/icon_cart_lightblue.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular {
    border: solid 1px #e98d41;
    color: #fff;
    background: linear-gradient(to right, #e98d41 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular:hover {
    background-position: -100% 0 !important;
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular:hover::before {
    background: url(../images/common/icon_cart_orange.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head .text_box .btn_wrap .col_cart_price + .col_cart_price {
    margin-top: 12px;
  }
  .product_head .text_box .btn_wrap .col_cart_price + .storeMessage {
    text-align: left;
    font-size: 14px;
  }
  .product_head .text_box .btn_wrap * + .revBtnWrap {
    margin-top: 30px;
  }
  .product_head .text_box .btn_wrap .revBtnWrap {
    display: flex;
    gap: 18px;
    flex-direction: column;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn {
    border: solid 1px #000;
    background: none;
    color: #000;
    min-width: unset;
    padding: 17px 30px;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn + .common_btn {
    margin-top: 0;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow {
    border: solid 1px #18b7cd;
    color: #fff;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow::before {
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow:hover {
    background-position: -100% 0 !important;
    color: #18b7cd;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    border: 1px solid #18b7cd;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.hasArrow:hover::before {
    background: url(../images/common/link_arrow_b.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei {
    border: 1px solid #000;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei.blue {
    background: linear-gradient(to right, #fff 50%, #4568b1 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei:before {
    background: url(../images/common/link_arrow.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei:hover {
    background-position: -100% 0;
    border: 1px solid #18b7cd;
    color: #fff;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei:hover:before {
    right: 8px;
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei[target="_blank"]:before {
    background: url(../images/common/icon_blank_b.png) no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei[target="_blank"]:hover:before {
    background: url(../images/common/icon_blank_w.png) no-repeat;
  }
  .product_head .text_box .link_wrap {
    margin-top: 20px;
  }
  .voice_list {
    margin-top: 30px;
  }
  .voice_list > div {
    position: relative;
    border: 2px solid #a8b8da;
    padding: 30px 20px 40px;
  }
  .voice_list > div:not(:first-of-type) {
    margin-top: 30px;
  }
  .voice_list > div:before {
    content: "";
    background: url(../images/common/icon_user.png) no-repeat #5272b5 center;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    background-size: 20px;
    width: 40px;
    height: 40px;
    top: -20px;
    left: calc(50% - 20px);
  }
  .voice_list > div p {
    margin-top: 0;
  }
  .voice_list > div p.name {
    position: absolute;
    font-size: 13px;
    bottom: 10px;
    right: 20px;
  }
  .tab_link_list {
    display: flex;
    margin-bottom: 30px;
  }
  .tab_link_list a {
    text-decoration: none;
    color: #333333;
    text-align: center;
    display: block;
    border: 1px solid #dddddd;
    width: calc(33.3333333333% - 3px);
    line-height: 1.3;
    font-size: 12px;
    padding: 10px 5px;
  }
  .tab_link_list a:not(:nth-of-type(3n)) {
    margin-right: 8px;
  }
  .tab_link_list a.current {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .news_cat_list {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .news_cat_list a {
    text-decoration: none;
    color: #333333;
    text-align: center;
    display: block;
    border: 1px solid #dddddd;
    line-height: 1.3;
    font-size: 12px;
    padding: 10px 5px;
    width: calc(50% - 5px);
  }
  .news_cat_list a:nth-of-type(odd) {
    margin-right: 10px;
  }
  .news_cat_list a:nth-of-type(n + 3) {
    margin-top: 10px;
  }
  .news_cat_list a.current {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .pager {
    margin-top: 30px;
  }
  .pager ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .wp-pagenavi {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .pager ul li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin: 0 10px;
  }
  .wp-pagenavi span {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #c5c5c5;
    margin: 0 10px;
  }
  .pager ul li a {
    color: #5272b5;
    text-decoration: none;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .wp-pagenavi a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin: 0 10px;
    color: #5272b5;
    text-decoration: none;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .pager ul li a:hover {
    opacity: 1;
    color: #fff;
  }
  .wp-pagenavi a:hover {
    opacity: 1;
    color: #fff;
  }
  .pager ul li a:hover:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .wp-pagenavi a:hover:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .pager ul li span {
    color: #c5c5c5;
  }
  .pager ul .current span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .wp-pagenavi .current {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .pager ul .current span:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .wp-pagenavi .current:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .pager ul .prev,
  .pager ul .next {
    margin-top: 5px;
  }
  .pager ul .prev a,
  .pager ul .next a {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: #000;
    position: relative;
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: transparent;
    position: relative;
  }
  .pager ul .prev a:hover:before,
  .pager ul .next a:hover:before {
    content: none;
  }
  .wp-pagenavi .previouspostslink:hover:before,
  .wp-pagenavi .nextpostslink:hover:before {
    content: none;
  }
  .pager ul .prev,
  .wp-pagenavi .previouspostslink {
    margin-right: 20px;
  }
  .pager ul .prev a:after,
  .wp-pagenavi .previouspostslink:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 1px #5272b5;
    border-left: solid 1px #5272b5;
    transform: rotate(45deg);
    position: absolute;
    /* top: calc(50% - 3px); */
    top: 0;
    bottom: 0;
    margin-block: auto;
    left: 11px;
  }
  .pager ul .next,
  .wp-pagenavi .nextpostslink {
    margin-left: 20px;
  }
  .pager ul .next a:after,
  .wp-pagenavi .nextpostslink:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #5272b5;
    border-right: solid 1px #5272b5;
    transform: rotate(45deg);
    position: absolute;
    /* top: calc(50% - 4px); */
    top: 0;
    bottom: 0;
    margin-block: auto;
    right: 11px;
  }
  .catch {
    text-align: center;
  }
  .catch + h2 {
    margin-top: 20px;
  }
  .cotton_omi {
    background: url('../images/cotton/cotton_omoi_bg.png') no-repeat;
    background-size: cover;
    margin-top: -30px;
    padding-top: 60px;
  }
  .cotton_omi .cotton_omoi_main .text h2 {
    color: #744d4d;
    font-size: 18px;
    text-align: center;
  }
  .cotton_omi .cotton_omoi_main .text p {
    font-size: 14px;
    margin-top: 20px;
  }
  .cotton_omi .cotton_omoi_main .img {
    width: 90%;
    margin: 10px auto 0;
  }
  .cotton_omi .cotton_omoi_main .img img {
    width: 100%;
  }
  h3.omoi {
    color: #784848;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 17px;
    margin-top: 30px;
    padding-top: 70px;
  }
  h3.omoi span {
    display: inline-block;
    background-color: #fff;
    padding: 0 30px;
    padding: 0 20px;
  }
  h3.omoi:before {
    content: "";
    display: inline-block;
    background: url('../images/cotton/cotton_omoi_img_midashi.png')
      no-repeat;
    background-size: cover;
    position: absolute;
    width: 53px;
    height: 49px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  h3.omoi:after {
    content: "";
    display: inline-block;
    background-color: #784848;
    position: absolute;
    width: 400px;
    height: 1px;
    bottom: 13px;
    left: calc(50% - 200px);
    z-index: -1;
    width: 100%;
    left: 0;
    bottom: 10px;
  }
  .omoi_list {
    margin-top: 30px;
  }
  .omoi_list > .item:not(:first-of-type) {
    margin-top: 60px;
  }
  .omoi_list > .item:nth-of-type(1) .text {
    background: url('../images/cotton/cotton_omoi_num_1.png') no-repeat top
      right;
    background: none;
  }
  .omoi_list > .item:nth-of-type(2) .text {
    background: url('../images/cotton/cotton_omoi_num_2.png') no-repeat top
      right;
    background: none;
  }
  .omoi_list > .item:nth-of-type(3) .text {
    background: url('../images/cotton/cotton_omoi_num_3.png') no-repeat top
      right;
    background: none;
  }
  .omoi_list > .item:nth-of-type(4) .text {
    background: url('../images/cotton/cotton_omoi_num_4.png') no-repeat top
      right;
    background: none;
  }
  .omoi_list > .item .img {
    width: 80%;
    margin: 20px auto 0;
  }
  .omoi_list > .item .img img {
    width: 100%;
  }
  .omoi_list > .item .text h4 {
    color: #4568b1;
    font-size: 18px;
    text-align: center;
  }
  .jisseki_list {
    margin-top: 30px;
  }
  .jisseki_list .item:nth-of-type(n + 2) {
    margin-top: 40px;
  }
  .jisseki_list .item .value_wrap {
    display: flex;
    margin-top: 20px;
  }
  .jisseki_list .item .value_wrap > div {
    width: calc(50% - 10px);
  }
  .jisseki_list .item .value_wrap > div:nth-of-type(odd) {
    margin-right: 20px;
  }
  .jisseki_list .item .value_wrap > div .title {
    color: #fff;
    background-color: #4568b1;
    padding: 8px 10px;
    line-height: 1;
    font-size: 13px;
  }
  .jisseki_list .item .value_wrap > div dl {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  .jisseki_list .item .value_wrap > div dl dt {
    background-color: #f3f3f3;
    text-align: center;
    padding: 5px 10px;
    line-height: 1;
    width: 50%;
    font-size: 12px;
  }
  .jisseki_list .item .value_wrap > div dl dd {
    line-height: 1;
    width: 50%;
    padding: 5px 0px 5px 10px;
  }
  .jisseki_list .item .img {
    text-align: center;
    background-color: #f3f3f3;
    margin-top: 30px;
    padding: 30px;
  }
  .jisseki_list .item .img img {
    max-width: 50%;
  }
  .point_block {
    padding: 26px 18px 26px 78px;
    margin-top: 20px;
    border: 2px solid #f2f2f2;
    position: relative;
  }
  .point_block > *:first-child {
    margin-top: 0 !important;
  }
  .point_block:before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 20px;
    margin: auto;
    background: url(../images/common/icon_point.png) no-repeat;
    background-size: contain;
    left: 23px;
  }
  .point_list {
    margin-top: 20px;
  }
  .point_list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 8px 16px 38px;
    border: 2px solid #f2f2f2;
    position: relative;
  }
  .point_list > li + li {
    margin-top: 20px;
  }
  .point_list > li > div {
    max-width: calc(100% - 90px);
    margin-left: 8px;
    color: #7583ba;
    font-size: 15px;
    font-weight: bold;
  }
  .point_list > li:before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/icon_point.png) no-repeat;
    background-size: contain;
    left: 23px;
  }
  .list2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
  }
  .list2 > li {
    width: calc(50% - 10px);
    text-align: center;
  }
  .list2 > li:nth-child(n + 3) {
    margin-top: 20px;
  }
  .list3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
  }
  .list3 > li {
    width: 100%;
    text-align: center;
  }
  .list3 > li + li {
    margin-top: 20px;
  }
  .not_found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: url(../images/common/notfound_bg.png) no-repeat;
    height: calc(100vh - 120px);
    background-position: right bottom;
    background-size: contain;
  }
  .not_found .not_found_inner {
    text-align: center;
    padding: 0 20px;
  }
  .not_found .not_found_inner .title {
    font-family: "Josefin Sans", sans-serif;
    color: #744d4d;
    margin: 0;
    font-size: 32px;
  }
  .not_found .not_found_inner .sub_title {
    color: #744d4d;
    font-size: 16px;
    margin: 10px 0 0 0;
  }
  .not_found .not_found_inner .text {
    margin: 30px 0 0 0;
  }
  .not_found .not_found_inner .btn {
    margin: 30px 0 0 0;
  }
  .feedback_product_wrap {
    margin-top: 30px;
  }
  .feedback_product_wrap .item {
    position: relative;
  }
  .feedback_product_wrap .item:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  .feedback_product_wrap .item:before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #3cc5d8;
    border-right: 10px solid #3cc5d8;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .feedback_product_wrap .item a {
    display: block;
    border: 1px solid #dddddd;
    text-decoration: none;
    padding: 20px;
  }
  .feedback_product_wrap .item .desc {
    background-color: #3cc5d8;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 83px;
    padding: 13px 15px 13px 90px;
    font-size: 13px;
    margin-bottom: 30px;
  }
  .feedback_product_wrap .item .desc:after {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #3cc5d8;
    border-right: 10px solid #3cc5d8;
    position: absolute;
    transform: rotate(45deg);
    bottom: -10px;
    left: calc(50% - 16px);
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-bottom: 6px solid #3cc5d8;
    border-right: 6px solid #3cc5d8;
    bottom: -6px;
    left: calc(50% - 8px);
  }
  .feedback_product_wrap .item .desc .ym {
    color: #18b7cd;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
    width: 60px;
    height: 60px;
    left: 15px;
    top: calc(50% - 30px);
  }
  .feedback_product_wrap .item .desc p {
    margin: 0;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
  }
  .feedback_product_wrap .item .img {
    text-align: center;
  }
  .feedback_product_wrap .item .img img {
    max-width: 50%;
  }
  .feedback_product_wrap .item .title {
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
  }
  .feedback_product_img {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 20px;
    margin-top: 20px;
  }
  .feedback_product_img img {
    max-width: 60%;
  }
  .feedback_voice_wrap {
    margin-top: 40px;
  }
  .feedback_voice_wrap .item:not(:first-of-type) {
    margin-top: 40px;
  }
  .feedback_voice_wrap .item .fukidashi {
    border: 1px solid #5272b5;
    position: relative;
    border-radius: 9px;
    padding: 30px 20px 25px;
    margin-bottom: 35px;
  }
  .feedback_voice_wrap .item .fukidashi:after {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/fukidashi_hashi.jpg);
    width: 21px;
    height: 17px;
    position: absolute;
    bottom: -17px;
    left: calc(50% - 10px);
  }
  .feedback_voice_wrap .item .fukidashi .onayami {
    color: #fff;
    background-color: #5272b5;
    line-height: 1;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translateX(-50%);
    font-size: 12px;
    padding: 7px 10px;
    width: 100px;
  }
  .feedback_voice_wrap .item .fukidashi p {
    color: #5272b5;
    text-align: center;
    margin: 0;
    line-height: 1.5;
    font-weight: bold;
    font-size: 15px;
  }
  .feedback_voice_wrap .item .img {
    text-align: center;
  }
  .feedback_voice_wrap .item .img img {
    max-width: 50%;
  }
  .bg_grade {
    background: url(../images/second/customer/bg_grade.png) no-repeat top center;
    background-size: cover;
    position: relative;
    margin-top: 60px;
    padding: 40px 0;
  }
  .bg_grade.sokode:before {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/sokode.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -28px;
    width: 121px;
    height: 54px;
    left: calc(50% - 60px);
  }
  .bg_grade .midashi_fukidashi {
    line-height: 1.3;
    text-align: center;
    font-size: 18px;
  }
  .bg_grade .midashi_fukidashi span {
    display: inline-block;
    position: relative;
    padding: 0 50px;
  }
  .bg_grade .midashi_fukidashi span:before {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/shape_left.png) no-repeat;
    width: 23px;
    height: 33px;
    position: absolute;
    left: 0;
    bottom: 0px;
  }
  .bg_grade .midashi_fukidashi span:after {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/shape_right.png) no-repeat;
    width: 23px;
    height: 33px;
    position: absolute;
    right: 0;
    bottom: 0px;
  }
  .feedback_product_features {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .feedback_product_features .item {
    background-color: #fff;
    box-shadow: 0px 0px 36px -21px #25c0d6;
    padding: 20px;
  }
  .feedback_product_features .item:not(:first-of-type) {
    margin-top: 20px;
  }
  .feedback_product_features .item .title {
    font-weight: bold;
    text-align: center;
    margin: 0;
    font-size: 18px;
  }
  .feedback_product_features .item .img {
    margin: 0;
    text-align: center;
    margin-top: 10px;
  }
  .feedback_product_features .item .text {
    margin-top: 20px;
  }
  .series_link {
    margin-top: 50px;
  }
  .series_link .series_wrap {
    position: relative;
    padding: 30px 20px;
    border: 1px solid #e7d8c0;
  }
  .series_link .series_wrap:before {
    content: "";
    display: block;
    border: 1px solid #e7d8c0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 6px;
    left: -8px;
  }
  .series_link .series_wrap .img {
    text-align: center;
  }
  .series_link .series_wrap .text_wrap {
    text-align: center;
  }
  .series_link .series_wrap .text_wrap .img {
    margin-top: 20px;
    display: block;
    text-align: center;
  }
  .series_link .series_wrap .text_wrap .tag {
    color: #7d5050;
    display: inline-block;
    letter-spacing: 0.1em;
    border: 1px solid #7d5050;
    font-size: 13px;
    padding: 5px 15px;
  }
  .series_link .series_wrap .text_wrap .title {
    color: #7d5050;
    font-weight: bold;
    display: block;
    line-height: 1.3;
    font-size: 18px;
    margin-top: 10px;
  }
  .series_link .series_wrap .text_wrap .text {
    color: #7d5050;
    line-height: 1.5;
    text-align: left;
  }
  .recruit_heading {
    text-align: center;
  }
  .recruit_heading h2 {
    font-family: "Josefin Sans", sans-serif;
    color: #4568b1;
    font-weight: normal;
    font-size: 22px;
    text-align: center;
  }
  .recruit_heading h2 .sub_title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium",
      "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN",
      "Hiragino Sans", "Noto Sans JP", sans-serif;
    color: #333333;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
  }
  .recruit_interview_wrap {
    position: relative;
    padding-top: 30px;
  }
  .recruit_interview_wrap:before {
    content: "";
    display: block;
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 200px;
  }
  .recruit_interview_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .recruit_interview_list + p {
    margin-top: 30px;
  }
  .recruit_interview_list.index {
    margin-top: 20px;
  }
  .recruit_interview_list li {
    width: calc(50% - 10px);
  }
  .recruit_interview_list li:nth-of-type(odd) {
    margin-right: 20px;
  }
  .recruit_interview_list li:nth-of-type(n + 3) {
    margin-top: 30px;
  }
  .recruit_interview_list a {
    text-decoration: none;
    color: #333333;
    display: block;
  }
  .recruit_interview_list figure img {
    max-width: 100%;
  }
  .recruit_interview_list .text {
    margin-top: 15px;
  }
  .recruit_interview_list .text p {
    margin: 0;
  }
  .recruit_interview_list .text .name {
    font-weight: bold;
    font-size: 15px;
  }
  .recruit_interview_list .text .name span {
    display: block;
    font-size: 10px;
  }
  .recruit_interview_list .text .info {
    font-size: 12px;
    margin-top: 5px;
  }
  .recruit_footer {
    background: url(../images/second/recruit/recruit_footer_img.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 200px;
    margin-top: 90px;
  }
  .recruit_footer ul {
    width: 80%;
  }
  .recruit_footer ul li:not(:first-of-type) {
    margin-top: 10px;
  }
  .recruit_footer ul li:first-of-type .common_btn {
    font-weight: bold;
  }
  .recruit_footer .common_inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .recruit_footer .common_inner:before {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/letsjoin.png) no-repeat;
    background-size: cover;
    width: 203px;
    height: 60px;
    position: absolute;
    top: -45px;
    left: 20px;
  }
  .recruit_message_catch {
    font-weight: bold;
    text-align: center;
    position: relative;
    letter-spacing: 0.1em;
    font-size: 18px;
    padding-top: 40px;
    line-height: 1.5;
  }
  .recruit_message_catch:before {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/message.png) no-repeat;
    background-size: cover;
    width: 188px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 6%;
    width: 141px;
    height: 35px;
    left: 0;
  }
  .staff_detail .main_img {
    margin-bottom: 36px;
  }
  .staff_detail .main_img .common_inner {
    position: relative;
    padding: 0;
  }
  .staff_detail .main_img .profile {
    background-color: #fff;
    position: relative;
    padding: 20px;
  }
  .staff_detail .main_img .profile p {
    margin-top: 0;
  }
  .staff_detail .main_img .profile .name {
    font-weight: bold;
    font-size: 20px;
  }
  .staff_detail .main_img .profile .name span {
    font-size: 12px;
  }
  .staff_detail .main_img .profile .info {
    font-size: 13px;
  }
  .staff_detail .main_img .profile:after {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/profile.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 111px;
    height: 54px;
    bottom: -32px;
    right: 20px;
  }
  .staff_detail .staff_detail_cont {
    margin-top: 50px;
  }
  .staff_detail .staff_detail_cont h2 {
    position: relative;
    font-size: 18px;
    line-height: 1.5;
    padding-left: 20px;
  }
  .staff_detail .staff_detail_cont h2:before {
    content: "";
    display: inline-block;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    height: 90%;
    width: 3px;
    top: 5%;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl {
    margin-top: 40px;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dt {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    padding-left: 50px;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dt:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 1px;
    background-color: #333333;
    position: absolute;
    top: 13px;
    left: 0;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dt:after {
    content: "Q";
    font-family: "Josefin Sans", sans-serif;
    color: #5272b5;
    font-size: 18px;
    position: absolute;
    font-weight: normal;
    top: 7px;
    left: 25px;
    line-height: 1;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dd {
    margin-top: 15px;
  }
  article {
    line-height: 1.8;
  }
  article ul {
    list-style: none;
  }
  article img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  article p,
  article .commonList,
  article ol,
  article .imgLine2,
  article .imgLine3,
  article .imgLine4,
  article .twoCol,
  article .commonTable,
  article .colorBox,
  article .borderBox,
  article .ytWrap,
  article .common_dl_wrap,
  article .threeCol {
    margin-top: 20px;
  }
  article h2.title {
    margin-top: 30px;
  }
  article h2.title2 {
    margin-top: 30px;
  }
  article h3.title {
    border-left: 2px solid #4568b1;
    margin-top: 25px;
    padding-left: 10px;
  }
  article h1,
  article h2,
  article h3,
  article h4 {
    line-height: 1.4;
  }
  article a {
    color: #4568b1;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  article a:hover {
    text-decoration: none;
  }
  article section + section {
    margin-top: 40px;
  }
  .tobira_title {
    color: #4568b1;
    text-align: center;
    position: relative;
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    margin: 0;
    font-size: 20px;
    padding-top: 22px;
    margin-top: 20px;
  }
  .tobira_title:before {
    content: "";
    background: url('../images/common/tobira_title_bg.png') no-repeat center;
    background-size: cover;
    width: 206px;
    height: 54px;
    position: absolute;
    top: 0px;
    left: calc(50% - 103px);
  }
  .tobira_sub_title {
    color: #555;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 0 0;
  }
  h1.title {
    position: relative;
    font-weight: normal;
    font-size: 21px;
    padding-bottom: 15px;
  }
  h1.title:after {
    content: "";
    height: 1px;
    width: 33px;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  h1.title + .ymd {
    line-height: 1;
    margin-top: 15px;
  }
  h1.title + .ymd .cat {
    color: #586e9e;
    font-family: "Josefin Sans", sans-serif;
    display: inline-block;
    font-size: 10px;
  }
  h1.title + .ymd .cat.news {
    color: #fff;
    line-height: 1;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium",
      "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN",
      "Hiragino Sans", "Noto Sans JP", sans-serif;
    font-size: 10px;
    padding: 7px 5px 5px;
    min-width: 100px;
  }
  h1.title + .ymd .cat.news + time {
    border-left: none;
    margin-left: 5px;
  }
  h1.title + .ymd time {
    display: inline-block;
    border-left: 1px solid #555555;
    color: #333333;
    font-size: 10px;
    margin-left: 5px;
    padding-left: 5px;
  }
  h2.title {
    border-bottom: 1px solid #333333;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
  }
  h2.title2 {
    color: #4568b1;
    font-weight: bold;
    font-size: 16px;
  }
  h3.title {
    color: #4568b1;
    font-weight: normal;
    font-size: 16px;
  }
  .kome {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 10px;
    font-size: 12px;
  }
  .kome:before {
    content: "※";
  }
  .kome + .kome {
    margin-top: 0;
  }
  a.link,
  span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 36px;
  }
  a.link:after,
  span.link:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_b.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 13px;
    right: 8px;
    transition: all 0.6s;
  }
  a.link2,
  span.link2 {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 36px;
  }
  a.link2:before,
  span.link2:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 0;
  }
  a.link2:after,
  span.link2:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 10px;
    right: 8px;
    transition: all 0.3s;
  }
  ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  ul.anker.col2 li {
    width: 50%;
  }
  ul.anker.col4 li {
    width: 50%;
  }
  ul.anker li {
    list-style: none;
    border-right: 1px solid #fff;
    width: 33.3333333333%;
  }
  ul.anker li a {
    display: block;
    background: #eeeeee;
    position: relative;
    height: 100%;
    padding: 8px 12px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    line-height: 1.3;
    text-decoration: none;
    transition: background-color 0.2s;
    font-size: 14px;
  }
  ul.anker li a:after {
    content: "";
    display: block;
    border-bottom: 1px solid #18b7cd;
    border-right: 1px solid #18b7cd;
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 11px;
    left: 50%;
    margin-left: -3px;
  }
  .cap {
    display: block;
    text-align: left;
    font-size: 13px;
    margin-top: 10px;
  }
  .imgLine2.bdnone li {
    border: 0;
  }
  .imgLine2 li {
    text-align: center;
    border: 1px solid #dddddd;
    margin-top: 20px;
  }
  .imgLine2 li img {
    max-width: 100%;
  }
  .imgLine2.small {
    display: flex;
    justify-content: space-between;
  }
  .imgLine2.small li {
    width: calc(50% - 8px);
  }
  .imgLine2 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .imgLine3.bdnone li {
    border: 0;
  }
  .imgLine3 li {
    text-align: center;
    border: 1px solid #dddddd;
    margin-top: 20px;
  }
  .imgLine3 li img {
    max-width: 100%;
  }
  .imgLine3 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .imgLine4 {
    display: flex;
    flex-wrap: wrap;
  }
  .imgLine4.bdnone li {
    border: 0;
  }
  .imgLine4 li {
    border: 1px solid #dddddd;
    width: calc(50% - 8px);
    margin-right: 16px;
  }
  .imgLine4 li:nth-of-type(2n) {
    margin-right: 0;
  }
  .imgLine4 li:nth-child(n + 3) {
    margin-top: 16px;
  }
  .imgLine4 li img {
    width: 100%;
  }
  .imgInP .img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  .imgInP .img .cap {
    display: block;
    text-align: left;
    font-size: 13px;
    margin-top: 5px;
  }
  .imgInP.sp_img_btm {
    display: flex;
    flex-wrap: wrap;
  }
  .imgInP.sp_img_btm .img {
    display: block;
    order: 2;
    margin: 10px auto 0;
    padding-bottom: 0;
  }
  .imgInP.sp_img_btm .text {
    flex-basis: 100%;
    order: 1;
  }
  .twoCol .txt *:nth-child(1) {
    margin-top: 0;
  }
  .twoCol .txt + .img {
    margin-top: 10px;
  }
  .twoCol .img {
    width: 100%;
    text-align: center;
  }
  .twoCol .img.round {
    overflow: hidden;
    border-radius: 15px;
  }
  .twoCol .img + .txt {
    margin-top: 20px;
  }
  .twoCol .img img {
    max-width: 100%;
    width: auto;
    height: auto;
    border: 1px solid #dddddd;
  }
  .twoCol .img .cap {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    text-align: left;
  }
  .twoCol.sp_reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .twoCol.sp_reverse > div:last-of-type {
    margin-bottom: 30px;
  }
  .twoCol > div + div {
    margin-top: 20px;
  }
  .twoCol.small {
    display: flex;
    margin-top: 30px;
  }
  .twoCol.small .img {
    width: 50%;
    padding-right: 10px;
  }
  .twoCol.small .txt {
    width: 50%;
    margin-top: 0;
    padding-left: 10px;
    font-size: 12px;
  }
  .twoCol.small + .twoCol.small {
    margin-top: 10px;
  }
  .twoCol.small + .borderBox {
    margin-top: 30px;
  }
  .twoCol.text_bg_gray .txt {
    background-color: #f9f9f9;
    margin: 0;
    padding: 20px;
  }
  .threeCol > div:not(:first-of-type) {
    margin-top: 30px;
  }
  .threeCol > div .img img {
    width: 100%;
  }
  .threeCol > div .text {
    margin-top: 10px;
  }
  .threeCol > div .commonList {
    margin-top: 10px;
  }
  .threeCol.small > div .img {
    text-align: center;
  }
  .threeCol.small > div .img img {
    width: 70%;
  }
  .threeCol.small > div li:not(:first-of-type) {
    margin-top: 5px;
  }
  ul.commonList li {
    padding-left: 18px;
    position: relative;
    box-sizing: border-box;
    line-height: 1.5;
  }
  ul.commonList li:not(:first-of-type) {
    margin-top: 10px;
  }
  ul.commonList li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: auto;
    content: "";
    border-radius: 50%;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    top: 8px;
    top: 7px;
  }
  ol {
    padding-left: 18px;
  }
  ol li + li {
    margin-top: 10px;
  }
  ol.brackets {
    padding-left: 0;
  }
  ol.brackets li {
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
    padding-left: 2em;
  }
  ol.brackets li:before {
    content: "(" counter(cnt) ")";
    position: absolute;
    top: 0;
    left: 0;
  }
  .commonTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit;
    border: 1px solid #dddddd;
  }
  .commonTable .fontL {
    font-size: 20px;
    font-weight: bold;
  }
  .commonTable .fontM {
    font-size: 16px;
    font-weight: bold;
  }
  .commonTable .fontS {
    font-size: 14px;
    font-weight: bold;
  }
  .commonTable .small {
    font-size: 0.6em;
  }
  .commonTable td.wFix,
  .commonTable th.wFix {
    width: 120px;
  }
  .commonTable th {
    background-color: #f2f2f2;
    color: #333333;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-size: 14px;
    padding: 5px 10px;
  }
  .commonTable th.sub {
    background-color: #fbfbfb;
  }
  .commonTable th:not(:first-of-type) {
    border-left: 1px solid #dddddd;
  }
  .commonTable th.required {
    position: relative;
    vertical-align: middle;
  }
  .commonTable th.required:after {
    content: "必須";
    background-color: #cf0000;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px;
    line-height: 1;
    display: inline-block;
    float: right;
    margin-right: -35px;
  }
  .commonTable th.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #fff;
  }
  .commonTable td {
    padding: 12px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #fff;
    word-break: break-all;
    font-size: 14px;
    padding: 10px 10px;
  }
  .commonTable td *:last-child {
    margin-bottom: 0;
  }
  .commonTable td *:first-child {
    margin-top: 0;
  }
  .commonTable td:not(:first-of-type) {
    border-left: 1px solid #dddddd;
  }
  .commonTable td .kome {
    display: block;
    font-size: 14px;
    margin-top: 5px;
  }
  .commonTable td .category {
    width: 130px;
    display: inline-block;
  }
  .commonTable td .subtxt {
    width: 43px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
  }
  .commonTable td.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .scrollTable {
    overflow: auto;
  }
  .scrollTable table {
    white-space: nowrap;
  }
  .scrolltext {
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 20px 0 -10px;
  }
  .colorBox {
    background-color: #f2f2f2;
    padding: 20px 20px;
  }
  .colorBox *:nth-child(1) {
    margin-top: 0;
  }
  .colorBox .title {
    display: block;
    color: #4568b1;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .colorBox.round {
    border-radius: 20px;
  }
  .colorBox.blue {
    background-color: #e3ebf5;
  }
  .colorBox p {
    margin-top: 10px;
  }
  .borderBox {
    border: 2px solid #f2f2f2;
    padding: 30px 30px;
  }
  .borderBox.lp {
    margin-top: 40px;
  }
  .borderBox .title {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .borderBox *:nth-child(1) {
    margin-top: 0;
  }
  .tab_wrap {
    width: 100%;
  }
  .tab_wrap .tab_area {
    display: flex;
    overflow: auto;
  }
  .tab_wrap .tab_area label {
    background-color: #e5e5e5;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    position: relative;
    width: auto;
    min-width: calc(50% - 5px);
    font-size: 14px;
    min-height: 50px;
    padding: 0 30px 0 15px;
  }
  .tab_wrap .tab_area label:first-of-type {
    margin-right: 10px;
  }
  .tab_wrap .tab_area label:first-of-type:after {
    content: "";
    width: 14px;
    height: 69px;
    border-bottom: 1px solid #ccc;
    position: absolute;
    right: -15px;
    bottom: -1px;
  }
  .tab_wrap .tab_area label span {
    display: block;
    color: #000;
    width: 100%;
    text-align: center;
    font-size: 13px;
    display: none;
  }
  .tab_wrap .tab_area label:before {
    content: "";
    border: 0px;
    border-top: solid 2px #b4b4b4;
    border-right: solid 2px #b4b4b4;
    transform: rotate(135deg);
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: calc(50% - 4px);
    right: 10px;
  }
  .tab_wrap .tab_panel {
    width: 100%;
    display: none;
    padding-top: 15px;
  }
  .tab_wrap .panel_area {
    padding: 0 20px 20px;
    border-radius: 0 0 6px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .border-box {
    border: 1px solid #ccc;
    padding: 20px;
  }
  .common_dl_wrap {
    border-top: 1px solid #dddddd;
  }
  .common_dl_wrap dl {
    border-bottom: 1px solid #dddddd;
    padding: 15px 0;
  }
  .common_dl_wrap dl dt {
    color: #4568b1;
    margin-bottom: 5px;
  }
  .ytWrap .ytWrap_inner {
    position: relative;
    padding-bottom: 56.25%;
  }
  .ytWrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  /* common class */
  strong {
    font-weight: bold !important;
  }
  .pointerNone {
    cursor: default;
    text-decoration: none;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .Center {
    margin: 0 auto !important;
  }
  .ovh {
    overflow: hidden !important;
  }
  .mw100 {
    max-width: 100% !important;
    width: auto !important;
  }
  .w100p {
    width: 100% !important;
  }
  .inline {
    display: inline !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5_sp {
    margin-bottom: 5px !important;
  }
  .mB10_sp {
    margin-bottom: 10px !important;
  }
  .mB20_sp {
    margin-bottom: 20px !important;
  }
  .mB30_sp {
    margin-bottom: 30px !important;
  }
  .mB40_sp {
    margin-bottom: 40px !important;
  }
  .mB50_sp {
    margin-bottom: 50px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5_sp {
    margin-top: 5px !important;
  }
  .mT10_sp {
    margin-top: 10px !important;
  }
  .mT20_sp {
    margin-top: 20px !important;
  }
  .mT30_sp {
    margin-top: 30px !important;
  }
  .mT40_sp {
    margin-top: 40px !important;
  }
  .mT50_sp {
    margin-top: 50px !important;
  }
  .mL0_sp {
    margin-left: 0px !important;
  }
  .mL5_sp {
    margin-left: 5px !important;
  }
  .mL10_sp {
    margin-left: 10px !important;
  }
  .mL20_sp {
    margin-left: 20px !important;
  }
  .mL30_sp {
    margin-left: 30px !important;
  }
  .mL40_sp {
    margin-left: 40px !important;
  }
  .mL50_sp {
    margin-left: 50px !important;
  }
  .mR0_sp {
    margin-right: 0px !important;
  }
  .mR5_sp {
    margin-right: 5px !important;
  }
  .mR10_sp {
    margin-right: 10px !important;
  }
  .mR20_sp {
    margin-right: 20px !important;
  }
  .mR30_sp {
    margin-right: 30px !important;
  }
  .mR40_sp {
    margin-right: 40px !important;
  }
  .mR50_sp {
    margin-right: 50px !important;
  }
  .size12_sp {
    font-size: 12px !important;
  }
  .size13_sp {
    font-size: 13px !important;
  }
  .size14_sp {
    font-size: 14px !important;
  }
  .size15_sp {
    font-size: 14px !important;
  }
  .size16_sp {
    font-size: 16px !important;
  }
  .size18_sp {
    font-size: 18px !important;
  }
  .size20_sp {
    font-size: 20px !important;
  }
  .w50p_sp {
    width: 50% !important;
  }
  .w70p_sp {
    width: 70% !important;
  }
  .textred {
    color: #de0000 !important;
  }
  .textblue {
    color: #4568b1 !important;
  }
  .bold {
    font-weight: bold !important;
  }
  .underline {
    text-decoration: underline !important;
  }
  .bdnone {
    border: none !important;
  }
  .floatL {
    float: left;
  }
  .floatR {
    float: right;
  }
  .preBox {
    background: #eff0f4;
    border: 1px solid #18b7cd;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
    text-align-last: auto;
  }
  .LPtitle1 {
    text-align: center;
    border-top: 2px solid #4568b1;
    border-bottom: 2px solid #4568b1;
    font-weight: normal;
    font-size: 20px;
    margin-top: 50px;
    padding: 15px 0;
  }
  .LPtitle2 {
    text-align: center;
    font-weight: bold;
    color: #744d4d;
    font-size: 18px;
    margin-top: 50px;
  }
  .LPtitle2 span {
    background: linear-gradient(transparent 70%, #f0f0f0 70%);
  }
  .LPtitle3 {
    text-align: center;
    font-weight: bold;
    color: #5272b5;
    font-size: 18px;
    margin-top: 30px;
  }
  .LPtitle4 {
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #4568b1;
    font-size: 20px;
    padding-bottom: 15px;
    margin-top: 30px;
  }
  .LPtitle4 span {
    color: #5272b5;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .bg_gray {
    background-color: #f9f9f9;
    padding: 30px 0 40px;
    margin: 40px 0 0 0;
  }
  .bg_gray + .bg_gray {
    margin-top: 0;
  }
  .heiretsu_line > div {
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 10px;
  }
  .heiretsu_line > div:not(:first-of-type) {
    margin-top: 10px;
  }
  .LPtext1 {
    font-weight: bold;
    color: #5272b5;
    font-size: 16px;
    margin-top: 15px;
  }
  .colorBox_3col {
    margin-top: 20px;
  }
  .colorBox_3col.spCol {
    display: flex;
  }
  .colorBox_3col.spCol > div {
    padding: 30px 3% 30px;
  }
  .colorBox_3col.spCol > div:not(:first-of-type) {
    margin-top: 0;
  }
  .colorBox_3col.spCol > div .title {
    text-align: left;
    font-size: 14px;
  }
  .colorBox_3col > div {
    background-color: #f9f9f9;
    padding: 30px 20px 30px;
  }
  .colorBox_3col > div:not(:first-of-type) {
    margin-top: 20px;
  }
  .colorBox_3col > div .title {
    color: #5272b5;
    line-height: 1.3;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
  }
  .colorBox_3col > div p {
    margin-top: 0;
    line-height: 1.8;
  }
  .colorBox_3col > div p + p {
    margin-top: 20px;
  }
  .LPpoint_list > div {
    display: flex;
    flex-direction: column;
  }
  .LPpoint_list > div:nth-of-type(n + 2) {
    margin-top: 50px;
  }
  .LPpoint_list > div .img {
    order: 0;
    text-align: center;
  }
  .LPpoint_list > div .text {
    order: 1;
    margin-top: 30px;
  }
  .LPpoint_list > div .text .point {
    font-family: "Josefin Sans", sans-serif;
    display: block;
    color: #4568b1;
    line-height: 1.3;
    position: relative;
    text-align: center;
    font-size: 18px;
    padding-bottom: 10px;
    /*
     &:before{
     content: "";
     display: inline-block;
     background: url(../images/second/point_title_bg.png) no-repeat;
     width: 206px;
     height: 206px;
     position: absolute;
     top: -103px;
     left: calc(50% - 103px);
     z-index: -1;
    }
     */
  }
  .LPpoint_list > div .text .point:after {
    content: "";
    display: inline-block;
    height: 1px;
    width: 20px;
    background-color: #4568b1;
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
  }
  .LPpoint_list > div .text .point .num {
    display: block;
    font-family: "Roboto", sans-serif;
  }
  .LPpoint_list > div .text .title {
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    font-size: 16px;
    margin-top: 15px;
  }
  .LPname {
    font-weight: bold;
    line-height: 1.5;
    font-size: 20px;
  }
  .LPname span {
    font-size: 16px;
  }
  .LPname + p {
    margin-top: 10px;
  }
  .LPname .position {
    color: #5272b5;
    display: block;
    font-size: 16px;
  }
  .qa_wrap {
    margin-top: 15px;
  }
  .qa_wrap dl {
    border: 1px solid #dddddd;
    background-color: #fff;
  }
  .qa_wrap dl:not(:first-of-type) {
    margin-top: 10px;
  }
  .qa_wrap dl dt {
    color: #5272b5;
    font-weight: bold;
    position: relative;
    line-height: 1.5;
    padding: 20px 50px 20px 40px;
    font-size: 14px;
  }
  .qa_wrap dl dt:before {
    content: "Q";
    font-family: "Josefin Sans", sans-serif;
    font-weight: normal;
    position: absolute;
    font-size: 28px;
    top: 14px;
    left: 30px;
    font-size: 20px;
    top: 17px;
    left: 13px;
  }
  .qa_wrap dl dt:after {
    content: "";
    display: inline-block;
    background: url('../images/common/qa_plus.png') no-repeat;
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 17px;
    width: 31px;
    height: 31px;
    width: 17px;
    height: 17px;
    right: 15px;
    top: 20px;
  }
  .qa_wrap dl dt.open:after {
    background: url('../images/common/qa_minus.png') no-repeat;
    background-size: cover;
    width: 17px;
    height: 17px;
  }
  .qa_wrap dl dd {
    display: none;
    position: relative;
    padding: 20px 15px 20px 40px;
  }
  .qa_wrap dl dd:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #4568b1;
    position: absolute;
    top: 0;
    left: 30px;
    width: calc(100% - 30px);
    left: 15px;
  }
  .qa_wrap dl dd:before {
    content: "A";
    font-family: "Josefin Sans", sans-serif;
    font-weight: normal;
    position: absolute;
    font-size: 28px;
    top: 11px;
    left: 33px;
    font-size: 20px;
    top: 17px;
    left: 15px;
  }
  .voice_block > div {
    display: flex;
    align-items: center;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .voice_block > div + div {
    border-top: 1px solid #dddddd;
  }
  .voice_block > div > dt {
    width: 115px;
    text-align: center;
    padding-right: 15px;
    font-size: 12px;
  }
  .voice_block > div > dt img {
    max-width: 90px;
  }
  .voice_block > div > dt *:first-child {
    margin-top: 0;
  }
  .voice_block > div > dt > p + p {
    margin-top: 8px;
  }
  .voice_block > div > dd {
    width: calc(100% - 75px);
  }
  .voice_block > div > dd *:first-child {
    margin-top: 0;
  }
  .aform input[type="text"],
  .aform input[type="password"],
  .aform input[type="tel"],
  .aform input[type="email"],
  .aform select,
  .aform textarea {
    border: 2px solid #e4e4e4;
    padding: 2px 14px;
    width: 100%;
    background-color: #fff;
  }
  .aform input[type="text"].error,
  .aform input[type="password"].error,
  .aform input[type="tel"].error,
  .aform input[type="email"].error,
  .aform select.error,
  .aform textarea.error {
    background-color: #fff1f2;
  }
  .aform input[type="text"].size-s,
  .aform input[type="password"].size-s,
  .aform input[type="tel"].size-s,
  .aform input[type="email"].size-s,
  .aform select.size-s {
    width: 22%;
  }
  .aform input[type="text"].size-sm,
  .aform input[type="password"].size-sm,
  .aform input[type="tel"].size-sm,
  .aform input[type="email"].size-sm,
  .aform select.size-sm {
    width: 20%;
  }
  .aform input[type="text"].size-m,
  .aform input[type="password"].size-m,
  .aform input[type="tel"].size-m,
  .aform input[type="email"].size-m,
  .aform select.size-m {
    width: 27%;
  }
  .aform input[type="text"].size-ml,
  .aform input[type="password"].size-ml,
  .aform input[type="tel"].size-ml,
  .aform input[type="email"].size-ml,
  .aform select.size-ml {
    width: 50%;
  }
  .aform input[type="text"].size-l,
  .aform input[type="password"].size-l,
  .aform input[type="tel"].size-l,
  .aform input[type="email"].size-l,
  .aform select.size-l {
    width: 75%;
  }
  .aform input[type="text"].size-special,
  .aform input[type="password"].size-special,
  .aform input[type="tel"].size-special,
  .aform input[type="email"].size-special,
  .aform select.size-special {
    width: 85%;
    margin-bottom: 10px;
  }
  .aform input[type="text"].year,
  .aform input[type="password"].year,
  .aform input[type="tel"].year,
  .aform input[type="email"].year,
  .aform select.year {
    width: 23%;
    margin-bottom: 10px;
  }
  .aform input[type="text"].month,
  .aform input[type="password"].month,
  .aform input[type="tel"].month,
  .aform input[type="email"].month,
  .aform select.month {
    width: 17%;
    margin-bottom: 10px;
  }
  .aform select {
    /* 👇デフォルトのスタイルを解除 */
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* 👇スタイル */
    display: inline-block;
    cursor: pointer;
    /* カーソルを指に */
    line-height: 1.4;
    /* 行高 */
    background-image: linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%),
      linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%);
    background-image: url(../images/second/contact/contact_arrow.png);
    background-size: 13px 9px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%, calc(100% - 25px) 50%;
    width: 100%;
    height: 40px;
  }
  .aform select::-ms-expand {
    display: none;
  }
  .aform select.year {
    width: 23%;
    margin-bottom: 10px;
  }
  .aform select.month {
    width: 17%;
    margin-bottom: 10px;
  }
  .aform button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 1px 0px #cccccc;
    font-size: 14px;
  }
  .aform button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
  .aform input[type="radio"] {
    display: none;
  }
  .aform input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  .aform input[type="radio"] + label::before,
  .aform input[type="radio"] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.2s;
  }
  .aform input[type="radio"] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .aform input[type="radio"] + label:hover::before {
    background: #fff;
  }
  .aform input[type="radio"] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #18b7cd;
    transform: scale(2);
  }
  .aform input[type="radio"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .aform input[type="radio"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .aform input[type="checkbox"] {
    display: none;
  }
  .aform input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: 5px;
  }
  .aform input[type="checkbox"] + label.type2 {
    border: 1px solid #e1e1e1;
    padding: 15px 20px 13px 45px;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px #e1e1e1;
  }
  .aform input[type="checkbox"] + label.type2:before,
  .aform input[type="checkbox"] + label.type2:after {
    margin-left: 25px;
  }
  .aform input[type="checkbox"] + label.type2:hover {
    opacity: 0.7;
  }
  .aform input[type="checkbox"] + label::before,
  .aform input[type="checkbox"] + label::after {
    position: absolute;
    content: "";
    transition: all 0.2s;
  }
  .aform input[type="checkbox"] + label::before {
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
  }
  .aform input[type="checkbox"] + label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #18b7cd;
    border-bottom: 2px solid #18b7cd;
    transform: rotate(-45deg) scale(0.5);
  }
  .aform input[type="checkbox"] + label:hover::before {
    background: #fff;
  }
  .aform input[type="checkbox"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .aform input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .aform .aform-content {
    width: 100%;
    margin-bottom: 20px;
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .aform .aform-content dl {
    margin-bottom: 15px;
    width: 100%;
    display: block;
    border-bottom: none;
  }
  .aform .aform-content dt {
    width: 100%;
    padding-right: 5em;
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    background-clip: padding-box;
    position: relative;
  }
  .aform .aform-content dt .aform-required {
    position: absolute;
    vertical-align: middle;
    background-color: #18b7cd;
    color: #fff;
    font-size: 11px;
    margin-left: 0;
    padding: 7px 17px;
    line-height: 1;
    display: inline-block;
    top: 2px;
    right: 0;
    border-radius: 0;
  }
  .aform .aform-content dt label {
    font-weight: bold;
  }
  .aform .aform-content dd {
    display: block;
    width: 100%;
  }
  .aform .aform-content dd .kome {
    font-size: 13px;
    margin-top: 5px;
    display: block;
  }
  .aform .aform-content dd .block_sp {
    display: block !important;
    margin-top: 10px;
  }
  .aform .aform-content dd .subtxt {
    display: inline-block;
    width: 15%;
  }
  .aform .aform-content .aform-button-area {
    margin-top: 20px;
    padding: 0;
    background: none;
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .aform .aform-content .aform-button-area input[type="submit"] {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    color: #fff;
    font-size: 14px;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    padding: 15px 40px;
    width: 100%;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:visited {
    color: #fff !important;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:hover {
    color: #fff;
  }
  .aform .aform-content .aform-button-area input[type="button"] {
    border-radius: 0px;
  }
  .nofloat {
    float: none !important;
  }
  #aform_btn_back {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    vertical-align: bottom;
    padding: 15px 40px;
    width: 50%;
    margin-top: 15px;
    font-size: 14px;
  }
  #aform_btn_back.noicon {
    padding: 15px 50px 13px 50px;
    background: #fff;
    background-image: none;
  }
  #aform_btn_back:before {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: calc(50% - 2px);
    right: 15px;
    transition: all 0.6s;
    right: 10px;
  }
  #aform_btn_back.back:before {
    right: auto;
    left: 15px;
    transform: scale(-1, 1);
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
    width: auto;
    padding: 0;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
    background: url("../images/common/error.png") no-repeat left 0px;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform #aform_result {
    color: #000;
    text-align: center;
    font-size: initial;
    font-weight: initial;
  }
  .aform #aform_result a.common_btn {
    margin: 20px auto 30px;
  }
  .aform #aform_result h2 {
    font-size: 18px;
  }
  .aform select.aform-calendar {
    width: auto;
  }
  .aform select.aform-calendar + label {
    margin-left: 2px;
    margin-right: 5px;
  }

  /* smf */
  .smf-form .smf-placeholder {
    display: flex;
    flex-direction: column-reverse;
  }
  .smf-form .smf-text-control {
    line-height: unset !important;
  }
  .smf-form input[type="text"],
  .smf-form input[type="password"],
  .smf-form input[type="tel"],
  .smf-form input[type="email"],
  .smf-form select,
  .smf-form textarea {
    border: 2px solid #e4e4e4 !important;
    padding: 2px 14px;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  .smf-form [data-invalid="1"],
  .smf-form [data-invalid="1"].smf-select-control__control {
    background-color: #fff1f2 !important;
    color: #D92B00;
  }
  .smf-form select {
    /* 👇デフォルトのスタイルを解除 */
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    /* 👇スタイル */
    display: inline-block !important;
    cursor: pointer !important;
    /* カーソルを指に */
    line-height: 1.4 !important;
    /* 行高 */
    background-image: linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%),
      linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%);
    background-image: url('../images/contact/contact_arrow.png');
    background-size: 13px 9px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%, calc(100% - 25px) 50%;
    width: 100%;
    height: 40px;
  }
  .smf-form .smf-select-control__control {
    background-color: #fff !important;
    padding: 2px 14px !important;
  }
  .smf-form :where(.wp-block-columns.is-layout-flex) {
    gap: 0em !important;
    /* margin: 0 0 0.5em!important; */
  }
  .smf-form .smf-control-description {
    margin-top: 0 !important;
  }
  .smf-form select::-ms-expand {
    display: none;
  }
  .smf-form button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 1px 0px #cccccc;
    font-size: 14px;
  }
  .smf-form button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
  .smf-form input[type="radio"] {
    display: none;
  }
  .smf-form input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  .smf-form input[type="radio"] + label::before,
  .smf-form input[type="radio"] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.2s;
  }
  .smf-form input[type="radio"] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .smf-form input[type="radio"] + label:hover::before {
    background: #fff;
  }
  .smf-form input[type="radio"] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #18b7cd;
    transform: scale(2);
  }
  .smf-form input[type="radio"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .smf-form input[type="radio"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .smf-form input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: 5px;
  }
  .smf-form input[type="checkbox"] + label.type2 {
    border: 1px solid #e1e1e1;
    padding: 15px 20px 13px 45px;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px #e1e1e1;
  }
  .smf-form input[type="checkbox"] + label.type2:before,
  .smf-form input[type="checkbox"] + label.type2:after {
    margin-left: 25px;
  }
  .smf-form input[type="checkbox"] + label.type2:hover {
    opacity: 0.7;
  }
  .smf-form input[type="checkbox"] + label::before,
  .smf-form input[type="checkbox"] + label::after {
    position: absolute;
    content: "";
    transition: all 0.2s;
  }
  .smf-form input[type="checkbox"] + label::before {
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
  }
  .smf-form input[type="checkbox"] + label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #18b7cd;
    border-bottom: 2px solid #18b7cd;
    transform: rotate(-45deg) scale(0.5);
  }
  .smf-form input[type="checkbox"] + label:hover::before {
    background: #fff;
  }
  .smf-form input[type="checkbox"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .smf-form input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .smf-form {
    width: 100%;
    margin-bottom: 20px;
    display: grid;
    gap: 30px 0;
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .smf-form--simple-table .smf-item {
    /* margin: 0.5em 0 15px !important; */
    margin: 0 0 !important;
    padding: 0 0 !important;
    width: 100%;
    display: block;
    border-bottom: none;
  }
  .smf-form--simple-table .smf-item__col--label {
    width: 100%;
    padding-right: 5em;
    padding-bottom: 0 !important;
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    background-clip: padding-box;
    position: relative;
  }
  .smf-form .required .smf-item__col--label::before {
    content: "必須";
    position: absolute;
    vertical-align: middle;
    background-color: #18b7cd;
    color: #fff;
    font-size: 11px;
    margin-left: 0;
    padding: 7px 17px;
    line-height: 1;
    display: inline-block;
    top: 2px;
    right: 0;
    border-radius: 0;
  }
  .smf-form .smf-item__label__text {
    font-weight: bold;
  }
  .smf-form--simple-table .smf-item__col--controls {
    display: block;
    width: 100%;
  }
  .aform .aform-content dd .kome {
    font-size: 13px;
    margin-top: 5px;
    display: block;
  }
  .aform .aform-content dd .block_sp {
    display: block !important;
    margin-top: 10px;
  }
  .aform .aform-content dd .subtxt {
    display: inline-block;
    width: 15%;
  }
  .smf-form--simple-table+.smf-action {
    margin-top: 20px;
    padding: 0;
    background: none;
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .smf-form--simple-table+.smf-action button[type="submit"] {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 0 !important;
    color: #fff;
    font-size: 14px;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    padding: 15px 40px;
    width: 100%;
  }
  .smf-form--simple-table+.smf-action button[type="submit"]:visited {
    color: #fff !important;
  }
  .smf-form--simple-table+.smf-action button[type="submit"]:hover {
    color: #fff;
  }
  .smf-form--simple-table+.smf-action button[type="button"] {
    border-radius: 0px;
  }
  .smf-action .smf-button-control {
    margin-left: 0 !important;
    width: 100%;
  }
  .nofloat {
    float: none !important;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"] {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    border-radius: 0 !important;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    vertical-align: bottom;
    padding: 15px 40px;
    width: 50%;
    margin-top: 15px;
    font-size: 14px;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"].noicon {
    padding: 15px 50px 13px 50px;
    background: #fff;
    background-image: none;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"]:before {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: calc(50% - 2px);
    right: 15px;
    transition: all 0.6s;
    right: 10px;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"].back:before {
    right: auto;
    left: 15px;
    transform: scale(-1, 1);
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
    width: auto;
    padding: 0;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
    background: url("../images/common/error.png") no-repeat left 0px;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform #aform_result {
    color: #000;
    text-align: center;
    font-size: initial;
    font-weight: initial;
  }
  .aform #aform_result a.common_btn {
    margin: 20px auto 30px;
  }
  .aform #aform_result h2 {
    font-size: 18px;
  }
  .aform select.aform-calendar {
    width: auto;
  }
  .aform select.aform-calendar + label {
    margin-left: 2px;
    margin-right: 5px;
  }
}
@media screen and (min-width: 900px) {
  #page_header {
    background: url(../images/second/page_header.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* #page_header.news {
    background: url(../images/second/page_header_news.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.cotton {
    background: url(../images/second/page_header_cotton.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.product {
    background: url(../images/second/page_header_product.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.about_us {
    background: url(../images/second/page_header_about_us.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.csr {
    background: url(../images/second/page_header_csr.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.recruit {
    background: url(../images/second/page_header_recruit.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  #page_header.customer {
    background: url(../images/second/page_header_customer.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* #page_header.contact {
    background: url(../images/second/page_header_contact.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.feedback {
    background: url(../images/second/page_header_feedback.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.faq {
    background: url(../images/second/page_header_faq.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.recruit {
    background: url(../images/second/page_header_recruit.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  #page_header.diary {
    background: url(../images/second/page_header_diary.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
  }
  #page_header.diary .page_header_title {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #page_header.diary .page_header_title img {
    max-height: 80%;
  }
  #page_header.recruit {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #page_header .common_inner {
    display: flex;
    height: 100%;
  }
  #page_header .page_header_title {
    color: #744d4d;
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    text-transform: capitalize;
  }
  #page_header .page_header_sub_title {
    color: #744d4d;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .breadcrumb {
    border-bottom: 1px solid #dddddd;
  }
  .breadcrumb_list > span {
    display: inline-block;
    color: #333333;
    position: relative;
  }
  .breadcrumb_list > span a {
    color: #4568b1;
    position: relative;
    display: inline-block;
  }
  .breadcrumb_list > span:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 2;
  }
  .breadcrumb_list > span:last-child:after {
    display: none;
  }
  .tobira_section_wrap .sec {
    position: relative;
  }
  .tobira_section_wrap .sec .text .heading {
    display: flex;
    align-items: baseline;
  }
  .tobira_section_wrap .sec .text .heading h2 {
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    color: #5272b5;
  }
  .tobira_section_wrap .sec .text .heading .sub_title {
    margin: 0 0 0 10px;
    color: #888888;
  }
  .bland_list .item a,
  .column_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .bland_list .item .ymd,
  .column_list .item .ymd {
    line-height: 1;
  }
  .bland_list .item .ymd .cat,
  .column_list .item .ymd .cat {
    color: #586e9e;
    font-family: "Josefin Sans", sans-serif;
    display: inline-block;
  }
  .bland_list .item .ymd time,
  .column_list .item .ymd time {
    display: inline-block;
    border-left: 1px solid #555555;
    color: #333333;
    font-family: "Roboto", sans-serif;
  }
  .tobira_col2_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col2_list .item a .title:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_b.png) no-repeat;
    background-size: cover;
    width: 18px;
    height: 3px;
    position: absolute;
    right: 5px;
    transition: all 0.3s;
    top: calc(50% - 4px);
  }
  .tobira_col2_list .item .title {
    font-weight: bold;
    position: relative;
  }
  .tobira_col2_list .item .title .num {
    display: inline-block;
    color: #4568b1;
    margin-right: 0.5em;
  }
  .tobira_col3_list {
    display: flex;
    flex-wrap: wrap;
  }
  .tobira_col3_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col3_list .item .img {
    border: 1px solid #dddddd;
  }
  .tobira_col3_list .item p {
    line-height: 1.5;
  }
  .tobira_col4_list {
    display: flex;
    flex-wrap: wrap;
  }
  .tobira_col4_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col4_list .item .img {
    border: 1px solid #dddddd;
  }
  .tobira_col4_list .item p {
    line-height: 1.5;
  }
  .col2_gray_box {
    background-color: #f6f6f6;
  }
  .prev_next_wrap {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  .prev_next_wrap .common_inner {
    display: flex;
    position: relative;
  }
  .prev_next_wrap .common_inner a {
    display: inline-block;
    color: #000;
    font-family: "Josefin Sans", sans-serif;
    position: relative;
  }
  .prev_next_wrap .common_inner a.back {
    margin: 0 auto 0 0;
  }
  .prev_next_wrap .common_inner a.back:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
  }
  .prev_next_wrap .common_inner a.back:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_left.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    transition: all 0.3s;
  }
  .prev_next_wrap .common_inner a.ichiran {
    position: absolute;
    left: calc(50% - 15px);
    top: 0;
  }
  .prev_next_wrap .common_inner a.ichiran img {
    width: 30px;
  }
  .prev_next_wrap .common_inner a.next {
    margin: 0 0 0 auto;
  }
  .prev_next_wrap .common_inner a.next:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
  }
  .prev_next_wrap .common_inner a.next:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    transition: all 0.3s;
  }
  .contact_lead {
    font-weight: bold;
  }
  .contact_index_box {
    border: 1px solid #cdcdcd;
  }
  .contact_index_box .text p {
    margin-top: 10px;
    font-size: 13px;
  }
  .contact_index_box .text ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .contact_index_box .text ul li:before {
    content: "・";
  }
  .contact_index_box .text .title {
    font-weight: bold;
    margin-top: 0;
    line-height: 1.3;
    color: #4568b1;
  }
  .contact_index_box .text .tel {
    color: #4568b1;
    margin-top: 15px;
    line-height: 1;
  }
  .contact_index_box .text .tel a {
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.05em;
  }
  .product_cat_wrap {
    border-bottom: 1px solid #dddddd;
  }
  .product_cat_wrap .product_cat_link li.current a {
    color: #18b7cd;
    border-bottom: 2px solid #18b7cd;
  }
  .product_cat_wrap .product_cat_link a {
    color: #555;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1.5px;
  }
  .product_cat_title {
    position: relative;
  }
  .product_cat_title img {
    width: 100%;
    display: block;
  }
  .product_cat_title span {
    color: #fff;
    position: absolute;
  }
  .product_head .images_box #featured_img {
    border: 1px solid #dddddd;
    overflow: hidden;
  }
  .product_head .images_box #featured_img img {
    width: 100%;
  }
  .product_head .images_box #thumb_img {
    display: flex;
    flex-wrap: wrap;
  }
  .product_head .images_box #thumb_img > div {
    border: 1px solid #dddddd;
  }
  .product_head .images_box #thumb_img > div.active {
    border: 1px solid #4568b1;
  }
  .product_head .text_box .product_title {
    font-weight: normal;
  }
  .product_head .text_box .catch {
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
  }
  .product_head .text_box .btn_wrap .col_cart_price {
    background: #f0f4f6;
  }
  .product_head .text_box .btn_wrap .col_cart_price.regular {
    background: #fff9eb;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner {
    margin-inline: auto;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price {
    margin-top: 0;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .regText {
    font-weight: bold;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum {
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #000;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum
    > small {
    font-weight: normal;
    margin-left: 3px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum.regular {
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum.regular
    > small {
    color: #000;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .kindsText {
    font-weight: 600;
    color: #5272b5;
    line-height: 1.4;
    letter-spacing: 0.09em;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .kindsText.regular {
    color: #e98d41;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner .col_cart {
    position: relative;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner .col_cart::before {
    content: "";
    position: absolute;
    background: url(../images/common/icon_cart.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 18px;
    z-index: 1;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart:hover::before {
    background: url(../images/common/icon_cart_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart.regular:hover {
    background-position: -100% 0 !important;
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart.regular:hover::before {
    background: url(../images/common/icon_cart_orange.svg) !important;
    background-size: contain;
    background-repeat: no-repeat !important;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input {
    letter-spacing: 0.09em;
    font-weight: 500;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input.common_btn {
    background: linear-gradient(to right, #4568b1 50%, #fff 50%);
    border: 1px solid #4568b1;
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input.common_btn:hover {
    background-position: -100% 0 !important;
    color: #4568b1;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn {
    letter-spacing: 0.09em;
    font-weight: 500;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn::before {
    background: url(../images/common/icon_cart.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 18px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn:hover::before {
    background: url(../images/common/icon_cart_lightblue.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular {
    border: solid 1px #e98d41;
    color: #fff;
    background: linear-gradient(to right, #e98d41 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular:hover {
    background-position: -100% 0 !important;
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular:hover::before {
    background: url(../images/common/icon_cart_orange.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head .text_box .btn_wrap .col_cart_price + .storeMessage {
    text-align: left;
  }
  .product_head .text_box .btn_wrap .revBtnWrap {
    display: flex;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn {
    border: solid 1px #000;
    background: none;
    color: #000;
    min-width: unset;
    padding: 17px 30px;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn + .common_btn {
    margin-top: 0;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow {
    border: solid 1px #18b7cd;
    color: #fff;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow::before {
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow:hover {
    background-position: -100% 0 !important;
    color: #18b7cd;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    border: 1px solid #18b7cd;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.hasArrow:hover::before {
    background: url(../images/common/link_arrow_b.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei {
    border: 1px solid #000;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei.blue {
    background: linear-gradient(to right, #fff 50%, #4568b1 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei:before {
    background: url(../images/common/link_arrow.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei:hover {
    background-position: -100% 0;
    border: 1px solid #18b7cd;
    color: #fff;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei:hover:before {
    right: 8px;
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei[target="_blank"]:before {
    background: url(../images/common/icon_blank_b.png) no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei[target="_blank"]:hover:before {
    background: url(../images/common/icon_blank_w.png) no-repeat;
  }
  .voice_list > div {
    position: relative;
    border: 2px solid #a8b8da;
  }
  .voice_list > div:before {
    content: "";
    background: url(../images/common/icon_user.png) no-repeat #5272b5 center;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
  }
  .voice_list > div p {
    margin-top: 0;
  }
  .voice_list > div p.name {
    position: absolute;
  }
  .tab_link_list {
    display: flex;
  }
  .tab_link_list a {
    text-decoration: none;
    color: #333333;
    text-align: center;
    display: block;
    border: 1px solid #dddddd;
    width: calc(33.3333333333% - 3px);
    line-height: 1.3;
  }
  .tab_link_list a:not(:nth-of-type(3n)) {
    margin-right: 8px;
  }
  .tab_link_list a.current {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .news_cat_list {
    display: flex;
  }
  .news_cat_list a {
    text-decoration: none;
    color: #333333;
    text-align: center;
    display: block;
    border: 1px solid #dddddd;
    line-height: 1.3;
  }
  .news_cat_list a.current {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .pager ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .wp-pagenavi {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pager ul li {
    font-family: "Roboto", sans-serif;
  }
  .wp-pagenavi span {
    font-family: "Roboto", sans-serif;
    color: #c5c5c5;
  }
  .pager ul li a {
    font-family: "Roboto", sans-serif;
    color: #5272b5;
    text-decoration: none;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .wp-pagenavi a {
    color: #5272b5;
    text-decoration: none;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .pager ul li a:hover {
    opacity: 1;
    color: #fff;
  }
  .wp-pagenavi a:hover {
    opacity: 1;
    color: #fff;
  }
  .pager ul li a:hover:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .wp-pagenavi a:hover:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .pager ul li span {
    color: #c5c5c5;
  }
  .pager ul .current span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .wp-pagenavi .current {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .pager ul .current span:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .wp-pagenavi .current:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .pager ul .prev,
  .pager ul .next {
    margin-top: 5px;
  }
  .pager ul .prev a,
  .pager ul .next a {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: #000;
    position: relative;
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: #000;
    position: relative;
  }
  .pager ul .prev a:hover:before,
  .pager ul .next a:hover:before {
    content: none;
  }
  .wp-pagenavi .previouspostslink:hover:before,
  .wp-pagenavi .nextpostslink:hover:before {
    content: none;
  }
  .pager ul .prev a:after,
  .wp-pagenavi .previouspostslink:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 1px #5272b5;
    border-left: solid 1px #5272b5;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    left: 11px;
  }
  .pager ul .next a:after,
  .wp-pagenavi .nextpostslink:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #5272b5;
    border-right: solid 1px #5272b5;
    transform: rotate(45deg);
    position: absolute;
  }
  .catch {
    text-align: center;
  }
  .cotton_omi {
    background: url('../images/cotton/cotton_omoi_bg.png') no-repeat;
    background-size: cover;
  }
  .cotton_omi .cotton_omoi_main .text h2 {
    color: #744d4d;
  }
  .cotton_omi .cotton_omoi_main .img img {
    width: 100%;
  }
  h3.omoi {
    color: #784848;
    text-align: center;
    position: relative;
    font-weight: bold;
  }
  h3.omoi span {
    display: inline-block;
    background-color: #fff;
    padding: 0 30px;
  }
  h3.omoi:before {
    content: "";
    display: inline-block;
    background: url('../images/cotton/cotton_omoi_img_midashi.png')
      no-repeat;
    background-size: cover;
    position: absolute;
    width: 53px;
    height: 49px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  h3.omoi:after {
    content: "";
    display: inline-block;
    background-color: #784848;
    position: absolute;
    width: 400px;
    height: 1px;
    bottom: 13px;
    left: calc(50% - 200px);
    z-index: -1;
  }
  .omoi_list > .item:nth-of-type(1) .text {
    background: url('../images/cotton/cotton_omoi_num_1.png') no-repeat top
      right;
  }
  .omoi_list > .item:nth-of-type(2) .text {
    background: url('../images/cotton/cotton_omoi_num_2.png') no-repeat top
      right;
  }
  .omoi_list > .item:nth-of-type(3) .text {
    background: url('../images/cotton/cotton_omoi_num_3.png') no-repeat top
      right;
  }
  .omoi_list > .item:nth-of-type(4) .text {
    background: url('../images/cotton/cotton_omoi_num_4.png') no-repeat top
      right;
  }
  .omoi_list > .item .img img {
    width: 100%;
  }
  .omoi_list > .item .text h4 {
    color: #4568b1;
  }
  .jisseki_list .item .value_wrap > div .title {
    color: #fff;
    background-color: #4568b1;
    padding: 8px 10px;
    line-height: 1;
  }
  .jisseki_list .item .value_wrap > div dl dt {
    background-color: #f3f3f3;
    text-align: center;
    padding: 5px 10px;
    line-height: 1;
    width: 50%;
  }
  .jisseki_list .item .value_wrap > div dl dd {
    line-height: 1;
  }
  .jisseki_list .item .img {
    text-align: center;
  }
  .not_found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: url(../images/common/notfound_bg.png) no-repeat;
  }
  .not_found .not_found_inner {
    text-align: center;
  }
  .not_found .not_found_inner .title {
    font-family: "Josefin Sans", sans-serif;
    color: #744d4d;
    margin: 0;
  }
  .not_found .not_found_inner .sub_title {
    color: #744d4d;
  }
  .feedback_product_wrap .item {
    position: relative;
  }
  .feedback_product_wrap .item:before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #3cc5d8;
    border-right: 10px solid #3cc5d8;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .feedback_product_wrap .item a {
    display: block;
    border: 1px solid #dddddd;
    text-decoration: none;
  }
  .feedback_product_wrap .item .desc {
    background-color: #3cc5d8;
    position: relative;
    display: flex;
    align-items: center;
  }
  .feedback_product_wrap .item .desc:after {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #3cc5d8;
    border-right: 10px solid #3cc5d8;
    position: absolute;
    transform: rotate(45deg);
    bottom: -10px;
    left: calc(50% - 16px);
  }
  .feedback_product_wrap .item .desc .ym {
    color: #18b7cd;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }
  .feedback_product_wrap .item .desc p {
    margin: 0;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
  }
  .feedback_product_wrap .item .title {
    color: #333333;
    font-weight: bold;
  }
  .feedback_product_img {
    text-align: center;
  }
  .feedback_voice_wrap .item .fukidashi {
    border: 1px solid #5272b5;
    position: relative;
    border-radius: 9px;
  }
  .feedback_voice_wrap .item .fukidashi:after {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/fukidashi_hashi.jpg);
    width: 21px;
    height: 17px;
    position: absolute;
    bottom: -17px;
    left: calc(50% - 10px);
  }
  .feedback_voice_wrap .item .fukidashi .onayami {
    color: #fff;
    background-color: #5272b5;
    line-height: 1;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translateX(-50%);
  }
  .feedback_voice_wrap .item .fukidashi p {
    color: #5272b5;
    text-align: center;
    margin: 0;
    line-height: 1.5;
    font-weight: bold;
  }
  .feedback_voice_wrap .item .img {
    text-align: center;
  }
  .bg_grade {
    background: url(../images/second/customer/bg_grade.png) no-repeat top center;
    background-size: cover;
    position: relative;
  }
  .bg_grade.sokode:before {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/sokode.png) no-repeat;
    background-size: cover;
    position: absolute;
  }
  .bg_grade .midashi_fukidashi {
    line-height: 1.3;
  }
  .bg_grade .midashi_fukidashi span {
    display: inline-block;
    position: relative;
  }
  .bg_grade .midashi_fukidashi span:before {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/shape_left.png) no-repeat;
    width: 23px;
    height: 33px;
    position: absolute;
    left: 0;
    bottom: 0px;
  }
  .bg_grade .midashi_fukidashi span:after {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/shape_right.png) no-repeat;
    width: 23px;
    height: 33px;
    position: absolute;
    right: 0;
    bottom: 0px;
  }
  .feedback_product_features .item {
    background-color: #fff;
    box-shadow: 0px 0px 36px -21px #25c0d6;
  }
  .feedback_product_features .item .title {
    font-weight: bold;
    text-align: center;
    margin: 0;
  }
  .feedback_product_features .item .img {
    margin: 0;
    text-align: center;
  }
  .series_link .series_wrap {
    position: relative;
  }
  .series_link .series_wrap .img {
    text-align: center;
  }
  .series_link .series_wrap .text_wrap .tag {
    color: #7d5050;
    display: inline-block;
    letter-spacing: 0.1em;
    border: 1px solid #7d5050;
  }
  .series_link .series_wrap .text_wrap .title {
    color: #7d5050;
    font-weight: bold;
    display: block;
    line-height: 1.3;
  }
  .series_link .series_wrap .text_wrap .text {
    color: #7d5050;
    line-height: 1.5;
  }
  .recruit_heading {
    text-align: center;
  }
  .recruit_heading h2 {
    font-family: "Josefin Sans", sans-serif;
    color: #4568b1;
    font-weight: normal;
  }
  .recruit_interview_wrap {
    position: relative;
  }
  .recruit_interview_wrap:before {
    content: "";
    display: block;
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
  }
  .recruit_interview_list {
    display: flex;
    flex-wrap: wrap;
  }
  .recruit_interview_list a {
    text-decoration: none;
    color: #333333;
    display: block;
  }
  .recruit_interview_list figure img {
    max-width: 100%;
  }
  .recruit_interview_list .text p {
    margin: 0;
  }
  .recruit_interview_list .text .name {
    font-weight: bold;
  }
  .recruit_footer {
    background: url(../images/second/recruit/recruit_footer_img.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
  }
  .recruit_message_catch {
    font-weight: bold;
    text-align: center;
    position: relative;
    letter-spacing: 0.1em;
  }
  .recruit_message_catch:before {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/message.png) no-repeat;
    background-size: cover;
    width: 188px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 6%;
  }
  .staff_detail .main_img .common_inner {
    position: relative;
  }
  .staff_detail .main_img .profile {
    background-color: #fff;
  }
  .staff_detail .main_img .profile p {
    margin-top: 0;
  }
  .staff_detail .main_img .profile .name {
    font-weight: bold;
  }
  .staff_detail .main_img .profile:after {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/profile.png) no-repeat;
    background-size: cover;
    position: absolute;
  }
  .staff_detail .staff_detail_cont h2 {
    position: relative;
  }
  .staff_detail .staff_detail_cont h2:before {
    content: "";
    display: inline-block;
    background-color: #4568b1;
    position: absolute;
    left: 0;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dt {
    position: relative;
    font-weight: bold;
  }
  article {
    line-height: 1.8;
  }
  article ul {
    list-style: none;
  }
  article img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  article h3.title {
    border-left: 2px solid #4568b1;
  }
  article h1,
  article h2,
  article h3,
  article h4 {
    line-height: 1.4;
  }
  article a {
    color: #4568b1;
  }
  article a:hover {
    text-decoration: none;
  }
  .tobira_title {
    color: #4568b1;
    text-align: center;
    position: relative;
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    margin: 0;
  }
  .tobira_sub_title {
    color: #555;
    text-align: center;
    font-weight: bold;
  }
  h1.title {
    position: relative;
    font-weight: normal;
  }
  h1.title:after {
    content: "";
    height: 1px;
    width: 33px;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  h1.title + .ymd {
    line-height: 1;
  }
  h1.title + .ymd .cat {
    color: #586e9e;
    font-family: "Josefin Sans", sans-serif;
    display: inline-block;
  }
  h1.title + .ymd .cat.news {
    color: #fff;
    line-height: 1;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium",
      "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN",
      "Hiragino Sans", "Noto Sans JP", sans-serif;
  }
  h1.title + .ymd .cat.news + time {
    border-left: none;
    margin-left: 5px;
  }
  h1.title + .ymd time {
    display: inline-block;
    border-left: 1px solid #555555;
    color: #333333;
  }
  h2.title {
    border-bottom: 1px solid #333333;
    font-weight: bold;
  }
  h2.title2 {
    color: #4568b1;
    font-weight: bold;
  }
  h3.title {
    color: #4568b1;
    font-weight: normal;
  }
  .kome {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 10px;
  }
  .kome:before {
    content: "※";
  }
  .kome + .kome {
    margin-top: 0;
  }
  a.link,
  span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 36px;
  }
  a.link:after,
  span.link:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_b.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 13px;
    right: 8px;
    transition: all 0.6s;
  }
  a.link2,
  span.link2 {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 36px;
  }
  a.link2:before,
  span.link2:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 0;
  }
  a.link2:after,
  span.link2:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 10px;
    right: 8px;
    transition: all 0.3s;
  }
  ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  ul.anker.col2 li {
    width: 50%;
  }
  ul.anker.col4 li {
    width: 25%;
  }
  ul.anker li {
    list-style: none;
    border-right: 1px solid #fff;
    width: 33.3333333333%;
  }
  ul.anker li a {
    display: block;
    background: #eeeeee;
    position: relative;
    height: 100%;
    padding: 8px 12px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    line-height: 1.3;
    text-decoration: none;
    transition: background-color 0.2s;
  }
  ul.anker li a:after {
    content: "";
    display: block;
    border-bottom: 1px solid #18b7cd;
    border-right: 1px solid #18b7cd;
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 11px;
    left: 50%;
    margin-left: -3px;
  }
  .cap {
    display: block;
    text-align: left;
    font-size: 13px;
    margin-top: 10px;
  }
  .imgLine2.bdnone li {
    border: 0;
  }
  .imgLine2 li {
    text-align: center;
    border: 1px solid #dddddd;
  }
  .imgLine2 li img {
    max-width: 100%;
  }
  .imgLine2 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .imgLine3.bdnone li {
    border: 0;
  }
  .imgLine3 li {
    text-align: center;
    border: 1px solid #dddddd;
  }
  .imgLine3 li img {
    max-width: 100%;
  }
  .imgLine3 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .imgLine4.bdnone li {
    border: 0;
  }
  .imgLine4 li {
    border: 1px solid #dddddd;
  }
  .imgLine4 li img {
    width: 100%;
  }
  .imgInP .img .cap {
    display: block;
    text-align: left;
    font-size: 13px;
    margin-top: 5px;
  }
  .twoCol.text_bg_gray .txt {
    background-color: #f9f9f9;
  }
  .threeCol.small > div .img {
    text-align: center;
  }
  .threeCol.small > div .img img {
    width: 70%;
  }
  .threeCol.small > div li:not(:first-of-type) {
    margin-top: 5px;
  }
  ul.commonList li {
    padding-left: 18px;
    position: relative;
    box-sizing: border-box;
    line-height: 1.5;
  }
  ul.commonList li:not(:first-of-type) {
    margin-top: 10px;
  }
  ul.commonList li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: auto;
    content: "";
    border-radius: 50%;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    top: 8px;
  }
  ol {
    padding-left: 18px;
  }
  ol li + li {
    margin-top: 10px;
  }
  ol.brackets {
    padding-left: 0;
  }
  ol.brackets li {
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
    padding-left: 2em;
  }
  ol.brackets li:before {
    content: "(" counter(cnt) ")";
    position: absolute;
    top: 0;
    left: 0;
  }
  .commonTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit;
    border: 1px solid #dddddd;
  }
  .commonTable th {
    background-color: #f2f2f2;
    color: #333333;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
  }
  .commonTable th.sub {
    background-color: #fbfbfb;
  }
  .commonTable th.required {
    position: relative;
    vertical-align: middle;
  }
  .commonTable th.required:after {
    content: "必須";
    background-color: #cf0000;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px;
    line-height: 1;
    display: inline-block;
    float: right;
    margin-right: -35px;
  }
  .commonTable th.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #fff;
  }
  .commonTable td {
    padding: 12px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #fff;
    word-break: break-all;
  }
  .commonTable td *:last-child {
    margin-bottom: 0;
  }
  .commonTable td *:first-child {
    margin-top: 0;
  }
  .commonTable td .kome {
    display: block;
    font-size: 14px;
    margin-top: 5px;
  }
  .commonTable td .category {
    width: 130px;
    display: inline-block;
  }
  .commonTable td .subtxt {
    width: 43px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
  }
  .commonTable td.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .scrollTable {
    overflow: auto;
  }
  .scrolltext {
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 20px 0 -10px;
  }
  .colorBox {
    background-color: #f2f2f2;
  }
  .colorBox *:nth-child(1) {
    margin-top: 0;
  }
  .colorBox .title {
    display: block;
    color: #4568b1;
  }
  .colorBox.round {
    border-radius: 20px;
  }
  .colorBox.blue {
    background-color: #e3ebf5;
  }
  .colorBox p {
    margin-top: 10px;
  }
  .borderBox .title {
    display: block;
  }
  .borderBox *:nth-child(1) {
    margin-top: 0;
  }
  .tab_wrap {
    width: 100%;
  }
  .tab_wrap .tab_area {
    display: flex;
  }
  .tab_wrap .tab_area label {
    background-color: #e5e5e5;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    position: relative;
  }
  .tab_wrap .tab_area label span {
    display: block;
    color: #000;
    width: 100%;
    text-align: center;
  }
  .tab_wrap .tab_area label:before {
    content: "";
    border: 0px;
    border-top: solid 2px #b4b4b4;
    border-right: solid 2px #b4b4b4;
    transform: rotate(135deg);
    position: absolute;
    display: inline-block;
  }
  .tab_wrap .tab_panel {
    width: 100%;
    display: none;
  }
  .tab_wrap .panel_area {
    padding: 0 20px 20px;
    border-radius: 0 0 6px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .border-box {
    border: 1px solid #ccc;
    padding: 20px;
  }
  .common_dl_wrap {
    border-top: 1px solid #dddddd;
  }
  .common_dl_wrap dl {
    border-bottom: 1px solid #dddddd;
  }
  .common_dl_wrap dl dt {
    color: #4568b1;
  }
  .ytWrap .ytWrap_inner {
    position: relative;
    padding-bottom: 56.25%;
  }
  .ytWrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  /* common class */
  strong {
    font-weight: bold !important;
  }
  .pointerNone {
    cursor: default;
    text-decoration: none;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .Center {
    margin: 0 auto !important;
  }
  .ovh {
    overflow: hidden !important;
  }
  .mw100 {
    max-width: 100% !important;
    width: auto !important;
  }
  .w100p {
    width: 100% !important;
  }
  .inline {
    display: inline !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .textred {
    color: #de0000 !important;
  }
  .textblue {
    color: #4568b1 !important;
  }
  .bold {
    font-weight: bold !important;
  }
  .underline {
    text-decoration: underline !important;
  }
  .bdnone {
    border: none !important;
  }
  .floatL {
    float: left;
  }
  .floatR {
    float: right;
  }
  .preBox {
    background: #eff0f4;
    border: 1px solid #18b7cd;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
    text-align-last: auto;
  }
  .LPtitle1 {
    text-align: center;
    border-top: 2px solid #4568b1;
    border-bottom: 2px solid #4568b1;
    font-weight: normal;
  }
  .LPtitle2 {
    text-align: center;
    font-weight: bold;
    color: #744d4d;
  }
  .LPtitle2 span {
    background: linear-gradient(transparent 70%, #f0f0f0 70%);
  }
  .LPtitle3 {
    text-align: center;
    font-weight: bold;
    color: #5272b5;
  }
  .LPtitle4 {
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #4568b1;
  }
  .LPtitle4 span {
    color: #5272b5;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .bg_gray {
    background-color: #f9f9f9;
  }
  .bg_gray + .bg_gray {
    margin-top: 0;
  }
  .heiretsu_line > div {
    background-color: #fff;
  }
  .LPtext1 {
    font-weight: bold;
    color: #5272b5;
  }
  .colorBox_3col > div {
    background-color: #f9f9f9;
  }
  .colorBox_3col > div .title {
    color: #5272b5;
    line-height: 1.3;
    font-weight: bold;
    display: block;
    text-align: center;
  }
  .colorBox_3col > div p {
    margin-top: 0;
    line-height: 1.8;
  }
  .colorBox_3col > div p + p {
    margin-top: 20px;
  }
  .LPpoint_list > div .text .point {
    font-family: "Josefin Sans", sans-serif;
    display: block;
    color: #4568b1;
    line-height: 1.3;
    position: relative;
    text-align: center;
    /*
     &:before{
     content: "";
     display: inline-block;
     background: url(../images/second/point_title_bg.png) no-repeat;
     width: 206px;
     height: 206px;
     position: absolute;
     top: -103px;
     left: calc(50% - 103px);
     z-index: -1;
    }
     */
  }
  .LPpoint_list > div .text .point:after {
    content: "";
    display: inline-block;
    height: 1px;
    width: 20px;
    background-color: #4568b1;
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
  }
  .LPpoint_list > div .text .point .num {
    display: block;
    font-family: "Roboto", sans-serif;
  }
  .LPpoint_list > div .text .title {
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
  }
  .LPname {
    font-weight: bold;
    line-height: 1.5;
  }
  .LPname .position {
    color: #5272b5;
    display: block;
  }
  .qa_wrap dl {
    border: 1px solid #dddddd;
    background-color: #fff;
  }
  .qa_wrap dl dt {
    color: #5272b5;
    font-weight: bold;
    position: relative;
    line-height: 1.5;
  }
  .qa_wrap dl dt:before {
    content: "Q";
    font-family: "Josefin Sans", sans-serif;
    font-weight: normal;
    position: absolute;
    font-size: 28px;
    top: 14px;
    left: 30px;
  }
  .qa_wrap dl dt:after {
    content: "";
    display: inline-block;
    background: url('../images/common/qa_plus.png') no-repeat;
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 17px;
    width: 31px;
    height: 31px;
  }
  .qa_wrap dl dt.open:after {
    background: url('../images/common/qa_minus.png') no-repeat;
    background-size: cover;
  }
  .qa_wrap dl dd {
    display: none;
    position: relative;
  }
  .qa_wrap dl dd:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #4568b1;
    position: absolute;
    top: 0;
    left: 30px;
  }
  .qa_wrap dl dd:before {
    content: "A";
    font-family: "Josefin Sans", sans-serif;
    font-weight: normal;
    position: absolute;
    font-size: 28px;
    top: 11px;
    left: 33px;
  }
  .aform input[type="text"].error,
  .aform input[type="password"].error,
  .aform input[type="tel"].error,
  .aform input[type="email"].error,
  .aform select.error,
  .aform textarea.error {
    background-color: #fff1f2;
  }
  .aform select {
    /* 👇デフォルトのスタイルを解除 */
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* 👇スタイル */
    display: inline-block;
    cursor: pointer;
    /* カーソルを指に */
    line-height: 1.4;
    /* 行高 */
    background-image: linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%),
      linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%);
    background-image: url(../images/second/contact/contact_arrow.png);
    background-size: 13px 9px;
    background-repeat: no-repeat;
  }
  .aform select::-ms-expand {
    display: none;
  }
  .aform input[type="radio"] {
    display: none;
  }
  .aform input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
  }
  .aform input[type="radio"] + label::before,
  .aform input[type="radio"] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.2s;
  }
  .aform input[type="radio"] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .aform input[type="radio"] + label:hover::before {
    background: #fff;
  }
  .aform input[type="radio"] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #18b7cd;
    transform: scale(2);
  }
  .aform input[type="radio"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .aform input[type="radio"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .aform input[type="checkbox"] {
    display: none;
  }
  .aform input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .aform input[type="checkbox"] + label.type2 {
    border: 1px solid #e1e1e1;
    padding: 15px 20px 13px 45px;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px #e1e1e1;
  }
  .aform input[type="checkbox"] + label.type2:before,
  .aform input[type="checkbox"] + label.type2:after {
    margin-left: 25px;
  }
  .aform input[type="checkbox"] + label.type2:hover {
    opacity: 0.7;
  }
  .aform input[type="checkbox"] + label::before,
  .aform input[type="checkbox"] + label::after {
    position: absolute;
    content: "";
    transition: all 0.2s;
  }
  .aform input[type="checkbox"] + label::before {
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
  }
  .aform input[type="checkbox"] + label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #18b7cd;
    border-bottom: 2px solid #18b7cd;
    transform: rotate(-45deg) scale(0.5);
  }
  .aform input[type="checkbox"] + label:hover::before {
    background: #fff;
  }
  .aform input[type="checkbox"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .aform input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:visited {
    color: #fff !important;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:hover {
    color: #fff;
  }
  .aform .aform-content .aform-button-area input[type="button"] {
    border-radius: 0px;
  }
  #aform_btn_back {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    vertical-align: bottom;
  }
  #aform_btn_back:before {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: calc(50% - 2px);
    right: 15px;
    transition: all 0.6s;
  }
  #aform_btn_back.back:before {
    right: auto;
    left: 15px;
    transform: scale(-1, 1);
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
    width: auto;
    padding: 0;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform #aform_result {
    color: #000;
    text-align: center;
    font-size: initial;
    font-weight: initial;
  }
  .aform #aform_result a.common_btn {
    margin: 20px auto 30px;
  }
}
@media print, screen and (min-width: 901px) {
  #page_header {
    background: url(../images/second/page_header.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 400px;
  }
  #page_header.narrow {
    height: 280px;
  }
  /* #page_header.news {
    background: url(../images/second/page_header_news.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.cotton {
    background: url(../images/second/page_header_cotton.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.product {
    background: url(../images/second/page_header_product.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.about_us {
    background: url(../images/second/page_header_about_us.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.csr {
    background: url(../images/second/page_header_csr.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.recruit {
    background: url(../images/second/page_header_recruit.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  #page_header.customer {
    background: url(../images/second/page_header_customer.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* #page_header.contact {
    background: url(../images/second/page_header_contact.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.feedback {
    background: url(../images/second/page_header_feedback.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.faq {
    background: url(../images/second/page_header_faq.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  /* #page_header.recruit {
    background: url(../images/second/page_header_recruit.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  } */
  #page_header.diary {
    background: url(../images/second/page_header_diary.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
  }
  #page_header.diary .page_header_title {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #page_header.diary .page_header_title img {
    max-height: 80%;
  }
  #page_header.recruit {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #page_header .common_inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  #page_header .page_header_title {
    color: #744d4d;
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    text-transform: capitalize;
    font-size: 30px;
  }
  #page_header .page_header_sub_title {
    color: #744d4d;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top: 5px;
  }
  .breadcrumb {
    border-bottom: 1px solid #dddddd;
    padding: 30px 0px;
    font-size: 12px;
    text-align: right;
  }
  .breadcrumb_list > span {
    display: inline-block;
    color: #333333;
    position: relative;
    font-weight: bold;
  }
  .breadcrumb_list > span a {
    color: #4568b1;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding-right: 50px;
  }
  .breadcrumb_list > span:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 2;
  }
  .breadcrumb_list > span:last-child:after {
    display: none;
  }
  #contents {
    padding: 70px 0 0;
  }
  .tobira_section_wrap .sec {
    position: relative;
    display: flex;
    align-items: center;
  }
  .tobira_section_wrap .sec:nth-of-type(odd) {
    flex-direction: row-reverse;
    padding-left: calc((100% - 70vw) / 2);
  }
  .tobira_section_wrap .sec:nth-of-type(odd) .text {
    padding-right: 8vw;
  }
  .tobira_section_wrap .sec:nth-of-type(even) {
    padding-right: calc((100% - 70vw) / 2);
  }
  .tobira_section_wrap .sec:nth-of-type(even) .text {
    padding-left: 8vw;
  }
  .tobira_section_wrap .sec:not(:first-of-type) {
    margin-top: 80px;
  }
  .tobira_section_wrap .sec:nth-of-type(3):before {
    content: "";
    display: inline-block;
    background: url(../images/home/hito_1.png) no-repeat;
    background-size: cover;
    width: 155px;
    height: 203px;
    position: absolute;
    top: -157px;
    right: 30px;
    z-index: -1;
  }
  .tobira_section_wrap .sec .img {
    width: 60%;
  }
  .tobira_section_wrap .sec .img img {
    width: 100%;
  }
  .tobira_section_wrap .sec .text {
    width: 40%;
  }
  .tobira_section_wrap .sec .text .heading {
    display: flex;
    align-items: baseline;
  }
  .tobira_section_wrap .sec .text .heading h2 {
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    color: #5272b5;
    font-size: 28px;
  }
  .tobira_section_wrap .sec .text .heading .sub_title {
    margin: 0 0 0 10px;
    color: #888888;
  }
  .tobira_section_wrap .sec .text p {
    margin-top: 30px;
  }
  .tobira_section_wrap .sec .text .btn_wrap {
    margin-top: 40px;
  }
  .bland_list,
  .column_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .bland_list .item,
  .column_list .item {
    width: calc(33.3333333333% - 27px);
  }
  .bland_list .item:not(:nth-of-type(3n)),
  .column_list .item:not(:nth-of-type(3n)) {
    margin-right: 40px;
  }
  .bland_list .item:nth-of-type(n + 4),
  .column_list .item:nth-of-type(n + 4) {
    margin-top: 40px;
  }
  .bland_list .item a,
  .column_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .bland_list .item a:hover img,
  .column_list .item a:hover img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .bland_list .item .img,
  .column_list .item .img {
    width: 100%;
    height: 0;
    padding-top: 68%;
    position: relative;
    overflow: hidden;
  }
  .bland_list .item .img img,
  .column_list .item .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.5s;
    width: 100%;
  }
  .bland_list .item .title,
  .column_list .item .title {
    margin-top: 20px;
  }
  .bland_list .item .ymd,
  .column_list .item .ymd {
    line-height: 1;
    margin-top: 20px;
  }
  .bland_list .item .ymd .cat,
  .column_list .item .ymd .cat {
    color: #586e9e;
    font-family: "Josefin Sans", sans-serif;
    display: inline-block;
    font-size: 15px;
  }
  .bland_list .item .ymd time,
  .column_list .item .ymd time {
    display: inline-block;
    border-left: 1px solid #555555;
    color: #333333;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 10px;
  }
  .column_list .item:nth-of-type(n + 4) {
    margin-top: 50px;
  }
  .tobira_col2_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .tobira_col2_list .item {
    width: calc(50% - 20px);
  }
  .tobira_col2_list .item:not(:nth-of-type(2n)) {
    margin-right: 40px;
  }
  .tobira_col2_list .item:nth-of-type(n + 3) {
    margin-top: 60px;
  }
  .tobira_col2_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col2_list .item a:hover img {
    transform: scale(1.1);
  }
  .tobira_col2_list .item a:hover .title:after {
    right: 0px;
  }
  .tobira_col2_list .item a .title:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_b.png) no-repeat;
    background-size: cover;
    width: 18px;
    height: 3px;
    position: absolute;
    right: 5px;
    transition: all 0.3s;
    top: calc(50% - 4px);
  }
  .tobira_col2_list .item .img {
    overflow: hidden;
  }
  .tobira_col2_list .item .img img {
    transform: scale(1);
    transition: all 0.5s;
    width: 100%;
  }
  .tobira_col2_list .item .title {
    font-weight: bold;
    position: relative;
    font-size: 18px;
    margin-top: 30px;
    padding-right: 30px;
  }
  .tobira_col2_list .item .title .num {
    display: inline-block;
    color: #4568b1;
    margin-right: 0.5em;
  }
  .tobira_col2_list .item .text {
    margin-top: 10px;
  }
  .tobira_col2_list.product .item:nth-of-type(n + 3) {
    margin-top: 40px;
  }
  .tobira_col2_list.product .title {
    margin-top: 20px;
    font-size: 16px;
  }
  .tobira_col3_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .tobira_col3_list .item {
    width: calc(33.3333333333% - 27px);
  }
  .tobira_col3_list .item:not(:nth-of-type(3n)) {
    margin-right: 40px;
  }
  .tobira_col3_list .item:nth-of-type(n + 4) {
    margin-top: 50px;
  }
  .tobira_col3_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col3_list .item a:hover img {
    transform: scale(1.1);
  }
  .tobira_col3_list .item .img {
    border: 1px solid #dddddd;
    overflow: hidden;
  }
  .tobira_col3_list .item .img img {
    transform: scale(1);
    transition: all 0.5s;
    width: 100%;
  }
  .tobira_col3_list .item p {
    line-height: 1.5;
    margin-top: 20px;
  }
  .tobira_col3_list.product {
    margin-top: 20px;
  }
  .tobira_col3_list.product p {
    margin-top: 10px;
  }
  .tobira_col4_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .tobira_col4_list .item {
    width: calc(25% - 30px);
  }
  .tobira_col4_list .item:not(:nth-of-type(4n)) {
    margin-right: 40px;
  }
  .tobira_col4_list .item:nth-of-type(n + 5) {
    margin-top: 50px;
  }
  .tobira_col4_list .item a {
    display: block;
    text-decoration: none;
    color: #333333;
  }
  .tobira_col4_list .item a:hover img {
    transform: scale(1.1);
  }
  .tobira_col4_list .item .img {
    border: 1px solid #dddddd;
    overflow: hidden;
  }
  .tobira_col4_list .item .img img {
    transform: scale(1);
    transition: all 0.5s;
    width: 100%;
  }
  .tobira_col4_list .item .status_box {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 1rem;
  }
  .tobira_col4_list .item .status_box .status_item {
    font-size: 0.7rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
    padding: 0.2rem 0.3rem;
  }
  .tobira_col4_list .item .status_box .status_item.new {
    background-color: #b00000;
    border: 1px solid #b00000;
  }
  .tobira_col4_list .item .status_box .status_item.renewal{
    background-color: #e98d41;
    border: 1px solid #e98d41;
  }
  .tobira_col4_list .item .status_box .status_item.end {
    background-color: #888888;
    border: 1px solid #888888;
  }
  .tobira_col4_list .item .status_box .status_item.online {
    border: 1px solid #5272b5;
    color: #5272b5;
  }
  .tobira_col4_list .item p {
    line-height: 1.5;
    margin-top: 10px;
  }
  .tobira_col4_list.product {
    margin-top: 20px;
  }
  .tobira_col4_list.product p {
    margin-top: 10px;
  }
  .col2_gray_box {
    background-color: #f6f6f6;
    display: flex;
    justify-content: center;
    padding: 30px;
  }
  .col2_gray_box > div {
    margin: 0 20px;
  }
  .prev_next_wrap {
    padding: 25px 0;
    margin-top: 100px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  .prev_next_wrap .common_inner {
    display: flex;
    position: relative;
  }
  .prev_next_wrap .common_inner a {
    display: inline-block;
    color: #000;
    font-family: "Josefin Sans", sans-serif;
    position: relative;
  }
  .prev_next_wrap .common_inner a.back {
    margin: 0 auto 0 0;
    padding-left: 75px;
  }
  .prev_next_wrap .common_inner a.back:hover:after {
    left: 22px;
  }
  .prev_next_wrap .common_inner a.back:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 30px;
  }
  .prev_next_wrap .common_inner a.back:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_left.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    transition: all 0.3s;
    top: 12px;
    left: 38px;
  }
  .prev_next_wrap .common_inner a.ichiran {
    position: absolute;
    left: calc(50% - 15px);
    top: 0;
  }
  .prev_next_wrap .common_inner a.ichiran img {
    width: 30px;
  }
  .prev_next_wrap .common_inner a.next {
    margin: 0 0 0 auto;
    padding-right: 75px;
  }
  .prev_next_wrap .common_inner a.next:hover:after {
    right: 22px;
  }
  .prev_next_wrap .common_inner a.next:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 30px;
  }
  .prev_next_wrap .common_inner a.next:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    transition: all 0.3s;
    top: 12px;
    right: 38px;
  }
  .contact_lead {
    font-weight: bold;
    font-size: 16px;
    line-height: 2.1;
    margin-bottom: 60px;
  }
  .contact_btns {
    margin-top: 50px;
    display: flex;
    justify-content: center;
  }
  .contact_btns .common_btn {
    font-size: 20px;
    padding: 30px 70px 30px 50px;
    min-width: 370px;
  }
  .contact_btns .common_btn:nth-of-type(1) {
    margin-right: 20px;
  }
  .contact_btns .common_btn:hover .icon.headset {
    background: url(../images/common/icon_headset_blue.svg) no-repeat;
  }
  .contact_btns .common_btn:hover .icon.fukidashi {
    background: url(../images/common/icon_fukidashi_blue.svg) no-repeat;
  }
  .contact_btns .common_btn .icon {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
  }
  .contact_btns .common_btn .icon.headset {
    background: url(../images/common/icon_headset.svg) no-repeat;
    background-size: cover;
    width: 24px;
    height: 23px;
  }
  .contact_btns .common_btn .icon.fukidashi {
    background: url(../images/common/icon_fukidashi.svg) no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
  }
  h2 + .contact_index_box {
    margin-top: 50px;
  }
  .contact_index_box {
    border: 1px solid #cdcdcd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px;
    margin-top: 20px;
  }
  .contact_index_box .text {
    margin-right: 2vw;
  }
  .contact_index_box .text p {
    margin-top: 10px;
    font-size: 13px;
  }
  .contact_index_box .text ul {
    margin-top: 20px;
  }
  .contact_index_box .text ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .contact_index_box .text ul li:before {
    content: "・";
  }
  .contact_index_box .text .title {
    font-weight: bold;
    margin-top: 0;
    line-height: 1.3;
    color: #4568b1;
    font-size: 18px;
  }
  .contact_index_box .text .tel {
    color: #4568b1;
    margin-top: 15px;
    line-height: 1;
    font-size: 16px;
  }
  .contact_index_box .text .tel a {
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-size: 26px;
  }
  .product_cat_wrap {
    border-bottom: 1px solid #dddddd;
    width: 100%;
  }
  .product_cat_wrap .product_cat_link {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
  }
  .product_cat_wrap .product_cat_link li.current a {
    color: #18b7cd;
    border-bottom: 2px solid #18b7cd;
  }
  .product_cat_wrap .product_cat_link a {
    color: #555;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1.5px;
    font-size: 15px;
    padding: 0px 10px 20px;
  }
  .product_cat_wrap .product_cat_link a:hover {
    color: #18b7cd;
    border-bottom: 2px solid #18b7cd;
  }
  .product_cat_title {
    position: relative;
    margin-top: 50px;
  }
  .product_cat_title img {
    width: 100%;
    display: block;
  }
  .product_cat_title span {
    color: #fff;
    position: absolute;
    font-size: 30px;
    top: calc(50% - 19px);
    left: 10vw;
  }
  .product_head {
    display: flex;
  }
  .product_head .images_box {
    width: 50%;
    padding-right: 10px;
  }
  .product_head .images_box #featured_img {
    border: 1px solid #dddddd;
    overflow: hidden;
  }
  .product_head .images_box #featured_img img {
    width: 100%;
  }
  .product_head .images_box #thumb_img {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
  }
  .product_head .images_box #thumb_img > div {
    border: 1px solid #dddddd;
    width: calc(20% - 12px);
  }
  .product_head .images_box #thumb_img > div:not(:nth-of-type(5n)) {
    margin-right: 15px;
  }
  .product_head .images_box #thumb_img > div:nth-of-type(n + 6) {
    margin-top: 15px;
  }
  .product_head .images_box #thumb_img > div:hover {
    border: 1px solid #4568b1;
  }
  .product_head .images_box #thumb_img > div.active {
    border: 1px solid #4568b1;
  }
  .product_head .text_box {
    width: 50%;
    padding-left: 30px;
  }
  .product_head .text_box .status_box {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 1rem;
  }
  .product_head .text_box .status_box .status_item {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
    padding: 0.4rem 0.7rem;
  }
  .product_head .text_box .status_box .status_item.new {
    background-color: #b00000;
    border: 1px solid #b00000;
  }
  .product_head .text_box .status_box .status_item.renewal{
    background-color: #e98d41;
    border: 1px solid #e98d41;
  }
  .product_head .text_box .status_box .status_item.end {
    background-color: #888888;
    border: 1px solid #888888;
  }
  .product_head .text_box .status_box .status_item.online {
    border: 1px solid #5272b5;
    color: #5272b5;
  }
  .product_head .text_box .product_title {
    font-weight: normal;
    font-size: 32px;
  }
  .product_head .text_box .catch {
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    font-size: 18px;
    margin-top: 30px;
  }
  .product_head .text_box p {
    margin-top: 10px;
  }
  .product_head .text_box .btn_wrap {
    margin-top: 50px;
  }
  .product_head .text_box .btn_wrap .common_btn + .common_btn {
    margin-top: 15px;
  }
  .product_head .text_box .btn_wrap .col_cart_price {
    background: #f0f4f6;
    padding: 15px 12px;
  }
  .product_head .text_box .btn_wrap .col_cart_price.regular {
    background: #fff9eb;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner {
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner .col_price {
    max-width: 250px;
    width: 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    row-gap: 0px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .regText,
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum {
    font-size: 16px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .regText {
    font-weight: bold;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum {
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #000;
    font-size: 24px;
    line-height: 1.4;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum
    > small {
    font-weight: normal;
    margin-left: 3px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum.regular {
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .costNum.regular
    > small {
    color: #000;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .kindsText {
    font-weight: 600;
    color: #5272b5;
    line-height: 1.4;
    letter-spacing: 0.09em;
    font-size: 16px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    .kindsText.regular {
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_price
    .itemDetail_price
    small {
    font-size: 13px;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner .col_cart {
    position: relative;
  }
  .product_head .text_box .btn_wrap .col_cart_price .inner .col_cart::before {
    content: "";
    position: absolute;
    background: url(../images/common/icon_cart.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 18px;
    z-index: 1;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart:hover::before {
    background: url(../images/common/icon_cart_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart.regular:hover {
    background-position: -100% 0 !important;
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart.regular:hover::before {
    background: url(../images/common/icon_cart_orange.svg) !important;
    background-size: contain;
    background-repeat: no-repeat !important;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input {
    letter-spacing: 0.09em;
    font-weight: 500;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    min-width: unset;
    padding: 16px 5px 16px 36px;
    width: 183px;
    transition: all 0.4s;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input.common_btn {
    background: linear-gradient(to right, #4568b1 50%, #fff 50%);
    border: 1px solid #4568b1;
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    form
    input.common_btn:hover {
    background-position: -100% 0 !important;
    color: #4568b1;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn {
    letter-spacing: 0.09em;
    font-weight: 500;
    min-width: unset;
    padding: 16px 5px 16px 36px;
    width: 183px;
    transition: all 0.4s;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn::before {
    background: url(../images/common/icon_cart.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 18px;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn:hover::before {
    background: url(../images/common/icon_cart_lightblue.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular {
    border: solid 1px #e98d41;
    color: #fff;
    background: linear-gradient(to right, #e98d41 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular:hover {
    background-position: -100% 0 !important;
    color: #e98d41;
  }
  .product_head
    .text_box
    .btn_wrap
    .col_cart_price
    .inner
    .col_cart
    .common_btn.regular:hover::before {
    background: url(../images/common/icon_cart_orange.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product_head .text_box .btn_wrap .col_cart_price + .col_cart_price {
    margin-top: 8px;
  }
  .product_head .text_box .btn_wrap .col_cart_price + .storeMessage {
    text-align: left;
    font-size: 14px;
    margin-top: 4px;
  }
  .product_head .text_box .btn_wrap * + .revBtnWrap {
    margin-top: 44px;
  }
  .product_head .text_box .btn_wrap .revBtnWrap {
    display: flex;
    gap: 12px;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn {
    border: solid 1px #000;
    background: none;
    color: #000;
    min-width: unset;
    padding: 17px 30px;
    font-size: 15px;
    width: 100%;
    max-width: 224px;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn + .common_btn {
    margin-top: 0;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow {
    border: solid 1px #18b7cd;
    color: #fff;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow::before {
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.hasArrow:hover {
    background-position: -100% 0 !important;
    color: #18b7cd;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    border: 1px solid #18b7cd;
    background-size: 200% 100%;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.hasArrow:hover::before {
    background: url(../images/common/link_arrow_b.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei {
    border: 1px solid #000;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei.blue {
    background: linear-gradient(to right, #fff 50%, #4568b1 50%);
    background-position: 0 0;
    background-size: 200% 100%;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei:before {
    background: url(../images/common/link_arrow.png) no-repeat;
  }
  .product_head .text_box .btn_wrap .revBtnWrap .common_btn.toumei:hover {
    background-position: -100% 0;
    border: 1px solid #18b7cd;
    color: #fff;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei:hover:before {
    right: 8px;
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei[target="_blank"]:before {
    background: url(../images/common/icon_blank_b.png) no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
  }
  .product_head
    .text_box
    .btn_wrap
    .revBtnWrap
    .common_btn.toumei[target="_blank"]:hover:before {
    background: url(../images/common/icon_blank_w.png) no-repeat;
  }
  .product_head .text_box .link_wrap {
    margin-top: 25px;
  }
  .product_head .text_box .link {
    font-size: 15px;
  }
  .voice_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .voice_list.col2 {
    flex-wrap: wrap;
  }
  .voice_list.col2 > div {
    width: calc(50% - 16px);
  }
  .voice_list.col2 > div:not(:nth-of-type(3n)) {
    margin-right: inherit;
  }
  .voice_list.col2 > div:nth-of-type(n + 4) {
    margin-top: inherit;
  }
  .voice_list.col2 > div:nth-of-type(even) {
    margin-left: 24px;
  }
  .voice_list.col2 > div:nth-of-type(n + 3) {
    margin-top: 50px;
  }
  .voice_list > div {
    position: relative;
    border: 2px solid #a8b8da;
    width: calc(33.3333333333% - 16px);
    padding: 60px 30px 80px;
  }
  .voice_list > div:not(:nth-of-type(3n)) {
    margin-right: 24px;
  }
  .voice_list > div:nth-of-type(n + 4) {
    margin-top: 50px;
  }
  .voice_list > div:before {
    content: "";
    background: url(../images/common/icon_user.png) no-repeat #5272b5 center;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px;
    left: calc(50% - 25px);
  }
  .voice_list > div p {
    margin-top: 0;
    font-size: 15px;
  }
  .voice_list > div p.name {
    position: absolute;
    font-size: 14px;
    bottom: 20px;
    right: 30px;
  }
  .tab_link_list {
    display: flex;
    margin-bottom: 70px;
  }
  .tab_link_list a {
    text-decoration: none;
    color: #333333;
    text-align: center;
    display: block;
    border: 1px solid #dddddd;
    width: calc(33.3333333333% - 3px);
    line-height: 1.3;
    font-size: 14px;
    padding: 15px;
    transition: 0.3s;
  }
  .tab_link_list a:not(:nth-of-type(3n)) {
    margin-right: 8px;
  }
  .tab_link_list a:hover {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .tab_link_list a.current {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .news_cat_list {
    display: flex;
    margin-bottom: 35px;
  }
  .news_cat_list a {
    text-decoration: none;
    color: #333333;
    text-align: center;
    display: block;
    border: 1px solid #dddddd;
    line-height: 1.3;
    font-size: 14px;
    padding: 15px;
    transition: 0.3s;
    width: calc(25% - 6px);
  }
  .news_cat_list a:not(:nth-of-type(4n)) {
    margin-right: 8px;
  }
  .news_cat_list a:hover {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .news_cat_list a.current {
    background-color: #4568b1;
    color: #fff;
    border: 1px solid #4568b1;
  }
  .pager {
    margin-top: 60px;
  }
  .pager ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .wp-pagenavi {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .pager ul li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin: 0 15px;
  }
  .wp-pagenavi span {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #c5c5c5;
    margin: 0 15px;
  }
  .pager ul li a {
    color: #5272b5;
    text-decoration: none;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .wp-pagenavi a {
    color: #5272b5;
    text-decoration: none;
    padding: 5px 5px;
    margin: 0 15px;
    display: inline-block;
    position: relative;
  }
  .pager ul li a:hover {
    opacity: 1;
    color: #fff;
  }
  .wp-pagenavi a:hover {
    opacity: 1;
    color: #fff;
  }
  .pager ul li a:hover:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .wp-pagenavi a:hover:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .pager ul li span {
    color: #c5c5c5;
  }
  .pager ul .current span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .wp-pagenavi .current {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 5px;
    display: inline-block;
    position: relative;
  }
  .pager ul .current span:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .wp-pagenavi .current:before {
    content: "";
    display: inline-block;
    background: url(../images/second/pager_current.png) no-repeat;
    position: absolute;
    z-index: -1;
    width: 74px;
    height: 68px;
    top: calc(50% - 35px);
    left: calc(50% - 36px);
  }
  .pager ul .prev,
  .pager ul .next {
    margin-top: 5px;
  }
  .pager ul .prev a,
  .pager ul .next a {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: #000;
    position: relative;
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: transparent;
    position: relative;
  }
  .pager ul .prev a:hover:before,
  .pager ul .next a:hover:before {
    content: none;
  }
  .wp-pagenavi .previouspostslink:hover:before,
  .wp-pagenavi .nextpostslink:hover:before {
    content: none;
  }
  .pager ul .prev,
  .wp-pagenavi .previouspostslink {
    margin-right: 30px;
  }
  .pager ul .prev a:after,
  .wp-pagenavi .previouspostslink:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 1px #5272b5;
    border-left: solid 1px #5272b5;
    transform: rotate(45deg);
    position: absolute;
    /* top: calc(50% - 3px); */
    top: 0;
    bottom: 0;
    margin-block: auto;
    left: 11px;
  }
  .pager ul .next,
  .wp-pagenavi .nextpostslink {
    margin-left: 30px;
  }
  .pager ul .next a:after,
  .wp-pagenavi .nextpostslink:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #5272b5;
    border-right: solid 1px #5272b5;
    transform: rotate(45deg);
    position: absolute;
    /* top: calc(50% - 3px); */
    top: 0;
    bottom: 0;
    margin-block: auto;
    right: 11px;
  }
  .catch {
    text-align: center;
  }
  .catch + h2 {
    margin-top: 30px;
  }
  .cotton_omi {
    background: url('../images/cotton/cotton_omoi_bg.png') no-repeat;
    background-size: cover;
    margin-top: -70px;
    padding-top: 120px;
  }
  .cotton_omi .common_inner {
    max-width: 1050px;
  }
  .cotton_omi .cotton_omoi_main {
    display: flex;
    justify-content: space-between;
  }
  .cotton_omi .cotton_omoi_main .text {
    width: 42%;
    padding-top: 30px;
  }
  .cotton_omi .cotton_omoi_main .text h2 {
    color: #744d4d;
    font-size: 24px;
  }
  .cotton_omi .cotton_omoi_main .text p {
    font-size: 18px;
    margin-top: 40px;
    line-height: 2.2;
  }
  .cotton_omi .cotton_omoi_main .img {
    width: 58%;
  }
  .cotton_omi .cotton_omoi_main .img img {
    width: 100%;
  }
  h3.omoi {
    color: #784848;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 21px;
    margin-top: 30px;
    padding-top: 70px;
  }
  h3.omoi span {
    display: inline-block;
    background-color: #fff;
    padding: 0 30px;
  }
  h3.omoi:before {
    content: "";
    display: inline-block;
    background: url('../images/cotton/cotton_omoi_img_midashi.png')
      no-repeat;
    background-size: cover;
    position: absolute;
    width: 53px;
    height: 49px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  h3.omoi:after {
    content: "";
    display: inline-block;
    background-color: #784848;
    position: absolute;
    width: 400px;
    height: 1px;
    bottom: 13px;
    left: calc(50% - 200px);
    z-index: -1;
  }
  .omoi_list {
    margin-top: 60px;
  }
  .omoi_list > .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .omoi_list > .item:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .omoi_list > .item:nth-of-type(odd) .img {
    transform: translateX(-50px);
  }
  .omoi_list > .item:nth-of-type(even) .img {
    transform: translateX(50px);
  }
  .omoi_list > .item:not(:first-of-type) {
    margin-top: 40px;
  }
  .omoi_list > .item:nth-of-type(1) .text {
    background: url('../images/cotton/cotton_omoi_num_1.png') no-repeat top
      right;
  }
  .omoi_list > .item:nth-of-type(2) .text {
    background: url('../images/cotton/cotton_omoi_num_2.png') no-repeat top
      right;
  }
  .omoi_list > .item:nth-of-type(3) .text {
    background: url('../images/cotton/cotton_omoi_num_3.png') no-repeat top
      right;
  }
  .omoi_list > .item:nth-of-type(4) .text {
    background: url('../images/cotton/cotton_omoi_num_4.png') no-repeat top
      right;
  }
  .omoi_list > .item .img {
    width: 57%;
  }
  .omoi_list > .item .img img {
    width: 100%;
  }
  .omoi_list > .item .text {
    width: 40%;
  }
  .omoi_list > .item .text h4 {
    color: #4568b1;
    font-size: 20px;
  }
  .omoi_list > .item .text p {
    margin-top: 20px;
  }
  .jisseki_list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
  }
  .jisseki_list .item {
    width: calc(50% - 40px);
  }
  .jisseki_list .item:nth-of-type(odd) {
    margin-right: 80px;
  }
  .jisseki_list .item:nth-of-type(n + 3) {
    margin-top: 80px;
  }
  .jisseki_list .item .value_wrap {
    display: flex;
    margin-top: 20px;
  }
  .jisseki_list .item .value_wrap > div {
    width: calc(50% - 10px);
  }
  .jisseki_list .item .value_wrap > div:nth-of-type(odd) {
    margin-right: 20px;
  }
  .jisseki_list .item .value_wrap > div .title {
    color: #fff;
    background-color: #4568b1;
    padding: 8px 10px;
    line-height: 1;
    font-size: 14px;
  }
  .jisseki_list .item .value_wrap > div dl {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  .jisseki_list .item .value_wrap > div dl dt {
    background-color: #f3f3f3;
    text-align: center;
    padding: 5px 10px;
    line-height: 1;
    width: 50%;
    font-size: 13px;
  }
  .jisseki_list .item .value_wrap > div dl dd {
    line-height: 1;
    width: 50%;
    padding: 5px 0px 5px 20px;
  }
  .jisseki_list .item .img {
    text-align: center;
    margin-top: 30px;
  }
  .jisseki_list .item .img img {
    max-width: 50%;
  }
  .point_block {
    padding: 28px 28px 28px 118px;
    margin-top: 35px;
    width: 100%;
    border: 3px solid #f2f2f2;
    position: relative;
  }
  .point_block > *:first-child {
    margin-top: 0 !important;
  }
  .point_block:before {
    content: "";
    display: block;
    width: 51px;
    height: 51px;
    position: absolute;
    margin: auto;
    background: url(../images/common/icon_point.png) no-repeat;
    background-size: contain;
    top: 18px;
    left: 40px;
  }
  .point_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
  }
  .point_list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 8px 8px 28px;
    width: calc(50% - 20px);
    min-height: 122px;
    border: 3px solid #f2f2f2;
    position: relative;
  }
  .point_list > li:nth-child(3) {
    margin-top: 40px;
  }
  .point_list > li > div {
    max-width: calc(100% - 110px);
    margin-left: 35px;
    color: #7583ba;
    font-size: 18px;
    font-weight: bold;
  }
  .point_list > li:before {
    content: "";
    display: block;
    width: 51px;
    height: 51px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/icon_point.png) no-repeat;
    background-size: contain;
    left: 40px;
  }
  .list2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
  }
  .list2 > li {
    width: calc(50% - 20px);
    text-align: center;
  }
  .list2 > li:nth-child(n + 3) {
    margin-top: 40px;
  }
  .list3 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
  }
  .list3 > li {
    width: calc(33.3% - 27px);
    text-align: center;
  }
  .list3 > li:not(:nth-child(3n)) {
    margin-right: 40px;
  }
  .list3 > li:nth-child(n + 4) {
    margin-top: 40px;
  }
  .not_found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: url(../images/common/notfound_bg.png) no-repeat;
    height: 100vh;
    background-position: right bottom;
  }
  .not_found .not_found_inner {
    text-align: center;
  }
  .not_found .not_found_inner .title {
    font-family: "Josefin Sans", sans-serif;
    color: #744d4d;
    margin: 0;
    font-size: 45px;
  }
  .not_found .not_found_inner .sub_title {
    color: #744d4d;
    font-size: 20px;
    margin: 20px 0 0 0;
  }
  .not_found .not_found_inner .text {
    margin: 50px 0 0 0;
  }
  .not_found .not_found_inner .btn {
    margin: 70px 0 0 0;
  }
  .feedback_product_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .feedback_product_wrap .item {
    position: relative;
    width: calc(50% - 20px);
  }
  .feedback_product_wrap .item:nth-of-type(even) {
    margin-left: 40px;
  }
  .feedback_product_wrap .item:nth-of-type(n + 3) {
    margin-top: 40px;
  }
  .feedback_product_wrap .item:before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #3cc5d8;
    border-right: 10px solid #3cc5d8;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .feedback_product_wrap .item a {
    display: block;
    border: 1px solid #dddddd;
    text-decoration: none;
    height: 100%;
    padding: 40px;
    transition: 0.3s;
  }
  .feedback_product_wrap .item a:hover {
    border: 1px solid #3cc5d8;
  }
  .feedback_product_wrap .item .desc {
    background-color: #3cc5d8;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 90px;
    padding: 15px 15px 15px 105px;
    font-size: 16px;
    margin-bottom: 30px;
  }
  .feedback_product_wrap .item .desc:after {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #3cc5d8;
    border-right: 10px solid #3cc5d8;
    position: absolute;
    transform: rotate(45deg);
    bottom: -10px;
    left: calc(50% - 16px);
  }
  .feedback_product_wrap .item .desc .ym {
    color: #18b7cd;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
    width: 68px;
    height: 68px;
    left: 18px;
    top: calc(50% - 34px);
  }
  .feedback_product_wrap .item .desc p {
    margin: 0;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
  }
  .feedback_product_wrap .item .img {
    text-align: center;
  }
  .feedback_product_wrap .item .img img {
    max-width: 60%;
  }
  .feedback_product_wrap .item .title {
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
  }
  .feedback_product_img {
    text-align: center;
    border: 2px solid #dddddd;
    padding: 40px;
    margin-top: 35px;
  }
  .feedback_voice_wrap {
    display: flex;
    justify-content: center;
    margin-top: 60px;
  }
  .feedback_voice_wrap .item {
    width: calc(33.3333333333% - 32px);
  }
  .feedback_voice_wrap .item:not(:first-of-type) {
    margin-left: 48px;
  }
  .feedback_voice_wrap .item.sage {
    padding-top: 30px;
  }
  .feedback_voice_wrap .item .fukidashi {
    border: 1px solid #5272b5;
    position: relative;
    border-radius: 9px;
    padding: 40px 20px;
    margin-bottom: 35px;
  }
  .feedback_voice_wrap .item .fukidashi:after {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/fukidashi_hashi.jpg);
    width: 21px;
    height: 17px;
    position: absolute;
    bottom: -17px;
    left: calc(50% - 10px);
  }
  .feedback_voice_wrap .item .fukidashi .onayami {
    color: #fff;
    background-color: #5272b5;
    line-height: 1;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translateX(-50%);
    font-size: 14px;
    padding: 7px 10px;
    width: 130px;
  }
  .feedback_voice_wrap .item .fukidashi p {
    color: #5272b5;
    text-align: center;
    margin: 0;
    line-height: 1.5;
    font-weight: bold;
    font-size: 18px;
  }
  .feedback_voice_wrap .item .img {
    text-align: center;
  }
  .bg_grade {
    background: url(../images/second/customer/bg_grade.png) no-repeat top center;
    background-size: cover;
    position: relative;
    margin-top: 130px;
    padding: 80px 0;
  }
  .bg_grade.sokode:before {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/sokode.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -58px;
    width: 243px;
    height: 108px;
    left: calc(50% - 121px);
  }
  .bg_grade .midashi_fukidashi {
    line-height: 1.3;
    text-align: center;
    font-size: 28px;
  }
  .bg_grade .midashi_fukidashi span {
    display: inline-block;
    position: relative;
    padding: 0 50px;
  }
  .bg_grade .midashi_fukidashi span:before {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/shape_left.png) no-repeat;
    width: 23px;
    height: 33px;
    position: absolute;
    left: 0;
    bottom: 0px;
  }
  .bg_grade .midashi_fukidashi span:after {
    content: "";
    display: inline-block;
    background: url(../images/second/customer/shape_right.png) no-repeat;
    width: 23px;
    height: 33px;
    position: absolute;
    right: 0;
    bottom: 0px;
  }
  .feedback_product_features {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 80px;
  }
  .feedback_product_features .item {
    background-color: #fff;
    box-shadow: 0px 0px 36px -21px #25c0d6;
    width: calc(50% - 24px);
    padding: 40px;
  }
  .feedback_product_features .item:not(:first-of-type) {
    margin-left: 48px;
  }
  .feedback_product_features .item .title {
    font-weight: bold;
    text-align: center;
    margin: 0;
    font-size: 20px;
  }
  .feedback_product_features .item .img {
    margin: 0;
    text-align: center;
    margin-top: 20px;
  }
  .feedback_product_features .item .text {
    margin-top: 40px;
  }
  .series_link {
    margin-top: 100px;
  }
  .series_link .common_inner {
    max-width: 1050px;
  }
  .series_link .series_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 70px 30px 20px;
    border: 1px solid #e7d8c0;
  }
  .series_link .series_wrap:before {
    content: "";
    display: block;
    border: 1px solid #e7d8c0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 6px;
    left: -8px;
  }
  .series_link .series_wrap .img {
    text-align: center;
    width: 64%;
  }
  .series_link .series_wrap .text_wrap {
    width: 31%;
  }
  .series_link .series_wrap .text_wrap .tag {
    color: #7d5050;
    display: inline-block;
    letter-spacing: 0.1em;
    border: 1px solid #7d5050;
    padding: 5px 20px;
    font-size: 15px;
  }
  .series_link .series_wrap .text_wrap .title {
    color: #7d5050;
    font-weight: bold;
    display: block;
    line-height: 1.3;
    font-size: 20px;
    margin-top: 20px;
  }
  .series_link .series_wrap .text_wrap .text {
    color: #7d5050;
    line-height: 1.5;
    margin-top: 20px;
    font-size: 15px;
  }
  .series_link .series_wrap .text_wrap .btn {
    margin-top: 20px;
    font-size: 15px;
  }
  .recruit_heading {
    text-align: center;
  }
  .recruit_heading h2 {
    font-family: "Josefin Sans", sans-serif;
    color: #4568b1;
    font-weight: normal;
    font-size: 28px;
  }
  .recruit_heading h2 .sub_title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium",
      "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN",
      "Hiragino Sans", "Noto Sans JP", sans-serif;
    color: #333333;
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
  }
  .recruit_interview_wrap {
    position: relative;
    padding-top: 60px;
  }
  .recruit_interview_wrap:before {
    content: "";
    display: block;
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 40vh;
  }
  .recruit_interview_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .recruit_interview_list + p {
    margin-top: 60px;
  }
  .recruit_interview_list.index {
    margin-top: 40px;
  }
  .recruit_interview_list.index li:nth-of-type(n + 4) {
    display: none;
  }
  .recruit_interview_list li {
    width: calc(33.3333333333% - 34px);
  }
  .recruit_interview_list li:not(:nth-of-type(3n)) {
    margin-right: 50px;
  }
  .recruit_interview_list li:nth-of-type(n + 4) {
    margin-top: 60px;
  }
  .recruit_interview_list a {
    text-decoration: none;
    color: #333333;
    display: block;
    transition: opacity 0.3s;
  }
  .recruit_interview_list a:hover {
    opacity: 0.7;
  }
  .recruit_interview_list figure img {
    max-width: 100%;
  }
  .recruit_interview_list .text {
    margin-top: 30px;
  }
  .recruit_interview_list .text p {
    margin: 0;
  }
  .recruit_interview_list .text .name {
    font-weight: bold;
    font-size: 18px;
  }
  .recruit_interview_list .text .name span {
    font-size: 13px;
  }
  .recruit_interview_list .text .info {
    font-size: 14px;
    margin-top: 5px;
  }
  .recruit_footer {
    background: url(../images/second/recruit/recruit_footer_img.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 353px;
    margin-top: 150px;
  }
  .recruit_footer ul li:not(:first-of-type) {
    margin-top: 15px;
  }
  .recruit_footer ul li:first-of-type .common_btn {
    font-weight: bold;
  }
  .recruit_footer ul .common_btn {
    min-width: 370px;
    padding: 25px 40px;
    font-size: 18px;
  }
  .recruit_footer .common_inner {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .recruit_footer .common_inner:before {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/letsjoin.png) no-repeat;
    width: 270px;
    height: 80px;
    position: absolute;
    top: -60px;
    left: 20%;
  }
  .recruit_message_catch {
    font-weight: bold;
    text-align: center;
    position: relative;
    letter-spacing: 0.1em;
    font-size: 26px;
    padding-top: 50px;
  }
  .recruit_message_catch:before {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/message.png) no-repeat;
    background-size: cover;
    width: 188px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 6%;
  }
  .staff_detail .main_img {
    margin-bottom: 71px;
  }
  .staff_detail .main_img .common_inner {
    position: relative;
    max-width: 1220px;
  }
  .staff_detail .main_img .profile {
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 30px;
    padding-left: 50px;
    padding-bottom: 10px;
  }
  .staff_detail .main_img .profile p {
    margin-top: 0;
  }
  .staff_detail .main_img .profile .name {
    font-weight: bold;
    font-size: 24px;
  }
  .staff_detail .main_img .profile .name span {
    font-size: 12px;
  }
  .staff_detail .main_img .profile .info {
    font-size: 15px;
  }
  .staff_detail .main_img .profile:after {
    content: "";
    display: inline-block;
    background: url(../images/second/recruit/profile.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 147px;
    height: 71px;
    bottom: -71px;
    right: 0;
  }
  .staff_detail .staff_detail_cont {
    margin-top: 100px;
  }
  .staff_detail .staff_detail_cont h2 {
    position: relative;
    line-height: 1.8;
    font-size: 26px;
    padding-left: 35px;
  }
  .staff_detail .staff_detail_cont h2:before {
    content: "";
    display: inline-block;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    height: 80%;
    width: 4px;
    top: 10%;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl {
    margin-top: 70px;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dt {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    padding-left: 90px;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dt:before {
    content: "";
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #333333;
    position: absolute;
    top: 18px;
    left: 0;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dt:after {
    content: "Q";
    font-family: "Josefin Sans", sans-serif;
    color: #5272b5;
    font-size: 20px;
    position: absolute;
    font-weight: normal;
    top: 11px;
    left: 62px;
    line-height: 1;
  }
  .staff_detail .staff_detail_cont .staff_detail_qa_wrap dl dd {
    font-size: 17px;
    margin-top: 30px;
  }
  article {
    line-height: 1.8;
  }
  article ul {
    list-style: none;
  }
  article img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  article p,
  article .commonList,
  article ol,
  article .imgLine2,
  article .imgLine3,
  article .imgLine4,
  article .twoCol,
  article .commonTable,
  article .colorBox,
  article .borderBox,
  article .ytWrap,
  article .common_dl_wrap,
  article .threeCol {
    margin-top: 35px;
  }
  article h2.title {
    margin-top: 60px;
  }
  article h2.title2 {
    margin-top: 80px;
  }
  article h3.title {
    border-left: 2px solid #4568b1;
    margin-top: 50px;
    padding-left: 10px;
  }
  article h1,
  article h2,
  article h3,
  article h4 {
    line-height: 1.4;
  }
  article a {
    color: #4568b1;
  }
  article a:hover {
    text-decoration: none;
  }
  article a.opacity {
    transition: opacity 0.3s;
  }
  article a.opacity:hover {
    opacity: 0.7;
  }
  article a.pc_pointernone {
    pointer-events: none;
    text-decoration: none;
    color: #333333;
  }
  article section + section {
    margin-top: 80px;
  }
  .tobira_title {
    color: #4568b1;
    text-align: center;
    position: relative;
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    margin: 0;
    font-size: 28px;
    padding-top: 45px;
    margin-top: 20px;
  }
  .tobira_title:before {
    content: "";
    background: url('../images/common/tobira_title_bg.png') no-repeat center;
    background-size: cover;
    width: 413px;
    height: 108px;
    position: absolute;
    top: 0px;
    left: calc(50% - 206px);
  }
  .tobira_sub_title {
    color: #555;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 0 0;
  }
  h1.title {
    position: relative;
    font-weight: normal;
    font-size: 32px;
    padding-bottom: 25px;
    line-height: 1.6;
  }
  h1.title:after {
    content: "";
    height: 1px;
    width: 33px;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  h1.title + .ymd {
    line-height: 1;
    margin-top: 25px;
  }
  h1.title + .ymd .cat {
    color: #586e9e;
    font-family: "Josefin Sans", sans-serif;
    display: inline-block;
    font-size: 15px;
  }
  h1.title + .ymd .cat.news {
    color: #fff;
    line-height: 1;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium",
      "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN",
      "Hiragino Sans", "Noto Sans JP", sans-serif;
    font-size: 13px;
    padding: 5px;
    min-width: 120px;
  }
  h1.title + .ymd .cat.news + time {
    border-left: none;
    margin-left: 5px;
  }
  h1.title + .ymd time {
    display: inline-block;
    border-left: 1px solid #555555;
    color: #333333;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 10px;
  }
  h2.title {
    border-bottom: 1px solid #333333;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 20px;
  }
  h2.title2 {
    color: #4568b1;
    font-weight: bold;
    font-size: 20px;
  }
  h3.title {
    color: #4568b1;
    font-weight: normal;
    font-size: 20px;
  }
  .kome {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 10px;
    font-size: 14px;
  }
  .kome:before {
    content: "※";
  }
  .kome + .kome {
    margin-top: 0;
  }
  a.link,
  span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 36px;
  }
  a.link:hover:after,
  span.link:hover:after {
    right: -8px;
  }
  a.link:after,
  span.link:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow_b.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 13px;
    right: 8px;
    transition: all 0.6s;
  }
  a.link2,
  span.link2 {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 36px;
  }
  a.link2:hover:after,
  span.link2:hover:after {
    right: -8px;
  }
  a.link2:before,
  span.link2:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 0;
  }
  a.link2:after,
  span.link2:after {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 10px;
    right: 8px;
    transition: all 0.3s;
  }
  ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  ul.anker.col2 li {
    width: 50%;
  }
  ul.anker.col4 li {
    width: 25%;
  }
  ul.anker li {
    list-style: none;
    border-right: 1px solid #fff;
    width: 33.3333333333%;
  }
  ul.anker li a {
    display: block;
    background: #eeeeee;
    position: relative;
    height: 100%;
    padding: 8px 12px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    line-height: 1.3;
    text-decoration: none;
    transition: background-color 0.2s;
    font-size: 15px;
  }
  ul.anker li a:hover {
    background: #18b7cd;
    text-decoration: none;
    color: #fff;
  }
  ul.anker li a:hover:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  ul.anker li a:after {
    content: "";
    display: block;
    border-bottom: 1px solid #18b7cd;
    border-right: 1px solid #18b7cd;
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 11px;
    left: 50%;
    margin-left: -3px;
  }
  .cap {
    display: block;
    text-align: left;
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
  }
  .imgLine2 {
    display: flex;
    justify-content: center;
  }
  .imgLine2.bdnone li {
    border: 0;
  }
  .imgLine2 li {
    text-align: center;
    border: 1px solid #dddddd;
    width: calc(50% - 8px);
  }
  .imgLine2 li:nth-of-type(odd) {
    margin-right: 16px;
  }
  .imgLine2 li img {
    max-width: 100%;
  }
  .imgLine2.small li {
    width: 26%;
  }
  .imgLine2.small li:nth-of-type(odd) {
    margin-right: 100px;
  }
  .imgLine2 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .imgLine3 {
    display: flex;
    justify-content: center;
  }
  .imgLine3.bdnone li {
    border: 0;
  }
  .imgLine3 li {
    text-align: center;
    border: 1px solid #dddddd;
    width: calc(33% - 17px);
    margin-right: 40px;
  }
  .imgLine3 li:nth-of-type(3n) {
    margin-right: 0;
  }
  .imgLine3 li img {
    max-width: 100%;
  }
  .imgLine3 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .imgLine4 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .imgLine4.bdnone li {
    border: 0;
  }
  .imgLine4 li {
    border: 1px solid #dddddd;
    width: calc(25% - 30px);
    margin-right: 40px;
  }
  .imgLine4 li:nth-of-type(4n) {
    margin-right: 0;
  }
  .imgLine4 li img {
    width: 100%;
  }
  .imgInP {
    overflow: hidden;
  }
  .imgInP .img {
    max-width: 300px;
  }
  .imgInP .img img {
    width: 100%;
    height: auto;
  }
  .imgInP .img .cap {
    display: block;
    text-align: left;
    font-size: 13px;
    margin-top: 5px;
  }
  .imgInP .img.left {
    float: left;
    margin-right: 20px;
  }
  .imgInP .img.right {
    float: right;
    margin-left: 20px;
  }
  .twoCol {
    display: flex;
  }
  .twoCol.itemCenter {
    align-items: center;
  }
  .twoCol > div {
    width: 50%;
  }
  .twoCol > div:first-of-type {
    margin-right: 20px;
  }
  .twoCol > div:last-of-type {
    margin-left: 20px;
  }
  .twoCol .txt {
    flex: 1;
  }
  .twoCol .txt *:nth-child(1) {
    margin-top: 0;
  }
  .twoCol .img {
    width: 50%;
  }
  .twoCol .img.round {
    overflow: hidden;
    border-radius: 30px;
  }
  .twoCol .img img {
    max-width: 100%;
    width: auto;
    height: auto;
    border: 1px solid #dddddd;
  }
  .twoCol .img .cap {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    text-align: left;
  }
  .twoCol.small .img {
    width: 30%;
  }
  .twoCol.small .txt {
    width: 70%;
  }
  .twoCol.text_bg_gray .txt {
    background-color: #f9f9f9;
    margin: 0;
    padding: 40px;
  }
  .twoCol.text_bg_gray .img {
    margin-right: 0;
  }
  .threeCol {
    display: flex;
    flex-wrap: wrap;
  }
  .threeCol > div {
    width: calc(33.3333333333% - 14px);
  }
  .threeCol > div:not(:nth-of-type(3n)) {
    margin-right: 20px;
  }
  .threeCol > div:nth-of-type(n + 4) {
    margin-top: 30px;
  }
  .threeCol > div .img img {
    width: 100%;
  }
  .threeCol > div .text {
    margin-top: 20px;
  }
  .threeCol.small > div {
    width: calc(33.3333333333% - 27px);
  }
  .threeCol.small > div:not(:nth-of-type(3n)) {
    margin-right: 40px;
  }
  .threeCol.small > div .img {
    text-align: center;
  }
  .threeCol.small > div .img img {
    width: 70%;
  }
  .threeCol.small > div li:not(:first-of-type) {
    margin-top: 5px;
  }
  ul.commonList li {
    padding-left: 18px;
    position: relative;
    box-sizing: border-box;
    line-height: 1.5;
  }
  ul.commonList li:not(:first-of-type) {
    margin-top: 10px;
  }
  ul.commonList li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: auto;
    content: "";
    border-radius: 50%;
    background-color: #4568b1;
    position: absolute;
    left: 0;
    top: 8px;
  }
  ul.col2List {
    display: flex;
    flex-wrap: wrap;
  }
  ul.col2List li {
    width: 50%;
    flex-basis: 50%;
  }
  ul.col2List li:not(:first-of-type) {
    margin-top: 0px;
  }
  ul.col2List li:nth-of-type(n + 3) {
    margin-top: 10px;
  }
  ol {
    padding-left: 18px;
  }
  ol li + li {
    margin-top: 10px;
  }
  ol.brackets {
    padding-left: 0;
  }
  ol.brackets li {
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
    padding-left: 2em;
  }
  ol.brackets li:before {
    content: "(" counter(cnt) ")";
    position: absolute;
    top: 0;
    left: 0;
  }
  .commonTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit;
    border: 1px solid #dddddd;
  }
  .commonTable .fontL {
    font-size: 22px;
    font-weight: bold;
  }
  .commonTable .fontM {
    font-size: 18px;
    font-weight: bold;
  }
  .commonTable .fontS {
    font-size: 16px;
    font-weight: bold;
  }
  .commonTable .small {
    font-size: 0.6em;
  }
  .commonTable td.wFix,
  .commonTable th.wFix {
    width: 150px;
  }
  .commonTable th {
    background-color: #f2f2f2;
    color: #333333;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 10px 20px;
  }
  .commonTable th.sub {
    background-color: #fbfbfb;
  }
  .commonTable th.required {
    position: relative;
    vertical-align: middle;
  }
  .commonTable th.required:after {
    content: "必須";
    background-color: #cf0000;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px;
    line-height: 1;
    display: inline-block;
    float: right;
    margin-right: -35px;
  }
  .commonTable th.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #fff;
  }
  .commonTable td {
    padding: 12px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #fff;
    word-break: break-all;
    padding: 10px 20px;
  }
  .commonTable td *:last-child {
    margin-bottom: 0;
  }
  .commonTable td *:first-child {
    margin-top: 0;
  }
  .commonTable td .kome {
    display: block;
    font-size: 14px;
    margin-top: 5px;
  }
  .commonTable td .category {
    width: 130px;
    display: inline-block;
  }
  .commonTable td .subtxt {
    width: 43px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
  }
  .commonTable td.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .scrollTable {
    overflow: auto;
  }
  .scrolltext {
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 20px 0 -10px;
  }
  .colorBox {
    background-color: #f2f2f2;
    padding: 30px 35px;
  }
  .colorBox *:nth-child(1) {
    margin-top: 0;
  }
  .colorBox .title {
    display: block;
    color: #4568b1;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .colorBox.round {
    border-radius: 20px;
  }
  .colorBox.blue {
    background-color: #e3ebf5;
  }
  .colorBox p {
    margin-top: 10px;
  }
  .borderBox {
    border: 4px solid #f2f2f2;
    padding: 40px 70px 50px;
  }
  .borderBox.lp {
    margin-top: 80px;
  }
  .borderBox .title {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
  }
  .borderBox *:nth-child(1) {
    margin-top: 0;
  }
  .col2_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .col2_wrap .left {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
  .col2_wrap .right {
    width: calc(50% - 15px);
  }
  .tab_wrap {
    width: 100%;
  }
  .tab_wrap .tab_area {
    display: flex;
  }
  .tab_wrap .tab_area label {
    background-color: #e5e5e5;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    position: relative;
    width: calc(50% - 7px);
    font-size: 18px;
    min-height: 70px;
    padding: 5px 40px 5px 15px;
  }
  .tab_wrap .tab_area label:hover {
    opacity: 0.7;
  }
  .tab_wrap .tab_area label:first-of-type {
    margin-right: 14px;
  }
  .tab_wrap .tab_area label:first-of-type:after {
    content: "";
    width: 14px;
    height: 69px;
    border-bottom: 1px solid #ccc;
    position: absolute;
    right: -15px;
    bottom: -1px;
  }
  .tab_wrap .tab_area label span {
    display: block;
    color: #000;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .tab_wrap .tab_area label:before {
    content: "";
    border: 0px;
    border-top: solid 2px #b4b4b4;
    border-right: solid 2px #b4b4b4;
    transform: rotate(135deg);
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    right: 20px;
  }
  .tab_wrap .tab_panel {
    width: 100%;
    display: none;
    padding-top: 20px;
  }
  .tab_wrap .panel_area {
    padding: 0 20px 20px;
    border-radius: 0 0 6px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .border-box {
    border: 1px solid #ccc;
    padding: 20px;
  }
  .common_dl_wrap {
    border-top: 1px solid #dddddd;
  }
  .common_dl_wrap dl {
    border-bottom: 1px solid #dddddd;
    display: flex;
    padding: 20px 0;
  }
  .common_dl_wrap dl dt {
    color: #4568b1;
    width: 170px;
    border-right: 1px solid #dddddd;
    padding: 10px 30px 10px 0;
  }
  .common_dl_wrap dl dd {
    width: calc(100% - 170px);
    padding: 10px 0 10px 30px;
  }
  .twoColSt {
    display: flex;
    flex-flow: wrap;
  }
  .twoColSt dl {
    width: calc(50% - 20px);
  }
  .twoColSt dl:nth-child(even) {
    margin-left: 40px;
  }
  .ytWrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .ytWrap.small {
    max-width: 600px;
  }
  .ytWrap .ytWrap_inner {
    position: relative;
    padding-bottom: 56.25%;
  }
  .ytWrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  /* common class */
  strong {
    font-weight: bold !important;
  }
  .pointerNone {
    cursor: default;
    text-decoration: none;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .Center {
    margin: 0 auto !important;
  }
  .ovh {
    overflow: hidden !important;
  }
  .mw100 {
    max-width: 100% !important;
    width: auto !important;
  }
  .w100p {
    width: 100% !important;
  }
  .inline {
    display: inline !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .mB0_pc {
    margin-bottom: 0 !important;
  }
  .mB5_pc {
    margin-bottom: 5px !important;
  }
  .mB10_pc {
    margin-bottom: 10px !important;
  }
  .mB20_pc {
    margin-bottom: 20px !important;
  }
  .mB30_pc {
    margin-bottom: 30px !important;
  }
  .mB40_pc {
    margin-bottom: 40px !important;
  }
  .mB50_pc {
    margin-bottom: 50px !important;
  }
  .mT0_pc {
    margin-top: 0 !important;
  }
  .mT5_pc {
    margin-top: 5px !important;
  }
  .mT10_pc {
    margin-top: 10px !important;
  }
  .mT20_pc {
    margin-top: 20px !important;
  }
  .mT30_pc {
    margin-top: 30px !important;
  }
  .mT40_pc {
    margin-top: 40px !important;
  }
  .mT50_pc {
    margin-top: 50px !important;
  }
  .mL0_pc {
    margin-left: 0px !important;
  }
  .mL5_pc {
    margin-left: 5px !important;
  }
  .mL10_pc {
    margin-left: 10px !important;
  }
  .mL20_pc {
    margin-left: 20px !important;
  }
  .mL30_pc {
    margin-left: 30px !important;
  }
  .mL40_pc {
    margin-left: 40px !important;
  }
  .mL50_pc {
    margin-left: 50px !important;
  }
  .mR0_pc {
    margin-right: 0px !important;
  }
  .mR5_pc {
    margin-right: 5px !important;
  }
  .mR10_pc {
    margin-right: 10px !important;
  }
  .mR20_pc {
    margin-right: 20px !important;
  }
  .mR30_pc {
    margin-right: 30px !important;
  }
  .mR40_pc {
    margin-right: 40px !important;
  }
  .mR50_pc {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size13 {
    font-size: 13px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size15 {
    font-size: 14px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .taC_pc {
    text-align: center !important;
  }
  .w30p_pc {
    max-width: 30% !important;
  }
  .w50p_pc {
    max-width: 50% !important;
  }
  .w70p_pc {
    max-width: 70% !important;
  }
  .textred {
    color: #de0000 !important;
  }
  .textblue {
    color: #4568b1 !important;
  }
  .bold {
    font-weight: bold !important;
  }
  .underline {
    text-decoration: underline !important;
  }
  .bdnone {
    border: none !important;
  }
  .floatL {
    float: left;
  }
  .floatR {
    float: right;
  }
  .preBox {
    background: #eff0f4;
    border: 1px solid #18b7cd;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
    text-align-last: auto;
  }
  .LPtitle1 {
    text-align: center;
    border-top: 2px solid #4568b1;
    border-bottom: 2px solid #4568b1;
    font-weight: normal;
    font-size: 32px;
    padding: 30px 0;
    margin-top: 110px;
  }
  .LPtitle2 {
    text-align: center;
    font-weight: bold;
    color: #744d4d;
    font-size: 26px;
    margin-top: 90px;
  }
  .LPtitle2 span {
    background: linear-gradient(transparent 70%, #f0f0f0 70%);
  }
  .LPtitle3 {
    text-align: center;
    font-weight: bold;
    color: #5272b5;
    font-size: 32px;
    margin-top: 50px;
  }
  .LPtitle4 {
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #4568b1;
    font-size: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
  }
  .LPtitle4 span {
    color: #5272b5;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .bg_gray {
    background-color: #f9f9f9;
    padding: 50px 0 70px;
    margin: 100px 0 0 0;
  }
  .bg_gray + .bg_gray {
    margin-top: 0;
  }
  .heiretsu_line {
    display: flex;
  }
  .heiretsu_line > div {
    background-color: #fff;
    font-size: 26px;
    padding: 20px 15px;
    width: calc(33.3333333333% - 10px);
    text-align: center;
  }
  .heiretsu_line > div:not(:first-of-type) {
    margin-left: 15px;
  }
  .LPtext1 {
    font-weight: bold;
    color: #5272b5;
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
  }
  .colorBox_3col {
    display: flex;
    margin-top: 40px;
  }
  .colorBox_3col > div {
    background-color: #f9f9f9;
    width: calc(33.3333333333% - 16px);
    padding: 60px 1.2vw 40px;
  }
  .colorBox_3col > div:not(:first-of-type) {
    margin-left: 24px;
  }
  .colorBox_3col > div .title {
    color: #5272b5;
    line-height: 1.3;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .colorBox_3col > div p {
    margin-top: 0;
    line-height: 1.8;
  }
  .colorBox_3col > div p + p {
    margin-top: 20px;
  }
  .LPpoint_list > div {
    display: flex;
  }
  .LPpoint_list > div:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .LPpoint_list > div:nth-of-type(n + 2) {
    margin-top: 50px;
  }
  .LPpoint_list > div .img {
    width: 50%;
  }
  .LPpoint_list > div .text {
    padding: 10px 60px 30px;
    width: 50%;
  }
  .LPpoint_list > div .text .point {
    font-family: "Josefin Sans", sans-serif;
    display: block;
    color: #4568b1;
    line-height: 1.3;
    position: relative;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
    /*
     &:before{
     content: "";
     display: inline-block;
     background: url(../images/second/point_title_bg.png) no-repeat;
     width: 206px;
     height: 206px;
     position: absolute;
     top: -103px;
     left: calc(50% - 103px);
     z-index: -1;
    }
     */
  }
  .LPpoint_list > div .text .point:after {
    content: "";
    display: inline-block;
    height: 1px;
    width: 20px;
    background-color: #4568b1;
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
  }
  .LPpoint_list > div .text .point .num {
    display: block;
    font-family: "Roboto", sans-serif;
  }
  .LPpoint_list > div .text .title {
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    font-size: 22px;
    margin-top: 30px;
  }
  .LPpoint_list > div .text p {
    text-align: center;
  }
  .LPname {
    font-weight: bold;
    line-height: 1.5;
    font-size: 26px;
  }
  .LPname span {
    font-size: 20px;
  }
  .LPname + p {
    margin-top: 10px;
  }
  .LPname .position {
    color: #5272b5;
    display: block;
    font-size: 18px;
  }
  .qa_wrap {
    margin-top: 30px;
  }
  .qa_wrap dl {
    border: 1px solid #dddddd;
    background-color: #fff;
    transition: border 0.3s;
  }
  .qa_wrap dl:not(:first-of-type) {
    margin-top: 20px;
  }
  .qa_wrap dl:hover {
    border: 1px solid #4568b1;
  }
  .qa_wrap dl dt {
    color: #5272b5;
    font-weight: bold;
    position: relative;
    line-height: 1.5;
    padding: 20px 70px 20px 70px;
    font-size: 18px;
  }
  .qa_wrap dl dt:hover {
    cursor: pointer;
  }
  .qa_wrap dl dt:before {
    content: "Q";
    font-family: "Josefin Sans", sans-serif;
    font-weight: normal;
    position: absolute;
    font-size: 28px;
    top: 14px;
    left: 30px;
  }
  .qa_wrap dl dt:after {
    content: "";
    display: inline-block;
    background: url('../images/common/qa_plus.png') no-repeat;
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 17px;
    width: 31px;
    height: 31px;
  }
  .qa_wrap dl dt.open:after {
    background: url('../images/common/qa_minus.png') no-repeat;
    background-size: cover;
  }
  .qa_wrap dl dd {
    display: none;
    position: relative;
    padding: 20px 30px 20px 70px;
  }
  .qa_wrap dl dd:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #4568b1;
    position: absolute;
    top: 0;
    left: 30px;
  }
  .qa_wrap dl dd:before {
    content: "A";
    font-family: "Josefin Sans", sans-serif;
    font-weight: normal;
    position: absolute;
    font-size: 28px;
    top: 11px;
    left: 33px;
  }
  * + .voice_block {
    margin-top: 14px;
  }
  .voice_block > div {
    display: flex;
    align-items: center;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .voice_block > div + div {
    border-top: 1px solid #dddddd;
  }
  .voice_block > div > dt {
    width: 100px;
    margin-right: 40px;
    margin-left: 40px;
    text-align: center;
    font-size: 12px;
  }
  .voice_block > div > dt *:first-child {
    margin-top: 0;
  }
  .voice_block > div > dt > p + p {
    margin-top: 8px;
  }
  .voice_block > div > dd {
    width: calc(100% - 180px);
  }
  .voice_block > div > dd *:first-child {
    margin-top: 0;
  }
  .aform input[type="text"],
  .aform input[type="password"],
  .aform input[type="tel"],
  .aform input[type="email"],
  .aform select,
  .aform textarea {
    border: 2px solid #e4e4e4;
    padding: 14px 18px;
    width: 100%;
    background-color: #fff;
  }
  .aform input[type="text"].error,
  .aform input[type="password"].error,
  .aform input[type="tel"].error,
  .aform input[type="email"].error,
  .aform select.error,
  .aform textarea.error {
    background-color: #fff1f2;
  }
  .aform input[type="text"].size-s,
  .aform input[type="password"].size-s,
  .aform input[type="tel"].size-s,
  .aform input[type="email"].size-s,
  .aform select.size-s {
    width: 12%;
  }
  .aform input[type="text"].size-sm,
  .aform input[type="password"].size-sm,
  .aform input[type="tel"].size-sm,
  .aform input[type="email"].size-sm,
  .aform select.size-sm {
    width: 15%;
  }
  .aform input[type="text"].size-m,
  .aform input[type="password"].size-m,
  .aform input[type="tel"].size-m,
  .aform input[type="email"].size-m,
  .aform select.size-m {
    width: 35%;
  }
  .aform input[type="text"].size-ml,
  .aform input[type="password"].size-ml,
  .aform input[type="tel"].size-ml,
  .aform input[type="email"].size-ml,
  .aform select.size-ml {
    width: 43%;
  }
  .aform input[type="text"].size-l,
  .aform input[type="password"].size-l,
  .aform input[type="tel"].size-l,
  .aform input[type="email"].size-l,
  .aform select.size-l {
    width: 65%;
  }
  .aform input[type="text"].size-special,
  .aform input[type="password"].size-special,
  .aform input[type="tel"].size-special,
  .aform input[type="email"].size-special,
  .aform select.size-special {
    width: 43%;
  }
  .aform input[type="text"].year,
  .aform input[type="password"].year,
  .aform input[type="tel"].year,
  .aform input[type="email"].year,
  .aform select.year {
    width: 80px;
  }
  .aform input[type="text"].month,
  .aform input[type="password"].month,
  .aform input[type="tel"].month,
  .aform input[type="email"].month,
  .aform select.month {
    width: 70px;
  }
  .aform select {
    /* 👇デフォルトのスタイルを解除 */
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* 👇スタイル */
    display: inline-block;
    cursor: pointer;
    /* カーソルを指に */
    line-height: 1.4;
    /* 行高 */
    background-image: linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%),
      linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%);
    background-image: url(../images/second/contact/contact_arrow.png);
    background-size: 13px 9px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%, calc(100% - 25px) 50%;
    width: auto;
    min-width: 400px;
    height: 62px;
  }
  .aform select::-ms-expand {
    display: none;
  }
  .aform select.year {
    width: 80px;
  }
  .aform select.month {
    width: 70px;
  }
  .aform button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 1px 0px #cccccc;
    font-size: 14px;
  }
  .aform button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
  .aform input[type="radio"] {
    display: none;
  }
  .aform input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
  }
  .aform input[type="radio"] + label::before,
  .aform input[type="radio"] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.2s;
  }
  .aform input[type="radio"] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .aform input[type="radio"] + label:hover::before {
    background: #fff;
  }
  .aform input[type="radio"] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #18b7cd;
    transform: scale(2);
  }
  .aform input[type="radio"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .aform input[type="radio"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .aform input[type="checkbox"] {
    display: none;
  }
  .aform input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .aform input[type="checkbox"] + label.type2 {
    border: 1px solid #e1e1e1;
    padding: 15px 20px 13px 45px;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px #e1e1e1;
  }
  .aform input[type="checkbox"] + label.type2:before,
  .aform input[type="checkbox"] + label.type2:after {
    margin-left: 25px;
  }
  .aform input[type="checkbox"] + label.type2:hover {
    opacity: 0.7;
  }
  .aform input[type="checkbox"] + label::before,
  .aform input[type="checkbox"] + label::after {
    position: absolute;
    content: "";
    transition: all 0.2s;
  }
  .aform input[type="checkbox"] + label::before {
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
  }
  .aform input[type="checkbox"] + label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #18b7cd;
    border-bottom: 2px solid #18b7cd;
    transform: rotate(-45deg) scale(0.5);
  }
  .aform input[type="checkbox"] + label:hover::before {
    background: #fff;
  }
  .aform input[type="checkbox"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .aform input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .aform .aform-content {
    margin-bottom: 20px;
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .aform .aform-content dl {
    border: 1px solid #d7d7d7;
    font-size: 16px;
    display: table-row;
    padding: 0;
    margin: 0;
    margin-top: -1px;
  }
  .aform .aform-content dl + dl dt,
  .aform .aform-content dl + dl dd {
    border-top: none;
  }
  .aform .aform-content dt {
    width: 272px;
    padding: 15px 5px 15px 105px;
    text-align: left;
    font-weight: normal;
    background-clip: padding-box;
    display: table-cell;
    float: none;
    position: relative;
    vertical-align: top;
  }
  .aform .aform-content dt label {
    font-weight: bold;
  }
  .aform .aform-content dt .aform-required {
    position: absolute;
    vertical-align: middle;
    background-color: #18b7cd;
    color: #fff;
    font-size: 12px;
    margin-left: 0;
    padding: 7px 23px;
    line-height: 1;
    display: inline-block;
    top: 17px;
    left: 0;
    border-radius: 0;
  }
  .aform .aform-content dd {
    background-color: #fff;
    width: 708px;
    display: block;
    padding: 15px;
    display: table-cell;
    float: none;
  }
  .aform .aform-content dd .kome {
    display: block;
    font-size: 14px;
    margin-top: 5px;
  }
  .aform .aform-content dd .category {
    width: 130px;
    display: inline-block;
  }
  .aform .aform-content dd .subtxt {
    width: 43px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
  }
  .aform .aform-content .aform-button-area {
    margin-top: 30px;
    background: none;
    padding: 0;
    text-align: center;
  }
  .aform .aform-content .aform-button-area:after {
    content: "";
    display: block;
    clear: both;
  }
  .aform .aform-content .aform-button-area input[type="submit"] {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    min-width: 280px;
    padding: 20px 40px;
    transition: all 0.4s;
    cursor: pointer;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:hover {
    background-position: -100% 0;
    color: #18b7cd !important;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:hover:before {
    right: 8px;
    background: url(../images/common/link_arrow_b.png) no-repeat;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:visited {
    color: #fff !important;
  }
  .aform .aform-content .aform-button-area input[type="submit"]:hover {
    color: #fff;
  }
  .aform .aform-content .aform-button-area input[type="button"] {
    border-radius: 0px;
  }
  .nofloat {
    float: none !important;
  }
  #aform_btn_back {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    vertical-align: bottom;
    min-width: 280px;
    padding: 20px 40px;
    transition: all 0.4s;
    font-size: 16px;
  }
  #aform_btn_back.noicon {
    padding: 15px 50px 13px 50px;
    background: #fff;
    background-image: none;
  }
  #aform_btn_back:hover {
    background-position: -100% 0;
    border: 1px solid #18b7cd;
    color: #fff;
    cursor: pointer;
  }
  #aform_btn_back:hover:before {
    right: 8px;
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  #aform_btn_back:before {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: calc(50% - 2px);
    right: 15px;
    transition: all 0.6s;
  }
  #aform_btn_back.back:before {
    right: auto;
    left: 15px;
    transform: scale(-1, 1);
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
    width: auto;
    padding: 0;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
    background: url("../images/common/error.png") no-repeat left 2px;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform #aform_result {
    color: #000;
    text-align: center;
    font-size: initial;
    font-weight: initial;
  }
  .aform #aform_result a.common_btn {
    margin: 20px auto 30px;
  }
  .aform select.aform-calendar {
    width: auto;
  }
  .aform select.aform-calendar + label {
    margin-left: 7px;
    margin-right: 12px;
  }

  /* smf */
  .smf-form .smf-placeholder {
    display: flex;
    flex-direction: column-reverse;
  }
  .smf-form .smf-text-control {
    line-height: unset !important;
  }
  .smf-form input[type="text"],
  .smf-form input[type="password"],
  .smf-form input[type="tel"],
  .smf-form input[type="email"],
  .smf-form select,
  .smf-form textarea {
    border: 2px solid #e4e4e4 !important;
    padding: 14px 18px;
    width: 100%;
    background-color: #fff;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  .smf-form [data-invalid="1"],
  .smf-form [data-invalid="1"].smf-select-control__control {
    background-color: #fff1f2 !important;
    color: #D92B00;
  }
  .smf-form select {
    /* 👇デフォルトのスタイルを解除 */
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    /* 👇スタイル */
    display: inline-block !important;
    cursor: pointer !importan t;
    /* カーソルを指に */
    line-height: 1.4 !important;
    /* 行高 */
    background-image: linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%),
      linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%);
    background-image: url('../images/contact/contact_arrow.png');
    background-size: 13px 9px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%, calc(100% - 25px) 50%;
    width: auto;
    min-width: 400px;
    height: 62px;
  }
  .smf-form .smf-select-control__control {
    background-color: #fff !important;
    padding: 2px 14px !important;
  }
  .smf-form .smf-select-control__toggle:before {
    display: none !important;
  }
  .smf-form :where(.wp-block-columns.is-layout-flex) {
    gap: 0 1em !important;
  }
  .smf-form .smf-control-description {
    margin-top: 0 !important;
  }
  .smf-form select::-ms-expand {
    display: none;
  }
  .smf-form button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 1px 0px #cccccc;
    font-size: 14px;
  }
  .smf-form button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
  .smf-form input[type="radio"] {
    display: none;
  }
  .smf-form input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
  }
  .smf-form input[type="radio"] + label::before,
  .smf-form input[type="radio"] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.2s;
  }
  .smf-form input[type="radio"] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .smf-form input[type="radio"] + label:hover::before {
    background: #fff;
  }
  .smf-form input[type="radio"] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #18b7cd;
    transform: scale(2);
  }
  .smf-form input[type="radio"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .smf-form input[type="radio"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .smf-form input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .smf-form input[type="checkbox"] + label.type2 {
    border: 1px solid #e1e1e1;
    padding: 15px 20px 13px 45px;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px #e1e1e1;
  }
  .smf-form input[type="checkbox"] + label.type2:before,
  .smf-form input[type="checkbox"] + label.type2:after {
    margin-left: 25px;
  }
  .smf-form input[type="checkbox"] + label.type2:hover {
    opacity: 0.7;
  }
  .smf-form input[type="checkbox"] + label::before,
  .smf-form input[type="checkbox"] + label::after {
    position: absolute;
    content: "";
    transition: all 0.2s;
  }
  .smf-form input[type="checkbox"] + label::before {
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
  }
  .smf-form input[type="checkbox"] + label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #18b7cd;
    border-bottom: 2px solid #18b7cd;
    transform: rotate(-45deg) scale(0.5);
  }
  .smf-form input[type="checkbox"] + label:hover::before {
    background: #fff;
  }
  .smf-form input[type="checkbox"]:checked + label::before {
    background: #fff;
    border: 1px solid #18b7cd;
  }
  .smf-form input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .smf-form {
    width: 100%;
    margin-bottom: 20px;
    display: grid;
    gap: 10px 0;
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .smf-form--simple-table .smf-item {
    font-size: 16px;
    display: table-row;
    padding: 0 0 !important;
    margin: 0 0 !important;
    margin-top: -1px !important;
  }
  .smf-form--simple-table .smf-item__col--label {
    width: 272px;
    padding: 15px 5px 15px 105px !important;
    text-align: left;
    font-weight: normal;
    background-clip: padding-box;
    display: table-cell;
    float: none;
    position: relative;
    vertical-align: top;
    flex: unset !important;
    max-width: unset !important;
  }
  .smf-form .required .smf-item__col--label::before {
    content: "必須";
    position: absolute;
    vertical-align: middle;
    background-color: #18b7cd;
    color: #fff;
    font-size: 12px;
    margin-left: 0;
    padding: 7px 23px;
    line-height: 1;
    display: inline-block;
    top: 17px;
    left: 0;
    border-radius: 0;
  }
  .smf-form .smf-item__label__text {
    font-weight: bold;
  }
  .smf-form--simple-table .smf-item__col--controls {
    background-color: #fff;
    width: 708px !important;
    display: block;
    padding: 15px;
    display: table-cell;
    float: none;
    flex: unset !important;
    max-width: unset !important;
  }
  .aform .aform-content dd .kome {
    display: block;
    font-size: 14px;
    margin-top: 5px;
  }
  .aform .aform-content dd .category {
    width: 130px;
    display: inline-block;
  }
  .aform .aform-content dd .subtxt {
    width: 43px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
  }
  .smf-form .smf-item__controls p {
    margin: 0 !important;
  }
  .smf-form--simple-table+.smf-action {
    margin-top: 30px;
    background: none;
    padding: 0;
    text-align: center;
  }
  .smf-form--simple-table+.smf-action button[type="submit"] {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 0 !important;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(to right, #18b7cd 50%, #fff 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    min-width: 280px;
    padding: 20px 40px;
    transition: all 0.4s;
    cursor: pointer;
  }
  .smf-form--simple-table+.smf-action button[type="submit"]:hover {
    background-position: -100% 0;
    color: #18b7cd !important;
  }
  .smf-form--simple-table+.smf-action button[type="submit"]:hover:before {
    right: 8px;
    background: url(../images/common/link_arrow_b.png) no-repeat;
  }
  .smf-form--simple-table+.smf-action button[type="submit"]:visited {
    color: #fff !important;
  }
  .smf-form--simple-table+.smf-action button[type="submit"]:hover {
    color: #fff;
  }
  .smf-form--simple-table+.smf-action button[type="button"] {
    border-radius: 0px;
  }
  .nofloat {
    float: none !important;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"] {
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    color: #000;
    background: linear-gradient(to right, #fff 50%, #18b7cd 50%);
    background-position: 0 0;
    background-size: 200% 100%;
    border: 1px solid #18b7cd;
    vertical-align: bottom;
    min-width: 280px;
    padding: 20px 40px;
    transition: all 0.4s;
    font-size: 16px;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"].noicon {
    padding: 15px 50px 13px 50px;
    background: #fff;
    background-image: none;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"].noicon:hover {
    background-position: -100% 0;
    border: 1px solid #18b7cd;
    color: #fff;
    cursor: pointer;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"].noicon:hover:before {
    right: 8px;
    background: url(../images/common/link_arrow_w.png) no-repeat;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"].noicon:before {
    content: "";
    display: inline-block;
    background: url(../images/common/link_arrow.png) no-repeat;
    width: 18px;
    height: 3px;
    position: absolute;
    top: calc(50% - 2px);
    right: 15px;
    transition: all 0.6s;
  }
  .smf-form--simple-table+.smf-action button[data-action="back"].noicon.back:before {
    right: auto;
    left: 15px;
    transform: scale(-1, 1);
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
    width: auto;
    padding: 0;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
    background: url("../images/common/error.png") no-repeat left 2px;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform #aform_result {
    color: #000;
    text-align: center;
    font-size: initial;
    font-weight: initial;
  }
  .aform #aform_result a.common_btn {
    margin: 20px auto 30px;
  }
  .aform select.aform-calendar {
    width: auto;
  }
  .aform select.aform-calendar + label {
    margin-left: 7px;
    margin-right: 12px;
  }
}
/*# sourceMappingURL=map/second.css.map */