@charset "utf-8";

html {font-size: 62.5%;}

body{
	margin: 0px;
	padding: 0px;
	overflow:auto;
    background:#fff;
    box-sizing:border-box;
	line-height:1.5em;
	font-size:1.8em;
	font-family:'Noto Sans JP', serif;
	font-weight:400;
	color: #333;
}


main {
	width:100%;
	overflow:hidden;
	margin:auto;
	display:block; 
	padding:0;
}

input, select, textarea{
    font-family:'Noto Sans JP','sans-serif';color: #333;cursor:pointer;width:100%;
	border:1px solid #878787;border-radius:8px;padding:10px 15px;display:block;resize: vertical;-webkit-appearance: none;-moz-appearance: none;appearance: none;
}
::placeholder{color:#878787;}

a{cursor:pointer;transition: all 0.2s ease-in-out;}
a:hover{color:#333;}
img{width:100%;}
button{transition: all 0.2s ease-in-out;}

.container{max-width:1200px;margin:auto;width:96%;}

.btn{border-radius:50px;font-size:2.2rem;font-weight:bold;padding:20px;text-align:center;margin:auto;display:block;line-height: 1.8em;}
.btn.pb{background:rgba(0, 191, 242, 0.2);color:#00BFF2;position:relative;}
.btn.pb::after{
    content: "";
    width: 14px;
    height: 14px;
    border: 0px;
    border-top: solid 3px #00BFF2;
    border-right: solid 3px #00BFF2;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right:60px;
    transition: all 0.2s ease-in-out;
}
.btn.pb:hover{background:#00BFF2;color:#fff;}
.btn.pb:hover::after{border-color:#fff;}

/*header*/
header{background:#fff;padding:10px 40px;}
header .logo{display:inline-block;line-height:1;}
header .logo img{max-width:567px;}

/*footer*/
footer .container{padding:40px 0 100px;}
footer h6{font-weight:bold;margin-bottom:5px;}
footer p{font-size:1.6rem;}
.copyright{text-align:center;padding:10px;}

/*flooting*/
.floating{position: fixed;left: 50%;bottom: 60px; z-index: 80;width: 100%;height: 60px;box-sizing: border-box;transform: translateX(-50%);}
.floating ul{display:flex;justify-content:center;}
.floating ul li .btn{border:2px solid #54BDED;color:#54BDED;padding:15px 20px;width:254px;background:#fff;box-shadow: 3px 5px 10px -4px rgba(0,0,0,0.4);}
.floating ul li .btn:hover{background:#54BDED;color:#fff;}
.floating ul li:last-child{margin-left:20px;}
.floating ul li:last-child .btn{border:2px solid #002F7B;color:#002F7B;}
.floating ul li:last-child .btn:hover{background:#002F7B;color:#fff;}

/*top---------------*/
#top .intro{text-align:center;padding:80px 0 140px;}
#top .intro h2{color:#EB008B;font-size:3.8rem;line-height:1.5em;font-weight:bold;}
#top .intro h5{font-size:2.0rem;line-height:1.8em;margin:50px 0 120px;}
#top .intro ul{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
#top .intro ul li{width:24%;background:#00BFF2;color:#fff;position:relative;font-weight:bold;height:230px;padding-top:70px;box-shadow:inset 12px 13px 12px -15px rgba(0,0,0,0.52);}
#top .intro ul li img{position:absolute;width:110px;height:110px;display:block;top:-70px;left:50%;transform: translateX(-50%);}
#top .intro ul li p{font-size:2.6rem;line-height:1.3em;}
#top .intro ul li h4{font-size:5rem;line-height:1.4em;}
#top .intro ul li h6{font-size:3.2rem;line-height:1.3em;}
#top h3.kazari{font-size:3.4rem;color:#07185C;position:relative;font-weight:bold;margin-bottom:20px;}
#top h3.kazari span{padding-left:130px;position:relative;}
#top h3.kazari span::before{content: "";display: block;position: absolute;width: 94px;height: 82px;background: url(../img/kazari.png) no-repeat center center;
top: -11px;left: 0;background-size:cover;z-index:-1;}
.bgbl{background:rgba(0, 191, 242, 0.2);}
#top .about .bgbl{padding:90px 0;}
#top .about .bgbl .container{max-width:1052px;}
#top .about ul li{margin-bottom:40px;}
#top .about ul li .text h5{font-size:2.8rem;font-weight:bold;margin-bottom:25px;}
#top .about ul li .text p{font-size:2rem;line-height:1.8em;}
#top .about .pic p{font-weight:bold;line-height:1.8em;}
#top .schedule{padding:80px 0 100px;}
#top .schedule .title{max-width:1262px;width:65.729vw;}
#top .schedule h3.kazari{margin:0;}
#top .schedule .timeline {position: relative;margin:auto;}
#top .schedule .timeline:before {
	position: absolute;
	left: 50%;
	top: 0;
	content:"";
	display: block;
	width: 52px;
	height: 100%;
	margin-left: -26px;
	background: #00B7F0;
	z-index: 5;
	border-radius:30px;
	box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.31);
}
#top .schedule .timeline li{position:relative;padding:40px 0;}
#top .schedule .timeline li:after {
	content:"";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#top .schedule h4{font-size:2.6rem;color:#00BFF2;font-weight:bold;line-height:1.2em;margin-bottom:20px;}
#top .schedule h4.pink, span.pink{color:#EB008B;}
#top .schedule .timeline li p{line-height:1.8em;font-size:1.7rem;}
#top .schedule .timeline li .item{position: relative;}
#top .schedule .timeline li .item .flag_cont {position: relative;}
#top .schedule .timeline li .item .flag {position: relative;background:rgba(0, 191, 242, 0.2);}
#top .schedule .timeline li.bp:nth-child(odd) .item .flag{background:rgba(235, 0, 139, 0.1);border:none;}
#top .schedule .timeline li .item .flag {
    box-shadow:2px 2px 4px -1px rgb(0 0 0 / 12%);
    padding: 30px 30px 30px 20px;
}
#top .schedule .timeline li:nth-child(even) .item .flag::after{left: -138px;border-right: 138px solid rgba(0, 191, 242, 0.2);}
#top .schedule .timeline li .item .flag:after {
	content: "";
	position:relative;
    position: absolute;
	top:50%;
	z-index:-1;
     width: 0;
    height: 0;
    border-style: solid;
    border-left: 0;
    transform: translateY(-50%);
}
#top .schedule .timeline li.pl .item .flag:before {border-right: 138px solid rgba(235, 0, 139, 0.25);border-left: 0;left: -138px;}
#top .schedule .timeline li.pl .item .flag {background:#fff;border:2px solid rgba(235, 0, 139, 0.25);border-left:none;}
#top .schedule .timeline li.pl:nth-child(even) .item .flag:after {border-right: 138px solid #fff;border-left: 0;left: -135px;}
#top .schedule .timeline li.pl .item .flag:before {
	content: "";
	position:relative;
    position: absolute;
	top:50%;
	z-index:-2;
     width: 0;
    height: 0;
    border-style: solid;
    transform: translateY(-50%);
}

#top .schedule .timeline li .item .pic{z-index: -1;}
#top .schedule .timeline li:nth-child(1) .item .flag{height:13.381vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after{border-top: 6.66vw solid transparent;border-bottom: 6.66vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before{border-top: 6.6905vw solid transparent;border-bottom: 6.6905vw solid transparent;}
#top .schedule .timeline li:nth-child(2){position:relative;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:17.064vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after{border-top: 8.532vw solid transparent;border-bottom: 8.532vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag{height:15.344vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after{border-top: 7.672vw solid transparent;border-bottom:7.672vw solid transparent;}
#top .schedule .timeline li:nth-child(4) .item .flag{height:12.919vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after{border-top: 6.4595vw solid transparent;border-bottom:6.4595vw solid transparent;}
#top .schedule .timeline li:nth-child(4)::before{
    position: absolute;
    left: 50%;
    top: 39%;
    content: "";
    display: block;
    width: 52px;
    height: 70%;
    margin-left: -26px;
    background: repeating-linear-gradient(150deg, #fff, #fff 15px, #00B7F0 15px, #00B7F0 40px);
    z-index: 5;}
#top .schedule .timeline li:nth-child(5){position:relative;}
#top .schedule .timeline li:nth-child(6) .circle{color:#27C5FF;background:#fff;border:3px solid #27C5FF;border-radius:50%;width:280px;height:280px;margin:auto;position:relative;z-index:5;}
#top .schedule .timeline li:nth-child(6) .circle p{font-size:4rem;line-height:1.4em;font-weight:bold;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:5em;text-align:center;}
#top .schedule .timeline li:nth-child(7) .item .flag{height: 22.6vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after{border-top: 11.3vw solid transparent;border-bottom:11.3vw solid transparent;}
#top .schedule .timeline li:nth-child(8){margin-top:90px;}
#top .schedule .timeline li:nth-child(8) .item .flag{height: 18vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after{border-top: 8.99vw solid transparent;border-bottom:8.99vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag::before{border-top: 9.01vw solid transparent;border-bottom:9.01vw solid transparent;}
#top .schedule .timeline li:nth-child(9)::before{
    position: absolute;
    left: 50%;
    top:-6%;
    content: "";
    display: block;
    width: 52px;
    height: 82%;
    margin-left: -26px;
    background:#BBCED5;
    z-index: 5;}
#top .schedule .timeline li:nth-child(9) .item .flag{height:16vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after{border-top: 8vw solid transparent;border-bottom:8vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .item{margin-top:-240px;}
#top .schedule .timeline li:nth-child(10) .item .flag{height:15.8vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after{border-top: 7.9vw solid transparent;border-bottom:7.9vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 7.89vw solid transparent;border-bottom:7.89vw solid transparent;}
#top .schedule .timeline li:nth-child(11) .sub{max-width:230px;}
#top .schedule .timeline li:nth-child(11) p{margin-top:-30px;}
#top .schedule .box{background:rgba(235, 0, 139, 0.1);padding:50px 30px;margin:30px auto 0;text-align:center;}
#top .schedule .box h4{line-height:1.6em;}
#top .movie{padding:60px 0;}
#top .movie h3.kazari, #top .requirement h3.kazari{margin-bottom:80px;}
#top .movie h3.kazari span::before, #top .requirement h3.kazari span::before{left:20px;}
#top .movie h3.kazari span, #top .requirement h3.kazari span{padding-left:150px;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after{content:"";width:100%;height:14px;background: rgba(0, 191, 242, 0.2);left:0;bottom:0;display:block;position: absolute;bottom: -33px;}
#top .movie ul li .youtube {width: 100%;aspect-ratio: 16 / 9;box-shadow: 3px 5px 10px -4px #ccc;}
#top .movie ul li .youtube iframe {width: 100%;height: 100%;}
#top .movie ul li p{color:#07185C;border-bottom:1px solid #07185C;display:inline-block;margin-top:20px;font-size:2rem;}
#top .requirement{padding:60px 0 80px;}
#top .requirement .box{border:1px solid #999;max-width:760px;margin:60px auto 0;padding:70px 60px;background:#fff;box-shadow: 3px 5px 10px -4px #ccc;line-height:1.6em;}
#top .requirement dl{margin-top:40px;}
#top .requirement dl:nth-of-type(1){margin-top:0;}
#top .requirement dl:nth-of-type(2){margin-top:10px;}
#top .requirement dl dd .Fbold{color:#27C5FF;}
#top .requirement ol{margin-top:10px;}
#top .requirement ol li{text-indent:-2.6em;padding-left:2.6em;}
#top .requirement .bgbl{margin-top:80px;padding:40px 0 60px;overflow:hidden;}
#top .requirement .flow h4{color:#fff;background:#00BFF2;font-weight:bold;font-size:3rem;text-align:center;letter-spacing:0.08em;}
#top .requirement .flow ul{display:flex;align-items:center;justify-content:space-between;}
#top .requirement .flow ul li{background:#fff;border:1px solid #27C5FF;text-align:center;padding:10px 25px 30px;position:relative;width:26%;font-weight:bold;}
#top .requirement .flow ul li::after{
    content:"";
    width: 22px;
    height:22px;
    border: 0px;
    border-top: solid 2px #FF14B1;
    border-right: solid 2px #FF14B1;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right:-36px;
    margin-top: -11px;
    filter:drop-shadow(3px 2px 3px rgba(0,0,0,0.3));}
#top .requirement .flow ul li:last-child::after{display:none;}
#top .requirement .flow ul li p{border-bottom:1px solid #27C5FF;font-size:2.6rem;line-height:1.6em;letter-spacing:0.1em;margin-bottom:40px;}
#top .requirement .flow ul li h5{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-size:3.6rem;margin:auto;letter-spacing:0.1em;margin-bottom:5px;}
#top .requirement .flow ul li:nth-child(2) h5{padding-left: 5px;}
#top .requirement .flow ul li h5 span{display:block;letter-spacing:0;font-size:1.5rem;margin-top:-4px;}
#top .requirement .flow ul li h6{letter-spacing:0.15em;}
#top .requirement .kome p{line-height:1.7em;text-indent:-2em;padding-left:2em;font-size:1.7rem;}
#top .requirement .kome p span{color:#00BFF2;padding-right:1em;}
#top .btn.pb{max-width:500px;font-size:2.8rem;padding:25px;letter-spacing:0.1em;}
#top .btn.pb::after{right:150px;}
#top .mailto{margin:40px auto;}
#top .recruitlink{margin:40px auto 80px;}
#top .mailto a, #top .recruitlink a{display:inline-block;color:#00BFF2;position:relative;font-size:1.7rem;}
#top .mailto a::after, #top .recruitlink a::after{background:#00BFF2;height:2px;width:100%;bottom:-4px;left:50%;transform: translateX(-50%);display:block;position:absolute;content:"";transition: all 0.2s ease-in-out;}
#top .mailto a:hover::after, #top .recruitlink a:hover::after{width:0;}



/*form---------------*/
#form header{box-shadow: 0 6px 3px -3px rgb(0 0 0 / 13%);}
#form .container.small{padding:60px 0 90px;max-width:900px}
#form .pagehead{padding:20px 0;background:rgba(0, 191, 242, 0.2);}
#form h3{font-size:2.8rem;color: #00B7F0;text-align:center;line-height:1.4em;font-weight:bold;}
#form h5 a{border-bottom:1px solid #07185C;display:inline-block;}
#form h5 a:hover{color:rgba(0, 191, 242, 0.2);border-color:rgba(0, 191, 242, 0.2);}
#form .flow {position: relative;margin:30px auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#form .flow li {position: relative;text-align: center;text-transform: uppercase;width: 33.3%;color:#07185C;font-weight: bold;counter-increment: steps;font-size:2rem;}
#form .flow li:before {
    display: block;
    width: 52px;
    height: 52px;
    margin: 10px auto;
    content: "";
    line-height: 48px;
    font-size: 2.4rem;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    content: counter(steps);
    border:2px solid #07185C;
}
#form .flow li:after {
    position: absolute;
    z-index: -1;
    top: 36px;
    left: -50%;
    width: 100%;
    height: 2px;
    content:"";
    background: #07185C;
}
#form .flow li:first-child:after {content: none;}
#form .flow li.active:before,#form .flow li.complete:before {background-color: #07185C;color: #FFF;}
#form .flow li.active:after,#form .flow li.complete:after {background-color: #07185C;}
#form table{font-size:1.6rem;width:100%;}
#form table th{position:relative;}
#form table th span{color:#fff;display:inline-block;font-size:1.4rem;padding:0 10px;border-radius:6px;font-weight:400;vertical-align: top;
position:absolute;right:0;top:50%;transform: translateY(-50%);}
#form table th .required{background:#EB008B;}
#form table th .optional{background:#999;}
#form table td p.att{color:#ff585f;margin-top:8px;}
input[type=text].att, input[type=tel].att, input[type=email].att{border: 1px solid #ff585f;background:#fff3f4;}
#form table .flex{display:flex;}
#form table .flex.two{justify-content:space-between;}
#form table .flex.two li{width:48%;}
#form table .flex.three li{margin-right:5%;}
#form table .flex.three li span{display:inline-block;}
#form table .flex.three li input{display:inline-block;margin-right:10px;}
#form table input.birth_year{max-width:120px;}
#form table input.birth_month, #form table input.birth_day{max-width:60px;}
#form table input.zip{max-width:150px;display:inline-block;}
#form table .zipbtn{border:1px solid #00B7F0;;color:#fff;padding:10px 25px;border-radius:8px;margin-left:20px;background:#00B7F0;}
#form table .zipbtn:hover{background:#fff;color:#00B7F0;}
#form table .jobsub{display:inline-block;}
#form table input.job_month{max-width:60px;display:inline-block;margin:0 5px;}
#form table p.kome{margin-top:5px;}
.radiobtn{display:inline-block;}
.radiobtn label {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    padding-left: 28px;
    vertical-align: middle;
    margin: 8px 20px 8px 0px;
}
.radiobtn input[type=radio], .checkbtn input[type=checkbox]{display: none;}
.radiobtn input[type=radio]+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left:0;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-color: #cbcbcb;
    border: 3px solid #fff;
    box-shadow: 0px 0px 0px 1px #cbcbcb;
    border-radius: 10px;
}
.radiobtn input[type=radio]:checked+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-color: #00B7F0;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 1px #00B7F0;
}
.checkbtn input[type=checkbox]+label {
    position: relative;
    padding-left: 26px;
    vertical-align: middle;
    display: inline-block;
    margin: 8px 20px 8px 0px;
}
.checkbtn input[type=checkbox]+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -8px;
    margin-left: 0px;
    background-color: #fff;
    border: 2px solid #cbcbcb;
    border-radius:4px;
}
.checkbtn input[type=checkbox]:checked+label::before{border-color:#00B7F0;}
.checkbtn input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    width: 14px;
    height: 7px;
    margin-top: -4px;
    border-left: 3px solid #00B7F0;
    border-bottom: 3px solid #00B7F0;
    transform: rotate(-45deg);
}
.selectwrap{position:relative;}
.selectwrap::after {
    content:"";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 1px #282828;
    border-right: solid 1px #282828;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -8px;
}
#form h4{font-size:2.4rem;font-weight:bold;color:#EB008B;text-align:center;margin:20px 0;}
#form .scrollbox{-webkit-overflow-scrolling: auto;overflow-scrolling: auto;overflow-y: auto;height:400px;border:2px solid #cbcbcb;padding:20px;font-size:1.6rem;}
#form .scrollbox h5{font-size:2rem;text-align:center;margin-bottom:15px;font-weight:bold;}
#form .scrollbox .ta-r{margin-bottom:20px;}
#form .scrollbox h6{font-weight:bold;margin:20px 0 5px;text-indent:-2em;padding-left:2em;}
p.ti12{text-indent:-1.2em;padding-left:1.2em;}
#form .kojin.checkbtn{text-align:center;font-weight:bold;color:#07185C;margin:30px 0 40px;}
#form .kojin.checkbtn input[type=checkbox]+label{border-bottom:2px solid #07185C;padding:0 10px 10px 40px;margin:0;}
#form .kojin.checkbtn input[type=checkbox]+label::before{left: 10px;width: 20px;height: 20px;margin-top: -14px;}
#form .kojin.checkbtn input[type=checkbox]:checked+label::after{left: 12px;top: 50%;width: 16px;height: 8px;margin-top: -10px;}
#form .btn.pb{width:70%;}
#form .btn.gr{background:#ddd;color:#666;position:relative;}
#form .btn.gr::after {
    content: "";
    width: 14px;
    height: 14px;
    border: 0px;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    transform: rotate(-135deg);
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 60px;
    transition: all 0.2s ease-in-out;
}
#form .btn.gr:hover{background:#666;color:#ddd;}
#form .btn.gr:hover::after{border-color:#ddd;}


/*PC==============================================*/
@media screen and (min-width:769px){
.pc{display:block;}
.sp{display:none;}

#top .about ul li{display:flex;align-items:center;}
#top .about ul li img{width:36%;}
#top .about ul li .text{width:59%;margin-left:5%;}
#top .about ul li img {max-width:424px;}
#top .about .pic{display:flex;align-items:flex-end;justify-content:center;position:relative;margin:14vw auto 0;}
#top .about .pic .people{z-index:2;max-width:239px;width:30%;}
#top .about .pic p{z-index:2;width:70%;margin-bottom:30px;font-size:2.2rem;}
#top .about .pic .fukidashi{max-width:864px;position:absolute;width:45vw;height:13.021vw;left:-9.417vw;top:-8.896vw;}
#top .movie ul{display:flex;align-items:flex-start;justify-content:space-between;width:92%;margin:auto;}
#top .movie ul li{width:46%;}
#top .requirement dl{display:flex;}
#top .requirement dl dt{margin-right:20px;min-width:36px;}
#top .requirement dl:nth-of-type(1) dt, #top .requirement dl:nth-of-type(2) dt{width:15%;margin:0;}
#top .requirement .flow{max-width:660px;margin:auto;display:flex;align-items:center;justify-content:space-between;}
#top .requirement .flow h4{width:10%;position:relative;white-space: nowrap;height:270px;padding:15px 10px;}
#top .requirement .flow h4 span{display:block;position: absolute;writing-mode: vertical-rl;-ms-writing-mode: tb-rl;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#top .requirement .flow ul{width:84%;}
#top .requirement .flow ul li{height:270px;}
#top .requirement .bgbl .kome{float:right;margin-top:30px;}

#form table th{width:44%;vertical-align:middle;padding:20px 0;border-bottom:1px solid #D9D9D9;}
#form table td{width:56%;vertical-align:middle;padding:20px 0 20px 30px;border-bottom:1px solid #D9D9D9;}
#form table tr:first-child th, #form table tr:first-child td{border-top:1px solid #D9D9D9;}
#form table td.ptpb10{padding-top:10px;padding-bottom:10px;}
#form table .flex.two li span{display:inline-block;width:15%;}
#form table .flex.two li input{display:inline-block;width: 80%;margin-left:3%;}
.selectwrap{max-width:60%;}
#form table input.others{display:inline-block;max-width:300px;margin:10px 0;}
#form.confirm .btns{margin:50px auto 0;display:flex;justify-content:space-between;}
#form.confirm .btns .btn{width:48%;}
}

@media screen and (min-width:971px) {
#top .schedule .timeline li .item .flag_cont:before{
	position: absolute;
	top: 50%;
	content: "";
	display: block;
	width: 52px;
	height: 52px;
	margin-top: -26px;
	background: #fff;
	z-index: 10;
	border-radius:50%;
	border:2px solid #00B7F0;
}
#top .schedule .timeline li .item h4, #top .schedule .timeline li .item .flag .pic{display:none;}
#top .schedule .timeline li .item .flag h4, #top .schedule .timeline li .pic{display:block;}
#top .schedule .timeline li:nth-child(even) .item{float: right;width: calc(50% - 168px);}
#top .schedule .timeline li:nth-child(odd) .item {float: left;width: calc(50% - 148px);}
#top .schedule .timeline li:nth-child(odd) .item .flag {
	box-shadow:1px 4px 2px -2px rgb(0 0 0 / 15%);
	padding: 30px 10px 30px 40px;	     
}
#top .schedule .timeline li:nth-child(odd) .item .flag_cont:before {right:-174px;}
#top .schedule .timeline li:nth-child(even) .item .flag_cont:before {left:-194px;}
#top .schedule .timeline li:nth-child(odd) .item .flag::after{right: -120px;border-left: 120px solid rgba(0, 191, 242, 0.2);}
#top .schedule .timeline li.bl .item .flag {background:#fff;border:2px solid #53BDED;}
#top .schedule .timeline li.bl .item .flag:before{
	content: "";
	position:relative;
    position: absolute;
	top:50%;
	z-index:-2;
     width: 0;
    height: 0;
    border-style: solid;
    transform: translateY(-50%);
}

#top .schedule .timeline li.bl:nth-child(odd) .item .flag{border-right:none;}
#top .schedule .timeline li.bl:nth-child(even) .item .flag, #top .schedule .timeline li.pl:nth-child(even) .item .flag {border-left:none;}
#top .schedule .timeline li.bl:nth-child(odd) .item .flag:after{border-left: 120px solid #fff;border-right: 0;right: -117px;}
#top .schedule .timeline li.bl:nth-child(even) .item .flag:after{border-right: 138px solid #fff;border-left: 0;left: -136px;}
#top .schedule .timeline li.bl:nth-child(odd) .item .flag:before{border-left: 120px solid #53BDED;border-right: 0;right: -120px;} 
#top .schedule .timeline li.bl:nth-child(even) .item .flag:before{border-right: 138px solid #53BDED;border-left: 0;left: -138px;}
#top .schedule .timeline li.bp:nth-child(odd) .item .flag::after{right: -120px;border-left: 120px solid rgba(235, 0, 139, 0.1);}
#top .schedule .timeline li:nth-child(2) .item .pic{max-width: 400px;margin-top: 10px;width:70%;position: absolute;right: 0;}
#top .schedule .timeline li:nth-child(2) .sub{max-width: 215px;width:70%;position: absolute;right:33%;bottom:-270px;z-index:5;}
#top .schedule .timeline li:nth-child(3) .item{margin-top:-100px;}
#top .schedule .timeline li:nth-child(3) .item .pic{max-width:569px;width:95%;position: absolute;left: 0;}
#top .schedule .timeline li:nth-child(4) .item{margin-top:150px;}
#top .schedule .timeline li:nth-child(5) .sub{position:absolute;max-width:280px;left:16%;top:-360px;}
#top .schedule .timeline li:nth-child(6){margin-top:-320px;}
#top .schedule .timeline li:nth-child(7){margin-top:-120px;}
#top .schedule .timeline li:nth-child(7) .item .pic{max-width:620px;position: absolute;left: 0;}
#top .schedule .timeline li:nth-child(7) .sub{position:absolute;top:6%;right:8%;max-width:500px;z-index:5;}
#top .schedule .timeline li:nth-child(8) .item .flag img{max-width:136px;float: right;margin-top: -15px;}
#top .schedule .timeline li:nth-child(9){margin-top:-150px;}
#top .schedule .timeline li:nth-child(10){margin-top:-520px;}
#top .schedule .timeline li:nth-child(11) {margin-top:-150px;padding:40px 0 0 10%;}
#top .schedule .timeline li:nth-child(11) p{text-align:right;}
#top .schedule .box{max-width:660px;}
}

@media screen and (min-width:1701px){
#top .schedule .timeline li:nth-child(2) .sub{bottom:-300px;}
#top .schedule .timeline li:nth-child(4)::before{top:36%;}
#top .schedule .timeline li:nth-child(4) .item{margin-top:100px;}
#top .schedule .timeline li:nth-child(7) .sub{top:13%;}
#top .schedule .timeline li:nth-child(9)::before{top:-8.5%;}
#top .schedule .timeline li:nth-child(9) .item .flag {height: 14.424vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 7.212vw solid transparent;border-bottom: 7.212vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag{height:14.97vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after{border-top: 7.4vw solid transparent;border-bottom:7.45vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 7.485vw solid transparent;border-bottom:7.485vw solid transparent;}
#top .schedule .timeline li:nth-child(11) {margin-top:-170px;}
}

@media screen and (max-width:1484px){
#top .schedule .timeline li:nth-child(1) .item .flag{height:15.2vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 7.6vw solid transparent;border-bottom: 7.6vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before {border-top: 7.58vw solid transparent;border-bottom: 7.58vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:19vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after {border-top: 9.5vw solid transparent;border-bottom: 9.5vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag, #top .schedule .timeline li:nth-child(9) .item .flag{height:18vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after, #top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 9vw solid transparent;border-bottom: 9vw solid transparent;}
#top .schedule .timeline li:nth-child(4) .item .flag{height:16vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 8vw solid transparent;border-bottom: 8vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height:28vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 14vw solid transparent;border-bottom: 14vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .sub {top: 12%;right: 10.5%;max-width: 470px;}
#top .schedule .timeline li:nth-child(8) .item .flag{height:20vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after{border-top: 10vw solid transparent;border-bottom: 10vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag::before{border-top: 9.98vw solid transparent;border-bottom: 9.98vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag img{width:8vw;}
#top .schedule .timeline li:nth-child(9)::before{top: -5%;height:80%;}
#top .schedule .timeline li:nth-child(9) .item .flag p br, #top .schedule .timeline li:nth-child(7) .item .flag p br{display:none;}
#top .schedule .timeline li:nth-child(10) .item .flag{height:18.8vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after{border-top: 9.4vw solid transparent;border-bottom: 9.4vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 9.38vw solid transparent;border-bottom: 9.38vw solid transparent;}
}

@media screen and (max-width:1288px){
#top .about .pic{margin-left:6%;margin-top:16vw;}
#top .about .pic .people{width:23%;margin:0 2.5%;}
#top .schedule .timeline li:nth-child(1) .item .flag{height:20vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 10vw solid transparent;border-bottom: 10vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before {border-top: 9.98vw solid transparent;border-bottom: 9.98vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:22.6vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after {border-top: 11.3vw solid transparent;border-bottom: 11.3vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag, #top .schedule .timeline li:nth-child(9) .item .flag{height:21.4vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after, #top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 10.7vw solid transparent;border-bottom: 10.7vw solid transparent;}
#top .schedule .timeline li:nth-child(4) .item .flag{height:19vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 9.5vw solid transparent;border-bottom: 9.5vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height:31.4vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 15.7vw solid transparent;border-bottom: 15.7vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .sub {right: 10%;max-width: 460px;}
#top .schedule .timeline li:nth-child(8) .item .flag{height:22.4vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after{border-top: 11.2vw solid transparent;border-bottom: 11.2vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag::before{border-top: 11.18vw solid transparent;border-bottom: 11.18vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag{height:22vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after{border-top: 11vw solid transparent;border-bottom: 11vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 10.98vw solid transparent;border-bottom: 10.98vw solid transparent;}
}

@media screen and (max-width:1199px){
#top .intro h5{margin: 40px 0 120px}
#top .intro ul li{padding-top:6vw;height: 19vw;}
#top .intro ul li img{width:10vw;height:10vw;top:-6vw;}
#top .intro ul li h4 {font-size: 4rem;}
#top .intro ul li h6{font-size:2.8rem;}
#top .intro ul li p{font-size:2rem;}
#top h3.kazari{font-size:3.4rem;margin-bottom: 15px;}
#top h3.kazari span{padding-left:120px;}
#top h3.kazari span::before{width: 87px;height: 77px;top:-13px;}
#top .movie h3.kazari span, #top .requirement h3.kazari span{padding-left:140px;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after{height: 12px;bottom: -26px;}
#top .schedule .timeline li:nth-child(2) .sub{right:31%;}
#top .schedule .timeline li:nth-child(7) .item .flag{height:35.6vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 17.8vw solid transparent;border-bottom: 17.8vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .sub{right:8%;}
#top .schedule .timeline li:nth-child(11){margin-top: -130px;}
}

@media screen and (max-width:1174px){
#top .schedule .timeline li:nth-child(1) .item .flag{height:23vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 11.5vw solid transparent;border-bottom: 11.5vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before {border-top:11.48vw solid transparent;border-bottom: 11.48vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag p br, #top .schedule .timeline li:nth-child(2) .item .flag p br{display:none;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:25.6vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after {border-top: 12.8vw solid transparent;border-bottom: 12.8vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag, #top .schedule .timeline li:nth-child(9) .item .flag{height:23.4vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after, #top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 11.7vw solid transparent;border-bottom: 11.7vw solid transparent;}
#top .schedule .timeline li:nth-child(4) .item {margin-top: 40px;}
#top .schedule .timeline li:nth-child(4)::before{top:32%;}
#top .schedule .timeline li:nth-child(4) .item .flag{height:22vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 11vw solid transparent;border-bottom: 11vw solid transparent;}
#top .schedule .timeline li:nth-child(5) .sub{max-width:260px;}
#top .schedule .timeline li:nth-child(6) .circle p{font-size:3.6rem;}
#top .schedule .timeline li:nth-child(7) .item .flag{height:38.6vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 19.3vw solid transparent;border-bottom: 19.3vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .sub {right: 9%;max-width: 420px;top: 18%;}
#top .schedule .timeline li:nth-child(8){margin-top:70px;}
#top .schedule .timeline li:nth-child(9)::before{height:78%;}
#top .schedule .timeline li:nth-child(8) .item .flag{height:25.4vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after{border-top: 12.7vw solid transparent;border-bottom: 12.7vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag::before{border-top: 12.68vw solid transparent;border-bottom: 12.68vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag{height:24vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after{border-top: 12vw solid transparent;border-bottom: 12vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 11.98vw solid transparent;border-bottom: 11.98vw solid transparent;}

}

@media screen and (max-width:1078px){
#top .about ul li .text p{font-size:1.8rem;}
#top .about .pic p{font-size:2rem;}
#top .schedule h4{font-size:2.4rem;}
#top .schedule .timeline li:nth-child(2) .sub {right: 29%;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:28.6vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after {border-top: 14.3vw solid transparent;border-bottom: 14.3vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag{height:25.4vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after {border-top: 12.7vw solid transparent;border-bottom: 12.7vw solid transparent;}
#top .schedule .timeline li:nth-child(5) .sub{max-width: 220px;left: 18%;top: -340px;}
#top .schedule .timeline li:nth-child(6) .circle{width:240px;height:240px;font-size:3.4rem;}
#top .schedule .timeline li:nth-child(7) .item .flag{height:44vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 22vw solid transparent;border-bottom: 22vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .sub {right: 9.5%;top: 23%;max-width: 400px;}
#top .schedule .timeline li:nth-child(8) {margin-top: 50px;}
#top .schedule .timeline li:nth-child(9)::before{height:76%;}
#top .schedule .timeline li:nth-child(8) .item .flag img{margin-top:10px;}
#top .schedule .timeline li:nth-child(9) .item .flag{height:26vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 13vw solid transparent;border-bottom: 13vw solid transparent;}
#top .schedule .timeline li:nth-child(11) {margin-top: -110px;}
#top .schedule .timeline li:nth-child(11) p{font-size:1.5rem;}
}

@media screen and (max-width:1029px){
#top .schedule .timeline li:nth-child(1) .item .flag{height:26vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 13vw solid transparent;border-bottom: 13vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before {border-top: 12.98vw solid transparent;border-bottom: 12.98vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .sub {right: 27%;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:30vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after {border-top: 15vw solid transparent;border-bottom: 15vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag{height:28.2vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after {border-top: 14.1vw solid transparent;border-bottom: 14.1vw solid transparent;}
#top .schedule .timeline li:nth-child(4)::before {top: 35%;}
#top .schedule .timeline li:nth-child(4) .item .flag{height:25vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 12.5vw solid transparent;border-bottom: 12.5vw solid transparent;}
#top .schedule .timeline li:nth-child(5) .sub{left: 16%;}
#top .schedule .timeline li:nth-child(7) .item .flag{height:48.4vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 24.2vw solid transparent;border-bottom: 24.2vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .sub {right: 8%;top: 24%;}
#top .schedule .timeline li:nth-child(8) {margin-top: 20px;}
#top .schedule .timeline li:nth-child(8) .item .flag img{margin-top:-15px;}
#top .schedule .timeline li:nth-child(8) .item .flag{height:28.4vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after {border-top: 14.2vw solid transparent;border-bottom: 14.2vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag::before {border-top: 14.18vw solid transparent;border-bottom: 14.18vw solid transparent;}
#top .schedule .timeline li:nth-child(9) {margin-top: -100px;}
#top .schedule .timeline li:nth-child(9)::before{height:82%;top: -13%;}
#top .schedule .timeline li:nth-child(9) .item .flag{height:29vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 14.5vw solid transparent;border-bottom: 14.5vw solid transparent;}
#top .schedule .timeline li:nth-child(10) {margin-top: -450px;}
#top .schedule .timeline li:nth-child(10) .item .flag {height: 27vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after {border-top: 13.5vw solid transparent;border-bottom: 13.5vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 13.48vw solid transparent;border-bottom: 13.48vw solid transparent;}
#top .schedule .timeline li:nth-child(11) {margin-top: -120px;}


}


/*tablet==============================================*/
@media screen and (max-width:992px) {
#top .intro h2{font-size:3.2rem;}
#top .intro h5{font-size:2rem;}
#top .intro ul li{padding-top:5.5vw;}
#top .intro ul li img {width: 8vw;height: 8vw;top: -5vw;}
#top .intro ul li h4 {font-size: 3.4rem;}
#top .intro ul li p{font-size:1.8rem;}
#top .intro ul li h6{font-size:2.4rem;}
#top h3.kazari{font-size:3rem;}
#top .about ul li .text h5{font-size:2.4rem;margin-bottom:2vw;}
#top .about ul li .text p{font-size:1.8rem;}
#top .about .pic p{font-size: 2rem;margin-bottom:15px;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after{bottom: -28px;}
#top .movie ul{width:100%;}
#top .movie ul li{width:48%;}
#top .mailto a, #top .recruitlink a, #top .requirement .kome p{font-size:1.6rem;}

#form h3{font-size:2.4rem;}
#form .flow li:before{font-size:2rem;}
#form .flow li{font-size:1.8rem;}
#form table{font-size:1.5rem;}
#form table th span{font-size:1.3rem;line-height: 1.8em;}
#form h4{font-size:2.2rem;}
#form .scrollbox h5{font-size:1.8rem;}
} 


@media screen and (max-width:970px) {
#top .schedule .timeline:before{left:20px;margin:0;width: 32px;top: 70px;}
#top .schedule .timeline li .item:before, #top .schedule .timeline li:nth-child(11) div::before{
    position: absolute;
    top:0;
    content: "";
    display: block;
    background: #fff;
    z-index: 10;
    border-radius: 50%;
    border: 1px solid #00B7F0;
    width:38px;height:38px;left: 16px;
}
#top .schedule .timeline li .item, #top .schedule .timeline li:nth-child(11)  p{float:none;padding-left:100px;position:relative;}
#top .schedule .timeline li .item h4{display:block;}
#top .schedule .timeline li .item .flag h4, #top .schedule .timeline li .pic{display:none;}
#top .schedule .timeline li .item .flag .pic{display:block;margin-top:3vw;}
#top .schedule .timeline li:nth-child(odd) .item .flag{background: #fff;border: 3px solid rgba(0, 191, 242, 0.2);border-left:none;}
#top .schedule .timeline li:nth-child(odd) .item .flag::after{border-right: 38px solid #fff;border-left: 0;left: -35px;}
#top .schedule .timeline li:nth-child(odd) .item .flag::before{border-right: 38px solid rgba(0, 191, 242, 0.2);border-left: 0;left: -38px;
	content: "";
	position:relative;
    position: absolute;
	top:50%;
	z-index:-2;
     width: 0;
    height: 0;
    border-style: solid;
    transform: translateY(-50%);
}
#top .schedule .timeline li.bp .item .flag::after{border-right: 38px solid rgba(235, 0, 139, 0.1);border-left: 0;left: -38px;}
#top .schedule .timeline li.bp .item .flag::before{display:none;}
#top .schedule .timeline li:nth-child(even) .item .flag::after{left: -38px;border-right: 38px solid rgba(0, 191, 242, 0.2);}
#top .schedule .timeline li.pl .item .flag{border:3px solid rgba(235, 0, 139, 0.25);border-left: 0;}
#top .schedule .timeline li.pl:nth-child(even) .item .flag::after{border-right: 38px solid #fff;border-left: 0;left: -35px;}
#top .schedule .timeline li.pl:nth-child(even) .item .flag:before{border-right: 38px solid rgba(235, 0, 139, 0.25);border-left: 0;left: -38px;}
#top .schedule .timeline li:nth-child(1) .item {margin-top:30px;}
#top .schedule .timeline li:nth-child(1) .item .flag, #top .schedule .timeline li:nth-child(8) .item .flag{height:16.8vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after, #top .schedule .timeline li:nth-child(8) .item .flag::after{border-top: 8.4vw solid transparent;border-bottom: 8.4vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before{border-top: 8.38vw solid transparent;border-bottom: 8.38vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag p br, #top .schedule .timeline li:nth-child(2) .item .flag p br{display:block;}
#top .schedule .timeline li:nth-child(2) {padding-top:280px;}
#top .schedule .timeline li:nth-child(2) .item .flag_cont:before{top:-24%;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:64vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after{border-top: 32vw solid transparent;border-bottom: 32vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .sub, #top .schedule .timeline li:nth-child(7) .sub, #top .schedule .timeline li:nth-child(11) .sub{display:none;}
#top .schedule .timeline li:nth-child(3) .item .flag, #top .schedule .timeline li:nth-child(4) .item .flag{height:60vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after, #top .schedule .timeline li:nth-child(4) .item .flag::after{border-top: 30vw solid transparent;border-bottom: 30vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag::before {border-top: 29.98vw solid transparent;border-bottom: 29.98vw solid transparent;}
#top .schedule .timeline li:nth-child(4)::before{left:46px;width: 32px;top: 10%;height:100%;}
#top .schedule .timeline li:nth-child(4) .item, #top .schedule .timeline li:nth-child(8), #top .schedule .timeline li:nth-child(9), #top .schedule .timeline li:nth-child(11), #top .schedule .timeline li:nth-child(10){margin:0;}
#top .schedule .timeline li:nth-child(5), #top .schedule .timeline li:nth-child(6) .circle, #top .schedule .timeline li:nth-child(8) .item .flag img{display:none;}
#top .schedule .timeline li:nth-child(7) .item .flag{height:72vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after{border-top: 36vw solid transparent;border-bottom:36vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 35.98vw solid transparent;border-bottom: 35.98vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item h4 span{display:inline-block;position:relative;}
#top .schedule .timeline li:nth-child(8) .item h4 span::before{
    content: "";
    display: block;
    position: absolute;
    width: 70px;
    height: 48px;
    background: url(../img/icon_sleep.png) no-repeat center center;
    top: -11px;
    right: -80px;
    background-size: cover;
}
#top .schedule .timeline li:nth-child(9) .item .flag{height:63vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after{border-top: 31.5vw solid transparent;border-bottom: 31.5vw solid transparent;}
#top .schedule .timeline li:nth-child(9)::before{left:46px;width: 32px;height: 40%;top: -31%;}
#top .schedule .timeline li:nth-child(9) .item:before, #top .schedule .timeline li:nth-child(10) .item:before{border-color:#EB008B;}
#top .schedule .timeline li:nth-child(10) .item .flag{height:59vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after{border-top: 29.5vw solid transparent;border-bottom:29.5vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 29.48vw solid transparent;border-bottom: 29.48vw solid transparent;}
#top .schedule .timeline li:nth-child(11){padding-bottom:0;}
#top .schedule .timeline li:nth-child(11) p{font-size:1.6rem;}
#top .schedule .timeline li:nth-child(11) div::before{background:#EB008B;border-color:#EB008B;bottom: -80px;top: auto;}
#top .schedule .over{margin:50px -3% 0;}

}


/*�X�}�z==========================================*/
@media screen and (max-width: 768px) {
.sp{display:block;}
.pc{display:none;}

body{font-size:1.6rem;}
.container{width:94%;}
.btn{font-size:2rem;padding: 15px 10px;}
.btn.pb::after{right:30px;}

header{padding:0 5px;height:50px;display:flex;align-items:center;}
header .logo{width: 90%}
footer p span, .copyright{font-size:1.4rem;}
.floating{padding:0 3%;bottom:6.5vw;}
.floating ul{justify-content:space-between;}
.floating ul li{width:48%;}
.floating ul li .btn{width:100%;}

#top .intro{padding:12vw 0 6vw;}
#top .intro h5{font-size:1.8rem;margin:6vw 0 12vw;}
#top .intro ul{width:80%;margin:auto;}
#top .intro ul li{width:48%;padding-top:8vw;height:24vw;margin-bottom:10vw;}
#top .intro ul li img {width: 10vw;height: 10vw;top: -5vw;}
#top h3.kazari{font-size:2.4rem;}
#top h3.kazari span::before{top:-19px;}
#top .about .bgbl{padding:12vw 0;}
#top .about ul li{margin-bottom:8vw;}
#top .about ul li .text h5{font-size:2rem;margin:4vw 0 2vw;}
#top .about ul li .text p, #top .schedule .timeline li p{font-size:1.6rem;}
#top .about .pic{margin:6vw auto 0;}
#top .about .pic p{margin:4vw 0 0;font-size:1.8rem;}
#top .schedule .title{width:90%;}
#top .schedule{padding:12vw 0 8vw;}
#top .schedule .timeline li:nth-child(11) div p{padding-left:1em;text-indent:-1em;}
#top .movie{padding:10vw 0;}
#top .movie h3.kazari, #top .requirement h3.kazari{margin-bottom:14vw;}
#top .movie ul li{width:100%;}
#top .movie ul li:first-child{margin-bottom:9vw;}
#top .movie ul li p{font-size:1.8rem;margin-top:3vw;}
#top .requirement{padding:10vw 0 12vw;}
#top .requirement .box{margin: 14vw auto 0;padding:6vw 4vw;}
#top .requirement dl, #top .requirement dl:nth-of-type(2){margin-top:4vw;}
#top .requirement dl dt{border-top: 1px solid #D9D9D9;padding-top:3.5vw;font-size:1.8rem;line-height:1.7em;}
#top .requirement dl:first-of-type dt{border:none;padding:0;}
#top .requirement .bgbl{margin-top:6vw;background:none;position:relative;padding-bottom:0;}
#top .requirement .bgbl::after{content:"";width:100%;height:25vw;background:rgba(0, 191, 242, 0.2);display:block;left:0;top:33%;position:absolute;z-index:-1;}
#top .requirement .bgbl .container{width:86%;position:relative;}
#top .requirement .flow h4{padding:3vw;font-size:2.4rem;}
#top .requirement .flow ul{margin:2vw 0 6vw;}
#top .requirement .flow ul li{padding:4vw 3vw;height: 43vw;z-index:1;width:28%;}
#top .requirement .flow ul li::after{width:18px;height:18px;right:-20%;margin-top:-9px;border-top: solid 1px #FF14B1;border-right: solid 1px #FF14B1;}
#top .requirement .flow ul li p{font-size:2rem;margin-bottom: 5vw;display: inline-block;border-bottom:none;position:relative;}
#top .requirement .flow ul li p::after{position:relative;width:70%;height:1px;display:block;background:#27C5FF;content:"";left:50%;bottom:-2px;transform: translateX(-50%);}
#top .requirement .flow ul li h5{font-size:3.2rem;}
#top .requirement .kome p {text-indent: -1.5em;padding-left: 1.5em;}
#top .requirement .kome p span{padding-right:0.5em;}
#top .btn.pb{font-size:2.6rem;padding: 20px;width:80%;}
#top .btn.pb::after{right:70px;border-top: solid 2px #00BFF2;border-right: solid 2px #00BFF2;}
#top .mailto{margin:8vw 0;}
#top .recruitlink{margin:0 0 14vw;}



#form .pagehead{padding:3vw 0;}
#form h3{font-size:2rem;}
#form .container.small{padding:6vw 0 12vw;}
#form .flow{margin:4vw auto 8vw;}
#form .flow li{font-size:1.6rem;}
#form table, #form table tr, #form table tbody{display:block;font-size:1.6rem;width:100%;}
#form table tr:first-child th{border-top: 1px solid #D9D9D9;}
#form table th{display:block;padding:4vw 3vw;width:100%;}
#form table td{display:block;width:100%;border-bottom: 1px solid #D9D9D9;padding:0 3vw 5vw;}
#form table .flex.two li input{margin-top:5px;}
#form table .flex.three li{margin-right:3%;}
#form .kojin.checkbtn{font-size:1.8rem;}
#form table .jobsub{margin-bottom:10px;}
#form.confirm .btns .btn{width:80%;margin-top:6vw;}
#form .btn.gr::after{left:30px;}

}

@media screen and (max-width: 703px) {
#top .schedule .timeline li:nth-child(1) .item .flag, #top .schedule .timeline li:nth-child(8) .item .flag{height:25vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after, #top .schedule .timeline li:nth-child(8) .item .flag::after {border-top: 12.5vw solid transparent;border-bottom: 12.5vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before {border-top: 12.48vw solid transparent;border-bottom: 12.48vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .item .flag{height:68vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after {border-top: 34vw solid transparent;border-bottom: 34vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag, #top .schedule .timeline li:nth-child(4) .item .flag{height:65vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after, #top .schedule .timeline li:nth-child(4) .item .flag::after{border-top: 32.5vw solid transparent;border-bottom: 32.5vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag::before{border-top: 32.48vw solid transparent;border-bottom: 32.48vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag {height: 80vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 40vw solid transparent;border-bottom: 40vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 39.98vw solid transparent;border-bottom: 39.98vw solid transparent;}
#top .schedule .timeline li:nth-child(9)::before{height: 49%;top: -39%;}
#top .schedule .timeline li:nth-child(9) .item .flag{height:68.8vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 34.4vw solid transparent;border-bottom: 34.4vw solid transparent;}

}

@media screen and (max-width: 613px) {
#top .schedule .timeline li:nth-child(7) .item .flag {height: 86vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 43vw solid transparent;border-bottom: 43vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 42.98vw solid transparent;border-bottom: 42.98vw solid transparent;}
}

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

.btn{font-size:1.8rem;}
footer .container{padding:8vw 0 16vw;}
.floating{bottom:7vw;}
.floating ul li{width:49%;}
.floating ul li .btn{padding:10px;}
#top .intro h2{font-size:2.4rem;}
#top .intro h5, #top .intro ul li h6, #top .about .pic p{font-size:1.6rem;}
#top .intro ul{width:90%;margin:auto;}
#top .intro ul li{height:28vw;}
#top .intro ul li img{width:48px;height:48px;top: -30px;}
#top .intro ul li p{font-size:1.4rem;}
#top .intro ul li h4{font-size:2.4rem;}
#top h3.kazari{font-size:1.9rem;margin-bottom:3.3vw;}
#top h3.kazari span{padding-left:18vw;}
#top h3.kazari span::before {width: 15vw;height: 14vw;top: -9px;}
#top .movie h3.kazari span, #top .requirement h3.kazari span{padding-left:20vw;}
#top .movie h3.kazari span::before, #top .requirement h3.kazari span::before{left:10px;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after{height: 2.5vw;bottom: -5.6vw;}
#top .requirement .bgbl::after{top:30%;}
#top .requirement .flow ul li{height: 50vw;}
#top .requirement .flow ul li p{font-size:1.8rem;}
#top .requirement .flow ul li h5{font-size:2.8rem;}
#top .requirement .flow ul li h5 span{font-size:1.2rem;margin:0;}
#top .requirement .flow ul li h6{letter-spacing:0.1em;}
#top .btn.pb{font-size:2.4rem;}
#top .schedule h4 {font-size: 2rem;}
#top .schedule .timeline li .item:before{top:-5px;}
#top .schedule .timeline li:nth-child(1) .item .flag, #top .schedule .timeline li:nth-child(8) .item .flag{height:28vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after, #top .schedule .timeline li:nth-child(8) .item .flag::after {border-top: 14vw solid transparent;border-bottom: 14vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before {border-top: 13.98vw solid transparent;border-bottom: 13.98vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .item .flag{height: 72vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after {border-top: 36vw solid transparent;border-bottom: 36vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height: 94vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 47vw solid transparent;border-bottom: 47vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 46.98vw solid transparent;border-bottom: 46.98vw solid transparent;}
#top .schedule .timeline li:nth-child(9)::before {height: 54%;top: -42%;}
#top .schedule .box h4{margin-bottom:3vw;}
#top .schedule .box p{font-size:1.4rem;}
#form .over{margin:0 -3%;}
#form table th span{right:3vw;}
#form h4{font-size:2rem;}
#form .scrollbox{font-size:1.4rem;padding:5vw 3vw;}
#form .scrollbox h5, #form .kojin.checkbtn{font-size:1.6rem;}
#form table .jobsub{font-size:1.4rem;}

}


@media screen and (max-width: 531px) {
#top .schedule .timeline li:nth-child(1) .item .flag{height:34.6vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 17.3vw solid transparent;border-bottom: 17.3vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before {border-top: 17.28vw solid transparent;border-bottom: 17.28vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag, #top .schedule .timeline li:nth-child(4) .item .flag {height: 68vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after, #top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 34vw solid transparent;border-bottom: 34vw solid transparent;}
#top .schedule .timeline li:nth-child(4) .item .flag::before{border-top: 33.98vw solid transparent;border-bottom: 33.98vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height: 98vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 49vw solid transparent;border-bottom: 49vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 48.98vw solid transparent;border-bottom: 48.98vw solid transparent;}
#top .schedule .timeline li:nth-child(9) .item .flag{height: 74vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 37vw solid transparent;border-bottom: 37vw solid transparent;}
}

@media screen and (max-width: 518px) {
#top .schedule .timeline li:nth-child(2) .item .flag, #top .schedule .timeline li:nth-child(9) .item .flag{height:78vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after, #top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 39vw solid transparent;border-bottom: 39vw solid transparent;}
#top .schedule .timeline li:nth-child(4) .item .flag{height: 72vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 36vw solid transparent;border-bottom: 36vw solid transparent;}
}

@media screen and (max-width: 506px) {
#top .schedule .timeline li .item .flag{padding:20px;}
#top .schedule .timeline li:nth-child(1) .item{margin-top:0;}
#top .schedule .timeline:before{top: 40px;left:6px;}
#top .schedule .timeline li .item:before{left: 3px;}
#top .schedule .timeline li .item, #top .schedule .timeline li:nth-child(11) div{padding-left:80px;}
#top .schedule .timeline li:nth-child(1) .item .flag{height:38vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 19vw solid transparent;border-bottom: 19vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before{border-top: 18.98vw solid transparent;border-bottom: 18.98vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .item .flag, #top .schedule .timeline li:nth-child(9) .item .flag{height:82vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after, #top .schedule .timeline li:nth-child(9) .item .flag::after  {border-top: 41vw solid transparent;border-bottom: 41vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag, #top .schedule .timeline li:nth-child(4) .item .flag{height:72vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after, #top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 36vw solid transparent;border-bottom: 36vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag::before{border-top: 35.98vw solid transparent;border-bottom: 35.98vw solid transparent;}
#top .schedule .timeline li:nth-child(4)::before, #top .schedule .timeline li:nth-child(9)::before{left:32px;}
#top .schedule .timeline li:nth-child(4) .item .flag{height:76vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 38vw solid transparent;border-bottom: 38vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height: 104vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 52vw solid transparent;border-bottom: 52vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 51.98vw solid transparent;border-bottom: 51.98vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag{height: 32vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after {border-top: 16vw solid transparent;border-bottom: 16vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag{height: 66vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after {border-top: 33vw solid transparent;border-bottom: 33vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 32.98vw solid transparent;border-bottom: 32.98vw solid transparent;}
#top .schedule .timeline li:nth-child(11) div::before{left: 3px;bottom:-50px;}
#top .schedule .over{margin-top:0;}
}

@media screen and (max-width: 415px) {
#top .schedule .timeline li{padding:30px 0;}
#top .schedule .timeline li:nth-child(2) {padding-top: 260px;}
#top .schedule .timeline li:nth-child(1) .item .flag{height:41.6vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 20.8vw solid transparent;border-bottom: 20.8vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before{border-top: 20.78vw solid transparent;border-bottom: 20.78vw solid transparent;}
#top .schedule .timeline li:nth-child(2) .item .flag, #top .schedule .timeline li:nth-child(9) .item .flag{height:88vw;}
#top .schedule .timeline li:nth-child(2) .item .flag::after, #top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 44vw solid transparent;border-bottom:44vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag{height:80vw;}
#top .schedule .timeline li:nth-child(3) .item .flag::after {border-top: 40vw solid transparent;border-bottom: 40vw solid transparent;}
#top .schedule .timeline li:nth-child(3) .item .flag::before{border-top: 39.98vw solid transparent;border-bottom: 39.98vw solid transparent;}
#top .schedule .timeline li:nth-child(4) .item .flag {height: 78vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 39vw solid transparent;border-bottom: 39vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height: 124vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 62vw solid transparent;border-bottom: 62vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 61.98vw solid transparent;border-bottom: 61.98vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag {height: 36vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after {border-top: 18vw solid transparent;border-bottom: 18vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag{height: 72vw;}
#top .schedule .timeline li:nth-child(10) .item .flag::after {border-top: 36vw solid transparent;border-bottom: 36vw solid transparent;}
#top .schedule .timeline li:nth-child(10) .item .flag::before{border-top: 35.98vw solid transparent;border-bottom: 35.98vw solid transparent;}
#top .schedule .box{padding:8vw 4vw;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after{height: 2.4vw;bottom: -5.8vw;}
}

@media screen and (max-width: 400px) {
#top h3.kazari{margin-bottom:3vw;}
#top .schedule .timeline li:nth-child(1) .item .flag{height:44vw;}
#top .schedule .timeline li:nth-child(1) .item .flag::after {border-top: 22vw solid transparent;border-bottom: 22vw solid transparent;}
#top .schedule .timeline li:nth-child(1) .item .flag::before{border-top: 21.98vw solid transparent;border-bottom: 21.98vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height: 126vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 63vw solid transparent;border-bottom: 63vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 62.98vw solid transparent;border-bottom: 62.98vw solid transparent;}
#top .schedule .timeline li:nth-child(8) .item .flag{height:40.6vw;}
#top .schedule .timeline li:nth-child(8) .item .flag::after {border-top: 20.3vw solid transparent;border-bottom: 20.3vw solid transparent;}
#top .schedule .timeline li:nth-child(9)::before {height: 56%;top: -46%;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after {height: 2vw;bottom: -5.2vw;}
}

@media screen and (max-width: 376px) {
#top .schedule .timeline li:nth-child(4) .item .flag{height:82vw;}
#top .schedule .timeline li:nth-child(4) .item .flag::after {border-top: 42vw solid transparent;border-bottom: 42vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag{height: 134vw;}
#top .schedule .timeline li:nth-child(7) .item .flag::after {border-top: 67vw solid transparent;border-bottom: 67vw solid transparent;}
#top .schedule .timeline li:nth-child(7) .item .flag::before{border-top: 66.98vw solid transparent;border-bottom: 66.98vw solid transparent;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after{height: 2.2vw;bottom: -5.3vw;}
#top .schedule .timeline li:nth-child(9) .item .flag{height:94vw;}
#top .schedule .timeline li:nth-child(9) .item .flag::after {border-top: 47vw solid transparent;border-bottom: 47vw solid transparent;}
}

@media screen and (max-width: 360px) {
#top h3.kazari{margin-bottom:3.1vw;}
#top .schedule .timeline li p, #top .schedule .timeline li:nth-child(11) p{font-size:1.5rem;}
#top .movie h3.kazari::after, #top .requirement h3.kazari::after{height: 2.3vw;bottom: -5vw;}
}