.flow-box {
  background:#fff;
  padding:50px 50px 60px;
  min-height:332px;
  box-sizing:border-box;
  position:relative;
}
.flow-box h2 {
  font-size:2.8rem;
  line-height:1.5;
  font-weight:bold;
  padding:20px 0 0 80px;
  min-height:70px;
  box-sizing:border-box;
  margin-right:360px;
}
.flow-box figure {
  width: 320px;
  position:absolute;
  top:50px;
  right:50px;
}
.flow-box p {
  margin:20px 360px 0 0;
}
.flow-box>ul {
  border:1px solid #c4c4c4;
  padding:20px 30px;
  margin:30px 360px 0 0;
  display:flex;
  flex-wrap:wrap;
}
.flow-box>ul li {
  width:50%;
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/icn_check_mark.svg") no-repeat left center / 16px auto;
  padding-left:25px;
  box-sizing:border-box;
}
.flow-box aside {
  padding:0 45px;
  margin-top:30px;
}
.flow-box aside ul {
  display:flex;
  justify-content: space-between;
}
.flow-box aside ul li {
  width: calc((100% - 16px) / 2);
}
.flow-box.no_photo h2,.flow-box.no_photo figure,.flow-box.no_photo p,.flow-box.no_photo>ul {
  margin-right:0;
}
.flow-box:nth-of-type(1) h2 {
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/icon_point01_pink.svg") no-repeat left center;
}
.flow-box:nth-of-type(2) h2 {
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/icon_point02_pink.svg") no-repeat left center;
}
.flow-box:nth-of-type(3) h2 {
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/icon_point03_pink.svg") no-repeat left center;
}
.flow-box:nth-of-type(5) h2 {
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/icon_point04_pink.svg") no-repeat left center;
}
.flow-box:nth-of-type(6) h2 {
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/icon_point05_pink.svg") no-repeat left center;
}
.flow-box + .flow-box {
  margin-top:70px;
}
.flow-box + .flow-box:before {
  display:block;
  content:'';
  width:100%;
  height:70px;
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/arrow_down_pink.svg") no-repeat center center;
  position:absolute;
  top:-70px;
  left:0;
}
.day_flow {
  border:6px solid #ffeae8;
  background:#fff;
  padding:44px;
  margin-top:40px;
  overflow:hidden;
}
.day_flow h3 {
  font-size:2.4rem;
  line-height:40px;
  color:#937067;
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/icon_clock.png") no-repeat left center;
  background-size:40px auto;
  padding-left:50px;
}
.day_flow p {
  margin: 0 0 0 16px;
  font-size:1.2rem;
  line-height:1.5;
}
.day_flow ol {
  border-top: 1px dashed #000;
  display: flex;
  flex-wrap: wrap;
  margin-top:16px;
}
.day_flow ol li {
  width: calc((100% - 50px) / 3);
  margin: 30px 25px 0 0;
  position:relative;
}
.day_flow ol li:before {
  display:block;
  content:'';
  width:25px;
  height:100%;
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/arrow_right_black.svg") no-repeat center center;
  background-size:auto 20px;
  position:absolute;
  top:0;
  left:-25px;
  opacity:0.5;
}
.day_flow ol li:nth-of-type(3n) {
  margin-right: 0;
}
.day_flow ol li:nth-of-type(3n-2):before {
  display: none;
}
.day_flow ol li figure {
  text-align:center;
  margin-bottom:10px;
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
}
.day_flow ol li figure img {
  width: 100%;
}
.day_flow ol li figure figcaption {
  display: block;
  position: absolute;
  width: 63px;
  top: -19px;
  left: -17px;
}
.day_flow ol li dl dt {
  font-weight:bold;
  border-bottom:1px solid #8c8c8c;
  text-align:center;
  padding-bottom:5px;
  margin-bottom:10px;
}
.day_flow ol li dl dd {
  font-size:1.4rem;
  line-height:1.8;
}
@media screen and (max-width: 768px) {
.flow-box {
  padding:25px 25px 30px;
  min-height:0;
}
.flow-box h2 {
  font-size:1.6rem;
  padding: 12px 0 8px 50px;
  min-height:38px;
  margin-right:0;
}
.flow-box figure {
  position:static;
  margin-top:15px;
  width: 100%;
}
.flow-box figure img {
  width:100%;
  height:auto;
}
.flow-box p {
  font-size:1.4rem;
  margin:25px 0 0 0;
}
.flow-box>ul {
  padding:15px 20px;
  margin:20px 0 0 0;
  display:block;
}
.flow-box>ul li {
  width:auto;
  padding-left:20px;
}
.flow-box aside {
  padding:0;
  margin-top:25px;
}
.flow-box aside ul {
  display:block;
}
.flow-box aside ul li {
  width:auto;
}
.flow-box aside ul li+li {
  margin-top:20px;
}
.flow-box.no_photo p {
  margin-top:10px;
}
.flow-box:nth-of-type(1) h2 {
  background-size:auto 45px;
}
.flow-box:nth-of-type(2) h2 {
  background-size:auto 45px;
}
.flow-box:nth-of-type(3) h2 {
  background-size:auto 45px;
}
.flow-box:nth-of-type(5) h2 {
  background-size:auto 45px;
}
.flow-box:nth-of-type(6) h2 {
  background-size:auto 45px;
}
.flow-box + .flow-box {
  margin-top:50px;
}
.flow-box + .flow-box:before {
  height:50px;
  background:url("https://m-soshakan.info/wp-content/themes/soshakan/images/flow/arrow_down_pink.svg") no-repeat center center;
  background-size:32px auto;
  top:-50px;
}
.day_flow {
  border:5px solid #ffeae8;
  padding:20px;
  margin:30px 0 0;
}
.day_flow h3 {
  font-size:1.6rem;
  line-height:25px;
  background-size:25px auto;
  padding-left:30px;
  float:none;
  width:auto;
}
.day_flow p {
  margin-left:0;
  font-size:1.0rem;
  padding-top:0;
  margin-top:10px;
}
.day_flow ol {
  background:none;
  margin-top:10px;
}
.day_flow ol li {
  float:none;
  width:auto;
  margin:50px 0 0 0;
}
.day_flow ol li:before {
  width:100%;
  height:70px;
  top:-60px;
  left:0;
  transform:rotate(90deg);
}
.day_flow ol li:nth-child(3n-2):before {
  display:block;
}
.day_flow ol li:first-child {
  margin-top:15px;
}
.day_flow ol li:first-child:before {
  display:none;
}
.day_flow ol li figure figcaption {
  top:-20px;
  left:-15px;
}
.day_flow ol li figure>img {
  width:100%;
  height:auto;
}
.day_flow ol li dl dd {
  font-size:1.3rem;
  line-height:1.5;
}

}