@charset "utf-8";
#aboutWrap {
	background-image:url(../img/event_contact/bg.png);
	background-size:25px auto;
	padding:10% 0;
	position:relative;
}

.eventOuter {
	width:80.56%;
	max-width:1208px;
	margin:0 auto;
}

.eventnewsWrap {
	/*background-image:url(../img/eventnews/wrap-bottom.png);*/
	background-image:url(../img/event_contact/wrap-bottom.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:left bottom;
	width:100%;
	padding:0 0 10%;
	margin:13.24% auto 0;
	position:relative;
}
.wrap-top {
	background-image:url(../img/eventnews/wrap-top.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:left top;
	margin-top:-13.24%;
	padding-top:9.72%;
}

.wrap-middle {
	background-image:url(../img/eventnews/wrap-middle.png);
	background-size:100% auto;
	background-repeat:repeat-y;
	padding:0;
	box-sizing:border-box;
}

.wrap-middle h2 {
	background-image:url(../img/event_contact/ttl.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	margin:0 auto 4.6vw;
	width:67.41%;
	max-width:809px;
	position:absolute;
	top:-3.46vw;
	left:50%;
	margin-left:-33.7%;
	display:block;
	padding-top:10.26vw;
	height:0px;
	overflow:hidden;
}

#aboutHeader h2 + p {
	background-image:url(../img/event_contact/head-bg.png);
	width:67.85%;
	height:0;
	margin:2.8vw auto;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-top:8.3%;
	background-position:center top;
	box-sizing:border-box;
	overflow:hidden;
	line-height:2;
}



#aboutHeader p {
	font-size:136%;
	font-weight:600;
	line-height:2.3;
}

h3.example-ttl {
	background-image:url(../img/event_contact/sbt1.png);
	width:27%;
	height:0;
	padding-top:3.5em;
	margin:0 auto 6.26vw;
	background-repeat:no-repeat;
	background-size:100% auto;
	overflow:hidden;
	line-height:2;
}
dl.example {
	padding:0 7.3% 0 6.5%;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:100% auto;
	overflow:hidden;
	line-height:2;
}
dl.example dt {
	text-align:center;
	width:47.17%;
	height:0;
	background-repeat:no-repeat;
	padding-top:4.95vw;
	line-height:2;
	overflow:hidden;
	background-image:url(../img/event_contact/ex1.png);
	background-size:100% auto;
	margin:0 auto 2.24vw;
}
dl.example dt:nth-of-type(2) {
	background-image:url(../img/event_contact/ex2.png);
}
dl.example dt:nth-of-type(3) {
	background-image:url(../img/event_contact/ex3.png);
}
dl.example dd figure {
	display:flex;
	align-items: flex-start;
}
dl.example dd figure img {
	margin-right:1.25%;
	width:49.37%;
}
dl.example dd figure img:last-child {
	margin-right:0;
}
dl.example dd figure.item3 img {
	width:32.5%;
}
dl.example dd {
	padding:0 0 9vw;
}
dl.example dd p {
	font-size:150%;
	text-align:center;
	line-height:1;
	margin-top:1.46vw;
}

.catchTxt {
	background-image:url(../img/event_contact/catch.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:49.13%;
	max-width:594px;
	height:0;
	padding-top:19.36%;
	overflow:hidden;
	margin:0 auto 4.52vw;

}
dl.contact {
	border:solid 4px #000;
	width:86.5%;
	box-sizing:border-box;
	margin:0 auto;
}
dl.contact dt {
	background-color:#55acee;
	padding:2.45vw 0;
}
dl.contact dt span {
	display:block;
	background-image:url(../img/event_contact/contact_ttl.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-top:2em;
	height:0;
	width:75%;
	margin:0 auto;
	overflow:hidden;
	line-height:2;
}
dl.contact dd > div {
	width:88%;
	margin:0 auto;
	border-top:solid 4px #000;
	padding:2.8vw 0;
	font-size:150%;
	box-sizing:border-box;
}
dl.contact dd p,
dl.contact dd li,
dl.contact dd span,
dl.contact dd > div ul li a {
	font-weight:600;
}
dl.contact dd > div ul li a:hover {
	text-decoration:none;
}
dl.contact dd > div p {
	text-align:center;
	line-height:1.8;
	margin-bottom:1.6em;
}
dl.contact dd > div ul {
	background-image:url(../img/event_contact/logo.png);
	background-size:234px auto;
	background-position:left center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	width:64.5%;
	margin:0 auto;
	padding-left:270px;

}
dl.contact dd > div ul li {
	list-style:none;
	position:relative;
	padding-left:3.5em;
	margin-bottom:0.8em;
	white-space:nowrap;
}

dl.contact dd > div ul li span {
	position:absolute;
	left:0;
	top:0;
}
dl.contact dd > div ul li span:after {
	content:":";
	position:absolute;
	left:0;
	padding-left:2.7em;
}
@media screen and (max-width: 1500px){
	dl.example dd p,
	dl.contact dd > div {
		font-size:1.4vw;
	}
	dl.contact dd > div ul {
		padding-left:18vw;
		background-size:15.6vw auto;
	}
}
a.spTel {
	cursor:default;
	text-decoration:none;
}
dl.contact dd > div ul li a.spTel:hover {
	text-decoration:none;
}
@media screen and (max-width: 768px){
a.spTel {
	cursor:pointer;
}
dl.contact dd > div ul li a.spTel:hover {
	text-decoration:underline;
}
#aboutWrap {
	background-image:url(../img/event_contact/bg_sp.png);
	background-size:29px auto;
	background-position:center top;
	padding:14% 0 10%;
	position:relative;
}

.eventOuter {
	width:87.86%;
	max-width:640px;
	padding:0;
	margin:0 auto;
}

.eventnewsWrap {
	/*background-image:url(../img/eventnews/wrap-bottom_sp.png);*/
	background-image:url(../img/event_contact/wrap-bottom_sp.png);
	padding:0 0 5.79%;
	margin:13.24% auto 0;
	position:relative;
}
.wrap-top {
	background-image:url(../img/eventnews/wrap-top_sp.png);
	margin-top:-13.24%;
	padding-top:18%;
}

.wrap-middle {
	background-image:url(../img/eventnews/wrap-middle_sp.png);
	padding:0;
}

.wrap-middle h2 {
	background-image:url(../img/event_contact/ttl_sp.png);
	width:76.42%;
	top:-8vw;
	left:50%;
	margin-left:-38.21%;
	padding-top:24.4vw;
	line-height:3;
}


#aboutHeader h2 + p {
    background-image: url(../img/event_contact/head-bg_sp.png);
    width:84.69%;
	padding-top:24.8vw;
	margin:8.8vw 0 12.5vw 6vw;
}


#aboutHeader p {
	/*background-image:url(../img/event_contact/leadtxt_sp.png);
	max-width:278px;
	padding-top:45.86%;*/
	font-size:100%;
}
#aboutHeader p span {
	padding-right:5%;
	line-height:1.5;
}
h3.example-ttl {
    background-image: url(../img/event_contact/sbt1_sp.png);
    width: 59.8%;
    height: 0;
    padding-top: 7.86vw;
    margin: 0 auto 10.4vw;
}

dl.example dt {
    text-align: center;
    width: 89.28%;
    padding-top: 13.8vw;
    background-image: url(../img/event_contact/ex1_sp.png);
	margin-bottom:5.6vw;
}
dl.example dt:nth-of-type(2) {
	background-image: url(../img/event_contact/ex2_sp.png);
}
dl.example dt:nth-of-type(3) {
	background-image: url(../img/event_contact/ex3_sp.png);
}
dl.example dd figure {
	display:block;
}
dl.example dd figure img {
	width:100% !important;
	margin-right:0;
	vertical-align:bottom;
	margin-bottom:1.33vw;
}
dl.example dd p {
	font-size:3.3vw;
	text-align:left;
	line-height:1.8;
}
dl.example dd {
	padding-bottom:17vw;
}
.catchTxt {
    background-image: url(../img/event_contact/catch_sp.png);
    width: 83%;
    max-width:inherit;
    padding-top: 53.73vw;
    margin: 0 auto 9.3vw;
}
dl.contact {
	border:solid 2px #000;
}
dl.contact dt {
	padding:5.86vw 0;
}
dl.contact dt span {
    background-image: url(../img/event_contact/contact_ttl_sp.png);
    padding-top: 18.5vw;
    width: 60.36%;
}
dl.contact dd > div {
	border-top-width:2px;
	font-size:3.6vw;
	padding:7.5vw 0;
}
dl.contact dd > div ul {
	padding:15.5vw 0 0;
	width:90%;
	font-size:4vw;
	margin:0 auto;
	background-position:center top;
	background-size:75% auto;
}

dl.contact dd > div p {
	margin-bottom:8vw;
}
.eventnewsWrap {
	padding-bottom:15.3vw;
}