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

:root{
	--tks1:calc(1199vw / 14.4);
	--tks2:calc(var(--tks1) + calc(1121px /14.4));
	--tks3:calc(1629px / (14.4 / 3.1));
	--tks4:calc(4683px / 14.4);
	--tks5:calc(2859px / 14.4);
	--tks6:calc(2225px / 14.4);
	--tks7:calc(1987px / 14.4);
	--tks1sp:calc(1607vw / 10.0);

}

/* <!-- 共通 --> */
body{
	margin: 0px;
	-webkit-text-size-adjust: 100%;

	background-color: #000;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;

}
.view-pc{    
    display: block !important;              /* フレックスボックスにする */
}
.view-mobile{
    display:none !important;
}
.wrapper{
	display:block;
	max-width:1440px;
	width:100%;
	margin: 0 auto;
	overflow:hidden
}

.circle-1{
	display: block;
    max-width: 250px;
/*    width: calc(100vw * 0.18);*/
	width:100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px;
}
.circle-2{
	display: block;
    max-width: 250px;
/*    width: calc(100vw * 0.18);*/
	width:100%;
	position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.goth {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
	font-size: clamp(12px, 1.6vw, 16px);
    line-height: 1.5;
    padding-top: 2%;
	padding-left:2%;
    color: #fff;
	text-align: left;
    letter-spacing: 0.03em;
}

.goth-2 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
	font-size: clamp(12px, 1.6vw, 16px);
    line-height: 1.5;
    padding-top: 2%;
	padding-left:0%;
    color: #fff;
	text-align: left;
    letter-spacing: 0.03em;
}

.info-doc-1, .t-doc-box, .attention-box {
    font-size: clamp(16.0px, 3.4vw, 34px);
}


.des_img-0,
.des_img-1,
.des_img-2,
.des_img-3{
	font-size: clamp(12px, 1.6vw, 16px) !important;
	color:#fff;
}


.border-line-flex {
	display: flex;
	justify-content: center; /* 水平方向の中央揃え */
	align-items: center; /* 垂直方向の中央揃え */
	height: 3px; /* 親要素の高さ */
	margin-bottom:5%;
	margin-top: 5%;
  }
  .border-line {
	width: 25%; /* 線の幅 */
	height: 3px; /* 線の太さ */
	background-color: #ffe25c; /* 線の色 */
	margin-top:-9%;
  }
  
  
.image-box {
    display: flex;
    flex-wrap: wrap;
    width:76%;
    width:80%;
    margin: 0 auto;
}


/* <!-- 最上部画像＆タイトル＆開催日 --> */
.section-top .view-pc .top_photo {
    display: block;
    position: relative;
    background-image: url(../images2025/bg_01.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
	max-height: 1199px;
    height: var(--tks1);
}
.section-top .view-mobile .top_photo {
    display: block;
    position: relative;
    background-image: url(../images2025/bg_01-sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
	max-height: 1607px;
    height: var(--tks1sp);
	margin-bottom: 7%;
}

.section-top .topttl{
    display: block;
	position: absolute;
	width:55%;
    bottom: 1%;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.section-top .top_ttl_wa h2 img{
    display: block;
	position: absolute;
    width: 32%;
    top: 2%;
    left: 7%;
}



/* <!-- ライトアップ　時間＆エリア --> */
.section-top .top_doc{
	display:block;
	position: relative;
	background-image: url(../images2025/bg_02-l.jpg); 
	background-repeat:  no-repeat; 
    background-position:top center; 
    background-size:cover; 
	width:100%;
	padding-top: 5%;
/*    max-height: 1121px;
	height: calc((1121px / 14.4) + (1199vw / 14.4));
*/
	height: auto;
	padding-bottom: 10%;

}
/*  <!-- ライトアップ　期間／時間 -->  */
.section-top .t-doc-box{
	margin-top:3%;
}	
.section-top .top_doc .top_doc-box-2{
	margin-top:12%;
}
.section-top .section-area .square-1{
    margin-top: 0;
    padding-top: 0;
}
.section-top .top_doc h3.square-1{
	width:13%;
	margin:-5.3% auto 1%;
}
.section-top .section-area .square-1-2{
    margin-top: 0;
    padding-top: 0;
}
.section-top .top_doc h3.square-1-2{
	width:13%;
	margin:7.7% auto 1%;
}
.section-top .top_doc img.doc-1{
	width:50%;
}
.section-top .top_doc img.doc-2{
	width:22%;
}

/*  <!-- ライトアップ　エリア -->  */
.section-top .area-box-2 h3.square-2{
	width:23%;
	margin:6.5% auto 2.0%;
}
.section-top .area-box-2 .t-doc-box{
	position: relative;
}
.section-top .t-doc-box p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    line-height: 1.5;
    padding-top: 2%;
    margin-bottom: 0;
    color: #fff;
	font-size: clamp(14px, 2.2vw, 28px);
}
.section-top .t-doc-box1 p {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
    line-height: 1.5;
    padding: 3% 5%;
    margin-bottom: 0;
    color: #fff;
	font-size: clamp(14px, 2.2vw, 28px);
}
.section-top .t-doc-box1 p .yellow-d{
	color: #ffe25c;
}



/* <!-- ナイトミュージアム点灯式＆イベント --> */
.section-area-1{
	display:block;
	position: relative;
	background-image: url(../images2025/bg_03.jpg); 
	background-repeat:  no-repeat; 
    background-position:top center; 
    background-size:cover; 
   	width:100%; 
/*	max-height:1629px;
	height: calc((1629px / 14.4) + ((1121px / 14.4) + (1199vw / 14.4)));
	height: calc(var(--tks1) + var(--tks2) + var(--tks3));
*/
	height: auto;
	padding-bottom: 10%;
	
}
.section-area-1 .a1-box{
	display:block;
	position: relative;
	width:50%;
	margin:0 auto 0;
}
.section-area-1 .mida-3 {
	width:86%;
	margin-top:calc(100vw / 12);
}
.section-area-1 .a1-dt-1 {
	width:54%;
	margin-top:-4%;
}
.section-area-1 .a1-pl-1 {
	width:54%;
	margin-top:7%;
}
.section-area-1 .mida-4 {
	width:94%;
	margin-top:calc(100vw / 13);
}
.section-area-1 .a1-dt-2 {
	width:43%;
	margin-top:3%;
}
.section-area-1 .a1-goth {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
    line-height: 1.7;
    padding: 0 4% 0 0;
    color: #fff;
    font-size: clamp(14px, 1.7vw, 22px);
	text-align: left;
}
.section-area-1 .a1-doc-box{
	margin-top:5%;
}

.section-area-1 .a1-goth-2 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
    line-height: 1.7;
    padding: 0 11% 0;
    color: #fff;
    font-size: clamp(14px, 1.7vw, 22px);
	text-align: left;
}

.section-area-1 .image-box{
	display: flex;
	flex-wrap:wrap;
	width: 100%;
    margin: 0 auto;
}
.section-area-1 .a1-image{
	width: 47%;
	margin: 2% 1.5%;
}



/* <!-- スマドリ＆ムービー --> */
.section-area-2{
	display:block;
	position: relative;
	background-image: url(../images2025/bg_04.jpg); 
	background-repeat:  no-repeat; 
    background-position:top center; 
    background-size:cover; 
   	width:100%; 
/*	max-height:4683px;
	height: calc(4683vw / 14.4);
	height: calc(var(--tks1) + var(--tks4))
*/	
	padding-top:7%;
	height: auto;
	padding-bottom: 21%;
}

.section-area-2 div.smadori-radius {
	display:block;
	position: relative;
	width: 55%;
    height: calc(244vw / 14.4);
	margin: 0% auto 15%;
	padding: 0;
}
.section-area-2 .smadori-radius .btn{
	display: block;
	position: absolute;
	width: 40%;
    bottom: 12%;
    left: 50%;
    transform: translateX(-21%);
    -webkit-transform: translateX(-21%);
    -ms-transform: translateX(-21%);
}

.section-area-2 .smadori-radius {
	display:block;
	position: relative;
	background-image: url(../images2025/smadri-base.png); 
	background-repeat:  no-repeat; 
    background-position:top center; 
    background-size:contain; 
   	width:100%; 
}
.smadori-block{
	visibility: hidden;
}
.section-area-2 .smador-lnk{
	display: block;
    position: absolute;
    width: 70%;
    bottom: -44%;
    right: -23%;
}

.section-area-2 .smador-lnk img{
	width:100%;
}
.section-area-2 .video_box{
	max-width:1000px;
	width:65%;
	margin:0 auto 7%;
}

.section-area-2 .lightup-box-1 {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
	padding-top: 10%;
}
.section-area-2 .lightup-box-1 .title-box{
	display:block;
	position: relative;
   	width:100%; 
    height: 280px; 
}
.section-area-2 .mida-5 {
    width: 86%;
    margin-top: calc(100vw / 33);
}

.section-area-2 .lightup-box-1 .title-box h2 {
	max-width: 500px;
    width: 100%;
    margin: 10px auto 10px;
	padding-top: 30px;
}
.section-area-2 .lightup-box-1 .title-box p{
    line-height: 1.5;
    padding-top: 0;
    color: #fff;
}
.section-area-2 .lightup-box-1 .image-box p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: clamp(14px, 1.8vw, 22px);
    line-height: 2.0;
    padding-top: 25px;
    margin-bottom: 15px;
    color: #fff;
}
.section-area-2 .lightup-box-1 .image-box span.goth {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
}
.section-area-2 .des_img-2{
	margin-top:-2%;
}

.section-area-2 .lightup-box-1 .lightup-image {
    width: 47%;
    margin: 4.2% 1.5%;
}

.section-area-2 .wamon-1{
	position: absolute;
    width: 25%;
    bottom: -4.3%;
/*    bottom: -5.0%;*/
    right: -7%;
    z-index: 2;
}




/* <!-- 鄭成功ランタンナイトエリア --> */
.section-area-3{
	display:block;
	position: relative;
	background-image: url(../images2025/bg_05.jpg); 
	background-repeat:  no-repeat; 
    background-position:top center; 
    background-size:cover; 
   	width:100%; 
/*	max-height:2859px;
	height: calc(2859vw / 14.4);
	height: calc(var(--tks1) + var(--tks2) + var(--tks3) + var(--tks4) + var(--tks5));
*/
	padding-top:7%;
	height: auto;
	padding-bottom: 16%;
}
.section-area-3 .Teiseiko-box-1 .Teiseiko_ttl h2{
    width: 100%;
    max-width: 720px;
    margin: 0 auto 5%;
    padding-top: 10%;
}
.section-area-3 .Teiseiko-box-1 p .tsk-pic-1{
    width: 100%;
    max-width: 600px;
    margin: 0 auto 4%;
	padding-left: 2.5%;
    padding-right: 2.5%;
}
.section-area-3 .Teiseiko-box-1 p .tsk-ttl-1{
    width: 100%;
    max-width: 768px;
    margin: 0 auto 3%;
}
.section-area-3 img.doc-1 {
	display:block;
	position: relative;
    padding-top: 0;
	width:100%;
    max-width: 650px;
	margin: -30px auto 3%;
}
.section-area-3 img.doc-1-08 {
	display:block;
	position: relative;
    padding-top: 0;
	width:100%;
	max-width: 692px;
	margin:0 auto 3%;
}
.section-area-3 img.doc-2 {
	display:block;
	position: relative;
    padding-top: 0;
    max-width: 300px;
    width: 300px;
	margin:-10px auto 12%;
}
.section-area-3 img.doc-3 {
	display:block;
	position: relative;
    padding-top: 0;
	width:100%;
	max-width: 650px;
	margin:-30px auto 4%;
}
.section-area-3 .doc-box p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    line-height: 2.2;
    padding-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: clamp(14px, 1.9vw, 26px);
	letter-spacing: 0.15em;
}
.section-area-3 img.mida {
	padding-top: 5%;
	max-width: 200px;
	width: 200px;
}
.section-area-3 .lightup-image {
    width: 47%;
    margin: 1.5% 1.5%;
}
.section-area-3 .t-center{
	display: block;
    width: 100%;
	max-width:1100px;
	margin: 0 auto;
}
.section-area-3 .image-box {
	margin-top:7%;
}

.section-area-3 .wamon-2{
	position: absolute;
    width: 25%;
	bottom: -4.5%;
    left: -14.5%;
    z-index: 2;
}
.section-area-3 .doc-box{
	display: block;
	width: 60%;
    margin: 4% auto 8%;
}
.section-area-3 .Teiseiko-box-1{
	display: block;
	margin: 0% auto 0%;
	padding-bottom:0%;
}



/* <!-- NAKEDディスタンス --> */
.section-area-4{
	display:block;
	position: relative;
	background-image: url(../images2025/bg_06.jpg); 
	background-repeat:  no-repeat; 
    background-position:top center; 
    background-size:cover; 
   	width:100%; 
/*	max-height:2225px;
	height: calc(2225vw / 14.4);
	height: calc(var(--tks1) + var(--tks2) + var(--tks3) + var(--tks4) + var(--tks5) + var(--tks6));
*/
	padding-top:5%;
	height: auto;
	padding-bottom: 11%;
}

.section-area-4 img.mida {
    padding-top: 0;
    max-width: 140px;
    width: 140px;
	margin-bottom: 10px
}

.section-area-4 .doc-box h2{
	font-size: 5.2rem;
    color: #fff;
    line-height: 1.5;
    padding-top: 0;
    margin-bottom: 80px;
	/*text-shadow: 1px 2px 3px #808080;*/
	/*text-shadow: 2px 2px 2px lightyellow,1px 1px 0px brown,8px 6px 10px gold;*/
	/*text-shadow: 0 0 30px lightyellow,0 0 20px rgb(250, 187, 187),0 0 20px gold;*/
}
.section-area-4 img.doc-1 {
    padding-top: 0;
    width: 615px;
}

.section-area-4 .naked-box-1 img.doc-1 {
	padding-bottom:0;
}

.section-area-4 .naked-box-2 img.doc-1 {
	padding-bottom:7%;
}

.section-area-4 .doc-box p{
    line-height: 1.5;
    padding-top: 0;
    margin: 0 auto 60px;
    color: #fff;
}

.section-area-4 .naked-box-2 p{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
    line-height: 1.8;
	width: 100%;
    max-width: 610px;
    margin: -10px auto 4%;
    text-align: left;
    padding: 0;
    font-size: clamp(18px, 2.2vw, 24px);
}

.section-area-4 .naked-box-1 img{
	max-width: 1300px;
    width: 70%;
    margin: 24% auto 0;
}

.section-area-4 .naked-box-2 .doc-box h2{
	max-width: 700px;
    width: 70%;
    margin: 0px auto 9%;
}
.section-area-4 .naked_dl-box {
	max-width: 690px;
    padding-left: 3%;
    width: 100%;
    margin: 0 auto 80px;
}
.section-area-4 .naked-dl{
    padding-top: 0;
    margin: 0 auto 60px;
    color: #fff;
	min-width: 800px;
}

.section-area-4 .naked-dl th{
    width:20%;
}
.section-area-4 .naked-dl td{
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
    line-height: 1;
	text-align: left;
	font-size: clamp(18px, 2.2vw, 24px);
	width:80%;
	padding-left:0;
	padding-bottom:1em;
}
.section-area-4 .naked-dl td span{
	letter-spacing: -0.05em;
}
.section-area-4 .naked-dl th img.a4d1 {
    display: block;
    margin-top: -27%;
}
.section-area-4 .naked-dl th img.a4d2 {
    display: block;
    margin-top: -35%;
}
.section-area-4 .naked-dl tr td {
    height: 100px;
}

.section-area-4{
	display:block;
	position: relative;
}

.section-area-4 .wamon{
	position: absolute;
	width:30%;
	bottom:-8%;
	left:0;
	z-index:5;
}

.section-area-4 .doc-box{
	display: block;
	width: 70%;
    margin: 4% auto 8%;
}


/* <!-- ライトアップエリアマップ --> */
.section-area-5{
	display:block;
	position: relative;
	background-image: url(../images2025/bg_07.jpg); 
	background-repeat:  no-repeat; 
    background-position:top center; 
    background-size:cover; 
   	width:100%; 
/*	max-height:1987px;
	height: calc(1987vw / 14.4);
	height: calc(var(--tks1) + var(--tks2) + var(--tks3) + var(--tks4) + var(--tks5) + var(--tks6) + var(--tks7));
*/	
	padding-top:2%;
	height: auto;
	padding-bottom: 4%;
}
.section-area-5 .map-box-1 h2  {
	padding-top: 100px;
    max-width: 600px;
    width: 36%;
    margin: 0 auto 55px;
}

.section-area-5 .map-box-1 img{
	max-width: 1440px;
    width: 97%;
    position: relative;
    margin-left: 1.8%;
    margin-right: 0;
	padding-bottom:0;

}

.section-area-5 .map-box-1 img.map-img-1{
	padding-bottom:2%;

}
.section-area-5 .map-box-1 div.doc-box2 img{
	padding-bottom:6%;
}
.section-area-5 .map-box-1 img.map-top{
	padding-top:55px;
}

.section-area-5 .map-box-1 .attention-box {
	display:block;
	background-color: #fff000;
	max-width:1000px;
	padding: 0.8%;
	width:85%;
	margin:0 auto 40px;
	color: #000;
    font-weight: 600;
    line-height: 2.0;
    letter-spacing: -0.05em;
	font-size: clamp(14px, 2.2vw, 24px);
}
.section-area-5 .map-box-1 .attention-box h3{
	font-size: 3.5rem;
	line-height: 1.5;
}
.section-area-5 .map-box-1 .doc-box {
	color: #000;
    line-height: 2.0;
    letter-spacing: -0.05em;
	padding-bottom:100px;
	font-weight: 500;
	width:85%;
	margin:0 auto;
	font-size: clamp(14px, 2.2vw, 24px);
}
.section-area-5 .map-box-1 .doc-box2{
    max-width: 600px;
    width: 70%;
    margin: 0 auto 6%;
}
.section-area-5 .map-box-1 .doc-box3 {
    max-width: 1140px;
     width: 95%;
    margin: 0 auto 40px;
}
.section-area-5 .map-img-mnt{
	margin-top: -27px;
	vertical-align: bottom;
	line-height: 1.0em;
}
.section-area-5 .map-img-mnt2{
	vertical-align: bottom;
	line-height: 1.0em;
}
.section-area-5 .line-box{
	display:block;
	position: relative;
}

.section-area-5 .line-box .linebtn{
	display:block;
	position: absolute;
	bottom: 18%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}


.section-info{
	display:block;
	position: relative;
	margin:0 auto;
   	width:100%; 
	padding:15% 50px 8%;
	font-size: clamp(14px, 1.6vw, 18px);
    line-height: 1.6;
    color: #fff;
	background-color: #01113d;
}
.section-info .info-box-1{
	margin-bottom:50px;
}
.section-info .info-box-2{
	margin-bottom:120px;
}
.section-info .info-box-3{
	margin-bottom:50px;
}

.section-info .info-doc-1{
    line-height: 2.0;
}
.section-info .info-doc-2{
	font-size: clamp(14px, 1.6vw, 18px);
    line-height: 2.6;
}
.section-info .mida2{
	font-size: clamp(14px, 1.6vw, 18px);
    line-height: 2.6;
}
.section-info .tel{
	font-size: 3.8rem;
	font-size: clamp(20px, 2.2vw, 36px);
    line-height: 2.0;
}

.section-info .addless{
	font-size: clamp(14px, 1.6vw, 18px);
    line-height: 1.6;
}

.section-info .addless span.top{
	letter-spacing: 0.08em;
}
.section-info .addless span.bottom{
	letter-spacing: -0.05em;
}

.section-info .tel span.teln{
	font-weight: 600;
}
.section-info .tel span.telt{
	font-size: 3.4rem;
}
.section-info .info-doc-1{
    font-size: clamp(14px, 2.2vw, 24px);
}



/* <!-- Footer --> */
.footer{
	background-color: #796a56;
/*	background-color: #190c0a;*/
	width: 100%;
/*	height: 350px;
	max-width: none;*/
	padding: 4% 0 8% !important;
	background-image: none !important;
}
.footer .footer-inc{
	margin: auto;
	max-width: 1200px;
	padding: 10px;
  
}
.footer .footer-inc .sns-box{
	display: flex;
	justify-content: flex-end;
	margin-left:auto;
	margin-bottom: 70px;
}

.footer .footer-inc .sns-box a img{
	max-width: 40px;
	width:100%;
    	margin-right: 25px;
}

.footer .footer-inc .sns-box a img.lst{
	padding-top:3px;
	margin-right: 0;
}

.footer-copyright {
    font-size: clamp(14px, 2.0vw, 22px);
}



@media only screen and (max-width: 1200px){ /* 1200px以下 */

}



@media only screen and (max-width: 899px){ /* 899px以下 */
		
	.section-area-2 div.smadori-radius {
		display:block;
		position: relative;
		width: 60%;
		height: calc(280vw / 14.4);

	}
	.section-area-2 .smadori-radius .smador-doc p {
		padding: 0 0 8% 0;
	}

	.section-area-2 .smador-lnk{
		bottom: -45%;
		right: -23%;
	}
	.section-area-4 .naked-dl {
		padding-top: 0;
		margin: 0 auto 60px;
		color: #fff;
		min-width: 100%;
	}
}



@media only screen and (max-width: 767px){ /* 767px以下 */
	
	.view-pc{    
		display:none !important;
	}
	.view-mobile{
		display: block !important;              /* フレックスボックスにする */
	}

	.non-youso{
		display:none !important;
	}


	.section-top .top_photo .topttl {
		top: 0;
		left: 0;
		transform: translateX(-0);
		-webkit-transform: translateX(-0);
		-ms-transform: translateX(-0);

		display: block;
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding-top: 55%;
	}
	
	.section-top .top_photo .top_ttl_wa h2 img {
		top: 0;
        left: 0;
		display: block;
		position: relative;
		width: 70%;
		margin: -2% auto 0;
	}

	.section-top .top_photo .doc-2{
		display: block;
		position: relative;
		width: 85%;
		margin: 2% auto 3%;
	}
	.section-top .top_photo .mida-1{
		display: block;
		position: relative;
		width: 15%;
		margin: 4% auto 0;
	}

	.section-top .top_photo .doc-1{
		display: block;
		position: relative;
		width: 87%;
		margin: 0 auto;
	}

	.section-top .t-doc-box {
		margin-top: 0;
	}
	.section-top .t-doc-box .square-2 {
		display: block;
		position: relative;
		width: 70%;
		margin: 0 auto 0;
	}

	.section-top .t-doc-box p {
		padding-top: 0;
		margin-bottom: 0;
	}
	.section-top .t-doc-box1 p {
		padding: 3% 5%;
		margin-bottom: 0;
	}

	.section-top .t-doc-box1 {
		padding-bottom: 10%;
	}
	
	.section-top .des_img-0{
		margin-top:0;
	}


	.section-area-1 .a1-box {
		display: block;
		position: relative;
		width: 90%;
		margin: 0 auto 0;
	}

	.section-area-1 .a1-dt-1 {
		width:70%;
		margin-top:-4%;
	}
	.section-area-1 .a1-pl-1 {
		width:70%;
		margin-top:7%;
	}
	.section-area-1 .a1-image {
		width: 100%;
		margin: 2% 0;
	}

	.section-area-1 .a1-image img{
		padding-top: 7%;
	}
	
	.section-area-1 .image-box {
		width: 93%;
	}


	.section-area-2 {
		padding-top: 10%;
	}
	.section-area-2 div.smadori-radius {
		display:block;
		position: relative;
		width: 82%;
        height: calc(580vw / 14.4);
        margin: 0% auto 20%;
	}
	
	.section-area-2 .smadori-radius .btn  img {
		width: 150%;
	}
	.section-area-2 .smadori-radius .btn {
		display: block;
		position: absolute;
		width: 65%;
		bottom: 20%;
		left: 58%;
		transform: translateX(-43%);
		-webkit-transform: translateX(-43%);
		-ms-transform: translateX(-43%);
	}
	.section-area-2 .smador-lnk{
		bottom: 0%;
		right: -6%;
	}
	.section-area-2 .smador-lnk img {
		width: 100%;
	}

	.section-area-2 .smadori-radius {
		display:block;
		position: relative;
		background-image: url(../images2025/smadri-base-sp.png); 
		background-repeat:  no-repeat; 
		background-position:top center; 
		background-size:contain; 
		width:100%; 
	}
	.smadori-block{
		visibility: hidden;
	}
	.section-area-2 .smador-lnk{
		display: block;
		position: absolute;
		width: 100%;
		bottom: -30%;
        right: 0%;
	}
	.section-area-2 .smadori-block-box{
		display:block;
		position: relative;
	}
	
	.section-area-2 .smador-lnk img{
		width:100%;
	}

	.section-area-2 .video_box {
		max-width: 1000px;
		width: 82%;
		margin: 0 auto 7%;
	}
	.section-area-2 .lightup-box-1 .lightup-image {
		width: 100%;
		margin: 4.2% 0%;
	}
	.section-area-2 .mida-5 {
		width: 85%;
		margin-top: 0;
	}
	.section-area-2 .lightup-box-1 .title-box {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 5%;
	}

	.section-area-2 .wamon-1 {
		position: absolute;
		width: 38%;
/*        bottom: -2.5%;*/
        bottom: -2.8%;
        right: -10%;
		z-index: 2;
	}
	.section-area-2 .lightup-box-1 .title-box h2 {
		width: 90%;
		margin: 10px auto 10px;
		padding-top: 30px;
	}


	.section-area-3 .Teiseiko-box-1 .Teiseiko_ttl h2 {
		width: 70%;
		max-width: 720px;
		margin: 0 auto 5%;
		padding-top: 10%;
	}
	.section-area-3 .lightup-image {
		width: 100%;
		margin: 4% 0%;
	}
	.section-area-3 img.mida {
		padding-top: 0;
		max-width: 200px;
		width:70%;
	}
	.section-area-3 img.doc-1 {
		padding-top: 0;
		width: 90%;
		max-width: 650px;
		margin: -30px auto 3%;
	}
	.section-area-3 img.doc-2 {
		padding-top: 0;
		max-width: 300px;
		width: 50%;
		margin: 0 auto 7%;
	}
	.section-area-3 img.doc-3 {
		padding-top: 0;
		width: 80%;
		max-width: 650px;
		margin: -30px auto 4%;
	}

	.section-area-3 .wamon-2 {
		position: absolute;
		width: 38%;
        bottom: -2.5%;
        left: -21.5%;
		z-index: 2;
	}
	.section-area-3 .doc-box{
		display: block;
		width: 90%;
		margin: 0% auto 0%;
	}
	.section-area-3 img.mida {
        padding-top: 0;
        max-width: 200px;
        width: 50%;
    }
	.section-area-3 .Teiseiko-box-1{
		display: block;
		margin: 0% auto 0%;
		padding-bottom:8%;
	}




	.section-area-4 .naked-box-1 img {
		max-width: 1300px;
		width: 100%;
        margin: 34% auto 0;
	}
	.section-area-4 img.mida {
		padding-top: 0;
		max-width: 140px;
		width: 70%;
		margin-bottom: 10px;
	}

	.section-area-4 .naked-box-2 .doc-box h2 {
		max-width: 700px;
		width: 80%;
		margin: 0px auto 3%;
	}
	.section-area-4 .naked-box-2 img.doc-1 {
		padding-top: 0;
		width: 84%;
		padding-bottom: 50px;
	}
	.section-area-4 .naked-box-2 p {
		width: 80%;
		max-width: 610px;
		margin: -10px auto 4%;
		text-align: left;
	}

	.section-area-4 .naked-box-2 .naked_dl-box {
		max-width: 690px;
		padding-left: 3%;
		width: 90%;
		margin: 0 auto 80px;
	}
	.section-area-4 .naked-dl th {
		width: 25%;
	}

	.section-area-4 .naked-dl td{
		width:75%;
	}
	.section-area-4 .naked-dl tr td {
		height: auto;
	}
	.section-area-4 .doc-box {
		display: block;
		width: 90%;
		margin: 4% auto 0;
	}
	.section-area-4 img.mida {
        padding-top: 5%;
        max-width: 140px;
        width: 46%;
        margin-bottom: 10px;
    }
	.section-area-4 .naked-box-2 p {
		font-size: clamp(16px, 2.2vw, 24px);
	}


	.section-area-5 .map-box-1 h2 {
		padding-top: 16%;
		max-width: 600px;
		width:  70%;
		margin: 0 auto 55px;
	}
	
	.section-area-5 .map-box-1 .doc-box2 {
		max-width: 600px;
		width: 70%;
		margin: 7% auto 6%;
	}
	.section-area-5 .map-box-1 .attention-box {
        margin-top: 5%;
        padding: 0 5%;
        width: 70%;
		text-align: left;
    }
	.section-area-5 .map-box-1 .doc-box {
        width: 70%;
        margin: 3% auto;
        text-align: left;
		padding-bottom: 0;
	}
		

	.section-area-4 .naked-box-1 img.doc-1 {
		padding-bottom:7%;
	}
	
	.section-area-4 .naked-box-2 img.doc-1 {
		padding-bottom:7%;
	}

	.section-area-5 {
		padding-bottom: 17%;
	}


	.section-area-5 .line-box .linebtn {
		display: block;
		position: absolute;
		bottom: 46%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}



	.section-info .info-doc-2 {
		line-height: 1.5;
	}

	.section-info {
		padding: 15% 5% 10%;
	}

	.section-info .tel{
		line-height: 1.5;
	}
	.section-info .addless span.top {
		letter-spacing: 0.00em;
		font-size: clamp(12px, 1.6vw, 18px);
	}
	.section-info .addless span.bottom {
		letter-spacing: -0.08em;
		font-size: clamp(12px, 1.6vw, 18px);
	}


	.footer {
		padding: 40px 0 40px !important;
	}
	.footer .footer-inc .sns-box {
		justify-content: center;
		margin: 0 auto;
	}
	.footer-copyright {
		font-size: clamp(12px, 1.6vw, 18px);
	}
	

}

@media only screen and (max-width: 399px) {

	.section-area-2 div.smadori-radius {
		display:block;
		position: relative;
		width: 80%;
        height: calc(650vw / 14.4);
        margin: 10% auto 20%;
	}
	.section-area-2 .smadori-radius .btn {
        display: block;
        position: absolute;
        width: 60%;
        bottom: 30%;
        left: 58%;
        transform: translateX(-43%);
        -webkit-transform: translateX(-43%);
        -ms-transform: translateX(-43%);
    }
	.section-area-2 .smador-lnk {
        bottom: -15%;
        right: 0%;
    }
}