@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Theme Name: 甲賀高分子株式会社 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h3,
h4,
h5,
h6,
form,
input,
textarea,
button,
option,
select,
p {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	line-height: 180%;
	color:#111111;
    font-feature-settings: "palt";
	font-weight: 700;
    font-family:Outfit, "Noto Sans JP",'Noto Sans JP',ヒラギノ角ゴ ProN W3,"Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"游ゴシック",YuGothic,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
@media only screen and (max-width: 1100px)  {
	body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h3,
h4,
h5,
h6,
form,
input,
textarea,
button,
option,
select,
p {
	font-size: 16px;
}
}
@media only screen and (max-width: 599px)  {
	body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h3,
h4,
h5,
h6,
form,
input,
textarea,
button,
option,
select,
p {
	font-size: 14px;
}
}
img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
image-rendering: -webkit-optimize-contrast;
}
/*クリアフィックス*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	margin-left: 0;
	text-align: center;
}

.clearfix:before {
	display: block;
	content: "";
	font-size: 14px;
	clear: both;
}

.clearfix {
	display: block;
	margin: 0 auto;
}

.clear {
	clear: both;
}


.fead-mv {
	opacity: 0;
	transition: 0.6s;
	transition-timing-function:ease-in;

}
.mv {
	opacity: 1;
}

a {
	color: #061C36;
    text-decoration: none;
}

ul {
	list-style: none;
}

picture{display: block;}

.dp_pc{display: initial;}
.dp_sp{display: none;}


.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: justify;
	justify-content: flex-start;
}
.flexc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.flexs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flext {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: justify;
	justify-content: flex-start;
}
.flexc.gap-20 {
	gap: 20px;
}
.rpic{
	flex-direction:row-reverse;
}
a[href*="tel:"] {
	pointer-events: none;
}

.fadeIn p,
.sh3{
	transform: translate3d(0, 50px, 0);
	transition: 1s;
	opacity: 0;
}

.fadeIn p.animated,
.sh3.animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.inner{
    max-width: 1280px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#wrapper{
    max-width: 100%;
}
#footer{
    /* background:#004096 ; */
}
.foot_cont h3{
    padding: 70px 0 20px 0;
}
.foot_cont .left li{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.foot_cont .left li a{
	color: #fff;
}
.foot_cont .left ul{
    padding: 0 0 70px 0;
}
.foot_bottom{
    background:#111111 ;
    padding: 20px 0 ;
}
.foot_bottom .copy{
    text-align: right;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 12px;

}
#header{
	/* border-top:10px solid #004096; */
	position: relative;
	z-index: 12;
	background: #fff;
}
#header #logo{
    padding: 18px 0 18px 40px;
}
.rehome1{
    overflow: hidden;
}

.rehome1 .slick-slide.slick-center .fuki{
    display: block;
}
.rehome1 .slick-slide p{
    padding: 60px 20px 25px 20px ;
    position: relative;
}
.rehome1 .slick-slide .fuki{
    position: absolute;
    transform: translateX(-50%);
    text-align: center;
    bottom: 0;
    left: 50%;
    display: none;
}
.rehome1{
    background: #18d39b url(../images/recruit/bk1.png) 0 0 no-repeat;
    padding: 40px 0 80px 0;
}
.rehome1 h2{
    text-align: center;
    margin-bottom: -25px;

}
.rehome1 .slick-container{
    padding: 0 0 48px 0;
}

.rehome1 .career-cta{
    text-align: center;
    margin-bottom: 90px;
}
.recnav{
    background: #F0FF8B;
    border: 2px solid #111111;
    box-shadow: 0px 4px 0px 0px #111111;
    border-radius: 100vw;
	position: relative;

}
.recnavwrapper{
    max-width: 1080px;
}
.recnav li {
    font-size: 14px;
    text-align: center;
	padding: 0 0 0 30px;
	line-height: 180%;
}
.recnav .i{
	position: absolute;
	left: 26px;
	bottom: 6px;

}
.recnav li .e{
    font-size: 24px;
    font-weight: 400;
    font-family: "Dela Gothic One", sans-serif;
    display: block;
}
.recnav ul{
	padding: 24px 0 24px 110px;
}
.rehome1_2{
	padding: 60px 0 0 0;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.rehome1_2 h3 .i{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.rehome1_2 h3 .i .p{
	position: absolute;
	white-space: nowrap;
	font-size: 12px;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.rehome1_2 h3 .t{
	font-size: 30px;
	font-weight: 900;
}
.rehome1_2 h3 .t{
	display: inline-block;
	padding: 0 0 0 20px;
}
.rehome1_2 h3{
	padding: 0 0 40px 0;
}
.rehome1_2 .tbox{
	background: #fff;
	border: 2px solid #111;
	border-radius:40px 0 40px 40px ;
	width: calc(100% - 100px);
}
.rehome1_2 .flexb dl dt{
	font-size: 12px;
	text-align: center;
	line-height: 140%;
	padding: 3px 0 0 0;
}

.rehome1_2 .tbox .in{
	max-width: 660px;
	margin-left:auto ;
	margin-right: auto;
	width: 90%;
	padding: 40px 0;
}
.rehome1_2 .tbox p strong{
	font-size: 24px;
	font-weight: 900;
}
.h3rh{
	text-align: center;
}
.rehome2{
	background: #EEF1D6;
	overflow: hidden;
	padding-bottom: 100px;

}
.rehome2 .h3rh{
	margin-bottom: 60px;
	position: relative;
}
.rehome2 .h3rh:before{
	content: "";
	height: 40%;
	width: 200vw;
	position: absolute;
	top: 0;
	left:0;
	transform: translateX(-50%);
	background: #18d39b;
}
.rehome2 .h3rh img{
	position: relative;
	z-index: 1;
}
.w1280{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.rehome2 .co4 dl{
	width:22.66%;
	margin: 0 3.12% 40px 0;
}
.rehome2 .co4 dl:nth-child(4n){
	margin-right: 0;
}
.rehome2 dl{
	background: #fff;
	border: 3px solid #333;
	border-radius: 40px;
	box-sizing: border-box;
	text-align: center;
	padding: 25px 5px;
}
.rehome2 dt span{
	display: block;
	padding: 10px 0 0 0;
	font-size: 24px;
}
.rehome2 dd{
	font-size: 30px;
	font-weight: 900;
	padding: 16px 0 0 0;
}
.rehome2 dd strong{
	font-weight: 900;
	font-family: "Roboto", sans-serif;
	font-size: 70px;
	color:#18D39B ;
	text-shadow: 0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111;
}
.rehome2 .co2 dl{
	width:48.44%;
	margin: 20px 3.12% 20px 0;
}
.rehome2 .co2 dl:nth-child(2n){
	margin-right: 0;
}
.rehome3{
	background: url(../images/recruit/bk1.png) 0 0 no-repeat #5BA4ED;
}

.rehome3 .h3rh{
	margin-bottom: 60px;
	position: relative;
	transform: translateY(-40px);
	z-index: 1;
}
.mens {
	max-width:1280px;
	margin-left: auto;
	margin-right: auto;
}
.mens .w840{
	width:65.63% ;
}
.mens .pic{
	width: 31.25%;
	padding-bottom: 60px;
}
.mens .pic .sp{
	display: none;
}
.mens .txt p {
  font-size: 46px;
  font-weight: 900;
  line-height: 140%;
  padding: 0 0 50px 0;
}
.mens .tbox p strong{
	font-size: 24px;
	font-weight: 900;
}
.rehome3 .career-cta{
	padding:0 0 60px 0;
}
.rehome4{
	background:url(../images/recruit/bk2.png) right 0 no-repeat #52CED6 ;
	padding-bottom: 60px;
}
.rehome4 h3,.rehome5 h3{
	transform: translateY(-40px);

}
.rehome5{
	background:url(../images/recruit/bk1.png) 0 0 no-repeat #FFC8C9;
	padding-bottom: 30px;
}
.slick-wrapper2 img {
	transform: scale(0.9);
	transition: transform .3s;
	margin-top: 80px;
}
.slick-wrapper2 .slick-center img {
	transform: scale(1);
	margin-top: 0;
	width: 100%;
	max-width: 510px;
}
.rehomeslide{
	overflow: hidden;
	background:url(../images/recruit/bk2.png) right 0 no-repeat #DEED81 ;
	padding-bottom: 50px;

}
.rehomeslide .h3rh{
	margin-bottom: 60px;
	position: relative;
}
.rehomeslide .h3rh img{
	position: relative;
	z-index: 1;
}
.rehomeslide .h3rh:before {
  content: "";
  height: 40%;
  width: 200vw;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
  background: #FFC8C9;
}
.rehomeslide .txt{
	text-align: center;
}
.rehomeslide .txt p{
	font-size: 46px;
	font-weight: 900;
	line-height: 140%;
	padding: 0 0 60px 0;
}
.rehomeslide .career-cta{
	text-align: center;
	padding: 0 0 60px 0;
}
.slick-container2{
	padding-bottom: 60px;
}
.rh_recruit h3{
	transform: translateY(-50px);

}
.rh_recruit{
	background: #18d39b;
}
.w840pt .flexb{
	margin-bottom: 60px;
}
.w840pt .flexb .tbox {
  background: #fff;
  border: 2px solid #111;
  border-radius: 40px 0 40px 40px;
  width: calc(100% - 100px);
}
.w840pt .flexb .in {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 40px 20px;
}
.rsmore{
	text-align: center;
	padding:0 0 60px 0;
}
.w840pt .career-cta{
	padding-bottom: 60px;
}
.w840pt h4{
	font-size: 30px;
	font-weight: 900;
	line-height: 140%;
	margin-bottom: 30px;
}
.w840pt h4 .i{
	display: inline-block;
	padding-right: 20px;
}
.eventslide{
	max-width: 100%;
	overflow: hidden;
}
.rehome1_2 h3 .t .p{
	display: none;
}
.h3rh .sp{
	display: none;
}
.rh_recruit .w840{
	width: 90%;
}
@media only screen and (max-width: 1100px)  {
	.recnavwrapper .recnav{
		display: none;
	}
	.rehome1_2{
		padding-top: 0;
	}
	.rehome1 h2{
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}
	.rehome1_2 .tbox p strong{
		font-size: 20px;
	}
	.rehome2 .co4 dl{
		width: 48.44%;
		margin: 20px 3.12% 20px 0;
	}
	.rehome2 .co4 dl:nth-child(2n){
		margin-right: 0;
	}
	.rehome2 .co2 dl{
		width: 100%;
		margin-right: 0;
	}
	.rehome2 dd{
		font-size: 24px;
	}
	.mens .txt p{
		font-size: 30px;
	}
	.w840pt h4{
		font-size: 24px;
	}
	.rehomeslide .txt p{
		font-size: 30px;
	}


}
@media only screen and (max-width: 599px) {
	#header #logo{
		padding: 18px 0 18px 20px;
	}
	.rehome3,.rehome5,.rehome1{
		background-image: url(../images/recruit/bk1_sp.png);
	}
	.rehome4,.rehomeslide{
		background-image: url(../images/recruit/bk2_sp.png);
	}
	.rehome1 h2{
		max-width: 320px;
	}
	.rehome1_2 h3 .t{
		font-size: 24px;
		padding-left: 10px;
	}
	.rehome1_2 h3 .i .p{
		display: none;
	}
	.rehome1_2 dl{
		max-width: 40px;
	}
	.rehome1_2 .flexb dl dt{
		font-size: 10px;
	}
	.rehome1_2 .tbox{
		width: calc(100% - 60px);
		border-radius: 30px 0 30px 30px;
	}
	.rehome1_2 h3 .t .p{
		display: block;
		font-size:10px ;
	}
	.rehome1_2 h3 .i{
		max-width: 40px;
	}
	.rehome2 .co4 dl{
		width: 100%;
		margin-right: 0;
	}
	.h3rh{
		padding-left: 10px;
		padding-right: 10px;
	}

	.mens .pic{
		width: 100%;
		text-align: center;
	}
	.mens .txt p{
		text-align: center;
	}
	.mens .w840{
		width: 100%;
	}
	.w840pt h4 .i{
		width: 40px;
	}
	.w840pt h4 .i{
		padding-right: 10px;
	}
	.w840pt .flexb .pih{
		width: 40px;
	}
	.w840pt .flexb .tbox{
		width: calc(100% - 52px);
		border-radius: 30px 0 30px 30px;
	}
	.w840pt h4{
		position: relative;
		padding-left: 52px;
	}
	.w840pt h4 .i{
		position: absolute;
		top: 0;
		left: 0;
	}
	.w840pt .career-cta{
		margin: auto;
		width: 320px;
	}
	.mens .tbox p strong{
		font-size: 20px;
	}
	.h3rh .sp{
		display: block;
	}
	.h3rh .pc{
		display: none;
	}
	.rehome2 .h3rh::before{
		height: 50%;
	}
	.rehome1 .career-cta{
		margin: 0 auto 90px;
		width: 320px;
	}
	.rehome3 .career-cta,
	.rsmore{
		margin: auto;
		width: 320px;
	}
	.rehome4 h3{
		transform: translateY(-20px);
	}
	.slick-wrapper2 img {
		transform: scale(0.9);
		transition: transform .3s;
		margin-top: 15px;
	}
	.slick-wrapper2 .slick-center img {
		transform: scale(1);
		margin-top: 0;
		width: auto;
		max-width: none;
		width: auto;
		max-width: 300px;

	}
	.mens .pic .sp{
		display: block;
	}
	.mens .pic .pc{
		display: none;
	}
	.rehome2 .h3rh{
		margin-bottom: 20px;
	}
	.rehome3 .h3rh{
		margin-bottom: 20px;
	}

	.foot_cont .left li{
		text-align: center;
	}
}

/*下層共通*/
.spankuz{
	padding-bottom: 50px;
}
.spankuz li{
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
}
.spankuz li:after{
	content: ">";
	display: inline-block;
	padding: 0 5px;
}
.spankuz li:last-child:after{
	display: none;
}
.spankuz li a{
	text-decoration: underline;
}
.h2un{
	text-align: center;
	padding-bottom: 100px;
}
.h2p{
	font-size: 46px;
	font-weight:900;
	line-height: 140%;
	text-align: center;
	padding-bottom: 100px;
}
.w840, .inner.w840{
	max-width: 840px;
	margin: 0 auto;
}
.picb {
	text-align: center;
}
.picb img{
	border-radius: 40px;
	border:2px solid #111111;
	overflow: hidden;
}
.sh3{
	font-size: 30px;
	font-weight: 900;
	padding-bottom: 30px;
}
.wbh3{
	font-size: 46px;
	text-align: center;
	color: #ffffff;
	line-height: 140%;
	text-shadow: 0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111,0 0 2px #111;
	padding-top: 100px;
	padding-bottom: 20px;
}
h3.wbh3+p.wbh3p{
	text-align: center;
	padding-bottom: 50px;
}
.icofuki .tbox{
	max-width: 740px;
	background: #fff;
    border: 2px solid #111;
    border-radius: 40px 0 40px 40px;
    width: calc(100% - 100px);
}
.icofuki .tbox .in{
	max-width: 660px;
	margin-left:auto ;
	margin-right: auto;
	width: 90%;
	padding: 40px 0;
}
.icofuki dl.imgic{
	width: 80px;
}
.center{
	text-align: center;
}
/*Message社長メッセージ*/

.messwap{
	background:#5BA4ED url(../images/recruit/bk1.png) 0 0 no-repeat;
    padding: 20px 0 80px 0;
}
.mess1{
	background: #fff;
	border-radius: 40px;
	overflow: hidden;
}
.mess1inn{
	max-width: 720px;
	width: 90%;
	margin: 0 auto;
}

.mess1 .pic{
	margin-bottom: 80px;
}
.mess1 .pic .sp{
	display: none;
}
.mess1inn p{
	line-height: 200%;
	padding-bottom: 40px;
}
.mess1inn p strong{
	font-size: 30px;
	font-weight: 900;
}
.mess1inn .sign{
	text-align: right;
	font-size: 14px;
}
.mess1inn .sign img{
	vertical-align: middle;
	margin-left: 15px;
}
@media only screen and (max-width: 1100px)  {
	.h2p{
		font-size: 30px;
		padding-bottom: 30px;
	}
	.sh3{
		font-size: 24px;
	}
	.mess1inn p{
		font-size: 16px;
	}
	.mess1inn p strong{
		font-size: 24px;
	}
	.mess1inn p strong br{
		display: none;
	}

}
@media only screen and (max-width: 599px) {
	.mess1inn .sign img{
		max-width: 190px;
	}
	.mess1 .pic .sp{
		display: block;
	}
	.mess1 .pic .pc{
		display: none;
	}
}
/*Work 仕事*/
.bkbule1{
	background:#52CED6 url(../images/recruit/bk1.png) 0 0 no-repeat;
    padding-bottom: 100px;
}
.bkbule2{
	background: #5ba4ed  url(../images/recruit/bk2.png) right top no-repeat;
	padding-bottom: 100px;
}
.work1{
	padding-top: 20px;
}
.work1in {
	position: relative;
}
.work1in .fukitxt{
	width: 224px;
	height: 120px;
	font-size: 16px;
	position: absolute;
	top: -45px;
	left: 50px;
}
.work1in .fukitxt span{
	display: block;
	position: relative;
	z-index: 1;
	padding: 24px 15px 0 20px;
	line-height: 140%;
	letter-spacing: -0.1px;
}
.work1in .fukitxt span.sp{
	display: none;
	font-size: 14px;
}
.work1in .fukitxt:after{
	content:"";
	width: 100%;
	height: 100%;
	background:url("../images/recruit/work/work_fuki.png") no-repeat ;
	background-size: contain;
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
}
.work2dl dt{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.work2dl dd{
	max-width: 166px;
	font-size: 16px;
	text-align: center;
	margin: 0 10px 20px 10px;
}
.work2dl dd span{
	display: block;
	padding-top: 10px;
}
.work2dl {
	padding-bottom: 100px;
}
.work3in{
	text-align: center;
	padding-bottom: 50px;
}
.work4 li{
	color: #1B47B0;
	text-align: center;
	font-size: 24px;
	width: 21%;
	max-width: 174px;
	padding: 10px 0;
	background-color: #ffffff;
	border: 2px solid #1B47B0;
	border-radius: 10px;
	margin: 0 12px 15px 12px;
}
.work4 ul{
	padding-bottom: 40px;
}
.work5 .pic1{
	text-align: center;
	padding-bottom: 60px;
}
.work6 {
	padding-bottom: 200px;
}
.work6 .pic{
	width: 35%;
	max-width: 290px;
	border-radius: 30px;
	padding-top: 80px;

}
.work6 .wrap{
	background: #fff;
	border-radius:30px ;
	padding: 36px 0 0 0;
	margin-bottom: 20px;
}
.work6 .wrap .in{
	max-width:760px ;
	margin: 0 auto;
	width: 90%;
}
.work6 .pic .w{
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	display: inline-block;
}
.work6 .tbox{
	width: 60%;
	max-width: 510px;
}
.work6 .tbox h4{
	font-size: 30px;
	line-height: 140%;
	padding-bottom: 20px;
	font-weight: 900;
}
.work6 .inbox{
	padding-bottom: 60px;
}
.work7{
	padding-top: 1px;
	padding-bottom: 200px;
}
.work7 .titbox{
	position:relative;
	width: 100%;
	text-align: center;
	margin-top: -230px;
	padding-bottom: 50px;
}
.work7 .p1{
	padding-bottom: 50px;
}
.work7 .tbox{
	max-width: 510px;
	width: 60%;
}
.work7 h4.wbh3{
	text-align: left;
	line-height: 140%;
	padding-top: 0;
	padding-bottom: 50px;
}
.work7 .icofuki2{
	padding-top: 50px;
}
.icofuki2 .tbox2{
	max-width: 410px;
	background: #fff;
    border: 2px solid #111;
    border-radius: 0 40px 40px 40px ;
    width: calc(100% - 100px);
}
.icofuki2.short{
	justify-content: start;
	gap: 20px;
}
.icofuki2.short .tbox2{
	padding-right: 20px;
	width: 276px;
}
.icofuki2 .tbox2 .in{
	max-width: 290px;
	margin-left:auto ;
	margin-right: auto;
	padding: 40px 0;
	display: inline-block;
}
.icofuki dl.imgic{
	width: 80px;
}
.work7 .inbox{
	padding-bottom: 70px;
}
.work7 .inbox2 h4{
	font-size: 30px;
	padding-bottom: 20px;
	font-weight: 900;
}
.work7 p strong{
	display: block;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 900;
	line-height: 140%;
}
.work7 .icofuki2 .tbox2 .in{
	padding-left: 30px;
}
.work8{
	padding-top: 1px;
}
.work8 .titbox{
	    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -230px;
    padding-bottom: 50px;
}

.work8 .list{
	padding-bottom: 50px;
}
.work8 .list li{
	font-size: 30px;
	font-weight: 900;
	padding-left: 80px;
	margin-bottom: 40px;
	position: relative;
	line-height: 140%;
}
.work8 .list img{
	position: absolute;
	left: 0;
	top:0;
	bottom: 0;
	margin: auto 0;
}
.work9 .timbox h4{
	font-family: "Dela Gothic One", sans-serif;
	max-width:140px;
	margin-right: 20px;
	width: 16%;
	text-align: right;
	font-size: 30px;
	color: #ffffff;
    text-shadow: 0 0 2px #111, 0 0 2px #111, 0 0 2px #111, 0 0 2px #111, 0 0 2px #111, 0 0 2px #111, 0 0 2px #111, 0 0 2px #111, 0 0 2px #111, 0 0 2px #111;

}
.work9 .timbox dl{
	max-width:625px;
	width: 74%;
	position: relative;
	padding-left: 55px;
	overflow: hidden;
	padding-bottom: 50px;
}
.work9 .timbox dl:before{
	content:"";
	display: block;
	width: 4px;
	height: calc(100% - 20px);
	background:url("../images/recruit/work/line.png") repeat-y left top;
	position: absolute;
	top: 30px;
	left: 0;
	right: auto;
	transform: translateX(14px);
}
.work9 .timbox dl:after{
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	top: 10px;
	left: 0;
	background: url(../images/recruit/work/syuriken.png) 0 0 no-repeat;

}
.work9 .timbox dt{
	font-size: 30px;
	font-weight: 900;
}
.work9 .icofuki{
	margin-top: 50px;
}
.work3in .sp{
	display: none;
}
.work7 .pic{
	width: 35%;
}
.icofuki2.sp{
	display: none;
}
.icofuki2 .tbox2 .in{
	padding-left: 5%;
	padding-right: 5%;
}
.icofuki2 .tbox2 .in p{
	margin: 0 auto;
}

@media only screen and (max-width: 1100px)  {
	.h2un{
		padding-bottom: 40px;
	}
	.h2p{
		padding-bottom: 40px;
	}
	.work9 .timbox dl:after{
		display: none;
	}
	.work1in .fukitxt{
		width: 100%;
		border-radius: 20px;
		max-width: 270px;
		margin: 0 auto 24px auto;
		position: relative;
		background: #fff;
		text-align: center;
		top: auto;
		left: auto;
		border: 2px solid #111;
		box-shadow: 0 5px 0 #000;
		height: auto;
		padding-top:0;
		padding-bottom: 20px;
		font-size: 14px;

	}
	.work1in .fukitxt:before{
		content: "";
		width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 14px solid #000000;
  border-bottom: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
	}
	.work1in .fukitxt:after{
		display: none;
	}
	.wbh3{
		font-size: 30px;
	}
	.work6 .tbox h4{
		font-size: 24px;
	}
	.work9 .timbox h4{
		width: 100%;
		box-sizing: border-box;
		padding-left: 55px;
		max-width: none;
		text-align: left;
		background: url(../images/recruit/work/mk.svg) 0 0 no-repeat;
		line-height: 120%;
		font-size: 24px;
	}
	.work9 .timbox dl::before{

		top: 10px;
	}
	.work9 .timbox dt{
		font-size: 24px;
	}
}
@media only screen and (max-width: 599px) {
	.dp_pc{display: none;}
	.dp_sp{display: block;}

	.work2dl dd{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		font-size: 14px;
	}
	.icofuki dl.imgic{
		width: 40px;
	}
	.icofuki .tbox{
		width: calc(100% - 52px);
		max-width: none;
		border-radius: 30px 0 30px 30px;
	}
	.work3in .pc{
		display: none;
	}
	.work3in .sp{
		display: block;
	}
	.work4 li{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		box-sizing: border-box;
		padding: 10px 0;
	}
	.work6 .pic{
		width: 100%;
		text-align: center;
		padding: 0 0 20px 0;
		margin-left: auto;
		margin-right: auto;
	}
	.work6 .tbox{
		width: 100%;
	}
	.wbh3 .sp{
		display: block;
	}
	.wbh3 .sp+br{
		display: none;
	}
	.wbh3{
		line-height: 140%;
		padding:50px 0 16px 0 ;
	}
	.work7 .tbox{
		width: 100%;
	}
	.work7 .pic{
		width: 100%;
		text-align: center;
	}
	.work7 .icofuki2{
		display: none;
	}
	.icofuki2.sp{
		display: flex;
		padding: 0 0 30px 0;
	}
	.icofuki2.sp dl{
		width: 40px;
	}
	.icofuki2.sp .tbox2{
		width: calc(100% - 56px);
		border-radius: 0;
		background: none;
		border: none;
	}
	.icofuki2 .tbox2 .in{
		padding: 20px 5%;
		background: #fff;
		border: 2px solid #111;
		border-radius: 0 30px 30px 30px;
	}
	.work7 .inbox2 h4{
		font-size: 24px;
	}
	.work8 .list li{
		font-size: 24px;
	}

	.bkbule1,.messwap{
		background-image: url(../images/recruit/bk1_sp.png);
	}
	.bkbule2{
		background-image: url(../images/recruit/bk2_sp.png);
		padding-bottom: 60px;
	}
	.work1 h2{
		max-width: 190px;
		margin-left: auto;
		margin-right: auto;
	}
	.bkbule1{
		padding-bottom: 60px;
	}
	.work6{
		padding-bottom: 180px;
	}
	.work7{
		padding-bottom: 250px;
	}
	.work6 h3{
		padding-bottom: 30px;
	}
	.work9 h3{
		padding-bottom: 40px;
	}
	.work7 .icofuki2 .tbox2 .in{
		padding-left: 5%;
	}
}
/*WorkStyle 働く環境*/
.bkpink1{
	background:#FFC8C9 url(../images/recruit/bk1.png) 0 0 no-repeat;
    padding-bottom: 100px;
}
.bkpink2{
	background:#DEED81 url(../images/recruit/bk2.png) right top no-repeat;
    padding-bottom: 100px;
}
.work1in .fukitxt2{
	width: 224px;
	height: 120px;
	font-size: 16px;
	position: absolute;
	top: 20px;
	right: -20px;
}
.work1in .fukitxt2 span{
	display: block;
	position: relative;
	z-index: 1;
	padding: 24px 15px 0 20px;
	line-height: 140%;
	letter-spacing: -0.1px;
}
.work1in .fukitxt2:after{
	content:"";
	width: 100%;
	height: 100%;
	background:url("../images/recruit/workstyle/workst_fuki.png") no-repeat ;
	background-size: contain;
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
}
.workst2 h3+p{
	padding-bottom: 60px;
}
.workst2 h4{
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding-bottom: 30px;
}
.workst2 h4 span{
	min-width: 170px;
	display: inline-block;
	background-color: #000;
	border-radius: 50px;
	padding: 10px 10px;
}
.workst2 .wks2box dl{
	width: 47%;
	max-width: 400px;
	padding-bottom: 40px;
}
.workst2 .wks2box dt{
	font-size: 30px;
	font-weight: 900;
}
.workst2 .wks2box dt:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: -3px;
	margin-right: 15px;
	background: url("../images/recruit/workstyle/workstyle2_mark.png") no-repeat left top;
	background-size: cover;
	vertical-align: middle;
}
.workst2 .box{
	padding-bottom: 60px;
}
.workst3 h3+p{
	padding-bottom: 30px;
}
.wsfuki{
	padding-bottom: 60px;
}
.wsfuki .tbox {
	width: calc(100% - 100px);
}
.wsfuki .tbox .in{
	display: inline-block;
	background: #fff;
    border: 2px solid #111;
	padding: 10px 30px;
	box-sizing: border-box;
}
.wsfuki.fr .tbox {
	text-align: right;
}
.wsfuki.fl .tbox .in{
	border-radius: 0 40px  40px 40px;
}
.wsfuki.fr .tbox .in{
	border-radius: 40px 0 40px 40px;
}
.wsfuki.fl dl.imgic{
	margin-right: 20px;
}
.wsfuki.fr dl.imgic{
	margin-left: 20px;
}
.wsfuki .tbox .in{
	max-width: 660px;
	margin-left:auto ;
	margin-right: auto;
	padding: 40px 30px;
	text-align: left;
}

.wsfuki dl.imgic{
	width: 80px;
}
.workst3 .inn1{
	position: relative;
}
.workst3 .inn1 h4{
	position: relative;
	z-index: 1;
}
.workst3 .inn1 h4 .sp{
	display: none;
}
.workst3 .inn1 .box{
	margin-top: -10px;
	background:url("../images/recruit/workstyle/workstyle3_bk2.png") no-repeat left top;
	background-size: cover;
	padding: 50px 0;
	width: 85%;
}
.workst3 .inn1 .box .in{
	max-width: 720px;
	margin: 0 auto;
	background-color: #fff;
	border: 3px solid #000;
	padding: 7px;
	position: relative;
	width: 90%;
}
.workst3 .inn1 .box .in .in-in{
	border: 3px solid #000;
	padding: 50px 45px 0 45px;
}
.workst3 .inn1 .box dl{
	padding-bottom: 50px;
}
.workst3 .inn1 .box dt{
	padding-bottom: 20px;
}
.workst3 .obi{
	width: 85%;
	padding: 0 0 40px 0;
}
.flexr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.workst3 .inn2{
	text-align: center;
}
.workst4 .wbh3{
	padding-bottom: 60px;
}
.workst4 .p1{
	text-align: right;
}
.workst4 .rehome2{
	background: none;
}
.icofuki.w840{
	width: 90%;
}
.workst3 .inn3{
	padding-bottom: 40px;
	text-align: center;
}
.workst3 .inn3 .sp{
	display: none;
}
.workst3 .inn1 .box dt .sp{
	display: none;

}
@media only screen and (max-width: 1100px)  {
	.work1in .fukitxt2{
		display: none;
	}
	.work1in .fukitxt span.sp{
		display: block;
		text-align: center;
		font-size: 14px;
	}
	.work1in .fukitxt span.pc{
		display: none;

	}
}
@media only screen and (max-width: 599px)  {
	.workst2 .wks2box dl{
		width: 100%;
	}
	.workst2 .wks2box dt{
		font-size: 24px;
	}
	.workst3 .inn3 .sp{
		display: block;
	}
	.workst3 .inn3 .pc{
		display: none;
	}
	.bkpink1{
		background-image: url(../images/recruit/bk1_sp.png);
	}
	.bkpink2{
		background-image: url(../images/recruit/bk2_sp.png);
	}
	.workst1{
		padding-bottom: 60px;
	}
	.workst2 h3 + p{
		padding-bottom: 30px;
	}
	.workst2 h4 span{
		font-size: 18px;
		padding: 15px 0;
	}
	.workst2{
		padding-bottom: 0;
	}
	.wsfuki.fl .tbox .in{
		padding: 20px 20px;
	}
	.wsfuki.fl dl.imgic,.wsfuki.fr dl.imgic{
		width: 40px;
	}
	.wsfuki .tbox{
		width: calc(100% - 56px);
	}
	.wsfuki.fl dl.imgic{
		margin: 0;
	}
	.wsfuki.fr dl.imgic{
		margin: 0;
	}
	.wsfuki .tbox .in{
		padding: 20px;
	}
	.wsfuki.fr .tbox .in{
		border-radius: 30px 0 30px 30px;
	}
	.wsfuki.fl .tbox .in{
		border-radius: 0 30px 30px 30px;
	}
	.workst3{
		padding-bottom: 0;
	}
	.workst4 .wbh3{
		padding-bottom: 30px;
	}

	.icofuki .tbox .in{
		padding: 30px 20px;
		width: auto;
	}
	.rehome2 dd{
		line-height: 240%;
	}
	.workst4 .rehome2{
		padding-bottom: 40px;
	}
	.workst3 .inn1 .box dt .sp{
		display: block;
	}
	.workst3 .inn1 .box dt .pc{
		display: none;
	}
	.workst4 .rehome2 dt span{
		font-size: 20px;
	}
	.workst4 .rehome2 dd{
		font-size: 30px;
	}
	.intmv .pic{
		display: flex;
		position: relative;
	}
	.intmv .pic:before{
		content: "";
		display: block;
		width: 1px;
		padding-bottom: 66.67%;
	}
	.intmv .pic p{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.intmv .pic p img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: 0 0;
	}
	.int5 .intmv .pic p{
		position: relative;
	}
	.workst3 .inn1 .box .in .in-in{
		padding-left: 5%;
		padding-right: 5%;
	}
	.workst3 .inn1 h4 .pc{
		display: none;
	}
	.workst3 .inn1 h4 .sp{
		display: block;
	}
	.workst3 .maki{
		width: 99%;
	}
	.workst3 .inn1 .box{
		padding: 20px 0;
	}
}
/*Interview インタビュー一覧*/
.interwap{
	background:#18D39B url(../images/recruit/bk1.png) 0 0 no-repeat;
    padding: 20px 0 80px 0;
}
.inter1 dl{
	max-width:400px;
	width:31%;
	margin: 0 1% 70px 1%;
}
.inter1 dl .pic{
	text-align: center;
	margin-bottom: 20px;
}
.inter1 dl .pic+dd{
	line-height: 140%;
	padding-bottom: 15px;
	letter-spacing: 0;
}
.inter1 dl dt{
	text-align: center;
}
.inter1 dl dt span{
	display: block;
	font-size:12px;
	line-height: 150%;
	margin-bottom: 5px;

}
.inter1 dl dt strong{
	font-size: 30px;
	font-weight: 900;

}
.intermain + .interwap{
	padding-top: 0;
}
.intermain + .interwap .h2un{
	transform: translateY(-40px);
	padding-bottom: 60px;
}
.intermain {
	background: url(../images/recruit/bk1.png) 0 0 no-repeat;
}
.intermain.int1{
	background-color: #fce58f;
}
.intermain.int2{
	background-color: #FFD3C1;
}
.intermain.int3{
	background-color: #7CE0E6;
}
.intermain.int4{
	background-color: #EEC1FA;
}
.intermain.int5{
	background-color: #F0FF8B;
}
.intermain .spankuz{
	padding-bottom: 10px;
}
.intmv{
	position: relative;
}
.intmv .tbox{
	position: absolute;
	left: 50%;
	width: 50%;
	top: 50%;
	transform: translateY(-50%);
}
.intmv .tbox h2{
	font-weight: 900;
	font-size: 46px;
	line-height: 140%;
	padding: 0 0 20px 0;
}
.intmv .tbox dt{
	font-size:30px;
	font-weight: 900;
}
.intmv .tbox dd{
	font-size:12px ;
	line-height: 120%;
}
.intermain{
	padding-bottom: 80px;
}
.intermain .w840{
	padding-top: 90px;
	width: 90%;
}
.intermain .tbox .tboxin{
	background: #fff;
	display: inline-block;
	border: 2px solid #111;
	border-radius: 0 40px 40px 40px;
	padding-left: 16px;
	padding-right: 16px;
}
.intermain .pic{
	padding: 0 0 40px 0;
}
.intermain .q .tbox{
	border: none;
	background: none;
}
.intermain .q .tbox .in{
	width: auto;
}
.intermain .a{
	margin-left: 100px;
}
.intermain h3{
	text-align: center;
	font-size: 30px;
	padding: 0 0 30px 0;
	font-weight: 900;
}
.intermain .w840pt .flexb{
	margin-bottom: 20px;
}
.intermain .w840pt .flexb.a .tbox{
	border: none;
	border-radius: 0;
	background: none;
	text-align: right;
}
.intermain .w840pt .flexb.a .tbox .in{
	display: inline-block;
	background: #fff;
  border: 2px solid #111;
  border-radius: 40px 0 40px 40px;
  text-align: left;
  max-width: none;
  width: auto;
  padding:40px;
}
.intermain .w840pt{
	margin-bottom: 80px;
}
.b15 .spankuz{
	padding-bottom: 15px;
}
.int51{
	background-color: #fff;
	border-radius: 20px;
	padding: 100px 0 80px 0;
}
.int51 .inner{
	max-width: 990px;
}
.int51 .in1{

	padding: 0 0 50px 0;
}
.int51 .in1+.in1{
	margin-top: 80px;
}
.int51 .in1 .pic{
	max-width:316px;
	width: 31%;
	margin-right: 3%;
	padding: 0 0 20px 0;
}
.int51 .in1 .pic p{
	padding-top: 10px;
}
.int51 .in1 .pic+dl{
	max-width:156px;
	width: 17%;
}
.int51 .in1 .pic+dl+dl{
	width: 43%;
	max-width: 430px;
}
.int51 .in1 dd{
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 15px;
}
.int51 .in1 dd:last-of-type{
	padding-bottom: 0;
}
.int51 .in2 {
	max-width: 660px;

	background: #FFD3C1;
	border-radius: 20px;
	margin: 0 auto;
	padding: 70px 0;
}
.int51 .in2 .in{
	max-width:554px ;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.intermain .int51 .in2 .a{
	margin-left: 0;
}
.intermain .int51 .in2 .q{
	margin-right: 0;
}
.int51 .in2.w840pt .flexb .tbox{
	border: none;
	background: none;
	border-radius: 0;
	padding-top: 35px;
	padding-right: 0;


}
.int51 .in2.w840pt .flexb{
	padding: 0 0 20px 0;
}
.int51 .in2.w840pt .flexb .tbox p{
	font-size: 18px;
	font-weight: 500;
}
.int51 .in2.w840pt .flexb .tbox .in{
	margin: 0 0 8px 0;
	padding: 3px 20px 3px 20px;
	background: #fff;
	box-sizing:border-box;
	display: block;
	width: 100%;
}
.int51 .in2.w840pt .a .tbox .in{
	border-radius:20px 0 20px 20px;
	border-color: #fff;

}
.int51 .in2.w840pt .q .tbox .in{
	border-radius:0 20px 20px 20px;

}
.intmv.flexb{
	max-width: 1120px;
	margin: 0 auto;
}
.intmv.flexb .pic{
	width: 61.61%;
	padding: 50px 0;
	margin-bottom: 0;
}
.intmv.flexb .tbox{
	position: relative;
	left: auto;
	top: auto;
	transform: translate(0);
	width: 36.61%;
	padding: 100px 0 0 0;
}
.spankuz.bt15{
	padding-bottom: 15px;
}
.int5_entry .flex{
	margin: 0 auto;
}
.int5_entry .subtit{
	padding: 0px 62px 40px 62px;
	position: relative;
	font-size: 24px;
}
.int5_entry dd{
	text-align: center;
}
.int5_entry .subtit:before{
	content: "";
	width: 2px ;
	height: 60px;
	background: #111;
	position: absolute;
	transform: rotate(-45deg);
	top: 0;
	left: 0;
	transform-origin: 0 0;
}
.int5_entry .subtit:after{
	content: "";
	width: 2px ;
	height: 60px;
	background: #111;
	position: absolute;
	transform: rotate(45deg);
	top: 0;
	right: 0;
	transform-origin:right 0;
}
.int5_entry dl{
	padding: 0 12px;
}
.int5_entry .right{
	padding-top: 30px;
}
.int5_entry .left{
	padding-top: 30px;
}
.int5_entry{
	padding-bottom: 50px;
	padding-top: 70px;
}
.inter1 dl .pic + dd{
	font-size: 20px;
	text-align: center;
}
.intermain .q .tbox{
	padding-right: 100px;
	box-sizing: border-box;
}
.int51 .in1 .pic p.center{
	font-size: 24px;
}
.h2un .sp{
	display: none;
}
.int51 .in1 dt{
	font-size: 24px;
}
@media only screen and (max-width: 1100px)  {
	.inter1 dl{
		width: 48%;
	}
	.intmv .tbox{
		padding-top: 20px;
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0);
		max-width: 850px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	.intermain h3{
		font-size:24px;
	}
	.intmv.flexb .pic{
		width: 100%;
		text-align: center;
		padding: 20px 0;
	}
	.intmv.flexb .tbox{
		padding-top: 0;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}

	.int5_entry .right{
		display: none;
	}
	.int5_entry .left{
		display: none;
	}

}
@media only screen and (max-width: 599px) {
	.inter1 dl{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.intmv .tbox h2{
		font-size: 30px;
	}
	.intermain .q .tbox{
		padding-right: 52px;
		box-sizing: border-box;
	}
	.intermain .tbox .tboxin{
		padding: 0;
		border-radius: 0 30px 30px 30px;
	}
	.intermain .a{
		margin-left: 52px;
	}
	.intmv .tbox dt{
		font-size: 24px;
	}
	.int51 .in1 .pic{
		width: 100%;
		text-align: center;
		max-width: none;
		margin-right: 0;
	}
	.int51 .in1 .pic + dl{
		width: 100%;
	}
	.int51 .in1 .pic + dl + dl{
		width: 100%;
		padding-top: 20px;
	}
	.inner{
		width: 90%;
	}
	.h2un .sp{
		display: block;
	}
	.h2un .pc{
		display: none;
	}
	.interwap,.intermain{
		background-image: url(../images/recruit/bk1_sp.png);
	}
	.int51 .in2.w840pt .flexb .tbox .in{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.int51 .in2.w840pt .flexb .tbox p{
		font-size: 16px;
	}
	.int5 .intmv.flexb .tbox{
		padding-bottom: 60px;
	}
	.int51{
		padding-top: 30px;
	}
	.int5_entry .subtit{
		font-size: 16px;
		white-space: nowrap;

	}
	.intermain .w840pt .flexb.a .tbox .in{
		padding: 30px 20px;
		border-radius: 30px 0 30px 30px;
	}
	.w840pt .flexb .in{
		padding: 30px 20px;
	}

}
/*recruit*/

.recruit1{
	background: #18D39B url(../images/recruit/bk1.png) 0 0 no-repeat;
	padding: 0 0 1px 0;
}
.recruit1 .inner{
	border-radius:40px;
	background: #fff;
	padding: 40px 0;
}
.recruit1 .inner .center{
	color:#FF0000;
	font-size: 24px;
	padding: 40px 0;
}
.rec1_nav{
	max-width: 795px;
	margin: 0 auto;
	width: 90%;
}

.rec1_nav li{
	width:49.06% ;
	box-sizing: border-box;
	border: 2px solid #111;
	border-bottom: none;
	border-radius: 16px 16px 0 0 ;
	text-align: center;
	font-size: 24px;
	padding: 5px 0;
	cursor: pointer;
}
.rec1_nav li.activ{
	background: #fff;
	border-color: #fff;
}
.recruit1 .inner{
	display: none;
	margin-bottom: 40px;
}
.recruit1 .inner.activ{
	display: block;
}
.recruit1 .inner h3{
	font-size: 24px;
	padding: 0 0 16px 0;
}
.faq .q{
	background: #add1f6;
	border-radius: 6px;
	padding: 10px 80px 0 20px;
	position: relative;
}
.faq .q .i{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: calc(100% - 52px);
	background: #5BA4ED;
	border-radius: 0 6px 6px 0;
	cursor: pointer;
}
.faq .q .i:before{
	content: "";
	width: 15px;
	height: 3px;
	transform: translate(-50% ,-50%);
	background: #111;
	position: absolute;
	top: 50%;
	left: 50%;
}
.faq .q .i:after{
	content: "";
	width: 3px;
	height: 15px;
	transform: translate(-50% ,-50%);
	background: #111;
	position: absolute;
	top: 50%;
	left: 50%;
}
.faq.activ .q .i:after{
	display: none;
}
.faq.activ .a{
	display: block;
}
.faq .q p{
	font-size: 16px;
	font-weight: 400;
	padding: 0 0 10px 0;
}
.faq .a{
	background:#eef6fd ;
	border-radius: 0 0 6px 6px;
	padding: 18px 20px 0 20px;
	display: none;
}
.faq .a p{
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 20px;
}
.faq{
	margin-bottom:20px ;
}
.recruit1 .career-cta{
	text-align: center;
	padding: 40px 0 40px 0;
}
.recruit1 table{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}
.recruit1 table th,.recruit1 table td{
	font-weight:400 ;
	font-size: 14px;
}
.recruit1 .table th{
	font-weight:400 ;
	font-size: 15px;
	border: 1px solid #ececec;
	background: #F2F2F2;
	text-align: left;
	padding:5px 10px;
	box-sizing: border-box;
}
.recruit1 .table td{
	font-weight:400 ;
	font-size: 15px;
	border: 1px solid #ececec;
	padding:5px 10px;
	box-sizing: border-box;
	line-height: 140%;

}
.recruit1 .table td .tt{
	font-size: 14px;
}
.recruit1_1 .table th{
	width: 180px;
	line-height: 160%;
}
.recruit1_1 .table td{
	width: 660px;
	line-height: 160%;
}
.recruit1_1 .table td .tt{
	font-size: 14px;
}
.recruit1_1{
	padding-bottom: 60px;
}
.recruit1_2{
	padding-bottom: 60px;
}
.recruit1_2 .table th{
	width: 220px;
}
.recruit1_2 .table td{
	width: 620px;
}
.recruit1_2 .table table{
	margin-bottom: 60px;
}
.recruit1 .table2{
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}
.recruit1_2 .table2 thead th{
	background: #ADD2F6;
	border: 1px solid #ECECEC;
}
.recruit1_2 .table2 thead th.tit{
	background: #004096;
	padding: 3px 20px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: left;
}
.recruit1_2 .table2 th{
	padding: 3px 10px;
	text-align: left;
	box-sizing: border-box;
}
.recruit1_2 .table2 td{
	padding: 3px 10px;
	box-sizing: border-box;
}
.recruit1_2 .table2 tbody th.no{
	background: #ADD2F6;
	width: 52px;
	text-align: center;

}
.recruit1_2 .table2 tbody th.no+th{
	width: 290px;
}

.recruit1_2 .table2 tbody th{
	background: #F2F2F2;
	border: 1px solid #ececec;
	line-height: 140%;

}
.recruit1_2 .table2 p{
	font-size: 14px;
}
.recruit1_2 .table2 tbody td{
	background: #fff;
	border: 1px solid #ececec;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 140%;
}
.remains .w840{
	width: 95%;
}
.recruit1_3 p{
	margin-right: 24px;
}
.recruit1_3 dl{
	max-width: calc(100% - 96px);
}
.recruit1_3 p .no{
	display: inline-block;
	line-height: 72px;
	width: 72px;
	text-align: center;
	background:#004096 ;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	border-radius: 100%;

}
.recruit1_3 dt{
	font-size: 24px;
	color:#004096 ;
	font-weight: 700;
}
.recruit1_3 .flex{
	padding: 0 0 25px 0;
}
.recruit1_3{
	padding-bottom: 60px;
}
.recentry{
	border: 2px solid #000;
	background: #F0FF8B;
	max-width:1280px ;
	margin: 0 auto;
	width: 95%;
	border-radius: 40px;
	padding: 50px 0 30px 0;
	margin-bottom: 40px;
	display: none;

}
.recentry h3{
	text-align: center;
}
.recinfo td span{
	display: none;
}
.recinfo td span.activ{
	display: block;
}
.recentry .inn{
	width: 90%;
	margin: 0 auto;
}
.recentry p{
	text-align: center;
	padding: 0 0 20px 0;
}
.recentry li{
	padding: 0 0 20px 0;
	max-width: 50%;
}
.activ+.recentry{
	display: block;
}
.recinfo{
	background: #EEF1D6;
	padding: 30px 0 20px 0;
}
.recinfo h3{
	font-size: 24px;
	padding: 0 0 10px 0;
}
.recinfo table{
	width: 100%;
	border-collapse: collapse;
}
.recinfo th{
  font-weight: 400;
  font-size: 15px;
  border: 1px solid #ececec;
  background: #F2F2F2;
  text-align: left;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 220px;
}
.recinfo td{
  font-weight: 400;
  font-size: 15px;
  border: 1px solid #ececec;
  padding: 5px 10px;
  box-sizing: border-box;
  background: #fff;
  width: 620px;

}
.recinfo p{
	font-size:16px ;
	font-weight: 400;
	padding: 0 0 20px 0;
}
.recinfo .table{
	padding: 0 0 10px 0;
}
.recinfo .w840{
	width: 90%;
}
.recruit1_2 .table2 thead th{
	text-align: center;
}
.recruit1_3 dd{
	font-size: 14px;
	font-weight: 400;
}

@media only screen and (max-width: 1100px)  {
	.recruit1 .inner{
		border-radius: 14px;
	}
	.rec1_nav li{
		font-size: 16px;
		line-height: 140%;
	}

	.recentry h3{
		max-width: 180px;
		margin-left: auto;
		margin-right: auto;
	}
	.h2un{
		padding-left: 5%;
		padding-right: 5%;
	}
	.rec1_nav li{
		padding: 8px 0;
	}
}
@media only screen and (max-width: 599px)  {
	.h2un{
		padding-bottom: 20px;
	}
	.rec1_nav{
		max-width: 85%;
	}
	.rec1_nav li .sp{
		display: block;
	}
	.recruit1_3 p .no{
		width: 50px;
		line-height:50px;
		font-size: 16px;
	}
	.recruit1_3 dt{
		font-size: 16px;
	}
	.recruit1_3 dd{
		font-weight: 400;
		line-height: 160%;
	}
	.recruit1_3 p{
		margin-right: 6px;
	}
	.recruit1_3 dl{
		width: calc(100% - 56px);
	}
	.recentry li{
		width: 100%;
		text-align: center;
		max-width: none;
		padding-bottom: 0;
	}
	.recruit1 .inner .center{
		font-size: 16px;
	}
	.recinfo p{
		font-size: 12px;
	}
	.recruit1 h2{
		max-width: 260px;
		margin-left: auto;
		margin-right: auto;
	}
	.recruit1 .career-cta{
		max-width:260px ;
		margin-left: auto;
		margin-right: auto;
	}
	.recruit1 .table th,.recruit1 .table td,.recruit1 table th, .recruit1 table td{
		font-size: 14px;
	}
	.recruit1_2 .table2 tbody th.no+th{
		width: auto;
	}
	.faq .q p{
		font-size: 14px;
	}
	.recentry{
		border-radius: 20px;
	}
	.recinfo td,.recinfo th{
		font-size: 14px;
	}
	.rec1_nav li.career{
		padding-top: 1em;
	}
	.faq .a p{
		font-size: 14px;
	}
}

/*event*/
.event1{
	background:url(../images/recruit/bk1.png) 0 0 no-repeat #DEED81;
}
.eventslide .slides:nth-child(1){
	background-color: #52CED6;
}
.eventslide .slides:nth-child(2){
	background-color: #DEED81;
}
.eventslide .slides:nth-child(3){
	background-color: #FFC8C9;
}
.eventslide .slides:nth-child(4){
	background-color: #DEED81;
}
.eventslide .slides:nth-child(5){
	background-color: #18D39B;
}
.event1 .pic{
	text-align: center;
	padding: 0 0 40px 0;
}
.event1 .pic .sp{
	display: none;
}
.event1 .txt{
	text-align: center;
	padding-bottom: 60px;
}
.event1 .txt p strong{
	font-size: 24px;
	font-weight: 900;
}
.event1 .txt p{
	padding: 0 0 20px 0;
}
.eventslide .slides{

	background-image: url(../images/recruit/bk2.png);
	background-position: right 0;
	background-repeat: no-repeat;
	padding: 100px 0 60px 0;
}
.eventslide .slides:nth-child(2n){
	background-image: url(../images/recruit/bk1.png);
	background-position: 0 0;

}
.eventslide .slides:nth-child(2n+1){
	flex-direction:row-reverse;
}
.eventslide .slides:nth-child(2n) .wrap .slick-container{
	left: auto;
	right: 0;
}
.eventslide .slides .left{
	width: 48.44%;
	padding: 0 0 40px 0;
}
.eventslide .slides .right{
	width: 48.44%;
}
.eventslide .slides .wrap{
	margin: 0 20px;
	position: relative;
}
.eventslide .slides .wrap .slick-container{
	position: absolute;
	width: calc(65vw);
	top: 0;
	left: 0;
}
.eventslide .slides .wrap .slick-container .slick-slide{
	max-width: 576px;
	margin-left: 18px;
	margin-right: 18px;
}
.eventslide .slides .wrap .slick-container img{
	width: 100%;
}
.eventslide .slides .left .txt p{
	padding: 0 0 20px 0;
}
.eventslide .slides .left .txt{
	padding: 0 0 10px 0;
}
.eventslide .wbh3{
	padding-top: 0;
	text-align: left;
}
.eventslide .slides .q .tbox{
	width: calc(100% - 100px);
  display: inline-block;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(17, 17, 17);
  padding: 10px 30px;
  box-sizing: border-box;
  border-radius: 0px 40px 40px;
}
.eventslide .slides .q .tbox .in{
	padding: 40px 0;
}
.eventslide .slick-prev,.eventslide .slick-next{
	width: 46px;
	height: 46px;
}
.eventslide .slick-next:before{
	content: "";
	width: 46px;
	height: 46px;
	display: block;
	background: url(../images/recruit/event/next.svg) 0 0 no-repeat;
	opacity: 1;

}
.eventslide .slick-prev:before{
	content: "";
	width: 46px;
	height: 46px;
	display: block;
	background: url(../images/recruit/event/prev.svg) 0 0 no-repeat;
	opacity: 1;

}
.eventslide .slick-next{
	right: 0;
}
.eventslide .slick-prev{
	left: 0;
	z-index: 1;
}
.eventslide .slides:nth-child(2n)  .slick-prev{
	left: auto;
	right: calc(50% - 40px);
}
.eventslide .slides:nth-child(2n+1)  .slick-next{
	right: auto;
	left: calc(50% - 40px);
}
.eventslide .sph3{
	display: none;
}

@media only screen and (max-width: 900px)  {
	.eventslide .slides .left{
		width: 100%;
	}
	.eventslide .slides .right{
		width: 100%;
	}
	.eventslide .slides .wrap .slick-container{
		position: relative;
		top: auto;
		left: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.eventslide .slides:nth-child(2n) .slick-prev,.eventslide .slick-prev{
		right: auto;
		left: -5px;
	}

	.eventslide .slides:nth-child(2n+1) .slick-next,.eventslide .slick-next{
		left: auto;
		right: -5px;

	}
	.eventslide .slides .wrap{
		margin-bottom: 20px;
	}
	.eventslide .left h3{
		display: none;
	}
	.eventslide .slides .wrap{
		margin: 0;
	}
	.eventslide .slides .wrap .slick-container .slick-slide{
		max-width: none;
		margin-left:0;
		margin-right: 0;
	}
	.eventslide .slides .wrap .slick-container{
		width: auto;
		margin-bottom: 20px;
	}
	.eventslide .slides .q .pih{
		width: 40px;
	}
	.eventslide .slides .q .tbox{
		width: calc(100% - 56px);
	}
	.eventslide .sph3{
		display: block;
		text-align: center;
		padding: 0 0 30px 0;
	}
	.eventslide .slides{
		padding-top: 60px;
	}


}
@media only screen and (max-width: 599px)  {
	.event1 .pic .pc{
		display: none;
	}
	.event1 .pic .sp{
		display: block;
		margin: 0 calc(50% - 50vw);
	}
	.event1 h2{
		max-width: 210px;
		margin-left: auto;
		margin-right: auto;
	}
	.event1 .txt p strong{
		font-size: 20px;
	}
	.eventslide .slides .q .tbox{
		padding: 10px 16px;
		border-radius: 0px 30px 30px;
	}
	.eventslide .slides .q .tbox .in{
		padding: 10px 0;
	}
}
/*foot*/
.renav2{
	display: none;
	cursor: pointer;
	z-index: 10;
}
.renav2.sub{
	display: block;
	top:420px ;
	position: fixed;
	left: 50px;
}
.renav2.active{
	position: fixed;
	left: 2.5%;
	top: 20px;
	display: block;
}
.rnav{
	background: #DEED81;
	max-width: 412px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-412px);
	z-index: 12;
	-webkit-transition: ease .5s;
    transition: ease .5s;
	/* border-radius: 0 0 60px 0; */
}
.rnav .recnav{
	border: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
	overflow-y: auto;
	height: 100%;
	scrollbar-color: #FAF8D8 #DEED81;
    scrollbar-width: thin;
}
.rnav .recnav li .e{
	font-size: 40px;
	line-height: 120%;
}
.rnav .recnav li{
	margin-bottom: 30px;
	padding-left: 0;
}
.rnav .recnav ul{
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0;
}

.close{
	position: fixed;
	top: 90px;
	left: 444px;
	cursor: pointer;
	z-index: 12;
	display: none;
}
.rnav.action{
	transform: translateX(0);
}
.rnav.action+.close{
	display: block;
}
body.overlay .ovl{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 5;
}
@media only screen and (max-width: 599px)  {
	.rnav{
		width: 292px;
		height: 100%;
		border-radius: 0;
	}
	.rnav .recnav ul{
		padding: 40px 0 0 0;
	}
	.rnav .recnav li .e{
		font-size: 30px;
	}
	.close{

		left: 300px;
	}
	.renav2.sub{
		left: 10px;
	}
	.event1,.eventslide .slides,.recruit1{
		background-image: url(../images/recruit/bk2_sp.png);
	}
	.eventslide .slides:nth-child(2n){
		background-image: url(../images/recruit/bk1_sp.png);
	}
}

#event-introduction .event1,
#interviews .interwap,
#message .messwap,
#recruit .rehome1,
#requirements .recruit1,
#work-style .workst1,
#work .work1 {
	padding-top: 40px;
}

/* 採用ページ用のパンクズ設定 */
.pnav {
	margin-bottom: 0 !important;
}

main p,main li,main dd{
	letter-spacing: initial;
}

.recruit-nav {
	background-color: #f4f4f7;
}

#header .gnav ul li,
#footer .foot_cont dl,
#footer .foot_cont dl dt,
#footer .foot_cont dl dd,
#footer .foot_cont ul,
#footer .foot_cont ul li {
	font-size: 16px;
}

#footer .foot_cont dl,
#footer .foot_cont dl dt,
#footer .foot_cont dl dd,
#footer .foot_cont ul,
#footer .foot_cont ul li,
#footer .foot_bottom ul,
#footer .foot_bottom ul li,
#footer .foot_bottom p {
	font-weight: 400;
}