@charset "utf-8";
    /* CSS Document */

    /*---.kenshin/の検診一覧リスト---*/

    .kensin{
        margin:auto;
    }   

   /*--- #kenshin/の検診一覧リスト ---*/


@media screen and (max-width:500px){
    #kenshin{
        width:90%;
        margin:0 auto 10%;
        border: #666666 solid 1px;
        padding:7% 0 5% 0;
    }
    #kenshin a p{
        font-size:1.1rem;
        font-weight:bold;
        position:relative;
        margin-left:80px;
        text-align:left;
        max-width: 80%;
    }
    #kenshin span{
        border-bottom:1px solid rgb(255, 113, 123);}

    #kenshin a p::before{
        position:absolute;
        content:url(../images/medicalcheck/kenshin.png);
        top:2px;
        left:-30px;}    
    }

@media screen and (min-width:501px) and (max-width:800px) {

        #kenshin{
            width:70%;
            margin:0 auto 10%;
            border: #666666 solid 1px;
            padding:7% 0 5% 0;
        }
        #kenshin a p{
            font-size:1.1rem;
            font-weight:bold;
            position:relative;
            margin-left:120px;
            text-align:left;
            max-width: 80%;
        }
        #kenshin span{
        border-bottom:1px solid rgb(255, 113, 123) ;
        }
        #kenshin a p::before{
            position:absolute;
            content:url(../images/medicalcheck/kenshin.png);
            top:2px;
            left:-25px;
        }

    }
    @media screen and (min-width:801px) and (max-width:1024px) {

        #kenshin{
            width:60%;
            margin:0 auto 10%;
            border: #666666 solid 1px;
            padding:7% 0 5% 0;
        }
        #kenshin a p{
            font-size:1.1rem;
            font-weight:bold;
            position:relative;
            margin-left:160px;
            text-align:left;
            max-width: 80%;
        }
        #kenshin span{
        border-bottom:1px solid rgb(255, 113, 123) ;
        }
        #kenshin a p::before{
            position:absolute;
            content:url(../images/medicalcheck/kenshin.png);
            top:2px;
            left:-30px;
        }

    }


    @media screen and (min-width:1025px){

        #kenshin{
            width:50%;
            max-width:700px;
            margin:0 auto 10%;
            border: #666666 solid 1px;
            padding:5% 0 3% 0;
        }
        #kenshin a p{
            font-size:1.1rem;
            font-weight:bold;
            position:relative;
            margin-left:220px;
            text-align:left;
            max-width: 80%;
        }
        #kenshin span{
        border-bottom:1px solid rgb(255, 113, 123) ;
        }
        #kenshin a p::before{
            position:absolute;
            content:url(../images/medicalcheck/kenshin.png);
            top:2px;
            left:-20px;
        }
        
    }
    /*--------/kenshin9/の健診一覧リスト　共通-------*/
    .kenshin9{
        background:#fff6df;
    }
    .kenshin9 .feature__btn {
		display: block;
		width: 65%;
		margin: auto;
		padding: 15px;
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		background: url("../images/common/arrow_04.png") no-repeat right 4vw center #ff717b;
		border: 3px solid #ff717b;
		border-radius: 5px;
		text-decoration: none;
	}

    @media screen and (max-width:640px){/*-----sp-----*/
        .kenshin9{
            padding:10% 0;
        }

        .kenshin9 div{
            width: 90%;
            margin:20% auto;
        }
        .kenshin9 div a img{
            margin: auto;
            display: block;         
        }

    }

    @media screen and (min-width:641px){/*----pc　タブレット 共通----*/

        .kenshin9{
            max-width: 1000px;
            margin: auto;
            display: flex;
            flex-wrap: wrap;/*--幅いっぱいになったら下に折り返す--*/
            justify-content:space-between;/*--子要素同士の空白を揃える--*/
        }

    }
    @media screen and (min-width:981px){/*----pc ----*/

        .kenshin9{padding:40px;}
        .kenshin9 div{
            width:290px;
            margin-bottom:6%;
            }
        .kenshin9 div img{
            width:290px;
        }
        .kenshin9 .feature__btn {
            background: url("../images/common/arrow_04.png") no-repeat right 1.5vw center #ff717b;       
        }
        .kenshin9 #difference img{
            margin: 10% auto 9.5%;}

    }

    /*--------/kenshin9/の健診一覧リスト-------*/
    @media screen and (min-width:641px) and (max-width:980px){/*---タブレット---*/

        .kenshin9{
            padding:5%;
        }
        .kenshin9 div{
            width:44%;
            margin-bottom:4%;
        }
        .kenshin9 div img{
            width:100%;
            }

        .kenshin9 div:last-child{
            margin-right:auto;
            }

    }
    /*-------// kenshin9/の健診一覧リスト------*/


    
/* -----feature村上追加分・共通----- */

    .feature_title_new{
        display:flex;
    }

    .feature_title_new img{
        width:40px;
        height:40px;
    }
    .feature_title_new p{
        font-size:1.2rem;
        font-weight:bold;
        margin-left:18px;
        line-height:1.3;
    }
    .feature_article_new{
        margin-top:45px;
    }
    .feature_article_new p:nth-child(3)
    {
        font-size:0.9rem;
        line-height:1.4;
        margin-top:8px;
    }
    .feature_article_new a img{
        display:block;
        width:100%;}

    /* feature村上追加分・PC */

    @media print, screen and (max-width: 641px) {/* --sp-- */
        .feature{
            padding:10% 2%;}

        .feature_article_new img:nth-child(2){
            width:300px;
        }
        .feature_article_new p:nth-child(3){
            width:300px;
        }
    }

    @media print, screen and (min-width: 641px) {/* --pc-- */
            .feature{
                padding:5% 0;
            }
            .feature__inner{
                padding:0 2%;
                width:100%;
                margin-bottom:4%;
            } 
            .feature_article_new a img:nth-child(2){
                width:290px;
            }
            .feature_article_new p:nth-child(3){
                width:290px;
            }
        }

    @media print, screen and (min-width: 690px) {/* --pc-- */
        .feature{padding:5% 0;}
        .feature_article_new img:nth-child(2){
            width:290px;
        }
        .feature_article_new p:nth-child(3){
            width:290px;
        }
    }


    @media screen and (max-width:640px) {


        .feature_article_new img:nth-child(2){
            width:100%;
        }
    }


/*-------/medicalcheckmenu/の健診一覧リスト------*/

    .medicalcheckmenu{
        padding: 15px;
        font-size: 19px;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        border: 3px solid #ff717b;
        border-radius: 5px;
        text-decoration: none;
        transition: 0.5s;
        display:block;
    }

    #other .medicalcheckmenu{
        color: white;
        background:#ff717b;
    }

    #other .medicalcheckmenu a{
        color: white;
    }


@media screen and (min-width:1024px){

    #detailed,#other{
        display: flex;
        flex-wrap: wrap;
        margin:50px auto;
        width:70%;
        max-width: 900px;
        justify-content: space-around;
        }

    #other .medicalcheckmenu{
        width: 230px;
        background: url("../images/common/arrow_04.png") no-repeat right 10px center #ff717b;
        color: white;
    }
    #detailed .medicalcheckmenu{
        width: 230px;
        background: url("../images/common/arrow_01.png") no-repeat right 10px center #ffffff;
    }

}

@media screen and (max-width:1023px)
{

    #detailed .medicalcheckmenu{
        width:70%;
        background: url("../images/common/arrow_01.png") no-repeat right 20px center #ffffff;
    }

    #other .medicalcheckmenu{
        width:70%;
        background: url("../images/common/arrow_04.png") no-repeat right 20px center #ff717b;
        color: white;
    }
}

@media screen and (min-width:800px) and (max-width:1050px)
    {

        #detailed .medicalcheckmenu{
            width:70%;
            background: url("../images/common/arrow_01.png") no-repeat right 20px center #ffffff;
        }

        #other .medicalcheckmenu{
            width:70%;
            background: url("../images/common/arrow_04.png") no-repeat right 20px center #ff717b;
            color: white;
        }
}

@media screen and (max-width:350px)
{

    .medicalcheckmenu{
        font-size: 17px;
    }

    #detailed .medicalcheckmenu{
        width:70%;
        background: url("../images/common/arrow_01.png") no-repeat right 20px center #ffffff;
    }

    #other .medicalcheckmenu{
        width:70%;
        background: url("../images/common/arrow_04.png") no-repeat right 20px center #ff717b;
        color: white;
    }

}
/* 感染症対策バナー */

.pickup_corona{
    text-align:center;
}

@media print, screen and (min-width: 641px) {

    .pickup_corona img{
        width:550px;
    }

}

@media screen and (max-width:640px) {

    .pickup_corona img{
        width:95%;
    }

}

/* 特定保健指導バナー */
.pickup_tokutei{
    text-align:center;
}

@media print, screen and (min-width: 641px) {

    .pickup_tokutei img{
        width:550px;
    }

}

@media screen and (max-width:640px) {

    .pickup_tokutei img{
        width:95%;
    }

}