@charset "UTF-8";
/* 統一 */
.white_button{
    width: 300px;
    border: 1px solid #ccc;
}
.white_button p{
    text-align: center;
    line-height: 60px;
}
h1{
    margin: 80px 0 50px;
}
h2{
    margin-bottom: 30px;
}

/* ここから個別 */
#mv{
    position: relative;
    width: 100%;
    height: 100vh;
}
#mv .catch_copy{
    position: absolute;
    top: 5%;
    right: 2%;
    width: 516px;
    z-index: 999;
}
#mv .catch_copy p{
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 4em;
    line-height: 1.8em;
    color: #fff;
}
#mv img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    /* object-position: top; */
}

/* 豊資会について */
#about{
    position: relative;
	width: 100%;
	height: 80vh;
	margin: 100px 0 200px;
	background: url(../img/bg_about.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
#about .about_box{
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    width: 100%;
    max-width: 400px;
    height: 80%;
    background: #fff;
}
#about .about_box .text{
    width: 85%;
    margin: auto;
}
#about .about_box .white_button{
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

/* 募集要項 */
#bosyu{
    position: relative;
    /* display: flex; */
    width: 960px;
    margin: 100px auto;
    height: 80vh;
}
#bosyu .bosyu_box{
    position: absolute;
    top: 40%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    width: 100%;
    max-width: 400px;
    height: 80%;
}
#bosyu .bosyu_box .text{
    width: 85%;
    margin: auto;
    text-align: right;
}
#bosyu .bosyu_box .white_button{
    position: absolute;
    bottom: 20%;
    right: 7.5%;
    background: #fff;
}
#bosyu .bosyu_img{
    position: absolute;
    left: 50%;
}
#bosyu .bosyu_img img{
    width: 450px;
    height: 450px;
}
#bosyu .bg_yellow{
    position: absolute;
    left: 20%;
    bottom: 15%;
    background-color: #ffffcc;
    width: 60%;
    height: 50%;
    z-index: -999;
}

/* 先輩からのメッセージ */
#message{
    position: relative;
    width: 960px;
    margin: 100px auto;
    height: 80vh;
}
#message .message_box{
    position: absolute;
    top: 40%;
    right: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    width: 400px;
    height: 80%;
}
#message .message_box .text{
    width: 85%;
    margin: auto;
}
#message .message_box .text h1{
    line-height: 1.5em;
    margin-top: 30px;
}
#message .message_box .white_button{
    position: absolute;
    bottom: 15%;
    left: 7.5%;
    background: #fff;
}
#message .message_img{
    position: absolute;
    right: 50%;
    top: 0;
}
#message .message_img img{
    width: 450px;
    height: 450px;
}
#message .bg_pink{
    position: absolute;
    left: 30%;
    bottom: 15%;
    background-color: #ffcccc;
    width: 60%;
    height: 50%;
    z-index: -999;
}

/* その他コンテンツ */
#other_content{
    display: flex;
    width: 100%;
    max-width: 960px;
    margin: 0 auto 200px;
}
#other_content .left_button , .right_button{
    width: 400px;
    text-align: center;
    font-size: 1.2em;
}
#other_content .left_button{
    margin-right: 10%;
    background: #ccffff;
}
#other_content .right_button{
    background: #ccffcc;
}
#other_content a{
    display: block;
    height: 80px;  
}
#other_content .left_button p, .right_button p{
    margin: auto;
    padding-top: 22px;
    padding-bottom: 3px;
    border-bottom: 1px solid #333;
}
#other_content .left_button p{
    width: 200px;
}
#other_content .right_button p{
    width: 280px;
}