@charset "utf-8";
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap";

.sp {
    display: none !important;
}
  
@media screen and (max-width: 767px) {
    .pc {
        display: none !important;
    }
    
    .sp {
        display: block !important;
    }
    
}

@media screen and (max-width: 767px) {
}

body, table, input, textarea, select, option{
    font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "Yu Gothic medium", "ヒラギノ⾓ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #000;
}
.opensans {
    font-family: "Open Sans", sans-serif;
}
img{
    width: 100%;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    height: auto;
}
html,body{
    background: #EDEDED;
}
html{
    width: 100%;
    position: relative;
    overflow-x: hidden;
}
body{
    height: auto;
    width: 100%;
    overflow-x: hidden;
}
.box_left{
    opacity: 0;
    transform: translate(-50px, 0);
}
.box_right{
    opacity: 0;
    transform: translate(50px, 0);
}
a{
    transition: all .3s;
}
a:hover{
    opacity: 0.6;
}
body{
    z-index: 1;
    position: relative;
}
.bg_video{
    width: calc(1440vw / 1440* 100);
    height: 100vh;
    background: url(../img/kv-alternative.jpg) no-repeat center / cover;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
@media screen and (max-width: 767px) {
    .bg_video{
        width: calc(375vw / 375* 100);
    }
}
.bg_video > video{
    object-fit: cover;
    min-height: 120%;
    min-width: 100%;
}
@media screen and (max-width: 767px) {
    .bg_video > video{
        min-height: 140%;
    }
}
/* リンクをカード形式で表示させる時のスタイル */
.blogcard {
    line-height: 1;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    word-wrap: break-word;
    color: black;
    margin:  calc(30vw / 1440 * 100) 0;
}

@media screen and (max-width: 768px) {
    .blogcard {
        margin:  calc(40vw / 375 * 100) 0;
    }
}
.blogcard.ex {
    background-color: #f7f7f7;
}
.blogcard a {
    text-decoration: none;
    opacity: 1;
    transition: all 0.2s ease;
    color: black;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .blogcard a {
        flex-direction: column;
    }
}
.blogcard a:hover {
    opacity: 0.6;
    color: #0066ca;
}
.blogcard_thumbnail {
    overflow: hidden;
    width: calc(150vw / 1440 * 100); 
    height: calc(150vw / 1440 * 100);
    position: relative;
    background-color: #2b2b2b;
}
@media screen and (max-width: 768px) {
    .blogcard_thumbnail {
        width: calc(315vw / 375* 100);
        height: calc(165vw / 375* 100);
    }
}
.blogcard_thumbnail img {
    margin-bottom: 0px !important;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.blogcard_content{
    width: calc(616vw / 1440* 100);
}
@media screen and (max-width: 768px) {
    .blogcard_content{
        width: 100%;
    }
}
.blogcard_title {
    font-size: calc(16vw / 1440 * 100);
    font-weight: bold;
    line-height: 140%;
    padding: calc(20vw / 1440 * 100) calc(20vw / 1440 * 100) calc(10vw / 1440 * 100);
}
@media screen and (max-width: 768px) {
    .blogcard_title {
        font-size: calc(14vw / 375 * 100);
        padding: calc(20vw / 375 * 100) calc(20vw / 375 * 100) calc(10vw / 375 * 100);
    }
}
.blogcard_excerpt {
    font-size: calc(14vw / 1440 * 100);
    line-height: 160%;
    padding: 0 calc(17vw / 1440 * 100) calc(15vw / 1440 * 100) calc(20vw / 1440 * 100);
}
@media screen and (max-width: 768px) {
    .blogcard_excerpt {
        display: none;
    }
}
.blogcard_link {
    font-size: calc(13vw / 1440 * 100);
    padding: 0 calc(17vw / 1440 * 100) calc(15vw / 1440 * 100) calc(20vw / 1440 * 100);
    text-align: left;
}
@media screen and (max-width: 768px) {
    .blogcard_link {
        font-size: calc(13vw / 375 * 100);
        padding: 0 calc(17vw / 375 * 100) calc(15vw / 375 * 100) calc(20vw / 375 * 100);
    }
}

.blogcard_link .icon-external-link-alt::before {
    font-size: calc(14vw / 1440 * 100);
}





/* common */
.btn_bl{
    width: calc(255vw / 1440 * 100);
    height: calc(69vw / 1440 * 100);
    display: flex;
    border-radius: calc(10vw / 1440 * 100);
    background: #0D3C9D;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
@media screen and (max-width: 767px) {
    .btn_bl{
        width: calc(162vw / 375 * 100);
        height: calc(45vw / 375 * 100);
        border-radius: calc(6vw / 375 * 100);
    }
}
.btn_bl::after{
    content: "";
    background-image: url(../img/arrow_w.svg);
    width: calc(16.89vw / 1440 * 100);
    height: calc(12.908vw / 1440 * 100);
    position: absolute;
    right: calc(20vw / 1440 * 100);
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
    .btn_bl::after{
        width: calc(10.68vw / 375 * 100);
        height: calc(8.16vw / 375 * 100);
        right: calc(15vw / 375 * 100);
    }
}
.btn_bl > p{
    color: #FFF;
    text-align: center;
    font-size: calc(18vw / 1440 * 100);
    font-weight: 700;
    letter-spacing: calc(1.8vw / 1440 * 100);
    margin-left: calc(25vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .btn_bl > p{
        font-size: calc(13vw / 375 * 100);
        letter-spacing: calc(0.65vw / 375 * 100);
        margin-left: calc(15vw / 375* 100);
    }
}
.btn_bl_s{
    width: calc(200vw / 1440 * 100);
    height: calc(50vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .btn_bl_s{
        width: calc(162vw / 375 * 100);
        height: calc(45vw / 375 * 100);
    }
}
.btn_bl_s::after{
    width: calc(12.815vw / 1440 * 100);
    height: calc(9.793vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .btn_bl_s::after{
        width: calc(10.676vw / 375 * 100);
        height: calc(8.159vw / 375 * 100);
    }
}
.btn_bl_s > p{
    font-size: calc(13vw / 1440* 100);
    letter-spacing: calc(1.3vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .btn_bl_s > p{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(0.65vw / 375* 100);
    }
}
.btn_bl_dark{
    background: #02246A;
}
.btn_bl_k{
    background: #000000;
}
.btn_bl_w{
    background: #fff;
}
.btn_bl_w::after{
    background-image: url(../img/arrow_bl.svg);
}
.btn_bl_w > p{
    color: #0D3C9D;
}

.btn_bl_or{
    background: #ffc900;
}
.btn_bl_or::after{
    background-image: url(../img/arrow_bl.svg);
}
.btn_bl_or > p{
    color: #0D3C9D;
}
.btn_bl_gr{
    background: #eeeeee;
    color: #0D3C9D !important;
}
.btn_bl_gr::after{
    background-image: url(../img/arrow_bl.svg);
}
.btn_bl_gr > p{
    color: #0D3C9D;
}
.btn_bl_wide{
    width: calc(580vw / 1440* 100);
    border: solid 1px #0D3C9D;
}
.or_color{
    background: #ff9800;
}


/* header */
header{
    padding: calc(45vw / 1440 * 100) calc(40vw / 1440 * 100) calc(20vw / 1440 * 100);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(1360vw / 1440 * 100);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
}
body:not(.home) header{
    background: #fff;
    padding: calc(32.5vw / 1440 * 100) calc(40vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    header{
        padding: calc(10vw / 375 * 100) calc(10vw / 375 * 100) 0;
        width: calc(355vw / 375 * 100);
    }
    body:not(.home) header{
        padding: calc(5vw / 375 * 100) calc(10vw / 375 * 100);
    }
}
.header_left{}
.header_left a{
    width: calc(504.249vw / 1440 * 100);
    height: calc(29vw / 1440 * 100);
    display: flex;
}
@media screen and (max-width: 767px) {
    .header_left a{
        width: calc(269.79vw / 375 * 100);
        height: calc(16.37vw / 375 * 100);
        margin-left: calc(10vw / 375* 100);
    }
}
.header_left a h1{
    display: flex;
}
.header_right{}
.header_right ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(35vw / 1440 * 100);
}
.header_right ul li{
    display: flex;
}
.header_right ul li > a{
    display: flex;
    font-size: calc(16vw / 1440 * 100);
    font-weight: 700;
    letter-spacing: calc(1.6vw / 1440 * 100);
}
.header_right ul li > a.coming{
    pointer-events: none;
    opacity: 0.3;
}
@media screen and (max-width: 767px) {
    .header_navi_btn{
        display: flex !important;
        background: #fff;
        width: calc(42vw / 375 * 100);
        height: calc(42vw / 375 * 100);
        border-radius: calc(5vw / 375 * 100);
        align-items: center;
        justify-content: center;
    }
    .header_navi_btn > img{
        width: calc(18vw / 375 * 100);
    }
}
/* main */
main{
    position: relative;
    display: flex;
    z-index: 1;
    justify-content: space-between;
    padding-top: calc(138vw / 1440 * 100);    align-items: center;
    padding-bottom: calc(105vw / 1440* 100);
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    main{
        padding-top: calc(65vw / 375 * 100);
        padding-bottom: calc(45vw / 375* 100);
        flex-direction: column-reverse;
        align-items: flex-end;
    }
}
.main_bg{
    position: absolute;
    z-index: -1;
    width: calc(713vw / 1440 * 100);
    height: calc(799vw / 1440 * 100);
    display: flex;
    top: 0px;
    left: calc(50% - calc(271vw / 1440 * 100));
}
@media screen and (max-width: 767px) {
    .main_bg{
        width: calc(124vw / 375 * 100);
        height: calc(146vw / 375 * 100);
        left: auto;
        right: 0px;
        top: calc(295vw / 375* 100);
    }
}
.main_left{
    padding-left: calc(100vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .main_left{
        padding-left: calc(20vw / 375 * 100);
        width: calc(355vw / 375* 100);
    }
}
.main_left > h2{
    position: relative;
    margin-bottom: calc(65vw / 1440 * 100);
    display: flex;
    width: fit-content;
    flex-direction: column;
}
@media screen and (max-width: 767px) {
    .main_left > h2{
        margin-bottom: calc(22vw / 375 * 100);
        width: calc(335vw / 375 * 100);
    }
}
.main_left > h2::before{
    content: "";
    position: absolute;
    background: #0D3C9D;
    display: flex;
    height: calc(3vw / 1440 * 100);
    width: calc(70vw / 1440 * 100);
    top: calc(20vw / 1440* 100);
    left: calc(-100vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .main_left > h2::before{
        height: calc(2vw / 375 * 100);
        width: calc(12vw / 375 * 100);
        top: calc(10vw / 375* 100);
        left: calc(-20vw / 375* 100);
    }
}
.main_left > h2 > p{
    color: #0D3C9D;
    font-style: normal;
    font-weight: 700;
    line-height: 188.889%;
    letter-spacing: 1.8px;
}
.main_left > h2 > p.ttl01{
    font-size: 36px;
}
.main_left > h2 > p.ttl02{
    font-size: 31px;
}
@media screen and (max-width: 1580px) {
    .main_left > h2 > p.ttl01{
        font-size: calc(36vw / 1580*100);
    }
    .main_left > h2 > p.ttl02{
        font-size: calc(31vw / 1580*100);
    }
}
.main_left > h2 > p.ttl01{
    font-size: calc(44vw / 1440*100);
}
.main_left > h2 > p.ttl02{
    font-size: calc(36vw / 1440*100);
}
@media screen and (max-width: 767px) {
    .main_left > h2 > p.ttl01{
        font-size: calc(21vw / 375*100);
    }
    .main_left > h2 > p.ttl02{
        font-size: calc(17vw / 375*100);
    }
}
.main_cta{
    display: flex;
    align-items: center;
    gap: calc(20vw / 1440 * 100);
    width: calc(520vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .main_cta{
        gap: calc(10vw / 375 * 100);
        width: calc(335vw / 375* 100);
    }
}
.main_right{
    position: relative;
}
.main_right_copy{
    position: absolute;
    display: flex;
    width: calc(153vw / 1440 * 100);
    height: calc(420vw / 1440 * 100);
    z-index: 1;
    right: calc(40vw / 1440* 100);
    top: calc(-30vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .main_right_copy{
        width: calc(109vw / 375 * 100);
        height: calc(297vw / 375 * 100);
        right: calc(20vw / 375* 100);
        top: calc(-15vw / 375* 100);
    }
}
.main_slider_wrapper{
    width: calc(600vw / 1440* 100) !important;
    height: calc(556vw / 1440* 100);
    border-radius: calc(40vw / 1440 * 100) 0 0 calc(40vw / 1440 * 100);
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .main_slider_wrapper{
        width: calc(355vw / 375* 100) !important;
        height: calc(240vw / 375* 100);
        border-radius: calc(20vw / 375 * 100) 0 0 calc(20vw / 375 * 100);
        margin-bottom: calc(30vw / 375 * 100);
    }
}
.main_slider_wrapper ul{
    display: flex;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .main_slider_wrapper ul{
        display: flex;
        height: auto;
        width: 100%;
    }
}
.main_slider li{  
    display: flex;
    height: 100%; 
    overflow: hidden;
    justify-content: center;
    align-items: center; 
}
.main_slider li img{
    height: 100%;
    width: auto;
}
@media screen and (max-width: 767px) {
    .main_slider li img{
        height: auto;
        width: 100%;
    }
}
@keyframes infinity-scroll-left {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
.main_bg_txt{
    position: absolute;
    bottom: calc(-40vw / 1440 * 100);
    left: 0;
    z-index: -1;
}
@media screen and (max-width: 767px) {
    .main_bg_txt{
        bottom: calc(-15vw / 375 * 100);
    }
}
.main_bg_txt_inner{
    display: flex;
    overflow: hidden;
    opacity: 0.6;
}
.main_bg_txt_inner > span{
    width: calc(2093.29vw / 1440 * 100);
    display: flex;
    animation: infinity-scroll-left 40s infinite linear 0.5s both;
    padding-left: 5vw;
}
@media screen and (max-width: 767px) {
    .main_bg_txt_inner > span{
        width: calc(1062.7vw / 375 * 100);
        padding-left: 5vw;
    }
}
.ttl{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(50vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .ttl{
        margin-bottom: calc(20vw / 375 * 100);
    }
}
.ttl h2{
    color: #0D3C9D;
    font-size: calc(50vw / 1440 * 100);
    font-weight: 700;
    letter-spacing: calc(5vw / 1440 * 100);
    margin-bottom: calc(15vw / 1440 * 100);
    line-height: 100%;
}
@media screen and (max-width: 767px) {
    .ttl h2{
        font-size: calc(26vw / 375 * 100);
        letter-spacing: calc(2.6vw / 375 * 100);
        margin-bottom: calc(8vw / 375 * 100);
    }
}
.ttl h3{
    color: #000;
    font-size: calc(20vw / 1440 * 100);
    font-weight: 700;
    letter-spacing: calc(2vw / 1440 * 100);
    line-height: 165%;
}
@media screen and (max-width: 767px) {
    .ttl h3{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        text-align: center;
    }
}
.ttl_small{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: calc(40vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .ttl_small{
        justify-content: center;
        margin: 0 auto calc(20vw / 375* 100);
    }
}
.ttl_small h2{
    color: #FFF;
    font-size: calc(36vw / 1440 * 100);
    font-weight: 700;
    letter-spacing: calc(3.6vw / 1440 * 100);
    margin-right: calc(40vw / 1440 * 100);
    line-height: 100%;
}
@media screen and (max-width: 767px) {
    .ttl_small h2{
        font-size: calc(22vw / 375 * 100);
        letter-spacing: calc(2.2vw / 375 * 100);
        margin-right: calc(20vw / 375 * 100);
    }
}
.ttl_small h3{
    color: #FFF;
    font-size: calc(21vw / 1440 * 100);
    font-weight: 700;
    letter-spacing: calc(2.1vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .ttl_small h3{
        font-size: calc(14vw / 375 * 100);
        letter-spacing: calc(1.4vw / 375 * 100);
    }
}
.ttl_small.w h2,.ttl_small.w h3{
    color: #FFF;
}
.top_blog{
    background: #0D3C9D;
    padding: calc(80vw / 1440 * 100) 0 calc(90vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .top_blog{
        padding: calc(50vw / 375 * 100) 0;
    }
}
.top_blog_inner{
    width: calc(1210vw / 1440 * 100);
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .top_blog_inner{
        width: calc(335vw / 375 * 100);
    }
}
.top_blog_inner > a.btn_bl{
    margin: 0 auto;
}
.top_blog_ttl_wrapper{
    display: flex;
    justify-content: space-between;
}
.top_blog_box_wrapper{
    display: flex;
    justify-content: flex-start;
    gap: calc(46vw / 1440 * 100);
    margin-bottom: calc(30vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .top_blog_box_wrapper{
        margin-bottom: calc(20vw / 375 * 100);
    }
}
.top_blog_box{
    width: calc(373vw / 1440 * 100);
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 767px) {
    .top_blog_box{
        width: calc(280vw / 375 * 100);
        margin: 0 calc(20vw / 375 * 100);
    }
}
.top_blog_box > span{
    display: flex;
    width: calc(373vw / 1440 * 100);
    margin-bottom: calc(20vw / 1440 * 100);
    border-radius: calc(15vw / 1440 * 100);
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .top_blog_box > span{
        width: calc(280vw / 375 * 100);
        margin-bottom: calc(15vw / 375 * 100);
        border-radius: calc(15vw / 375 * 100);
    }
}
.top_blog_box > h4{
    color: #FFF;
    font-size: calc(16vw / 1440 * 100);
    font-weight: 700;
    line-height: 200%;
    letter-spacing: calc(1.6vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .top_blog_box > h4{
        font-size: calc(15vw / 375 * 100);
        letter-spacing: calc(1.5vw / 375 * 100);
    }
}
.slick-arrow{
        z-index: 1;
        display: flex;
        background: #fff;
        width: calc(50vw / 1440 * 100);
        height: calc(50vw / 1440 * 100);
        text-indent: -9999px;
        border-radius: calc(25vw / 1440 * 100);
}
.slick-arrow::before{
    width: calc(20vw / 1440 * 100);
    height: calc(15vw / 1440 * 100);
    top: calc(50% - calc(7.5vw / 1440 * 100));
    left: calc(50% - calc(10vw / 1440 * 100));
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.slick-prev.slick-arrow{
    left: calc(-70vw / 1440 * 100);
}
.slick-prev.slick-arrow::before{
    background-image: url(../img/slider_arrow_left.svg);
}
.slick-next.slick-arrow{
    right: calc(-70vw / 1440 * 100);
}
.slick-next.slick-arrow::before{
    background-image: url(../img/slider_arrow_right.svg);
}
.btn_bl.sp{
    display: flex !important;
    margin: calc(10vw / 1440 * 100) auto 0;
}
@media screen and (max-width: 767px) {
    .top_blog_box_wrapper{

    }
    .slick-arrow{
        z-index: 1;
        display: flex;
        background: #fff;
        width: calc(26vw / 375 * 100);
        height: calc(26vw / 375 * 100);
        text-indent: -9999px;
        border-radius: calc(13vw / 375 * 100);
    }
    .slick-arrow::before{
        width: calc(9.913vw / 375 * 100);
        height: calc(7.576vw / 375 * 100);
        top: calc(50% - calc(3.788vw / 375 * 100));
        left: calc(50% - calc(4.956vw / 375 * 100));
        position: absolute;
    }
    .slick-prev.slick-arrow{
        left: calc(-10vw / 375 * 100);
    }
    .slick-prev.slick-arrow::before{
        background-image: url(../img/slider_arrow_left.svg);
    }
    .slick-next.slick-arrow{
        right: calc(-10vw / 375 * 100);
    }
    .slick-next.slick-arrow::before{
        background-image: url(../img/slider_arrow_right.svg);
    }
    .btn_bl.sp{
        display: flex !important;
        margin: calc(10vw / 375 * 100) auto 0;
    }
}

.booth{
    position: relative;
    z-index: 1;
    padding-top: calc(100vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .booth{
        padding-top: calc(50vw / 375* 100);
    }
}
.booth_bg{
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: -1;
    display: flex;
}
.booth_ttl{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(120vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .booth_ttl{
        margin-bottom: calc(30vw / 375* 100);
    }
}
.booth_ttl > h2{
    color: #0D3C9D;
    text-align: center;
    font-size: calc(40vw / 1440 * 100);
    font-weight: 700;
    line-height: 175%;
    letter-spacing: calc(4vw / 1440 * 100);
    margin-bottom: calc(15vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .booth_ttl > h2{
        font-size: calc(18vw / 375 * 100);
        letter-spacing: calc(1.8vw / 375 * 100);
        margin-bottom: calc(10vw / 375* 100);
    }
}
.booth_ttl > h3{
    color: #000;
    text-align: center;
    font-size: calc(20vw / 1440 * 100);
    font-weight: 700;
    line-height: 200%;
    letter-spacing: calc(2vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .booth_ttl > h3{
        font-size: calc(13vw / 375 * 100);
        letter-spacing: calc(1.3vw / 375 * 100);
    }
}
.booth_cont{
    width: calc(1120vw / 1440 * 100);
    display: flex;
    align-items: center;
    margin: 0 auto calc(130vw / 1440 * 100);
    position: relative;
}
@media screen and (max-width: 767px) {
    .booth_cont{
        width: calc(335vw / 375 * 100);
        margin: 0 auto calc(30vw / 375 * 100);
        flex-direction: column-reverse;
    }
}
.booth_cont:nth-child(2n){
    flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
    .booth_cont:nth-child(2n){
        flex-direction: column-reverse;
    }
}
.booth_cont_txt{
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 767px) {
    .booth_cont_txt{
        width: calc(335vw / 375 * 100);
    }
}
.booth_cont:nth-child(2n) .booth_cont_txt{
    align-items: flex-end;
}
.booth_cont_txt > h4{
    color: #0D3C9D;
    font-size: calc(50vw / 1440 * 100);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: calc(5vw / 1440 * 100);
    margin-bottom: calc(15vw / 1440 * 100);
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 767px) {
    .booth_cont_txt > h4{
        font-size: calc(28vw / 375 * 100);
        letter-spacing: calc(2.8vw / 375 * 100);
        margin-bottom: calc(10vw / 375 * 100);
    }
}
.booth_cont:nth-child(2n) .booth_cont_txt > h4{
    text-align: right;
    align-items: flex-end;
}
.booth_cont_txt > h4 > .num{
    color: #0D3C9D;
    font-size: calc(22vw / 1440 * 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(2.2vw / 1440 * 100);
    display: flex;
    align-items: center;
    position: relative;
}
@media screen and (max-width: 767px) {
    .booth_cont_txt > h4 > .num{
        font-size: calc(18vw / 375 * 100);
        letter-spacing: calc(1.8vw / 375 * 100);
        padding-left: calc(20vw / 375* 100);
    }
    .booth_cont:nth-child(2n) .booth_cont_txt > h4 > .num{
        padding-left: 0;
        padding-right: calc(20vw / 375* 100);
    }
}
.booth_cont_txt > h4 > .num::before{
    content: "";
    background: #0D3C9D;
    display: flex;
    width: calc(8vw / 1440 * 100);
    height: calc(8vw / 1440 * 100);
    border-radius: calc(4vw / 1440 * 100);
    position: absolute;
    left: calc(-20vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .booth_cont_txt > h4 > .num::before{
        width: calc(8vw / 375 * 100);
        height: calc(8vw / 375 * 100);
        border-radius: calc(4vw / 375 * 100);
        left: 0;
    }
}
.booth_cont:nth-child(2n) .booth_cont_txt > h4 > .num::before{
    right: calc(-20vw / 1440* 100);
    left: auto;
}
@media screen and (max-width: 767px) {
    .booth_cont:nth-child(2n) .booth_cont_txt > h4 > .num::before{
        right: 0;
    }
}
.booth_cont_txt > p{
    color: #000;
    font-size: calc(18vw / 1440 * 100);
    font-weight: 700;
    line-height: 200%;
    letter-spacing: calc(1.8vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .booth_cont_txt > p{
        font-size: calc(13vw / 375 * 100);
        letter-spacing: calc(1.3vw / 375 * 100);
    }
}
.booth_cont:nth-child(2n) .booth_cont_txt > p{
    text-align: right;
}
.booth_cont_img{
    display: flex;
    position: absolute;
    right: 0px;
}
@media screen and (max-width: 767px) {
    .booth_cont_img{
        position: relative;
        right: auto;
    }
}
.booth_cont:nth-child(2n) .booth_cont_img{
    left: 0px;
}
@media screen and (max-width: 767px) {
    .booth_cont:nth-child(2n) .booth_cont_img{
        left: auto;
    }
}
.booth_cont_img.img01{
    width: calc(583.39vw / 1440 * 100);
    height: calc(499.042vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .booth_cont_img.img01{
        width: calc(330.06vw / 375 * 100);
        height: calc(282.34vw / 375 * 100);
    }
}
.booth_cont_img.img02{
    width: calc(543.004vw / 1440 * 100);
    height: calc(598.324vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .booth_cont_img.img02{
        width: calc(290vw / 375 * 100);
        height: calc(319.54vw / 375 * 100);
    }
}
.booth_cont_img.img03{
    width: calc(592.255vw / 1440 * 100);
    height: calc(478.139vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .booth_cont_img.img03{
        width: calc(337.97vw / 375 * 100);
        height: calc(272.85vw / 375 * 100);
    }
}
.booth_cont_img.img04{
    width: calc(597.037vw / 1440 * 100);
    height: calc(509.793vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .booth_cont_img.img04{
        width: calc(303.04vw / 375 * 100);
        height: calc(258.76vw / 375 * 100);
    }
}
/* road */
.booth_cont.road01::after,.booth_cont.road02::after,.booth_cont.road03::after,.booth_cont.road04::after{
    content: "";
    position: absolute;
    display: flex;
    width: calc(528.829vw / 1440 * 100);
    height: calc(413.106vw / 1440 * 100);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
}
.booth_cont.road04::after{
    content: none;
}
@media screen and (max-width: 767px) {
    .booth_cont.road01::after,.booth_cont.road02::after,.booth_cont.road03::after,.booth_cont.road04::after{
        content: "";
        width: auto;
        height: auto;
    }
}
.booth_cont.road01::after{
    background-image: url(../img/road01.svg);
    bottom: calc(-340vw / 1440* 100);
    left: calc(230vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .booth_cont.road01::after{
        background-image: url(../img/road01_sp.svg);
        width: calc(178vw / 375* 100);
        height: calc(235vw / 375* 100);
        bottom: calc(90vw / 375* 100);
        left: auto;
        right: calc(-20vw / 375* 100);
    }
}
.booth_cont.road02::after{
    background-image: url(../img/road02.svg);
    bottom: calc(-380vw / 1440* 100);
    left: calc(380vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .booth_cont.road02::after{
        background-image: url(../img/road02_sp.svg);
        width: calc(375vw / 375 * 100);
        height: calc(448vw / 375 * 100);
        bottom: calc(460vw / 1440* 100);
        left: auto;
        right: calc(-20vw / 375* 100);
    }
}
.booth_cont.road03::after{
    background-image: url(../img/road03.svg);
    bottom: calc(-380vw / 1440* 100);
    left: calc(240vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .booth_cont.road03::after{
        background-image: url(../img/road03_sp.svg);
        width: calc(375vw / 375 * 100);
        height: calc(498vw / 375 * 100);
        bottom: calc(300vw / 1440* 100);
        left: auto;
        right: calc(-20vw / 375* 100);
    }
    .booth_cont.road04::after{
        background-image: url(../img/road04_sp.svg);
        width: calc(257vw / 375 * 100);
        height: calc(235vw / 375 * 100);
        bottom: calc(1180vw / 1440* 100);
        left: auto;
        right: calc(-20vw / 375* 100);
    }
}
/* dexpo */
.dexpo{
    position: relative;
    width: calc(1320vw / 1440* 100 *0.8);
    height: calc(620vw / 1440* 100 *0.8);
    margin: 0 auto;
    z-index: 1;
    border-radius: calc(40vw / 1440* 100 *0.8);
    overflow: hidden;
    margin-bottom: calc(100vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo{
        width: calc(335vw / 375* 100);
        height: calc(610vw / 375* 100);
        border-radius: calc(20vw / 375* 100);
        margin-bottom: calc(50vw / 375* 100);
    }
}
.dexpo_bg{
    position: absolute;
    display: flex;
    width: calc(1320vw / 1440* 100 *0.8);
    height: calc(620vw / 1440* 100 *0.8);
    z-index: -1;
    left: 0;
    top: 0;
}
@media screen and (max-width: 767px) {
    .dexpo_bg{
        width: calc(335vw / 375* 100);
        height: calc(610vw / 375* 100);
    }
}
.dexpo_txt{
    padding: calc(100vw / 1440* 100 *0.8) 0 0 calc(100vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_txt{
        padding: calc(50vw / 375* 100) 0 0;
        width: calc(240vw / 375* 100);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
}
.dexpo_ttl{
    margin-bottom: calc(28vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_ttl{
        margin-bottom: calc(10vw / 375* 100);
    }
}
.dexpo_ttl > h3{
    color: #000;
    font-size: calc(25vw / 1440* 100 *0.8);
    font-weight: 700;
    line-height: 152%;
    letter-spacing: calc(2.5vw / 1440* 100 *0.8);
    margin-bottom: calc(18vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_ttl > h3{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        margin-bottom: calc(10vw / 375* 100);
        text-align: center;
    }
}
.dexpo_ttl_logo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media screen and (max-width: 767px) {
    .dexpo_ttl_logo{
        flex-direction: column;
        justify-content: center;
    }
}
.dexpo_ttl_logo > span{
    display: flex;
    width: calc(367vw / 1440* 100 *0.8);
    height: calc(76vw / 1440* 100 *0.8);
    margin-right: calc(26vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_ttl_logo > span{
        display: flex;
        width: calc(175.741vw / 375* 100);
        height: calc(36.403vw / 375* 100);
        margin-right: 0;
        margin-bottom: calc(5vw / 375* 100);
    }
}
.dexpo_ttl_logo > p{
    color: #000;
    font-size: calc(25vw / 1440* 100 *0.8);
    font-weight: 700;
    line-height: 200%;
    letter-spacing: calc(2.5vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_ttl_logo > p{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
    }
}
.dexpo_logo_under{
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    width: calc(532.042vw / 1440* 100 *0.8);
    padding: calc(8vw / 1440* 100 *0.8) 0;
    margin-bottom: calc(28vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_logo_under{
        width: 100%;
        padding: calc(8vw / 375* 100) 0;
        margin-bottom: calc(15vw / 375* 100);
    }
}
.dexpo_logo_under > ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 767px) {
    .dexpo_logo_under > ul{
        flex-wrap: wrap;
        justify-content: center;
        gap: 0 calc(12vw / 375* 100);
    }
}
.dexpo_logo_under > ul > li{}
.dexpo_logo_under > ul > span{
    width: calc(1vw / 1440* 100 *0.8);
    height: calc(17.529vw / 1440* 100 *0.8);
    background: #000;
}
@media screen and (max-width: 767px) {
    .dexpo_logo_under > ul > span{
        width: calc(1vw / 375* 100);
        height: calc(12.749vw / 375* 100);
    }
}
.dexpo_logo_under > ul > li > p{
    color: #000;
    font-size: calc(17vw / 1440* 100 *0.8);
    font-weight: 700;
    line-height: 200%;
    letter-spacing: calc(1.7vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_logo_under > ul > li > p{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
    }
}
.dexpo_logo_under_txt{
    color: #000;
    font-size: calc(22vw / 1440* 100 *0.8);
    font-style: normal;
    font-weight: 700;
    line-height: 181.818%;
    letter-spacing: calc(2.2vw / 1440* 100 *0.8);
    margin-bottom: calc(28vw / 1440* 100 *0.8);
}
@media screen and (max-width: 767px) {
    .dexpo_logo_under_txt{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
        margin-bottom: calc(28vw / 375* 100);
        text-align: center;
    }
}
.dexpo_logo_under_txt > span{
    position: relative;
    display: inline;
}
.dexpo_logo_under_txt > span::after{
    content: "";
    background-color: #FFE51F;
    display: flex;
    width: calc(216vw / 1440* 100 *0.8);
    height: calc(8vw / 1440* 100 *0.8);
    bottom: 0px;
    left: 0px;
    position: absolute;
    z-index: -1;
}
@media screen and (max-width: 767px) {
    .dexpo_logo_under_txt > span::after{
        width: calc(137vw / 375* 100);
        height: calc(6vw / 375* 100);
    }
}
@media screen and (max-width: 767px) {
    .dexpo_txt > .btn_bl{
        width: calc(240vw / 375* 100);
    }
}
/* cta */
.cta{
    background-color: #0D3C9D;
    width: calc(1320vw / 1440* 100);
    height: calc(593vw / 1440* 100);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: calc(40vw / 1440* 100);
    margin-bottom: calc(100vw / 1440* 100);
    margin-top: calc(100vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta{
        width: calc(335vw / 375* 100);
        height: calc(484vw / 375* 100);
        border-radius: calc(20vw / 375* 100);
        margin-bottom: calc(50vw / 375* 100);
        margin-top: calc(50vw / 375* 100);
    }
}
.cta_inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(816vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner{
        width: calc(280vw / 375* 100);
    }
}
.cta_inner > h2{
    color: #FFF;
    text-align: center;
    font-size: calc(25vw / 1440* 100);
    font-weight: 700;
    line-height: 192.308%;
    letter-spacing: calc(2.6vw / 1440* 100);
    margin-bottom: calc(25vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner > h2{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        margin-bottom: calc(22vw / 375* 100);
        text-align: center;
    }
}
.cta_inner_btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: calc(45vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner_btn{
        flex-direction: column;
        margin-bottom: calc(30vw / 375* 100);
    }
}
.cta_inner_btn > a{
    width: calc(394vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner_btn > a{
        width: 100%;
    }
    .cta_inner_btn > a:nth-child(1){
        margin-bottom: calc(15vw / 375* 100);
    }
}
.cta_inner_tel{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(10vw / 1440* 100);
    border: 1px solid #FFF;
    padding: calc(35vw / 1440* 100) 0;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .cta_inner_tel{
        flex-direction: column;
        border-radius: calc(10vw / 375* 100);
        border: 1px solid #FFF;
        padding: calc(20vw / 375* 100) 0;
        width: 100%;
    }
}
.cta_inner_tel_left{
    margin-right: calc(30vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner_tel_left{
        margin-right: 0;
    }
}
.cta_inner_tel_left > p{
    color: #FFF;
    font-size: calc(19vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 185%;
    letter-spacing: calc(1.9vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner_tel_left > p{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
        text-align: center;
    }
}
.cta_inner_tel_left > p.small{
    font-size: calc(14vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner_tel_left > p.small{
        font-size: calc(12vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
    }
}
.cta_inner_tel_right{}
.cta_inner_tel_right > a{
    color: #FFF;
    font-size: calc(40vw / 1440* 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(4vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cta_inner_tel_right > a{
        font-size: calc(26vw / 375* 100);
        letter-spacing: calc(2.6vw / 375* 100);
    }
}
.top_white{
    border-radius: calc(50vw / 1440* 100);
    background: #FFF;
    padding: calc(100vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .top_white{
        border-radius: calc(30vw / 375* 100);
        background: #FFF;
        padding: calc(50vw / 375* 100) 0;
    }
}
.works{
    margin-bottom: calc(100vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .works{
        margin-bottom: calc(50vw / 375* 100);
    }
}
.works_inner{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(1200vw / 1440* 100);
    margin-bottom: calc(60vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .works_inner{
        width: calc(335vw / 375* 100);
        margin: 0 auto calc(20vw / 375* 100);
    }
}
.works_blk{
    width: calc(370vw / 1440* 100);
    margin: 0 calc(20vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .works_blk{
        width: calc(280vw / 375* 100);
        margin: 0 calc(20vw / 375* 100);
    }
}
.works_blk > span{
    display: flex;
    width: calc(370vw / 1440* 100);
    margin-bottom: calc(23vw / 1440* 100);
    border-radius: calc(20vw / 1440* 100);
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .works_blk > span{
        width: calc(280vw / 375* 100);
        margin-bottom: calc(10vw / 375* 100);
        border-radius: calc(20vw / 375* 100);
    }
}
.works_blk > p{
    color: #000;
    font-size: calc(16vw / 1440* 100);
    font-weight: 700;
    line-height: 200%;
    letter-spacing: calc(1.6vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .works_blk > p{
        font-size: calc(12vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
    }
}
.works_blk > h4{
    color: #000;
    font-size: calc(20vw / 1440* 100);
    font-weight: 700;
    line-height: 160%;
    letter-spacing: calc(2vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .works_blk > h4{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
    }
}
.works .slick-arrow{
    border: solid 1px #bbbbbb;
}
.works .btn_bl{
    margin: 0 auto;
    width: calc(355vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .works .btn_bl{
        width: calc(255vw / 375* 100)
    }
}
.cases{
    border-radius: calc(40vw / 1440* 100);
    background: #F4F4F4;
    padding: calc(80vw / 1440* 100) 0;
}
@media screen and (max-width: 767px) {
    .cases{
        border-radius: calc(40vw / 375* 100);
        padding: calc(50vw / 375* 100) 0;
        width: calc(335vw / 375* 100);
        margin: 0 auto;
    }
}
.cases_inner{}
.cases_inner > p{
    color: #0D3C9D;
    text-align: center;
    font-size: calc(26vw / 1440* 100);
    font-weight: 700;
    line-height: 192.308%;
    letter-spacing: calc(2.6vw / 1440* 100);margin-bottom: calc(40vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .cases_inner > p{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);margin-bottom: calc(20vw / 375* 100);
    }
}
.cases_inner_coming{
    border-radius: calc(40vw / 1440* 100);
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(140vw / 1440* 100) 0;
    width: calc(1120vw / 1440* 100);
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .cases_inner_coming{
        border-radius: calc(20vw / 375* 100);
        padding: calc(110vw / 375* 100) 0;
        width: calc(280vw / 375* 100);
    }
}
.cases_inner_coming > p{
    color: #000;
    font-size: calc(30vw / 1440* 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(3vw / 1440* 100);
    opacity: 0.3;
}
@media screen and (max-width: 767px) {
    .cases_inner_coming > p{
        font-size: calc(16vw / 375* 100);
        letter-spacing: calc(1.6vw / 375* 100);
    }
}
.footer{
    border-radius: calc(50vw / 1440* 100) calc(50vw / 1440* 100) 0px 0px;
    background: #0A141F;
    padding: calc(100vw / 1440* 100) calc(60vw / 1440* 100);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: calc(100vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer{
        border-radius: calc(30vw / 375* 100) calc(30vw / 375* 100) 0px 0px;
        padding: calc(60vw / 375* 100) calc(30vw / 375* 100);
        margin-top: calc(50vw / 375* 100);
    }
}
.footer_upper{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(50vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer_upper{
        flex-direction: column;
        margin-bottom: calc(50vw / 375* 100);
    }
}
.footer_logo{
    display: flex;
    width: calc(500vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer_logo{
        display: flex;
        width: calc(300vw / 375* 100);
        margin-bottom: calc(30vw / 375* 100);
    }
}
.footer_navi{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(25vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer_navi{
        flex-wrap: wrap;
        gap: calc(60vw / 1440* 100) calc(20vw / 1440* 100);
        justify-content: flex-start;
    }
}
.footer_navi li{}
.footer_navi li a{
    color: #FFF;
    font-size: calc(16vw / 1440* 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(1.6vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer_navi li a{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        width: calc(150vw / 375* 100);
        display: flex;
    }
}
.footer_navi li a.coming{
    opacity: 0.3;
    pointer-events: none;
}
.footer_lower{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .footer_lower{
        flex-direction: column-reverse;
    }
}
.footer_lower > p{
    color: #FFF;
    font-size: calc(13vw / 1440* 100);
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(1.3vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer_lower > p{
        font-size: calc(11vw / 375* 100);
        letter-spacing: calc(1.1vw / 375* 100);
    }
}
.footer_lower_right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer_lower_right{
        justify-content: center;
        gap: calc(5vw / 375* 100) calc(10vw / 375* 100);
        flex-wrap: wrap;
        margin-bottom: calc(20vw / 375* 100);
    }
}
.footer_lower_right > a{
    color: #FFF;
    font-size: calc(13vw / 1440* 100);
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(1.3vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .footer_lower_right > a{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
    }
}
.footer_lower_right > span{
    background: #fff;
    width: 1px;
    height: calc(12vw / 1440* 100);
    display: flex;
}
@media screen and (max-width: 767px) {
    .footer_lower_right > span{
        width: 1px;
        height: calc(12vw / 375* 100);
    }
}

.sp_menu_modal{
    display: none;
}
@media screen and (max-width: 767px) {
    .sp_menu_modal{
        opacity: 0;
        z-index: -1;
        position: fixed;
        transition: all .2s;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sp_menu_modal.subnav_show{
        opacity: 1;
        z-index: 9999;
    }
    .sp_menu_modal_inner{
        width: 80%;
    }
    .sp_menu_modal_bg{
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: absolute;
        display: flex;
        z-index: -1;
    }
    .sp_menu_modal_close{
        position: absolute;
        top: 15px;
        right: 15px;
        display: flex;
    }
    .sp_menu_modal_inner__ul{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .sp_menu_modal_inner__ul li{
        margin-bottom: 10px;
        width: 100%;
    }
    .sp_menu_modal_inner__ul li.coming{
        opacity: 0.3;
        pointer-events: none;
    }
    .sp_menu_modal_inner__ul li:last-child{
        margin-bottom: 0px;
    }
    .sp_menu_modal_inner__ul li a{
        font-size: calc(14vw / 375*100);
        color: #fff;
        border-radius: 10px;
        padding: calc(14vw / 375*100) 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
    }
    .sp_menu_modal_inner__ul li a.coming{
        opacity: 0.5;
        pointer-events: none;
    }
}

/* breadcrumb */
.breadcrumb{
    background: rgba(255, 255, 255, 0.50);
    padding-top: calc(94vw / 1440* 100);
    width: 100%;
}
@media screen and (max-width: 767px) {
    .breadcrumb{
        padding-top: calc(50vw / 375* 100);
        width: 100%;
    }
}
.breadcrumb_inner{
    padding: calc(10vw / 1440* 100) calc(40vw / 1440* 100);
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.breadcrumb_inner::-webkit-scrollbar {
    display:none;
   }
@media screen and (max-width: 767px) {
    .breadcrumb_inner{
        padding: calc(8vw / 375* 100) calc(20vw / 375* 100) calc(5vw / 375* 100);
    }
}
.breadcrumb__ul{
    white-space: nowrap;
}
.breadcrumb__ul span{
    white-space: nowrap;
}
.breadcrumb__ul a{
    color: #0D3C9D;
    font-size: calc(14vw / 1440* 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.4vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .breadcrumb__ul a{
        font-size: calc(11vw / 375* 100);
        letter-spacing: calc(1.1vw / 375* 100);
    }
}
.breadcrumb__ul .current-item{
    color: #000000;
    font-size: calc(14vw / 1440* 100);
    font-weight: 400;
    line-height: 165%;
    letter-spacing: calc(1.4vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .breadcrumb__ul .current-item{
        font-size: calc(11vw / 375* 100);
        letter-spacing: calc(1.1vw / 375* 100);
    }
}
/* archive_blog */
.pagetitle{
}
.pagetitle_ttl{
    display: flex;
    justify-content: flex-start;
    padding: calc(100vw / 1440* 100) 0 calc(40vw / 1440* 100) calc(60vw / 1440* 100);
    align-items: center;
}
@media screen and (max-width: 767px) {
    .pagetitle_ttl{
        padding: calc(50vw / 375* 100) 0 calc(20vw / 375* 100);
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
.pagetitle_ttl > h1{
    color: #0D3C9D;
    font-size: calc(50vw / 1440* 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(5vw / 1440* 100);
    margin-right: calc(30vw / 1440* 100);
}
.pagetitle_ttl > h1.tag_title{
    font-size: calc(30vw / 1440* 100);
    letter-spacing: calc(3vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .pagetitle_ttl > h1{
        font-size: calc(26vw / 375* 100);
        letter-spacing: calc(2.6vw / 375* 100);
        margin-right: 0;
        margin-bottom: calc(10vw / 1440* 100);
    }
    .pagetitle_ttl > h1.tag_title{
        font-size: calc(18vw / 375* 100);
        letter-spacing: calc(1.8vw / 375* 100);
    }
}
.pagetitle_ttl > h2{
    color: #000;
    font-size: calc(20vw / 1440* 100);
    font-weight: 700;
    line-height: 160%;
    letter-spacing: calc(2vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .pagetitle_ttl > h2{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
    }
}
.page_content_wrapper{
    border-radius: calc(50vw / 1440* 100);
    background: #fff;
    padding: calc(120vw / 1440* 100);
    width: calc(100% - calc(240vw / 1440* 100));
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and (max-width: 767px) {
    .page_content_wrapper{
        border-radius: calc(30vw / 375* 100);
        padding: calc(50vw / 375* 100) 0;
        width: calc(375vw / 375* 100);
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    .page_content{
        width: 100%;
    }
}
.archive_wrapper{
    display: flex;
    flex-direction: column;
    gap: calc(40vw / 1440* 100) 0;
}
@media screen and (max-width: 767px) {
    .archive_wrapper{
        width: calc(315vw / 375* 100);
        margin: 0 auto calc(30vw / 375* 100);
        gap: calc(30vw / 375* 100) 0;
    }
}
.archive_one{
    display: flex;
    width: calc(785vw / 1440* 100);
    justify-content: space-between;
}
@media screen and (max-width: 767px) {
    .archive_one{
        width: 100%;
        flex-direction: column;
    }
}
.archive_one_left > a{
    display: flex;
    width: calc(308vw / 1440* 100);
    height: auto;
    overflow: hidden;
    border-radius: calc(20vw / 1440* 100);
    border: solid 1px #dddddd;
}
@media screen and (max-width: 767px) {
    .archive_one_left > a{
        width: 100%;
        height: auto;
        border-radius: calc(15vw / 375* 100);
        margin-bottom: calc(20vw / 375* 100);
    }
}
.archive_one_left > a > img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.archive_one_right{
    width: calc(437vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .archive_one_right{
        width: 100%;
    }
}
.archive_one_right > time{
    color: #000;
    font-size: calc(14vw / 1440* 100);
    font-weight: 500;
    line-height: 165%;
    letter-spacing: calc(1.4vw / 1440* 100);
    opacity: 0.4;
    padding-bottom: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .archive_one_right > time{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        padding-bottom: calc(10vw / 375* 100);
    }
}
.archive_one_right > a > h4{
    color: #0D3C9D;
    font-size: calc(20vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 155%;
    letter-spacing: calc(2vw / 1440* 100);
    margin-bottom: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .archive_one_right > a > h4{
        font-size: calc(16vw / 375* 100);
        letter-spacing: calc(1.6vw / 375* 100);
        margin-bottom: calc(10vw / 375* 100);
    }
}
.archive_one_right > .excerpt{
    color: #000;
    font-size: calc(14vw / 1440* 100);
    font-weight: 500;
    line-height: 165%;
    letter-spacing: calc(1.4vw / 1440* 100);
    margin-bottom: calc(15vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .archive_one_right > .excerpt{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        margin-bottom: calc(15vw / 375* 100);
    }
}
.archive_one_right > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .archive_one_right > ul{
        gap: calc(10vw / 375* 100);
    }
}
.archive_one_right > ul > li{
    display: flex;
}
.archive_one_right > ul > li > a{
    color: #0D3C9D;
    font-size: calc(14vw / 1440* 100);
    font-weight: 700;
    line-height: 145%;
    letter-spacing: calc(1.4vw / 1440* 100);
    border: solid 1px #0D3C9D;
    padding: calc(5vw / 1440* 100) calc(14vw / 1440* 100);
    border-radius: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .archive_one_right > ul > li > a{
        font-size: calc(12vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
        padding: calc(5vw / 375* 100) calc(10vw / 375* 100);
        border-radius: calc(5vw / 375* 100);
    }
}
/* sidebar */
.sidebar{
    display: flex;
    flex-direction: column;
    width: calc(336vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar{
        width: calc(315vw / 375* 100);
        margin: 0 auto;
    }
}
.sidebar_box{
    margin-bottom: calc(30vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar_box{
        margin-bottom: calc(30vw / 375* 100);
    }
}
.sidebar_box > h3{
    color: #0D3C9D;
    font-size: calc(20vw / 1440* 100);
    font-weight: 700;
    line-height: 145%;
    letter-spacing: calc(2vw / 1440* 100);
    position: relative;
    display: flex;
    align-items: center;
    border-radius: calc(10vw / 1440* 100);
    background: #F7F7F7;
    padding: calc(10vw / 1440* 100) calc(15vw / 1440* 100);
    margin-bottom: calc(15vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar_box > h3{
        font-size: calc(16vw / 375* 100);
        letter-spacing: calc(1.6vw / 375* 100);
        border-radius: calc(6vw / 375* 100);
        padding: calc(10vw / 375* 100) calc(15vw / 375* 100);
        margin-bottom: calc(15vw / 375* 100);
    }
}
.sidebar_box > h3::before{
    content: "";
    border-radius: calc(9vw / 1440* 100);
    background: #0D3C9D;
    width: calc(8vw / 1440* 100);
    height: calc(8vw / 1440* 100);
    display: flex;
    margin-right: calc(8vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar_box > h3::before{
        border-radius: calc(9vw / 375* 100);
        width: calc(8vw / 375* 100);
        height: calc(8vw / 375* 100);
        margin-right: calc(8vw / 375* 100);
    }
}
.sidebar_box .shiryou > span{
    display: flex;
    width: 100%;
    margin-bottom: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar_box .shiryou > span{
        margin-bottom: calc(10vw / 375* 100);
    }
}
.sidebar_box .shiryou > p{
    color: #0D3C9D;
    font-size: calc(16vw / 1440* 100);
    font-weight: 700;
    line-height: 155%;
    letter-spacing: calc(1.6vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar_box .shiryou > p{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
    }
}
.sidebar_box .archive_tax_links{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar_box .archive_tax_links{
        gap: calc(10vw / 375* 100);
    }
}
.sidebar_box .archive_tax_links a{
    color: #0D3C9D;
    font-size: calc(14vw / 1440* 100);
    font-weight: 700;
    line-height: 145%;
    letter-spacing: calc(1.4vw / 1440* 100);
    border: solid 1px #0D3C9D;
    padding: calc(5vw / 1440* 100) calc(14vw / 1440* 100);
    border-radius: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .sidebar_box .archive_tax_links a{
        font-size: calc(12vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
        padding: calc(5vw / 375* 100) calc(10vw / 375* 100);
        border-radius: calc(5vw / 375* 100);
    }
}

.single_wrapper{
    display: flex;
    flex-direction: column;
    width: calc(766vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_wrapper{
        width: calc(315vw / 375* 100);
        margin: 0 auto calc(30vw / 375* 100);
    }
}
.blog time{
    color: #000;
    font-size: calc(14vw / 1440* 100);
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(1.4vw / 1440* 100);
    opacity: 0.4;
}
@media screen and (max-width: 767px) {
    .blog time{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
    }
}
.blog h1.entry-title{
    color: #0D3C9D;
    font-size: calc(24vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(2.4vw / 1440* 100);
    margin-bottom: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .blog h1.entry-title{
        font-size: calc(18vw / 375* 100);
        letter-spacing: calc(1.8vw / 375* 100);
        margin-bottom: calc(10vw / 375* 100);
    }
}
.blog .single_tag{
    display: flex;
    flex-wrap: wrap;
    gap: calc(10vw / 1440* 100);
    margin-bottom: calc(30vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .blog .single_tag{
        gap: calc(10vw / 375* 100);
        margin-bottom: calc(30vw / 375* 100);
    }
}
.blog .single_tag li{
    display: flex;
}
.blog .single_tag a{
    color: #0D3C9D;
    font-size: calc(14vw / 1440* 100);
    font-weight: 700;
    line-height: 145%;
    letter-spacing: calc(1.4vw / 1440* 100);
    border: solid 1px #0D3C9D;
    padding: calc(5vw / 1440* 100) calc(14vw / 1440* 100);
    border-radius: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .blog .single_tag a{
        font-size: calc(12vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
        padding: calc(5vw / 375* 100) calc(10vw / 375* 100);
        border-radius: calc(5vw / 375* 100);
    }
}
.single_thumb{
    display: flex;
    width: calc(766vw / 1440* 100);
    height: calc(414vw / 1440* 100);
    margin-bottom: calc(40vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_thumb{
        width: 100%;
        height: calc(170vw / 375* 100);
        margin-bottom: calc(40vw / 375* 100);
    }
}
.single_thumb > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single_content > p{
    color: #000;
    font-size: calc(15vw / 1440* 100);
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: calc(1.5vw / 1440* 100);
    margin-top: calc(15vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > p{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
        margin-top: calc(15vw / 375* 100);
    }
}
.single_content > h1{
    color: #0D3C9D;
    font-size: calc(25vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: calc(2.5vw / 1440* 100);
    overflow: hidden;
    margin-top: calc(70vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h1{
        font-size: calc(20vw / 375* 100);
        letter-spacing: calc(2vw / 375* 100);
        margin-top: calc(70vw / 375* 100);
    }
}
.single_content > h2{
    color: #0D3C9D;
    font-size: calc(22vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: calc(2.2vw / 1440* 100);
    overflow: hidden;
    padding-left: calc(20vw / 1440* 100);
    border-left: solid 8px #0D3C9D;
    margin-top: calc(70vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h2{
        font-size: calc(16vw / 375* 100);
        letter-spacing: calc(1.6vw / 375* 100);
        padding-left: calc(16vw / 375* 100);
        border-left: solid 4px #0D3C9D;
        margin-top: calc(70vw / 375* 100);
    }
}
.single_content > h3{
    color: #0D3C9D;
    font-size: calc(20vw / 1440* 100);
    font-weight: 700;
    line-height: 170%;
    letter-spacing: calc(2vw / 1440* 100);
    padding-left: calc(20vw / 1440* 100);
    position: relative;
    margin-top: calc(60vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h3{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        padding-left: calc(20vw / 375* 100);
        margin-top: calc(60vw / 375* 100);
    }
}
.single_content > h3::before{
    content: "";
    display: flex;
    position: absolute;
    width: calc(8vw / 1440* 100);
    height: calc(8vw / 1440* 100);
    background: #0D3C9D;
    left: 0px;
    top: calc(12vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h3::before{
        width: calc(8vw / 375* 100);
        height: calc(8vw / 375* 100);
        top: calc(10vw / 375* 100);
    }
}
.single_content > h4{
    color: #0D3C9D;
    font-size: calc(18vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.8vw / 1440* 100);
    padding-left: calc(20vw / 1440* 100);
    position: relative;
    margin-top: calc(60vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h4{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        padding-left: calc(20vw / 375* 100);
        margin-top: calc(60vw / 375* 100);
    }
}
.single_content > h4::before{
    content: "";
    display: flex;
    position: absolute;
    width: calc(8vw / 1440* 100);
    height: calc(3vw / 1440* 100);
    background: #0D3C9D;
    left: 0px;
    top: calc(12vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h4::before{
        width: calc(8vw / 375* 100);
        height: calc(3vw / 375* 100);
        top: calc(10vw / 375* 100);
    }
}
.single_content > h5{
    color: #0D3C9D;
    font-size: calc(18vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.8vw / 1440* 100);
    margin-top: calc(50vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h5{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
        margin-top: calc(50vw / 375* 100);
    }
}
.single_content > h6{
    color: #000;
    font-size: calc(16vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.6vw / 1440* 100);
    margin-top: calc(50vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > h6{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
        margin-top: calc(50vw / 375* 100);
    }
}
.single_content li{
    font-size: calc(16vw / 1440* 100) !important;
    line-height: 205%;
    position: relative;
    list-style-position: inside;
    margin-top: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content li{
        font-size: calc(14vw / 375* 100) !important;
        line-height: 185%;
        margin-top: calc(10vw / 375* 100);
    }
}
.single_content ul li:first-child,.single_content ol li:first-child{
    margin-top: 0px;
}
.single_content > figure{
    margin-top: calc(20vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .single_content > figure{
        margin-top: calc(15vw / 375* 100);
    }
}
.single_content > figure img{
    height: auto;
    width: 100% !important;
}
.post_nav{
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 767px) {
    .post_nav{
        flex-direction: column;
        gap: calc(15vw / 375* 100);
        display: flex;
    }
}
.post_nav__a{
    border-radius: calc(10vw / 1440* 100);
    background: #F7F7F7;
    width: 48%;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .post_nav__a{
        border-radius: calc(10vw / 375* 100);
        width: 100%;
    }
}
.post_nav__a > a{
    display: flex;
    align-items: center;
}
.post_nav__a > a > span{
    width: calc(100vw / 1440* 100);
    height: calc(120vw / 1440* 100);
    display: flex;
}
@media screen and (max-width: 767px) {
    .post_nav__a > a > span{
        width: calc(80vw / 375* 100);
        height: calc(100vw / 375* 100);
        display: flex;
    }
}
.post_nav__a > a > span > img{
    height: 100%;
    object-fit: cover;
}
.post_nav__a > a > p{
    color: #0D3C9D;
    font-size: calc(14vw / 1440* 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.4vw / 1440* 100);
    width: calc(225vw / 1440* 100);
    margin-left: calc(25vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .post_nav__a > a > p{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        width: calc(195vw / 375* 100);
        margin: 0 auto;
    }
}
/* download_cta */
.download_cta{
    border-radius: calc(10vw / 1440* 100);
    background: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(60vw / 1440* 100);
    justify-content: space-between;
    margin: calc(60vw / 1440* 100) 0;
}
@media screen and (max-width: 767px) {
    .download_cta{
        border-radius: calc(10vw / 375* 100);
        padding: calc(30vw / 375* 100);
        margin: calc(40vw / 375* 100) 0;
        flex-direction: column;
    }
}
.download_cta_left{
    width: 52%;
}
@media screen and (max-width: 767px) {
    .download_cta_left{
        width: 100%;
    }
}
.download_cta_left img{
    display: flex;
    width: 100%;
}
.download_cta_right{
    width: 41%;
}
@media screen and (max-width: 767px) {
    .download_cta_right{
        width: 100%;
    }
}
.download_cta_right > h3{
    color: #0D3C9D;
    font-size: calc(16vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 175%;
    letter-spacing: calc(1.6vw / 1440* 100);
    margin-bottom: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .download_cta_right > h3{
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(1.4vw / 375* 100);
        margin-bottom: calc(5vw / 375* 100);
    }
}
.download_cta_right > p{
    color: #000;
    font-size: calc(14vw / 1440* 100);
    font-weight: 500;
    line-height: 185%;
    letter-spacing: calc(1.4vw / 1440* 100);
    margin-bottom: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .download_cta_right > p{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        margin-bottom: calc(10vw / 375* 100);
    }
}
.download_cta_right > a.btn_bl{
    height: calc(60vw / 1440* 100);
    width: 100%;
}
@media screen and (max-width: 767px) {
    .download_cta_right > a.btn_bl{
        height: calc(45vw / 375* 100);
        width: 100%;
    }
}
/* download */
.form_side{
    width: calc(460vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_side{
        width: calc(315vw / 375* 100);
        margin: 0 auto calc(20vw / 375* 100);
    }
}
.contact_img{
    width: 100%;
    margin-bottom: calc(20vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .contact_img{
        margin-bottom: calc(20vw / 375* 100);
    }
}

.form_side_slide{
    width: 100%;
}
.form_side_slide li{
    width: calc(460vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_side_slide li{
        width: calc(315vw / 375* 100);
    }
}
.form_side_slide .slick-arrow{
    z-index: 1;
    display: flex;
    background: rgba(255, 255, 255, 0.50);
    width: calc(26vw / 1440 * 100);
    height: calc(26vw / 1440 * 100);
    text-indent: -9999px;
    border-radius: calc(13vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .form_side_slide .slick-arrow{
        background: rgba(255, 255, 255, 0.50);
        width: calc(26vw / 375 * 100);
        height: calc(26vw / 375 * 100);
        border-radius: calc(13vw / 375 * 100);
    }
}
.form_side_slide .slick-arrow::before{
    width: calc(9.913vw / 1440 * 100);
    height: calc(7.576vw / 1440 * 100);
    top: calc(50% - calc(3.788vw / 1440 * 100));
    left: calc(50% - calc(4.956vw / 1440 * 100));
    position: absolute;
    background-size: contain;
}
@media screen and (max-width: 767px) {
    .form_side_slide .slick-arrow::before{
        width: calc(9.913vw / 375 * 100);
        height: calc(7.576vw / 375 * 100);
        top: calc(50% - calc(3.788vw / 375 * 100));
        left: calc(50% - calc(4.956vw / 375 * 100));
    }
}
.form_side_slide .slick-prev.slick-arrow{
    left: calc(10vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .form_side_slide .slick-prev.slick-arrow{
        left: calc(10vw / 375 * 100);
    }
}
.form_side_slide .slick-prev.slick-arrow::before{
    background-image: url(../img/slider_arrow_left.svg);
}
.form_side_slide .slick-next.slick-arrow{
    right: calc(10vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .form_side_slide .slick-next.slick-arrow{
        right: calc(10vw / 375 * 100);
    }
}
.form_side_slide .slick-next.slick-arrow::before{
    background-image: url(../img/slider_arrow_right.svg);
}
.form_side_slide .slick-dots{
    z-index: 1;
    position: relative;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: calc(-15vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .form_side_slide .slick-dots{
        bottom: calc(-15vw / 375 * 100);
    }
}
.form_side_slide .slick-dots li{
    width: fit-content;
}
.form_side_slide .slick-dots li button{
    background: rgba(0, 0, 0, 0.10);
    width: calc(10vw / 1440 * 100);
    height: calc(10vw / 1440 * 100);
    border-radius: calc(2vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .form_side_slide .slick-dots li button{
        width: calc(10vw / 375 * 100);
        height: calc(10vw / 375 * 100);
        border-radius: calc(2vw / 375 * 100);
    }
}
.form_side_slide .slick-dots li.slick-active button{
    background: #0D3C9D;
}

.form_side > h3{
    color: #0D3C9D;
    font-size: calc(18vw / 1440 * 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.8vw / 1440 * 100);
    margin-bottom: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_side > h3{
        font-size: calc(15vw / 375 * 100);
        letter-spacing: calc(1.8vw / 375 * 100);
        margin-bottom: calc(10vw / 375* 100);
    }
}
.form_side > p{
    font-size: calc(15vw / 1440 * 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.5vw / 1440 * 100);
    margin-bottom: calc(5vw / 1440 * 100);
}
@media screen and (max-width: 767px) {
    .form_side > p{
        font-size: calc(13vw / 375 * 100);
        letter-spacing: calc(1.3vw / 375 * 100);
        margin-bottom: calc(5vw / 375 * 100);
    }
}
.form_side__ul{
    margin-bottom: calc(20vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_side__ul{
        margin-bottom: calc(20vw / 375* 100);
    }
}
.form_side__ul li{
    color: #000;
    font-size: calc(15vw / 1440 * 100);
    font-style: normal;
    font-weight: 500;
    line-height: 165%;
    letter-spacing: calc(1.5vw / 1440 * 100);
    padding-left: calc(20vw / 1440* 100);
    position: relative;
    margin-bottom: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_side__ul li{
        font-size: calc(13vw / 375 * 100);
        letter-spacing: calc(1.3vw / 375 * 100);
        padding-left: calc(20vw / 375* 100);
        margin-bottom: calc(5vw / 375* 100);
    }
}
.form_side__ul li::before{
    content: "";
    display: flex;
    width: calc(6vw / 1440 * 100);
    height: calc(6vw / 1440 * 100);
    border-radius: calc(2vw / 1440 * 100);
    background: #000;
    left: 0;
    position: absolute;
    left: calc(5vw / 1440* 100);
    top: calc(9vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_side__ul li::before{
        width: calc(6vw / 375 * 100);
        height: calc(6vw / 375 * 100);
        border-radius: calc(2vw / 375 * 100);
        left: calc(5vw / 375* 100);
        top: calc(7vw / 375* 100);
    }
}
.form_side_tel{
    display: flex;
    flex-direction: column;
    border-radius: calc(10vw / 1440* 100);
    background: #F7F7F7;
    padding: calc(40vw / 1440* 100);
    align-items: center;
    justify-content: center;
    width: calc(100% - calc(80vw / 1440* 100));
}
@media screen and (max-width: 767px) {
    .form_side_tel.sp{
        border-radius: calc(10vw / 375* 100);
        padding: calc(20vw / 375* 100);
        width: calc(100% - calc(40vw / 375* 100));
        display: flex !important;
    }
}
.form_side_tel > h4{
    color: #000;
    text-align: center;
    font-size: calc(16vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 175%;
    letter-spacing: calc(1.6vw / 1440* 100);
    margin-bottom: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_side_tel > h4{
        font-size: calc(12vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
        margin-bottom: calc(5vw / 375* 100);
    }
}
.form_side_tel > a{
    color: #0D3C9D;
    font-size: calc(40vw / 1440* 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(4vw / 1440* 100);
    text-align: center;
}
@media screen and (max-width: 767px) {
    .form_side_tel > a{
        font-size: calc(28vw / 375* 100);
        letter-spacing: calc(4vw / 375* 100);
    }
}
.form_side_tel > p{
    color: #000;
    font-size: calc(12vw / 1440* 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.2vw / 1440* 100);
    text-align: center;
}
@media screen and (max-width: 767px) {
    .form_side_tel > p{
        font-size: calc(12vw / 375* 100);
        letter-spacing: calc(1.2vw / 375* 100);
    }
}
.form_wrapper{
    width: calc(640vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_wrapper{
        width: calc(315vw / 375* 100);
        margin: 0 auto;
    }
}
.form_message{
    color: #0D3C9D;
    font-size: calc(18vw / 1440* 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.8vw / 1440* 100);
    margin-bottom: calc(25vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .form_message{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        margin-bottom: calc(25vw / 375* 100);
    }
}
.mw_wp_form{

}
@media screen and (max-width: 767px) {
    .mw_wp_form{
        margin-bottom: calc(40vw / 375* 100);
    }
}
.mw_wp_form .form_box{
    margin-bottom: calc(28vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .mw_wp_form .form_box{
        margin-bottom: calc(28vw / 375* 100);
    }
}
.mw_wp_form .form_ttl{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: calc(12vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .mw_wp_form .form_ttl{
        margin-bottom: calc(12vw / 375* 100);
        align-items: flex-start;
    }
}
.mw_wp_form .form_ttl > span{
    font-size: calc(13vw / 1440* 100);
    font-weight: 700;
    line-height: 120%;
    letter-spacing: calc(1.3vw / 1440* 100);
    padding: calc(5vw / 1440* 100) calc(10vw / 1440* 100);
    margin-right: calc(10vw / 1440* 100);
    color: #FFF;
    border-radius: calc(4vw / 1440* 100);
    display: flex;
}
@media screen and (max-width: 767px) {
    .mw_wp_form .form_ttl > span{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        padding: calc(5vw / 375* 100) calc(10vw / 375* 100);
        margin-right: calc(10vw / 375* 100);
        border-radius: calc(4vw / 375* 100);
    }
}
.mw_wp_form .form_ttl > span.hissu{
    background: #D10000;
}
.mw_wp_form .form_ttl > span.nini{
    background: rgba(0, 0, 0, 0.40);
}
.mw_wp_form .form_ttl > p{
    color: #000;
    font-size: calc(15vw / 1440* 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .mw_wp_form .form_ttl > p{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        width: calc(256vw / 375* 100);
    }
}
.mw_wp_form input[type="text"],.mw_wp_form input[type="email"],.mw_wp_form textarea{
    border-radius: calc(5vw / 1440* 100);
    border: 1px solid #707070;
    background: #fcfcfc;
    font-size: calc(15vw / 1440* 100);
    padding: calc(10vw / 1440* 100) calc(15vw / 1440* 100);
    width: calc(100% - calc(30vw / 1440* 100));
}
@media screen and (max-width: 767px) {
    .mw_wp_form input[type="text"],.mw_wp_form input[type="email"],.mw_wp_form textarea{
        border-radius: calc(5vw / 375* 100);
        font-size: calc(15vw / 375* 100);
        padding: calc(10vw / 375* 100) calc(15vw / 375* 100);
        width: calc(100% - calc(30vw / 375* 100));
    }
}
.mw_wp_form .mwform-radio-field{
    display: flex;
    flex-direction: column;
}
.mw_wp_form .horizontal-item + .horizontal-item{
    margin-left: 0px !important;
}
.mw_wp_form input[type="radio"]{
    width: calc(19vw / 1440* 100);
    height: calc(19vw / 1440* 100);
    fill: #fcfcfc;
    stroke-width: 1px;
    stroke: #707070;
}
@media screen and (max-width: 767px) {
    .mw_wp_form input[type="radio"]{
        width: calc(19vw / 375* 100);
        height: calc(19vw / 375* 100);
    }
}
.mw_wp_form .mwform-radio-field label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: calc(5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .mw_wp_form .mwform-radio-field label{
        margin-bottom: calc(5vw / 375* 100);
    }
}
.mw_wp_form .mwform-radio-field-text{
    color: #000;
    font-size: calc(15vw / 1440* 100);
    font-weight: 500;
    line-height: 165%;
    letter-spacing: calc(1.5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .mw_wp_form .mwform-radio-field-text{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
    }
}
.mw_wp_form .privacy_message{
    margin-bottom: calc(10vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .mw_wp_form .privacy_message{
        margin-bottom: calc(10vw / 375* 100);
    }
}
.mw_wp_form .privacy_message p{
    color: #000;
    font-size: calc(15vw / 1440* 100);
    font-weight: 500;
    line-height: 165%;
    letter-spacing: calc(1.5vw / 1440* 100);
    word-break: break-all;
}
@media screen and (max-width: 767px) {
    .mw_wp_form .privacy_message p{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
    }
}
.mw_wp_form .privacy_message p > a{
    text-decoration: underline;
}
.mw_wp_form .form_kiyaku_check{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.mw_wp_form .form_kiyaku_check .form_ttl{
    margin-bottom: 0;
}
.mw_wp_form .form_kiyaku_check label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.mw_wp_form .form_kiyaku_check label input[type="checkbox"]{
    width: calc(26vw / 1440* 100);
    height: calc(26vw / 1440* 100);
    border: 1px solid #707070;
    background: #fcfcfc;
}
@media screen and (max-width: 767px) {
    .mw_wp_form .form_kiyaku_check label input[type="checkbox"]{
        width: calc(26vw / 375* 100);
        height: calc(26vw / 375* 100);
    }
}
.mw_wp_form .form_kiyaku_check label .mwform-checkbox-field-text{
    color: #000;
    font-size: calc(15vw / 1440* 100);
    font-style: normal;
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(1.5vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .mw_wp_form .form_kiyaku_check label .mwform-checkbox-field-text{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
    }
}
.mw_wp_form button[type="submit"]{
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    padding: calc(10vw / 1440* 100) calc(20vw / 1440* 100);
    color: #fff;
    text-align: left;
    font-size: calc(18vw / 1440* 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(1.8vw / 1440* 100);
    width: calc(400vw / 1440* 100);
    margin: calc(30vw / 1440* 100) auto 0;
}
@media screen and (max-width: 767px) {
    .mw_wp_form button[type="submit"]{
        padding: calc(10vw / 375* 100) calc(20vw / 375* 100);
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        width: calc(195vw / 375* 100);
        margin: calc(30vw / 375* 100) auto 0;
    }
}
.mw_wp_form .error{
    font-size: calc(15vw / 1440* 100) !important;
    margin-top: calc(5vw / 1440* 100) !important;
}
@media screen and (max-width: 767px) {
    .mw_wp_form .error{
        font-size: calc(15vw / 375* 100) !important;
        margin-top: calc(5vw / 375* 100) !important;
    }
}
.mw_wp_form .form_input > span{
    font-size: calc(16vw / 1440* 100) !important;
}
@media screen and (max-width: 767px) {
    .mw_wp_form .form_input > span{
        font-size: calc(16vw / 375* 100) !important;
    }
}
.page_finish{
    justify-content: center;
    align-items: center;
}
.finish_wrapper{
    width: calc(700vw / 1440* 100);
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .finish_wrapper{
        width: calc(315vw / 375* 100);
        margin: 0 auto;
    }
}
.finish_message{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.finish_message > h2{
    color: #0D3C9D;
    font-size: calc(22vw / 1440* 100);
    font-weight: 700;
    line-height: 165%;
    letter-spacing: calc(2.2vw / 1440* 100);
    text-align: center;
    margin-bottom: calc(20vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .finish_message > h2{
        font-size: calc(15vw / 375* 100);
        letter-spacing: calc(1.5vw / 375* 100);
        margin-bottom: calc(20vw / 375* 100);
    }
}
.finish_message > p{
    color: #000;
    font-size: calc(15vw / 1440* 100);
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    letter-spacing: calc(1.5vw / 1440* 100);
    text-align: center;
    margin-bottom: calc(30vw / 1440* 100);
}
@media screen and (max-width: 767px) {
    .finish_message > p{
        font-size: calc(13vw / 375* 100);
        letter-spacing: calc(1.3vw / 375* 100);
        margin-bottom: calc(30vw / 375* 100);
    }
}

.blog_coming{
    background-color: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: calc(785vw / 1440* 100);
    padding: 50px 0;
}
.blog_coming.top{
    background-color: #02246A;
    width: 100%;
}
.blog_coming p{
    color: #000;
    font-size: calc(30vw / 1440* 100);
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(3vw / 1440* 100);
    opacity: 0.3;
}
.blog_coming.top p{
    color:rgba(255, 255, 255,1);
}
@media screen and (max-width: 767px) {
    .blog_coming{
        width: 100%;
        padding: 30px 0;
    }
    .blog_coming p{
        font-size: calc(14vw / 375* 100);
    }
}
.btn_coming{
    opacity: 0.3;
    pointer-events: none;
}

/* 2412 add */

.wp-block-embed{
	width:70%;
	height:50%;
}
.wp-embedded-content{
	width:100%;
	height:50%;
}

.download_cta {
	display: none;
}
.blog_coming {
	display: none;
}

.single_content h2 {
	    margin: calc(70vw / 1440* 100) 0 calc(30vw / 1440* 100);
}
.single_content p {
	   margin: calc(30vw / 1440* 100) 0;
}

.archive_one_left > a > img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* メディアクエリ */
@media screen and (max-width: 767px) {
}


.navigation.pagination .screen-reader-text{
    display: none;
}
.nav-links{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
@media screen and (max-width: 1440px) {
    .nav-links{
        gap: calc(10vw / 1440* 100);
    }
}
@media screen and (max-width: 767px) {
    .nav-links{
        gap: calc(10vw / 375* 100);
    }
}
.page-numbers{
    width: 45px;
    height: 45px;
    border-radius: 30px;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3C9D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 165%; /* 26.4px */
    letter-spacing: 0.8px;
}
@media screen and (max-width: 1440px) {
    .page-numbers{
        width: calc(45vw / 1440* 100);
        height: calc(45vw / 1440* 100);
        border-radius: calc(30vw / 1440* 100);
        font-size: calc(16vw / 1440* 100);
        letter-spacing: calc(0.8vw / 1440* 100);
    }
}
@media screen and (max-width: 767px) {
    .page-numbers{
        width: calc(35vw / 375* 100);
        height: calc(35vw / 375* 100);
        border-radius: calc(30vw / 375* 100);
        font-size: calc(14vw / 375* 100);
        letter-spacing: calc(0.7vw / 375* 100);
    }
}
.page-numbers.current{
    background: #0D3C9D;
    color: #ffffff;
}
.page-numbers.next,.page-numbers.prev{
    text-indent: -9999px;
    position: relative;
}
.page-numbers.next::after,.page-numbers.prev::after{
    content: "";
    width: 7.25px;
    height: 12.5px;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 6.25px);
    left: calc(50% - 3.625px);
}
@media screen and (max-width: 1440px) {
    .page-numbers.next::after,.page-numbers.prev::after{
        width: calc(7.25vw / 1440* 100);
        height: calc(12.5vw / 1440* 100);
        top: calc(50% - calc(6.25vw / 1440* 100));
        left: calc(50% - calc(3.625vw / 1440* 100));
    }
}
@media screen and (max-width: 767px) {
    .page-numbers.next::after,.page-numbers.prev::after{
        width: calc(7.25vw / 375* 100);
        height: calc(12.5vw / 375* 100);
        top: calc(50% - calc(6.25vw / 375* 100));
        left: calc(50% - calc(3.625vw / 375* 100));
    }
}
.page-numbers.next::after{
    background-image: url(../img/2509/next_arrow.svg);
}
.page-numbers.prev::after{
    background-image: url(../img/2509/prev_arrow.svg);
}