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

@media (max-width:761px){

	.admi_web_wrap{
		position:fixed;
		bottom:5vw;
		right:5vw;
		z-index:100;
	}

	.admi_web_wrap a{
		display:block;
		line-height:0;
		overflow:hidden;
		width:30vw;
	}

	/* ============================================================
 	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: 50%;
		top: 46%;
		transform: translate(-50%,-50%);
	}

	#main_sec_wrap h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 4.0rem;
		white-space: nowrap;
		letter-spacing: -0.1rem;
		line-height: 1;
		text-indent: -8px;
		color: #fff;
		text-align: center;
		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: 60px 0;
		position:relative;
	}

	#sec01 .table_wrap{
		overflow-x: scroll;
	}

	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		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 table{
		width: 150vw;
		margin: 0 0 50px;
	}

	#sec01 table th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		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: 83vw;
	}
	#sec01 table th:last-child{
		width: 68vw;
		border-right:none;
	}

	#sec01 table td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		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%) rotate(90deg);
	}

	#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.3rem;
		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 12px 4px;
		position: absolute;
		top: 50%;
		right: 14px;
		transform: translate(0, -50%);
	}

	#sec01 td a span{
		font-size: 1.0rem;
		display:inline-block;
		vertical-align:text-top;
		margin: 1px -2px 0 4px;
	}

	#sec01 ul{
		width: 90%;
		margin:30px auto;
	}

	#sec01 ul li{
		margin: 10px 0;
	}

	#sec01 ul a{
		width:100%;
		box-sizing:border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.5rem;
		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;
		margin:30px 0 0;
	}

	#sec01 ul a span{
		font-size: 1.2rem;
		display:inline-block;
		vertical-align:text-top;
		margin: 1px -6px 0 11px;
	}

	#sec01 ul a.no_link{
		pointer-events: none;
		background:#ccc;
	}



	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 50px 0 70px;
		background:#f6f6f6;
		position:relative;
	}

	#sec02 .wrapper{
		padding: 0 4vw;
	}

	
	#sec02 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';
		padding: 0 0 20px;
	}

	#sec02 h2 span{
		display:inline-block;
		font-weight: 400;
		font-size: 1.8rem;
		padding:0 2px;
	}

	#sec02 .pdf_wrap{
		width: 100%;
		box-sizing: border-box;
		margin:0 auto;
		/* display:flex; */
		background:#fff;
		border-radius: 20px;
		border:1px solid #d3dcea;
		/* justify-content:space-between; */
		padding: 30px 3vw 10px;
	}

	#sec02 .pdf_wrap .img_box{
		width: 50vw;
		margin: 0 auto 20px;
		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.4rem;
		font-weight: 600;
		letter-spacing: 0;
		font-feature-settings: 'palt';
		color:#fff;
		background: #069AA1;
		display:block;
		border-radius:30px;
		padding: 10px 44px 10px 18px;
		position: relative;
	}

	#sec02 .pdf_wrap a .icon{
		display:inline-block;
		vertical-align: text-top;
		width:16px;
		margin: -2px 8px 0 0;
	}

	#sec02 .pdf_wrap a .page_txt{
		display:block;
		font-size: 1.2rem;
		position:absolute;
		top:50%;
		right:20px;
		transform:translate(0,-50%);
	}



	/* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		width: 100%;
	}

	#sec03 ul{
		display:flex;
		flex-wrap:wrap;
	}

	#sec03 ul li{
		width: 100%;
	}

	#sec03 ul li a{
		display:block;
		overflow:hidden;
		position:relative;
	}

	#sec03 ul li a .img_bg{
		width:100%;
		height: 28vh;
		max-height: 370px;
	}

	#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: 60vw;
		height: 150px;
		padding: 32px 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: 1.6rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		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.1rem;
		letter-spacing:0.1rem;
		padding:0 2px;
		color:#0000008c;
	}

	#sec03 p{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.4rem;
		white-space: nowrap;
		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;
		padding: 5px 29px 8px;
		position: absolute;
		top: calc(50% + 68px);
		left: 50%;
		transform:translate(-50%, -50%) scale(1);
	}

	#sec03 p span{
		display:inline-block;
		font-size: 1.2rem;
		vertical-align: text-top;
		margin: 1px -7px 0 10px;
	}

	

	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: 100%;
		padding: 70px 0 80px;
		position:relative;
	}


	#sec04 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		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;
	}


	#sec04 ul{
		width:90%;
		margin: 30px auto 0;
	}

	#sec04 ul li{
		margin: 7px 0;
	}

	#sec04 ul a{
		width:100%;
		box-sizing:border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.5rem;
		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: 6px -6px 0 8px;
	}



	/* ============================================================
 	section 05
	==============================================================*/
	
	#sec05{
		width: 100%;
		padding: 57px 0 100px;
		background: linear-gradient( to top,  #6697be 0%, #8d61a5 100% );
		position:relative;
	}

	
	#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: 90%;
		margin:30px auto 0;
	}


	#sec05 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;
		border:1px solid #fff;
		text-align:center;
		display:inline-block;
		border-radius:30px;
		padding: 10px 20px 12px;
	}

	#sec05 ul a span{
		width: 19px;
		line-height: 0;
		opacity: 0.8;
		display:inline-block;
		vertical-align:text-top;
		margin: 6px 8px 0 0;
	}



	
	
}



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

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

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

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