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

@media (min-width: 762px) {
	
    
    /* ==============================================================
     *
     * common
     *
     * ============================================================== */

	#sec_main_wrap{
		background:url("../img/mv_bg_pc.jpg") no-repeat top center;
		background-size:cover;
	}
    
    
	
		
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
    
    
    #sec01{
		width: 100%;
		padding: 120px 0;
	}
	
	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.6rem;
		letter-spacing: 0.1rem;
		line-height:160%;
		padding: 0 0 50px;
		color:#005292;
		position:relative;
	}

	#sec01 h2:before{
		width:50px;
		 height: 1px;
		content: "";
        display: block;
        background:#005292;
        position: absolute;
        bottom: 25px;
        left:0;
	}

	#sec01 h3{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		font-size: 2.6rem;
		letter-spacing: 0.2rem;
		padding:0 10px 2px;
		margin:30px 0 10px;
		line-height:160%;
		color:#fff;
		background: linear-gradient( to right,  #005292 10%, #0096D7 100% );
	}

	#sec01 p.m_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		line-height: 220%;
		color:#005292;
	}

	#sec01 p.name_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 200%;
		font-size: 1.3rem;
		letter-spacing: 2px;
		text-align: right;
		padding: 30px 0 0;
		margin: 0 0 0 auto;
		width: 108px;
	}

	#sec01 p.name_txt span{
		display:block;
		margin:5px 0 0;
		font-size: 2.25rem;
		text-align: center;
	}

	#sec01 .line_bg{
		width:220px;
		position:absolute;
		left: -110px;
		bottom: -141px;
	}




	/* --------------------------------------------------------------
 	   section 02
	----------------------------------------------------------------- */

	#sec02{
		width: 100%;
		padding: 0;
		position:relative;
	}

	#sec02:before{
    	content: "";
		display: block;
		width: 90vw;
		height:100%;
		background:rgb(140 156 175 / 0.15);
		position: absolute;
		right:0;
		top: 72px;
		z-index:-1;
    }

	 #sec02 .line_bg{
		width:734px;
		position:absolute;
		right: -444px;
		top: -13px;
	}

	#sec02 .img_box{
		width: 510px;
		line-height:0;
		position:absolute;
		right: 0;
		top: 31px;
		filter: drop-shadow(0 0 16px rgba(0,0,0,0.1));
	}
	
	#sec02 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 8.2rem;
		letter-spacing: 0.3rem;
		text-indent: -9px;
		padding: 0 0 30px;
		color:#005292;
	}

	#sec02 li{
		width:466px;
		margin:0 0 38px;
	}

	#sec02 li:last-child{
		position:absolute;
		right:0;
		bottom: -38px;
	}

	#sec02 li h3{
		background:#92bbb4;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		line-height: 140%;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		color:#fff;
		padding: 2px 0 4px 14px;
		margin: 0 0 18px;
	}

	#sec02 li h3 span{
		display: inline-block;
		font-weight: 500;
		line-height: 140%;
		font-size: 1.6rem;
		padding: 0 10px 0 0;
	}

	#sec02 li h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 140%;
		font-size: 2.3rem;
		letter-spacing: 0.1rem;
		color:#457c7d;
		padding: 0 0 8px 14px;
	}

	#sec02 li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		line-height: 170%;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		padding: 0 14px 20px 14px;
	}

	#sec02 li:nth-child(2) h3{
		background:#8fa2c3;
	}

	#sec02 li:nth-child(3) h3{
		background:#a9a9a8;
	}

	#sec02 li:nth-child(2) h4{
		color:#005293;
	}

	#sec02 li:nth-child(3) h4{
		color:#616161;
	}


	/* --------------------------------------------------------------
 	   section 03
	----------------------------------------------------------------- */

	#sec03{
		width: 100%;
		padding: 196px 0 0;
		position:relative;
	}

	#sec03:before{
    	content: "";
		display: block;
		width: 100%;
		height: calc(100% - 174px);
		background:rgb(140 156 175 / 0.15);
		position: absolute;
		left:0;
		top: 274px;
		z-index:-1;
    }

	 #sec03 .line_bg{
		width: 476px;
		position:absolute;
		left: -323px;
		top: -95px;
	}

	#sec03 .img_box{
		width: 610px;
		line-height:0;
		margin: 0 0 66px;
	}
	
	#sec03 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 8.2rem;
		letter-spacing: 0.3rem;
		text-indent: -9px;
		color:#005292;
	}

	#sec03 .w_wrap{
		width:100%;
		background:#fff;
		padding: 80px 60px;
		margin: 0 -50px 100px;
		position:relative;
	}

	#sec03 .w_wrap .img_box_r{
		width: 460px;
		line-height:0;
		float:right;
	}

	#sec03 .w_wrap .img_box_l{
		width: 460px;
		line-height:0;
		float:left;
	}

	#sec03 .w_wrap .txt_box_l{
		width: 480px;
		float:left;
	}

	#sec03 .w_wrap .txt_box_r{
		width:480px;
		float:right;
	}

	#sec03 .w_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 140%;
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		padding: 0 0 16px;
		color:#005293;
	}
	#sec03 .w_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		line-height: 170%;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		padding: 0 0 40px;
	}

	#sec03 .icon1,
	#sec03 .icon3{
		position:absolute;
		height: 90px;
		top:-40px;
		right: 60px;
	}

	#sec03 .icon2,
	#sec03 .icon4{
		position:absolute;
		height: 90px;
		top:-40px;
		left: 60px;
	}

	#sec03 .icon1 img,
	#sec03 .icon2 img,
	#sec03 .icon3 img,
	#sec03 .icon4 img{
		width:auto;
		height:100%;
	}


	#sec03 .btn_list a{
         display: block;
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.4rem;
		line-height:160%;
         color: #fff;
         letter-spacing: 0.1rem;
         padding: 12px 24px 14px;
         box-sizing: border-box;width: 100%;
         position: relative;
    }

    #sec03 .btn_list a:after{
    	content: "";
		display: block;
		width: 40px;
		height:10px;
		background:url("../img/arrow_w.svg") no-repeat;
		background-size:100% auto;
		border-right:none;
		border-bottom:none;
		position: absolute;
		top: 52%;
		left: 87%;
		transform:translate(0, -50%) rotate(0);
		transition: all 0.25s ease-out 0s;
    }

    #sec03 .btn_list a:hover:after{
    	left: 90%;
    }

    #sec03 .btn_list li{
    	width: 100%;
    	 background: #0096d7;
		margin:0 0 10px;
    	 position:relative;
    	 transition: all 0.5s cubic-bezier(0.13, 0.36, 0.22, 0.96) 0s;
    }

/* 20230804 LeTech Imai ADD Start */
    #sec03 .btn_list .nonanchor{
         display: block;
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.4rem;
		line-height:160%;
         color: #fff;
         letter-spacing: 0.1rem;
         padding: 12px 24px 14px;
         box-sizing: border-box;width: 100%;
         position: relative;
    }

	#sec03 .btn_list li.nolink:hover{
    	transform: translate(0,0);
    	box-shadow: 0 0 0 0 rgba(0,0,0,0.4);
    }

    #sec03 .btn_list li.nolink:hover:before{
    	width:0;
    }

    
/* 20230804 LeTech Imai ADD End */

	/* --------------------------------------------------------------
 	   section 04
	----------------------------------------------------------------- */

	#sec04{
		width: 100%;
		padding: 120px 0;
		background: url("/global/img/body_bg.jpg") no-repeat;
        background-position-x: center;
        background-position-y: -110px;
	}

	#sec04 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		line-height: 140%;
		font-size: 3.6rem;
		letter-spacing: 0.2rem;
		padding: 0 0 6px;
		color:#005293;
		border-bottom:1px solid #005293;
		margin:0 0 20px;
	}

	#sec04 .btn_list a{
         display: block;
         
         padding: 22px 50px 22px 222px;
         box-sizing: border-box;width: 100%;
         position: relative;
    }

	#sec04 .btn_list a h3{
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 600;
		font-size: 1.8rem;
         line-height:160%;
		letter-spacing: 0.1rem;
		color: #005293;
    }

	#sec04 .btn_list a time{
         display: block;
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.5rem;
         line-height: 100%;
         color: #fff;
         background: #005293;
		letter-spacing: 0.1rem;
         padding: 6px 30px 9px;
         position: absolute;
		top: 50%;
		left:50px;
		transform:translate(0, -50%);
    }

    #sec04 .btn_list a:after{
    	content: "";
		display: block;
		width: 40px;
		height:10px;
		background:url("../img/arrow_b.svg") no-repeat;
		background-size:100% auto;
		border-right:none;
		border-bottom:none;
		position: absolute;
		top: 52%;
		left: 92%;
		transform:translate(0, -50%) rotate(0);
		transition: all 0.25s ease-out 0s;
    }

    #sec04 .btn_list a:hover:after{
    	left: 94%;
    }

    #sec04 .btn_list li{
    	width: 100%;
    	 background: #eef0f3;
		margin:0 0 10px;
    	 position:relative;
    	 transition: all 0.5s cubic-bezier(0.13, 0.36, 0.22, 0.96) 0s;
    }

	#sec04 .btn_list li:before{
    	content: "";
		display: block;
		width: 0;
		height:100%;
		background:#ffffff;
		position: absolute;
		left:0;
		top:0;
		transition: all 0.25s cubic-bezier(0.13, 0.36, 0.22, 0.96) 0s;
    }

    #sec04 .btn_list li:hover{
    	transform: translate(-5px,-5px);
    	box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.4);
    }

    #sec04 .btn_list li:hover:before{
    	width: 100%;
    }

	
	
}