@charset "UTF-8";



.cvarea ul, .block0,
.block1 .list-fitem,
.block2 .list-fitem,
.block3 .list-fitem,
.block4 .list-fitem,
.block5 .list-fitem,
.block6 .list-fitem,
.block7 .list-fitem,
.block8 .list-fitem {
	transition: 1s;
}

.list-fitem{
	opacity: 0;
	transform: translate(-30px,0);
	-webkit-transform: translate(-30px,0);
}
.fitem{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}


.fontmin {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.brpc {
	display: block;
}
.brsp {
	display: none;
}


#header {
	background: #23ecd3;
	text-align: center;
	padding: 20px;
}




#pcmain {
	font-size: 20px;
	font-weight: bold;
	padding: 140px 0 0 0;
	width: 1040px;
	margin: 0 auto;
}

#pcmain div {
	margin-bottom: 50px;
}

#pcmain p {
	line-height: 2;
}

#pcmain strong {
/* 	background: linear-gradient(transparent 85%, #23ecd3 0%); */
	border-bottom: 3px solid #23ecd3;
}


.cvarea {
	padding: 0;
}

.cvarea ul {
	width: 1040px;
	display: flex;
	justify-content: space-between;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin: 70px auto 0 auto;
}

.cvarea li {
	background: url(../../images/future2/icon_cv.gif) no-repeat right center;
}

.cvarea a {
  position: relative;
	border-bottom: 10px solid #ff0;
	border-left: 10px solid #ff0;
	width: 490px;
	display: block;
	letter-spacing: .2em;
	padding: 14px 0;
	color: #000;
	box-sizing: border-box;
}

.cvarea a:hover,
.blocklink a:hover {
	text-decoration: none;
}
.cvarea a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #ff0;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.cvarea a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}


.blocklink {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	background: url(../../images/future2/icon_cv.gif) no-repeat right center;
}
.blocklink a {
  position: relative;
	border-bottom: 10px solid #23ecd3;
	border-left: 10px solid #23ecd3;
	width: 490px;
	display: block;
	padding: 14px 0;
	box-sizing: border-box;
}
.blocklink a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #23ecd3;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.blocklink a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.blocklink2 {
	display: none;
}



.block0 {
	text-align: center;
	padding: 160px 0 0 0;
}

.block0 div:first-child {
	margin-bottom: 90px;
}










.block1, .block2,
.block3, .block4,
.block5, .block6,
.block7, .block8 {
	padding: 100px 0;
	margin-top: 100px;
}

.block1 h2, .block2 h2,
.block3 h2, .block4 h2,
.block5 h2, .block6 h2,
.block7 h2, .block8 h2 {
	width: 1040px;
	margin: 0 auto 40px auto;
}

.block1 h3, .block2 h3,
.block3 h3, .block4 h3,
.block5 h3, .block6 h3,
.block7 h3, .block8 h3 {
	width: 1040px;
	margin: 0 auto 40px auto;
	font-weight: bold;
	font-size: 20px;
}

.block1 .pimg, .block2 .pimg,
.block3 .pimg, .block4 .pimg,
.block5 .pimg, .block6 .pimg,
.block7 .pimg, .block8 .pimg {
	min-height: 551px;
}

.block1 .pimg {
	background: url(../../images/future2/block01_pc.png) no-repeat center top;
	background-size: cover;
}

.block2 .pimg {
	background: url(../../images/future2/block02_pc.png) no-repeat center top;
	background-size: cover;
}

.block3 .pimg {
	background: url(../../images/future2/block03_pc.png) no-repeat center top;
	background-size: cover;
}

.block4 .pimg {
	background: url(../../images/future2/block04_pc.png) no-repeat center top;
	background-size: cover;
}

.block5 .pimg {
	background: url(../../images/future2/block05_pc.png) no-repeat center top;
	background-size: cover;
}

.block6 .pimg {
	background: url(../../images/future2/block06_pc.png) no-repeat center top;
	background-size: cover;
}

.block7 .pimg {
	background: url(../../images/future2/block07_pc.png) no-repeat center top;
	background-size: cover;
}

.block8 .pimg {
	background: url(../../images/future2/block08_pc.png) no-repeat center top;
	background-size: cover;
}

.block1 .pimg .inner, .block2 .pimg .inner,
.block3 .pimg .inner, .block4 .pimg .inner,
.block5 .pimg .inner, .block6 .pimg .inner,
.block7 .pimg .inner, .block8 .pimg .inner {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	clear: both;
}

.block1 .pimg .inner .profile,
.block3 .pimg .inner .profile,
.block5 .pimg .inner .profile,
.block7 .pimg .inner .profile {
	padding-top: 580px;
	font-size: 18px;
	float: left;
	margin-bottom: 60px;
}

.block2 .pimg .inner .profile,
.block4 .pimg .inner .profile,
.block6 .pimg .inner .profile,
.block8 .pimg .inner .profile {
	padding-top: 580px;
	font-size: 18px;
	float: right;
	margin-bottom: 60px;
}

.block1 .pimg .inner .profile span,
.block2 .pimg .inner .profile span,
.block3 .pimg .inner .profile span,
.block4 .pimg .inner .profile span,
.block5 .pimg .inner .profile span,
.block6 .pimg .inner .profile span,
.block7 .pimg .inner .profile span,
.block8 .pimg .inner .profile span {
	font-size: 25px;
	font-weight: bold;
}

.block1 .pimg .inner .desc {
	width: 500px;
	float: right;
	font-size: 18px;
	background: rgba(255,255,255,.8);
	padding: 190px 0 30px 30px;
	margin-top: 35px;
	margin-bottom: 60px;
}
.block3 .pimg .inner .desc,
.block5 .pimg .inner .desc,
.block7 .pimg .inner .desc {
	width: 500px;
	float: right;
	font-size: 18px;
	background: rgba(255,255,255,.8);
	padding: 30px 0 30px 30px;
	margin-top: 200px;
	margin-bottom: 60px;
}

.block2 .pimg .inner .desc,
.block4 .pimg .inner .desc,
.block6 .pimg .inner .desc,
.block8 .pimg .inner .desc {
	width: 500px;
	float: left;
	font-size: 18px;
	background: rgba(255,255,255,.8);
	padding: 30px 30px 30px 0;
	margin-top: 200px;
	margin-bottom: 60px;
	box-sizing: border-box;
}
.block4 .pimg .inner .desc {
	margin-top: 180px;
}

.block1 .pimg .inner .let,
.block2 .pimg .inner .let,
.block3 .pimg .inner .let,
.block4 .pimg .inner .let,
.block5 .pimg .inner .let,
.block6 .pimg .inner .let,
.block7 .pimg .inner .let,
.block8 .pimg .inner .let {
	position: absolute;
	z-index: 100;
}

.block1 .pimg .inner .let {
	top: 20px;
	left: 550px;
}

.block3 .pimg .inner .let,
.block5 .pimg .inner .let,
.block7 .pimg .inner .let {
	top: 20px;
	right: 0;
}

.block2 .pimg .inner .let,
.block4 .pimg .inner .let,
.block6 .pimg .inner .let,
.block8 .pimg .inner .let {
	top: 20px;
	left: 0;
}




.lastline {
	background: url(../../images/future2/cvbg.jpg) no-repeat;
	background-size: cover;
	padding: 105px 0;
	margin: 100px 0;
}














.gakkotitle {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}


#base {
	font-family: '-apple-system', 'BlinkMacSystemFont','Yu Gothic Medium', '游ゴシック Medium', YuGothic, 'Hiragino Sans','Hiragino Kaku Gothic ProN', '游ゴシック体',"segoe ui",'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}



#form {
	width: 800px;
	margin: 0 auto;
	font-family: '-apple-system', 'BlinkMacSystemFont','Yu Gothic Medium', '游ゴシック Medium', YuGothic, 'Hiragino Sans','Hiragino Kaku Gothic ProN', '游ゴシック体',"segoe ui",'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#form #contact {
	margin-top: 50px;
}


#footer {
	text-align: center;
}












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



.brpc {
	display: none;
}
.brsp {
	display: block;
}


#header {
	background: #23ecd3;
	text-align: center;
	padding: 0;
}

#header .logoinner {
	position: relative;
}

#header .icon-oc {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
}
#header .icon-req {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 50px;
	top: 0;
}

#header h1 {
	text-align: left;
	padding-top: 18px;
	margin-left: 4%;
}

#header h1 img {
	width: 182px;
}

#pcmain {
	width: 100%;
	font-size: 4vw;
	padding: 15.3333% 0 0 0;
}
#pcmain div {
	text-align: center;
	margin-bottom: 20.8%;
}
#pcmain div img {
	width: 50%;
}
#pcmain p {
	width: 84%;
	margin: 0 auto;
}





.cvarea {
	padding: 4.6667% 0;
}

.cvarea ul {
	width: 84%;
	font-size: 3.4667vw;
	margin: 10% auto 0 auto;
}
.cvarea ul li {
	background: url(../../images/future2/icon_cv.gif) no-repeat right center;
	background-size: 10%;
	width: 48%;
}
.cvarea a {
	width: 100%;
	border-bottom: .4em solid #ff0;
	border-left: .4em solid #ff0;
	letter-spacing: 0;
	padding: 2.4% 0;
	text-indent: -1em;
}

.blocklink {
	display: none;
}
.blocklink2 {
	display: block;
	font-size: 3.4667vw;
	font-weight: bold;
	background: url(../../images/future2/icon_cv.gif) no-repeat right center;
	background-size: 6.6667%;
	width: 80%;
	text-align: center;
	margin: 10% auto 0 auto;
	border-bottom: .4em solid #23ecd3;
	border-left: .4em solid #23ecd3;
	padding: 2.4% 0;
	box-sizing: border-box;
	text-indent: -1em;
}
.blocklink2 a {
	color: #000;
}




.block0 {
	padding: 14.6667% 0;
	font-size: 4vw;
}

.block0 img {
	width: 84%;
}

.block0 div:first-child {
	margin-bottom: 6.6667%;
}





.block1, .block2,
.block3, .block4,
.block5, .block6,
.block7, .block8 {
	padding: 13.3333% 0 0 0;
	font-size: 3.3333vw;
	margin-top: 0;
}

.block1 h2, .block2 h2,
.block3 h2, .block4 h2,
.block5 h2, .block6 h2,
.block7 h2, .block8 h2 {
	width: 84%;
	margin-bottom: 6.3333%;
	text-align: center;
}

.block1 h3, .block2 h3,
.block3 h3, .block4 h3,
.block5 h3, .block6 h3,
.block7 h3, .block8 h3 {
	width: 84%;
	margin-bottom: 6.3333%;
	font-size: 3.4683vw;
}

.block1 .pimg, .block2 .pimg,
.block3 .pimg, .block4 .pimg,
.block5 .pimg, .block6 .pimg,
.block7 .pimg, .block8 .pimg {
	min-height: 99.4667vh;
}

.block1 .pimg {
	background: url(../../images/future2/block01_sp.png) no-repeat center 6.6667%;
	background-size: 100% auto;
}

.block2 .pimg {
	background: url(../../images/future2/block02_sp.png) no-repeat center 7.4444%;
	background-size: 100% auto;
}

.block3 .pimg {
	background: url(../../images/future2/block03_sp.png) no-repeat center 7.2%;
	background-size: 100% auto;
}

.block4 .pimg {
	background: url(../../images/future2/block04_sp.png) no-repeat center 7.8%;
	background-size: 100% auto;
}

.block5 .pimg {
	background: url(../../images/future2/block05_sp.png) no-repeat center 7%;
	background-size: 100% auto;
}

.block6 .pimg {
	background: url(../../images/future2/block06_sp.png) no-repeat center 7.8%;
	background-size: 100% auto;
}

.block7 .pimg {
	background: url(../../images/future2/block07_sp.png) no-repeat center 6.8%;
	background-size: 100% auto;
}

.block8 .pimg {
	background: url(../../images/future2/block08_sp.png) no-repeat center 7.8%;
	background-size: 100% auto;
}

.block1 .pimg .inner, .block2 .pimg .inner,
.block3 .pimg .inner, .block4 .pimg .inner,
.block5 .pimg .inner, .block6 .pimg .inner,
.block7 .pimg .inner, .block8 .pimg .inner {
	width: 84%;
	margin: 0 auto;
}

.block1 .pimg .inner .profile, .block2 .pimg .inner .profile,
.block3 .pimg .inner .profile, .block4 .pimg .inner .profile,
.block5 .pimg .inner .profile, .block6 .pimg .inner .profile,
.block7 .pimg .inner .profile, .block8 .pimg .inner .profile {
	font-size: 3.3333vw;
	width: 100%;
	padding-top: 140.5714%;
	float: none;
	margin-bottom: 6%;
}

.block1 .pimg .inner .profile {background: url(../../images/future2/nafter01.gif) no-repeat right bottom; background-size: 40% auto;}
.block2 .pimg .inner .profile {background: url(../../images/future2/nafter02.gif) no-repeat right bottom; background-size: 40% auto;}
.block3 .pimg .inner .profile {background: url(../../images/future2/nafter03.gif) no-repeat right bottom; background-size: 40% auto;}
.block4 .pimg .inner .profile {background: url(../../images/future2/nafter04.gif) no-repeat right bottom; background-size: 40% auto;}
.block5 .pimg .inner .profile {background: url(../../images/future2/nafter05.gif) no-repeat right bottom; background-size: 40% auto;}
.block6 .pimg .inner .profile {background: url(../../images/future2/nafter06.gif) no-repeat right bottom; background-size: 40% auto;}
.block7 .pimg .inner .profile {background: url(../../images/future2/nafter07.gif) no-repeat right bottom; background-size: 40% auto;}
.block8 .pimg .inner .profile {background: url(../../images/future2/nafter08.gif) no-repeat right bottom; background-size: 40% auto;}

.block1 .pimg .inner .profile span,
.block2 .pimg .inner .profile span,
.block3 .pimg .inner .profile span,
.block4 .pimg .inner .profile span,
.block5 .pimg .inner .profile span,
.block6 .pimg .inner .profile span,
.block7 .pimg .inner .profile span,
.block8 .pimg .inner .profile span {
	font-size: 4.6667vw;
	font-weight: normal;
}

.block1 .pimg .inner .desc, .block2 .pimg .inner .desc,
.block3 .pimg .inner .desc, .block4 .pimg .inner .desc,
.block5 .pimg .inner .desc, .block6 .pimg .inner .desc,
.block7 .pimg .inner .desc, .block8 .pimg .inner .desc {
	width: 100%;
	float: none;
	font-size: 3.3333vw;
	background: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}


.block1 .pimg .inner .let,
.block2 .pimg .inner .let,
.block3 .pimg .inner .let,
.block4 .pimg .inner .let,
.block5 .pimg .inner .let,
.block6 .pimg .inner .let,
.block7 .pimg .inner .let,
.block8 .pimg .inner .let {
	position: absolute;
	padding-top: 0;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.block1 .pimg .inner .let img {
	width: 53.0159%;
}

.block2 .pimg .inner .let img {
	width: 65.3968%;
}

.block3 .pimg .inner .let img {
	width: 73.0159%;
}

.block4 .pimg .inner .let img {
	width: 50.4762%;
}

.block5 .pimg .inner .let img {
	width: 100%;
}

.block6 .pimg .inner .let img {
	width: 69.2063%;
}

.block7 .pimg .inner .let img {
	width: 72.0635%;
}

.block8 .pimg .inner .let img {
	width: 69.2063%;
}






.lastline {
	background: url(../../images/future2/cvbg_sp.jpg) no-repeat;
	background-size: 100% auto;
	padding: 10.6667% 0;
	margin: 6.6667% 0;
}






#form {
	width: 100%;
}

}