.pagehead_wrap {
        background-image: url(mv.png);
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-color: #00aaea1A;
        padding: 20px;
    }
    .pagehead_wrap img {
        width: 100%;
    }
    .pagehead_title {
        font-size: 0;
        text-align: center;
    }
    .pagehead_title img {
        max-width: 795px;
    }
    .jg_container2 {
        max-width: 1200px;
    }
    @media screen and (min-width: 640px) {
        .pagehead_wrap {
            padding: 40px 20px;
        }
    }
    
    
    .posttitle_cat_flex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .posttitle_cat1 {
        margin: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        background: linear-gradient(90deg, #37a0da 0%, #008cce 28.5999%, #103675 100%);
        padding: .2em 3em .2em 2em;
        position: relative;
    }
    .posttitle_cat1_space {
        letter-spacing: .2em;
    }
    .posttitle_cat1_nopadding {
        padding-left: .4em;
        padding-right: 1.5em;
    }
    .posttitle_cat::before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: url(set1.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .posttitle_cat2 {
        margin: 0;
        color: #231815;
        font-size: 14px;
        font-weight: 600;
        padding: .15em 1em .1em 1.5em;
        position: relative;
        width: calc(100% - 120px);
    }
    .posttitle_cat2::after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(90deg, transparent 0%, #54c2f0 5%, #0080cb 34.642%, #541b85 65.5904%, #541b85 100%);
        opacity: .4;
    }
    .posttitle_cat {
        position: relative;
        box-sizing: border-box;
        margin-bottom: 8px;
    }
    .posttitle_cat > span {
        display: inline-block;
        position: relative;
        z-index: 5;
    }
    .posttitle {
        font-size: 24px;
        line-height: 1.2296;
        text-align: left;
    }
    .posttitle_wrap {
        border-bottom: 1px solid #0071bc;
        margin: 0 0 24px;
    }
    .profbox {
        margin: 0 auto 24px;
        max-width: 300px;
        text-align: center;
    }
    .profbox_content {
        position: relative;
        padding: 16px 40px 16px 5px;
    }
    .profbox_content::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(-90deg, #ffffff00 0%, #00aaea 23.6626%, #2660ac 58.7323%, #541b85 100%);
        opacity: .2;
    }
    .profbox_content::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-image: url(set4.jpg);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .profbox_photo {
        font-size: 0;
    }
    .profbox_photo img {
        width: 100%;
    }
    .profbox_txt1, .profbox_txt2, .profbox_txt3 {
        position: relative;
        z-index: 5;
        margin: 0;
    }
    .profbox_txt1 {
        font-size: 15px;
        font-weight: 600;
    }
    .profbox_txt2 {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .05em;
        line-height: 1.51278;
        margin: .2em 0;
    }
    .profbox_txt3 {
        font-size: 20px;
        font-weight: 600;
    }
    .profbox_txt3 > span {
        font-size: .588em;
    }
    .c_txt1 {
        font-size: 16px;
        color: #000;
        line-height: 1.48;
        font-weight: 500;
        margin: 0;
    }
    .col {
        padding: 0 0 30px;
    }
    .col_main {
        margin-bottom: 60px;
    }
    .side_h {
        font-weight: 600;
        font-size: 30px;
        margin: 0 0 8px;
    }
    .postcard_wrap {
        margin: 0 0 42px;
        position: relative;
    }
    .postcard_wrap::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(-90deg, #00aaea 0%, #2660b1 49.9018%, #541bc1 100%);
    }
    .pagetop2_wrap {
        text-align: center;
    }
    .pagetop2 {
        display: inline-block;
        width: 45px;
    }
    .postcard a {
        text-decoration: none;
    }
    .postcard {
        position: relative;
    }
    .postcard:hover {
        background: #0000000D
    }
    .current.postcard:hover , .current2.postcard:hover {
        background: #fff;
    }
    .postcard::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(-90deg, #00aaea 0%, #2660b1 49.9018%, #541bc1 100%);
    }
    .current.postcard::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        background: #000;
        opacity: .05;
    }
    .current2.postcard::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .05;
        pointer-events: none;
    }
    .postcard_in {
        position: relative;
        padding: 16px 20px;
    }
    .postcard_in::before {
        content: "";
        position: absolute;
    	top: 50%;
    	left: 0;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	display: inline-block;
    	width: 7px;
    	height: 30px;
    	background-image: url(set2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .postcard_in::after {
        content: "";
        position: absolute;
    	bottom: 6px;
    	right: 0;
    	display: inline-block;
    	width: 15px;
    	height: 15px;
    	background-image: url(set3.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .postcard_txt1 {
        font-size: 17px;
        color: #0071bc;
        font-weight: 600;
        margin: 0 0 6px;
    }
    .postcard_txt2, .postcard_txt3 {
        font-size: 13.8px;
        color: #231815;
        font-weight: 500;
        margin: 0;
        line-height: 1.33;
    }
    .postcard_txt2 {
        font-weight: 600;
    }
    
    
    @media screen and (min-width: 640px) {
        .col {
            padding: 0 20px 4px;
            margin: 0 auto;
            max-width: 1085px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .col_main {
            width: 67.3%;
        }
        .col_side {
            width: 27.8%;
        }
        .posttitle_cat_flex {
        }
        .posttitle_cat1 {
            font-size: 18.9px;
        }
        .posttitle_cat2 {
            font-size: 23.94px;
            width: calc(100% - 200px);
        }
        .posttitle {
            font-size: 34px;
            line-height: 1.235;
        }
        .posttitle_wrap {
            margin-bottom: 40px;
        }
        .profbox {
            float: right;
            width: 272px;
            max-width: 100%;
            margin: 0 0 30px 30px;
        }
        .profbox_txt1 {
            font-size: 17px;
        }
        .profbox_txt2 {
            font-size: 13px;
        }
        .profbox_txt3 {
            font-size: 24px;
        }
        .c_txt1 {
            font-size: 18px;
            line-height: 1.722;
        }
    }
    
    
    .foot_wrap {
        text-align: center;
        padding: 8px 20px 5px;
    }
    .jg_wrap2 {
        padding-bottom: 20%;
    }
    .foot_txt1 {
        font-size: 10px;
        margin: 0 0 40px;
        font-weight: 500;
    }
    .foot_back a {
        display: inline-block;
        width: 220px;
    }
    @media screen and (min-width: 640px) {
        .foot_txt1 {
            font-size: 12px;
            margin-bottom: 90px;
        }
        .foot_back a {
            width: 345px;
        }
        .jg_wrap2 {
            padding-bottom: 163px;
        }
    }
    
    
    .post_content1_margin {
        margin-bottom: 80px;
    }
    
    
    .catch_wrap {
        position: relative;
        margin: 0 0 22px;
    }
    .catch_wrap::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(-90deg, #00aaea 23.6626%, #2660ac 58.7323%, #541b85 99.8886%);
        opacity: .2;
    }
    .catch_wrap::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% + 3px);
        height: 4px;
        z-index: 5;
        background-image: url(bar.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .catch_mv {
        text-align: center;
        font-size: 0;
        position: relative;
        z-index: 3;
    }
    .catch_mv img {
        width: 100%;
    }
    .catch_flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .catch_flexbox {
        width: 33.3%;
        text-align: center;
        padding: .4em 0;
    }
    .catch_flexbox .profbox_txt1 {
        margin: 0;
        font-size: 10px;
        font-weight: 600;
    }
    .catch_flexbox .profbox_txt2 {
        margin: 0 0 .3em;
        font-size: 8px;
        font-weight: 400;
        line-height: 1.364;
    }
    .catch_flexbox .profbox_txt3 {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
    }
    .catch_flexbox .profbox_txt3 > span {
        font-size: .583em;
    }
    @media screen and (min-width: 640px) {
        .catch_flexbox .profbox_txt1 {
            font-size: 15px;
        }
        .catch_flexbox .profbox_txt2 {
            font-size: 11px;
        }
        .catch_flexbox .profbox_txt3 {
            font-size: 24px;
        }
        .catch_wrap {
            margin-bottom: 30px;
        }
    }
    
    .post_itr_wrap {
        background: #e5e5e6;
        padding: 1em .8em;
        margin: 0 0 22px;
    }
    .post_itr_wrap p {
        font-weight: 600;
    }
    @media screen and (min-width: 640px) {
        .post_itr_wrap {
            margin-bottom: 30px;
        }
    }
    
    
    .post_lv2 {
        margin: 0 0 30px;
        font-size: 24px;
        line-height: 1.31;
        text-align: left;
        position: relative;
        padding: 20px 0 40px 20px;
        color: #231815;
    }
    .post_lv2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 100%;
        background: linear-gradient(135deg, #00b8ee 0%, #00b8ee 75%, #0080cb 75%, #0080cb 100%);
    }
    .post_lv2::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 20px;
        width: calc(100% - 20px);
        height: 3px;
        background: #7e308d;
    }
    .post_content2 {
        margin-bottom: 40px;
    }
    .name1, .name2, .name3 {
        font-weight: 600;
    }
    .name1 {
        color: #005bac;
    }
    .name2 {
        color: #7e318e;
    }
    .name3 {
        color: #00b9ef;
    }
    .post_content2_prof {
        text-align: center;
        font-size: 0;
        margin: 0 0 30px;
    }
    .post_content2_prof img {
        width: 80%;
    }
    .post_content2_img {
        text-align: center;
        font-size: 0;
        margin: 40px 0 0;
    }
    .post_content2_img img {
        width: 595px;
    }
    @media screen and (min-width: 640px) {
        .post_lv2 {
            font-size: 28px;
        }
        .post_content2_prof {
            float: right;
            margin: 0 0 30px 30px;
            width: 275px;
        }
        .post_content2_prof img {
            width: 100%;
        }
        .post_content2_float_left .post_content2_prof {
            float: left;
            margin: 0 30px 30px 0;
        }
    }
    
    
    .sg_wrap {
        text-align: center;
        border-top: 1px solid #0071bc;
        margin: 60px 0 0;
        padding: 60px 0 20px;
    }
    .sg_txt1 {
        font-weight: 600;
        font-size: 17px;
        margin: 0;
    }
    .sg_txt2 {
        font-weight: 400;
        font-size: 15px;
        margin: 0;
    }
    @media screen and (min-width: 640px) {
        .sg_wrap {
            padding: 60px 0 0;
        }
        .sg_txt1 {
            font-size: 21px;
            margin: 0;
        }
        .sg_txt2 {
            font-size: 17px;
        }
    }