@charset "UTF-8";

.profile .profile-top-outer{position: relative; padding-bottom: 130px;}
.profile .profile-top{max-width: 1400px; width: 100%; margin: 0 auto;}
.profile .profile-top-img-box{position: relative; background-color: #f0f0f0;}
.profile .profile-top-img-box:after{content: ""; display: block; position: absolute; top: 0; left: calc(50% - 50vw); width: 100vw; height: 100%; background-color: #f0f0f0; z-index: -1;}
.profile .profile-top-block{position: relative; z-index: 1; max-width: 700px; margin-left: auto; width: 50%; background-color: rgba(255,255,255,.85); padding: 90px 0 0 7.14%; box-sizing: border-box; margin-top: -932px;}
.profile .profile-top-catch{position: relative; margin-bottom: 40px; font-size: 3.4rem; font-weight: 700; line-height: 1;}
.profile .profile-top-ttl{position: relative; font-size: 6.5rem; font-weight: 900; line-height: 1; padding-bottom: 26px; box-sizing: border-box; margin-bottom: 40px;}
.profile .profile-top-ttl:before,
.profile .profile-top-ttl:after{content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 7px;}
.profile .profile-top-ttl:before{width: 100%; background-color: #fabe00;}
.profile .profile-top-ttl:after{width: calc(100% -125px); background-color: #1a2978;}
.profile .profile-top-ttl rt{font-size: 1.6rem; text-align: center; letter-spacing: 13px; margin-left: -13px;}
.profile .profile-top-box{padding-right: 14.2%; box-sizing: border-box;}
.profile .profile-top-item{font-size: 1.6rem; line-height: 26px;}
.profile .profile-top-link{color: #1a2978;}
.profile .profile-top-link:hover{color: #ce0000;}
.profile .profile-top-box-inner{margin-top: 40px;}
.profile .profile-top-box-ttl{font-size: 1.8rem; font-weight: 700; line-height: 1; padding-bottom: 9px; border-bottom: #000000 solid 1px; margin-bottom: 10px;}
.profile .profile-top-now{margin: 30px 0 20px; font-size: 1.2rem;}
.profile .profile-top-notes{position: relative; padding-left: 12px; font-size: 1.2rem; line-height: 16px;}
.profile .profile-top-notes:before{content: "※"; display: block; position: absolute; left: 0; top: 0;}
.profile .profile-top-bn-link{position: absolute; top: calc(100% - 66px); left: 7.14%; width: 40%; max-width: 555px;}
.profile .profile-top-bn{max-width: 100%;}

.profile .career{position: relative; padding: 70px 40px 120px; box-sizing: border-box; background-color: #ce0000;}
.profile .career:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(50% + 172px); height: 326px; background-color: #1a2978;}
.profile .career-ttl{position: relative; margin-bottom: 35px; z-index: 1;}
.profile .career-ttl-big{display: block; margin-bottom: 20px; font-size: 6rem; font-weight: 900; line-height: 1; letter-spacing: 1rem; color: #fabe00; text-align: center;}
.profile .career-ttl-small{display: block; font-size: 1.2rem; line-height: 1; color: #ffffff; text-align: center;}
.profile .career-list{max-width: 1000px; margin: 0 auto; padding: 40px 0 70px; background-color: #ffffff;position: relative; z-index: 1;}
.profile .career-item{margin-bottom: 23px;}
.profile .career-item:last-of-type{margin-bottom: 0;}
.profile .career-year{display: flex; align-items: center; justify-content: flex-end; width: 250px; height: 36px; padding: 0 20px; box-sizing: border-box; font-size: 1.6rem; color: #ffffff; margin-bottom: 10px; background-color: #ce0000;}
.profile .career-detail{position: relative; max-width: 720px; width: 100%; margin: 0 auto; padding-left: 50px; box-sizing: border-box; font-size: 1.6rem; line-height: 26px;}
.profile .career-month{position: absolute; left: 0; top: 0; display: block; width: 35px; font-size: 1.6rem; font-weight: 700; line-height: 26px; text-align: right;}
.profile .career-detail-link{color: #1a2978;}
.profile .career-detail-link:hover{color: #ce0000;}

.profile .introduction-outer{position: relative; padding: 100px 40px 90px; box-sizing: border-box; background-color: #f0f0f0;}
.profile .introduction-outer:before{content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(50% - 500px); height: 100%; background-color: #ffffff;}
.profile .introduction{position: relative; z-index: 1; max-width: 1200px; width: 100%; margin: 0 auto;}
.profile .introduction-ttl{display: flex; margin-bottom: 60px;}
.profile .introduction-ttl-big{display: block; margin-bottom: 20px; font-size: 6rem; font-weight: 900; line-height: 1; text-align: center;}
.profile .introduction-ttl-small{display: block; font-size: 1.2rem; line-height: 1; text-align: center;}
.profile .introduction-list{max-width: 1000px; width: 100%; margin: 0 auto; padding-left: 100px; box-sizing: border-box;}
.profile .introduction-item{margin-bottom: 12px; padding-left: 24px; border-left: #ce0000 solid 26px; background-color: #ffffff;}
.profile .introduction-item:last-of-type{margin-bottom: 0;}
.profile .introduction-item-ttl{position: relative; display: flex; align-items: center; width: 100%; height: 70px; font-size: 2.2rem; font-weight: 700; transition: .3s color;}
.profile .introduction-item-ttl:after{content: ""; display: block; position: absolute; right: 36px; top: calc(50% - 8px); width: 21px; height: 16px; background: url(../img/icon_arrow_02_b.png) no-repeat center center; background-size: 21px 16px;}
.profile .introduction-item-ttl:hover{color: #ce0000; cursor: pointer;}
.profile .introduction-item-ttl:hover:after{background-image: url(../img/icon_arrow_02_b_bl.png);}
.profile .introduction-item-ttl.open:after{transform: rotate(180deg);}
.profile .introduction-item-detail{display: none;}
.profile .introduction-item-detail-inner{padding: 20px 75px 50px 50px; box-sizing: border-box; display: flex;}
.profile .introduction-item-txt{max-width: 412px; width: 56.3%; font-size: 1.6rem; line-height: 26px; text-align: justify;}
.profile .introduction-item-txt a{color: #1a2978;}
.profile .introduction-item-txt a:hover{color: #ce0000;}
.profile .introduction-item-txt.no-img{max-width: none; width: 100%;}
.profile .introduction-item-img-box{max-width: 268px; width: 36.7%; text-align: center; margin-left: auto;}
.profile .introduction-item-img{margin-bottom: 5px;}
.profile .introduction-item-img:last-child{margin-bottom: 0;}

.profile .profile-bottom{display: flex; align-items: center; justify-content: center; background-color: #1a2978; height: 310px;}
.profile .profile-bottom-txt{font-size: 5rem; font-weight: 900; color: #ffffff;}




@media screen and (max-width:768px){
    .profile .profile-top-outer{padding-bottom: 55px;}
    .profile .profile-top-img-box:after{display: none;}
    .profile .profile-top-img{width: 100%;}
    .profile .profile-top-block{max-width: 686px; margin-left: auto; width: 91.5%; padding: 36px 0 0 8.5%; margin-top: -92vw;}
    .profile .profile-top-catch{margin-bottom: 20px; font-size: 2.2rem;}
    .profile .profile-top-ttl{font-size: 4.3rem; padding-bottom: 17px;}
    .profile .profile-top-ttl:before,
    .profile .profile-top-ttl:after{height: 3px;}
    .profile .profile-top-ttl:after{width: calc(100% - 61px);}
    .profile .profile-top-ttl rt{font-size: 1rem; letter-spacing: .8rem; margin-left: -8px;}
    .profile .profile-top-box{padding-right: 15px;}
    .profile .profile-top-item{font-size: 1.6rem; line-height: 24px;}
    .profile .profile-top-box-inner{margin-top: 30px;}
    .profile .profile-top-box-ttl{font-size: 1.6rem; padding-bottom: 8px;}
    .profile .profile-top-now{margin: 15px 0 10px; font-size: 1rem;}
    .profile .profile-top-notes{padding-left: 10px; font-size: 1rem; line-height: 14px;}
    .profile .profile-top-bn-link{position: static; width: calc(100% - 20px); max-width: 710px; margin: 25px auto 0;}
    .profile .profile-top-bn{max-width: 100%;}

    .profile .career{padding: 43px 15px 70px;}
    .profile .career:after{width: calc(50% + 96px); height: 245px;}
    .profile .career-ttl-big{margin-bottom: 15px; font-size: 3.9rem; letter-spacing: .7;}
    .profile .career-ttl-small{font-size: .9rem;}
    .profile .career-list{padding: 35px 0 50px;}
    .profile .career-item{margin-bottom: 30px;}
    .profile .career-item:last-of-type{margin-bottom: 0;}
    .profile .career-year{justify-content: center; width: 153px; height: 33px; padding: 0; font-size: 1.6rem; text-align: center; margin-bottom: 10px;}
    .profile .career-detail{width: calc(100% - 30px); padding-left: 45px; font-size: 1.6rem; line-height: 24px;}
    .profile .career-month{width: 36px; font-size: 1.6rem; line-height: 24px;}

    .profile .introduction-outer{padding: 60px 15px;}
    .profile .introduction-outer:before{width: 30px;}
    .profile .introduction-ttl{margin-bottom: 30px;}
    .profile .introduction-ttl-big{margin-bottom: 15px; font-size: 3.9rem;}
    .profile .introduction-ttl-small{font-size: .9rem;}
    .profile .introduction-list{padding-left: 40px;}
    .profile .introduction-item{padding-left: 12px; border-left: #ce0000 solid 13px;}
    .profile .introduction-item-ttl{height: 60px; font-size: 1.7rem; padding-right: 36px; box-sizing: border-box;}
    .profile .introduction-item-ttl:after{right: 18px; top: calc(50% - 5px); width: 12px; height: 9px; background-size: 12px auto;}
    .profile .introduction-item-detail-inner{padding: 0 15px 30px 0; display: block;}
    .profile .introduction-item-txt{max-width: none; width: 100%; font-size: 1.6rem; line-height: 24px;}
    .profile .introduction-item-img-box{max-width: none; width: 100%; text-align: left; margin-left: 0; padding-right: 30px; box-sizing: border-box;}
    .profile .introduction-item-img{margin-bottom: 8px; max-width: 100%;}
    .profile .introduction-item-img:last-child{margin-bottom: 0;}
    .profile .introduction-item-img:first-child{margin-top: 20px;}

    .profile .profile-bottom{height: 233px;}
    .profile .profile-bottom-txt{font-size: 3.5rem; line-height: 49px; text-align: center;}
}