@charset "UTF-8";
/* CSS Document */
/*
01 Common
========================================================================== */
/* Layout === */
div.formEntry {}
div.blockForm dl {
  display: flex;
  justify-content: flex-start;
  padding: 2em 0;
}
div.blockForm dl dt {
  position: relative;
}
div.blockForm dl dt>* {
  line-height: inherit;
}
div.blockForm dl dt span {
  display: inline-block;
  padding: .1em 1.25em;
  margin: 0 0 0 1.5em;
  font-size: 11px;
  line-height: 2;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 0, 0, 1);
  position: relative;
}
div.blockForm dl dt span.any {
  background-color: rgba(0, 0, 0, 1);
}
div.blockForm dl dt small {
  font-size: 12px;
}
div.blockForm dl dd {
  position: relative;
}
div.blockForm dl dd small {
  margin: 0 0 0 .75em;
  font-size: 12px;
}
div.blockForm dl dd b {
  display: block;
  margin: 1em 0 0;
  font-size: 13px;
  line-height: 1;
  color: rgba(240, 10, 10, 1);
}
div.blockForm dl dd ul li + li {
  padding: 1em 0;
}
div.blockForm dl dd ul li h3 {
  margin: 0 0 .75em 0;
}
div.blockForm dl dd ul li b {
  margin: 1em 0;
}
.confirm div.blockForm dl dt {
  padding: 0;
}
.confirm div.blockForm dl dd ul li {
  padding: 0;
}
.confirm div.blockForm dl dd ul {
  padding: 0;
}
.confirm div.blockForm dl dd ul li+li {}
.confirm div.blockForm dl dd.text {
  line-height: 2;
  margin-top: -.5em;
  white-space: pre-wrap
}
p.notes {
  margin: .75em 0 0 0;
  font-size: 13px;
  line-height: 1.7;
}
p.notes span {
  display: block;
}
/* button === */
div.blockDecide {
  display: flex;
  justify-content: center;
  padding: 65px 0 0 0;
}
div.blockDecide>* {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.5em 0 1.2em;
  border-radius: .75em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
div.blockDecide button {
  width: 50%;
  max-width: 400px;
  letter-spacing: .03rem;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(240, 10, 10, 1);
  transition: .2s ease;
}
/* Confirm === */
div.verConfirm div.blockForm dl dt {
  padding: 0 0 0 0;
}
div.verConfirm div.blockDecide {
  padding: 70px 0 35px 0;
}
div.verConfirm div.blockDecide>* {}
div.verConfirm div.blockDecide a {}
div.verConfirm div.blockDecide button {}
.listForm div.formEntry.confirm div.blockDecide>* {
  margin: 0 .5em;
  width: 25%;
}
.listForm div.formEntry.confirm div.blockDecide button.back {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
}
/* General === */
label {
  cursor: pointer;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  min-height: 42px;
  padding: .75em;
  background-color: rgba(245, 245, 235, 1);
  border: 1px solid rgba(190, 200, 200, 1);
  border-radius: .15em;
  transition: .2s ease;
}
textarea {
  margin: .5em 0 0 0;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
  background-color: rgba(255, 255, 255, 1);
}
::placeholder {
  color: rgba(175, 175, 175, 1);
}
:-ms-input-placeholder {
  color: rgba(175, 175, 175, 1);
}
::-ms-input-placeholder {
  color: rgba(175, 175, 175, 1);
}
.typeRadio {
  position: relative;
}
.typeRadio label {
  position: relative;
}
.typeRadio label:before,
.typeRadio label:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
}
.typeRadio label:before {
  opacity: 0;
  background-image: url(/images/common/ico-check.svg);
  background-size: cover;
  z-index: 2;
}
.typeRadio label:after {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(217, 225, 226, 1);
}
.typeRadio>input[type=radio] {
  display: none;
}
input[type=radio]:checked+label {
  color: rgba(55, 55, 55, 1) !important;
}
input[type=radio]:checked+label:before {
  opacity: 1;
}
input[type=radio]:checked+label:after {
  background-color: rgba(255, 0, 0, 1);
  border: 1px solid rgba(255, 0, 0, 1);
}
.typeFile label {
  padding: .5em 1.35em 0;
  font-size: 10px;
  line-height: 1;
  color: rgba(255, 255, 255, 1);
  border-radius: .25em;
  background-color: rgba(70, 165, 189, 1);
  position: relative;
}
.typeFile label input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.hasError {
  background: rgba(255, 140, 140) !important;
}
.col100 {
  width: 100%;
}
.col95 {
  width: 95%;
}
.col90 {
  width: 90%;
}
.col85 {
  width: 85%;
}
.col80 {
  width: 80%;
}
.col75 {
  width: 75%;
}
.col70 {
  width: 70%;
}
.col65 {
  width: 65%;
}
.col60 {
  width: 60%;
}
.col55 {
  width: 55%;
}
.col50 {
  width: 50%;
}
.col45 {
  width: 45%;
}
.col40 {
  width: 40%;
}
.col35 {
  width: 35%;
}
.col30 {
  width: 30%;
}
.col25 {
  width: 25%;
}
.col20 {
  width: 20%;
}
.col15 {
  width: 15%;
}
.col10 {
  width: 10%;
}
.col05 {
  width: 5%;
}
.ratio10-90 dl dt {
  width: 10%;
}
.ratio10-90 dl dd {
  width: 90%;
}
.ratio15-85 dl dt {
  width: 15%;
}
.ratio15-85 dl dd {
  width: 85%;
}
.ratio20-80 dl dt {
  width: 20%;
}
.ratio20-80 dl dd {
  width: 80%;
}
.ratio25-75 dl dt {
  width: 25%;
}
.ratio25-75 dl dd {
  width: 75%;
}
.ratio30-70 dl dt {
  width: 30%;
}
.ratio30-70 dl dd {
  width: 70%;
}
.ratio35-65 dl dt {
  width: 35%;
}
.ratio35-65 dl dd {
  width: 65%;
}
/*
02 option
========================================================================== */
@media screen and (max-width:1160px) {
  /*
01 Common
========================================================================== */
  /* Layout === */
  div.blockForm dl {
    flex-direction: column;
    max-width: auto;
  }
  div.blockForm dl dt {
    padding: 1em 0;
  }
  div.blockForm dl dd {
    padding: 0;
  }
  /* General === */
  .ratio15-85 dl dt {
    width: 100%;
  }
  .ratio15-85 dl dd {
    width: 100%;
  }
  .ratio20-80 dl dt {
    width: 100%;
  }
  .ratio20-80 dl dd {
    width: 100%;
  }
  .ratio25-75 dl dt {
    width: 100%;
  }
  .ratio25-75 dl dd {
    width: 100%;
  }
  .ratio30-70 dl dt {
    width: 100%;
  }
  .ratio30-70 dl dd {
    width: 100%;
  }
  .ratio35-65 dl dt {
    width: 100%;
  }
  .ratio35-65 dl dd {
    width: 100%;
  }
  /*
02 option
========================================================================== */
}
@media screen and (max-width:1040px) {
	.col100,
	.col95,
	.col90,
	.col85,
	.col80,
	.col75,
	.col70,
	.col65,
	.col60,
	.col55,
	.col50,
	.col45,
	.col40,
	.col35,
	.col30,
	.col25,
	.col20,
	.col15,
	.col10,
	.col05 {
		width: 100%;
	}
}
@media screen and (max-width:800px) {}
@media screen and (max-width:600px) {
  /*
01 Common
========================================================================== */
  /* Layout === */
  div.blockForm {}
  div.blockForm dl {}
  div.blockForm dl dt {
    padding: 1em 0;
  }
  div.blockForm dl dt span {
    margin: 0 0 0 1.25em;
    font-size: 11px;
    top: -1px;
  }
  div.blockForm dl dd {}
  div.blockForm dl dd small {
    display: block;
    margin: 1.25em 0 0 0;
    font-size: 11px;
  }
  div.blockForm dl dd b {
    font-size: 13px;
  }
  div.blockForm dl dd br {
    display: none;
  }
  p.notes {
    margin: 1.5em 0 0 0;
    font-size: 12px;
    line-height: 2;
  }
  /* inputtype === */
  /* entry */
  div.blockDecide {}
  div.blockDecide>* {
    padding: 1.85em 0 1.5em 0;
  }
  div.blockDecide {
    padding: 3.5em 0 2em 0;
  }
  div.blockDecide button {
    width: 100%;
    font-size: 13px;
  }
  /* confirm */
  div.verConfirm dl dt {
    padding: 0 0 0 1em;
  }
  div.verConfirm dl dt:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: rgba(55, 55, 55, 1) transparent transparent transparent;
    position: absolute;
    top: 52.5%;
    left: 0;
    transform: translate(0, -50%);
  }
  div.verConfirm div.blockDecide {}
  div.verConfirm div.blockDecide>* {
    margin: 0 .7em;
  }
  div.verConfirm div.blockDecide a {
    width: 40%;
    padding: 1.25em 0;
  }
  div.verConfirm div.blockDecide button {
    width: 40%;
  }
  div.verConfirm div.blockDecide button.active {}
  .listForm div.formEntry.confirm div.blockDecide>* {
    margin: 0 .5em;
    width: 40%;
  }
  /* General === */
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  textarea {
    padding: .75em .5em;
    line-height: 2;
    font-size: 13px;
  }
  textarea {
    margin: .5em 0 0 0;
  }
  .typeFile label {
    display: block;
    width: 100%;
    padding: 1.5em 0 1em;
    font-size: 11px;
    text-align: center;
  }
  .col100 {
    width: 100%;
  }
  .col95 {
    width: 100%;
  }
  .col90 {
    width: 100%;
  }
  .col85 {
    width: 100%;
  }
  .col80 {
    width: 100%;
  }
  .col75 {
    width: 100%;
  }
  .col70 {
    width: 100%;
  }
  .col65 {
    width: 100%;
  }
  .col60 {
    width: 100%;
  }
  .col55 {
    width: 100%;
  }
  .col50 {
    width: 100%;
  }
  .col45 {
    width: 100%;
  }
  .col40 {
    width: 100%;
  }
  .col35 {
    width: 100%;
  }
  .col30 {
    width: 100%;
  }
  .col25 {
    width: 100%;
  }
  .col20 {
    width: 100%;
  }
  .col15 {
    width: 100%;
  }
  .col10 {
    width: 100%;
  }
  .col05 {
    width: 100%;
  }
  .ratio15-85 dl dt {}
  .ratio15-85 dl dd {}
  .ratio20-80 dl dt {}
  .ratio20-80 dl dd {}
  .ratio25-75 dl dt {}
  .ratio25-75 dl dd {}
  .ratio30-70 dl dt {}
  .ratio30-70 dl dd {}
  .ratio35-65 dl dt {}
  .ratio35-65 dl dd {}
}