@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
.jose {
	font-family: 'Josefin Sans', sans-serif;
}
.notoSc {
	font-family: 'Noto Sans SC', sans-serif;
}

.fwB{
	font-weight: bold;
}
.mt10{
	margin-top:10px;
}
.mt12{
	margin-top:12px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt90{
	margin-top:90px;
}

.mb0{
	margin-bottom:0px!important;
}
.mb5{
	margin-bottom:5px!important;
}
.mb10{
	margin-bottom:10px!important;
}
.mb20{
	margin-bottom:20px!important;
}
.mb30{
	margin-bottom:30px!important;
}
.mb40{
	margin-bottom:40px!important;
}
.mb50{
	margin-bottom:50px!important;
}
.mb60{
	margin-bottom:60px!important;
}
.mb70{
	margin-bottom:70px!important;
}
.mb77{
	margin-bottom:77px!important;
}
.mb80{
	margin-bottom:80px!important;
}
.mb90{
	margin-bottom:90px!important;
}
.mb100{
	margin-bottom:100px!important;
}
.mb110{
	margin-bottom:110px!important;
}
.mb120{
	margin-bottom:120px!important;
}
.mb150{
	margin-bottom:150px!important;
}
.mb200{
	margin-bottom:200px!important;
}
.mL10{
	margin-left:10px!important;
}

.mL15{
	margin-left:15px!important;
}

.mL20{
	margin-left:20px!important;
}
.mL30{
	margin-left:30px!important;
}

.mL40{
	margin-left:40px!important;
}

.mL47{
	margin-left:47px!important;
}
.mL50{
	margin-left:50px!important;
}
.mL52{
	margin-left:52px!important;
}

.mL60{
	margin-left:60px!important;
}

.mL70{
	margin-left:70px!important;
}

.mL80{
	margin-left:80px!important;
}

.mL90{
	margin-left:90px!important;
}

.mL100{
	margin-left:100px!important;
}

.mL110{
	margin-left:110px!important;
}
.mL120{
	margin-left:120px!important;
}
.mL130{
	margin-left:130px!important;
}
.mL140{
	margin-left:140px!important;
}
.mL150{
	margin-left:150px!important;
}
.mL160{
	margin-left:160px!important;
}


.supH2{
	font-size: 17px!important;
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
.fadeInUp {
	opacity: 0;
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
	transition: transform 1s, opacity 1s;
}
.fadeInUp.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/*------------------------------------------------------------
	loading
------------------------------------------------------------*/
.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 1000;
}
.loading .loadingBox {
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: all 0.3s;
}
.loading .loadingBox.show {
	opacity: 1;
}
.loader, .loader::after {
	width: 5em;
	height: 5em;
	border-radius: 50%;
}
.loader {
	position: relative;
	text-indent: -9999em;
	border-top: 0.6em solid rgba(230, 0, 18, 0.2);
	border-right: 0.6em solid rgba(230, 0, 18, 0.2);
	border-bottom: 0.6em solid rgba(230, 0, 18, 0.2);
	border-left: 0.6em solid #e60012;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: url("../../images/common/bg_common.jpg") no-repeat center center / cover;
}
.pageTitle01 {
	height: 480px;
}
.pageTitle h2 {
	color: #000;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.pageTitle h2.white {
	color: #fff;
}

.pageTitle_recruit {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: no-repeat center center / cover;

}

.pageTitle_recruit h2 {
	color: #000;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-top: 3.4em;
}
.pageTitle_recruit h2.white {
	color: #fff;
}

.pageTitle h2.red {
	color: #e60012;
}
.pageTitle01 .h2Ttl01 {
	margin-bottom: 9px;
	width: 1080px;
	text-align: left;
}
.pageTitle01 .h2Ttl01 .txt {
	margin-top: 8px;
	display: block;
	font-size: 2.4rem;
	font-weight: 500;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.1em;
}
@media all and (min-width: 897px) and (max-width: 1679px) {
	.pageTitle {
		height: 11.9vw;
	}
	.pageTitle_recruit {
		height: 11.9vw;
	}
	.pageTitle01 {
		height: 28.57vw;
	}
	.pageTitle h2 {
		font-size: 2.38vw;
	}
	
	.pageTitle_recruit h2 {
		font-size: 2.38vw;
	}
	.pageTitle01 .h2Ttl01 .txt {
		font-size: 1.42vw;
	}
}
@media all and (max-width: 896px) {
	.pageTitle {
		height: 100px;
		background-image: url("../../images/common/common_bg_sp.jpg");
	}
	.pageTitle01 {
		height: 180px;
	}
	.pageTitle02 {
		height: 80px;
	}
	.pageTitle h2 {
		padding-bottom: 5px;
		font-size: 2rem;
		line-height: 1.4;
	}
	
	.pageTitle_recruit {
//		height: 100px;
}

	.pageTitle_recruit h2 {
		font-size: 2rem;
		line-height: 1.4;
		padding-top: 3.5em;
}

	.pageTitle01 .h2Ttl01 {
		margin-bottom: 4px;
		padding: 0 18px;
		width: 100%;
		box-sizing: border-box;
	}
	.pageTitle01 .h2Ttl01 .txt {
		margin-top: 6px;
		font-size: 1.4rem;
		line-height: 1.43;
	}
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 1080px;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 20px;
		width: auto;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 19px;
	padding-bottom: 18px;
	position: relative;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.38;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #DADADA;
}
.headLine01::after {
	width: 50px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #e60012;
	content: '';
}
.headLine01 .sml {
	margin-bottom: 3px;
	display: block;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 7px;
		padding-bottom: 13px;
		font-size: 1.6rem;
		line-height: 1.375;
		letter-spacing: 0.05em;
	}
	.headLine01 .sml {
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 12px;
	color: #e60012;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.63;
	letter-spacing: 0.15em;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 0;
		font-size: 1.4rem;
		line-height: 2.28;
		letter-spacing: 0.05em;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 50px;
	padding-bottom: 39px;
	position: relative;
	text-align: center;
	font-weight: 400;
	font-size: 3.4rem;
	line-height: 1.65;
	letter-spacing: 0.1em;
}
.headLine03::after {
	width: 60px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #e60012;
	content: '';
	transform: translateX(-50%);
}
.headLine03 .sml {
	margin-bottom: 22px;
	display: block;
	color: #e60012;
	font-size: 1.6rem;
	letter-spacing: 0.2em;
}

.diaedge_headLine03 {
	margin-bottom: 10px;
	padding-bottom: 39px;
	position: relative;
	text-align: center;
	font-weight: 400;
	font-size: 3.4rem;
	line-height: 1.65;
	letter-spacing: 0.1em;
}

@media all and (max-width: 896px) {
	.headLine03 {
		padding-bottom: 25px;
		font-size: 2rem;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}
	.headLine03::after {
		width: 40px;
	}
	.headLine03 .sml {
		margin-bottom: 9px;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		line-height: 1.43;
	}
	.diaedge_headLine03 {
		padding-bottom: 25px;
		font-size: 2rem;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}
	.diaedge_headLine03 {
		padding-bottom: 5px;
		font-size: 2rem;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 30px;
	padding-bottom: 16px;
	position: relative;
	text-align: center;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	line-height: 1.63;
}
.headLine04::after {
	width: 40px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #e60012;
	content: '';
	transform: translateX(-50%);
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 15px;
		padding-bottom: 12px;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
	}
	.headLine04::after {
		width: 20px;
	}
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
	margin-bottom: 20px;
	padding-bottom: 14px;
	position: relative;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 3.2rem;
	letter-spacing: 0.15em;
}
.headLine05::after {
	width: 50px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #e60012;
	content: '';
	transform: translateX(-50%);
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 15px;
		padding-bottom: 12px;
		font-size: 2rem;
		letter-spacing: 0.1em;
	}
	.headLine05::after {
		width: 30px;
	}
}
/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
	margin-bottom: 24px;
	padding-bottom: 13px;
	position: relative;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: 0.1em;
}
.headLine06.mb01 {
	margin-bottom: 30px;
}
.headLine06::after {
	width: 20px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #e60012;
	content: '';
}

.headLine06l {
	margin-bottom: 24px;
	padding-bottom: 13px;
	position: relative;
	font-weight: 900;
	font-size: 2.1rem;
	line-height: 2;
	letter-spacing: 0.1em;
}
.headLine06l.mb01 {
	margin-bottom: 30px;
}
.headLine06l::after {
	width: 20px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #e60012;
	content: '';
}

@media all and (max-width: 896px) {
	.headLine06 {
		margin-bottom: 10px;
		padding-bottom: 4px;
		font-size: 1.2rem;
		line-height: 2.66;
		letter-spacing: 0.05em;
	}
	.headLine06.mb01 {
		margin-bottom: 15px;
	}
	.headLine06::after {
		width: 10px;
		left: 3px;
	}
}
/*------------------------------------------------------------
	headLine07
------------------------------------------------------------*/
.headLine07 {
	margin-bottom: 34px;
	color: #e60012;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
.headLine07.mb01 {
	margin-bottom: 23px;
}
.headLine07.mb02 {
	margin-bottom: 11px;
}
@media all and (max-width: 896px) {
	.headLine07 {
		margin-bottom: 7px;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		line-height: 1.429;
	}
	.headLine07.mb01 {
		margin-bottom: 6px;
	}
	.headLine07.mb02 {
		margin-bottom: 7px;
	}
}
/*------------------------------------------------------------
	headLine08
------------------------------------------------------------*/
.headLine08 {
	margin-bottom: 16px;
	color: #e60012;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
@media all and (max-width: 896px) {
	.headLine08 {
		margin-bottom: 10px;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}
}
/*------------------------------------------------------------
	headLine09
------------------------------------------------------------*/
.headLine09 {
	margin-bottom: 34px;
	color: #e60012;
	font-size: 2.1rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
.headLine09.mb01 {
	margin-bottom: 23px;
}
.headLine09.mb02 {
	margin-bottom: 11px;
}
@media all and (max-width: 896px) {
	.headLine09 {
		margin-bottom: 7px;
		font-size: 1.45rem;
		letter-spacing: 0.05em;
		line-height: 1.429;
	}
	.headLine09.mb01 {
		margin-bottom: 6px;
	}
	.headLine09.mb02 {
		margin-bottom: 7px;
	}
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	margin: 0 auto;
	width: 230px;
}
.comBtn a {
	padding: 12px 38px 15px 18px;
	display: block;
	position: relative;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	border: 1px dotted #000;
	background: #fff;
}
.comBtn a::after {
	width: 17px;
	height: 9px;
	position: absolute;
	right: 20px;
	top: 50%;
	background: url("../../images/common/arrow_01_black.svg") no-repeat right center / 100% auto;
	content: '';
	transform: translateY(-50%);
}
.comBtn.en {
	width: 180px;
}
.comBtn.en a {
	padding: 12px 30px 8px 14px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
//	font-size: 1.2rem;
	letter-spacing: 0.1em;
}
.comBtn.en a::after {
	right: 9px;
}
@media all and (min-width: 897px) {
	.comBtn a {
		transition: all 0.3s;
	}
	.comBtn a::after {
		transition: ease-in-out right 0.3s;
	}
	.comBtn a:hover {
		color: #fff;
		border: 1px solid #000;
		background-color: #000;
	}
	.comBtn a:hover::after {
		background-image: url("../../images/common/arrow_01_white.svg");
		right: 10px;
	}
	.comBtn.en a:hover::after {
		right: 4px;
	}
}
@media all and (max-width: 896px) {
	.comBtn {
		width: 184px;
	}
	.comBtn a {
		padding: 11px 28px 12px 14px;
		font-size: 1rem;
	}
	.comBtn a::after {
		width: 11px;
		height: 12px;
		right: 15px;
	}
	.comBtn.en {
		width: auto;
		max-width: 136px;
	}
	.comBtn.en a {
		padding: 8px 25px 5px 12px;
		text-align: center;
		font-size: 1rem;
		letter-spacing: 0.05em;
	}
	.comBtn.en a::after {
		right: 9px;
	}
}
/*------------------------------------------------------------
	comBtnRed
------------------------------------------------------------*/
.comBtnRed {
	margin: 0 auto 60px;
	text-align: center;
}
.comBtnRed a {
	padding: 10px 52px 9px 20px;
	min-width: 220px;
	display: inline-block;
	position: relative;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	box-sizing: border-box;
	background: #e60012;
}
.comBtnRed a::after {
	width: 17px;
	height: 9px;
	position: absolute;
	right: 20px;
	top: 50%;
	background: url("../../images/common/arrow_01_white.svg") no-repeat center center / 100% auto;
	content: '';
	transform: translateY(-50%);
}
@media all and (min-width: 897px) {
	.comBtnRed a:hover {
		opacity: 0.7;
	}
	.comBtnRed a::after {
		transition: 0.3s;
	}
	.comBtnRed a:hover::after {
		right: 10px;
	}
}
@media all and (max-width: 896px) {
	.comBtnRed {
		margin-bottom: 30px;
	}
	.comBtnRed a {
		padding: 7px 32px 8px 7px;
		min-width: 140px;
		font-size: 1rem;
		letter-spacing: 0.05em;
	}
	.comBtnRed a::after {
		width: 11px;
		height: 7px;
		right: 10px;
	}
}
/*------------------------------------------------------------
	comWebBtn
------------------------------------------------------------*/
.comWebBtn {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}
.comWebBtn li {
	margin-bottom: 20px;
}
.comWebBtn li:last-child {
	margin-bottom: 0 !important;
}
.comWebBtn a {
	padding: 17px 18px 18px;
	display: block;
	position: relative;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.1em;
	border: 1px dotted #000;
	background: #fff;
}
.comWebBtn a::after {
	width: 14px;
	height: 10px;
	position: absolute;
	right: 20px;
	top: 50%;
	background: url("../../images/common/icon_blank_black.svg") no-repeat center center / 100% 100%;
	content: '';
	transform: translateY(-50%);
}
@media all and (min-width: 897px) {
	.comWebBtn a, .comWebBtn a::after {
		transition: all 0.3s;
	}
	.comWebBtn a:hover {
		color: #fff;
		border: 1px solid #000;
		background-color: #000;
	}
	.comWebBtn a:hover::after {
		background-image: url("../../images/common/icon_blank_white.svg");
	}
}
@media all and (max-width: 896px) {
	.comWebBtn {
		width: auto;
		margin: 0 10px;
	}
	.comWebBtn li {
		margin-bottom: 20px;
	}
	.comWebBtn a {
		padding: 11px 10px 12px;
		font-size: 1rem;
	}
	.comWebBtn a::after {
		right: 14px;
		width: 12px;
		height: 8px;
	}
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
	margin-bottom: 69px;
}
.comLinkUl li {
	margin-right: -1px;
	width: calc(100% / 9 - 1px);
	text-align: center;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}
.comLinkUl.col4 li {
	width: calc(25% - 1px);
}
.comLinkUl.col5 li {
	width: calc(20% - 1px);
}
.comLinkUl li a {
	padding: 18px 10px 39px;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	font-weight: 700;
	letter-spacing: 0.1em;
	box-sizing: border-box;
}
.comLinkUl li a::after {
	width: 17px;
	height: 17px;
	position: absolute;
	left: 50%;
	bottom: 11px;
	background: url("../../images/common/arrow_01_red.svg") no-repeat center center / 100% auto;
	content: '';
	transform: translateX(-50%) rotate(90deg);
}
@media all and (min-width: 897px) {
	.comLinkUl li a::after {
		transition: 0.3s;
	}
	.comLinkUl li a:hover::after {
		bottom: 1px;
	}
}
@media all and (max-width: 896px) {
	.comLinkUl {
		margin: -10px 10px 29px;
	}
	.comLinkUl li {
		margin-top: 10px;
		width: calc(100% / 3 - 1px);
	}
	.comLinkUl.col4 li {
		width: calc(50% - 1px);
	}
	.comLinkUl.col5 li {
		width: calc(50% - 1px);
	}
	.comLinkUl li a {
		padding: 0 10px 20px;
		line-height: 1;
	}
	.comLinkUl li a::after {
		width: 12px;
		height: 12px;
		bottom: 3px;
	}
}
/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList {
	margin-top: -67px;
}
.comLinkList::after {
	width: 340px;
	content: '';
}
.comLinkList li {
	margin-top: 67px;
	width: 340px;
}
.comLinkList li a {
	display: block;
}
.comLinkList li .pho {
	margin-bottom: 16px;
	overflow: hidden;
}
.comLinkList .link01 .pho {
	border: 1px solid #dadada;
}
.comLinkList li .pho img {
	width: 100%;
}
.comLinkList li p {
	padding: 0 30px 0 10px;
	position: relative;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.comLinkList li p::after {
	width: 17px;
	height: 9px;
	position: absolute;
	right: 10px;
	top: 9px;
	background: url("../../images/common/arrow_01_black.svg") no-repeat center top / 100% 100%;
	content: '';
}
.comLinkList li .blank p::after {
	width: 16px;
	height: 12px;
	top: 7px;
	background-image: url("../../images/common/icon_blank_black.svg");
}
@media all and (min-width: 897px) {
	.comLinkList li a .pho img {
		transition: 0.3s;
	}
	.comLinkList li a:hover .pho img {
		transform: scale(1.2);
	}
	.comLinkList li a p::after {
		transition: 0.3s;
	}
	.comLinkList li a:hover p::after {
		right: 0;
	}
	.comLinkList li .blank:hover p::after {
		right: 10px;
	}
}
@media all and (max-width: 896px) {
	.comLinkList {
		margin-top: -19px;
	}
	.comLinkList::after {
		display: none;
	}
	.comLinkList li {
		margin-top: 19px;
		width: 48.2%;
	}
	.comLinkList li .pho {
		margin-bottom: 7px;
	}
	.comLinkList li p {
		padding: 0 20px 0 5px;
		letter-spacing: 0.07em;
		line-height: 1.4;
	}
	.comLinkList li p::after {
		width: 10px;
		height: 8px;
		right: 5px;
		top: 5px;
	}
	.comLinkList li .blank p::after {
		width: 12px;
		height: 9px;
		top: 4px;
	}
}
/*------------------------------------------------------------
	comPageNavi
------------------------------------------------------------*/
.comPageNavi {
	padding: 40px 0 49px;
	background: #f6f6f6;
}
.comPageNavi .link {
	margin-bottom: 24px;
	font-weight: 700;
	line-height: 2.25;
	letter-spacing: 0.1em;
}
.comPageNavi .link a::after {
	margin: 1px 0 0 12px;
	width: 17px;
	height: 11px;
	display: inline-block;
	background: url("../../images/common/arrow_01_black.svg") no-repeat left top / 100% 100%;
	content: '';
}
.comPageNavi .linkList {
	margin-top: -29px;
}
.comPageNavi .linkList li {
	margin-top: 29px;
	margin-right: -1px;
	width: 361px;
	box-sizing: border-box;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}
.comPageNavi .linkList li a {
	padding: 9px 19px 11px;
	display: block;
	font-size: 1.4rem;
}
.comPageNavi .linkList li a::after {
	margin: 2px 0 0 19px;
	width: 17px;
	height: 9px;
	display: inline-block;
	background: url("../../images/common/arrow_01_black.svg") no-repeat left top / 100% 100%;
	content: '';
}
@media all and (min-width: 897px) {
	.comPageNavi .link a, .comPageNavi .link a::after {
		transition: 0.3s;
	}
	.comPageNavi .link a:hover {
		opacity: 0.7;
	}
	.comPageNavi .link a:hover::after {
		transform: translateX(10px);
	}
	.comPageNavi .linkList li a, .comPageNavi .linkList li a::after {
		transition: 0.3s;
	}
	.comPageNavi .linkList li a:hover {
		opacity: 0.7;
	}
	.comPageNavi .linkList li a:hover::after {
		transform: translateX(10px);
	}
}
@media all and (max-width: 896px) {
	.comPageNavi {
		padding: 33px 0 39px;
	}
	.comPageNavi .link {
		margin-bottom: 14px;
		font-size: 1.2rem;
		line-height: 2;
		letter-spacing: 0.05em;
	}
	.comPageNavi .link a::after {
		margin: 1px 0 0 8px;
		width: 11px;
		height: 7px;
		background-image: url("../../images/common/arrow_02_black.svg");
	}
	.comPageNavi .linkList {
		margin: 0 2px;
		display: block;
	}
	.comPageNavi .linkList li {
		margin: 0 0 20px;
		width: auto;
		border-right: none;
	}
	.comPageNavi .linkList li:last-child {
		margin-bottom: 0;
	}
	.comPageNavi .linkList li a {
		padding: 1px 13px;
		font-size: 1.2rem;
	}
	.comPageNavi .linkList li a::after {
		margin: 2px 0 0 10px;
		width: 11px;
		height: 7px;
		background-image: url("../../images/common/arrow_02_black.svg");
	}
}
/*------------------------------------------------------------
	comNewsList
------------------------------------------------------------*/
.comNewsList {
	border-top: 1px dotted #9fa0a0;
}
.comNewsList li {
	border-bottom: 1px dotted #9fa0a0;
}
.comNewsList li a {
	padding: 19px 10px;
	display: flex;
	align-items: flex-start;
	position: relative;
	background: #fff;
	transition: 0.3s;
}
.comNewsList li a::after {
	width: 17px;
	height: 9px;
	position: absolute;
	right: 20px;
	top: 50%;
	background: url("../../images/common/arrow_01_black.svg") no-repeat center center / 100% 100%;
	content: '';
	transform: translateY(-50%);
	transition: 0.3s;
}
.comNewsList li .time {
	width: 132px;
	font-weight: 700;
	font-size: 1.4rem;
	letter-spacing: 0.15em;
}
.comNewsList li .tag {
	box-sizing: border-box;
	margin-top: 1px;
	margin-right: 40px;
	padding: 3px 5px 5px;
	width: 80px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.1em;
	border-radius: 20px;
	background: #000;
}
.comNewsList li .tag01 {
	background: #e60012;
}
.comNewsList li .txt {
	width: calc(100% - 252px);
	display: block;
	font-size: 1.4rem;
	letter-spacing: 0.15em;
}
.comNewsList li a.noClick {
	cursor: default;
	pointer-events: none;
}
.comNewsList li a.noClick::after {
	display: none;
}
@media all and (min-width: 897px) {
	.comNewsList li a:hover {
		background: #f6f6f6;
	}
	.comNewsList li a:hover::after {
		right: 10px;
	}
}
@media all and (max-width: 896px) {
	.comNewsList li a {
		padding: 13px 30px 11px 10px;
		display: block;
	}
	.comNewsList li a::after {
		width: 11px;
		height: 7px;
		right: 10px;
		transition: none;
	}
	.comNewsList li .time {
		margin-bottom: 7px;
		width: auto;
		display: block;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	.comNewsList li .tag {
		margin: 0 0 6px;
		padding: 3px 5px;
		width: 65px;
		font-size: 1rem;
	}
	.comNewsList li .txt {
		width: auto;
		min-height: 24px;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
}
/*------------------------------------------------------------
	comPdfList
------------------------------------------------------------*/
.comPdfList {
	margin-top: -70px;
}
.comPdfList::after {
	width: 220px;
	content: '';
}
.comPdfList li {
	margin-top: 70px;
	width: 220px;
}
.comPdfList li .pho {
	margin-bottom: 15px;
	width: 146px;
}
.comPdfList li .name {
	margin-bottom: 18px;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.428 !important;
	letter-spacing: 0.05em;
	text-align: left;
}
.comProducts .topBox + .comPdfList {
    margin-top: -110px;
    margin-bottom: 60px;
}
@media all and (max-width: 896px) {
	.comPdfList {
		margin-top: -30px;
	}
	.comPdfList::after {
		display: none;
	}
	.comPdfList li {
		margin-top: 30px;
		width: 46.5%;
	}
	.comPdfList li .pho {
		margin-bottom: 7px;
		width: 100%;
	}
	.comPdfList li .pho img {
		width: 100%;
	}
	.comPdfList li .name {
		margin-bottom: 8px;
		font-size: 1rem;
		text-align: left;

	}
.comProducts .topBox + .comPdfList {
    margin-top: inherit;
    margin-bottom: 60px;
}
}
/*------------------------------------------------------------
	comPdfBtn
------------------------------------------------------------*/
.comPdfBtn {
	width: 180px;
}

.comPdfBtn span.new:before{
	content:  url("../../images/common/new.svg");
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	right: 3px;
	height: auto;
	width: 40px;
}

.comPdfBtn span.new a{
	position: relative;
	bottom: 18px;
	left: 6px;
}

.comPdfBtn .new:hover:before {
 	content: url("../../images/common/new_on.svg");
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	right: 3px;
	height: auto;
	width: 40px;

}

.comPdfBtn .new:hover a{
	padding: 13px 35px 9px 14px;
	display: block;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	opacity: 0.7;
}

.comPdfBtn a {
	padding: 13px 35px 9px 14px;
	display: block;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	background: #e60012 url("../../images/common/icon_pdf_white.svg") no-repeat right 10px center / 20px 20px;
}

/*------------------------------------------------------------
	comCtBtn
------------------------------------------------------------*/
.comCtBtn {
	width: 150px;
}

.comCtBtn span.new:before{
	content:  url("../../images/common/new.svg");
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	right: 3px;
	height: auto;
	width: 40px;
}

.comCtBtn span.new a{
	position: relative;
	bottom: 18px;
	left: 6px;
}

.comCtBtn .new:hover:before {
 	content: url("../../images/common/new_on.svg");
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	right: 3px;
	height: auto;
	width: 40px;

}

.comCtBtn .new:hover a{
	padding: 13px 35px 9px 14px;
	display: block;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	opacity: 0.7;
}

.comCtBtn a {
	padding: 13px 35px 9px 14px;
	display: block;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	background: #e60012 url("../../images/common/icon_contact_white.svg") no-repeat right 10px center / 20px 20px;
}



@media all and (min-width: 897px) {
	.comPdfBtn a:hover {
		opacity: 0.7;
	}
	.comPdfBtn .new a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comPdfBtn {
		width: auto;
		max-width: 110px;
	}
	.btnUl.mt40{
		margin-top: 0px;
	}
	.comPdfBtn a {
		padding: 7px 20px 5px 8px;
		font-size: 0.8rem;
		letter-spacing: 0.03em;
		background-position: right 6px center;
		background-size: 12px 12px;
	}
	.comPdfBtn .new:hover:before {
 		content: url("../../images/common/new.svg");
		display: inline-block;
		background-repeat: no-repeat;
		position: relative;
		z-index: 1;
		right: 3px;
		height: auto;
		width: 33px;
	}

	.comPdfBtn .new:hover a{
		padding: 7px 20px 5px 8px;
		display: block;
		color: #fff;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 700;
		font-size: 8px;
		letter-spacing: 0.03em;
		opacity: 1;
	}

	.comPdfBtn span.new:before{
		right: 3px;
		height: auto;
		width: 33px;
		bottom: 6px;
	}
	
	.comCtBtn {
		width: auto;
		max-width: 90px;
	}
	.btnUl.mt40{
		margin-top: 0px;
	}
	.comCtBtn a {
		padding: 7px 20px 5px 8px;
		font-size: 0.8rem;
		letter-spacing: 0.03em;
		background-position: right 6px center;
		background-size: 12px 12px;
	}
	.comCtBtn .new:hover:before {
 		content: url("../../images/common/new.svg");
		display: inline-block;
		background-repeat: no-repeat;
		position: relative;
		z-index: 1;
		right: 3px;
		height: auto;
		width: 33px;
	}

	.comCtBtn .new:hover a{
		padding: 7px 20px 5px 8px;
		display: block;
		color: #fff;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 700;
		font-size: 8px;
		letter-spacing: 0.03em;
		opacity: 1;
	}

	.comCtBtn span.new:before{
		right: 3px;
		height: auto;
		width: 33px;
		bottom: 6px;
	}
	
	
}
/*------------------------------------------------------------
	comCtaBox
------------------------------------------------------------*/
.comCtaBox {
	padding: 53px 30px 59px;
	border: 1px solid #dadada;
}

.comCtaBoxSup {
	padding: 0;
	border: none;
	width: 40%;
}

.comCtaBox .ttl {
	margin-bottom: 36px;
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	letter-spacing: 0.15em;
}
.comCtaBox .btnUl li {
	margin: 0 25px;
	width: 260px;
}
.comCtaBox .btnUl li a {
	padding: 10px 0 9px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.5rem;
	letter-spacing: 0.15em;
	background: #000;
}
.comCtaBox .btnUl li.btn02 a {
	background: #e60012;
}
.comCtaBox .btnUl li .txt {
	padding: 9px 0 9px 46px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 2px center;
	background-size: 24px 24px;
}
.comCtaBox .btnUl li.btn01 .txt {
	background-image: url("../../images/common/icon_global_white.svg");
}
.comCtaBox .btnUl li.btn02 .txt {
	padding: 12px 0 7px 46px;
	background-size: 26px 26px;
	background-image: url("../../images/common/icon_contact_white.svg");
}
.comCtaBox .btnUl li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comCtaBox {
		padding: 24px 20px 30px;
	}
	.comCtaBoxSup {
		width: 100%;
	}
	.comCtaBox .ttl {
		margin-bottom: 21px;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
	}
	.comCtaBox .btnUl {
		margin: 0 auto;
		width: 200px;
		display: block;
	}
	.comCtaBox .btnUl li {
		margin: 0 0 10px;
		width: auto;
	}
	.comCtaBox .btnUl li:last-child {
		margin-bottom: 0;
	}
	.comCtaBox .btnUl li a {
		padding: 5px;
		font-size: 1rem;
		letter-spacing: 0.15em;
	}
	.comCtaBox .btnUl li .txt {
		padding: 7px 0 8px 33px;
		background-size: 18px 18px;
		background-position: left 4px center;
	}
	.comCtaBox .btnUl li.btn02 .txt {
		padding: 8px 0 7px 35px;
		background-size: 17px 16px;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a {
	display: inline-block;
}
.comLink span {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0.1em;
	text-decoration: underline;
}
.comLink .btn {
	box-sizing: border-box;
	margin-right: 10px;
	width: 140px;
	padding: 6px 24px 3px 10px;
	color: #fff;
	text-decoration: none;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	background: #e60012 url("../../images/common/icon_pdf_white.svg") no-repeat right 10px center;
	background-size: 14px 14px;
}
.comLink a:hover span {
	text-decoration: none;
}
@media all and (max-width: 896px) {
	.comLink a {
		display: flex;
		flex-wrap: wrap;
	}
	.comLink .txt {
		width: 100%;
		margin-top: 5px;
		display: block;
		font-size: 1rem;
		letter-spacing: 0.05em;
	}
	.comLink .btn {
		margin-top: 12px;
		padding: 4px 15px 2px 6px;
		width: 105px;
		order: 1;
		display: block;
		font-size: 0.8rem;
		letter-spacing: 0.05em;
		background-size: 10px auto;
		background-position: right 8px center;
	}
	.comLink a:hover .txt {
		text-decoration: underline;
	}
}
/*------------------------------------------------------------
	comProducts
------------------------------------------------------------*/
.comProducts {
	margin-bottom: 81px;
}
.comProducts p {
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.1em;
	line-height: 2;
}
.comProducts .prTxt {
	font-size: 3.0rem;
	line-height: 1.33;
	margin-bottom: 45px;
}
.comProducts .topBox {
	margin-bottom: 55px;
}
.comProducts .imgBox .textBox {
	margin-top: -7px;
	width: 350px;
}
.comProducts .imgBox .textBox p {
	margin-bottom: 23px;
}
.comProducts .imgBox .textBox p:last-child {
	margin-bottom: 0 !important;
}
.comProducts .imgBox .photoBox {
	width: 350px;
	text-align: center;
}
.comProducts .txtList {
	margin-bottom: 50px;
}
.comProducts .txtList li {
	margin-bottom: 21px;
	padding-left: 0.8em;
	text-indent: -0.8em;
	line-height: 1.56;
	letter-spacing: 0.1em;
}
.comProducts .txtList li:last-child {
	margin-bottom: 0 !important;
}

.comProducts .txtList2 li {
	margin-bottom: 21px;
	padding-left: 0.8em;
	text-indent: -0.9em;
	line-height: 1.56;
	letter-spacing: 0.1em;
}
.comProducts .txtList2 li:last-child {
	margin-bottom: 0 !important;
}

.comProducts .txtList li .subList {
	padding: 11px 9px 0;
}
.comProducts .txtList li .subList li {
	margin-bottom: 11px;
	font-size: 1.4rem;
}
.comProducts .subSec {
	margin-bottom: 58px;
}
.comProducts .subSec:last-child {
	margin-bottom: 0 !important;
}
.comProducts .subSec .txtList:last-child {
	margin-bottom: 0 !important;
}
.comProducts p.mb01 {
	margin-bottom: 32px;
}
.comProducts p .redTxt {
	color: #e60012;
}
.comProducts .subSec > section {
	margin-bottom: 38px;
}
.comProducts .subSec > section:last-child {
	margin-bottom: 0;
}
.comProducts .subSec .imgBox {
	margin-bottom: 51px;
}
.comProducts .subSec .imgBox:last-child {
	margin-bottom: 0 !important;
}
.comProducts .tableBox .innerBox {
	margin-bottom: 17px;
}
.comProducts .tableBox .txt01 {
	padding: 4px 0 5px;
	text-align: right;
	font-size: 1.2rem;
	letter-spacing: 0;
}
.comProducts .tableBox table {
	width: 100%;
	border-collapse: collapse;
}
.comProducts .tableBox th, .comProducts .tableBox td {
	padding: 14px 2px;
	font-weight: 400;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0;
	line-height: 1.333;
	border: 1px solid #dadada;
}
.comProducts .tableBox th {
	padding: 13px 2px 14px;
	background: #f6f6f6;
}
.comProducts .tableBox .wid01 {
	width: 8%;
}
.comProducts .tableBox .wid02 {
	width: 5%;
}
.comProducts .tableBox .wid03 {
	width: 8%;
}
.comProducts .tableBox .wid04 {
	width: 8%;
}
.comProducts .tableBox .wid05 {
	width: 5%;
}
.comProducts .tableBox .wid06 {
	width: 5%;
}
.comProducts .tableBox .wid07 {
	width: 9%;
}
.comProducts .tableBox .wid08 {
	width: 9%;
}
.comProducts .tableBox .wid09 {
	width: 8%;
}
.comProducts .tableBox .wid10 {
	width: 8%;
}
.comProducts .tableBox .wid11 {
	width: 9%;
}
.comProducts .tableBox .wid12 {
	width: 10%;
}
.comProducts .tableBox .wid13 {
	width: 8%;
}
.comProducts .tableBox .comment{
	margin-top:-15px;
	margin-left: 30px;
}
.comProducts .tableBox .wid14 {
	width: 16%;
}
.comProducts .tableBox .wid15 {
	width: 12%;
}
.comProducts .tableBox tr:first-child th {
	border-top: none;
}
.comProducts .tableBox tr:last-child td {
	border-bottom: none;
}
.comProducts .tableBox .tdStyle {
	background: #f6f6f6;
}
.comProducts .tableBox .tdStyle01 {
	border-bottom: none;
}
.comProducts .tableBox sup {
	font-size: 0.8rem;
}
.comProducts .tableBox .noteList li {
	font-size: 1.2rem;
	line-height: 1.35;
}
.comProducts .imgUl {
	margin-top: -18px;
}
.comProducts .imgUl li {
	margin-top: 18px;
	margin-right: 18px;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.comProducts .imgUl li:nth-child(6n) {
	margin-right: 0;
}
.comProducts .imgUl li .pho {
	margin-bottom: 9px;
	display: block;
	text-align: center;
}
.comProducts p.mb02 {
	margin-bottom: 46px;
}
.comProducts .imgList {
	margin-top: -50px;
}
.comProducts .imgList li {
	margin-top: 50px;
	width: 350px;
	letter-spacing: 0.1em;
}
.comProducts .imgList li .pho {
	margin-bottom: 15px;
	display: block;
}
.comProducts .photo01 {
	margin-bottom: 64px;
}
.comProducts .photo02 {
	margin-bottom: 43px;
}
.comProducts .photo03 {
	margin-bottom: 20px;
}
.comProducts .photo04 {
	margin-bottom: 51px;
}
.comProducts .photo05 {
	margin-bottom: 61px;
}
.comProducts .sub {
	margin-top: -42px;
	margin-bottom: 44px;
}
.comProducts .subSec .sub:last-child {
	margin-bottom: 0;
}
.comProducts .sub section {
	margin-top: 42px;
	width: 350px;
	box-sizing: border-box;
}
.comProducts .sub .innSec01 {
	margin-top: 42px;
	padding-top: 79px;
	width: 350px;
}
.comProducts .sub .pho {
	margin-bottom: 20px;
	text-align: center;
}
.comProducts .btnList {
	margin-top: -30px;
}
.comProducts .btnList::after {
	width: 220px;
	content: '';
}
.comProducts .btnList li {
	margin-top: 30px;
	width: 220px;
}
.comProducts .btnList li .pho {
	margin-bottom: 30px;
}
.comProducts .btnList li .comBtn {
	margin: 0 0 10px;
}
.comProducts .btnList li .comBtn:last-child {
	margin-bottom: 0 !important;
}
.comProducts .txtList01 {
    margin-bottom: 40px;
}
.comProducts .txtList01 li {
    margin-bottom: 0;
    line-height: 2;
}
.comProducts .linkBox .comLink {
    margin-bottom: 33px;
}
.comProducts .linkBox .comLink:last-child {
    margin-bottom: 0;
}


@media all and (max-width: 896px) {
	.comProducts {
		margin-top: -4px;
		margin-bottom: 30px;
	}
	.comProducts p {
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	.comProducts .prTxt {
		font-size: 1.8rem;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.comProducts .imgBox {
		display: block;
	}
	.comProducts .topBox {
		margin-bottom: 26px;
	}
	.comProducts .imgBox .textBox {
		margin: 0 0 30px;
		width: auto;
	}
	.comProducts .imgBox .textBox p {
		margin-bottom: 25px;
	}
	.comProducts .imgBox .textBox p:last-child {
		margin-bottom: 0 !important;
	}
	.comProducts .imgBox .photoBox {
		width: auto;
	}
	.comProducts .imgBox .photoBox01 {
		margin: 0 auto;
		width: 86%;
	}
	.comProducts .txtList {
		margin-bottom: 16px;
	}
	.comProducts .txtList li {
		margin-bottom: 16px;
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}
	.comProducts .txtList li .subList {
		padding: 10px 0 0 10px;
	}
	.comProducts .txtList li .subList li {
		margin-bottom: 13px;
		font-size: 1rem;
	}
	.comProducts .subSec {
		margin-bottom: 26px;
	}
	.comProducts p.mb01 {
		margin-bottom: 14px;
	}
	.comProducts .subSec .imgBox {
		margin-bottom: 21px;
	}
	.comProducts .subSec .imgBox:last-child {
		margin-bottom: 0 !important;
	}
	.comProducts .tableBox {
		margin-right: -20px;
		overflow: hidden;
	}
	.comProducts .tableBox .innerBox {
		margin-bottom: 4px;
		padding: 23px 0 10px;
		width: 100%;
		overflow: auto;
	}
	.comProducts .tableBox .innerBox > .tableInner {
		padding-right: 20px;
		min-width: 720px;
	}
	.comProducts .tableBox th, .comProducts .tableBox td {
		padding: 14px 5px;
		font-size: 0.9rem;
		line-height: 1.2;
	}
	.comProducts .tableBox th {
		padding: 12px 5px 10px;
	}
	.comProducts .tableBox .wid02 {
		width: 6%;
	}
	.comProducts .tableBox .wid03 {
		width: 7%;
	}
	.comProducts .tableBox sup {
		font-size: 0.9rem;
	}
	.comProducts .tableBox .noteList li {
		font-size: 0.9rem;
		letter-spacing: 0.05em;
	}
	.comProducts .imgUl {
		margin-top: -5px;
	}
	.comProducts .imgUl li {
		margin-top: 8px;
		margin-right: 2%;
		width: 32%;
		font-size: 1rem;
		letter-spacing: 0.05em;
	}
	.comProducts .imgUl li:nth-child(3n) {
		margin-right: 0 !important;
	}
	.comProducts p.mb02 {
		margin-bottom: 14px;
	}
	.comProducts .imgList {
		margin-top: -15px;
	}
	.comProducts .imgList li {
		margin-top: 15px;
		width: 48%;
		letter-spacing: 0.05em;
	}
	.comProducts .imgList li .pho {
		margin-bottom: 8px;
	}
	.comProducts .photo01 {
		margin-bottom: 20px;
	}
	.comProducts .photo02 {
		margin-bottom: 20px;
	}
	.comProducts .photo03 {
		margin-bottom: 10px;
	}
	.comProducts .photo04 {
		margin-bottom: 20px;
	}
	.comProducts .photo05 {
		margin-bottom: 27px;
	}
	.comProducts .sub {
		margin: 0 0 15px;
		display: block;
	}
	.comProducts .sub section {
		margin: 0 0 15px;
		width: auto;
	}
	.comProducts .sub .innSec01 {
		margin: 0;
		padding-top: 0;
		width: auto;
	}
	.comProducts .sub section:last-child {
		margin-bottom: 0;
	}
	.comProducts .sub .pho {
		margin-bottom: 10px;
	}
	.comProducts .btnList {
		margin-top: -17px;
	}
	.comProducts .btnList::after {
		display: none;
	}
	.comProducts .btnList li {
		margin-top: 17px;
		width: 46.5%;
	}
	.comProducts .btnList li .headLine06 {
		margin-bottom: 16px;
	}
	.comProducts .btnList li .pho {
		margin-bottom: 17px;
	}
	.comProducts .txtList01 {
		margin-bottom: 17px;
	}
	.comProducts .txtList01 li {
		margin-bottom: 10px;
		padding-left: 0.8em;
		text-indent: -0.8em;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	.comProducts .txtList01 li:last-child {
		margin-bottom: 0;
	}
	
}
/*------------------------------------------------------------
	comRecruit
------------------------------------------------------------*/
.comRecruit .secBox {
	margin-bottom: 77px;
}
.comRecruit .sec01 {
	margin-bottom: 90px;
}
.comRecruit .sec02 {
	margin-bottom: 90px;
}
.comRecruit .headLine01 {
	margin-bottom: 30px;
}

.comRecruit .headLine02 {
	margin-bottom: 30px;
}

.comRecruit .imageList {
	margin: 0 -9px;
}
.comRecruit .imageList li {
	margin: 0 9px;
	width: 165px;
}
.comRecruit .btnList {
	margin-top: -47px;
}
.comRecruit .btnList::after {
	width: 340px;
	content: '';
}
.comRecruit .btnList li {
	margin-top: 47px;
}
.comRecruit .col3 li{
	width: 340px;
}
.comRecruit .col4 li{
	width: 250px;
}
.comRecruit .btnList li a {
	display: block;
}
.comRecruit .btnList li .photo {
	margin-bottom: 16px;
	display: block;
	
	overflow: hidden;
}
.comRecruit .btnList li .photo img {
	width: 100%;
}
.comRecruit .btnList li .text {
	padding: 0 20px 0 10px;
	display: block;
	position: relative;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.comRecruit .btnList li .text::after {
	width: 17px;
	height: 17px;
	position: absolute;
	right: 10px;
	top: 50%;
	background: url("../../images/common/arrow_01_black.svg") no-repeat right center;
	background-size: 17px auto;
	content: '';
	transform: translateY(-50%);
}
.comRecruit .sec02 .headLine01 {
	margin-bottom: 0;
	padding-bottom: 24px;
}

.comRecruit p {
	letter-spacing: 0.1em;
	line-height: 2;
}

.comRecruit table {
	width: 100%;
	border-collapse: collapse;
}
.comRecruit .job th, .comRecruit td {
	padding: 19px 0 23px;
	width: 75%;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 2;
	border-bottom: 1px solid #dadada;
}
.comRecruit .job th {
	padding: 19px 10px 23px;
	width: 25%;
	font-weight: 700;
}
.comRecruit .job td .ulList li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
.comRecruit .job td .ulList01 li {
	margin-bottom: 32px;
}
.comRecruit .job td .ulList01 li:last-child {
	margin-bottom: 0;
}
.comRecruit .job td dt {
	float: left;
	clear: left;
	font-weight: 700;
}
.comRecruit .job td dt span {
	font-weight: 400;
}
.comRecruit .job td .dlList01 dd {
	padding-left: 10.3em;
}
.comRecruit .job td .dlList02 dd {
	padding-left: 2.8em;
}
.comRecruit .job td .dlList01 {
	margin-bottom: 32px;
}
.comRecruit .job td .note {
	padding-left: 1.1em;
	text-indent: -1.1em;
}
.comRecruit .flowImg {
	margin-bottom: 40px;
}
.comRecruit .headLine02 {
	margin-bottom: 24px;
	letter-spacing: 0.1em;
}
.comRecruit .linkList {
	margin-top: -30px;
	margin-bottom: 50px;
}
.comRecruit .linkList li {
	margin-top: 30px;
	margin-right: 30px;
	width: 250px;
}
.comRecruit .linkList li a {
	display: block;
	border: #dadada solid 1px;
}
.comRecruit .linkList li a:hover {
	opacity: 0.7;
}
.comRecruit .ctaBox {
	padding: 37px 41px 51px;
	border: 10px solid #f2f2f2;
}
.comRecruit .ctaBox .headLine02 {
	margin-bottom: 25px;
}
.comRecruit .ctaBox .headLine06 {
	margin-bottom: 20px;
}
.comRecruit .ctaBox p {
	letter-spacing: 0.1em;
	line-height: 2;
}
.comRecruit .ctaBox p .fwBold {
	font-weight: 700;
}
.comRecruit .ctaBox p a:not([href^="tel:"]) {
	color: #e60012;
	text-decoration: underline;
}
.comRecruit .ctaBox section {
	margin-bottom: 40px;
}
.comRecruit .ctaBox section:last-child {
	margin-bottom: 0 !important;
}

.comRecruit .ratioBox th,
.comRecruit .ratioBox td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 15px 0 15px;
}

.comRecruit .ratioBox .cap{
	text-align: center;
	background: #e8e8e8;
	width:40%!important;
}

.comRecruit .ratioBox th {
	text-align: center;
	background: #e8e8e8;
	width:20%!important;
}

.comRecruit .ratioBox td {
	text-align: center;
	background: #FFF;
	width:20%!important;
}

.comRecruit .qaList {
	margin-bottom: 45px;
}
.comRecruit .qaList dt {
	margin-bottom: 16px;
	color: #e60012;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.45;
}
.comRecruit .qaList dd {
	margin-bottom: 34px;
	line-height: 2;
	letter-spacing: 0.1em;
}
.comRecruit .qaList dd:last-child {
	margin-bottom: 0;
}
.comRecruit .qaList dd p {
	margin-bottom: 32px;
}
.comRecruit .qaList dd p:last-child {
	margin-bottom: 0;
}
.comRecruit p .redTxt {
	color: #e60012;
}
@media all and (min-width: 897px) {
	.comRecruit .btnList li .photo img, .comRecruit .btnList li .text::after {
		transition: all 0.3s;
	}
	.comRecruit .btnList li a:hover .photo img {
		transform: scale(1.2);
	}
	.comRecruit .btnList li a:hover .text::after {
		right: 0;
	}
	.comRecruit .ctaBox p a:hover {
		text-decoration: none;
	}
}
@media all and (max-width: 896px) {
	.comRecruit .secBox {
		margin-bottom: 26px;
	}
	.comRecruit .sec01 {
		margin-bottom: 25px;
	}
	.comRecruit .sec02 {
		margin-bottom: 26px;
	}
	.comRecruit .headLine01 {
		margin-bottom: 15px;
	}
	.comRecruit .imageList {
		margin: -10px 0 0;
	}
	.comRecruit .imageList li {
		margin: 10px 0 0;
		width: 32%;
	}
	.comRecruit .imageList li:nth-child(3n-1) {
		margin: 10px 2% 0;
	}
	.comRecruit .btnList {
		margin-top: -19px;
	}
	.comRecruit .btnList::after {
		display: none;
	}
	.comRecruit .btnList li {
		margin-top: 19px;
		width: 48.1%;
	}
	.comRecruit .btnList li .photo {
		margin-bottom: 6px;
	}
	.comRecruit .btnList li .text {
		padding: 0 15px 0 5px;
		line-height: 1.45;
		letter-spacing: 0.05em;
	}
	.comRecruit .btnList li .text::after {
		width: 11px;
		height: 11px;
		right: 4px;
		background-size: 11px auto;
	}
	.comRecruit .sec02 .headLine01 {
		margin-bottom: 0;
		padding-bottom: 13px;
	}
	.comRecruit .job th, .comRecruit .job td {
		padding: 0 0 10px;
		width: 100% !important;
		display: block;
		box-sizing: border-box;
		text-align: justify;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	.comRecruit .job th {
		padding: 7px 0 2px;
		border-bottom: none;
	}
	.comRecruit .job td .ulList li {
		margin-bottom: 10px;
		padding-left: 0.6em;
		text-indent: -0.6em;
	}
	.comRecruit .job td .ulList li:last-child {
		margin-bottom: 0;
	}
	.comRecruit .job td .ulList01 li {
		margin-bottom: 7px;
	}
	.comRecruit .job td .ulList01 li:last-child {
		margin-bottom: 0;
	}
	.comRecruit .job td .text01 {
		margin-bottom: 10px;
	}
	.comRecruit .job td .dlList01 dd {
		padding-left: 10em;
	}
	.comRecruit .job td .dlList02 dd {
		padding-left: 2.6em;
	}
	.comRecruit .job td .dlList01 {
		margin-bottom: 7px;
	}
	.comRecruit .flowImg {
		margin-bottom: 20px;
		text-align: center;
	}
	.comRecruit .headLine02 {
		margin-bottom: 10px;
		letter-spacing: 0.05em;
	}
	.comRecruit .linkList {
		margin: 0 auto 30px;
		width: 170px;
		display: block;
	}
	.comRecruit .linkList li {
		margin: 0 0 20px;
		width: auto;
	}
	.comRecruit .linkList li:last-child {
		margin-bottom: 0;
	}
	.comRecruit .ctaBox {
		padding: 18px 24px 25px;
		border: 6px solid #f2f2f2;
	}
	.comRecruit .ctaBox .headLine02 {
		margin-bottom: 3px;
		line-height: 1.5;
	}
	.comRecruit .ctaBox .headLine06 {
		margin-bottom: 8px;
		text-align: left;
	}
	.comRecruit .ctaBox .headLine06::after {
		left: 3px;
		transform: none;
	}
	.comRecruit .ctaBox section {
		margin-bottom: 20px;
	}
	.comRecruit .ctaBox p {
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	
	
.comRecruit .ratioBox th,
.comRecruit .ratioBox td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 30px 0 30px;
}

.comRecruit .ratioBox .cap{
	text-align: center;
	background: #e8e8e8;
	width:40%!important;
	display: table-cell!important;
}

.comRecruit .ratioBox th {
	text-align: center;
	background: #e8e8e8;
	width:20%!important;
	display: table-cell!important;
}

.comRecruit .ratioBox td {
	text-align: center;
	background: #FFF;
	width:20%!important;
	display: table-cell!important;
}

	.comRecruit .qaList {
		margin-bottom: 25px;
	}
	.comRecruit .qaList dt {
		margin-bottom: 2px;
		padding-left: 1.2em;
		text-indent: -1.2em;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		line-height: 1.75;
	}
	.comRecruit .qaList dd {
		margin-bottom: 18px;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	.comRecruit .qaList dd:last-child {
		margin-bottom: 0;
	}
	.comRecruit .qaList dd p {
		margin-bottom: 24px;
	}
	.comRecruit .qaList dd p:last-child {
		margin-bottom: 0;
	}
}
/*------------------------------------------------------------
	comInterview
------------------------------------------------------------*/
.comInterview {
	margin-bottom: 99px;
}
.comInterview .photoBox {
	margin-left: auto;
	margin-right: 50px;
	width: 770px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.comInterview .photoBox .txtList {
	box-sizing: border-box;
	padding: 36px 40px 36px 50px;
	width: 200px;
	position: absolute;
	left: -150px;
	top: 80px;
	text-align: left;
	background: #e60012;
}

.comInterview .photoBox .txtList.gradS{
	padding: 36px 30px 36px 40px;
	width: 233px;
}

.comInterview .photoBox .txtList li {
	color: #fff;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
}
.comInterview .textBox {
	margin: -50px 200px 0 0;
	padding: 90px 100px 93px;
	background: #f6f6f6;
}
.comInterview .textBox p {
	margin-bottom: 32px;
	text-align: justify;
	letter-spacing: 0.1em;
	line-height: 2;
}
.comInterview .textBox p:last-child {
	margin-bottom: 0;
}
.comInterview01 .photoBox {
	margin-left: 50px;
	margin-right: auto;
}
.comInterview01 .photoBox .txtList {
	left: auto;
	right: -150px;
}
.comInterview01 .textBox {
	margin: -50px 0 0 200px;
}
.comInterview.mb01 {
	margin-bottom: 70px;
}
@media all and (max-width: 896px) {
	.comInterview {
		margin-bottom: 30px;
		padding-top: 25px;
	}
	.comInterview .photoBox {
		margin: 0;
		width: auto;
	}
	.comInterview .photoBox img {
		width: 100%;
	}
	.comInterview .photoBox .txtList {
		padding: 9px 15px 19px;
		width: 100px;
		left: -10px;
		top: -25px;
	}
	.comInterview .photoBox .txtList.gradS{
		padding: 9px 15px 19px;
		width: 133px;
		left: -10px;
		top: -25px;
	}
	.comInterview .photoBox .txtList li {
		font-size: 1rem;
		line-height: 1.8;
	}
	.comInterview .textBox {
		margin: -30px -20px 0;
		padding: 52px 20px 22px;
	}
	.comInterview .textBox p {
		margin-bottom: 24px;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	.comInterview .textBox p:last-child {
		margin-bottom: 0;
	}
	.comInterview01 .photoBox {
		margin: 0;
	}
	.comInterview01 .photoBox .txtList {
		left: -10px;
		right: auto;
	}
	.comInterview01 .textBox {
		margin: -30px -20px 0;
	}
	.comInterview.mb01 {
		margin-bottom: 30px;
	}
}
/*------------------------------------------------------------
	scroll-hint
------------------------------------------------------------*/
@media all and (max-width: 896px) {
	.scroll-hint-icon {
		padding: 7px 10px 10px;
		width: 142px;
		height: 92px;
		top: 29%;
		left: calc(50% - 71px);
		z-index: 3;
		border: 2px solid #AFADAE;
		background: rgba(255, 255, 255, 0.9);
	}
	.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
		opacity: 1;
	}
	.scroll-hint-icon::before {
		width: 40px;
		height: 52px;
		background: url("../../images/common/icon_finger.svg") no-repeat center center / 34px auto;
	}
	.scroll-hint-icon::after {
		display: none;
	}
	.scroll-hint-text {
		color: #595757;
		font-weight: 700;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	  animation: scroll-hint-appear 2.4s linear;
	  animation-iteration-count: 3;
	}
}