@charset "utf-8";
/* CSS Document */
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: 0px 0px 1px 1px rgba(0,0,0,0.1);}
.mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;}

/* Breadcrumb */
#breadcrumbArea{margin-bottom: 0.5em;}
#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;color:#4d4d4d;}
#formsintSec .borderY{color:#4d4d4d;}

.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: #b33671;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: #b33671aa;}

/* 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;}

@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;}
}