@charset "UTF-8";
/*
** import core file
*/
/*
** -- two point
*/
/*---------------
  subnav
----------------*/
/*
** -- three point
@mixin break-pc {//pcのみ
	@media screen and (min-width:961px) {
		@content;
	}
}
@mixin break-pc-tab {//pcとtab共通
	@media screen and (min-width:768px) {
		@content;
	}
}
@mixin break-tab-sp {//tabとsp共通
	@media screen and (max-width:960px) {
		@content;
	}
}
@mixin break-tab {//tabのみ
	@media screen and (max-width:960px) and (min-width:768px) {
		@content;
	}
}
@mixin break-sp {//spのみ
	@media screen and (max-width:767px) {
		@content;
	}
}
@mixin break-sps {//iphone5/SE
	@media screen and (max-width:374px) { @content; }
}
*/
/*
** -- two point
*/
/*---------------
  subnav
----------------*/
/*
** -- three point
@mixin break-pc {//pcのみ
	@media screen and (min-width:961px) {
		@content;
	}
}
@mixin break-pc-tab {//pcとtab共通
	@media screen and (min-width:768px) {
		@content;
	}
}
@mixin break-tab-sp {//tabとsp共通
	@media screen and (max-width:960px) {
		@content;
	}
}
@mixin break-tab {//tabのみ
	@media screen and (max-width:960px) and (min-width:768px) {
		@content;
	}
}
@mixin break-sp {//spのみ
	@media screen and (max-width:767px) {
		@content;
	}
}
@mixin break-sps {//iphone5/SE
	@media screen and (max-width:374px) { @content; }
}
*/
/*
@include animation(scrollpoint,2.5,ease,0,infinite,normal,forwards);
<div class="scroll">
	<a href="#indexSolving">scroll</a>
	<span class="bar"></span>
</div>
*/
/*
&:before {
	content:'';
	@include sizes(1px,50px);
	display: block;
	background: #333;
	position: absolute;
	top:0;left:0;right:0;
	margin:auto;
	@include animation ( down-border, 2, ease, 0, infinite,normal,forwards);
	@include transform( translate3d(0,0,0) );
}
*/
/*==================================================

** recruit
==================================================*/
#recruitSec .recruitsec .txtbox {
  width: 51.4%; }
#recruitSec .recruitsec .phtbox {
  width: 48.6%;
  height: 480px; }
  #recruitSec .recruitsec .phtbox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
#recruitSec .recruitsec .box {
  margin: 0 auto 0 0;
  padding: 0 0 0 60px;
  width: 620px; }
  #recruitSec .recruitsec .box > :first-child {
    margin-top: 0; }
  #recruitSec .recruitsec .box h2 {
    margin: 60px 0 0;
    line-height: 1.5; }
#recruitSec .recruitsec .flex-row-r .box {
  margin: 0 0 0 auto;
  padding: 0 60px 0 0; }

#recruitVisual {
  padding: 80px 0;
  background: url("../img/recruit/recruit_visual_bg_pc.jpg") no-repeat center center;
  background-size: cover; }
  #recruitVisual .txtbox {
    margin: 0 auto;
    padding: 58px 20px 50px;
    width: 520px;
    background: rgba(255, 255, 255, 0.75); }
    #recruitVisual .txtbox h2 {
      margin-top: 25px;
      font-size: 3.4rem;
      letter-spacing: 0.1em; }
      #recruitVisual .txtbox h2 + p {
        margin-top: 20px; }
  #recruitVisual .logobox .logo {
    margin: 0 auto;
    width: 62px; }
  #recruitVisual .logobox p {
    margin-top: 15px;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.15em;
    text-align: center; }

#recruitVideo .moviebox {
  width: 800px;
  margin: 50px auto 0; }
  #recruitVideo .moviebox .movie {
    aspect-ratio: 16/9; }
    #recruitVideo .moviebox .movie iframe {
      width: 100%;
      height: 100%; }

@media screen and (max-width: 600px) {
  #recruitSec .recruitsec h2 {
    margin-left: auto;
    margin-right: auto;
    width: 90%; }
  #recruitSec .recruitsec .txtbox {
    margin: 30px auto 0;
    width: 90%; }
  #recruitSec .recruitsec .phtbox {
    width: 95%;
    height: auto; }
  #recruitSec .recruitsec .box {
    margin: 0 auto;
    padding-left: 0;
    width: 100%; }
    #recruitSec .recruitsec .box h2 {
      margin: 60px 0 0; }
  #recruitSec .recruitsec .flex-row-r .box {
    margin: 0 auto;
    padding-right: 0; }

  #recruitVisual {
    padding: 60px 0;
    background-image: url("../img/recruit/recruit_visual_bg_sp.jpg");
    background-size: cover; }
    #recruitVisual .txtbox {
      width: 90%; }
      #recruitVisual .txtbox h2 {
        margin-top: 15px;
        font-size: 2.4rem; }
        #recruitVisual .txtbox h2 + p {
          margin-top: 5px; }
    #recruitVisual .logobox .logo {
      width: 62px; }

  #recruitVideo h2 {
    margin-top: 80px; }
  #recruitVideo .moviebox {
    width: 100%;
    margin-top: 40px; } }
@media screen and (max-width: 374px) {
  #recruitVisual .txtbox h2 {
    font-size: 2rem; } }