/******************** contents 共有 **/
section {
	overflow: hidden;
}
p {
  font-size: 18px;
}
a, a p {
  transition: 1.0s;
}
a:hover, a:hover p {
  text-decoration: none!important;
  opacity: 0.5;
    color: #fff;
}
a:focus, *:focus {
  outline: none;
}
a[target=_blank][rel=nofollow] {
  padding-right: 20px;
  background: url("../img/icon_blank.png") right center/14px auto no-repeat;
}
.mt-7 {
  margin-top: 7rem;
}
.mt-8 {
  margin-top: 8rem;
}
.mbLL {
  margin-bottom: 7rem;
}
.pL {
  padding: 5rem 0;
}
.pLL {
  padding: 7rem 0 0rem;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
/** h **/
h1 img {
  max-width: 100%;
}
h1.yellow_bg {
	display: table;
    position: absolute;
    right: 0;
    bottom: -545px;
    padding: 2.5rem;
	width: 300px;
}
h2.brush {
  position: relative;
  font-size: 4rem;
  line-height: 1.6rem;
  font-weight: bold;
  z-index: 10;
  margin-bottom: 3.5rem;
}
h2.brush::before {
  content: "";
  background-image: url("../img/h2_brush.png");
  display: table;
  width: 782px;
  height: 174px;
  position: absolute;
  bottom: -105%;
  right: 56%;
  z-index: -1;
  overflow: hidden;
}
/***h2.brush.shift_right {
  margin-top: -8rem;
}***/
h2.brush.shift_right::before {
  position: absolute;
  bottom: -90%;
  left: -106%;
  z-index: -1;
  overflow: hidden;
}
h3.qa_ttl span{
    border-bottom: 2px solid #FFCC00;
    padding-bottom: 0.3rem;
    line-height: 1.7;
}
h3.qa_ttl::before{
    content: "Q";
    background: #FFCC00;
    border-radius: 40px;
    padding: .3rem .7rem;
    margin-right: 10px;
}

.con_ttl {
  padding-bottom: 5px;
  border-bottom: 2px solid #FFCC00;
  display: table;
  font-size: 1.5rem;
  font-weight: bold;
}
/** color **/
.yellow_c {
  color: #FFCC00;
}

/** bg **/
.yellow_bg{
    background: #FFCC00;
}
.gray_bg{
    background: #F2F2F2;
}
/** font **/
.fontSS {
  font-size: .8rem;
}
.fontS {
  font-size: 1rem;
}
.fontMM {
  font-size: 18px;
}
.fontM {
  font-size: 1.2rem;
}
.fontML {
  font-size: 1.5rem;
}
.fontL {
  font-size: 2rem;
}
.fontLL {
  font-size: 3rem;
}
.font20{
  font-size: 20px;	
}    
/** table_area **/
table.table_area {
  width: 100%;
}
table.table_area th {
  padding: 1rem;
  width: 30%;
  background: #FFCC00;
}
table.table_area td {
  background: #F2F2F2;
}
table.table_area th, table.table_area td {
  padding: 1.3rem;
  vertical-align: top;
  border: 2px solid #fff;
}
table.table_area a {
  color: #000;
}
/** btn **/
.btn_box {
  color: #fff;
  text-align: center;
  padding: 1rem;
  position: relative;
    display: block;
}
.btn_box::after {
  content: url("../img/arr2.png");
  position: absolute;
  right: 10px;
    top: 55%;
    transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
a.entory_btn  {
  background: #CB2B05;
}
a.interview_btn {
  background: #000;
  position: relative;
  z-index: 99;
}
a.entory_btn:hover,
a.interview_btn:hover{
    color: #fff;
}
/******************** contents **/
/** TOP header **/
header#top {
  background-image: url("../img/KV_bg.png");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/** nav_area **/
.nav_area {
  display: flex;
  position: fixed;
    top: 0;
  justify-content: space-between;
  width: 100%;
  z-index: 999;
     -webkit-transition: all .4s ease .6s,background .6s ease .2s;
  transition: all .4s ease .6s,background .6s ease .2s;

}
.nav_area.bg-white {
    margin-top: -60px;
}
.nav_area .entry_box a p {
  color: #fff;
  padding: 1rem 2rem;
  background: #CB2B05;
  vertical-align: middle;
}
.nav_area.fix_color {
    background: #0e0e0e;
      -webkit-transition: all .4s ease .6s,background .6s ease .2s;
  transition: all .4s ease .6s,background .6s ease .2s;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
    
}
.nav_area .logo_area {
  padding: 1em 3rem;
}
/** area1 **/
.area1 {
  background-image: url("../img/bg01.jpg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/** area2 **/
.area2 .con_box {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .1);
}
/** area3 **/
.area3 {
  background-image: url("../img/bg02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 125px;
}
.area3 .right_box {
  padding: 5rem 3rem 5rem 12rem;
  position: relative;
  margin: 4rem 0;
}
.area3 .right_box .img_area {
  position: absolute;
  top: 50%;
  left: -30%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.area3 .left_box {
  padding: 5rem 14rem 5rem 3rem;
  position: relative;
  margin-top: 4rem;
}
.area3 .left_box .img_area {
  position: absolute;
  top: -10%;
  left: 75%;
  width: 65%;
}

/** area4 **/
.area4 .flow_box {
  background: #F2F2F2;
  position: relative;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.area4 .flow_box .no {
  background: #FFCC00;
  padding: .5rem 1rem;
  border-radius: 30px;
  display: table;
  position: absolute;
  top: -27%;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}
.area4 .flow_box img {
  position: absolute;
  top: 50%;
  right: -9%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
/** area5 **/
.area5 {
  background-image: url("../img/bg03.jpg");
  background-position: 50% 125px;
  background-size: 100%;
  background-repeat: no-repeat;
}
/** footer **/
footer {
  background: #333333;
  padding: 2rem;
}
/** page_top **/
#page_top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 999;
}
/**** modaal **/
/**** /Interview/ **/
.area3.internal .right_box {
  padding: 3rem;
  z-index: 0;
}
.area3.internal .right_box .img_area2 {
  position: absolute;
  top: 50%;
    left: -65%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 0;
}
.area3.internal .right_box .img_area3 {
	left: -83%;
}
.area3.internal .right_box .name {
  margin-bottom: 10rem;
}
.staff01 {
	padding-left: 5rem;
}

/**** /Interview/staff/ **/
header#interview_staff,header#interview_staff2 {
    background-image: url("../img/Interview/staff01_kv.png");
    background-repeat: no-repeat;
    background-position: top;
    height: 550px;
    position: relative;
}
header#interview_staff2{
    background-image: url("../img/Interview/staff02_kv.png");
}
.timeline {
  list-style: none;
   padding: 0;
}
.timeline > li {
  margin-bottom: 30px;
}
#interview_content h3 {
	padding-left: 52px;
    text-indent: -52px;
}

/* for Desktop */
@media (max-width: 1200px) {
	.area3 .left_box {
		padding: 5rem 3rem;
		text-align: center;
	}
	.area3 .left_box .img_area {
        position: inherit;
        top:0%;
        left: 0%;
        width: 80%;
    }
/**** /Interview/ **/
	.area3.internal .right_box .img_area2 {
		left: -77%;
	}
	.area3.internal .right_box .img_area3 {
		left: -97%;
	}
}
@media ( min-width : 975px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
	padding-left:2rem; 
  }
  .timeline-content {
      width: 86%;
    float: left;
    border-left: 2px #FFCC00 solid;
    padding-left: 30px;
  }
    .timeline-content:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #FFCC00;
  position: absolute;
  left: 105px;
  top: 24px;
  border-radius: 100%;
}
}
@media (max-width: 991px) {
    /******************** contents 共有 **/
    .pLL {
padding: 5rem 0 1rem;
    }
    
.nav_area .logo_area {
  padding: 1em ;
}
/** font **/
.fontSS {
  font-size: .8rem;
}
.fontS {
  font-size: 1rem;
}
.fontM {
  font-size: 1rem;
}
.fontML {
  font-size: 1.3rem;
}
.fontL {
  font-size: 1.5rem;
}
.fontLL {
  font-size: 2rem;
}
/** TOP header **/
header#top {
  height: 400px;
}
    /** h **/
    h2.brush {
        font-size: 3rem;
    }
    h2.brush::before {
        width: 600px;
height: 133px;
right: 44%;
bottom: -78%;
background-size: contain;
background-repeat: no-repeat;
    }
    /***h2.brush.shift_right {
margin-top: -6rem;
}***/
    h2.brush.shift_right::before {
        right: -160%;
        bottom: -63%;
        left: auto;
}
    /***** area3 ***/
	.area3 {
  background-position: 50% 90px;
}
    .area3 .right_box {
        padding: 2rem;
    }
/*
    .area3 .right_box .img_area {
    width: 50%;
        left: -19%;
    }
*/
	.area3 .right_box .img_area {
        position: inherit;
        top:0%;
        left: 0%;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
    }
	.area3 .left_box {
        padding: 2rem;
    }
    /***** area4 ***/
    .area4 .flow_box {
        height: 70px;
        padding: .5rem;
        margin: .5rem;
    }
    .area4 .flow_box .no {
        top: 50%;
left: -26px;
transform: translateY(-50%);
    }
    /***** area5 ***/
	.area5 {
  background-position: 50% 90px;
}
    /**** /Interview/ **/
    .area3.internal .right_box .img_area2 {
        position: inherit;
        top: 0;
		width: 50%;
		left: 0;
        -webkit-transform: translateY(0%);
}
    .area3.internal .right_box .name {
        margin-bottom: 1rem;
    }
	.area3.internal .right_box {
		padding: 0 1rem 3rem 1rem;
		margin: 2rem 0 4rem;
	}
	.staff01 {
		padding-left: 3rem;
	}
	#interview_area .pLL {
		padding: 3rem 0 0;
	}
	/**** /Interview/staff/ **/
	header#interview_staff,header#interview_staff2 {
		height: 400px;
		background-size: cover;
	}
	h1.yellow_bg {
		bottom: -470px;
	}
	#interview_content .pLL {
		padding: 7rem 0 1rem;
	}
	#interview_content h2 {
		font-size: 1.7rem;
	}
	#interview_content h3 {
		font-size: 1.5rem;
	}
	h3.qa_ttl::before {
		padding: 0.4rem 0.7rem;
	}
}
@media (max-width: 767px) {
  /** スマホのみ **/
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
/** TOP header **/
header#top {
    background-image: url(../img/KV_bg_sp.jpg);
    width: 100%;
	height: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
/***** area3 ***/
    .area3 .right_box {
        padding: 2rem;
        margin: 0;
    }
	h2.brush::before {
		right: 20%;
		bottom: -60%;
	}
	h2.brush.shift_right::before {
		right: 20%;
    	bottom: -54%;
	}
/***** area4 ***/
	.area4 .flow_box {
		height: auto;
	}
/**** /Interview/ **/
	#interview_area h2.brush.shift_right::before {
		right: 20%;
	}
	.staff01 {
		padding-left: 0;
	}
}

@media (max-width: 576px) {
	.fontL {
		font-size: 1.2rem;
	}
	p {
		font-size: 16px;
	}
	.pL {
		padding: 3rem 0;
	}
	.pLL {
		padding: 3rem 0 0;
	}
	.con_ttl {
		font-size: 1.3rem;
	}
	.fontMM{
		font-size:16px;
	}
	h2.brush {
		font-size: 2.5rem;
		margin-bottom: 3rem;
	}
	h2.brush::before {
		right: 0;
    	left: -185px;
		bottom: -50%;
		width: 500px;
		height: 111px;
	}
	/***h2.brush.shift_right {
		margin-top: -4rem;
	}***/
	h2.brush.shift_right::before {
		right: 0;
    	left: -160px;
		bottom: -50%;
	}
/** TOP header **/
	header#top {
		height: 500px;
	}
/***** area3 ***/
	.area3 {
  background-position: 50% 65px;
}
	.area3 .right_box .img_area {
		width: 70%;
	}
	.area3 .left_box .img_area {
		width: 100%;
	}
	.area3 .left_box {
		margin-top: 2rem;
	}
/***** area4 ***/
	table.table_area th, table.table_area td {
		display: block;
	}
	table.table_area th {
		width: 100%;
	}
/***** area5 ***/
	.area5 {
  background-position: 100% 65px;
  background-size: 150%;
}
/**** /Interview/ **/
	#interview_area .mt-8 {
		margin-top: 4rem;
	}
	#interview_area h2.brush.shift_right::before {
		right: 0;
    	left: -160px;
	}
	#interview_area .area3.internal .right_box {
		margin: 0 0 3rem;
	}
	#interview_area .area3.internal .right_box .img_area2 {
		width: 70%;
	}
	/**** /Interview/staff/ **/
	header#interview_staff {
		background-image: url("../img/Interview/staff01_kv_sp.png");
	}
	header#interview_staff2 {
		background-image: url("../img/Interview/staff02_kv_sp.png");
	}
	h1.yellow_bg {
		bottom: -465px;
		right: 10%;
		width: 80%;
	}
	#interview_content h2 {
		font-size: 1.5rem;
	}
	#interview_content h3 {
		font-size: 1.3rem;
		padding-left: 48px;
    	text-indent: -48px;
	}
}