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

#main_contents{
	width:920px;
	height:auto;
	background-color:#edf1f4;
	margin:0 auto;
}

#main_contents .main_01{
	padding-bottom:20px;
}

#main_contents .top_headarea{
	width:920px;
	background-color:#FFF;
	height:55px;
	padding-bottom:10px;
}


#main_contents .top_headarea a:hover img{
	 opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


#main_contents .top_headarea.fixed{
	position: fixed;
    top: 0px;
    width: 920px;
    z-index: 10;
}


span.link_box{
  padding-top: 116px;
  margin-top:-116px;
}


#main_contents .point_box{
	width:920px;
	height:830px;
	position:relative;
	background-image:url(../img/point_back.png);
	background-repeat:no-repeat;
}

#main_contents .point_box ul{
	width:842px;
	margin:0 auto;
	padding-top:50px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#main_contents .point_box li{
	padding-bottom: 20px;
}

#main_contents .point_box p.point_cyui{
	position:absolute;
	text-align:right;
	font-size:12px;
	line-height:16px;
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:100;
		bottom:15px;
		right:40px;
}

#main_contents .contents_infobox{
	width: 920px;
	margin: 0 auto;
	padding: 60px 0px;
	text-align: center;
}

#main_contents .contents_infobox .tittle_box{
	width: 920px;
	text-align: center;
	padding-bottom: 15px;
}

#main_contents .contents_infobox .lifestyle_box{
	width: 860px;
	margin-left: 45px;
}


#main_contents .contents_infobox .lifestyle_box ul{
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
}

#main_contents .contents_infobox .lifestyle_box ul li a:hover img{
	 opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}




#main_contents .area_box{
	width:920px;
	height:700px;
	background-image:url(../img/area_map.png);
	background-repeat:no-repeat;
	background-position:30px 140px;
	position:relative;
	padding-top:40px;
}

#main_contents .area_box .area_btn{
	width:920px;
		position:relative;
}



#main_contents .area_box .area_btn li.area_01{
	position:absolute;
	top:20px;
	left:90px;
}

#main_contents .area_box .area_btn li.area_02{
	position:absolute;
	top:180px;
	left:90px;
}

#main_contents .area_box .area_btn li.area_03{
	position:absolute;
	top:335px;
	left:90px;
}

#main_contents .area_box .area_btn li.area_04{
	position:absolute;
	top:220px;
	left:515px;
}


#main_contents .area_box .area_btn li.ensen_01{
	position:absolute;
	top:20px;
	left:290px;
}

#main_contents .area_box .area_btn li.ensen_02{
	position:absolute;
	top:180px;
	left:290px;
}

#main_contents .area_box .area_btn li.ensen_03{
	position:absolute;
	top:335px;
	left:290px;
}

#main_contents .area_box .area_btn li.ensen_04{
	position:absolute;
	top:220px;
	left:715px;
}




#main_contents .area_box .area_btn a:hover img{
	 opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


#main_contents .bana_box{
	width: 920px;
	text-align: center;
}

#main_contents .bana_box a:hover img{
	 opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#main_contents .kodawari_box{
	width:920px;
	height:1011px;
	background-image:url(../img/kodawari_back.png);
	background-repeat:no-repeat;
	position:relative;
	margin-bottom:40px;
}	
#main_contents .kodawari_box .tab_box{
	width: 920px;
}
#main_contents .kodawari_box .tab_box input[type="radio"]{
	display: none;
}
#main_contents .kodawari_box .tab_area{
	font-size: 0;
}

#main_contents .kodawari_box .tab_area ul{
	display:flex;
	 flex-wrap: wrap;
	  justify-content: space-between;
	  padding:0px 40px 0px;
}

#main_contents .kodawari_box .tab_area label{
	cursor: pointer;
	transition: ease 0.2s opacity;
}

#main_contents .kodawari_box .tab_area .tab1_label{
	background-image:url(../img/kodawari_btn_06.png);
	background-repeat:no-repeat;
	width:267px;
	height:83px;
	display:block;
	padding-bottom:5px;
}
#main_contents .kodawari_box .tab_area .tab2_label{
	background-image:url(../img/kodawari_btn_02.png);
		background-repeat:no-repeat;
	width:267px;
	height:83px;
	display:block;
		padding-bottom:5px;
}
#main_contents .kodawari_box .tab_area .tab3_label{
	background-image:url(../img/kodawari_btn_03.png);
		background-repeat:no-repeat;
	width:267px;
	height:83px;
	display:block;
		padding-bottom:5px;
}

#main_contents .kodawari_box .tab_area .tab4_label{
	background-image:url(../img/kodawari_btn_04.png);
		background-repeat:no-repeat;
	width:267px;
	height:83px;
	display:block;
		padding-bottom:5px;
}
#main_contents .kodawari_box .tab_area .tab5_label{
	background-image:url(../img/kodawari_btn_05.png);
		background-repeat:no-repeat;
	width:267px;
	height:83px;
	display:block;
		padding-bottom:5px;
}
#main_contents .kodawari_box .tab_area .tab6_label{
	background-image:url(../img/kodawari_btn_01.png);
		background-repeat:no-repeat;
	width:267px;
	height:83px;
	display:block;
		padding-bottom:5px;
}
#main_contents .kodawari_box .panel_area{
	width:920px;
}
#main_contents .kodawari_box .tab_panel{
	width: 920px;
	padding: 0;
	display: none;
	text-align:center;
}
#main_contents .kodawari_box .tab_panel p{
	width:920px;
	padding-top:20px;
	letter-spacing: 1px;
	text-align: center;
}

#main_contents .kodawari_box .tab_panel a:hover img{
	 opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}




#tab1:checked ~ .tab_area .tab1_label{background-image:url(../img/kodawari_btn_06_ov.png);}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background-image:url(../img/kodawari_btn_02_ov.png);}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background-image:url(../img/kodawari_btn_03_ov.png);}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background-image:url(../img/kodawari_btn_04_ov.png);}
#tab4:checked ~ .panel_area #panel4{display:block;}
#tab5:checked ~ .tab_area .tab5_label{background-image:url(../img/kodawari_btn_05_ov.png);}
#tab5:checked ~ .panel_area #panel5{display:block;}
#tab6:checked ~ .tab_area .tab6_label{background-image:url(../img/kodawari_btn_01_ov.png);}
#tab6:checked ~ .panel_area #panel6{display:block;}


#main_contents .smarthome_box{
	width:920px;
}


#main_contents .fotter_box{
	width:840px;
	height:214px;
	margin:0 auto;
	background-color:#FFF;
	border-radius: 10px;
	position:relative;
	text-align:center;
	padding-top:20px;
}

#main_contents .fotter_box p.company{
	position:absolute;
	text-align:center;
	font-size:14px;
	line-height:20px;
	left:250px;
	bottom:14px;
	z-index:20;
}

/* スライダー */

  .slide-media,
  .thumb-media {
    position: relative;
    overflow: hidden;
  }
  .slide-media img,
  .thumb-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
 .swiper-button-prev, .swiper-button-next  {
	width: 80px;
	height: 580px;
	top: 0;
    margin-top: 0;
}

.swiper-button-prev {
	left: 18px;
}

.swiper-button-prev:after {
	content: url(../img/navi_back.png);
}

.swiper-button-next {
	right: 18px;
}

.swiper-button-next:after {
	content: url(../img/navi_next.png);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: none;
}


  .slidegallery {
    overflow: hidden;
  }
   .slidegallery p.slide_cap{
	   font-size:12px;
	   padding-top:10px;
	   padding-left:10px;
   }
  
  .slidegallery .swiper,
  .slidegallery .swiper02,
  .slidegallery .swiper03,
  .slidegallery .swiper04,
  .slidegallery .thumb-wrapper,
  .slidegallery .thumb-wrapper02 {
    max-width: 920px;
    margin: auto;
	position:relative;
  }
  .slidegallery .swiper {
    overflow: visible;
  }
    .slidegallery .swiper02, .swiper03, .swiper04  {
    overflow: visible;
  }
  .slidegallery .swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
  }
  .slidegallery .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .slidegallery .swiper-controller {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 62.5%;
  }
  .slidegallery .swiper-button-prev, .slidegallery .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .slidegallery .slide {
    display: block;
    overflow: hidden;
  }
  .slidegallery .slide-media {
    display: block;
    padding-top: 66.6%;
  }
  .slidegallery .slide-media img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .slidegallery .slide-title {
    line-height: 1.6;
    padding: 10px;
	color:#000;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .slidegallery .thumb-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
  }
    .slidegallery .thumb-wrapper02{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
  }
  .slidegallery .thumb-media {
    padding-top: 100%;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .slidegallery .thumb-media img {
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .slidegallery .thumb-media-active {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.3;
  }
  .slidegallery .thumb-media-active img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }