@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.gnav__item--oem a {
  background-color: rgba(255,255,255,0.2);
  border-radius: 5px;
}
.page {
  background: url("../images/oem-images/page-bg.jpg") 50% 20% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.message .wrapper {
	text-align: center;
}
.about .wrapper {
	text-align: center;	
}
.about .tit-cmn03 {
	color: #fff;
	border-bottom: 3px solid #fff;
}
.about .tit-cmn03:before {
	border-right: 3px solid #fff;
	background-color: #a6122a;
}

.about__inner {
	width: 60%;
	background-color: #fff;
	border-radius: 10px;
	padding: 50px;
	margin: 0 auto 60px auto;
}
.lot {
	display: flex;
	text-align: left;
	border-bottom: solid 1px var(--color01);
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.lot:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.lot__tit {
	width: 120px;
	color: var(--color01);
}
.lot__txt {
	flex: 1;
	color: #2d2d2d;
}

.faq {
	margin-bottom: 60px;
}
.faq:last-child {
	margin-bottom: 0;
}
.faq__tit {
	font-family: var(--font01);
	font-size: 2rem;
	border-bottom: solid 1px var(--color01);
	padding-bottom: 15px;
	padding-left: 1.5em; 
	text-indent: -1.5em; 
	margin-bottom: 20px;
}
.faq__tit::before {
	content: "Q";
	color: var(--color01);
	margin-right: 15px;
}
.faq__txt {
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
}

/*FLOW*/

.flow .wrapper {
  border-left: solid 1px var(--color01);
}
.flow__number {
  width: 150px;
  color: var(--color01);
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  padding: 5px 0;
  margin-bottom: 20px;
}
.flow__inner {
  overflow: hidden;
  margin-bottom: 50px;
}
.flow__inner p:last-child {
  margin-bottom: 0;
}
.flow__inner:last-child {
  margin-bottom: 0;
}
.flow__img {
  float: left;
  width: 40%;
  padding-left: 20px;
}
.flow__txt {
  float: right;
  width: 55%;
}
.flow__tit {
  color: var(--color01);
  font-size: clamp(2rem,2.875vw,2.5rem);
  margin-bottom: 30px;
}
.flow__tit02 {
  color: var(--color02);
  font-size: clamp(1.8rem,2.375vw,2rem);
  margin-bottom: 20px;
}
.flow__tit02::before {
	content: "/";
	margin-right: 5px;
}
.flow-list__item {
	float: left;
	color: #fff;
	background-color: var(--color02);
	padding: 5px 8px;
	border-radius: 3px;
	margin: 0 15px 15px 0;
}
.flow-list__item::before {
	content: "\f00c";
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 7px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}

/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.about__inner {
	width: 80%;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.message p {
	text-align: left;
}

.about p {
	text-align: left;
}
.about .tit-cmn03 {
	border-bottom: 2px solid #fff;
}
.about .tit-cmn03:before {
	border-right: 2px solid #fff;
}

.about__inner {
	width: 100%;
	padding: 30px;
	margin: 0 auto 40px auto;
}
.lot {
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.lot__tit {
	width: 90px;
}

.faq {
	margin-bottom: 40px;
}
.faq__tit {
	font-size: 1.8rem;
	padding-bottom: 12px;
	margin-bottom: 17px;
}
.faq__tit::before {
	margin-right: 13px;
}
.faq__txt {
	padding: 20px;
}

/*FLOW*/

.flow__number {
  width: 100px;
	font-size: 80%;
  padding: 5px 0;
  margin-bottom: 20px;
}
.flow__inner {
  margin-bottom: 30px;
}
.flow__img {
  float: none;
  width: 100%;
  padding-left: 20px;
	margin-bottom: 30px;
}
.flow__txt {
  float: none;
  width: 100%;
  padding-left: 20px;
}
.flow__tit {
  margin-bottom: 20px;
}
.flow-list__item {
	margin: 0 12px 12px 0;
}

}