@charset "utf-8";

/* =======================================
			common
======================================= */

html,
body {
    width: 100%;
}

* {
    letter-spacing: 0.025em;
}

body {
    margin: 0;
    padding: 0;
    /* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; */
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    color: #004831;
    -webkit-text-size-adjust: 100%;
    min-width: 1280px;
    font-size: 14px;
}

[v-cloak] {
    display: none !important;
}


/* ===pc */

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

select::-ms-expand {
    display: none;
}

* {
    /* color: #000; */
}

.br {
    display: block;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.pc-br {
    display: block;
}

.sp-br {
    display: none;
}

a:hover {
    opacity: 0.7;
}

.bold {
    font-weight: bold !important;
}

.bold1 {
    font-weight: bold !important;
    color: #000;
}

.red {
    color: red;
    /* font-weight: bold; */
}

.blk {
    color: #000;
}

img {
    width: 100%;
    height: auto;
    transition: all 1s ease-in-out;
}

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(0);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.inner1 {
    position: relative;
    margin: 0 auto;
    width: 1280px;
}

.inner2 {
    position: relative;
    margin: 0 auto;
    width: 390px;
}

.inner3 {
    position: relative;
    margin: 0 auto;
    width: 960px;
}

.section {
    position: relative;
    padding-top: 110px;
    padding-bottom: 110px;
}


/* 
--------- 
header css
----------
 */

header {
    height: 100px;
    width: 100%;
    /* padding: 10px 10px 0 30px; */
    background-color: #ffffff;
    position: fixed;
    top: 0;
    z-index: 10;
}

.head_k {
    display: flex;
    padding: 10px 30px 0 30px;
}

.logo {
    font-size: 0px;
    margin-top: 15px;
}

.logo a {
    width: 125px;
    height: 48px;
}

.webp .logo a {
    background: transparent url('../images/headerlogo.webp') 0% 0% no-repeat padding-box;
}

.no-webp .logo a {
    background: transparent url('../images/headerlogo.png') 0% 0% no-repeat padding-box;
}

nav {
    margin: 0 0 0 auto;
    font-size: 16px;
}

header ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

header a {
    color: #192F60;
    text-decoration: none;
    display: block;
    padding: 0 20px;
}

.pc ul a {
    color: #000;
    text-decoration: none;
    display: block;
    line-height: 60px;
    padding: 0 20px;
    font-weight: bold;
    padding: 10px;
}

.pc ul li:nth-child(2) {
    margin-right: 50px;
    margin-left: 10px;
}

.pc ul li:nth-child(3) {
    width: 140px;
    height: 80px;
    background-color: #192F60;
    border-radius: 7px;
    color: #ffffff;
}

.pc ul li:nth-child(3) a {
    width: inherit;
    height: inherit;
    color: #ffffff;
    text-align: center;
}

.sm {
    display: none;
}

.he_title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 140px;
    margin-top: 100px;
    background: rgb(25, 47, 96);
    background: linear-gradient(90deg, rgba(25, 47, 96, 1) 0%, rgb(19 33 66) 47%, rgb(3 7 15) 100%);
}

.he_title_in {
    text-align: start;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.025em;
    padding: 10px 0;
    color: #fff;
}

.he_title_track {
    display: block;
    width: 100%;
    margin-top: 26px;
    margin-bottom: 50px;
}

.he_title_track span {
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px;
    padding: 6px 0;
    color: #192F60;
}

.he_title_track span a {
    color: #000000;
}

.track_in::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 10px;
    border-color: transparent transparent transparent #dddddd;
    margin-right: 20px;
    vertical-align: middle;
}


/* ---------------------------------
          footer
  ------------------------------------*/

.globalFooter {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #1D1A1A;
}

.globalFooterInner {
    margin: 0 auto;
    width: 1280px;
    padding: 0 60px;
}

.footer_g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin: 105px auto 0; */
    width: 1140px;
}

.globalFooterBottom {
    margin-right: 50px;
}

.globalFooterBottom:nth-child(3) {
    margin-right: 0px;
}

.top_btn {
    width: 90px;
    height: 35px;
    font-size: 0;
}

.webp .top_btn {
    background: transparent url('../images/footerlogo.webp') 0% 0% no-repeat padding-box;
}

.no-webp .top_btn {
    background: transparent url('../images/footerlogo.png') 0% 0% no-repeat padding-box;
}

.globalFooterBottom_g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.globalFooterBottom h3 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.025em;
    margin-bottom: 20px;
}

.globalFooterBottom ul {
    display: block;
}

.globalFooterNavItem {
    margin-bottom: 10px;
}

.globalFooterBottom li a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.025em;
    padding: 0;
}

.footer_copy {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.025em;
}

.sp_fo_co2 {
    display: none;
}

.addfoot {
    font-size: 16px !important;
}


/**********************************　
  main_area
  ************************************/

.top_section {
    width: 100%;
    height: 520px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.main_copy {
    position: absolute;
    top: 180px;
    left: 69px;
}

.intr {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    line-height: 46px;
}

.intr_in {
    font-size: 18px;
    color: #ffffff;
    margin-top: 20px;
}

.top_img {
    display: inline-block;
    position: absolute;
    width: 1040px;
    right: 0;
}

.top_img_sp {
    display: none;
}

.top_img img {
    transition: 1.0s;
}

.back_color {
    position: absolute;
    width: 1040px;
    height: 480px;
    background-color: #192F60;
    left: 0;
    top: 40px;
    transition: all 1s ease-in-out;
}


/* ------------------- */

.bot_section {
    width: 100%;
    margin-bottom: 180px;
}

.wrapper {
    display: flex;
    justify-content: center;
}

.b_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1080px;
    height: 100%;
}

.b_area div:nth-child(1) img {
    width: 60px;
    height: 52px;
    margin-bottom: 30px;
}

.b_area div:nth-child(2) img {
    width: 50px;
    height: 54px;
    margin-bottom: 28px;
}

.b_area div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    border-radius: 7px;
    width: 525px;
    height: 260px;
    padding: 30px 0 16px;
    box-shadow: 0px 8px 16px -2px rgba(92, 77, 77, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);
}

.b_area p {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.025em;
    line-height: 2.18;
    color: black;
    margin-bottom: 25px;
}

.b_area a {
    position: relative;
    width: 495px;
    height: 60px;
    background-color: #192F60;
    padding: 10px;
    border-radius: 5px;
}

.b_area a .bor_text {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.webp .b_area a .bor_text::after {
    content: url('../images/right_arrow.png');
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 100%;
    position: absolute;
    top: -3px;
    margin-left: 20px;
    /* background:transparent url('../images/right_arrow.webp') 0% 0% no-repeat padding-box; */
}

.no-webp .b_area a .bor_text::after {
    content: url('../images/right_arrow.png');
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 100%;
    position: absolute;
    top: -3px;
    margin-left: 20px
    /* background:transparent url('../images/right_arrow.png') 0% 0% no-repeat padding-box; */
}


/**********************************　
   page agg-str 
  ************************************/


/* str_section */

.str_section {
    width: 100%;
    position: relative;
    margin-bottom: 100px;
}

.str_wrapper {
    width: 1080px;
    margin: 0 auto;
}

.str_main_img {
    font-size: 0;
    width: 1080px;
    height: 350px;
}

.webp .str_main_img {
    background: transparent url('../images/str1.webp') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.no-webp .str_main_img {
    background: transparent url('../images/str1.png') 0% 0% no-repeat padding-box;
    background-size: contain;
}


/* str_section_2 */

.str_section_2 {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

.str_intr_g {
    width: 1080px;
    /* background-color: #F7F7F7; */
    /* padding:  20px 10px; */
    margin-bottom: 90px;
}

.str_intr_g:last-child {
    margin-bottom: 140px;
}

.str_intr_title {
    padding: 15px 20px;
    height: 60px;
    font-size: 24px;
    font-weight: bold;
    background-color: #F7F7F7;
    color: #000;
    border-color: #D6D6D6;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #D6D6D6;
    margin-bottom: 40px;
}

.intr_copy_g {
    width: 100%;
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
    line-height: 1.333;
}

.intr_copy {
    font-size: 16px;
    line-height: 2;
    color: #000;
}

.intr_copy_img1 {
    width: 320px;
    height: 213px;
}

.webp .intr_copy_img1 {
    background: transparent url('../images/str2.webp') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.no-webp .intr_copy_img1 {
    background: transparent url('../images/str2.png') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.intr_copy_img2 {
    width: 320px;
    height: 213px;
}

.webp .intr_copy_img2 {
    background: transparent url('../images/str3.webp') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.no-webp .intr_copy_img2 {
    background: transparent url('../images/str3.png') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.intr_copy_img3 {
    width: 320px;
    height: 213px;
}

.webp .intr_copy_img3 {
    background: transparent url('../images/str4.webp') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.no-webp .intr_copy_img3 {
    background: transparent url('../images/str4.png') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.str_section_3 {
    width: 100%;
    position: relative;
    margin-bottom: 140px;
}

.detail_img {
    width: 1080px;
    height: 1012px;
}

.webp .detail_img {
    background: transparent url('../images/str_detail.svg') 0% 0% no-repeat padding-box;
}

.no-webp .intr_copy_img3 {
    background: transparent url('../images/str_detail.svg') 0% 0% no-repeat padding-box;
}


/**********************************　
  agg-rele
  ************************************/

.rele_area_0 {
    margin-bottom: 100px;
}

.intr_copy_img1_rele {
    width: 320px;
    height: 213px;
}

.webp .intr_copy_img1_rele {
    background: transparent url('../images/rele_p1.webp') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.no-webp .intr_copy_img1_rele {
    background: transparent url('../images/rele_p1.png') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.intr_copy_img2_rele {
    width: 320px;
    height: 213px;
}

.webp .intr_copy_img2_rele {
    background: transparent url('../images/rele_p2.webp') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.no-webp .intr_copy_img2_rele {
    background: transparent url('../images/rele_p2.png') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.intr_copy_img3_rele {
    width: 320px;
    height: 213px;
}

.webp .intr_copy_img3_rele {
    background: transparent url('../images/rele_p3.webp') 0% 0% no-repeat padding-box;
    background-size: contain;
}

.no-webp .intr_copy_img3_rele {
    background: transparent url('../images/rele_p3.png') 0% 0% no-repeat padding-box;
    background-size: contain;
}


/**********************************　
  contact
  ************************************/

.con_copy_g {
    display: block;
}

.con_title {
    color: #192F60;
}

.con_sub_title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    color: #000;
}

.con_copy {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.125;
    color: #000;
}

.often_ask {
    color: #192F60;
    font-size: 18px;
    font-weight: bold;
}


/**********************************　
 acg-ofques
  ************************************/

.acd-check {
    display: none;
}

.acd-label {
    background: #fff;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 50px;
    padding: 22px;
    position: relative;
    border-top: 1px solid;
    border: 2px solid;
    border-color: #192F60;
    transition: .5s;
}

.acd-label:before,
.acd-label:after {
    background: #192F60;
    box-sizing: border-box;
    content: '';
    display: block;
    /* font-family: "Font Awesome 5 Free"; */
    height: 24px;
    /* padding: 10px 20px; */
    position: absolute;
    width: 2px;
    /* 棒の幅（太さ） */
    transition: .5s;
    right: 0;
    top: 50%;
    margin-right: 30px;
}

.acd-label:before {
    transform: translate(-50%, -50%) rotate(0deg);
}

.acd-label:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.acd-content {
    /* border: 1px solid #000; */
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 60px 0 60px;
    transition: .5s;
    visibility: hidden;
    margin-top: -20px;
}

.acd-content p {
    color: #000;
    font-size: 16px;
    line-height: 2;
}

.acd-check:checked+.acd-label {
    background-color: #192F60;
    color: #fff;
}

.acd-check:checked+.acd-label:after {
    /* background-color: #192F60; */
    background-color: #fff;
    content: '';
    transform: translate(-50%, -50%) rotate(45deg);
}

.acd-check:checked+.acd-label:before {
    /* background-color: #192F60; */
    background-color: #fff;
    content: '';
    transform: translate(-50%, -50%) rotate(-45deg);
}

.acd-check:checked+.acd-label+.acd-content {
    height: 97px;
    opacity: 1;
    /* padding: 10px; */
    visibility: visible;
    margin-bottom: 30px;
}

.acd-check:checked+.acd-label+.al_0 {
    height: 158px;
}

.acd-check:checked+.acd-label+.al_1 {
    height: 159px;
}

.acd-check:checked+.acd-label+.al_2 {
    height: 96px;
}

.acd-check:checked+.acd-label+.al_3 {
    height: 158px;
}

.acd-check:checked+.acd-label+.al_4 {
    height: 58px;
}

.acd-check:checked+.acd-label+.al_5 {
    height: 221px;
}

.acd-check:checked+.acd-label+.al_6 {
    height: 254px;
}

.acd-check:checked+.acd-label+.al_7 {
    height: 93px;
}

.acd-check:checked+.acd-label+.al_8 {
    height: 157px;
}

.acd-check:checked+.acd-label+.al_9 {
    height: 124px;
}

.acd-check:checked+.acd-label+.al_10 {
    height: 30px;
}

.acd-check:checked+.acd-label+.al_11 {
    height: 124px;
}

.acd-check:checked+.acd-label+.al_12 {
    height: 57px;
}

.ac_bo {
    font-size: 16px;
    font-weight: bold;
}


/**********************************　
  agg-entryconf
  ************************************/

.p_copy1 {
    color: #000000;
    font-size: 18px;
}

.ec_sub {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 35px;
    color: #2F2F2F;
}

.ec_sub2 {
    line-height: 2;
    margin-bottom: 40px;
}

.ec_bo {
    font-weight: bold;
}

.conf_area0 {
    margin: 0 auto;
    width: 960px;
    height: 100%;
}

.conf_area {
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 30px 20px;
    background-color: #F8F8F8;
    width: 960px;
    height: 100%;
}

.conf_title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
}

.ec_sub3 {
    font-size: 16px;
}

.c_s1 {
    font-weight: bold;
    color: #192F60;
}

.ec_01 {
    font-size: 18px;
    color: #000;
}

.ba_ou {
    font-family: "Zen Kaku Gothic New", sans-serif;
    display: block;
    position: relative;
    width: 280px;
    height: 60px;
    background-color: #192F60;
    padding: 10px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 90px;
}

.back_bo {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-right: 30px;
    /* padding: 20px;
    background-color: #192F60;
    border-radius: 6px; */
}

.back_bo::after {
    content: url("../images/right_arrow.png");
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 100%;
    position: absolute;
    top: 12px;
    margin-left: 20px;
}


/**********************************　
   agg-privacy
  ************************************/

.p_copy3 {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.025;
    color: #000;
}

.pv {
    margin-top: 40px;
}


/**********************************　
   agg-entryprivacy
  ************************************/

.p_copy4 {
    font-size: 16px;
    margin-bottom: 40px;
}


/**********************************　
   agg-rule
  ************************************/

.r_sub {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000;
}

.r_sub2 {
    font-size: 16px;
    margin-bottom: 50px;
}

.add_ru_sp1 {
    display: none;
}


/**********************************　
  contact
  ************************************/

.con_sub_title {
    margin-bottom: 20px;
}

.con_copy {
    margin-bottom: 33px;
}

.often_ask::after {
    content: url("../images/right_arrow_blue.png");
    display: inline-block;
    vertical-align: text-top;
    width: 22px;
    height: 100%;
    margin-top: -2px;
    margin-left: 20px;
}

.safari .often_ask::after {
    margin-top: -5px;
}

.con_sub_title::before {
    content: "";
    display: inline-block;
    height: 30px;
    width: 7px;
    vertical-align: bottom;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #192F60;
}

.form_area {
    width: 960px;
    margin: 0 auto;
}

.contact-form {}

.formContents__error {
    display: none;
}

.formContents__error.is-show {
    display: block;
}

.label {
    font-size: 16px;
    font-weight: bold;
    width: 240px;
    padding-top: 15px;
    color: #000;
}

.item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
}

.item_content {
    font-size: 16px;
    padding: 15px;
    width: 720px;
    height: 50px;
    background-color: #F8F8F8;
    border-bottom: 2px solid#C1C1C1;
}

.item_content2 {
    font-size: 16px;
    padding: 10px;
    width: 360px;
    height: 50px;
    background-color: #F8F8F8;
    border: 2px solid#C1C1C1;
}

.ca_c1:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    margin: 2px 10px;
    right: 38%;
}

.item_content3 {
    font-size: 16px;
    padding: 15px;
    width: 720px;
    height: 270px;
    background-color: #F8F8F8;
    border-bottom: 2px solid#C1C1C1;
}

.c_a1 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 40px;
    padding: 10px 30px 10px 0;
}

.c_a1:after {
    content: url(../images/right_arrow.png);
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 100%;
    position: absolute;
    top: 12px;
    margin-left: 20px;
    /* background: transparent url(../images/right_arrow.webp) 0% 0% no-repeat padding-box; */
}

.formTable01__input__error {
    text-align: start;
    color: red;
    font-size: 16px;
    font-weight: bold;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: 250px;
}

.formContents__error__text {
    text-align: start;
    color: red;
    font-size: 16px;
    font-weight: bold;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: 250px;
}

.loadinged {
    display: block;
}

.item_content4 {
    font-size: 16px;
    padding: 15px;
    width: 720px;
}

.c_bo_gr1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cc2 {
    text-align: center;
    margin-right: -15px;
    font-size: 16px;
    margin-bottom: 60px;
}

.c_a2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 40px;
    padding: 10px 0 10px 30px;
    width: 160px;
    background-color: #575555;
    margin: 0 15px;
}

.c_a2::before {
    content: url(../images/right_arrow.png);
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 100%;
    position: absolute;
    top: -11px;
    left: 10px;
    margin-left: 20px;
    transform: rotate(180deg)
    /* background: transparent url(../images/right_arrow.webp) 0% 0% no-repeat padding-box; */
}

.c_a3 {
    width: 160px;
    margin: 0 15px;
}

.con_in_g {
    margin-bottom: 80px;
}

.con_in_g:last-child {
    margin-bottom: 80px;
}


/**********************************　
   thanks
  ************************************/

.th_c1 {
    font-size: 16px;
    line-height: 2;
    text-align: center;
}


/**********************************　
   agg-greeting
  ************************************/

.gre_c1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 25px;
    letter-spacing: 0.017em;
}

.greet_man {}

.greet_man {
    width: 960px;
    height: 457px;
    margin-bottom: 50px;
}

.webp .greet_man {
    background: transparent url('../images/greet-man.webp') 0% 0% no-repeat padding-box;
    background-size: cover;
    background-position: bottom;
}

.no-webp .greet_man {
    background: transparent url('../images/greet-man.JPG') 0% 0% no-repeat padding-box;
    background-size: cover;
    background-position: bottom;
}

.gre_copy1 {
    color: #000;
    font-size: 24px;
    letter-spacing: 0.6px;
    margin-bottom: 25px;
    font-weight: bold;
}

.gre_copy2 {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 2.125;
    margin-bottom: 25px;
    font-weight: bold;
}

.gre_copy3 {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 2.125;
    margin-bottom: 25px;
    font-weight: bold;
    text-align: end;
}


/**********************************　
   agg-cpy
  ************************************/

.cpy_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #F8F8F8;
    padding-top: 23px;
    height: 70px;
}

.cpy_item:nth-child(2n) {
    background-color: #fff;
}

.cp_i_1 {
    padding-left: 20px;
    color: #000;
    font-size: 16px;
    width: 280px;
    height: 70px;
    font-weight: bold;
}

.cp_i_2 {
    color: #000;
    font-size: 16px;
    width: 680px;
    height: 70px;
}

.br_sp {
    display: none;
}

.bronoff-pc {
    display: block;
}


/**********************************　
   agg-entry
  ************************************/

.labelcheck {
    position: relative;
    /* ボックスの位置を指定する */
    padding: 0 0 0 30px;
    /* ボックス内側の余白を指定する */
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0 auto;
}

.labelcheck:hover::after {
    /* border-color: #000; ボックスの境界線を実線で指定する */
}

.dl_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dl_text {
    font-size: 16px;
    /* font-weight: bold; */
    line-height: 30px;
    text-align: center;
    color: #000;
}

.dl_btn {
    font-size: 16px;
    background-color: #192F60;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.dl_form {
    text-align: center;
    margin-top: 20px;
}

.labelcheck::before {
    position: absolute;
    /* ボックスの位置を指定する */
    content: "";
    /* ボックスのコンテンツ */
    display: block;
    /* ブロックレベル要素化する */
    top: 50%;
    /* 上部から配置の基準位置を決める */
}

.labelcheck::before {
    left: 0px;
    /* 左から配置の基準位置を決める */
    margin-top: -10px;
    /* チェック枠の位置 */
    width: 20px;
    height: 20px;
    border: 2px solid #C1C1C1;
    /* ボックスの境界線を実線で指定する */
    background-color: #F8F8F8;
}

.labelcheck::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 6.5px;
    /* 左から配置の基準位置を決める */
    margin-top: -9px;
    /* チェックマークの位置 */
    width: 9px;
    /* ボックスの横幅を指定する */
    height: 13px;
    /* ボックスの高さを指定する */
    border-right: 2px solid #192F60;
    /* 境界線（右）のスタイルを指定する */
    border-bottom: 2px solid #192F60;
    /* 境界線（下）のスタイルを指定する */
    transform: rotate(45deg);
    /* 要素を回転させる */
    opacity: 0;
    /* 要素を透過指定する */
}

#privacy-check:checked+.labelcheck::after {
    opacity: 1;
}

.error_text {
    text-align: center;
    color: red;
    font-weight: bold;
}

.ent_co {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 87px;
    color: #000;
}


/* radio */

.ed1 {
    text-align: center;
    text-decoration-line: underline;
    color: #192F60;
    margin-bottom: 14px;
}

.ed2 {
    font-weight: normal;
    margin-bottom: 73px;
}

.en_p {
    margin-right: 16px;
}

.en_p::after {
    margin-left: 0px;
}

.bi_sp {
    display: none;
}

.po-canentryform table tbody {
    display: flex;
    flex-wrap: wrap;
}

.po-single {
    width: 960px;
    height: 100%;
}

.po-single,
.po-double {
    display: flex;
    justify-content: space-between;
}

.po-double {
    width: 960px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.po-single {
    /* margin-bottom: 60px; */
}

.po-required-elem {}

.po-required-elem::after {
    display: inline-block;
    content: "必須";
    color: #fff;
    background: #192F60;
    width: 34px;
    height: 19px;
    font-size: 12px;
    letter-spacing: 0.3px;
    text-align: center;
    /* margin-top: 10px; */
    margin-left: 13px;
}

.po-single th,
.po-double th {
    padding-right: 30px;
}

.po-label {
    width: 320px;
    text-align: start;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #000;
}

div.po-remark {
    display: none;
}

.po-single:nth-child(3) .po-remark {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 2;
}

.po-input {
    width: 640px;
    /* height: 50px; */
}

.po-input input[type="text"] {
    /* width: 640px; */
    height: 50px;
}

.po-input input[type="radio"] {
    /* width: 640px; */
    height: 50px;
}

.po-input .po-year,
.po-input .po-month,
.po-input .po-day {
    width: 100px;
    height: 50px;
    margin-right: 10px;
}

.po-input .po-month,
.po-input .po-day {
    margin-left: 23px;
}

.po-input input {
    background-color: #F8F8F8;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-bottom: 2px solid#C1C1C1;
}

.po-input textarea {
    background-color: #F8F8F8;
    width: 100%;
    height: 150px;
    padding: 10px;
    border-bottom: 2px solid#C1C1C1;
}

.po-checkbox {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.po-input .po-checkbox-parent {
    width: 0;
    height: 0;
    padding: 0;
}

.po-input .po-checkbox-children {
    width: 0;
    height: 0;
    padding: 0;
}

.po-checkbox div {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 2px solid #F8F8F8;
    padding: 5px 0;
    /* margin-top: -40px; */
}

.po-checkbox-root {
    margin-top: -15px;
}

.po-validation {
    color: red;
    font-size: 14px;
    font-weight: bold;
}


/* .po-checkbox div:first-child {
    padding-top: 0;
} */


/* .po-checkbox div:first-child span {
    margin-top: 0px;
} */

.po-checkbox div span::before {}

.po-checkbox div span {
    position: relative;
    /* ボックスの位置を指定する */
    padding: 0 0 0 30px;
    /* ボックス内側の余白を指定する */
    font-size: 16px;
    /* font-weight: bold; */
    color: #000;
    /* margin: 0 auto; */
    margin-right: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.safari .po-checkbox div span {
    padding: 4px;
}

.po-checkbox div span::after,
.po-checkbox div span::before {
    position: absolute;
    /* ボックスの位置を指定する */
    content: "";
    /* ボックスのコンテンツ */
    display: block;
    /* ブロックレベル要素化する */
    top: 50%;
    /* 上部から配置の基準位置を決める */
}

.po-checkbox div span::before {
    left: 0px;
    /* 左から配置の基準位置を決める */
    margin-top: -10px;
    /* チェック枠の位置 */
    width: 20px;
    height: 20px;
    border: 2px solid #C1C1C1;
    /* ボックスの境界線を実線で指定する */
    background-color: #F8F8F8;
}

.po-checkbox div span::after {
    left: 6.5px;
    /* 左から配置の基準位置を決める */
    margin-top: -9px;
    /* チェックマークの位置 */
    width: 9px;
    /* ボックスの横幅を指定する */
    height: 13px;
    /* ボックスの高さを指定する */
    border-right: 2px solid #192F60;
    /* 境界線（右）のスタイルを指定する */
    border-bottom: 2px solid #192F60;
    /* 境界線（下）のスタイルを指定する */
    transform: rotate(45deg);
    /* 要素を回転させる */
    opacity: 0;
    /* 要素を透過指定する */
}

.po-checkbox-parent:checked+span::after {
    opacity: 1;
}

.po-checkbox-children:checked+span::after {
    opacity: 1;
}


/* radio */

.po-input input[type="radio"] {
    height: 0;
    width: 0;
    padding: 0;
    border: none;
    padding: 0;
}

.po-radio-simple {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.po-radio-simple span {
    position: relative;
    /* ボックスの位置を指定する */
    padding: 0 0 0 40px;
    /* ボックス内側の余白を指定する */
    font-size: 16px;
    /* font-weight: bold; */
    color: #000;
    /* margin: 0 auto; */
    margin-right: 50px;
    margin-bottom: 10px;
}

.safari .po-radio-simple span {
    padding-top: 6px;
}

.po-radio-simple span::after,
.po-radio-simple span::before {
    position: absolute;
    /* ボックスの位置を指定する */
    content: "";
    /* ボックスのコンテンツ */
    display: block;
    /* ブロックレベル要素化する */
    top: 50%;
    /* 上部から配置の基準位置を決める */
}

.po-radio-simple span::before {
    left: 0px;
    /* 左から配置の基準位置を決める */
    margin-top: -10px;
    /* チェック枠の位置 */
    width: 20px;
    height: 20px;
    border: 2px solid #C1C1C1;
    border-radius: 50%;
    /* ボックスの境界線を実線で指定する */
    background-color: #F8F8F8;
}

.po-radio-simple span::after {
    left: 6px;
    margin-top: -4px;
    width: 12px;
    height: 12px;
    background-color: #192F60;
    border-radius: 50%;
    /* transform: rotate(45deg); */
    /* 要素を回転させる */
    opacity: 0;
    /* 要素を透過指定する */
}

.po-radio-simple input:checked+span::after {
    opacity: 1;
}

.po-dropdown select {
    font-size: 16px;
    padding: 10px;
    width: 360px;
    height: 50px;
    background-color: #F8F8F8;
    border: 2px solid#C1C1C1;
}

.po-dropdown:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    margin: 18px 40px;
    right: 32.2%;
}

.po-normal {
    vertical-align: top;
    margin-bottom: 60px;
    /* padding-right: 30px; */
}

.po-button-send {
    display: block;
    position: relative;
    width: 280px;
    height: 60px;
    background-color: #192F60;
    padding: 10px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 90px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 40px;
    padding: 10px 30px 10px 0;
}

.po-button-send:after {
    content: url(../images/right_arrow.png);
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 100%;
    position: absolute;
    top: 15px;
    margin-left: 20px;
    /* background: transparent url(../images/right_arrow.webp) 0% 0% no-repeat padding-box; */
}


/* スクロールボタン */


/* ボタンのスタイル */

.page-top {
    /* buttonタグのリセットCSS */
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    /* ボタンの装飾 */
    position: fixed;
    right: 30px;
    bottom: 90px;
    z-index: 100;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #192F60;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}


/* 矢印のスタイル */

.page-top::before {
    content: "";
    width: 12px;
    height: 12px;
    margin-bottom: -6px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(-45deg);
}


/* ホバー時のスタイル */

.page-top:hover {
    transform: scale(1.1);
}


/* entryボタンのスタイル */

.page-entry {
    /* buttonタグのリセットCSS */
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    /* ボタンの装飾 */
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 100;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #192F60;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}


/* 矢印のスタイル */

.page-entry::before {
    content: "";
    width: 12px;
    height: 12px;
    margin-bottom: 5px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(135deg);
}


/* ホバー時のスタイル */

.page-entry:hover {
    transform: scale(1.1);
}


/* */

.po-single:nth-of-type(3) {
    justify-content: start;
    /* background-color: red; */
}


/*  */

.po-file+.po-remark {
    margin-bottom: 20px;
}

.po-single:nth-of-type(17) {
    padding-top: 20px;
    border-top: 2px solid #f9f9f9;
    /* background-color: red; */
}

.po-double:nth-of-type(18) {
    padding-left: 320px;
    /* background-color: red; */
}

.po-double:nth-of-type(18) .po-normal {
    margin-bottom: 30px;
    /* background-color: red; */
}

.po-double:nth-of-type(18) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(19) {
    padding-top: 20px;
    border-top: 2px solid #f9f9f9;
    /* background-color: red; */
}

.po-double:nth-of-type(20) {
    padding-left: 320px;
    /* background-color: red; */
}

.po-double:nth-of-type(20) .po-normal {
    margin-bottom: 30px;
    /* background-color: red; */
}

.po-double:nth-of-type(20) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(22) {
    padding-top: 20px;
    border-top: 2px solid #f9f9f9;
    /* background-color: red; */
}


/*  会社名１ */

.po-single:nth-of-type(23) {
    padding-top: 20px;
    border-top: 2px solid #f9f9f9;
    /* background-color: red; */
}

.po-single:nth-of-type(24) {
    padding-left: 320px;
    display: flex;
    flex-wrap: wrap;
}

.po-single:nth-of-type(24) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(24) .po-normal {
    margin-bottom: 30px;
}

.po-double:nth-of-type(25) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-double:nth-of-type(25) {
    padding-left: 320px;
}

.po-double:nth-of-type(25) .po-normal {
    margin-bottom: 30px;
}

.po-single:nth-of-type(26) {
    padding-left: 320px;
    display: flex;
    flex-wrap: wrap;
}

.po-single:nth-of-type(26) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(26) .po-normal {
    margin-bottom: 30px;
}

.po-single:nth-of-type(27) {
    padding-left: 320px;
    display: flex;
    flex-wrap: wrap;
}

.po-single:nth-of-type(27) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(27) .po-normal {
    margin-bottom: 30px;
}


/*  会社名２*/

.po-single:nth-of-type(28) {
    padding-top: 20px;
    border-top: 2px solid #f9f9f9;
    /* background-color: red; */
}

.po-double:nth-of-type(29) {
    padding-left: 320px;
}

.po-double:nth-of-type(29) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-double:nth-of-type(29) .po-normal {
    margin-bottom: 30px;
}

.po-single:nth-of-type(30) {
    padding-left: 320px;
    display: flex;
    flex-wrap: wrap;
}

.po-single:nth-of-type(30) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(30) .po-normal {
    margin-bottom: 30px;
}

.po-single:nth-of-type(31) {
    padding-left: 320px;
    display: flex;
    flex-wrap: wrap;
}

.po-single:nth-of-type(31) .po-normal {
    margin-bottom: 30px;
}

.po-single:nth-of-type(31) .po-label {
    font-weight: normal;
    /* background-color: red; */
}


/*  会社名3*/

.po-single:nth-of-type(32) {
    padding-top: 20px;
    border-top: 2px solid #f9f9f9;
}

.po-double:nth-of-type(33) {
    padding-left: 320px;
}

.po-double:nth-of-type(33) .po-normal {
    margin-bottom: 30px;
}

.po-double:nth-of-type(33) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(34) {
    padding-left: 320px;
    display: flex;
    flex-wrap: wrap;
}

.po-single:nth-of-type(34) .po-normal {
    margin-bottom: 30px;
}

.po-single:nth-of-type(34) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(35) {
    padding-left: 320px;
    display: flex;
    flex-wrap: wrap;
}

.po-single:nth-of-type(35) .po-label {
    font-weight: normal;
    /* background-color: red; */
}

.po-single:nth-of-type(35) .po-normal {
    margin-bottom: 30px;
}

.po-single:nth-of-type(36) {
    padding-top: 20px;
    border-top: 2px solid #f9f9f9;
}


/**********************************　
   responsive
  ************************************/

@media (max-width: 390px) {
    body {
        min-width: 100%;
        font-size: 3.73vw;
    }
    header {
        height: 17.9vw;
        width: 100%;
        padding-top: 2.56vw;
        background-color: #ffffff;
        position: fixed;
        top: 0;
        z-index: 10;
        display: flex;
    }
    .bi_sp {
        display: block;
        font-size: 11px;
        font-weight: bold;
        color: red;
        margin-top: 10px;
    }
    .bronoff-pc {
        display: none;
    }
    .pc-br {
        display: none;
    }
    .br_sp {
        display: block;
    }
    .logo {
        font-size: 0px;
        margin-top: 2.56vw;
    }
    .logo a {
        width: 20.5vw;
        height: 7.94vw;
    }
    .webp .logo a {
        background: transparent url('../images/headerlogo.webp') 0% 0% no-repeat padding-box;
        background-size: contain;
    }
    .no-webp .logo a {
        background: transparent url('../images/headerlogo.png') 0% 0% no-repeat padding-box;
        background-size: contain;
    }
    .head_k {
        padding: 0 10px 0 20px;
    }
    .inner1 {
        position: relative;
        margin: 0 auto;
        width: 100vw;
    }
    header ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 350px;
        margin: 0 auto;
    }
    header a {
        color: #192F60;
        text-decoration: none;
        display: block;
        padding: 0 20px;
    }
    .pc ul a {
        color: #192F60;
        text-decoration: none;
        display: block;
        line-height: 60px;
        padding: 0 20px;
        font-weight: bold;
        padding: 10px;
    }
    .pc ul li:nth-child(2) {
        margin-right: 30px;
        margin-left: 10px;
    }
    .pc ul li:nth-child(3) {
        width: 140px;
        height: 80px;
        background-color: #192F60;
        border-radius: 7px;
        color: #ffffff;
    }
    .pc ul li:nth-child(3) a {
        width: inherit;
        height: inherit;
        color: #ffffff;
        text-align: center;
    }
    .sm {
        display: none;
    }
    /**********************************　
  main_area
  ************************************/
    .top_section {
        width: 100%;
        height: 164vw;
        margin-top: 17.94vw;
        margin-bottom: 20.51vw;
    }
    .main_copy {
        position: absolute;
        top: 53.8vw;
        left: 5.12vw;
    }
    .intr {
        font-size: 6.15vw;
        font-weight: bold;
        color: #ffffff;
        /* line-height: 46px; */
    }
    .intr_in {
        font-size: 3.58vw;
        color: #ffffff;
        margin-top: 5.12vw;
    }
    .top_img {
        display: none;
    }
    .top_img_sp {
        display: none;
        position: absolute;
        width: 93vw;
        height: 100%;
        right: 0;
    }
    .top_img img {
        transition: 1.0s;
    }
    .back_color {
        position: absolute;
        width: 84.61vw;
        height: 151.2vw;
        background-color: #192F60;
        left: 0;
        top: 10.25vw;
        transition: all 1s ease-in-out;
    }
    /* ------------------- */
    .bot_section {
        width: 100%;
        margin-bottom: 70px;
    }
    .wrapper {
        display: flex;
        justify-content: center;
    }
    .b_area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 350px;
        height: 100%;
    }
    .b_area div:nth-child(1) img {
        width: 60px;
        height: 52px;
        margin-bottom: 15px;
    }
    .b_area div:nth-child(2) img {
        width: 50px;
        height: 54px;
        margin-bottom: 28px;
    }
    .b_area div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #fff;
        border-radius: 7px;
        width: 350px;
        height: 246px;
        padding: 30px 0 18px;
        margin-bottom: 50px;
        box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);
    }
    .b_area p {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0.025em;
        line-height: 2.18;
        color: black;
        margin-bottom: 16px;
    }
    .b_area a {
        position: relative;
        width: 320px;
        height: 60px;
        background-color: #192F60;
        padding: 10px;
        border-radius: 5px;
    }
    .b_area a .bor_text {
        position: relative;
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }
    .webp .b_area a .bor_text::after {
        content: url('../images/right_arrow.png');
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 100%;
        position: absolute;
        top: -3px;
        margin-left: 20px;
        /* background:transparent url('../images/right_arrow.webp') 0% 0% no-repeat padding-box; */
    }
    .no-webp .b_area a .bor_text::after {
        content: url('../images/right_arrow.png');
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 100%;
        position: absolute;
        top: -3px;
        margin-left: 20px
        /* background:transparent url('../images/right_arrow.png') 0% 0% no-repeat padding-box; */
    }
    .top_img_sp {
        display: block;
    }
    /* ---------------------------------
          footer
  ------------------------------------*/
    .sp_fo_co1 {
        display: none;
    }
    .sp_fo_co2 {
        display: block;
        margin-top: 30px;
    }
    .globalFooter {
        position: relative;
        padding-top: 60px;
        padding-bottom: 25px;
        background-color: #1D1A1A;
    }
    .globalFooterInner {
        margin: 0 auto;
        width: 100vw;
        padding: 0;
    }
    .footer_g {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /* margin: 105px auto 0; */
        width: 76.92vw;
        margin: 0 auto;
    }
    .globalFooterBottom {
        margin-right: 0px;
    }
    .globalFooterBottom:nth-child(3) {
        /* margin-top: 30px; */
    }
    .top_btn {
        width: 90px;
        height: 35px;
        font-size: 0;
        margin: 0 auto;
    }
    .webp .top_btn {
        background: transparent url('../images/footerlogo.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .top_btn {
        background: transparent url('../images/footerlogo.png') 0% 0% no-repeat padding-box;
    }
    .globalFooterBottom_g {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .globalFooterBottom h3 {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.025em;
        margin-bottom: 20px;
    }
    .globalFooterBottom ul {
        display: block;
    }
    .globalFooterNavItem {
        margin-bottom: 10px;
    }
    .globalFooterBottom li a {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0.025em;
        padding: 0;
    }
    .footer_copy {
        color: #fff;
        font-size: 11.5px;
        letter-spacing: 0.025em;
        text-align: center;
    }
    /**********************************　
   以下、ハンバーガーメニューの設定　
  ************************************/
    .pc {
        display: none;
    }
    #hamburger {
        background-color: #192F60;
        position: relative;
        cursor: pointer;
        margin: 0 0 0 auto;
        height: 12.82vw;
        width: 12.82vw;
        border-radius: 1.28vw;
        padding: 0 10px;
    }
    .icon span {
        position: absolute;
        /* left: 2.82vw; */
        width: 7.69vw;
        height: 0.512vw;
        background-color: white;
        /* border-radius: 2.051vw; */
        transition: ease 0.4s;
    }
    .icon span:nth-of-type(1) {
        top: 3.33vw;
    }
    .icon span:nth-of-type(2) {
        top: 6.15vw;
    }
    .icon span:nth-of-type(3) {
        bottom: 3.33vw;
    }
    .close span:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6.15vw;
    }
    .close span:nth-of-type(2) {
        opacity: 0;
    }
    .close span:nth-of-type(3) {
        transform: rotate(-45deg);
        top: 6.15vw;
    }
    .sm {
        top: 50px;
        left: 0px;
        position: absolute;
        z-index: 10;
        width: 100%;
        background-color: #ffffff;
        height: 100vh;
    }
    ul {
        flex-direction: column;
    }
    .sm li {
        height: 70px;
    }
    .sm a {
        text-align: start;
        border-top: solid 0.5px #D6D6D6;
        padding: 20px 0;
        font-size: 20px;
        font-weight: bold;
    }
    .sm li:nth-of-type(1) {
        margin-top: 15.38vw;
    }
    .sm li:nth-of-type(1) a::after {
        position: absolute;
        content: url("../images/right_arrow_blue.png");
        display: inline-block;
        vertical-align: text-top;
        width: 22px;
        height: 100%;
        /* margin-left: 222px; */
        right: 32px;
        margin-top: -4px;
    }
    .sm li:nth-of-type(2) a::after {
        position: absolute;
        content: url("../images/right_arrow_blue.png");
        display: inline-block;
        vertical-align: text-top;
        width: 22px;
        height: 100%;
        right: 32px;
        margin-top: -4px;
    }
    .sm li:nth-of-type(2) a {
        border-bottom: solid 0.5px #D6D6D6;
    }
    .sm li:nth-of-type(3) {
        height: 90px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .sm li:nth-of-type(3) a {
        width: 350px;
        height: 80px;
        background-color: #192F60;
        color: #fff;
        border-radius: 10px;
        text-align: center;
        padding: 25px;
    }
    /*---------------------------------
            agg-str res
     ----------------------------------*/
    .he_title {
        display: flex;
        align-items: center;
        width: 100%;
        height: 140px;
        margin-top: 100px;
        background: rgb(25, 47, 96);
        background: linear-gradient(90deg, rgb(34 54 98) 0%, rgb(12 33 81) 47%, rgb(17 27 48) 100%);
    }
    .he_title_in {
        text-align: start;
        font-size: 28px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 0.125em;
        padding: 10px 0;
        color: #fff;
    }
    .he_title_track {
        display: block;
        width: 100%;
        margin-top: 26px;
        margin-bottom: 50px;
    }
    .he_title_track span {
        font-size: 16px;
        font-weight: bold;
        margin-right: 4px;
        padding: 6px 0;
        color: #192F60;
    }
    .he_title_track span a {
        color: #000000;
        font-size: 14px;
    }
    .track_in::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 10px;
        border-color: transparent transparent transparent #dddddd;
        margin-right: 7px;
        vertical-align: middle;
    }
    .str_section {
        width: 100%;
        position: relative;
        margin-bottom: 100px;
    }
    .str_wrapper {
        width: 350px;
        margin: 0 auto;
    }
    .str_main_img {
        font-size: 0;
        width: 350px;
        height: 350px;
    }
    .webp .str_main_img {
        background: transparent url('../images/str1_sp.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .str_main_img {
        background: transparent url('../images/str1_sp.png') 0% 0% no-repeat padding-box;
    }
    /* str_section_2 */
    .str_section_2 {
        width: 100%;
        position: relative;
        margin-bottom: 35px;
    }
    .str_intr_g {
        width: 350px;
        /* background-color: #F7F7F7; */
        /* padding:  20px 10px; */
        margin-bottom: 85px;
    }
    .str_intr_g:last-child {
        margin-bottom: 140px;
    }
    .str_intr_title {
        padding: 20px 15px;
        height: 60px;
        font-size: 22px;
        font-weight: bold;
        background-color: #F7F7F7;
        color: #000;
        border-color: #D6D6D6;
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #D6D6D6;
        margin-bottom: 40px;
    }
    .con_title {
        color: #192F60;
    }
    .str_intr_title3 {
        font-size: 20px;
    }
    .intr_copy_g {
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap-reverse;
        line-height: 1.333;
    }
    .intr_copy {
        font-size: 14px;
        line-height: 2;
    }
    .intr_copy_img1 {
        width: 350px;
        height: 233px;
        margin-bottom: 23px;
    }
    .webp .intr_copy_img1 {
        background: transparent url('../images/str2_sp.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .intr_copy_img1 {
        background: transparent url('../images/str2_sp.png') 0% 0% no-repeat padding-box;
    }
    .intr_copy_img2 {
        width: 350px;
        height: 233px;
        margin-bottom: 23px;
    }
    .webp .intr_copy_img2 {
        background: transparent url('../images/str3_sp.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .intr_copy_img2 {
        background: transparent url('../images/str3_sp.png') 0% 0% no-repeat padding-box;
    }
    .intr_copy_img3 {
        width: 350px;
        height: 233px;
        margin-bottom: 23px;
    }
    .webp .intr_copy_img3 {
        background: transparent url('../images/str4_sp.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .intr_copy_img3 {
        background: transparent url('../images/str4_sp.png') 0% 0% no-repeat padding-box;
    }
    .str_section_3 {
        width: 100%;
        position: relative;
        margin-bottom: 120px;
    }
    .detail_img {
        width: 350px;
        height: 328px;
    }
    .webp .detail_img {
        background: transparent url('../images/str_detail.svg') 0% 0% no-repeat padding-box;
        background-size: contain;
    }
    .no-webp .intr_copy_img3 {
        background: transparent url('../images/str_detail.svg') 0% 0% no-repeat padding-box;
        background-size: contain;
    }
    /* modal */
    .modal-wrapper {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        pointer-events: none;
        opacity: 0;
        transition: 0.25s ease-out;
    }
    .modal-wrapper.show {
        opacity: 1;
        z-index: 1;
        pointer-events: all;
    }
    .modal-image {
        position: absolute;
        max-width: 100%;
        max-height: 80%;
        padding: 15px;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: contain;
        opacity: 0;
        transition: 0.5s ease-out;
        background-color: #fff;
    }
    .modal-image.show {
        opacity: 1;
    }
    .sp_ad_str1 {
        margin-bottom: 60px;
    }
    .sp_ad_str2 {
        margin-bottom: 70px;
    }
    .sp_ad_str2:last-child {
        margin-bottom: 60px;
    }
    /* ---------------------------------
          agg-rele res
  ------------------------------------*/
    .rele_area_0 {
        margin-bottom: 60px;
    }
    .intr_copy_img1_rele {
        width: 350px;
        height: 233px;
        margin-bottom: 23px;
    }
    .webp .intr_copy_img1_rele {
        background: transparent url('../images/rele_p1_sp.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .intr_copy_img1_rele {
        background: transparent url('../images/rele_p1_sp.png') 0% 0% no-repeat padding-box;
    }
    .intr_copy_img2_rele {
        width: 350px;
        height: 233px;
        margin-bottom: 23px;
    }
    .webp .intr_copy_img2_rele {
        background: transparent url('../images/rele_p2_sp.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .intr_copy_img2_rele {
        background: transparent url('../images/rele_p2_sp.png') 0% 0% no-repeat padding-box;
    }
    .intr_copy_img3_rele {
        width: 350px;
        height: 233px;
        margin-bottom: 23px;
    }
    .webp .intr_copy_img3_rele {
        background: transparent url('../images/rele_p3_sp.webp') 0% 0% no-repeat padding-box;
    }
    .no-webp .intr_copy_img3_rele {
        background: transparent url('../images/rele_p3_sp.png') 0% 0% no-repeat padding-box;
    }
    .sp_ad_rele3:last-child {
        margin-bottom: 120px;
    }
    /**********************************　
   agg-greeting res
  ************************************/
    .conf_area0 {
        margin: 0 auto;
        width: 350px;
        height: 100%;
    }
    .greet_area {
        margin: 0 auto;
        width: 350px;
        height: 100%;
    }
    .gre_c1 {
        font-size: 18px;
        font-weight: bold;
        color: #000;
        margin-bottom: 25px;
        letter-spacing: 0.027em;
    }
    .greet_man {}
    .greet_man {
        width: 350px;
        height: 167px;
        margin-bottom: 50px;
    }
    .webp .greet_man {
        background: transparent url('../images/greet-man.webp') 0% 0% no-repeat padding-box;
        background-size: cover;
        background-position: bottom;
    }
    .no-webp .greet_man {
        background: transparent url('../images/greet-man.png') 0% 0% no-repeat padding-box;
        background-size: cover;
        background-position: bottom;
    }
    .gre_copy1 {
        color: #000;
        font-size: 24px;
        letter-spacing: 0.6px;
        margin-bottom: 25px;
        font-weight: bold;
    }
    .gre_copy2 {
        color: #000;
        font-size: 14px;
        letter-spacing: 0.4px;
        line-height: 2.125;
        margin-bottom: 25px;
        font-weight: normal;
    }
    .gre_copy3 {
        color: #000;
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 2.125;
        margin-bottom: 25px;
        font-weight: bold;
        text-align: end;
    }
    /**********************************　
   agg-cpy
  ************************************/
    .cpy_item {
        display: block;
        flex-wrap: wrap;
        align-items: center;
        background-color: #F8F8F8;
        padding-top: 20px;
        height: 98px;
    }
    .cpy_item:nth-child(2n) {
        background-color: #fff;
    }
    .cp_i_1 {
        padding-left: 20px;
        color: #000;
        font-size: 16px;
        width: 350px;
        height: initial;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .cp_i_2 {
        padding-left: 20px;
        color: #000;
        font-size: 16px;
        width: 350px;
        height: initial;
    }
    /**********************************　
  agg-entryconf res
  ************************************/
    .p_copy1 {
        color: #000000;
        font-size: 18px;
    }
    .ec_sub {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 35px;
        color: #2F2F2F;
        text-align: center;
    }
    .ec_bo {
        font-weight: bold;
    }
    .conf_area0 {
        margin: 0 auto;
        width: 350px;
        height: 100%;
    }
    .conf_area {
        margin: 0 auto;
        margin-bottom: 40px;
        padding: 30px 20px;
        background-color: #F8F8F8;
        width: 350px;
        height: 100%;
    }
    .co_ar_sp {
        padding: 30px 30px;
    }
    .conf_title {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px;
        color: #000;
    }
    .ec_sub2 {
        line-height: 2;
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 1.85;
    }
    .ec_sub3 {
        font-size: 14px;
        line-height: 1.85;
    }
    .c_s1 {
        font-weight: bold;
        color: #192F60;
    }
    .ec_01 {
        font-size: 16px;
        color: #000;
    }
    .ba_ou {
        display: block;
        position: relative;
        width: 350px;
        height: 60px;
        background-color: #192F60;
        padding: 10px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 90px;
    }
    .back_bo {
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
        margin-right: 30px;
        /* padding: 20px;
  background-color: #192F60;
  border-radius: 6px; */
    }
    .back_bo::after {
        content: url("../images/right_arrow.png");
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 100%;
        position: absolute;
        top: 12px;
        margin-left: 20px;
    }
    /**********************************　
  contact res
  ************************************/
    .con_copy_g {
        flex-wrap: wrap;
    }
    .con_title {
        color: #192F60;
    }
    .con_sub_title {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
        color: #000;
    }
    .con_copy {
        font-size: 14px;
        font-weight: bold;
        line-height: 2.125;
        color: #000;
    }
    .often_ask {
        color: #192F60;
        font-size: 16px;
        font-weight: bold;
    }
    .con_sub_title {
        margin-bottom: 20px;
    }
    .con_copy {
        margin-bottom: 33px;
    }
    .often_ask::after {
        content: url("../images/right_arrow_blue.png");
        display: inline-block;
        vertical-align: text-top;
        width: 22px;
        height: 100%;
        margin-left: 20px;
    }
    .con_sub_title::before {
        content: "";
        display: inline-block;
        height: 30px;
        width: 7px;
        vertical-align: bottom;
        margin-top: -5px;
        margin-right: 10px;
        background-color: #192F60;
    }
    .form_area {
        width: 350px;
        margin: 0 auto;
    }
    .contact-form {}
    .formContents__error {
        display: none;
    }
    .formContents__error.is-show {
        display: block;
    }
    .label {
        font-size: 14px;
        font-weight: bold;
        width: 350px;
        padding-top: 15px;
        color: #000;
        margin-bottom: 11px;
    }
    .item {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
        position: relative;
    }
    .item_content {
        font-size: 16px;
        padding: 15px;
        width: 350px;
        height: 50px;
        background-color: #F8F8F8;
        border-bottom: 2px solid#C1C1C1;
    }
    .item_content2 {
        font-size: 16px;
        padding: 10px;
        width: 350px;
        height: 50px;
        background-color: #F8F8F8;
        border: 2px solid#C1C1C1;
    }
    .ca_c1:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        transform: rotate(45deg);
        margin: 2px 10px;
        right: 6px;
        top: 60px;
    }
    .item_content3 {
        font-size: 16px;
        padding: 15px;
        width: 350px;
        height: 270px;
        background-color: #F8F8F8;
        border-bottom: 2px solid#C1C1C1;
    }
    .c_a1 {
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        margin-top: 40px;
        padding: 10px 30px 10px 0;
    }
    .c_a1:after {
        content: url(../images/right_arrow.png);
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 100%;
        position: absolute;
        top: 13px;
        margin-left: 17px;
        /* background: transparent url(../images/right_arrow.webp) 0% 0% no-repeat padding-box; */
    }
    .formTable01__input__error {
        text-align: start;
        color: red;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        margin-top: -20px;
    }
    .formContents__error__text {
        text-align: start;
        color: red;
        font-size: 16px;
        font-weight: bold;
        margin-top: -20px;
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .loadinged {
        display: block;
    }
    .item_content4 {
        font-size: 16px;
        padding: 15px;
        width: 350px;
    }
    .c_bo_gr1 {
        display: flex;
        justify-content: space-between;
        flex-wrap: inherit;
        margin-top: 70px;
    }
    .cc2 {
        text-align: center;
        margin-right: -15px;
        font-size: 16px;
        margin-bottom: 60px;
    }
    .c_a2 {
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        margin-top: 40px;
        padding: 10px 0 10px 30px;
        width: 150px;
        background-color: #575555;
        margin: 0 15px 0 0;
    }
    .c_a2::before {
        content: url(../images/right_arrow.png);
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 100%;
        position: absolute;
        top: -11px;
        left: 10px;
        margin-left: 20px;
        transform: rotate(180deg)
        /* background: transparent url(../images/right_arrow.webp) 0% 0% no-repeat padding-box; */
    }
    .c_a3 {
        width: 150px;
        margin: 0 0px 0 15px;
    }
    .con_in_g {
        margin-bottom: 30px;
    }
    .con_in_g:last-child {
        margin-bottom: 115px;
    }
    .add_contact_sp_c {
        padding: 0;
    }
    /**********************************　
   thanks res
  ************************************/
    .th_c1 {
        font-size: 16px;
        line-height: 2;
        text-align: center;
    }
    .thank_sp1 {
        margin-top: 70px;
    }
    /**********************************　
   agg-privacy res
  ************************************/
    .p_copy3 {
        font-size: 14px;
        line-height: 1.85;
        letter-spacing: 0.035em;
        color: #000;
    }
    .pv {
        margin-top: 40px;
    }
    /**********************************　
   agg-rule res
  ************************************/
    .r_sub {
        font-size: 14px;
        margin-bottom: 20px;
        color: #000;
        letter-spacing: 0.35px;
        line-height: 1.85;
    }
    .r_sub2 {
        font-size: 14px;
        margin-bottom: 50px;
        letter-spacing: 0.35px;
        line-height: 1.85;
    }
    .add_ru_sp1 {
        display: block;
        margin-bottom: 50px;
    }
    /**********************************　
   agg-entryprivacy
  ************************************/
    .p_copy4 {
        font-size: 14px;
        margin-bottom: 40px;
    }
    /**********************************　
 acg-ofques res
  ************************************/
    .acd-check {
        display: none;
    }
    .acd-label {
        background: #fff;
        color: #000000;
        font-size: 18px;
        font-weight: bold;
        display: block;
        margin-bottom: 50px;
        padding: 22px;
        padding-left: 11px;
        padding-right: 41px;
        position: relative;
        border-top: 1px solid;
        border: 2px solid;
        border-color: #192F60;
        transition: .5s;
    }
    .acd-label:before,
    .acd-label:after {
        background: #192F60;
        box-sizing: border-box;
        content: '';
        display: block;
        /* font-family: "Font Awesome 5 Free"; */
        height: 24px;
        /* padding: 10px 20px; */
        position: absolute;
        width: 2px;
        /* 棒の幅（太さ） */
        transition: .5s;
        right: 0;
        top: 49%;
        margin-right: 23px;
    }
    .acd-label:before {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    .acd-label:after {
        transform: translate(-50%, -50%) rotate(90deg);
    }
    .acd-content {
        /* border: 1px solid #000; */
        display: block;
        height: 0;
        opacity: 0;
        padding: 0;
        transition: .5s;
        visibility: hidden;
        margin-top: -20px;
    }
    .acd-content p {
        color: #000;
        font-size: 14px;
        line-height: 2;
    }
    .acd-check:checked+.acd-label {
        background-color: #192F60;
        color: #fff;
    }
    .acd-check:checked+.acd-label:after {
        /* background-color: #192F60; */
        background-color: #fff;
        content: '';
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .acd-check:checked+.acd-label:before {
        /* background-color: #192F60; */
        background-color: #fff;
        content: '';
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    .acd-check:checked+.acd-label+.acd-content {
        height: 97px;
        opacity: 1;
        /* padding: 10px; */
        visibility: visible;
        margin-bottom: 30px;
    }
    .acd-check:checked+.acd-label+.al_0 {
        height: 225px;
    }
    .acd-check:checked+.acd-label+.al_1 {
        height: 333px;
    }
    .acd-check:checked+.acd-label+.al_2 {
        height: 220px;
    }
    .acd-check:checked+.acd-label+.al_3 {
        height: 168px;
    }
    .acd-check:checked+.acd-label+.al_4 {
        height: 82px;
    }
    .acd-check:checked+.acd-label+.al_5 {
        height: 362px;
    }
    .acd-check:checked+.acd-label+.al_6 {
        height: 309px;
    }
    .acd-check:checked+.acd-label+.al_7 {
        height: 195px;
    }
    .acd-check:checked+.acd-label+.al_8 {
        height: 221px;
    }
    .acd-check:checked+.acd-label+.al_9 {
        height: 227px;
    }
    .acd-check:checked+.acd-label+.al_10 {
        height: 52px;
    }
    .acd-check:checked+.acd-label+.al_11 {
        height: 193px;
    }
    .acd-check:checked+.acd-label+.al_12 {
        height: 108px;
    }
    .ac_bo {
        font-size: 14px;
        font-weight: bold;
    }
    /**********************************　
   agg-entry rear
  ************************************/
    .labelcheck {
        position: relative;
        /* ボックスの位置を指定する */
        padding: 0 0 0 30px;
        /* ボックス内側の余白を指定する */
        font-size: 16px;
        font-weight: bold;
        color: #000;
        margin: 0 auto;
    }
    .labelcheck:hover::after {
        /* border-color: #000; ボックスの境界線を実線で指定する */
    }
    .labelcheck:after,
    .labelcheck::before {
        position: absolute;
        /* ボックスの位置を指定する */
        content: "";
        /* ボックスのコンテンツ */
        display: block;
        /* ブロックレベル要素化する */
        top: 50%;
        /* 上部から配置の基準位置を決める */
    }
    .labelcheck::before {
        left: 0px;
        /* 左から配置の基準位置を決める */
        margin-top: -10px;
        /* チェック枠の位置 */
        width: 20px;
        height: 20px;
        border: 2px solid #C1C1C1;
        /* ボックスの境界線を実線で指定する */
        background-color: #F8F8F8;
    }
    .labelcheck::after {
        left: 6.5px;
        /* 左から配置の基準位置を決める */
        margin-top: -9px;
        /* チェックマークの位置 */
        width: 9px;
        /* ボックスの横幅を指定する */
        height: 13px;
        /* ボックスの高さを指定する */
        border-right: 2px solid #192F60;
        /* 境界線（右）のスタイルを指定する */
        border-bottom: 2px solid #192F60;
        /* 境界線（下）のスタイルを指定する */
        transform: rotate(45deg);
        /* 要素を回転させる */
        opacity: 0;
        /* 要素を透過指定する */
    }
    #privacy-check:checked+.labelcheck::after {
        opacity: 1;
    }
    .ed1 {
        text-align: center;
        text-decoration-line: underline;
        color: #192F60;
        margin: 0 auto;
        margin-bottom: 14px;
    }
    .ed2 {
        font-weight: normal;
        margin-bottom: 73px;
    }
    .en_p {
        margin-right: 16px;
    }
    .en_p::after {
        margin-left: 0px;
    }
    /**********************************　
   agg-entry form
  ************************************/
    .dl_text {
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        color: #000;
    }
    .dl_btn {
        font-size: 16px;
        background-color: #192F60;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer;
    }
    .labelcheck {
        position: relative;
        /* ボックスの位置を指定する */
        padding: 0 0 0 30px;
        /* ボックス内側の余白を指定する */
        font-size: 16px;
        font-weight: bold;
        color: #000;
        margin: 0 auto;
    }
    .labelcheck:hover::after {
        /* border-color: #000; ボックスの境界線を実線で指定する */
    }
    .labelcheck:after,
    .labelcheck::before {
        position: absolute;
        /* ボックスの位置を指定する */
        content: "";
        /* ボックスのコンテンツ */
        display: block;
        /* ブロックレベル要素化する */
        top: 50%;
        /* 上部から配置の基準位置を決める */
    }
    .labelcheck::before {
        left: 0px;
        /* 左から配置の基準位置を決める */
        margin-top: -10px;
        /* チェック枠の位置 */
        width: 20px;
        height: 20px;
        border: 2px solid #C1C1C1;
        /* ボックスの境界線を実線で指定する */
        background-color: #F8F8F8;
    }
    .labelcheck::after {
        left: 6.5px;
        /* 左から配置の基準位置を決める */
        margin-top: -9px;
        /* チェックマークの位置 */
        width: 9px;
        /* ボックスの横幅を指定する */
        height: 13px;
        /* ボックスの高さを指定する */
        border-right: 2px solid #192F60;
        /* 境界線（右）のスタイルを指定する */
        border-bottom: 2px solid #192F60;
        /* 境界線（下）のスタイルを指定する */
        transform: rotate(45deg);
        /* 要素を回転させる */
        opacity: 0;
        /* 要素を透過指定する */
    }
    .ent_co {
        font-size: 14px;
        line-height: 1.85;
        margin-bottom: 73px;
    }
    #privacy-check:checked+.labelcheck::after {
        opacity: 1;
    }
    /* radio */
    .ed1 {
        text-align: center;
        text-decoration-line: underline;
        color: #192F60;
        margin-bottom: 14px;
    }
    .ed2 {
        font-weight: normal;
        margin-bottom: 73px;
    }
    .en_p {
        margin-right: 16px;
    }
    .en_p::after {
        margin-left: 0px;
    }
    .po-canentryform table tbody {
        display: flex;
        flex-wrap: wrap;
    }
    .po-single {
        width: 350px;
        height: 100%;
    }
    .po-single,
    .po-double {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .po-double {
        width: 350px;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single {
        /* margin-bottom: 60px; */
        margin-bottom: 10px;
    }
    .po-file input {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 350px;
    }
    .po-file+.po-remark {
        margin-bottom: 20px;
        width: 350px;
    }
    .po-required-elem {}
    .po-required-elem::after {
        display: inline-block;
        content: "必須";
        color: #fff;
        background: #192F60;
        width: 34px;
        height: 19px;
        font-size: 12px;
        letter-spacing: 0.3px;
        text-align: center;
        margin-top: 0px;
        margin-left: 25px;
    }
    .po-single th,
    .po-double th {
        padding-right: 30px;
    }
    .po-label {
        width: 350px;
        text-align: start;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.4px;
        color: #000;
    }
    div.po-remark {
        display: block;
        color: #000;
    }
    .po-single:nth-child(3) .po-remark {
        display: block;
        width: 350px;
    }
    .po-input {
        width: 350px;
        /* height: 50px; */
    }
    .po-input input[type="text"] {
        /* width: 640px; */
        height: 50px;
    }
    .po-input input[type="radio"] {
        /* width: 640px; */
        height: 50px;
    }
    .po-input .po-year,
    .po-input .po-month,
    .po-input .po-day {
        width: 100px;
        height: 50px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .po-input .po-month,
    .po-input .po-day {
        margin-left: 23px;
    }
    .po-input .po-day {
        margin-left: 0;
    }
    .po-input input {
        background-color: #F8F8F8;
        width: 100%;
        height: 100%;
        padding: 10px;
        border-bottom: 2px solid#C1C1C1;
    }
    .po-input textarea {
        background-color: #F8F8F8;
        width: 100%;
        height: 150px;
        padding: 10px;
        border-bottom: 2px solid#C1C1C1;
    }
    .po-checkbox {
        height: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .po-input .po-checkbox-parent {
        width: 0;
        height: 0;
        padding: 0;
    }
    .po-input .po-checkbox-children {
        width: 0;
        height: 0;
        padding: 0;
    }
    .po-checkbox div {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        border-bottom: 2px solid #F8F8F8;
        padding: 5px 0;
        /* margin-top: -40px; */
    }
    .po-checkbox-root {
        margin-top: -5px;
    }
    .po-validation {
        color: red;
        font-size: 14px;
        font-weight: bold;
    }
    /* .po-checkbox div:first-child {
    padding-top: 0;
} */
    /* .po-checkbox div:first-child span {
    margin-top: 0px;
} */
    .po-checkbox div span::before {}
    .po-checkbox div span {
        position: relative;
        /* ボックスの位置を指定する */
        padding: 0 0 0 30px;
        /* ボックス内側の余白を指定する */
        font-size: 16px;
        /* font-weight: bold; */
        color: #000;
        /* margin: 0 auto; */
        margin-right: 50px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .po-checkbox div span::after,
    .po-checkbox div span::before {
        position: absolute;
        /* ボックスの位置を指定する */
        content: "";
        /* ボックスのコンテンツ */
        display: block;
        /* ブロックレベル要素化する */
        top: 50%;
        /* 上部から配置の基準位置を決める */
    }
    .po-checkbox div span::before {
        left: 0px;
        /* 左から配置の基準位置を決める */
        margin-top: -10px;
        /* チェック枠の位置 */
        width: 20px;
        height: 20px;
        border: 2px solid #C1C1C1;
        /* ボックスの境界線を実線で指定する */
        background-color: #F8F8F8;
    }
    .po-checkbox div span::after {
        left: 6.5px;
        /* 左から配置の基準位置を決める */
        margin-top: -9px;
        /* チェックマークの位置 */
        width: 9px;
        /* ボックスの横幅を指定する */
        height: 13px;
        /* ボックスの高さを指定する */
        border-right: 2px solid #192F60;
        /* 境界線（右）のスタイルを指定する */
        border-bottom: 2px solid #192F60;
        /* 境界線（下）のスタイルを指定する */
        transform: rotate(45deg);
        /* 要素を回転させる */
        opacity: 0;
        /* 要素を透過指定する */
    }
    .po-checkbox-parent:checked+span::after {
        opacity: 1;
    }
    .po-checkbox-children:checked+span::after {
        opacity: 1;
    }
    /* radio */
    .po-input input[type="radio"] {
        height: 0;
        width: 0;
        padding: 0;
        border: none;
        padding: 0;
    }
    .po-radio-simple {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .po-radio-simple span {
        position: relative;
        /* ボックスの位置を指定する */
        padding: 0 0 0 40px;
        /* ボックス内側の余白を指定する */
        font-size: 16px;
        /* font-weight: bold; */
        color: #000;
        /* margin: 0 auto; */
        margin-right: 50px;
        margin-bottom: 10px;
    }
    .po-radio-simple span::after,
    .po-radio-simple span::before {
        position: absolute;
        /* ボックスの位置を指定する */
        content: "";
        /* ボックスのコンテンツ */
        display: block;
        /* ブロックレベル要素化する */
        top: 50%;
        /* 上部から配置の基準位置を決める */
    }
    .po-radio-simple span::before {
        left: 0px;
        /* 左から配置の基準位置を決める */
        margin-top: -10px;
        /* チェック枠の位置 */
        width: 20px;
        height: 20px;
        border: 2px solid #C1C1C1;
        border-radius: 50%;
        /* ボックスの境界線を実線で指定する */
        background-color: #F8F8F8;
    }
    .po-radio-simple span::after {
        left: 6px;
        margin-top: -4px;
        width: 12px;
        height: 12px;
        background-color: #192F60;
        border-radius: 50%;
        /* transform: rotate(45deg); */
        /* 要素を回転させる */
        opacity: 0;
        /* 要素を透過指定する */
    }
    .po-radio-simple input:checked+span::after {
        opacity: 1;
    }
    .po-dropdown select {
        font-size: 16px;
        padding: 10px;
        width: 360px;
        height: 50px;
        background-color: #F8F8F8;
        border: 2px solid#C1C1C1;
    }
    .po-dropdown:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        transform: rotate(45deg);
        margin: -32px 33px;
        right: -2.8%;
    }
    .po-normal {
        vertical-align: top;
        margin-bottom: 20px;
        /* padding-right: 30px; */
    }
    .po-button-send {
        display: block;
        position: relative;
        width: 280px;
        height: 60px;
        background-color: #192F60;
        padding: 10px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 90px;
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        margin-top: 40px;
        padding: 10px 30px 10px 0;
    }
    .po-button-send:after {
        content: url(../images/right_arrow.png);
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 100%;
        position: absolute;
        top: 15px;
        margin-left: 20px;
        /* background: transparent url(../images/right_arrow.webp) 0% 0% no-repeat padding-box; */
    }
    /* スクロールボタン */
    /* ボタンのスタイル */
    .page-top {
        /* buttonタグのリセットCSS */
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        /* ボタンの装飾 */
        position: fixed;
        right: 10px;
        bottom: 150px;
        z-index: 100;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #192F60;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }
    /* 矢印のスタイル */
    .page-top::before {
        content: "";
        width: 12px;
        height: 12px;
        margin-bottom: -6px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        transform: rotate(-45deg);
    }
    /* ホバー時のスタイル */
    .page-top:hover {
        transform: scale(1.1);
    }
    /* entryボタンのスタイル */
    .page-entry {
        /* buttonタグのリセットCSS */
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        /* ボタンの装飾 */
        position: fixed;
        right: 10px;
        bottom: 100px;
        z-index: 100;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #192F60;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }
    /* 矢印のスタイル */
    .page-entry::before {
        content: "";
        width: 12px;
        height: 12px;
        margin-bottom: 5px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        transform: rotate(135deg);
    }
    /* ホバー時のスタイル */
    .page-entry:hover {
        transform: scale(1.1);
    }
    .po-single:nth-of-type(17) {
        padding-top: 20px;
        border-top: 2px solid #f9f9f9;
        /* background-color: red; */
    }
    .po-double:nth-of-type(18) {
        padding-left: 0px;
        /* background-color: red; */
    }
    .po-double:nth-of-type(18) .po-normal {
        margin-bottom: 30px;
        /* background-color: red; */
    }
    .po-double:nth-of-type(18) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(19) {
        padding-top: 20px;
        border-top: 2px solid #f9f9f9;
        /* background-color: red; */
    }
    .po-double:nth-of-type(20) {
        padding-left: 0px;
        /* background-color: red; */
    }
    .po-double:nth-of-type(20) .po-normal {
        margin-bottom: 30px;
        /* background-color: red; */
    }
    .po-double:nth-of-type(20) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(22) {
        padding-top: 20px;
        border-top: 2px solid #f9f9f9;
        /* background-color: red; */
    }
    /*  会社名１ */
    .po-single:nth-of-type(23) {
        padding-top: 20px;
        border-top: 2px solid #f9f9f9;
        /* background-color: red; */
    }
    .po-single:nth-of-type(24) {
        padding-left: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single:nth-of-type(24) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(24) .po-normal {
        margin-bottom: 30px;
    }
    .po-double:nth-of-type(25) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-double:nth-of-type(25) {
        padding-left: 0px;
    }
    .po-double:nth-of-type(25) .po-normal {
        margin-bottom: 30px;
    }
    .po-single:nth-of-type(26) {
        padding-left: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single:nth-of-type(26) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(26) .po-normal {
        margin-bottom: 30px;
    }
    .po-single:nth-of-type(27) {
        padding-left: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single:nth-of-type(27) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(27) .po-normal {
        margin-bottom: 30px;
    }
    /*  会社名２*/
    .po-single:nth-of-type(28) {
        padding-top: 20px;
        border-top: 2px solid #f9f9f9;
        /* background-color: red; */
    }
    .po-double:nth-of-type(29) {
        padding-left: 0px;
    }
    .po-double:nth-of-type(29) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-double:nth-of-type(29) .po-normal {
        margin-bottom: 30px;
    }
    .po-single:nth-of-type(30) {
        padding-left: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single:nth-of-type(30) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(30) .po-normal {
        margin-bottom: 30px;
    }
    .po-single:nth-of-type(31) {
        padding-left: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single:nth-of-type(31) .po-normal {
        margin-bottom: 30px;
    }
    .po-single:nth-of-type(31) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    /*  会社名3*/
    .po-single:nth-of-type(32) {
        padding-top: 20px;
        border-top: 2px solid #f9f9f9;
    }
    .po-double:nth-of-type(33) {
        padding-left: 0px;
    }
    .po-double:nth-of-type(33) .po-normal {
        margin-bottom: 30px;
    }
    .po-double:nth-of-type(33) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(34) {
        padding-left: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single:nth-of-type(34) .po-normal {
        margin-bottom: 20px;
    }
    .po-single:nth-of-type(34) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(35) {
        padding-left: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .po-single:nth-of-type(35) .po-label {
        font-weight: normal;
        /* background-color: red; */
    }
    .po-single:nth-of-type(35) .po-normal {
        margin-bottom: 30px;
    }
    .po-single:nth-of-type(36) {
        padding-top: 20px;
        border-top: 2px solid #f9f9f9;
    }
    /* sample */
    /*  */
}