/* ============================================================
PC
==============================================================*/

#sec01 .menu li.current {
	display: none;
}

@media (min-width: 762px) {
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
    
    #main_third_wrap{
		background: #e4d2e0;
		overflow:hidden;
	}

	#main_third_wrap #main_copy_wrap{
		width: 380px;
		position: absolute;
		top: calc(50% + 30px);
		left: 15%;
		transform: translate(0, -50%);
		background: #5192e9;
		z-index: 5;
	}
	
	#main_third_wrap h1{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 400;
		font-size: 2.8rem;
		letter-spacing: 0.1rem;
		display:block;
		padding: 16px 52px 16px 40px;
		line-height: 130%;
		background:none;
		color: #fff;
	}

	#main_third_wrap h1 span{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		letter-spacing: 0.2rem;
		display: block;
		padding: 6px 0;
		line-height: 100%;
	}


	#main_third_wrap span.eng_txt{
		color: #9f4b83;
		b36a9b: 20.0rem;
		line-height: 77%;
		bottom: 0;
		left: 42%;
	}

	#main_third_wrap .img_box{
		width:410px;
		position: absolute;
		top: 55%;
		left: calc(50% + 210px);
		transform:translate(-50%, -50%);
		z-index: 2;
	}


	/* ============================================================
 	section 00
	==============================================================*/
    
	#sec00{
		width: 100%;
		padding: 205px 0 40px;
		position:relative;
		counter-reset: number 0;
	}

	#sec00 span.eng_txt{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 100;
		font-size: 17.0rem;
		line-height: 100%;
		color: #dee8fa;
		letter-spacing: 0.15rem;
		white-space: nowrap;
		z-index: 0;
		position:absolute;
		top: -172px;
		left: -21px;
	}

	#sec00 h2{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 2.4rem;
		color: #1c284c;
		padding: 39px 0 38px 31px;
		line-height: 140%;
		letter-spacing: 0.2rem;
		position: relative;
	}

	#sec00 h2:before{
		counter-increment: number 1;
		content: counter(number, decimal-leading-zero);
		display: block;
		font-size: 8.0rem;
		color: #f1f6fd;
		font-weight: 300;
		margin: 0 0 22px -4px;
	}

	#sec00 h2:after{
		content: "";
		display: block;
		width:150px;
		height:150px;
		background: #cfe1f9;
		position: absolute;
		top:0;
		left:0;
		z-index: -1;
	}

	#sec00 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		padding: 0 0 60px 37px;
		line-height: 200%;
		letter-spacing: 0.1rem;
		position: relative;
	}

	#sec00 p:has(+ .img_box) {
		padding: 0 380px 60px 37px;
	}
	#sec00 div{
		position: relative;
	}
	#sec00 .img_box{
		width:520px;
		position: absolute;
		top:0;
		left: calc(50% + 170px);
	}


    
	/* ============================================================
 	section 01
	==============================================================*/
    
	#sec01{
		width: 100%;
		padding: 60px 0 40px;
		position:relative;
		overflow:hidden;
	}

	#sec01:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #f3f4f5;
		position: absolute;
		top: 134px;
		left: 50%;
		transform:translate(-50%, 0);
	}

	#sec01 span.eng_txt{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 100;
		font-size: 17.0rem;
		line-height: 100%;
		color: #dedee1;
		letter-spacing: 0.15rem;
		white-space: nowrap;
		z-index: -1;
		position:absolute;
		bottom: 82px;
		left: 50%;
		transform:translate(-50%, 0);
	}
	
	#sec01 ul{
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0 0 150px;
	}

	#sec01 li{
		width: 23%;
		margin: 0 1% 40px;
	}

	#sec01 a{
		display:block;
		width:100%;
		height: 100%;
		overflow: hidden;
		box-shadow: 0 0 30px 0 rgb(54 28 76 / 20%);
	}

	#sec01 a .img_box{
		width: 230px;
		height: 200px;
		background:#e4d2e0;
		line-height:0;
		overflow:hidden;
	}
	#sec01 a .img_box img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#sec01 a p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.7rem;
		color: #fff;
		text-align: left;
		padding: 24px 20px;
		line-height: 140%;
		letter-spacing: 0.1rem;
		background: #5192e9;
		height: 50%;
	}

	#sec01 a p span{
		display:block;
		font-weight: 300;
		font-size: 1.4rem;
		margin: 3px 0 0;
		letter-spacing: 0.1rem;
	}

	#sec01 a{
		transition: all 0.8s cubic-bezier(0, 0, 0.11, 1) 0s;
	}
    
    #sec01 a:hover{
		transform: scale(1.1);
	}


	#sec01 ul li a img{
		transition: all 0.3s cubic-bezier(0, 0, 0.11, 1) 0s;
	}
    
    #sec01 ul li a:hover img{
		transform: scale(1.1);
	}


}