/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){

	
	/* ============================================================
 	main_sec_wrap
	==============================================================*/

	#main_sec_wrap{
		width: 100%;
		position: fixed;
		background: url(../../img/sub_bg_sp.jpg) no-repeat top;
		background-size: cover;
		top:0px;
		z-index: 10;
		transition: all 0.5s cubic-bezier(0, 0, 0.16, 1) 0s;
	}


	#main_sec_wrap.f_out{
		top:-70px;
	}
	
	/* ============================================================
 	person_wrap
	==============================================================*/
	
	.person_wrap{
		margin: 60px 0 0;
		height: 60px;
		background:#fff;
		overflow: hidden;
		
	}

	.person_wrap li{
		width:100%;
		display: flex;
		box-sizing: border-box;
		padding: 8px 2%;
	}

	.person_wrap .img_box{
		width: 38px;
		height: 38px;
		border-radius: 50%;
		overflow: hidden;
	}

	.person_wrap li.fcw .img_box{
		border: 3px solid #CE93B9;
	}

	.person_wrap li.fcm .img_box{
		border: 3px solid #99C895;
	}

	.person_wrap li.fe .img_box{
		border: 3px solid #F5AF7E;
	}

	.person_wrap li.fhs .img_box{
		border: 3px solid #94CCD8;
	}
	

	.person_wrap .txt_box{
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		margin: 0 0 0 10px;
	}

	.person_wrap .txt_box .fac{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.2rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		letter-spacing: 0.1rem;
	}

	.person_wrap li.fcw .txt_box .fac{
		color: #b485a3;
	}

	.person_wrap li.fcm .txt_box .fac{
		color: #70b76a;
	}

	.person_wrap li.fe .txt_box .fac{
		color: #dd9461;
	}

	.person_wrap li.fhs .txt_box .fac{
		color: #4fb4ca;
	}

	.person_wrap .txt_box .fac .bold{
		font-weight: 600;
	}

	.person_wrap .txt_box .dep{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.0;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color: #000000;
	}

	.person_wrap .txt_box .dep .bold{
		font-weight: 600;
		display: inline-block;
	}

	.person_wrap .txt_box .year{
		display: inline-block;
		margin: 0 6px 0 10px;
	}

	/* ============================================================
 	common
	==============================================================*/

	#bg_img_wrap{
		position:fixed;
		left:0;
		top:0;
		width:100vw;
		height:110vh;
		overflow:hidden;
		z-index: -1;
	}
	
	.bg_img{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		height:110vh;
		width:110vw;
		filter: blur(20px);
		opacity:0;
		transition: all 0.5s ease 0s;
	}

	.bg_img img{
		width:auto;
		height:100%;
	}

	.bg_act{
		opacity:0.5;
	}

	.timeline_wrap{
		width:80vw;
		margin: 30px auto;
	}

	.time_wrap{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 1;
		color: #ffffff;
		margin: 0 5px 11px 0;
		padding: 4px 18px 7px 35px;
		border-radius:30px;
		background:#000 url("../../img/icon_time.svg") no-repeat 10px center;
		background-size: 16px auto;
	}

	.time_wrap span{
		display: inline-block;
		font-size: 1.2rem;
	}
	
	.note_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.2rem;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		line-height:1.4;
		padding:10px 0 0 5px;
		color:#000;
	}

	.info_wrap{
		overflow:hidden;
		background:#fff;
		border-radius:8px;
	}

	.info_wrap .img_box{
		line-height:0;
	}

	.info_wrap .txt_wrap{
		padding: 18px 24px;
	}

	.info_wrap .ttl{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.4rem;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 2px;
	}

	.info_wrap .body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		line-height:1.4;
	}

	.info_wrap ul{
		display:flex;
		padding: 14px 0 0;
		flex-wrap:wrap
	}

	.info_wrap li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.2rem;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		line-height:1.4;
		margin:0 5px 5px;
		color: #d18047;
	}


	
	
	/* ============================================================
 	section
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 140px 0 0;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}

	#sec02,#sec03,#sec04,#sec05{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}

	#sec06{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		padding: 0 0 100px;
	}
	
	/* ============================================================
 	sec_person
	==============================================================*/
	#sec_person{
		width: 100%;
		padding: 60px 0;
		background: url(../../img/sub_bg_sp.jpg) no-repeat top;
		background-size:cover;
	}

	#sec_person h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		text-align: center;
		color:#fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
	}
	
	.person_btn_wrap{
		margin: 16px 0 0;
		display: flex;
		flex-wrap: wrap;
	}

	.person_btn_wrap li{
		width:100%;
		margin: 0 0 10px;
	}

	#sec_person ul li:nth-child(1){order: 8;}
	#sec_person ul li:nth-child(2){order: 5;}
	#sec_person ul li:nth-child(3){order: 4;}
	#sec_person ul li:nth-child(4){order: 2;}
	#sec_person ul li:nth-child(5){order: 7;}
	#sec_person ul li:nth-child(6){order: 12;}
	#sec_person ul li:nth-child(7){order: 1;}
	#sec_person ul li:nth-child(8){order: 14;}
	#sec_person ul li:nth-child(9){order: 11;}

	#sec_person ul li:nth-child(10){order: 17;}
	#sec_person ul li:nth-child(11){order: 15;}
	#sec_person ul li:nth-child(12){order: 13;}
	#sec_person ul li:nth-child(13){order: 6;}
	#sec_person ul li:nth-child(14){order: 9;}
	#sec_person ul li:nth-child(15){order: 3;}
	#sec_person ul li:nth-child(16){order: 10;}
	#sec_person ul li:nth-child(17){order: 18;}
	#sec_person ul li:nth-child(18){order: 16;}

	.person_btn_wrap li a{
		display: flex;
		padding: 14px 16px;
		gap: 12px 20px;
		align-items: stretch;
		background: #fff;
		border-radius: 50px;
	}

	#sec_person ul li a.no_link{
		pointer-events: none;
		background:#f5af7e;
	}

	.person_btn_wrap .img_box{
		width: 64px;
		height: 64px;
		border-radius: 50%;
		overflow: hidden;
	}

	.person_btn_wrap li.fcw .img_box{
		border: 3px solid #CE93B9;
	}

	.person_btn_wrap li.fcm .img_box{
		border: 3px solid #99C895;
	}

	.person_btn_wrap li.fe .img_box{
		border: 3px solid #F5AF7E;
	}

	.person_btn_wrap li.fhs .img_box{
		border: 3px solid #94CCD8;
	}
	

	.person_btn_wrap .txt_box{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.0;
		letter-spacing: 0.1em;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.person_btn_wrap .txt_box .fac{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		letter-spacing: 0.1rem;
	}

	.person_btn_wrap li.fcw .txt_box .fac{
		color: #b485a3;
	}

	.person_btn_wrap li.fcm .txt_box .fac{
		color: #70b76a;
	}

	.person_btn_wrap li.fe .txt_box .fac{
		color: #dd9461;
	}

	.person_btn_wrap li.fhs .txt_box .fac{
		color: #4fb4ca;
	}

	.person_btn_wrap .txt_box .fac .bold{
		font-weight: 600;
	}
	
	#sec_person a.no_link .txt_box .fac{
		color: #000;
	}

	.person_btn_wrap .txt_box .dep{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		line-height: 1.0;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color: #000000;
		margin: -4px 0 0 0;
	}

	.person_btn_wrap .txt_box .dep .bold{
		font-weight: 600;
	}

	.person_btn_wrap .txt_box .name{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		color: #000000;
		line-height: 1.0;
	}

	.person_btn_wrap .txt_box .name .year{
		display: inline-block;
		margin: 0 8px 0 0;
	}

	
	
	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width: 413px) and (max-width: 761px) {
	
}