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

@media (min-width: 762px) {
	
	
	/* ============================================================
 	common
	==============================================================*/
 
	#main_p_wrap {
		width:100%;
		height: 618px;
		background: url("../img/main_bg_pc.jpg") no-repeat center 68px;
		background-size:cover;
		overflow: hidden;
		position:relative;
	}

	#main_p_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url("../../img/mv_black.png") no-repeat center 68px;
		position: absolute;
		left: 0;
		top: 0;
	}
	

	#main_p_wrap .t_wrap{
		position: absolute;
		top: 55%;
		right: 52%;
		transform:translate(0, -50%);
	}

	#main_p_wrap h1{
        font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
        font-size: 4.0rem;
        letter-spacing:0.2rem;
        color:#fff;
        line-height: 100%;
        margin: 0 0 22px;
    }
    
    #main_p_wrap h1 span{
        display: inline-block;
        white-space:nowrap;
        padding: 0 20px 6px;
        margin: 0 0 28px;
        position: relative;
    }
    
    #main_p_wrap h1 span:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #000;
		position: absolute;
		right: 0;
		top: 0;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	#main_p_wrap h1 span.mask_act:before {
		width: 0;
	}
    
    #main_p_wrap p{
        font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
        font-weight: 600;
        font-size: 2.6rem;
        letter-spacing: 0.2rem;
        color:#fff;
        padding: 0 0 0 24px;
        margin: 0 0 0 26px;
        border-left:2px solid #fff;
    }
    
   
    
    #main_p_wrap p span{
        font-size: 1.4rem;
        display:block;
    }

    #main_p_wrap p span.s2{
        display:block;
        margin:0 0 0 -7px;
    }


	

	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		background: #000;
		padding: 20px 0;
	}



	#sec01 .wrapper{
		display: flex;
        justify-content:space-between;
	}

	#sec01 h2{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		letter-spacing: 4px;
		color:#fff;
		text-align: center;
		width: 260px;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		margin: 0 20px 0 0;
		line-height: 160%;
		position:relative;
	}


	#sec01 h2 span{
		display:block;
		white-space:nowrap;
		position: absolute;
		top: 48%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	
	#sec01 p{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		color: #fff;
		line-height: 200%;
		letter-spacing: 0rem;
		width: 710px;
		padding: 10px 0;
	}


	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		overflow:hidden;
		padding: 0 0 430px;
		position:relative;
	}

	#sec02:after{
		content: "";
		display: block;
		width: 100%;
		height:350px;
		background: url("../img/bg.jpg") no-repeat center top;
		background-size:cover;
		position: absolute;
		left: 0;
		bottom:0;
	}

	#sec02 .wrapper{

	}

	#sec02 .img_box{
		width: 490px;
		line-height:0;
	}

	#sec02 .img_box span{
		display:block;
	}

	#sec02 .txt_wrap{
		width: 464px;
		position:absolute;
		top: 50%;
		left: 54%;
		transform:translate(0, -50%);
	}
	
	#sec02 .icon_a{
		width:48px;
		position:absolute;
		top: 13px;
		left:0;
	}

	#sec02 h2{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		line-height: 200%;
		padding: 0 0 22px 76px;
	}

	
	#sec02 p{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 220%;
		letter-spacing:2px;
	}


	/* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		width: 100%;
		overflow:hidden;
		padding: 60px 0 0;
		position:relative;
	}

	#sec03 .wrapper{

	}

	#sec03 .img_box{
		width: 490px;
		line-height:0;
		margin: 0 0 0 510px;
	}

	#sec03 .img_box span{
		display:block;
	}

	#sec03 .txt_wrap{
		width:440px;
		position:absolute;
		top: 50%;
		right: 55%;
		transform:translate(0, -50%);
	}
	
	#sec03 .icon_a{
		width:48px;
		position:absolute;
		top: 13px;
		left:0;
	}

	#sec03 h2{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		line-height: 200%;
		padding: 0 0 22px 76px;
	}

	
	#sec03 p{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 220%;
		letter-spacing:2px;
	}


	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: 100%;
		overflow:hidden;
		padding: 60px 0 0;
		position:relative;
	}

	#sec04 .wrapper{

	}

	#sec04 .img_box{
		width: 490px;
		line-height:0;
	}

	#sec04 .img_box span{
		display:block;
	}

	#sec04 .txt_wrap{
		width:440px;
		position:absolute;
		top: 50%;
		left: 57%;
		transform:translate(0, -50%);
	}
	
	#sec04 .icon_a{
		width:48px;
		position:absolute;
		top: 13px;
		left:0;
	}

	#sec04 h2{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		line-height: 200%;
		padding: 0 0 22px 76px;
	}

	
	#sec04 p{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 220%;
		letter-spacing:2px;
	}



	/* ============================================================
 	section 05
	==============================================================*/
	
	#sec05{
		width: 100%;
		background:#cccccc;
	}

	#sec05 .wrapper{
		background:#787878;
		padding: 40px 77px;
		box-sizing: border-box;
	}

	

	#sec05 h2{
		width: 500px;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 3.7rem;
		letter-spacing: 3px;
		color:#fff;
		line-height: 200%;
		margin:0 auto;
		padding: 8px 16px 10px 57px;
		position:relative;
	}

	#sec05 h2 span:first-child{
		display:block;
		width:40px;
		position:absolute;
		top: 50%;
		left:0;
		transform:translate(0, -50%);
	}

	#sec05 h2 span:last-child{
		display:inline-block;
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 1.9rem;
		border-right:2px solid #fff;
		border-left:2px solid #fff;
		letter-spacing: 0.2rem;
		color:#fff;
		line-height: 100%;
		padding:6px 16px 8px;
		position:absolute;
		top: 50%;
		right:0;
		transform:translate(0, -50%);
	}

	#sec05 ul{
		margin: 20px 0 0;
	}

	#sec05 li{
		color:#fff;
		margin: 0 0 25px;
		position:relative;
		display: flex;
		justify-content:space-between;
	}

	#sec05 li:before{
		content: "";
		display: block;
		width: 2px;
		height: 132%;
		background:#fff;
		position: absolute;
		top: 20px;
		left: 217px;
	}

	#sec05 li:after{
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background:#fff;
		position: absolute;
		top: 14px;
		left: 213px;
	}

	#sec05 li:last-child:before{
		height:0;
	}

	#sec05 h3{
		width: 180px;
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		color: #787878;
		text-align:center;
		letter-spacing: 0.2rem;
		line-height: 100%;
		padding: 6px 0;
		position: absolute;
		left: 0;
		top: 6px;
		background: #fff;
	}

	

	#sec05 p{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 140%;
		text-align: left !important;
		letter-spacing:2px;
		padding: 11px 0 0;
		margin: 0 0 0 249px;
		width: 600px;
	}

	#sec05 p span{
		display: block;
		font-size: 1.6rem;
		font-weight: 600;
		padding: 0 0 8px 0;
	}




	/* ============================================================
 	sec_off_time
	==============================================================*/
	
	#sec_off_time{
		width: 100%;
		padding: 80px 0;
	}

	#sec_off_time .wrapper{
		border:2px solid #000;
		padding: 56px 70px 40px;
		box-sizing: border-box;
	}

	#sec_off_time .wrapper:before{
		content: "";
		display: block;
		width: 2px;
		height: 32px;
		background:#000;
		position: absolute;
		top: -2px;
		left: calc(50% - 115px);
		z-index: 20;
		transform:translate(-50%, -50%) rotate(-35deg);
	}

	#sec_off_time .wrapper:after{
		content: "";
		display: block;
		width: 2px;
		height: 32px;
		background:#000;
		position: absolute;
		top: -2px;
		right: calc(50% - 117px);
		z-index: 20;
		transform:translate(-50%, -50%) rotate(35deg);
	}


	#sec_off_time h2{
		width: 230px;
		background: #fff;
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		color: #000;
		text-align:center;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 10;
		transform:translate(-50%, -50%);
	}


	#sec_off_time h3{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 2.4rem;
		text-align:center;
		padding: 0 0 20px;
	}

	#sec_off_time p{
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 200%;
	}
	
}