@charset "utf-8";

div,p,li,th,td{
	box-sizing:border-box;
}

ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

p{
	padding:0px;
	margin:0px;
}

/*slider*/
.home-Slider{
	background:none;
	padding-top: 0;
	overflow: hidden;
	padding-bottom: 0;
}
.home-Slider ul{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.home-Slider li{
	margin-right: 0;
}
#sliderInner{
	overflow: hidden;
}
#slideFilterL{
position:absolute;
top:0;
left:calc(20em / 20);
width:calc(1000em / 20);
height:calc(500em / 20);
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
background:#fff;
}
#slideFilterR{
position:absolute;
top:0;
right:calc(20em / 20);
width:calc(1000em / 20);
height:calc(500em / 20);
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
background:#fff;
}
@media only screen and (max-width: 48em ) {
	#slideFilterL, #slideFilterR{
		display: none;
	}
}
/* コントローラー */
.bx-wrapper .bx-prev {
left: calc(899rem / 20);
background: url(../img/solare/prev.jpg) no-repeat;
background-size: calc(100rem / 20);
}
@media only screen and (max-width: 48em ) {
	.bx-wrapper .bx-prev {
		display: none;
	}
}
.bx-wrapper .bx-next {
right:calc(899rem / 20);
background: url(../img/solare/next.jpg) no-repeat;
background-size: calc(100rem / 20);
}
@media only screen and (max-width: 48em ) {
	.bx-wrapper .bx-next {
		display: none;
	}
}
.bx-wrapper .bx-next:hover {
    background-position:0;
}

.bx-wrapper .bx-controls-direction a {
position:absolute;
outline:0;
width: calc(100rem / 20);
height: calc(100rem / 20);
text-indent:-9999px;
z-index:9;
opacity: 0.3;
	top: 50%; 
transform: translateY(-50%);
}

/* Arrows */
.second-sl{
overflow:hidden;
position:relative;
width:100%;
background: #A0D7DC;
}

.second-sl_Inner{
position:relative;
left:50%;
width:calc(3000rem / 20);
margin-left:calc(-1500rem / 20);
}
.second-sl_Inner ul{
	padding: 0;
	margin: 0;
}
@media only screen and (max-width: 48em ) {
	.second-sl_Inner{
		position:relative;
		padding-left: 0;
		left:0;
		width:100%;
		margin-left:0;
	}
}
.second-sl .slick-track li img{
	width: 100%;
}

/* Arrows */
.second-sl .slick-prev,
.second-sl .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
	top: 50%; 
transform: translateY(-50%);
    display: block;
    width:calc(48em / 20);
    height:calc(48em / 20);
    margin-top:calc(-10em / 20);
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

.second-sl .slick-prev{
left:700px;
background:  url(../img/solare/prev.jpg) no-repeat center right #fff;
background-size:calc(100rem / 20);
width: 300px;
height: 500px;
	opacity: .7;
}
@media only screen and (max-width: 999px ) {
	.second-sl .slick-prev
{
left:0;
	width:0;
	}
}

.second-sl .slick-next
{
right:700px;
background:  url(../img/solare/next.jpg) no-repeat center left #fff;
background-size:calc(100rem / 20);
width: 300px;
height: 500px;
	opacity: .7;
}
@media only screen and (max-width: 999px ) {
	.second-sl .slick-next
{
right:0;
	width:0;
	}
}

/*b-style*/
.movie-area{
	position: relative;
	margin-top: calc(-33rem / 20);
	height: 100%;
}
.movie-area .inner{
/*	background: url(../img/b-style/move_bg.jpg) no-repeat top center;
	background-size: calc(1000rem / 20);*/
}
@media only screen and (max-width: 48em ) {
	.movie-area{
		margin-top: 0;
	}
}
#ytplayer{
  opacity: 0;
-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 4s both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 4s both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.movie-area .movie_logo{
	position: absolute;
	width:  calc(417rem / 20);
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
}
@media only screen and (max-width: 48em ) {
	.movie-area .movie_logo{
		width:  calc(417rem / 20/2);
		top: 80%;
	}
}
.movie-area iframe{
width: 100%;
height: calc(565rem / 20);
	cursor: default;
pointer-events: none;
}
@media only screen and (max-width: 48em ) {
.movie-area iframe{
height: calc(420rem / 20);
pointer-events:auto;
}
}
.movie-area video{
	display: none;
}
@media only screen and (max-width: 48em ) {
.movie-area video{
width: 100%;
	display: block;
	background: #000;
}
}
.b-style_sl{
	margin:40px 0px;
	overflow:hidden;
}

.b-style_box{
	width:100%;
	margin:0px auto 40px auto;
	overflow:hidden;
	clear:both;
}

.b-style_box2{
	width:860px;
	margin:0px auto 40px auto;
	overflow:hidden;
	clear:both;
}

.b-style_logo{
	width:350px;
	margin:-20px auto 20px auto;
	text-align:center;
}

.b-style_logo img{
	width:100%;
	height:auto;
}

.b-style_title1{
	font-size:35px;
	text-align:center;
	line-height:150%;
	font-weight:bold;
	margin-bottom:0px;
}

.b-style_p2{
	text-align:center;
	font-size:90%;
	margin-top:20px !important;
}

.b-style_title2{
	background:#603813;
	font-size:35px;
	line-height:150%;
	text-align:center;
	font-weight:bold;
	padding:10px;
	color:white;
	margin-bottom:40px;
}

.b-style_left1{
	float:left;
	width:50%;
	font-size:80% !important;
	line-height:200%;
}

.b-style_right1{
	float:right;
	width:45%;
}

.b-style_box2 ul{
	width:860px;
	padding:0px;
	margin:0px 0px 0px 5px;
}

.b-style_box2 li:first-child,
.b-style_box2 li:nth-child(2){
	background:none !important;
	width:50%;
	height:200px;
	text-align:center;
	cursor: default;
}

.b-style_box2 li:nth-child(3),
.b-style_box2 li:nth-child(4){
	background:none !important;
	width:50%;
	height:200px;
	text-align:center;
	cursor: default;
}

.b-style_box2 li:nth-child(odd){
	background:#603813;
	padding:10px 20px;
	color:white;
	margin-bottom:20px;
	width:410px;
	border-radius:10px;
	float:left;
}

.b-style_box2 li:nth-child(even){
	background:#414E27;
	padding:10px 20px;
	color:white;
	margin-bottom:20px;
	width:410px;
	border-radius:10px;
	float:left;
	margin-left:30px;
}

.b-style_box2 li:after{
	font-family: "Font Awesome 5 Free";
	content:"\f0da";
	float:right;
	padding-left:30px;
	font-weight:900;
}

.b-style_box2 .tabs-nav li.selected{
	padding:10px 20px !important;
	background:#C69C6D !important;
}

.list_none:after,
.list_none2:after{
	content:"" !important;
}

.list_none img,
.list_none2 img{
	width:80%;
	height:auto;
}

.b-style_box ul{
	margin:40px 0px !important;
}

.b-style_box ul li{
	float:left;
	width:50%;
	text-align:center;
}

.b-style_box ul li:last-child{
	width:100%;
	clear:both;
	text-align:center;
	margin-top:40px;
	margin-bottom:100px;
}

.b-style_bg1{
	background:url(../img/b-style/bg.png);
	overflow:hidden;
	padding:100px 0px;
}

.b-style_list_box{
	overflow:hidden;
	margin:20px auto;
	width:860px;
	background:none !important;
}

.b-style_list_box img{
	width:100%;
	height:auto;
	margin:20px 0px 30px 0px;
}

.b-style_list_box_title{
/* 	font-size:20px; */
	font-size:16px;
	border-bottom:dotted 2px #EC7276;
	display:inline-block;
}

.b-style_p3{
	text-align:center;
	margin-bottom:100px;
}

.b-style_list_box_design img{
	width:40%;
	height:auto;
	text-align:center;
}

.b-style_list_box .design_img{
	text-align:center;
}

.pc_none{
	display:none;
}

.mg50{
	margin-top:100px !important;
}

.b_style_Btn {
    width: calc(490rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(90rem / 20);
    }

@media only screen and (max-width: 48em ) {
.sp_none{
	display:none;
}

.pc_none{
	display:inline !important;
}
	
.b-style_sl{
	margin:20px 0px;
	overflow:hidden;
}

.b-style_box{
	width:95%;
	margin:0px auto 0px auto;
	overflow:hidden;
	clear:both;
}

.b-style_box2{
	width:95%;
	margin:0px auto 40px auto;
	overflow:hidden;
	clear:both;
}


.b-style_logo{
	width:30%;
	margin:0px auto 40px auto;
	text-align:center;
}

.b-style_logo img{
	width:100%;
	height:auto;
}

.b-style_title1{
	font-size:15px;
	text-align:center;
	line-height:150%;
	font-weight:bold;
	margin-bottom:20px;
}

.b-style_p2{
	text-align:center;
	font-size:90%;
}

.b-style_title2{
	background:#603813;
	font-size:17px;
	line-height:150%;
	text-align:center;
	font-weight:bold;
	padding:10px;
	color:white;
	margin-bottom:20px;
}

.b-style_left1{
	width:100%;
	font-size:90%;
	line-height:200%;
	text-align:center;
	margin-bottom:20px;
}

.b-style_right1{
	width:100%;
	margin-bottom:30px;
	text-align:center;
}

.b-style_box2 ul{
	width:100%;
	padding:0px;
	margin:0px 0px 0px 3px;
}

.b-style_box2 li:first-child,
.b-style_box2 li:nth-child(2){
	background:none !important;
	width:47%;
	text-align:center;
	float:left;
	height:auto !important;
}
	
.b-style_box2 li:nth-child(3),
.b-style_box2 li:nth-child(4){
	background:none !important;
	width:50%;
	height:auto !important;
	text-align:center;
	padding:0px !important;
}
	
.b-style_box2 li:nth-child(odd){
	background:#603813;
	padding:10px 20px;
	color:white;
	margin-bottom:20px;
	width:47%;
	border-radius:10px;
	float:left;
}

.b-style_box2 li:nth-child(even){
	background:#414E27;
	padding:10px 20px;
	color:white;
	margin-bottom:20px;
	width:47%;
	border-radius:10px;
	float:left;
	margin-left:10px;
	float:left;
}

.b-style_box2 li:after{
	font-family: "Font Awesome 5 Free";
	content:"\f0da";
	float:right;
	padding-left:10px;
	font-weight:900;
}

.b-style_box2 .tabs-nav li.selected{
	padding:10px 20px !important;
	background:#C69C6D !important;
}
	
.list_none:after{
	content:"" !important;
}

.list_none img{
	width:80%;
	height:auto;
}
	
.list_none2:after{
	content:"" !important;
}

.list_none2 img{
	width:100%;
	height:auto;
}

.b-style_box ul{
	margin:10px 0px 0px 0px !important;
}

.b-style_box ul li{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

.b-style_box ul li:last-child{
	width:100%;
	clear:both;
	text-align:center;
	margin-top:0px;
}

.b-style_bg1{
	background:url(../img/b-style/bg.png);
	overflow:hidden;
	padding:30px 0px 0px 0px;
}

.b-style_list_box{
	overflow:hidden;
	margin:20px auto;
	width:100%;
	background:none !important;
}

.b-style_list_box img{
	width:100%;
	height:auto;
	margin:20px 0px 30px 0px;
}

.b-style_list_box_title{
/* 	font-size:20px; */
	font-size:14px;
	border-bottom:dotted 2px #EC7276;
	display:inline-block;
}

.b-style_p3{
	text-align:center;
	margin-bottom:100px;
	font-size:17px;
}
	
.mg50{
	margin-top:10px !important;
}
	
.design_img{
	width:100% !important;
	height:auto;
}
	
.design_img img{
	width:100% !important;
	height:auto;
	text-align:center;
}

.b-style_list_box .design_img{
	text-align:center;
}
	
}

/*スクロール時にフェードイン*/
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/*ずらして表示*/
/*2つ目*/
#effect2 > .fadein:nth-of-type(2) {
    -moz-transition-delay:100ms;
    -webkit-transition-delay:100ms;
    -o-transition-delay:100ms;
    -ms-transition-delay:100ms;
    }
/*3つ目*/
#effect2 > .fadein:nth-of-type(3) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }

/*４つ目*/
#effect2 > .fadein:nth-of-type(4) {
    -moz-transition-delay:300ms;
    -webkit-transition-delay:300ms;
    -o-transition-delay:300ms;
    -ms-transition-delay:300ms;
    }

/*5つ目*/
#effect2 > .fadein:nth-of-type(5) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }

/*6つ目*/
#effect2 > .fadein:nth-of-type(6) {
    -moz-transition-delay:500ms;
    -webkit-transition-delay:500ms;
    -o-transition-delay:500ms;
    -ms-transition-delay:500ms;
    }

/*7つ目*/
#effect2 > .fadein:nth-of-type(7) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
    }

/*8つ目*/
#effect2 > .fadein:nth-of-type(8) {
    -moz-transition-delay:700ms;
    -webkit-transition-delay:700ms;
    -o-transition-delay:700ms;
    -ms-transition-delay:700ms;
    }

/*9つ目*/
#effect2 > .fadein:nth-of-type(9) {
    -moz-transition-delay:800ms;
    -webkit-transition-delay:800ms;
    -o-transition-delay:800ms;
    -ms-transition-delay:800ms;
    }

/* 2019.12.13　追記 */
.solare2-sec3{
	padding-top:calc(70rem / 20);
/* 	padding-bottom:calc(70rem / 20); */
}
.solare2-sec3_In{
	padding-bottom: calc(10rem / 20);
}
.solare2-sec3_Unit{
	background: #fff;
	position: relative;
	margin-bottom: calc(90rem / 20);
}

.solare2-sec3_Unit .sttl2{
	text-align: center;
	color: #603813;
	font-size: calc(40rem / 20);
	margin-bottom: calc(10rem / 20);
}
.solare2-sec3_Unit .chaci-Txt{
	text-align: center;
	font-size: calc(30rem / 20);
	padding-top: calc(30rem / 20);
	padding-bottom: calc(30rem / 20);
	margin-bottom: calc(50rem / 20);
}

.solare2-sec3_Unit .chaci-Txt.c2{
	text-align: center;
	background: #603813;
	color: #fff;
}
.solare2-sec3_Unit .box2{
padding-left: calc(60rem / 20);
padding-right: calc(60rem / 20);
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;

-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
        align-items:flex-start;
	margin-bottom: calc(30rem / 20);
}
@media only screen and (max-width: 48em ) {
	.solare2-sec3_Unit .box2{
	padding-left: calc(30rem / 20);
	padding-right: calc(30rem / 20);
	}
}
.solare2-sec3_Unit .box2 .img1{
	width: calc(325rem / 20);
}
@media only screen and (max-width: 48em ) {
	.solare2-sec3_Unit .box2 .img1{
		width: 100%;
	}
}
.solare2-sec3_Unit .box2 .img4{
	width: calc(340rem / 20);
}
@media only screen and (max-width: 48em ) {
	.solare2-sec3_Unit .box2 .img3{
	margin-left: auto;
	margin-right: auto;
	}
	.solare2-sec3_Unit .box2 .img4{
	margin-left: auto;
	margin-right: auto;
	}
}
.solare2-sec3_Unit .box2 .box2-Txt{
	width: calc(510rem / 20);
}
@media only screen and (max-width: 48em ) {
	.solare2-sec3_Unit .box2 .box2-Txt{
	width: 100%;
	}
}
.solare2-sec3_Unit .box2-Txt h3 {
font-size: calc(37rem / 20);
font-weight: normal;
margin-bottom: calc(20rem / 20);
letter-spacing: -.05em;
}
@media only screen and (max-width: 48em ) {
	.solare2-sec3_Unit .box2-Txt h3 {
margin-top: calc(20rem / 20);
	}
}
.solare2-sec3_Unit .box2-Txt_ttl{
	color: #603813;
}
.solare2-sec3_Unit .t1{
font-size: calc(15rem / 20);
margin-bottom: calc(50rem / 20);
	
	
}
@media only screen and (max-width: 48em ) {
	.solare2-sec3_Unit .t1{
font-size: calc(26rem / 20);
	}
			}
.solare2-sec3_Unit .box3{
padding-left: calc(60rem / 20);
padding-right: calc(60rem / 20);
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;

-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
        align-items:flex-start;
	margin-bottom: calc(50rem / 20);
}
@media only screen and (max-width: 48em ) {
	.solare2-sec3_Unit .box3{
		-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
padding-left: calc(30rem / 20);
padding-right: calc(30rem / 20);
	}
}
.solare2-sec3_Unit .box3 .img1{
	width: calc(365rem / 20);
}
@media only screen and (max-width: 48em ) {
.solare2-sec3_Unit .box3 .img1{
	width: 100%;
	text-align: center;
}
}
.solare2-sec3_Unit .box3 .img1 img{
	margin-bottom: calc(20rem / 20);
}
.solare2-sec3_Unit .box3 .box2-Txt{
	width: calc(510rem / 20);
}
@media only screen and (max-width: 48em ) {
.solare2-sec3_Unit .box3 .box2-Txt{
	width:100%;
}
}

.solare2-sec3_Unit .box3 .box4-Txt{
	font-size: calc(20rem / 20);
	font-weight: normal;
	border-bottom: .05em solid #603813;
	padding-bottom:  calc(30rem / 20);
	padding-top:  calc(30rem / 20);
}

@media only screen and (max-width: 48em ) {
.solare2-sec3_Unit .box3 .box4-Txt{
	font-size: calc(26rem / 20);
}
	.solare2-sec3_Unit .box3 .box4-Txt br{
		display: none;
	}
}
.solare2-sec3_Unit .box3 .box4-Txt:last-child{
	border-bottom:none;
}

.design2-kodawari{
				background: #fff4f0;
	margin-bottom: calc(70rem / 20);
			}
			.design2-kodawari_In{
				padding-top: calc(40rem / 20);
				padding-bottom: calc(40rem / 20);
			}
			@media only screen and (max-width: 48em ) {
			.design2-kodawari_In{
				padding-left: calc(20rem / 20);
				padding-right: calc(20rem / 20);
			}
			}
			.design2-kodawari h2{
				text-align: center;
				color: #db4516;
				font-size: calc(34rem / 20);
				border-bottom: .1em solid #db4516;
				margin-bottom: calc(50rem / 20);
			}
			.design2-kodawari p{
				font-size: calc(18rem / 20);
				padding-left: calc(100rem / 20);
				padding-right: calc(100rem / 20);
			}
			@media only screen and (max-width: 48em ) {
			.design2-kodawari p{
				font-size: calc(24rem / 20);
				padding-left: 0;
				padding-right: 0;
			}
			}
			.design2-kodawari_In_Img{
				text-align: center;
				margin-bottom: calc(50rem / 20);
				margin-top: calc(50rem / 20);
			}