@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
	
.headerIn { width: 100%;}

/*index
-------------------------------*/

.support_tit {
font-size: 28px;
font-weight: bold;
color: #333;
margin-bottom: 50px;
text-align: center;
position: relative;
}

.support_tit span.c_red { color: #D6072E; }
.support_tit span.in { position: relative; padding: 0 80px; text-align: center; display: inline-block; }
.support_tit span.in::after {
content: '';
position: absolute;
top: 60%;
display: inline-block;
width: 44px;
height: 3px;
right: 0;
color: #333;
background-color: #D6072E;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.support_tit span.in::before {
content: '';
position: absolute;
top: 60%;
color: #333;
display: inline-block;
width: 44px;
height: 3px;
left: 0;
background-color: #D6072E;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}


.flow_list { width: 100%; margin: 0 auto; }
.flow_list li { padding: 50px;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box; border: 1px solid #e8e8e8; position: relative;  background: #fff; }
.flow_list li::after { content: ""; width: 100%; height: 100%; position: absolute; right: -15px; bottom: -15px; display: block; z-index: -10; background: url("../images/com/com_bg.jpg")0 0 repeat; background-size: 1000px; }
.flow_list li::before { position: absolute; bottom: -55px; left: 0; right: 0; font-family: "Font Awesome 5 Free"; content: "\f078"; font-size: 30px; font-weight: bold; display: block; margin: auto; text-align: center; color: #D6072E; }
.flow_list li:nth-last-of-type(1)::before { display: none; }
.flow_list li:nth-child(n+2) { margin-top: 65px; }
.flow_list_imgbox { width: 25%; margin: 0 auto; }
.flow_list_img { width: 100%; margin: 0 auto; }
.flow_list_img img { width: 100%; height: auto; }
.flow_list_txtbox { width: 70%; }
.flow_list_txt { line-height: 1.8em; }

.flow_list_tit {
position: relative;
margin-bottom: 30px;
}

.flow_list_tit span.no {
position: absolute;
left: 0;
top: 0;
font-size: 3.6rem;
letter-spacing: 0.1em;
color: #D6072E;
font-weight: bold;
}

.flow_list_tit span.no:after {
content: "";
display: block;
position: absolute;
left: 160px;
top: 10px;
background-color: #000;
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg);
height: 43px;
width: 1px;
}

.title_wrap {
padding-top: 18px;
padding-left: 180px;
}

.title {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 20px;
letter-spacing: 0.05em;
}

/*--------*/

.goods_list { width: 100%; margin: 0 auto; box-sizing: border-box; padding: 30px; background: #f2feff; position: relative; margin-bottom: 70px;  margin-top: 150px; }
.goods_list_tit { padding: 15px; background: #47bcc6; color: #fff; font-size: 18px; font-weight: bold; position: absolute; top: -56px; left: 0;width: 40%; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.goods_list_txt { width: 100%; margin: 0 auto;  }
.goods_list_txt li:nth-child(n+2) { margin-top: 10px; }
.goods_list_txt li { position: relative; padding-left: 25px; font-size: 16px; font-weight: bold; }
.goods_list_txt li::before {
display: block;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: bold;
position: absolute;
left: 0;
top: 5px;
color: #D6072E;
}



}



/*sp*/
@media only screen and (max-width: 768px) {
	
.headerIn { width: 100%;}

.support_tit {
font-size: 20px;
font-weight: bold;
color: #333;
margin-bottom: 50px;
text-align: center;
position: relative;
}

.support_tit span.c_red { color: #D6072E; }
.support_tit span.in { position: relative; padding: 0 60px; text-align: center; display: inline-block; }
.support_tit span.in::after {
content: '';
position: absolute;
top: 60%;
display: inline-block;
width: 44px;
height: 3px;
right: 0;
color: #333;
background-color: #D6072E;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.support_tit span.in::before {
content: '';
position: absolute;
top: 60%;
color: #333;
display: inline-block;
width: 44px;
height: 3px;
left: 0;
background-color: #D6072E;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
/*index
-------------------------------*/

.flow_list { width: 100%; margin: 0 auto; }
.flow_list li { padding: 30px;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box; border: 1px solid #e8e8e8; position: relative;  background: #fff; }
.flow_list li::after { content: ""; width: 100%; height: 100%; position: absolute; right: -10px; bottom: -10px; display: block; z-index: -10; background: url("../images/com/com_bg.jpg")0 0 repeat; background-size: 1000px; }
.flow_list li::before { position: absolute; bottom: -55px; left: 0; right: 0; font-family: "Font Awesome 5 Free"; content: "\f078"; font-size: 30px; font-weight: bold; display: block; margin: auto; text-align: center; color: #D6072E; }
.flow_list li:nth-last-of-type(1)::before { display: none; }
.flow_list li:nth-child(n+2) { margin-top: 65px; }
.flow_list_imgbox { width: 100%; margin: 0 auto; }
.flow_list_img { width: 80%; margin: 0 auto; }
.flow_list_img img { width: 100%; height: auto; }
.flow_list_txtbox { width: 100%; margin: 0 auto 15px; }
.flow_list_txt { line-height: 1.8em; }

.flow_list_tit {
position: relative;
margin-bottom: 30px;
}

.flow_list_tit span.no {
position: absolute;
left: 0;
top: 0;
font-size: 30px;
letter-spacing: 0.1em;
color: #D6072E;
font-weight: bold;
}

.flow_list_tit span.no:after {
content: "";
display: block;
position: absolute;
left: 130px;
top: 10px;
background-color: #000;
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg);
height: 43px;
width: 1px;
}

.title_wrap {
padding-top: 18px;
padding-left: 150px;
}

.title {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 18px;
letter-spacing: 0.05em;
}


/*--------*/

.goods_list { width: 100%; margin: 0 auto; box-sizing: border-box; padding: 30px; background: #f2feff; position: relative; margin-bottom: 70px;  margin-top: 110px; }
.goods_list_tit { padding: 15px; background: #47bcc6; color: #fff; font-size: 18px; font-weight: bold; position: absolute; top: -56px; left: 0;width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; box-sizing: border-box; }

.goods_list_txt { width: 100%; margin: 0 auto;  }
.goods_list_txt li:nth-child(n+2) { margin-top: 10px; }
.goods_list_txt li { position: relative; padding-left: 25px; font-size: 16px; font-weight: bold; }
.goods_list_txt li::before {
display: block;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: bold;
position: absolute;
left: 0;
top: 5px;
color: #D6072E;
}



}