@charset "UTF-8";
html {
  font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6, strong, b, dt {
  font-weight: 600;
}

img[src$=".svg"] {
  width: auto;
}

.l-container {
  position: relative;
  color: #333;
  max-width: 100%;
  overflow-x: hidden;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
}
.l-container__inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 10px;
}

.narrow1 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.narrow1_5 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.narrow2 {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.narrow3 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.narrow4 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l-header {
  padding: 0px;
  background: #FFF9F1;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.l-header__logo {
  font-weight: bold;
  font-size: clamp(1.6rem, 3vw, 33px);
  color: #005EAC;
  padding-left: min(20px, 4vw);
  display: -webkit-box;
  display: flex;
  align-items: center;
  min-width: 12.5em;
  font-weight: 800;
}
@media screen and (min-width: 1350px) {
  .l-header__logo {
    justify-content: flex-end;
  }
}
.l-header .l-container__inner {
  max-width: none;
}
.l-header__img {
  text-align: right;
  max-width: min(680px, 50vw);
  max-height: 260px;
}
.l-header__img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-header__img {
    max-width: 30vw;
  }
}

.l-footer__info {
  font-size: 1.4rem;
  padding: 10px;
  background: #EFEFEF;
}
.l-footer__info .tit {
  font-weight: bold;
  margin-bottom: 5px;
}
.l-footer__info .u-maillink {
  color: #333;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .l-footer__info {
    font-size: 1.6rem;
    padding: 30px 20px;
  }
  .l-footer__info .tit {
    font-size: 1.7rem;
  }
}
.l-footer__link {
  text-align: right;
  padding: 10px;
  font-size: 1.4rem;
}

main {
  clear: both;
}

.l-contents {
  padding: 10px 0 30px;
}
@media screen and (min-width: 768px) {
  .l-contents {
    padding: 10px 0 80px;
  }
}
.l-contents.padTno {
  padding-top: 0;
}
.l-contents.top {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .l-contents.top {
    padding-top: 60px;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

.u-marB5 {
  margin-bottom: 5px;
}
.u-marB10 {
  margin-bottom: 10px;
}
.u-marB15 {
  margin-bottom: 15px;
}
.u-marB20 {
  margin-bottom: 20px;
}
.u-marB30 {
  margin-bottom: 30px;
}
.u-marB50 {
  margin-bottom: 50px;
}
.u-marT10 {
  margin-top: 10px;
}
.u-padL10 {
  padding-left: 10px;
}
.u-tellink {
  color: #333;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .u-tellink {
    text-decoration: none;
    pointer-events: none;
  }
}
.u-disNo {
  display: none;
}
.u-posRel {
  position: relative;
}
@media screen and (min-width: 768px) {
  .u-spOnly {
    display: none;
  }
}
.u-spOnly2 {
  display: none;
}
@media screen and (max-width: 470px) {
  .u-spOnly2 {
    display: inline;
  }
}
.u-pcOnly {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-pcOnly {
    display: block;
  }
}
.u-spOnly_s {
  display: none;
}
@media screen and (max-width: 470px) {
  .u-spOnly_s {
    display: block;
  }
}
.u-spOnly_s2 {
  display: none;
}
@media screen and (max-width: 470px) {
  .u-spOnly_s2 {
    display: inline;
  }
}
.u-pcOnly_s {
  display: block;
}
@media screen and (max-width: 470px) {
  .u-pcOnly_s {
    display: none;
  }
}
.u-pcOnly_s2 {
  display: inline;
}
@media screen and (max-width: 470px) {
  .u-pcOnly_s2 {
    display: none;
  }
}
.u-pcOnly_s4 {
  display: none;
}
@media screen and (max-width: 1280px) and (min-width: 630px) {
  .u-pcOnly_s4 {
    display: inline;
  }
}
.u-ib {
  display: inline-block;
}
.u-fontSS {
  font-size: 1.25rem;
}
.u-fontC_red {
  color: #D20000;
}
.u-fontL {
  font-size: 1.8rem;
}
.u-txtAC {
  text-align: center;
}
.u-ind01 {
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.c-btn {
  text-decoration: none;
  cursor: pointer;
  border-radius: 100px;
  text-align: center;
  font-weight: bold;
  border: none;
  display: inline-block;
}
.c-btn:hover {
  transition: .5s;
  background: #89C5F6;
}
.c-btn__defult {
  color: #005EAC;
  border: 1px #005EAC solid;
  background: #fff;
}
.c-btn__defult:hover {
  background: #ECF6FF;
  opacity: 1;
}
.c-btn__success {
  background: #005EAC;
  border: 2px #005EAC solid;
  color: #fff;
}
.c-btn__success:hover {
  background: #008ee3;
  border-color: #008ee3;
  opacity: 1;
}
.c-btn__gray {
  background: #8e8c8c;
  border: 2px #666 solid;
  color: #fff;
}
.c-btn__gray:hover {
  background: #999;
  opacity: 1;
}
.c-btn__gray.btnSokoOpen {
  background: #005EAC;
  border: 2px #005EAC solid;
  color: #fff;
}
.c-btn__gray.btnSokoOpen:hover {
  background: #008ee3;
  border-color: #008ee3;
  opacity: 1;
}
.c-btn__back {
  background: #fff;
  border: 2px #76838E solid;
  color: #76838E;
}
.c-btn__back:hover {
  background: #EFEFEF;
  opacity: 1;
}
.c-btn__disable {
  cursor: default;
  background: #D4D4D4;
  color: #fff;
  pointer-events: none;
}
.c-btn__disable:hover {
  opacity: 1;
}
.c-btn__s {
  padding: 5px;
  font-weight: normal;
  border-radius: 8px;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .c-btn__s {
    font-size: 1.5rem;
  }
}
.c-btn__sm {
  padding: 8px 10px;
  border-radius: 8px;
}
.c-btn__m {
  padding: 10px 25px;
}
@media screen and (max-width: 470px) {
  .c-btn__m {
    padding: 5px;
    min-width: 120px;
  }
}
.c-btn__l {
  padding: 15px 10px;
  font-size: 1.6rem;
  width: 100%;
  max-width: 330px;
  letter-spacing: 3px;
}
@media screen and (min-width: 768px) {
  .c-btn__l {
    min-width: 330px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-btn__l.widS {
    min-width: 240px;
    width: auto;
  }
}
.c-btn__ll {
  padding: 30px 10px;
  font-size: 2.4rem;
  width: 100%;
  max-width: 460px;
  letter-spacing: 2px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .c-btn__ll {
    min-width: 460px;
    width: auto;
  }
}
@media screen and (max-width: 450px) {
  .c-btn__ll {
    padding: 15px 5px;
  }
}
.c-btn:disabled {
  opacity: .5;
  cursor: default;
}
.c-btn.btnFileDel {
  display: none;
}
.c-btn__img {
  border: none;
  background: no-repeat;
  cursor: pointer;
}
.c-btnLogout {
  text-align: right;
  margin-bottom: 20px;
  padding: min(10px, 2vw) min(10px, 2vw) 0 0;
}
.c-btnLogout .corp {
  display: block;
  margin-bottom: 10px;
}
.c-btnLogout .corp span {
  display: inline-block;
  margin-left: 5px;
}
.c-btnLogout .corp span:first-child {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .c-btnLogout {
    margin-bottom: 40px;
  }
  .c-btnLogout .corp {
    margin-bottom: 0px;
    display: inline-block;
  }
  .c-btnLogout .c-btn {
    margin-left: 10px;
  }
}
.c-btnBack {
  margin-bottom: 10px;
}
.c-btnBack .c-btnLogout {
  margin-top: 10px;
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .c-btnBack {
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .c-btnBack .c-btnLogout {
    margin-top: 0px;
  }
}
.c-btnDelete {
  text-align: right;
  position: relative;
}
.c-btnDelete button {
  font-size: 13px;
}
.c-btnarea__BtCopy {
  margin-bottom: -65px;
  position: relative;
}
.c-btnarea__BtCopy .btnHidukeDelete {
  position: absolute;
  top: 0;
  right: -20px;
}
.c-btnArea {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-btnArea__two {
  display: -webkit-box;
  display: flex;
  max-width: 520px;
  margin: 0 auto;
  justify-content: space-between;
}
.c-btnArea__two.center {
  justify-content: center;
}
.c-btnArea__two.center > * {
  margin: 0 10px;
}
.c-btnArea__two .btns {
  width: calc(50%);
  text-align: center;
}
.c-btnArea__two .btns:first-child {
  padding-right: 10px;
}
.c-btnArea__two .btns:last-child {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .c-btnArea__two .btns .c-btn__l {
    font-size: 1.6rem;
    letter-spacing: 0px;
  }
}
@media screen and (max-width: 767px) {
  .c-btnArea__two.pcOne {
    display: block;
  }
  .c-btnArea__two.pcOne > * {
    margin-bottom: 20px;
  }
  .c-btnArea__two.pcOne > *:last-child {
    margin-bottom: 0px;
  }
  .c-btnArea__two.pcOne .btns {
    width: 100%;
  }
}
.c-btnArea_flatHeight {
  width: 100%;
  display: -webkit-box;
  display: flex;
  justify-content: center;
}
.c-btnArea_flatHeight a {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-link {
  color: #005EAC;
  padding: 0 0 0 16px;
  display: inline-block;
  text-decoration: underline;
}
.c-link:hover {
  text-decoration: none;
  color: #6D6D6D;
}
.c-link__arrow01 {
  position: relative;
}
.c-link__arrow01::before {
  position: absolute;
  top: 12px;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 0px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #005EAC;
  border-right: 1px solid #005EAC;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-pagetitle__in {
  font-size: 2.0rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-pagetitle__in {
    font-size: 2.6rem;
  }
}
.c-tit1 {
  font-size: 2.0rem;
  margin-bottom: 15px;
  padding: 6px 4px 6px 28px;
  background: linear-gradient(to bottom, white 0%, #f6f6f6 47%, #ededed 100%);
  border: 1px #d9d9d9 solid;
  color: #005EAC;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .c-tit1 {
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
.c-tit1::before {
  position: absolute;
  content: '';
  left: 7px;
  top: 7px;
  display: block;
  width: 10px;
  height: calc(100% - 14px);
  background: #005EAC;
  border-radius: 10px;
}
.c-tit2 {
  font-size: 1.8rem;
  margin-bottom: 10px;
  position: relative;
  padding: 5px 5px 5px 10px;
}
.c-tit2::before {
  content: '';
  width: 6px;
  height: calc(100% - 10px);
  position: absolute;
  left: 0px;
  top: 5px;
  background: #fff6e9;
}
@media screen and (min-width: 768px) {
  .c-tit2 {
    padding: 8px 8px 8px 25px;
    font-size: 2.0rem;
    margin-bottom: 20px;
  }
  .c-tit2::before {
    width: 10px;
    height: calc(100% - 17px);
    left: 7px;
    top: 7px;
  }
}
.c-tit3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .c-tit3 {
    font-size: 2.0rem;
  }
}
.c-tit3.u-bb-gray {
  border-bottom-width: 2px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.c-tit4 {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .c-tit4 {
    font-size: 1.8rem;
  }
}
.c-tit4 .sub {
  border: 1px #ccc solid;
  padding: 2px 4px;
  display: inline-block;
  margin-right: 10px;
}
.c-titline {
  position: relative;
  z-index: 1;
  position: absolute;
  top: -17px;
  left: 10px;
}
.c-titline span {
  background: #fff;
  padding: 2px 0 0 8px;
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3);
}
.c-list li {
  margin-bottom: 10px;
}
.c-list li:last-child {
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .c-list li:last-child {
    margin-bottom: 0px;
  }
}
.c-list.marB_s li {
  margin-bottom: 5px;
}
.c-list.marB_s li:last-child {
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .c-list.marB_s li:last-child {
    margin-bottom: 0px;
  }
}
.c-list__ind01 li {
  text-indent: -1em;
  padding-left: 1em;
}
.c-list__ind01 li .u-ib {
  text-indent: 0em;
}
.c-list__disc01 {
  padding-left: 20px;
}
.c-list__disc01 li {
  list-style: disc;
}
.c-list__deci01 {
  padding-left: 20px;
}
.c-list__deci01 li {
  list-style: decimal;
}
.c-list__check01 {
  padding-left: 20px;
}
.c-list__check01 li {
  position: relative;
}
.c-list__check01 li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 12px;
  height: 7px;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  transform: rotate(-45deg);
}
.c-list__inL01 li {
  display: inline-block;
}
.c-icon__attention {
  padding-left: 1.5em;
  background: url("../img/ico_attention01.svg") no-repeat left top/auto 20px;
}
.c-icon__tooltip {
  font-style: normal;
  background: #fff;
  border: 1px #666 solid;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  width: 22px;
  height: 22px;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  line-height: 22px;
  font-size: 14px;
}
.c-icon__btn {
  padding-right: 20px;
  line-height: 1.5;
  background: url("../img/ico_pdf.png") no-repeat right center/16px auto;
  display: block;
  text-align: left;
}
.c-icon__btn.pdfmono {
  background-image: url("../img/ico_pdfmono.png");
}
.c-icon__btn.word {
  background-image: url("../img/ico_word.png");
}
.c-icon__btn.excel {
  background-image: url("../img/ico_excel.png");
}
.c-icon__btn.jpg {
  background-image: url("../img/ico_img.png");
}
.c-icon__btn.jpgmono {
  background-image: url("../img/ico_imgmono.png");
}
@media screen and (min-width: 768px) {
  .c-icon__btn {
    padding-right: 24px;
    background-size: 20px auto;
  }
}
.c-icon__btn.big {
  font-size: clamp(1.8rem, 4.8vw, 25px);
  line-height: 1.3;
}
.c-iconAns {
  position: absolute;
  left: 3px;
  top: 5px;
}
.c-iconAns span {
  background: #DB0A0A;
  padding: 5px;
  border-radius: 4px;
  color: #fff;
}
.c-iconAns span.done {
  background: #76838E;
}
.c-textbox {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .c-textbox {
    margin-bottom: 60px;
    padding: 30px;
    border-radius: 20px;
    background: #fff;
    box-shadow: -8px -8px 16px 0 rgba(255, 255, 255, 0.7), 8px 8px 16px 0 rgba(166, 171, 189, 0.4);
    border: 1px #d9d9d9 solid;
  }
  .c-textbox.faq {
    box-shadow: none;
    border: none;
  }
}
.c-textbox.marB_s {
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .c-textbox.marB_s {
    margin-bottom: 40px;
  }
}
.c-textbox.marB_ss {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .c-textbox.marB_ss {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 470px) {
  .c-textbox.marB_ss {
    margin-bottom: 0px;
  }
}
.c-textbox p {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .c-textbox p {
    margin-bottom: 15px;
  }
}
.c-textbox p:last-child {
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .c-textbox p:last-child {
    margin-bottom: 0px;
  }
}
.c-textbox .p-logout p {
  margin-bottom: 0;
}
.c-textbox .u-txtAC__sp p.u-padR8 {
  margin-bottom: 0;
}
.c-textbox .u-txtAC__sp p.u-padR8:last-child {
  margin-bottom: 10px;
}
.c-textbox a:not(.c-btn, .u-tellink) {
  text-decoration: underline;
}
.c-textbox a:not(.c-btn, .u-tellink):hover {
  text-decoration: none;
  color: #6D6D6D;
}
.c-bordBox {
  margin-bottom: 20px;
  border: 5px #EFEFEF solid !important;
  background: #fff;
  padding: 10px;
}
.c-bordBox.thin {
  border: 1px #999 solid !important;
}
.c-bordBox.err {
  border-color: #ff0000;
}
.c-bordBox.err .c-tit1 {
  color: #d70202;
}
.c-bordBox.err .err_in {
  padding-top: 50px;
  background: url("../img/ico_attention01.svg") no-repeat center top/40px auto;
}
.c-bordBox.err .err_in_n a {
  text-decoration: underline;
}
.c-bordBox.marBL {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .c-bordBox.marBL {
    margin-bottom: 60px;
  }
}
.c-bordBox.marBLL {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .c-bordBox.marBLL {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 400px) {
  .c-bordBox {
    padding: 15px;
  }
}
@media screen and (min-width: 768px) {
  .c-bordBox {
    padding: 30px;
  }
}
.c-bordBox.padL {
  padding-top: 30px;
  padding-bottom: 30px;
}
.c-bordBox.padL.u-posRel {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .c-bordBox.padL {
    padding: 60px;
  }
}
.c-bordBox p {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .c-bordBox p {
    margin-bottom: 15px;
  }
}
.c-bordBox p:last-child {
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .c-bordBox p:last-child {
    margin-bottom: 0px;
  }
}
.c-formset {
  margin-bottom: 35px;
  padding: 0 5px;
}
.c-formset th, .c-formset .u-th, .c-formset td, .c-formset .u-td {
  padding-bottom: 15px;
}
.c-formset .u-td, .c-formset .area_add {
  padding-left: 5px;
}
@media screen and (min-width: 768px) {
  .c-formset .u-td, .c-formset .area_add {
    padding-left: 10px;
  }
}
.c-formset.u-marB10 {
  margin-bottom: 10px;
}
.c-formset.u-marB20 {
  margin-bottom: 20px;
}
.c-formset.padS th, .c-formset.padS .u-th, .c-formset.padS td, .c-formset.padS .u-td {
  padding: 5px 10px;
}
.c-formset .sub {
  background: #eee;
  font-weight: normal;
  padding: 10px;
  font-size: 92%;
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
.c-formset .sub p {
  margin-bottom: 0;
}
.c-formset .sub::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 20px;
  display: block;
  width: 0px;
  height: 0px;
  margin-top: 0px;
  border-style: solid;
  border-width: 5px;
  border-color: #eee transparent transparent transparent;
}
.c-formset .sub.arrNone::after {
  display: none;
}
.c-formset input, .c-formset textarea {
  -webkit-appearance: none;
  font-size: 1.6rem;
}
.c-formset textarea {
  width: 100%;
  max-width: 600px;
  min-height: 160px;
  padding: 4px;
  border: 1px #ccc solid;
  border-radius: 4px;
  background: #fff;
}
.c-formset textarea.sisetsu {
  width: 100%;
  min-height: 6.5em;
  font-size: 15px;
}
.c-formset textarea.sisetsu::placeholder {
  font-size: 13px;
}
.c-formset input[type=text],
.c-formset input[type=tel],
.c-formset input[type=password],
.c-formset input[type=email],
.c-formset input[type=number],
.c-formset input[type=time] {
  border: 1px #999 solid;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 4px 4px;
}
.c-formset input[type=text].input-err, .c-formset input[type=text].input-errS,
.c-formset input[type=tel].input-err,
.c-formset input[type=tel].input-errS,
.c-formset input[type=password].input-err,
.c-formset input[type=password].input-errS,
.c-formset input[type=email].input-err,
.c-formset input[type=email].input-errS,
.c-formset input[type=number].input-err,
.c-formset input[type=number].input-errS,
.c-formset input[type=time].input-err,
.c-formset input[type=time].input-errS {
  background: #fee;
}
.c-formset input[type=text]:read-only,
.c-formset input[type=tel]:read-only,
.c-formset input[type=password]:read-only,
.c-formset input[type=email]:read-only,
.c-formset input[type=number]:read-only,
.c-formset input[type=time]:read-only {
  background: #f0f3f5;
}
.c-formset input[type=text]:read-only.input-err, .c-formset input[type=text]:read-only.input-errS,
.c-formset input[type=tel]:read-only.input-err,
.c-formset input[type=tel]:read-only.input-errS,
.c-formset input[type=password]:read-only.input-err,
.c-formset input[type=password]:read-only.input-errS,
.c-formset input[type=email]:read-only.input-err,
.c-formset input[type=email]:read-only.input-errS,
.c-formset input[type=number]:read-only.input-err,
.c-formset input[type=number]:read-only.input-errS,
.c-formset input[type=time]:read-only.input-err,
.c-formset input[type=time]:read-only.input-errS {
  background: #f6eeff;
}
.c-formset input[type=text].input-search,
.c-formset input[type=tel].input-search,
.c-formset input[type=password].input-search,
.c-formset input[type=email].input-search,
.c-formset input[type=number].input-search,
.c-formset input[type=time].input-search {
  box-shadow: 0 0 8px #f0aa00;
}
.c-formset input[type=text].no-style,
.c-formset input[type=tel].no-style,
.c-formset input[type=password].no-style,
.c-formset input[type=email].no-style,
.c-formset input[type=number].no-style,
.c-formset input[type=time].no-style {
  background: no-repeat;
  border: none;
  padding: 0;
  color: #333;
}
.c-formset input[type=text].no-style:focus,
.c-formset input[type=tel].no-style:focus,
.c-formset input[type=password].no-style:focus,
.c-formset input[type=email].no-style:focus,
.c-formset input[type=number].no-style:focus,
.c-formset input[type=time].no-style:focus {
  outline: none;
}
.c-formset input[type=text]::placeholder,
.c-formset input[type=tel]::placeholder,
.c-formset input[type=password]::placeholder,
.c-formset input[type=email]::placeholder,
.c-formset input[type=number]::placeholder,
.c-formset input[type=time]::placeholder {
  color: #000;
  opacity: 0.62;
  font-size: 1.6rem;
}
.c-formset input[type=number].no-spin {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}
.c-formset select {
  border: 1px solid #999;
  border-radius: 8px;
  padding: 5px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .c-formset select {
    padding: 8px 2px;
  }
}
.c-formset select.input-err, .c-formset select.input-errS {
  background: #fee;
}
.c-formset select.input-search {
  box-shadow: 0 0 8px #f0aa00;
}
.c-formset select.c-wid__50, .c-formset select.c-wid__60, .c-formset select.c-wid__70, .c-formset select.c-wid__80 {
  text-align: center;
}
.c-formset input[type="file"] {
  padding: 4px;
  border: 1px #ccc solid;
  border-radius: 4px;
  background: #fff;
}
.c-formset input[type="file"].input-err, .c-formset input[type="file"].input-errS {
  background: #fee;
}
.c-formset input[type="file"].active {
  background: #FEFDDF;
}
.c-formset input[type=radio],
.c-formset input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}
.c-formset input[type=radio] + label, .c-formset input[type=radio] + .inputStyle,
.c-formset input[type=checkbox] + label,
.c-formset input[type=checkbox] + .inputStyle {
  position: relative;
  display: inline-block;
  margin-right: 18px;
  font-size: 1.4rem;
  line-height: 1.4;
  cursor: pointer;
}
@media (min-width: 1px) {
  .c-formset input[type=radio],
  .c-formset input[type=checkbox] {
    /* 透明度0 */
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    /* ブラウザのデフォルトのスタイルを削除 */
    -webkit-appearance: none;
    appearance: none;
    /* レイアウトから無視 */
    position: absolute;
    margin: 0;
  }
  .c-formset input[type=radio] + label, .c-formset input[type=radio] + .inputStyle,
  .c-formset input[type=checkbox] + label,
  .c-formset input[type=checkbox] + .inputStyle {
    padding: 0 0 0 26px;
  }
  .c-formset input[type=radio] + label::before, .c-formset input[type=radio] + .inputStyle::before,
  .c-formset input[type=checkbox] + label::before,
  .c-formset input[type=checkbox] + .inputStyle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #FFF;
  }
  .c-formset input[type=radio] + label::after, .c-formset input[type=radio] + .inputStyle::after,
  .c-formset input[type=checkbox] + label::after,
  .c-formset input[type=checkbox] + .inputStyle::after {
    content: "";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
  }
  .c-formset input[type=radio]:disabled + label, .c-formset input[type=radio]:disabled + .inputStyle,
  .c-formset input[type=checkbox]:disabled + label,
  .c-formset input[type=checkbox]:disabled + .inputStyle {
    opacity: .5;
  }
  .c-formset input[type=radio] + label::before, .c-formset input[type=radio] + .inputStyle::before {
    border: 2px solid #ccc;
    border-radius: 30px;
  }
  .c-formset input[type=checkbox] + label::before, .c-formset input[type=checkbox] + .inputStyle::before {
    border: 1px solid #004BB1;
    border-radius: 4px;
    top: 12px;
  }
  .c-formset input[type=radio]:checked + label::before, .c-formset input[type=radio]:checked + label::after, .c-formset input[type=radio]:checked + .inputStyle::before, .c-formset input[type=radio]:checked + .inputStyle::after,
  .c-formset input[type=checkbox]:checked + label::before,
  .c-formset input[type=checkbox]:checked + label::after,
  .c-formset input[type=checkbox]:checked + .inputStyle::before,
  .c-formset input[type=checkbox]:checked + .inputStyle::after {
    content: "";
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .c-formset input[type=radio]:checked + label::before, .c-formset input[type=radio]:checked + .inputStyle::before {
    top: 50%;
  }
  .c-formset input[type=radio]:checked + label::after, .c-formset input[type=radio]:checked + .inputStyle::after {
    top: 50%;
    left: 5px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #008ee3;
    border-radius: 10px;
  }
  .c-formset input[type=checkbox]:checked + label::after, .c-formset input[type=checkbox]:checked + .inputStyle::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #008ee3;
    border-bottom: 3px solid #008ee3;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
  }
  .c-formset input[type=radio]:focus + label::before, .c-formset input[type=radio]:focus + .inputStyle::before,
  .c-formset input[type=checkbox]:focus + label::before,
  .c-formset input[type=checkbox]:focus + .inputStyle::before {
    box-shadow: 0 0 4px #008ee3;
  }
}
.c-formset__input {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.c-formset dt {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .c-formset {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .c-formset dl {
    width: calc(50% - 20px);
  }
  .c-formset dl.wide {
    width: 100%;
  }
}
.c-wid__100per {
  width: 100%;
}
.c-wid__100per_withBtn {
  width: calc(100% - 64px);
}
.c-wid__400 {
  max-width: 400px;
  width: 100%;
}
.c-wid__300 {
  max-width: 300px;
  width: 100%;
}
.c-wid__350 {
  max-width: 350px;
  width: 100%;
}
.c-wid__250 {
  width: 250px;
}
.c-wid__230 {
  width: 230px;
}
.c-wid__200 {
  width: 200px;
}
.c-wid__160 {
  width: 160px;
}
.c-wid__140 {
  width: 140px;
}
.c-wid__140.datepicker_s, .c-wid__140.datepicker_e {
  width: 120px;
}
.c-wid__120 {
  width: 120px;
}
@media screen and (max-width: 450px) {
  .c-wid__120.zip02 {
    width: 70px;
  }
}
@media screen and (max-width: 899px) and (min-width: 768px) {
  .c-wid__120 {
    width: 105px;
  }
}
.c-wid__100 {
  width: 92px;
}
@media screen and (max-width: 450px) {
  .c-wid__100.zip01 {
    width: 50px;
  }
}
.c-wid__80 {
  width: 76px;
}
.c-wid__60 {
  width: 60px;
  border-radius: 2px;
}
.c-wid__50 {
  width: 50px;
  border-radius: 2px;
}
.c-wid__40 {
  width: 40px;
  border-radius: 2px;
}
.c-wid__30 {
  width: 30px;
  border-radius: 2px;
}
.c-err {
  background: #DB0A0A;
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  position: absolute;
  transition: all .4s;
  display: inline;
  min-width: inherit;
  width: auto;
  left: 0;
  top: calc(100% - 2px);
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  min-width: 170px;
  z-index: 1;
  /*@include pc{
  	top: auto;
  	bottom: calc(100% - 3px);
  	font-size: 1.6rem;
  	letter-spacing: 1.5;
  	padding: 2px 10px;
  	&::after{
  		top: 100%;
  		bottom: auto;
  		border-color:$red_d transparent transparent transparent;
  	}
  }*/
}
.c-err::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 20px;
  display: block;
  width: 0px;
  height: 0px;
  margin-top: 0px;
  border-style: solid;
  border-width: 5px;
  border-color: transparent transparent #DB0A0A transparent;
}
.c-err.noTriangle::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-err {
    font-size: 1.6rem;
    letter-spacing: 1.5;
    padding: 2px 10px;
    top: calc(100% - 0px);
  }
}
@media screen and (min-width: 768px) {
  .c-formset__input.err-right .c-err {
    left: auto;
    right: 0;
  }
}
.c-needMark {
  /*position: relative;
  padding-right: 43px;
  img.ico{
  	position: absolute;
  	right: 0;
  	top: 0;
  }*/
  /*&::after{
  	position: absolute;
  	top: 0;
  	right: 0;
  	content: "必須";
  	background-color:$or_n;
  	line-height: 1;
  	text-align: center;
  	white-space: nowrap;
  	padding: 4px 8px;
  	color: #fff;
  	font-weight: bold;
  	font-size: 1.5rem;
  	border-radius: 6px;
  }*/
}
.c-needMark img.ico {
  display: inline-block;
  margin: 0 4px;
  vertical-align: sub;
  width: 42px;
}
.c-needMark_p {
  font-weight: bold;
}
.c-needMark_p img.ico {
  display: inline-block;
  margin-right: 4px;
  vertical-align: sub;
  width: 38px;
}

.c-errMes {
  position: absolute;
  top: calc(100% - 45px);
  transition: all .4s;
  width: 100%;
  max-width: 300px;
  white-space: normal;
  text-align: left;
  text-align: center;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .c-errMes {
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
  }
}
@media screen and (min-width: 768px) {
  .c-errMes {
    right: -20px;
    top: calc(100% + 2px);
  }
}
.c-errMes-in {
  background: #fff;
  color: #DB0A0A;
  border: 2px #DB0A0A solid;
  padding: 5px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
}
.c-errMes-in::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  margin-left: -5px;
  border-style: solid;
  border-width: 6px;
  border-color: transparent transparent #DB0A0A transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
}
@media screen and (max-width: 630px) {
  .c-errMes .pc {
    display: none;
  }
}

.c-errS {
  position: relative;
}
.c-errS strong {
  background: #DB0A0A;
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  position: relative;
  transition: all .4s;
  display: inline;
  min-width: inherit;
  width: auto;
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  min-width: 170px;
}
.c-errS strong::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  display: block;
  width: 0px;
  height: 0px;
  margin-top: 0px;
  border-style: solid;
  border-width: 5px;
  border-color: #DB0A0A transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  .c-errS strong {
    font-size: 1.8rem;
    padding: 5px 10px;
  }
}
.c-errS.all-err strong {
  width: 100%;
  box-shadow: none;
  text-align: center;
  position: relative;
  margin: 0 0 20px;
  display: block;
}
.c-errS.all-err strong::after {
  display: none;
}
.c-errS.noTriangle strong::after {
  display: none;
}
.c-news {
  max-height: 440px;
  overflow-y: scroll;
}
.c-news dd {
  line-height: 1.8;
  margin-bottom: 20px;
}
.c-news dd .title {
  padding-bottom: 5px;
  display: inline-block;
}
.c-news a {
  text-decoration: underline;
}
.c-news a:hover {
  text-decoration: none;
  color: #6D6D6D;
}
@media screen and (min-width: 768px) {
  .c-news {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    max-height: 390px;
    padding: 0 20px;
  }
  .c-news dt {
    width: 7.6em;
    margin-bottom: 10px;
    font-weight: normal;
  }
  .c-news dd {
    width: calc(100% - 7.6em);
    margin-bottom: 22px;
  }
}
.c-download ul {
  margin-bottom: 10px;
}
.c-download-box {
  box-sizing: border-box;
  margin-bottom: 10px;
}
.c-download-box p {
  font-weight: bold;
  margin-bottom: 15px;
}
.c-download-box .c-btn {
  display: block;
  max-width: none;
}
.c-download-btn {
  border: 1px #aaa solid;
  background: #fff;
  padding: 2px;
  border-radius: 10px;
}
.c-download-btn .c-btn {
  border-radius: 10px;
  padding: 10px 10px;
}
@media screen and (min-width: 768px) {
  .c-download {
    padding: 0 20px;
  }
  .c-download ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .c-download-box {
    width: calc(50% - 10px);
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1080px) {
  .c-download-box {
    width: calc(100% / 3 - 16px);
  }
  .c-download-box.oneBtn {
    width: 360px;
  }
}
@media screen and (min-width: 1180px) {
  .c-download-box {
    width: calc(100% / 4 - 16px);
  }
  .c-download-box.linebreak {
    width: calc(100% / 3 * 2 - 16px);
  }
  .c-download-box.linebreak2 {
    width: calc(100% / 3 * 3 - 16px);
  }
}
.c-download-box.oneBtn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .c-download-wrap {
    padding: 0 20px;
  }
}
.c-download-comment {
  background: #FFF9F1;
  margin-bottom: 15px;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .c-download-comment {
    margin-bottom: 30px;
    padding: 20px;
  }
}
.c-faq {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-faq .c-btn {
    padding-left: 70px;
    padding-right: 70px;
  }
}
.c-faq .c-icon__btn {
  padding-top: 10px;
  padding-bottom: 10px;
}
.c-areaImg {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  gap: min(20px, 2vw);
  margin-bottom: min(30px, 5vw);
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-areaImg {
    padding: 0 20px;
  }
}
.c-areaImg::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.p-check {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
}
.p-check::before {
  content: "";
  position: relative;
  top: 0;
  left: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 24px;
  height: 24px;
  background: #DFDFDF;
  border: 1px solid #004BB1;
  border-radius: 4px;
}
.p-check::after {
  content: "";
  position: absolute;
  top: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  left: 4px;
  top: 7px;
  width: 16px;
  height: 8px;
  border-left: 3px solid #005EAC;
  border-bottom: 3px solid #005EAC;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.p-check.noBord {
  margin-right: 5px;
  width: 1em;
  height: 1em;
}
.p-check.noBord::before {
  display: none;
}
.p-check.noBord::after {
  top: 2px;
  left: 0px;
}
.p-check.noneCheck::after {
  display: none;
}
.p-checkTxt {
  position: relative;
  display: inline-block;
  margin-right: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  padding: 0 0 0 30px;
}
.p-souhu {
  display: none;
}
.p-logout {
  position: absolute;
  right: 10px;
  top: -60px;
}
.p-logout .name {
  color: #fff;
  padding-right: 8px;
}
@media screen and (max-width: 767px) {
  .p-backbtn {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.p-loginBox {
  padding: min(40px, 4vw);
}
@media screen and (min-width: 768px) {
  .p-loginBox {
    margin-top: 60px;
    border: 1px #ccc solid;
  }
}
.p-minH {
  min-height: calc(100vh - 200px);
}
@media screen and (min-width: 768px) {
  .p-minH {
    min-height: calc(100vh - 237px);
  }
}
.p-cs {
  padding-top: 50px;
}
.p-cs h2 {
  text-align: center;
  font-size: clamp(2rem, 4.4vw, 28px);
  margin-bottom: min(30px, 5vw);
}
.p-cs h2 span {
  font-size: clamp(1.6rem, 3.4vw, 20px);
  display: block;
}
.p-cs p {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-cs {
    padding-top: 100px;
    text-align: center;
  }
}

.ico.i-newWin {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  width: 1.1em;
}

.week, #step2 {
  display: none;
}

.confmail {
  background: #fff1c5;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .confmail {
    padding: 15px;
  }
}
.confmail dt {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 5px;
}

.disp-img {
  border: 1px solid #ccc;
  margin-top: 50px;
  text-align: center;
  padding: 20px;
}
.disp-img img {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}

.l-loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 5;
}

.loadergif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  text-align: center;
  background: #fff;
  padding: 10px;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  font-size: 0.7rem;
  text-indent: -9999em;
  border-top: 1.4em solid rgba(46, 147, 230, 0.2);
  border-right: 1.4em solid rgba(46, 147, 230, 0.2);
  border-bottom: 1.4em solid rgba(46, 147, 230, 0.2);
  border-left: 1.4em solid #008ee3;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fullscreenAlert {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}
.fullscreenAlert .wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  max-width: 414px;
  width: calc(100% - 20px);
  padding: 20px;
  border: 2px #ff0000 solid;
  background: #fff;
}
.fullscreenAlert .wrap_in {
  padding-top: 70px;
  background: url("../img/ico_attention01.svg") no-repeat center top/60px auto;
}

.fullscreenConf {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 4;
}
.fullscreenConf .wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  max-width: 720px;
  width: calc(100% - 20px);
  padding: 20px;
  border: 2px #707070 solid;
  background: #fff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.fullscreenConf .wrap_in {
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .fullscreenConf .wrap {
    padding: 40px;
  }
  .fullscreenConf .wrap_in {
    margin-bottom: 30px;
  }
  .fullscreenConf .wrap .c-btn__l {
    min-width: 240px;
  }
  .fullscreenConf .wrap .c-btnArea__two .btns:first-child {
    padding-right: 20px;
    text-align: right;
  }
  .fullscreenConf .wrap .c-btnArea__two .btns:last-child {
    padding-left: 20px;
    text-align: left;
  }
}
.fullscreenConf .c-btnCloseWaku {
  position: absolute;
  right: -15px;
  top: -15px;
}
.fullscreenConf .c-btnCloseWaku .round_btn {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #333;
  cursor: pointer;
}
.fullscreenConf .c-btnCloseWaku .round_btn:hover {
  background: #666;
}
.fullscreenConf .c-btnCloseWaku .round_btn::before, .fullscreenConf .c-btnCloseWaku .round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 21px;
  background: #fff;
}
.fullscreenConf .c-btnCloseWaku .round_btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fullscreenConf .c-btnCloseWaku .round_btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.fullscreenConf dl {
  margin-bottom: 40px;
}
.fullscreenConf dl dd {
  border-bottom: 1px #aaa dotted;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 1.6rem;
}
.fullscreenConf .att {
  margin-bottom: 20px;
}