@charset "UTF-8";

body {
    width: 100%;
    /*overflow-x: hidden;*/
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin: 0;
    text-align: justify;
line-break: strict;
overflow-wrap: break-word;
word-wrap: break-word;
}

img {
        max-width: 100%;
        height: auto;
    }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    
    
    .header_bg {
        background: #EFEFEF;
        box-sizing: border-box;
    }
    .header_wrap {
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 945px;
        padding: 2.535vw 0;
        box-sizing: border-box;
        font-size: 0;
    }
    .header_logo {
        display: inline-block;
        width: 26.548vw;
        margin: 0 1.2vw;
    }
    .header_logo img {
        width: 100%;
    }
    .header_pr {
        display: inline-block;
        font-size: 0;
        position: absolute;
    	top: 50%;
    	right: 15px;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	width: 8.585%;
    }
    .header_pr img {
        width: 100%;
    }
    
    
    @media screen and (min-width: 440px) {
        .header_wrap {
            padding: 10px 0;
        }
        .header_logo {
            width: 129.598px;
        }
        .header_pr {
            width: 40px;
        }
    }
    
    
    @media screen and (min-width: 640px) {
        .header_logo {
            width: 178px;
        }
        .header_wrap {
            padding: 9.55px 0;
        }
    }
    
    
    
    .ft_line {
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #cdcdcd;
        border: none;
    }
    
    
    .bg_wrap {
        background-image: url(bg-sp.png);
        background-position: center top;
        background-repeat: repeat-y;
        background-size: 100%;
    }
    @media screen and (min-width: 640px) {
        .bg_wrap {
            background-image: url(bg.png);
        }
    }
    
    
    .fv_wrap {
        padding: 32px 0 32px;
        text-align: center;
    }
    .fv_container {
        margin: 0 auto;
        max-width: 1261px;
    }
    .fv_h_wrap {
        padding: 0 40px 25px;
    }
    .fv_h {
        max-width: 730px;
        display: inline-block;
        width: 100%;
        font-size: 0;
        margin: 0;
    }
    @media screen and (min-width: 640px) {
        .fv_wrap {
            padding: 80px 20px 64px;
        }
    }
    
    .fv_txt1_wrap {
        padding: 0 2px;
        margin: 0 0 32px;
    }
    .fv_txt1_box {
        position: relative;
        z-index: 2;
        padding: 24px 24px;
    }
    .fv_txt1_box::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(75,126,191,0) 0%, #0b0962 5.1968%, #0b0962 30.7823%, #0b0962 70.1292%, #0b0962 95.0702%, rgba(75,126,191,0) 100%);
        opacity: .7;
        z-index: 1;
        mix-blend-mode: multiply;
    }
    .fv_txt1_h {
        position: relative;
        z-index: 5;
        text-align: center;
        margin: 0 0 -30px;
        font-size: 0;
    }
    .fv_txt1_h img {
        width: 151px;
    }
    .fv_txt1 {
        color: #fff;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.708;
        letter-spacing: .06em;
        position: relative;
        z-index: 5;
        margin: 0;
        text-shadow: 0 0 16px rgba(0,0,0,.98), 0 0 16px rgba(0,0,0,.98), 0 0 16px rgba(0,0,0,.98), 0 0 16px rgba(0,0,0,.98);
    }
    @media screen and (min-width: 640px) {
        .fv_txt1 {
            font-size: 26.93px;
        }
        .fv_txt1_wrap {
            margin-bottom: 72px;
        }
    }
    
    
    .fv_txt2_wrap {
        padding: 0 2px;
    }
    .fv_txt2_box {
        position: relative;
        z-index: 2;
        padding: 16px 24px;
    }
    .fv_txt2_box::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(75,126,191,0) 0%, #0b0962 5.1968%, #0b0962 30.7823%, #0b0962 70.1292%, #0b0962 95.0702%, rgba(75,126,191,0) 100%);
        opacity: .4;
        z-index: 1;
        mix-blend-mode: multiply;
    }
    .fv_txt2_h {
        position: relative;
        z-index: 5;
        text-align: center;
        margin: 0 0 -30px;
        font-size: 0;
    }
    .fv_txt2_h img {
        width: 151px;
    }
    .fv_txt2 {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.727;
        letter-spacing: -.01em;
        position: relative;
        z-index: 5;
        margin: 0;
        text-shadow: 0 0 16px rgba(0,0,0,.98), 0 0 16px rgba(0,0,0,.98), 0 0 16px rgba(0,0,0,.98), 0 0 16px rgba(0,0,0,.98);
    }
    @media screen and (min-width: 640px) {
        .fv_txt2 {
            font-size: 21px;
        }
    }
    
    
    .post_wrap {
        padding: 0 20px 120px;
    }
    .post_container {
        margin: 0 auto;
        max-width: 900px;
    }
    .post_lv2 {
        text-align: center;
        margin: 0;
    }
    .post_lv2 img {
        width: 282px;
    }
    .post_box {
        position: relative;
    }
    .post_box_img1 {
        font-size: 0;
        margin: 0;
        display: none;
    }
    .post_box_img1 img {
        width: 100%;
    }
    .card1 {
        position: relative;
        margin: 0 0 24px;
    }
    .card1_link {
        display: block;
        width: 100%;
        position: relative;
    }
    .card1_photo_img {
        position: relative;
        z-index: 3;
        transition: 1s;
    }
    .card1:hover .card1_photo_img {
        transform: scale(1.1,1.1);
    	-webkit-transform: scale(1.1,1.1);
    	-ms-transform: scale(1.1,1.1);
    }
    .card1_d1 {
        position: absolute;
        z-index: 7;
        left: 0;
        bottom: 0;
        width: 66%;
        height: 7.2%;
        background: #0075c1;
        clip-path: polygon(
                            0% 0%,
                            91% 0%,
                            100% 100%,
                            0% 100%
                        );
    }
    .card1_photo {
        font-size: 0;
        position: relative;
        padding: 0 16px;
    }
    .card1_photo::before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 67%;
        background: linear-gradient(180deg, #bd0080 0%, #0075c1 90%, #0075c1 100%);
    }
    .card1_photo_in {
        position: relative;
        overflow: hidden;
    }
    .card1_photo_txt {
        position: absolute;
        z-index: 5;
        left: 3%;
        top: 7%;
        width: 70%;
        font-size: 0;
    }
    .card1_ct_bg {
        display: none;
    }
    .card1_ct {
        position: relative;
        background: linear-gradient(-45deg, #bd0080 0%, #0075c1 100%);
        padding: 12px 8px 8px;
    }
    .card1_ct_cir {
        position: absolute;
        left: 1%;
        top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	width: 70px;
    	z-index: 1;
    	mix-blend-mode: color-dodge;
    }
    .card1_ct_name {
        text-align: center;
        position: relative;
        z-index: 5;
        margin: 0;
    }
    .card1_ct_name img {
        width: 56%;
    }
    @media screen and (min-width: 640px) {
        .card1_ct_cir {
            display: none;
        }
        .post_box_img1 {
            display: block;
            margin: -24px 0 0;
        }
        .post_box {
            position: relative;
            padding: 8px 24px 8px;
        }
        .post_box::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, #00aaea 0%, #2660b1 49.9018%, #541bc1 100%);
            opacity: .2;
        }
        .card1 {
            background: linear-gradient(180deg, #bd0080 0%, #0075c1 90%, #0075c1 100%);
            margin: 0 0 40px;
        }
        .card1_link {
            padding: 0 25.6% 0 3%;
            box-sizing: border-box;
        }
        .card1_photo::before {
            display: none;
        }
        .card1_photo {
            padding: 0;
        }
        .card1_ct_bg {
            display: block;
            position: relative;
            z-index: 1;
        }
        .card1_ct {
            display: block;
            font-size: 0;
            position: absolute;
            top: 0;
            right: 0;
            width: 31.4%;
            padding: 0;
            z-index: 7;
            background: linear-gradient(180deg, transparent 0%, transparent 50%, #0075c1 50%, #0075c1 100%);
            height: 100%;
        }
        .card1_ct_name {
            position: absolute;
            z-index: 5;
            width: 100%;
            left: 0;
            bottom: 5%;
        }
        .card1_ct_name img {
            width: 90%;
        }
    }
    
    
    .bar1 {
        height: 30px;
        width: 100%;
        background: linear-gradient(-220deg, #bd0080 0%, #0075c1 76.013%, #0075c100 100%);
    }
    
    .pagetop {
        cursor: pointer;
        position: fixed;
        z-index: 99;
        width: 45px;
        right: 20px;
        bottom: 20px;
    }
    @media screen and (min-width: 1180px) {
        .pagetop {
            left: calc(50% + 540px);
            transform: translateX(-50%);
        	-webkit-transform: translateX(-50%);
        	-ms-transform: translateX(-50%);
        }
    }
    @media screen and (min-width: 1360px) {
        .pagetop2 {
            left: calc(50% + 640px);
        }
    }