@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;
}
html, body {
    color: #231815;
}

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;
    }
    .header_logo {
        display: inline-block;
        width: 38.548vw;
    }
    .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: 179.598px;
        }
        .header_pr {
            width: 40px;
        }
    }
    
    
    @media screen and (min-width: 640px) {
        .header_logo {
            width: 210px;
        }
        .header_wrap {
            padding: 9.55px 0;
        }
    }
    
    
    
    .ft_line {
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #cdcdcd;
        border: none;
    }
    
    
    
    
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    
    
    
    .fv_wrap {
        text-align: center;
        padding: 30px 5px 22px;
    }
    .fv_h {
        font-size: 0;
        margin: 0 0 26px;
    }
    .fv_h img {
        width: 230px;
    }
    .fv_txt1 {
        font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
        font-weight: 600;
        margin: 0;
        font-size: 12px;
        line-height: 1.8;
    }
    @media screen and (min-width: 768px) {
        .fv_wrap {
            padding: 50px 0 40px;
        }
        .fv_h {
            margin-bottom: 33px;
        }
        .fv_h img {
            width: 754px;
        }
        .fv_txt1 {
            font-size: 13.5px;
        }
        .br-sp {
            display: none;
        }
    }
    
    
    .main_bg {
        background-image: repeating-linear-gradient(45deg, #000000 25%, transparent 25%, transparent 75%, #000000 75%, #000000), repeating-linear-gradient(45deg, #000000 25%, #212121 25%, #212121 75%, #000000 75%, #000000);
        background-position: 0 0, 6px 6px;
        background-size: 12px 12px;
    }
    .loop_flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .card {
        width: calc(50% - 10px);
        position: relative;
        color: #FFF;
        padding: 0 0 22px;
        border-bottom: 1px solid #FFF;
        margin: 0 0 60px;
    }
    .card::before {
        content: "";
        position: absolute;
        right: 7px;
        bottom: -9px;
        width: 1px;
        height: 35px;
        display: inline-block;
        background: #FFF;
    }
    .card_img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
    	left: 50%;
        background-size: cover;
        background-position: center top 20%;
        background-repeat: no-repeat;
        transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
    	margin: 0;
    	transition: .3s;
    }
    .card_img_wrap:hover .card_img {
        transform: translate(-50%, -50%) scale(1.2,1.2);
    	-webkit-transform: translate(-50%, -50%) scale(1.2,1.2);
    	-ms-transform: translate(-50%, -50%) scale(1.2,1.2);
    }
    .card_img_wrap {
        width: 100%;
        height: 36vw;
        position: relative;
        margin: 0 0 18px;
        overflow: hidden;
    }
    .card_img a {
        display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	z-index: 10;
    }
    .loop_flex_wrap {
        padding: 48px 15px 0;
    }
    .card_date {
        margin: 0 0 4px;
        font-size: 13px;
    }
    .card_title {
        font-weight: 600;
        font-size: 15px;
        margin: 0 0 3px;
    }
    .card_desc {
        font-size: 12px;
        margin: 0;
        padding: 0 25px 0 0;
    }
    .card_arrow {
        display: inline-block;
        position: absolute;
        width: 12px;
        font-size: 0;
        bottom: 9px;
        right: 15px;
        transition: .3s;
    }
    .card_arrow:hover {
        opacity: .7;
    }
    @media screen and (min-width: 768px) {
        .main_bg {
            background-position: 0 0, 9px 9px;
            background-size: 18px 18px;
        }
        .loop_flex_wrap {
            max-width: 869px;
            padding: 55px 20px 30px;
            margin: 0 auto;
        }
        .loop_flex {
            justify-content: center;
        }
        .card {
            width: 30%;
            margin: 0 5% 60px 0;
        }
        .card:nth-child(3n) {
            margin-right: 0;
        }
        .card:last-child {
            margin-right: 0;
        }
        .card_img_wrap {
            height: 20vw;
            max-height: 180px;
        }
        .card_title {
            font-size: 17px;
        }
        .card_desc {
            font-size: 14px;
        }
        .card_date {
            font-size: 14px;
        }
    }
    
    
    .p-article_action2 {
        display: flex;
        margin-bottom: 25px;
        flex-wrap: wrap;
    }
    .p-article_action_group2 {
        justify-content: center;
        width: 100%;
    }
    .p-article_action_group2 {
        display: flex;
    }
    .socialButtons2, .socialButtons2 li {
        list-style: none;
        padding: 0;
    }
    .socialButtons2 {
        margin: 0;
    }
    .p-article_action_btn2 {
        display: block;
        position: relative;
        width: 52px;
        height: 30px;
        margin: 0 0px;
    }
    .p-article_action_btn_label2.-Facebook2 {
        background-image: url(ico_action_facebook.svg);
    }
    .p-article_action_btn_label2 {
        display: block;
        position: relative;
        padding-top: 30px;
        background-position: center top;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        transition: .1s all ease-in;
    }
    .p-article_action_btn_label2.-twitter2 {
        background-image: url(X.png);
        background-position: center top 3px;
    }
    .p-article_action_btn_label2.-line2 {
        background-image: url(icon_line.png);
        background-position: center top 3px;
    }
    .p-article_action_share {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 11.77px;
        color: #898989;
        font-weight: 600;
    }
    .alertinfo {
        display: block;
        width: 100%;
        color: #FFF;
        text-align: right;
        font-size: 12px;
        margin-bottom: 45px;
    }
    @media screen and (max-width: 599px) {
        .alertinfo {
            margin-top: 40px;
            margin-bottom: 45px;
        }
    }
    @media screen and (max-width: 599px) {
    .ptop {
            max-width: 35px;
            padding: 30px 0 30px 0;
        }
    }
    .ptop {
        max-width: 38px;
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 70px 0;
    }
    
    @media screen and (min-width: 768px) {
        .alertinfo {
            margin-bottom: 100px;
        }
        .ptop {
            max-width: 58px;
        }
    }