@charset "utf-8";

/*トップ*/
.topimageweb{width:calc((100 / 1500) * 203.4644vw);}

/*コンテンツ*/


/*コラム↓*/
.columun{width:60%;position:relative;}
.columunimage{width:30%; position: absolute;top:10%;left:3%;}
.columun h3{position:absolute; top:12%; left:34.5%; font-size:15px; line-height:18px; font-weight:bold;}
.columun p{position:absolute; width:60%; top:29%;right:5%; font-size:15px; line-height: min(calc((100 / 1920) * 42vw), 42px);
    letter-spacing:0.05em; font-weight:300;}
.kuwasiku{position: absolute; bottom:12%; right:5%; font-size: min(calc((100 / 1920) * 16vw), 16px); line-height: min(calc((100 / 1920) * 30vw), 30px);
    letter-spacing:0.05em; font-weight:300;}

.kuwasiku::after{
    content:"";
    display: inline-block;
    position:relative;
    width: min(calc((100 / 1920) * 35vw), 35px);
    height: min(calc((100 / 1920) * 35vw), 35px);
    left: min(calc((100 / 1920) * 10vw), 10px);
    background-image:url(../img/8.columnlist/5.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }

.columunlist{margin-left:12%;margin-top: 3%;}
.category_name {display:none;}

/*コラム↑*/

/*アコーディオン↓*/
.webposition{position: relative;max-width: 1920px;margin: auto;}
.accordion{width:18%;position:absolute;right:10%;top:0.85%;}
p {margin: 0;}
ul {margin: 0;padding: 0;}
li {list-style: none;}

.accordion1 {text-align: center;}
.accordion1 .inner {display: none;}
.accordion1 p {cursor: pointer; padding: 10px;}
.accordion1 p.ac1 {background: #398DF3;z-index: 1;}
.accordion1 p.ac2 {background: #61BFE9;z-index: 1;}
.accordion1 .inner li{padding: 10px 0;}
.accordion1 .inner li.content1-1{background: #398DF3;color:white;}
.accordion1 .inner li.content1-2{background: #398DF3;color:white;}
.accordion1 .inner li.content1-3{background: #398DF3;color:white;}
.accordion1 .inner li.content1 {background: #398DF3;color:white;}

.accordion1 .inner li.content2-1{background: #61BFE9;color:white;}
.accordion1 .inner li.content2-2{background: #61BFE9;color:white;}
.accordion1 .inner li.content2-3{background: #61BFE9;color:white;}



.ac1{color:white; font-weight: 900;text-align: left;position: relative;}
.ac2{color:white; font-weight: 900;text-align: left;position: relative;}
.acd1{margin-bottom: 3%;}

.ac1::after{
    content:"";
    display: inline-block;
    position:absolute;
    width: min(calc((100 / 1920) * 25vw), 25px);
    height: min(calc((100 / 1920) * 25vw), 25px);
    min-width:15px;
    min-height:15px;
    top:12px;
    left: min(calc((100 / 1920) * 280vw), 280px);
    background-image:url(../img/8.columnlist/4.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }

    .ac2::after{
        content:"";
        display: inline-block;
        position:absolute;
        width: min(calc((100 / 1920) * 25vw), 25px);
        height: min(calc((100 / 1920) * 25vw), 25px);
        min-width:15px;
        min-height:15px;
        top:12px;
        left: min(calc((100 / 1920) * 280vw), 280px);
        background-image:url(../img/8.columnlist/4.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

/*アコーディオン↑*/





/*ページ選択↓*/
.pageselect{margin-left: 31%; margin-top: 4%;margin-bottom: 4%; font-size: 16px;}
.pageselect a {margin:5px; display:inline-block; font-size:19px; line-height:40px; padding:5px 10px;}
.pageselect .wp-pagenavi span.current {margin:5px; display:inline-block;  font-size:19px; background-color:#398df3; color:#fff;
 height:50px;
 width:50px;
 border-radius:50%;
 line-height:50px;
 text-align:center;}

/*ページ選択↑*/

/*SP版非表示↓*/
.spaccordion{display: none;}

/*sp版コラム非表示↓*/
.spcolumunlist{display: none;}
/*SP版コラム↑*/




/*SP版*/
@media screen and (max-width: 900px) {


/*webのコラムを非表示*/
.columun{display:none;}


/*webのアコーディオンを非表示*/
.accordion{display:none;}
.pageselect{margin-left:0;text-align: center;}

/*SP版のアコーディオンを表示↓*/
.spaccordion{display:block;}
.acd1{margin-bottom: 1%;}
.spaccordion{width:95%; margin: 0 auto;margin-top: 3%;margin-bottom: 3%;}

.ac1::after{
    content:"";
    display: inline-block;
    position:absolute;
    width: min(calc((100 / 1920) * 25vw), 30px);
    height: min(calc((100 / 1920) * 25vw), 30px);
    min-width:15px;
    min-height:15px;
    top:15px;
    left: min(calc((100 / 1920) * 1680vw), 1680px);
    background-image:url(../img/8.columnlist/4.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }

    .ac2::after{
        content:"";
    display: inline-block;
    position:absolute;
    width: min(calc((100 / 1920) * 25vw), 30px);
    height: min(calc((100 / 1920) * 25vw), 30px);
    min-width:15px;
    min-height:15px;
    top:15px;
    left: min(calc((100 / 1920) * 1680vw), 1680px);
    background-image:url(../img/8.columnlist/4.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }
     

    /*sp版コラム↓*/
    .spcolumunlist{display: block;margin-top:5%;}

    .spcolumun{box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);width:94%;margin:auto;}
    .spcolumunimg{
        
        background-repeat: no-repeat;
        background-size:cover;
        background-position:center;
        align-items: center;
        height: min(calc((100 / 1920) * 1100vw), 1100px);
        margin: 0 auto;
    }

    .spcolumunimg{object-fit: cover;}
    .spcolumun h3{color:black;background: linear-gradient(to right, #B9F0EE, #9AD4FF);margin: 0 auto;padding:4%;font-size:15px;}
    .spcolumun p{margin: 0 auto; background-color: white; padding-right:4%;padding-left:4%;padding-top:3%;padding-bottom:2%;
		line-height: 1.6;font-size:15px;}
    .spkuwasiku{text-align: right; margin-right:6%;margin-bottom:5%;padding-bottom:5%;}

    .spkuwasiku::after{
        content:"";
        display: inline-block;
        position:relative;
        width: min(calc((100 / 1920) * 60vw), 60px);
        height: min(calc((100 / 1920) * 60vw), 60px);
        min-width:20px;
        min-height:20px;
        top: min(calc((100 / 1920) * 14vw), 14px);
        left: min(calc((100 / 1920) * 10vw), 10px);
        background-image:url(../img/8.columnlist/5.svg);
        background-size: contain;
        background-repeat: no-repeat;
        }
    /*SP版コラム↑*/
   

    
}