@charset 'utf-8';

#contents {padding-bottom: 0;}
.ilB{display: inline-block;}

html {height: 100%;}
body.intro {
	height: 100%;
	overflow-y: hidden;
}
.top_movetop_W {z-index: 999;}

/* mainWrapper
------------------------------------------------------ */
.mainWrapper {
    position: relative;
    font-size: 1.063em;
}

/* mainBg */
.mainWrapper .mainBg {

}


/* pageH
------------------------------------------------------ */
.pageH {
    position: relative;
    overflow: hidden;
    max-width: 1020px;
    margin: 0 auto ;
    padding: 40px 0 1.5em;
}
.pageH h1 {
	margin-bottom: 40px;
}

/* popupBtnPC */
.pageH .popupBtnPC {
    position: absolute;
    top: 208px;
    left: 0;
    cursor: pointer;
    z-index: 99;
}
.pageH .popupBtnPC:hover {opacity: .5;}

.pageH .popupBtnPC.past {
  top: 295px;
}

.past-event-list {
  display: none;
  position: absolute;
  top: 375px;
  z-index: 9999;
}

.past-event-list.open {
  display: block;
}

@media screen and (max-width: 768px) {
  .past-event-list,
  .past-event-list.open {
    display: none;
  }
}

.past-event-list li {
  margin: 5px 0px;
}

/* pcMovie */
.pageH .pcMovie {
    position: relative;
    width: 70.6%;
    max-width: 720px;
    margin: 0 auto;
}
.pageH .pcMovie .introVideo {
    position: relative;
    padding-top: 56.25%;
}
.pageH .pcMovie .introVideo:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	bottom: 0;
	width: 1px;
	background: #fff;
}
.pageH .pcMovie .introVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.pageH .pcMovie img {
    position: absolute;
    z-index: 2;
}
.pageH .pcMovie .movieFrame {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.pageH .main-visual-area {
	text-align: center;
	margin-left: 7em;
}

/* popupBtnSP */
.pageH .popupBtnSP {display: none;}

/* spSlide */
.spSlide .slideBox {
	display: block;
	position: relative;
	opacity: 0;
	z-index: 5;
}
.spSlide .slideBox.slick-initialized{opacity: 1;}
.pageH .mvSP {
	position: relative;
	max-width: 740px;
	margin: 0 auto;
	padding: 0 10px;
}
.pageH .mvSP .mvSPFl {
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	height: 100%;
	z-index: 10;
}
.pageH .mvSP .slideBox li img {width: 100%;}

/* intro */
.pageH p.intro {
  margin: 0 auto 0;
  padding-bottom: 40px;
  line-height: 1.875;
  text-align: center;
  letter-spacing: .095em;
  color: #EC9300;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 930px) {
  .pageH p.intro {
    padding: 0 80px 40px 60px;
    background-size: contain;
  }
}


/* contents
------------------------------------------------------ */
.contentsItem {
	width: 100% ;
	max-width: 1200px ;
	margin: 0 auto ;
}

/* contents_1 orange */
.contents_1 {
	position: relative;
	background: #FFAA01 ;
	background-size: 100% 465px;
	background-position: bottom;
	padding: 1.3em ;
}
.contents_1_movie {
	max-width: 768px;
	margin: 0 17%;
}
.contents_1_movie figure {
	background-image:url("../images/contents1-movieOn.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.contents_1_movie a:hover {
	opacity: 0 !important;
}
.contents_1_kanban {
    position: absolute;
	width: 15.75%;
    bottom: 1%;
    left: 7.7%;
}


/* contents_2 green left */
.contents_2 {
	width: 89.25% ;
	position: relative;
	background: #6EC864 ;
	margin-top:4.5%;
	border-radius: 0 25px 25px 0 ;
}
.contents_2_photo_pc {
	width: 47.89%;
    margin-left: 8.5%;
	padding:1.7em 0;
}
.contents_2_txt_pc {
    width: 50.23%;
	position: absolute;
    top: -17%;
	left: 53.5%;
}

/* contents_3 orange right*/
.contents_3 {
    width: 89.25% ;
	position: relative ;
	background: #FFAA00 ;
	border-radius: 25px 0 0 25px ;
	margin: 2% 0 0 10.75%;
}
.contents_3_photo_pc {
	width: 47.89%;
    margin-left: 43%;
	padding:1.7em 0;
}
.contents_3_txt_pc {
    width: 44.91%;
    position: absolute;
    top: 3.3%;
    left: .9%;
}

/* contents_4 green left */
.contents_4 {
	width: 89.25% ;
	position: relative;
	background: #6EC864 ;
	border-radius: 0 25px 25px 0 ;
	margin-top:2%;
}
.contents_4_photo_pc {
	width: 54.15%;
    margin-left: 8.5%;
	padding:1.7em 0 .7em;
}
.contents_4_txt_pc {
    width: 48.73%;
	position: absolute;
    top: 4%;
	left: 54.15%;
}

/* contents_5 orange right */
.contents_5 {
    width: 89.25% ;
	position: relative ;
	background: #FFAA00 ;
	border-radius: 25px 0 0 25px ;
	margin: 2% 0 0 10.75%;
}
.contents_5_photo_pc {
	width: 47.89%;
    margin-left: 43%;
	padding:1.7em 0;
}
.contents_5_txt_pc {
    width: 44.91%;
    position: absolute;
    top: 3.3%;
    left: 1.3%;
}

/* contents_6 green left */
.contents_6 {
	width: 89.25% ;
	position: relative;
	background: #6EC864 ;
	border-radius: 0 25px 25px 0 ;
	margin-top:2%;
}
.contents_6_photo_pc {
	width: 48.08%;
    margin-left: 8.5%;
	padding:1.7em 0;
}
.contents_6_txt_pc {
    width: 47.15%;
	position: absolute;
    top: 3%;
	left: 51.5%;
}


@media screen and (max-width: 768px){

	.tree {
		max-width: 6em;
		margin: .4em 0 .4em 1em;
	}

	/* contents_1 */
	.contents_1 {
		padding: 1em ;
	}
	.contents_1_movie {
		max-width:700px;
		margin: 0 auto;
	}
	.contents_1_kanban {
	    width: 17.44%;
	    top: 78.5%;
		left: 2%;
	}

	/* contents_2 */
	.contents_2 {
		width: 93.619%;
		position:static;
		margin-top: 10%;
		padding-top: 10%;
	}
	.contents_2_photo_sp {
		width: 90.68%;
	    margin-top: -16.6%;
		margin-right:0;
		margin-bottom:0;
		margin-left: 11%;
	}
	.contents_2_txt_sp {
		width: 93.32%;
		margin: -10.4% auto 0;
		padding-bottom:4%;
	}

	/* contents_3 */
	.contents_3 {
		width: 93.619%;
		position: static ;
		margin: 4.5% 0 0 7.4%;
	}
	.contents_3_photo_sp {
		width: 85.67%;
	    padding-top: 4%;
	    margin-left: 4%;
	}
	.contents_3_txt_sp {
		width: 93.60%;
		margin-top: -5.5%;
		margin-left: 2.8%;
		padding-bottom: 5%;
	}

	/* contents_4 */
	.contents_4 {
		width: 93.619%;
		position:static;
		margin-top: 4.5%;
	}
	.contents_4_photo_sp {
		width: 88.73%;
		padding-top: 1%;
		margin-left: 10.5%;
	}
	.contents_4_txt_sp {
		width: 94.15%;
		padding-bottom: 4%;
		margin-top: -6.9%;
		margin-left: 3.8%;
	}

	/* contents_5 */
	.contents_5 {
		width: 93.619%;
		position: static;
		padding-top: 5%;
		margin: 4.5% 0 0 7.4%;
	}
	.contents_5_photo_sp {
		width: 94.71%;
		margin-top: -9%;
		margin-left: -5%;
	}
	.contents_5_txt_sp {
		width: 93.88%;
		padding-bottom: 4%;
		margin-top: -6.9%;
		margin-left: 2%;
	}

	/* contents_6 */
	.contents_6 {
		width: 93.619%;
		position:static;
		margin-top: 4.5%;
	}
	.contents_6_photo_sp {
		width: 78.58%;
		padding-top: 5%;
		margin-left: 10.5%;
	}
	.contents_6_txt_sp {
		width: 94.29%;
		padding-bottom: 4%;
		margin-top: -4%;
		margin-left: 3.8%;
	}

}


/* finish
------------------------------------------------------ */
.finish {
	width:100%;
	max-width:1020px;
	margin:4% auto 0;
}

	@media screen and (max-width: 768px){
		.finish {
			max-width: 92%;
			margin: 9% auto 0;
		}
	}

/* members
------------------------------------------------------ */
.members {
    padding: 40px 10px 70px;
    background: #a3d9e7;
}
.members .wrapper {
    max-width: 840px;
    margin: 0 auto;
}
.members h1 {
    float: left;
    width: 75.2%;
    margin-top: 6px;
}
.members p.btn {
    float: right;
    width: 22.619%;
}

/* link */
.members .link {
    clear: both;
    float: right;
    margin-top: 28px;
}
.members .link li {
    float: left;
    position: relative;
    margin-left: 60px;
    padding-left: 12px;
    font-size: .85em;
}
.members .link li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -2px 0 0 3px;
    width: 3px;
    height: 3px;
    background: #118eb1;
    box-shadow: #118eb1 -3px -3px, #118eb1 -3px 3px;
}


/* openingPopup
------------------------------------------------------ */
.openingPopup {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 30px 0;
    background: #fff;
    z-index: 100;
}
.openingPopup h1 {text-align: center;}
.openingPopup p {
    margin: 38px 0;
    text-align: center;
}
.openingPopup p .openingClose {cursor: pointer;}
.openingPopup p .openingClose:hover {opacity: .5;}



@media screen and (max-width: 930px){
    .cake figure .moviePopup {right: 70%;}
    .climax figure .climaxPic2 {margin-top: -3%;}
}

@media screen and (max-width: 768px){

    /* mainWrapper
    ------------------------------------------------------ */
    .mainWrapper {background-size: 80px;}



    /* pageH
    ------------------------------------------------------ */
    .pageH {
        padding: 6% 4%;
    }
    .pageH h1 {
        position: static;
        width: 100%;
        margin-bottom: 40px;
    }
    .pageH .main-visual-area {
      padding: 0 10px;
      width: 100%;
	      margin-left: 0;
    }
    /* popupBtnPC */
    .pageH .popupBtnPC {display: none;}

    /* popupBtnSP */
    .pageH .popupBtnSP {
      color: #1396b4;
      font-weight: bold;
      font-size: 13px;
      display: block;
      padding: 15px 0;
      background: #fff;
      box-shadow: rgba(0,0,0,.2) 0 1px 1px inset;
      text-align: center;
      cursor: pointer;
    }
    .pageH .popupBtnSP:hover {opacity: .5;}


    #openingPopup2.openingPopup {
      padding: 0
    }
    #main .openingPopup ul {
      border-top: 1px solid rgba(0,0,0,.2);
    }
    #main .openingPopup li a {
      border-bottom: 1px solid rgba(0,0,0,.2);
      color: #1396b4;
      font-weight: bold;
      font-size: 13px;
      display: block;
      padding: 15px 30px;
      background: #fff;
      cursor: pointer;
    }
    #main .openingPopup li a.current {
      background-color: #b2e2ec;
      pointer-events: none;
    }

    /* intro */
    .pageH p.intro {
        background: none;
        position: relative;
        margin: -5% 10px 0;
        padding: 0;
    }
    .pageH p.intro span {
        display: block;
    }
    .pageH p.intro span + br {
        display: none;
    }

    /* members
    ------------------------------------------------------ */
    .members {padding: 27px 20px;}
    .members h1 {
        float: none;
        width: 100%;
        margin: 0 0 24px;
        text-align: center;
    }
    .members p.btn {
        float: none;
        width: 100%;
        text-align: center;
    }

    /* link */
    .members .link {
        float: none;
        width: 100%;
    }
    .members .link li {
        float: none;
        margin: 0 0 1em 0;
    }

}


/* past-event-report
------------------------------------------------------ */

.past-event-report {
	max-width: 1020px ;
	margin: 80px auto 115px;
}

.ttl-past-event {
  border: solid;
  border-width: 2px 0;
  color: #009EBF;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding: 8px 0;
}

.past-event-area {
  text-align: center;
}

.past-event-area:after {
  content: "";
  display: block;
  clear: both;
}

.past-event-area a {
  margin: 18px 0 0;
}

.past-event-report > p {
	text-align: center;
	margin-top: 30px;
	font-size: 150%;
	color: #009ebf;
	font-weight: bold;
	line-height: 1.4;
}


@media screen and (min-width: 769px) {
  .past-event-area {
	padding: 0 1%;
  }
  .past-event-area a {
    display: block;
    float: left;
    max-width: 500px;
    width: 49.2%;
  }
  .past-event-area a:nth-child(odd) {
    clear: both;
  }
  .past-event-area a:nth-child(even) {
    float: right;
  }
}

@media screen and (max-width: 768px) {
	.past-event-report {
		margin: 35px auto 60px;
	}
  .past-event-area {
	padding: 0 4%;
  }
  .past-event-area a {
    display: inline-block;
    float: none;
    width: auto;
    max-width: 100%;
  }
  .past-event-report > p {
	padding: 0 4%;
	font-size: 125%;
  }
}