@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap";
.toFadeBlock {
    opacity:0;
    transition:.8s
}
.toFadeBlock.toFade {
    opacity:1
}
.toLeftBlock {
    opacity:0;
    transform:translateX(60px);
    transition:.8s
}
.toLeftBlock.toLeft {
    opacity:1;
    transform:translateX(0)
}
.toRightBlock {
    opacity:0;
    transform:translateX(-60px);
    transition:.8s
}
.toRightBlock.toRight {
    opacity:1;
    transform:translateX(0)
}
.toTopBlock {
    opacity:0;
    transform:translateY(60px);
    transition:.8s
}
.toTopBlock.toTop {
    opacity:1;
    transform:translateY(0)
}
.toBottomBlock {
    opacity:0;
    transform:translateY(-60px);
    transition:.8s
}
.toBottomBlock.toBottom {
    opacity:1;
    transform:translateY(0)
}
.toZoomBlock {
    opacity:0;
    transform:scale(0.1);
    transition:.3s
}
.toZoomBlock.toZoom {
    opacity:1;
    transform:scale(1)
}
.contentsWrap {
    overflow:hidden
}
#pageHead.fixed+.contentsWrap {
    padding-top:132px
}
@media(max-width: 767px) {
    #pageHead.fixed+.contentsWrap {
        padding-top:calc(67/390 * 100vw)
    }
}
.secondTitle {
    height:259.91px;
    position:relative
}
@media(max-width: 767px) {
    .secondTitle {
        padding-bottom:calc(30/390 * 100vw);
        height:auto
    }
}
.secondTitle:before {
    width:100vw;
    height:100%;
    background:#182d5f;
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:610px;
    transform:skew(-15deg);
    z-index:2
}
@media(min-width: 768px)and (max-width: 1024px) {
    .secondTitle:before {
        right:225px
    }
}
@media(max-width: 767px) {
    .secondTitle:before {
        right:30%
    }
}
.secondTitle .container {
    max-width:1280px;
    padding-top:88px;
    position:relative;
    z-index:3
}
@media(max-width: 767px) {
    .secondTitle .container {
        padding-top:calc(88/390 * 100vw)
    }
}
.secondTitle .container:before {
    width:24.5px;
    height:76px;
    background:url("../images/bg_line_main.png") center center/cover no-repeat;
    content:"";
    position:absolute;
    top:0;
    left:0
}
@media(min-width: 768px)and (max-width: 1280px) {
    .secondTitle .container:before {
        left:15px
    }
}
@media(max-width: 767px) {
    .secondTitle .container:before {
        width:calc(24.5/390 * 100vw);
        height:calc(76/390 * 100vw);
        left:calc(15/390 * 100vw)
    }
}
.secondTitle .mainTitleEn {
    color:#31a2b2;
    font-size:1.6rem;
    font-family:"Montserrat",sans-serif;
    line-height:1.1875em;
    text-transform:uppercase
}
@media(max-width: 767px) {
    .secondTitle .mainTitleEn {
        font-size:calc(16/390 * 100vw);
        text-shadow:0 3px 3px #182d5f
    }
}
.secondTitle .mainTitleJp {
    margin:4px 0 0;
    color:#fff;
    font-size:3.6rem;
    font-weight:bold;
    line-height:1.5em
}
@media(max-width: 767px) {
    .secondTitle .mainTitleJp {
        margin:calc(4/390 * 100vw) 0 0;
        font-size:calc(36/390 * 100vw);
        text-shadow:0 3px 3px #182d5f
    }
}
.secondTitle .mainTitleJp.type02 {
    margin:7px 0 0;
    font-size:3rem;
    line-height:1.466em
}
@media(max-width: 767px) {
    .secondTitle .mainTitleJp.type02 {
        margin:calc(7/390 * 100vw) 0 0;
        font-size:calc(30/390 * 100vw)
    }
}
.secondTitle .mainImg {
    position:absolute;
    bottom:-40px;
    right:0;
    z-index:1
}
@media(min-width: 768px)and (max-width: 1024px) {
    .secondTitle .mainImg {
        width:320px;
        height:260px;
        overflow:hidden;
        transform:skew(-15deg);
        transform-origin:right bottom
    }
    .secondTitle .mainImg img {
        width:709px;
        max-width:none;
        height:260px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%) skew(15deg)
    }
}
@media(max-width: 767px) {
    .secondTitle .mainImg {
        width:calc(195/390 * 100vw);
        height:calc(170/390 * 100vw);
        bottom:calc(-15/390 * 100vw);
        overflow:hidden;
        transform:skew(-15deg);
        transform-origin:right bottom
    }
    .secondTitle .mainImg img {
        width:calc(464/390 * 100vw);
        max-width:none;
        height:calc(170/390 * 100vw);
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%) skew(15deg)
    }
}
.lead {
    padding:100px 0 110px;
    background:#eef2f5
}
@media(max-width: 767px) {
    .lead {
        padding:calc(100/390 * 100vw) 0 calc(110/390 * 100vw)
    }
}
.lead .container {
    max-width:1140px
}
.lead h2 {
    margin:0 0 30px;
    color:#182d5f;
    font-size:3rem;
    text-align:center
}
@media(max-width: 767px) {
    .lead h2 {
        margin:0 0 calc(30/390 * 100vw);
        font-size:calc(30/390 * 100vw)
    }
}
.lead p {
    margin:0;
    color:#182d5f;
    font-size:2rem;
    line-height:1.9em
}
@media(max-width: 767px) {
    .lead p {
        font-size:calc(20/390 * 100vw)
    }
}
.lead.type02 {
    margin:0;
    padding:0;
    background:none
}
.lead.type02 p {
    color:#182d5f;
    font-size:2.4rem;
    font-weight:bold;
    line-height:1.5em;
    text-align:center
}
@media(max-width: 767px) {
    .lead.type02 p {
        margin:0;
        font-size:calc(24/390 * 100vw)
    }
}
.content {
    padding:0 0 110px
}
@media(max-width: 767px) {
    .content {
        padding:0 0 calc(110/390 * 100vw)
    }
}
.content .container {
    max-width:1140px;
    position:relative;
    z-index:1
}
.content h2 {
    margin:0 0 30px;
    padding:10px 0 12px;
    color:#fff;
    font-size:2.6rem;
    line-height:1.46153em;
    position:relative;
    z-index:1;
    transform:translate(0, -50%)
}
@media(max-width: 767px) {
    .content h2 {
        margin:0 0 calc(30/390 * 100vw);
        padding:calc(10/390 * 100vw) 0 calc(12/390 * 100vw);
        font-size:calc(26/390 * 100vw)
    }
}
.content h2:before {
    width:100vw;
    height:60px;
    background:#182d5f;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:443px;
    transform:skew(-15deg) translate(-100%, 0);
    z-index:-1
}
@media(max-width: 767px) {
    .content h2:before {
        height:100%;
        min-height:calc(60/390 * 100vw);
        left:0;
        transform:skew(-15deg) translate(calc(-50 / 390 * 100vw), 0)
    }
}
.content h2+h3 {
    margin-top:30px
}
@media(max-width: 767px) {
    .content h2+h3 {
        margin-top:calc(30/390 * 100vw)
    }
}
.content h3 {
    margin:60px 0 20px;
    padding:0 0 6px;
    border-bottom:1px solid #182d5f;
    color:#182d5f;
    font-size:2.4rem;
    line-height:1.5em
}
@media(max-width: 767px) {
    .content h3 {
        margin:calc(60/390 * 100vw) 0 calc(20/390 * 100vw);
        padding:0 0 calc(6/390 * 100vw);
        font-size:calc(24/390 * 100vw)
    }
}
.content p {
    margin:0 0 20px;
    font-size:1.8rem;
    line-height:1.77777em
}
@media(max-width: 767px) {
    .content p {
        margin:0 0 calc(20/390 * 100vw);
        font-size:calc(18/390 * 100vw)
    }
}
.content .row {
    display:flex;
    justify-content:space-between
}
@media(max-width: 767px) {
    .content .row {
        display:block
    }
}
.content .row.column02+.column02 {
    margin-top:20px
}
@media(max-width: 767px) {
    .content .row.column02+.column02 {
        margin-top:calc(20/390 * 100vw)
    }
}
.content .row.column02 .col {
    width:48.685%
}
@media(max-width: 767px) {
    .content .row.column02 .col {
        width:100%
    }
    .content .row.column02 .col+.col {
        margin-top:calc(15/390 * 100vw)
    }
}
.content .row.column02 .col figure {
    margin:0
}
.content .row.column02.type02+.column02 {
    margin-top:40px
}
@media(max-width: 767px) {
    .content .row.column02.type02+.column02 {
        margin-top:calc(40/390 * 100vw)
    }
}
.content .row.column02.type02 .txt {
    width:51.754%
}
@media(max-width: 767px) {
    .content .row.column02.type02 .txt {
        width:100%
    }
}
.content .row.column02.type02 .txt h3 {
    margin-top:0
}
.content .row.column02.type02 .txt p {
    padding-right:40px
}
@media(max-width: 767px) {
    .content .row.column02.type02 .txt p {
        padding-right:0
    }
}
.content .row.column02.type02 .img {
    width:48.246%
}
@media(max-width: 767px) {
    .content .row.column02.type02 .img {
        width:100%;
        text-align:center
    }
}
.content .row.column02.type03+.column02 {
    margin-top:40px
}
@media(max-width: 767px) {
    .content .row.column02.type03+.column02 {
        margin-top:calc(40/390 * 100vw)
    }
}
.content .row.column02.type03 .txt {
    width:68.42%
}
@media(max-width: 767px) {
    .content .row.column02.type03 .txt {
        width:100%
    }
}
.content .row.column02.type03 .txt h3 {
    margin-top:0
}
.content .row.column02.type03 .txt p {
    padding-right:40px
}
@media(max-width: 767px) {
    .content .row.column02.type03 .txt p {
        padding-right:0
    }
}
.content .row.column02.type03 .img {
    width:31.58%
}
@media(max-width: 767px) {
    .content .row.column02.type03 .img {
        width:100%;
        text-align:center
    }
}
.content .row.column03 .col {
    width:31.58%
}
@media(max-width: 767px) {
    .content .row.column03 .col {
        width:100%
    }
    .content .row.column03 .col+.col {
        margin-top:calc(15/390 * 100vw)
    }
}
.content .row.column02-2 .col.big {
    width:65.78%
}
.content .row.column02-2 .col.small {
    width:31.57%
}
@media(max-width: 767px) {
    .content .row.column02-2 .col {
        width:100% !important
    }
    .content .row.column02-2 .col+.col {
        margin-top:calc(15/390 * 100vw)
    }
}
@media(max-width: 767px) {
    .content .scrollTable {
        padding-bottom:1px;
        overflow:scroll
    }
    .content .scrollTable .tableAircraft th {
        word-break:keep-all
    }
}
.content .tableAircraft {
    width:100%;
    margin-top:30px;
    border-collapse:collapse
}
@media(max-width: 767px) {
    .content .tableAircraft {
        margin-top:calc(10/390 * 100vw)
    }
}
.content .tableAircraft th {
    padding:10px 20px;
    background:#eef2f5;
    border:1px solid #707070;
    font-size:1.6rem;
    vertical-align:top
}
@media(max-width: 767px) {
    .content .tableAircraft th {
        padding:calc(10/390 * 100vw) calc(20/390 * 100vw);
        font-size:calc(16/390 * 100vw)
    }
}
.content .tableAircraft td {
    padding:10px 20px;
    border:1px solid #707070;
    font-size:1.6rem;
    vertical-align:top
}
@media(max-width: 767px) {
    .content .tableAircraft td {
        padding:calc(10/390 * 100vw) calc(20/390 * 100vw);
        font-size:calc(16/390 * 100vw)
    }
}
.content .tableAircraft td img {
    display:block;
    margin:0 auto
}
.content .tableAircraft tbody :first-child td {
    vertical-align:middle
}
.content .tableAircraft tr :first-child {
    border-left:none
}
.content .tableAircraft tr th:first-of-type {
    background:#d8e3eb;
    text-align:left
}
.content .tableAircraft tr :last-child {
    border-right:none
}
.content .tableCompany {
    width:100%;
    border-bottom:1px solid rgba(24,45,95,.4);
    border-collapse:collapse
}
@media(max-width: 767px) {
    .content .tableCompany {
        display:block
    }
    .content .tableCompany tbody {
        width:100%;
        display:block
    }
    .content .tableCompany tr {
        width:100%;
        display:block
    }
}
.content .tableCompany th {
    padding:30px 20px 30px 0;
    border-top:1px solid rgba(24,45,95,.4);
    color:#182d5f;
    font-size:1.8rem;
    line-height:1.77777em;
    text-align:left;
    vertical-align:top
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content .tableCompany th {
        width:20%
    }
}
@media(max-width: 767px) {
    .content .tableCompany th {
        width:100%;
        padding:calc(15/390 * 100vw) 0;
        font-size:calc(18/390 * 100vw);
        display:block
    }
}
.content .tableCompany td {
    padding:30px 20px 30px 0;
    border-top:1px solid rgba(24,45,95,.4);
    font-size:1.8rem;
    line-height:1.77777em;
    vertical-align:top
}
@media(max-width: 767px) {
    .content .tableCompany td {
        width:100%;
        padding:calc(15/390 * 100vw) 0;
        border-top:1px dotted rgba(24,45,95,.4);
        font-size:calc(18/390 * 100vw);
        display:block
    }
}
.content .tableCompany td dl {
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.content .tableCompany td dl dt {
    margin:0;
    padding:0;
    width:11.837%
}
@media(max-width: 767px) {
    .content .tableCompany td dl dt {
        width:100%
    }
}
.content .tableCompany td dl dd {
    margin:0;
    padding:0;
    width:86.135%
}
@media(max-width: 767px) {
    .content .tableCompany td dl dd {
        width:100%;
        padding-left:1em
    }
}
.content .tableCompany.type02 tbody :first-child th {
    padding-top:0;
    border-top:none
}
.content .tableCompany.type02 tbody :first-child td {
    padding-top:0;
    border-top:none
}
@media(max-width: 767px) {
    .content .tableCompany.type02 tbody :first-child td {
        padding:calc(15/390 * 100vw) 0;
        border-top:1px dotted rgba(24,45,95,.4)
    }
}
.content .tableHistory {
    width:100%;
    border:2px solid #fff;
    border-collapse:collapse
}
@media(max-width: 767px) {
    .content .tableHistory {
        border:none;
        display:block
    }
    .content .tableHistory tbody {
        width:100%;
        display:block
    }
    .content .tableHistory tr {
        width:100%;
        display:block
    }
}
.content .tableHistory th {
    padding:26px 11px 27px;
    background:#dce2ef;
    border:2px solid #fff;
    color:#182d5f;
    font-size:1.8rem;
    font-weight:normal;
    vertical-align:top
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content .tableHistory th {
        width:15%
    }
}
@media(max-width: 767px) {
    .content .tableHistory th {
        width:100%;
        padding:calc(15/390 * 100vw);
        border:1px solid #fff;
        font-size:calc(18/390 * 100vw);
        display:block
    }
}
.content .tableHistory th.txtBold {
    padding:26px 14px 27px;
    font-weight:bold
}
@media(max-width: 767px) {
    .content .tableHistory th.txtBold {
        margin-top:calc(15/390 * 100vw);
        padding:calc(15/390 * 100vw)
    }
}
.content .tableHistory td {
    padding:26px 15px 27px;
    background:#eef2f5;
    border:2px solid #fff;
    font-size:1.8rem
}
@media(max-width: 767px) {
    .content .tableHistory td {
        width:100%;
        padding:calc(15/390 * 100vw);
        border:1px solid #fff;
        font-size:calc(18/390 * 100vw);
        display:block
    }
}
.content .tableQualification {
    width:100%;
    border:2px solid #fff;
    border-collapse:collapse
}
.content .tableQualification th {
    padding:18px 4px 17px;
    background:#dce2ef;
    border:2px solid #fff;
    color:#182d5f;
    font-size:1.8rem;
    font-weight:bold;
    vertical-align:top
}
@media(max-width: 767px) {
    .content .tableQualification th {
        padding:calc(15/390 * 100vw);
        border:1px solid #fff;
        font-size:calc(18/390 * 100vw);
        vertical-align:middle
    }
}
.content .tableQualification td {
    padding:16px 20px;
    background:#eef2f5;
    border:2px solid #fff;
    font-size:1.8rem
}
@media(max-width: 767px) {
    .content .tableQualification td {
        padding:calc(15/390 * 100vw);
        border:1px solid #fff;
        font-size:calc(18/390 * 100vw)
    }
}
.content .tableQualification td+td {
    width:17%;
    padding:16px 25px;
    text-align:right
}
@media(max-width: 767px) {
    .content .tableQualification td+td {
        width:20%
    }
}
.content.type02 {
    padding:100px 0 100px
}
.content.type02.pb0 {
    padding:100px 0 0
}
@media(max-width: 767px) {
    .content.type02.pb0 {
        padding:calc(100/390 * 100vw) 0 0
    }
}
@media(max-width: 767px) {
    .content.type02 {
        padding:calc(100/390 * 100vw) 0 calc(110/390 * 100vw)
    }
}
.content.type02 h2 {
    margin:0 0 60px;
    transform:none
}
@media(max-width: 767px) {
    .content.type02 h2 {
        margin:0 0 calc(60/390 * 100vw)
    }
}
.content.type02+.type02 {
    padding:0 0 100px
}
@media(max-width: 767px) {
    .content.type02+.type02 {
        padding:0 0 calc(100/390 * 100vw)
    }
}
.content.type02+.type02:last-of-type {
    padding:0 0 120px
}
@media(max-width: 767px) {
    .content.type02+.type02:last-of-type {
        padding:0 0 calc(120/390 * 100vw)
    }
}
.content.news .container {
    max-width:1280px
}
.content.typeEnd {
    padding:0 0 120px;
    background:#eef2f5
}
@media(max-width: 767px) {
    .content.typeEnd {
        padding:0 0 calc(120/390 * 100vw)
    }
}
.content.typeEnd p {
    color:#182d5f;
    font-size:2rem
}
@media(max-width: 767px) {
    .content.typeEnd p {
        font-size:calc(20/390 * 100vw)
    }
}
.content.service {
    margin:130px 0 120px;
    padding:0
}
@media(max-width: 767px) {
    .content.service {
        margin:calc(130/390 * 100vw) 0 calc(120/390 * 100vw)
    }
}
.content.service+.service {
    margin:120px 0
}
@media(max-width: 767px) {
    .content.service+.service {
        margin:calc(120/390 * 100vw) 0
    }
}
.content.service .container {
    max-width:1280px
}
.content.service h2 {
    height:140px;
    margin:0;
    display:flex;
    align-items:center;
    position:relative;
    z-index:2;
    transform:none
}
@media(max-width: 767px) {
    .content.service h2 {
        height:calc(140/390 * 100vw)
    }
}
.content.service h2:before {
    height:140px;
    left:auto;
    right:calc(50% + 40px);
    transform:skew(-15deg);
    transform-origin:top right
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service h2:before {
        right:calc(50% - 80px)
    }
}
@media(max-width: 767px) {
    .content.service h2:before {
        right:calc(-15/390 * 100vw)
    }
}
.content.service h2:after {
    width:2px;
    height:154px;
    background:#31a2b2;
    content:"";
    display:block;
    position:absolute;
    top:-40px;
    right:calc(50% + 80px);
    transform:skew(-15deg);
    transform-origin:top right;
    z-index:2
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service h2:after {
        right:calc(50% - 40px)
    }
}
@media(max-width: 767px) {
    .content.service h2:after {
        width:calc(2/390 * 100vw);
        height:calc(154/390 * 100vw);
        top:calc(-40/390 * 100vw);
        right:0
    }
}
.content.service h2 img {
    margin-right:15px;
    flex-shrink:0
}
.content.service .row {
    margin-top:-70px;
    padding-top:70px;
    display:flex;
    justify-content:flex-end;
    gap:44px;
    position:relative
}
@media(max-width: 767px) {
    .content.service .row {
        margin-top:calc(-70/390 * 100vw);
        padding-top:calc(70/390 * 100vw);
        padding-bottom:calc(30/390 * 100vw);
        display:block
    }
}
.content.service .row .txt {
    padding:60px 0 0 111px;
    flex-grow:0;
    position:relative;
    z-index:1
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service .row .txt {
        padding:35px 15px 0 0
    }
}
@media(max-width: 767px) {
    .content.service .row .txt {
        width:100%;
        padding:calc(30/390 * 100vw) 0 0 0
    }
}
.content.service .row .img {
    width:31.25%;
    flex-shrink:0;
    position:relative;
    z-index:1
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service .row .img {
        padding-top:35px
    }
}
@media(max-width: 767px) {
    .content.service .row .img {
        width:100%
    }
}
.content.service .row:before {
    width:100vw;
    height:300px;
    background:#eef2f5;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    transform:skew(-15deg);
    transform-origin:bottom left;
    z-index:0
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service .row:before {
        height:100%;
        padding-bottom:40px;
        transform:none;
        left:-15px
    }
}
@media(max-width: 767px) {
    .content.service .row:before {
        height:100%;
        left:calc(-15/390 * 100vw);
        transform:none
    }
}
.content.service.typeR h2 {
    padding-left:80px;
    transform:translate(calc(50% + 40px), 0)
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service.typeR h2 {
        transform:translate(calc(50% - 80px), 0)
    }
    .content.service.typeR h2:after {
        right:calc(50% - 80px)
    }
}
@media(max-width: 767px) {
    .content.service.typeR h2 {
        padding-left:calc(60/390 * 100vw);
        transform:translate(calc(-15 / 390 * 100vw), 0)
    }
    .content.service.typeR h2:after {
        right:calc(-15/390 * 100vw)
    }
}
.content.service.typeR h2:before {
    left:0;
    right:auto;
    transform-origin:bottom right
}
.content.service.typeR .row {
    flex-direction:row-reverse
}
.content.service.typeR .row .txt {
    padding:60px 111px 0 0
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service.typeR .row .txt {
        padding:35px 0 0 15px
    }
}
@media(max-width: 767px) {
    .content.service.typeR .row .txt {
        width:100%;
        padding:calc(30/390 * 100vw) 0 0
    }
}
.content.service.typeR .row:before {
    left:auto;
    right:0;
    transform-origin:top right
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service.typeR .row:before {
        right:-15px
    }
}
@media(max-width: 767px) {
    .content.service.typeR .row:before {
        right:calc(-15/390 * 100vw)
    }
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service:nth-of-type(4) h2 {
        transform:translate(calc(50% - 200px), 0)
    }
    .content.service:nth-of-type(4) h2:after {
        right:calc(50% - 200px)
    }
}
.content.service:nth-of-type(4) .row {
    min-height:380px;
    padding-top:109px
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service:nth-of-type(4) .row {
        height:100%;
        padding-top:70px;
        display:block
    }
    .content.service:nth-of-type(4) .row .txt {
        padding:35px 0 0 0
    }
}
@media(max-width: 767px) {
    .content.service:nth-of-type(4) .row {
        min-height:auto;
        padding-top:calc(70/390 * 100vw)
    }
}
.content.service:nth-of-type(4) .row:before {
    height:380px
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service:nth-of-type(4) .row:before {
        height:100%
    }
}
@media(max-width: 767px) {
    .content.service:nth-of-type(4) .row:before {
        height:100%
    }
}
.content.service:nth-of-type(4) .row .img {
    width:49.219%
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content.service:nth-of-type(4) .row .img {
        width:100%;
        padding-top:15px;
        text-align:center
    }
}
@media(max-width: 767px) {
    .content.service:nth-of-type(4) .row .img {
        width:100%
    }
}
.caseTitleWrapper {
    margin-top:100px
}
@media(max-width: 767px) {
    .caseTitleWrapper {
        margin-top:60px
    }
}
.caseTitleWrapper .container {
    max-width:1280px;
    height:303px;
    padding-top:39px;
    position:relative
}
@media(max-width: 767px) {
    .caseTitleWrapper .container {
        height:auto;
        padding-top:calc(15/390 * 100vw);
        padding-bottom:calc(15/390 * 100vw)
    }
}
.caseTitleWrapper .container:before {
    width:100vw;
    min-height:303px;
    height:100%;
    background:#d8e3eb;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    transform:skew(-15deg);
    transform-origin:bottom left
}
@media(max-width: 767px) {
    .caseTitleWrapper .container:before {
        min-height:0
    }
}
.caseTitleWrapper .container:after {
    width:1px;
    height:227px;
    background:#182d5f;
    content:"";
    display:block;
    position:absolute;
    bottom:-40px;
    right:30px;
    transform:skew(-15deg)
}
@media(max-width: 767px) {
    .caseTitleWrapper .container:after {
        display:none
    }
}
.caseTitleWrapper .caseCategory {
    margin:0 0 35px 8px;
    padding:12px 60px 13px;
    color:#fff;
    font-size:2rem;
    font-weight:bold;
    line-height:1.45em;
    display:inline-block;
    position:relative;
    z-index:1
}
@media(max-width: 767px) {
    .caseTitleWrapper .caseCategory {
        margin:0 0 calc(10/390 * 100vw) calc(-8/390 * 100vw);
        padding:calc(12/390 * 100vw) calc(60/390 * 100vw) calc(13/390 * 100vw);
        font-size:calc(18/390 * 100vw)
    }
}
.caseTitleWrapper .caseCategory:before {
    width:1px;
    height:227px;
    background:#182d5f;
    content:"";
    display:block;
    position:absolute;
    top:-79px;
    left:-40px;
    transform:skew(-15deg)
}
@media(max-width: 767px) {
    .caseTitleWrapper .caseCategory:before {
        display:none
    }
}
.caseTitleWrapper .caseCategory:after {
    width:100%;
    height:100%;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    transform:skew(-15deg);
    z-index:-1
}
.caseTitleWrapper .caseCategory.cateBlue:after {
    background:#6f98bc
}
.caseTitleWrapper .caseCategory.catePurple:after {
    background:#8f82bc
}
.caseTitleWrapper .caseCategory.cateGreen:after {
    background:#598330
}
.caseTitleWrapper .caseCategory.cateYellow:after {
    background:#a79e58
}
.caseTitleWrapper .caseCategory.cateRed:after {
    background:#bc8294
}
.caseTitleWrapper .caseCategory.cateGradation:after {
    background:linear-gradient(90deg, #26BFB9 0%, #826EC9 100%)
}
.caseTitleWrapper .caseTitle {
    margin:0;
    padding-left:110px;
    color:#182d5f;
    font-size:3rem;
    font-weight:bold;
    line-height:1.5em;
    position:relative;
    z-index:1
}
@media(max-width: 767px) {
    .caseTitleWrapper .caseTitle {
        padding-left:calc(30/390 * 100vw);
        font-size:calc(30/390 * 100vw)
    }
}
.caseTitleWrapper .caseText {
    margin:40px 0 0;
    padding-left:110px;
    color:#21232c;
    font-size:2rem;
    line-height:1.5em;
    position:relative;
    z-index:1
}
@media(max-width: 767px) {
    .caseTitleWrapper .caseText {
        padding-left:calc(30/390 * 100vw);
        font-size:calc(20/390 * 100vw)
    }
}
.caseLead {
    margin:0 0 40px
}
@media(max-width: 767px) {
    .caseLead {
        margin:0 0 calc(40/390 * 100vw)
    }
}
.caseLead p {
    color:#182d5f;
    font-size:2rem;
    font-weight:bold
}
@media(max-width: 767px) {
    .caseLead p {
        font-size:calc(20/390 * 100vw)
    }
}
.caseDL:not(.type03) {
    margin:0 0 12px;
    padding:32px 0;
    background:#eef2f5;
    border-radius:10px;
    display:flex;
    align-items:center
}
@media(max-width: 767px) {
    .caseDL:not(.type03) {
        margin:0 0 calc(12/390 * 100vw);
        padding:calc(15/390 * 100vw);
        border-radius:calc(10/390 * 100vw);
        display:block
    }
}
.caseDL:not(.type03) dt {
    width:188px;
    margin:0;
    padding:0;
    flex-shrink:0;
    font-size:2.2rem;
    font-weight:bold;
    line-height:1.5em;
    text-align:center
}
@media(max-width: 767px) {
    .caseDL:not(.type03) dt {
        width:100%;
        font-size:calc(22/390 * 100vw)
    }
}
.caseDL:not(.type03) dd {
    margin:0;
    padding:0 50px 0 44px;
    flex-grow:1;
    position:relative
}
@media(max-width: 767px) {
    .caseDL:not(.type03) dd {
        margin:calc(15/390 * 100vw) 0 0;
        padding:calc(15/390 * 100vw) 0 0
    }
}
.caseDL:not(.type03) dd:before {
    width:1px;
    height:120%;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:-15px;
    transform:skew(-15deg) translate(0, -50%)
}
@media(max-width: 767px) {
    .caseDL:not(.type03) dd:before {
        width:100%;
        height:1px;
        top:0;
        left:50%;
        transform:translate(-50%, 0)
    }
}
.caseDL:not(.type03) ul {
    margin:0;
    padding:0;
    list-style:none
}
.caseDL:not(.type03) ul li {
    padding-left:35.44px;
    text-indent:-35.44px;
    font-size:1.8rem;
    font-weight:bold;
    line-height:1.55555em
}
@media(max-width: 767px) {
    .caseDL:not(.type03) ul li {
        padding-left:calc(35.44/390 * 100vw);
        text-indent:calc(-35.44/390 * 100vw);
        font-size:calc(18/390 * 100vw)
    }
}
.caseDL:not(.type03) ul li+li {
    margin-top:8px
}
@media(max-width: 767px) {
    .caseDL:not(.type03) ul li+li {
        margin-top:calc(8/390 * 100vw)
    }
}
.caseDL:not(.type03) svg {
    width:24.44px;
    height:21.97px;
    margin-right:11px;
    vertical-align:text-bottom
}
@media(max-width: 767px) {
    .caseDL:not(.type03) svg {
        width:calc(24.44/390 * 100vw);
        height:calc(21.97/390 * 100vw);
        margin-right:calc(11/390 * 100vw)
    }
}
.caseDL:not(.type03) .ico_svg_check {
    fill:#7a7a7a
}
.caseDL:not(.type03).type01 {
    color:#5f5f5f
}
.caseDL:not(.type03).type01 dd:before {
    background:#5f5f5f
}
.caseDL:not(.type03).type01 .ico_svg_check {
    fill:#21232c
}
.caseDL:not(.type03).type02 {
    color:#182d5f
}
.caseDL:not(.type03).type02 dd:before {
    background:#182d5f
}
.caseDL:not(.type03).type02 .ico_svg_check {
    fill:#182d5f
}
.caseDL:not(.type03).cateBlue {
    color:#6f98bc
}
.caseDL:not(.type03).cateBlue dd:before {
    background:#6f98bc
}
.caseDL:not(.type03).cateBlue .ico_svg_check {
    fill:#6f98bc
}
.caseDL:not(.type03).catePurple {
    color:#8f82bc
}
.caseDL:not(.type03).catePurple dd:before {
    background:#8f82bc
}
.caseDL:not(.type03).catePurple .ico_svg_check {
    fill:#8f82bc
}
.caseDL:not(.type03).cateGreen {
    color:#598330
}
.caseDL:not(.type03).cateGreen dd:before {
    background:#598330
}
.caseDL:not(.type03).cateGreen .ico_svg_check {
    fill:#598330
}
.caseDL:not(.type03).cateYellow {
    color:#a79e58
}
.caseDL:not(.type03).cateYellow dd:before {
    background:#a79e58
}
.caseDL:not(.type03).cateYellow .ico_svg_check {
    fill:#a79e58
}
.caseDL:not(.type03).cateRed {
    color:#bc8294
}
.caseDL:not(.type03).cateRed dd:before {
    background:#bc8294
}
.caseDL:not(.type03).cateRed .ico_svg_check {
    fill:#bc8294
}
.caseDL.type03 {
    margin:0 0 20px;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:12px 0
}
@media(max-width: 767px) {
    .caseDL.type03 {
        margin:0 0 calc(20/390 * 100vw);
        gap:calc(12/390 * 100vw) 0
    }
}
.caseDL.type03 dt {
    width:120px;
    margin:0;
    padding:0;
    font-size:1.8rem;
    line-height:1.77777em
}
@media(max-width: 767px) {
    .caseDL.type03 dt {
        width:calc(120/390 * 100vw);
        font-size:calc(18/390 * 100vw)
    }
}
.caseDL.type03 dd {
    width:calc(100% - 120px);
    margin:0;
    padding:0;
    font-size:1.8rem;
    line-height:1.77777em
}
@media(max-width: 767px) {
    .caseDL.type03 dd {
        width:calc(100% - 120/390 * 100vw);
        font-size:calc(18/390 * 100vw)
    }
}
.caseEnding hr {
    width:100%;
    height:1px;
    margin:80px 0;
    background:none;
    border:none;
    border-bottom:1px solid #182d5f
}
@media(max-width: 767px) {
    .caseEnding hr {
        margin:calc(80/390 * 100vw) 0
    }
}
.caseEnding p {
    color:#182d5f;
    font-size:2rem;
    font-weight:bold
}
@media(max-width: 767px) {
    .caseEnding p {
        font-size:calc(20/390 * 100vw)
    }
}
.bottomIndex {
    width:100%;
    max-width:1820px;
    margin:38px auto 50px;
    padding:68px 0 112px;
    background:#eef2f5;
    position:relative;
    z-index:1
}
@media(max-width: 767px) {
    .bottomIndex {
        margin:calc(38/390 * 100vw) auto calc(50/390 * 100vw);
        padding:calc(68/390 * 100vw) 0 calc(26/390 * 100vw)
    }
}
.bottomIndex:before {
    width:24.5px;
    height:76px;
    background:url("../images/top/bg_line.png") center center/cover no-repeat;
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%, -50%)
}
@media(max-width: 767px) {
    .bottomIndex:before {
        width:calc(24.5/390 * 100vw);
        height:calc(76/390 * 100vw)
    }
}
.bottomIndex .container {
    max-width:1280px
}
.bottomIndex h3 {
    margin:0 0 50px;
    color:#182d5f;
    font-size:2.6rem;
    font-weight:bold;
    line-height:1.46153em;
    text-align:center
}
@media(max-width: 767px) {
    .bottomIndex h3 {
        margin:0 0 calc(50/390 * 100vw);
        font-size:calc(26/390 * 100vw)
    }
}
.caseIndex .row {
    display:flex;
    justify-content:space-between;
    gap:40px
}
@media(min-width: 768px)and (max-width: 1024px) {
    .caseIndex .row {
        flex-wrap:wrap
    }
}
@media(max-width: 767px) {
    .caseIndex .row {
        display:block
    }
}
.caseIndex .col {
    width:290px
}
@media(min-width: 768px)and (max-width: 1024px) {
    .caseIndex .col {
        width:calc(50% - 20px)
    }
}
@media(max-width: 767px) {
    .caseIndex .col {
        width:100%
    }
    .caseIndex .col+.col {
        margin-top:calc(50/390 * 100vw)
    }
}
.caseIndex h4 {
    margin:0 0 30px 8px;
    padding:12px 60px 13px;
    color:#fff;
    font-size:2rem;
    font-weight:bold;
    line-height:1.45em;
    text-align:center;
    position:relative;
    z-index:1
}
@media(max-width: 767px) {
    .caseIndex h4 {
        margin:0 0 calc(30/390 * 100vw) 0;
        padding:calc(12/390 * 100vw) calc(60/390 * 100vw) calc(13/390 * 100vw);
        font-size:calc(20/390 * 100vw)
    }
}
.caseIndex h4:after {
    width:100%;
    height:100%;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    transform:skew(-15deg);
    z-index:-1
}
.caseIndex ul {
    margin:0;
    padding:0
}
.caseIndex li {
    margin:0 0 24px;
    padding:0 0 26px 36.44px;
    border-bottom:1px solid;
    color:#b7b6b6;
    font-size:1.8rem;
    font-weight:bold;
    line-height:1.55555em;
    list-style:none;
    text-indent:-36.44px
}
@media(max-width: 767px) {
    .caseIndex li {
        margin:0 0 calc(24/390 * 100vw);
        padding:0 0 calc(26/390 * 100vw) calc(36.44/390 * 100vw);
        font-size:calc(18/390 * 100vw);
        text-indent:calc(-36.44/390 * 100vw)
    }
}
.caseIndex li a.caseActive {
    color:#b7b6b6
}
.caseIndex svg {
    width:24.44px;
    height:21.97px;
    margin-right:12px;
    vertical-align:text-bottom
}
@media(max-width: 767px) {
    .caseIndex svg {
        width:calc(24.44/390 * 100vw);
        height:calc(21.97/390 * 100vw);
        margin-right:calc(12/390 * 100vw)
    }
}
.caseIndex .cateBlue h4:after {
    background:#6f98bc
}
.caseIndex .cateBlue li {
    border-color:#6f98bc
}
.caseIndex .cateBlue .ico_svg_check {
    fill:#6f98bc
}
.caseIndex .catePurple h4:after {
    background:#8f82bc
}
.caseIndex .catePurple li {
    border-color:#8f82bc
}
.caseIndex .catePurple .ico_svg_check {
    fill:#8f82bc
}
.caseIndex .cateGreen h4:after {
    background:#598330
}
.caseIndex .cateGreen li {
    border-color:#598330
}
.caseIndex .cateGreen .ico_svg_check {
    fill:#598330
}
.caseIndex .cateYellow h4:after {
    background:#a79e58
}
.caseIndex .cateYellow li {
    border-color:#a79e58
}
.caseIndex .cateYellow .ico_svg_check {
    fill:#a79e58
}
.caseIndex .cateRed h4:after {
    background:#bc8294
}
.caseIndex .cateRed li {
    border-color:#bc8294
}
.caseIndex .cateRed .ico_svg_check {
    fill:#bc8294
}
.topCaseIndex {
    padding:100px 0 96px
}
.topCaseIndex .container {
    max-width:1440px
}
.topCaseIndex h2 {
    margin:0 0 40px;
    color:#182d5f;
    font-size:3rem;
    font-weight:bold;
    line-height:1.5em;
    text-align:center
}
@media(max-width: 767px) {
    .topCaseIndex h2 {
        margin:0 0 calc(40/390 * 100vw);
        font-size:calc(30/390 * 100vw)
    }
}
.topCaseIndex p {
    margin:0 0 80px;
    color:#182d5f;
    font-size:2rem;
    line-height:1.9em;
    text-align:center
}
@media(max-width: 767px) {
    .topCaseIndex p {
        margin:0 0 calc(80/390 * 100vw);
        font-size:calc(20/390 * 100vw)
    }
}
.defs {
    display:none
}
span.newmark {
    display:inline;
    background:#182d5f;
    font-size:75%;
    color:#fff;
    padding:0 .5em .1em .5em;
    margin-left:1em
}
.newsContainer {
    background:#eef2f5;
    padding:0 60px
}
@media(max-width: 767px) {
    .newsContainer {
        padding:0 calc(15/390 * 100vw)
    }
}
.newsContainer:not(:first-of-type) {
    margin-top:40px
}
@media(max-width: 767px) {
    .newsContainer:not(:first-of-type) {
        margin-top:calc(30/390 * 100vw)
    }
}
.newsContainer.-isClose .newsHead .newsBtn div:nth-child(2) {
    transform:translate(-50%, -50%) rotate(90deg);
    opacity:1
}
.newsContainer .newsHead {
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:40px 0
}
@media(max-width: 767px) {
    .newsContainer .newsHead {
        padding:calc(30/390 * 100vw) 0
    }
}
.newsContainer .newsHead .newsYear {
    font-size:2.6rem;
    line-height:1.423em;
    font-weight:bold;
    color:#182d5f
}
@media(max-width: 767px) {
    .newsContainer .newsHead .newsYear {
        font-size:calc(26/390 * 100vw)
    }
}
.newsContainer .newsHead .newsBtn {
    width:32px;
    height:32px;
    border:1px solid #182d5f;
    position:relative;
    cursor:pointer;
    transition:all .2s ease-out 0s
}
.newsContainer .newsHead .newsBtn:hover {
    border-color:#31a2b2
}
.newsContainer .newsHead .newsBtn:hover div {
    background:#31a2b2
}
@media(max-width: 767px) {
    .newsContainer .newsHead .newsBtn {
        width:calc(30/390 * 100vw);
        height:calc(30/390 * 100vw)
    }
}
.newsContainer .newsHead .newsBtn div {
    width:calc(100% - 10px);
    height:2px;
    position:absolute;
    background:#182d5f;
    transition:all .2s ease-out 0s
}
@media(max-width: 767px) {
    .newsContainer .newsHead .newsBtn div {
        height:calc(2/390 * 100vw)
    }
}
.newsContainer .newsHead .newsBtn div:nth-child(1) {
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.newsContainer .newsHead .newsBtn div:nth-child(2) {
    opacity:0;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.newsContainer .newsList {
    padding:5px 0 60px;
    border-top:1px solid #182d5f;
    margin-top:0
}
@media(max-width: 767px) {
    .newsContainer .newsList {
        padding:calc(5/390 * 100vw) 0 calc(40/390 * 100vw)
    }
}
.newsContainer .newsList .newsListItem {
    padding:15px 0 16px;
    border-bottom:1px dashed #b7b6b6;
    list-style:none;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    align-items:flex-start
}
@media(max-width: 767px) {
    .newsContainer .newsList .newsListItem {
        flex-wrap:wrap;
        padding:calc(15/390 * 100vw) 0 calc(16/390 * 100vw)
    }
}
.newsContainer .newsList .newsListItem .newsDate {
    font-size:1.8rem;
    line-height:1.4444em;
    color:#182d5f;
    margin-right:14px;
    flex-shrink:0
}
@media(max-width: 767px) {
    .newsContainer .newsList .newsListItem .newsDate {
        font-size:calc(18/390 * 100vw)
    }
}
.newsContainer .newsList .newsListItem .newsCategory {
    flex-shrink:0;
    background:#31a2b2;
    width:124px;
    padding:1px 5px;
    color:#fff;
    font-weight:bold;
    font-size:1.4rem;
    line-height:1.4285em;
    text-align:center;
    margin-top:2px;
    margin-right:15px
}
@media(max-width: 767px) {
    .newsContainer .newsList .newsListItem .newsCategory {
        margin-right:0;
        margin-top:calc(2/390 * 100vw);
        width:calc(124/390 * 100vw);
        padding:calc(1/390 * 100vw) calc(5/390 * 100vw);
        font-size:calc(14/390 * 100vw)
    }
}
.newsContainer .newsList .newsListItem .newsTitle {
    flex-shrink:1
}
@media(max-width: 767px) {
    .newsContainer .newsList .newsListItem .newsTitle {
        width:100%;
        margin-top:calc(5/390 * 100vw)
    }
}
.newsContainer .newsList .newsListItem .newsTitle a {
    font-size:1.8rem;
    line-height:1.4444em;
    color:#182d5f
}
@media(max-width: 767px) {
    .newsContainer .newsList .newsListItem .newsTitle a {
        font-size:calc(18/390 * 100vw)
    }
}
.newsContainer .newsList .newsListItem .newsTitle a:hover {
    color:#31a2b2
}
.newsContainer .newsList .newsListItem .newsTitle a.noLink {
    color:#21232c;
    pointer-events:none
}
.newsContainer .newsList .newsListItem .newsTitle a.iconBlank {
    margin-right:0
}
.newsContainer .newsList .newsListItem .newsTitle a.iconBlank::after {
    background-image:url("../images/icon_blank_on.png")
}
.newsContainer .newsList .newsListItem .newsTitle a.iconBlank:hover::after {
    background-image:url("../images/icon_blank.png")
}
.content .newsContent {
    background:#eef2f5;
    padding:50px 70px 100px
}
@media(max-width: 767px) {
    .content .newsContent {
        padding:calc(30/390 * 100vw) calc(15/390 * 100vw) calc(50/390 * 100vw)
    }
}
.content .newsContent>*:last-child {
    margin-bottom:0
}
.content .newsContent .newsHead {
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:40px
}
.content .newsContent .newsHead .newsCategory {
    background:#31a2b2;
    width:147px;
    padding:1px 5px;
    color:#fff;
    font-weight:bold;
    font-size:1.6rem;
    line-height:1.5em;
    text-align:center
}
@media(max-width: 767px) {
    .content .newsContent .newsHead .newsCategory {
        width:calc(147/390 * 100vw);
        padding:calc(1/390 * 100vw) calc(5/390 * 100vw);
        font-size:calc(16/390 * 100vw)
    }
}
.content .newsContent .newsHead .newsDate {
    font-size:1.8rem;
    line-height:1.4444em;
    color:#182d5f
}
@media(max-width: 767px) {
    .content .newsContent .newsHead .newsDate {
        font-size:calc(18/390 * 100vw)
    }
}
.content .newsContent h1 {
    color:#182d5f;
    font-size:3rem;
    line-height:1.4666em;
    margin-bottom:50px;
    font-weight:bold
}
@media(max-width: 767px) {
    .content .newsContent h1 {
        font-size:calc(30/390 * 100vw);
        margin-bottom:calc(50/390 * 100vw)
    }
}
.content .newsContent h2 {
    margin:0 0 20px;
    color:#182d5f;
    font-size:2rem;
    font-weight:bold;
    line-height:1.45em;
    padding:0 0 6px;
    border-bottom:1px solid rgba(24,45,95,.4)
}
@media(max-width: 767px) {
    .content .newsContent h2 {
        margin:0 0 calc(20/390 * 100vw);
        font-size:calc(20/390 * 100vw);
        padding:0 0 calc(6/390 * 100vw)
    }
}
.content .newsContent h2::before {
    display:none
}
.content .newsContent .newsImg {
    margin-bottom:40px
}
@media(max-width: 767px) {
    .content .newsContent .newsImg {
        margin-bottom:calc(40/390 * 100vw)
    }
}
.content .newsContent .newsImg02 {
    display:block;
    width:80%;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:40px
}
@media(max-width: 767px) {
    .content .newsContent .newsImg02 {
        width:100%
    }
}
.content .newsContent .newsImg02 img {
    width:100%
}
.content .newsContent p {
    margin:0 0 40px
}
@media(max-width: 767px) {
    .content .newsContent p {
        margin:0 0 calc(40/390 * 100vw)
    }
}
.content .newsContent dl {
    display:flex;
    flex-wrap:wrap
}
.content .newsContent dt {
    width:140px;
    margin:0;
    padding:0;
    font-size:1.8rem;
    line-height:1.77777em
}
@media(max-width: 767px) {
    .content .newsContent dt {
        width:100%;
        font-size:calc(18/390 * 100vw)
    }
}
.content .newsContent dd {
    width:calc(100% - 140px);
    margin:0;
    padding:0;
    font-size:1.8rem;
    line-height:1.77777em
}
@media(max-width: 767px) {
    .content .newsContent dd {
        width:100%;
        font-size:calc(18/390 * 100vw)
    }
}
.content .newsContent table {
    border-collapse:collapse;
    width:100%;
    margin:0 0 40px
}
@media(max-width: 767px) {
    .content .newsContent table {
        margin:0 0 40px
    }
}
.content .newsContent table td,.content .newsContent table th {
    border:1px solid #707070;
    font-size:1.6rem;
    line-height:1.75em;
    padding:13px 20px
}
@media(max-width: 767px) {
    .content .newsContent table td,.content .newsContent table th {
        font-size:calc(16/390 * 100vw);
        padding:calc(13/390 * 100vw) calc(15/390 * 100vw)
    }
}
.content .newsContent table th {
    width:21%;
    background:#dce2ef;
    text-align:left;
    vertical-align:top;
    font-weight:normal
}
.content .newsContent table th.min {
    width:11.9%
}
.content .newsContent table td ul {
    margin-left:-24px
}
.content .newsContent hr {
    margin:60px 0 20px;
    background:#182d5f
}
@media(max-width: 767px) {
    .content .newsContent hr {
        margin:calc(60/390 * 100vw) 0 calc(20/390 * 100vw)
    }
}
.content .newsContent .iconBlank {
    margin-right:0
}
.content .newsContent .iconBlank::after {
    margin-left:6px
}
.content .pageContent p {
    font-size:1.6rem;
    line-height:1.75em;
    margin:0 0 40px
}
@media(max-width: 767px) {
    .content .pageContent p {
        font-size:calc(16/390 * 100vw);
        margin:0 0 calc(40/390 * 100vw)
    }
}
.content .pageContent ol {
    padding-left:0;
    margin:0 0 40px
}
@media(max-width: 767px) {
    .content .pageContent ol {
        margin:0 0 calc(40/390 * 100vw);
        padding-left:1em
    }
}
.content .pageContent ol li {
    font-size:1.6rem;
    line-height:1.75em;
    margin-left:1.2em
}
@media(max-width: 767px) {
    .content .pageContent ol li {
        font-size:calc(16/390 * 100vw);
        margin-left:calc(12/390 * 100vw)
    }
}
.content .pageContent ol li .indent {
    display:inline-block;
    margin-left:.8em
}
.content .pageContent ol ol li {
    list-style:none;
    counter-increment:cnt;
    margin-left:2.6em;
    text-indent:-2.6em
}
@media(max-width: 767px) {
    .content .pageContent ol ol li {
        padding-left:0;
        margin-left:calc(26/390 * 100vw);
        text-indent:calc(-42/390 * 100vw)
    }
}
.content .pageContent ol ol li::before {
    content:"（" counter(cnt) "）"
}
.content .pageContent ul {
    padding-left:.3em;
    margin:0 0 40px
}
@media(max-width: 767px) {
    .content .pageContent ul {
        margin:0 0 calc(40/390 * 100vw);
        padding-left:1.3em
    }
}
.content .pageContent ul li {
    font-size:1.6rem;
    line-height:1.75em;
    margin-left:1.2em
}
@media(max-width: 767px) {
    .content .pageContent ul li {
        font-size:calc(16/390 * 100vw);
        margin-left:calc(12/390 * 100vw)
    }
}
.content .pageContent table {
    border-collapse:collapse;
    width:100%;
    margin:0 0 40px
}
@media(max-width: 767px) {
    .content .pageContent table {
        margin:0 0 40px
    }
}
.content .pageContent table td,.content .pageContent table th {
    border:1px solid #707070;
    font-size:1.6rem;
    line-height:1.75em;
    padding:13px 20px
}
@media(max-width: 767px) {
    .content .pageContent table td,.content .pageContent table th {
        font-size:calc(16/390 * 100vw);
        padding:calc(13/390 * 100vw) calc(15/390 * 100vw);
        display:block
    }
}
.content .pageContent table th {
    width:21%;
    background:#eef2f5;
    text-align:left;
    vertical-align:top;
    font-weight:normal
}
.content .pageContent table th.min {
    width:11.9%
}
@media(max-width: 767px) {
    .content .pageContent table th.min {
        width:100%
    }
}
@media(max-width: 767px) {
    .content .pageContent table th {
        width:100%
    }
}
.content .pageContent h2 {
    margin:0 0 15px;
    color:#182d5f;
    font-size:1.8rem;
    font-weight:bold;
    line-height:1.444em;
    padding:0 0 7px;
    border-bottom:1px solid rgba(24,45,95,.4)
}
@media(max-width: 767px) {
    .content .pageContent h2 {
        margin:0 0 calc(15/390 * 100vw);
        font-size:calc(18/390 * 100vw);
        padding:0 0 calc(7/390 * 100vw)
    }
}
.content .pageContent h2::before {
    display:none
}
.content .pageContent .grayBox {
    margin:20px 0;
    padding:20px;
    background:#eef2f5
}
@media(max-width: 767px) {
    .content .pageContent .grayBox {
        padding:calc(20/390 * 100vw) calc(15/390 * 100vw)
    }
}
.content .pageContent .grayBox>*:last-child {
    margin-bottom:0
}
.content .pageContent .grayBox.type02 {
    padding:40px
}
@media(max-width: 767px) {
    .content .pageContent .grayBox.type02 {
        padding:calc(40/390 * 100vw) calc(15/390 * 100vw)
    }
}
.content .pageContent .grayBox.indent {
    margin-left:22px
}
@media(max-width: 767px) {
    .content .pageContent .grayBox.indent {
        margin-left:0
    }
}
.content .pageContent .iconBlank::after {
    margin-left:6px;
    width:18px;
    height:18px
}
@media(max-width: 767px) {
    .content .pageContent .iconBlank::after {
        margin-left:calc(6/390 * 100vw);
        width:calc(18/390 * 100vw);
        height:calc(18/390 * 100vw)
    }
}
.content .pageContent .leadTxt {
    font-size:2rem;
    line-height:1.9em;
    font-weight:bold;
    color:#182d5f
}
@media(max-width: 767px) {
    .content .pageContent .leadTxt {
        font-size:calc(20/390 * 100vw)
    }
}
.content .pageContent .indentLevel1 {
    margin-left:42px
}
@media(max-width: 767px) {
    .content .pageContent .indentLevel1 {
        margin-left:calc(10/390 * 100vw)
    }
}
.content .pageContent .indentLevel2 {
    margin-left:74px
}
@media(max-width: 767px) {
    .content .pageContent .indentLevel2 {
        margin-left:calc(20/390 * 100vw)
    }
}
.recruitTopContainer {
    position:relative;
    z-index:0;
    margin:100px 0 160px
}
@media(max-width: 767px) {
    .recruitTopContainer {
        margin:calc(50/390 * 100vw) 0 calc(80/390 * 100vw)
    }
}
.recruitTopContainer::after {
    content:"";
    background:#eef2f5;
    z-index:-2;
    width:100vw;
    height:100%;
    display:block;
    top:0;
    left:0;
    position:absolute
}
.recruitTopContainer .container {
    position:relative;
    height:100%;
    padding:0 20px;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    max-width:1680px;
    justify-content:space-between
}
@media(max-width: 767px) {
    .recruitTopContainer .container {
        flex-direction:column;
        padding:0 calc(60/390 * 100vw)
    }
}
.recruitTopContainer .container::before {
    content:"";
    background:#fff;
    z-index:-1;
    width:1720px;
    height:100%;
    position:absolute;
    top:0;
    left:50%;
    transform:skew(-15deg) translate(-50%, 0);
    display:block
}
.recruitTopContainer .container .recruitLink {
    width:calc((100% - 120px)/4);
    padding:144px 20px 150px 44px;
    position:relative;
    display:block
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink {
        padding:calc(144/390 * 100vw) calc(20/390 * 100vw) calc(150/390 * 100vw) calc(30/390 * 100vw);
        width:100%
    }
    .recruitTopContainer .container .recruitLink:not(:first-of-type) {
        margin-top:calc(80/390 * 100vw)
    }
}
.recruitTopContainer .container .recruitLink::before {
    content:"";
    position:absolute;
    transform:skew(-15deg);
    z-index:-1;
    width:100%;
    height:100%;
    display:block;
    top:0;
    left:0;
    opacity:0;
    transition:all .2s ease-out 0s;
    mix-blend-mode:multiply
}
.recruitTopContainer .container .recruitLink::after {
    content:"";
    position:absolute;
    transform:skew(-15deg);
    z-index:-2;
    width:100%;
    height:100%;
    display:block;
    top:0;
    left:0
}
.recruitTopContainer .container .recruitLink.newGraduate::before,.recruitTopContainer .container .recruitLink.newGraduate::after {
    background:linear-gradient(180deg, #39B9A9 0%, #B3D150 100%)
}
.recruitTopContainer .container .recruitLink.career::before,.recruitTopContainer .container .recruitLink.career::after {
    background:linear-gradient(0deg, #26BFB9 0%, #826EC9 100%)
}
.recruitTopContainer .container .recruitLink.potential::before,.recruitTopContainer .container .recruitLink.potential::after {
    background:linear-gradient(0deg, #48c6ef 0%, #5b75d0 100%)
}
.recruitTopContainer .container .recruitLink.referral::before,.recruitTopContainer .container .recruitLink.referral::after {
    background:linear-gradient(0deg, #DBC446 0%, #D073EB 100%)
}
.recruitTopContainer .container .recruitLink.referral .txtJp {
    transform:translateY(-14px)
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink.referral .txtJp {
        transform:translateY(calc(-14 / 390 * 100vw))
    }
}
.recruitTopContainer .container .recruitLink.referral .txtJp.iconBlank::after {
    background:url(../images/icon_blank_white.png) left top/cover no-repeat;
    width:22.24px;
    height:22.24px
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink.referral .txtJp.iconBlank::after {
        width:calc(20/390 * 100vw);
        height:calc(20/390 * 100vw)
    }
}
.recruitTopContainer .container .recruitLink:hover.newGraduate::before {
    opacity:.3
}
.recruitTopContainer .container .recruitLink:hover.career::before {
    opacity:.3
}
.recruitTopContainer .container .recruitLink:hover.potential::before {
    opacity:.3
}
.recruitTopContainer .container .recruitLink:hover.referral::before {
    opacity:.3
}
.recruitTopContainer .container .recruitLink .txtJp {
    font-size:3rem;
    line-height:1.466em;
    color:#fff;
    font-weight:bold;
    display:inline-block
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink .txtJp {
        font-size:calc(28/390 * 100vw);
        white-space:nowrap
    }
}
.recruitTopContainer .container .recruitLink .txtEn {
    position:absolute;
    bottom:39px;
    left:10px;
    font-size:3.4rem;
    line-height:1.237em;
    font-family:"Montserrat",sans-serif;
    color:rgba(24,45,95,.22);
    display:block;
    width:97%
}
@media(min-width: 768px)and (max-width: 1024px) {
    .recruitTopContainer .container .recruitLink .txtEn {
        font-size:2.5rem
    }
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink .txtEn {
        font-size:calc(35/390 * 100vw);
        left:calc(10/390 * 100vw);
        bottom:calc(39/390 * 100vw)
    }
}
.recruitTopContainer .container .recruitLink .txtEn::after {
    content:"";
    height:20px;
    width:100%;
    background:rgba(0,0,0,0);
    left:-7px;
    bottom:9px;
    display:block;
    position:absolute;
    border-bottom:1px solid #182d5f;
    border-right:1px solid #182d5f;
    transform:skewX(45deg)
}
@media(min-width: 768px)and (max-width: 1024px) {
    .recruitTopContainer .container .recruitLink .txtEn::after {
        width:90%;
        bottom:7px
    }
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink .txtEn::after {
        height:calc(20/390 * 100vw);
        left:calc(-7/390 * 100vw);
        bottom:calc(9/390 * 100vw)
    }
}
.recruitTopContainer .container .recruitLink .txt {
    margin-top:4px;
    font-size:1.6rem;
    line-height:1.5em;
    color:#fff;
    display:block;
    margin-left:-8px;
    font-weight:bold
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink .txt {
        margin-top:calc(3/390 * 100vw);
        font-size:calc(14/390 * 100vw);
        margin-left:calc(-8/390 * 100vw);
        position:absolute;
        top:calc(183/390 * 100vw);
        left:calc(29/390 * 100vw);
        width:80%
    }
}
.recruitTopContainer .container .recruitLink .bar {
    position:absolute;
    top:0;
    left:80px;
    width:24.48px;
    height:76px;
    display:block
}
@media(max-width: 767px) {
    .recruitTopContainer .container .recruitLink .bar {
        left:calc(80/390 * 100vw);
        width:calc(24.48/390 * 100vw);
        height:calc(76/390 * 100vw)
    }
}
.recruitTopContainer .container .recruitLink .bar::after {
    content:"";
    width:100%;
    height:100%;
    background:url("../images/recruit/bg_line.png") center center/cover no-repeat;
    display:block;
    position:absolute;
    transform:translateY(-50%)
}
.content .recruitH1Area {
    margin:0 0 60px;
    transform:none;
    position:relative;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:44px 0 52px
}
@media(max-width: 767px) {
    .content .recruitH1Area {
        margin:0 0 calc(60/390 * 100vw);
        padding:calc(44/390 * 100vw) 0 calc(52/390 * 100vw)
    }
}
.content .recruitH1Area.career::before {
    background:linear-gradient(90deg, #826EC9 0%, #826EC9 65%, #26BFB9 100%)
}
.content .recruitH1Area.potential::before {
    background:linear-gradient(90deg, #5b75d0 0%, #5b75d0 65%, #48c6ef 100%)
}
.content .recruitH1Area::before {
    width:100vw;
    height:100%;
    background:linear-gradient(90deg, #39B9A9 0%, #39B9A9 65%, #B3D150 100%);
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:540px;
    transform:skew(-15deg) translate(-100%, 0);
    z-index:-1
}
@media(max-width: 767px) {
    .content .recruitH1Area::before {
        left:0;
        transform:skew(-15deg) translate(-12.8205128205vw, 0);
        background:linear-gradient(90deg, #39B9A9 0%, #B3D150 100%)
    }
}
.content .recruitH1Area::after {
    content:"";
    position:absolute;
    top:0;
    left:513px;
    width:24.48px;
    height:76px;
    display:block;
    background:url(../images/recruit/bg_line.png) center center/cover no-repeat;
    display:block;
    position:absolute;
    transform:translateY(-50%)
}
@media(max-width: 767px) {
    .content .recruitH1Area::after {
        left:auto;
        width:calc(24.48/390 * 100vw);
        height:calc(76/390 * 100vw);
        right:calc(20/390 * 100vw)
    }
}
.content .recruitH1Area h1.txtJp {
    margin:0;
    font-size:3rem;
    line-height:1.466em;
    position:relative;
    color:#fff;
    width:506px;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media(max-width: 767px) {
    .content .recruitH1Area h1.txtJp {
        font-size:calc(30/390 * 100vw);
        width:100%
    }
}
.content .recruitH1Area h1.txtJp::after {
    content:attr(data-txten);
    font-size:2.6rem;
    line-height:1.6em;
    font-family:"Montserrat",sans-serif;
    color:#182d5f;
    opacity:.22;
    font-weight:normal;
    white-space:nowrap
}
@media(max-width: 767px) {
    .content .recruitH1Area h1.txtJp::after {
        position:absolute;
        font-size:calc(26/390 * 100vw);
        left:auto !important;
        right:calc(50/390 * 100vw);
        top:100%
    }
}
.content .recruitContact {
    max-width:781px;
    margin:0 auto;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between
}
@media(max-width: 767px) {
    .content .recruitContact {
        flex-direction:column
    }
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content .recruitContactItem {
        width:50%
    }
}
@media(max-width: 767px) {
    .content .recruitContactItem {
        width:100%
    }
    .content .recruitContactItem:not(:first-of-type) {
        margin-top:calc(40/390 * 100vw)
    }
}
.content .recruitContactImg {
    height:35.53px;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:13px
}
.content .recruitContactTxt {
    font-size:1.6rem;
    line-height:1.5em;
    font-weight:bold;
    text-align:center;
    display:block;
    margin-bottom:17px
}
@media(max-width: 767px) {
    .content .recruitContactTxt {
        font-size:calc(16/390 * 100vw);
        margin-bottom:calc(17/390 * 100vw)
    }
}
.content .recruitContactAddress {
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:3rem;
    line-height:1.233em;
    display:block;
    text-align:center;
    color:#31a2b2
}
@media(max-width: 767px) {
    .content .recruitContactAddress {
        font-size:calc(30/390 * 100vw)
    }
}
.content .recruitContactAddress a:hover {
    color:#31a2b2
}
.content .recruitEntry {
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    max-width:956px;
    margin:0 auto;
    justify-content:center
}
@media(max-width: 767px) {
    .content .recruitEntry {
        flex-direction:column;
        align-items:center
    }
}
.content .recruitEntry .moreBtn {
    width:calc((100% - 70px)/2)
}
.content .recruitEntry .moreBtn:not(:first-of-type) {
    margin-left:70px
}
@media(min-width: 768px)and (max-width: 1024px) {
    .content .recruitEntry .moreBtn a {
        font-size:1.7rem
    }
}
@media(max-width: 767px) {
    .content .recruitEntry .moreBtn {
        width:100%
    }
    .content .recruitEntry .moreBtn:not(:first-of-type) {
        margin-left:0;
        margin-top:calc(30/390 * 100vw)
    }
}
.moreBtn {
    margin:0 auto
}
.moreBtn a {
    width:280px;
    height:46px;
    background:linear-gradient(to right, #31A2B2 0%, #31A2B2 100%);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:1;
    transition:all .2s ease-out 0s
}
@media(max-width: 767px) {
    .moreBtn a {
        width:calc(280/390 * 100vw);
        height:calc(46/390 * 100vw);
        font-size:calc(16/390 * 100vw);
        margin:0 auto
    }
}
.moreBtn a:before {
    width:30px;
    height:1px;
    background:#31a2b2;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    z-index:2;
    transform:translate(-100%, -50%)
}
@media(max-width: 767px) {
    .moreBtn a:before {
        width:calc(30/390 * 100vw);
        height:calc(1/390 * 100vw)
    }
}
.moreBtn a:after {
    width:30px;
    height:1px;
    background:#fff;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    z-index:2;
    transform:translate(0, -50%)
}
@media(max-width: 767px) {
    .moreBtn a:after {
        width:calc(30/390 * 100vw);
        height:calc(1/390 * 100vw)
    }
}
.moreBtn a:hover {
    background:linear-gradient(to right, #31A2B2 0%, #ADC65D 100%)
}
.moreBtn.type02 a {
    width:428px;
    background:linear-gradient(to right, #31A2B2 0%, #31A2B2 100%);
    color:#fff;
    font-size:2rem;
    line-height:1.5em;
    font-weight:bold;
    text-align:center;
    position:relative;
    z-index:1;
    transition:all .2s ease-out 0s;
    padding:13.5px 50px;
    display:block;
    max-width:100%;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    min-height:88px
}
@media(max-width: 767px) {
    .moreBtn.type02 a {
        width:calc(340/390 * 100vw);
        font-size:calc(18/390 * 100vw);
        padding:calc(13/390 * 100vw) calc(30/390 * 100vw);
        margin:0 auto;
        min-height:calc(80/390 * 100vw)
    }
}
.moreBtn.type02 a .fontSmall {
    font-size:1.8rem;
    display:inline-block
}
@media(max-width: 767px) {
    .moreBtn.type02 a .fontSmall {
        font-size:calc(16/390 * 100vw)
    }
}
.moreBtn.type02 a .iconBlank {
    position:absolute;
    top:50%;
    right:21.6px;
    transform:translateY(-50%)
}
@media(max-width: 767px) {
    .moreBtn.type02 a .iconBlank {
        right:calc(12/390 * 100vw)
    }
}
.moreBtn.type02 a .iconBlank::after {
    background:url(../images/icon_blank_white.png) left top/cover no-repeat;
    width:22.24px;
    height:22.24px
}
@media(max-width: 767px) {
    .moreBtn.type02 a .iconBlank::after {
        width:calc(20/390 * 100vw);
        height:calc(20/390 * 100vw)
    }
}
.moreBtn.type02 a:before {
    width:50px;
    height:1px;
    background:#31a2b2;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    z-index:2;
    transform:translate(-100%, -50%)
}
@media(max-width: 767px) {
    .moreBtn.type02 a:before {
        width:calc(30/390 * 100vw);
        height:calc(1/390 * 100vw)
    }
}
.moreBtn.type02 a:after {
    width:50px;
    height:1px;
    background:#fff;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    z-index:2;
    transform:translate(0, -50%)
}
@media(max-width: 767px) {
    .moreBtn.type02 a:after {
        width:calc(30/390 * 100vw);
        height:calc(1/390 * 100vw)
    }
}
.moreBtn.type02 a:hover {
    background:linear-gradient(to right, #31A2B2 0%, #ADC65D 100%)
}
.moreBtn.newgraduate a:hover {
    background:linear-gradient(180deg, #39B9A9 0%, #B3D150 100%)
}
.moreBtn.career a:hover {
    background:linear-gradient(180deg, #826EC9 0%, #26BFB9 100%)
}
.moreBtn.potential a:hover {
    background:linear-gradient(180deg, #5b75d0 0%, #48c6ef 100%)
}
.recruitLinkArea .container {
    max-width:1820px;
    margin:0 auto;
    background:#eef2f5;
    padding:68px 20px 100px;
    position:relative
}
@media(max-width: 767px) {
    .recruitLinkArea .container {
        padding:calc(60/390 * 100vw) calc(60/390 * 100vw) calc(100/390 * 100vw)
    }
}
.recruitLinkArea .container::before {
    width:24.5px;
    height:76px;
    background:url(../images/top/bg_line.png) center center/cover no-repeat;
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%, -50%)
}
.recruitLinkArea h2 {
    text-align:center;
    font-weight:bold;
    margin:0 0 65px;
    font-weight:bold;
    color:#182d5f;
    font-size:2.6rem;
    line-height:1.423em
}
@media(max-width: 767px) {
    .recruitLinkArea h2 {
        font-size:calc(26/390 * 100vw);
        margin:0 0 calc(50/390 * 100vw)
    }
}
.recruitLinkArea .recruitLinkList {
    max-width:1080px;
    margin:0 auto;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLinkList {
        flex-direction:column
    }
}
.recruitLinkArea .recruitLink2 {
    width:calc((100% - 90px)/3);
    padding:87px 10px 101px 37px;
    position:relative;
    display:block
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2 {
        padding:calc(87/390 * 100vw) calc(10/390 * 100vw) calc(101/390 * 100vw) calc(37/390 * 100vw);
        width:100%
    }
    .recruitLinkArea .recruitLink2:not(:first-of-type) {
        margin-top:calc(60/390 * 100vw)
    }
}
.recruitLinkArea .recruitLink2::before {
    content:"";
    position:absolute;
    transform:skew(-15deg);
    z-index:-1;
    width:100%;
    height:100%;
    display:block;
    top:0;
    left:0;
    opacity:0;
    transition:all .2s ease-out 0s;
    mix-blend-mode:multiply
}
.recruitLinkArea .recruitLink2::after {
    content:"";
    position:absolute;
    transform:skew(-15deg);
    z-index:-2;
    width:100%;
    height:100%;
    display:block;
    top:0;
    left:0
}
.recruitLinkArea .recruitLink2.newGraduate::before,.recruitLinkArea .recruitLink2.newGraduate::after {
    background:linear-gradient(180deg, #39B9A9 0%, #B3D150 100%)
}
.recruitLinkArea .recruitLink2.career::before,.recruitLinkArea .recruitLink2.career::after {
    background:linear-gradient(0deg, #26BFB9 0%, #826EC9 100%)
}
.recruitLinkArea .recruitLink2.potential::before,.recruitLinkArea .recruitLink2.potential::after {
    background:linear-gradient(0deg, #48c6ef 0%, #5b75d0 100%)
}
.recruitLinkArea .recruitLink2.referral::before,.recruitLinkArea .recruitLink2.referral::after {
    background:linear-gradient(0deg, #DBC446 0%, #D073EB 100%)
}
.recruitLinkArea .recruitLink2.referral .txtJp {
    transform:translateY(-14px)
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2.referral .txtJp {
        transform:translateY(calc(-14 / 390 * 100vw))
    }
}
.recruitLinkArea .recruitLink2.active {
    pointer-events:none
}
.recruitLinkArea .recruitLink2.active::before,.recruitLinkArea .recruitLink2.active::after {
    background:#d0d0d0 !important
}
.recruitLinkArea .recruitLink2:hover.newGraduate::before {
    opacity:.3
}
.recruitLinkArea .recruitLink2:hover.career::before {
    opacity:.3
}
.recruitLinkArea .recruitLink2:hover.potential::before {
    opacity:.3
}
.recruitLinkArea .recruitLink2:hover.referral::before {
    opacity:.3
}
.recruitLinkArea .recruitLink2 .txtJp {
    font-size:2.1rem;
    line-height:1.428em;
    color:#fff;
    font-weight:bold;
    display:inline-block
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2 .txtJp {
        font-size:calc(21/390 * 100vw)
    }
}
.recruitLinkArea .recruitLink2 .txtJp.iconBlank::after {
    background:url(../images/icon_blank_white.png) left top/cover no-repeat;
    width:22.24px;
    height:22.24px
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2 .txtJp.iconBlank::after {
        width:calc(20/390 * 100vw);
        height:calc(20/390 * 100vw)
    }
}
.recruitLinkArea .recruitLink2 .txtEn {
    position:absolute;
    bottom:25.5px;
    left:10px;
    font-size:2.3rem;
    line-height:1.217em;
    font-family:"Montserrat",sans-serif;
    color:rgba(24,45,95,.22);
    display:block;
    width:97%
}
@media(min-width: 768px)and (max-width: 1024px) {
    .recruitLinkArea .recruitLink2 .txtEn {
        font-size:1.8rem
    }
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2 .txtEn {
        font-size:calc(23/390 * 100vw);
        left:calc(10/390 * 100vw);
        bottom:calc(25.5/390 * 100vw)
    }
}
.recruitLinkArea .recruitLink2 .txtEn::after {
    content:"";
    height:12px;
    width:100%;
    background:rgba(0,0,0,0);
    left:-7px;
    bottom:5px;
    display:block;
    position:absolute;
    border-bottom:1px solid #182d5f;
    border-right:1px solid #182d5f;
    transform:skewX(45deg)
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2 .txtEn::after {
        height:calc(12/390 * 100vw);
        left:calc(-7/390 * 100vw);
        bottom:calc(5/390 * 100vw)
    }
}
.recruitLinkArea .recruitLink2 .txt {
    margin-top:3px;
    font-size:1.4rem;
    line-height:1.428em;
    color:#fff;
    display:block;
    margin-left:-8px;
    font-weight:bold
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2 .txt {
        margin-top:calc(3/390 * 100vw);
        font-size:calc(14/390 * 100vw);
        margin-left:calc(-8/390 * 100vw)
    }
}
.recruitLinkArea .recruitLink2 .bar {
    position:absolute;
    top:0;
    left:60px;
    width:15.55px;
    height:48.28px;
    display:block
}
@media(max-width: 767px) {
    .recruitLinkArea .recruitLink2 .bar {
        left:calc(60/390 * 100vw);
        width:calc(15.55/390 * 100vw);
        height:calc(48.28/390 * 100vw)
    }
}
.recruitLinkArea .recruitLink2 .bar::after {
    content:"";
    width:100%;
    height:100%;
    background:url("../images/recruit/bg_line.png") center center/cover no-repeat;
    display:block;
    position:absolute;
    transform:translateY(-50%)
}
.recruitLinkArea02 {
    background:linear-gradient(90deg, #182D5F 0%, #182D5F 50%, #EEF2F5 50%, #EEF2F5 100%);
    padding:0;
    margin:0 0 120px;
    z-index:-2
}
@media(max-width: 767px) {
    .recruitLinkArea02 {
        margin:0 0 calc(50/390 * 100vw)
    }
}
.recruitLinkArea02 .container {
    position:relative;
    max-width:1190px;
    padding:50px 40px 100px 207px;
    z-index:0
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container {
        padding:calc(50/390 * 100vw) calc(15/390 * 100vw)
    }
}
.recruitLinkArea02 .container::before {
    width:24.48px;
    height:76px;
    background:url(../images/top/bg_line.png) center center/cover no-repeat;
    content:"";
    position:absolute;
    top:0;
    left:207px;
    transform:translate(0, -50%);
    z-index:0
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container::before {
        width:calc(24.48/390 * 100vw);
        height:calc(76/390 * 100vw);
        left:calc(15/390 * 100vw)
    }
}
.recruitLinkArea02 .container::after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:83px;
    background:#fff;
    transform:translateY(-50%) skewX(-15deg);
    width:753px;
    height:101%;
    z-index:-1
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container::after {
        width:calc(390/390 * 100vw);
        left:calc(-110/390 * 100vw)
    }
}
.recruitLinkArea02 .container .row {
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:flex-start
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container .row {
        flex-direction:column
    }
}
.recruitLinkArea02 .container .row .textArea {
    margin-right:37px
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container .row .textArea {
        margin-right:0;
        margin-bottom:calc(15/390 * 100vw)
    }
}
.recruitLinkArea02 .container .row .engTitle {
    color:#31a2b2;
    font-size:1.6rem;
    font-family:"Montserrat",sans-serif;
    line-height:1.1875em;
    text-transform:uppercase;
    margin-bottom:20px
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container .row .engTitle {
        font-size:calc(16/390 * 100vw);
        margin-bottom:calc(20/390 * 100vw)
    }
}
.recruitLinkArea02 .container .row .jpTitle {
    font-size:3.4rem;
    line-height:1.441em;
    color:#182d5f;
    font-weight:bold;
    margin:0 0 33px
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container .row .jpTitle {
        font-size:calc(34/390 * 100vw);
        margin:0 0 calc(33/390 * 100vw)
    }
}
.recruitLinkArea02 .container .row p {
    font-size:2rem;
    line-height:1.45em;
    margin:0 0 1em;
    color:#182d5f
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container .row p {
        font-size:calc(20/390 * 100vw)
    }
}
.recruitLinkArea02 .container .row .img {
    padding-top:50px
}
@media(max-width: 767px) {
    .recruitLinkArea02 .container .row .img {
        padding-top:0
    }
}
.reason01 .container,.reason02 .container,.reason03 .container {
    max-width:1280px;
    position:relative
}
.reason01 .container:before,.reason02 .container:before,.reason03 .container:before {
    width:60vw;
    height:100%;
    background:#eef2f5;
    content:"";
    display:block;
    position:absolute;
    top:0;
    transform:skew(-15deg);
    z-index:0
}
.reason01 .row,.reason02 .row,.reason03 .row {
    min-height:400px;
    display:flex;
    align-items:center;
    position:relative;
    z-index:1
}
@media(max-width: 767px) {
    .reason01 .row,.reason02 .row,.reason03 .row {
        min-height:auto;
        padding:calc(25/390 * 100vw) 0;
        display:block
    }
}
.reason01 .row .img,.reason02 .row .img,.reason03 .row .img {
    width:335px;
    flex-shrink:0
}
@media(max-width: 767px) {
    .reason01 .row .img,.reason02 .row .img,.reason03 .row .img {
        width:100%;
        text-align:center
    }
}
.reason01 .row .txt,.reason02 .row .txt,.reason03 .row .txt {
    flex-grow:1
}
.reason01 h2,.reason02 h2,.reason03 h2 {
    margin:0 0 11px;
    padding:0 0 7px;
    color:#182d5f;
    font-size:44px;
    position:relative
}
@media(max-width: 767px) {
    .reason01 h2,.reason02 h2,.reason03 h2 {
        margin:0 0 calc(11/390 * 100vw);
        padding:0 0 calc(7/390 * 100vw);
        font-size:calc(44/390 * 100vw)
    }
}
.reason01 h2:before,.reason02 h2:before,.reason03 h2:before {
    width:100%;
    height:2px;
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0
}
@media(max-width: 767px) {
    .reason01 h2:before,.reason02 h2:before,.reason03 h2:before {
        height:calc(2/390 * 100vw)
    }
}
.reason01 .sub,.reason02 .sub,.reason03 .sub {
    margin:0 0 30px;
    color:#182d5f;
    font-family:"Montserrat",sans-serif;
    font-size:1.8rem;
    font-weight:bold;
    text-transform:uppercase
}
@media(max-width: 767px) {
    .reason01 .sub,.reason02 .sub,.reason03 .sub {
        margin:0 0 calc(30/390 * 100vw);
        font-size:calc(18/390 * 100vw)
    }
}
.reason01 p,.reason02 p,.reason03 p {
    margin:0;
    color:#182d5f;
    font-size:2rem;
    line-height:1.9em
}
@media(max-width: 767px) {
    .reason01 p,.reason02 p,.reason03 p {
        font-size:calc(20/390 * 100vw)
    }
}
.reason01 .container:before {
    right:calc(50% + 40px);
    transform-origin:top right
}
@media(max-width: 767px) {
    .reason01 .container:before {
        right:calc(50% + 40/390 * 100vw)
    }
}
.reason01 .row .img img {
    margin-left:-18px
}
@media(max-width: 767px) {
    .reason01 .row .img img {
        margin-left:0
    }
}
.reason01 .row .txt {
    padding-right:70px
}
@media(max-width: 767px) {
    .reason01 .row .txt {
        padding-right:0
    }
}
.reason01 h2:before {
    background:linear-gradient(to right, #DBC446 0%, #D073EB 100%)
}
.reason02 {
    margin-top:60px
}
@media(max-width: 767px) {
    .reason02 {
        margin-top:calc(60/390 * 100vw)
    }
}
.reason02 .container:before {
    left:calc(50% + 40px);
    transform-origin:bottom left
}
@media(max-width: 767px) {
    .reason02 .container:before {
        left:calc(50% + 40/390 * 100vw)
    }
}
.reason02 .row {
    flex-direction:row-reverse
}
.reason02 .row .img {
    text-align:right
}
.reason02 .row .img img {
    margin-right:-12px
}
@media(max-width: 767px) {
    .reason02 .row .img img {
        margin-right:0
    }
}
.reason02 .row .txt {
    padding-left:70px
}
@media(max-width: 767px) {
    .reason02 .row .txt {
        padding-left:0
    }
}
.reason02 h2 {
    text-align:right
}
.reason02 h2:before {
    background:linear-gradient(to right, #26BFB9 0%, #826EC9 100%)
}
.reason02 .sub {
    text-align:right
}
.reason03 {
    margin-top:60px
}
@media(max-width: 767px) {
    .reason03 {
        margin-top:calc(60/390 * 100vw)
    }
}
.reason03 .container:before {
    right:calc(50% + 40px);
    transform-origin:top right
}
@media(max-width: 767px) {
    .reason03 .container:before {
        right:calc(50% + 40/390 * 100vw)
    }
}
.reason03 .row .img img {
    margin-left:-18px
}
@media(max-width: 767px) {
    .reason03 .row .img img {
        margin-left:0
    }
}
.reason03 .row .txt {
    padding-right:70px
}
@media(max-width: 767px) {
    .reason03 .row .txt {
        padding-right:0
    }
}
.reason03 h2:before {
    background:linear-gradient(to right, #39B9A9 0%, #B3D150 100%)
}
.reasonEndAnimation {
    height:1000px;
    margin:100px 0 30px;
    text-align:center;
    position:relative
}
@media(min-width: 768px)and (max-width: 1279px) {
    .reasonEndAnimation {
        height:630px
    }
}
@media(max-width: 767px) {
    .reasonEndAnimation {
        height:auto;
        margin:calc(100/390 * 100vw) 0 calc(30/390 * 100vw);
        padding-bottom:calc(289/390 * 100vw)
    }
}
.reasonEndAnimation .container {
    position:absolute;
    top:-3px;
    left:50%;
    transform:translate(-50%, 0);
    z-index:2
}
@media(max-width: 767px) {
    .reasonEndAnimation .container {
        position:static;
        top:auto;
        left:auto;
        transform:none
    }
}
.reasonEndAnimation img {
    width:1919px;
    max-width:none;
    height:1000px;
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%, 0);
    z-index:1
}
@media(min-width: 768px)and (max-width: 1279px) {
    .reasonEndAnimation img {
        width:1100px;
        height:auto;
        top:auto;
        bottom:0
    }
}
@media(max-width: 767px) {
    .reasonEndAnimation img {
        width:calc(555/390 * 100vw);
        height:auto;
        top:auto;
        bottom:0
    }
}
.sectionBnr {
    margin:80px auto 100px
}
@media(max-width: 767px) {
    .sectionBnr {
        margin:0 auto calc(80/390 * 100vw)
    }
}
.sectionBnr .container {
    max-width:1080px;
    width:100%;
    margin:0 auto
}
@media(min-width: 768px)and (max-width: 1024px) {
    .sectionBnr .container {
        padding-left:15px;
        padding-right:0
    }
}
@media(max-width: 767px) {
    .sectionBnr .container {
        padding:0
    }
}
.sectionBnr .container a .bg {
    width:100%;
    height:280px;
    background:url(../images/top/bg_bnr.jpg) right top no-repeat;
    background-size:cover;
    position:relative
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg {
        height:25.926vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg {
        width:100%;
        height:calc(536/390 * 100vw);
        background:url(../images/top/bg_bnr_sp.png) right top no-repeat;
        background-size:cover
    }
}
.sectionBnr .container a .bg .title {
    position:relative;
    top:-20px;
    left:-30px;
    width:316px;
    height:58px;
    line-height:58px;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background:url(../images/top/bg_bnrTitle.png);
    margin:0
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg .title {
        font-size:1.852vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .title {
        font-size:calc(20/390 * 100vw);
        top:calc(-20/390 * 100vw);
        left:50%;
        transform:translateX(-50%);
        background:url(../images/top/bg_bnrTitle_sp.png) no-repeat;
        background-size:contain;
        width:calc(315/390 * 100vw);
        height:calc(58/390 * 100vw);
        margin-right:0;
        display:flex;
        justify-content:center;
        align-items:center
    }
}
.sectionBnr .container a .bg .image {
    position:absolute;
    left:5.5%;
    bottom:0
}
@media(min-width: 768px)and (max-width: 1024px) {
    .sectionBnr .container a .bg .image {
        width:18.848vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .image {
        width:calc(159/390 * 100vw);
        height:calc(190/390 * 100vw);
        top:calc(230/390 * 100vw);
        left:calc(20/390 * 100vw)
    }
}
.sectionBnr .container a .bg .image img {
    width:100%
}
.sectionBnr .container a .bg .image img:hover {
    opacity:1
}
.sectionBnr .container a .bg .image .pc {
    display:block
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .image .pc {
        display:none
    }
}
.sectionBnr .container a .bg .image .sp {
    display:none
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .image .sp {
        display:block
    }
}
.sectionBnr .container a .bg .copy {
    text-align:left;
    color:#182d5f;
    font-size:20px;
    font-weight:bold;
    margin:-15px 0 0 28.7%
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg .copy {
        font-size:1.852vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .copy {
        position:absolute;
        top:calc(57/390 * 100vw);
        left:calc(15/390 * 100vw);
        font-size:calc(17/390 * 100vw);
        margin:0
    }
}
.sectionBnr .container a .bg .copy span {
    display:inline-block;
    font-size:28px;
    line-height:1.48;
    margin-top:30px
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg .copy span {
        font-size:2.593vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .copy span {
        padding-top:calc(13/390 * 100vw);
        font-size:calc(26/390 * 100vw);
        line-height:1.65
    }
}
.sectionBnr .container a .bg .copy .sp-only {
    display:none
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .copy .sp-only {
        display:block
    }
}
.sectionBnr .container a .bg .row {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:90px;
    background:#182d5f;
    display:flex;
    justify-content:space-between
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg .row {
        height:8.333vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .row {
        height:calc(220/390 * 100vw)
    }
}
.sectionBnr .container a .bg .row p {
    text-align:left;
    margin:20px 0 0 25.3%;
    color:#fff;
    font-size:13px
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg .row p {
        font-size:1.204vw;
        margin:20px 0 0 27%
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .row p {
        font-size:calc(13/390 * 100vw);
        margin:calc(75/390 * 100vw) calc(15/390 * 100vw) 0
    }
}
.sectionBnr .container a .bg .row p span {
    font-size:18px
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg .row p span {
        font-size:1.667vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .row p span {
        font-size:calc(18/390 * 100vw)
    }
}
.sectionBnr .container a .bg .row .moreBtn02 {
    margin:25px 40px 25px 0;
    color:#31a2b2;
    width:200px;
    height:40px;
    background:rgba(0,0,0,0);
    border:#31a2b2 solid 1px;
    font-size:1.6rem;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:1;
    transition:all .2s ease-out 0s
}
@media(max-width: 1080px) {
    .sectionBnr .container a .bg .row .moreBtn02 {
        margin:2.315vw 3.704vw 2.315vw 0;
        width:18.519vw;
        height:3.704vw;
        font-size:1.481vw
    }
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .row .moreBtn02 {
        font-size:calc(16/390 * 100vw);
        width:calc(200/390 * 100vw);
        height:calc(40/390 * 100vw);
        position:absolute;
        left:50%;
        bottom:calc(35/390 * 100vw);
        transform:translateX(-50%);
        padding:0
    }
}
.sectionBnr .container a .bg .row .moreBtn02:before {
    width:30px;
    height:1px;
    background:#31a2b2;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    z-index:2;
    transform:translate(-100%, -50%)
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .row .moreBtn02:before {
        width:calc(30/390 * 100vw)
    }
}
.sectionBnr .container a .bg .row .moreBtn02:after {
    width:30px;
    height:1px;
    background:#31a2b2;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    z-index:2;
    transform:translate(0, -50%)
}
@media(max-width: 767px) {
    .sectionBnr .container a .bg .row .moreBtn02:after {
        width:calc(30/390 * 100vw)
    }
}
.sectionBnr .container a:hover img {
    opacity:1
}
.sectionBnr .container a:hover .bg .row .moreBtn02 {
    color:#fff;
    background:linear-gradient(to right, #31A2B2 0%, #ADC65D 100%)
}
.sectionBnr .container a:hover .bg .row .moreBtn02:after {
    background:#fff
}
.caseLead_flex {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin:0 0 14px
}
@media(max-width: 767px) {
    .caseLead_flex {
        flex-direction:column
    }
}
.caseLead_flex .col {
    width:48.685%
}
@media(max-width: 767px) {
    .caseLead_flex .col {
        width:100%
    }
}
.caseLead_flex .col p {
    color:#182d5f;
    font-size:2rem;
    font-weight:bold;
    line-height:1.9
}
@media(max-width: 767px) {
    .caseLead_flex .col p {
        line-height:1.6;
        font-size:calc(20/390 * 100vw)
    }
}
.caseLead_flex .col figure {
    margin:0
}
.content p.cap {
    font-size:1.6rem
}
@media(max-width: 767px) {
    .content p.cap {
        font-size:calc(16/390 * 100vw)
    }
}
.row.column03 .col {
    width:31%
}
@media(max-width: 767px) {
    .row.column03 .col {
        width:100%
    }
}
.row.column03 .col figure {
    margin:10px 0 20px
}
.row.wrap {
    flex-wrap:wrap
}
.content .question {
    color:#8f82bc;
    font-size:2rem;
    font-weight:bold;
    margin-bottom:30px;
    position:relative
}
@media(max-width: 767px) {
    .content .question {
        font-size:calc(20/390 * 100vw)
    }
}
.caseAfter {
    padding:80px 0 0;
    position:relative
}
@media(max-width: 767px) {
    .caseAfter {
        font-size:calc(20/390 * 100vw);
        padding-top:calc(40/390 * 100vw)
    }
}
.caseAfter p {
    font-size:2rem
}
@media(max-width: 767px) {
    .caseAfter p {
        color:#182d5f;
        font-size:calc(20/390 * 100vw)
    }
}
.caseAfter:before {
    position:absolute;
    top:0;
    left:0;
    content:"";
    width:100%;
    height:1px;
    background:#182d5f
}
.caseProf {
    display:flex;
    justify-content:space-between;
    margin:-65px 0 0;
    background:linear-gradient(90deg, #fff 0%, #fff 7%, #EEF2F5 7%, #EEF2F5 100%);
    padding:75px 50px 30px 0
}
@media(max-width: 767px) {
    .caseProf {
        padding:60px 3% 20px;
        flex-direction:column;
        background:#eef2f5;
        margin:calc(-120/390 * 100vw) 0 0
    }
}
.caseProf .left {
    width:35.7%
}
@media(max-width: 767px) {
    .caseProf .left {
        width:100%
    }
}
.caseProf .left figure {
    margin-top:0
}
.caseProf .right {
    width:59.6%
}
@media(max-width: 767px) {
    .caseProf .right {
        width:100%
    }
}
.caseProf .right .name {
    font-size:20px;
    font-weight:bold;
    padding-bottom:5px;
    position:relative
}
@media(max-width: 767px) {
    .caseProf .right .name {
        font-size:calc(20/390 * 100vw)
    }
}
.caseProf .right .name:after {
    position:absolute;
    bottom:0;
    left:0;
    content:"";
    width:100%;
    height:1px;
    background:#21232c
}
.caseProf .right p {
    font-size:1.6rem;
    line-height:1.75
}
@media(max-width: 767px) {
    .caseProf .right p {
        font-size:calc(16/390 * 100vw)
    }
}
@media(max-width: 767px) {
    .caseProf .right p.mb-50 {
        margin-bottom:calc(25/390 * 100vw) !important
    }
}
.caseProf .right p.fs {
    font-size:1.6rem;
    font-weight:bold
}
@media(max-width: 767px) {
    .caseProf .right p.fs {
        font-size:calc(16/390 * 100vw)
    }
}
.caseProf .right .caseDL {
    gap:6px 0
}
.caseProf .right .caseDL dt {
    width:100px;
    font-size:1.6rem
}
@media(max-width: 767px) {
    .caseProf .right .caseDL dt {
        font-size:calc(16/390 * 100vw)
    }
}
.caseProf .right .caseDL dd {
    font-size:1.6rem;
    letter-spacing:-0.02em
}
@media(max-width: 767px) {
    .caseProf .right .caseDL dd {
        font-size:calc(16/390 * 100vw)
    }
}
.caseTitleWrapper .caseText._02 {
    margin:20px 0 0
}
.qa_box {
    border-top:#a2aabe solid 1px;
    padding:27px 0 60px
}
@media(max-width: 767px) {
    .qa_box {
        padding:20px 0
    }
}
.qa_box:last-child {
    padding:30px 0 20px
}
.qa_box.pb_wide {
    padding:27px 0 80px
}
@media(max-width: 767px) {
    .qa_box.pb_wide {
        padding:20px 0
    }
}
.qa_box .q {
    position:relative;
    padding-left:80px;
    margin-bottom:22px
}
@media(max-width: 767px) {
    .qa_box .q {
        padding-left:40px;
        margin-bottom:0
    }
}
.qa_box .q::before {
    position:absolute;
    top:15px;
    left:0;
    transform:translateY(-50%);
    content:"";
    width:60px;
    height:60px;
    background:url(../images/casestudy/015/icon_q.png) no-repeat
}
@media(max-width: 767px) {
    .qa_box .q::before {
        top:20px;
        width:40px;
        height:40px;
        background-size:contain
    }
}
.qa_box .q p {
    font-size:2rem;
    font-weight:bold;
    color:#182d5f;
    line-height:1.65
}
@media(max-width: 767px) {
    .qa_box .q p {
        font-size:calc(20/390 * 100vw)
    }
}
.qa_box .q.mb_w {
    margin-bottom:27px
}
.qa_box .a {
    padding-left:80px
}
@media(max-width: 767px) {
    .qa_box .a {
        padding-left:0
    }
}
.qa_box .a .col.small figure {
    margin-top:0
}
.qa_box .a p {
    margin-bottom:18px
}
.qa_box .mb_wide {
    margin-bottom:60px
}
@media(max-width: 767px) {
    .qa_box .mb_wide {
        margin-bottom:30px
    }
}
.case015 .caseCategory {
    margin-bottom:21px
}
.case015 h2:nth-of-type(1) {
    margin-bottom:40px
}
.case015 .content.type02:nth-of-type(1) {
    padding:80px 0
}
@media(max-width: 767px) {
    .case015 .content.type02:nth-of-type(1) {
        padding:calc(80/390 * 100vw) 0 calc(100/390 * 100vw)
    }
}
.case015 .caseLead {
    margin:0 0 60px
}
@media(max-width: 767px) {
    .case015 .caseLead {
        margin:0 0 calc(60/390 * 100vw)
    }
}
.case015 row column02 .col p:last-of-type {
    margin-bottom:0
}
.case015 .row.column03 .col figure {
    margin:0 0 30px
}
.case015 .row.column03 .col:nth-child(n+4) figure {
    margin:0
}
.case015 .content.type02+.type02:last-of-type {
    padding:0 0 100px
}
.case016 .content.type02:nth-of-type(1) {
    padding:80px 0 0
}
@media(max-width: 767px) {
    .case016 .content.type02:nth-of-type(1) {
        padding:calc(80/390 * 100vw) 0 0
    }
}
.case016 .content.type02:nth-of-type(1) h2:first-of-type {
    margin:0 0 40px
}
.case016 .content.type02:nth-of-type(1) .caseDL {
    padding:40px 0
}
.case016 .content.type02:nth-of-type(2) {
    padding-bottom:60px
}
@media(max-width: 767px) {
    .case016 .content.type02:nth-of-type(2) {
        padding:0 0 calc(60/390 * 100vw)
    }
}
.case016 .content.type02:nth-of-type(2) h3 {
    font-size:2.2rem;
    margin-bottom:18px
}
@media(max-width: 767px) {
    .case016 .content.type02:nth-of-type(2) h3 {
        font-size:0 0 calc(22/390 * 100vw)
    }
}
.case016 .content.type02:nth-of-type(2) .caseDL.type03 {
    gap:6px 0;
    margin:0 0 10px
}
.case016 .content.type02:nth-of-type(3) h2 {
    margin:0 0 38px
}
.case016 .content.type02:nth-of-type(3) .content h2+h3 {
    margin-top:0
}
.case016 .content.type02:nth-of-type(3) h3 {
    margin-bottom:18px
}
.case016 .content.type02:nth-of-type(3) h3:nth-of-type(2) {
    margin:38px 0 25px
}
.case016 .content.type02:nth-of-type(3) p {
    margin:0 0 18px
}
.case016 .content.type02:nth-of-type(3) p.mb10 {
    margin-bottom:10px
}
.case016 .content.type02:nth-of-type(3) p.ml-20 {
    line-height:2.3;
    margin:0 0 15px
}
.case016 .content.type02:nth-of-type(3) p.question.ls_s {
    letter-spacing:-0.02em
}
.case016 .content.type02:nth-of-type(3) .row.column02.mb-60 .col p:last-child {
    margin-bottom:0
}
.case016 .content.type02+.type02:last-of-type {
    padding:0 0 100px
}
.sectionBnr .container a:hover .bg {
    opacity:.8
}
.sectionBnr.bnr027 .container a .bg {
    background:url(../images/top/bnr027_bg_bnr.jpg) right top no-repeat;
    background-size:cover
}
.sectionBnr.bnr027 .container a .bg .title {
    background:url(../images/top/bnr027_bg_bnrTitle.png) no-repeat left top;
    background-size:cover
}
.sectionBnr.bnr027 .container a .bg .image.img01 {
    position:absolute;
    left:.2%;
    bottom:0;
    width:22.4074074074%;
    height:auto
}
.sectionBnr.bnr027 .container a .bg .image.img02 {
    position:absolute;
    left:auto;
    right:0;
    bottom:0;
    width:22.4074074074%;
    height:auto
}
.sectionBnr.bnr027 .container a .bg .copy {
    color:#fff;
    text-align:center;
    margin:-10px 0 0
}
.sectionBnr.bnr027 .container a .bg .row {
    background:#31a2b2;
    padding-left:220px;
    padding-right:220px;
    align-items:center
}
.sectionBnr.bnr027 .container a .bg .row p {
    margin:0
}
.sectionBnr.bnr027 .container a .bg .row p:first-child {
    text-align:right
}
.sectionBnr.bnr027 .container a .bg .row .cross {
    width:48px;
    height:48px;
    background:url(../images/top/bnr027_cross.png) no-repeat 0 0;
    background-size:cover
}
.sectionBnr.bnr027 .container a .bg .row .cross span {
    display:none
}
@media(max-width: 767px) {
    .sectionBnr.bnr027 .container a .bg {
        background-position:72% 10%
    }
}
@media(max-width: 767px) {
    .sectionBnr.bnr027 .container a .bg .image.img01,.sectionBnr.bnr027 .container a .bg .image.img02 {
        width:40.7692307692vw;
        height:48.7179487179vw;
        top:41.0256410256vw
    }
}
@media(min-width: 768px)and (max-width: 1024px) {
    .sectionBnr.bnr027 .container a .bg .row p {
        margin:0
    }
}
@media(max-width: 767px) {
    .sectionBnr.bnr027 .container a .bg .row {
        padding:0;
        display:block;
        height:61.5384615385vw
    }
    .sectionBnr.bnr027 .container a .bg .row p {
        margin:20.5128205128vw 3.8461538462vw 0
    }
    .sectionBnr.bnr027 .container a .bg .row .cross {
        width:8vw;
        height:8vw;
        margin:8px auto
    }
    .sectionBnr.bnr027 .container a .bg .row .cross+p {
        margin-top:0;
        text-align:right
    }
}
.case027 .caseCategory {
    margin-bottom:21px
}
.case027 h2:nth-of-type(1) {
    margin-bottom:40px
}
.case027 .content.type02:nth-of-type(1) {
    padding:80px 0 0
}
@media(max-width: 767px) {
    .case027 .content.type02:nth-of-type(1) {
        padding:calc(80/390 * 100vw) 0 0
    }
}
.case027 .caseLead {
    margin:0 0 60px
}
@media(max-width: 767px) {
    .case027 .caseLead {
        margin:0 0 calc(60/390 * 100vw)
    }
}
.case027 row column02 .col p:last-of-type {
    margin-bottom:0
}
.case027 .row.column03 .col figure {
    margin:0 0 30px
}
.case027 .row.column03 .col:nth-child(n+4) figure {
    margin:0
}
.case027 .content.type02+.type02:last-of-type {
    padding:0 0 100px
}
.article_027 .caseTitleWrapper .caseCategory.cateGradation:after {
    background:linear-gradient(90deg, #b3d150 0%, #39b9a9 100%)
}
.article_027 .caseLead .lead_img {
    position:relative;
    margin-bottom:40px
}
.article_027 .caseLead .lead_img .txt {
    position:absolute;
    bottom:0;
    width:100%;
    height:130px;
    padding:0 20px;
    background-color:rgba(19,148,167,.88);
    display:flex;
    justify-content:space-around;
    align-items:center
}
.article_027 .caseLead .lead_img .txt p {
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:normal;
    margin:0;
    line-height:1.4
}
.article_027 .caseLead .lead_img .txt p span {
    font-size:24px;
    font-weight:bold
}
.article_027 .caseLead .lead_img .txt p span span {
    font-size:18px
}
.article_027 .caseLead .lead_img .txt .cross {
    width:62px;
    height:62px;
    background:url(/common/images/casestudy/027_1/cross.png) no-repeat 0 0;
    background-size:cover
}
.article_027 .caseLead .lead_img .txt .cross span {
    display:none
}
.article_027 .qa_box .q,.article_027 .qa_box .a {
    padding-left:0
}
.article_027 .qa_box .q::before {
    content:none
}
.article_027 .row .col.big {
    width:59.74%
}
.article_027 .row .col.small {
    width:37.36%
}
.article_027 .row.column04-2 .col.txt {
    width:50%
}
.article_027 .row.column04-2 .col.img {
    width:46.32%
}
.article_027 .row.column04-2 .col.img figure {
    margin-top:0
}
.article_027 .dl_interview {
    margin:0;
    padding:0;
    position:relative;
    font-size:18px
}
.article_027 .row+.dl_interview {
    margin-top:20px
}
.article_027 .dl_interview dt.name {
    margin:0;
    padding:0;
    width:3.5em;
    position:absolute;
    left:0;
    font-size:18px;
    font-weight:bold
}
.article_027 .dl_interview dt.name .col01 {
    color:#39b9a9
}
.article_027 .dl_interview dt.name .col02 {
    color:#b1d151
}
.article_027 .dl_interview dd.text {
    margin:0;
    padding:0 0 0 3.5em;
    font-size:18px
}
.article_027 .dl_interview dd.text .row {
    margin-bottom:20px
}
.article_027 .toNext {
    background-color:#eef2f5;
    padding:25px 30px
}
.article_027 .toNext p {
    margin:0
}
.article_027 .toNext a {
    font-weight:bold;
    font-size:18px
}
.article_027 .toNext a:hover {
    color:#000
}
@media(max-width: 767px) {
    .article_027 .caseLead .lead_img .txt {
        position:relative;
        height:auto;
        display:block;
        padding:10px 0
    }
    .article_027 .caseLead .lead_img .txt p {
        font-size:16px
    }
    .article_027 .caseLead .lead_img .txt p span {
        font-size:18px
    }
    .article_027 .caseLead .lead_img .txt p span span {
        font-size:16px
    }
    .article_027 .caseLead .lead_img .txt .cross {
        width:42px;
        height:42px;
        margin:10px auto
    }
}
@media(max-width: 767px) {
    .article_027 .row .col.big,.article_027 .row .col.small {
        width:auto
    }
    .article_027 .row.column04-2 .col.txt,.article_027 .row.column04-2 .col.img {
        width:auto
    }
}
@media(max-width: 767px) {
    .article_027 .dl_interview dd.text .row {
        margin-left:-3.5em
    }
}
.sectionBnr.bnr030 .container a .bg .title {
    position: absolute;
}
.sectionBnr.bnr030 .container a .bg {
    background:url(../images/top/bnr030_bg_bnr.jpg) right top no-repeat;
    background-size:cover;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sectionBnr.bnr030 .container a .bg .textarea {
    width: fit-content;
    padding: 30px 45px 27px;
    background-color: rgba(24, 45, 95, .88);
}
.sectionBnr.bnr030 .container a .bg .textarea .copy {
    color: #fff;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
    margin: 0;
    line-height: 1.4;
}
.sectionBnr.bnr030 .container a .bg .textarea .sub_text {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    margin: 25px 0 0;
}
@media(max-width: 767px) {
    .sectionBnr.bnr030 .container a .bg {
        background:url(../images/top/bnr030_bg_bnr_sp.jpg) center no-repeat;
        background-size:cover;
        height: 570px;
        padding: 0 25px;
    }
    .sectionBnr.bnr030 .container a .bg .textarea {
        width: fit-content;
        padding: 20px 20px 15px;
        background-color: rgba(24, 45, 95, .88);
    }
    .sectionBnr.bnr030 .container a .bg .textarea .copy {
        position: unset;
        font-size: calc(20 / 390* 100vw);
        margin: 0;
    }
    .sectionBnr.bnr030 .container a .bg .textarea .sub_text {
        font-size: calc(16 / 390* 100vw);
    }
}

.article_030 .col01 {
    color: #31A2B2;
}
.article_030 .col02 {
    color: #8F82BC;
}
.article_030 .content.type04 {
    padding: 80px 0 100px;
}
.article_030 .content.type05 {
    padding: 0 0 78px;
}
@media(max-width: 767px) {
    .article_030 .content.type05 {
        padding: 0;
    }
}
.article_030 .caseLead {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.article_030 .caseLead .txt_l {
    width: 48.25%;
}
.article_030 .caseLead .txt_l p {
    line-height: 1.9;
    margin: 0;
}
.article_030 .caseLead .img_r {
    width: 48.25%;
}
.article_030 .caseLead .annotation {
    font-size: 1.6rem;
    font-weight: normal;
    color: #21232C;
    margin: 40px 0 0 0;
}
@media(max-width: 767px) {
    .article_030 .caseLead .txt_l {
        width: 100%;
        order: 1;
    }
    .article_030 .caseLead .img_r {
        width: 100%;
        order: 0;
        margin-bottom: 40px;
    }
    .article_030 .caseLead .annotation {
        order: 2;
        margin-top: 20px;
    }
}
.article_030 .ini_ex {
    background-color: #eef2f5;
    padding: 25px 30px;
    font-size: 1.8rem;
    margin: 20px 0 50px;
}
.article_030 .ini_ex span {
    margin-right: 45px;
}
.article_030 .art_sec_title {
    font-size: 2.6rem;
    font-weight: bold;
    border-bottom: solid 1px #21232C;
    margin: 0;
}
.article_030 .qa_box .q {
    margin-top: 12px;
    padding-left: 0;
}
.article_030 .qa_box .q p {
    font-size: 2.2rem;
}
.article_030 .qa_box .a {
    padding-left: 0;
}
.article_030 .qa_box .q::before {
    display: none;
}
.article_030 .qa_box .a .row.n_cl01 .col {
    width: 48.25%;
}
.article_030 .dl_interview dt.name {
    margin: 0;
    padding: 0;
    width: 3.5em;
    position: absolute;
    left: 0;
    font-size: 18px;
    font-weight: bold;
}
.article_030 .dl_interview dd.text {
    margin: 0;
    padding: 0 0 0 3.5em;
    font-size: 18px;
}
.article_030 .qa_box .a .row.n_cl02 .col.txt {
    width: 72.54%;
}
.article_030 .qa_box .a .row.n_cl02 .col.img {
    width: 24.56%;
}
.article_030 .qa_box .a .row.n_cl02 .col.img figure {
    margin-bottom: 8px;
}
.article_030 .qa_box .a .row.n_cl02 .col.img .fig_txt {
    font-size: 1.6rem;
    line-height: 1.5;
}
.article_030 .qa_box .a .row.n_cl02 .col.img .fig_txt .b {
    font-weight: bold;
}
.article_030 .dl_interview {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 18px;
}
.article_030 .qa_box .a .dl_interview .row.img_grid,
.article_030 .qa_box .a .dl_interview .row.img_grid2 {
    flex-wrap: wrap;
    gap: 20px;
    margin: 32px 0 40px;
}
.article_030 .qa_box .a .dl_interview .row.img_grid .col figure,
.article_030 .qa_box .a .dl_interview .row.img_grid2 .col figure {
    margin: 0;
}
.article_030 .qa_box .a .dl_interview .row.img_grid .col {
    width: calc((100% - 40px) / 3);
}
.article_030 .qa_box .a .dl_interview .row.img_grid2 .col {
    width: calc((100% - 20px) / 2);
}
@media(max-width: 767px) {
    .article_030 .ini_ex {
        line-height: 1.5;
        text-align: center;
        margin: 10px 0 30px;
    }
    .article_030 .ini_ex span {
        margin-right: 0;
        display: block;
    }
    .article_030 .qa_box .a .row.n_cl01 .col {
        width: 100%;
    }
    .article_030 .qa_box .a .row.n_cl02 .col.txt {
        width: 100%;
    }
    .article_030 .qa_box .a .row.n_cl02 .col.img {
        width: 100%;
    }
    .article_030 .qa_box .a .dl_interview .row.img_grid,
    .article_030 .qa_box .a .dl_interview .row.img_grid2 {
        display: flex;
    }
    .article_030 .qa_box .a .dl_interview .row.img_grid .col {
        width: 100%;
    }
    .article_030 .qa_box .a .dl_interview .row.img_grid2 .col {
        width: 100%;
    }
    .article_030 .dl_interview dd.text.sp_img {
        padding: 0;
    }
}
.article_030 .content.type06 {
    padding: 0 0 120px;
}
.article_030 .content.type06 h2 {
    transform: translate(0, 100%);
}
.article_030 .content.type06 .info_box {
    background: linear-gradient(90deg, #fff 0%, #fff 7%, #EEF2F5 7%, #EEF2F5 100%);
    width: 100%;
    padding: 80px 50px 50px 0;
}
.article_030 .content.type06 .info_box .info_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.article_030 .content.type06 .info_box .info_item:last-child {
    margin-bottom: 0;
}
.article_030 .content.type06 .info_box .info_item .info_img {
    width: 390px;
}
.article_030 .content.type06 .info_box .info_item .info_txt {
    width: 650px;
}
.article_030 .content.type06 .info_box .info_item .info_txt .info_ttl {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    padding: 8px 0;
    margin: 0 0 7px 0;
    border-bottom: solid 1px #21232C;
}
.article_030 .content.type06 .info_box .info_item .info_txt p {
    margin: 20px 0;
    font-size: 1.6rem;
}
@media(max-width: 767px) {
    .article_030 .content.type06 .info_box {
        background: #EEF2F5;
        padding: 50px 25px 25px;
    }
    .article_030 .content.type06 .info_box .info_item {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .article_030 .content.type06 .info_box .info_item .info_img {
        width: 100%;
    }
    .article_030 .content.type06 .info_box .info_item .info_txt {
        width: 100%;
    }
}
/*# sourceMappingURL=second.css.map */