@charset "UTF-8";

/*----------------------------------------------------
	☆index
----------------------------------------------------*/
.text{
    font-size:14px;
    line-height:1.6;
    letter-spacing:1px;
    margin-bottom:15px;
}
.img{
    margin-bottom:10px;
}
.title_box{
    position: relative;
}
.main h2{
    font-size:19px;
    text-align:center;
    font-family: 'Noto Serif Japanese', serif;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color:#fff;
    width: 100%;
    display: block;
    padding:5px 0;
    background: rgba(0,0,0,0.4);
    line-height: 1.6;
    letter-spacing: 1px;
    height: 70.8px;
}
.main li:nth-of-type(1) h2,
.main li:nth-of-type(2) h2,
.main li:nth-of-type(4) h2,
.main li:nth-of-type(5) h2,
.main li:nth-of-type(6) h2,
.main li:nth-of-type(7) h2,
.main li:nth-of-type(8) h2,
.main li:nth-of-type(9) h2{
    line-height: 59px;
}
.detail_button{
    display: block;
    border-radius: 5px;
    font-size:14px;
    color: #006bb7;
    letter-spacing: 1px;
    padding: 10px;
    border: 1px solid #006bb7;
    text-align: center;
}
/*
ul li a:hover .detail_button{
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background: #005999;
	color: #fff;
}
 */
.clm3 li{margin-bottom: 60px;}
.clm3 li:nth-of-type(3n){margin-right: 0;}
.clm3 li:nth-last-of-type(1),.clm3 li:nth-last-of-type(2){margin-bottom: 0;}
.clm3{text-align: left;}

ul li:hover a{
    opacity: 1;
}

ul li:hover a .detail_button{
    opacity: 0.3;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が1080px以下の場合*/

@media only screen and (max-width: 1080px) {
    /*----------------------------------------------------
        ☆adcoating
    ----------------------------------------------------*/
    .main h2{
        font-size:14px;
        padding:5px 0;
        letter-spacing: 0;
        height:54.8px;
    }
    .main li:nth-of-type(2) h2,
    .main li:nth-of-type(7) h2{
        line-height: initial;
    }
    _:-ms-input-placeholder, :root .main li:nth-of-type(2) h2,.main li:nth-of-type(7) h2 {
        line-height: 1.5;
    }
    .main li:nth-of-type(1) h2,
    .main li:nth-of-type(4) h2,
    .main li:nth-of-type(5) h2,
    .main li:nth-of-type(6) h2,
    .main li:nth-of-type(8) h2{
        line-height: 44.8px;
    }
    .text{
        font-size:12px;
        line-height:1.6;
        letter-spacing:1px;
        margin-bottom:10px;
    }
    .detail_button a{
        font-size:13px;
    }


    .clm3 li{margin-bottom: 30px;}
    .clm3_sp li{width: 49%;margin-right: 2%;}
    .clm3 li:nth-of-type(3n){margin-right: 2%;}
    .clm3_sp li:nth-of-type(even){margin-right: 0;}
}