@charset "UTF-8";
/*  #intro
================================================ */
#contact #order .inner { padding: 0 18px; }

#contact #order .txt { color: #666464; letter-spacing: .08em; line-height: 2.4; margin-bottom: 25px; }

#contact #order .list .item { position: relative; background: -webkit-linear-gradient(316deg, #fff1f3 0%, #fff1f3 75%, #faecee 75%, #faecee 75%); background: linear-gradient(134deg, #fff1f3 0%, #fff1f3 75%, #faecee 75%, #faecee 75%); padding: 25px 18px 25px 70px; margin-bottom: 15px; }

#contact #order .list .item:before { position: absolute; top: 40px; left: 38px; content: ""; height: 100%; width: 3px; background: #ff7391; z-index: 1; }

#contact #order .list .item:nth-child(2) .step { background-image: url(../img/contact/step02.png); }

#contact #order .list .item:nth-child(3) .step { background-image: url(../img/contact/step03.png); }

#contact #order .list .item:nth-child(4) .step { background-image: url(../img/contact/step04.png); }

#contact #order .list .item:nth-child(5):before { display: none; }

#contact #order .list .item:nth-child(5) .step { background-image: url(../img/contact/step05.png); }

#contact #order .list .step { position: absolute; top: 24px; left: 20px; height: 38px; width: 38px; background: url(../img/contact/step01.png) no-repeat; background-size: 100%; z-index: 1; }

#contact #order .list .copy { font-size: 1.7rem; letter-spacing: .08em; margin-bottom: 14px; }

#contact #order .list .img { margin-bottom: 6px; }

#contact #order .list .note { font-size: 1.4rem; color: #666464; letter-spacing: .08em; line-height: 2; margin-bottom: 9px; }

#contact #order .list .tell { border: 1px solid #e61d47; background: #fff; }

#contact #order .list .tell a { display: block; color: #e61d47; text-decoration: none; line-height: 1; padding: 14px 0 14px; text-align: center; }

#contact #order .list .tell .tellIco { position: relative; padding-left: 28px; font-size: 2.2rem; font-weight: bold; letter-spacing: .04em; }

#contact #order .list .tell .tellIco:before { content: ""; position: absolute; display: block; top: 5px; left: 0; width: 20px; height: 17px; background: url(../img/contact/ico01.png) no-repeat center; background-size: 100%; }

#contact #order .list .tell .tellIco + span { display: block; color: #666464; font-size: 1rem; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", sans-serif; font-weight: 300; text-align: center; line-height: 1.5; padding-top: 3px; }

@media screen and (min-width: 600px) { #contact #order .inner { padding: 94px 0 100px; }
  #contact #order .txt { font-size: 1.6rem; text-align: center; line-height: 2.2; margin-bottom: 60px; }
  #contact #order .list .item { padding: 45px 41px 34px 113px; margin-bottom: 20px; }
  #contact #order .list .item:before { top: 70px; left: 66px; }
  #contact #order .list .step { top: 40px; left: 39px; height: 56px; width: 56px; }
  #contact #order .list .copy { font-size: 2.4rem; margin-bottom: 21px; }
  #contact #order .list .tell { position: relative; width: 400px; box-sizing: border-box; margin-bottom: 12px; }
  #contact #order .list .tell a { padding: 30px 0 27px 33px; }
  #contact #order .list .tell .tellIco { padding-left: 40px; font-size: 3.6rem; letter-spacing: .04em; }
  #contact #order .list .tell .tellIco:before { top: 16px; left: 0; height: 26px; width: 30px; }
  #contact #order .list .tell .tellIco + span { display: block; color: #666464; font-size: 1.3rem; line-height: 1.5; padding-top: 3px; }
  #contact #order .list .tell span { font-size: 1.3rem; margin-left: -29px; padding-top: 6px; }
  #contact #order .list .img { float: right; width: 385px; }
  #contact #order .list .note { width: 530px; box-sizing: border-box; font-size: 1.5rem; } }

/*  #entry
================================================ */
#contact #entry .inner { padding-top: 37px; padding-bottom: 60px; }

#contact #entry .txt { color: #666464; letter-spacing: .08em; line-height: 2.3; margin-bottom: 16px; }

#contact #entry .tell { border: 1px solid #e61d47; background: #fff; margin-bottom: 35px; }

#contact #entry .tell a { display: block; color: #e61d47; text-decoration: none; line-height: 1; padding: 14px 0 16px; text-align: center; }

#contact #entry .tell .tellIco { position: relative; padding-left: 28px; font-size: 2.5rem; font-weight: bold; letter-spacing: .04em; text-align: center; color: #e61d47; }

#contact #entry .tell .tellIco:before { content: ""; position: absolute; display: block; top: 7px; left: 0; width: 20px; height: 17px; background: url(../img/contact/ico01.png) no-repeat center; background-size: 100%; }

#contact #entry .tell .tellIco + span { display: block; color: #666464; font-size: 1rem; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", sans-serif; font-weight: 300; text-align: center; line-height: 1.5; padding-top: 3px; }

#contact #entry .lead { color: #666464; letter-spacing: .08em; line-height: 2; margin-bottom: 14px; }

#contact #entry .lead span { color: #e61d47; }

@media screen and (min-width: 600px) { #contact #entry .inner { padding-top: 120px; padding-bottom: 120px; }
  #contact #entry .txt { font-size: 1.6rem; text-align: center; line-height: 2; margin-bottom: 33px; }
  #contact #entry .tell { position: relative; width: 400px; box-sizing: border-box; margin: 0 auto 70px; }
  #contact #entry .tell a { font-size: 3.6rem; padding: 30px 0 27px; }
  #contact #entry .tell .tellIco { padding-left: 40px; font-size: 3.6rem; }
  #contact #entry .tell .tellIco:before { top: 10px; left: 0; height: 26px; width: 30px; }
  #contact #entry .tell .tellIco + span { font-size: 1.3rem; padding-top: 6px; }
  #contact #entry .lead { font-size: 1.5rem; margin-bottom: 24px; } }