* {
	margin: 0;
	padding: 0;
 font-family: "Noto Sans JP", sans-serif;

}
/* ふわっと */
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

.fadein2 {
  opacity : 0;
  transform: translateY(-20px);
  transition: all 1s;
}
/* ふわっとend */
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* iOSでのデフォルトスタイルをリセットエンド */


  .br-sp {
  display: none;
}

.m-top{
	width: 100%;position: relative;height: 120vw;
}


	  
	  .toplogo{
		  width:12%;margin-left: 4%;margin-top: 0.2vw;
	  }
	  
	  .toplogom{
		  width:70%;margin-left: 25%;margin-top: 2.5vw;
	  }

/* roading */

  	@-webkit-keyframes outerRotate1 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes outerRotate1 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes outerRotate1 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes outerRotate1 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes outerRotate2 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-moz-keyframes outerRotate2 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-o-keyframes outerRotate2 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes outerRotate2 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-webkit-keyframes textColour {
  0% {
    color: #fff;
  }
  100% {
    color: #3BB2D0;
  }
}
@-moz-keyframes textColour {
  0% {
    color: #fff;
  }
  100% {
    color: #3BB2D0;
  }
}
@-o-keyframes textColour {
  0% {
    color: #fff;
  }
  100% {
    color: #3BB2D0;
  }
}
@keyframes textColour {
  0% {
    color: #fff;
  }
  100% {
    color: #3BB2D0;
  }
}

 /* roading */ 
 /*--------------------------------------------------
menu
----------------------------------------------------*/
#menuList {
    width: 100%;
    height: 45px;
    position: relative;
    z-index: 10;
    
}
 
#menuList ul {
    margin: 0 auto;
    width:100%;
    height: 65px;
    text-align: left;
    list-style:none;
    box-sizing: border-box;
background: #fff;
border-bottom: 1px solid #fff;
position: fixed;
top: 0;
background: rgba(175,175,175,0.7);
}
 
#menuList ul li {
    width: 13%;
    height: 45px;
    float: left;
    box-sizing: border-box;

}
 
 
#menuList ul li a {
    height: 45px;
    font-weight: bold;
    color: #000;
    line-height: 65px;
    display: block;
    text-align: center;
    transition: all 0.2s linear;
    text-decoration: none;

}
 
#menuList ul li:hover > a {
    color: #fff;
}

#rwdMenuWrap ul li a:hover{
        opacity: 0.8;
    }


/* ------------------------------
menu-end
------------------------------ */
#top-header{
	width: 100%;
	height: 70px;
	background: #000;
	position: fixed;
	z-index: 10;
	opacity: 0.8;
}

#top-header h1{
	color:#fff;
	text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 10px #0ff, 0 0 6px #0FF, 0 0 10px #0ff;
	font-size: 20px;
	padding-top: 23px;
	box-sizing: border-box;
}
 
 

.e-loadholder {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  width: 240px;
  height: 240px;
  border: 5px solid #1B5F70;
  border-radius: 120px;
  box-sizing: border-box;
  z-index: 100;
}
.e-loadholder:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  content: " ";
  display: block;
  background: #000;
  transform-origin: center;
  z-index: 0;
}
.e-loadholder:after {
  width: 100px;
  height: 200%;
  -webkit-animation: outerRotate2 30s infinite linear;
  -moz-animation: outerRotate2 30s infinite linear;
  -o-animation: outerRotate2 30s infinite linear;
  animation: outerRotate2 30s infinite linear;
}
.e-loadholder .m-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  width: 200px;
  height: 200px;
  color: #888;
  text-align: center;
  border: 5px solid #2a93ae;
  border-radius: 100px;
  box-sizing: border-box;
  z-index: 20;
  text-transform: uppercase;
}
.e-loadholder .m-loader:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  content: " ";
  display: block;
  background: #000;
  transform-origin: center;
  z-index: -1;
}
.e-loadholder .m-loader:after {
  width: 100px;
  height: 106%;
  -webkit-animation: outerRotate1 15s infinite linear;
  -moz-animation: outerRotate1 15s infinite linear;
  -o-animation: outerRotate1 15s infinite linear;
  animation: outerRotate1 15s infinite linear;
}
.e-loadholder .m-loader .e-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 130px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  -webkit-animation: textColour 1s alternate linear infinite;
  -moz-animation: textColour 1s alternate linear infinite;
  -o-animation: textColour 1s alternate linear infinite;
  animation: textColour 1s alternate linear infinite;
  display: block;
  width: 140px;
  height: 140px;
  text-align: center;
  border: 5px solid #3bb2d0;
  border-radius: 70px;
  box-sizing: border-box;
  z-index: 20;
}
.e-loadholder .m-loader .e-text:before, .e-loadholder .m-loader .e-text:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  content: " ";
  display: block;
  background: #000;
  transform-origin: center;
  z-index: -1;
}
.e-loadholder .m-loader .e-text:before {
  width: 110%;
  height: 40px;
  -webkit-animation: outerRotate2 3.5s infinite linear;
  -moz-animation: outerRotate2 3.5s infinite linear;
  -o-animation: outerRotate2 3.5s infinite linear;
  animation: outerRotate2 3.5s infinite linear;
}
.e-loadholder .m-loader .e-text:after {
  width: 40px;
  height: 110%;
  -webkit-animation: outerRotate1 8s infinite linear;
  -moz-animation: outerRotate1 8s infinite linear;
  -o-animation: outerRotate1 8s infinite linear;
  animation: outerRotate1 8s infinite linear;
}

#particleCanvas-White {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  width: 100%;
  height: 50%;
  opacity: 0.1;
}

#particleCanvas-Blue {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
  -moz-transform: translate(-51%, -50%);
  -ms-transform: translate(-51%, -50%);
  -o-transform: translate(-51%, -50%);
  transform: translate(-51%, -50%);
  width: 300px;
  height: 300px;
}

 
	a{
		text-decoration: none;
		color: #9afbf6;
	}
a.cp_btn::before,
a.cp_btn::after {
	position: absolute;
	top: -0.3vw;
	right: -0.3vw;
	bottom: -0.3vw;
	left: -0.3vw;
	z-index: 2;
	content: '';
	transition: all .4s;
}
a.cp_btn::before {
	border-top: 0.3vw solid #FF5722;
	border-bottom: 0.3vw solid #FF5722;
	transform: scale(0, 1);
}
a.cp_btn::after {
	border-right: 0.3vw solid #FF5722;
	border-left: 0.3vw solid #FF5722;
	transform: scale(1, 0);
}
a.cp_btn:hover {
	color: #FF5722;
}
a.cp_btn:hover::after,
a.cp_btn:hover::before {
	transform: scale(1);
}

 .loader{
  background:#000;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10;
}
/* roading-end */


/* mene-toggle */

.container {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 40%;
  left: 0;
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
}
.container p {
  font-size: 20px;
}
.container a {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #ff5252;
  text-decoration: none;
  font-size: 20px;
  overflow: hidden;
  top: 5px;
}
.container a:after {
  content: "";
  position: absolute;
  background: #ff5252;
  height: 2px;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  transition: 0.35s ease;
}
.container a:hover:after, .container a:focus:after, .container a:active:after {
  width: 100%;
}


.button_container {
  position: fixed;
  top: 4%;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
}
.button_container:hover {
  opacity: 0.7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #fff;
}
.button_container.active .middle {
  opacity: 0;
  background: #fff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #fff;
}
.button_container span {
  background: #e50011;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
  text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 10px #0ff, 0 0 6px #0FF, 0 0 10px #0ff;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 0.7;
  visibility: visible;
  height: 100%;
  z-index: 10;
}
.overlay.open li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
/*          text-shadow: 0 0 10px #0ff, 0 0 20px #0ff, 0 0 20px #0ff, 0 0 12px #0FF, 0 0 20px #0ff; */
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  font-family: "Vollkorn", serif;
  font-weight: 400;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 5);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
	font-size: 3vw;
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
  height: 3px;
  background: #fff;
  transition: 0.35s;
}



 .inb{
		  color: #fff;width: 80%;margin-left: 10%;padding-top: 10vw;
	  }
	  .inb h2{
		   margin-top: 3vw;border-top: 2px solid white;border-bottom: 2px solid white;padding: 2vw;text-align: left;font-size: 2.5vw;
	  }
	   .inb img{
		   margin-top: 5vw;
		   width: 100%;
		   }
.inb p{
	font-size: 1.5vw;margin-top: 2vw;

}




@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/* mene-toggle */


/* HTML Set up */
footer {
  background: #242424;
  padding-top: 5vw;
  color:#fff;
  margin: 0 0 0 0;
  @import "https://fonts.googleapis.com/css?family=Open+Sans";
  font-family: 'Open Sans', sans-serif;
}
footer .centered {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
footer .centered .footer-logo {
  width: 0%;
}
footer .centered .footer-logo img.logo {
  padding: 30px 20px 10px 20px;
  max-width: 100%;
}
footer .centered .footer-contact {
  width: 25%;
}
footer .centered .footer-navigation {
  width: 60%;
}
footer .centered .footer-navigation .footer-links-holder {
  width: 33.33333%;
  position: relative;
  float: left;
  margin: 0;
}
footer .centered .footer-navigation .footer-links-holder .footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transition: max-height .5s;
  transition: max-height .5s;
}
footer .bottom-bar {
  position: relative;
  text-align: center;
  font-size: .8em;
  text-transform: uppercase;
  background: #242424;
  padding: 15px 0;
  color: #e50011;
}


/* zigyou */
.about-waku2{
width: 100%;
}
.about-waku{
width: 85%;
margin-left: 7.5%;
margin-top: 3vw;
}

.about-right{
width: 100%;
float: left;
box-sizing: border-box;
padding: 1.7vw;
margin-top: 7vw;
text-align: center;
}
.about-right p {
font-size: 2vw;
}

.about-left{
width: 100%;
float: left;
margin-top: 7vw;
text-align: center;
font-size: 3vw;
}


.c-adjust-box {
    position: relative;
    width: 47%;
    background: #EEE;
		margin: 3.5% 3.5% ;

}
.c-inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
		height: 100vw;
box-sizing: border-box;
    background:#F0EFEF;
}

.c-box-2cm:before {
    content: "";
    display: block;
    padding-top: 30%; /* 4:3 */
}

.c-box-4x3:before {
    content: "";
    display: block;
    padding-top: 30.66%; /* 4:3 */
margin-top: 2vw;
}
.c-adjust-box p {
    font-size:1.3vw;
    line-height:1.5em;
		color: #000;
text-align: center;

}
.zigyou-co{
width: 94%;
margin-left: 3%;
}
.mgt2{
margin-top: 2%;
}
.about-waku2 i{
color: black;
font-size: 10vw;
}

.adjust-box2 {
    position: relative;
    width: 47.5%;
    height: auto;
float: left;
box-sizing: border-box;
margin-bottom: 10vw;
margin-left: 1vw;
}


.box-1x2:before {
    content: "";
    display: block;
    padding-top: 80%;
}
.inner2 {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 43vw;
box-sizing: border-box;
background: #F0EFEF;

}
.adjust-box2 p {
    font-size:1.25vw;
    line-height:1.5em;
margin: 1vw;
text-align: center;
}
.sns{
text-align: center;
}
.sns i{
margin: 0.8vw 4vw;
font-size: 3vw;
color: #656464;
}
/* zigyou-end */
/*--------------------------------------------------
RECRUIT
----------------------------------------------------*/
.rec-waku{
width: 70%;
margin-left:15%;
margin-top: 5%;
}
.check-box li {
  display: inline-block;
margin-right: 2%;
font-size: 1.2vw;
}
.text-list li{
display: inline-block;
width: 45%;
}
.text-list input{
width: 80%;
height: 8%;
border-radius: 3px;
border: none;
background: #f0f0f0;
padding: 3%;
margin: 0 0 3% 0;
}

.text-list label{
    color: #999;
cursor: default;
font-size: 1.3vw;
}
.text-list textarea{
width: 80%;
background: #f0f0f0;
border:none;
height: 10%;
padding: 1.5%;
}
.rec-button{
margin-top: 3%;
width: 40%;
background: #000;
color: #fff;
padding: 1%;
font-size: 1.3vw;
border-radius: 3%;
border:none;

}


/*--------------------------------------------------
RECRUIT-END
----------------------------------------------------*/
#slanting01{
 width:30%;
 height:7vw;
 background-color: rgba(0,0,0,0.5);
  margin:0 auto;
 text-align:center;
 transform:skew(15deg);
 margin-left: -1.3vw;
 position: absolute;
 top: 34vw;
 padding: 0.7vw;
 box-sizing: border-box;
}

#slanting02{
 width:10%;
 height:2.5vw;
 background-color: #e50011;
margin-top: 0.5vw;
 text-align:center;
 transform:skew(15deg);
 margin-left: -1.3vw;
 top: 34vw;
 padding: 0.7vw;
 box-sizing: border-box;
}


a.cp_btn {
	display: block;
	width: 15%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid #EC407A;
	border-radius: 3px;
	transition: .4s;
	margin-left: 42.5%;
	margin-top: 4vw;
	background: #EC407A;
}
a.cp_btn:hover {
	background: #fff;
	color: #EC407A;
}
.ar-table table{
	margin-left: 35%;
}
.ar-table table td{
	width: 20vw;
	height: 5vw;
	font-size: 1.5vw;
}
.ar-table table td:first-child {
	font-weight: 900;
}
.nama-waku{
	width: 100%;
	position: relative;
}
#slanting01 h1{
transform:skew(-15deg);color:#fff;font-size:4vw;
}
.nama-waku img{
	width: 100%;
	margin-left: 0%;
}
.prof-titile{
	margin-top: 8vw;
}

.prof-titile h1{
	float: left;
	margin-left: 1vw;
}
.keireki-waku{
	width: 70%;
	margin-left: 15%;
	margin-top: 3vw;
	font-weight:500;
}

/* recruit */

.my-parts {
  display: inline-block;
  width: 20%;
  height: 10vw;
  border-radius: 50% / 100% 100% 0 0;
  background: #000;
  margin-left: 40%;
  position: absolute;
  top:42vw;
  padding: 3.7vw;
  box-sizing: border-box;
  text-align: center;
}

.rec-top-waku{
	position: relative;
}

.rec-top-waku img{
	width: 100%;vertical-align: bottom;
}

.rec-top-waku h2{
	font-size: 2vw;position: absolute;top: 5vw;color: #fff;text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 10px #000, 0 0 6px #000, 0 0 10px #000;margin-top: 10vw;margin-left: 10%;
}
.rec-section-waku{
	width: 100%;
	height: 25vw;
	background: #fff;
	padding: 5vw;
	box-sizing: border-box;
}
.rec-section-waku h2{
	font-size: 2vw;

}
.rec-section-waku p{
font-size: 1.5vw;
}
.section-left{
	width: 40%;
}
.section-right{
	width: 60%;
}


.rec-section2-waku{
		position: relative;
}

.rec-section2-waku img{
	width: 100%;vertical-align: bottom;
}
.rec-section2-waku h2
{
	font-size: 2vw;
	position: absolute;
	top: 5vw;
	color: #fff;
	text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 10px #000, 0 0 6px #000, 0 0 10px #000;
	margin-top: 5vw;
	margin-left: 35%;
}

.rec-section3-waku{
	width: 100%;
	height: 25vw;
	background: #fff;
	padding: 5vw;
	box-sizing: border-box;
}
.rec-section3-waku img{
	width: 40%;
	float: right;
}
.rec-section3-waku2{
	float: right;
	padding: 2vw 2vw 0 0;
	box-sizing: border-box;
	width: 60%;
}

.rec-section3-waku2 h2{
	font-size: 2vw;
}

.rec-section3-waku2 p{
	font-size: 1.5vw;
}
.prof-waku{
	width: 90%;
	margin-left: 5%;
}

.prof-waku h1{
	color: #888;text-align: left;font-weight: 500;font-size:2.5vw;}
.prof-waku span{
	border-left: 0.5vw solid #ff9449;padding-right: 2vw;
}
.prof-waku img{
	width:50%;float: left;
}
.porf-waku2{
	width: 50%;float: left;padding: 0 1vw;box-sizing: border-box;line-height: 4vw;
}
.prof-file-waku{
	border:0.25vw solid #ff9449;width: 12vw;text-align: center;
}
.prof-file-waku h2{
	color: #ff9449;font-size: 1.7vw;
}
.prof-waku-up{
	font-size: 1.7vw;color: #50c4f1;
}
.prof-waku-under{
	font-size: 1.7vw;color: #676b6d;
}
.prof-waku-under img{
	width: 60%;margin-left: 20%;
}
.prof-co-waku{
	width: 90%;background: #fff;margin-left: 5%;padding: 3vw 0;box-sizing: border-box;
}

.prof-co-waku h2{
	font-size: 2vw;
	margin-top: 3vw;
}
.prof-co-waku p{
	font-size: 1.5vw;
}
	iframe{
		width: 90%;
	}
/* recruit-end */



@media only screen and (max-width: 749px) {
	
	 .br-sp {
      display: block;
    }
    
     .br-sp2 {
      display: none;
    }

  footer .centered {
    flex-wrap: wrap;
  }
  footer .centered .footer-logo {
    max-width: 250px;
    width: 50%;
  }
  footer .centered .footer-contact {
    width: 50%;
    padding: 0 20px;
  }
  footer .centered .footer-navigation {
    width: 100%;
  }
  footer .centered .footer-navigation .footer-links-holder {
    padding: 0 20px;
  }
  	.inb p{
	font-size: 2.5vw;
	}
		.inb-m{
						padding-top: 20vw;
					}



}
/* Responsive Mobile Sizes */
@media only screen and (max-width: 500px) {
	/*--------------------------------------------------
RECRUIT
----------------------------------------------------*/
 	  

.rec-waku{
width: 90%;
margin-left:5%;
    margin-top: 10vw;

box-sizing: border-box;
}
.rec-button{
height: 10vw;
font-size: 4vw;
}
.text-list li{
display: inline-block;
width: 100%;
}
.text-list label{
   font-size: 3vw;
}

.check-box li {
  display: block;
font-size: 4vw;
margin-bottom: 3%;
}
.text-list input{
width: 94%;
}
.text-list textarea{
width: 97%;
}
/*--------------------------------------------------
RECRUIT-END
----------------------------------------------------*/

/* zigyou */
.c-inner {
   height: 175%;  
}

.c-adjust-box p {
    font-size:2.5vw;

  }

.sns i{
margin: 0.8vw 4vw;
font-size: 6vw;
}

.c-adjust-box {
height: 14.5%;
     }
     
     .recruit-co{
    margin-top:20px;
    width: 90%;
    margin-left:5%;
    margin-right: 5%;
       box-sizing: border-box;

}

.inner2 {
    position: absolute;
    top: 0; 
    left: 0;
    width: 101%;
		height: 95vw;
box-sizing: border-box;
background: #F0EFEF;
margin-left: -1vw;



}
.inner2 p{
	
	font-size: 4vw;
}

.adjust-box2 {
   width: 100%;
   margin-bottom: 30vw;
   box-sizing: border-box;
   
}


.section-right{
	width: 100%;
	margin-bottom: 8vw;
}
.rec-section-waku h2{
	font-size: 4vw;

}
.rec-section-waku p{
font-size: 3.7vw;
}

.rec-section2-waku h2
{
	top:25vw;
	}
	
.rec-section3-waku2{
	width: 100%;
	
}
.rec-section3-waku2 h2{
	font-size: 4vw;

}
.rec-section3-waku2 p{
	font-size: 3.7vw;
}
.porf-waku2{
	width: 100%;
}
.prof-waku img{
	width:100%;
}
.prof-file-waku{
	width: 20vw;
	margin-top:5vw;
}
.porf-waku2{
	width: 100%;
}
.prof-waku{
	margin-top: 20vw;
}
.prof-waku span{
	border-left: 1.5vw solid #ff9449;}

.prof-waku h1{
font-size:5.5vw;margin-bottom: 1vw;margin-top: 10vw;

}

.prof-file-waku{
	border:0.65vw solid #ff9449;width: 35vw;height:9vw;padding: 2vw;box-sizing: border-box;
	}
.prof-file-waku h2{
	font-size: 4.7vw;
}

.prof-waku-up{
	line-height: 10vw;
	font-size: 3.8vw;
}
.prof-waku-under{
line-height: 6vw;
	font-size: 3.7vw;
	}
	.prof-co-waku h2{
	font-size: 4vw;
	margin-top: 4vw;
	
}
.prof-co-waku p{
	font-size: 3.7vw;
}
	iframe{
		width: 90%;
		height:60vw;
		margin-top: 5vw;
	}


/* zigyou-end */

	
	#menuList {
   display: none;    
}
	.m-top{
	width: 100%;
	position: relative;
	height: 180vw;
}
	
.overlay ul li a {
	font-size: 6vw;
}
#slanting02{
 width:8%;
 height:3.5vw;
 background-color: #e50011;
margin-top: 1vw;
 text-align:center;
 transform:skew(15deg);
 margin-left: -1.3vw;
 top: 34vw;
 padding: 0.7vw;
 box-sizing: border-box;
}
.prof-titile h1{
	float: left;
	margin-left: 1vw;
	font-size: 4vw;
}

.ar-table table{
	margin-left: 20%;
}
 .ar-table table td{
	width: 40vw;
	height: 8vw;
	font-size: 3.5vw;
}
.ar-table table td:first-child {
	font-weight: 900;
}

	
.keireki-waku{
	width: 90%;
	margin-left: 5%;
	margin-top: 3vw;
	font-weight:500;
}

a.cp_btn {
	display: block;
	width: 25%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid #EC407A;
	border-radius: 3px;
	transition: .4s;
	margin-left: 33.5%;
	margin-top: 4vw;
	background: #EC407A;
}




  footer .centered .footer-logo {
    width: 100%;
    margin: 0 auto;
  }
  footer .centered .footer-contact {
    width: 100%;
  }
  footer .centered .footer-navigation .footer-links-holder {
    width: 100%;
    padding: 0;
  }
  footer .centered .footer-navigation .footer-links-holder h3 {
    margin: 0;
    padding: 10px 20px;
    border-top: #fff 1px solid;
    cursor: pointer;
        background: #242424;

    /* Down Arrows */
  }
  footer .centered .footer-navigation .footer-links-holder h3::after {
    float: right;
    margin-right: 10px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: 7px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: transform .5s;
    transition: transform .5s;
  }
  footer .centered .footer-navigation .footer-links-holder .footer-links {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
  }
  footer .centered .footer-navigation .footer-links-holder.active h3::after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  footer .centered .footer-navigation .footer-links-holder.active .footer-links {
    max-height: 10000px;
        background: #242424;

  }

/* Social Icons */
.social {
  text-align: center;
}
.social a {
  display: inline-block;
  padding: 7px;
  width: 35px;
  height: 35px;
  margin: 0 2px;
  background: #9afbf6;
  border-radius: 50%;
  vertical-align: middle;
}
.social a:hover {
  background: #fff;
}
.social a.linkedin {
  padding: 4px;
}
.social a svg .face, .social a svg .twit, .social a svg .link {
  fill: #000;
}

/* Typography */
footer h3 {
  font-weight: lighter;
  font-style: italic;
  margin-bottom: 0;
}
footer p, footer li {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 10px 0;
}
footer a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color .5s, background .5s;
  transition: color .5s, background .5s;
}
footer a:hover {
  color: #e50011;
}

/* Misc CSS */
.clearfix:before, .clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}





}