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

@media (min-width: 762px) {
	
    
    /* ==============================================================
     *
     * common
     *
     * ============================================================== */
    
    #sec_main_wrap:before{
		content: "";
        display: block;
        width: 100%;
        height: 300px;
        background:url("../../../img/main_bg2.png") no-repeat top center;
        position: absolute;
        top: 0;
        left: 50%;
        transform:translate(-50%, 0);
	}

	#sec_main_wrap{
		width:100%;
		height: 300px;
		margin: 100px 0 0;
		position: relative;
	}

	#sec_main_wrap .bg_grade{
		width: 64vw;
		height: 228px;
		background: url("/img/bg_c2.png") repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: 0;
		right:0;
		z-index: -1;
	}

	#sec_main_wrap #copy_box{
		position: absolute;
		top: 54%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 1000px;
	}


	
    

    
	/* ==============================================================
     *
     * philosophy_c
     *
     * ============================================================== */
     
     .philosophy_c{
         background: url("/global/img/body_bg.jpg") no-repeat;
         background-position-x: center;
         background-position-y: 188px;
     }

     .box01{
		width: 290px;
		position:absolute;
		left: -90px;
		top: 250px;
     }
    
     .box02{
		width:230px;
		position:absolute;
		right:-20px;
		top: 180px;
     }
		
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
	
	
	#sec01{
		width: 100%;
		padding: 60px 0 100px;
		position:relative;
	}

	#sec01 .wrapper{
		width:780px;
	}
	
	#sec01 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 1px;
		color:#005292;
		padding:30px 0 10px;
	}

	#sec01 .img_box{
		width:640px;
	}


	#sec01 .ttl_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		letter-spacing: 3px;
		color:#005292;
		padding:0 0 10px;
		margin:60px 0 30px;
		border-bottom:1px solid #005292;

	}


	#sec01 .body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 2px;
	}

	/* --------------------------------------------------------------
 	   xj
	----------------------------------------------------------------- */
	

    .is-governance-link a{
    	display:inline-block;
    	font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 2px;
		color:#fff;
		margin:20px 0 0;
		padding:10px 20px 10px 40px;
		background:#0096d7;
		border-radius:40px;
		position:relative;
		transition: all 0.5s cubic-bezier(0, 0, 0.22, 0.99) 0s;
    }

    .is-governance-link a:before{
		content: "";
		display: block;
		width: 6px;
		height:6px;
		border-right:solid 1px #fff;
		border-bottom:solid 1px #fff;
		position: absolute;
		top: 50%;
		left: 20px;
		transform:translate(0, -50%) rotate(-45deg);
		
	}


	.is-governance-link a span.u-ir-icon-pdf{
    	display:inline-block;
    	background: url("/global/img/pdf_pc.png") no-repeat 10px 2px;
    	background-size:18px auto;
    	padding: 0 0 0 33px;
    	font-size:1.2rem;
    }

    .is-governance-link a:hover{
    	transform: translate(-5px,-5px);
    	box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.4);
    }
	
	

}



