/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width: 761px){
	
	/* ============================================================
 	common
	==============================================================*/
 
	#main_p_wrap {
		width:100%;
		height: 720px;
		background: url("../img/main_bg_sp.jpg") no-repeat center;
		background-size:cover;
		overflow: hidden;
		position:relative;
	}

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

	#main_p_wrap .t_wrap{
		position: absolute;
		top: 59%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#main_p_wrap h1{
        font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
        font-weight: 600;
        font-size: 2.4rem;
        letter-spacing: 0.1rem;
        color:#fff;
        line-height: 100%;
        margin: 0 0 10px;
    }
    
    #main_p_wrap h1 span{
        display: inline-block;
        white-space:nowrap;
        padding: 0 20px 6px;
        margin: 0 0 18px;
        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.1rem;
        line-height: 120%;
        color:#fff;
        padding: 0 0 0 20px;
        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: 6px 0 0 -7px;
        line-height: 140%;
    }

	

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

	#sec01 .wrapper{
	padding: 0 7%;
	}

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


	#sec01 h2 span{
		display:block;
		white-space:nowrap;
	}

	
	#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:2px;
		padding: 30px 0 0;
	}


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

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

	#sec02 .wrapper{

	}

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

	#sec02 .img_box span{
		display:block;
	}

	#sec02 .txt_wrap{
		position: relative;
		padding: 30px 0 0;
	}
	
	#sec02 .icon_a{
		width: 33px;
		position:absolute;
		top: 40px;
		left:0;
	}

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

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


	/* ============================================================
 	section 03
	==============================================================*/
	

	#sec03{
		width: 100%;

		overflow:hidden;
		padding: 120px 0 0;
		position:relative;
	}

	#sec03 .wrapper{

	}

	#sec03 .img_box{
		line-height:0;
	}

	#sec03 .img_box span{
		display:block;
	}

	#sec03 .txt_wrap{
		position: relative;
		padding: 30px 0 0;
	}
	
	#sec03 .icon_a{
		width: 33px;
		position:absolute;
		top: 40px;
		left:0;
	}

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

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


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

	#sec04 .wrapper{

	}

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

	#sec04 .img_box span{
		display:block;
	}

	#sec04 .txt_wrap{
		position: relative;
		padding: 30px 0 0;
	}
	
	#sec04 .icon_a{
		width: 33px;
		position:absolute;
		top: 40px;
		left:0;
	}

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

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



	/* ============================================================
 	section 05
	==============================================================*/
	
	#sec05{
		width: 100%;
		background: #787878;
		background-size: auto 220px;
		overflow:hidden;
		padding: 30px 0 60px;
	}



	#sec05 .wrapper{
	}

	

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

	#sec05 h2 span:first-child{
		display:block;
		margin: 0 auto -23px;
		width: 70px;
	}

	#sec05 h2 span:last-child{
		display: block;
		font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, sans-serif;
		font-weight: 600;
		font-size: 1.6rem;
		border-right:2px solid #fff;
		border-left:2px solid #fff;
		letter-spacing: 4px;
		color:#fff;
		line-height: 100%;
		width: 60%;
		margin: -10px auto 0;
		padding:6px 16px 8px;
	}

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

	#sec05 li{
		color:#fff;
		margin: 0 0 40px;
		position:relative;
	}

	#sec05 li:before{
		content: "";
		display: block;
		width: 2px;
		height: calc(100% + 36px);
		background:#fff;
		position: absolute;
		top: 20px;
		left: 0;
	}

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

	#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.4rem;
		color: #787878;
		text-align:center;
		letter-spacing: 2px;
		line-height: 100%;
		padding: 7px 0;
		background: #fff;
		margin: 0 0 0 20px;
	}

	

	#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%;
		letter-spacing:2px;
		padding: 11px 0 0;
		margin: 0 0 0 22px;
	}

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


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

	#sec_off_time .wrapper{
		border:2px solid #000;
		padding: 56px 10% 40px;
		margin:0 6%;
		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.0rem;
		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%;
	}

	

	

	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width:413px) {
	
}