/* =================================================================================
//
// STYLE
//
//================================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
.l-header {
  width: 100%; }
  .l-header__inner {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    background-color: #004998;
    padding: 10px 0;
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (max-width: 768px) {
      .l-header__inner {
        padding: 5px; } }
    .l-header__inner .logo {
      flex-basis: 30%; }
    .l-header__inner .shop {
      flex-basis: 70%;
      font-size: 14px;
      font-size: 1.4rem;
      color: #fff;
      text-align: right; }
      @media screen and (max-width: 768px) {
        .l-header__inner .shop {
          font-size: 12px;
          font-size: 1.2rem; } }
  .l-header h1 {
    text-align: center;
    padding: 30px 0;
    padding-left: 15px;
    padding-right: 15px; }

.l-footer {
  width: 100%;
  height: 50px;
  margin: -50px auto 0px auto;
  background-color: #f1f1f1;
  padding-top: 10px;
  clear: both; }
  .l-footer .copyright {
    text-align: center; }
    .l-footer .copyright small {
      font-size: 11px;
      font-size: 1.1rem; }

#wrap {
  width: 100%;
  min-height: 100%;
  position: relative;
  padding-bottom: 50px; }

.l- {
  /*&wrap__inner{
  	width: 90%;
  	//max-width: 900px;
  	margin: 0px auto;
  	background-color: $white;
  	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);	
  	@include sp{
  		width: 100%;
  		box-shadow: unset;	
  	}
  }*/ }
  .l-main {
    padding-bottom: 50px; }

.l-contents {
  width: 100%;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.l-breadcrumb {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  margin-bottom: 15px; }
  .l-breadcrumb li {
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 17px;
    margin-right: 7px;
    position: relative; }
    .l-breadcrumb li::before {
      content: ">";
      position: absolute;
      left: 0;
      top: 0; }
    .l-breadcrumb li:first-child {
      padding-left: 0; }
      .l-breadcrumb li:first-child::before {
        display: none; }

.l-white {
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border-top: solid 1px #f1f1f1; }
  .l-white.btmM {
    margin-botom: 50px; }

.l-search {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  background-color: #f1f1f1;
  margin-bottom: 50px;
  padding: 15px 30px 15px 15px; }
  .l-search.widM {
    width: 100%;
    max-width: 950px; }
  .l-search__inner {
    flex: 1; }
  .l-search__btn {
    flex-basis: 130px;
    padding-top: 5px;
    padding-left: 30px; }

.c-ttl {
  text-align: center;
  padding: 20px 0;
  background: url("/apps/contract/img/bg_head.png");
  margin-bottom: 30px; }
  @media screen and (max-width: 640px) {
    .c-ttl {
      margin-bottom: 0; } }
  @media screen and (max-width: 640px) {
    .c-ttl img {
      width: 70%;
      max-width: 350px;
      height: auto; } }

.c-heading {
  font-family: "NotoSans",sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  color: #004998;
  text-align: center; }
  .c-heading span {
    display: inline-block;
    width: 30px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 30px;
    text-align: center;
    margin-right: 8px;
    border: solid 1px #004998;
    position: relative;
    top: -3px; }

.c-tbl tr:first-child th {
  border-bottom: none; }
.c-tbl tr:last-child th, .c-tbl tr:last-child td {
  border-bottom: none;
  padding-bottom: 20px; }
.c-tbl th, .c-tbl td {
  border-bottom: solid 1px #dcdcdc; }
  .c-tbl th.center, .c-tbl td.center {
    text-align: center; }
.c-tbl th {
  padding: 20px 8px;
  background-color: #e8f1fb; }
.c-tbl td {
  padding: 12px 8px; }

.c-pagenav {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 15px 10px; }
  .c-pagenav__number .num {
    font-size: 20px;
    font-size: 2rem;
    color: #c80000;
    font-weight: bold;
    margin-right: 5px; }
  .c-pagenav__number .ken {
    font-weight: bold; }
  .c-pagenav__page {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    padding-top: 10px; }
    .c-pagenav__page .page {
      -webkit-display: flex;
      -ms-display: flex;
      display: flex;
      padding: 0 15px; }
      .c-pagenav__page .page li {
        margin-left: 5px; }
        .c-pagenav__page .page li a, .c-pagenav__page .page li span {
          display: block;
          width: 22px;
          line-height: 22px;
          text-align: center;
          text-decoration: none;
          border-radius: 3px; }
        .c-pagenav__page .page li a {
          color: #aaaaaa;
          background-color: #f1f1f1; }
        .c-pagenav__page .page li span {
          color: #fff;
          background-color: #004998; }

.c-lst__col {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex; }
  .c-lst__col.col--1 {
    display: block; }
    .c-lst__col.col--1 > .row {
      flex-basis: 50%;
      -webkit-display: flex;
      -ms-display: flex;
      display: flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      border-bottom: solid 1px #dcdcdc; }
  .c-lst__col.col--2 > .row {
    flex-basis: 50%;
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-bottom: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc; }
    .c-lst__col.col--2 > .row:first-child {
      border-left: none; }
  .c-lst__col.col--2--right > .row {
    flex-basis: 33.333%;
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-bottom: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc; }
    .c-lst__col.col--2--right > .row:first-child {
      border-left: none; }
    .c-lst__col.col--2--right > .row:last-child {
      flex: 1; }
  .c-lst__col.col--3 > .row {
    flex-basis: 33.333%;
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-bottom: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc; }
    .c-lst__col.col--3 > .row:first-child {
      border-left: none; }
  .c-lst__col.nonbor.col--1 .row, .c-lst__col.nonbor.col--2 .row, .c-lst__col.nonbor.col--3 .row {
    border-bottom: none;
    border-left: none; }
    .c-lst__col.nonbor.col--1 .row__item, .c-lst__col.nonbor.col--2 .row__item, .c-lst__col.nonbor.col--3 .row__item {
      padding: 6px 8px 6px 15px; }
    .c-lst__col.nonbor.col--1 .row__dtl, .c-lst__col.nonbor.col--2 .row__dtl, .c-lst__col.nonbor.col--3 .row__dtl {
      padding: 6px 20px 6px 8px; }
  .c-lst__col .row__item {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    align-self: stretch;
    font-weight: bold;
    padding: 12px 8px 12px 15px; }
  .c-lst__col .row__dtl {
    padding: 12px 20px 12px 8px; }
  .c-lst__col.sizeXS .row__item {
    flex-basis: 100px; }
  .c-lst__col.sizeXS .row__dtl {
    flex: 1; }
  .c-lst__col.sizeS .row__item {
    flex-basis: 120px; }
  .c-lst__col.sizeS .row__dtl {
    flex: 1; }
  .c-lst__col.sizeM .row__item {
    flex-basis: 150px; }
  .c-lst__col.sizeM .row__dtl {
    flex: 1; }
  .c-lst__col.sizeL .row__item {
    flex-basis: 180px; }
  .c-lst__col.sizeL .row__dtl {
    flex: 1; }

.c-btn {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  position: relative; }
  .c-btn.blue {
    color: #fff;
    background-color: #004998; }
    .c-btn.blue--line {
      color: #004998;
      border-top: solid 2px #004998;
      border-left: solid 2px #004998;
      border-right: solid 2px #004998;
      border-bottom: solid 5px #004998;
      background-color: #fff; }
  .c-btn.gray {
    color: #fff;
    background-color: #969696; }
  .c-btn.dis {
    background-color: #e6e6e6;
    border-top: solid 2px #d2d2d2;
    border-left: solid 2px #d2d2d2;
    border-right: solid 2px #d2d2d2;
    border-bottom: solid 5px #d2d2d2;
    color: #969696; }
  .c-btn.sizeXS {
    padding: 3px 8px; }
  .c-btn.sizeS {
    padding: 6px 15px; }
  .c-btn.sizeM {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 20px 8px; }
  .c-btn.sizeL {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    padding: 15px 40px 13px; }
    .c-btn.sizeL.ico--arr {
      padding-right: 60px; }
    .c-btn.sizeL.ico--back {
      padding-left: 60px; }
  .c-btn.max {
    width: 100%; }
  .c-btn.ico::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute; }
  .c-btn.ico--arr::after {
    background-image: url("/apps/contract/img/ico_arr.png");
    top: 14px;
    right: 20px; }
  .c-btn.ico--back::after {
    background-image: url("/apps/contract/img/ico_arr_back.png");
    top: 14px;
    left: 20px; }
  .c-btn.ico--dis::after {
    background-image: url("/apps/contract/img/ico_arr_dis.png");
    top: 14px;
    right: 20px; }
  .c-btngr {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px; }
    .c-btngr__inner.col--1 {
      width: 300px;
      margin: 0 auto; }
      @media screen and (max-width: 640px) {
        .c-btngr__inner.col--1 {
          width: 100%; } }
    .c-btngr__inner.col--2 {
      -webkit-display: flex;
      -ms-display: flex;
      display: flex;
      margin-left: -15px; }
      .c-btngr__inner.col--2 > * {
        flex-basis: calc(50% - 15px);
        margin-left: 15px; }

.c-bold {
  font-weight: bold; }

.c-fmgr {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .c-fmgr--cen {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
  .c-fmgr--chk {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .c-fmgr--chk label {
      margin-right: 70px; }
  .c-fmgr--chklst {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px; }
    .c-fmgr--chklst > div {
      flex-basis: calc(33.33% - 15px);
      margin-left: 15px;
      margin-bottom: 8px; }
      .c-fmgr--chklst > div.widL {
        flex-basis: calc(50% - 15px); }
      @media screen and (max-width: 768px) {
        .c-fmgr--chklst > div {
          flex-basis: calc(50% - 15px); } }
      @media screen and (max-width: 640px) {
        .c-fmgr--chklst > div {
          flex-basis: 100%; }
          .c-fmgr--chklst > div.widL {
            flex-basis: 100%; } }
    .c-fmgr--chklst.col--1 > div {
      flex-basis: 100%; }
    .c-fmgr--chklst.col--2 > div {
      flex-basis: calc(33.33% - 15px);
      margin-left: 15px;
      margin-bottom: 8px; }
      .c-fmgr--chklst.col--2 > div.widL {
        flex-basis: calc(50% - 15px); }
      @media screen and (max-width: 768px) {
        .c-fmgr--chklst.col--2 > div {
          flex-basis: calc(50% - 15px); } }
      @media screen and (max-width: 640px) {
        .c-fmgr--chklst.col--2 > div {
          flex-basis: calc(50% - 15px); } }
    .c-fmgr--chklst.btm {
      margin-bottom: 12px; }
      .c-fmgr--chklst.btmL {
        margin-bottom: 20px; }
  .c-fmgr.btm {
    margin-bottom: 8px; }
.c-fm__select {
  position: relative;
  overflow: hidden; }
  .c-fm__select > select {
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    border: solid 1px #646464;
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0 5px; }
  .c-fm__select::after {
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: 15px;
    right: 8px;
    background-repeat: no-repeat;
    background-image: url("/apps/contract/img/arr_select.png");
    background-size: 10px 6px !important;
    pointer-events: none; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .c-fm__select::after {
        background-image: url("/apps/contract/img/arr_select@2x.png");
        background-size: contain; } }
.c-fm__rd + label {
  display: block;
  width: 100%;
  padding: 8px 8px 8px 30px;
  border: solid 2px #e6e6e6;
  border-radius: 5px;
  position: relative;
  cursor: pointer; }
  .c-fm__rd + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 8px;
    width: 18px;
    height: 18px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    background-color: #fff; }
.c-fm__rd-mg {
  margin-left: 70px; }
.c-fm__rd.box + label {
  padding-left: 18px; }
.c-fm__rd:checked + label {
  color: #fff;
  border: solid 2px #004998;
  background-color: #004998; }
  .c-fm__rd:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 12px;
    width: 10px;
    height: 10px;
    background: #004998;
    border-radius: 50%; }
.c-fm__chk + label {
  display: block;
  width: 100%;
  padding: 8px 8px 8px 30px;
  background-color: #fff;
  border: solid 2px #e6e6e6;
  border-radius: 5px;
  position: relative;
  cursor: pointer; }
  .c-fm__chk + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 8px;
    width: 18px;
    height: 18px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 3px; }
.c-fm__chk.box + label {
  padding-left: 18px; }
.c-fm__chk:checked + label {
  color: #fff;
  border: solid 2px #004998;
  background-color: #004998; }
  .c-fm__chk:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 12px;
    width: 9px;
    height: 11px;
    border-right: 3px solid #004998;
    border-bottom: 3px solid #004998;
    transform: rotate(45deg); }
.c-fm__heading--secondary {
  font-weight: bold;
  margin-bottom: 5px; }
.c-fm__str {
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 5px;
  padding-right: 5px; }
  .c-fm__str--L {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 20px;
    padding-right: 5px; }
.c-fm__name {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .c-fm__name .c-fmgr {
    flex-basis: calc(33.33% - 15px);
    margin-left: 15px; }
    .c-fm__name .c-fmgr:first-child {
      margin-left: 0; }
    @media screen and (max-width: 768px) {
      .c-fm__name .c-fmgr {
        flex-basis: calc(50% - 15px); } }
    .c-fm__name .c-fmgr .c-fm__str {
      flex-basis: 30px; }
    .c-fm__name .c-fmgr input {
      flex: 1; }
.c-fm__add {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .c-fm__addgr {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex; }
    .c-fm__addgr > .c-fm__add {
      flex-basis: calc(50% - 20px); }
      .c-fm__addgr > .c-fm__add:first-child {
        margin-right: 40px; }
  .c-fm__add.btm {
    margin-bottom: 8px; }
    .c-fm__add.btm--sp {
      margin-bottom: 8px; }
      @media screen and (max-width: 480px) {
        .c-fm__add.btm--sp {
          margin-bottom: 0; } }
  .c-fm__add.pad {
    padding-left: 85px; }
  .c-fm__add-item {
    flex-basis: 85px;
    font-size: 14px;
    font-size: 1.4rem; }
  .c-fm__add-dtl {
    flex: 1;
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  .c-fm__add-fb {
    flex-basis: 100%;
    -webkit-display: flex;
    -ms-display: flex;
    display: flex; }
    @media screen and (max-width: 480px) {
      .c-fm__add-fb {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .c-fm__add-fb > div {
      -webkit-display: flex;
      -ms-display: flex;
      display: flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .c-fm__add-fb > div {
          margin-top: 8px; } }
.c-fm__mail {
  max-width: 500px;
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
.c-fm__rent {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 15px; }
  .c-fm__rent-item {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .c-fm__rent-item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-basis: 150px; }
        .c-fm__rent-item > div {
          width: 100%; }
          .c-fm__rent-item > div:first-child {
            margin-bottom: 5px; } }
  @media screen and (max-width: 480px) {
    .c-fm__rent > .c-fm__str {
      position: relative;
      top: 10px; } }
  .c-fm__rent2 div:first-child {
    margin-bottom: 8px; }
.c-fm__chiiki {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  @media screen and (max-width: 640px) {
    .c-fm__chiiki {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .c-fm__chiiki .ken {
    flex-basis: 280px; }
    @media screen and (max-width: 640px) {
      .c-fm__chiiki .ken {
        flex-basis: 100%;
        margin-bottom: 8px; }
        .c-fm__chiiki .ken .c-fm__str {
          flex-basis: 80px; } }
  .c-fm__chiiki .shiku {
    flex: 1; }
    @media screen and (max-width: 640px) {
      .c-fm__chiiki .shiku {
        flex-basis: 100%; }
        .c-fm__chiiki .shiku .c-fm__str {
          flex-basis: 80px; } }

.tf--max {
  width: 100%;
  max-width: 500px; }
.tf--max--full {
  width: 100%; }
.tf--ta {
  width: 100%;
  height: 70px; }
.tf--year {
  width: 90px; }
.tf--yearS {
  width: 80px; }
.tf--month {
  width: 70px; }
.tf--day {
  width: 70px; }
.tf--name {
  width: 100%;
  max-width: 200px; }
.tf--age {
  width: 100px; }
.tf--tel {
  width: 100%;
  max-width: 500px; }
.tf--mail {
  width: 100%; }
.tf--price {
  width: 150px; }
.tf--post1 {
  width: 60px; }
.tf--post2 {
  width: 70px; }
.tf--ap {
  width: 150px; }
.tf--roomno {
  width: 150px; }
.tf--ken {
  width: 100%;
  max-width: 200px; }
.tf--shiku {
  width: 100%;
  max-width: 200px; }
.tf--banchi {
  width: 50px; }
@media screen and (max-width: 768px) {
  .tf--name {
    max-width: 100%; } }

.c-step {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: solid 1px #9fc4ec;
  border-radius: 30px;
  padding: 10px 30px;
  background-color: #e8f1fb; }
  @media screen and (max-width: 640px) {
    .c-step {
      width: 100%;
      border-radius: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border-left: none;
      border-right: none; } }
  .c-step .step {
    flex-basis: 60px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #004998;
    font-weight: bold; }
    @media screen and (max-width: 640px) {
      .c-step .step {
        flex-basis: 50px; } }
  .c-step ul {
    flex: 1;
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .c-step ul li {
      flex-basis: calc(25% - 7.5px);
      border-bottom: solid 5px #c8c8c8;
      position: relative; }
      .c-step ul li:last-child {
        flex-basis: 20px; }
      .c-step ul li span {
        display: inline-block;
        width: 30px;
        line-height: 30px;
        font-size: 20px;
        font-size: 2rem;
        color: #646464;
        text-align: center;
        position: absolute;
        top: -12px;
        left: 0;
        background-color: #c8c8c8;
        border-radius: 8px; }
      .c-step ul li.active {
        border-color: #0a8cdc; }
        .c-step ul li.active span {
          color: #fff;
          background-color: #0a8cdc; }

.c-err {
  font-size: 14px;
  font-size: 1.4rem;
  color: #c80000;
  padding: 3px 5px;
  border: solid 1px #c80000;
  background-color: #FFEEEE;
  margin-top: 10px; }

.c-qu {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  border-top: solid 1px #dcdcdc;
  padding-bottom: 30px; }
  .c-qugr .c-qu:first-child {
    border-top: none; }
  .c-qu .hissu, .c-qu .nini {
    width: 52px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    position: absolute; }
  .c-qu .hissu {
    color: #c80000;
    border-radius: 3px;
    border: solid 2px #c80000; }
  .c-qu .nini {
    color: #0f55b4;
    border-radius: 3px;
    border: solid 2px #0f55b4; }
  .c-qu__header {
    padding: 15px 0;
    padding-left: 15px;
    padding-right: 15px; }
  .c-qu__q {
    position: relative;
    padding: 50px 15px 8px;
    margin-bottom: 15px; }
    .c-qu__q h3 {
      font-size: 16px;
      font-size: 1.6rem;
      padding-left: 30px;
      position: relative; }
      .c-qu__q h3 span {
        display: inline-block;
        width: 26px;
        line-height: 22px;
        font-size: 18px;
        font-size: 1.8rem;
        color: #fff;
        background-color: #004998;
        text-align: center;
        margin-right: 5px;
        border-radius: 3px;
        position: absolute;
        top: 2px;
        left: 0px; }
    .c-qu__q .hissu, .c-qu__q .nini {
      top: 20px;
      left: 15px; }
  .c-qu__a {
    padding: 0px 15px 0px; }
    .c-qu__a--secondary {
      padding: 10px;
      background-color: #f1f1f1;
      border: solid 1px #e6e6e6;
      border-radius: 8px; }
      .c-qu__a--secondary-quest {
        margin-bottom: 10px; }
    .c-qu__a-quest .quest {
      padding-top: 20px;
      padding-bottom: 20px;
      border-top: solid 1px #dcdcdc; }
      .c-qu__a-quest .quest dt {
        font-weight: bold;
        padding-left: 55px;
        margin-bottom: 10px;
        position: relative; }
        .c-qu__a-quest .quest dt .hissu, .c-qu__a-quest .quest dt .nini {
          top: 0px;
          left: 0px; }
      .c-qu__a-quest .quest__desc {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 5px; }

.c-done {
  padding-top: 50px; }
  .c-done__msg {
    color: #f01e8c;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center; }
  .c-done__desc {
    width: 600px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      .c-done__desc {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
  .c-done__btn {
    text-align: center;
    padding-top: 50px; }

.p-top__head {
  padding-bottom: 40px; }
  @media screen and (max-width: 640px) {
    .p-top__head {
      padding-bottom: 20px; } }
  .p-top__head-main {
    padding: 30px 0 30px;
    background: url("/apps/contract/img/bg_head.png"); }
    .p-top__head-main h1 {
      text-align: center;
      border-radius: 10px;
      width: 402px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        .p-top__head-main h1 {
          width: 80%;
          max-width: 402px; }
          .p-top__head-main h1 img {
            width: 100%;
            height: auto; } }
    .p-top__head-main .msg {
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: 700;
      color: #004998;
      text-align: center;
      position: relative; }
      .p-top__head-main .msg span {
        display: inline-block;
        border-bottom: solid 8px #faeb00; }
.p-top__privacy {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .p-top__privacy .msg {
    margin-bottom: 20px; }
  .p-top__privacy .btn {
    text-align: center; }
    @media screen and (max-width: 480px) {
      .p-top__privacy .btn {
        text-align: left; } }
    .p-top__privacy .btn .c-fm__chk + label {
      width: auto;
      display: inline-block;
      background-color: #e6e6e6;
      color: #969696; }
      @media screen and (max-width: 480px) {
        .p-top__privacy .btn .c-fm__chk + label {
          width: 100%; } }
    .p-top__privacy .btn .c-fm__chk:checked + label {
      background-color: #004998;
      color: #fff; }
  .p-top__privacy-btn a.ico--arr::after, .p-top__privacy-btn a.ico--dis::after {
    top: 50%;
    transform: translateY(-50%); }

.p-sub__kyoryoku {
  margin-top: 25px; }
  @media screen and (max-width: 640px) {
    .p-sub__kyoryoku {
      margin-top: 0; } }
  .p-sub__kyoryoku-desc {
    padding: 20px 15px 20px;
    background-color: #004998; }
    @media screen and (max-width: 640px) {
      .p-sub__kyoryoku-desc {
        padding-bottom: 30px; } }
    .p-sub__kyoryoku-desc .msg {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #fff;
      text-align: center;
      margin-bottom: 15px; }
      @media screen and (max-width: 640px) {
        .p-sub__kyoryoku-desc .msg {
          text-align: left; } }
    .p-sub__kyoryoku-desc .desc {
      max-width: 850px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: #fff;
      border-radius: 8px; }
      @media screen and (max-width: 640px) {
        .p-sub__kyoryoku-desc .desc {
          width: 100%; } }

.u-btmXS {
  margin-bottom: 8px; }
.u-btmS {
  margin-bottom: 15px; }
.u-btmSM {
  margin-bottom: 20px; }
.u-btmM {
  margin-bottom: 30px; }
.u-btmL {
  margin-bottom: 50px; }
.u-btm10 {
  margin-bottom: 10px; }
.u-mgL--10 {
  margin-left: 10px; }
.u-mgL--20 {
  margin-left: 20px; }