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

@media (min-width: 762px) {
	

    
	/* ============================================================
 	main vi 
	==============================================================*/
    
    
    
	#main_ttl_wrap{
		width: 100%;
		height: 533px;
		position: relative;
		overflow: hidden;
		background-size: cover;
    	text-align:center;
	}
	
	#main_ttl_wrap .txt_wrap h1{
		font-family: 'Noto Serif JP', sans-serif;
		font-weight: 500;
		font-size: 4.6rem;
		color: #000;
		text-align: center;
		letter-spacing: 0.4rem;
		padding: 160px 0 0;
	}
	
	#main_ttl_wrap .txt_wrap h1:after{
		content:"";
		display:block;
		position:absolute;
		bottom: -32px;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color:#fc8418;
		width: 92px;
		height: 7px;
	}

	#main_ttl_wrap span{
		display: block;
		font-family: 'Alata', sans-serif;
		font-weight:200;
		font-size: 2.4rem;
		color: #fff;
		margin: 0 0 6px;
		text-align: center;
	}
	
	#main_ttl_wrap .txt_wrap span{
		display:block;
		font-weight: 500;
		font-size: 3.0rem;
		font-family: 'Noto Serif JP', sans-serif;
		color: #000;
		background:none;
		text-align: center;
		letter-spacing: 0.2rem;
		padding:0;
		margin: 24px 0 -12px;
	}
	
	#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%;
	}

    #main_wrap .body_txt{
    	text-align:center;
    }
	
    
    
    /* ============================================================
 	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 Sans JP', serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 200%;
		width: 696px;
		padding: 0 0 40px;
		margin: 94px auto;
	}
    	
	
	/* ============================================================
 	section 01
	==============================================================*/

	#sec01{
		width: 100%;
		position:relative;
		padding: 80px 0 120px;
		background-color: #c8e6eb;
	}

	#sec01 .background-blue {
		position: relative;
		top: -55px;
		height: 576px;
		width: 44%;
		z-index: 2;
		background: rgba(0,190,255,0.75);
	}

	#sec01 .white_box{
		background-color:#fff;
		padding: 25px 70px 25px;
		margin: 0 0 74px;
	}

	#sec01 .white_box ul li{
		padding: 40px 0;
		border-bottom:1px solid #ccc;
	}

	#sec01 .white_box ul li:last-child{
		border:none;
	}

	#sec01 h2{
		position: relative;
		font-family: 'Noto Serif JP', sans-serif;
		margin: 0 0 16px;
		font-weight: 500;
		font-size: 2.8rem;
		text-align:center;
	}

	#sec01 .white_box ul li h3{
		position: relative;
		font-family: 'Noto Serif JP', sans-serif;
		margin: 0 0 16px 54px;
		font-weight: 500;
		font-size: 2.4rem;
	}

	#sec01 .white_box ul li h3:before{
		content: "";
		position: absolute;
		top: 19px;
		left: -54px;
		background: #fc8418;
		width: 32px;
		height: 7px;
	}

	#sec01 ul li p{
		font-size: 1.4rem;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 193%;
	}
	
	#sec01 ul li p span{
		display:block;
		font-size: 1.7rem;
		font-weight:500;
		margin: 28px 0 4px;
	}

	#sec01 .mini_ul{
		display:flex;
		margin: 14px 0 0;
		flex-wrap: wrap;
	}

	#sec01 .mini_ul li{
		border-bottom: none !important;
		font-size: 1.4rem;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 100%;
		padding: 10px 10px !important;
		background-color: #ebebeb;
		color: #000000;
		border-radius: 4px;
		margin: 0 22px 10px 0;
	}

	#sec01 .mini_ul li.nado{
		background:none;
		margin: 0 0 10px -10px;
	}

	#sec01 .wrap_box{
		margin:40px 0 0;
	}
    
    /* ========e_btn_list==========*/
		
	ul.e_btn_list {
		width: 750px;
		margin: 40px auto 80px;
		}
    
     ul.e_btn_list li{
     }
     
     ul.e_btn_list a{
         display: block;
         position: relative;
         transition: all 0.5s ease 0s;
     }
     
     ul.e_btn_list a p{
         transition: all 0.5s ease 0s;     	
     }
     
     ul.e_btn_list a .img_box{
         width: 100%;
         line-height: 0;
     }     
     
     ul.e_btn_list a .img_box img{
         width: 100%;
         line-height: 0;
         transition: all 0.5s ease 0s;
     }
     
     ul.e_btn_list a .icon_box{
     	position: absolute;
     	top: 40px;
     	right: 35px;
     }
     
     ul.e_btn_list a .icon_box img{
     	width: 30px;
     }

	.e_btn_list li a:hover .img_box img{
		opacity:0.5;
	}

	.btn_list li a:hover p{
        right: -15px;
	}

    .e_btn_list a h3{
         font-family: 'Noto Serif JP', sans-serif;
         font-weight: 400;
         font-size: 2.8rem;
         color: #ffffff;
         position: absolute;
         top: 20px;
         left: 50%;
         transform: translate(-50%, 0);
         transition: all 0.5s ease 0s;
    }
    
    .e_btn_list a p{
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.6rem;
         line-height: 140%;
         position: absolute;
         bottom: 11px;
         left: 50%;
         transform: translate(-50%, 0);
         color: #fff;
         padding: 14px 97px;
     }    
    
    
    
    

    #sec_more_info .f_btn_list li {
        width: 22%;
    }


}