@charset "UTF-8";

@font-face {
	font-family: "游ゴシック";
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/YuGothL.eot') format('eot');
	src: url('../fonts/YuGothL.ttc') format("truetype"), url('../fonts/YuGothL.woff') format('woff');
}

@font-face {
	font-family: "游ゴシック";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/YuGothR.eot') format('eot');
	src: url('../fonts/YuGothR.ttc') format("truetype"), url('../fonts/YuGothR.woff') format('woff');
}

@font-face {
	font-family: "游ゴシック";
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/YuGothM.eot') format('eot');
	src: url('../fonts/YuGothM.ttc') format("truetype"), url('../fonts/YuGothM.woff') format('woff');
}

@font-face {
	font-family: "游ゴシック";
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/YuGothB.eot') format('eot');
	src: url('../fonts/YuGothB.ttc') format("truetype"), url('../fonts/YuGothB.woff') format('woff');
}

/* KozukaGothic */
@font-face{
    font-family: "小塚";
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/KozGoPr6N-Bold.otf) format("opentype"),
        url(../fonts/KozGoPr6N-Bold.woff) format("woff");
}

@font-face{
    font-family: "小塚";
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/KozGoPr6N-ExtraLight.otf) format("opentype"),
        url(../fonts/KozGoPr6N-ExtraLight.woff) format("woff");
}

@font-face{
    font-family: "小塚";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/KozGoPr6N-Medium.otf) format("opentype"),
        url(../fonts/KozGoPr6N-Medium.woff) format("woff");
}

@font-face{
    font-family: "小塚";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/KozGoPr6N-Regular.otf) format("opentype"),
        url(../fonts/KozGoPr6N-Regular.woff) format("woff");
}


/* KozukaGothic */
@font-face{
    font-family: "FederalServiceExtraBold";
    font-style: normal;
    font-weight: normal;
	src: url('../fonts/federalservicextrabold.eot') format('eot');
    src: url(../fonts/federalservicextrabold.ttf) format("truetype"),
        url(../fonts/federalservicextrabold.woff) format("woff"),
        url(../fonts/federalservicextrabold.woff2) format("woff2");
}



@font-face {
	font-family: "yuGothicUI";
	font-weight: normal;
	src: url("../fonts/YuGothUIM.eot");
	src: url("../fonts/YuGothUIM.woff") format("woff"),
		url("../fonts/YuGothUIM.ttc") format("truetype");
}

@font-face {
	font-family: "yuGothicUI";
	font-weight: bold;
	src: url("../fonts/YuGothUIB.eot");
	src: url("../fonts/YuGothUIB.woff") format("woff"),
		url("../fonts/YuGothUIB.ttc") format("truetype");
}

@font-face {
	font-family: centruty_gothic;
	font-weight: normal;
	src: url("../fonts/century_gothic.eot");
	src: url("../fonts/century_gothic.woff") format("woff"),
		url("../fonts/century_gothic.TTF") format("truetype");
}

@font-face {
	font-family: centruty_gothic;
	font-weight: bold;
	src: url("../fonts/century_gothicB.eot");
	src: url("../fonts/century_gothicB.woff") format("woff"),
		url("../fonts/century_gothicB.TTF") format("truetype")
}


body,html,.gothic{
	font-family: "centruty_gothic", "游ゴシック", "yuGothicUI";
}
.centruty{
	font-family: "centruty_gothic";
}
#page.is-fix {
	margin: 0;
}


.logo > a > img{
	width: 170px;

}
.FederalServiceExtraBold{
	font-family:FederalServiceExtraBold;
}


.gnavi .child .c_in, .gnav > ul{
	display: flex;
}

.gnavi > ul > li > span,
.gnavi > ul > li > a {

	font-size: 17px;
	font-weight: bold;
	padding: 25px 17px;
	display: block;
	line-height: 1;
	text-align: center;
}
.gnavi > ul > li > a > span > span{
	font-size: 14px;
	letter-spacing: 0.1em;
}

.h_info li a:after{
	display: none;
}

.h_info{
	display: flex;
}
.h_info li {
	display: flex;
	align-items: center;
	margin: 10px;
}

.h_info li a {
    text-decoration: none;
    background: #202567;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    width: 160px;
    border-radius: 0;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
}
.h_info li a.gray {
    background: #434547;
    color: #fff;
}


.h_info li a span{
	display: block;
	transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
}

.h_info li:last-child a{
	color: #FFF;
	background: #ff855a;
}

#loopslider, .main_visual .slider {
	position: absolute;
}
.main_visual .main_txt{
	display: block;
	position: static;
	z-index: 5;
	color: #FFF;
	text-shadow: 0 0 20px rgba(0, 0, 0, .4);
	line-height: 1.2;
	padding: 0;
}

.main_visual.act{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 813px;
}
.main_visualVideo video{
/* 	min-width:100%; */
/* 	min-height:100%; */
/* 	z-index:-100; */
/* 	position: relative; */
/* 	top: 50%; */
/* 	transform: translateY(-50%); */
}

@media screen and (min-width: 1145px){
/* 	.main_visual.act{ */
/* 		height: 813px; */
	}
}
.main_visual.act.ale{
	align-items: flex-end;
}
.main_visual.ale .main_txt {
	margin-bottom: 80px;
}

.main_visual.act {}

.main_visual .main_txt .catch{
	display: block;
	font-size: 150px;
	font-family: "小塚";
	font-weight: 200;
	margin-bottom: 30px;
	line-height: 1.33;
	z-index: 9;
	position: relative;
}
.main_visual .main_txt .catch .catchIn1.recruit{
	font-size: 68px;
	text-align: center;
}
.main_visual .main_txt .catch .catchIn1.recruit > span{
	font-size: 100px;
	letter-spacing: 0.3em;
}
.main_visual .main_txt .catch > .catchIn1,
.main_visual .main_txt .catch > .catchIn2{
	display: block;

}
.main_visual .main_txt .catch > .catchIn1{
	text-align: right;
}
.main_visual .main_txt .catch > .catchIn2{
	position: absolute;
	bottom: 0;
	right: 0;
}
.main_visual .main_txt .catch > .catchIn2 >img{
	width: 300px;
}

.index_recruit .imgarea {
	top: 110px;
}
.index_recruit .imgarea > img {
	width: 950px;
}

header span img{
	margin-top: 10px;
}




.viTxtW {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.viTxt {
	/* position: relative; */
	right: 40px;
	bottom: 40px;
	width: 32vw;
}

.viTxt img {
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 32vw;
}
.center .viTxt img {
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	margin:auto;
	width: 62vw;
}



.common_ttl05 strong:before{
	content: "";
	display: block;
	border-bottom: 2px solid #ff855a;
}
.common_ttl05 strong:after{
	content: "";
	display: none;
}

.index_mainCatch strong{
	font-size: 36px;
	font-weight: bold;
	line-height: 1.1;
}

p.txt{
	font-size: 15px;
	font-weight: normal;
	line-height: 2;
	letter-spacing: 0.15em;
}

.index_recruit .common_link a{
	margin: 50px 0 0;
	background: #ff855a;
	border-radius: 0;
}

.common_link a > span {
	display: block;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.15em;
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
}


.common_link a > span > span{
	font-size: 15px;
}




.index_gray_wrapper{
	padding-bottom: 0;
	background: #FFF;
}

.index_info .title-area{
	text-align: center;
	margin: 0 auto;
}
.mt.index_info{
	margin-top: 60px;
}
span.title{
	font-size: 30px;

	font-weight: bold;
	line-height: 1;
}
span.title > span{
	font-size: 15px;
	letter-spacing: 0.25em;
}



/* 文字部分画像で */
.index_nav li .in .ttl .en {
    font-size: 62px;
    margin-bottom: 20px;
    font-weight: normal;
    letter-spacing: -0.1em;
}

.index_nav li .in .ttl .jp {
    font-size: 103px;
    margin-bottom: 20px;
    font-weight: normal;
}
.index_nav li .in .ttl:after{
    display: none;
}

.index_nav li .in .txt{
	font-size: 37px;
	letter-spacing: 0.25em;
	font-weight: normal;
}

.index_nav li .in .link p {
    margin: 0 auto;
    background: #202567;
    display: block;
    color: #FFF;
    border-radius: 0;
    padding: 10px;
    width: 230px;
    position: relative;
    padding: 15px;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transition: all .3s ease;
}
.index_nav li .in .link span {
    margin: 0 auto;
    color: #FFF;
    background: #202567;
    transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    display: block;
    font-size: 14px;
    font-weight: 700;
}
.index_nav li .in .link p:hover, .index_nav li .in .link p:focus {
	opacity: 0.8;
}

 .index_nav li .in .link p span::after {
 	display: none;
 }


/* RECRUIT */
.f_partner .catch_area{
	position: relative;
	text-align: center;
	margin-bottom: 120px;
}


.catch01{
	margin-bottom: 30px;
}

.catch01 span{
	font-size: 18px;

	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.1em;
}



.recruit-area > p{
	font-size: 30px;

	font-weight: bold;
	color: #FFF;
	margin-bottom: 40px;
}

.recruit-area p.recruit-content{
	font-size: 16px;

	font-weight: normal;
	color: #FFF;
}




.common_link a {
    margin: 0 auto;
    text-decoration: none;
    display: block;
    background: #ff855a;
    width: 340px;
    overflow: hidden;
    color: #fff;
    padding: 25px;
    border-radius: 0;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
}
.common_link a::after{
	display: none;
}

.common_link a span{
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
}


.index_info .common_ttl01{
	text-align: left;
	margin-bottom: 120px;
}

.common_ttl01 > span{
	font-size: 30px;

	font-weight: bold;
	letter-spacing: 0.15em;
	border: none;
	text-align: center;
	line-height: 1.2;
}

.common_ttl01 > span > span{
	font-size: 12px;
	border: none;
}


/* NEWS */
.index_info .ttl_area .link a{
	display: inline-block;
	background: #ff855a;
	color: #FFF;
	text-align: center;
	overflow: hidden;
	font-size: 14px;

}

.index_info .ttl_area .link a {
    padding: 7px;
    border: none;
    width: 140px;
    position: relative;
    font-size: 12px;
    font-weight: 700;
    transform: skewX(-20deg);
    transition: all .3s ease;
    border-radius: 0;
}

.index_info .ttl_area .link a span{
	position: relative;
	display: block;
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	font-size: 14px;

}

.index_info .ttl_area .link a::after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    display: block;
    position: absolute;
    top: 20%;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    right: 15px;
}

.index_nav li .in .link span::after{
	display: none;
}


.post_list li a{
	padding: 14px 20px;
	overflow: hidden;
	border-bottom: 1px dashed #ccc;
}
.post_list li:first-child a {
    border-top: none;
}
.post_list li:last-child a {
    border-bottom: none;
}
.ctn_position .post_list li a{
	border: none;
}


.post_list li a .post_meta {
    float: left;
    margin: 0;
}
.post_meta .date{
	display: inline-block;
	color: #ffb39d;
	margin-right: 60px;
	font-size: 14px;

	font-weight: normal;
}

.single_post_content .meta_area .date {
    display: inline-block;
    color: #ff855a;
    font-size: 14px;
    margin-right: 20px;

	font-weight: normal;
}

.post_list li a .post_label_list{
	display: inline-block;
	width: 90px;
	margin-right: 25px;
}

/* news category */
.post_label_list span{
    padding: 5px 10px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    font-weight: 700;
    text-align: center;
    width: 90px;
}

.ctn_area.ctn_items .post_label_list span.media,
.ctn_area.ctn_items.ctn_position .post_label_list span.media,
.post_label_list span.media{
	border: 2px solid #0c8400;
	color: #0c8400;
}

.ctn_area.ctn_items .post_label_list span.media.active,
.ctn_area.ctn_items.ctn_position .post_label_list span.media.active,
.post_label_list span.media.active{
	border: 2px solid #0c8400;
	background-color: #0c8400;
	color: #FFF;
}

.ctn_area.ctn_items .post_label_list span.recruit,
.ctn_area.ctn_items.ctn_position .post_label_list span.recruit,
.post_label_list span.recruit{
	border: 2px solid #171c61;
	color: #171c61;
}

.ctn_area.ctn_items .post_label_list span.recruit.active,
.ctn_area.ctn_items.ctn_position .post_label_list span.recruit.active,
.post_label_list span.recruit.active{
	color: #FFF;
	background-color: #171c61;
}



.ctn_area.ctn_items .post_label_list span.company,
.ctn_area.ctn_items.ctn_position .post_label_list span.company,
.post_label_list span.company{
	border: 2px solid #ff855a;
	color: #ff855a;
}

.ctn_area.ctn_items .post_label_list span.company.active,
.ctn_area.ctn_items.ctn_position .post_label_list span.company.active,
.post_label_list span.company.active{
	background-color: #ff855a;
	color: #FFF;
}


.ctn_area.ctn_items .post_label_list span.all,
.ctn_area.ctn_items.ctn_position .post_label_list span.all,
.post_label_list span.all{
	border: 2px solid #333333;
	color: #333333;
	background: #FFF;
}

.ctn_area.ctn_items .post_label_list span.all.active,
.ctn_area.ctn_items.ctn_position .post_label_list span.all.active,
.post_label_list span.all.active{
	background: #333333;
	color: #FFF;
}
.ctn_area.ctn_items .post_label_list span.other,
.ctn_area.ctn_items.ctn_position .post_label_list span.other,
.post_label_list span.other{
	border: 2px solid #ababab;
	color: #ababab;
}


.ctn_area.ctn_items .post_label_list span.other.active,
.ctn_area.ctn_items.ctn_position .post_label_list span.other.active,
.post_label_list span.other.active{
	background-color: #ababab;
	color: #FFF;
}

/* ./category */

.post_list li a .ttl{
	overflow: hidden;
	display: block;
	font-size: 14px;

	font-weight: normal;
	color: #3e3e3e;
	margin: 10px 0;
}


/* news_detail page */
.content_area.col-lg-6{
	display: inline-flex;
	padding: 0;
	flex-basis: 50%;
	max-width: 49%;
}
.img-area{
	margin: 20px 10px 20px 0;
	width: 100%;
}
.img-size{
	width: 100%;
}
.content_area.col-lg-12{
	padding: 0;
}
p.border-line{
	margin: 50px 0;
	border-bottom: 2px solid #ededed;
	width: 100%;
}

.sub-title.category{
	display: block;
	line-height: 3;
	width: 100%;
	white-space: nowrap;
	position: relative;
}
.sub-title.category:after{
	content: "";
	display: block;
	width: 85px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000;
}
.newsLinkArchive{
	margin-top: 30px;
}
.newsLinkArchiveIn{

}
.newsLinkArchiveLi{
	position: relative;
	padding-left: 15px;
}
.newsLinkArchiveLi:before{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	left: 0;
	top: 10px;
	background-color: #000
}
.newsLinkArchiveLi.active{
	color: #ff855a;
}
.newsLinkArchiveLi.active:before{
	background-color: #ff855a;
}
.newsListArea strong{
	font-weight: normal;
}

/* Coco Gothic font */
.sub-title.category span{
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0 10px;
}

.ctn_area.ctn_items ul{
	display: inline-flex;
	justify-content: flex-start;
}
.ctn_area.ctn_items ul li {
	padding: 25px 20px 25px 0;
}
.ctn_area.ctn_items ul li a{
	border: none;
	padding: 0 10px 0 0;
}

.ctn_area.ctn_items .post_label_list span{
    padding: 13px 11px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    width: 120px;
    letter-spacing: 0.2222em;
}

/* News page */
.ctn_area.ctn_items.ctn_position .post_label_list span{
    padding: 5px 10px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    font-weight: 700;
    text-align: center;
    width: 90px;
    font-size: 14px;
    letter-spacing: 0.001em;
}
.ctn_area.ctn_position{
	text-align: center;
}

.crumbs li:last-child a:after{
	display: none;
}

.index_info{
	padding: 0;
}





/* footer */
.l-footer{
	padding-top: 0;

}
.l-footer .add{
	font-size: 16px;

	font-weight: normal;
	color: #000;
}
.l-footer .add > span{
	font-size: 14px;

	font-weight: normal;
	color: #000;
}

.l-footer .common_link{
	margin-bottom: 20px;
}

.l-footer .common_link a{
	background: #202567;
	color: #FFF;
	font-size: 16px;
	transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
}

.l-footer .common_link a span{
	display: block;
	font-size: 14px;
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
}

.f_info .add {
    margin: 30px 0 20px;
}

.f_menu .bnr_area a{
	padding: 0;
	border: none;
	text-align: left;
}
.f_menu .bnr_area a::before{
	display: none
}

.f_menu .bnr_area a .txt{
	font-size: 18px;

	font-weight: bold;
	color: #ff855a;
	line-height: 1.3;
	text-align: left;
	padding-left: 0;
}

.f_menu .bnr_area a .txt strong {
    color: #ff855a;
    font-size: 30px;
    font-weight: bold;
    transition: all .3s ease;
}

.f_menu .bnr_area a .txt span{
	font-size: 18px;

	color: #000;
	font-weight: bold;
	letter-spacing: -0.1em;
}

.f_menu .bnr_area a .img {
    display: inline-block;
    vertical-align: middle;

}

.f_menu_list .list>li>span{
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.f_menu_list .list li ul li a {
    position: relative;
    padding-left: 0;
}
.f_menu_list .list li ul li {
    margin-bottom: 5px;
}

.f_menu_list .list li ul li a::before {
	display: none;
}


/* company */
.concept_sec{
	padding-bottom: 0;
	background: #FFF;
}

h2.ttl{
	text-align: center;
	margin-top: 20px;
}

.concept_sec_lead{
	max-width: 800px;
	margin: 10px auto !important;
}


.business_sec_ttl{
	padding-bottom: 50px;
}


.business_sec_ttl.noPb{
	padding-bottom: 0;
}


.common_ttl06 strong{
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
}

.common_ttl06.ty2 strong{
	font-size: 56px;
	line-height: 1;
	letter-spacing: 0.3em;
}

.common_ttl06.ty2 strong > hr{
	margin-top: 20px;
}
.common_ttl06 strong > hr{
	width: 3%;
	display: block;
	margin: 0 auto;
	border-color: #ff855a;
	background-color: #ff855a;
	color: #ff855a;
	border: 1px solid;
}
.common_ttl06 strong span{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.13em;

}

.forHappyWrap{
	margin-bottom: 30px;
}

.forHappy{
	font-size: 60px;
	letter-spacing: 0.2em;
	font-weight: normal;
	line-height: 1;
}

.factory_head{
	padding: 0;
	margin-bottom: 30px;
}
.factory_head .imgarea{
	top: 30%;
}

.index_mainCatch .em::before {
    display: none;
}
.index_mainCatch .em::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 20%;
    background: #ffa57e;
    height: 20%;
    width: 100%;
    z-index: -1;
}
.factory_head::after {
    display: none;
}



.m-company.page-message {
    position: relative;
    background: linear-gradient(#f6f6f6 100%, transparent 87%);
    padding-top: 420px;
    padding-bottom: 60px;
    margin-top: 0;
}

.message_ceo .container::before {
    display: none;
}
.message_ceo .container > img{
	left: -80px;
    top: -120px;
    width: 130px;
    height: 130px;
	display: block;
	position: absolute;
}

.profile_overview table tr{
	border-bottom: 1px solid #e4e4e4;
	padding: 15px 0;
	margin-bottom: 0;
}
.profile_overview table tr:first-child{
	border-top: 1px solid #e4e4e4;
}



/* CocoGothic */
.common_ttl06.en strong {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
}
.common_ttl06.en strong span{

	font-size: 18px;
	font-weight: bold;
}
.common_ttl06.en strong span span{

	font-size: 48px;
	font-weight: bold;
}

.common_ttl06.en strong > hr {
    width: 3%;
    display: block;
    border-color: #000;
    border: 1px solid;
    margin: 10px 0;
}
.message_ceo_ctn::before {
    display: none;
}


.business_sec_ttl {
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}

.index_info .ctn_area{
	width: 100%;
}

ul.history{
	display: flex;
	flex-direction: column;

	font-size: 16px;
	font-weight: normal;
}
ul.history li{
	padding: 20px 0;
	border-bottom: 1px solid #e4e4e4;
}
ul.history li .post_meta{
	display: inline-flex;
	white-space: nowrap;
}
ul.history li .post_meta strong{

	font-size: 16px;
	font-weight: bold;
}

ul.history li span.history-img{
	display: inline-flex;
	justify-content: flex-start;
	margin-top: 10px;
}
ul.history li span img{
	margin-right: 10px;
}

.access_con{
	text-align: center;
}
.access_con > strong{
	font-size: 24px;

	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.access_con > strong:after{
	content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 20%;
    background: #ffa57e;
    height: 20%;
    width: 100%;
    z-index: -1;
}
.access_way{
	text-align: center;
}
.access_way ul{
	align-items: center;
	display: inline-flex;
}
.access_way ul li{
	display: flex;
	align-items: center;
	margin: 20px;
	border-right: 1px solid #d7d7d7;
	height: 80%;
}
.access_way ul li:last-child{
	border-right: none;
}
.access_way ul li span{

	font-size: 18px;
	font-weight: bold;
}
.access_way ul li span span{

	font-size: 14px;
	font-weight: normal;
	margin: 0 10px;
}


/* modal window */
.modal_ttl_img{
	max-width: 100%;
}
.modal_ttl_img img{
	max-width: 100%;
}
.modal_ttl_img .modal_img img{
	max-width: 50%;
}

.modal_contents{
	display: block;
	margin: 10px;
}
.modal_contents .modal_ttl{
	position: relative;
	display: block;
	margin: 20px 10px;
	max-width: 100%;
}
.modal_contents .modal_ttl > span > img{
	position: absolute;
	top: -40px;
	left: -20px;
	display: inline-flex;
	max-width: 100%;
}
.modal_ttl h1 {
	font-size: 36px;
	font-family: "游ゴシック"　san-serif;
	font-weight: bold;
	margin-left:135px;
	letter-spacing: 0.1em;
	text-align: left;
}

.modal_contents .modal_mes{
	margin: 20px 0;
	align-items: left;
}
.modal_contents .modal_mes h2.modal_ttl02{
	display: flex;
	font-size: 24px;
	font-weight: bold;
	margin: 15px;
}
.modal_contents h2 > span{
	margin-right: 15px;
}
.modal_contents h2 > span > span{
	margin-left: 15px;
}

.modal_contents h2.modal_ttl02 > span > span{
	border-left: 1px solid #000;
	padding-left: 15px;
}

@media screen and (max-width: 991px){
	.modal_contents h2.modal_ttl02 > span > span{
	border-left: 1px solid #000;
	padding-left: 15px;
	}

}
@media screen and (max-width: 767px){
	.modal_contents h2.modal_ttl02 > span > span{
	border-left: 0;
	padding-left: 0;
	margin: 0
	}
	.modal_contents h2 > span{
	    text-align: left;
	}

	.modal_contents h2.modal_ttl02 {
	margin: 0 auto;
	}
}

.modal_contents .modal_mes p{
	font-size: 16px;
	font-weight: normal;
	font-family: "游ゴシック"　san-serif;
	line-height:
}
.modal_mes table{
	margin: 20px 10px;
	max-width: 100%;
	display: flex;
}
.modal_mes table tr{
	border-bottom: 1px solid #e4e4e4;
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
	margin-bottom: 0;
}

.remodal-cancel {
    color: #000;
    background: #FFF;
}



/* contact form */
.container_in{
	margin: 0 100px;
}
.contactForm{
	margin: 0 auto;
}

span.color{
	content: "";
	color: #ff6b6b;
	font-size: 13px;
	font-weight: normal;

	display: block;
}

.contactForm input[type=radio]:checked:after {
    background: #6c6c6c;
}

p.head_list{

	font-size: 13px;
	font-weight: normal;
}
.contact_in p{

	font-size: 13px;
	font-weight: normal;
	margin: 10px 0;
}

.common_table tr{
	margin-bottom: 35px;
}
.common_table tr:first-child td,
.common_table tr:first-child th {
    border-top: none;
}
.common_table td, .common_table th {
    border: 0;
    border-bottom: none;
    padding: 3px 0;
    text-align: left;
    display: flex;
}
.common_table th {
    width: 200px;
}
input[type=text], textarea {
	border: 1px solid #d8d8d8;
}

.common_table td{
	color: #d8d8d8;
}
.contactNotice{
	width: 95%;
	height: 275px;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #f6f6f6;
	margin-bottom: 65px;
	margin-top: 50px;
}
.contactNotice h3.ttl{
	margin: 20px 0 10px 23px;
}
.contactNotice hr{
	width: 90%;
    display: block;
    border: 1px solid #000;
    margin: 0 5px 10px 23px;
}
.contactNotice p{
	padding: 20px 32px 9px 26px;

	font-size: 13px;
	font-weight: normal;
}

p.security{
	text-align: center;
	margin-top: 20px;

	font-size: 18px;
	font-weight: bold;
	margin-bottom: 65px;
}
.contactForm input[type=checkbox]:checked::after {
    position: absolute;
    content: "";
	border-right: 4px solid #000;
    border-bottom: 4px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btnArea {
    text-align: center;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
    background: #bcbcbc;
    color: #fff;
    padding: 0;
    width: 190px;
    height: 50px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 0;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
}
input[name=submitConfirm],
.submitConfirm {
	text-align: center;
    background: #bcbcbc;
    color: #fff;
    position: absolute;
    padding: 0;
    width: 190px;
    height: 50px;
    border: 0;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 0;
    transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
}



h2.ttl.imgIn {
	margin-bottom: 30px;
}
.index_nav li.nav01 a {
	background-image: url("../img/ooedo_bk.png");
}
.index_nav li.nav02 a {
	background-image: url("../img/ikinoya_bk.png");
}

.index_nav li.nav03 a {
	background-image: url("../img/joukamachi_photo1.png");
}

.catch02{
	text-align: center;
}
.catch02 > *{
	display: block;
	margin:  0 auto
}

.f_partner .catch_area .catch02{
	position: static;
}
.f_partner *{
	color: #FFF;
}
.minRec{
	margin-top: 5px;
}
.SubRec{
	margin-top: 20px;
	font-size: 28px;
	font-weight: bold;
}
.DescRec{
	margin-top: 10px;
	font-size: 16px;
}

.f_partner {
	background: url(../img/top_recruit.jpg) no-repeat;
	background-size: cover;
		background-position: center;
	border-bottom: 0;
}

.newsBg{
	background: url(../img/news_bg.jpg) no-repeat center center;
	padding: 50px 0;
}

.newsBg > .newsBgIn{
}
.newsBg > .newsWrap{
	display: flex;
	justify-content: flex-start;
}
.animation .anim_elm.scale.newsWrap{
	padding: 60px 50px;
}

.index_info .ctn_area {
	width: 100%;
}

.ttl_area.ttl1{
	width: 200px;
}
.ttl_area.ttl1.s2 {
	width: 300px;
}
.ttl_area.ttl1.s2 > img {
	width: 300px;
	margin-bottom: 10px;
}

.ctn_area.ttl2{
	width: calc(100% - 200px);
}
.ctn_area.ttl2.s2 {
	width: calc(100% - 350px);
	margin: 0 25px;

}

.common_ttl01 span{
	display: inline;
}
.recHover{
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 10;
	width: 15vw;
}



.newsMenuTtl{
	display: block;
}

.index_mainCatch.size2{
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}
.index_mainCatch.size2 strong{
	font-size: 24px;
	line-height: 60px;
}
.tx-center{
	text-align: center;
}
.tx-center_rec{
	text-align: center;
	padding: 0 15px
}

.tx-left{
	text-align: left;
}

.comapnyLogoImage{
	width: 480px;
	margin-bottom: 30px;
}

/* NEWS detal */
/* title 共通 */
.lower_ttl_main{
	font-size: 56px;
	font-weight: bold;
	font-family: "游ゴシック"　san-serif;
	line-height: 0.8;
}
  /* CocoGothicで */
.lower_ttl_main span{
	font-size: 24px;
	font-weight: bold;
}


article{
	display: block;
	margin-bottom: 80px;
}

.swingIcon{
	animation-name: swingIcon;
	animation-timing-function: linear;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
.iconHov{
	position: relative;
}
.iconHovImg{
	position: absolute;
}
.iconHovImg.lt{
	left: -60px;
	top: -60px;
}
.iconHovImg.rb{
	right: -60px;
	bottom: -60px;
}
.iconHovImg.rt{
	right: -52px;
	top: -60px;
}
.iconHovImg.lb{
	left: -60px;
	bottom: -60px;
}

.iconHovImg.maguro{
	top: -10px;
	width: 150px;
}
@media screen and (max-width: 991px){
	.iconHovImg.sp-rt{
		right: -60px;
		top: -60px;
	}
	.iconHovImg.sp-lb{
		left: -60px;
		bottom: -60px;
	}
}

.contactConceptBox{

}
.contactConceptBoxIn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
}
.contactConceptBoxTxt{
	position: absolute;
}
.contactConceptBoxTxt.p1{
	top: 0;
	left: 100px;
}
.contactConceptBoxTxt.p2{
	top: 0;
	right: 100px;
}
.contactConceptBoxTxt.p3{
	bottom: 0;
	left: 100px;
}
.contactConceptBoxTxt.p4{
	bottom: 0;
	right: 100px;
}
.contactConceptBoxTxt1{
	font-size: 24px;
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
}
.contactConceptBoxTxt2{
	font-size: 60px;
	font-weight: bold;
	display: block;
}

.ex1 {
  opacity : 0;
}
.ex1 span {
    position: relative;
    top: 10px;
    left: 10px;
    opacity: 0;
  }

.ex2 {
  opacity : 0;
  span {
    position: relative;
    left: -10px;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
.ex2 span {
    position: relative;
    top: 10px;
    left: 10px;
    opacity: 0;
  }

strong.message{
	font-size: 24px;

}
.conceptTable tr{
	display: flex;
}
.contactTable tr{
		display: block;
	margin-bottom: 20px;
}
.conceptTable tr td, .contactTable tr td{
	color: #3e3e3e;
}
.conceptTable tr th{
	width: 120px;
	margin-right: 0;
}
.conceptTable.s2 tr{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;
}
.conceptTable.s2 tr th{
	width: 240px;
	margin-right: 0;
}
.thColorOrange.conceptTable tr th{
	color: #ffa57e;
}
.hisImgBox{
	display: flex;
	flex-direction: column;
}
.bgW{
	background-color: #FFF
}
.m-company.companyArea{
	margin-bottom: 130px;
}
.m-company.companyArea .business_sec_ttl{
	padding-top: 80px;
	padding-bottom: 0;
}
.common_link{

}

.company.common_link{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.company.common_link img{
	margin-right: 20px;
}
.common_link_text{
	text-align: left;
}
.ttl.imgIn{
	width: 239px;
	margin: 0 auto 20px auto;
}
@media screen and (max-width: 991px){
	.ttl.imgIn.s3 {
		width: 159px;
		margin: 0 auto 20px auto;
	}
}

.ttl.imgIn.ty2{
	width: 114px;
	margin: 0 auto 20px auto;
}
.storeSnsIcon{
	display: flex;
	justify-content: center;
	align-items: center;
}
.storeSnsIcon > a{
	margin:0 10px;

}
.storeSnsIcon > a > img{
	width:60px;

}


.remodal {
	max-width: 800px;
}
.recMainMsg{
	font-size: 21px;
/* 	letter-spacing: 0.2em; */
	line-height: 52px;

}
h3.recMainMsg{
	font-size: 40px;
	line-height: 75px;
	font-weight: normal;
}


.ceoMsg{
	font-size: 18px;
}

.f_partner.recruit{
	margin: 120px 0 80px 0;
	padding: 20px 0 80px 0;
}


*.fc-b{
	color: #333;
}
*.fc-orange{
	color: #ff855a;
}

.fullWidImg{
	max-width: 1920px;
	width: 100%;
	margin-bottom: 60px;;
}


.recruitAnsBoxArea{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruitAnsBox{
	flex-basis: 48%;
	margin-bottom: 30px;
}
.recruitAnsBoxTtlArea{
	font-size: 16px;
	letter-spacing: 0.2em;
}
.recruitAnsBoxTtlArea{
	font-size: 16px;
	letter-spacing: 0.2em;
	padding:10px 0 10px 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #fed0bf;
	position: relative;
	margin-bottom: 10px;
}
.recruitAnsBoxTtlArea:before{
	content:"";
	position:  absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: block;
	width: 55px;
	height: 2px;
	background-color: #ff0000;
}
.recruitAnsBoxTtl{
	font-size: 16px;
	letter-spacing: 0.2em;
}
.recruitAnsBoxDtlArea{
	font-size: 16px;
/* 	letter-spacing: 0.2em; */
	line-height: 25px
}

.recImageArea{
	margin-bottom: 60px;
}
.recImageArea > img{
	max-width: 100%;
	width: 100%;
}

.pointer{
	cursor: pointer;
}

.copy{
	font-weight: 200;
}

@media screen and (min-width: 1476px){
	.sp{
		display: none
	}
	.pc_max{
		display: none;
	}
	.sp_min{
		display: none;
	}
}

@media screen and (max-width: 1475px){
	.sp_min{
		display: none;
	}
	.sp{
		display: none
	}
	.pc{
		display: inline;
	}

	.contentSmWrap{
		width: 1080px;
		margin: 0 auto
	}
	.iconHovImg{
		width: 160px;
		height: 160px;
		object-fit: contain;
		font-family: "object-fit: contain;";
	}
	.smIcon{
		width: 120px;
		height: 120px;
	}
	.l-footer{
		padding-top: 40px;
	}
	.iconHovImg.smlb{
		left: 0px;
		bottom: -60px;
	}
	.index_nav {
		max-width: none;
		width: calc(100% - 20px);
		margin-left: auto;
		margin-right: auto;
	}
	*.bondimg{
		height: 160px;
	}
}


@media screen and (max-width: 1100px){
	.sp_min{
		display: none;
	}
	.contentSmWrap{
		width: calc(100% - 20px);
	}
}
.crumbs > ul a:hover{
	color: #ff855a;
}
.page-profile {
	margin-bottom: 20px;
}
.concept_cv .cv_btn li:last-child .common_link a::before, .f_partner .cv_btn li:last-child .common_link a::before, .h_info li:last-child a::before, .popup_partner .cv_btn li:last-child .common_link a::before {
	background: #c7c7c7;
}

.remodal-close:before {
	font-size: 65px;
	left: 10px;
	top: 10px;
}
.modal_contents .modal_mes h2.modal_ttl02.modalINMar,
.modalINMar{
	margin-left:  20px;
	margin-right:  20px;
}

.radio label {
	margin: 0 55px 0 0;
}
.main_visualVideo{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.animation .anim_elm.sliding::before {
	background: #171c61;
}
.f_info .snsList li a:hover, input[name=submitConfirm]:hover {
	background: none;
}
.recIntImgAfterTtl{
	font-weight: bold;
	font-size:24px;
	letter-spacing: 0.2em;
	position: relative;
	margin-bottom: 30px;
}
.recIntImgAfterTtl span{
	font-size:16px;
	letter-spacing: 0.1em;
}
.recIntImgAfterTtl:after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 30px;
	height: 2px;
	background-color: #333;
	display: block;
}
.recIntImgAfterTtl2{
	font-size: 14px;
	line-height: 1.73;
}
.interviewTtl{
	font-size: 16px;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.interviewTtl:before{
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	margin-right: 20px;
	background-color: #333;
}
.interviewAns{
	font-size: 16px;
/* 	letter-spacing: 0.2em; */
	line-height: 26px;
	margin-bottom: 40px
}

.interviewSubTtl{
	font-size: 24px;
	letter-spacing: 0.05em;
	margin-bottom:30px;;
	position: relative;
	display: inline-block;
}

.interviewSubTtl:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	display: block;
	width: 100%;
	height: 7px;
	z-index: -1;
	background-color: #ff855a;
	opacity: 0.5;
}

.entryBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0 60px;
	width: 100%;
}
.entryBtn a {
	color: #FFF;
	background: #ff855a;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
	letter-spacing: 1px;
	overflow: hidden;
	position: relative;
	width: 160px;
	border-radius: 0;
	transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
}

.entryBtn a span {
	display: block;
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
}

.entryBtn a span img{
	position: relative;
	top: 11px;
}
.erWrap{
	position: relative;
}

.erWrap .error{
	position: absolute;
	bottom: -22px;
	left: 0;
	color: red;
	font-size: 12px;
}

.erWrap.erCenter .error{
	display: block;
	width:100%;
	text-align: center;
}
.3.main_visualVideo video{
	position: absolute;
	width: 100%;

}

.txcernter{
	display: flex;
	justify-content: center;
	align-items: center;
}




@media screen and (max-width: 1160px){
/* 	.main_visualVideo{ */
/* 		position: static; */
/* 		height: auto; */
/* 	} */
/* 	.main_visualVideo video{ */
/* 		width: 100%; */
/* 		height: auto; */
/* 	} */
}


.page-id-321 .lower_ttl, .page-id-contact .lower_ttl, .parent-pageid-321 .lower_ttl {
	color: #333;
}





@keyframes swingIcon{
	0% {
		transform: rotate(0deg);
    }
    25% {
		transform: rotate(-10deg);
    }
    50% {
		transform: rotate(0deg);
    }
    75% {
		transform: rotate(10deg);
    }
    100% {
		transform: rotate(0deg);
    }
}


.pager{
	display: flex;
	justify-content: flex-start;
	align-content: center;
}
.pager > li{

}

.pager > li a{
	display: flex;
	justify-content: center;
	align-content: center;
	width: 30px;
	height: 30px;
	border: 2px solid #171c61;
	margin: 10px;
	background-color: #FFF;
	color: #171c61;
	font-weight:bold;
	text-decoration: none;
}


.pager > li a:hover, .pager > li a.active{
	color: #FFF;
	background-color: #171c61;
}


.spShow,.spShow-flex,.spShow-inline{
	display: none;
}

.btnHeader{
	position: relative;
}

.btnHeader > .btnHeaderJ{
	position: relative;
	top: -5px;

}

.btnHeader > .btnHeaderJ > img{
	position: relative;
	top: 5px;

}

.btnHeader > .btnHeaderE{
	position: absolute;
	z-index: 2;
	bottom: -10px;
	left: 60px;
	font-size: 11px
}
.btnHeader > .btnHeaderE.pos2{
	left: 75px;
}

@media screen and (max-width:1475px){
	.ttl.imgIn {
		width: 200px;
		margin: 0 auto 10px auto;
	}
	.ttl.imgIn.ty2 {
		width: 84px;
		margin: 10px auto 0px auto;
	}
	.ttl.imgIn.s3 {
		width: 200px;
		margin: 0 auto 10px auto;
	}
}

@media screen and (min-width: 992px){
	.hisImgBox_1 img{
		width: 230px;
		margin-top: 15px;
	}
}

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

	.pc{
		display: none;
	}


	*.spttl span{
		text-align: center;
	}


	.main_visual .slider .img01 img{
		width: 100%;
		height: 100%;
		object-fit: cover;

	}
	.main_visual .main_txt .catch .catchIn1.recruit {
		font-size: 28px;
	}
	.main_visual .main_txt .catch .catchIn1.recruit > span {
		font-size: 30px;
		letter-spacing: 0.3em;
	}

	.common_ttl06.ty2 strong {
		font-size: 36px;
	}

	.recMainMsg {
		font-size: 16px;
/* 		letter-spacing: 0.2em; */
		line-height: 28px;
	}
	h3.recMainMsg {
		font-size: 20px;
		line-height: 40px;
		letter-spacing: 0.2em
	}
	.forHappy {
		font-size: 28px;
	}
	.index_info, .index_nav li .in {
		flex-wrap: wrap;
	}
	.ttl_area.ttl1,
	.ttl_area.ttl1.s2,
	.ctn_area.ttl2,
	.ctn_area.ttl2.s2 {
		width: 100%;
	}
	.ttl1{
		order:1;
	}
	.ttl2{
		order:2;
	}
	.ttl_area.ttl1{
	margin-bottom: 20px;
	}
	.ttl_area.ttl1 > img{
		width: 100%;
	}
	.ceoMsg {
		font-size: 16px;
	}
	.animation .anim_elm.scale.newsWrap {
		padding: 30px 25px;
	}
	.recruitAnsBox {
		flex-basis: 100%;
		margin-bottom: 30px;
	}
	.ttl_area.ttl1.s2 > img {
		width: 300px;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.interviewSubTtl {
		font-size: 20px;
	}
	.conceptTable tr {
	flex-wrap: wrap;
	}
	.conceptTable th,
	.conceptTable td {
		width: 100%;
	}
	.h_info li a {
		font-size: 12px;
		width: 110px;
		line-height: 38px;
	}
	.h_info {
		top: 7px;
	}
	.h_info li {
		margin: 0px;
	}

	header span img {
		margin-top: 7px;
	}

	.SubRec {
		margin-top: 40px;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.13;
	}

	.index_info .common_ttl01 {
		text-align: left;
		margin-bottom: 0;
	}
	.post_list li a .post_meta {
		float: none;
	}
	.modal_ttl img{
		width: 100px
	}
	.modal_ttl h1 {
		font-size: 18px;
		margin-left: 75px;
	}
	.remodal {
		padding: 20px;
	}
	.contactConceptBoxTxt.p1,
	.contactConceptBoxTxt.p3{
		left: 0;
	}
	.contactConceptBoxTxt.p2,
	.contactConceptBoxTxt.p4{
		right: 0;
	}
	.contactConceptBoxTxt1 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	.contactConceptBoxTxt2 {
		font-size: 37px;
	}

	.spPos1{
			left: 0px;
	}
	.spPos2,
	.iconHovImg.spPos2{
		left: 0;
		top: -70px;
		width: 100px;
	}
	.spPos3,
	.iconHovImg.spPos3{
		right: 0;
		top: -70px;
		width: 100px;
	}


	.hisImgBox span{
	display: flex;
	width: 100%;
	}
	.hisImgBox span img{
		flex-basis: 100%;
		display: block;
		width: 33.33%;
	}
	.access_way ul {
	flex-wrap: wrap;
	}
	.access_way ul li{
		border: none;
	}
	.ctn_area.ctn_items ul{
		margin-top: 10px;
			flex-wrap: wrap;
	}
	.ctn_area.ctn_items ul li{
		margin-top: 10px;
		padding: 0;
	}
	.post_list li a .post_label_list {
		width: auto;
		margin-right: 0;
	}
	.ctn_area.ctn_items .post_label_list span {
		margin-right: 0;
		font-size: 12px;
		width: 100px;
	}
	.post_list li a {
		padding: 14px 0;
		overflow: hidden;
		border-bottom: 1px dashed #ccc;
	}
	.container_in {
		margin: 0 10px;
	}
	.contactTable,
	.contactTable tbody,
	.contactTable tr,
	.contactTable th,
	.contactTable td,
	.contactTable input[type="text"],
	.contactTable input[type="tel"],
	.contactTable input[type="email"]{
		width: 100%;
		display: block;
	}
	.contactTable .radio label{
		display: block;
		width: 100%;
	}
	.lower_ttl {
		height: 180px;
		margin-top: 40px;;
	}
	.lower_ttl_main {
		font-size: 36px;
	}
	.lower_ttl_main span {
		font-size: 21px;
		font-weight: bold;
	}
	.ttl.imgIn.ty2 img{
		height: 170px
	}
	.recHover {
		width: 25vw;
		z-index: 21;
		top: auto;
		bottom: 240px;
	}
	.index_recruit .common_link a {
		margin: 0px auto;
	}

	.index_mainCatch.size2 strong {
		font-size: 20px;
		line-height: 40px;
	}

	.m-company.page-message {
		padding-top: 60px;
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.swingIcon.spPosKani,
	.message_ceo .container > img.spPosKani{
		left: 10px;
		top: -70px;
		width: 80px;
		height: auto;
	}
	.m-company.page-message.companyArea > .message_ceo {
		margin-bottom: 20px;
	}
	.m-company.companyArea {
		margin-bottom: 20px;
	}
	input[type="button"]{
		outline: 0;
		border: none;
	}


	.interviewSubTtl:after {
		display: none;
	}

	.main_visual.act {
		height: auto;
	}













	.spHide{
		display: none;
	}
	.spShow{
		display: block;
	}
	.spShow-flex{
		display: flex;
	}
	.spShow-inline{
		display: inline;
	}



}

@media screen and (max-width: 767px){
	.main_visual, .main_visual .slider, .main_visual .slider li {
		height: 280px;
	}
	.sp{
		display: inline;
	}
	.sp_min{
		display: none;
	}
}


.recruitMainImageWrap.main_visual.ale .main_txt {
	margin-bottom: 0;
}

.main_visual.act.recruitMainImageWrap {
	align-items: flex-end;
}

.recruitMainImageWrap .slider img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}


@media screen and (max-width: 991px){
	.entryBtn {
			margin: 0 0 10px 0;
	}
	.recruitMainImageWrap.main_visual.act{
		height: 280px;
	}
	.recruitMainImageWrap.main_visual .main_txt .catch {
		margin-bottom: 10px;
	}
	.sp_min{
		display: none;
	}


@media screen and (max-width: 375px){
	.sp_min{
		display: inline;
	}
}