@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#efdfe8;}
.eventName .container {max-width:1000px; height:100%; margin:0 auto; text-align:center; position:relative}
.eventName b{font-weight:bold !important}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

.con01{height:1266px; background:url(images_au/con01_bg.jpg) no-repeat center top / cover; position:relative}
.con02{height:1155px; background:url(images_au/con02_bg.jpg) no-repeat center top / cover; position:relative}
.con03{padding:70px 0; background:#ffc9a0; position:relative}

.con03 h3{position:relative; padding-bottom:30px}

.pd{line-height:1.5; color:#212121; font-size:19px; letter-spacing:-1px; text-align:left; position:absolute; left:35%; top:21%}
.pd:nth-child(2){left:19%; top:64%}
.pd p:nth-child(2){position:relative; margin-top:15px; font-size:34px; display:inline-block; padding:0 5px}
.pd p:nth-child(2):after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#fcc9c6;}
.pd p:nth-child(2) b{position:relative; z-index:2}
.pd p:nth-child(2) span{font-size:27px}

.pd_box{max-width:952px; margin:0 auto; box-sizing:border-box; background:#fff; position:relative}
.pd_box:after{content:''; width:100%; height:100%; box-sizing:border-box; border:2px solid #000; background:#ffdc80; position:absolute; right:-8px; bottom:-8px;}
.pd_box > div{position:relative; z-index:5; font-size:0; text-align:center; background:#fff; border:2px solid #000;}
.pd_box .pd_con{display:inline-block; vertical-align:top; width:50%; position:relative; padding-top:40px}
.pd_box .pd_con:nth-child(1):after{content:''; display:block; width:1px; height:100%; background:#000; position:absolute; right:0; top:0}
.pd_box .pd_con p{color:#111; font-size:21px; line-height:1.4; position:relative}
.pd_box .pd_con p:nth-child(2){padding:5px 0 0 0}
.pd_box .pd_con p:nth-child(3){position:relative; margin:20px 0 0 0; display:inline-block; padding:0 5px;}
.pd_box .pd_con p:nth-child(3):after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#fcc9c6;}
.pd_box .pd_con p:nth-child(3) b{position:relative; z-index:2; font-size:28px}
.pd_box .pd_con p:nth-child(3) b span{font-size:20px}

.ft{position:relative; padding:25px 0 0 0; font-size:15px; color:#915324}

@media screen and (max-width: 1040px){
	.eventName .container{padding:0 20px; box-sizing:border-box; position:relative}
	
	.con01{height:auto; padding:63% 0}
	.con02{height:auto; padding:64% 0}
	.con03{padding:40px 0;}
	
	.con01 .container, .con02 .container{padding:0; width:100%; height:100%; position:absolute; left:0; top:0;}
	
	.pd{font-size:2.4vw; left:32%; top:20%}
	.pd:nth-child(2){left:16%}
	.pd p:nth-child(2){font-size:3.5vw}
	.pd p:nth-child(2) span{font-size:3vw}
	
	.pd_box .pd_con p{font-size:2.5vw}
	.pd_box .pd_con p:nth-child(3){margin:8px 0 0 0}
	.pd_box .pd_con p:nth-child(3) b{font-size:2.8vw}
	.pd_box .pd_con p:nth-child(3) b span{font-size:2.4vw}
	
	.ft{font-size:13px;}
}

@media screen and (max-width: 768px){
	.ft{font-size:12px}
}