@charset "utf-8";

/*main banner*/
section{
	width: 100%;
}
.main-bn-swip .s1{background-image:url(../img/sub1/image1.jpg);}
.main-bn-swip .s2{background-image:url(../img/sub1/image2.jpg);}
.main-bn-swip .s3{background-image:url(../img/sub1/image3.jpg);}
.main-bn-swip .s4{background-image:url(../img/sub1/image4.jpg);}
.main-bn-swip .s5{background-image:url(../img/sub1/image5.jpg);}
.main-bn-swip .s6{background-image:url(../img/sub1/image6.jpg);}
.main-bn-swip .s7{background-image:url(../img/sub1/image7.jpg);}
.main-bn-swip .s8{background-image:url(../img/sub1/image8.jpg);}
.main-bn-swip .s9{background-image:url(../img/sub1/image9.jpg);}
.main-bn-swip .s10{background-image:url(../img/sub1/image10.jpg);}
.main-bn-swip .s11{background-image:url(../img/sub1/image11.jpg);}
.main-bn-swip .s12{background-image:url(../img/sub1/image12.jpg);}
.main-bn-swip .s13{background-image:url(../img/sub1/image13.jpg);}
.main-bn-swip .s14{background-image:url(../img/sub1/image14.jpg);}
.main-bn-swip .s15{background-image:url(../img/sub1/image15.jpg);}
.main-bn-swip .s16{background-image:url(../img/sub1/image16.jpg);}
.main-bn-swip .s17{background-image:url(../img/sub1/image17.jpg);}
.main-bn-swip .s18{background-image:url(../img/sub1/image18.jpg);}
.main-bn-swip .s19{background-image:url(../img/sub1/image19.jpg);}


.main-bn .main-bn-txt{ background-color:rgba(0, 0, 0, 0.0); text-shadow: 0 2px 4px rgba(0,0,0,.6); }
.main-bn .main-bn-txt .line{ display:none; }
.main-bn .main-bn-txt .main-menu{ display:none; }

/* intro */
#intro {width: 100%; margin: 80px auto 0 ;}
#intro .intro-in{ width: 1400px; margin: 0 auto;}
.intro-in .intro-l .intro-txt {top: 240px;}
.intro-in .intro-l .intro-txt h3{ text-align: left;}
.intro-in .intro-l .intro-txt h2{ text-align: left;}
.intro-in .intro-l .intro-txt p{ text-align: left;}
.intro-in .intro-r .right-img div.img{aspect-ratio: 4/5;}

/* photo-detail */
.poto-detail{ width: 100%; margin: 0px auto 120px;}
.poto-detail .detail-in{ width: 1400px; margin: 0 auto; display: flex; justify-content: space-between;}
.detail-in .detail-l{ width: 50%; aspect-ratio:1; background-color: #343434;}
.detail-l .detail-l-img{ width: 100%; height: 100%; background: url(../img/sub1/image13.jpg) no-repeat center/cover;}
.detail-in .detail-r{ width: 50%; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; margin-left: 20px;}
.detail-r .detail-list{width: 100%;  display: flex; justify-content: space-between; }
.detail-r .detail-list .detail-img{ width: 50%; aspect-ratio:1; background-color: #343434;}
.detail-r .detail-list .detail-img.s1{ background: url(../img/sub1/image5.jpg) no-repeat center/cover;  }
.detail-r .detail-list .detail-img.s2{ background: url(../img/sub1/image16.jpg) no-repeat 20% 50%/cover;  }
.detail-r .detail-list .detail-txt{ padding: 20px 0px 0px 20px }
.detail-r .detail-list .detail-txt p{ font-family: "Diphylleia", serif; font-size: 13px; line-height: 1.5em; }
.detail-r .detail-list:last-child{ align-items: flex-end; }
.detail-r .detail-list:last-child .detail-txt{ padding: 0px 20px 20px 0px; }
.detail-r .detail-list:last-child .detail-txt p{ text-align: right; }




@media screen and (max-width: 1400px){
    #intro .intro-in{ width: 95%;}
    .poto-detail .detail-in{ width: 95%;}
}
@media screen and (max-width: 1024px){
    .intro-in .intro-l .intro-txt {top: 90px;}
    #intro{padding:0 0px; margin: 0;}
}
@media screen and (max-width: 768px){
    .poto-detail{ margin-top: 80px;}
    .poto-detail .detail-in{ flex-direction: column;}
    .detail-in .detail-l{ width: 100%;  aspect-ratio: 4 / 3;}
    .detail-in .detail-r{ width: 100%; margin-top: 30px; margin-left: 0;}
}
@media screen and (max-width: 520px){
    .detail-r .detail-list .detail-txt{  padding: 0;}
    .detail-r .detail-list:last-child .detail-txt{ padding: 0;}
    .detail-r .detail-list .detail-txt p{ font-size: 10px;}
}