@charset "UTF-8";
/* CSS Document */
/*********************************************タブレット・スマホ設定****************************************************/
@media screen and (min-width:0px) and (max-width:960px) {
	
	/*********************:::::タブレット・スマホ共通設定**************************/
	h3{
		font-size: clamp(16px,4.260416666666667vw,40.9px);
	}
	
	.hidari_yaji{
		width: 10.477083333333333vw;
		height: 10.415625vw;
		margin-top: 4.4375vw;
		margin-left: 26.770833333333333vw;
		margin-bottom: 3.333333333333333vw;
	}
	
		.migi_yaji{
		width: 10.477083333333333vw;
		height: 10.415625vw;
		margin-top: 4.4375vw;
		margin-left: 64.375vw;
		margin-bottom: 3.333333333333333vw;
	}

  /**********************h1************************/
  header #mv_sec h1 {
    position: absolute;
    font-size: 5.178571428571429vw;
    top: 31vw;
    left: 10.25vw;
    color: white;
	  line-height: 8vw;
	  letter-spacing: 1vw;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;  }


/*****************************sec_0***********************************/
h2{
	width: 58.635416666666667vw;
	height: 17.333333333333333vw;
	line-height: 6.65625vw;
	text-align: center;
	margin-top: 22.916666666666667vw;
	margin-left: 22.1875vw;
	font-size: 3.729166666666667vw;
}

#asiato{
	width: 10.860416666666667vw;
	height: 26.53125vw;
	margin-top: 5.3125vw;
	margin-left: 61.666666666666667vw;
}

/****************************sec_01******************************/
#suuji_1{
	width: 7.173958333333333vw;
	height: 13.395833333333333vw;
}

#sec_01 .flex_yoko h3{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 7.8125vw;
}

#sec_01 .flex_yoko{
	display: flex;
	margin-left: 12.1875vw;
}

#sec_01_img{
	width: 89.216666666666667vw;
	height: 51.25vw;
	margin-top: 2.916666666666667vw;
	margin-left: 5.3125vw;
}

#sec_01 p{
	width: 63.583333333333333vw;
	height: 17.714583333333333vw;
	font-size: 3.73125vw;
	line-height: 6.530208333333333vw;
	margin-top: 6.25vw;
	margin-left: 18.125vw;
}
/************************sec_02**********************************/
#suuji_2{
	width: 10.107291666666667vw;
	height: 13.544791666666667vw;
}

#sec_02 .flex_yoko h3{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 7.8125vw;
}

#sec_02 .flex_yoko{
	display: flex;
	margin-left: 12.1875vw;
}

#sec_02_img{
	width: 89.216666666666667vw;
	height: 51.25vw;
	margin-top: 2.916666666666667vw;
	margin-left: 5.3125vw;
}

#sec_02 p{
	width: 63.583333333333333vw;
	height: 17.714583333333333vw;
	font-size: 3.73125vw;
	line-height: 6.530208333333333vw;
	margin-top: 6.25vw;
	margin-left: 18.125vw;
}
/****************************sec_03******************************/
#suuji_3{
	width: 10.107291666666667vw;
	height: 13.544791666666667vw;
}

#sec_03 .flex_yoko h3{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 7.8125vw;
}

#sec_03 .flex_yoko{
	display: flex;
	margin-left: 12.1875vw;
}

#sec_03_img{
	width: 89.216666666666667vw;
	height: 51.25vw;
	margin-top: 2.916666666666667vw;
	margin-left: 5.3125vw;
}

#sec_03 p{
	width: 63.583333333333333vw;
	height: 17.714583333333333vw;
	font-size: 3.73125vw;
	line-height: 6.530208333333333vw;
	margin-top: 6.25vw;
	margin-left: 18.125vw;
}
	/***********************sec_04************************************/
#suuji_4{
	width: 10.107291666666667vw;
	height: 13.544791666666667vw;
}

#sec_04 .flex_yoko h3{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 7.8125vw;
}

#sec_04 .flex_yoko{
	display: flex;
	margin-left: 12.1875vw;
}

#sec_04_img{
	width: 89.216666666666667vw;
	height: 51.25vw;
	margin-top: 2.916666666666667vw;
	margin-left: 5.3125vw;
}

#sec_04 p{
	width: 63.583333333333333vw;
	height: 17.714583333333333vw;
	font-size: 3.73125vw;
	line-height: 6.530208333333333vw;
	margin-top: 6.25vw;
	margin-left: 18.125vw;
}
/**********************************sec_05******************************/
	#sec_05{
    margin-top: 40vw;
	}
	
	#kotira{
		font-size:  clamp(16px,6.390625vw,61px);
		color: #EE985E;
		text-align: center;
		margin-bottom: 11.354166666666667vw;
	}
	
	#dow_p{
		width: 65.541666666666667vw;
		height: 41.65625vw;
		line-height: 8.520833333333333vw;
		text-align: left;
		font-size: clamp(16px,4.260416666666667vw,40px);
		margin-left: 17.083333333333333vw;
		margin-bottom: 13.020833333333333vw;
	}
	
	#dow{
		position: absolute;
		font-size: clamp(16px,7.510416666666667vw,72px);
		font-weight: 500;
		margin-left: 33.958333333333333vw;
	}
	
	#sen_02{
		width: 60.427083333333333vw;
		height: 10.46875vw;
		text-align: center;
		margin-left:  18.958333333333333vw;
	}
	
	#ap_icon{
		width: 63.958333333333333vw;
		height: 63.958333333333333vw;
		margin-left: 19.916666666666667vw;
		margin-bottom: 10.291666666666667vw;
		margin-top: 10vw;
	}
	
	#go_ap{
		display: flex;
		flex-flow: column;
		text-align: center;
	}
	
	#google{
		width: 60.635416666666667vw;
		height: 17.53125vw;
		margin-bottom: 7.1875vw;
	}
	
	#apple{
		width:  49.489583333333333vw;
		height: 17.604166666666667vw;
	}
	
	#ap_sumaho{
		display: none;
	}
	/********************************footer*******************************************/
		footer{
		margin-top: 34vw;
	}

}

/******************************************PC版設定******************************************************/
@media screen and (min-width:961px) {
	
	/********************pc共通設定****************************/
	h3{
		font-size: 2.083333333333333vw;
	}
	
	#sec_01_img,#sec_02_img,#sec_03_img,#sec_04_img{
		width: 49.322916666666667vw;
		height: 28.333333333333333vw;
	}
	
	.flex_yoko{
		margin-bottom: 1vw;
	}
	
	#sec_02 .flex_yoko,#sec_04 .flex_yoko{
		margin-left: 36vw;
	}

	
	#sec_01_img,#sec_03_img{
		margin-left: 18.75vw;
	}
	
	#sec_02_img,#sec_04_img{
		margin-left: 31.979166666666667vw;
	}
	
	#suuji_2,#suuji_3,#suuji_4{
		width: 5.588020833333333vw;
		height: 7.484375vw;
	}
		
	#sec_01 p,#sec_03 p{
		width: 30.09375vw;
		height: 5.010416666666666vw;
		font-size: clamp(16px,1.041666666666667vw,20px);
		line-height: 2.822916666666667vw;
		margin-top: 2.447916666666667vw;
		margin-left: 19.166666666666667vw;
	}
	
	#sec_02 p,#sec_04 p{
		width: 30.09375vw;
		height: 5.010416666666666vw;
		font-size: clamp(16px,1.041666666666667vw,20px);
		line-height: 2.822916666666667vw;
		margin-top: 2.447916666666667vw;
		margin-left: 51.166666666666667vw;
		text-align: right;
	}
	
	    #sec_01 .flex_yoko h3,#sec_02 .flex_yoko h3,#sec_03 .flex_yoko h3,#sec_04 .flex_yoko h3 {
	 display: flex;
     justify-content: center;
     align-items: center;
     margin-left: 4.53125vw;
	}
	
	.hidari_yaji{
		width: 8.791666666666667vw;
		height: 8.739583333333334vw;
		margin-top: 4.927083333333333vw;
		margin-left: 22.447916666666667vw;
	}
	
	.migi_yaji{
		width: 8.791666666666667vw;
		height: 8.739583333333334vw;
		margin-top: 4.927083333333333vw;
		margin-left: 70.364583333333333vw;
	}
/********************mv****************************/
	header #mv_sec h1{
		left:  5.579167%;
	}
	
	h2{
		width: 28.614583333333333vw;
		height: 6.494791666666666vw;
		font-size: 1.5625vw;
		font-weight: 500;
		line-height: 2.083333333333333vw;
		margin-left: 49.270833333333333vw;
		margin-top: 4.479166666666667vw;
	}
	
	#asiato{
		display: none;
	}
	
	/******************::::::sec_01************************/
	#sec_01{
		margin-top: 3.4375vw;
	}
	
	#suuji_1{
		width:3.677083333333334vw;
		height: 7.40625vw;
	}
	
	.flex_yoko{
	 display: flex;
      margin-left: 20.989583333333333vw;
	}
	
	/*********************************sec_05*******************************/
	#sec_05{
		position: relative;
		width: 100%;
		height: 43.75vw; 
	}
	
	#sec_05 #kotira{
		margin-top: 10.020833333333334vw;
		/*margin-left: 25.520833333333333vw;*/
		font-size: 2.604166666666667vw;
		font-weight: 600;
		text-align: center;
		color:#EE985E;
		letter-spacing: 1.229166666666666vw;
	}
	
	#sec_05 #dow_p{
		width: 26.385416666666667vw;
		height: 8.458333333333333vw;
		font-size: clamp(14px,1.302083333333333vw,25px);
		line-height: 2.239583333333333vw;
		position: absolute;
		top: 7.370833333333333vw;
		left: 25.885416666666667vw;
	}
	
	#ap_icon{
		width: 11.135416666666667vw;
		height: 11.135416666666667vw;
		position: relative;
		top: 4vw;
		left: 54.270833333333333vw;
	}
	
	#sen_02{
		display:none;
	}
	
	#dow{
		display: none;
	}
	
	#ap_orange_back{
		width: 62.65625vw;
		height: 12.552083333333333vw;
		background-color: #FBC84A;
		border-radius: 20vw;
		position: absolute;
		top: 21.143946186120337vw;
		left: 18.59375vw;
	}
	
	#google{
		width: 16.145833333333333vw;
		height: 4.669270833333333vw;
		margin-top: 3.958333333333333vw;
		margin-right: 1.145833333333333vw;
		margin-left: 7.708333333333334vw;
	}
	
	#apple{
		width: 13.177083333333333vw;
		height: 4.6875vw;
		margin-top:3.958333333333333vw;
	}
	
	#ap_sumaho{
		width: 15.385416666666667vw;
		height: 21.927083333333333vw;
		position: absolute;
		top: -11vw;
		left: 44.21875vw;
	}
	
	/**********************************footer****************************/
	#footer_inuneko{
		top: 333vw;
	}

}