@charset "UTF-8";
/* 見出し */
.products-sub-title {
	font-weight: 300;
}
.sub-section .sub-title {
	padding: 0.2em 0.5em;
	background: #f8f8f8;
	margin-bottom: 20px;
	font-weight: 300;
}
.sub-section .sub-title2 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.sub-section .sub-heading {
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 768px) {
	.sub-title-container {
		margin-bottom: 3rem;
	}
	.products-sub-title {
		font-size: 2.8rem;
	}
	.sub-section .sub-title {
		font-size: 2.6rem;
	}
}
@media only screen and (max-width: 767px) {
	.sub-title-container {
		margin-bottom: 2rem;
	}
	.products-sub-title {
		flex-shrink: 0;
		font-size: 2.2rem;
	}
}

/* general */
.maxImg img {
	max-width: 100%;
	width: auto;
}
.txtIndent {
	text-indent: -1em;
	padding-left: 1em;
}
.txtIndent5 {
	text-indent: -5em;
	padding-left: 5em;
}
.linkTxt{
	text-align: right;
}
.listDot {
	padding-left: 1em;
	background:url("/support/images/ico_circle_gray_s.gif") no-repeat 3px 8px;
}
.linkAr{
	display: inline-block;
	background: none;
	padding: 0;
	position: relative;
	padding-left: 1em;
}
.linkAr::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  display: inline-block;
  font-size: 1.2em;
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 0;
  margin-top: -0.4em;
}
.linkAr._red::before {
	color: #EF0000;
}
.txtLink:link{
	color: #000099;
}
.txtLink:visited{
	color: #660099;
}
.txtLink:hover{
	color: #FF6633;
  text-decoration: none;
}
.txtLink:active{
	color: #FF6633;
}
/* 背景画像『○1.2.3…』 */
.listFlow2 {
	padding-top:10px;
}
.listFlow2 li {
	padding-left:25px;
	padding-bottom:10px;
	list-style:none;
}
.listFlow2 .no01 { background:url("/support/images/img_no1_black.gif") no-repeat 0 6px; }
.listFlow2 .no02 { background:url("/support/images/img_no2_black.gif") no-repeat 0 6px; }
.listFlow2 .no03 { background:url("/support/images/img_no3_black.gif") no-repeat 0 6px; }
.listFlow2 .no04 { background:url("/support/images/img_no4_black.gif") no-repeat 0 6px; }
.listFlow2 .no05 { background:url("/support/images/img_no5_black.gif") no-repeat 0 6px; }
.listFlow2 .no06 { background:url("/support/images/img_no6_black.gif") no-repeat 0 6px; }
.listFlow2 .no07 { background:url("/support/images/img_no7_black.gif") no-repeat 0 6px; }
.listFlow2 .no08 { background:url("/support/images/img_no8_black.gif") no-repeat 0 6px; }
.listFlow2 .no09 { background:url("/support/images/img_no9_black.gif") no-repeat 0 6px; }
.listFlow2 .no10 { background:url("/support/images/img_no10_black.gif") no-repeat 0 6px; }
.listFlow2 .no11 { background:url("/support/images/img_no11_black.gif") no-repeat 0 6px; }
.listFlow2 .no12 { background:url("/support/images/img_no12_black.gif") no-repeat 0 6px; }
.listFlow2 .no13 { background:url("/support/images/img_no13_black.gif") no-repeat 0 6px; }
.listFlow2 .no14 { background:url("/support/images/img_no14_black.gif") no-repeat 0 6px; }
.listFlow2 .no15 { background:url("/support/images/img_no15_black.gif") no-repeat 0 6px; }
.listFlow2 .no16 { background:url("/support/images/img_no16_black.gif") no-repeat 0 6px; }
.listFlow2 .no17 { background:url("/support/images/img_no17_black.gif") no-repeat 0 6px; }
.listFlow2 .no18 { background:url("/support/images/img_no18_black.gif") no-repeat 0 6px; }
.listFlow2 .no19 { background:url("/support/images/img_no19_black.gif") no-repeat 0 6px; }
.listFlow2 .no20 { background:url("/support/images/img_no20_black.gif") no-repeat 0 6px; }
.listFlow2 .no21 { background:url("/support/images/img_no21_black.gif") no-repeat 0 6px; }
.listFlow2 .no22 { background:url("/support/images/img_no22_black.gif") no-repeat 0 6px; }
.listFlow2 .no23 { background:url("/support/images/img_no23_black.gif") no-repeat 0 6px; }
.listFlow2 .no24 { background:url("/support/images/img_no24_black.gif") no-repeat 0 6px; }
.listFlow2 .no25 { background:url("/support/images/img_no25_black.gif") no-repeat 0 6px; }
.listFlow2 .no26 { background:url("/support/images/img_no26_black.gif") no-repeat 0 6px; }
.listFlow2 .no27 { background:url("/support/images/img_no27_black.gif") no-repeat 0 6px; }
.listFlow2 .no28 { background:url("/support/images/img_no28_black.gif") no-repeat 0 6px; }
.listFlow2 .no29 { background:url("/support/images/img_no29_black.gif") no-repeat 0 6px; }
.listFlow2 .no30 { background:url("/support/images/img_no30_black.gif") no-repeat 0 6px; }
@media only screen and (max-width: 767px) {
	.maxImg img {
		width: 100%;
		height: auto;
	}
	.autoImg img {
		width: auto;
	}
	.linkTxt {
		text-align: left;
	}
}


/* kaisen */
.kaisenCont{
	margin: 20px 0 40px;
}
.kaisenSubCont{
	margin-top: 30px;
}

/* kaisenStepArea */
.kaisenStepArea{
	display: flex;
	justify-content: space-between;
	margin: 30px 0;
}
.kaisenStepBlock{
	width: 30%;
	border: #797979 1px solid;
	border-radius: 8px;
	position: relative;
}
.kaisenStepBlock .step{
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	background: #797979;
	border-radius: 8px 8px 0 0;
}
.kaisenStepBlock .text{
	font-weight: bold;
	background: #fff;
	padding: 10px;
	border-radius: 0 0 8px 8px;
}
.kaisenStepBlock:last-child::after {
	border: none;
}
@media screen and (min-width: 768px) {
	.kaisenStepBlock::after {
		border-left: 15px solid #fa0300;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		content: "";
		position: absolute;
		top: 40%;
		margin: auto;
		right: -11%;
	}
}
@media only screen and (max-width: 767px) {
	.kaisenStepArea{
		flex-direction: column;
	}
	.kaisenStepBlock {
		width: 100%;
		margin-bottom: 50px;
	}
	.kaisenStepBlock:last-child {
		margin-bottom: 0;
	}
	.kaisenStepBlock {
		margin-bottom: 40px;
	}
	.kaisenStepBlock:after {
		border-top: 15px solid #fa0300;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		content: "";
		position: absolute;
		bottom: -30px;
		left: 46%;
	}
}

/* listFlow2 */
@media screen and (min-width: 768px) {
	.listFlow2 .col2{
		display: flex;
	}
	.listFlow2 .col2 .text{
		width: 30%;
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.listFlow2 .col2 .img{
		margin-left: 30px;
		margin-bottom: 30px;
	}
}

/* flow col3 */
@media screen and (min-width: 768px) {
	.flow.col3{
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.flow.col3 li{
		width: 25%;
	}
	.flow.col3 li .img{
		margin-top: 20px;
		margin-left: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.flow.col3 li .img{
		margin: 20px 0 30px 20px;
	}
}

/* modelList */
.modelList span{
	display: inline-block;
	margin-right: 1em;
}