@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed { 0% { transform: translateY(-90px); }
  100% { transform: translateY(0px); } }
@keyframes SlideIn { 0% { opacity: 0; transform: translateY(-90px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes loop { 0% { transform: translateX(100%); }
  to { transform: translateX(-100%); } }
@keyframes loop2 { 0% { transform: translateX(0); }
  to { transform: translateX(-200%); } }
.flow__wp { position: relative; margin-bottom: 20px; }
.flow__wp::after { position: absolute; content: "\e900"; display: block; bottom: -18px; left: 50%; font-size: 1.8rem; color: #F69320; font-family: 'icomoon'; transform: translate(-50%, 0); }
.flow__wp:last-child::after { display: none; }
.flow__wp:nth-child(4n) { margin-bottom: 45px; }
.flow__wp:nth-child(5n) { margin-bottom: 45px; }
.flow__wp:nth-child(8n) { margin-bottom: 45px; }
.flow__wp:nth-child(9n) { margin-bottom: 45px; }
.flow__step { font-size: 1.4rem; color: #fff; text-align: center; background: #F69320; border-radius: 20px 20px 0 0; }
@media (min-width: 769px) { .flow__step { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * -2.4691358025 ); } }
@media (min-width: 850px) { .flow__step { font-size: 1.2rem; } }
.flow__step span { padding-left: 10px; font-size: 2.5rem; }
.flow__step.d_re { background: #F67B20; }
.flow__txt-wp { position: relative; padding: 20px; background: #fff; border-radius: 0 0 20px 20px; box-sizing: border-box; }
.flow__txt-wp .flow__ttl { font-size: 1.6rem; margin-bottom: 1%; text-align: center; color: #F69320; }
@media (min-width: 769px) { .flow__txt-wp .flow__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 2.4691358025 ); } }
@media (min-width: 850px) { .flow__txt-wp .flow__ttl { font-size: 1.8rem; } }
.flow__txt-wp .flow__txt { font-size: 1.3rem; text-align: justify; }
@media (min-width: 769px) { .flow__txt-wp .flow__txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.2345679012 ); } }
@media (min-width: 850px) { .flow__txt-wp .flow__txt { font-size: 1.4rem; } }
.flow__txt-wp .flow__txt span { font-size: 1.2rem; }
@media (min-width: 769px) { .flow__txt-wp .flow__txt span { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 1.2345679012 ); } }
@media (min-width: 850px) { .flow__txt-wp .flow__txt span { font-size: 1.3rem; } }
.flow__ilst { position: absolute; }
.flow__ilst.step01 { bottom: -40px; right: 20px; width: 20%; max-width: 80px; }
.flow__ilst.step05 { bottom: -20px; right: 20px; width: 25%; max-width: 85px; }
.flow__ilst.step08 { bottom: -30px; right: 20px; width: 22%; max-width: 70px; }
.flow__ilst.step09 { bottom: -20px; right: 20px; width: 22%; max-width: 70px; }

.grnte__ttl-box { margin-bottom: 30px; text-align: center; }
.grnte__ttl-box .grnte__ttl { font-size: 1.6rem; color: #F69320; margin-bottom: 20px; }
@media (min-width: 769px) { .grnte__ttl-box .grnte__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.1396011396 ); } }
@media (min-width: 1120px) { .grnte__ttl-box .grnte__ttl { font-size: 2rem; } }
.grnte__ttl-box .grnte__txt { font-size: 1.3rem; }
@media (min-width: 769px) { .grnte__ttl-box .grnte__txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2849002849 ); } }
@media (min-width: 1120px) { .grnte__ttl-box .grnte__txt { font-size: 1.4rem; } }
.grnte__ttl-box .grnte__txt .txt__color { color: #F69320; }
.grnte__ttl-box .grnte__txt .grnte__catin { font-size: 1.2rem; }
@media (min-width: 769px) { .grnte__ttl-box .grnte__txt .grnte__catin { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.2849002849 ); } }
@media (min-width: 1120px) { .grnte__ttl-box .grnte__txt .grnte__catin { font-size: 1.3rem; } }
.grnte__wp { position: relative; padding: 35px 20px 65px; background: #fff; border-radius: 20px; }
.grnte__wp .grnte__sub-ttl { font-size: 1.5rem; text-align: center; color: #F69320; margin-bottom: 25px; }
@media (min-width: 769px) { .grnte__wp .grnte__sub-ttl { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.8547008547 ); } }
@media (min-width: 1120px) { .grnte__wp .grnte__sub-ttl { font-size: 1.8rem; } }
.grnte__con-wp { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #E5E5E5; }
.grnte__con-wp .grnte__img-box { flex: 0 1 25px; width: 25px; max-width: 25px; }
.grnte__con-wp .grnte__con-ttl { flex: 0 1 calc(100% - 30px); width: calc(100% - 30px); max-width: calc(100% - 30px); font-size: 1.5rem; color: #F69320; }
.grnte__con-wp .grnte__con-txt { flex: 0 1 100%; width: 100%; max-width: 100%; font-size: 1.3rem; text-align: justify; }
@media (min-width: 769px) { .grnte__con-wp .grnte__con-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2849002849 ); } }
@media (min-width: 1120px) { .grnte__con-wp .grnte__con-txt { font-size: 1.4rem; } }
.grnte__con-wp:last-child { margin-bottom: 0; }
.grnte__ilst { position: absolute; bottom: -20px; right: 20px; width: 45%; max-width: 150px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .flow__wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .flow__wp:nth-child(4n) { margin-bottom: 50px; }
  .flow__wp:nth-child(5n) { margin-bottom: 50px; }
  .flow__wp:nth-child(8n) { margin-bottom: 50px; }
  .flow__wp:nth-child(9n) { margin-bottom: 20px; }
  .flow__step { flex: 0 1 10%; width: 10%; max-width: 10%; position: relative; border-radius: 20px 0 0 20px; }
  .flow__step span { padding-left: 0; }
  .flow__step p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .flow__txt-wp { flex: 0 1 90%; width: 90%; max-width: 90%; padding: 35px 55px; border-radius: 0 20px 20px 0; }
  .flow__txt-wp .flow__ttl { text-align: left; }
  .flow__ilst.step01 { bottom: auto; top: -30px; }
  .flow__ilst.step05 { bottom: auto; top: -20px; max-width: 110px; }
  .flow__ilst.step08 { bottom: auto; top: -20px; max-width: 90px; }
  .flow__ilst.step09 { bottom: auto; top: -20px; max-width: 90px; }
  .grnte__ttl-box { margin-bottom: 55px; }
  .grnte__ttl-box .grnte__ttl { margin-bottom: 25px; }
  .grnte__wp { padding: 55px 50px 80px; }
  .grnte__wp .grnte__sub-ttl { margin-bottom: 50px; }
  .grnte__con-wp { box-sizing: border-box; }
  .grnte__ilst { position: absolute; bottom: -20px; right: 20px; width: 20%; max-width: 195px; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) { #contents { margin-top: 170px; }
  .grnte__all-wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .grnte__con-wp { flex: 0 1 33.333%; width: 33.333%; max-width: 33.333%; margin-bottom: 0; padding: 0 20px 20px 20px; border-right: solid 1px #E5E5E5; box-sizing: border-box; }
  .grnte__con-wp:nth-child(3n) { border-right: none; }
  .grnte__con-wp:nth-child(4n) { padding: 20px 20px 0 20px; border-bottom: none; }
  .grnte__con-wp:nth-child(5n) { padding: 20px 20px 0 20px; border-bottom: none; } }
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */