@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
.impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}


/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1002px;
	
  	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:16px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #403e3e;
}

/*ヘッダー*/
#header1 { background: url("../images/header_01.jpg") no-repeat top center; height:    97px; } 
header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
}
.container2 {
	text-align:right;
	width:1000px;
	margin:0 auto;	
}

/*ヘッダーPC*/
#header2 { background: url("../images/header_pc.jpg") no-repeat top center; height:    97px; } 
.container3 {
	text-align:right;
	width:1300px;
	margin:0 auto;	
}

/*ファーストビュー*/
#ftv1 { background: url("../images/ftv_01.jpg") no-repeat top center; height:    529px;} 
#ftv2 { background: url("../images/ftv_02.jpg") no-repeat top center; height:    386px;} 
#ftv3 { background: url("../images/ftv_03.jpg") no-repeat top center; height:    301px;} 
#ftv4 { background: url("../images/ftv_04.jpg") no-repeat top center; height:    598px;} 

/*ファーストビューPC*/
#ftv6 { background: url("../images/ftv-pc_01.jpg") no-repeat top center; height:    315px;} 
#ftv7 { background: url("../images/ftv-pc_02.jpg") no-repeat top center; height:    283px;} 
#ftv8 { background: url("../images/ftv-pc_03.jpg") no-repeat top center; height:    302px;} 

.pc { display: none !important; }
.sp { display: block !important; }
img { max-width: 100%; }


@media screen and (min-width:768px){
.pc { display: block !important; }
.sp { display: none !important; width: 100%; }
}

.container {
	text-align:center;
	width:1000px;
	margin:0 auto;	
}

.overlay {
	background: rgba(0,0,0,.6);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    transition: .3s;
    width: 100%;
    z-index: 10;
	display: none;
 
}
.overlay.active {
	display: block;
}
.popup {
  background-color: #fff;  
  left: 50%;
  margin: auto;
  padding: 8px;
  position: fixed;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: 50%;
  z-index: 10;
}

@media screen and (max-width: 768px){
.popup {
    background-color: #fff;
    margin: auto;
    padding: 8px;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
	transform: unset !important;
}
}

/*sec01*/
#sp1 { background: url("../images/sp_01.jpg") no-repeat top center; height:    479px;} 
#sp2 { background: url("../images/sp_02.jpg") no-repeat top center; height:    427px;} 
#sp3 { background: url("../images/sp_03.jpg") no-repeat top center; height:    547px;} 
#sp4 { background: url("../images/sp_04.jpg") no-repeat top center; height:    632px;} 
#sp5 { background: url("../images/sp_05.jpg") no-repeat top center; height:    532px;} 
#sp6 { background: url("../images/sp_06.jpg") no-repeat top center; height:    728px;} 
#sp7 { background: url("../images/sp_07.jpg") no-repeat top center; height:    560px;} 
#sp8 { background: url("../images/sp_08.jpg") no-repeat top center; height:    368px;} 
#sp9 { background: url("../images/sp_09.jpg") no-repeat top center; height:    618px;} 
#sp10 { background: url("../images/sp_10.jpg") no-repeat top center; height:    771px;} 
#sp11 { background: url("../images/sp_11.jpg") no-repeat top center; height:    562px;} 
#sp12 { background: url("../images/sp_12.jpg") no-repeat top center; height:    738px;} 
#sp13 { background: url("../images/sp_13.jpg") no-repeat top center; height:    943px;} 

#pc1 { background: url("../images/pc_01.jpg") no-repeat top center; height:    393px;} 
#pc2 { background: url("../images/pc_02.jpg") no-repeat top center; height:    460px;} 
#pc3 { background: url("../images/pc_03.jpg") no-repeat top center; height:    453px;} 
#pc4 { background: url("../images/pc_04.jpg") no-repeat top center; height:    642px;}
#pc5 { background: url("../images/pc_05.jpg") no-repeat top center; height:    469px;} 
#pc6 { background: url("../images/pc_06.jpg") no-repeat top center; height:    541px;} 
#pc7 { background: url("../images/pc_07.jpg") no-repeat top center; height:    1081px;} 
#pc8 { background: url("../images/pc_08.jpg") no-repeat top center; height:    466px;}
#pc9 { background: url("../images/pc_09.jpg") no-repeat top center; height:    725px;} 
#pc10 { background: url("../images/pc_10.jpg") no-repeat top center; height:    876px;} 
#pc11 { background: url("../images/pc_11.jpg") no-repeat top center; height:    609px;} 
#pc12 { background: url("../images/pc_12.jpg") no-repeat top center; height:    709px;}
#pc13 { background: url("../images/pc_13.jpg") no-repeat top center; height:    341px;} 

/*sec02*/
#sp2-1 { background: url("../images/sp2_01.jpg") no-repeat top center; height:    432px;} 
#sp2-2 { background: url("../images/sp2_02.jpg") no-repeat top center; height:    520px;} 
#sp2-3 { background: url("../images/sp2_03.jpg") no-repeat top center; height:    425px;} 
#sp2-4 { background: url("../images/sp2_04.jpg") no-repeat top center; height:    454px;} 
#sp2-5 { background: url("../images/sp2_05.jpg") no-repeat top center; height:    805px;} 
#sp2-6 { background: url("../images/sp2_06.jpg") no-repeat top center; height:    588px;} 
#sp2-7 { background: url("../images/sp2_07.jpg") no-repeat top center; height:    856px;} 
#sp2-8 { background: url("../images/sp2_08.jpg") no-repeat top center; height:    603px;} 
#sp2-9 { background: url("../images/sp2_09.jpg") no-repeat top center; height:    865px;} 
#sp2-10 { background: url("../images/sp2_10.jpg") no-repeat top center; height:    687px;} 
#sp2-11 { background: url("../images/sp2_11.jpg") no-repeat top center; height:    967px;} 
#sp2-12 { background: url("../images/sp2_12.jpg") no-repeat top center; height:    739px;} 


#pc2-1 { background: url("../images/pc2_01.jpg") no-repeat top center; height:    699px;} 
#pc2-2 { background: url("../images/pc2_02.jpg") no-repeat top center; height:    414px;}
#pc2-3 { background: url("../images/pc2_03.jpg") no-repeat top center; height:    1000px;} 
#pc2-4 { background: url("../images/pc2_04.jpg") no-repeat top center; height:    981px;}
#pc2-5 { background: url("../images/pc2_05.jpg") no-repeat top center; height:    1161px;} 
#pc2-6 { background: url("../images/pc2_06.jpg") no-repeat top center; height:    416px;}
#pc2-7 { background: url("../images/pc2_07.jpg") no-repeat top center; height:    485px;} 
#pc2-8 { background: url("../images/pc2_08.jpg") no-repeat top center; height:    427px;}
#pc2-9 { background: url("../images/pc2_09.jpg") no-repeat top center; height:    464px;} 
#pc2-10 { background: url("../images/pc2_10.jpg") no-repeat top center; height:    633px;} 
#pc2-11 { background: url("../images/pc2_11.jpg") no-repeat top center; height:    414px;} 


/*sec03*/
#sp3-1 { background: url("../images/sp3_01.jpg") no-repeat top center; height:    1024px;} 
#sp3-2 { background: url("../images/sp3_02.jpg") no-repeat top center; height:    509px;} 
#sp3-3 { background: url("../images/sp3_03.jpg") no-repeat top center; height:    1445px;} 
#sp3-4 { background: url("../images/sp3_04.jpg") no-repeat top center; height:    1460px;} 
#sp3-5 { background: url("../images/sp3_05.jpg") no-repeat top center; height:    1487px;} 
#sp3-6 { background: url("../images/sp3_06.jpg") no-repeat top center; height:    1405px;} 

#pc3-1 { background: url("../images/pc3_01.jpg") no-repeat top center; height:    706px;} 
#pc3-2 { background: url("../images/pc3_02.jpg") no-repeat top center; height:    688px;} 
#pc3-3 { background: url("../images/pc3_03.jpg") no-repeat top center; height:    310px;} 
#pc3-4 { background: url("../images/pc3_04.jpg") no-repeat top center; height:    399px;} 
#pc3-5 { background: url("../images/pc3_05.jpg") no-repeat top center; height:    582px;} 
#pc3-6 { background: url("../images/pc3_06.jpg") no-repeat top center; height:    429px;} 
#pc3-7 { background: url("../images/pc3_07.jpg") no-repeat top center; height:    998px;} 
#pc3-8 { background: url("../images/pc3_08.jpg") no-repeat top center; height:    912px;} 
#pc3-9 { background: url("../images/pc3_09.jpg") no-repeat top center; height:    408px;} 
#pc3-10 { background: url("../images/pc3_10.jpg") no-repeat top center; height:    699px;} 
#pc3-11 { background: url("../images/pc3_11.jpg") no-repeat top center; height:    418px;} 
#pc3-12 { background: url("../images/pc3_12.jpg") no-repeat top center; height:    396px;} 
#pc3-13 { background: url("../images/pc3_13.jpg") no-repeat top center; height:    667px;} 
#pc3-14 { background: url("../images/pc3_14.jpg") no-repeat top center; height:    388px;} 

/*sec04*/
#sp4-1 { background: url("../images/sp4_01.jpg") no-repeat top center; height:    1194px;} 
#sp4-2 { background: url("../images/sp4_02.jpg") no-repeat top center; height:    916px;} 
#sp4-3 { background: url("../images/sp4_03.jpg") no-repeat top center; height:    473px;} 
#sp4-4 { background: url("../images/sp4_04.jpg") no-repeat top center; height:    766px;} 
#sp4-5 { background: url("../images/sp4_05.jpg") no-repeat top center; height:    532px;} 
#sp4-6 { background: url("../images/sp4_06.jpg") no-repeat top center; height:    875px;} 
#sp4-7 { background: url("../images/sp4_07.jpg") no-repeat top center; height:    549px;} 
#sp4-8 { background: url("../images/sp4_08.jpg") no-repeat top center; height:    966px;} 
#sp4-9 { background: url("../images/sp4_09.jpg") no-repeat top center; height:    588px;} 
#sp4-10 { background: url("../images/sp4_10.jpg") no-repeat top center; height:    454px;} 
#sp4-11 { background: url("../images/sp4_11.jpg") no-repeat top center; height:    664px;} 

/*sec05*/
#sp5-1 { background: url("../images/sp5_01.jpg") no-repeat top center; height:    490px;} 
#sp5-2 { background: url("../images/sp5_02.jpg") no-repeat top center; height:    878px;} 
#sp5-3 { background: url("../images/sp5_03.jpg") no-repeat top center; height:    845px;} 
#sp5-4 { background: url("../images/sp5_04.jpg") no-repeat top center; height:    592px;} 
#sp5-5 { background: url("../images/sp5_05.jpg") no-repeat top center; height:    636px;} 
#sp5-6 { background: url("../images/sp5_06.jpg") no-repeat top center; height:    692px;} 
#sp5-7 { background: url("../images/sp5_07.jpg") no-repeat top center; height:    460px;} 
#sp5-8 { background: url("../images/sp5_08.jpg") no-repeat top center; height:    505px;} 
#sp5-9 { background: url("../images/sp5_09.jpg") no-repeat top center; height:    812px;} 
#sp5-10 { background: url("../images/sp5_10.jpg") no-repeat top center; height:    809px;} 
#sp5-11 { background: url("../images/sp5_11.jpg") no-repeat top center; height:    598px;}

/*sec06*/
#sp6-1 { background: url("../images/sp6_01.jpg") no-repeat top center; height:    1149px;} 
#sp6-2 { background: url("../images/sp6_02.jpg") no-repeat top center; height:    978px;} 
#sp6-3 { background: url("../images/sp6_03.jpg") no-repeat top center; height:    777px;} 
#sp6-4 { background: url("../images/sp6_04.jpg") no-repeat top center; height:    1033px;} 
#sp6-5 { background: url("../images/sp6_05.jpg") no-repeat top center; height:    461px;} 
#sp6-6 { background: url("../images/sp6_06.jpg") no-repeat top center; height:    383px;} 
#sp6-7 { background: url("../images/sp6_07.jpg") no-repeat top center; height:    483px;} 
#sp6-8 { background: url("../images/sp6_08.jpg") no-repeat top center; height:    528px;} 

/*sec07*/
#sp7-1 { background: url("../images/sp7_01.jpg") no-repeat top center; height:    486px;} 
#sp7-2 { background: url("../images/sp7_02.jpg") no-repeat top center; height:    976px;} 
#sp7-3 { background: url("../images/sp7_03.jpg") no-repeat top center; height:    1042px;} 
#sp7-4 { background: url("../images/sp7_04.jpg") no-repeat top center; height:    574px;} 

#form { background: url("../images/form_01.jpg") no-repeat top center; height:    786px;} 

/*sec08*/


#footer {  
	background-color: #494a4b;
}

.fixed_area {
	position: fixed;
	bottom: 0;
	left: 500px;
	width: 100%;
}
.fixed_btn {
	display: block;
	padding: 0px;
	width: 50%;
}
.fixed_btn_img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 768px){
.fixed_area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.fixed_btn {
	display: block;
	padding: 0px;
	width: 100%;
}
.fixed_btn_img {
	display: block;
	margin: 0 auto;
}
}

ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}



@media screen and (max-width:767px){
	* {
		background-size: contain;
	}
	body {
		width: 100%;
		min-width: inherit;
	}
	.container {
		width:100%;
	}
	.container2 {
		width:100%;
	}
	.container3 {
		width:100%;
	}
	
	#footer {  
	font-size:10px;
}
	
	/*ファーストビュー*/
	#ftv1 { height: 52.9vw; background-size: cover;} 
	#ftv2 { height: 38.6vw; background-size: cover;} 
	#ftv3 { height: 30.1vw; background-size: cover;} 
	#ftv4 { height: 59.8vw; background-size: cover;} 

	/*sec01*/
	#sp1 { height: 47.9vw; background-size: cover;} 
	#sp2 { height: 42.7vw; background-size: cover;} 
	#sp3 { height: 54.7vw; background-size: cover;} 
	#sp4 { height: 63.2vw; background-size: cover;} 
	#sp5 { height: 53.2vw; background-size: cover;}
	#sp6 { height: 72.8vw; background-size: cover;} 
	#sp7 { height: 56.0vw; background-size: cover;} 
	#sp8 { height: 36.8vw; background-size: cover;} 
	#sp9 { height: 61.8vw; background-size: cover;} 
	#sp10 { height: 77.1vw; background-size: cover;}
	#sp11 { height: 56.2vw; background-size: cover;} 
	#sp12 { height: 73.8vw; background-size: cover;} 
	#sp13 { height: 94.3vw; background-size: cover;}

	/*sec02*/
	#sp2-1 { height: 49.1vw; background-size: cover;} 
	#sp2-2 { height: 52.0vw; background-size: cover;} 
	#sp2-3 { height: 42.5vw; background-size: cover;} 
	#sp2-4 { height: 45.4vw; background-size: cover;} 
	#sp2-5 { height: 80.5vw; background-size: cover;}
	#sp2-6 { height: 58.8vw; background-size: cover;} 
	#sp2-7 { height: 85.6vw; background-size: cover;} 
	#sp2-8 { height: 60.3vw; background-size: cover;} 
	#sp2-9 { height: 86.5vw; background-size: cover;} 
	#sp2-10 { height: 68.7vw; background-size: cover;}
	#sp2-11 { height: 96.7vw; background-size: cover;} 
	#sp2-12 { height: 73.9vw; background-size: cover;} 
	
	/*sec03*/
	#sp3-1 { height: 102.4vw; background-size: cover;} 
	#sp3-2 { height: 50.9vw; background-size: cover;} 
	#sp3-3 { height: 144.5vw; background-size: cover;} 
	#sp3-4 { height: 146.0vw; background-size: cover;} 
	#sp3-5 { height: 148.7vw; background-size: cover;}
	#sp3-6 { height: 140.5vw; background-size: cover;} 
	
	/*sec04*/
	#sp4-1 { height: 119.4vw; background-size: cover;} 
	#sp4-2 { height: 91.6vw; background-size: cover;} 
	#sp4-3 { height: 47.3vw; background-size: cover;} 
	#sp4-4 { height: 76.6vw; background-size: cover;} 
	#sp4-5 { height: 53.2vw; background-size: cover;}
	#sp4-6 { height: 87.5vw; background-size: cover;} 
	#sp4-7 { height: 54.9vw; background-size: cover;} 
	#sp4-8 { height: 96.6vw; background-size: cover;} 
	#sp4-9 { height: 58.8vw; background-size: cover;} 
	#sp4-10 { height: 45.4vw; background-size: cover;} 
	#sp4-11 { height: 66.4vw; background-size: cover;}
	
	/*sec05*/
	#sp5-1 { height: 49.0vw; background-size: cover;} 
	#sp5-2 { height: 87.8vw; background-size: cover;} 
	#sp5-3 { height: 84.5vw; background-size: cover;} 
	#sp5-4 { height: 59.2vw; background-size: cover;} 
	#sp5-5 { height: 63.6vw; background-size: cover;}
	#sp5-6 { height: 69.2vw; background-size: cover;} 
	#sp5-7 { height: 46.0vw; background-size: cover;} 
	#sp5-8 { height: 50.5vw; background-size: cover;} 
	#sp5-9 { height: 81.2vw; background-size: cover;} 
	#sp5-10 { height: 80.9vw; background-size: cover;} 
	#sp5-11 { height: 59.8vw; background-size: cover;}
	
	/*sec06*/
	#sp6-1 { height: 114.9vw; background-size: cover;} 
	#sp6-2 { height: 97.8vw; background-size: cover;} 
	#sp6-3 { height: 77.7vw; background-size: cover;} 
	#sp6-4 { height: 103.3vw; background-size: cover;} 
	#sp6-5 { height: 46.1vw; background-size: cover;}
	#sp6-6 { height: 38.3vw; background-size: cover;} 
	#sp6-7 { height: 48.3vw; background-size: cover;} 
	#sp6-8 { height: 52.8vw; background-size: cover;}
	
	/*sec07*/
	#sp7-1 { height: 48.6vw; background-size: cover;} 
	#sp7-2 { height: 97.6vw; background-size: cover;} 
	#sp7-3 { height: 104.2vw; background-size: cover;} 
	#sp7-4 { height: 57.4vw; background-size: cover;} 
	

}