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

@media (min-width: 762px) {
    
    /* =========================================================================
 	sec_more_info
	===========================================================================*/
	
	#sec_more_info .wrapper{
		width: 66vw;
		padding: 30px 17vw 80px;
		background: #eff0f2;
	}

	#sec_more_info .f_btn_list li{
		width: 32%;
	}
    
	
    /* =========================================================================
 	common_top_ttl
	===========================================================================*/
    
    
	#main_ttl_wrap_top{
		width: 100%;
		height: 160px;
		position: relative;
		overflow: hidden;
		background-size: cover;
		background-color: #4679c2;
		margin: 0;
	}
	
	
	#main_ttl_wrap_top .txt_wrap_top h1{
		font-family: 'Noto Serif JP', sans-serif;
		font-weight: 500;
		font-size: 4.2rem;
		color: #fff;
		letter-spacing: 0.4rem;
		padding: 42px 0 0;
		position:absolute;
		margin: 0 0 0 140px;
	}
    
	/* ============================================================
 	main vi 
	==============================================================*/
    
    
    
	#main_ttl_wrap{
		width: 100%;
		height: calc(100vh - 258px);
		position: relative;
		overflow: hidden;
		background: url("../img/mv_bg.jpg") no-repeat center bottom;
		background-size: cover;
	}

	#main_ttl_wrap .txt_wrap{
		position: absolute;
		top: 40%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	
	#main_ttl_wrap .txt_wrap h1{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 4.8rem;
		color: #fff;
		text-align: center;
		letter-spacing: 0.4rem;
		white-space: nowrap;
		text-shadow: 1px 0 17px black;
	}
	#main_ttl_wrap span{
		display:inline-block;
		font-family: 'EB Garamond', serif;
		font-weight:200;
		font-size: 2.5rem;
		color: #fff;
		background-color:#000;
		text-align: center;
		padding: 10px 60px;
		margin:50px 0 0;
	}
	#main_ttl_wrap .txt_wrap span{
		display:block;
		font-weight: 500;
		font-size: 3.4rem;
		color: #fff;
		background:none;
		text-align: center;
		letter-spacing: 0.2rem;
		padding:0;
		margin: 0 0 -21px;
	}
	
	#main_wrap .txt_wrap p{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 1.5rem;
		text-align: center;
		color: #fff;
		letter-spacing: 0.1rem;
		white-space: nowrap;
		line-height: 200%;
	}

	
    
    
    /* ============================================================
 	common
	==============================================================*/
    
    h2.ttl{
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 3.8rem;
		letter-spacing:0.5rem;
		white-space: nowrap;
		padding: 10px 0 10px;
	}
	span.eng_txt{
		display:block;
		font-family: 'EB Garamond', serif;
		font-weight:200;
		font-size: 2.7rem;
		color: #000;
		letter-spacing: 0.4rem;
		opacity:0.5;
		text-indent: 3px;
	}
	
	p.body_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		line-height: 200%;
		width:620px;
		padding: 0 0 40px;
	}
    
    
	
	
	/* ============================================================
 	section 01
	==============================================================*/

	#sec01{
		width: 100%;
	}

	#sec01 p.body_txt{
		padding: 0 0 30px;
	}

	#sec01 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 3.2rem;
		color: #000;
		letter-spacing: 0.1rem;
		line-height: 155%;
		white-space: nowrap;
		margin: 70px 0 47px;
	}

	#sec01 .info_wrap{
		background-color:#f3f3f5;
		padding: 27px 36px;
		box-sizing:border-box;
	}

	#sec01 .info_wrap th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		width: 89px;
		text-align: left;
	}

	#sec01 .info_wrap td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.4rem;
		text-align: left;
	}
    
    #sec01 .txt_wrap{
		position: absolute;
		top: 7%;
		left:calc(50% - 200px);
		transform:translate(-50%, 0);
	}
	
	#sec01 ul.btn_list {
        display: flex;
    }
    
     #sec01 ul.btn_list li{
         margin: 0 30px 0 0;
     }
     
     #sec01 ul.btn_list a{
         display: block;
         border: 1px solid #DDE2E6;
         width: 300px;
         position: relative;
         transition: all 0.5s ease 0s;
     }
     
     #sec01 ul.btn_list a .img_box{
         width: 120px;
         line-height: 0;
     }
     
     #sec01 ul.btn_list a p{
         font-family: 'Noto Serif JP', serif;
         font-weight:200;
         font-size: 1.4rem;
         line-height: 140%;
         position: absolute;
         top: 49%;
         left: 138px;
         transform:translate(0, -50%);
     }

     #sec01 ul.btn_list a:hover{
     	color:#fff;
     	background:#000;
     }
	
    
    /* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		margin: 0 0 150px;
	}

	#sec02 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 2.4rem;
		color: #000;
		letter-spacing: 0.2rem;
		line-height: 155%;
		white-space: nowrap;
		margin: 70px 0 20px 507px;
	}
    
    #sec02 .txt_wrap{
		margin: 0 0 94px;
	}
    
    #sec02 .txt_wrap p{
    	width: 492px;
    	display: inline-block;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 300;
    	font-size: 1.4rem;
    	text-align: justify;
    }
	#sec02 .img_box_l{
		float:left;
		width: 450px;
		margin: -124px 57px 0 0;
	}
	#sec02 .img_box_r{
		float:right;
		width: 371px;
		margin: 13px 38px 0 0;
	}
    
    
	

   
    /* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		margin: 0 0 150px;
	}

	#sec03 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 2.4rem;
		color: #000;
		letter-spacing: 0.2rem;
		line-height: 155%;
		white-space: nowrap;
		margin: 70px 0 20px 336px;
	}
    
    #sec03 .txt_wrap{
		margin: 0 0 94px;
	}
    
    #sec03 .txt_wrap p{
    	width: 662px;
    	display: inline-block;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 300;
    	font-size: 1.4rem;
    	text-align: justify;
    }
    
    #sec03 .txt_wrap p span{
    	font-size:1.3rem;
    }
	#sec03 .img_box_l{
		float:left;
		width: 280px;
		margin: -87px 57px 0 0;
	}
	#sec03 .img_box_r{
		float:right;
		width: 280px;
		margin: 0 0 0 0;
	}
	#sec03 .txt_wrap .img_box_l p,
	#sec03 .txt_wrap .img_box_r p{
		margin: 8px 0 0;
		line-height: 144%;
	}
    

	/* ============================================================
 	sec_pafmac 
	==============================================================*/

    #sec_pafmac{
    	position:relative;
    	margin: 0 0 59px;
    }

	#sec_pafmac h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 3.4rem;
		color: #000;
		letter-spacing: 0.5rem;
		line-height: 142%;
		white-space: nowrap;
		margin: 0 0 2px;
	}
	#sec_pafmac h2 span{
		display:block;
		font-size:1.6rem;
		margin: 0 0 -15px;
		letter-spacing: 0.3rem;
		font-family: 'Noto Sans JP', sans-serif;
	}
	#sec_pafmac p{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.4rem;
		width: 671px;
		line-height: 150%;
		letter-spacing: 0.1rem;
	}
	#sec_pafmac .img_box_l{
		float:left;
		width: 300px;
		margin: 0 34px 0 0;
	}

	#sec_pafmac .right_box{
		background-color:#eff0f2;
		height: 182px;
		box-sizing: border-box;
		padding: 11px 20px;
	}

	#sec_pafmac .btn_wrap{
		position:absolute;
		right: 17px;
		top: 31px;
	}


	ul.btn_more{
		width: 260px;
		margin: 0 auto 9px;
		position: relative;
	}

	ul.btn_more a{
		display:block;
		box-sizing:border-box;
		background: #4679c2;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 100%;
		letter-spacing: 0.3rem;
		color: #fff;
		text-align: left;
		text-indent: -7px;
		padding: 16px 37px;
		position:relative;
		transition: all 0.5s ease 0s;
	}

	ul.btn_more a:before{
		content: "";
		display: block;
		width: 10px;
		height:10px;
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		position: absolute;
		top: 50%;
		right: 7%;
		transform:translate(-50%, -50%) rotate(-45deg);
	}

	ul.btn_more a:hover{
        background:#7c9cca;
	}

   
	

}