@charset "utf-8"; /*文字コード*/
/*
=======================================
	about CSS
=======================================
*/
/* スマホ用設定（640px以上の場合） */

@media screen and (max-width:640px){
/* PC用CSSはこの下より記述してください */

    h3{
        border-left: 10px solid #FFFF74;
        margin: 5px 10px 5px 0;
    }

    strong{
        font-size:1.1em;
        border-left:#ffb76b solid 10px;
        padding-left:15px;
    }

    p.about_text{
        margin-bottom:40px;
    }

    .about_list{
        width:100%;
        margin-bottom:30px;
    }

    .about_list li span{
        display:block;
    }

    .about_list li span:nth-child(2n+1){
        padding:10px 0px 10px 10px;
        background-color:#f2f9f9;
        width:100%;
    }

    .about_list li span:nth-child(2n){
        display:inline-block;
        padding:10px;
        background-color:#ffffff;
        width:100%;
    }

    .about_list li span.br{
        padding:0px 0px 0px 10px;
    }

}


/* PC用設定（640px以上の場合） */
@media screen and (min-width:640px){
/* PC用CSSはこの下より記述してください */

    h3{
        border-left:yellow solid 10px;
        padding-left:15px;
    }

    strong{
        font-size:1.1em;
        border-left:#ffb76b solid 10px;
        padding-left:15px;
    }

    p.about_text{
        margin-bottom:40px;
    }

    .about_list{
        width:100%;
        margin-bottom:30px;
    }

    .about_list li span{
        display:inline-block;
        vertical-align:top;
    }

    .about_list li span:nth-child(2n+1){
        width:35%;
        padding:10px 0px 10px 10px;
    }

    .about_list li span:nth-child(2n){
        display:inline-block;
        padding:10px 0px 10px 10px;
    }

    .about_list li:nth-child(2n+1){
        background-color:#f2f9f9;
    }

    .about_list li:nth-child(2n){
        background-color:#ffffff;

    }
}





/* タブレット表示調整用（不要なら使わなくてOK）*/
/* タブレットの画面サイズでどうしても調整したい場合に利用してください（640～1023px）*/
@media screen and (max-width:905px) {
    /* タブレット用CSSはこの下より記述してください */


}