@charset 'utf-8';

/* ==========================================================================

	CTC

   ========================================================================== */

.contents_ttl {

	background-image: url("../images/ttl.svg");
}
h3 {
	background-image: url("../images/bull.svg");
}
.flow > div.step1 {
	background-image: url("../images/flow_1.svg")
}
.flow > div.step2 {
	background-image: url("../images/flow_2.svg")
}
.flow > div.step3 {
	background-image: url("../images/flow_3.svg")
}
.flow > div.step4 {
	background-image: url("../images/flow_4.svg")
}
.fee a {
	border-color: #77bde7;
}
.fee a:hover {
	background-color: #77bde7;
}
.shurui {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.op {
  flex-direction: row-reverse;
}
.shurui div {
  width: 48%;
}
.shurui p {
  padding: 0;
  margin: 0;
}
.green {
  border-left: #38D430 10px solid;
  padding-left: 10px;
}
.red {
  border-left: #E1251B 10px solid;
  padding-left: 10px;
}
.yellow {
  border-left: #FFC600 10px solid;
  padding-left: 10px;
}
.last {
	padding-top: 50px;
}
.last h2 {
  font-size: 35px;
}
.last .box_txt {
  width: 65%;
  padding-top: 70px;
}
.last .box_img {
  width: 30%;
}
.photo h4 {
	font-size: 26px;
}
/* ============================== SP ============================== */

@media only screen and (max-width: 812px) {
	img.wide100 {
		width: 100vw;
		max-width: 100vw;
	}
	.shurui {
    display: block;
    margin-bottom: 50px;
}
.shurui div {
   width: 100%;
}	

.green {
  border-left: #38D430 7px solid;
  padding-left: 10px;
		margin-bottom: 20px;
}
.red {
  border-left: #E1251B 7px solid;
  padding-left: 10px;
		margin-bottom: 20px;
}
.yellow {
  border-left: #FFC600 7px solid;
  padding-left: 10px;
		margin-bottom: 20px;
}
	.last .box_txt {
    width: 100%;
    padding-top: 0px;
}

}