@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	font-weight: 300;
	}
body {
	color: #666666;
	width: 100%;
	font-size: 90%;
	overflow-x: hidden;
	}
img {
	text-decoration: none;
	border: 0;
}
em {
	color: #F00;
	font-style: normal;
	line-height: 1.6;
}
p {
	margin: 20px 15px;
	line-height: 1.6;
}
table {
	margin: 20px 20px;
	line-height: 1.6;
}
ul {list-style: none;}
li {line-height: 1.6;}
dt {line-height: 1.6;}
dd {line-height: 1.6;}
a {color: #3399FF; line-height: 1.6;}
a:hover {color: #00c0ff; transition: all 1s;}
h1, h2, h3, h4, h5 { clear: both; line-height: 1.6;}
th, td { vertical-align: middle; line-height: 1.6;}
strong { color: #333; line-height: 1.6; font-weight: bold;}
address { font-style: normal; line-height: 1.6;}
span { line-height: 1.6;}
h2 {
	font-size: 180%;
	text-align: center;
	color: #00a2e5;
	margin: 2em auto 2em;
	letter-spacing: 0.5em;
}
	h2 span {
		color: #000;
	}
h2  + .grbd{
	margin: -45px auto 50px;
	border-bottom: 3px solid;
	border-image: linear-gradient(90deg, #fff 30%, #00a2e5 50%, #fff 70%);
	border-image-slice: 1;
}
h3 {
	color: #00a2e5;
	margin: 1.5em 15px 0.5em;
}
table {
	margin: 0 auto;
	border-collapse: collapse;
}
	table tr th {
		text-align: left;
		vertical-align: middle;
		padding: 8px 10px;
		background: #eee;
		border: 1px solid #ccc;
	}
	table tr td {
		text-align: left;
		/* padding: 8px 10px; */
		padding: 8px 10px;
		vertical-align: middle;
		border: 1px solid #ccc;
	}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.reverse-color, .reverse-color a {
	color: #FFF;	
}
section#section3,
section#section4 {
	padding-bottom: 10vh;
}
.pc_view_inline {
	display:inline;
}
.sp_view {
	display: none;
}
.strong_666 {
	color:#666;
}
/* ---------------------------------------------------------------------------------------header */
header {
	z-index: 100000;
	position: fixed;
	background-color: rgba(255,255,255,0.80);
	border-bottom: 1px solid #eee;
	width: 100%;
	height: 7%;
}
header h1 {
	position: absolute;
	width: 50vw;
	height: 100%;
	margin: 1px 0;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-size: contain;
}

header div#head_r {
	/*float: right;
	margin: 1px 10px;*/
    float: none;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 10px;
}
header div#head_r img {
	
}

header div#appl {
    position: fixed;
    top: 5px;
    right: 20px;
	z-index: 1;
}
header img.appl {
	width: 400px;
}
/* ---------------------------------------------------------------------------------------contents */
article {
}
div.tcontent {
	width: 100vw;
	/* height: 100vh; */
	background-image: url("../img/topimg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 10px 0;
}
/*div.tpc, div.cont2pc_r, div.cont2pc_l {*/
div.tpc{
	/* position: absolute; */
	width: 30%;
	/* margin-left: calc(50vw - 15% - 20px); */
	/* margin-top: calc(50vh - 24vh); */
	background-color: rgba(255,255,255,0.6);
	border-radius: 10px;
	padding: 40px 20px;
	animation:show 2s both;
	font-size: 120%;
	text-align: center;
	margin: 50px auto 0;
	padding-bottom: 20px;
}
div.tpc h2{
	margin: 35px auto;
}

div.cont2pc_r, div.cont2pc_l{
	/* position: absolute; */
	width: 30%;
	/* margin-left: calc(50vw - 15%); */
	/* margin-top: calc(50vh - 20vh); */
	background-color: rgba(255,255,255,0.50);
	border-radius: 10px;
	padding: 40px 20px;
	/* animation:show 2s both;*/
	font-size: 120%;
}
div.tpc p {
	line-height: 1.8;
	text-align: left;
}
div.tpc div.wrap_opening_info {
	background: rgba(230,230,230,.5);
	border-radius: 5px;
	padding: 10px 0;
	margin-bottom: 0;
  position:relative;
  height:40px;
}
div.tpc div.wrap_opening_info::after{
  content: "募集は終了しました";
  position: absolute;
  top: 20%;
  left: 10%;
  width: 80%;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  color: red;
  transform: rotate(0deg);
  border-radius: 10px;
  border: 2px solid red;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
div.tpc div.wrap_opening_info p {
	font-weight:  bold;
	font-size: 90%;
	text-align: center;	
}

div.tpc p small {
	font-size: 95%;
}
div.tpc2{
	/* position: absolute; */
	width: 100%;
	/* top: 10vh; */
	/* left: 0; */
	/*animation:show 1s both;*/
	padding-top: 10vh;
	font-size: 130%;
	text-align: center;
	z-index: 1000;
}
div.tpc2 h2 {
	font-size: 120%;
    letter-spacing: 0.2em;
    margin: 1em 0 10px;
	text-shadow: 2px 2px 2px rgba(239, 239, 239,1);
}
div.tpc2 h3 {
    color: #444;
	font-size: 100%;
    letter-spacing: 0.1em;
    margin: 0;
    background-color: rgba(255,255,255,0.4);
    width: 30%;
    margin: 0 auto;
    border-radius: 11px;
}
.tblt {display: none;}
div.tpc3{
	width: 100%;
	top: 0vh;
	left: 15px;
	letter-spacing: 0.5em;
	font-weight: 1000;
	animation:show 1.7s both;
	font-size: 100%;
	text-align: center;
}

@media screen and (max-width: 1150px) {
div.tpc2 h3 {
	font-size: 80%;
	}
}
@media screen and (max-width: 960px) {
div.tpc h2{
	font-size: 140%;
	}
}
@media screen and (max-width: 870px) {
div.tpc{
	position: absolute;
	width: 40%;
	margin-left: calc(50vw - 20% - 20px);
	margin-top: calc(50vh - 20vh);
	}
.tblt {display: inherit;}
}

div.cont2nd {
	width: 100vw;
	/* height: 100vh;*/
	background-image: url("../img/bg02.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
div.wrap_cont2pc {
	position:relative;
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    /* height: 100vh; */
	/* min-height: 100vh; */
}
div.cont2pc_r {
	color: #fff;
	/* margin-left: calc(70vw - 15%); */
	float:left;
	background-color: rgba(255,255,255,0);
	width: 45%;
	margin:0;
	position:static;
	padding-top: 20vh;
}
	div.cont2pc_r h2 { color: #fff; font-size: 120%; letter-spacing: normal;}
	div.cont2pc_r p { text-align: left;}

div.cont2pc_l {
	width: 40%;
	/*margin-left: 0; 
	margin-right: calc(70vw - 15%);*/
	float:left;
	background-color: rgba(255,255,255,0);
	margin: 100px 0 0 0;
	position:static;
}
div.cont2pc_l img { width: 90%;}




section#section3 {
	background: #00a2e5;
}
div.cont3rd {
	width: 100%;
	/* height: 100vh; */
	font-size: 120%;
	background: #00a2e5;
}
div.inner_cont3rd {
	position:relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    /* height: 100vh; */
	padding-top: 150px;
}
div.cont3rd_l {
	float: left;
	color: #fff;
	text-align: left;
	width: calc(65% - 100px);
	padding: 115px 50px 150px; 
	background: #00a2e5;
}
div.cont3rd_l {
	font-size: 120%;
}
div.cont3rd_l h2 {
	color: #fff;
    margin: 1rem 0;
}
div.cont3rd_r {
	float: right;
	width: calc( 35% - 50px );
	margin-right: 50px;
}
div.cont3rd_r img {
	width: 100%;
	/* max-width: 350px; */
}



div.wrap_cont3rd_div2 {
	width: 95%;
	max-width: 1400px;
	display: flex;
	margin: 0 auto;
	/* ustify-content: center; */
	justify-content: space-between ;
}

div.cont3rd_div2 {
	flex: 1;
	margin: 5px;
	/* flex-basis: 49.8%; */
	height: auto;
	background-color: rgba(255,255,255,0.60);
	border-radius: 10px;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
div.cont3rd_div2 h2 {
    margin: 2rem auto 1rem;	
}
div.cont3rd_div2 img {
	width: 180px;
    float: left;
    margin: 10px;
    border-radius: 5px;
}
div.cont3rd_div2 p.location {
	font-size: 70%;
    color: #fefefe;
    line-height: 1.2;
    margin: 10px 30px 20px;
    text-align: center;
}
div.cont3rd_div2 h2.venue {
    text-align: center;
    font-size: 120%;
	letter-spacing: 0.12em;
	color: #fefefe;
}
div.cont3rd_div2 p.detail {
    text-align: left;
    font-size: 90%;
	line-height: 1.9;
    margin: 10px 30px;
}
div.cont3rd_div2 ol {
	text-align: left;
    font-size: 90%;
    margin-left: 60px;
}
div.exam {
	margin-bottom: 20px;
}
div.exam h2 {
	margin: 10px 20px;
    font-size: 120%;
    text-align: left;
    letter-spacing: 0.2em;
}
div.exam h2 span {
    font-size: 50%;
    letter-spacing: 0px;
}
div.exam dl {
	font-size: 85%;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
div.exam dt {
	float:left;
	width: 40%;
}
div.exam dd {
	float:left;
	width: 60%
}
@keyframes show {
	0% {
		transform:translate(0,-22em);
		opacity:0;
	}
	50% {
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
.logo-iseikai {
	width: 50%;
}
.logo-footer {
	width: 25%;
}


@media screen and (max-width: 1000px) {
	div.cont3rd_l {
		width: calc(60% - 100px);
	}
	div.cont3rd_r {
		width: 30%;
		margin-top: 10%;
	}
}
@media screen and (max-width: 850px) {
	div.inner_cont3rd {
		max-width: 100%;
	}
	div.cont3rd_l {
		width: 95%;
		margin:0 auto;
		padding: 5px;
		float:none;
	}
	div.cont3rd_l h2 {
		margin: 0;
		font-size: 120%;
	}
	div.cont3rd_l p {
		font-size: 80%;
	}
	div.cont3rd_r {
		width: 95%;
		float:none;
		margin: 0 auto;
	}
	div.cont3rd_r img {
		width: 49%;
	}
}

.wrap_holo_group {

}
.h_holoG {
	text-align: center;
    font-weight: bold;
}
.ul_hogoG {
	list-style: none;	
	font-size: 90%;
	text-align: center;
}


/* ------------------------------------------------------------------- page4 & page5 */
div.cont4th,
div.cont5th {
	padding-top: 120px;
}
/* ------------------------------------------------------------------- page4 */

div.cont4th {}
div.inner_cont4th {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

div.cont4th table {
	width: calc( 800px - 40px );
	background:#fff;
	margin:0;
}
div.cont4th table tr{
	height: 40px;
}
div.cont4th table th{
	width: 25%;
	text-align: center;
}
div.cont4th table td{
	text-align: center;
	height: 76px;
}
@media screen and (max-width: 950px) {
div.inner_cont4th {
	width: 100%;
	max-width: 950px;
	}
}

.acdion {
	width: 80%;
	margin: 0 auto;
	height: 400px;
	position: relative;
	overflow:hidden;
}
.pleat {
	width: 800px;
	height: 450px;
	overflow: hidden;
	background: #fff;
}
.pleat h2 {
	width: 40px;
	height: 100%;
	float: left;
	background: #009c84;
	cursor: pointer;
	margin: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.pleat .txt {
	padding: 15px;
	overflow: auto;
	zoom: 1;
}

div.y1st h2 {
	color: #ffff;
	background:#7ecef4;
}
div.y1st.pleat th {
	background: #edf7fd;
}
div.y1st table,
div.y1st tr,
div.y1st th,
div.y1st td {
	border:1px solid #7ecef4;
}

div.y2nd h2 {
	color: #ffff;
	background:#6bc19c;
}
div.y2nd th {
	background: #d8fbec;
}
div.y2nd table,
div.y2nd tr,
div.y2nd th,
div.y2nd td {
	border:1px solid #6bc19c;
}

div.y3rd h2 {
	color: #ffff;
	background:#a3ce4d;
}
div.y3rd th {
	background: #e6fdb9;
}
div.y3rd table,
div.y3rd tr,
div.y3rd th,
div.y3rd td {
	border:1px solid #a3ce4d;
}

div.cont4th table.weekly_SKD, div.cont4th table.year_SKD {
	width: 880px;
	margin: 0 auto;
}
div.cont4th table.weekly_SKD th, div.cont4th table.year_SKD th {
	background: #edf7fd;
	width: 12.5%;
}
div.cont4th table.weekly_SKD table,
div.cont4th table.weekly_SKD tr,
div.cont4th table.weekly_SKD th,
div.cont4th table.weekly_SKD td,
div.cont4th table.year_SKD table,
div.cont4th table.year_SKD tr,
div.cont4th table.year_SKD th,
div.cont4th table.year_SKD td {
	border:1px solid #7ecef4;
}

div.cont4th table.year_SKD th.year_th {
	color: #fff;
	background: #7ecef4;
}
div.cont4th table.year_SKD td {
	width: 30%;
	padding: 10px 0;
	height: auto;
}
.wrap_hole_weekly_schedule {
	width: 100%;
	max-width:968px;
	margin: 0 auto;
}
.weekly_shadule_point {
    color: orange;
    letter-spacing: 0.05em;
    margin-left: 0;
}
.wrap_hand_move {
	display: none;
}

/* ------------------------------------------------------------------- page5 */

section#section5 {
	background-color:#00a2e5;
	min-height: 100vh;	
}
div.cont5th{
	/* padding-bottom: 30px; */
}
div.inner_cont5th {
	text-align: center;
}
div.inner_cont5th h2 {
	/* margin-bottom: 20vh; */
}
.h2_additional_hight {
	margin-top: 100px;
}


/* ------------------------------------------------------------------- page6 */
section#section6 {
	background-color:#fff;
	padding-top: 2em;
	padding-bottom: 2em;
}
.cont6th {
	max-width: 880px;
	margin: 0 auto;
}
.question {
	border-bottom: 1px solid #00a2e5;
	cursor: pointer;
	position:relative;
}
.question:before{
	content:''; 
	display:block; 
	background:#00A8FF; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	width: 4px;
	height: 20px;
	bottom: 4px;
	right: 10px;
	border-radius: 3px;
}
 
.question:after{
	content:''; 
	display:block; 
	background:#00A8FF; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	width: 20px;
	height: 4px;
	bottom: 12px;
	right: 2px;
	border-radius: 2px;
}
.showAnsw .question:before {
	transform:rotate(45deg); 
}
.showAnsw .question:after{
	transform:rotate(45deg); 
    bottom: 12px;
}

.question:hover {
	opacity: 1;
	animation: flash 1.5s;
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.question_supp {
    font-size: 110%;
    font-weight: bold;
    padding-right: 5px;
}
.answer {
    height: 0;
	max-height: 0;
    overflow: hidden;
    transition: 1s;
    margin-left: 55px;
}
.answer_supp {
    font-size: 110%;
    font-weight: bold;
    padding-right: 5px;
	color:#aacf52;
}
.showAnsw p.answer{
	height: auto;
	max-height: 500px;
}
.more_info {
    text-align: center;
    background-color: #00a2e5;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #00a2e5;
	color: #fff;
}
.more_info a {
	text-decoration: none;
	color: #fff;
}
.main_letter {
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 0.1em;
}



/* ------------------------------------------------------------------- page7 */
section#section7 {
	background-color:#00a2e5;
	color: #fff;
	padding-top: 2em;
	padding-bottom: 5em;
}
section#section7 h2 {
	color: #fff;
}
.cont7th {
    max-width: 1500px;
    width: 100%;
	margin: 0 auto;
}
.cont7th-msg {
	width: 100%;
	max-width: 1200px;
	margin: 10px auto;
	background-image: url(../img/section7bg.png);
	background-position: center;
	background-size: cover;
}
.cont7th-msg p {
    font-size: 120%;
    width: 60%;
    padding: 20px 0 10px 20px;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    margin: 0 15px;
}
.cont7th-msg p:first-of-type {
	padding-top: 100px;
}
.cont7th-msg p:last-of-type {
	padding-bottom: 100px;
}

/* ---------------------------------------------------------------------------------------footer */
footer {
	border-top: 1px solid #efefef;
	text-align: center;
	/* position: absolute; */
	color: #fff;
	/* bottom: 0; */
	/* z-index: 10000; */
	width: 100%;
	padding: 20px 0;
	background: #00a2e5;
}
footer a {text-decoration: none; color: #777; line-height: 6.0;}




/* ---------------------------------------------------------------------------------------fadein */

/* アニメーション */
.fadein {
    opacity : 0;
    transform : translate(-30px, -5px);
    transition: all ease-out 1s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.fadeinBg {
    opacity : 0;
    transform : translate(-100%, -5px);
    transition:all 0.3s 0.3s;
}
.fadeinBg.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/* ---------------------------------------------------------------------------------------common */
header h1 span {display: none;}


.parallax-window {
	width: 100%;
	overflow-x: hidden;
	min-height: 200px;
	background: transparent;
}
.cl { clear: both !important;}
.fl { float: left !important;}
.fr { float: right !important;}
.cntr { text-align: center !important;}
.rght { text-align: right !important;}
.w25p { width: 25% !important;}
.w800 { width: 800px; margin: 0 auto;}
.w1000 { width: 1000px; margin: 0 auto;}
.flimg { float: left !important; margin: 10px 20px; border-radius: 10px;}
.frimg { float: right !important; margin: 10px 20px; border-radius: 10px;}
.mb {display: none;}
.mb_inline {display: none;}
.pc {display: inline;}
.telp a {color: #fff; font-size: 140%; font-weight: bold;}
.btn {
	display: inline-block;
	width: 40%;
	text-align: center;
	font-size: 110%;
    padding: 30px 10px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
	text-shadow: 1px 1px 1px #666;
    background-image: -webkit-linear-gradient(#b8e9ff 0%, #d9f0fa 100%);
    background-image: linear-gradient(#b8e9ff 0%, #d9f0fa 100%);
    transition: .4s;
}
a.btn:hover {
	color: #fff;
	text-shadow: 0px 0px 0px #666;
	background-image: -webkit-linear-gradient(#7bccef 50%, #d9f0fa 100%);
    background-image: linear-gradient(#7bccef 50%, #d9f0fa 100%);
    transition: .4s;
}
.btn2 {
	display: inline-block;
	width: 40%;
	text-align: center;
	font-size: 110%;
    padding: 30px 10px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    color: #00a2e5;
	background-color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
a.btn2:hover {
    animation: flash 0.8s;
    -webkit-animation: flash 0.8s;
    -moz-animation: flash 0.8s;
}
table.youko_tbl {
	background: #fff;
	width: 40%;
	font-size: 120%;
}
	table.youko_tbl th, table.youko_tbl td { padding: 20px;}
@keyframes flash {
    0% { opacity: 0.3; }
    100% { opacity: 1; }
}

#ptp {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#ptp a {
    width: 84px;
    display: block;
}
.map {
	width: 98%;
	height: 300px;
	margin-top: 20px !important;
	border: 5px solid #eeeeee !important;
}
div.effect {
	position: relative;
	transition: .5s;
	transition-delay: .1s;
}

/* ---------------------------------------------------------------------------------------scrollify */

.main {
  position: relative;
}
.pager {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0;
  z-index: 100;

}
.pager  li {
    display: block;
    margin: 20px;
}
.pager li a {
	display: block;
	width: 10px;
	height: 10px;
	background: rgba(0,0,0,0.2);
	border-radius: 50%;
}
.pager li.is-current a {
	background: #232323;
}
a.btn2.ignore {
  background-color: #ccc;
  color: #999;
  cursor:default;
}
a.btn2.ignore:hover {
  animation:none;
}
a.btn2.ignore span{
  display: block;
  color: red;
  font-size: 90%;
  font-weight: bold;
  padding-top: 4px;
}