@charset "utf-8";
#subpage.sub11 {}
#subpage.sub11 .section1 .box .txt-wrap .txt1 { top: 20%; left: 41%; color: #fff; width: 62%; }
#subpage.sub11 .section1 .box .txt-wrap .txt1 > p:first-child { color: #909090; font-size: 1rem; padding-bottom: 6%; }
#subpage.sub11 .section1 .box .txt-wrap .txt1 > p:nth-child(2) {  font-size: 1.2rem; padding-right: 6%; padding-bottom: 3%; }
#subpage.sub11 .section1 .box .txt-wrap .txt1 > p:nth-child(3) { padding-left: 0; }
#subpage.sub11 .section1 .box .txt-wrap .txt1 > p:nth-child(3) span { font-size: 1.2rem; color: #eccc7e; font-weight: bold; letter-spacing: -0.05rem; }

#subpage.sub11 .section2 .box .txt-wrap .txt1 { top: 5%; left: 7%; color: #222; }
#subpage.sub11 .section2 .box .txt-wrap .txt1 > p:first-child { color: #000; font-size: 1.3rem; padding-bottom: 2%; font-weight: bold; }
#subpage.sub11 .section2 .box .txt-wrap .txt1 > p:nth-child(2) { font-size: 1em; padding-bottom: 5%; }
#subpage.sub11 .section2 .box .txt-wrap .txt1 > p:nth-child(3) { font-size: 1rem; }

#subpage.sub11 .section3 .box .txt-wrap .txt1 { top: 5%; color: #333; padding: 0 10%; }
#subpage.sub11 .section3 .box .txt-wrap .txt1 > p { color: #000; font-size: 1.4rem; padding-bottom: 2%; font-weight: bold; letter-spacing: -0.1rem; }
#subpage.sub11 .section3 .box .txt-wrap .txt1 > div { font-size: 1rem; color: #000; }
#subpage.sub11 .section3 .box .txt-wrap .txt1 > div > p { padding: 3% 0 1%; color: #89673c; }
#subpage.sub11 .section3 .box .txt-wrap .txt1 > div > span { color: #89673c; }



#subpage.sub12 {}
#subpage.sub12 .section1 .box .txt-wrap .txt1 { top: 0%; left: 0%; color: #000; padding: 18% 16% 0; background: rgba(0,0,0,0); }
#subpage.sub12 .section1 .box .txt-wrap .txt1 > p:first-child { padding-bottom: 5%; text-align: center; font-weight: bold; font-size: 1.1rem; }
#subpage.sub12 .section1 .box .txt-wrap .txt1 > p:nth-child(2) { padding-bottom: 3%; }
#subpage.sub12 .section1 .box .txt-wrap .txt1 > p:nth-child(3) { padding-bottom: 3%; }
#subpage.sub12 .section1 .box .txt-wrap .txt1 > .time { width: 100%; overflow: hidden; padding-bottom: 6%; }
#subpage.sub12 .section1 .box .txt-wrap .txt1 > .time strong {display: block; float: left; margin-right: 2%; }
#subpage.sub12 .section1 .box .txt-wrap .txt1 > .time span {display: block; float: left; }
#subpage.sub12 .section1 .box .txt-wrap .txt1 > p:nth-child(5) { color: #663300; font-weight: bold; text-align: center; }


#subpage.sub12 .section2 { width: 100%; padding-bottom: 10%; position: relative;}
#subpage.sub12 .section2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#subpage.sub12 .section3 .box .txt-wrap .txt1 { top: 3%; color: #333; padding: 0 4%; }
#subpage.sub12 .section3 .box .txt-wrap .txt1 > p:first-child { font-size: 1.2rem; color: #996633; font-weight: bold; padding-bottom: 1%; }
#subpage.sub12 .section3 .box .txt-wrap .txt1 > p:nth-child(2) { font-weight: bold; padding-bottom: 3%; }

#subpage.sub12 .section3 .box .txt-wrap .txt2 { top: 70.5%; color: #333; width: 100%; overflow: hidden; }
#subpage.sub12 .section3 .box .txt-wrap .txt2 > ul { width: 100%; overflow: hidden; text-align: center; }
#subpage.sub12 .section3 .box .txt-wrap .txt2 > ul > li { width: 48.8%; float: left; line-height: 1.2; }
#subpage.sub12 .section3 .box .txt-wrap .txt2 > ul > li:first-child { margin-right: 2.4%; }

#subpage.sub12 .section3 .box .txt-wrap .txt2 > ul:nth-child(2) { padding-top: 41.5%; }



#subpage.sub13 p.title { font-size: 1.5rem; text-align: center; color: #000; padding: 5% 0 0; font-weight: bold; }
#subpage.sub13 p.exp { text-align: center; padding-bottom: 3%; color: #999; }
#subpage.sub13 p.sub-title { font-size: 1.2rem; text-align: center; color: #000; padding: 5% 0 3%; font-weight: bold; }