@charset "utf-8";

#page-about h1.pagetitle {
    margin: 30px auto;
    font-size: 30px;
    border-bottom: none;
    text-align: center;
    padding: 0;
	font-weight: bold;
}
#page-about .main {
    text-align: center;
    margin: 0 0 70px;
}
#page-about .main-sp {
    display: none;
}
#page-about h3.title {
    margin: 0 0 30px;
}
#page-about .aboutbox {
    width: 1000px;
    margin: 0 auto 60px;
}
#page-about .about01 p,
#page-about .about02 .txt,
#page-about .about02 .txt02,
#page-about .about02 .point-txt {
    font-size: 16px;
}
#page-about .aboutbox .title {
    background: #222;
    color: #fff;
    margin: 90px 0 50px;
    padding: 18px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
#page-about .about02 .ttl01 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 67px;
    text-align: center;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#page-about .about02 .txt {
    width: 460px;
    padding: 20px 0 0;
    float: left;
}
#page-about .about02 .triangle-img {
    padding-left: 180px;
    width: 540px;
}
#page-about .about02 h3.num-about {
    font-size: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #C4C4C4;
    font-weight: bold;
}
#page-about .about02 h3.num-about img {
    padding-right: 1em;
    width: 70px;
}
#page-about .about02 .ttl02 {
    font-size: 22px;
    font-weight: bold;
}
#page-about .about02 ul li {
    width: 48%;
    margin: 0 10px 26px;
    float: left;
}
#page-about .about02 .point-num {
    font-size: 20px;
    font-weight: bold;
    background: #E9E9E9;
    padding: 10px 20px 5px;
    margin-bottom: 26px;
    height: 80px;
}
#page-about .about02 .point-num img {
    padding-right: 1em;
    float: left;
    width: 50px;
    margin-top: 8px;
}
#page-about .about02 .point-num01,
#page-about .about02 .point-num02 {
    padding-top: 15px;
}
#page-about .about02 ul .pic img {
    width: 100%;
    object-fit: cover;
    padding-bottom: 27px;
}
#page-about .merit-demerit-pc {
    text-align: center;
}
#page-about .merit-demerit-pc img {
    width: 100%;
    padding: 100px 0;
}
#page-about .sp-br {
    display: none;
}
#page-about .merit-demerit-sp {
    display: none;
}

@media screen and (max-width:767px){
    #page-about h1.pagetitle {
        font-size: 20px;
		margin: 30px 0;
    }
    #page-about .about02 .title {
        font-size: 20px;
    }
    #page-about .aboutbox {
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #707070;
    }
    #page-about .main {
        display: none;
    }
    #page-about .main-sp {
        display: block;
        padding: 10px 30px 30px;
    }
    #page-about .about01,
    #page-about .about02 > div,
    #page-about .about02 ul li > p {
        width: 90%;
        margin: 0 auto;
    }
    #page-about .aboutbox .title {
        margin-bottom: 0;
    }
    #page-about .about02 .txt {
        width: 100%;
    }
    #page-about .about02 .triangle-img {
        padding: 40px  10px 0;
        display: block;
        margin: 0 auto;
    }
    #page-about .sp-br {
        display: inline;
    }
    #page-about .about02 .ttl01,
    #page-about .about02 .ttl02 {
        text-align: left;
        margin: 25px 0;
    }
    #page-about .about02 h3.num-about img {
        width: 55px;
    }
    #page-about .about01 p,
    #page-about .about02 .txt,
    #page-about .about02 .txt02,
    #page-about .about02 .point-txt {
        line-height: normal;
    }
    #page-about .about02 ul li {
        width: 100%;
        margin: 0 0 56px;
    }
    #page-about .about02 .point-num {
        height: 60px;
        font-size: 16px;
        padding: 5px 10px;
    }
    #page-about .about02 .point-num img {
        width: 45px;
        margin-top: 5px;
    }
    #page-about .about02 .ttl02 {
        font-size: 16px;
    }
    #page-about .about02 .point-num03,
    #page-about .about02 .point-num04 {
        padding-top: 10px;
    }
    #page-about .merit-demerit-pc {
        display: none;
    }
    #page-about .merit-demerit-sp {
        display: block;
    }
    #page-about .merit-demerit-sp .merit-demerit-ttl {
        border-bottom: 2px solid #222;
        padding-bottom: 20px;
        text-align: center;
    }
    #page-about .merit-demerit-sp .merit-demerit-ttl .ttl01 {
        font-size: 14px;
        padding-bottom: 20px;
    }
    #page-about .merit-demerit-sp .merit-demerit-ttl .ttl02 {
        font-size: 20px;
        font-weight: bold;
    }
    #page-about .merit-demerit-sp .merit-demerit-box .ttl01,
    #page-about .merit-demerit-sp .merit-demerit-box .ttl02 {
        padding: 10px 0;
        font-weight: bold;
        text-align: center;
        font-size: 20px;
    }
    #page-about .merit-demerit-sp .merit-demerit-box .ttl01 {
        background: #E9E9E9;
    }
    #page-about .merit-demerit-sp .merit-demerit-box .ttl02 {
        background: #FFF6DE;
    }
    #page-about .merit-demerit-sp .merit-demerit-box .merit,
    #page-about .merit-demerit-sp .merit-demerit-box .demerit {
        color: #fff;
        padding: 10px 0;
        font-weight: bold;
        text-align: center;
        font-size: 20px;
        width: 35%;
        margin: 30px 10px;
    }
    #page-about .merit-demerit-sp .merit-demerit-box .merit {
        background: #C72A2A;
    }
    #page-about .merit-demerit-sp .merit-demerit-box .demerit {
        background: #222;
    }
    #page-about .merit-demerit-sp .merit-demerit-box {
        margin: 30px 0;
    }
    #page-about .merit-demerit-sp .merit-demerit-box ul {
        list-style: inside;
        width: 90%;
        line-height: normal;
        margin: 0 auto;
    }
}