@charset "UTF-8";

/* event
----------------------------------------------- */
.intro{position: relative;padding: 4vw 0 0;}
.intro img.img01{z-index: 1;position: relative;width: 86%;margin-left: 3vw;}
.intro img.img02{margin: 6vw 0 8vw auto;width: 80%;}
.intro .text{margin: 0 auto;width: 90%;}
.intro .text dl{padding: 5vw 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom: 4vw;}
.intro .text dt{display: inline-block;margin-right: 3vw;}
.intro .sub{font-family: var(--font_marcellus);font-size: 8vw;letter-spacing: .07em;margin-bottom: 2vw;color: #136c3c;line-height: 1.2;}
.intro .read{font-size: 4.6vw;margin-bottom: 3vw;font-family: var(--font_mincho);}
.intro p{margin-bottom: 0;}

/* event_date */
.event_date{padding: 10vw 0 0;margin: auto;width: 90%;}
.event_date img{margin: 0 auto;}



/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.intro{padding: 0 0 0;margin: 0 auto;width: 900px;}
.intro .img-flex{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px;}
.intro img.img01{position: initial;width: 436px;margin-left: 0;}
.intro img.img02{margin: 0;position: relative;right: -40px;width: 434px;top: 110px;}
.intro .text{width: 900px;margin: -20px auto 0;}
.intro .text dl{padding: 20px 0;margin-bottom: 20px;width: 500px;}
.intro .text dt{margin-right: 20px;}
.intro .sub{font-size: 36px;margin-bottom: 6px;}
.intro .read{font-size: 26px;margin-bottom: 24px;line-height: 1.7;}
.intro p{margin-bottom: 24px;}

/* event_date */
.event_date{padding: 0 0 0;margin: 100px auto;width: 900px;}

 

}