/*===============================================
SP
===============================================*/
@media (max-width:761px) {
	
	/* =========================================================================
 	main_ttl_wrap
	===========================================================================*/
	
	#main_ttl_wrap{
		background: #a899cb;; 
	}

	#main_ttl_wrap h1 span{
		color: #a899cb;
		font-size:2.2rem;
		font-weight: 400;
		padding: 6px 0 8px;
	}

	#main_ttl_wrap h1{
		font-size: 3.0rem;
		font-weight:300;
		line-height:1.2;
	}

	
	
	


	/* ============================================================
 	section 02
	==============================================================*/
	#sec02 {
		width: 100%;
		padding: 0 0 60px;
		margin: -10px 0 0;
		overflow:hidden;
		background: linear-gradient( to top,  #9270ac 20%, #a899cb 100% );
	}
	

	#sec02 .wrapper{
		min-height:500px;
	}
	
	#sec02 .ttl_wrap{
		display:flex;
		flex-wrap:wrap;
		padding: 17px 0;
		justify-content:center;
		position:relative;
	}
	
	#sec02 .eng_txt{
		display:block;
		width:100%;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		font-size: 4.2rem;
		letter-spacing: 0rem;
		font-feature-settings: 'palt';
		color: #000;
		line-height: 1;
		text-align:center;
	}

	#sec02 h2{
		order:2;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		text-indent: 8px;
		color: #000;
		line-height:1.4;
		text-align:center;
		padding:0 0 0;
	}

	#sec02 .tab_btn_list{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 20px;
		display:flex;
		gap:0 2px;
		position: relative;
	}

	#sec02 .tab_btn_list li{
		width:300px;
		position: relative;
	}

	#sec02 .tab_btn_list li:before{
		content: "";
		display: block;
		width: 0;
		height:0;
		opacity:0;
		background:#000;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0) rotate(-45deg);
		transition: all 0.4s cubic-bezier(0, 0, 0.23, 0.99) 0s;
	}

	#sec02 .tab_btn_list li.act:before{
		content: "";
		display: block;
		width: 14px;
		height:14px;
		opacity:1;
		background:#000;
		position: absolute;
		bottom:-6px;
		left: 50%;
		transform:translate(-50%,0) rotate(-45deg);
	}

	#sec02 .tab_btn_list li a{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		line-height:1;
		text-align:center;
		color:#000;
		background:#fff;
		padding: 22px 0 24px;
	}

	#sec02 .tab_btn_list li:first-child a{
		border-radius:4px 0 0 4px;
		padding: 29px 0 30px;
	}
	#sec02 .tab_btn_list li:last-child a{
		border-radius:0 4px 4px 0;
	}

	#sec02 .tab_btn_list li.act a{
		color:#fff;
		background:#000;
	}

	#sec02 .tab_block{
		width:100%;
		/* background:#fff; */
		position: relative;
		overflow:hidden;
		border-radius:10px;
	}

	#sec02 span.r_label{
		display:block;
		position: absolute;
		top: 17px;
		right: 16px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size:1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		border-radius: 6px;
		padding: 8px 10px 10px;
		font-feature-settings: 'palt';
	}

	#sec02 span.r_on{
		color:#fff;
		background: linear-gradient( to right,  #f86f64 0%, #fd5392 100% );
	}

	#sec02 span.r_off{
		color:#707070;
		background: #e1e1e1;
	}

	#sec02 ul.i_list{
		display:flex;
		flex-wrap: wrap;
		gap: 6px;
		padding: 0 0 7px;
	}

	#sec02 ul.i_list li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0.05rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color: #000;
		padding: 8px 17px 9px 37px;
		border-radius: 4px;
		background: #edf1fd;
		position:relative;
	}

	#sec02 ul.i_list li em{
		font-style:normal;
		font-size: 1.2rem;
		letter-spacing: 0rem;
	}

	#sec02 ul.i_list li span{
		display:inline-block;
		height:16px;
		left: 15px;
		top: 6px;
		position:absolute;
	}

	#sec02 ul.i_list li span img{
		width:auto;
		height:100%;
	}

	#sec02 ul.time_list{
		border-radius: 4px;
		overflow:hidden;
	}
	#sec02 ul.time_list li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0.05rem;
		line-height: 1;
		font-feature-settings: 'palt';
		color: #000;
		padding: 8px 15px 0;
		background: #edf1fd;
	}

	#sec02 ul.time_list li:nth-child(even){
		background: linear-gradient(to left, #e2e8fb 20%, #ced6f7bd 100%);
	}

	#sec02 ul.time_list li span{
		display:inline-block;
		height:16px;
		margin: -2px 6px 0 0;
		vertical-align: text-top;
	}

	#sec02 ul.time_list li span img{
		width:auto;
		height:100%;
	}

	#sec02 .ttl_sub_wrap{
		/* display:flex; */
		padding: 10px 0 40px;
		justify-content: space-between;
	}
	
	#sec02 .ttl_sub_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 2.4rem;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		color:#000;
		line-height:1.4;
		padding: 0 0 8px;
		border-bottom:1px solid #000;
	}

	#sec02 .ttl_sub_wrap h3 span{
		display:block;
		font-weight:400;
		font-size:1.4rem;
	}

	#sec02 .ttl_sub_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size:1.6rem;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		color:#000;
		line-height:1.8;
		padding: 20px 0 0;
	}

	#sec02 .ttl_sub_wrap .img_box{
		line-height:0;
		/* width: 390px; */
		border-radius: 10px;
		overflow: hidden;
	}

	#sec02 .ttl_sub_wrap .txt_wrap{
		/* width: 470px; */
		padding: 15px 0 0;
	}

	#sec02 .ttl_sub_wrap .txt_wrap.mt{
		padding: 18px 0 0;
	}

	#sec02 ul.p_list{
		position:relative;
		display:flex;
		flex-wrap:wrap;
		gap: 20px 0;
		padding: 0 0 10px;
		justify-content:space-between;
	}

	#sec02 ul.p_list > li{
		width: 440px;
		box-sizing:border-box;
		background:#fff;
		position:relative;
		border-radius:10px;
		padding: 20px;
	}

	#sec02 ul.p_list > li.stamp{
		padding: 0 20px;
	}

	#sec02 ul.p_list > li > .img_box{
		line-height:0;
		border-radius:10px;
		overflow:hidden;
		margin:40px 0 20px;
	}

	#sec02 ul.p_list h3{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 1.6rem;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		background:#000;
		border-radius:4px;
		line-height:1;
		padding: 4px 10px 6px;
	}

	#sec02 ul.p_list h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 1.9rem;
		letter-spacing:0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color:#000;
		padding: 30px 0 6px;
		margin: 0 0 11px;
		border-bottom: 1px solid #000;
	}

	#sec02 ul.p_list h4.ss{
		padding: 50px 0 16px;
		border-bottom: 1px solid #000;
	}

	#sec02 ul.p_list h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size:1.6rem;
		letter-spacing:0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color:#000;
		padding: 7px 0 6px;
	}

	#sec02 ul.p_list h5 em{
		font-size:1.3rem;
		display:inline-block;
		font-style:normal;
		padding: 0 0 0 6px;
	}

	#sec02 ul.p_list h5 span.mm{
		display:inline-block;
		font-size:1.2rem;
		vertical-align:text-top;
		margin: 4px 3px 0 2px;
		color:#9777e3;
	}

	#sec02 ul.p_list h4 span{
		display: inline-block;
		font-weight:400;
		font-size: 1.4rem;
		color:#757575;
		vertical-align: text-top;
		padding: 0 0 0 7px;
		margin: 6px 0 0 9px;
		border-left: 1px solid #000;
	}

	#sec02 ul.p_list p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		letter-spacing: 0.04rem;
		font-feature-settings: 'palt';
		color:#000;
		line-height:1.6;
		padding: 0 0 21px;
	}

	#sec02 ul.p_list p span{
		display:block;
		font-size: 1.2rem;
		color: #7e3a91;
		padding:5px 0 0;
	}

	#sec02 ul.p_list h6{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 1.3rem;
		letter-spacing:0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color:#000;
		padding: 7px 0 6px 18px;
		border-bottom: 1px solid #aa8ccf;
		position:relative;
		margin: 0 0 6px;
	}

	#sec02 ul.p_list h6:before{
		content:"";
		width:10px;
		height:10px;
		background:#aa8ccf;
		position:absolute;
		border-radius:10px;
		top: 50%;
		transform:translate(0%, -50%);
		left: 1px;
	}

	

	#sec02 ul.p_list .mini_p_wrap{
		padding: 16px 0 15px 0;
	}

	#sec02 ul.p_list p.mini_p{
		font-size: 1.2rem;
		line-height: 1.4;
		text-indent: -1em!important;
		padding: 0 0 8px 1em;
		color: #7b7b7b;
	}

	#sec02 ul.p_list p span.job_s{
		font-size: 1.3rem;
		background: #aa8ccf;
		display:table;
		color:#fff;
		padding: 0 8px 1px;
		margin: 9px 10px 4px 0;
		border-radius:4px;
	}
	
	#sec02 p.p_comment_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size:1.3rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		text-indent: -1em;
		line-height:1.4;
		box-sizing: border-box;
		padding: 10px 0 0 1em;
		position:relative;
	}
	
	#sec02 .tab_btn_list li.act a{
		pointer-events: none;
	}


}