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

html {


}
body {
		
	    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	
min-width:1000px;
line-height:1.5;
  color: #000;
  text-align: center;
  font-size: 1.3rem;
   font-family:  "游ゴシック体",Arial,Helvetica,"Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,Osaka,"MS PGothic",sans-serif;

}
*, *::before, *::after {
  box-sizing: border-box;
}
.side_pc{
	display: block;
}

.side_sp{
	display: none;
}


.side {
	position: fixed;
	right: 0;
	bottom: 10%;
	-webkit-animation-name:side;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:side;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
.fb{
		margin:0 auto;
	
	text-align:center;
	background-color:white;
	border: solid 9px #cd0027;
	padding:50px 30px 50px;
	width:1000px;
	margin-bottom:30px;
}

.evi{
	width:100%;
}
.evibox{
	width:90%;
}


form{
	padding-top:0px;
}

.fbox{
	width:600px;
	height:50px;
	margin-top:10px;
	margin-bottom:30px;
	border-radius:0px;
	padding-left:30px;
	  border: solid 2px #979797;
	
}
.f_text{
	color:black;
	font-size:2.6rem;
	
	
	
}

.kousin_box{
	width:100%;
	border-radius:0px;
	padding:30px 5px 5px 5px;
	margin:0px auto 0;
		background-color:#1e1e1e;
	color:white;
	
}

.kousin {
		overflow:auto;
	
		margin:30px auto;
		width:40%;; height:110px;
		padding:5px 20px;
		font-size:1rem;
		border: solid 1px #c9c9c9;/*線*/
		color:#313131;
		background-color:white;
		line-height:1.5em;
		position:center;
	}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.btn01{
	     outline: none;
}
	.btn01:hover{
		opacity: 0.7;
		transition: 0.5s;
	}

/*--- cssアニメーション ここから ---*/
.keyframe {
  animation-name: anim_sc;
  transform: scale(0.9, 0.9);
}

@keyframes anim_sc {
  100% {
    transform: scale(1.0, 1.0);
  }
}

.animation {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 0.5s;
}


.image1{
	width:80%;
	margin:0 auto;
	display:block;
}

.photo{
	display: none;
}

.photo_pc{
	float:right;
	display:block;
	width:30%;
}



#head1 { background: url("../images/header_01.jpg") no-repeat top center; height: 1088px; } 
#head2 { background: url("../images/header_02.jpg") no-repeat top center; height: 1012px; } 
#head3 { background: url("../images/header_03.jpg") no-repeat top center; height: 645px; } 
#head4 { background: url("../images/header_04.jpg") no-repeat top center; height: 400px; } 

#head3_sp { background: url("../images/header_03_sp.jpg") no-repeat top center; height: 814px; } 
#head4_sp { background: url("../images/header_04_sp.jpg") no-repeat top center; height: 531px; } 
#head5_sp { background: url("../images/header_05_sp.jpg") no-repeat top center; height: 337px; } 


#gold { background: url("../images/gold.png") no-repeat top center; height: 7px; } 
#head6 { background: url("../images/header_06.jpg") no-repeat top center; height: 605px; } 
#head7 { background: url("../images/header_07.jpg") no-repeat top center; height: 734px; } 
#head8 { background: url("../images/header_08.jpg") no-repeat top center; height: 983px; } 
#head9 { background: url("../images/header_09.jpg") no-repeat top center; height: 524px; } 
#head10 { background: url("../images/header_10.jpg") no-repeat top center; height: 504px; } 
#head11 { background: url("../images/header_11.jpg") no-repeat top center; height: 932px; } 
#head12 { background: url("../images/header_12.jpg") no-repeat top center; height: 745px; } 
#head13 { background: url("../images/header_13.jpg") no-repeat top center; height: 377px; } 
#head14 { background: url("../images/header_14.jpg") no-repeat top center; height: 340px; } 
#naka_head { background: url("../images/naka_head.png") no-repeat top center; height: 118px; } 
#naka_foot { background: url("../images/naka_foot.png") no-repeat top center; height: 47px; } 

#voicehead1 { background: url("../images/voicehead1.png") no-repeat top center; height: 487px; } 
#voicehead2 { background: url("../images/voicehead2.png") no-repeat top center; height: 605px; } 
#voicehead3 { background: url("../images/voicehead3.png") no-repeat top center; height: 581px; } 
#voicehead4 { background: url("../images/voicehead4.png") no-repeat top center; height: 568px; } 
#voicehead5 { background: url("../images/voicehead5.png") no-repeat top center; height: 594px; } 

#voicefoot { background: url("../images/voicefoot.png") no-repeat top center; height: 108px; } 
#tumari { background: url("../images/tumari.jpg") no-repeat top center; height: 1454px; } 


#prehead1 { background: url("../images/prehead1.png") no-repeat top center; height: 766px; } 
#prehead2 { background: url("../images/prehead2.png") no-repeat top center; height: 813px; } 
#prehead3 { background: url("../images/prehead3.png") no-repeat top center; height: 817px; } 
#prefoot { background: url("../images/prefoot.png") no-repeat top center; height: 144px; } 

#head2_3 { background: url("../images/header2_03.png") no-repeat top center; height: 519px; } 

.design01 {
 width: 90%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.design01 th {
 padding: 10px;
 background: #e9faf9;
 border: solid 1px #778ca3;
}
.design01 td {
 padding: 10px;
 border: solid 1px #778ca3;
}

.cau{
	text-align:left;
	width:900px;
		margin:0 auto;
}

#wrap {

	background-image: url("../images/bg_01.png");
background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#wrap2 {

	background-image: url("../images/voicebody.png");
background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}
#wrap3 {

	background-image: url("../images/voicebody.png");
background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap4 {

	background-image: url("../images/prebody.png");
background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


.container {

	text-align:center;
	max-width:1000px;
	margin:0 auto;
	
	
}

.whitebg{
	background:white;
	width:1000px;
}



.cont{
	width:910px;
	margin:0 auto ;
	vertical-align: top;
}

.split{
	 display: table;
    width: 100%; 
margin-left:10px;
	
}

.split-item{
    display: table-cell;
    	vertical-align: top;
    width: 50%;
}

#container2 {

	text-align:center;
	width:850px;
	margin:0 auto;
	
	
}

.a{
	overflow:hidden;
}

.bg01{ background-image: url("../images/bg.jpg");background-repeat: repeat;
    background-repeat: repeat;
    background-attachment: fixed;
   
    margin: 0 auto;}
.bg02{ background-image: url("../images/bg3.jpg");background-repeat: repeat;
	background-attachment: fixed;}
.bg03{ background-image: url("../images/bg_blue.png");background-repeat: repeat;
	background-attachment: fixed;}


.movie_box{
	width: 932px;
	height: 604px;
	background-color: #161616;
	margin: 0px auto 0 auto;
	border-radius: 10px;
	overflow: hidden;
}

iframe{
	width: 882px;
	height: 550px;
	display: block;
	margin: 26px auto 0 auto;
}
.big{
	font-size:3rem;
	color:#ed0013;
	font-weight:bold;
}


.text {

	text-align:left;
	width:850px;

	margin:0 auto;

	
}
#text2 {

	text-align:left;
	width:750px;

	margin:0 auto;

	
}

#text3 {

	text-align:left;
	width:850px;

	margin:0 auto;

	
}

dl{
text-align:left;
     width:950px;

     margin:80px 15px;

     line-height:1.8em;

     font-size: 1em;

     overflow: hidden;

     _zoom: 0;

}

dl dd,

dl dt{

     text-indent: 0em;  

     padding: 0 10px 0px 50px;

}

dl dt{

     margin:60px 20px 0 0;

}

 

dl dd:first-letter,

dl dt:first-letter{

     font-size: 1.6em;

     font-weight: bold;

     margin-right:10px;

     padding:5px;

     font-family: 'Nunito', sans-serif;

}

dl dd{

     margin: 20px 0 -1px 0;

     padding-bottom:15px;

     border-bottom: 1px #000 dotted;

}

dl dt:first-letter{

     color: #0F78E1;

}

dl dd:first-letter{

     color: #ff6767;

}



.stronger{
	font-size:1.8rem;
	font-weight:bold;
}







.red{
	color:#e33955;
	font-weight:bold;
}

.red2{
	color:#e33955;
	font-weight:bold;
	font-size:2.5rem;
}
.red3{
	color:#e11257;
	font-weight:bold;
	font-size:2rem;
}

.red4{
	color:#e11257;
	font-weight:bold;
	font-size:3rem;
}

.blue{
	color:#103dad;
	font-weight:bold;
}

.step{
	width:80%;
}

.shop{
	width:95%;
}

.yellow {
background: linear-gradient(transparent 0%, #ffff66 0%);
	font-weight:bold;
}
.yellow2 {
background: linear-gradient(transparent 0%, #ffff66 0%);
	font-weight:bold;
	font-size:1.6rem;
}

.br-sp {
  display: none;
}
.toku{
	text-align:center;
	color:#fff;
	font-size:1rem;
}
footer{
		background-color:#1e1e1e;
	color: #fff;
	font-size:1rem;

}

#timer{
	display: inline-block; _display: inline;
}
.fb{
		margin:0 auto;
	
	text-align:center;
	background-color:white;
	border: solid 9px #cd0027;
	padding:50px 30px 50px;
	width:1000px;
	margin-bottom:30px;
}


.form1{
	width:95%;
	height:60px;
	border : solid 2px #929292 ;
	border-radius:5px;


	padding-left:20px;
	margin:0 auto 0;
	font-size:1.4rem;
	display:block;
margin-bottom:10px;
}
.form_img {
	width:920px;
	height:407px;
   background: url('../images/time.png');
		margin:0 auto;
   
}

.formtext{
	font-size:1rem;
	  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:bold;
	padding-top:100px;
	
}
.formtext2{
	font-size:1rem;
	  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:bold;
	padding-top:0px;
	
}


.kousin_box{
	width:100%;
	border-radius:0px;
	padding:30px 5px 5px 5px;
	margin:0px auto 0;
		background-color:#1e1e1e;
	color:white;
	
}

.kousin {
		overflow:auto;
	
		margin:30px auto;
		width:40%;; height:110px;
		padding:5px 20px;
		font-size:1rem;
		border: solid 1px #c9c9c9;/*線*/
		color:#313131;
		background-color:white;
		line-height:1.5em;
		position:center;
	}


 /* 表示領域が1080px以下の場合に適用するスタイル（スマホ向け） */
@media screen and (max-width: 1080px) {
	
	
		.form1{
	width:95%;
	height:100px;
	border : solid 2px #929292 ;
	border-radius:5px;


	padding-left:20px;
	margin:0 auto 0;
	font-size:2rem;
	display:block;
margin-bottom:10px;
}
	
.photo{
	width:90%;
	margin:40px auto;
	display:block;
}
	
	.photo_pc{
		display:none;
	}


	
	
	.image1{
	width:95%;
}
		.side_pc{
		display: none;
	}

	.side_sp{
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0;
		min-width: 980px;
	}

	.side_sp img{
		width: 100%;
	}

	
	
	
		.kousin_box{
		font-size:2rem;
	}
	.kousin{
		width:70%;
		font-size:1.6rem;
	}
	
	
	.big{
	font-size:5rem;
	color:#ed0013;
	font-weight:bold;
		line-height:1.2;
}

	
	
	dl{
		font-size:1.5em;
	}
		.fb{
	width:95%;
		margin:0px auto 0;
		
}
	
	
	.kousin_box{
		font-size:2rem;
	}
	.kousin{
		width:70%;
		font-size:1.6rem;
	}
	
	footer{
		font-size:1.8rem;
		margin-bottom:250px;
	}

	.product{
		width:80%;
	}
	.pre1{
		width:95%;
		margin-left:-20px;
	}
	  .br-pc {
    display: none;
  }

  .br-sp {
    display: inline-block;
  }
	
	.text{
		  font-size: 2.7rem;
	}
		#text2{
		  font-size: 2.3rem;
	}
	
	#text3{
		  font-size: 2.3rem;
	}
	
	.red2{
		font-size:3.7rem;
	}
	.red3{
		font-size:3.3rem;
	}
.red4{
		font-size:4.6rem;
	}
	
	.yellow2{
		font-size:2.6rem;
	}
	
	.stronger{
		  font-size: 2.6rem;
	}
  
	.img1{
		left:0%;
	}

		.img2{
		left:75%;
	}
	
	
	.section1-text{
		  padding: 100px 0 0px;
		font-size:5rem;
	}
	
	.house-wrapper {

  width: 90%;

}
	.house-box{
		    width: 22%;
		   padding-bottom: 22%;
			margin:0px 10px 10px;
		
	}
	
	.img4{
	margin:80px auto;
		width:90%;
}
	
		.img5{
	margin:30px auto;
		width:90%;
}
		#registration_pc {display : none;}
#registration_sp {visibility : visible;}
	
}
 /* 表示領域が1090px以上の場合に適用するスタイル（パソコン向け） */
@media screen and (min-width: 1081px){

#registration_pc {visibility : visible;}
#registration_sp {display : none;}
	
	
	
	
}