.person {background: #fcf88f;}
.person header {background: none;}



.person-main{

}
.person-main-inner{
width:100%;
max-width: 1300px;
margin: 0 auto;
padding: 2% 0 0;
position: relative;
}
.person-main-img{
position: relative;
width: 71.5%;
left: 28.5%;
}
.person-main-img img{
border-radius: 30px 0 0 30px;
}
.person-main-ttl-box{
position: absolute;
width: 92%;
max-width: 1000px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 0 0 1%;
}

.page-cat{
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 18px;
line-height: 2.2;
}
.page-cat-line{
width: 22px;
height: 4px;
background: #028151;
margin: 0 0 3.5%;
}
.main-ttl-box{
margin: 0 0 2%;
}
.main-ttl-box h1{
line-height: 1.1;

}
.main-ttl-box h1 p{
background: #fff;
display: inline-block;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 42px;
margin: 0 0 7px;
padding: 2px 8px;
}
.main-ttl-box h1 p.pc{
background: none;
margin: 0 0 7px;
padding: 0;
}


.prof-ini{
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 25px;
}
.prof-dep{
font-size: 15px;
}


.prof-box{
max-width: 1000px;
margin: 0 auto;
padding: 3% 0 4%;
display: flex;
}
.prof-box-pr{
position: relative;
width: 360px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.prof-box-pr::after{
position: absolute;
display: inline-block;
left: 0;
top: 50%;
transform: translateY(-50%);
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 100px;
line-height: 1;
color: #ffdb47;
content: 'Profile';
letter-spacing: 0;
z-index: -1;
}
.prof-box-sd{
width: calc(100% - 360px);
padding: 0 0 0 4%;
}

.for-bg-wrap{
background: #fff;
}




.contents01{
max-width: 1000px;
margin: 0 auto;
}
.contents01-inner{
padding: 10% 0;
}
.itv-cont{
padding: 0 0 0 132px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}
.itv-cont-ttl{
font-size: 100px;
color: #e6e6e6;
font-family: "Montserrat", sans-serif;
font-weight: 800;
line-height: 0.7;
position: absolute;
top: 0;
left: 0;
writing-mode: vertical-rl;
}
.itv-block-ttl{
font-size: 20px;
font-weight: 800;
color: #028151;
width: 100%;
margin: 0 0 2.4%;
}
.itv-block-text{
width: 51.8%;
}
.itv-block-img{
width: 43%;
}
.itv-block-img img{
margin: 0 0 7%;
}


.pick-up{
max-width: 1300px;
margin: 0 auto -8%;
border-radius: 60px;
background: #fcf88f url("../images/person-pick-up-bg.png") no-repeat top right;
background-size: 52.3% auto;
}
.pick-up-inner{
width: 92%;
max-width: 1000px;
margin: 0 auto;
padding: 8% 0 18%;
position: relative;
}
.person-pick-up-bg02{
position: absolute;
width: 17%;
left: -9%;
bottom: 4%;
}
.pick-up-ttl,
.msg-ttl{
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 100px;
line-height: 1;
color: #e6e6e6;
}
.pick-up-ttl{
color: #ffcf2d;
margin: 0 0 -2%;
}


.pick-up-cont-box{

}
.pick-up-once{
display: flex;
justify-content: space-between;
padding: 4% 0;
border-bottom: 1px solid #ffcf2d;
}
.pick-up-once:nth-child(4){
padding: 4% 0 0;
border-bottom: none;
}
.pick-up-num{
width: 96px;
height: 96px;
background: #fff;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 33px;
color: #028151;
text-align: center;
line-height: 90px;
border-radius: 100px;
}
.pick-up-once-sd{
width: 85.4%;
}

.full-img{
width: 88%;
max-width: 1000px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.full-img img{
display: block;
margin: 0 auto 10%;
}
.msg{
width: 92%;
max-width: 1000px;
margin: 0 auto;
}
.msg-ttl{
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 100px;
line-height: 1;
color: #e6e6e6;
}
.msg-box{
display: flex;
justify-content: space-between;
padding: 0 0 15%;
}
.msg-box-pr{
width: 18%;
}
.msg-box-pr img{
width: 86%;
position: relative;
top: -5%;
}
.msg-box-sd{
width: 80%;
}






.person .others-wrap{
width: 100%;
background: #2cc994;
}

.person .others-once {
max-width: 22%;
margin: 0 2%;
flex-shrink: 0;
}
.person .others-once a {
font-size: 14px;
line-height: 1.6;
}
.person .others-once a span{
font-size: 20px;
}










@media (max-width: 767px) { 
.main-ttl-box h1 p.pc {
display: none;
}
.person-main-img {
position: relative;
width: 88%;
left: auto;
margin: 0 auto;
}
.person-main-img img {
border-radius: 5vw;
}
.person-main-ttl-box {
position: relative;
width: 88%;
left: auto;
right: auto;
bottom: auto;
margin: auto;
padding: 4% 0;
}
.main-ttl-box h1 p {
font-size: 26px;
margin: 0 0 4px;
padding: 2px 4px;
}
.prof-ini {
font-size: 20px;
}
.prof-dep {
font-size: 14px;
line-height: 1.5;
}
.prof-box {
padding: 3% 0 14%;
display: block;
width: 88%;
margin: 0 auto;
}
.prof-box-pr {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
height: 68px;
}
.prof-box-pr::after {
position: absolute;
width: 100%;
text-align: center;
left: 0;
right: 0;
top: 50%;
font-size: 70px;
z-index: -1;
margin: auto;
}
.prof-box-sd {
width: 100%;
padding: 0 0 0;
}
.itv-cont-ttl {
font-size: 48px;
line-height: 0.7;
position: relative;
top: 0;
left: 0;
writing-mode: horizontal-tb;
margin: 0 0 10%;
}
.itv-cont {
padding: 0 0 0;
display: block;
width: 88%;
margin: 0 auto;
}
.itv-block-ttl {
font-size: 18px;
color: #028151;
width: 100%;
margin: 0 0 4%;
line-height: 1.6;
}
.itv-block-text {
width: 100%;
}
.itv-block-img {
width: 100%;
padding: 6% 0 0;
}
.pick-up-ttl, .msg-ttl {
font-size: 48px;
line-height: 1;
}
.pick-up {
margin: 0 auto -8%;
border-radius: 5vw;
background: #fcf88f url(../images/person-pick-up-bg.png) no-repeat top right;
background-size: 70% auto;
}
.pick-up-inner {
width: 88%;
padding: 24% 0 30%;
}
.person-pick-up-bg02 {
width: 24%;
left: auto;
right: -2%;
bottom: 0%;
}
.pick-up-once-pr{
width: 100%;
}
.pick-up-num {
width: 80px;
height: 80px;
font-size: 32px;
color: #028151;
text-align: center;
line-height: 78px;
display: block;
margin: 0 auto 3%;
}
.pick-up-once-sd .itv-block-ttl {
text-align: center;
font-size: 20px;
}
.pick-up-once-sd {
width: 100%;
}
.pick-up-once {
display: block;
justify-content: space-between;
padding: 8% 0 6%;
}
.pick-up-once:nth-child(4) {
padding: 8% 0 0;
border-bottom: none;
}
.msg {
width: 88%;
padding: 0 0 15%;
}
.msg-box {
display: block;
padding: 0 0;
}
.msg-box-sd {
width: 100%;
}
.msg-box-pr {
width: 100%;
}
.msg-box-pr img{
width: 30%;
display: block;
margin: 0 auto 4%;
}
.person .others-once {
max-width: 47%;
margin: 0 0 5%;
}
.person .others-once a span {
font-size: 18px;
}
}