@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1018px; position:relative;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}

.con01{position:relative; padding:0px 0 10px 0; background:url(images_my/con01_bg.jpg) center top / cover; text-align:center}

.visual{position:relative; z-index:90}

.box_wrap{position:relative; z-index:80;}
.box{max-width:1000px; margin:0 auto; position:relative; background:#fff; box-sizing:border-box; border-radius:30px; padding:120px 40px 40px 50px; min-height:150px; font-size:0; text-align:left}
.box:after{content:''; display:block; width:1018px; height:116px; position:absolute; left:-14px; top:-50px; background-position:left top; background-repeat:no-repeat}

.box_wrap .box:nth-child(1){border:5px solid #906958; z-index:10}
.box_wrap .box:nth-child(2){border:5px solid #ff9019; z-index:9}
.box_wrap .box:nth-child(3){border:5px solid #ef797b; z-index:8}
.box_wrap .box:nth-child(4){border:5px solid #c5a27f; z-index:7}
.box_wrap .box:nth-child(5){border:5px solid #c61e2d; z-index:6}
.box_wrap .box:nth-child(6){border:5px solid #ffaf48; z-index:5}
.box_wrap .box:nth-child(7){border:5px solid #a4d18f; z-index:4}
.box_wrap .box:nth-child(8){border:5px solid #759dc2; z-index:3}

.box_wrap .box:nth-child(1):after{background-image:url(images_my/top01.png); height:140px; top:-70px; left:-14px}
.box_wrap .box:nth-child(2):after{background-image:url(images_my/top02.png);}
.box_wrap .box:nth-child(3):after{background-image:url(images_my/top03.png);}
.box_wrap .box:nth-child(4):after{background-image:url(images_my/top04.png);}
.box_wrap .box:nth-child(5):after{background-image:url(images_my/top05.png);}
.box_wrap .box:nth-child(6):after{background-image:url(images_my/top06.png);}
.box_wrap .box:nth-child(7):after{background-image:url(images_my/top07.png);}
.box_wrap .box:nth-child(8):after{background-image:url(images_my/top08.png);}

.box_wrap .box:nth-child(1) .txt .tit p:nth-child(1){color:#906958}
.box_wrap .box:nth-child(2) .txt .tit p:nth-child(1){color:#ff9019}
.box_wrap .box:nth-child(3) .txt .tit p:nth-child(1){color:#ef797b}
.box_wrap .box:nth-child(4) .txt .tit p:nth-child(1){color:#c5a27f}
.box_wrap .box:nth-child(5) .txt .tit p:nth-child(1){color:#c61e2d}
.box_wrap .box:nth-child(6) .txt .tit p:nth-child(1){color:#ffaf48}
.box_wrap .box:nth-child(7) .txt .tit p:nth-child(1){color:#a4d18f}
.box_wrap .box:nth-child(8) .txt .tit p:nth-child(1){color:#759dc2}

.box .img{display:inline-block; vertical-align:middle; margin-right:50px}
.box .txt{display:inline-block; vertical-align:middle;}
.box .txt .tit p:nth-child(1){position:relative; font-weight:bold; font-size:27px; line-height:1.4}
.box .txt .tit p:nth-child(2){position:relative; padding:3px 0 0 0; font-weight:bold; font-size:23px; color:#444444}
.box .txt .tit p:nth-child(2) span{font-weight:normal; font-size:19px}
.box .txt .btn{position:relative; padding:30px 0 0 0}
.box .txt .btn a{display:inline-block; color:#fff; font-size:19px; background:#222; border-radius:2px; padding:10px 30px;}
.box .txt dl{position:relative; padding-top:20px; margin-top:20px; border-top:1px dashed #cccccc; min-width:350px;  font-size:18px; }
.box .txt dl dt{position:relative; line-height:1.4; padding-bottom:10px; color:#555; font-weight:bold}
.box .txt dl dd{position:relative; line-height:1.4; margin-bottom:3px; color:#555555}
.box .txt dl dd:nth-last-child(1){margin-bottom:0}
.box .txt dl dd.bold{font-weight:bold}
.box .tail{position:relative; padding-top:30px; line-height:1.5; font-size:15px; color:#9e9e9e; text-align:center}

.ft_txt{position:relative; padding:20px 0 70px 0; line-height:1.4; font-size:15px; color:#529a8f}


@media screen and (max-width: 1020px){
	.container{padding:0 20px; width:auto}
	
	.box:after{width:calc(100% + 30px) !important; height:115px !important; background-size:100% auto;; top:-50px !important; left:-15px !important}	
	
	.ft_txt{padding:15px 0 50px 0; font-size:14px}

	.box .img{display:block; margin-right:auto; margin:0 auto; text-align:center}
	.box .txt{display:block; margin:0 auto; text-align:center; padding-top:40px; max-width:500px}
}

@media screen and (max-width: 768px){
	.box:after{height:100px !important; background-size:100% auto !important; top:-30px !important}
	
	.box .txt .tit p:nth-child(1){position:relative; font-weight:bold; font-size:18px; line-height:1.4}
	.box .txt .tit p:nth-child(2){position:relative; padding:3px 0 0 0; font-weight:bold; font-size:15px; color:#444444}
	.box .txt .tit p:nth-child(2) span{font-weight:normal; font-size:13px}
	.box .txt dl{min-width:100px; width:auto}
	.box .txt dl dd{font-size:13px}
	.box .txt .btn a{font-size:14px;}
	.box .tail{font-size:13px; padding-top:20px}
}

@media screen and (max-width: 650px){
	.box:after{top:-20px !important}
	.box{border-width:3px !important; padding:100px 20px 30px 20px}
}

@media screen and (max-width: 470px){
	.box{padding:70px 20px 30px 20px}
}