html {
    font-size: 1vw;
    overflow-x: hidden;
    scroll-behavior: smooth
}
h1, h2, h3, h4, h5, h6, p, ul, li {
    margin: 0;
    padding: 0
}
ul, li {
    list-style: none
}
a {
    color: var(--black-color) !important;
    text-decoration: none
}
.post, .page {
    margin: 0
}
.page-mv {
    background-image: url("../img/company-mv.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 30rem
}
@media screen and (max-width: 767px) {
    .page-mv {
        margin-top: 16rem;
        height: 50rem;
        background-position: right
    }
}
.page-mv .container {
    max-width: 100%;
    width: 81.5%;
    margin: 0 auto;
    text-align: center
}
@media screen and (max-width: 767px) {
    .page-mv .container {
        width: 90%
    }
}
.page-mv .container h1 {
    font-size: 3.2rem;
    padding-top: 15.3rem;
    text-align: left;
    color: #041029
}
@media screen and (max-width: 767px) {
    .page-mv .container h1 {
        font-size: 8.5rem;
        padding-top: 19rem
    }
}
.page-mv .container h1 .sub {
    display: block;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    background: #3a93c8;
    background: linear-gradient(0deg, rgb(87, 186, 218) 0%, rgb(12, 62, 152) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}
@media screen and (max-width: 767px) {
    .page-mv .container h1 .sub {
        font-size: 3.5rem
    }
}
.d-none {
    display: none !important
}
.d-block {
    display: block !important
}
.d-inline {
    display: inline !important
}
.d-inline-block {
    display: inline-block !important
}
.d-flex {
    display: flex !important
}
.d-grid {
    display: grid !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .d-md-none {
        display: none !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-grid {
        display: grid !important
    }
}
@media screen and (min-width: 1921px) {
    .d-md-none {
        display: none !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-grid {
        display: grid !important
    }
}
.text-center {
    text-align: center !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-center {
        text-align: center !important
    }
}
@media screen and (min-width: 1921px) {
    .text-md-center {
        text-align: center !important
    }
}
.text-start {
    text-align: left !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-start {
        text-align: left !important
    }
}
@media screen and (min-width: 1921px) {
    .text-md-start {
        text-align: left !important
    }
}
.text-end {
    text-align: right !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-end {
        text-align: right !important
    }
}
@media screen and (min-width: 1921px) {
    .text-md-end {
        text-align: right !important
    }
}
.justify-content-start {
    justify-content: flex-start !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-start {
        justify-content: flex-start !important
    }
}
@media screen and (min-width: 1921px) {
    .justify-content-md-start {
        justify-content: flex-start !important
    }
}
.justify-content-end {
    justify-content: flex-end !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-end {
        justify-content: flex-end !important
    }
}
@media screen and (min-width: 1921px) {
    .justify-content-md-end {
        justify-content: flex-end !important
    }
}
.justify-content-center {
    justify-content: center !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-center {
        justify-content: center !important
    }
}
@media screen and (min-width: 1921px) {
    .justify-content-md-center {
        justify-content: center !important
    }
}
.justify-content-between {
    justify-content: space-between !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-between {
        justify-content: space-between !important
    }
}
@media screen and (min-width: 1921px) {
    .justify-content-md-between {
        justify-content: space-between !important
    }
}
.justify-content-around {
    justify-content: space-around !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-around {
        justify-content: space-around !important
    }
}
@media screen and (min-width: 1921px) {
    .justify-content-md-around {
        justify-content: space-around !important
    }
}
.justify-content-evenly {
    justify-content: space-evenly !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
}
@media screen and (min-width: 1921px) {
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
}
.align-items-start {
    align-items: flex-start !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-start {
        align-items: flex-start !important
    }
}
@media screen and (min-width: 1921px) {
    .align-items-md-start {
        align-items: flex-start !important
    }
}
.align-items-end {
    align-items: flex-end !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-end {
        align-items: flex-end !important
    }
}
@media screen and (min-width: 1921px) {
    .align-items-md-end {
        align-items: flex-end !important
    }
}
.align-items-center {
    align-items: center !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-center {
        align-items: center !important
    }
}
@media screen and (min-width: 1921px) {
    .align-items-md-center {
        align-items: center !important
    }
}
.align-items-baseline {
    align-items: baseline !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-baseline {
        align-items: baseline !important
    }
}
@media screen and (min-width: 1921px) {
    .align-items-md-baseline {
        align-items: baseline !important
    }
}
.align-items-stretch {
    align-items: stretch !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-stretch {
        align-items: stretch !important
    }
}
@media screen and (min-width: 1921px) {
    .align-items-md-stretch {
        align-items: stretch !important
    }
}
.flex-column {
    flex-direction: column !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-column {
        flex-direction: column !important
    }
}
@media screen and (min-width: 1921px) {
    .flex-md-column {
        flex-direction: column !important
    }
}
.flex-column-reverse {
    flex-direction: column-reverse !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
}
@media screen and (min-width: 1921px) {
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
}
.flex-row {
    flex-direction: row !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-row {
        flex-direction: row !important
    }
}
@media screen and (min-width: 1921px) {
    .flex-md-row {
        flex-direction: row !important
    }
}
.flex-row-reverse {
    flex-direction: row-reverse !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
}
@media screen and (min-width: 1921px) {
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
}
.flex-wrap {
    flex-wrap: wrap !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
}
@media screen and (min-width: 1921px) {
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
}
.flex-nowrap {
    flex-wrap: nowrap !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
}
@media screen and (min-width: 1921px) {
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
}
.text-wrap {
    text-wrap: wrap !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-wrap {
        text-wrap: wrap !important
    }
}
@media screen and (min-width: 1921px) {
    .text-md-wrap {
        text-wrap: wrap !important
    }
}
.text-nowrap {
    text-wrap: nowrap !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-nowrap {
        text-wrap: nowrap !important
    }
}
@media screen and (min-width: 1921px) {
    .text-md-nowrap {
        text-wrap: nowrap !important
    }
}
.position-relative {
    position: relative !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .position-md-relative {
        position: relative !important
    }
}
@media screen and (min-width: 1921px) {
    .position-md-relative {
        position: relative !important
    }
}
.position-absolute {
    position: absolute !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .position-md-absolute {
        position: absolute !important
    }
}
@media screen and (min-width: 1921px) {
    .position-md-absolute {
        position: absolute !important
    }
}
.position-fixed {
    position: fixed !important
}
@media screen and (min-width: 768px)and (max-width: 1920px) {
    .position-md-fixed {
        position: fixed !important
    }
}
@media screen and (min-width: 1921px) {
    .position-md-fixed {
        position: fixed !important
    }
}
.site {
    overflow-x: hidden
}
header {
    padding: 2.5rem 1.25rem .5rem;
    width: 100%;
    height: 10rem
}
@media screen and (max-width: 767px) {
    header {
        position: fixed;
        padding: 3rem;
        background-color: #fff;
        width: 100%;
        height: initial;
        z-index: 99999
    }
}
header.top {
    position: absolute
}
header.page {
    background-color: #fff
}
header .header-row .logo-box {
    width: 18.5rem;
    margin-top: .7rem
}
@media screen and (max-width: 767px) {
    header .header-row .logo-box {
        width: 47rem;
        margin-top: initial
    }
}
header .header-row .logo-box h1.logo-area span {
    text-indent: -9999px;
    display: block;
    position: absolute
}
header .header-row .logo-box p.logo-area span {
    text-indent: -9999px;
    display: block;
    position: absolute
}
header .header-row .header-menu {
    width: 47.8rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu {
        width: 8rem
    }
}
header .header-row .header-menu .header-top .header-top-row .contact-col {
    width: 9.4rem;
    border-radius: 3.675px;
    margin-right: 1rem;
    background-color: #041029
}
header .header-row .header-menu .header-top .header-top-row .contact-col a {
    gap: 9%;
    width: 100%;
    height: 3rem
}
header .header-row .header-menu .header-top .header-top-row .contact-col a .icon {
    background-image: url(../img/icon-mail.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 14%;
    height: 1.2rem
}
header .header-row .header-menu .header-top .header-top-row .contact-col a .txt {
    width: 52%
}
header .header-row .header-menu .header-top .header-top-row .contact-col a .txt p {
    color: #fff;
    font-size: .8rem
}
header .header-row .header-menu .header-top .header-top-row .report-col {
    width: 9.4rem;
    border-radius: 3.675px;
    margin-right: 1.6rem;
    background-color: #082c4f
}
header .header-row .header-menu .header-top .header-top-row .report-col a {
    gap: 9%;
    width: 100%;
    height: 3rem
}
header .header-row .header-menu .header-top .header-top-row .report-col a .icon {
    background-image: url(../img/icon-shiryo.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 11%;
    height: 1.3rem
}
header .header-row .header-menu .header-top .header-top-row .report-col a .txt {
    width: 35%
}
header .header-row .header-menu .header-top .header-top-row .report-col a .txt p {
    color: #fff;
    font-size: .8rem
}
header .header-row .header-menu .header-top .header-top-row .tel-col {
    width: 15.6rem
}
header .header-row .header-menu .header-top .header-top-row .tel-col .icon {
    background-image: url(../img/icon-tel.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.3rem;
    height: 2.4rem
}
header .header-row .header-menu .header-top .header-top-row .tel-col .txt {
    width: 85%
}
header .header-row .header-menu .header-top .header-top-row .tel-col .txt p.top {
    font-size: .7rem;
    color: #041029
}
header .header-row .header-menu .header-top .header-top-row .tel-col .txt p.bottom a {
    color: #041029;
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: .1rem;
    white-space: nowrap
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container {
        width: 100%;
        position: absolute;
        background-color: #fff;
        left: 0;
        top: 16rem;
        transform: translateX(100%);
        transition: .5s;
        height: 100vh
    }
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container.active {
        transform: translateX(0%)
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container {
    margin-top: 1rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container {
        margin-top: 0
    }
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 {
        display: initial
    }
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li {
        border-top: solid 1px #082c4f
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.home {
    margin-right: 3rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.home {
        margin-right: 0rem
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.business {
    margin-right: 4rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.business {
        margin-right: 0rem
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.business::before {
    content: "";
    background-image: url("../img/icon-plus.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: .75rem;
    height: .75rem;
    display: inline-block;
    position: absolute;
    right: -0.9rem;
    top: .3rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.business::before {
        width: 2.75rem;
        height: 2.75rem;
        display: inline-block;
        position: absolute;
        left: 40rem;
        top: 4.75rem
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.works {
    margin-right: 4rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.works {
        margin-right: 0rem
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.works::before {
    content: "";
    background-image: url("../img/icon-plus.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: .75rem;
    height: .75rem;
    display: inline-block;
    position: absolute;
    right: -0.9rem;
    top: .3rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.works::before {
        width: 2.75rem;
        height: 2.75rem;
        display: inline-block;
        position: absolute;
        left: 17rem;
        top: 4.75rem
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.news {
    margin-right: 2.9rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.news {
        margin-right: 0rem
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.company {
    margin-right: 2.3rem
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li.company {
        margin-right: 0rem
    }
}
header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li a {
    font-size: 1rem;
    letter-spacing: .12rem;
    white-space: nowrap
}
@media screen and (max-width: 767px) {
    header .header-row .header-menu .menu-container .main-navigation .menu-mainmenu1-container ul#Main1 li a {
        font-size: 4rem;
        letter-spacing: .3rem;
        color: #041029 !important;
        padding: 3rem
    }
}
header .header-row .header-menu .btn1 {
    position: relative;
    background: hsla(0, 0%, 100%, 0);
    cursor: pointer;
    width: 8rem;
    height: 7rem;
    border: none;
    padding: 0
}
header .header-row .header-menu .btn1 span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 10%;
    height: 2px;
    border-radius: 2px;
    width: 80%
}
header .header-row .header-menu .btn1 span:nth-of-type(1) {
    top: 1rem;
    background-color: #041029
}
header .header-row .header-menu .btn1 span:nth-of-type(2) {
    top: 3.25rem;
    background-color: #041029
}
header .header-row .header-menu .btn1 span:nth-of-type(3) {
    top: 5.5rem;
    background-color: #041029
}
header .header-row .header-menu .btn1.active span:nth-of-type(1) {
    top: 8px;
    left: 10%;
    transform: translateY(6px) rotate(-45deg);
    width: 80%
}
header .header-row .header-menu .btn1.active span:nth-of-type(2) {
    opacity: 0
}
header .header-row .header-menu .btn1.active span:nth-of-type(3) {
    top: 20px;
    left: 10%;
    transform: translateY(-6px) rotate(45deg);
    width: 80%
}
.mega-menu {
    right: 0;
    top: 0;
    width: 100%;
    transform: translateX(100%);
    transition: .25s;
    z-index: 999999;
    position: relative
}
.mega-menu.active {
    transform: translateX(0%)
}
@media screen and (max-width: 767px) {
    .mega-menu {
        height: 100vh
    }
}
.mega-menu .menu-main {
    width: 88.5%;
    margin-left: 11.5%;
    height: 100vh;
    padding-top: 4.9rem;
    padding-left: 9.3%;
    background-color: rgba(0, 0, 0, .8392156863)
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main {
        width: 100%;
        padding: 5%;
        margin-left: 0%
    }
}
.mega-menu .menu-main .close-btn {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    cursor: pointer
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main .close-btn {
        width: 5rem;
        height: 5rem
    }
}
.mega-menu .menu-main .close-btn::before {
    content: "";
    position: absolute;
    border-top: solid 2px #fff;
    width: 1.5rem;
    height: 1px;
    transform: rotateZ(45deg);
    top: .5rem
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main .close-btn::before {
        width: 5rem;
        top: 2.25rem
    }
}
.mega-menu .menu-main .close-btn::after {
    content: "";
    position: absolute;
    border-top: solid 2px #fff;
    width: 1.5rem;
    height: 1px;
    transform: rotateZ(135deg);
    top: .5rem
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main .close-btn::after {
        width: 5rem;
        top: 2.25rem
    }
}
.mega-menu .menu-main .service-row {
    margin-top: .8rem;
    gap: 3%
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main .service-row {
        margin-top: 5rem;
        height: 70rem;
        overflow: auto
    }
}
.mega-menu .menu-main .service-row .service-col {
    width: 22%;
    margin-bottom: 1.9rem
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main .service-row .service-col {
        width: 48.5%
    }
}
.mega-menu .menu-main .service-row .service-col .img-box {
    height: 8.5rem;
    overflow: hidden
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main .service-row .service-col .img-box {
        height: 21rem
    }
}
.mega-menu .menu-main .service-row .service-col .service-title h3 {
    font-size: .9rem;
    color: #fff
}
@media screen and (max-width: 767px) {
    .mega-menu .menu-main .service-row .service-col .service-title h3 {
        font-size: 3.25rem
    }
}
.f-top .f-top-bg {
    background-image: url("../img/footer-top-bg.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 3.7rem;
    padding-bottom: 4rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg {
        padding-top: 15rem;
        padding-bottom: 15rem
    }
}
.f-top .f-top-bg .title {
    color: #fff
}
.f-top .f-top-bg .title h3 {
    font-size: 1.8rem;
    letter-spacing: .23rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .title h3 {
        font-size: 4rem;
        letter-spacing: .5rem
    }
}
.f-top .f-top-bg .title p {
    margin-top: .7rem;
    font-size: 1.1rem;
    letter-spacing: .05rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .title p {
        margin-top: 1.5rem;
        font-size: 3rem;
        letter-spacing: .5rem
    }
}
.f-top .f-top-bg .f-row {
    width: 63.5%;
    margin: 1.8rem auto 2.6rem;
    color: #fff
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row {
        margin: 5rem auto
    }
}
.f-top .f-top-bg .f-row .report-col {
    width: 47.5%;
    background-color: #082c4f
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col {
        width: 100%;
        margin-bottom: 5rem
    }
}
.f-top .f-top-bg .f-row .report-col a .top {
    padding-top: 3rem
}
.f-top .f-top-bg .f-row .report-col a .top p {
    font-size: 1.1rem;
    letter-spacing: .15rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col a .top p {
        font-size: 3rem
    }
}
.f-top .f-top-bg .f-row .report-col a .bottom {
    margin-top: 1rem;
    padding-bottom: 2.2rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col a .bottom {
        margin-top: 3rem;
        padding-bottom: 3rem
    }
}
.f-top .f-top-bg .f-row .report-col a .bottom .row {
    width: 82%;
    margin-left: 18%
}
.f-top .f-top-bg .f-row .report-col a .bottom .row .icon {
    background-image: url(../img/icon-shiryo.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6%;
    height: 2rem;
    margin-right: 0rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col a .bottom .row .icon {
        width: 11%;
        height: 7rem
    }
}
.f-top .f-top-bg .f-row .report-col a .bottom .row .txt {
    width: 91%;
    margin-left: 3%
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col a .bottom .row .txt {
        width: 86%;
        margin-left: 3%
    }
}
.f-top .f-top-bg .f-row .report-col a .bottom .row .txt p {
    font-size: 1.7rem;
    letter-spacing: .17rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col a .bottom .row .txt p {
        font-size: 3.3rem;
        letter-spacing: .15rem
    }
}
.f-top .f-top-bg .f-row .report-col a .bottom .tri {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    background-color: #fff;
    width: .9rem;
    height: 1rem;
    top: .8rem;
    left: 24rem;
    transition: .5s
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col a .bottom .tri {
        width: 1.9rem;
        height: 2.5rem;
        top: 2.3rem;
        left: 51.5rem
    }
}
.f-top .f-top-bg .f-row .report-col a:hover .tri {
    left: 24.5rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .report-col a:hover .tri {
        left: 52.5rem
    }
}
.f-top .f-top-bg .f-row .contact-col {
    width: 47.5%;
    background-color: #041029
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col {
        width: 100%
    }
}
.f-top .f-top-bg .f-row .contact-col a .top {
    padding-top: 2.3rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a .top {
        padding-top: 3rem
    }
}
.f-top .f-top-bg .f-row .contact-col a .top p {
    font-size: 1.1rem;
    letter-spacing: .15rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a .top p {
        font-size: 3rem
    }
}
.f-top .f-top-bg .f-row .contact-col a .top p.sm {
    font-size: .8rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a .top p.sm {
        font-size: 2.8rem
    }
}
.f-top .f-top-bg .f-row .contact-col a .bottom {
    margin-top: .5rem;
    padding-bottom: 2.2rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a .bottom {
        margin-top: 3rem;
        padding-bottom: 3rem
    }
}
.f-top .f-top-bg .f-row .contact-col a .bottom .row {
    width: 89%;
    margin-left: 11%
}
.f-top .f-top-bg .f-row .contact-col a .bottom .row .icon {
    background-image: url(../img/icon-mail.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7.5%;
    height: 1.5rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a .bottom .row .icon {
        width: 12.5%;
        height: 5rem
    }
}
.f-top .f-top-bg .f-row .contact-col a .bottom .row .txt {
    width: 90.5%;
    margin-left: 2%
}
.f-top .f-top-bg .f-row .contact-col a .bottom .row .txt p {
    font-size: 1.7rem;
    letter-spacing: .17rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a .bottom .row .txt p {
        font-size: 3.3rem
    }
}
.f-top .f-top-bg .f-row .contact-col a .bottom .tri {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    background-color: #fff;
    width: .9rem;
    height: 1rem;
    top: .8rem;
    left: 26rem;
    transition: .5s
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a .bottom .tri {
        top: 1.5rem;
        left: 51.5rem;
        width: 1.9rem;
        height: 2.5rem
    }
}
.f-top .f-top-bg .f-row .contact-col a:hover .tri {
    left: 26.5rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-row .contact-col a:hover .tri {
        left: 52.5rem
    }
}
.f-top .f-top-bg .f-bottom {
    width: 63.5%;
    margin: auto;
    border: solid 2px #fff;
    color: #fff;
    padding-bottom: 1.1rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-bottom {
        padding-bottom: 4rem
    }
}
.f-top .f-top-bg .f-bottom .f-bottom-row .col1 {
    width: 47.5%
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-bottom .f-bottom-row .col1 {
        width: 100%
    }
}
.f-top .f-top-bg .f-bottom .f-bottom-row .col1 .top {
    font-size: 1.35rem;
    margin-top: 1.2rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-bottom .f-bottom-row .col1 .top {
        font-size: 3rem;
        margin-top: 3rem
    }
}
.f-top .f-top-bg .f-bottom .f-bottom-row .col1 .bottom {
    font-size: .9rem;
    letter-spacing: .11rem;
    margin-top: .3rem;
    margin-left: 7.2rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-bottom .f-bottom-row .col1 .bottom {
        font-size: 2.5rem;
        margin-top: 1rem;
        margin-left: 15rem
    }
}
.f-top .f-top-bg .f-bottom .f-bottom-row .col2 {
    width: 47.5%;
    margin-top: 1.3rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-bottom .f-bottom-row .col2 {
        width: 100%;
        margin-top: 3rem
    }
}
.f-top .f-top-bg .f-bottom .f-bottom-row .col2 .icon {
    background-image: url(../img/icon-tel2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 11%;
    height: 3.5rem;
    margin-left: 22.5%
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-bottom .f-bottom-row .col2 .icon {
        width: 11%;
        height: 7rem;
        margin-left: 11.5%
    }
}
.f-top .f-top-bg .f-bottom .f-bottom-row .col2 .txt {
    margin-left: 6%
}
.f-top .f-top-bg .f-bottom .f-bottom-row .col2 .txt p {
    font-size: 2.5rem;
    letter-spacing: .21rem
}
@media screen and (max-width: 767px) {
    .f-top .f-top-bg .f-bottom .f-bottom-row .col2 .txt p {
        font-size: 4.5rem;
        letter-spacing: .5rem
    }
}
footer .footer-main {
    background-image: url("../img/footer-bg.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 2.8rem;
    padding-bottom: 6rem
}
@media screen and (max-width: 767px) {
    footer .footer-main {
        padding-top: 10rem
    }
}
footer .footer-main .footer-logo-area {
    width: 18%;
    margin: auto
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer-logo-area {
        width: 45%
    }
}
footer .footer-main .footer--menu1 {
    width: 64%;
    margin: 2rem auto
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 {
        width: 75%;
        margin: 10rem auto
    }
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li {
        min-width: 35rem;
        margin-bottom: 5rem
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li a {
    font-size: 1rem;
    letter-spacing: .1rem;
    white-space: nowrap
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li a {
        font-size: 3rem
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.home {
    margin-left: .4rem;
    margin-right: 3.6rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.home {
        margin-left: 0;
        margin-right: 0
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.service {
    position: relative;
    margin-right: .9rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.service {
        margin-right: 0
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.service .sub-menu {
    margin-left: -0.3rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.service .sub-menu {
        margin-top: 1rem
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.service .sub-menu li {
    margin-bottom: .06rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.service .sub-menu li {
        margin-bottom: 1.5rem
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.service .sub-menu li a {
    font-size: .8rem;
    letter-spacing: .12rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.service .sub-menu li a {
        font-size: 2.75rem
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.service:before {
    content: "";
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #000;
    width: .8rem;
    height: .7rem;
    position: absolute;
    top: .5rem;
    left: 4.8rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.service:before {
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: 1.3rem;
        left: 14rem
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.works {
    margin-right: 3.7rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.works {
        margin-right: 0
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.news {
    margin-right: 3.9rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.news {
        margin-right: 0
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.company {
    margin-right: 3.7rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.company {
        margin-right: 0
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.contact {
    margin-right: 3.7rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.contact {
        margin-right: 0
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.recruit .sub-menu {
    margin-left: -6.7rem;
    margin-top: 3rem
}
@media screen and (max-width: 767px) {
    footer .footer-main .footer--menu1 ul#Footer1 li.recruit .sub-menu {
        margin-left: 0;
        margin-top: 5rem
    }
}
footer .footer-main .footer--menu1 ul#Footer1 li.recruit .sub-menu a {
    letter-spacing: .15rem
}
footer .copyright {
    bottom: -6rem;
    right: -3.1rem
}
@media screen and (max-width: 767px) {
    footer .copyright {
        position: relative;
        right: 0
    }
}
footer .copyright p {
    font-size: .85rem;
    letter-spacing: .08rem
}
@media screen and (max-width: 767px) {
    footer .copyright p {
        font-size: 2.5rem;
        letter-spacing: .05rem;
        text-align: center
    }
}
footer .page-top {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 2rem;
    right: 3rem;
    top: 3rem;
    background-color: #041029
}
@media screen and (max-width: 767px) {
    footer .page-top {
        width: 13rem;
        height: 13rem;
        border-radius: 7rem;
        right: 5rem;
        bottom: 20rem;
        top: initial
    }
}
footer .page-top .tri {
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    background-color: #fff;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
@media screen and (max-width: 767px) {
    footer .page-top .tri {
        width: 4.25rem;
        height: 4.25rem
    }
}
@font-face {
    font-family: "noto-sans";
    src: url("../fonts/NotoSansJP-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "noto-serif";
    src: url("../fonts/NotoSerifJP-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}
.yu-mincho {
    font-family: "yu-mincho-pr6n", serif;
    font-weight: normal
}
.yu-mincho-b {
    font-family: "yu-mincho-pr6n", serif;
    font-weight: bold
}
.noto-sans {
    font-family: "noto-sans"
}
.noto-serif {
    font-family: "noto-serif"
}
.recruit-mv {
    background-image: url("../img/recruit-mv.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 32.4rem
}
@media screen and (max-width: 767px) {
    .recruit-mv {
        margin-top: 16rem;
        height: 50rem;
        background-position: right
    }
}
.recruit-mv .container {
    max-width: 100%;
    width: 81.5%;
    margin: 0 auto;
    text-align: center
}
@media screen and (max-width: 767px) {
    .recruit-mv .container {
        width: 90%
    }
}
.recruit-mv .container h1 {
    font-size: 3.2rem;
    font-weight: 100;
    padding-top: 12.7rem;
    text-align: left;
    color: #fff
}
@media screen and (max-width: 767px) {
    .recruit-mv .container h1 {
        font-size: 8.5rem;
        padding-top: 19rem
    }
}
.recruit-mv .container h1 .sub {
    display: block;
    font-size: 1.2rem;
    letter-spacing: .05rem
}
@media screen and (max-width: 767px) {
    .recruit-mv .container h1 .sub {
        font-size: 3.5rem
    }
}
.recruit-mv2 {
    position: relative;
    background-image: url("../img/recruit-mv2-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 86.5rem;
    color: #041029
}
@media screen and (max-width: 767px) {
    .recruit-mv2 {
        background-position: left;
        height: 140.5rem
    }
}
.recruit-mv2 .container .recruit-mv2-text {
    position: absolute;
    top: 17.2rem;
    right: 9.2rem
}
@media screen and (max-width: 767px) {
    .recruit-mv2 .container .recruit-mv2-text {
        right: 50%;
        transform: translateX(50%);
        width: 90%
    }
}
.recruit-mv2 .container .recruit-mv2-text h2 {
    font-size: 2.9rem;
    font-weight: bold;
    letter-spacing: .15rem;
    padding-bottom: .4rem;
    background: #3a93c8;
    background: linear-gradient(0deg, #3a93c8 35%, #023a64 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}
@media screen and (max-width: 767px) {
    .recruit-mv2 .container .recruit-mv2-text h2 {
        font-size: 6rem;
        padding-bottom: 1.4rem
    }
}
.recruit-mv2 .container .recruit-mv2-text p {
    font-size: 1.1rem;
    letter-spacing: .05rem;
    line-height: 2.3rem
}
@media screen and (max-width: 767px) {
    .recruit-mv2 .container .recruit-mv2-text p {
        font-size: 3rem;
        line-height: 5.5rem
    }
}
.recruit-mv2 .container .recruit-mv2-text p:last-child {
    padding-top: 2rem
}
.recruit-mv2 .container .recruit-mv2-text p .br {
    display: block
}
@media screen and (max-width: 767px) {
    .recruit-mv2 .container .recruit-mv2-text p .br {
        display: inline
    }
}
.recruit-mv2 .recruit-mv2-img img {
    position: absolute
}
.recruit-mv2 .recruit-mv2-img img.mv2-1 {
    top: 10.6rem;
    left: 0;
    height: 36.8rem;
    z-index: 1
}
@media screen and (max-width: 767px) {
    .recruit-mv2 .recruit-mv2-img img.mv2-1 {
        top: auto;
        left: 5rem;
        bottom: 32rem
    }
}
.recruit-mv2 .recruit-mv2-img img.mv2-2 {
    bottom: 20.5rem;
    left: 31.9rem;
    height: 25.9rem;
    z-index: 3
}
@media screen and (max-width: 767px) {
    .recruit-mv2 .recruit-mv2-img img.mv2-2 {
        bottom: 36.5rem;
        left: 44rem
    }
}
.recruit-mv2 .recruit-mv2-img img.mv2-3 {
    bottom: 8rem;
    right: 17rem;
    height: 34.8rem;
    z-index: 2
}
@media screen and (max-width: 767px) {
    .recruit-mv2 .recruit-mv2-img img.mv2-3 {
        bottom: 25rem;
        right: 5rem
    }
}
.voice {
    padding: 3.5rem 0 6.2rem
}
@media screen and (max-width: 767px) {
    .voice {
        padding: 4rem 0 8rem
    }
}
.voice .container {
    max-width: 100%;
    width: 62.5%;
    margin: 0 auto;
    text-align: center
}
@media screen and (max-width: 767px) {
    .voice .container {
        width: 90%
    }
}
.voice .container .section-title h1 {
    font-weight: 300;
    font-size: 5.1rem;
    letter-spacing: .55rem;
    text-align: center;
    background: #3a93c8;
    background: linear-gradient(0deg, #3a93c8 35%, #023a64 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}
@media screen and (max-width: 767px) {
    .voice .container .section-title h1 {
        font-size: 11.3rem
    }
}
.voice .container .section-title .sub {
    font-weight: lighter;
    letter-spacing: .1rem;
    text-align: center;
    color: #082c4f
}
@media screen and (max-width: 767px) {
    .voice .container .section-title .sub {
        font-size: 3rem
    }
}
.voice .container .voice-box {
    padding-top: 2.2rem
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box {
        padding-top: 4.2rem
    }
}
.voice .container .voice-box .voice-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #aaa;
    padding: .9rem 0
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list {
        flex-direction: column;
        padding: 4.5rem 0;
        align-items: center
    }
}
.voice .container .voice-box .voice-list:first-of-type {
    padding: 0 0 .9rem
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list:first-of-type {
        padding: 0 0 4.5rem
    }
}
.voice .container .voice-box .voice-list .voice-img {
    width: 26.5%
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list .voice-img {
        width: 50%
    }
}
.voice .container .voice-box .voice-list .voice-text {
    padding-top: 1.5rem;
    width: 70%;
    text-align: left
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list .voice-text {
        width: 100%
    }
}
.voice .container .voice-box .voice-list .voice-text .voice-text-title {
    font-size: .9rem;
    background: #3a93c8;
    background: linear-gradient(180deg, #3a93c8 0%, #0166b2 50%, #023a64 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list .voice-text .voice-text-title {
        font-size: 2.5rem;
        text-align: center
    }
}
.voice .container .voice-box .voice-list .voice-text .voice-text-name {
    font-size: 1.3rem;
    letter-spacing: .05rem;
    color: #082c4f;
    font-weight: bold
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list .voice-text .voice-text-name {
        font-size: 3rem;
        text-align: center
    }
}
.voice .container .voice-box .voice-list .voice-text .voice-text-name .small {
    font-size: 1rem
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list .voice-text .voice-text-name .small {
        font-size: 2.5rem
    }
}
.voice .container .voice-box .voice-list .voice-text .voice-text-talk {
    line-height: 1.7rem
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list .voice-text .voice-text-talk {
        font-size: 3rem;
        line-height: 5.5rem;
        padding-top: 1.2rem
    }
}
.voice .container .voice-box .voice-list .voice-text .voice-text-talk .br {
    display: block
}
.voice .container .voice-box .voice-list .voice-text .voice-text-talk .space {
    line-height: 5rem
}
@media screen and (max-width: 767px) {
    .voice .container .voice-box .voice-list .voice-text .voice-text-talk .space {
        line-height: inherit
    }
}
.wanted {
    background-image: url("../img/recruit-wanted-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 104.2rem
}
@media screen and (max-width: 767px) {
    .wanted {
        height: auto;
        padding-bottom: 8rem
    }
}
.wanted .section-title {
    background-image: url("../img/recruit-wanted-h1-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 16rem
}
@media screen and (max-width: 767px) {
    .wanted .section-title {
        height: auto;
        padding-bottom: 8rem
    }
}
.wanted .section-title h1 {
    font-weight: 300;
    font-size: 5.1rem;
    letter-spacing: .55rem;
    text-align: center;
    color: #fff;
    padding-top: 3.5rem
}
@media screen and (max-width: 767px) {
    .wanted .section-title h1 {
        font-size: 11.3rem;
        padding-top: 4rem
    }
}
.wanted .section-title h1 .sub {
    display: block;
    font-size: 1rem;
    font-weight: lighter;
    letter-spacing: .1rem;
    text-align: center
}
@media screen and (max-width: 767px) {
    .wanted .section-title h1 .sub {
        font-size: 3rem
    }
}
.wanted .container {
    width: 62.5%;
    margin: 4.3rem auto 0
}
@media screen and (max-width: 767px) {
    .wanted .container {
        width: 90%;
        margin: 8rem auto 0
    }
}
.wanted .container .indeed-box {
    font-size: 2rem;
    padding: .5rem 1rem;
    background-color: hsla(0, 0%, 100%, .537254902)
}
@media screen and (max-width: 767px) {
    .wanted .container .indeed-box {
        font-size: 4rem
    }
}
.wanted .container .indeed-box .indeed {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 35.6rem 0
}
/*# sourceMappingURL=recruit.css.map */





/* 追加　0221 */

.gaiyou {
    padding-top: 4.3rem;
    padding-bottom: 4.3rem;
}
.gaiyou .container {
    max-width: 100%;
    width: 70%;
    margin: 0 auto;
    text-align: center
}
@media screen and (max-width: 767px) {
    .gaiyou .container {
        width: 90%
    }
}
.gaiyou .container h1 {
    color: #082c4f;
    padding-bottom: .5rem
}
.gaiyou .container h1.big {
    font-weight: lighter;
    font-size: 3.8rem;
    letter-spacing: .3rem;
    text-align: center
}
@media screen and (max-width: 767px) {
    .gaiyou .container h1.big {
        font-size: 7.8rem
    }
}
.gaiyou .container h1.big::first-letter {
    font-size: 5.3rem
}
@media screen and (max-width: 767px) {
    .gaiyou .container h1.big::first-letter {
        font-size: 11.3rem
    }
}
.gaiyou .container h1 .sub {
    display: block;
    font-size: 1rem;
    letter-spacing: .1rem
}
@media screen and (max-width: 767px) {
    .gaiyou .container h1 .sub {
        font-size: 3rem
    }
}
.gaiyou .container dl {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    font-size: 1.25rem;
    letter-spacing: .1rem;
    line-height: 2.5rem;
    border-top: 1px solid #082c4f
}
@media screen and (max-width: 767px) {
    .gaiyou .container dl {
        font-size: 3rem;
        line-height: 9.5rem
    }
}
.gaiyou .container dl dt {
    width: 20%;
    border-bottom: 1px solid #082c4f;
    padding: 1.8rem 1rem;
    font-weight: normal
}
.gaiyou .container dl dd {
    width: 80%;
    border-bottom: 1px solid #082c4f;
    padding: 1.8rem 3.3rem;
    margin: 0
}
.gaiyou .container dl dd:last-child {
    line-height: 3rem
}
@media screen and (max-width: 767px) {
    .gaiyou .container dl dd:last-child {
        line-height: 5rem
    }
}
.gaiyou .container dl .br {
    display: block
}
@media screen and (max-width: 767px) {
    .gaiyou .container dl .br {
        display: inline
    }
}

/* 追加　0221 */