@charset "utf-8";
/* CSS Document */


#manager{margin: 0 auto; padding: 150px 0;}

#manager .title{ position: relative; text-align: center; margin: 0 auto;}
#manager .title>h3{ position: relative;z-index: 20; font-size: 4rem; padding:30px 0 20px 0; font-weight: bold; color: #333;}
#manager .title>h3:after{position: absolute;z-index: 1; left: 50%; bottom: 0;width:50px;height: 4px; background: #c7000c; transform: translateX(-50%); content: '';}
#manager .title>h4{position: absolute;z-index: 1; left: 50%; top: 0; width: 100%; font-size: 6rem; color: #f3f3f3; transform: translateX(-50%); text-transform: uppercase;}
#manager .layout{margin: 0 auto; padding: 100px 0; }

#manager .layout>.content{margin: 0 auto;}
#manager .layout>.content>.text{ position: relative; width: 60%;margin: 0 auto; text-align: left; font-size: 1.6rem; color: #333;line-height: 3rem;}
#manager .layout>.content>.text:after{position: absolute;z-index: 1; left: -40px; top: 10px; font-size: 8rem; font-family: Arial; font-style: italic; color: #c7000c; width: 80px; content: '“';}
#manager .layout>.content>.text>p{margin-bottom: 30px;}
#manager .layout>.content>.autograph{width: 60%;margin: 0 auto; padding-top: 50px; text-align:  right; font-size: 1.6rem; color: #666;}
#manager .layout>.content>.autograph>img{display: inline-block; height: 40px; width: auto;}



@media only screen and (max-width: 1080px) {

    #manager .title>h3{ font-size: 3.2rem;}
    #manager .title>h4{font-size: 4.5rem;}

    #manager .layout>.content>.text{ width: 80%;}
    #manager .layout>.content>.autograph{width: 80%;}
}


@media only screen and (max-width:860px) {

    #manager .title>h3{ font-size: 2.8rem;}
    #manager .title>h4{font-size: 4rem;}


}

@media only screen and (max-width:640px) {

    #manager .layout{ padding: 50px 0; }
    #manager .layout>.content>.text{ font-size: 1.4rem; line-height: 2.4rem;}
    #manager .layout>.content>.text:after{ left: -30px; font-size: 6rem; width: 60px; }

    #manager .layout>.content>.autograph{font-size: 1.4rem;}

}


@media only screen and (max-width:520px) {

    #manager .title>h3{ font-size: 2.4rem; padding: 15px 0;}
    #manager .title>h4{font-size: 2.4rem;}

}