@charset "utf-8";

a:hover {text-decoration: none;}
p,
li,
dt,
dd {font-size: 100%;line-height: 1.3;}
img {width: 100%;height: auto;}

#wrap {min-width: 1200px;width: 100%;margin: 0 auto;}
.mainSection > .mainSectionInner {margin: 0 auto;padding: 0;}
.mainSection .secBox > .sectionInner {max-width: 960px;margin: 0 auto 2em;background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);}
.mainSection .secBox > .sectionInner .contentsBox {max-width: 100%;margin: 0 auto;}

/* formではLINE相談ボタンおよびSP版下部固定CVボタン非表示 */
.sincloBannerBox,
#sincloBanner,
.form_fixed{display: none!important;}

/* Breadcrumb */
#breadcrumbArea {margin-bottom: 1em;}
#breadcrumbArea ul li {color: #888;font-weight: bold;}
#breadcrumbArea ul li a {color: #888;padding: 0;background: none;}
#breadcrumbArea ul li a::after {content: "/";padding: 0 0.3em;}

/* FormsintSec */
#formsintSec{padding: 14px 20px 30px;}
#formsintSec .mainTtlBox {margin: 3em 0 2em 0;}
#formsintSec h2 {position: relative;width: fit-content;margin: 0 auto;text-align: center;font-size: 24px;font-weight: bold;}

/* Forms Detail Section */
#formsintDetailSec {max-width: 820px;margin: 0 auto;}

/* bannerSec */
#bannerSec {padding: 30px 0; background: #f0f0f0;}
#bannerSec .bnrImg {max-width: 728px;height: auto;margin: 0 auto;}
/*forms-int内ではaタグを機能させない*/
#bannerSec .fmBnr{pointer-events: none; cursor: default;}

/* flowSec */
#flowSec {background: #fafafa;}
.m-form-flow {max-width: 820px; margin: 0 auto;}
.m-form-flow__ttl {font-size: 100%;font-weight: 700;}
.m-form-flow-list__item {position: relative;}
.m-form-flow-list__item:not(:first-child):before {border-top: 2px solid #1a1a1a;border-right: 2px solid #1a1a1a;content: "";display: block;position: absolute;z-index: 1;}
.m-form-flow-list__img {width: 64px;}
.m-form-flow-list__ttl {color: #c9a67f;font-size: 18px;font-weight: 700;}
.m-form__note {color: #f2385f;font-size: 12px;font-size: 0.8rem;text-align: right;}
.m-form__note:not(:first-child) {margin-top: 24px;}
.m-form__note:not(:last-child) {margin-bottom: 10px;}
.m-form #btn_more {background-color: #c9a67f;color: #fff;border-radius: 100vw;font-weight: 700;height: auto;font-size: inherit;line-height: inherit;padding: 19px 50px;width: fit-content;margin-bottom: 1em;}
.m-form #btn_more:hover {background-color: #c9a67f;}



@media print, screen and (min-width: 768px) {
  .m-form-flow {display: flex; align-items:center;justify-content:space-between;padding: 3% 0;width: 100%;}
  .m-form-flow-list {display: flex;width: calc(100% - 8em);}
  .m-form-flow-list__item {text-align: center;width: calc((100% - 8em) / 3);}
  .m-form-flow-list__item:not(:first-child) {margin-left: 4em;}
  .m-form-flow-list__item:not(:first-child)::before {height: 10px;width: 10px;left: -58px;top: 50%;transform: translateY(-50%) rotate(45deg);}
  .m-form-flow-list__ttl {margin-top: 20px;}
}

@media screen and (max-width: 767px) {
  #wrap {min-width: 0;width: 100%;margin: 0 auto;}
  .mainSection {max-width: 100%;position: relative;}
  .mainSection > .mainSectionInner {margin: 0 auto;padding: 0;}
  .mainSection .secBox > .sectionInner {max-width: 95%;margin: 0.8em auto 2em;background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);}
  .mainSection .secBox > .sectionInner .secBox > .sectionInner {box-shadow: none;}
  .mainSection .secBox > .sectionInner .contentsBox {max-width: 100%;margin: 0 auto;}

  #breadcrumbArea {width: 100%;margin-bottom: 2em;}

  /* FormintSec */
  #formsintSec {padding: 4% 5% 8%;background: none;}

  /* bannerSec */
  #bannerSec {padding: 6% 8%;background: #f0f0f0;}
  #bannerSec .bnrImg {max-width: 330px;}

  /* flowSec*/
  .m-form-flow {display: flex;flex-direction: column;align-items: center;padding: calc(50 / 750 * 100vw) calc(30 / 750 * 100vw);}
  .m-form-flow__ttl {font-size: 17px;font-size: 4.43286vw;margin-bottom: calc(50 / 750 * 100vw);text-align: center;}
  .m-form-flow-list__item {display: flex;align-items: center;}
  .m-form-flow-list__item:not(:first-child) {margin-top: calc(100 / 750 * 100vw);}
  .m-form-flow-list__item:not(:first-child):before {height: calc(20 / 750 * 100vw);width: calc(20 / 750 * 100vw);left: 50%;top: calc(-66 / 750 * 100vw);transform: translateX(-50%) rotate(135deg);}
  .m-form-flow-list__img {width: calc(120 / 750 * 100vw);flex: 0 0 auto;}
  .m-form-flow-list__contents {flex: 1 1 auto;margin-left: calc(60 / 750 * 100vw);}
  .m-form-flow-list__ttl {font-size: 90%;font-size: 3.65059vw;}
  .m-form__note {font-size: 85%;font-size: 3.12907vw;}
  .m-form__note:not(:first-child) {margin-top: calc(30 / 750 * 100vw);}
  .m-form__note:not(:last-child) {margin-bottom: calc(10 / 750 * 100vw);}
  .m-form #btn_more {padding: calc(30 / 750 * 100vw) calc(60 / 750 * 100vw);width: 100%;}
  
  /* footer */
  .l-footer-outline{padding-bottom: calc(50 / 750 * 100vw);}
}