@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
#contents { background: #f7f7f7; }

.bk-fff { background: #fff; }

.build a { padding: 15px; background: #76C6D9; border: solid 1px #76C6D9; }
.build a:hover { color: #76C6D9; background: #fff; }

.order__ttl-wp { margin: 0% 0% 4.09% 0%; text-align: center; }
.order__ttl-wp .order__ttl { font-size: 2.1rem; margin: 0% 0% 3.27% 0%; font-family: "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color: #BAB198; }
@media (min-width: 769px) { .order__ttl-wp .order__ttl { font-size: calc( 2.1rem + ( 1vw - 7.69px ) * 3.3259423503 ); } }
@media (min-width: 1220px) { .order__ttl-wp .order__ttl { font-size: 3.6rem; } }
.order__ttl-wp .order__txt { font-size: 1.3rem; }
@media (min-width: 769px) { .order__ttl-wp .order__txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .order__ttl-wp .order__txt { font-size: 1.5rem; } }
.order__ttl-wp .order__txt.caution-txt { font-size: 1.1rem; line-height: normal; }
@media (min-width: 769px) { .order__ttl-wp .order__txt.caution-txt { font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .order__ttl-wp .order__txt.caution-txt { font-size: 1.3rem; } }

.order { margin: 0% 0% 10.65% 0%; }
.order__wp .order__list { flex: 0 1 33.333%; width: 33.333%; max-width: 33.333%; }

.skill { padding: 50px 0; margin-bottom: 3%; position: relative; height: 50vh; background: url("/img/order/skill-bg_sp.jpg") center/cover no-repeat; }
.skill__ttl-wp { position: absolute; top: 50%; left: 50%; width: 92%; max-width: 1020px; transform: translate(-50%, -50%); }
.skill__ttl-wp .skill__ttl { font-size: 1.8rem; margin: 0% 0% 2.45% 0%; font-family: "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align: center; }
@media (min-width: 769px) { .skill__ttl-wp .skill__ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 2.6607538803 ); } }
@media (min-width: 1220px) { .skill__ttl-wp .skill__ttl { font-size: 3rem; } }
.skill__ttl-wp .skill__txt { font-size: 1.3rem; margin: 0% 0% 1.63% 0%; text-align: justify; }
@media (min-width: 769px) { .skill__ttl-wp .skill__txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .skill__ttl-wp .skill__txt { font-size: 1.5rem; } }

.order-step { margin: 0% 0% 8.92% 0%; }
.order-step__all-wp { box-sizing: border-box; position: relative; margin: 0 auto 2%; padding: 4%; width: 100%; max-width: 1220px; }
.order-step__all-wp:last-child { margin: auto; }
.order-step__wp { padding: 0 0 3%; margin: 0 auto 3%; width: 100%; max-width: 1020px; border-bottom: solid 1px #EBEBEB; }
.order-step__wp.step_10-11-12 { position: relative; margin: 0; padding: 0; border-bottom: none; }
.order-step__wp.step-13 { margin: 0; padding: 0; border-bottom: none; }
.order-step__txt-wp { margin: 0% 0% 2.6% 0%; }
.order-step__ttl-wp { margin: 0% 0% 2.6% 0%; text-align: center; color: #76C6D9; }
.order-step__ttl-wp .order-step__num { font-size: 2.8rem; margin-bottom: -15px; font-family: acumin-pro, "sans-serif"; font-weight: bold; }
@media (min-width: 769px) { .order-step__ttl-wp .order-step__num { font-size: calc( 2.8rem + ( 1vw - 7.69px ) * 5.7649667406 ); } }
@media (min-width: 1220px) { .order-step__ttl-wp .order-step__num { font-size: 5.4rem; } }
.order-step__ttl-wp .order-step__ttl { font-size: 1.6rem; margin: 0% 0% 2.6% 0%; }
@media (min-width: 769px) { .order-step__ttl-wp .order-step__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.7738359202 ); } }
@media (min-width: 1220px) { .order-step__ttl-wp .order-step__ttl { font-size: 2.4rem; } }
.order-step__txt { font-size: 1.3rem; text-align: justify; line-height: normal; }
@media (min-width: 769px) { .order-step__txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .order-step__txt { font-size: 1.5rem; } }
.order-step__con { margin: 0% 0% 3.25% 0%; }
.order-step__con .order-step__con-img { flex: 0 1 45%; width: 45%; max-width: 45%; position: relative; }
.order-step__con .order-step__con-img figcaption { position: absolute; bottom: 2px; right: 4px; color: #FFF; font-size: 1.2rem; line-height: 1; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4), -2px 2px 6px rgba(0, 0, 0, 0.4), 2px -2px 6px rgba(0, 0, 0, 0.4), -2px -2px 6px rgba(0, 0, 0, 0.4); }
@media (min-width: 769px) { .order-step__con .order-step__con-img figcaption { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.22172949 ); } }
@media (min-width: 1220px) { .order-step__con .order-step__con-img figcaption { font-size: 1.3rem; } }
.order-step__con .order-step__con-ttl-wp { flex: 0 1 50%; width: 50%; max-width: 50%; }
.order-step__con .order-step__con-ttl-wp .order-step__con-ttl { margin: 0% 0% 1.22% 0%; font-size: 1.4rem; font-weight: bold; }
.order-step__con .order-step__con-ttl-wp .order-step__con-txt { font-size: 1.2rem; text-align: justify; line-height: normal; }
@media (min-width: 769px) { .order-step__con .order-step__con-ttl-wp .order-step__con-txt { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.22172949 ); } }
@media (min-width: 1220px) { .order-step__con .order-step__con-ttl-wp .order-step__con-txt { font-size: 1.3rem; } }
.order-step__con .order-step__con-ttl-wp:last-child { margin: 0; }
.order-step__con.none-flex .order-step__con-img { flex: 0 1 100%; width: 100%; max-width: 100%; margin: 0% 0% 1.63% 0%; }
.order-step__con.none-flex .order-step__con-ttl-wp { flex: 0 1 100%; width: 100%; max-width: 100%; }
.order-step__con.none-flex .order-step__con-ttl-wp .order-step__con-ttl { margin: 0; }
.order-step__arrow { font-size: 5rem; position: absolute; bottom: -60px; left: 50%; color: #76C6D9; transform: translate(-50%, 0); z-index: 1; }
@media (min-width: 769px) { .order-step__arrow { font-size: calc( 5rem + ( 1vw - 7.69px ) * 6.6518847007 ); } }
@media (min-width: 1220px) { .order-step__arrow { font-size: 8rem; } }
.order-step .step_04 { padding: 0 0 3%; margin: 0 auto 3%; border-bottom: solid 1px #EBEBEB; }

.mnfctur { margin: 0% 0% 10.65% 0%; }
.mnfctur .order__ttl-wp .order__txt { margin: 0% 0% 3.9% 0%; }
.mnfctur .order__ttl-wp .order__txt.caution-txt { margin: 0; }
.mnfctur__wp .mnfctur__list { flex: 0 1 33.333%; width: 33.333%; max-width: 33.333%; }

.realize { margin: 0% 0% 2.86% 0%; }
.realize .realize__pd { padding: 4%; }
.realize__txt-wp { margin: 0% 0% 2.6% 0%; }
.realize__ttl { margin: 0% 0% 2.45% 0%; font-size: 1.8rem; text-align: center; color: #76C6D9; font-weight: normal; }
.realize__txt { font-size: 1.4rem; }
.realize__txt .pills { display: inline-block; padding-right: 1%; color: #76C6D9; }
.realize__txt .txt__right { display: inherit; text-align: right; }
.realize__img-box { margin: auto; width: 90%; max-width: 600px; }

.build-btn { margin: 0% 0% 2.86% 0%; }

.build-contact { margin: 0% 0% 8.19% 0%; }
.build-contact__wp { margin: 0% 0% 3.57% 0%; padding: 4.46% 3.57% 4.46% 3.57%; background: #fff; border: solid 6px #76C6D9; border-radius: 10px; }
.build-contact__ttl { font-size: 1.8rem; margin: 0% 0% 4.46% 0%; text-align: center; color: #A59E77; }
@media (min-width: 769px) { .build-contact__ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.3303769401 ); } }
@media (min-width: 1220px) { .build-contact__ttl { font-size: 2.4rem; } }
.build-contact__tel-wp { margin: 0% 0% 1.95% 0%; text-align: center; }
.build-contact__tel { display: inline-block; padding-left: 40px; }
.build-contact__tel .build-contact__txt { font-size: 1.4rem; text-align: left; }
@media (min-width: 769px) { .build-contact__tel .build-contact__txt { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 1.1396011396 ); } }
@media (min-width: 1120px) { .build-contact__tel .build-contact__txt { font-size: 1.8rem; } }
.build-contact__tel a { font-size: 3.5rem; position: relative; margin: -25px 0 -15px; font-family: acumin-pro, "sans-serif"; text-align: left; }
@media (min-width: 769px) { .build-contact__tel a { font-size: calc( 3.5rem + ( 1vw - 7.69px ) * 2.8824833703 ); } }
@media (min-width: 1220px) { .build-contact__tel a { font-size: 4.8rem; } }
.build-contact__tel a span { font-size: 2rem; position: absolute; top: 40%; left: -40px; color: #76C6D9; }
@media (min-width: 769px) { .build-contact__tel a span { font-size: calc( 2rem + ( 1vw - 7.69px ) * 2.2172949002 ); } }
@media (min-width: 1220px) { .build-contact__tel a span { font-size: 3rem; } }
.build-contact__tel .build-contact__time { font-size: 1.3rem; text-align: left; }
@media (min-width: 769px) { .build-contact__tel .build-contact__time { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.5698005698 ); } }
@media (min-width: 1120px) { .build-contact__tel .build-contact__time { font-size: 1.5rem; } }
.build-contact__btn-wp .btn a { position: relative; max-width: none; background: #76C6D9; border: solid 1px #76C6D9; }
.build-contact__btn-wp .btn a i { position: absolute; top: 35%; right: 10%; }
.build-contact__btn-wp .btn:first-child { margin: 0% 0% 1.78% 0%; }

.liberte-btn { max-width: 300px; margin: 0 auto; }
.liberte-btn a { font-size: 1.5rem; }
@media (min-width: 769px) { .liberte-btn a { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.8547008547 ); } }
@media (min-width: 1120px) { .liberte-btn a { font-size: 1.8rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .order__wp .order__list { flex: 0 1 20%; width: 20%; max-width: 20%; }
  .skill { margin: 0; height: 40vh; background: url("/img/order/skill-bg_pc.jpg") center/cover no-repeat; }
  .skill__ttl-wp .skill__ttl { text-align: left; }
  .order-step .order__ttl-wp .order__ttl { margin: 0; }
  .order-step__wp.step_02 .order-step__con:nth-child(-n+4) { margin: 0% 0% 3.25% 0%; }
  .order-step__wp.step_04-05 { 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; }
  .order-step__wp.step_04-05 .flex_48-wp { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .order-step__wp.step_04-05 .order-step__con { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step_04-05 .order-step__ttl-wp { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step_04-05 .order-step__txt { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step_06 .order-step__con:nth-child(-n+3) { margin: 0% 0% 3.25% 0%; }
  .order-step__wp.step_07 .order-step__con { 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; }
  .order-step__wp.step_07 .order-step__con:first-child .order-step__con-img { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .order-step__wp.step_07 .order-step__con:first-child .order-step__con-ttl-wp { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .order-step__wp.step_08 .order-step__ttl-wp { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step_08 .order-step__txt { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step_10-11-12 { 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; margin: 0; padding: 0; }
  .order-step__wp.step_10-11-12 .order-step__de-wp { flex: 0 1 23%; width: 23%; max-width: 23%; }
  .order-step__wp.step_10-11-12 .order-step__de-wp .order-step__ttl-wp { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step_10-11-12 .order-step__de-wp .order-step__con { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step-13 { 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; }
  .order-step__wp.step-13 .order-step__txt-wp { flex: 0 1 50%; width: 50%; max-width: 50%; margin: 0; }
  .order-step__wp.step-13 .order-step__txt-wp .order-step__ttl-wp { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step-13 .order-step__txt-wp .order-step__txt { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__wp.step-13 .order-step__con-wp { flex: 0 1 45%; width: 45%; max-width: 45%; }
  .order-step__wp.step-13 .order-step__con-wp .order-step__con { flex: 0 1 100%; width: 100%; max-width: 100%; margin: 0; }
  .order-step__wp.step-13 .order-step__con-wp .order-step__con .order-step__con-img { margin: 0; }
  .order-step__txt-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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .order-step__ttl-wp { flex: 0 1 35%; width: 35%; max-width: 35%; margin: 0; text-align: left; }
  .order-step__ttl-wp .order-step__num { display: inline-block; margin: -10% 1% -10% 0; }
  .order-step__ttl-wp .order-step__ttl { display: inline-block; margin: 0; }
  .order-step__txt { flex: 0 1 62%; width: 62%; max-width: 62%; text-align: justify; }
  .order-step__con-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; }
  .order-step__con { flex: 0 1 23%; width: 23%; max-width: 23%; margin: 0; }
  .order-step__con .order-step__con-img { flex: 0 1 100%; width: 100%; max-width: 100%; margin: 0% 0% 1.63% 0%; }
  .order-step__con .order-step__con-ttl-wp { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .order-step__con.flex-48 { flex: 0 1 48.5%; width: 48.5%; max-width: 48.5%; }
  .order-step__con.gurnte { padding: 1.63% 1.63% 1.63% 1.63%; box-sizing: border-box; background: #F7F7F7; }
  .order-step__con.gurnte figure { margin: auto; width: 100%; max-width: 300px; }
  .order-step__con.gurnte .gurnte__txt { margin: 0% 0% 1.63% 0%; font-size: 1.8rem; color: #E24141; text-align: center; font-weight: bold; }
  .order-step__arrow { bottom: -70px; }
  .order-step .step_04 { padding: 0; margin: 0; border-bottom: none; }
  .mnfctur .order__ttl-wp .order__txt { margin: 0; }
  .mnfctur__wp .mnfctur__list { flex: 0 1 20%; width: 20%; max-width: 20%; }
  .realize__txt-flex { 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; }
  .realize__txt { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .build-contact__con-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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }
  .build-contact__con-wp::before { position: absolute; content: ""; display: block; top: 50%; left: 50%; width: 1px; height: 110%; background: #EBEBEB; transform: translate(-50%, -50%); }
  .build-contact__tel-wp { flex: 0 1 45%; width: 45%; max-width: 45%; margin: 0; order: 2; }
  .build-contact__tel { padding-left: 65px; }
  .build-contact__tel a span { left: -60px; }
  .build-contact__btn-wp { flex: 0 1 47%; width: 47%; max-width: 47%; margin: 0; order: 1; }
  .build-contact__btn-wp .btn a i { top: 38%; right: 5%; }
  .build-contact__btn-wp .btn a:hover { color: #76C6D9; background: #fff; }
  .insurance { padding: 4.09% 0% 4.09% 0%; background: #EDF7F7; }
  .insurance__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; }
  .insurance__speech { flex: 0 1 100%; width: 100%; max-width: 100%; position: relative; margin: 0 auto 4%; width: 100%; max-width: 600px; height: 60px; background: #fff; border-radius: 10px; }
  .insurance__speech-txt { position: absolute; top: 50%; left: 50%; width: 100%; font-size: 1.8rem; color: #76C6D9; text-align: center; transform: translate(-50%, -50%); z-index: 1; }
  .insurance__speech::after { position: absolute; content: ""; display: block; bottom: -20px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 50px 20px 0 20px; border-color: #fff transparent transparent transparent; transform: translate(-50%, 0); }
  .insurance__con { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .insurance__con .insurance__img-box { margin: 0% 0% 1.63% 0%; }
  .insurance__con .insurance__txt { font-size: 1.3rem; text-align: justify; } }
/*------------------------------
		1021px以上
------------------------------*/
@media screen and (min-width: 1021px) { .skill { padding: 70px 0; height: 55vh; }
  .skill__ttl-wp { width: 100%; }
  .skill__ttl-wp .build a { margin: 0; }
  .order-step__arrow { bottom: -100px; }
  .realize__pd { 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .realize__txt-wp { flex: 0 1 60%; width: 60%; max-width: 60%; margin: 0; }
  .realize__img-box { flex: 0 1 35%; width: 35%; max-width: 35%; }
  .insurance__speech { flex: 0 1 20%; width: 20%; max-width: 20%; margin: 0; height: 130px; }
  .insurance__speech::after { bottom: -30px; left: 70%; border-width: 60px 20px 0 20px; transform: rotate(-45deg); }
  .insurance__con { flex: 0 1 38%; width: 38%; max-width: 38%; } }
/*------------------------------
		1221px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

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