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

@media (min-width: 762px) {
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
    
    #main_third_wrap{
		background:url("../img/main_bg.jpg") center;
        background-size: cover;
	}

	#main_third_wrap .s_ttl{
		display: block;
		width: 5.5em;
		background: #99e6ff;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		text-align: center;
		font-size: 1.6rem;
		line-height: 100%;
		letter-spacing: 0.1rem;
		padding: 3px 0 5px;
		color: #1c284c;
	}

	#main_third_wrap span.eng_txt{
		color: #00aae1;
	}

	#main_third_body{
		background: #edf9fd;
		padding: 80px 0;
	}

    
	


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

	

	
	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 0px 0 150px;
		position:relative;
		background: #f3f4f5;
	}
	

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


	/* f_site_map start */

	#sec01 .client_wrap{
		width: 980px;
		margin: 0 auto;
		background: #fff;
		padding: 30px 40px;
		box-shadow: 0 0 20px 0 rgb(28 40 76 / 30%);
	}

	.client_wrap > ul {
		display:flex;
		flex-wrap: wrap;
	}

	.client_wrap > ul:last-child {
		width: 480px;
		margin: 12px 0 0;
	}

	.client_wrap > ul:last-child > li {
		margin: 0 40px 12px 0;
	}

	.client_wrap > ul > li{
		margin: 0 44px 10px 0;
	}

	.client_wrap > ul > li:nth-child(4){
		margin: 0 0 0 0;
	}

	.client_wrap > ul > li:nth-child(5){
		margin: -18px 0 0 0;
	}

	.client_wrap > ul > li > a{
		display: inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		letter-spacing:0.1rem;
		font-size:1.6rem;
		color: #182747;
		position:relative;
	}

	.client_wrap > ul > li > a:after{
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-right: solid 1px #182747;
		border-bottom: solid 1px #182747;
		position: absolute;
		top: 52%;
		right: -16px;
		transform:translate(0, -50%) rotate(-45deg);
	}

	.client_wrap > ul > li .sec_f_nav_wrap{
		border-left: 1px solid #182747;
		margin:10px 0 20px 2px;
		padding: 2px 0 1px 14px;
	}

	.client_wrap ul.sec_list li{
		margin:0 0 8px;
	}

	.client_wrap ul.sec_list li:first-child{
		display: flex;
	}

	.client_wrap ul.sec_list dl{
		margin: 0 20px 6px 0;
	}

	.client_wrap ul.sec_list dt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		letter-spacing:0.1rem;
		font-size:1.4rem;
		padding: 0 0 2px 11px;
		color: #182747;
		position:relative;
	}

	.client_wrap ul.sec_list dd{
		float:left;
		margin:0 30px 0 0;
	}

	.client_wrap ul.sec_list dt:after{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		background: #182747;
		position: absolute;
		top: 13px;
		left: -1px;
		transform:translate(0, -50%) rotate(-45deg);
	}

	.client_wrap ul.sec_list a{
		display: inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		letter-spacing:0.1rem;
		font-size:1.3rem;
		color: #182747;
		position:relative;
	}

	.client_wrap ul.sec_list a:after{
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		border-right: solid 1px #182747;
		border-bottom:solid 1px #182747;
		position: absolute;
		top: 52%;
		right: -14px;
		transform:translate(0, -50%) rotate(-45deg);
	}

	.client_wrap > ul:last-child a{
		font-size:1.4rem;
	}
	

	.client_wrap a{
    	transition: all 0.5s ease 0s;
    }
	
    .client_wrap a:hover{
    	opacity:0.3;
    }

}