@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}


/* section_01 */
.showroom_box {
    background: #eadfce;
    width: 100%;
    height: auto;
    margin: 4em auto;
	padding: 4em;
	box-sizing: border-box;
    position: relative;
}
/* ラベル部分 右上に表示 */
.showroom_box::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 4em solid transparent;
    border-right: 4em solid #7f4f21; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.sec_01_ttl{width: 60%;margin: 0 auto;}
.mt5em{margin-top: 5em;}
.youtube{width: 90%;margin: 2em auto 2em;}


/* section_02 */
.sec_02_box{position: relative;}
.sec_02_box img.illust{position: absolute;top: -100px;left:0;width: 15%;}
.floor_map{padding: 3em 0 5em; }

.swiper-container{width: 80%;margin: 0 auto;}
/* メイン画像 */
.main-slider img {
    width: 100%;
    height: auto;
}

/* ===== サムネイル2段表示 ===== */
.thumb-slider .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s;
}
.thumb-slider {
    margin-top: 20px;
    height: auto;
}

/* 各サムネイルのデザイン */
.thumb-slider img {
    width: 100%;
    height: auto;
    object-fit: contain;
    opacity: 0.6;
    transition: 0.3s;
}
/* サムネイルを複数横並びに */
.thumb-slider .swiper-wrapper {
    display: flex;
}
.thumb-slider .swiper-slide-thumb-active img {
    opacity: 1;
    transform: scale(1.05);
}
/* スマホ対応 */
@media (max-width: 640px) {
    .thumb-slider img {
        height: 60px;
    }
}

/* section_03 */
.section_03{background-color:#f5f5f1;position: relative;}
.tenmei{font-size: 1.6em;margin-top: 0.6em;}
.eigyou-jikan{font-size: 1.2em;padding-bottom: 0.4em; font-weight: bold;color: #6a3906;border-bottom: solid 1px #6a3906;}

.ac_doc{margin: 0 auto;}
.ac_doc ul li {
  flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 2% 0;
	border-bottom: solid 1px #6a3906;
	font-size: 1.1em;
}
.ac_doc span {
	width: 4em;
  padding: 3px 3%;
	background-color: #6a3906;
	color: #ffffff;
 margin-right:2%;
  display: inline-block;
  align-items: top;
  justify-content: center;
	text-align: center; font-weight: bold;
}
.ac_doc a{display: block; width: 80%;margin-top: 3%;}
.cyusyajou{font-size: 2em;margin-top: 0.6em;border-bottom: solid 1px #6a3906;margin-bottom: 0.6em;}
.cyusya_p{font-size: 1.4em;font-weight: bold;padding-bottom: 1em;}
.sec_03_illust{width: 15%;position: absolute;bottom:0;right:0;}

/* section_11 */
.section_11{background-image: url("../../img/sec_04_back_top_pc.svg");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;padding: 0;background-color: #cbddd8;margin: 0;}
.sec_11_back{background-image: url("../../img/sec_11_back_pc.svg");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;height: auto; padding: 30px 0% 5%;margin: 0;}
.sec_11_mt5per{margin-top: 5%;}
.sec_11_back p{padding: 0 14% 0%;box-sizing: border-box;}
.news_btn{width: 40%;margin: 2em auto;display: block;}
.news_btn img{width: 100%;}
.sec_ttl img{height: 200px;}
.sec_ttl{font-size: 4em;text-align: center;}

/*================================================
 *  ユーチューブ用
 ================================================*/
.youtube_box{padding:3% 5%;}
.youtube_box h2{font-size: 26px;font-weight:bold;}
.youtubesm{
background:#fff
}
.youtubesm a{
border:2px
solid #fff;
display:block;
position:relative
}
.youtubesm a:hover{
opacity:.6
}
.youtubesm a::before{
background:url(../img/yt_icon_rgb.png) center center / 70px 40px no-repeat;content:"";
display:block;
width:100%; /*アイコンの幅調整*/
height:60px; /*アイコンの高さ調整*/
margin:-32px auto 0;
position:absolute;
top:50%;
left:0;
right:0;
z-index:1
}
.youtubesm a img{
width:100%
}
.yt_pt100{padding-top: 20%;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
	

	
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
/* section_01 */
.showroom_box {
    width: 100vw;
   margin: 2em calc(50% - 50vw) 0;
	padding: 2em;
}
/* ラベル部分 右上に表示 */
.showroom_box::before {
    border-bottom: 3em solid transparent;
    border-right: 3em solid #7f4f21; /* ラベルの色はここで変更 */
}
.sec_01_ttl{width: 70%;margin: 0 auto;}
.mt5em{margin-top: 2em;}
.youtube{width: 100%;margin: 1em auto 0em;}	
/* section_02 */
.sec_02_box img.illust{position: absolute;top: -50px;left:0;width: 26%;}
.floor_map{padding: 3em 0 3em; }	
.swiper-container{width: 100%;margin: 0 auto;}	
/* section_03 */
.tenmei{font-size: 1.4em;margin-top: 0em;}
.eigyou-jikan{font-size: 0.94em;padding-bottom: 0.4em;}
.ac_doc ul li {font-size: 0.84em;}
.ac_doc span {width: 3.2em;padding: 3px 2%;}
.ac_doc a{display: block; width: 100%;margin-top: 3%;}
.cyusyajou{font-size: 1.4em;margin-top: 0em;margin-bottom: 0.3em;}
.cyusya_p{font-size: 0.9em;padding-bottom: 0.4em;}
.sec_03_illust{display: none;}	
/* section_11 */
.section_11{padding: 10% 0 0;}
.sec_11_back{background-image: url("../../img/sec_11_back_sp.svg");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;height: auto; padding: 15px 0% 5%;margin: 0;}
.sec_11_mt5per{margin-top: 0%;margin-bottom: 1em;}
.sec_11_back p{font-size: 0.84em;}
.sec_11_back p,.sec_11_back a{padding: 0 5% 0%;box-sizing: border-box;}
.news_btn{width: 99%;margin: 2em auto;display: block;}
.news_btn img{width: 100%;}
.sec_ttl img{height: 130px;z-index: 100;position: relative;}
.sec_ttl{font-size: 2em;text-align: center;}
	
.yt_pt100{padding-top: 3%;}
.yt_spb2per{padding-bottom: 2%;}
}