@charset "UTF-8";

body {}

.pc-none {
    display: block;
}

.sp-none {
    display: none;
}

br.pc-none {
    display: inline;
}

br.sp-none {
    display: none;
}

.wrap {
    min-width: 0;
    width: 100%;
}

.inner {
    width: 90%;
}

* img {}



header {
    padding: 0 0 0 calc(15/375*100vw);
}

header .gnav {}

header .gnav .flex-row {
    flex-wrap: nowrap;
}

header .gnav .inner {
    width: 100%;
}

header .gnav .flex-row>figure {
    width: 35%;
    margin: 0;
}

header .gnav .flex-row>figure a {}

header .gnav .flex-row>figure a img {}

header .gnav .flex-row>.cta-area {
    width: 60%;
    justify-content: end;
    margin: 0;
    flex-wrap: nowrap;
}


header .gnav .flex-row>.cta-area figure:nth-of-type(1) {
    width: 24%;
    order: 2;
}

header .gnav .flex-row>.cta-area figure a {
    height: 100%;
    display: block;
}

header .gnav .flex-row>.cta-area figure a img {
    height: 100%;
}


header .gnav .flex-row>.cta-area figure:nth-of-type(2) {
    width: 70%;
}




.fv {
    padding: 0 0 0;
    margin-top: calc(57/375*100vw);
    ;
}

.fv .left-img {
    left: -25%;
    width: 93%;
    bottom: 0;
}

.fv .left-img img {}

.fv .right-img {
    width: 52%;
    right: 0;
    bottom: 34%;
}

.fv .right-img img {}

.fv .text-area {}

.fv .text-area h3 {
    font-size: 5.6vw;
    line-height: 1.8em;
    margin-bottom: 3%;
}

.fv .text-area h3 span {}

.fv .text-area h2 {
    font-size: 6vw;
}

.fv .text-area h2 span {
    font-size: 6vw;
}

.fv .text-area h2 strong {
    font-size: 11vw;
}

.fv .text-area .point {
    width: 100%;
    margin-top: 46%;
    padding-bottom: 5%;
}

.fv .text-area .point div {
    width: 49%;
    padding: 2%;
}

.fv .text-area .point div:nth-of-type(1) {
    width: 100%;
    margin-bottom: 2%;
}

.fv .text-area .point div p {
    font-size: 4vw;
    line-height: 1.8em;
}

.fv .text-area .point div p span {
    font-size: 5vw;
}

.content01 {
    padding: calc(23/375*100vw) 0 calc(110/375*100vw);
    clip-path: polygon(0 0, 100% 0%, 100% 74%, 50% 100%, 0% 74%);
}


.content01 h2 {
    margin-bottom: calc(7/375*100vw);
}

.content01 .inner {
    width: calc(294/375*100vw);
}

.content01 h2 img {
    width: calc(294/375*100vw);
}

.content01 .flex-box {
    display: flex;
    gap: calc(9/375*100vw);
}

.content01 .trouble-box {
    width: 100%;
    margin-bottom: 0%;
    padding: calc(10/375*100vw) 0 calc(10/375*100vw) calc(47/375*100vw);
    font-size: calc(16/375*100vw);
    min-height: calc(41/375*100vw);
    box-sizing: border-box;
}

.content01 .trouble-box::before {
    height: 100%;
    width: calc(31/375*100vw);
    background-size: 100% 100%;
    background-position: right;
}

.content01 .trouble-box:nth-of-type(2)::before {
    background: url(../img/sp/check_y2x.png) no-repeat;
    background-size: 100% 100%;
    background-position: right;
}

.content01 .trouble-box figure {}

.content01 .trouble-box figure img {}

.content01 .trouble-box .trouble-box_title {
    width: 100%;
    margin-left: 120px;
}

.content01 .trouble-box h3 {
    font-size: 24px;
    margin: 0;
}

.content01 .trouble-box h3::before {
    width: 62px;
    height: 58px;
    top: 0;
    left: -70px;
    top: -28%;
}

.content01 .trouble-box .trouble-box_text {
    width: 100%;
    margin-top: 16px;
}

.content01 .trouble-box p {
    font-size: 17px;
    margin: 0;
    line-height: 1.6em;
}

.content01 .trouble-box:last-child p {
    padding-right: 25%;
}


.content02 {
    padding: calc(205/375*100vw) 0 calc(44/375*100vw);
    margin-top: calc(-167/375*100vw);
    background-image: url(../img/sp/back-01.png);
}

.content02::before {
    background: url(../img/sp/yajirushi.png) no-repeat;
    background-size: cover;
    width: calc(294/375*100vw);
    height: calc(74/375*100vw);
    top: calc(103/375*100vw);
}

.content02 h2 {
    width: calc(100/375*100vw);
    margin: 0 auto;
}

.content02 .inner {
    width: 100%;
    padding: 0 calc(40/375*100vw);
}

.content02 .inner .flex {
    flex-direction: column;
    margin-top: calc(24/375*100vw);
    gap: calc(28/375*100vw);
}

.content02 .inner .flex li {
    width: 100%;
    border-radius: calc(20/375*100vw);
    padding: calc(8/375*100vw) 6% calc(20/375*100vw);
}

.content02 .inner .flex .img {
    row-gap: calc(6/375*100vw);
    margin: 0;
}

.content02 .inner .flex .img div {
    font-size: calc(18/375*100vw);
}

.content02 .inner .flex tr {
    padding: 0
}

.content02 .inner .flex tr:first-child {
    padding-top: calc(3/375*100vw);
}

.content02 .inner .flex tr:not(:last-child) {
    flex-wrap: nowrap;
    color: #1b1464;
}

.content02 .inner .flex tr:last-child {
    padding-top: calc(7/375*100vw);
}

.content02 table th {
    font-size: calc(13.3/375*100vw);
    padding: calc(1/375*100vw) calc(6/375*100vw) calc(3/375*100vw);
}

.content02 table td {
    font-size: calc(16/375*100vw);
}

.content02 table td img {
    height: calc(22/375*100vw);
}

.content02 .inner .flex tr:last-child td {
    margin-top: calc(6/375*100vw);
}

.content02 img {
    width: 100%;
}

.content03 {
    padding: calc(34 / 375* 100vw) 0 calc(67 / 375* 100vw);
    background-image: url(../img/sp/back-02.png);
}

.content03 .inner {
    width: 100%;
}

.content03 h2 {
    margin-bottom: 10%;
    width: calc(276 / 375* 100vw);
    margin: 0 auto;
}

.content03 h2 span {
    font-size: 8vw;
    margin-bottom: 10%;
}

.content03 .flex-row {
    margin-top: calc(13 / 375* 100vw);
    gap: calc(22 / 375* 100vw);
}

.content03 .reason-box {
    margin-bottom: 0;
}

.content03 .reason-box .text {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.content03 .reason-box .text>figure {
    order: 2;
}


/*.content03 .reason-box:nth-of-type(3) .text figure.pc-none{
    width: 88%;
    margin:  0 auto;
    margin-bottom: 20px;
}*/

.content03 .reason-box .text figure.pc-none {
    width: calc(312/375*100vw);
    margin: calc(12/375*100vw) auto 0;
}


.content03 .reason-box .text .ttl {
    height: calc(58/375*100vw);
    margin: 0 0 0 calc(70/375*100vw);
}

.content03 .reason-box:nth-of-type(2n) .ttl {
    margin: 0 calc(40 / 375* 100vw) 0 0;
    width: calc(100vw - (120 / 375* 100vw));
}

.content03 .reason-box:nth-of-type(1) .text .ttl {
    margin-bottom: 0px;
}

.content03 .reason-box:nth-of-type(4) .text .ttl {
    margin-bottom: 0px;
}

.content03 .reason-box:nth-of-type(3) .text .ttl {
    margin-bottom: 0px;
}




.content03 .reason-box:nth-of-type(2) .ttl {}

.content03 .reason-box .text .ttl figure {
    left: calc(-28/375*100vw);
    width: calc(57/375*100vw);
}

.content03 .reason-box:nth-of-type(2n) .text .ttl figure {
    right: calc(-25/375*100vw);
}

.content03 .reason-box .text .ttl figure img {}

.content03 .reason-box .text .ttl h3 {
    font-size: calc(16/375*100vw);
    margin-left: calc(10/375*100vw);
    text-align: center;
}


.content03 .reason-box .text .ttl h3 span {
    font-size: calc(19/375*100vw);
}

.content03 .reason-box .text p {
    font-size: calc(16/375*100vw);
    text-align: justify;
    order: 3;
    padding: 0 calc(40/375*100vw) 0 calc(50/375*100vw);
    margin-top: calc(1 / 375* 100vw);
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.content03 .reason-box .text span.small {
    font-size: calc(10/375*100vw);
    margin-top: calc(3/375*100vw);
}

.content03 .reason-box:nth-of-type(2n) .text p {
    padding: 0 calc(40/375*100vw) 0 calc(50/375*100vw);
}

.content03 .reason-box .text p span {}

.content03 .reason-box>figure {
    width: 100%;
    order: 1;
    margin-bottom: 10%;
}

.content03 .reason-box>figure img {}

.content04 {
    padding: calc(35/375*100vw) 0 calc(37/375*100vw);
}

.content04 .inner {
    width: 100%;
}



.content04 h2 {
    margin-bottom: 0;
    width: calc(133/375*100vw);
}

.content04 figure {
    width: calc(302 / 375* 100vw);
    margin: calc(27 / 375* 100vw) 0 0 calc(45 / 375* 100vw);
}

.content04 .achieve-box {
    width: 100%;
    margin-bottom: 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3%;
}

.content04 .achieve-box:last-child {
    margin-bottom: 0;
}

.content04 .achieve-box h3 {
    font-size: 24px;
    width: 100%;
    display: block;
    margin-bottom: 3%;
}

.content04 .achieve-box figure {
    width: 62%;
    margin-bottom: 0;
}

.content04 .achieve-box figure img {}

.content04 .achieve-box dl {
    width: 35%;
    align-content: flex-start;
}

.content04 .achieve-box dl dt {
    font-size: 14px;
    width: 100%;
    margin-bottom: 1%;
    padding: 2px;
}

.content04 .achieve-box dl dd {
    font-size: 13px;
    width: 100%;
    margin-bottom: 3%;
    text-align: center;
    padding: 2px;
}

.content05 {
    padding: calc(80/375*100vw) 0 calc(15/375*100vw);
}

.content05 h2 {
    display: none;
}

.content05 h2 span {
    font-size: 8vw;
    margin-bottom: 10%;
}

.content05 .human-box {
    padding: calc(10/375*100vw) calc(20/375*100vw) 0;
    border-radius: calc(20/375*100vw);
}

.content05 .human-box .box-right {
    width: 100%;
}

.content05 .human-box .box-right .position_name {
    margin: 0;
}

.content05 .human-box h3 {
    font-size: calc(16.5/375*100vw);
    padding: calc(5/375*100vw) calc(10/375*100vw) calc(5/375*100vw);
    margin: 0;
}

.content05 .human-box .name {
    font-size: calc(18.4/375*100vw);
    margin: 0;

}

.content05 .human-box figure {
    margin: calc(14/375*100vw) auto calc(6/375*100vw);
    width: calc(177.5/375*100vw);
}

.content05 .human-box .comment {
    font-size: calc(16/375*100vw);
}

.content05 .human-box .comment p {
    line-height: 1.38;
}

.content06 {
    padding: calc(30/375*100vw) 0 calc(55/375*100vw);
    background: url(../img/sp/contact_bg_sp.png) no-repeat;
}

.content06 .inner {
    width: calc(298/375*100vw);
}

.content06 .inner div {
    font-size: 0;
}

.content06 h2 {
    font-size: 0;
    padding: calc(12/375*100vw);
}

.content06 h2 img {
    width: calc(114/375*100vw);
}

.content06 .form-area {
    padding: calc(18/375*100vw) calc(13/375*100vw) calc(20/375*100vw) calc(13/375*100vw);
    border-radius: 0 0 calc(32/375*100vw) calc(32/375*100vw);
}

.content06 .form-area .form-group {
    flex-direction: column;
    margin-bottom: calc(13/375*100vw);
}

.content06 .form-area .form-group label {
    font-size: calc(16/375*100vw);
    width: 100%;
}

.content06 .form-area .form-group label span.badge-danger {
    font-size: calc(10/375*100vw);
    padding: calc(3/375*100vw) calc(8/375*100vw);
    margin-right: calc(10/375*100vw);
}

.content06 .form-area .form-group label span.badge {
    font-size: calc(10/375*100vw);
    padding: calc(3/375*100vw) calc(8/375*100vw);
    margin-right: calc(10/375*100vw);
}

.content06 .form-area .form-group>div {
    width: 100%;
    margin-top: calc(5/375*100vw);
}

.content06 input[type="text"],
.content06 input[type="email"] {
    font-size: calc(10.5/375*100vw);
    padding: calc(15/375*100vw) calc(15/375*100vw) calc(10/375*100vw);
    border-radius: calc(6/375*100vw);
}

.content06 .form-area .form-group .radio-area>div>label {
    font-size: calc(9/375*100vw);
    padding: calc(15/375*100vw) 0;
    border-radius: calc(6/375*100vw);
    margin-left: 0;
}

.content06 .form-area .form-group .radio-area>div>label.fs-13 {
    font-size: calc(9/375*100vw);
}

.content06 .form-area .form-group .radio-area>div>label.fs-11 {
    font-size: calc(7/375*100vw);
}

.content06 .form-area .form-group .radio-area>div>label>input[type="radio"] {
    padding: 0;
    margin-left: 0;
    display: none;
}

.content06 textarea {
    font-size: calc(10.5/375*100vw);
    padding: calc(15/375*100vw);
    border-radius: calc(6/375*100vw);

}

.content06 .privacy p {
    font-size: calc(10/375*100vw);
    margin-bottom: calc(8/375*100vw);
}

.content06 .form-area .form-group.privacy {
    margin-bottom: calc(4/375*100vw);
}

.content06 .form-area .form-group.privacy label {
    font-size: calc(9.7/375*100vw);
}

.content06 input.confirm {
    width: calc(193/375*100vw);
    height: calc(38/375*100vw);
    background-size: contain;
    background-repeat: no-repeat;
}


.content07 {
    padding: calc(25/375*100vw) 0 calc(47/375*100vw);
}

.content07 .inner {
    width: 100%;
}

.content07 h2 {
    width: calc(76/375*100vw);
    margin: 0px auto calc(11/375*100vw);
}

.content08 {
    padding: 10% 0;
}

.content08 .flex-row {
    justify-content: center;
    position: relative;
    margin-bottom: 0;
}

.content08 h2 {
    margin-bottom: 10%;
    font-size: 6vw;
}

.content08 h2 span {
    font-size: 8vw;
    margin-bottom: 10%;
}

.content08 .human-box {
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin: 20px;
    width: 90% !important;
    margin-left: 5% !important;
    padding: 20px 15px;
}

.slick-list {
    padding: 0 !important;
}

.slick-track {
    width: 100% !important;
}

.slick-dots {
    display: none;
}

.content08 .human-box figure {}

.content08 .human-box figure img {}

.content08 .human-box h3 {
    font-size: 17px;
    margin: auto;
    width: 80%;
}

.content08 .human-box .name {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.content08 .human-box .comment {
    font-size: 17px;
    margin-bottom: 20px;
    margin: auto;
    margin-top: 10px;
    width: 100%;
}


.content09 {}

.content10 {
    padding: 15% 0;
    background: url(../img/sp/info_bg_sp.png);
}

.content10 h2 {
    margin-bottom: 10%;
    font-size: 6vw;
}

.content10 h2 span {
    font-size: 7vw;
    margin-bottom: 10%;
}

.content10 dl {
    width: 100%;
}

.content10 dl dt {
    width: 100%;
    padding: 0 0 1%;
    font-size: 17px;
}

.content10 dl dd {
    font-size: 17px;
    padding: 0 0 0;
    width: 100%;
}

.content10 dl .info_list_box dt {
    width: 100%;
    margin-left: 30px;
}

.content10 dl .info_list_box dd {
    width: 100%;
    padding-left: 20px;
}

.info_list_box_wrap {
    padding: 20px 0;
}

.info_list_box {
    flex-direction: row;
    width: 100%;
}

.content07 dl {
    width: 80%;
}

.content07 dl .info_list_box dt {
    font-size: calc(14.5/375*100vw);
    padding-left: calc(40/375*100vw);
}

.content07 dl div dt,
.content07 dl .info_list_box dd {
    font-size: calc(11.7/375*100vw);
}

.content07 dt::before {
    width: calc(14.5/375*100vw);
    height: calc(12.5/375*100vw);
    left: calc(9/375*100vw);
}

.content11 {
    padding: calc(80/375*100vw) 0 10%;
}

.content11 .inner {
    width: 95%;
}

.content11 input[type="text"],
.content11 input[type="radio"],
.content11 select,
.content11 textarea {}

.content11 h2 {}

.content11 h2 span {}

.content11 .form-area {
    padding: 10% 5%;
}

.content11 .form-area .form-group {}

.content11 .form-area .form-group label {
    font-size: calc(16/375*100vw);
    width: 100%;
    margin-bottom: 3%;
}

.content11 .form-area.confirm-area .form-group label {
    font-size: 16px;
    width: 100%;
    margin-bottom: 3%;
}

.content11 .form-area .form-group label span {}

.content11 .form-area .form-group label span.badge {
    font-size: 12px;
}

.content11 .form-area .form-group label span.badge-danger {}

.content11 .form-area .form-group label span.badge-any {}

.content11 .form-area .form-group>div {
    width: 100%;

}

.content11 input {}

.content11 input[type="text"],
.content11 input[type="email"] {}

.content11 input[type="radio"] {}

.content11 input.confirm,
.content11 input.submit,
.content11 input.back,
.content11 input.top {}

.content11 input.confirm {
    width: 100%;
    height: calc(121/768*100vw);
    background-size: contain;
    background-repeat: no-repeat;
}

.content11 input.submit {
    width: 100%;
    height: calc(121/768*100vw);
    background-size: contain;
    background-repeat: no-repeat;
}

.content11 input.back {
    width: 100%;
    height: calc(132/768*100vw);
    background-size: contain;
    background-repeat: no-repeat;
}

.content11 input.top {}

/*
.content11 .submit-btn{}
.content11 .submit-btn:after{}
*/

.content11 #error_message {}

.content11 .alert-danger {}

.content11 select {}

.content11 textarea {}

.content11 .radio-area {}

.content11 .radio-area>div,
.content11 .radio-area>.check {
    width: 100%;
}

.content11 .form-area .form-group .radio-area>div>label {}

.content11 .form-area .form-group .radio-area>div>label.selected {}

.content11 .form-area .form-group.privacy>div {}

.content11 .form-area .form-group.privacy {}

.content11 .form-area .form-group.privacy label {}

.content11 .privacy p {
    font-size: 16px;

}

.content11 .privacy p a {}

.content11 .privacy input[type="checkbox"] {}


footer {
    padding: calc(10/375*100vw);
}

footer p {
    font-size: 10px;
}


.suppot-pc {
    display: none;
}

.suppot-sp {
    display: block;
}

.slide-arrow {
    width: 13%;
    top: 43%;
    position: absolute;
    z-index: 10;
}

.slide-arrow.prev-arrow {
    left: 5%;
}

.slide-arrow.next-arrow {
    right: 5%;
}

.thanks-area p {
    font-size: 18px;
}


.content11 h2 {
    margin-bottom: 25px;
}

.content10 {
    padding: 10% 0;
    background-size: cover;
}