
/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {

	.g_cv_btn a{
		display:block;
		background:rgb(0 0 0 / 90%);
		padding: 20px 0;
	}

	.admi_web_wrap{
		position:fixed;
		bottom:30px;
		right:70px;
		z-index:100;
	}

	.admi_web_wrap a{
		display:block;
		line-height:0;
		overflow:hidden;
		width:200px;
	}

	.admi_web_wrap a{
		transition: all 0.5s ease 0s;
	}

	.admi_web_wrap a:hover{
		transform: scale(1.1);
	}

	/* ============================================================
 	main_sec_wrap
	==============================================================*/
    
	#main_sec_wrap{
		width: 100%;
		height: 200px;
		position: relative;
		background: linear-gradient( to top,  #a59cc7 0%, #9b82b9 100% );
	}

	#main_sec_wrap .txt_wrap{
		position:absolute;
		left: 80px;
		top: 49%;
		transform: translate(0,-50%);
	}

	#main_sec_wrap h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 5.4rem;
		letter-spacing: -0.1rem;
		line-height: 1;
		color: #fff;
		font-feature-settings: 'palt';
	}

	#main_sec_wrap span.eng_txt{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		font-size: 1.2rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		padding:0 0 5px;
		
	}
	

	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding:100px 0;
		position:relative;
	}

	#sec01 .wrapper{
		width:960px;
	}

	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		text-align:center;
		color: #000;
		font-feature-settings: 'palt';
		border-bottom: 4px solid #000;
		padding: 0 0 10px;
		margin: 0 0 30px;
	}


	#sec01 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height:2.0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		padding: 12px 0 24px;
	}

	#sec01 table{
		width:100%;
		margin: 0 0 90px;
	}

	#sec01 table th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		line-height:2.0;
		letter-spacing:0.4rem;
		color:#fff;
		background:#9D9FA2;
		font-feature-settings: 'palt';
		padding: 10px 0 12px;
		border-right:2px solid #fff;
		border-bottom:2px solid #fff;
	}

	#sec01 table th:first-child{
		width:70%;
	}
	#sec01 table th:last-child{
		width:30%;
		border-right:none;
	}

	#sec01 table td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		line-height:2.0;
		letter-spacing: 0.2rem;
		color:#fff;
		background:#efefef;
		font-feature-settings: 'palt';
		padding: 12px 16px 14px;
		border-right:2px solid #fff;
		border-bottom:2px solid #fff;
		position:relative;
	}

	#sec01 table td.cx{
		color:#000;
		text-align:center;
		border-right:none;
	}

	#sec01 table td.txt_r{
		writing-mode: vertical-rl;
	}

	#sec01 table td.txt_r span{
		display:block;
		white-space:nowrap;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}

	#sec01 table td.bgc_gray{
		background:#dddddd;
	}

	#sec01 table td.bgc1{
		background:#EB9BA2;
	}

	#sec01 table td.bgc2{
		background:#75A8D5;
	}

	#sec01 table td.bgc3{
		background:#69BFAF;
	}

	#sec01 table td.bgc4{
		background:#DBAB69;
	}


	#sec01 td a{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		background:#000;
		text-align:center;
		display:inline-block;
		border-radius:30px;
		padding: 2px 20px 4px;
		position: absolute;
		top: 10px;
		right: 14px;
	}

	#sec01 td a span{
		font-size: 1.1rem;
		display:inline-block;
		vertical-align:text-top;
		margin: -1px -6px 0 11px;
	}

	#sec01 ul{
		display:flex;
		justify-content:space-between;
		width: 90%;
		flex-wrap: wrap;
		margin:30px auto;
		gap: 50px 30px;
	}

	#sec01 ul li{
		width: 31%;
	}

	#sec01 ul li:nth-child(4){
		width:100%;
	}

	#sec01 ul a{
		width:100%;
		box-sizing:border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		background:#000;
		text-align:center;
		display:inline-block;
		border-radius:30px;
		padding: 10px 20px 12px;
	}

	#sec01 ul li:nth-child(4) a{
		display:block;
		line-height:0;
		border-radius:20px;
		padding:0;
		background:none;
		overflow:hidden;
	}

	#sec01 ul a span{
		font-size: 1.3rem;
		display:inline-block;
		vertical-align:text-top;
		margin: 1px -6px 0 11px;
	}

	#sec01 ul a.no_link{
		pointer-events: none;
		background:#ccc;
	}

	#sec01 ul a{
		transition: all 0.5s ease 0s;
	}

	#sec01 ul a:hover{
		background:#a0107b;
	}

	#sec01 ul li:nth-child(4) a img{
		transition: all 0.5s cubic-bezier(0.09, 0.34, 0.25, 1) 0s;
	}

	#sec01 ul li:nth-child(4) a:hover img{
		transform:scale(1.05);
	}

	#sec01 td a{
		transition: all 0.5s ease 0s;
	}

	#sec01 td a:hover{
		background:#a0107b;
	}


	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 100px 0 140px;
		background:#f6f6f6;
		position:relative;
	}

	#sec02 .wrapper{
		width:960px;
	}

	
	#sec02 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 3.0rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		text-align:center;
		color: #000;
		font-feature-settings: 'palt';
		padding: 0 0 30px;
	}

	#sec02 h2 span{
		display:inline-block;
		font-weight: 400;
		font-size: 2.2rem;
		padding:0 2px;
	}

	#sec02 .pdf_wrap{
		width: 670px;
		margin:0 auto;
		display:flex;
		background:#fff;
		border-radius:40px;
		border:1px solid #d3dcea;
		justify-content:space-between;
		padding:40px 100px;
	}

	#sec02 .pdf_wrap .img_box{
		width: 208px;
		height: 296px;
		line-height:0;
		border:1px solid #ccc;
	}

	#sec02 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height:2.0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		padding: 12px 0 24px;
	}

	#sec02 ul{
		padding: 7px 0 0;
	}

	#sec02 ul li{
		margin:0 0 10px;
	}

	#sec02 .pdf_wrap a{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: 0.02em;
		font-feature-settings: 'palt';
		color:#fff;
		background: #069AA1;
		display:block;
		border-radius:30px;
		padding: 10px 109px 10px 40px;
		position: relative;
	}

	#sec02 .pdf_wrap a .icon{
		display:inline-block;
		vertical-align: text-top;
		width:16px;
		margin: -2px 10px 0 0;
	}

	#sec02 .pdf_wrap a .page_txt{
		display:block;
		position:absolute;
		top:50%;
		right:20px;
		transform:translate(0,-50%);
	}

	#sec02 .pdf_wrap a{
		transition: all 0.5s ease 0s;
	}

	#sec02 .pdf_wrap a:hover{
		background:#a0107b;
	}


	/* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		width: 100%;
	}

	#sec03 ul{
		display:flex;
		flex-wrap:wrap;
	}

	#sec03 ul li{
		width: 33.333%;
	}

	#sec03 ul li a{
		display:block;
		overflow:hidden;
		position:relative;
	}

	#sec03 ul li a .img_bg{
		width:100%;
		height:50vh;
		max-height:400px;
	}

	#sec03 ul li:nth-child(1) a .img_bg{
		background:url("../img/bg01.jpg") no-repeat center;
		background-size:cover;
	}
	#sec03 ul li:nth-child(2) a .img_bg{
		background:url("../img/bg02.jpg") no-repeat center;
		background-size:cover;
	}
	#sec03 ul li:nth-child(3) a .img_bg{
		background:url("../img/bg03.jpg") no-repeat center;
		background-size:cover;
	}
	#sec03 ul li:nth-child(4) a .img_bg{
		background:url("../img/bg04.jpg") no-repeat center;
		background-size:cover;
	}

	#sec03 ul li a .txt_wrap{
		width: 80%;
		height: 160px;
		padding: 36px 0 0;
		box-sizing:border-box;
		border-radius:8px;
		background:#ffffffc7;
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	#sec03 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.5rem;
		letter-spacing: 0.1rem;
		line-height: 1.2;
		text-align:center;
		color: #000;
		font-feature-settings: 'palt';
	}

	#sec03 h2 span{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing:0.1rem;
		padding: 0 0 5px;
		color:#0000008c;
	}

	#sec03 li:first-child h2 span{
		padding: 15px 0 5px;
	}

	#sec03 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		background: linear-gradient( to top,  #a59cc7 0%, #9b82b9 100% );
		display:block;
		border-radius:30px;
		white-space: nowrap;
		padding: 5px 25px 8px;
		position: absolute;
		top: calc(50% + 80px);
		left: 50%;
		transform:translate(-50%, -50%) scale(1);
	}

	#sec03 p span{
		display:inline-block;
		font-size: 1.2rem;
		vertical-align: text-top;
		margin: 2px -7px 0 8px;
	}

	#sec03 ul li a .img_bg{
		transition: all 0.5s cubic-bezier(0.17, 0.47, 0.25, 1) 0s;
	}

	#sec03 ul li a:hover .img_bg{
		opacity: 0.5;
		transform: scale(1.1);
	}

	#sec03 a p{
		transition: all 0.5s ease 0s;
	}

	#sec03 a:hover p{
		transform:translate(-50%, -50%) scale(1.1);
	}

	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: 100%;
		padding: 150px 0 160px;
		position:relative;
	}

	#sec04 .wrapper{
		width:960px;
	}

	
	#sec04 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		text-align:center;
		color: #000;
		font-feature-settings: 'palt';
		border-bottom: 4px solid #000;
		padding: 0 0 10px;
		margin: 0 0 4px;
	}

	#sec04 ul{
		display:flex;
		justify-content:space-between;
		width:80%;
		margin: 30px auto 0;
	}

	#sec04 ul li{
		width:48%;
	}

	#sec04 ul a{
		width:100%;
		box-sizing:border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		background:#000;
		text-align:center;
		display:inline-block;
		border-radius:30px;
		padding: 10px 20px 12px;
	}

	#sec04 ul a span{
		width:18px;
		line-height: 0;
		opacity: 0.8;
		display:inline-block;
		vertical-align:text-top;
		margin: 7px -6px 0 8px;
	}

	#sec04 ul a{
		transition: all 0.5s ease 0s;
	}

	#sec04 ul a:hover{
		background:#a0107b;
	}

	/* ============================================================
 	section 05
	==============================================================*/
	
	#sec05{
		width: 100%;
		padding: 57px 0 100px;
		background: linear-gradient( to top,  #6697be 0%, #8d61a5 100% );
		position:relative;
	}

	#sec05 .wrapper{
		width:960px;
	}

	
	#sec05 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		text-align:center;
		color: #fff;
		font-feature-settings: 'palt';
		padding: 0 0 10px;
	}

	#sec05 h2 span{
		display:block;
		width: 230px;
		margin: 0 auto 8px;
	}

	#sec05 ul{
		width: 48%;
		margin:30px auto 0;
	}


	#sec05 ul a{
		width:100%;
		box-sizing:border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.0rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		border:1px solid #fff;
		text-align:center;
		display:inline-block;
		border-radius:30px;
		padding: 10px 20px 12px;
	}

	#sec05 ul a span{
		width: 21px;
		line-height: 0;
		opacity: 0.8;
		display:inline-block;
		vertical-align:text-top;
		margin: 8px 8px 0 0;
	}

	#sec05 ul a{
		transition: all 0.5s ease 0s;
	}

	#sec05 ul a:hover{
		background:#a0107b;
		border:1px solid #a0107b;
	}


	
	
}



