@media screen and (max-width: 1680px) {
	#person-page .outlook .sec-ttl{font-size: 5.6vw;}
}


@media screen and (max-width: 1500px){
/*#person-page .photo .container .photo1{ top: -140px; left: -26%;}
#person-page .photo .container .photo2{ left: 23.8%; width: 52%;}
#person-page .photo .container .photo3{ right: -26%;}*/
}

@media screen and (max-width: 1280px) {
	/*#person-page .photo .photo1, #person-page .photo .photo3 { width: 40%; }
	#person-page .photo .container .photo1{ left: -17%; }
	#person-page .photo .container .photo2{ left: 27%; width: 45%;}
	#person-page .photo .container .photo3{ right: -17%;}*/
}


@media screen and (max-width: 1200px) {
	footer .box .page-top{bottom:55px; font-family: var(--en-font); font-size: 2.6rem; letter-spacing: -1.48px; line-height: 34px;}
	footer .box .page-top::before{height: 127px; margin-bottom: 23px;}
	footer .box .nav1{margin-bottom: 160px;}
	footer .box .nav1 ul{flex-wrap: wrap; column-gap: 33px; row-gap: 34px;}
	footer .box .nav1 ul li:not(:last-child){margin: 0;}
	footer .box .nav1 ul li{margin: 0px; width: 30%;}
	footer .box .nav1 a{padding: 0; font-size: 5.1rem; letter-spacing: 0.05px; line-height: 67px;}

	
}

@media screen and (max-width: 1100px) {
	#top .person .person-text{font-size: 3.7vw; letter-spacing: -2.11px; line-height: 1.67; padding-bottom: 50px;}
	#top .person .person-text span{margin-top: 20px; margin-bottom: 45px; font-size: 6.1vw;}

	#top .person .container .person-list .person-box img{ max-width: 55%; }
	#top .person .container .person-list .person-box .person-left{ padding-top: 0; }
	#top .person .container .person-list .person-box .person-left .num{ font-size: 13rem; }
	#top .person .container .person-list .person-box .person-left .content .ttl{ line-height: 47px; font-size: 4.5rem; }
	#top .person .container .person-list .person-box .person-left .content .position { font-size: 1.5rem; line-height: 19px; margin-top: 25px; margin-bottom: 14px; }
	#top .person .container .person-list .person-box .person-left .content .name{ font-size: 6.5rem; margin-bottom: 29px; }
	#top .person .container .person-list .person-box:nth-child(2) { margin-top: 15%; margin-bottom: 15%; }
	
}


@media screen and (max-width: 1080px) {
	#top .qa .container{padding: 0;}
	#person-page .detail .detail-box .detail-right{font-size: 4vw;}
  #top .qa .qa-list .qa-box{max-width: 50%; width: 50%;  height: auto; padding: 26px 15px 41px; margin-bottom: 0;}
	#top .qa .qa-list .qa-box:nth-child(odd){border-right: none;}
	#top .qa .qa-list .qa-box:nth-child(n+3):nth-child(-n+4){border-top: none; border-bottom: none;}
	#top .qa .qa-list .qa-box .pc{display: none;}
	#top .qa .qa-list .qa-box .sp{display: block;}
	#top .qa .qa-list .qa-box img{margin:0; width: 100%;}
	#top .qa .qa-list .qa-box::after{bottom: 11px; right: 11px; content:"" ; height: 19px; width: 19px; background: url(../images/plus-sp.svg) no-repeat; background-size: contain;}
	#top .qa .qa-list .qa-box .qa-text{justify-content: space-around; margin-top: 21px; margin-left: 0; margin-bottom: 0;}
	#top .qa .qa-list .qa-box .qa-text .num{ font-size: 9.5rem; letter-spacing: -4.75px;}
	#top .qa .qa-list .qa-box .qa-text .text, #top .qa .qa-list .qa-box:nth-child(3) .qa-text .text{padding: 0; margin-bottom: 0; font-size: 2.8rem; letter-spacing: -3.36px; line-height: 38px;}
	#top .qa .qa-list .qa-box .qa-text .text span{margin-top: 6px; font-size: 2rem; letter-spacing: -1.08px;}
}
@media screen and (max-width: 1000px) {
	#person-page{padding: 0;}
	#person-page .person-slide{padding: 190px 0;}
	#person-page .person-slide .container{width: 95%;}
	#person-page .person-slide .swiper-slide{padding: 0;}
	#person-page .person-slide .person-box{width: 79vw; max-width: 597px; flex-direction: column-reverse; margin: 0 auto;}
	#person-page .person-slide .person-box img{width: 100%;}
	#person-page .swiper-button-prev, #person-page .swiper-button-next{top: 25%;}
	#person-page .person-slide .person-box .pc{display: none;}
	#person-page .person-slide .person-box .person-left{padding-top: 19px;}
	#person-page .person-slide .person-box .person-left.sp{display: block;}
	#person-page .person-slide .person-box .person-left a{width: 100%; height: auto; padding-top: 17px; padding-bottom: 19px; border-radius: 2px; background-color: #B7362A; font-size: 3.3rem; letter-spacing: -0.56px; line-height: 44px;}
	#person-page .person-slide .person-box .person-left a::before{position: absolute; content: ""; top: 50%; left: 22.3px;transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); width: 37px; height: 23.4px; background-image: url(../images/youtube.svg); background-size: contain; background-repeat: no-repeat;}
	#person-page .person-slide .person-box .person-left .text-box{display: flex; padding-bottom: 33px;}
	#person-page .person-slide .person-box .person-left .text-box .box-left{margin-right: 20px;}
	#person-page .person-slide .person-box .person-left .num{font-size: 14.7rem; letter-spacing: -4.41px; line-height: 175px;}
	#person-page .person-slide .person-box .person-left .position{margin: 0; font-size: 2.4rem; line-height: 35px;}
	#person-page .person-slide .person-box .person-left .ttl{white-space: normal; max-width: none; font-size: 6vw; letter-spacing: -3.09px; line-height: 1.2;}
	#person-page .person-slide .person-box .person-left .name{font-size: 7.2rem; letter-spacing: -0.5px; line-height: 85px;}
	#person-page .entry{margin-bottom:12rem;}
}

@media screen and (max-width: 950px) {
	#top .fv .container h2 .ttl{font-size: 8rem; line-height: 106px;}
	#top .person .container{background-size: 84%; background-position: bottom 250px right 15px;}
	.entry .entry-comment{top: -80px; right: -20px;}
	#top .modal .modal-wrap{max-width: 100%;}
	#top .modal .modal-wrap .modal-box{width: 85vw;}
	#top .modal .modal-wrap .modal-box .modal-left{flex-shrink: 1;}
	#top .modal .modal-wrap .modal-box .modal-right{width: 55%;}
	#top .modal .modal-wrap .modal-box .modal-right .ttl{margin-bottom: 5px;}
	#person-page .outlook .sec-ttl{letter-spacing: -3.4px;}
}

@media screen and (max-width: 900px) {
	#top .person .container{padding-top: 30px; padding-bottom: 239px;}
	#top .person .container .person-list{margin-top: 99px; margin-bottom: 211px;}
	#top .person .container .person-list .person-box{flex-direction: column-reverse;}
	#top .person .container .person-list .person-box:nth-child(2) {flex-direction: column-reverse;margin-top: 80px; margin-bottom: 80px;}
	#top .person .container .person-list .person-box .person-right, #top .person .container .person-list .person-box img{max-width: 100%; width: 100%;}
	#top .person .container .person-list .person-box .person-left{ padding-top: 20px; justify-content: center;}
	#top .person .container .person-list .person-box:nth-child(2) .person-left{transform: none;}
	#top .person .container .person-list .person-box .person-left .num{font-size: 15.8rem; padding-top: 8px; letter-spacing: -5.04px; }
	
	#top .person .container .person-list .person-box .person-left .num-box { width: 30%; text-align: right; }
	#top .person .container .person-list .person-box .person-left .num-box .num{ text-align: right;  }
	#top .person .container .person-list .person-box .person-left .content { width: 70%; }
	#top .person .container .person-list .person-box .person-left .content .ttl{ line-height: 1.2em; text-align: left; max-width: none; white-space: normal; font-size: 5.2rem;}
	#top .person .container .person-list .person-box .person-left{ position: unset; }
	#top .person .container .person-list .person-box .person-left .content .position {display: inline-block; font-size: 2.4rem; line-height: 35px; margin-right: 10px; }
  #top .person .container .person-list .person-box .person-left .content .name{display: inline-block; font-size: 10rem; letter-spacing: -0.7px; }
	#top .person .container .person-list .person-box .person-left .content a{width:442px;line-height: 80px; font-size: 3.3rem; letter-spacing: -0.56px;}
	#top .person .container .person-list .person-box .person-left .content .link{width: 100%; padding-top: 17px; padding-bottom: 19px; font-size: 3.3rem; letter-spacing: -0.56px; line-height: 44px;}
	#top .person .container .person-list .person-box .person-left .content .link::before{width: 37px; height: 24px;}
	#top .person .more{display: none;}
}


@media screen and (max-width: 850px) {
	.sub.wrapper{padding-top: 100px}
	#person-page .detail .detail-box .detail-left .text .sp{display: block;}
	#person-page .detail .detail-box .detail-left .num{font-size: 13.5rem; letter-spacing: -8.1px;}
	#person-page .detail .detail-box .detail-right{letter-spacing: -2.17px; line-height: 40px;}
	#person-page .detail .detail-box .detail-left .text span{font-size: 2rem; line-height: 30px; }
	#person-page .cause .sec-ttl{font-size: 5.6rem; letter-spacing: -5.04px; white-space: nowrap;}
	#person-page .photo .container .photo1{top: -94px;}
	#person-page .photo .container .photo2{top: -150px;}
	#person-page .photo .container .photo3{top: -120px;}
	#person-page .cause .cause2{ padding-top: 28%; }
}


@media screen and (max-width: 820px) {
	.ipad { display: block; }
	#person-page .cause{padding-bottom: 180px;}
	#person-page .cause .sec-ttl{margin-bottom: 39px;}
	#person-page .cause .cause-box1 .cause-img1{padding: 0; transform: none;}
	#person-page .cause .cause-box1 .q1{padding-top: 64px; padding-bottom: 104px;}
	#person-page .cause .cause-box1 .q1 .ttl{margin-bottom: 49px; text-align: center; font-size: 4.2rem; letter-spacing: -2.94px; line-height: 57px;}
	#person-page .cause .cause-box1 .q1 .ttl span{margin-bottom: 12px; font-size: 3rem; letter-spacing: -1.8px; line-height: 35px;}
	#person-page .cause .cause-box1 .text-box{flex-direction: column; font-size: 2.8rem; letter-spacing: -1.96px; line-height: 50px;}
	#person-page .cause .cause-box1 .text-box .text{width: 100%;}
	#person-page .cause .cause-box1 .text-box .text:first-child{margin-bottom: 55px;}
	#person-page .cause .cause1{padding-bottom: 290px; padding-top: 0; }
	#person-page .cause .cause2{font-size: 5.895rem;}
	#person-page .cause .cause2 .container{padding: 0;}
	#person-page .cause .cause2 .cause-ttl{margin-bottom: 60px; text-align: center; font-size: 6.3rem; letter-spacing: -3.15px;}
	#person-page .cause .cause2 .ttl .sp{display: block;}
	#person-page .cause .cause2 .ttl{margin-bottom: 49px; text-align: center; font-size: 4.2rem; letter-spacing: -2.94px; line-height: 57px;}
	#person-page .cause .cause2 .ttl span{margin-bottom: 12px; font-size: 3rem; letter-spacing: -1.8px; line-height: 35px;}
	#person-page .cause .cause2 .text{font-size: 2.8rem; letter-spacing: -1.96px; line-height: 50px;}

	#person-page .cause .cause2 .cause-box2 , #person-page .cause .cause2 .cause-box2:nth-child(2){flex-direction: column-reverse;}
	#person-page .cause .cause2 .cause-box2:first-child{margin-bottom: 190px;}
	#person-page .cause .cause2 .cause-box2:nth-child(2) .cause-box-left{margin-top: 140px; padding: 0 15px;}
	#person-page .cause .cause2 .cause-box-right{width: 100%; padding-right: 0;}
	#person-page .cause .cause2 .cause-box2:nth-child(2) .cause-box-right{ margin:  0!important; max-width: 100%; display: flex; justify-content: space-between; width: 100%;}
	#person-page .cause .cause2 .cause-box-right img{width: 48.5%;}
	#person-page .cause .cause2 .cause-box-right img.sp{display: block;}
	#person-page .cause .cause2 .cause-box-right .pc{display: none;}
	#person-page .cause .cause2 .cause-box-left .sp_img{display: block; padding-right: 15px;}
	#person-page .cause .cause2 .cause-box-left{width: 100%;}
	#person-page .cause .cause2 .cause-box-left .q2{margin-bottom: 110px;  padding: 0 15px;}
	#person-page .cause .cause2 .cause-box-left .q3{margin-top: 110px; padding: 0 15px;}
	#person-page .cause .cause2 .cause-box-left .q4{margin-bottom: 120px;}
	#person-page .outlook{background: linear-gradient(180deg, #fff 0%, #fff 15%,#f2f2f2 15%, #f2f2f2 100%); padding-bottom: 121px;}
	#person-page .outlook .sec-ttl{transform: none; margin-bottom: 22px; line-height: 1; }
	#person-page .outlook  .pc{display: none;}
	#person-page .outlook  .sp{display: block}
	#person-page .outlook .outlook-box .container{padding: 0;}
	#person-page .outlook .outlook-box .outlook-box-left{width: 100%;}
	#person-page .outlook .outlook-box .outlook-box-right{width: 0;}
	#person-page .outlook .outlook-img1{width: 100%; padding-left: 7.3%; margin-bottom: 40px;}
	#person-page .outlook .outlook-box .ttl{margin-bottom: 49px; text-align: center; font-size: 4.2rem; letter-spacing: -2.94px; line-height: 57px;}
	#person-page .outlook .outlook-box .ttl span{margin-bottom: 12px; font-size: 3rem; letter-spacing: -1.8px; line-height: 35px;}
	#person-page .outlook .outlook-box .text{width: 100%; font-size: 2.8rem; letter-spacing: -1.96px; line-height: 50px;}
	#person-page .outlook .outlook-box .outlook-box-left .q6, #person-page .outlook .outlook-box .outlook-box-left .q7{padding: 53px 8% 54px; margin: 90px 20px 140px;}
	#person-page .outlook .outlook-box .outlook-box-left .q7{margin: 90px 20px 0;}
	#person-page .detail .detail-box .detail-left .text{ padding-left: 10px; }
	#person-page .detail .detail-box .detail-left .text br.sp{ display: none; }
	#top .person .container .person-list .person-box .person-left .num{ padding-right: 15px; }
	footer .box .page-top{ font-size: 1.8rem; }

	#top .person .container .person-list{ margin-top: 50px; }
	#top .person .container{ margin-bottom: 70px; padding-bottom: 0; background-position: bottom 0 right 15px;}
	#top .person .person-text{ padding-bottom: 30px; }
	#top .flow .flow-content .flow-img .flow-comment{ top: -120px; right: -75px;}

	#top .qa{ padding-bottom: 150px; }
	#top .flow{ padding: 150px 0; }


	#top .flow .flow-content .flow-img .flow-comment .comment-box p{text-align: center; font-size: 1.4rem;letter-spacing: -0.22px; line-height: 34px;}
	#top .flow .flow-content .flow-img .flow-comment .comment-box p span{text-align: center; font-size: 1.4rem;letter-spacing: -0.22px; line-height: 34px;} 
	#top .flow .flow-content .flow-img .flow-comment .comment-box p{ padding-bottom: 8px; font-size: 1.2rem; line-height: 1.3em;}
	#top .flow .flow-content .flow-img .flow-comment .comment-box p span{font-size: 1.2rem; line-height: 1.3em;}

	

}

@media screen and (max-width: 768px) {
	header .box .left nav{padding-left: 40px;}
	header .box .left ul li{margin-bottom: 20px;}
	header .box .left ul li a{font-size: 3rem;}
	footer{padding: 102px 0 82px;}
	footer .box small{font-size: 1.4rem; }
	#top .top-wrap{padding-bottom: 200px;}
	#top h3{font-size: 15.4rem; line-height: 1em; padding-bottom: 40px; letter-spacing: -7.7px; margin-bottom: 20px;}
	#top h3::before{bottom: -10px;}
	#top .sec-subttl{font-size: 2.4rem;}


	#top .flow{padding-top: 171px; padding-bottom: 128px;} 
	#top .flow .container{padding: 0;}
	#top .flow .flow-content .flow-line{display: none;}
	#top .flow .flow-content .flow-line_sp{display: block; position: absolute; top: 14%; left: 29px; width: 2.2%;}
	#top .flow .flow-content .flow-box{flex-direction: column-reverse; margin-bottom: 141px;}
	#top .flow .flow-content .flow-img{margin-left: auto; width: 640px;}
	
	#top .flow .flow-content .flow-img .flow-comment .comment-box{width: 200px; height: 200px; }
	#top .flow .flow-content .flow-text{max-width: 580px;}
	#top .flow .flow-content .flow-text .time{display: inline-block; margin-right: 27px; font-size: 12.7rem; letter-spacing: -3.81px;}
	#top .flow .flow-content .flow-text .ttl{display: inline-block; font-size: 4.9rem; line-height: 71px;}
	#top .flow .flow-content .flow-text .text{padding-right: 15px; font-size: 2.8rem; letter-spacing: -2.24px; line-height: 42px; }
	#top .flow .flow-content .flow-box{margin-bottom: 110px;}
	#top .flow .flow-content .flow-text{padding-top: 15px}
	#top .flow .flow-content .flow-text .time{font-size: 6.4rem; letter-spacing: -1.91px; line-height: 1;}
	#top .flow .flow-content .flow-text .ttl{font-size: 2.5rem; line-height: 36px;}
	#top .flow .flow-content .flow-text .text{ font-size: 1.4rem; letter-spacing: -1.12px; line-height: 21px;}
	
	#top .qa{padding-bottom: 0;}
	#top .modal .modal-wrap .modal-box{justify-content: flex-start; flex-direction: column; width: 78vw; max-height: 76vh;}
	#top .modal .modal-wrap .modal-box .pc{display: none;}
	#top .modal .modal-wrap .modal-box .sp{display: block;}
	#top .modal .modal-wrap .modal-box .modal-right{border: none; width: 100%; padding: 33px;}
	#top .modal .modal-wrap .modal-box .modal-right .num{font-size: 12rem;}
	#top .modal .modal-wrap .modal-box .modal-right .ttl{margin-bottom: 15px; font-size: 4rem; letter-spacing: -4.8px; line-height: 55px;}
	#top .modal .modal-wrap .modal-box .modal-right .text{font-size: 1.7rem; line-height: 30px; letter-spacing: -0.24px;}
	#top .modal .modal-wrap .modal-box .modal-left{max-width: 590px; border-bottom: 8px solid #262626;}
	#top .modal .modal-wrap .modal-box .modal-right .close{top: 22px; right: 33px; height: 25px; width: 25px; padding: 13px 0;}
	.entry .container{padding: 0px; background-image: url(../images/entry-back_sp.png); background-position: top -27px right -25px;}
	.entry .entry-btn{width: auto; height: auto; padding: 10px; }
	.entry .entry-btn1{ margin-right: 1.5%; padding: 5px 10px 8px;}
	.entry .entry-btn2{  }
	.entry .entry-ttl{padding-top: 67px;}
	.entry .entry-text{font-size: 2.2rem; line-height: 30px; letter-spacing: -1.76px;}
	.entry .entry-link{padding-bottom: 52px; margin-top: 73px; max-width:100%; width: 100%; flex-direction: column;}
	.entry2{display: none;}
}

@media screen and (max-width: 740px) {
	footer .box .nav1 ul{column-gap: 10px;}
	footer .box .nav1 a{font-size: 3.8rem; line-height: 50px; letter-spacing: 0.04px;}
	footer .box .page-top{bottom: 100px; font-size: 1.95rem; letter-spacing: -1.11px; line-height: 25.5px;}
	footer .box .page-top::before{height: 95px; margin-bottom: 18px;}
	#top .fv .container{top: 60%;}
	#top .fv .container h2 {font-size: 1.3rem;}
	#top .fv .container h2 .ttl{font-size: 6rem; line-height: 84px;}
	#top .fv .container h2 .text{font-size: 3.3rem;}
	#top .flow .flow-content .flow-img{width: 85%;}
	#top .flow .flow-content .flow-text{width: 85%; margin-left: auto;}
	#top .qa .qa-list .qa-box .qa-text .num{margin-right: 10px; font-size: 4.8rem; letter-spacing: -2.38px;}
	#top .qa .qa-list .qa-box .qa-text .text,#top .qa .qa-list .qa-box:nth-child(3) .qa-text .text{font-size: 1.4rem; letter-spacing: -1.68px; line-height: 19px;}
	#top .qa .qa-list .qa-box .qa-text .text span{font-size: 1rem; letter-spacing: -0.54px; letter-spacing: -0.49px; line-height: 12px;}
	.entry .entry-comment{top: -100px;}
	#person-page .cause .cause-box1 .q1 .ttl , #person-page .cause .cause2 .ttl, #person-page .outlook .outlook-box .ttl{font-size: 3.15rem; letter-spacing: -2.21px; line-height: 42.75px;}
	#person-page .cause .cause-box1 .text-box, #person-page .cause .cause2 .text, #person-page .outlook .outlook-box .text{font-size: 2.1rem; line-height: 38px; letter-spacing: -1.47px;}
	
	#person-page .detail .detail-box .detail-left .num{font-size: 10.2rem; letter-spacing: -6.07px;}
	#person-page .detail .detail-box .detail-left .text{font-size: 3.45rem; letter-spacing: -0.24px; line-height: 41.25px;}
	#person-page .detail .detail-box .detail-left .text span{font-size: 1.5rem; line-height: 22.5px;}
	#person-page .detail .detail-box .detail-right{line-height: 1.1; letter-spacing: -1.63px;}
	#person-page .cause .sec-ttl{font-size: 4.2rem; letter-spacing: -3.75px;}
	#person-page .cause .cause2 .cause-ttl{font-size: 4.8rem; letter-spacing: -2.36px;}
	#person-page .photo .container .photo1{top: -74px;}
	#person-page .photo .container .photo2{top: -170px;}
	#person-page .photo .container .photo3{top: -106px;}

}

@media screen and (max-width: 680px) {
	#top .person .container .person-list .person-box .person-left .content .ttl{line-height: 1.1em; font-size: 7.5vw;}
	.entry .entry-text .sp{display: block;}
}

@media screen and (max-width: 640px) {
	.pc{ display: none; }
	.sp{ display: block; }
	.ipad { display: none; }
	#top .fv{ margin-top: 55px; }
	header .box .left .modalbtn{ height: 55px; width: 55px; padding: 0; }
	header .box .left .modalbtn:before{ top: 20px; }
	header .box .left .modalbtn:after{ bottom: 20px; }
	header .box .left .modalbtn.active:before{ top: 26.5px; }
	header .box .left .modalbtn.active:after{ bottom: 26.5px; }
	header .box{ height: 55px; }
	header .box .center{height: auto; width: 32vw;}
	header .box .right a{ font-size: 1.5rem; width: 30vw; }
	header .box .right a:before{right: 5px; width: 15px;}
	footer .box .nav1 ul{column-gap: 15px;}
	footer .box .nav1 a{font-size: 2.6rem; letter-spacing: 0.03px;}
	footer .box .page-top{bottom: 70px; font-size: 1.5rem; letter-spacing: -0.74px; line-height: 17px;}
	#top h3{font-size: 8rem; letter-spacing: -5.1px; line-height: 1em; padding-bottom: 40px;}
	#top h3::before{bottom: 0;}
	#top .sec-subttl , #top .qa .sec-subttl{font-size: 1.4rem;}
  #top .person .container .person-list .person-box .person-left .num{font-size: 12.6rem; letter-spacing: -3.75px;	}
	#top .person .container .person-list .person-box .person-left .content .ttl{ letter-spacing: -2.46px;}
	#top .person .container .person-list .person-box .person-left .content .position{font-size: 1.8rem; line-height: 26px;}
	#top .person .container .person-list .person-box .person-left .content .name{font-size: 7.5rem; letter-spacing: -0.52px;}
	#top .person .container .person-list .person-box .person-left .content .link{padding-top: 17px; padding-bottom: 19px; font-size: 2.5rem; letter-spacing: -0.42px; line-height: 33px;}
  #top .person .person-text{letter-spacing: -1.58px; padding-bottom: 0; }
	#top .person .person-text span{letter-spacing: -2.79px;}
	#top .modal .modal-wrap .modal-box .modal-right .num{padding-top: 5px; font-size: 9rem; line-height: 93px;}
	#top .modal .modal-wrap .modal-box .modal-right .ttl{font-size: 3rem; line-height: 41px; letter-spacing: -3.6px;}
	#top .modal .modal-wrap .modal-box .modal-right .text{line-height: 23px; letter-spacing: -0.18px;}
	.entry .entry-btn{width: 48%;}
	.entry .entry-btn1{ width: 100%; min-height: 60px;}
	.entry .entry-btn2{}
	.entry .entry-btn::after{ right: 10px; width: 10px; }
	#person-page .cause .sec-ttl{font-size: 7vw; letter-spacing: -2.52px;}
	#person-page .cause .cause2 .cause-ttl{font-size: 3rem; letter-spacing: -1.58px;}
	#person-page .outlook .sec-ttl{letter-spacing: -2.55px;}
	#person-page .person-slide .person-box .person-left .num{font-size: 9rem; letter-spacing: -2.21px; line-height: 88px; padding-top: 10px; }
	#person-page .person-slide .person-box .person-left .position{font-size: 1.8rem; line-height: 27px;}
	#person-page .person-slide .person-box .person-left .ttl{letter-spacing: -2.3px; line-height: 41.2px;}
	#person-page .person-slide .person-box .person-left .name{font-size: 5.4rem; letter-spacing: -0.375px; line-height: 64px;}
	#person-page .outlook .outlook-box .ttl .sp{display: block;}
	#person-page .person-slide .person-box .person-left a{font-size: 2.5rem; letter-spacing: -0.42px; line-height: 33px;}

	#top .person .container .person-list{ margin-bottom: 120px; margin-top: 50px; }
	#top .person .container{ margin-bottom: 70px; padding-bottom: 0; background-position: bottom 0 right 15px;}
	.entry .entry-link{ margin-top: 30px; }
	.entry .entry-ttl { padding-top: 40px; letter-spacing: -2.5px; font-size: 9vw; }
	.entry .entry-link{ padding-bottom: 40px; }
	.entry .entry-text{font-size: 1.4rem; letter-spacing: -1.32px; line-height: 1.2em; }
	.entry .entry-btn img{width: 80%;} 
	.entry .entry-btn2 img{width: 70%;} 
	.entry .entry-comment{ width: 150px; top: -80px; right: -25px; }

	#top .flow{padding: 70px 0 110px;}


	#top .qa .qa-list{margin-top: 50px;}

	#top .qa .qa-list .qa-box .qa-text .num{ margin-right: 6px; font-size: 3.8rem; }
	#top .qa .qa-list .qa-box{ padding: 17px 9px 27px; }
	
	#top .modal .modal-wrap .modal-box .modal-right{ padding: 20px; }
	#top .modal .modal-wrap .modal-box{ max-height: 90vh; overflow: scroll; border: 6px solid var(--main-color); }
	#top .modal .modal-wrap .modal-box .modal-left{ border-bottom: 6px solid var(--main-color); }

	#top .modal .modal-wrap .modal-box .modal-right .num{font-size: 6rem; line-height: 62px;}
	#top .modal .modal-wrap .modal-box .modal-right .ttl{font-size: 2rem; line-height: 1; letter-spacing: -2.4px;}
	#top .modal .modal-wrap .modal-box .modal-right .text{font-size: 1.4rem; }
	#top .modal .modal-wrap .modal-box .modal-right .close{ top: 20px; right: 20px; }

	#top .fv .fv-img{ min-height: 300px; object-fit: cover; }

	footer .box .nav1 ul li{ width: auto; }
	footer .box .nav2 a{ font-size: 1.5rem; padding-right: 15px; }
	footer .box .nav2 ul{ max-width: 320px; margin: auto; padding-left: 0; }

	#top .top-wrap{padding-bottom: 140px;}
	footer{ padding-top: 70px; }
	footer .box .nav1 { margin-bottom: 120px; }
	footer .box .nav1 ul{ row-gap: 10px; }

	header .box .left nav .btn-box a img { max-width: 130px; }
	header .box .left nav .btn-box a:last-child img { max-width: 90px; }
	header .box .left nav .btn-box a::after{ right: 12px; }

	#top .fv .container h2 {font-size: 1.1rem;}
	#top .fv .container h2 .ttl{font-size: 5.3rem; line-height: 87px;}
	#top .fv .container h2 .text{font-size: 2.8rem;}
	.sub.wrapper{padding-top: 80px;}
	#person-page .detail .detail-box .detail-left .num{font-size: 6.8rem; letter-spacing: -4.05px;}
	#person-page .detail .detail-box .detail-left .text{font-size: 2.3rem; line-height: 28px; letter-spacing: 0.16px;}
	#person-page .detail .detail-box .detail-left .text span{font-size: 1rem; line-height: 1.1em;}
	#person-page .detail .detail-box .detail-right{font-size: 5vw; line-height: 26px; letter-spacing: 0.5px; padding-left: 10px;}

	#person-page .detail{padding-bottom: 70px;}
	#person-page .cause .sec-ttl { margin-bottom: 15px; }
	#person-page .cause .cause-box1 .cause-img1 img{ height: 170px; object-fit: cover; }

	#person-page .cause .sec-ttl .sp{display: block;}
	#person-page .cause .cause-box1 .q1 .ttl , #person-page .cause .cause2 .ttl , #person-page .outlook .outlook-box .ttl{font-size: 2.1rem; line-height: 28px; margin-bottom: 30px;}
	#person-page .cause .cause-box1 .q1 .ttl span , #person-page .cause .cause2 .ttl span , #person-page .outlook .outlook-box .ttl span{font-size: 2.3rem; margin-bottom: 4px;}
	#person-page .cause .cause-box1 .text-box,#person-page .cause .cause2 .text , #person-page .outlook .outlook-box .text{font-size: 1.4rem; line-height: 25px; letter-spacing: -0.98px;}
	#person-page .outlook .sec-ttl{letter-spacing: -1.7px;}
	#person-page .cause .cause1{padding-bottom: 190px;}
	#person-page .person-slide .person-box .person-left .position{font-size: 1.2rem; line-height: 18px;}
	#person-page .person-slide .person-box .person-left .ttl{letter-spacing: -1.55px; line-height: 1em;}
	#person-page .person-slide .person-box .person-left .name{font-size: 3.6rem; letter-spacing: -0.25px; line-height: 43px;}
	#person-page .person-slide .person-box .person-left a{font-size: 1.65rem; letter-spacing: -0.28px; line-height: 22px;}

	#person-page .cause .cause-box1 .q1{padding: 35px;}
	#person-page .cause .cause1 { padding-bottom: 150px; }
	#person-page .cause .cause2 .cause-box-left .q2{margin-bottom: 60px;}
	#person-page .cause .cause2 .cause-box-left .q3{margin-top: 60px;}
  #person-page .cause .cause2 .cause-box2:first-child{margin-bottom: 80px;}
  #person-page .outlook .outlook-img1{margin-bottom: 20px;}
  #person-page .outlook .outlook-box .ttl{margin-bottom: 20px;}
  #person-page .outlook .outlook-box .outlook-box-left .q6{ margin: 10px 15px 60px;}
  #person-page .outlook .outlook-box .outlook-box-left .q7{margin-top: 60px; }
  #person-page .outlook{background: linear-gradient(180deg, #fff 0%, #fff 12%,#f2f2f2 12%, #f2f2f2 100%); padding-bottom: 60px;}

  .swiper-button-next, .swiper-rtl .swiper-button-prev{ right: -3px!Important; }
  .swiper-button-prev, .swiper-rtl .swiper-button-next{ left: -3px!Important; }

  #person-page .detail .detail-box .detail-left .text br.sp{ display: none; }
  #top .flow .flow-content .flow-img .flow-comment{ right: -50px; }

  #top .flow .flow-content .flow-line_sp { top: 9%; left: 20px; width: 3%; }

  #top .person .container .person-list .person-box .person-left .content .name{ margin-bottom: 0; }

  #person-page .photo .container .photo1 { top: -30px; }
  #person-page .photo .container .photo2 { top: -80px; }
  #person-page .photo .container .photo3 { top: -50px; }

	
}

@media screen and (max-width: 540px) {
	header .box .left nav{width: 70%;}
	
	#top .person .container .person-list .person-box:nth-child(2){margin: 100px 0;}
	#top .person .container .person-list{margin-bottom: 120px;}
	#top .person .person-text span{margin-top: 15px; margin-bottom: 35px;}
	#top .flow .flow-content .flow-img .flow-comment{right: -50px;}
	#top .flow .flow-content .flow-box:nth-child(even) .flow-img .flow-comment {top: -110px; left: -46px;}


	
	
	#person-page .cause .cause-box1 .text-box .text:first-child{margin-bottom: 30px;}
	#person-page .cause .cause2 .ttl{margin-bottom: 20px;}
	#person-page .photo .container .photo1{top: -24px;}
	#person-page .photo .container .photo2{top: -100px;}
	#person-page .photo .container .photo3{top: -36px;}	
	#person-page .cause .cause2 .cause-box2:nth-child(2) .cause-box-left{margin-top: 100px;}
	#person-page .cause .cause2 .cause-ttl{margin-bottom: 30px;}
	#person-page .cause .cause2 .cause-box-left .q4{margin-bottom: 65px;}
	#person-page .cause{padding-bottom: 90px;}
	
	
	#person-page .outlook .outlook-box .outlook-box-left .q6, #person-page .outlook .outlook-box .outlook-box-left .q7{padding-top: 30px; padding-bottom: 31px;}
	
	
	
	#person-page .person-slide{padding: 120px 0;}
	#person-page .person-slide .person-box .person-left .text-box .box-left{margin-right: 10px;}
}

@media screen and (max-width: 480px) {
	footer .box .nav2 ul{justify-content: space-around; padding-left: 0;}
	footer .box .nav2 ul li:not(:last-child){margin: 0;}
	#top .fv .container h2 {font-size: 0.9rem;}
	#top .fv .container h2 .ttl{font-size: 4rem; line-height: 53px;}
	#top .fv .container h2 .text{font-size: 2.2rem;}
	
	#top .person .container .person-list .person-box .person-left .num{font-size: 8.4rem; letter-spacing: -2.52px;	}
	#top .person .container .person-list .person-box .person-left .content .ttl{ letter-spacing: -1.64px;}
	#top .person .container .person-list .person-box .person-left .content .position{font-size: 1.2rem; line-height: 18px;}
	#top .person .container .person-list .person-box .person-left .content .name{font-size: 5rem; letter-spacing: -0.35px;}
	#top .person .container .person-list .person-box .person-left .content .link{width: 100%; padding-top: 14px; padding-bottom: 16px; font-size: 1.7rem; letter-spacing: -0.28px; line-height: 22px;}
	#top .person .container .person-list .person-box .person-left .content .link::before{width: 23px; height: 15px;}

	#top .qa .qa-list .qa-box::after{bottom: 11px; right: 11px; content:"" ; height: 14px; width: 14px; background: url(../images/plus-sp.svg) no-repeat; background-size: contain;}
	
	
	
	
	
} 

@media screen and (max-width: 420px) {
	#top .person .person-text{font-size: 1.7rem; line-height: 29px; letter-spacing: -1.06px;}
	#top .person .person-text span{font-size: 2.5rem; letter-spacing: -1.86px;}
	#person-page .detail .detail-box .detail-left {width: 40%;}
	#person-page .photo .container .photo1{top: -14px;}
	#person-page .photo .container .photo2{top: -50px;}
	#person-page .photo .container .photo3{top: -16px;}
	#person-page .cause .cause2 { padding-top: 37%; }
	#person-page .person-slide .person-box .person-left .num { font-size: 7rem; line-height: 57px; }

 
}