@charset 'utf-8';

/* --------------------------------
    世界からの熱い視線
-------------------------------- */

/* --------------------------------
    .list01:NOT-COMMON
-------------------------------- */
#adopt .list01 li{
    text-align: left;
    font-size: 1.3rem;
    margin-top: 3px;
}
#adopt .list01 li:nth-of-type(1){
    margin-top: 0;
}
#adopt .list01 .i01{
    display: inline-block;
    position: relative;
    padding-left: 1.4rem;
}
#adopt .list01 .i01::before{
    content: ' ';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 10px;
    height: 10px;
    background: url('../img/antibody/ico01.png') 0 0 no-repeat;
    -webkit-background-size: 10px;
    background-size: 10px;
}

/* --------------------------------
    #c01:NOT-COMMON
-------------------------------- */
body.page01.adopt #page-layout-type01 h1 {
    font-size: 1.8rem;
}
#adopt #c01 .block01{
    margin: 0 auto;
    padding: 0 0 70px;
    max-width: 1130px;
}
#adopt #c01 .block01 .box01{
    max-width: 640px;
    margin: 0 auto;
    padding: 10px 30px 0;
}
#adopt #c01 .block01 .box01 h2{
    font-size: 1.6rem;
}
#adopt #c01 .block01 .box01 p{
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
}
#adopt #c01 .block01 .box01 p:nth-of-type(1){
    padding-top: 1.5rem;
    line-height: 1.75;
}
#adopt #c01 .block01 .box01 .ico-type01 a:link,
#adopt #c01 .block01 .box01 .ico-type01 a:visited,
#adopt #c01 .block01 .box01 .ico-type01 a:hover,
#adopt #c01 .block01 .box01 .ico-type01 a:active{
    text-decoration: underline;
    color: #000;
    font-size: 1.3rem;
}
#adopt #c01 .block01 .box01 .img01{
    padding-top: 50px;
}
#adopt #c01 .block01 .box01 .img02{
    padding-top: 10px;
}
#adopt #c01 .block01 .box01 h3.tex01{
    padding-top: 2rem;
}
#adopt #c01 .block01 .box01.box01_layout01{
    padding-top: 60px;
}
#adopt #c01 .block01 .box01.box01_layout02{
    padding-top: 60px;
}
#adopt #c01 .block01 .box01.box01_layout01 a:link,
#adopt #c01 .block01 .box01.box01_layout01 a:visited,
#adopt #c01 .block01 .box01.box01_layout01 a:hover,
#adopt #c01 .block01 .box01.box01_layout01 a:active{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
#adopt #c01 .block01 .box01.box01_layout02 a:link,
#adopt #c01 .block01 .box01.box01_layout02 a:visited,
#adopt #c01 .block01 .box01.box01_layout02 a:hover,
#adopt #c01 .block01 .box01.box01_layout02 a:active{
    text-decoration: underline;
    color: #000;
    font-size: 1.3rem;
}
#adopt #c01 .block01 .box01.box01_layout02 .box01_layout02_box01{
    text-align: center;
    margin: 0 -10px;
}
#adopt #c01 .block01 .box01.box01_layout02 .box01_layout02_box01 img{
    max-width: 580px;
}
#adopt #c01 .img01{
    overflow: hidden;
    max-width: 840px;
    margin: 0 auto;
    padding: 30px 0 0;
}
#adopt #c01 .img01 img{
    display: block;
}
#adopt #c01 .block01 .box01.box01_layout02 .i01{
    padding-top: 80px;
}
#adopt #c01 .block01 .box01.box01_layout02 .i01 img{
    width: 100%;
    height: auto;
}

/* --------------------------------
    OW
-------------------------------- */
body.adopt #common01 > .wrap01 > .inner01{
    margin-top: 0;
}



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

    #adopt #c01 .block01 .box01 h2 br{
        display: block;
    }
}

@media only screen and (min-width: 375px){
    #adopt #c01 .block01 .box01 h2 br{
        display: none;
    }

}


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

/* --------------------------------
    common
-------------------------------- */
    body.adopt #adopt h2,
    body.adopt #adopt h3,
    body.adopt #adopt h4,
    body.adopt #adopt h5,
    body.adopt #adopt h6{
        margin: 0;
        padding: 5rem 0 0;
    }
    body.adopt #adopt p{
        margin: 0;
        padding: 1.5rem 0 0;
    }

/* --------------------------------
    h1:NOT-COMMON
-------------------------------- */
    body.page01.adopt #adopt h1{
        padding-top: 80px;
    }
    body.page01.adopt #adopt  h1{
        font-size: 2.6rem;
    }

/* --------------------------------
    h2
-------------------------------- */
    #adopt #c01 .block01 .box01 h2{
        font-size: 2.2rem;
    }
    #adopt #c01 .block01 #box01_index01.box01 h2 .d-bl{
        display: inline !important;
    }

/* --------------------------------
    #c01:NOT-COMMON
-------------------------------- */
    #adopt #c01 .block01{
        padding: 0 0 6rem;
    }
    #adopt #c01 .block01 .box01{
        max-width: 640px;
        margin: 0 auto;
        padding: 0;
    }
    #adopt #c01 .block01 .box01 p{
        margin: 0;
        padding: 0;
        font-size: 1.8rem;
        line-height: 1.75;
    }
    #adopt #c01 .block01 #box01_index02.box01 .img01,
    #adopt #c01 .block01 #box01_index02.box01 .img02{
        margin: 0 auto;
        max-width: 596px;
    }
    #adopt #c01 .block01 .box01 .img02{
        padding-top: 25px;
    }
    #adopt #c01 .block01 .box01.box01_layout02{
        padding-top: 50px;
    }
    #adopt #c01 .img01{
        overflow: hidden;
        max-width: 840px;
        margin: 0 auto;
        padding: 50px 0 0;
    }
    #adopt #c01 .block01 .box01.box01_layout02 a:link,
    #adopt #c01 .block01 .box01.box01_layout02 a:visited,
    #adopt #c01 .block01 .box01.box01_layout02 a:hover,
    #adopt #c01 .block01 .box01.box01_layout02 a:active{
        font-size: 1.5rem;
    }

/* --------------------------------
    #c01
-------------------------------- */
    #adopt #c01 .block01 .box01 .ico-type01 a:link,
    #adopt #c01 .block01 .box01 .ico-type01 a:visited,
    #adopt #c01 .block01 .box01 .ico-type01 a:hover,
    #adopt #c01 .block01 .box01 .ico-type01 a:active{
        font-size: 1.4rem;
    }
    #adopt #c01 .block01 .box01.box01_layout02 .box01_layout02_box01 img{
        max-width: 640px;
    }
}