@charset "UTF-8";
/* CSS Document */

.h3{
	font-size: clamp(16px,2.083333333333333vw,40px);
	margin-top: 0.9375vw;
	margin-bottom: 1.197916666666667vw;
}

.h4{
	font-size: clamp(14px,1.041666666666667vw,20px);
	color: #A67C52;
}

.hidari{
	margin-left: 4.010416666666667vw;
}

.migi{
	margin-left: 4.010416666666667vw;
}



	
/*********************************************タブレット・スマホ設定****************************************************/
@media screen and (min-width:0px) and (max-width:960px) {
	/****************************タブレット・スマホ共通設定*************************/
		.h3{
		font-size: clamp(16px,5.322916666666667vw,51px);
	}

	.h4{
		width: 46.603125vw;
		height: 10.44375vw;
		font-size: clamp(14px,3.728125vw,35.79px);
		font-weight: 400;
		line-height: 6.390625vw;
	}
	
	.hidari_yaji{
		width: 10.645833333333333vw;
		height: 21.114583333333333vw;
	}
	
	.migi_yaji{
		width: 10.645833333333333vw;
		height: 21.114583333333333vw;

	}
  /**********************h1************************/
  h1 br {
    display: none;
  }
  header #mv_sec h1 {
    position: absolute;
    font-size: 5.178571428571429vw;
    top: 35vw;
    left: 14.25vw;
    color: white;
	letter-spacing: 1vw;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;  }
  /******************mv_gif**********************/
  #mv_gif {
    display: none;
  }
  #mv_gif_tb {
    top: 150vw;
    position: absolute;
    display: flex;
    justify-content: center;
    max-width: 100%;
    height: auto; /* アスペクト比を維持 */
  }
  /******************sec_01**********************/
	main h2{
		font-size: 3.728364583333333vw;
		width: 58.588541666666667vw;
		height: 17.052083333333333vw;
		line-height: 6.657291666666666vw;
		margin-top: 22.8125vw;
		margin-left: 20.625vw;
		text-align: center;
	}
	
	#asiato{
		width: 23.851041666666667vw;
		height: 26.509375vw;
		position: absolute;
        top: 225vw;
        left: 53vw;
	}
	
		#sec_01{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_01{
		position: absolute;
		top:32.510416666666667vw;
		left: 5.51875vw;
		width: 89.141666666666667vw;
		height: 69.655208333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_1{
		margin-top:-7vw;
	    width: 6.647916666666667vw;
		height: 13.385416666666667vw;
		margin-left: 6.041666666666667vw;
		margin-bottom: 4.0625vw;
	}
	
	#sec_01 .h3{
		margin-bottom: 2.208333333333334vw;
	}
	
	 #sec_01 .img_3{
		width: 81.6375vw;
		height:28.95625vw;
		margin-top: 5.4375vw;
		margin-left: 3.57916666666667vw;
	}
	
	#asiato{
		position: absolute;
		top: 6.395833333333333vw;
		right: 15.15625vw;
		width: 18.968229166666667vw;
		height: 22.15625vw;
	}
	
	#hasiru{
		width: 35.5625vw;
		height:9.375vw;
        margin-left: 39.46875vw;
        margin-top: 127.15625vw;	
	}

	
	/**************************sec_02**********************************/
	.hidari_yaji{
		margin-left: 18.229166666666667vw;
        top: 17vw;
        position: absolute;
	}
	
		#sec_02{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_02{
		position: absolute;
		top:110.510416666666667vw;
		left: 5.51875vw;
		width: 89.141666666666667vw;
		height: 69.655208333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_2{
		margin-top:-7vw;
	    width: 10.098958333333333vw;
		height: 13.53125vw;
		margin-left: 68.041666666666667vw;
		margin-bottom: 4.0625vw;
	}
	
	#sec_02 .h3{
		margin-bottom: 2.208333333333334vw;
	}
	
	#sec_02 .img_3{
		width: 81.6375vw;
		height:28.95625vw;
		margin-top: 5.4375vw;
		margin-left: 3.57916666666667vw;
	}
	
	#sec_02 .hidari_yaji{
		top: 79vw;
	}
	
	#neko_ball{
		width: 22.095833333333333vw;
		height: 12.895833333333333vw;
        margin-left: 37.46875vw;
        margin-top: 202.15625vw;	
	}
	
	  /******************sec_03**********************/
		#sec_03 .migi_yaji{
		margin-left: 18.229166666666667vw;
        top: -30vw;
        left: 43vw;       
		position: absolute;
	}

		#sec_03{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_03{
		position: absolute;
		top:187.510416666666667vw;
		left: 5.51875vw;
		width: 89.141666666666667vw;
		height: 69.655208333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_3{
		margin-top:-7vw;
	    width: 10.098958333333333vw;
		height: 13.53125vw;
		margin-left: 8.041666666666667vw;
		margin-bottom: 4.0625vw;
	}
	
	#sec_03 h4{
		width: 63.603125vw;
	}
	
	#sec_03 .h3{
		margin-bottom: 2.208333333333334vw;
	}
	
	#sec_03 .img_3{
		width: 81.6375vw;
		height:28.95625vw;
		margin-top: 5.4375vw;
		margin-left: 3.57916666666667vw;
	}
	
	#sec_03 .migi_yaji{
	position: absolute;
    top: 160vw;
		left: 56vw;
	}
	
	#inu_hone{
		width: 24.8125vw;
		height: 12.9375vw;
		margin-left: 38.46875vw;
		margin-top: 282.15625vw;
	}

		/**************************sec_04**********************************/
		#sec_04{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_04{
		position: absolute;
		top:266.510416666666667vw;
		left: 5.51875vw;
		width: 89.141666666666667vw;
		height: 69.655208333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_4{
		margin-top:-7vw;
	    width: 10.098958333333333vw;
		height: 13.53125vw;
		margin-left: 68.041666666666667vw;
		margin-bottom: 4.0625vw;
	}
	
	#sec_04 .h3{
		margin-bottom: 2.208333333333334vw;
	}
	
	#sec_04 .h4{
		width: 75.603125vw;
	}
	
	#sec_04 .img_3{
		width: 81.6375vw;
		height:28.95625vw;
		margin-top: 5.4375vw;
		margin-left: 3.57916666666667vw;
	}
	
	#sec_04 .hidari_yaji{
		margin-top: 220vw;
	}
	
	
	#inu_neko_ne{
        width: 28.095833vw;
        height: 9.895833vw;
        margin-left: 35.46875vw;
        margin-top: 367.15625vw;	}
	
	  /******************sec_05**********************/
	
		#sec_05{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_05{
		position: absolute;
		top:347.510416666666667vw;
		left: 5.51875vw;
		width: 89.141666666666667vw;
		height: 69.655208333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_5{
		margin-top:-7vw;
	    width: 10.098958333333333vw;
		height: 13.53125vw;
		margin-left: 8.041666666666667vw;
		margin-bottom: 4.0625vw;
	}
	
	#sec_05 h4{
		width: 63.603125vw;
	}
	
	#sec_05 h4 span{
		display: none;
	}
	
	#sec_05 .h3{
		margin-bottom: 2.208333333333334vw;
	}
	
	#sec_05 .img_3{
		width: 81.6375vw;
		height:28.95625vw;
		margin-top: 5.4375vw;
		margin-left: 3.57916666666667vw;
	}
	
	#sec_05 .migi_yaji{
		position: absolute;
	top: 315vw;
    left: 76vw;
	}
	
	#inu_neko_tobu{
		width: 27.916666666666667vw;
		height: 20.830208333333333vw;
        margin-left: 36.46875vw;
        margin-top: 439.15625vw;
	}

			/**************************sec_06**********************************/
	#sec_06{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_06{
		position: absolute;
        top: 432.510417vw;
        left: 5.51875vw;		
		width: 89.141666666666667vw;
		height: 69.655208333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_6{
		margin-top:-7vw;
	    width: 10.098958333333333vw;
		height: 13.53125vw;
		margin-left: 68.041666666666667vw;
		margin-bottom: 4.0625vw;
	}
	
	#sec_06 .h3{
		margin-bottom: 2.208333333333334vw;
	}
	
	#sec_06 br{
		display: none;
	}
	
	#sec_06 .h4{
		width: 60vw;
	}
	
	#sec_06 .img_3{
		width: 81.6375vw;
		height:28.95625vw;
		margin-top: 5.4375vw;
		margin-left: 3.57916666666667vw;
	}
	
	#sec_06 .hidari_yaji{
		position: absolute;
    top: 400vw;
    left: 0vw;
	}
	
	/********************************sec_07*****************************/
	#sec_07{
		position: absolute;
    top: 900vw;
	}
	
	#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{
		position: relative;
		width: 100vw;
		height: 229.78125vw;
		background-image: url("../images/home/sec_05/tb_sp/footer_back_tb_sp@2x.png");
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 735vw;
	}
	
	

	}

/******************************************PC版設定***********************************************/
@media screen and (min-width:961px) {

	/********************:h1**********************/
header #mv_sec h1 {
  writing-mode: vertical-rl;
  position: absolute;
  top: 17vw;
  left: 8.57916666666%;
  font-size: 3.125vw;
  line-height: 1.5;
  color: #754C24;
  letter-spacing: 0.2em;
}
/******:::::::::*****h2***********************/
	main h2{
		/*position: relative;
		top: 5vw;
        left: 52.03125vw;*/
		width: 28.614583333333333vw;
		height: 6.494791666666666vw;
		margin-top: 5vw;
        margin-left: 52.03125vw;
		font-size: 1.5625vw;
		font-weight:500;
		line-height: 2.083333333333333vw;
		text-align: center;
	}
/***************************sec_01******************************/
	#sec_01{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_01{
		position: absolute;
		top:6.510416666666667vw;
		left: 14.21875vw;
		width: 49.322916666666667vw;
		height: 28.333333333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_1{
		margin-top:-4vw;
	    width: 3.678125vw;
		height: 7.40625vw;
		margin-left: 6.041666666666667vw;
	}
	
	.img_3{
		width: 36.5625vw;
		height:12.96875vw;
		margin-top: 3.4375vw;
		margin-left: 6.197916666666667vw;
	}
	
	#asiato{
		position: absolute;
		top: 2.395833333333333vw;
		right: 15.15625vw;
		width: 18.968229166666667vw;
		height: 22.15625vw;
	}
	
	#hasiru{
		width: 19.598958333333333vw;
		height: 5.625vw;
		margin-left: 70.46875vw;
		margin-top: 25.15625vw;
	}
	
	/***************************sec_02******************************/
	#sec_02{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}

	#or_back_02{
		position: absolute;
		top:6.55416666666666vw;
		left: 36.875vw;
		width: 49.322916666666667vw;
		height: 28.333333333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
		#suuji_2{
		margin-top:-4vw;
	    width: 5.583333333333333vw;
		height: 7.484375vw;
		margin-left: 37.34375vw;
	}
	
	.img_3{
		width: 36.5625vw;
		height:12.96875vw;
		margin-top: 3.4375vw;
		margin-left: 6.197916666666667vw;
	}
	
	#asiato{
		position: absolute;
		top: 2.395833333333333vw;
		right: 15.15625vw;
		width: 18.968229166666667vw;
		height: 22.15625vw;
	}
	
	#hasiru{
		width: 19.598958333333333vw;
		height: 5.625vw;
		margin-left: 70.46875vw;
		margin-top: 25.15625vw;
	}
	
	.hidari_yaji{
		position: absolute;
		width: 9.552083333333333vw;
		height: 9.494791666666667vw;
		top: 5.854166666666667vw;
		left: 24.583333333333333vw;
	}
	
	#neko_ball{
		width: 12.2328125vw;
		height: 7.4390625vw;
		margin-top: 21.145833333333333vw;
		margin-left: 18.59375vw;
	}
/****************************************sec_03***************************************/
		#sec_03{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_03{
		position: absolute;
		top:6.510416666666667vw;
		left: 14.21875vw;
		width: 49.322916666666667vw;
		height: 28.333333333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_3{
		margin-top:-4vw;
	    width: 5.583333333333333vw;
		height: 7.484375vw;
		margin-left: 6.041666666666667vw;
	}
	
	.img_3{
		width: 36.5625vw;
		height:12.96875vw;
		margin-top: 3.4375vw;
		margin-left: 6.197916666666667vw;
	}	
	
		.migi_yaji{
		position: absolute;
		width: 9.552083333333333vw;
		height: 9.494791666666667vw;
		top: 0.854166666666667vw;
		left: 52.583333333333333vw;
	}
	
	#inu_hone{
		position: absolute;
		width: 13.020833333333333vw;
		height: 7.916666666666666vw;
        top: 23vw;
        margin-left: 70.229167vw;		
	}
/*****************************sec_04*********************************************/
	#sec_04{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}

	#or_back_04{
		position: absolute;
		top:6.55416666666666vw;
		left: 36.875vw;
		width: 49.322916666666667vw;
		height: 28.333333333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#sec_04 h4{
		line-height: 2.083333333333333vw;
	}
	
		#suuji_4{
		margin-top:-4vw;
	    width: 5.583333333333333vw;
		height: 7.484375vw;
		margin-left: 37.34375vw;
	}
	
	#sec_04 .img_3{
		width: 36.5625vw;
		height:12.96875vw;
		margin-top: 1.2375vw;
		margin-left: 6.197916666666667vw;
	}
	
	
	.hidari_yaji{
		position: absolute;
		width: 9.552083333333333vw;
		height: 9.494791666666667vw;
		top: 5.854166666666667vw;
		left: 24.583333333333333vw;
	}
	
	#inu_neko_ne{
		position: absolute;
		top: 24.375vw;
		left: 16.40625vw;
		width: 14.894270833333333vw;
		height: 5.265625vw;
	}
	/*********************************sec_05**************************************/
			#sec_05{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}
	
	#or_back_05{
		position: absolute;
		top:6.510416666666667vw;
		left: 14.21875vw;
		width: 49.322916666666667vw;
		height: 28.333333333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#suuji_5{
		margin-top:-4vw;
	    width: 5.583333333333333vw;
		height: 7.484375vw;
		margin-left: 6.041666666666667vw;
	}
	
	#sec_05 h4{
		line-height: 2.083333333333333vw;

	}
	
	.img_3{
		width: 36.5625vw;
		height:12.96875vw;
		margin-top: 1.4375vw;
		margin-left: 6.197916666666667vw;
	}	
	
		.migi_yaji{
		position: absolute;
		width: 9.552083333333333vw;
		height: 9.494791666666667vw;
		top: 6.854167vw;
        left: 70.583333vw;
	}
	
	#inu_neko_tobu{
		position: absolute;
		width: 13.015625vw;
		height: 9.708333333333333vw;
        top: 21vw;
        margin-left: 70.229167vw;
	}
/**********************************sec_06*****************************************/
		#sec_06{
		width:100vw;
		height:  32.046875vw;
		position: relative;
	}

	#or_back_06{
		position: absolute;
		top:6.55416666666666vw;
		left: 36.875vw;
		width: 49.322916666666667vw;
		height: 28.333333333333333vw;
		background-color: #FFCDA8;
		border-radius: 4.166666666666666vw;
	}
	
	#sec_06 h4{
		line-height: 2.083333333333333vw;
	}
	
	.sec_06_ai{
		display: none;
	}
	
		#suuji_6{
		margin-top:-4vw;
	    width: 5.583333333333333vw;
		height: 7.484375vw;
		margin-left: 37.34375vw;
	}
	
	#sec_06 .img_3{
		width: 36.5625vw;
		height:12.96875vw;
		margin-top: 1.2375vw;
		margin-left: 6.197916666666667vw;
	}
	
	
	.hidari_yaji{
		position: absolute;
		width: 9.552083333333333vw;
		height: 9.494791666666667vw;
		top: 5.854166666666667vw;
		left: 24.583333333333333vw;
	}
	
		/***************************sec_07**********************************/
	#sec_07{
		position: relative;
		width: 100%;
		height: 43.75vw; 
	}
	
	#sec_07 #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_07 #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: 303vw;
	}
}