/*--------------------------------------------------------
　共通style
--------------------------------------------------------*/
#story_2 .title_img {
    position: absolute;
    width: 12.9%;
    max-width: 176px;
    top: 6.2%;
    right: 70px;
    z-index: 1
}
#story_2 .main_area {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 84%;
    margin: 0 auto;
    max-width: 160vh;
    position: relative;
    height: 100vh;
}
#story_2 .main_area p {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #093a56;
    font-weight: 600;
}
#story_2 .left_area {
    width: 38.8%;
    margin-top: 18vh;
}
#story_2 .left_area .text_01 {
    width: 100%;
    margin: 24px auto 0;
}
#story_2 .left_area .text_01 p {
    font-size: 14px;
    line-height: 1.85;
}
#story_2 .left_area .text_01 p.info {
    font-size: 12px;
    margin-top: 1em;
    width: 105%;
    margin-right: -10%;
}
#story_2 .left_area .text_01 h4 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 18px;
    font-weight: 700;
    color: #64c86c;
    margin: 1em 0 .5em;
}
#story_2 .right_area {
    width: 54%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  margin-left: 7.1%;
}
#story_2 .right_area > div {
    position: relative;
}
#story_2 .right_area .img_01 img {
    vertical-align: bottom;
}
.staff-credit .main_area {
    -webkit-align-items: center;
    align-items: center;
}
.staff-credit {
    text-align: center;
}
.staff-credit .text_01 p {
    font-size: 15px;
    line-height: 1.85;
    color: #083b55;
}
.staff-credit p.bold {
    font-size: 15px !important;
    font-weight: 700 !important;
}
/*--------------------------------------------------------
　個別style
--------------------------------------------------------*/
#story_2 #scn01 {
    background: url("/book/focal/manno/images/column/fv_bg.jpg") no-repeat center center / cover;
    opacity: 1;
    z-index: 501;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
#story_2 #scn01 .main_title {
    position: absolute;
    width: 32.9%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#story_2 #scn02 {
    background: #083b55;
}
#story_2 #scn02 .main_text {
    width: 50%;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#story_2 #scn02 .main_text > p {
    color: #fff;
    font-size: 20px;
    line-height: 2;
}
#story_2 #scn02 .main_text .credit_text {
    margin-top: 2em;
    font-family: "Koburina Gothic W3 JIS2004", sans-serif;
    font-size: 16px;
    line-height: 1.75;
}
#story_2 #scn03,#story_2 #scn04,#story_2 #scn05,#story_2 #scn06,#story_2 #scn07 {
    background: url("/book/focal/manno/images/column/bg01.jpg") no-repeat center center / cover;
}
#story_2 #scn03 .img_01 {
    width: 99.7%;
    max-width: 606px;
}
#story_2 #scn04 .img_01 {
    width: 114%;
    margin-left: -4%;
    max-width: 691px;
}
#story_2 #scn05 .img_01 {
    width: 102%;
  max-width: 619px;
}
#story_2 #scn06 .img_01 {
    width: 97.2%;
    margin-left: 3.3%;
    max-width: 588px;
}
#story_2 #scn06 .left_area {    
    margin-top: 13vh;
}
#story_2 #scn07 .img_01 {
    width: 99.3%;
    margin-left: 0.8%;
    max-width: 601px;
}