@charset "utf-8";

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

    index

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

.main-visual {

    position: relative;

    text-align: center;

    background-image: linear-gradient( 180deg, rgb(255,255,255) 46%, rgb(255,255,255) 65%, rgb(255,255,255) 80%, rgb(244,245,247) 90%, rgb(233,234,238) 100%);

}

.main-visual::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 54px;

    background: url(../img/common/line01.png) repeat-x left top;

    content: "";

}

.main-visual img {

    position: relative;

    z-index: 1;

}

#main .sec01 {

    padding: 71px 0 125px;

}

#main .sec01 h2 {

    margin-bottom: 82px;

    text-align: center;

    font-size: 36px;

    letter-spacing: 0.03em;

    line-height: 1.38;

    font-weight: 600;

}

#main .sec01 h2 span {

    color: #03108e;

}

#main .sec01 ul {

    width: 904px;

    margin: 0 auto;

}

#main .sec01 li:not(:last-child) {

    margin-bottom: 80px;

}

#main .sec01 li a {

    padding: 16px 30px 14px 133px;

    position: relative;

    display: block;

    font-size: 24px;

    font-weight: 700;

    letter-spacing: 0.03em;

    background-color: #eee;

    border-radius: 50px;

}

#main .sec01 li a:hover {

    opacity: 0.7;

}

#main .sec01 li img {

    margin-top: -58px;

    position: absolute;

    left: 0;

    top: 50%;

}

#main .sec01 li i {

    color: #03108e;

    position: absolute;

    right: 18px;

    top: 20px;

    font-size: 27px;

}

#main .sec02 {

    padding: 60px 0;

}

#main .sec02 .info ul {

    margin-bottom: 71px;

    position: relative;

}

#main .sec02 .info ul::after {

    content: "";

    width: 278px;

}

#main .sec02 .info li {

    width: 278px;

    padding: 18px 10px 12px;

    text-align: center;

    position: relative;

    border-radius: 13px;

    box-shadow: 0 0 15px rgba(0,0,0,0.3);

    box-sizing: border-box;

}

#main .sec02 .info li:not(:last-child):before {

    margin-top: -9px;

    position: absolute;

    right: -22px;

    top: 50%;

    background: url(../img/common/icon02.png) no-repeat;

    width: 10px;

    height: 18px;

    content: "";

}

#main .sec02 .info li p {

    margin-bottom: 16px;

    color: #323232;

    font-size: 18px;

    line-height: 1.66;

    font-weight: 700;

    letter-spacing: 0.03em;

}

#main .sec02 .info li:last-child p {

    margin-bottom: 12px;

}

#main .sec02 .inner {

    margin: 72px 0 0;

    padding: 68px 0 60px;

    border-top: 1px solid #e6e6e6;

}

#main .sec02 .inner .topText {

    margin-bottom: 73px;

    font-size: 16px;

    line-height: 2;

    letter-spacing: 0.03em;

    text-align: center;

}

#main .sec02 .inner h4 {

    margin-bottom: 24px;

    color: #010f69;

    font-size: 30px;

    font-weight: 900;

    letter-spacing: 0.03em;

    text-align: center;

}

#main .sec02 .inner .arrow {

    margin-bottom: 50px;

    text-align: center;

}

#main .automatic-list {

    margin-bottom: 20px;

}

#main .automatic-list li {

    margin-bottom: 40px;

    padding: 24px 5px 19px 30px;

    position: relative;

    display: flex;

    justify-content: space-between;

    letter-spacing: 0.03em;

    box-sizing: border-box;

    border: 2px solid #010c77;

    border-radius: 10px;

    background-color: #FFF;

    box-shadow: 0 0 15px #dbdeea;

}

#main .automatic-list li:last-child {

    margin-bottom: 0;

}

#main .automatic-list li:not(:last-child)::after {

    position: absolute;

    left: 50%;

    top: 100%;

    height: 40px;

    width: 0;

    border-right: 2px dotted #010b73;

    content: '';

}

#main .automatic-list .num {

    margin-right: 22px;

    width: 150px;

}

#main .automatic-list .image {

    margin-bottom: -10px;

    align-self: flex-end;

}

#main .automatic-list .text-box {

    margin: 5px 20px 0 0;

    flex: 1;

}

#main .automatic-list .title {

    margin: 0 0 10px 5px;

    padding: 2px 8px 4px 5px;

    min-width: 110px;

    display: inline-block;

    color: #FFF;

    font-weight: 400;

    text-align: center;

    background-color: #010f69;

}

#main .automatic-list .ttl {

    margin-bottom: 12px;

    font-size: 26px;

    font-weight: 700;

}

#main .link-r {

    margin: 0 17px 65px;

    text-align: right;

    font-size: 18px;

    letter-spacing: 0.03em;

}

#main .sec02 .com-text-box01 .text01 {

    margin: 0 0 38px;

}

#main .sec02 .com-text-box01 .ico {

    margin-bottom: 35px;

}

#main .sec02 .com-text-box01 .text02 {

    margin-bottom: 38px;

}

#main .sec02 .com-text-box01 .text02 span {

    margin-bottom: 5px;

}

#main .sec02 .com-text-box01 .text03 {

    text-align: left;

}

#main .sec03 {

    padding: 60px 0 80px;

    background: #F5F6FA;

}

#main .sec03 .shadow-box {

    padding: 14px 40px 50px;

    background: #fff;

}

#main .sec03 .headLine01 .num {

    width: 236px;

}

#main .sec03 .headLine01 .jp {

    margin-top: 9px;

    width: calc(100% - 258px);

}

#main .sec03 .com-img-box {

    margin: 0 94px 63px 1px;

}

#main .sec03 .com-img-box .pho {

    margin-top: -37px;

}

#main .sec03 .img-inner {

    margin: 0 73px 109px 0;

    display: flex;

    justify-content: space-between;

}

#main .sec03 .img-inner .photo-inner {

    margin-top: -4px;

    width: 492px;

    text-align: center;

}

#main .sec03 .img-inner .photo-inner span {

    margin: 3px 0 0 30px;

    display: block;

    color: #010f69;

    font-weight: 600;

    font-size: 28px;

    letter-spacing: 0.03em;

    line-height: 1.2;

}

#main .sec03 .img-inner .text-inner {

    width: 300px;

}

#main .sec03 .img-inner .text-inner h3 {

    margin-bottom: 41px;

    font-size: 30px;

    letter-spacing: 0.03em;

    line-height: 1.33;

    font-weight: 900;

}

#main .sec03 .img-inner .text-inner ul {

    counter-reset: section;

}

#main .sec03 .img-inner .text-inner li {

    padding-left: 35px;

    position: relative;

    font-size: 18px;

    letter-spacing: 0.03em;

}

#main .sec03 .img-inner .text-inner li:not(:last-child) {

    margin-bottom: 13px;

}

#main .sec03 .img-inner .text-inner li::before {

    width: 21px;

    height: 21px;

    position: absolute;

    left: 3px;

    top: 5px;

    color: #fff;

    font-weight: 500;

    line-height: 1;

    padding: 1px 0 0 1px;

    font-size: 17px;

    text-align: center;

    border-radius: 50%;

    background: #020F8F;

    counter-increment: section;

    content: counter(section);

    box-sizing: border-box;

}

#main .sec03 .com-text-box {

    margin-top: -3px;

    max-width: 730px;

}

#main .sec03 .com-text-box .text01 {

    margin: 0 0 30px;

}

#main .sec03 .com-text-box .ico {

    margin-bottom: 31px;

}

#main .sec03 .com-text-box .text02 {

    margin-bottom: 39px;

}

#main .sec03 .com-text-box .text02 span {

    margin-bottom: 7px;

}

#main .sec03 .com-text-box .pho {

    margin-bottom: 43px;

}

#main .sec03 .com-text-box .text03 {

    text-align: left;

}

#main .sec04 {

    padding: 75px 0 71px;

}

#main .sec04 h2 {

    margin-bottom: 52px;

    padding-bottom: 24px;

    position: relative;

    font-size: 38px;

    letter-spacing: 0.03em;

    line-height: 1.1578;

    text-align: center;

    font-weight: 600;

}

#main .sec04 h2::before {

    width: 100px;

    height: 5px;

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    background: #010F69;

    content: "";

}

#main .sec04 .ctr-text {

    margin-bottom: 24px;

    color: #010F69;

    font-size: 26px;

    font-weight: 700;

    line-height: 1.69;

    letter-spacing: 0.03em;

    text-align: center;

}

#main .sec04 .text01 {

    margin: 48px 0 74px;

    line-height: 2;

    letter-spacing: 0.03em;

    text-align: center;

}

#main .sec04 .text01 span {

    color: #03108e;

}

#main .sec04 .img-box {

    margin: 0 auto 74px;

    width: 904px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

#main .sec04 .img-box .text-box {

    width: 543px;

}

#main .sec04 .img-box .text-box h3 {

    margin-bottom: 53px;

    padding: 95px 0 0 182px;

    position: relative;

}

#main .sec04 .img-box .text-box h3 img {

    width: 320px;

    position: absolute;

    left: 0;

    top: 2px;

}

#main .sec04 .img-box .text-box h3 span {

    padding-left: 23px;

    display: block;

    position: relative;

    font-size: 26px;

    letter-spacing: 0.03em;

    line-height: 1.538;

    font-weight: 700;

}

#main .sec04 .img-box .text-box h3 span::before {

    width: 2px;

    position: absolute;

    left: 0;

    top: 6px;

    bottom: 4px;

    background: #DCDCDC;

    content: "";

}

#main .sec04 .img-box .text-box p {

    line-height: 2;

    letter-spacing: 0.03em;

}

#main .sec04 .img-box .text-box .ttl {

    margin-bottom: 13px;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 0.03em;

    font-feature-settings: normal;

    -moz-font-feature-settings: normal;

}

#main .sec04 .img-box .photo-box {

    width: 300px;

}

#main .sec04 .img-box .photo-box span {

    margin-bottom: 16px;

    display: block;

    box-shadow: 0 0 15px rgba(0,0,0,0.3);

}

#main .sec04 .img-box .photo-box small {

    display: block;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 0.03em;

    text-align: center;

}

#main .sec04 .img-box.right {

    flex-direction: row-reverse;

}

#main .sec04 .img-box01 .text-box h3 {

    margin-bottom: 43px;

    padding: 95px 0 0 165px;

}

#main .sec04 .img-box02 .text-box h3 {

    padding-left: 190px;

}

#main .sec04 .img-box03 .text-box h3 {

    padding-left: 196px;

}

#main .sec04 .photo-area {

    margin: 0 auto;

    width: 470px;

    text-align: center;

}

#main .sec04 .photo-area .photo {

    margin-bottom: 34px;

}

#main .sec04 .photo-area p {

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 0.03em;

    line-height: 2.2;

}

#main .sec04 .photo-area p span {

    color: #03108e;

}

#main .sec05 {

    padding: 74px 0 66px;

    background: #F4F4F4;

}

#main .sec05 h2 {

    margin-bottom: 57px;

    position: relative;

    line-height: 1.1578;

}

#main .sec05 .table-box {

    margin: 0 2px 25px;

}

#main .sec05 table {

    width: 100%;

    border-collapse: collapse;

}

#main .sec05 th,

#main .sec05 td {

    padding: 0 7px 3px;

    height: 48px;

    position: relative;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.25;

    word-break: break-all;

    text-align: left;

    vertical-align: middle;

    border: none;

    outline: 2px solid #010F68;

    background: #fff;

    box-sizing: border-box;

}

#main .sec05 th {

    padding-right: 0;

    letter-spacing: 0.03em;

}

#main .sec05 thead th {

    padding-bottom: 5px;

    width: calc((100% - 206px) / 4);

    font-weight: 700;

    text-align: center;

    background: #D1D1D1;

}

#main .sec05 thead th.wid01 {

    width: 206px;

    outline: none;

    background: none;

}

#main .sec05 thead th .ttl {

    padding-top: 22px;

    width: calc(100% + 2px);

    height: calc(100% + 14px);

    position: absolute;

    left: -2px;

    bottom: -2px;

    display: block;

    color: #fff;

    font-size: 18px;

    background: #010F68;

    box-sizing: border-box;

    border-radius: 10px 10px 0 0;

}

#main .sec05 td {

    text-align: center;

}

#main .sec05 td .red {

    color: #ec1f1f;

    font-weight: 700;

}

#main .sec05 td .txt {

    padding-top: 3px;

    width: calc(100% + 2px);

    height: calc(100% + 14px);

    position: absolute;

    left: -2px;

    top: -2px;

    display: block;

    background: #fff;

    box-sizing: border-box;

    border-radius: 0 0 10px 10px;

    border: 2px solid #010F68;

}

#main .sec05 .ctrText {

    color: #03108e;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 0.03em;

    line-height: 2.4;

    text-align: center;

}

#main .sec09 {

    padding: 70px 0 80px;

    background-color: #F5F6FA;

}

#main .sec09 .headLine03 {

    margin-bottom: 70px;

}

#main .sec09 .qa-box {

    width: 482px;

}

#main .sec09 .qa-box section:not(:last-child) {

    margin-bottom: 41px;

}

#main .sec09 .qa-box .ttl {

    margin-bottom: 14px;

    color: #010f69;

    font-size: 24px;

    font-weight: 700;

    letter-spacing: 0.03em;

}

#main .sec09 .qa-box .qa-list li {

    border: 2px solid #010F69;

    border-radius: 10px;

    background-color: #FFF;

}

#main .sec09 .qa-box .qa-list li:not(:last-child) {

    margin-bottom: 10px;

}

#main .sec09 .qa-box .qa-list dt {

    padding: 21px 40px 19px 61px;

    position: relative;

    font-size: 19px;

    font-weight: 700;

    line-height: 1.6;

    letter-spacing: 0.03em;

    box-sizing: border-box;

    cursor: pointer;

    background: url(../img/index/qa_icon01.png) no-repeat left 19px top 20px;

}

#main .sec09 .qa-box .qa-list dt .mark {

    display: block;

    position: absolute;

    width: 18px;

    height: 19px;

    right: 15px;

    top: 20px;

    color: #010F69;

    font-size: 22px;

    line-height: 1.2;

    font-weight: 900;

}

#main .sec09 .qa-box .qa-list dt .fa-minus {

    display: none;

}

#main .sec09 .qa-box .qa-list dt.on .mark {

    top: 24px;

}

#main .sec09 .qa-box .qa-list dt.on .fa-minus {

    display: block;

}

#main .sec09 .qa-box .qa-list dt.on .fa-plus {

    display: none;

}

#main .sec09 .qa-box .qa-list dd {

    padding: 0 30px 27px 60px;

    letter-spacing: 0.03em;

    line-height: 2;

    display: none;

    font-weight: 400;

    text-align: justify;

}

#main .sec10 {

    padding: 80px 0 80px;

}

#main .sec10 .bg {

    padding: 43px 0 136px;

    background: url(../img/index/sec10_line01.png) no-repeat left top,url(../img/index/sec10_line02.png) no-repeat right top,url(../img/index/sec10_line03.png) no-repeat left bottom,url(../img/index/sec10_line04.png) no-repeat right bottom;

}

#main .sec10 .headLine03 {

    margin-bottom: 63px;

    color: #010f69;

}

#main .sec10 .headLine03 .sml {

    margin-top: 22px;

    display: block;

    color: #000;

    font-size: 24px;

    letter-spacing: 0.03em;

}

#main .sec10 .img-box {

    max-width: 884px;

    margin: 0 auto;

}

#main .sec10 .img-box .pho {

    margin: 10px 0 20px 45px;

    float: right;

}

#main .sec10 .img-box p {

    line-height: 2;

    text-align: justify;

    letter-spacing: 0.03em;

}

#main .sec10 .img-box p:not(:last-child) {

    margin-bottom: 32px;

}

#main .sec10 .img-box .txt-list {

    margin-bottom: 32px;

    line-height: 2;

    text-align: justify;

    letter-spacing: 0.03em;

}

#main .sec10 .img-box .txt-list li {

    padding-left: 0.55em;

    text-indent: -0.55em;

}

#main .sec11 {

    padding: 70px 0 80px;

    background-image: linear-gradient( to bottom, rgb(36,65,135) 1%, rgb(1,15,105) 100%);

}

#main .sec11 .headLine03 {

    margin-bottom: 47px;

}

#main .sec11 .headLine03 .en,

#main .sec11 .headLine03 {

    color: #FFF;

}

#main .sec11 .price-list {

    margin-top: -15px;

}

#main .sec11 .price-list li {

    margin-top: 15px;

    padding: 39px 5px 43px;

    width: 474px;

    text-align: center;

    box-sizing: border-box;

    background-color: #FFF;

}

#main .sec11 .price-list li span {

    display: inline-block;

    letter-spacing: 0.03em;

    vertical-align: middle;

}

#main .sec11 .price-list li .ttl {

    font-size: 20px;

}

#main .sec11 .price-list li .price .num {

    margin-right: 3px;

    vertical-align: -5px;

    color: #03108e;

    font-size: 30px;

    line-height: 1.2;

    font-weight: 900;

}

/* sec12 */

#main .sec12 {

    padding: 70px 0 80px;

}

#main .sec12 .border-box {

    padding: 68px 20px 64px;

    border: 12px solid #f1f4ff;

    background-color: #fff;

    box-shadow: 0 0 15px rgba(0,0,0,0.3);

}

#main .sec12 .blue-txt {

    color: #010f69;

    text-align: center;

    font-weight: 700;

    font-size: 24px;

    line-height: 1.68;

}

#main .sec12 .top-txt {

    margin-bottom: 42px;

}

#main .sec12 .flex-box {

    margin-top: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

}

#main .sec12 .qr-box {

    width: 300px;

    color: #010c77;

    text-align: center;

    font-size: 18px;

}

#main .sec12 .qr-box p {

    margin-top: 3px;

}

#main .sec12 .btn {

    margin-top: 30px !important;

}

#main .sec12 .btn a {

    width: 318px;

    height: 65px;

    color: #010c77;

    font-size: 18px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 2px solid #010c77;

    border-radius: 50px;

    box-sizing: border-box;

    margin: 80px auto 0;

}

#main .sec12 .btn a:hover {

    opacity: 0.7;

}

#main .sec12 .flex-box > div {

    margin: 0 35px;

}

#main .sec12 .inner-box {

    margin: 0 auto;

    max-width: 774px;

}

#main .sec12 .title {

    margin-bottom: 42px;

    color: #010f69;

    font-size: 43.97px;

    font-weight: 900;

    text-align: center;

    line-height: 1;

    letter-spacing: 0.03em;

}

#main .sec12 .title span {

    margin-bottom: 31px;

    min-width: 172px;

    color: #fff;

    font-size: 23.98px;

    display: inline-block;

    vertical-align: top;

    text-align: center;

    background: url("../img/index/sec12_bg.jpg") repeat-x left top / auto 100%;

    border-radius: 50px;

    font-weight: 500;

    letter-spacing: 0.25em;

    box-sizing: border-box;

    padding: 8px 4px 9px 12px;

}

#main .sec12 .txt-list {

    margin-bottom: 32px;

    font-size: 20px;

    line-height: 2.17;

    letter-spacing: 0.04em;

}

#main .sec12 .txt-list li {

    padding-left: 32px;

    position: relative;

}

#main .sec12 .txt-list li::before {

    width: 22px;

    height: 22px;

    position: absolute;

    top: 12px;

    left: 3px;

    background: url("../img/index/sec12_icon02.png") no-repeat left top / 100% 100%;

    content: "";

}

#main .sec12 .txt-list .red {

    color: #d30000;

    font-weight: 900;

    font-size: 23.98px;

    line-height: 1;

}

#main .sec12 .txt-list img {

    margin: -4px 7px 0 6px;

    display: inline-block;

    vertical-align: middle;

}

#main .sec12 .border-box .blue-txt {

    margin-bottom: 85px;

    font-size: 30px;

    letter-spacing: 0.03em;

}

#main .sec12 .ttl {

    margin-bottom: 30px;

    text-align: center;

    font-size: 20px;

    letter-spacing: 0.03em;

}

#main .contactSec {

    padding: 70px 0 80px;

    background-color: #F5F6FA;

}

#main .contactSec .headLine03 {

    text-align: left;

}

#main .contactSec .document {

    padding-top: 23px;

    display: flex;

    justify-content: space-between;

}

#main .contactSec .document .right-box {

    width: 570px;

    border-radius: 20px;

    background-color: #fff;

    order: 2;

    padding: 48px 30px;

    min-height: 790px;

    box-sizing: border-box;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);

}

#main .contactSec .document .left-box {

    flex: 1;

}

#main .contactSec .document .right-box .txt {

    margin-bottom: 44px;

    text-align: center;

    letter-spacing: 0.02em;

    line-height: 2;

    font-weight: 400;

}

#main .contactSec .document-dl {

    margin-bottom: 30px;

    display: flex;

    flex-wrap: wrap;

    font-weight: 400;

    justify-content: space-between;

}

#main .contactSec .document-dl dt {

    width: 170px;

    margin-right: 10px;

    letter-spacing: 0.02em;

}

#main .contactSec .document-dl dt small {

    font-size: 13px;

}

#main .contactSec .document-dl dd {

    margin: 5px 0 15px;

    width: calc(100% - 180px);

}

#main .contactSec .document-dl input[type="email"],

#main .contactSec .document-dl input[type="tel"],

#main .contactSec .document-dl input[type="text"] {

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    border-radius: 5px;

    height: 40px;

    color: #000;

    border: 1px solid #C2C2C2;

    box-sizing: border-box;

    font-size: 16px;

    padding: 0 10px;

    width: 100%;

    font-weight: 400;

    background-color: #fff;

}

#main .contactSec .checkP {

    margin: 0 0 37px;

    text-align: center;

    font-size: 14px;

}

#main .contactSec .checkP a {

    text-decoration: underline;

}

#main .contactSec .checkP a:hover {

    opacity: 0.7;

}

#main .contactSec input[type="checkbox"] {

    display: none;

}

#main .contactSec input[type="checkbox"] + span {

    background: url(../img/index/check01.png) no-repeat left center;

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    line-height: 25px;

    padding: 4px 0 4px 32px;

}

#main .contactSec input[type="checkbox"]:checked + span {

    background-image: url("../img/index/check02.png");

}

#main .contactSec .com-btn {

    margin-bottom: 0;

}

#main .contactSec button {

    width: 341px;

    height: 59px;

    min-height: inherit    ;

    text-align: center;

    cursor: pointer;

    font-size: 22px;

    color: white;

    border: none;

    padding: 0;

    font-weight: 500;

}

#main .contactSec button i {

    font-size: 23px;

}

#main .contactSec .document .left-box .photo {

    margin: 16px -5px 19px -1px;

}

#main .contactSec .document .txt-box {

    padding-left: 2px;

}

#main .contactSec .document .txt-box h3 {

    font-size: 20px;

    margin-bottom: 24px;

    letter-spacing: 0.02em;

    font-weight: 700;

}

#main .contactSec .document .text-list li {

    letter-spacing: 0.02em;

    text-indent: -1em;

    padding-left: 1em;

    font-weight: 400;

}

#main .contactSec .document .text-list li + li {

    margin-top: 11px;

}

#main .sec06 {

    padding: 68px 0 153px;

}

#main .sec06 .com-text-box {

    max-width: 600px;

}

#main .sec06 .headLine03 {

    margin-bottom: 24px;

}

#main .sec06 .text02 {

    margin-bottom: 29px;

    color: #000;

}

#main .sec06 .text-list {

    margin-bottom: 26px;

}

#main .sec06 .text-list li {

    font-size: 20px;

    font-weight: 700;

    line-height: 2.2;

    letter-spacing: 0.03em;

    text-align: center;

}

#main .sec06 .text-list li i {

    margin-right: 5px;

    display: inline-block;

}

#main .sec06 .ico {

    margin-bottom: 38px;

}

#main .sec06 .img {

    margin: 0 auto 30px;

    width: 239px;

}

#main .sec06 .text03 {

    text-align: left;

}

#main .sec07 {

    padding: 40px 0 50px;

    background-color: #f5f6fa;

}

#main .sec07 .h3-ttl {

    margin-bottom: 40px;

    display: flex;

    justify-content: center;

    font-family: "hiragino-mincho-pron",sans-serif;

}

#main .sec07 .h3-ttl .img {

    width: 148px;

    height: 186px;

    position: absolute;

    left: 0;

    bottom: -20px;

}

#main .sec07 .h3-ttl .txt {

    padding: 0 197px;

    position: relative;

    display: inline-block;

    font-size: 38px;

    font-weight: 600;

    letter-spacing: 0.03em;

}

#main .sec07 .text-list {

    display: flex;

    flex-wrap: wrap;

    gap: 30px 42px;

    justify-content: space-between;

}

#main .sec07 .text-list li {

    width: 300px;

    border-radius: 10px;

    overflow: hidden;

    background-color: #fff;

    box-shadow: 0 0 20px #c1bfbf;

}

#main .sec07 .text-list li .title {

    padding: 15px 10px 10px;

    width: 100%;

    height: 89px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-weight: 700;

    font-size: 22px;

    letter-spacing: 0.03em;

    box-sizing: border-box;

    background-image: linear-gradient(to right, rgb(36,65,135) 1%, rgb(1,15,105) 100%);

}

#main .sec07 .text-list li p {

    padding: 20px 22px 30px;

    line-height: 1.875;

    font-weight: 400;

    letter-spacing: 0.03em;

}

#main .sec08 {

    padding: 71px 0 80px;

}

#main .sec08 .headLine03 {

    margin-bottom: 41px;

    font-size: 34px;

    letter-spacing: 0.03em;

}

#main .sec08 .img-list {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: space-between;

}

#main .sec08 .img-list li {

    padding: 30px 27px 27px;

    width: calc(50% - 10px);

    box-sizing: border-box;

    box-shadow: 0 0 20px #c1bfbf;

    border-radius: 10px;

}

#main .sec08 .img-list .photo-box {

    margin: 0 0 14px 3px;

    display: flex;

    align-items: center;

}

#main .sec08 .img-list .photo-box .photo {

    width: 89px;

    height: 89px;

    border-radius: 50%;

    overflow: hidden;

}

#main .sec08 .img-list .photo-box .photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

#main .sec08 .img-list .photo-box .inner-text-box {

    margin: 5px 0 0 7px;

    flex: 1;

}

#main .sec08 .img-list .photo-box .title {

    margin: 0 -15px 7px 0;

    font-size: 18px;

    line-height: 1.667;

    letter-spacing: 0.03em;

    font-weight: 700;

}

#main .sec08 .img-list .photo-box .name {

    font-size: 14px;

    line-height: 2.142;

    letter-spacing: 0.03em;

    font-weight: 400;

}

#main .sec08 .img-list .txt {

    line-height: 2;

    letter-spacing: 0.03em;

    font-weight: 400;

}





/* アコーディオン関連 */

.cp_box *, .cp_box *:before, .cp_box *:after {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.cp_box {

    position: relative;

}

.cp_box label {

    position: absolute;

    z-index: 1;

    bottom: 0;

    width: 100%;

    height: 140px; /* グラデーションの高さ */

    cursor: pointer;

    text-align: center;

    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */

    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);

}

.cp_box input:checked + label {

    background: inherit; /* 開いた時にグラデーションを消す */

}

.cp_box label:after {

    line-height: 2.5rem;

    position: absolute;

    z-index: 2;

    bottom: 20px;

    left: 50%;

    width: 16rem;

    font-family: FontAwesome;

    content: '\f13a'' 詳しく見る';

    transform: translate(-50%, 0);

    letter-spacing: 0.05em;

    color: #03108e;

    border: 1px solid #03108e;

    border-radius: 20px;

    background-color: #fff;

    font-size: 18px;

    padding: 5px;

}

.cp_box input {

    display: none;

}



.cp_box .cp_container {

    overflow: hidden;

    height: 20px; /* 開く前に見えている部分の高さ */

    transition: all 0.5s;

}

.cp_box input:checked + label {

    /* display: none ; 閉じるボタンを消す場合解放 */

}

.cp_box input:checked + label:after {

    font-family: FontAwesome;

    content: '\f139'' 閉じる';

}

.cp_box input:checked ~ .cp_container {

    height: auto;

    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */

    transition: all 0.5s;

}

.img_opacity:hover {

    opacity: 0.6;

}