@charset "UTF-8";


#page_content{
    padding-top:0;
}

.company #pankuzu {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
    background: #f3f5f8;
    padding: 1.5em 0;
    margin-bottom:90px;
}

.main_title h1{
    text-align: center;
    margin-bottom:80px!important;
    padding-bottom:30px!important;
    padding-right:0.12em;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size:32px!important;
    font-weight: 400!important;
    background:none!important;
    position:relative;
    letter-spacing: 0.12em;
}
.main_title h1 br{
    display: none;
}
.main_title h1:after{
    display:block;
    content:"";
    height:2px;
    width:54px;
    background:#15336c;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%)
}
h2.pallife{
    text-align: center;
    margin-bottom:28px;
}
h2.pallife img{
    width:80%;
    max-width:178px;
}
.lead{
    text-align: center;
    line-height: 1.7;
    margin-bottom:70px;
}

.book{
    border-top: solid 1px #aaa;
    width:96%;
    max-width: 840px;
    margin:0 auto;
    box-sizing: border-box;
    padding:38px 20px 30px 40px;
    display:flex;
    justify-content: space-between;
}
.book .pic{
    max-width:182px;
    min-width:120px;
    width:21%;
}
.book .pic img{
    width:100%;
    border:solid 1px #ccc;
}
.book .txt{
    margin-left:50px;
    flex:1;
}
.book .txt h3{
    color:#fff;
    background:#15336c;
    font-size:20px;
    font-weight: bold;
    padding:0.2em 0.6em;
    display:inline-block;
    min-width: 170px;
    margin-bottom: 20px;
}
.book .txt h3 span.ja{
    font-size:88%;
    padding-left:0.2em
}
.book .txt .ttl_rcmd{
    display:block;
    margin-bottom: 10px;
}
.book .txt ul{
    margin-bottom:50px;
}
.book .txt ul li{
    list-style: none;
    padding-left:1em;
    text-indent:-1em;
    line-height: 1.6;
    margin-bottom:6px;
}
.book .txt ul li:before{
    content:"●";
    color:#555;
}
.book .txt:after{
    content:"";
    display:block;
    width:1px;
    height: 1px;
    clear:both;
}
.book .txt a{
    text-align: right;
    float:right;
}
.book .txt a i:after{
    content:"▶︎";
    color:#333;
}



@media screen and (max-width: 839px) {
    .book{
        padding:4% 2.5% 3.9% 4.8%;   
    }
    .book .txt{
        margin-left:6%;
    }
    .book .txt ul{
        margin-bottom:6%;
    }
}
@media screen and (max-width: 768px) {
    #page_content {
        padding-top: 76px;
    }
    .main_title h1{
        margin-bottom:56px!important;
    }
    h2.pallife{
        margin-bottom:20px;
    }
    .lead{
        margin-bottom:56px;
    }
}
@media screen and (max-width: 599px) {
    .main_title h1 br{
        display: inline;
    }
    .book{
        padding:64px 10px 24px;
        display:block;
        position:relative;
    }
    .book .pic{
        max-width:100%;
        width:100%;
        margin-bottom:20px;
        text-align: center;
    }
    .book .pic img{
        width:100%;
        max-width:200px;
    }
    .book .txt{
        margin-left:0;
        width:100%;
    }
    .book .txt h3 {
        position: absolute;
        top: 20px;
    }
    .book .txt ul{
        margin-bottom:20px;
    }
}