@charset "utf-8"; 
/* CSS Document */
img{height:auto;}
.red {color: red;}
img{height:auto;}
strong{font-weight:bold;}

section#activity {}

/*============================
#kv
============================*/
div#kv {background-image: url(img/act_kv.jpg);/* background-size: 95vw; */background-position: center -26.5vw;}
div#kv img.l_icon {}

/*============================
#lead
============================*/
section#lead {}
section#lead h2 {}
section#lead h2 span {}
section#lead h2 img {}
section#lead div {}
section#lead div p {}


/*============================
#contents
============================*/
div#contents {background: #eeeeee;margin: 41px 0 0;}
div#contents article {margin: auto;width: 980px;padding: 88px 0;}
div#contents article section {margin: 0 auto 5em;width: 740px;/* background-color: #5f9ea091; */position: relative;}

/*============================
article
============================*/
div#contents article section{}
/**/
div#contents article section.activity-wrap div.wrap {}
div#contents article section.activity-wrap div.wrap h2 {width: 580px;margin: auto;position: relative;text-align: right;}
div#contents article section.activity-wrap div.wrap h2 img.num {position: absolute;top: 0;left: 0;width: 66px;}
div#contents article section.activity-wrap div.wrap h2 .ttl {position: absolute;top: 69px;left: 0;text-align: left;}
div#contents article section.activity-wrap div.wrap h2 .ttl span {background: #000;color: #fff;display: inline-block;}
div#contents article section.activity-wrap div.wrap h2 .ttl span.sub {font-size: 21px;padding: 0 15px;margin: 0 0 8px;letter-spacing: 2.5px;}
div#contents article section.activity-wrap div.wrap h2 .ttl span.main {font-size: 41px;padding: 14px 15px;font-weight: bold;}
div#contents article section.activity-wrap div.wrap h2 img.mv {width: 480px;}
div#contents article section.activity-wrap div.wrap div.info {position: relative;margin: 2em 0 19px;min-height: 96px;text-align: center;}
div#contents article section.activity-wrap div.wrap div.info img {width: 96px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
div#contents article section.activity-wrap div.wrap div.info span {/* background-color: #5f9ea091; */font-size: 19px;font-weight: bold;padding: 34px 120px 0;display: block;}
/**/
div#contents article section.activity-wrap div.wrap div.button {width: 580px;margin: auto;text-align: center;}
div#contents article section.activity-wrap div.wrap div.button p.oc {position: absolute;top: 447px;right: 3px;left: 0;}
div#contents article section.activity-wrap div.wrap div.button p.oc:hover {cursor:pointer;}
div#contents article section.activity-wrap div.wrap div.button p.oc {background: #d68334;border: solid 1px #fff;width: 60px;height: 60px;border-radius: 1000px;margin: auto;}
div#contents article section.activity-wrap:nth-of-type(even) div.wrap div.button p.oc{background: #41a9c0;}
div#contents article section.activity-wrap div.wrap div.button p.oc span {display: inline-block;width: 100%;height: 100%;position: relative;}
div#contents article section.activity-wrap div.wrap div.button p.oc span:after {position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;content: "";width: 21px;height: 23px;background-image: url(img/btn_oc@2x.png);background-repeat: no-repeat;background-position: 0 0;background-size: cover;}
div#contents article section.activity-wrap div.wrap div.button.show p.oc span:after {background-position: 0 -40px;}
/**/
div#contents article section.activity-wrap div.wrap div.cnt {display: none;}
div#contents article section.activity-wrap div.wrap div.det {background: #fff;padding: 57px 0 0;}
div#contents article section.activity-wrap div.wrap div.det div.box {width: 580px;margin: 0 auto 30px;}
div#contents article section.activity-wrap div.wrap div.det div.box h3 {font-family: inherit;font-size: 21px;line-height: 150%;text-align: left;margin: 0 0 10px;padding: 0 0 0;background: none;font-weight: bold;border-bottom: solid 1px #000;}
div#contents article section.activity-wrap div.wrap div.det div.box p {line-height: 1.9;margin: 0 0 1em;}
div#contents article section.activity-wrap div.wrap div.det div.box p span.note {font-size: 14px;}
div#contents article section.activity-wrap div.wrap div.det div.box p strong {}
div#contents article section.activity-wrap div.wrap div.det div.box > img {margin:0 0 1em;}
.close-txt{text-align: center;	padding: 1em;	color: #888888;}
/* sup */
div#contents article section.activity-wrap#sup{}
/* ban */
div#contents article section.activity-wrap#ban {}
/* ayu */
div#contents article section.activity-wrap#ayu {}
/* cra */
div#contents article section.activity-wrap#cra {}
/* lak */
div#contents article section.activity-wrap#lak {}

/*============================
.mailform
============================*/
.mailform dl{display: flex; align-items: flex-start;gap:0 1rem; margin-bottom: 2em;font-size: 12px;line-height: 180%;}
.mailform dt{width: 25%;}
.mailform dt span{color: #CC0000;}

@media screen and (max-width:960px) { 
section#activity {}

/*============================
#kv
============================*/
div#kv {background-size: 124%;background-position: -5vw 0vw;}
div#kv img.l_icon {}

/*============================
#lead
============================*/
section#lead {}
section#lead h2 {}
section#lead h2 span {}
section#lead h2 img {}
section#lead div {}
section#lead div p {}

/*============================
#contents
============================*/
div#contents {}
div#contents article {width: 100%;padding: 14vw 0 0;}
div#contents article section {}

/*============================
article
============================*/
div#contents article section{width: 90%;}
/**/
div#contents article section.activity-wrap div.wrap {}
div#contents article section.activity-wrap div.wrap h2 {width: 111%;	left: -5vw;}
div#contents article section.activity-wrap div.wrap h2 img {}
div#contents article section.activity-wrap div.wrap h2 img.num {width: 13vw;left: 7vw;top: 1vw;}
div#contents article section.activity-wrap div.wrap h2 .ttl {top: 15vw;width: auto;height: 18vw;}
div#contents article section.activity-wrap div.wrap h2 .ttl span {}
div#contents article section.activity-wrap div.wrap h2 .ttl span.sub {font-size: 3vw;padding: 0vw 3vw;margin: 0 0 2vw;}
div#contents article section.activity-wrap div.wrap h2 .ttl span.main {font-size: 6.5vw;padding: 2vw 3vw;}
div#contents article section.activity-wrap div.wrap h2 img.mv {width: 73%;}
div#contents article section.activity-wrap div.wrap div.info {min-height: 23vw;margin: 13vw 0 2vw;}
div#contents article section.activity-wrap div.wrap div.info img {width: 18vw;left: 2vw;}
div#contents article section.activity-wrap div.wrap div.info span {padding: 6vw 0vw 0vw 23vw;font-size: 3.8vw;text-align: left;line-height: 1.4;}
/**/
div#contents article section.activity-wrap div.wrap div.button {width: 100%;}
div#contents article section.activity-wrap div.wrap div.button p.oc {}
div#contents article section.activity-wrap div.wrap div.button p.oc:hover {}
div#contents article section.activity-wrap div.wrap div.button p.oc {top: 67vw;width: 12vw;height: 12vw;right: -22vw;}
div#contents article section.activity-wrap:nth-of-type(even) div.wrap div.button p.oc {}
div#contents article section.activity-wrap div.wrap div.button p.oc span {}
div#contents article section.activity-wrap div.wrap div.button p.oc span:after {width: 4vw;height: 4vw;}
div#contents article section.activity-wrap div.wrap div.button.show p.oc span:after {background-position: 0 -7.5vw;}
/**/
div#contents article section.activity-wrap div.wrap div.cnt {}
div#contents article section.activity-wrap div.wrap div.det {padding: 9vw 0 0;}
div#contents article section.activity-wrap div.wrap div.det div.box {width: 81%;}
div#contents article section.activity-wrap div.wrap div.det div.box h3 {font-size: 4.0vw;padding: 0 0 2.5vw;margin: 0 0 4vw;}
div#contents article section.activity-wrap div.wrap div.det div.box p {font-size: 3.6vw;line-height: 2.1;}
div#contents article section.activity-wrap div.wrap div.det div.box p span.note {font-size: 3.2vw;}
div#contents article section.activity-wrap div.wrap div.det div.box p strong {}
div#contents article section.activity-wrap div.wrap div.det div.box > img {}
/* sup */
div#contents article section.activity-wrap#sup{}
/* ban */
div#contents article section.activity-wrap#ban {}
/* ayu */
div#contents article section.activity-wrap#ayu {}
/* cra */
div#contents article section.activity-wrap#cra {}
/* lak */
div#contents article section.activity-wrap#lak {}

/*============================
.mailform
============================*/
.mailform{margin-left: -1.2em;}
.mailform dl{display: block;}
.mailform dt{width: 100%;}
.mailform dd input.mf{width: 100%;}
.mailform dd textarea{width: 100%;}

}

@media screen and (min-width: 481px) and (max-width: 960px) {}