@charset "utf-8";

/* -----------------------------------------------------------
ページ共通
-------------------------------------------------------------- */
.corporate .underttl-service {
	border-radius: 10px;
}

.corporate .underttl-service .sub {
	color: #20546B;
}

.corporate .cmn-section-ttl {
	position: relative;
	border-bottom: 3px solid #CBCBCB;
	font-size: 3.7rem;
}

.corporate .cmn-section-ttl::before {
	content: "";
	width: 60px;
	height: 3px;
	background: #20546B;
	display: block;
	position: absolute;
	bottom: -3px;
	left: 0;
}

.sub-catch {
	display: inline-block;
	margin: 0 0 12px;
	padding: 3px 10px 3px 15px;
	font-size: 2.2rem;
	color: #fff;
	background: #20546B;
	border-radius: 2px;
}

.corporate  .img {
	overflow: hidden;
	border-radius: 5px;
	flex-shrink: 0;
}

.corporate  .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.corporate .other-area {
	background: #f9f9f9;
}

.corporate .f_company_address_area {
	background: #F4F4F4;
}

.corporate .important {
	color: #DE8717;
	/*background-image: linear-gradient(to right, #FFE38E 0%, #FFE38E 50%, transparent 50%);
	background-repeat: no-repeat;
    background-size: 200% 10px;
	background-position: 0% 100%;
	mix-blend-mode: multiply;*/
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
    .service-cmn .underttl-service {
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }
}

@media screen and (max-width: 768px) {
	.corporate .underttl-service {
		border-radius: 8px 8px;
	}
	
	.sub-catch  {
		font-size: 1.8rem;
		padding: 5px 10px 5px 15px;
	}
	
	.corporate .cmn-section-ttl {
		font-size: 2.4rem;
	}
	
	.corporate .img {
		width: 100%;
	}
}

#fac-war .underttl-area {
	background-image: url("../img/underttl-factory-warehouse.jpg")
}

#fac-war .intro-area .intro-inner {
	background: #EFF8FB;
	border-radius: 5px;
}

.service-cmn .intro-area .intro-inner .ttl::before {
	content: none;
}

#fac-war .intro-area .ttl > .small {
	font-size: 70%!important;
	font-weight: 500!important;
}

#fac-war .intro-area .img-wrap li:first-child img {
	width: 220px;
}

#fac-war .intro-area .img-wrap li:nth-child(2) img {
	width: 200px;
}

#fac-war .intro-area .img-wrap li:nth-child(2) {
	margin: 30px 0 0 0;
}

#fac-war .intro-area .img-wrap li:nth-child(3) img {
	width: 230px;
}

#fac-war .intro-area .img-wrap li:nth-child(4) {
	margin: 12px 0 0 0;
}

#fac-war .intro-area .img-wrap li:nth-child(4) img {
	width: 220px;
}

@media screen and (max-width: 768px) {
	#fac-war .underttl-service .ja {
		line-height: 1.2;
	}
	
	#fac-war .intro-area .img-wrap li:first-child {
		width: 44.6%;
		max-width: 136px;
	}
	
	#fac-war .intro-area .img-wrap li:nth-child(2) {
		width: 45.5%;
		max-width: 151px;
	}
	
	#fac-war .intro-area .img-wrap li:nth-child(3) {
		width: 49.5%;
		max-width: 150px;
	}
	
	#fac-war .intro-area .img-wrap li:nth-child(4) {
		width: 46%;
		max-width: 140px;
		margin: 10px 0 0 15px;
	}
}

#fac-war .subtro-area {
	margin: 80px 0;
}

#fac-war .subtro-area .ttl {
	font-size: 3.3rem;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: .03em;
	margin: 0 0 30px;
}

#fac-war .subtro-area .discript {
	line-height: 2.3;
	margin: 30px 0 0 0;
	letter-spacing: .03em;
}

#fac-war .subtro-wrap {
	display: flex;
	align-items: center;
	gap: 60px;
	margin: 0 0 20px;
}

/*#fac-war .subtro-wrap .img {
	width: 500px;
	aspect-ratio: 500 / 350;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 5px;
}*/

#fac-war .subtro-wrap .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#fac-war .subtro-box > .discript:first-of-type {
	margin: 0;
}

#fac-war .subtro-list {
	/*border: 1px solid #20546B;*/
	margin: 20px 0 0;
	/*padding: 30px 25px;*/
}

#fac-war .subtro-list > li {
	background-color: #EFF8FB;
	border-radius: 5px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px 25px;
	margin-bottom: 15px;
	display: flex;
    align-items: center;
	gap: 15px;
}

/*
#fac-war .subtro-list > li::before {
	content: "";
	background: url("../img/checkmark-blue.png") no-repeat center/contain;
	flex-shrink: 0;
	width: 17px;
	aspect-ratio: 56/50;
	padding: 9px 0 0;
}
*/

@media screen and (max-width: 768px) {
	#fac-war .subtro-area {
		margin: 50px 0;
	}
	
	#fac-war .subtro-area .ttl {
		font-size: 2.4rem;
		margin: 0 0 20px;
	}	
	
	#fac-war .subtro-wrap {
		flex-direction: column-reverse;
		gap: 20px;
	}
	
	#fac-war .subtro-list > li {
		gap: 15px;
		font-size: 1.7rem;
		padding: 15px;
	}
}

#fac-war .subtro-area .slide {
	display: flex;
	overflow: hidden;
	margin: 60px 0 0 0;
}

#fac-war .subtro-area .slide ul {
	display: flex;
	max-width: 1600px;
	margin: 0 auto;
}

#fac-war .subtro-area .slide li {
	width: 25%;
}

#fac-war .subtro-area .slide li img {
	width: 100%;
}


@media screen and (min-width: 769px) {
	/*pc only*/
		#fac-war .subtro-area .slide ul:last-child {
		display: none;
	}
}


@media screen and (max-width: 768px) {
		
	#fac-war .subtro-area .slide {
		margin: 30px 0 0 0;
	}
	
	#fac-war .subtro-area .slide ul {
		max-width: unset;
		animation: slider 30s infinite linear .5s both;
	}
	
	#fac-war .subtro-area .slide li {
		width: 50vw;
	}
	
}


/* -----------------------------------------------------------
    facwar-strong-area
-------------------------------------------------------------- */

#fac-war .facwar-strong-area {
	background: #EFF8FB;
	margin: 100px 0 0 0;
	padding: 70px 0;
}

#fac-war .facwar-strong-area .facwar-strong-box {
	margin: 40px 0 0 0;
}

#fac-war .facwar-strong-area .facwar-strong-box.sub01 {
	margin: 60px 0 0 0;
}

#fac-war .facwar-strong-box .box-inner {
	
}

/*#fac-war .strong-area .box-inner .box-left {
	position: relative;
	float: left;
	width: 580px;
}*/

#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap {
	margin: 0 0 30px;
}

#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .sub-ttl {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	font-size: 2.4rem;
	color: #fff;
	/*background: #f0822d;*/
	margin: 0 0 15px;
	padding: 
}

#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .sub-ttl .sub-band {
	/*background: #545cb2;*/
	color: #20546B;
	font-size: 2.4rem;
	font-weight: 600;
	/*padding: 5px 25px;*/
	/*border-radius: 5px;*/
}

#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .sub-ttl::before {
	content: "";
	flex-shrink: 0;
	margin: 0 0 3px;
	width: 70px;
	aspect-ratio: 99 / 73;
}

#fac-war .facwar-strong-area .facwar-strong-box.sub01 .ttl-wrap .sub-ttl::before {
	background: url("../img/icon-strengths01-b.png") no-repeat center/contain;
}

#fac-war .facwar-strong-area .facwar-strong-box.sub02 .ttl-wrap .sub-ttl::before {
	background: url("../img/icon-strengths02-b.png") no-repeat center/contain;
}

#fac-war .facwar-strong-area .facwar-strong-box.sub03 .ttl-wrap .sub-ttl::before {
	background: url("../img/icon-strengths03-b.png") no-repeat center/contain;
}

#fac-war .facwar-strong-area .facwar-strong-box.sub04 .ttl-wrap .sub-ttl::before {
	background: url("../img/icon-strengths04-b.png") no-repeat center/contain;
}

#fac-war .facwar-strong-area .facwar-strong-box.sub05 .ttl-wrap .sub-ttl::before {
	background: url("../img/icon-strengths05-b.png") no-repeat center/contain;
}

#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .ttl {
	color: #153A4A;
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.3;
}

#fac-war .facwar-strong-area .facwar-strong-box .box-inner {
	display: flex;
	/*align-items: center;*/
	flex-wrap: wrap;
	gap: 20px 40px;
	width: 1200px;
	margin: 0 auto;
	padding: 40px 60px 60px;
	/*border-radius: 20px;*/
	/*background: #ffefe5;*/
	/*background: #F5F6FF;*/
	background: #fff;
	border-radius: 5px;
}

#fac-war .facwar-strong-area .box-inner .img {
	margin: 40px 0 0;
	width: 450px;
	/*height: 380px;*/
	flex-shrink: 0;
}

#fac-war .facwar-strong-area .box-inner .img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

#fac-war .facwar-strong-area .box-inner .facwar-piont, 
#fac-war .facwar-strong-area .box-inner .facwar-colum {
	border: 3px dotted #20546B;
	border-radius: 5px;
	width: 100%;
	flex-shrink: 0;
	margin: 30px 0 0;
	padding: 35px 40px 30px;
	position: relative;
}

#fac-war .facwar-strong-area .box-inner .facwar-colum {
	padding: 25px 40px 30px;
}

#fac-war .facwar-strong-area .facwar-strong-box  .box-inner .facwar-box {
	max-width: 590px; 
}

#fac-war .facwar-strong-area .facwar-strong-box  .box-inner .facwar-box .descript {
	line-height: 2.18;
	letter-spacing: .02em;
	font-size: 1.6rem;
	max-width: 610px; 
}

#fac-war .facwar-strong-area .facwar-strong-box  .box-inner .facwar-box .kome {
	font-size: 80%;
	margin: 10px 0 0;
	line-height: 1.6;
	letter-spacing: .05em;
}

.facwar-piont-ttl {
	background: #20546B;
	border-radius: 5px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 500;
	margin: 0 0 15px;
	padding: 2px 12px;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
}

.facwar-colum-ttl {
	color: #20546B;
	font-size: 2.0rem;
	font-weight: 600;
	margin: 0 0 15px;
}

#fac-war .facwar-strong-area .facwar-strong-box.sub03 .facwar-piont-ttl .fas::before {
	content: "\f0ad";
	color: #fff;
	margin-right: 8px;
}

.facwar-piont .facwar-piont-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 25px;
}

.facwar-piont .facwar-piont-list li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 1.7rem;
}

.facwar-piont .facwar-piont-list li::before {
	content: "";
	background: url("../img/checkmark-blue.png") no-repeat center/contain;
	margin: 2px 0 0;
	width: 18px;
	aspect-ratio: 1 / 1;
}

.facwar-piont-txt,
.facwar-colum-txt {
	line-height: 1.8;
	letter-spacing: .02em;
}

#fac-war .service-cmn .strong-area .strong-case {
	width: 53%;
	margin: 20px 0 0 auto;
}

#fac-war .service-cmn .strong-area .strong-case .case-ttl-wrap {
	display: flex;
	align-items: center;
}

#fac-war .service-cmn .strong-area .strong-case .case-ttl-wrap img {
	width: 67px;
}

#fac-war .service-cmn .strong-area .strong-case .case-ttl {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 0 15px;
}

#fac-war .service-cmn .strong-area .strong-case .case-ttl span {
	font-size: 1.6rem;
	font-weight: 400;
	display: block;
	margin: 0 0 13px 0;
}

#fac-war .service-cmn .strong-area .strong-case .case-note {
	line-height: 2.18;
	position: relative;
	min-height: 104px;
	margin: 15px 0 0 0;
	padding: 0 150px 0 0;
}

#fac-war .service-cmn .strong-area .strong-case .case-note::before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 135px;
	height: 138px;
	content: '';
	background: url('../img/cmn-man.png') center center/contain no-repeat;
}


@media screen and (min-width: 769px) and (max-width: 1400px) {

	/*#fac-war .facwar-strong-area .facwar-strong-box .box-inner {
		width: 100%;
		padding: 40px 40px 50px 40px;
		border-radius: 0;
		gap: 55px;
	}
*/
}


@media screen and (max-width: 768px) {
	#fac-war .facwar-strong-area {
		margin: 80px 0 0 0;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box {
		margin: 30px 20px 0;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box.sub01 {
		margin: 40px 20px 0;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .facwar-box {
		display: contents;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap {
		margin: 0 0 20px;
		order: 1;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .sub-ttl .sub-band {
		border-radius: 50px;
		font-size: 1.8rem;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap.long .sub-ttl .sub-band {
		
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .sub-ttl {
		gap: 5px;
		font-size: 2.0rem;
		/*font-weight: 600;*/
		margin: 0 0 15px;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .sub-ttl::before {
		width: 60px;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap.long .sub-ttl {
		font-size: 1.7rem;
		line-height: 1.5;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .ttl-wrap .ttl {
		font-size: 2.6rem;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box .box-inner {
		flex-direction: column;
		gap: 0;
		padding: 30px 20px 40px;
		width: 100%;
	}
	
	#fac-war .facwar-strong-area .box-inner .img {
		order: 2;
		margin: 0 0 20px;
		width: 100%;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box  .box-inner .facwar-box .descript {
		order: 3;
		margin: 0;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box  .box-inner .facwar-box .kome {
		order: 4;
	}
	
	#fac-war .facwar-strong-area .box-inner .facwar-piont {
		order: 3;
		margin: 30px 0 0;
		padding: 35px 20px 30px;
		width: 100%;
	}
	
	#fac-war .facwar-strong-area .box-inner .facwar-colum {
		order: 3;
		padding: 15px 20px 30px;
	}
	
	.facwar-piont-ttl {
		white-space: nowrap;
	}
	
	#fac-war .facwar-strong-area .facwar-strong-box.sub03 .facwar-piont-ttl {
		text-align: center;
		margin: 0 0 20px;
		padding: 3px 12px;
	}
	
	.facwar-colum-ttl {
		font-size: 1.8rem;
	}
	
	#fac-war .facwar-strong-area .box-inner .facwar-colum-txt {
		
	}
	
	#fac-war .facwar-strong-area .box-inner .facwar-piont-list {
		gap: 15px;
	}
	
	#fac-war .facwar-strong-area .box-inner .facwar-piont-list li {
		align-items: flex-start;
		line-height: 1.3;
	}
	
	#fac-war .facwar-strong-area .box-inner .facwar-piont-list li::before {
		margin: 3px 0 0;
	}


	.service-cmn .strong-area {
		margin: 40px 0 0 0;
	}
	
	.service-cmn .strong-area .strong-box {
		margin: 30px 0 0 0;
	}
	
	.service-cmn .strong-area .strong-box.strong-box-first {
		margin: 30px 0 0 0;
	}
	
	.service-cmn .strong-area .box-inner {
		position: relative;
		width: 100%;
		padding: 30px 20px;
		border-radius: 0;
	}
	
	.service-cmn .strong-area .box-inner .box-left {
		position: static;
		float: none;
		width: 100%;
	}
	
	.service-cmn .strong-area .box-inner .box-left .ttl-wrap {
		margin: 0;
		padding: 0;
	}
	
	.service-cmn .strong-area .box-inner .box-left .ttl-wrap .ttl {
		font-size: 2.4rem;
		margin: 5px 0 0 10px;
	}
	
	.service-cmn .strong-area .box-inner .box-left .ttl-wrap .icon-strengths {
		width: 60px;
		margin: 0;
	}
	
	.service-cmn .strong-area .box-inner .box-left .img {
		bottom: -260px;
		left: 50%;
		width: calc(100% - 40px);
		height: 240px;
		margin: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: center;
	}
	
	.service-cmn .strong-area .box-inner .descript {
		line-height: 2;
		float: none;
		width: 100%;
		margin: 15px 0 0 0;
	}
	
	.service-cmn .strong-area .strong-case {
		width: 100%;
		margin: 270px 0 0 0;
	}
	
	.service-cmn .strong-area .strong-case .case-ttl-wrap img {
		width: 43px;
		margin: 0;
	}
	
	.service-cmn .strong-area .strong-case .case-ttl {
		line-height: 1.4;
	}
	
	.service-cmn .strong-area .strong-case .case-ttl span {
		font-size: 1.5rem;
		margin: 0 0 10px 0;
	}
	
	.service-cmn .strong-area .strong-case .case-note {
		line-height: 2;
		min-height: auto;
		padding: 0;
	}
	
	.service-cmn .strong-area .strong-case .case-note::before {
		display: none;
	}
	
}

#fac-war .service-area {
	margin: 0;
}

#fac-war .service-area .service-links .num01 {
	display: block;
	padding: 0;
}

#fac-war .service-area .service-links .num01 .num01-box {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 0 50px 0;
	padding: 0 0 0 40px;
	align-items: center;
}

#fac-war .service-area .service-links .num01 .num01-box .img {
	border-top-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 10px;
	flex-shrink: 0;
	width: 500px;
}

#fac-war .service-area .service-links .num01 .num01-box .elements {
	margin: 0 40px 0 0;
}

#fac-war .service-area .service-links .num01 .num01-box .elements .ttl {
	margin: 25px 0 0 0;
}

#fac-war .service-area .service-links .num01 .num01-box .elements .note {
	margin: 25px 0 0 0;
}

#fac-war .service-area .service-links .num01 .num01-note-ttl {
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	margin: 0 40px 10px;
	/*color: #f39800;*/
}

#fac-war .num01-note-ttl .fukidasi {
	display: flex;
	align-items: center;
	gap: 3px;
}

#fac-war .num01-note-ttl .fukidasi::before, 
#fac-war .num01-note-ttl .fukidasi::after {
    content: '';
    width: 25px;
    height: 3px;
    background-color: #f39800;
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
	flex-shrink: 0;
}

#fac-war .num01-note-ttl .fukidasi::after{
	-webkit-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

#fac-war .service-area .service-links .num01 .num01-note {
	border-radius: 5px;
	margin: 0 40px 40px;
	padding: 30px 40px 40px;
	display: flex;
	gap: 50px;
	background: #fffaf0;
}

#fac-war .service-area .service-links .num01 .num01-note .basic-txt {
	line-height: 1.8;
}

#fac-war .service-area .service-links .num01 .note01, 
#fac-war .service-area .service-links .num01 .note02 {
	/*padding: 0 40px;*/
	width: calc((100% - 50px) / 2);
}

#fac-war .service-area .service-links .num01 .note01 {
	/*margin: 45px 0 20px;*/
}

#fac-war .service-area .service-links .num01 .note02 {
	position: relative;
}

#fac-war .service-area .service-links .num01 .note02::before {
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: -30px;
	border-left: 2px dotted #b4aa9d;
}

#fac-war .service-area .service-links .num01 .note01-ttl {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0 0 10px;
	color: #f0822d;
}

#fac-war .service-area .service-links .num01 .note01 .note01-ttl::before, 
#fac-war .service-area .service-links .num01 .note02 .note01-ttl::before {
	content: "";
	background-color: #b4aa9d;
	width: 40px;
	aspect-ratio: 1 / 1;
	flex-shrink: 0;
}

#fac-war .service-area .service-links .num01 .note01 .note01-ttl::before {
	-webkit-mask: url("../img/wave.svg") no-repeat center/contain;
	mask: url("../img/wave.svg") no-repeat center/contain;
}

#fac-war .service-area .service-links .num01 .note02 .note01-ttl::before {
	-webkit-mask: url("../img/windy.svg") no-repeat center/contain;
	mask: url("../img/windy.svg") no-repeat center/contain;
}

/*#fac-war .service-area .service-links .num01 .note01-ttl::before {
	content: "";
	background: url("../img/checkmark-orange.png") no-repeat center/contain;
	margin: 3px 0 0;
	width: 25px;
	aspect-ratio: 56 / 50;
}*/

@media screen and (max-width: 768px) {
	#fac-war .service-area .service-links li:first-of-type {
		padding: 0 0 30px!important;
	}
	
	#fac-war .service-area .service-links .num01 .num01-box {
		display: contents;
		padding: 0;
	}
	
	#fac-war .service-area .service-links .num01 .num01-box .img {
		width: 100%;
	}
	
	#fac-war .service-area .service-links .num01 .num01-note-ttl {
		font-size: 1.8rem;
		margin: 20px 10px 10px;
		text-align: center;
	}
	
	#fac-war .num01-note-ttl .fukidasi {
		/*align-items: flex-end;*/
	} 
	
	#fac-war .service-area .service-links .num01 .num01-note {
		display: block;
		margin: 0 20px;
		padding: 30px 20px;
	}
	
	#fac-war .service-area .service-links .num01 .note01, 
	#fac-war .service-area .service-links .num01 .note02 {
		width: 100%;
	}
	
	#fac-war .service-area .service-links .num01 .note02 {
		margin: 50px 0 0;
	}
	
	#fac-war .service-area .service-links .num01 .note02::before {
		border-left: 0;
		border-top: 2px dotted #b4aa9d;
		top: -25px;
		left: 0;
		width: 100%;
	}
	
	#fac-war .service-area .service-links .num01 .note01-ttl {
		font-size: 2.0rem;
	}
	
	/*#fac-war .service-area .service-links .num01 .note01 .note01-ttl,
	#fac-war .service-area .service-links .num01 .note02 .note01-ttl {
		font-size: 2.0rem;
	}*/
}

#fac-war .ex-area .ex-contents {
	background: #DDEEF3;
}

#fac-war .ex-area .ex-contents li {
	border-radius: 8px;
}

#fac-war .service-flow-area {
	background: url(../img/cor-flow-bg.jpg) center top / cover no-repeat;
}

#fac-war .service-flow-area .flow ul {
	gap: 30px;
}

#fac-war .service-flow-area .flow .step,
#fac-war .service-flow-area .flow .after  {
	margin: 30px 0 0;
	width: calc((100% - 60px) / 3);
}

#fac-war .service-flow-area .flow .step::before {
	right: -30px;
}

#fac-war .service-flow-area .flow .step .num {
	color: #20546B;
}

.service-flow-area .flow .step .descript a:not(.tel) {
	text-decoration: underline;
	color: #3C85A4 !important;
}

.service-flow-area .flow .step .descript a:not(.tel):hover {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	#fac-war .service-flow-area {
		margin: 50px auto 0;
		padding: 40px 0;
	}
	
	#fac-war .service-flow-area .step-header {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#fac-war .service-flow-area .flow .step {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 15px;
	}
	
	#fac-war .service-flow-area .flow .step::before {
		position: absolute;
		top: auto;
		bottom: -15px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		border-width: 24px 26px 0 26px;
		border-color: #d1c8bb transparent transparent transparent;
	}
	
	#fac-war .service-flow-area .flow .step img {
		display: block;
		max-width: 200px;
		margin: 15px auto 0;
	}
	
	#fac-war .service-flow-area .flow .step .num {
		font-size: 1.7rem;
	}
	
	#fac-war .service-flow-area .flow .step .subttl {
		font-size: 2rem;
		margin: 0 0 0 10px;
	}
	
	#fac-war .service-flow-area .flow .step .descript a.tel {
		color: #3C85A4 !important;
	}
	
	#fac-war .service-flow-area .flow .after {
		display: block;
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	#fac-war .service-flow-area .flow .after .after01 {
		padding: 0;
	}
	
	#fac-war .service-flow-area .flow .after .after02 {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 25px 15px 15px 15px;
	}
	
	#fac-war .service-flow-area .flow .after .after02::after {
		right: -20px;
		bottom: -55px;
		width: 86px;
		height: 88px;
	}
	
	#fac-war .service-flow-area .flow .after .after02 .after-headttl .img01 {
		width: 33px;
		height: 33px;
		margin: 0;
	}
	
	#fac-war .service-flow-area .flow .after .after02 .after-headttl .img02 {
		width: 80%;
		margin: 0 0 0 7px;
	}
	
	#fac-war .service-flow-area .flow .after .after02 .after-headttl .img {
		width: 100%;
		max-width: 400px;
		padding: 0;
	}
	
	#fac-war .service-flow-area .flow .after .after02 .after-links {
		display: block;
		margin: 0;
	}
	
	#fac-war .service-flow-area .flow .after .after02 .after-links a {
		width: 100%;
		max-width: 310px;
		margin: 15px auto 0;
		border-width: 2px;
	}
	
	#fac-war .service-flow-area .flow .after .after02 .after-links img {
		display: block;
		max-width: 200px;
		margin: 0 auto;
	}
	
	#fac-war .service-flow-area .flow .after .after02 .after-descript {
		line-height: 2;
	}
}