@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:33px;
  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:    264px;} 
#ftv2 { background: url("../images/ftv_02.jpg") no-repeat top center; height:    214px;} 
#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:    467px;} 
#ftv5 { background: url("../images/ftv_05.jpg") no-repeat top center; height:    518px;} 

/*ファーストビューPC*/
#ftv6 { background: url("../images/ftv_06.jpg") no-repeat top center; height:    531px;} 
#ftv7 { background: url("../images/ftv_07.jpg") no-repeat top center; height:    275px;} 


.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*/
#jisseki1 { background: url("../images/jisseki_01.jpg") no-repeat top center; height:    615px;} 
#jisseki2 { background: url("../images/jisseki_02.jpg") no-repeat top center; height:    531px;} 
#jisseki3 { background: url("../images/jisseki_03.jpg") no-repeat top center; height:    622px;} 
#jisseki4 { background: url("../images/jisseki_04.jpg") no-repeat top center; height:    325px;} 
#jisseki5 { background: url("../images/jisseki_05.jpg") no-repeat top center; height:    523px;} 


/*sec02*/
#nayami1 { background: url("../images/nayami_01.jpg") no-repeat top center; height:    467px;} 
#nayami2 { background: url("../images/nayami_02.jpg") no-repeat top center; height:    818px;} 
#nayami3 { background: url("../images/nayami_03.jpg") no-repeat top center; height:    739px;} 
#nayami4 { background: url("../images/nayami_04.jpg") no-repeat top center; height:    383px;} 
#nayami5 { background: url("../images/nayami_05.jpg") no-repeat top center; height:    769px;} 

/*sec03*/
#reason1 { background: url("../images/reason_01.jpg") no-repeat top center; height:    361px;} 
#reason2 { background: url("../images/reason_02.jpg") no-repeat top center; height:    834px;} 
#reason3 { background: url("../images/reason_03.jpg") no-repeat top center; height:    802px;} 
#reason4 { background: url("../images/reason_04.jpg") no-repeat top center; height:    825px;} 
#reason5 { background: url("../images/reason_05.jpg") no-repeat top center; height:    786px;} 
#reason6 { background: url("../images/reason_06.jpg") no-repeat top center; height:    862px;} 
#reason7 { background: url("../images/reason_07.jpg") no-repeat top center; height:    809px;} 
#reason8 { background: url("../images/reason_08.jpg") no-repeat top center; height:    873px;} 
#reason9 { background: url("../images/reason_09.jpg") no-repeat top center; height:    735px;} 
#reason10 { background: url("../images/reason_10.jpg") no-repeat top center; height:    900px;} 
#reason11 { background: url("../images/reason_11.jpg") no-repeat top center; height:    860px;} 

/*sec04*/
#risk1 { background: url("../images/risk_01.jpg") no-repeat top center; height:    1072px;} 
#risk2 { background: url("../images/risk_02.jpg") no-repeat top center; height:    1425px;} 
#risk3 { background: url("../images/risk_03.jpg") no-repeat top center; height:    1098px;} 
#risk4 { background: url("../images/risk_04.jpg") no-repeat top center; height:    1332px;} 
#risk5 { background: url("../images/risk_05.jpg") no-repeat top center; height:    1269px;} 
#risk6 { background: url("../images/risk_06.jpg") no-repeat top center; height:    516px;} 
#risk7 { background: url("../images/risk_07.jpg") no-repeat top center; height:    733px;} 

/*sec05*/
#real1 { background: url("../images/real_01.jpg") no-repeat top center; height:    1357px;} 
#real2 { background: url("../images/real_02.jpg") no-repeat top center; height:    1463px;} 

/*sec06*/
#price1 { background: url("../images/price_01.jpg") no-repeat top center; height:    1031px;} 
#price2 { background: url("../images/price_02.jpg") no-repeat top center; height:    1003px;} 
#price3 { background: url("../images/price_03.jpg") no-repeat top center; height:    1082px;} 

/*sec07*/
#merit1 { background: url("../images/merit_01.jpg") no-repeat top center; height:    901px;} 
#merit2 { background: url("../images/merit_02.jpg") no-repeat top center; height:    1283px;} 
#merit3 { background: url("../images/merit_03.jpg") no-repeat top center; height:    1213px;} 
#merit4 { background: url("../images/merit_04.jpg") no-repeat top center; height:    1345px;} 
#merit5 { background: url("../images/merit_05.jpg") no-repeat top center; height:    864px;} 
#merit6 { background: url("../images/merit_06.jpg") no-repeat top center; height:    1175px;} 

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

/*sec08*/
#flow1 { background: url("../images/flow_01.jpg") no-repeat top center; height:    1131px;} 
#flow2 { background: url("../images/flow_02.jpg") no-repeat top center; height:    1612px;} 
#flow3 { background: url("../images/flow_03.jpg") no-repeat top center; height:    1050px;} 
#flow4 { background: url("../images/flow_04.jpg") no-repeat top center; height:    1029px;} 

#qa1 { background: url("../images/qa_01.jpg") no-repeat top center; height:    914px;} 
#qa2 { background: url("../images/qa_02.jpg") no-repeat top center; height:    771px;} 
#qa3 { background: url("../images/qa_03.jpg") no-repeat top center; height:    667px;} 
#qa4 { background: url("../images/qa_04.jpg") no-repeat top center; height:    726px;} 
#qa5 { background: url("../images/qa_05.jpg") no-repeat top center; height:    796px;} 
#qa6 { background: url("../images/qa_06.jpg") no-repeat top center; height:    800px;} 

#gree1 { background: url("../images/gree_01.jpg") no-repeat top center; height:    746px;} 
#gree2 { background: url("../images/gree_02.jpg") no-repeat top center; height:    975px;} 
#gree3 { background: url("../images/gree_03.jpg") no-repeat top center; height:    783px;} 
#gree4 { background: url("../images/gree_04.jpg") no-repeat top center; height:    805px;} 
#gree5 { background: url("../images/gree_05.jpg") no-repeat top center; height:    858px;} 

#footer {  
	background-color: #18395a;
}

.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 {
		min-width: inherit;
	}
	.container {
		width:100%;
	}
	.container2 {
		width:100%;
	}
	.container3 {
		width:100%;
	}
	
	#header1 { height: 9.7vw; background-size: cover;} 
	
	/*ファーストビュー*/
	#ftv1 { height: 26.5vw; background-size: cover;} 
	#ftv2 { height: 21vw; background-size: cover;} 
	#ftv3 { height: 30.09vw; background-size: cover;} 
	#ftv4 { height: 46.7vw; background-size: cover;} 
	#ftv5 { height: 51.8vw; background-size: cover;} 

	/*sec01*/
	#jisseki1 { height: 61.5vw; background-size: cover;} 
	#jisseki2 { height: 53.1vw; background-size: cover;} 
	#jisseki3 { height: 62.2vw; background-size: cover;} 
	#jisseki4 { height: 32.5vw; background-size: cover;} 
	#jisseki5 { height: 52.3vw; background-size: cover;}

	/*sec02*/
	#nayami1 { height: 46.7vw; background-size: cover;}
	#nayami2 { height: 81.8vw; background-size: cover;}
	#nayami3 { height: 73.9vw; background-size: cover;}
	#nayami4 { height: 38.3vw; background-size: cover;}
	#nayami5 { height: 76.9vw; background-size: cover;}
	
	/*sec03*/
	#reason1 { height: 36.1vw; background-size: cover;}
	#reason2 { height: 83.4vw; background-size: cover;}
	#reason3 { height: 80.2vw; background-size: cover;}
	#reason4 { height: 82.5vw; background-size: cover;}
	#reason5 { height: 78.6vw; background-size: cover;}
	#reason6 { height: 86.2vw; background-size: cover;}
	#reason7 { height: 80.9vw; background-size: cover;}
	#reason8 { height: 87.3vw; background-size: cover;}
	#reason9 { height: 73.5vw; background-size: cover;}
	#reason10 { height: 90.0vw; background-size: cover;}
	#reason11 { height: 86.0vw; background-size: cover;}
	
	/*sec04*/
	#risk1 { height: 107.2vw; background-size: cover;}
	#risk2 { height: 142.5vw; background-size: cover;}
	#risk3 { height: 109.8vw; background-size: cover;}
	#risk4 { height: 133.2vw; background-size: cover;}
	#risk5 { height: 126.9vw; background-size: cover;}
	#risk6 { height: 51.6vw; background-size: cover;}
	#risk7 { height: 73.3vw; background-size: cover;}
	
	/*sec05*/
	#real1 { height: 135.7vw; background-size: cover;}
	#real2 { height: 146.3vw; background-size: cover;}
	
	/*sec06*/
	#price1 { height: 103.1vw; background-size: cover;}
	#price2 { height: 100.3vw; background-size: cover;}
	#price3 { height: 108.2vw; background-size: cover;}
	
	/*sec07*/
	#merit1 { height: 90.1vw; background-size: cover;}
	#merit2 { height: 128.3vw; background-size: cover;}
	#merit3 { height: 121.3vw; background-size: cover;}
	#merit4 { height: 134.5vw; background-size: cover;}
	#merit5 { height: 86.4vw; background-size: cover;}
	#merit6 { height: 117.5vw; background-size: cover;}
	
	#form { height: 78.6vw; background-size: cover;}
	
	/*sec08*/
	#flow1 { height: 113.1vw; background-size: cover;}
	#flow2 { height: 161.2vw; background-size: cover;}
	#flow3 { height: 105.0vw; background-size: cover;}
	#flow4 { height: 102.9vw; background-size: cover;}
	
	#qa1 { height: 91.4vw; background-size: cover;}
	#qa2 { height: 77.1vw; background-size: cover;}
	#qa3 { height: 66.7vw; background-size: cover;}
	#qa4 { height: 72.6vw; background-size: cover;}
	#qa5 { height: 79.6vw; background-size: cover;}
	#qa6 { height: 80.0vw; background-size: cover;}
	
	#gree1 { height: 74.6vw; background-size: cover;}
	#gree2 { height: 97.5vw; background-size: cover;}
	#gree3 { height: 78.3vw; background-size: cover;}
	#gree4 { height: 80.5vw; background-size: cover;}
	#gree5 { height: 85.8vw; background-size: cover;}
}