/**
 * @library Normalize
 * @include lib/_normalize.scss
** ------------------------------------------------------ */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */
figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
   ========================================================================== */
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  color: #000;
  background-color: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */
audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  white-space: normal;
  color: inherit;
  display: table;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
}

progress {
  vertical-align: baseline;
  display: inline-block;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

[type="file"] {
  font-size: initial;
  border: none;
  overflow: inherit;
  vertical-align: middle;
}

/* ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
} */

/* Interactive
   ========================================================================== */
details,
menu {
  display: block;
}

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
canvas {
  display: inline-block;
}

template {
  /* display: none; */
}

/* Hidden
   ========================================================================== */
[hidden] {
  /* display: none; */
}

/**
 * @library Datepicker
 * @include lib/_ui.datepickercss.scss
** ------------------------------------------------------ */
/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
  background: #ddd;
  width: 185px;
}

#datepicker_div {
  /* display: none; */
  border: 1px solid #777;
  z-index: 9999;
  /*must have*/
}

.datepicker_inline {
  float: left;
  display: block;
  border: 0;
}

.datepicker_rtl {
  direction: rtl;
}

.datepicker_dialog {
  padding: 5px !important;
  border: 4px ridge #ddd !important;
}

button.datepicker_trigger {
  width: 25px;
}

img.datepicker_trigger {
  margin: 2px;
  vertical-align: middle;
}

.datepicker_prompt {
  float: left;
  padding: 2px;
  background: #ddd;
  color: #000;
}

* html .datepicker_prompt {
  width: 185px;
}

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
  clear: both;
  float: left;
  width: 100%;
  color: #fff;
}

.datepicker_control {
  background: #400;
  padding: 2px 0px;
}

.datepicker_links {
  background: #000;
  padding: 2px 0px;
}

.datepicker_control, .datepicker_links {
  font-weight: bold;
  font-size: 80%;
  letter-spacing: 1px;
}

.datepicker_links label {
  /* disabled links */
  padding: 2px 5px;
  color: #888;
}

.datepicker_clear, .datepicker_prev {
  float: left;
  width: 34%;
}

.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
  float: right;
  text-align: right;
}

.datepicker_current {
  float: left;
  width: 30%;
  text-align: center;
}

.datepicker_close, .datepicker_next {
  float: right;
  width: 34%;
  text-align: right;
}

.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
  float: left;
  text-align: left;
}

.datepicker_header {
  padding: 1px 0 3px;
  background: #333;
  text-align: center;
  font-weight: bold;
  height: 1.3em;
}

.datepicker_header select {
  background: #333;
  color: #fff;
  border: 0px;
  font-weight: bold;
}

.datepicker {
  background: #ccc;
  text-align: center;
  font-size: 100%;
}

.datepicker a {
  display: block;
  width: 100%;
}

.datepicker_titleRow {
  background: #777;
}

.datepicker_daysRow {
  background: #eee;
  color: #666;
}

.datepicker_weekCol {
  background: #777;
  color: #fff;
}

.datepicker_daysCell {
  color: #000;
  border: 1px solid #ddd;
}

.datepicker_daysCell a {
  display: block;
}

.datepicker_weekEndCell {
  background: #ddd;
}

.datepicker_titleRow .datepicker_weekEndCell {
  background: #777;
}

.datepicker_daysCellOver {
  background: #fff;
  border: 1px solid #777;
}

.datepicker_unselectable {
  color: #888;
}

.datepicker_today {
  background: #fcc !important;
}

.datepicker_currentDay {
  background: #999 !important;
}

.datepicker_status {
  background: #ddd;
  width: 100%;
  font-size: 80%;
  text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  color: #000;
}

.datepicker_inline .datepicker_links a {
  padding: 0 5px !important;
}

.datepicker_control a, .datepicker_links a {
  padding: 2px 5px !important;
  color: #eee !important;
}

.datepicker_titleRow a {
  color: #eee !important;
}

.datepicker_control a:hover {
  background: #fdd !important;
  color: #333 !important;
}

.datepicker_links a:hover, .datepicker_titleRow a:hover {
  background: #ddd !important;
  color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/
.datepicker_multi .datepicker {
  border: 1px solid #777;
}

.datepicker_oneMonth {
  float: left;
  width: 185px;
}

.datepicker_newRow {
  clear: left;
}

/** --------------------------------------------------------
 * @class Common: Define: Elements
** ------------------------------------------------------ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  background: #fff;
}

body {
  font-family: Meiryo, \30e1\30a4\30ea\30aa, "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.428571;
  word-wrap: break-word;
  color: #333;
  min-width: 320px;
}

@media (min-width: 769px) {
  body {
    font-size: 16px;
    line-height: 1.4;
  }
}

/**
 * Inline elements.
** ---------------------------------- */
a {
  text-decoration: underline;
  color: #1975ce;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

/**
 * Form elements.
** ---------------------------------- */
input,
select,
button,
textarea {
  font-family: Meiryo,sans-serif;
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
}

::placeholder {
  color: #a6aaad;
}

:placeholder-shown {
  color: #a6aaad;
}

::-webkit-input-placeholder {
  color: #a6aaad;
}

:-moz-placeholder {
  color: #a6aaad;
}

::-moz-placeholder {
  color: #a6aaad;
}

:-ms-input-placeholder {
  color: #a6aaad;
}

::-ms-input-placeholder {
  color: #a6aaad;
}

/**
 * Block elements.
** ---------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 13px 0;
}

p,
ul,
ol,
dl {
  margin: 0 0 13px;
}

[data-ime="full"] {
  ime-mode: active;
}

[data-ime="half"],
[data-ime="number"] {
  ime-mode: disabled;
}

.str-inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.site-header {
  position: relative;
  margin: 0 0 15px;
  padding: 0 15px;
  border-bottom: 1px solid #ccc;
}

@media (max-width: 374px) {
  .site-header {
    padding: 0 10px;
  }
}

.site-header::before {
  background: url("data:image/png;base64,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") center top;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 7px;
  content: "";
}

.site-header .site-info .site-logo {
  margin: 0 0 23px;
}

.site-header .site-info .site-logo span {
  text-align: center;
  display: block;
  padding: 24px 0 0;
}

.site-header .site-info .site-logo span img {
  backface-visibility: hidden;
  width: 92px;
  margin: 0px 18px 0 0;
}

.site-header .site-info .site-page-name {
  font-size: 22px;
  line-height: 1;
  text-align: center;
  margin: 0 0 18px;
}

@media (min-width: 769px) {
  .site-header {
    margin: 0 0 30px;
  }
  .site-header .site-info {
    display: -webkit-flex;
  display: flex;
  }
  .site-header .site-info .site-logo {
    margin: 0;
  }
  .site-header .site-info .site-logo span {
    padding: 52px 0 0;
  }
  .site-header .site-info .site-logo span img {
    width: auto;
  }
  .site-header .site-info .site-page-name {
    font-size: 28px;
    -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
    padding: 65px 180px 30px 0;
  }
}

.site-main {
  padding: 0 15px;
}

@media (max-width: 374px) {
  .site-main {
    padding: 0 10px;
  }
}

/** --------------------------------------------------------
 * @class Common: Structure: Footer
** ------------------------------------------------------ */
.site-footer {
  color: #fff;
  background: #666;
  position: relative;
  width: 100%;
  margin: 130px 0 0;
  padding: 0 10px;
}

.site-footer .copyright {
  display:inline-block;
  text-align: center;
  margin: 0;
  padding: 20px 0;
}

.site-footer .copyright small {
  font-size: 12px;
  display: block;
}

.site-footer .btn-pagetop {
  position: relative;
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 10px;
}

.site-footer .btn-pagetop a {
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #b2b2b2;
  position: absolute;
  top: -101px;
  right: 5px;
  width: 71px;
  height: 71px;
  padding: 38px 0 0;
  border-radius: 50%;
}

.site-footer .btn-pagetop a::before {
  position: absolute;
  top: 18px;
  left: 50%;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 0 0 -3px;
  content: "";
  -webkit-transform: rotate(-45deg) translate(-50%, 0);
  transform: rotate(-45deg) translate(-50%, 0);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

/**
 * @class Common: Structure: Modules: Heading
** ------------------------------------------------------ */
/**
 * .hdg-l2-01
 */
.hdg-l2-01 {
  margin: 17px 0 21px;
  padding: 0 0 3px;
  border-bottom: 2px solid #1975ce;
}

.hdg-l2-01 .hdg {
  font-size: 25px;
  line-height: 1.3;
  color: #1975ce;
  display: block;
}

@media (min-width: 769px) {
  .hdg-l2-01 {
    margin: 34px 0 20px;
    padding: 0 0 5px;
  }
  .hdg-l2-01 .hdg {
    font-size: 34px;
  }
}

/**
 * .hdg-l2-02
 */
.hdg-l2-02 {
  margin: 17px 0 21px;
  padding: 0 0 3px;
}

.hdg-l2-02 .hdg {
  font-size: 25px;
  line-height: 1.3;
  color: #1975ce;
  display: block;
}

@media (min-width: 769px) {
  .hdg-l2-02 {
    margin: 34px 0 20px;
    padding: 0 0 5px;
  }
  .hdg-l2-02 .hdg {
    font-size: 34px;
  }
}

/**
 * .hdg-l3-01
 */
.hdg-l3-01 {
  font-size: 22px;
  line-height: 1.3;
  color: #1975ce;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: left;
  align-items: left;
  text-align: left;
  margin: 30px 0 15px;
  padding: 8px 0 5px 13px;
}

.hdg-l3-01 span {
  line-height: 1;
}

.hdg-l3-01 .hdg {
  text-align: left;
  margin-right: 10px;
  display: ruby-text-container;
}

.hdg-l3-01::before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAApCAYAAAD9AeOoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUNJREFUeNqsUltOAzEMHCfeZne7beGDA3BdDscR4A7QD6o83HG6H6gUqUhYG3kztmccJyIvr28Ang32CcOO/+9qZgsutlv9EnBtZvgJ0tQj13Yz805Q5DchNEb7t1okuALiTTDeWoH6Rpp1wEp1lJnV6Gs/CcxTzcHSo6itV3AYLC+5b4R4cE1WamRibNKFWikoObM8V9KQ1z0BF9PCqHHBlQvrM9XtiwB5nMtB49JwYqYL1QrzgKu3U76cjoE+2SgU8h4lwIL0mfmM1E8hBCw6KH10GiJnEgOqT4UeQXmiGJnlGzJuBmBI0LrhSJXgEIE5weaZnGNiRoRMCWG/RTssBPd8INMIHGZmjbBETn16BNKAxtLmFaRWe9jCyNn0W5910t5bX5drImeQW1cs9z4GkX99dX8DOfMjF7u1j9UfzwIMACJMmoR5j96BAAAAAElFTkSuQmCC") 0 0 no-repeat #03ace8;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 100%;
  content: "";
  border-radius: 2px;
}

.hdg-l3-01._between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.hdg-l3-01 .btn-modify {
  font-size: 15px;
  white-space: pre;
  color: #00abe9;
  background: #dbf5ff;
  padding: 6px 14px;
  cursor: pointer;
  transition: .2s;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.hdg-l3-01 .btn-modify:active, .hdg-l3-01 .btn-modify:hover, .hdg-l3-01 .btn-modify:focus {
  color: #fff;
  background: #1f84d1;
}

a.comfirm-list {
  text-decoration: none!important;
  line-height: 1;
  border: 1px solid #f0f0f0;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 10px;
  box-shadow: #f0f0f0 0 0 5px;
}
a.comfirm-list:hover {
  background: #1975ce;
}
a.comfirm-list.entered {
  background: #ccc;
}
a.comfirm-list .hdg-l3-01 {
  margin: 0;
}
a.comfirm-list:hover .hdg-l3-01 .hdg {
  color: #fff;
}
a.comfirm-list.entered:hover .hdg-l3-01 .hdg {
  color: #1975ce;
}
a.comfirm-list:hover .hdg-l3-01::before {
  background: #fff;
}
a.comfirm-list.entered:hover .hdg-l3-01::before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAApCAYAAAD9AeOoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUNJREFUeNqsUltOAzEMHCfeZne7beGDA3BdDscR4A7QD6o83HG6H6gUqUhYG3kztmccJyIvr28Ang32CcOO/+9qZgsutlv9EnBtZvgJ0tQj13Yz805Q5DchNEb7t1okuALiTTDeWoH6Rpp1wEp1lJnV6Gs/CcxTzcHSo6itV3AYLC+5b4R4cE1WamRibNKFWikoObM8V9KQ1z0BF9PCqHHBlQvrM9XtiwB5nMtB49JwYqYL1QrzgKu3U76cjoE+2SgU8h4lwIL0mfmM1E8hBCw6KH10GiJnEgOqT4UeQXmiGJnlGzJuBmBI0LrhSJXgEIE5weaZnGNiRoRMCWG/RTssBPd8INMIHGZmjbBETn16BNKAxtLmFaRWe9jCyNn0W5910t5bX5drImeQW1cs9z4GkX99dX8DOfMjF7u1j9UfzwIMACJMmoR5j96BAAAAAElFTkSuQmCC") 0 0 no-repeat #03ace8;
}

@media (min-width: 769px) {
  .hdg-l3-01 {
    font-size: 30px;
    margin-bottom: 20px;
    padding: 8px 0 8px 24px;
  }
}

/**
 * .hdg-l4-01
 */
.hdg-l4-01 {
  font-size: 20px;
  line-height: 1.4;
  color: #1975ce;
  margin: 0 0 16px;
}

.hdg-l4-01 .step {
  font-size: 16px;
  vertical-align: top;
  color: #fff;
  background: #1975ce;
  display: inline-block;
  margin: -3px 13px 0 0;
  padding: 4px 22px 2px;
  border-radius: 15px/50%;
}

.hdg-l4-01 .txt {
  display: inline-block;
}

@media (min-width: 769px) {
  .hdg-l4-01 {
    font-size: 22px;
    margin: 0 0 9px;
  }
  .hdg-l4-01 .step {
    margin: 0 31px 0 0;
    padding: 4px 43px 2px;
  }
}

/**
 * .hdg-l4-01
 */
.hdg-l4-02 {
  font-size: 20px;
  line-height: 1.4;
  color: #1975ce;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 30px 0 20px;
}

.hdg-l4-02 .hdg {
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 2px 0 0;
}

.hdg-l4-02::before {
  background: #78c800;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  content: "";
  border-radius: 50%;
}

@media (min-width: 769px) {
  .hdg-l4-02 {
    font-size: 26px;
  }
}

/**
 * .hdg-l5-01
 */
.hdg-l5-01 {
  font-size: 17px;
  color: #1f84d1;
  position: relative;
  display: -webkit-flex;
  display: flex;
  margin: 30px 0 20px;
  border-bottom: 2px solid #c7c9d5;
}

.hdg-l5-01::before {
  background: #1f84d1;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 85%;
  content: "";
  border-radius: 2px;
}

.hdg-l5-01 .hdg {
  padding: 6px 0 6px 16px;
}

@media (min-width: 769px) {
  .hdg-l5-01 {
    font-size: 24px;
    margin-bottom: 17px;
  }
  .hdg-l5-01 .hdg {
    padding: 2px 0 2px 18px;
  }
}

/**
 * .hdg-l5-02
 */
.hdg-l5-02 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 12px;
}

@media (min-width: 769px) {
  .hdg-l5-02 {
    font-size: 16px;
    margin: 0 0 4px;
  }
}

/**
 * .hdg-l5-02
 */
.hdg-l5-03 {
  font-size: 16px;
  position: relative;
  display: -webkit-flex;
  display: flex;
}

.hdg-l5-03::before {
  background: #1f84d1;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  border-radius: 2px;
}

.hdg-l5-03 .hdg {
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 2px 0 2px 12px;
}


/**
 * .hdg-l5-04
 */
.hdg-l5-04 {
  font-size: 19px;
  color: #1f84d1;
  display: -webkit-flex;
  display: flex;
  margin: 50px 0 50px;
  border-bottom: 2px solid #c7c9d5;
  border-top: none;
  border-left: none;
  border-right: none;


}

/**
 * @class Common: Structure: Modules: Text
** ------------------------------------------------------ */
/**
 * .lead-01
 */
.lead-01 {
  font-size: 18px;
}

@media (min-width: 769px) {
  .lead-01 {
    font-size: 20px;
  }
}

.lead-01._bold {
  font-weight: bold;
}

/**
 * .txt-case
 */
.txt-case {
  font-size: 14px;
  color: #999;
  margin: 0 0 5px;
}

/**
 * @class Common: Structure: Modules: List
** ------------------------------------------------------ */
/**
 * .list-bullet-01
 */
.list-bullet-01 {
  margin: 0 0 23px;
  padding: 0 0 0 20px;
  list-style: none;
}

.list-bullet-01 > li {
  position: relative;
  margin: 0 0 10px;
}

.list-bullet-01 > li::before {
  background: #1975ce;
  position: absolute;
  top: 6px;
  left: -13px;
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  border-radius: 50%;
}

@media (min-width: 769px) {
  .list-bullet-01 {
    padding: 0 0 0 23px;
  }
  .list-bullet-01 > li::before {
    top: 6px;
    left: -18px;
    width: 9px;
    height: 9px;
  }
}

/**
 * .list-number-01
 */
.list-number-01 {
  padding: 0;
  list-style: none;
}

.list-number-01 > li {
  position: relative;
  margin: 0;
  margin: 0 0 8px;
  padding: 0 0 0 2.1rem;
}

.list-number-01 > li:last-child {
  margin-bottom: 0;
}

.list-number-01 > li .mark {
  position: absolute;
  left: 0;
}

/**
 * .list-notice
 */
.list-notice {
  position: relative;
  margin: -4px 0 10px;
  padding: 0;
  list-style: none;
}

.list-flow-01 .list-notice {
  margin: -8px 0 10px;
}

table .list-notice {
  font-size: 14px;
}

.list-notice > li {
  padding: 0 18px 0 15px;
}

.list-notice > li > .mark {
  position: absolute;
  left: 0;
}

@media (min-width: 769px) {
  .list-notice {
    margin: 0 0 13px;
  }
  table .list-notice {
    font-size: 16px;
  }
}

/**
 * .list-nobullet
 */
.list-nobullet {
  padding: 0;
  list-style: none;
}

.list-nobullet > *:first-child {
  margin-top: 0;
}

.list-nobullet > *:last-child {
  margin-bottom: 0;
}

.list-nobullet > li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 61px;
}

.list-nobullet > li span {
  position: absolute;
  left: 0;
}

@media (min-width: 769px) {
  .list-nobullet {
    display: -webkit-flex;
  display: flex;
    -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
    padding: 5px 8px;
  }
  .list-nobullet > li {
    font-size: 14px;
    display: -webkit-flex;
  display: flex;
    -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
    -webkit-align-items: center;
  align-items: center;
    min-width: 50%;
    max-width: 50%;
    margin: 0 0 21px;
    padding: 0 0 0 74px;
  }
  .list-nobullet > li > span {
    top: 50%;
    left: -5px;
    margin: 0;
    transform: translate(0, -50%);
  }
}

/**
 * .list-flow-01
 */
.list-flow-01 {
  overflow: hidden;
  margin-bottom: 1.5em;
}

.list-flow-01 ol {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px -10px 0 0;
  padding: 0;
  list-style: none;
}

.list-flow-01 ol > li {
  font-size: 12px;
  color: #666;
  background: #d6f0ff;
  position: relative;
  margin: 8px 17px 0 0;
  padding: 3px 6px 2px;
}

.list-flow-01 ol > li:last-child::after {
  display: none;
}

.list-flow-01 ol > li::after {
  position: absolute;
  top: 50%;
  right: -14px;
  display: block;
  width: 4px;
  height: 4px;
  content: "";
  transform: translate(0, -50%);
  border: 4px solid transparent;
  border-left: 6px solid #1975ce;
}

.list-flow-01 ol > li.is-current {
  color: #fff;
  background: #1975ce;
}

@media (min-width: 769px) {
  .list-flow-01 {
    margin: 0 20px 30px 30px;
  }
  .list-flow-01 ol {
    margin: -8px -15px 0 0;
  }
  .list-flow-01 ol > li {
    font-size: 16px;
    padding: 16px 16px 12px 15px;
  }
  .list-flow-01 ol > li::after {
    right: -18px;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 7px solid #1975ce;
  }
}

/**
 * .list-flow-02
 */
.list-flow-02 {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-flow-02 > li {
  background: #fff;
  position: relative;
  margin: 0 0 28px;
  padding: 23px 15px 17px;
}

.list-flow-02 > li > *:first-child {
  margin-top: 0;
}

.list-flow-02 > li > *:last-child {
  margin-bottom: 0;
}

.list-flow-02 > li::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 28px;
  height: 28px;
  content: "";
  transform: translate(-50%, 100%);
  border: 28px solid transparent;
  border-top: 28px solid #5fa9f1;
}

.list-flow-02 > li:last-child {
  margin-bottom: 0;
}

.list-flow-02 > li:last-child::before {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 50px;
  content: "";
}

.list-flow-02 > li:last-child::after {
  display: none;
}

@media (min-width: 769px) {
  .list-flow-02 > li {
    padding: 21px 20px 16px;
  }
}

/**
 * .list-flow-03
 */
.list-flow-03 {
  overflow: hidden;
}

.list-flow-03 ol {
  -webkit-justify-content: center;
  justify-content: center;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}

.list-flow-03 ol > li {
  font-size: 13px;
  text-align: center;
  color: #666;
  position: relative;
  margin: 0 0 8px;
}

.list-flow-03 ol > li span {
  display: inline-block;
  padding: 2px 8px;
}

.list-flow-03 ol > li.is-current {
  color: #fff;
}

.list-flow-03 ol > li.is-current span {
  background: #1975ce;
}

.list-flow-03 ol > li.is-current::after {
  margin-top: 8px;
}

.list-flow-03 ol > li:last-child::after {
  display: none;
}

.list-flow-03 ol > li::after {
  position: absolute;
  top: 100%;
  right: 50%;
  display: block;
  width: 4px;
  height: 4px;
  margin: 5px 0 0;
  content: "";
  transform: translate(0, -50%);
  border: 4px solid transparent;
  border-top: 6px solid #1975ce;
}

@media (min-width: 769px) {
  .list-flow-03 {
    margin: 0 30px 0 30px;
  }
  .list-flow-03 ol {
    display: -webkit-flex;
  display: flex;
  }
  .list-flow-03 ol > li {
    font-size: 15px;
    margin: 0 10px;
    padding: 8px;
  }
  .list-flow-03 ol > li span {
    padding: 0;
  }
  .list-flow-03 ol > li.is-current {
    background: #1975ce;
  }
  .list-flow-03 ol > li.is-current::after {
    margin-top: -2px;
  }
  .list-flow-03 ol > li:last-child {
    margin: 0 10px;
  }
  .list-flow-03 ol > li::after {
    top: 50%;
    right: -20px;
    width: 6px;
    height: 6px;
    margin: -2px 0 0;
    border: 6px solid transparent;
    border-left: 7px solid #1975ce;
  }
}

/**
 * .compo-check-btns
 */
.compo-check-btns {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.compo-check-btns > li {
  text-align: center;
  /* display: none; */
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  border-bottom: 1px solid #ccc;
}

.compo-check-btns > li:first-child {
  display: -webkit-flex;
  display: flex;
}

.compo-check-btns > li input[type="checkbox"] + .btn {
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #00abe9;
  min-width: 100px;
  padding: 10px;
  cursor: pointer;
  transition: .2s;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.54);
}

.compo-check-btns > li input[type="checkbox"] + .btn::before {
  display: none;
}

.compo-check-btns > li input[type="checkbox"][disabled] + .btn {
  cursor: default;
}

.compo-check-btns > li input[type="checkbox"]:checked + .btn {
  background: #15b972;
}

.compo-check-btns > li input[type="checkbox"]:checked + .btn::after {
  display: none !important;
}

.compo-check-btns > li .content {
  text-align: left;
-webkit-order: 1;
  order: 1;
  padding: 10px 0;
}

.compo-check-btns > li .content > *:first-child {
  margin-top: 0;
}

.compo-check-btns > li .content > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .compo-check-btns > li {
    -webkit-flex-direction: row;
  flex-direction: row;
    -webkit-align-items: center;
  align-items: center;
  }
  .compo-check-btns > li .form-item {
    margin: 0;
  }
  .compo-check-btns > li input[type="checkbox"] + .btn {
    margin: 0 28px 0 0;
  }
}

/**
 * @class Common: Structure: Modules: Box
** ------------------------------------------------------ */
/**
 * .box-01
 */
.box-01 {
  background: #fff;
  margin: 0 0 30px;
  padding: 14px;
  border: 1px solid #ccc;
}

.box-01 > *:first-child {
  margin-top: 0;
}

.box-01 > *:last-child {
  margin-bottom: 0;
}

.box-01.warning {
  padding: 16px 10px;
}

.box-01.warning .txt {
  position: relative;
  display: block;
  padding: 0 0 0 34px;
}

.box-01.warning .txt > *:last-child {
  margin-bottom: 0;
}

.box-01.warning .txt::before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAzCAYAAAApdnDeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvRJREFUeNrkmj1oFEEYhmcvojHxDxtDgn8ImtgoGBIhiFqKKKJBiRoRTedfIBr/KkFzMQaiYCdYWFqksLKzsBBtBJsEO0VRyCGa4BUK6vuR7+A4Z+52dr+b3dl88BDYm7vbJzM77+zsBX9PtKuFUjm1gMq17A7wEnwDL8B2l18eOBzGbeAdWF127DvYCr5krWdHKkSpVoF81oZxF+g3vEbHO7MiG4AH/Nd0DvervO6VbB/YWaNNDzjqu2yTxTU5Bpb6LHsFrAvZltpd9jV61oJp7t2w9RNsAZ9969m8pShVM0eUV8OYJqTjEd/bz1HlhWwQM0pqRVWqZE+CboGR0Zd22WbB5d9ohGu+ai0Slr3KC/7/6/B5cM4wFjpMszlF16009izl5JDwP2+YpVMne1d62PHnjaZNlta2xxJcWzuTjRs1zj5fQvaUg/vRbo60RGWXxV7ezYReBuc52hKTvQZaQ7UszuqPF0LLtnG0JSK73ipqPkzbHdfXkMUto6jsPdAYurWpBwtWd3NNHHFOZXeBXpFr065nFUdcjytZes9EpCjQiRWs79NLUZRzIXtaze/s25dObCbSpkSnMm/NiskuB3ciX+WVPWs/hMtrhKOvbrI3QEvk06vs2UKsraZWjr66yG4Eg6ILiHg9W4qiDfWQtYsa7TCekuxZxeczJi27GxyJvcItzklMTpXVy1EoslNRehYjU8+fYO3Vru/p6HdFFIW0I/mnasMQm+QD4JFKf50Fj+PIrgDvwZrYp9LRNY+uJh9KyH4Fm8Fc1GF8U0S0JGvacJORbeFovB5lgtoELim/apAj0lp2HCzxTLaRI9JKdi84pPwsisg9YWUbeCr3uSZ0bjnDFL7Nc1n6fdWZWrPxSnC7Ll9PS8OpNy6FyeMpmDXl7LiSf4SRZNFkNawbxrSRdUFlqy6qsmdF5bIHwOKMyVJ0HtTJNqhsVqCTnQQ/MiZaBM90sp/APvAa/PJc8jd4C/aDj6boeaWEHg+msf4JMAAA5omPpASVNgAAAABJRU5ErkJggg==") no-repeat;
  background-size: contain;
  position: absolute;
  top: -2px;
  left: -2px;
  display: block;
  backface-visibility: hidden;
  width: 36px;
  height: 25px;
  content: "";
}

.box-01.contact {
  margin-top: 15px;
  border-width: 2px;
  text-align: center;
}

.box-01.contact .name {
  font-size: 16px;
  text-align: center;
  color: #1f84d1;
  margin: 8px 0;
}

.box-01.contact .tell {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.2;
  margin: 26px 0 5px;
  padding: 0 0 0 38px;
}

.box-01.contact .tell a,
.box-01.contact .tell span {
  text-decoration: none;
  color: #1975ce;
  position: relative;
  display: block;
}

.box-01.contact .tell a:before,
.box-01.contact .tell span:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACfhJREFUeNrcW2lsXFcVPm922+NZvO92HSdug8kGiePgOkkhlRIItdQfVKrE/gNUWkCqaFMaUaiEhAQSi9q0VEiAkFhEaCG0QClqFVVplibGsRslrhOvcWzHHtvj2Ve+8+ZOOrZn3iwe+5ne6lOmmvd873fPfu4d6cmztBajFegA2oHtQAVQBxhTPO8HxoFpoBc4B7wDXMv3wnR5JnkU2AU0AqWAHbAqEI0P/n6T2BT+9yAwC4wAl4BT+SIvrVLCvNBOYJ8gyhKtzrNQbgmJM/EzwNtCI9aVcBGwVRD9nFDf9Ris5n8UxK8A7rVWaQ1gAT4DPC7scz1HhwDb+Y+BvwNOIJLpH9B2fjWrCauA7wHHgFqxAWqMMuCQ8BM9gGstCB8VZFm6NhXJxjXNBGwWWsaEB/Kl0nrgQeCxdbTVTIddCKJM+JWTQHA1hIuBI8APxG5u1NEhSEeB14BFJdVQCjlM9tl0ZKMJUHFsFms9ohT3lQjfD3wLaE5HNgQf6Q8TBcKxzyoSbxZrvj9bp8UZz3GgS0ntmaAOW9Ze8SU6XP8stVjvpTB5acY3JG+AXqOKM6sUofNtEbLSErYKsg8KT7hiRKKxwGc3VtG+qseoo+ob1FDcQXXm3VRi3ERGnZmcgTHApQZprRBYoUhQ/EqEC4Bu4BnxQlKyEv4rNTXS3oqv0YHaY2TWV9753mZsoHpzOxk0eloIjpAr6CCNtO6kDSJccf79PltdMsK8rJ3AD0U+nFQ2IRC2m2pob+XX6UDNMdJK+pVxTFNAjcWd2IgKuuH8N97xq2HPkihEzgMTyZyWUbj3NqEWK0YYZHX4M82Wg1DjR0mSlPW1xXIfHaz9LjbFQMGIKqrdJjgZkxHeAzycyknxdnmhGC3WT1JX9eNk1BSnrzD05bSt9CHaau+mQl2RrB3rPHSC055khLtEiUepVHmLbTd9ouqbVF24I+MZbYZ62l/zHSov2KyGlElw6lpOuAXYm0qVo4Jwe8VX6G7bkaxnrC36GLAHWmGUnZ4Kqr1XcLxDuFtJujJpLLTE2Ay71eY0a7lpC1kNJbIfUEnK3YmEd4qArejyZn3XQTyc04yhqA/wkqQKX5nbzjhh7kU1pSv3JKx0ITBK3vBc1rP1zv6e+h0nyR1chMdWrZxkjq26hEpDUbqcPEx4emjWPwSPW5bRLPOBYeqbPUmXZn5LtzyX5exMp5KIBccOnWi82TPZoiHnRZrEwuuLdis+G4x45ecu3P4NvTv9IvkjETnn1kuqFhbMsV0nUjBrWsJY7LT3Nk15++BpQ/j/1KX0qOss/XP0Sboyd56KkeQZNB94exUHc9zOS6kQXY30CSoc9Jx/GM5rUPG5i7d/TUOLPUgtiSTaMIM5VmhEZZHRulhSN5yn6bLjT4rPuYJT5AsH1Sga0rmiOg2lPxX4IE/D0w7fHKR3mgIRV0olLTO1kEVvUivmKg1j1tUqvzAHTz0w/y/E5OS54taSB6jBvENuEGy0kTVhtuMF/zhdmH6J3KEZyDiapEo6RK22o2TSmij6/06Y7dIfDtC4+126Ov8qpJi8QfiRkm7aUdZNvhBtKNLcAHgmlxfDSBXnAyN0l2U/FeurVnxfoLNTiakZIcyNzemjcCTmAzIdvEn8Tjga8zaSpCLh+ORz/kkqLWigqsKPgoxp2TMashhq8P0mJCKLNOO7Cs8dSdvjkkSjgYcZxUaR3gYtcuHd2Lyr9fxM+BjleE7Mpd5iYAaSbKKKgnuSPsPS5w1xhyYRv0fh3QOK+TT/TQ0qsnrzLtpV/gVqLt5PdmMDNjSKd50wp1i4y5G3nwl/UaRdUi72POmZgiMLU1PxvWTUJu+CFOpKqaZwO7nDN+mWexDvhVJOFgThuqI2OlD7BHVUPkKNxfvoHvtnqRYb4A7O0BwKGIoGcyHLejPChB8S5VNOhS4XA7P+Gyj9PPDMh1M+Z9LaUBO3Iq+eoeHFftJqVu4wS1ev0cotpF1ln1+SvnJDsAHkzfoypK7nIWmfrOJZSIl3aZAJf5xiHfuinNw8ZvSFQ1jAjNzDYvVNbvca+fsSYxOIeWgSOTl7cI2wS9k8sKTOqi/LbSR2ekvf12LTrHJSU1nYBs3qIUdgLpu+twN4kwmX4wOTLs05Z5NDlRNO7DoVaC1UDntO1tHkfrbFUAt730I2PR8v+8kZvAmiUdmuW22ddF/tU3j/boU8oAib2gYP7qfbvn68n3Gz/ybwBybspdjhcn3Onk9izxolZ2BSrqYshmqyGxqhtoYU3cwKarJ0kc1YD6kVy62fuyz7oMrflpv4mbSRSk2boVnTNOHux06GMlFtbso/pxMfhkWjS5OrN4h73gnPAL0+dhxpZ5S22h9YEa6WZGTWQzJyGWzT20sfpinPe3Rt4a10jYWI4HgtfvLANryNYufBq0vdJLbFeSQlg7BDK9Rv25plTWaEPFbtPserSZ1gwpgEXgbOxCX6CsWuBeWlBpMoDFW7TG+Mf59OjTyKDZhYmzRR0sN86jJJXS8JjnfOlhxCyvspD3c34ja9EHDQtLcHzmxcdmxWQz1U3Jg3wtyMODf9PDa3VymZ4Zrtd8sJxwfHlNq8VCVSLHcOoYS87uwnh78XoSdABo2Z9PC0qyXOTYZzU8/TO9MvQKOiSrn2ReAlit3qW0J4imLHjJ+iPN7QYeJGLikDs/T+wn8gjfMgXUQWfQ2kolPsjaVykYGIB5I9QWenTtBiyKVUlPAx6U+Av4nPSwiHhTfjLmY55flaEqscS8GF9HDYdRoV1AU5ppYh+9JImU/lRzl6ZuoXqMd/Ca2ZRAyOpnJWzAcxi05wXzGxeFiejcwDn6b8Xjy949AiUHF/xIuiY5TGXZfo6sIp+UTDoq9GfFbud094LiLkPQ2v/GdEgTFZlRWqpwDFLtC9RQlXmZYTDgld55Zmm1Dx/JIWqSTb9rzfgURlCKVjL/LxQRqD1J3+MTi8IOKqUdaA+Hhv7q/05s0f0ZX5V+QTjDSlIt/B/BXwAi27pZfqcil3Mp8DDmfawl3N4Js/AYFKk1nOwqpRXfH1CT7AY2/M9jow/19oQdqamKX5D+ARit3BpkwI8+Abbk8Bu3OtpHKtseOXZvjEMipMgR1TBudSbLcXKHZt41TS6k7h5dcpdrEl7cW0vDbZhKpGk9h/BuMG8FOxdsqWMN9EeU18XlfSWRBMHHxb57hYsz8Xwjy4JfkXMf9GvFwaH3xx/OdircF0Pa20ZiXiGf8Aw0yxs6iCDUKUD6vfAH4myKa9RZLNfekBEdP4rnSr0A617kyHhPZxjvyESB8z7lpmMzwUu843KGy6SiXCfcDTwIsiWcq4159tNhURmdjLonHwof+RR2Imw/HusrDvD/3PeJKN1fxQKzEULghntCY/1MpngXAtYVEb9qd4/xNgACdpQoZTjQCKAAAAAElFTkSuQmCC") no-repeat;
  background-size: cover;
  /* position: absolute;
  top: 0;
  left: -40px; */
  display: inline-block;
  width: 30px;
  height: 30px;
  content: "";
  margin: 0 10px -4px -40px;
}

.box-01.contact .time {
  font-size: 12px;
  margin: 0 0 4px;
}

@media (max-width: 374px) {
  .box-01 {
    padding: 10px;
  }
}

@media (min-width: 769px) {
  .box-01 {
    margin: 0 0 30px;
    padding: 20px;
  }
  .box-01.warning {
    padding-left: 30px;
  }
  .box-01.warning::before {
    left: 18px;
    width: 27px;
    height: 25px;
  }
  .box-01.warning .txt {
    padding: 0 0 0 40px;
  }
  .box-01.contact {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px 30px;
    text-align: left;
  }
  .box-01.contact .name {
    font-size: 20px;
    white-space: pre;
    margin: 6px 70px 0 0;
  }
  .box-01.contact .content {
    padding: 9px 0;
  }
  .box-01.contact .content p {
    display: inline-block;
  }
  .box-01.contact .time {
    font-size: 14px;
    position: relative;
    top: -3px;
    margin: 0 0 0 7px;
  }
  .box-01.contact .tell {
    margin: 0;
  }
  .box-01.contact .sup {
    margin: 0;
  }
}

/**
 * .box-02
 */
.box-02 {
  background: #f2f2f2;
  padding: 15px;
}

.box-02.connect-flow {
  position: relative;
  margin-bottom: 41px;
}

.box-02.connect-flow::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  transform: translate(-50%, 100%);
  border: 40px solid transparent;
  border-top: 40px solid #1975ce;
}

.box-02.sp-tgl .tgl-btn-wrap {
  position: relative;
}

.box-02.sp-tgl .tgl-btn-wrap .tgl-btn {
  /* display: none; */
}

.box-02.sp-tgl .tgl-btn-wrap::before {
  /* display: none; */
}

@media (max-width: 768px) {
  .box-02.sp-tgl.is-tgl-hide .tgl-btn-wrap {
    position: relative;
    padding: 0 0 30px;
  }
  .box-02.sp-tgl.is-tgl-hide .tgl-btn-wrap > *:first-child {
    margin-bottom: 0;
  }
  .box-02.sp-tgl.is-tgl-hide .tgl-btn-wrap > * {
    position: relative;
    z-index: 1;
    padding: 0 0 10px;
  }
  .box-02.sp-tgl.is-tgl-hide .tgl-btn-wrap .tgl-btn {
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    color: #00abe9;
    position: absolute;
    z-index: 3;
    bottom: 10px;
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    transition: .2s;
    border: 0;
  }
  .box-02.sp-tgl.is-tgl-hide .tgl-btn-wrap .tgl-btn::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100px;
    content: "";
  }
  .box-02.sp-tgl.is-tgl-hide .tgl-btn-wrap .tgl-btn::before {
    top: 50%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
    content: "";
    transform: rotate(-45deg) translate(0, -50%);
    border-bottom: 2px solid #00abe9;
    border-left: 2px solid #00abe9;
  }
  .box-02.sp-tgl.is-tgl-hide .tgl-btn-wrap::before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 1%, white 50%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 1%, white 50%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 1%, white 50%, white 100%);
    position: absolute;
    z-index: 2;
    top: 0;
    left: -30px;
    display: block;
    width: calc(100% + 60px);
    height: 100%;
    content: "";
    opacity: .75;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 );
  }
  .box-02.sp-tgl.is-tgl-hide .list-flow-02 > li:not(:first-child) {
    /* display: none; */
  }
  .box-02.sp-tgl.is-tgl-hide .list-flow-02 > li:first-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .box-02.sp-tgl.is-tgl-hide .list-flow-02 > li:first-child::after {
    /* display: none; */
  }
  .box-02.sp-tgl.is-tgl-hide::after {
    /* display: none; */
  }
  .box-02.sp-tgl.is-tgl-hide + .box-02 {
    /* display: none; */
  }
}

/**
 * .box-05
 */
.box-05 {
  background: #fff;
  margin: 0 0 30px;
  padding: 14px;
  border: 1px solid #fff;
}

/** ca-fixed */
.ca-fixed {
  position: fixed;
  top: 30px;
  width:980px;
  z-index:99;
}

.txt_mypg{
  display:inline-block;
  font-size:18px;
  margin-bottom:24px;
}

.mypageHr{
  display:inline-block;
  width:150px;
  margin: 0 16px;
}

.hdg-l2-01.shinsakekka{
  position:relative;
}

.btn-submit-reply{
  position:absolute;
  right:10px;
  bottom:10px;
  font-size: 17px;
  text-align: center;
  color: #fff;
  background: #00abe9;
  width: 100%;
  width: 100px;
  padding: 14px 0;
  cursor: pointer;
  transition: .2s;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.54);
}

.mypageTerms{
  display:inline-block;
  font-size: 12px;
  color:#fff;
  padding-right:8px;
}

.footer-text{
  text-align:center;
}

/** errorPage styleSetting */

.errorMessage{
    background-color: #1f84d1 ;
    color : #FFF;
    font-size:28px;
    font-weight:bold;
    text-align:center;
    padding : 16px 0 ;
    margin-top:-30px;
    margin-bottom:30px;
    letter-spacing:0.1rem;
}
.errorCauseList{
    margin : 8px auto ;
    padding-bottom:16px;
}
.errorCause{
    padding : 4px;
}
.errorBold{
    font-weight:bold;
}

@media (max-width: 768px) {
    .errorMessage{
    font-size:20px;
    font-weight:bold;
    margin-top:-15px;
    margin-bottom:15px;
    padding : 8px 0 ;
    }
}

@media (min-width: 769px) {
  .box-02 {
    padding: 20px;
  }
  .box-02.pc-nallow {
    padding: 20px;
  }
}

/**
 * .box-03
 */
.box-03 {
  background: #e5f5ff;
  margin: 0 0 30px;
  padding: 16px;
}

.box-03 > *:first-child {
  margin-top: 0;
}

.box-03 > *:last-child {
  margin-bottom: 0;
}

.box-03 .lead {
  font-size: 17px;
  color: #666;
  margin: 0 0 10px;
}

@media (max-width: 374px) {
  .box-03 {
    padding: 10px;
  }
}

@media (min-width: 769px) {
  .box-03 {
    margin: 0 0 30px;
    padding: 20px;
  }
  .box-03 .lead {
    font-size: 20px;
    margin: 0 0 10px;
  }
}

/**
 * .box-04
 */
.box-04 {
  background: #ffedce;
  margin: 0 0 27px;
  padding: 24px 14px;
}

.box-04 > *:first-child {
  margin-top: 0;
}

.box-04 > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .box-04 {
    margin: 0 0 38px;
    padding: 25px 15px;
  }
}

/**
 * .small-box
 */
.small-box {
  max-width: 480px;
  margin: 0 auto;
}

/**
 * @class Common: Structure: Modules: Layout
** ------------------------------------------------------ */
/**
 * .lyt-row-01
 */
.lyt-row-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.lyt-row-01 .media {
  text-align: center;
  margin: 0 0 11px;
}

.lyt-row-01 .media img {
  backface-visibility: hidden;
}

.lyt-row-01 .content > *:first-child {
  margin-top: 0;
}

.lyt-row-01 .content > *:last-child {
  margin-bottom: 0;
}

.lyt-row-01._reverse {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.lyt-row-01._reverse .media {
  margin: 11px 0 0;
}

@media (min-width: 769px) {
  .lyt-row-01 {
    -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  }
  .lyt-row-01._reverse {
    -webkit-flex-direction: row;
  flex-direction: row;
  }
  .lyt-row-01._reverse .content {
    padding: 0 40px 0 0;
  }
  .lyt-row-01 .media {
    max-width: 127px;
    margin: 6px 0 0;
  }
  .lyt-row-01 .media img {
    min-width: 120px;
    margin: 0 0 0 7px;
  }
  .lyt-row-01 .media.size-origin {
    max-width: 100%;
  }
  .lyt-row-01 .content {
    -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
    padding: 0 0 0 40px;
  }
}

.lyt-flex {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lyt-flex .col-100 {
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}

.lyt-flex .col-50 {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}

.lyt-flex .col-50 > *:first-child {
  margin-top: 0;
}

.lyt-flex .col-50 > *:last-child {
  margin-bottom: 0;
}

.lyt-flex._arrow::after {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  content: "";
  border: 20px solid transparent;
  border-top: 20px solid #1975ce;
}

/**
 * .lyt-col
 */
.lyt-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -14px 0 14px -14px;
  padding: 0;
  list-style: none;
}

.lyt-col .img {
  text-align: center;
  display: block;
}

.lyt-col .caption {
  font-size: 11px;
  display: inline-block;
  padding: 9px 0 2px;
}

.lyt-col.col-2 > .col {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  min-width: 50%;
  max-width: 50%;
  padding: 14px 0 0 14px;
}

@media (min-width: 769px) {
  .lyt-col {
    margin: -14px 21px 14px -20px;
  }
  .lyt-col.pc-col-flex > .col {
    -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
    min-width: auto;
    padding: 14px 0 0 20px;
  }
}

/**
 * .page-section
 */
.page-section {
  /* display: none; */
}

.page-section:first-child {
  display: block;
}

.main-form.input-2 .page-section {
  /* display: none; */
}

.main-form.input-2 .page-section:first-child + .page-section {
  display: block;
}

/**
 * @class Common: Structure: Modules: Form
** ------------------------------------------------------ */
/**
 * .form-01
 */
.form-01 .format,
.form-01 .any,
.form-01 .require {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  vertical-align: top;
  white-space: pre;
  display: inline-block;
}

.form-01 .any,
.form-01 .require {
  padding: 2px 6px;
}

.form-01 .any {
  color: #1975ce;
  background: #fff;
  border: 1px solid #1975ce;
}

.form-01 .require {
  color: #fff;
  background: #e83e3c;
  border: 2px solid #fff;
  display: inline-block;
}

.form-01 .format {
  color: #333;
  background: #fff;
  padding: 0 8px;
  border: 1px solid #999;
  border-radius: 10px/50%;
  margin-top: 0px;
}

.form-01 .labels {
  text-align: left;
  padding: 0 0 3px;
}

.form-01 .labels .format,
.form-01 .labels .any,
.form-01 .labels .require {
  margin: 3px 5px 0 5px;
}

.form-01 table {
  font-size: 17px;
  display: block;
  width: 100%;
  margin: 0 0 30px;
  border-collapse: collapse;
  border: 0;
  border-bottom: 1px solid #ccc;
}

.form-01 table tbody,
.form-01 table tr {
  display: block;
  width: 100%;
}

.form-01 table tr:first-child > td:first-child {
  border-top: 1px solid #ccc;
}

.form-01 table th {
  font-size: 22px;
  font-weight: normal;
  color: #fff;
  background: #329def;
  display: -webkit-flex;
  display: block;
  -webkit-align-items: left;
  align-items: left;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
  padding: 10px 10px 8px;
}

.form-01 table th .name {
  text-align: left;
  position: relative;
  display: inline;
  padding: 0 5px 0 0;
}

/* .form-01 table th .name::before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACBpJREFUeNqcWPuPVUUSruruO/cyOAo4IMoqBHAYNRpFzD6ya8hqNBrjP+V/5A/uT+4SMRIfhEhEGYIQMMuuoiwCMs/b5Vf9OKf7nDOP7J309Oucrq+/qq6qPvzBv05R+RMUgzIyQlNPdH+d6H9rhn4jR2vkZon4iCV5mUkWiWmBmY4w0RN45XHUYxSDuVX0H2LuLvo/G5JbKFcwsYT1L2Ds2r7R9MH8eIN2WSHPNsj2QoM/R9v8psL68pOG/LExry8w8VEIPA4ghwDiEAQfgNDdTAEdaY1xrMu70d+P9kE8/xQ2/pRlehbTi4bl2sT6K1jjugj9gJdkKwzbggTGeWZ5dULTNx3LaRUIwbtQrAlFLIQL2hxAYiIU/KHv0ZxFPUF5Any9iEdWDPsfHclZzH3sidcw9t8dgZT0z2cGPe1FtTCxcpJn6K9Q8ckZ4xdNZCoUBQXQQJraBUgjWmMoPmtR1IL09wg2PQ8GJwA4j75u+gKmvlPT4MrwhpjkZs564QUw995uJ3+fc/QCAIwNGzAmkTHiCBYvaN8m4JFD1BL7SRuNXAmV0Qf/AKD7p0TPYOzpNPUlyuoAk3FRFWKxVSy8zxA/j+5bGHvXGX7JGXImbYIzk3mnkbFmk5zA6LwkyflA+KQpH98eY34MkKdAyKzXafSB4CLq24UEBWmDkJHxNLZknaXj0NHbeOhNFlk0hkxDsrSsSAYhrZlIXlXauQCME1ifxigzGgED5DG034AUi4O65j3f92RWfNp9VjeDNTcydBj1abz3Dnb0AspkmoQJtQKi2iQAKNny0tp2OZ/tvGG0YUn/w4aEd6H1EtpjAH6AchcglwByXR/KINVR7cEiL/op/xmLnMDCoywgAuAEVBJD2ucKpEgrWhKQnm+ROBe1I6nmhIGPovUn2PhVzN0GkXcwvuaS9sYbQq/QlN+H8Ncg8JFoOy1DNUstSCpYzsYpnfPJ3cOZYHXm1awQLOgkRu6h1vJJAJlMaLI+5VPg9jTa875gwWe28jmRDKTjLLh1DybBEO4AbICaxq5LmKn3GMrrKNcwegH1XbchfAiThyD8JOojzeEQqtQlPb1xT5nJ+dSk9blsNtiYRGEm+M1QDLOKRyOUd6tiFqNDlccrn7bVjyv6eiEqb64LstVGS0BZ2k2E3h6UE2oGTv0UGgex0JPUGPQQMB60s9L+MpPDh6UQ3wUp9abS+/tRXlH1wyblSKSX5+qAxEVRgrjeq3AFUKiILkKDzPUDXgu6tys9RELPBBeErqr7gPhgsEMpRi2wx0477oscoLuCdA940g7nc91W4WBhfA6hVW1y4sCI0rpfT3i1lEjDaCm4ZFkGt0O1BrKlcKEbbg9a6BtuLMq0b8+gaAKy7BCC9CTtBSjbZSq+WVPIfZfXjJkstvNQTIVaUMZksNyANv0amRM/qqaoIGdjvsq175Jyx63cDIK53X07ZxLw9kVOIDkBMwlcCYqKvi3W5EjQLLIbM4rv1aGK0sKmUFN20jmf7KmIaya5BJnTugJkb+2CycIsxs4aG+J/XijLiH2hnDuapJo26Y2biYlvq7bSCTQ2aGJy3Ki7t/EMXopUsF3G7R7xw3DvYk5ZdLFQSK1bkKajiq7ATUGypByT+u9QeVi4Apl0uurm3HQFDdxZeFIbMScry2DrBcpdUyG48C9NAMysM9UbbTdiKtCZqPTUipsb0c9p/EC6jpbpUyPEcMd9FKCpc8qbqMxSeYSK8WrG1EzGGmbIy+j+5Jyxd1XdEPoYB0az5+HK4TZMFqe2AtADSQMgu9GcO+49URQXX0P40nzyFzdj3fdo3AfIPUHt3QWLXfOAb+R+eNcLQRJnOnmJVC0eyIqKaPYArasoN92I7XX16hCwUDntUo1FxtN6AKl8fTdl45SH0lA47CUydfRK7y1j+Cbq684xXwipGi7uqI93KeIOXcxbZN1Cg0rsw+TeHPeXwY2RLiqbwCiXNPtV3Ve73CavZJHtvn1sAqGflnJnWylx/xWty6iXNFVTdauv/BblL3hu704+v+wEHm+VNPd8SNOfgiDFcwk2eiWoO635ABNfaCYsLH9LCefW/PCQZC5ycikOQgdKkUBz192FQ0yfo3kOl787egfMjOn99jyeUDeUL0K2dzwrW+VNQHK/34kwXVeUim5lA+VbAPsQ5RyGHoaPA4mZddQ/4YHzKMdwYnGQ+Fi6FG2qsSp55YELEte+ljfbSoxyU1Q3vKdzAPPl1NN/cLVZU3z53q1Jxira38P3n0G9j6NzOVEkOUMcVT607wrqbGgIKMebiTfxCvvpBtE/cUtYwn5XsvG4GWPKRZcxcSl+sQ00TPDUUeZ+kttNBpgLJ9oDyW1s7ycWmtrcQvssuh9Zpq+toXtTabNbOPPeCfgRb36ScgZNPPS0HU0aNVw4a+ow1MuxCndWJxWcbVC/Zd3Ug4L6H5g6Yy3dGXV26TZxE7+Fb9sIBM7wDZQ/ov08xg+3SYBpwyMXGXvJoFR+r3uruAWavoOcz1n8eYrn4Q4NfPVwm7lkEbmF7d+2hi+PrLkORt+KeQYfDAlJaY1cH45Nruz5t5GiyWeIBx9D0BnUNzQlG7qF7uSb+Xr4JoOwZI35BfXFeOr1rh7AHkC9F8jGWzjvtRA9BGYED6LOWdcEkG+wzmW8c7X4Ovh/ftjHnReL3AC4m5bNWQUJc9bvNM/pN3WUpylePfdpFlVkC8sp3N4GU/9G0eixhPJVyG6Y7nF4ctv4uqPwV97tN3ZQRjt8brrTMPu7AAMAW4b61Zin8ekAAAAASUVORK5CYII=");
  background-size: cover;
  position: absolute;
  top: 3px;
  left: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  content: "";
} */

.form-01 table th .small-txt {
  font-size: 15px;
}

.form-01 table td {
  display: block;
  padding: 15px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.form-01 table td > *:first-child:not(.form-group) {
  margin-top: 0;
}

.form-01 table td > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 374px) {
  .form-01 table td {
    padding: 10px;
  }
}

@media (min-width: 769px) {
  .form-01 .format,
  .form-01 .any,
  .form-01 .require {
    font-size: 16px;
    padding: 4px 17px 3px;
  }
  .form-01 .any,
  .form-01 .require {
    padding: 5px 18px 4px;
  }
  .form-01 .require {
    border: 3px solid #fff;
  }
  .form-01 .labels .any,
  .form-01 .labels .require {
    margin: 0 10px 0 10px;
  }
  .form-01 table {
    font-size: 20px;
  }
  .form-01 table p {
    margin: 0 0 20px;
  }
  .form-01 table .txt-case {
    margin: -10px 0 10px;
  }
  .form-01 table th {
    font-size: 26px;
    padding: 10px 15px 10px 22px;
  }
  .form-01 table th .name::before {
    top: 4px;
    left: -1px;
    width: 22px;
    height: 22px;
  }
  .form-01 table td {
    padding: 27px 29px;
  }
}

.form-convert {
  display: none;
}

.form-group-address {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 31px 0 0px -8px;
}

.form-group {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -18px 0 18px -8px;
}

.form-group > .unit {
  margin: 31px 8px 0;
}

.form-group._flex {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.form-group .form-item {
  display: block;
  margin: 18px 0 0 8px;
}

@media (min-width: 769px) {
  .form-group {
    margin: -18px 0 18px -10px;
  }
  .form-group > .unit {
    margin: 31px 10px 0;
  }
  .form-group .form-item {
    margin: 18px 0 0 10px;
  }
}

@media (max-width: 374px) {
  .form-group {
    margin: -18px 0 18px -5px;
  }
  .form-group .form-item {
    margin: 18px 0 0 5px;
  }
}

.form-item {
  position: relative;
  /* -webkit-flex-wrap: wrap;
  flex-wrap: wrap; */
  margin: 0 0 18px 0;
}

.form-item > .require {
  margin: 0 10px 0 0;
}

.form-item .unit {
  white-space: pre;
  margin: 0 8px;
}

@media (min-width: 769px) {
  .form-item .unit {
    margin: 0 10px;
  }
}

@media (max-width: 374px) {
  .form-item .unit {
    margin: 0 5px;
  }
}

.form-item label :first-child {
  margin-left: 0;
}

.form-item label :last-child {
  margin-right: 0;
}

.form-text {
  /* display: -webkit-flex;
  display: flex; */
  -webkit-align-items: center;
  align-items: center;
}

.form-text _:-ms-fullscreen,
:root .form-text {
  display: block;
}

.form-text label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-align-items: center;
  align-items: center;
}

.form-text input[type="text"],
.form-text input[type="password"],
.form-text input[type="email"] {
  -webkit-appearance: none;
  appearance: none;
}

.form-text input[type="text"],
.form-text input[type="password"],
.form-text input[type="date"],
.form-text input[type="email"] {
  line-height: 1.4;
  background: #f5fbff;
  overflow: hidden;
  width: 100%;
  max-width: 327px;
  height: 49px;
  padding: 0 8px;
  border: 2px solid #60b8fb;
  border-radius: 3px;
}

.form-text input[type="text"]:disabled,
.form-text input[type="password"]:disabled,
.form-text input[type="date"]:disabled,
.form-text input[type="email"]:disabled {
  background: #ccc;
  opacity: 1;
}

@media (min-width: 769px) {
  .form-text input[type="text"],
  .form-text input[type="password"],
  .form-text input[type="date"],
  .form-text input[type="email"] {
    line-height: 53px;
    height: 53px;
  }
}

.form-text input.hasDatepicker {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA+CAYAAACY9hNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbRJREFUeNrsmLtOwzAUhu20gonLAAgWhLjMzEiFTizMSMxIZegL0IkH4AkY6MCMmDuxFBCdmbkIMcAAA5cJUGv+RClqQ+M6Spq04T/SkZ3mxP4/+8R2KpVSQmdWqTaJogjPw3PuzxfwKvwA/iziN62mxv6KVpPUQQN4A0UZPuMT8gQvwCsxAhtpAnglMDSAp1Bcwae7iHiBL6OTx17TRqUpq3mw2Gx8dnxYHG4uiPz8qHOjevcudk5uxcPrp3054cbuxTDLkWiyNB2sNStlNL6+NCaGMtJxu360tdgauxpTakeiKYuU8buX++3JHc22FudGOsb22AJp8mOz01t168keSa9lLNl+WaqpGBczI01+bJb4h0ZoQrfYV/3vq1FvqESFh9FkBH2GPdBr5/cfiUKH0WQEXcCmf3r95ozuN9yubx/fJAodRpOUu5eK7zShCU1oQhO6/837J4JMMatiehOa0IRO7ertu+J1+lgZoDjONKEJTWhCp37LMv0A6fc4zjTTmycypjehCU1oQvNExhMZ05snMs40oQlNaEITetBOZJxpQhOa0IQOsnorzjSh02M/AgwADMuUd+u+M20AAAAASUVORK5CYII=") #f5fbff no-repeat;
  background-position: right 10px center;
  background-size: 31px;
}

@media (min-width: 769px) {
  .form-text input.hasDatepicker {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
}

.form-textarea {
  margin-top: 27px;
  margin-bottom: 27px;
}

.form-textarea textarea {
  line-height: 1.4;
  vertical-align: top;
  background: #f5fbff;
  width: 100%;
  min-height: 200px;
  padding: 13px 8px;
  resize: vertical;
  border: 2px solid #60b8fb;
  border-radius: 3px;
}
.form-textarea textarea:disabled {
  background: #ccc;
  opacity: 1;
  cursor: not-allowed;
}

.form-checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.form-checkbox label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
}

.form-checkbox label input[type="checkbox"]:checked + .btn::after {
  display: block;
}

.form-checkbox label .btn {
  position: relative;
  display: inline-block;
  padding: 0 0 0 37px;
}

.form-checkbox label .btn::before {
  background: #f5fbff;
  position: absolute;
  top: -2px;
  left: 0;
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  border: 2px solid #60b8fb;
  border-radius: 2px;
}

table .form-checkbox label .btn::before {
  top: 0;
}

.form-checkbox label .btn::after {
  position: absolute;
  top: 7px;
  left: 5px;
  display: none;
  width: 8px;
  height: 16px;
  margin: -7px 0 0 3px;
  content: "";
  -webkit-transform: rotate(43deg);
  transform: rotate(43deg);
  border: 3px solid #60b8fb;
  border-top: 0;
  border-left: 0;
}

table .form-checkbox label .btn::after {
  top: 9px;
}

.form-checkbox._reverse label input[type="checkbox"] {
  right: 0;
  left: auto;
}

.form-checkbox._reverse label .btn {
  padding: 0 37px 0 0;
}

.form-checkbox._reverse label .btn::before {
  right: 0;
  left: auto;
}

.form-checkbox._reverse label .btn::after {
  right: 5px;
  left: auto;
  margin: -7px 3px 0 0;
}

.form-radio {
  margin: 0 0 18px;
}

.col2-wrap .form-radio-list, .col3-wrap .form-radio-list {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}

.col2-wrap .form-radio-list > li, .col3-wrap .form-radio-list > li {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  margin: 10px 0 0;
  padding: 0 0 0 10px;
}

@media (min-width: 769px) {
  .form-radio {
    margin: 0 auto;
    display: inline-block;
  }
  .col2-wrap .tip-error {
    width: 500px;
    margin: 0 auto 3px auto;
  }
  .col2-wrap .form-radio-list {
    margin: -35px 70px 0 30px;
  }
  .col3-wrap .form-radio-list {
    margin: -35px 10px 0 0;
  }
  .col2-wrap .form-radio-list > li, .col3-wrap .form-radio-list > li {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 35px 0 0 40px;
    padding: 0;
  }
}
@media all and (-ms-high-contrast:none){ /* IE11 */
  *::-ms-backdrop, .form-radio  {
    display: block;
  }
}

.form-radio-list {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0 -10px;
  padding: 0;
  list-style: none;
}

.form-radio-list > li {
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  margin: 0 0 0 10px;
}

.form-radio-list > li label {
  position: relative;
  display: block;
}

.form-radio-list > li label::before {
  background: #e5f5ff;
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 2px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
}

.form-radio-list > li label .btn {
  font-size: 12px;
  text-align: center;
  color: #1f84d1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 75%;
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  padding: 59% 2px 5px;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);
}

.form-radio-list > li label .btn .small {
  font-size: 10px;
  width: 100%;
  margin-top: -2px;
}

.form-radio-list > li label input {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
}

.form-radio-list > li label input:focus + .btn,
.form-radio-list > li label input:hover + .btn {
  opacity: .8;
}

.form-radio-list > li label input:checked + .btn {
  color: #fff;
  background-color: #1f84d1;
}

.form-radio-list > li label input:disabled + .btn {
  opacity: .5;
}

.form-radio-list > li label .txt {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
}

.form-radio-list > li .sub {
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  display: block;
  margin: 6px 0 0;
}

@media (min-width: 769px) {
  .form-radio-list {
    -webkit-justify-content: center;
  justify-content: center;
    margin: 0 0 0 -10px;
  }
  .form-radio-list > li {
    max-width: 225px;
    margin: 0 0 0 10px;
  }
}
@media (min-width: 896px) {
  .form-radio-list {
    margin: 0 0 0 -40px;
  }
  .form-radio-list > li {
    margin: 0 0 0 40px;
  }
}


@media all and (min-width: 769px) and (-ms-high-contrast: none) {
  .form-radio-list > li *::-ms-backdrop, .form-radio-list > li {
    -webkit-flex: 1 0 100%;
  flex: 1 0 100%;
  }
}
@media (min-width: 769px) {
  .form-radio-list > li label .btn {
    font-size: 18px;
    background-position: center 5px;
    background-size: 64%;
    padding: 49% 5px 5px;
    min-width: 205px;
  }
}
@media (min-width: 896px) {
  .form-radio-list > li label .btn {
    min-width: 225px;
  }
}
@media (min-width: 769px) {
    .form-radio-list > li label .txt {
    min-height: auto;
  }
  .form-radio-list > li label .btn .small {
    font-size: 12px;
  }
  .form-radio-list > li .sub {
    font-size: 14px;
    margin: 15px 0 0;
  }
}

.form-radio-list > li label input.no-ico + .btn .txt, .form-radio-list > li label input.no-ico-wide + .btn .txt {
  min-height: 32px;
}

.form-radio-list > li label input.no-ico + .btn {
  font-size: 14px;
  padding: 14px;
}

.form-radio-list > li label input.no-ico-wide + .btn {
  font-size: 14px;
  padding: 64px 14px 56px;
}

.form-radio-list > li label input.no-ico-wide + .btn .txt {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-radio-list > li label input.no-ico-wide + .btn {
  padding: 14px 5px;
}

@media (min-width: 769px) {
  .form-radio-list > li label input.no-ico-wide + .btn {
    font-size: 22px;
    padding: 14px;
    padding: 64px 14px 56px;
  }
}

.form-radio-list > li label input[data-fid="1-1"] + .btn, .form-radio-list > li label input[data-fid="22-1"] + .btn {
  background-image: url(../img/ico-1-1.png);
}

.form-radio-list > li label input[data-fid="1-1"]:checked + .btn, .form-radio-list > li label input[data-fid="22-1"]:checked + .btn {
  background-image: url(../img/ico-1-1_o.png);
}

.form-radio-list > li label input[data-fid="1-2"] + .btn, .form-radio-list > li label input[data-fid="22-2"] + .btn {
  background-image: url(../img/ico-1-2.png);
}

.form-radio-list > li label input[data-fid="1-2"]:checked + .btn, .form-radio-list > li label input[data-fid="22-2"]:checked + .btn {
  background-image: url(../img/ico-1-2_o.png);
}

.form-radio-list > li label input[data-fid="1-3"] + .btn, .form-radio-list > li label input[data-fid="22-3"] + .btn {
  background-image: url(../img/ico-1-3.png);
}

.form-radio-list > li label input[data-fid="1-3"]:checked + .btn, .form-radio-list > li label input[data-fid="22-3"]:checked + .btn {
  background-image: url(../img/ico-1-3_o.png);
}

.form-radio-list > li label input[data-fid="2-1"] + .btn, .form-radio-list > li label input[data-fid="23-1"] + .btn {
  background-image: url(../img/ico-2-1.png);
}

.form-radio-list > li label input[data-fid="2-1"]:checked + .btn, .form-radio-list > li label input[data-fid="23-1"]:checked + .btn {
  background-image: url(../img/ico-2-1_o.png);
}

.form-radio-list > li label input[data-fid="2-2"] + .btn, .form-radio-list > li label input[data-fid="23-2"] + .btn {
  background-image: url(../img/ico-2-2.png);
}

.form-radio-list > li label input[data-fid="2-2"]:checked + .btn, .form-radio-list > li label input[data-fid="23-2"]:checked + .btn {
  background-image: url(../img/ico-2-2_o.png);
}

.form-radio-list > li label input[data-fid="2-3"] + .btn, .form-radio-list > li label input[data-fid="23-2"] + .btn {
  background-image: url(../img/ico-48-1.png);
}

.form-radio-list > li label input[data-fid="2-3"]:checked + .btn, .form-radio-list > li label input[data-fid="23-2"]:checked + .btn {
  background-image: url(../img/ico-48-1_o.png);
}

.form-radio-list > li label input[data-fid="3-1"] + .btn, .form-radio-list > li label input[data-fid="24-1"] + .btn {
  background-image: url(../img/ico-3-1.png);
}

.form-radio-list > li label input[data-fid="3-1"]:checked + .btn, .form-radio-list > li label input[data-fid="24-1"]:checked + .btn {
  background-image: url(../img/ico-3-1_o.png);
}

.form-radio-list > li label input[data-fid="3-2"] + .btn, .form-radio-list > li label input[data-fid="24-2"] + .btn {
  background-image: url(../img/ico-3-2.png);
}

.form-radio-list > li label input[data-fid="3-2"]:checked + .btn, .form-radio-list > li label input[data-fid="24-2"]:checked + .btn {
  background-image: url(../img/ico-3-2_o.png);
}

.form-radio-list > li label input[data-fid="U6-1"] + .btn, .form-radio-list > li label input[data-fid="U7-1"] + .btn {
  background-image: url(../img/ico-u6-1.png);
}

.form-radio-list > li label input[data-fid="U6-1"]:checked + .btn, .form-radio-list > li label input[data-fid="U7-1"]:checked + .btn {
  background-image: url(../img/ico-u6-1_o.png);
}

.form-radio-list > li label input[data-fid="U6-2"] + .btn, .form-radio-list > li label input[data-fid="U7-2"] + .btn {
  background-image: url(../img/ico-u6-2.png);
}

.form-radio-list > li label input[data-fid="U6-2"]:checked + .btn, .form-radio-list > li label input[data-fid="U7-2"]:checked + .btn {
  background-image: url(../img/ico-u6-2_o.png);
}

.form-radio-list > li label input[data-fid="14-1"] + .btn, .form-radio-list > li label input[data-fid="34-1"] + .btn {
  background-image: url(../img/ico-14-1.png);
}

.form-radio-list > li label input[data-fid="14-1"]:checked + .btn, .form-radio-list > li label input[data-fid="34-1"]:checked + .btn {
  background-image: url(../img/ico-14-1_o.png);
}

.form-radio-list > li label input[data-fid="14-2"] + .btn, .form-radio-list > li label input[data-fid="34-2"] + .btn {
  background-image: url(../img/ico-14-2.png);
}

.form-radio-list > li label input[data-fid="14-2"]:checked + .btn, .form-radio-list > li label input[data-fid="34-2"]:checked + .btn {
  background-image: url(../img/ico-14-2_o.png);
}

.form-radio-list > li label input[data-fid="45-1"] + .btn {
  background-image: url(../img/ico-45-1.png);
}

.form-radio-list > li label input[data-fid="45-1"]:checked + .btn {
  background-image: url(../img/ico-45-1_o.png);
}

.form-radio-list > li label input[data-fid="45-2"] + .btn {
  background-image: url(../img/ico-45-2.png);
}

.form-radio-list > li label input[data-fid="45-2"]:checked + .btn {
  background-image: url(../img/ico-45-2_o.png);
}

.form-radio-list > li label input[data-fid="46-1"] + .btn {
  background-image: url(../img/ico-46-1.png);
}

.form-radio-list > li label input[data-fid="46-1"]:checked + .btn {
  background-image: url(../img/ico-46-1_o.png);
}

.form-radio-list > li label input[data-fid="46-3"] + .btn {
  background-image: url(../img/ico-46-3.png);
}

.form-radio-list > li label input[data-fid="46-3"]:checked + .btn {
  background-image: url(../img/ico-46-3_o.png);
}

.form-radio-list > li label input[data-fid="47-1"] + .btn {
  background-image: url(../img/ico-47-1.png);
}

.form-radio-list > li label input[data-fid="47-1"]:checked + .btn {
  background-image: url(../img/ico-47-1_o.png);
}

.form-radio-list > li label input[data-fid="47-2"] + .btn {
  background-image: url(../img/ico-47-2.png);
}

.form-radio-list > li label input[data-fid="47-2"]:checked + .btn {
  background-image: url(../img/ico-47-2_o.png);
}

.form-radio-list > li label input[data-fid="47-3"] + .btn {
  background-image: url(../img/ico-47-3.png);
}

.form-radio-list > li label input[data-fid="47-3"]:checked + .btn {
  background-image: url(../img/ico-47-3_o.png);
}

.form-radio-list > li label input[data-fid="48-1"] + .btn {
  background-image: url(../img/ico-48-1.png);
}

.form-radio-list > li label input[data-fid="48-1"]:checked + .btn {
  background-image: url(../img/ico-48-1_o.png);
}

.form-radio-list > li label input[data-fid="48-2"] + .btn {
  background-image: url(../img/ico-48-2.png);
}

.form-radio-list > li label input[data-fid="48-2"]:checked + .btn {
  background-image: url(../img/ico-48-2_o.png);
}

.form-radio-list > li label input[data-fid="U-1"] + .btn,
.form-radio-list > li label input[data-fid="U13-1"] + .btn,
.form-radio-list > li label input[data-fid="U13-1-1"] + .btn {
  background-image: url(../img/ico-u13-1.png);
}

.form-radio-list > li label input[data-fid="U-1"]:checked + .btn,
.form-radio-list > li label input[data-fid="U13-1"]:checked + .btn,
.form-radio-list > li label input[data-fid="U13-1-1"]:checked + .btn {
  background-image: url(../img/ico-u13-1_o.png);
}

.form-radio-list > li label input[data-fid="U-2"] + .btn,
.form-radio-list > li label input[data-fid="U13-2"] + .btn,
.form-radio-list > li label input[data-fid="U13-1-2"] + .btn {
  background-image: url(../img/ico-u13-2.png);
}

.form-radio-list > li label input[data-fid="U-2"]:checked + .btn,
.form-radio-list > li label input[data-fid="U13-2"]:checked + .btn,
.form-radio-list > li label input[data-fid="U13-1-2"]:checked + .btn {
  background-image: url(../img/ico-u13-2_o.png);
}

.form-radio-list > li label input[data-fid="U23-1"] + .btn {
  background-image: url(../img/ico-u23-1.png);
}

.form-radio-list > li label input[data-fid="U23-1"]:checked + .btn {
  background-image: url(../img/ico-u23-1_o.png);
}

.form-radio-list > li label input[data-fid="U23-2"] + .btn {
  background-image: url(../img/ico-u23-2.png);
}

.form-radio-list > li label input[data-fid="U23-2"]:checked + .btn {
  background-image: url(../img/ico-u23-2_o.png);
}

.form-radio-list > li label input[data-fid="71-1"] + .btn {
  background-image: url(../img/ico-71-1.png);
}

.form-radio-list > li label input[data-fid="71-1"]:checked + .btn {
  background-image: url(../img/ico-71-1_o.png);
}

.form-radio-list > li label input[data-fid="71-2"] + .btn {
  background-image: url(../img/ico-71-2.png);
}

.form-radio-list > li label input[data-fid="71-2"]:checked + .btn {
  background-image: url(../img/ico-71-2_o.png);
}

/**
 * .form-select
 */
.form-select label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.form-select > *:first-child {
  margin-left: 0;
}

.form-select > *:last-child {
  margin-right: 0;
}

.form-select .form-select-wrap {
  background: #f5fbff;
  position: relative;
  display: inline-block;
  min-width: 171px;
  border: 2px solid #60b8fb;
  border-radius: 3px;
}

.form-select .form-select-wrap::after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto 0;
  content: "";
  border-width: 11px 8px 0 8px;
  border-style: solid;
  border-color: #1f84d1 transparent transparent transparent;
}

.form-select select {
  background: transparent;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 49px;
  padding: 10px 38px 10px 8px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
}
select::-ms-expand{
  display: none!important;
}

@media (max-width: 768px) {
  .form-select select {
    height: 45px;
  }
}

.form-select select:disabled {
  background: #ccc;
}

.form-select select::-ms-expand {
  /* display: none; */
}

/**
 * .form-date
 */
@media (max-width: 768px) {
  .form-date select {
    height: 45px;
  }
}

@media (max-width: 720px) {
  .form-date {
    -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  }
  .form-date .unit {
    font-size: 12px;
    margin: 0 4px;
  }
  .form-date .form-text input[type="text"] {
    min-width: 40px;
    padding: 0 4px;
  }
  .form-date .form-select-wrap {
    min-width: 50px;
  }
  .form-date .form-select-wrap::after {
    right: 4px;
    transform: scale(0.5);
  }
  .form-date select {
    min-width: 50px;
    padding: 0 18px 0 8px;
  }
}

.form-date > .tip-error {
  position: absolute;
}

.form-date-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

.form-date-wrap > .unit {
  margin: 0 10px 18px;
}

/**
 * .form-action
 */
.form-action > *:first-child {
  margin-top: 0;
}

.form-action > *:last-child {
  margin-bottom: 0;
}

.form-action > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.form-action > ul > *:first-child {
  margin-top: 0;
}

.form-action > ul > *:last-child {
  margin-bottom: 0;
}

.form-action > ul > li {
  text-align: center;
}

.form-action > ul > li .btn-return,
.form-action > ul > li .btn-submit {
  font-size: 17px;
  text-align: center;
  color: #fff;
  background: #00abe9;
  width: 100%;
  width: 352px;
  padding: 18px 0;
  cursor: pointer;
  transition: .2s;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.54);
}

.form-action > ul > li .btn-return:focus, .form-action > ul > li .btn-return:hover,
.form-action > ul > li .btn-submit:focus,
.form-action > ul > li .btn-submit:hover {
  background: #1f84d1;
}

.form-action > ul > li .btn-return[disabled],
.form-action > ul > li .btn-submit[disabled] {
  background: #777;
  cursor: default;
}

.form-action > ul > li .btn-return {
  color: #00abe9;
  background: #dbf5ff;
  width: 195px;
  margin: 18px 0;
  padding: 14px 0;
  text-shadow: none;
}

.form-action > ul > li .btn-return:focus, .form-action > ul > li .btn-return:hover {
  background: #fff;
}

.form-action > ul > li .btn-danger {
  background: #cc1b15;
}

.form-action > ul > li .btn-danger:hover {
  background: #96110c;
}

@media (min-width: 769px) {
  .form-action > ul {
    text-align: center;
    display: block;
  }
  .form-action > ul > li {
    display: inline-block;
    margin: 0 10px;
  }
  .form-action > ul > li .btn-return,
  .form-action > ul > li .btn-submit {
    font-size: 20px;
    padding: 24px 0 19px;
  }
  .form-action > ul > li .btn-return {
    width: 212px;
    margin: 0;
    padding: 24px 0 19px;
  }
}

.btn-return.flow-bottom {
  color: #0072ca;
  background: none;
  position: relative;
  margin: 10px 0;
  padding: 0 0 0 10px;
  cursor: pointer;
  border: 0;
}

.btn-return.flow-bottom::before {
  position: absolute;
  top: 50%;
  left: -2px;
  width: 8px;
  height: 8px;
  content: "";
  transform: rotate(-135deg) translate(0, 75%);
  border-top: 1px solid #0072ca;
  border-right: 1px solid #0072ca;
}

/**
 * .view-age
 */
.view-age {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.view-age span {
  margin: 0 5px;
}

.view-age input {
  font-weight: bold;
  text-align: center;
  width: 60px;
  border: 0;
}

/**
 * .view-money
 */
.view-money {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
}

.view-money span {
  margin: 0 5px;
}

.view-money input {
  font-weight: bold;
  text-align: left;
  width: 60px;
  border: 0;
}

/**
 * @class Common: Structure: Modules: Athor
** ------------------------------------------------------ */
/**
 * .tgl-view
 */
.tgl-view {
  position: relative;
  /* display: none; */
}

.tgl-view._arrow::before {
  display: block;
  width: 40px;
  height: 40px;
  margin: -30px auto -40px;
  content: "";
  border: 40px solid transparent;
  border-top: 40px solid #1975ce;
}

.box-03 ~ .tgl-view._arrow::before {
  margin-top: -30px;
}

.tgl-view .box-04 {
  color: #e81b00;
  padding: 20px;
}

/**
 * @class Common: Structure: Modules: +
** ------------------------------------------------------ */
/**
 * .color
 */
.attention {
  color: #e81b00;
  line-height: 1;
  margin-bottom: 10px;
}
/**
 * .btn
 */
.btn-list {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 20px -10px;
  padding: 0;
  list-style: none;
}

.btn-list > li {
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  margin: 0 0 0 10px;
}

.btn-list > li a {
  position: relative;
  display: block;
  text-decoration: none;
}

.btn-list > li a .btn {
  font-size: 12px;
  text-align: center;
  color: #1f84d1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 75%;
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  padding: 59% 2px 5px;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);
}

.btn-list > li a .btn .small {
  font-size: 10px;
  width: 100%;
  margin-top: -2px;
}

.btn-list > li a:focus,
.btn-list > li a:hover {
  opacity: .8;
}

.btn-list > li a:checked {
  color: #fff;
  background-color: #1f84d1;
}

.btn-list > li a:disabled {
  opacity: .5;
}

.btn-list > li a .txt {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
}

.btn-list > li .sub {
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  display: block;
  margin: 6px 0 0;
}

.btn-list > li a.btn-list-01 .btn {
    background-image: url(../img/top-ico-1.png);
}
.btn-list > li a.btn-list-01:focus .btn,.btn-list > li a.btn-list-01:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-1_o.png);
}
.btn-list > li a.btn-list-02 .btn {
    background-image: url(../img/top-ico-2.png);
}
.btn-list > li a.btn-list-02:focus .btn,.btn-list > li a.btn-list-02:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-2_o.png);
}
.btn-list > li a.btn-list-03 .btn {
    background-image: url(../img/top-ico-3.png);
}
.btn-list > li a.btn-list-03:focus .btn,.btn-list > li a.btn-list-03:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-3_o.png);
}
.btn-list > li a.btn-list-04 .btn {
    background-image: url(../img/top-ico-4.png);
}
.btn-list > li a.btn-list-04:focus .btn,.btn-list > li a.btn-list-04:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-4_o.png);
}
.btn-list > li a.btn-list-05 .btn {
    background-image: url(../img/top-ico-5.png);
}
.btn-list > li a.btn-list-05:focus .btn,.btn-list > li a.btn-list-05:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-5_o.png);
}
.btn-list > li a.btn-list-06 .btn {
    background-image: url(../img/top-ico-6.png);
}
.btn-list > li a.btn-list-06:focus .btn,.btn-list > li a.btn-list-06:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-6_o.png);
}
.btn-list > li a.btn-list-07 .btn {
    background-image: url(../img/top-ico-7.png);
}
.btn-list > li a.btn-list-07:focus .btn,.btn-list > li a.btn-list-07:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-7_o.png);
}
.btn-list > li a.btn-list-08 .btn {
    background-image: url(../img/top-ico-8.png);
}
.btn-list > li a.btn-list-08:focus .btn,.btn-list > li a.btn-list-08:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-8_o.png);
}
.btn-list > li a.btn-list-08_news .btn {
    background-image: url(../img/top-ico-8_news.png);
}
.btn-list > li a.btn-list-08_news:focus .btn,.btn-list > li a.btn-list-08_news:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-8_news_o.png);
}
.btn-list > li a.btn-list-09 .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-2_o.png);
}
.btn-list > li a.btn-list-09:focus .btn,.btn-list > li a.btn-list-09:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-2_o.png);
}
.btn-list > li a.btn-list-10 .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-3_o.png);
}
.btn-list > li a.btn-list-10:focus .btn,.btn-list > li a.btn-list-10:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-3_o.png);
}
.btn-list > li a.btn-list-11 .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-4_o.png);
}
.btn-list > li a.btn-list-11:focus .btn,.btn-list > li a.btn-list-11:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-4_o.png);
}
.btn-list > li a.btn-list-12 .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-2_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-12:focus .btn,.btn-list > li a.btn-list-12:hover .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-2_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-13 .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-3_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-13:focus .btn,.btn-list > li a.btn-list-13:hover .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-3_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-14 .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-4_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-14:focus .btn,.btn-list > li a.btn-list-14:hover .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-4_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-15 .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-5_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-15:focus .btn,.btn-list > li a.btn-list-15:hover .btn {
    color: #000;
    background-color: #777777;
    background-image: url(../img/top-ico-5_d.png);
    pointer-events: none;
}
.btn-list > li a.btn-list-16 .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-5_o.png);
}
.btn-list > li a.btn-list-16:focus .btn,.btn-list > li a.btn-list-16:hover .btn {
    color: #fff;
    background-color: #1975ce;
    background-image: url(../img/top-ico-5_o.png);
}



@media (min-width: 769px) {
  .btn-list {
    -webkit-justify-content: center;
  justify-content: center;
    margin: 0 0 20px -40px;
  }
  .btn-list > li {
    max-width: 225px;
    margin: 0 0 0 40px;
  }
  .btn-list > li a .btn {
    font-size: 18px;
    background-position: center 5px;
    background-size: 64%;
    padding: 49% 5px 5px;
  }
  .btn-list > li a .txt {
    min-height: auto;
  }
  .btn-list > li a .btn .small {
    font-size: 12px;
  }
  .btn-list > li .sub {
    font-size: 14px;
    margin: 15px 0 0;
  }
}

@media all and (min-width: 769px) and (-ms-high-contrast: none) {
  .btn-list > li *::-ms-backdrop, .btn-list > li {
    flex: 1 0 0;
  }
}

@media (min-width: 769px) {
  .btn-list > li label .btn {
    font-size: 18px;
    background-position: center 5px;
    background-size: 64%;
    padding: 49% 5px 5px;
  }
  .btn-list > li label .txt {
    min-height: auto;
  }
  .btn-list > li label .btn .small {
    font-size: 12px;
  }
  .btn-list > li .sub {
    font-size: 14px;
    margin: 15px 0 0;
  }
}

.btn-list > li label input.no-ico + .btn .txt, .btn-list > li label input.no-ico-wide + .btn .txt {
  min-height: 32px;
}

.btn-list > li label input.no-ico + .btn {
  font-size: 14px;
  padding: 14px;
}

.btn-list > li label input.no-ico-wide + .btn {
  font-size: 14px;
  padding: 64px 14px 56px;
}

.btn-list > li label input.no-ico-wide + .btn .txt {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn-list > li label input.no-ico-wide + .btn {
  padding: 14px 5px;
}

@media (min-width: 769px) {
  .btn-list > li label input.no-ico-wide + .btn {
    font-size: 22px;
    padding: 14px;
    padding: 64px 14px 56px;
  }
}

@media (min-width: 769px) {
  .tgl-view._arrow::before {
    margin-top: -30px;
  }
  .box-03 + .tgl-view._arrow::before {
    margin-top: -30px;
  }
}

/**
 * .compo-loading
 */
.compo-loading {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 110px;
  margin-top: 120px;
}

/**
 * .compo-fixed-anchor
 */
.compo-fixed-anchor {
  position: fixed;
  z-index: 100;
  top: 340px;
  right: 0;
  display: block;
  transition: .2s;
  transform: translate(0, 0);
  opacity: 0;
}

.compo-fixed-anchor.is-show {
  opacity: 1;
}

.compo-fixed-anchor > a {
  font-size: 14px;
  line-height: 1.1875;
  text-decoration: none;
  color: #fff;
  background: #78c800;
  position: relative;
  display: block;
  width: 110px;
  height: 50px;
  padding: 10px 16px 0 40px;
  border-radius: 2px;
  box-shadow: 0px 1px 0.9px 2.1px rgba(110, 110, 110, 0.2);
}

.compo-fixed-anchor > a::before {
  position: absolute;
  top: -2px;
  left: 23px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: translate(-50%, 100%);
  border: 10px solid transparent;
  border-top: 12px solid #fff;
}

@media (min-width: 769px) {
  .compo-fixed-anchor {
    top: 380px;
  }
  .compo-fixed-anchor > a {
    font-size: 16px;
    width: 140px;
    height: 65px;
    padding: 16px 26px 0 60px;
  }
  .compo-fixed-anchor > a::before {
    left: 43px;
  }
}

/**
 * .compo-ico-01
 */
.compo-ico-01 {
  text-align: center;
  background: #fff;
  padding: 23px 15px 17px;
}

.compo-ico-01 .txt {
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 0 41px 0 0;
  padding: 0 0 0 60px;
}

.compo-ico-01 .txt > *:first-child {
  margin-top: 0;
}

.compo-ico-01 .txt > *:last-child {
  margin-bottom: 0;
}

.compo-ico-01 .txt .lead {
  font-size: 20px;
  line-height: 1.4;
  color: #1975ce;
  margin: 0;
}

.compo-ico-01 .txt::before {
  background: url("data:image/png;base64,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");
  background-size: cover;
  position: absolute;
  top: 0;
  left: -2px;
  display: block;
  width: 54px;
  height: 43px;
  content: "";
}

@media (min-width: 769px) {
  .compo-ico-01 {
    padding: 20px 30px 25px;
  }
  .compo-ico-01 .txt {
    margin: 0 62px 0 0;
  }
  .compo-ico-01 .txt::before {
    top: 3px;
    width: 62px;
    height: 50px;
  }
  .compo-ico-01 .txt p {
    margin: 5px 0 0 13px;
  }
  .compo-ico-01 .txt .lead {
    font-size: 26px;
    margin: 0;
  }
}

/**
 * .compo-txt
 */
.compo-txt {
  color: #00abe9;
}
/**
 * .compo-txt
 */
.compo-txt {
  color: #00abe9;
}
.compo-txt .is-error {
  color: #fe2f39;
}
/**
 * .compo-btn
 */
.compo-btn {
  text-align: center;
  position: relative;
}

.compo-btn a {
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #00abe9;
  display: inline-block;
  width: 100%;
  padding: 14px 0;
  cursor: pointer;
  transition: .2s;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.54);
}

.compo-btn a:focus, .compo-btn a:hover {
  background: #1f84d1;
}

.compo-btn a.is-error {
  background: #fe2f39;
}

@media (max-width: 768px) {
  .compo-btn a {
    font-size: 12px;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
}
/**
 * .compo-pdf-btn
 */
.compo-pdf-btn {
  text-align: center;
  position: relative;
}

.compo-pdf-btn a {
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #00abe9;
  display: inline-block;
  width: 100%;
  width: 180px;
  padding: 14px 0;
  cursor: pointer;
  transition: .2s;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.54);
}

.compo-pdf-btn a:focus, .compo-pdf-btn a:hover {
  background: #1f84d1;
}

.compo-pdf-btn a.is-active {
  background: #15b972;
}

@media (max-width: 768px) {
  .compo-pdf-btn a {
    font-size: 14px;
  }
}

/**
 * .compo-ico-newwindow
 */
.compo-ico-newwindow {
  vertical-align: top;
  position: relative;
  top: 4px;
  width: 14px;
  margin: 0 3px;
}

.compo-pdf-btn .compo-ico-newwindow {
  /* display: none; */
}

/**
 * .tip-error
 */
.tip-error {
  font-size: 14px;
  text-align: left;
  color: #fff;
  position: relative;
  z-index: 10;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  transform: translateX(0);
}

.tip-error > li {
  background: #fe2f39;
  position: absolute;
  display: inline-block;
  padding: 6px 8px;
  border-radius: 3px;
  bottom: 2px;
  left: 0;
}

.tip-error > li::before {
  position: absolute;
  bottom: -8px;
  left: 5px;
  width: 0;
  height: 0;
  content: "";
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #fe2f39 transparent transparent transparent;
}

/**
 * .mode-alphabet
 */
.mode-alphabet [data-link-id="4-1"],
.mode-alphabet [data-link-id="25-1"] {
-webkit-order: 2;
  order: 2;
}

.mode-alphabet [data-link-id="4-2"],
.mode-alphabet [data-link-id="25-2"] {
-webkit-order: 1;
  order: 1;
}

.mode-alphabet [data-link-id="4-2"] .unit,
.mode-alphabet [data-link-id="25-2"] .unit {
  margin-left: 0;
}

.mode-alphabet [data-link-id="4-3"],
.mode-alphabet [data-link-id="25-3"] {
-webkit-order: 3;
  order: 3;
}

.mode-alphabet [data-link-id="4-4"],
.mode-alphabet [data-link-id="25-4"] {
-webkit-order: 4;
  order: 4;
}

/**
 * @class Common: Structure: Modules: Adjustment
** ------------------------------------------------------ */
.size-s {
  width: 100%;
  max-width: 167px !important;
}

.size-m {
  min-width: 278px !important;
}

.size-l {
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  max-width: 557px !important;
}

.w-43 {
  width: 43%;
}

@media (min-width: 769px) {
  .hide-pc {
    display: none;
  }
}

@media (max-width: 770px) {
  .show-pc {
    display: none;
  }
}

@media (min-width: 520px) {
  .hide-pc-adress {
    display: none;
  }
}

@media (max-width: 521px) {
  .show-pc-adress {
    display: none;
  }
}

.inline-block {
  display: inline-block;
}

.hide-block {
  display: none;
}

[name="singleAnswer(ANSWER46)"] + ul > li {
  height: auto !important;
}

[name="singleAnswer(ANSWER46)"] + ul > li:nth-child(2),
[name="singleAnswer(ANSWER46)"] + ul > li:nth-child(4) {
  /* display: none; */
}

#datepicker_div .datepicker_header {
  height: 100%;
}

#datepicker_div .datepicker_oneMonth {
  width: 326px;
}

#datepicker_div .datepicker_control {
  background: #1975ce;
}

.rconv-store > *:first-child {
  margin-top: 0;
}

.standout {
  font-size: 22px;
}

.form-checkbox label.model-box {
  position: relative;
  display: block;
  padding: 20px 15px 20px 30px;
  border: 1px solid #ccc;
}

.form-checkbox label.model-box input {
  opacity: 0;
}

.form-checkbox label.model-box::before {
  background: #329def;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 100%;
  content: "";
}

.form-checkbox label.model-box .btn::before {
  top: 50%;
  left: -17px;
  transform: translateY(-50%);
}

.form-checkbox label.model-box .btn::after {
  top: 50%;
  left: -9px;
  transform: rotate(45deg) translate(-50%, 0);
}

/**
 * .text
 */
.text-center {
  padding-top: 1em;
  text-align: center;
}

/**
 * .badge
 */
.badge {
  position: absolute;
  top: 10%;
  right: 21%;
  font-size: 12px;
  line-height: 8px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #ff0000;
  border: 4px solid #ff0000;
  color: #ffffff;
  text-align: center;
  z-index: 100;
}
@media (min-width: 769px) {
  .badge {
    top: 10px;
    right: 30%;
    font-size: 16px;
    line-height: 1;
    border-radius: 50%;
    width: 24px;
    height: 24px;
  }
}

/**
 * .document-form
 */
.document-table td {
  border-top: 1px solid #ccc;
}
.document-agree {
  background: #e0e0e0;
  border-top: 1px solid #fff!important;
}
.document-form {
  width: 100%;
  display: table;
}
.document-form .col-1 {
  width: 60%;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.document-form .col-1-2 {
  width: 55%;
  padding-right: 1em;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.document-form .col-2 {
  width: 20%;
  margin: 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.document-form .col-3 {
  width: 20%;
  margin: 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .document-form .col-1 {
    display: block;
    width: 50%;
    float: left;
  }
  .document-form .col-1-2 {
    display: block;
    margin-bottom: 1em;
    padding-right: 0;
    width: 100%;
  }
  .document-form .col-2 {
    display: block;
    float: left;
    width: 50%;
  }
  .document-form .col-3 {
    display: block;
    clear: both;
    width: 100%;
  }
}

.form-wrap em {
  color: #fe2f39;
  font-style: normal;
}

.form-wrap .tgl-header {
  position: relative;
  cursor: pointer;
  text-align: left;
}

.form-wrap .tgl-header:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 24px;
  background: #fff;
  border: 2px solid #fff;
  height: 28px;
  width: 2px;
  margin-bottom: 0;
}
.form-wrap .tgl-header._active:before {
  display: none;
}
.form-wrap .tgl-header::after {
  content: "";
  position: absolute;
  top: 24px;
  right: 12px;
  background: #fff;
  border: 2px solid #fff;
  height: 2px;
  width: 28px;
  margin-bottom: 0;
}

.img-preview {
  clear: both;
}
.img-preview img{
  max-width: 50%;
  margin-top: 1em;
}

/**
 * .upload_form
 */
.document-form .form-action .btn-submit {
  text-align: center;
  color: #fff;
  background: #00abe9;
  width: 100%;
  max-width: 225px;
  padding: 10px 0;
  cursor: pointer;
  transition: .2s;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.54);
}

.document-form .form-text input[type="text"],
.document-form .form-text input[type="password"],
.document-form .form-text input[type="email"] {
  -webkit-appearance: none;
  appearance: none;
}

.document-form .form-text input[type="text"],
.document-form .form-text input[type="password"],
.document-form .form-text input[type="date"],
.document-form .form-text input[type="email"] {
  line-height: 49px;
  background: #f5fbff;
  overflow: hidden;
  width: 100%;
  max-width: 327px;
  height: 49px;
  padding: 0 8px;
  border: 2px solid #60b8fb;
  border-radius: 3px;
}

.document-form .form-text input[type="text"]:disabled,
.document-form .form-text input[type="password"]:disabled,
.document-form .form-text input[type="date"]:disabled,
.document-form .form-text input[type="email"]:disabled {
  background: #ccc;
  opacity: 1;
}

@media (min-width: 769px) {
  .document-form .form-text input[type="text"],
  .document-form .form-text input[type="password"],
  .document-form .form-text input[type="date"],
  .document-form .form-text input[type="email"] {
    line-height: 53px;
    height: 53px;
  }
}
.document-form label {
}
.document-form .form-text input[type="file"] {
  width: 100%;
}
/* .document-form .form-text input[type="file"] {
  line-height: 53px;
  background: #f5fbff;
  width: 95%;
  height: 53px;
  max-width: 95%;
  padding-left: 0px;
} */

.document-form .form-action .btn-submit:focus,
.document-form .form-action .btn-submit:hover {
  background: #1f84d1;
}

.document-form .form-action .btn-return[disabled],
.document-form .form-action .btn-submit[disabled] {
  background: #777;
  cursor: default;
}

.document-form .form-action .btn-return:focus, .document-form .form-action .btn-return:hover {
  background: #fff;
}


@media (min-width: 769px) {
  .document-form .form-action {
    text-align: center;
  }
  .document-form .form-action {
    margin: 0 10px;
  }
  .document-form .form-action .btn-return,
  .document-form .form-action .btn-submit {
    font-size: 16px;
    padding: 10px 0 10px;
  }
}

/**
 * .confirm_form
 */
.confirm-table td.items {
  border-top: 1px solid #ccc;
}
.confirm-agree {
  background: #f5f5f5;
}
.confirm-form {
  width: 100%;
  display: table;
}
.confirm-form ._agree {
  background: #f5f5f5;
  border: 2px solid #ddd;
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px;
  box-shadow: #ddd 0 0 5px;
  border-radius: 3px;
}
.confirm-form .col-1 {
  width: 35%;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.confirm-form .col-2 {
  width: 65%;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .confirm-form .col-1 {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
  }
  .confirm-form .col-2 {
    display: block;
    width: 100%;
  }
}
.confirm-form .form-action .btn-submit {
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #00abe9;
  width: 95%;
  padding: 20px 0;
  cursor: pointer;
  transition: .2s;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.54);
}

.confirm-form .form-text input[type="text"],
.confirm-form .form-text input[type="password"],
.confirm-form .form-text input[type="email"] {
  -webkit-appearance: none;
  appearance: none;
}

.confirm-form .form-text input[type="text"],
.confirm-form .form-text input[type="password"],
.confirm-form .form-text input[type="date"],
.confirm-form .form-text input[type="email"] {
  line-height: 49px;
  background: #f5fbff;
  overflow: hidden;
  width: 100%;
  max-width: 327px;
  height: 49px;
  padding: 0 8px;
  border: 2px solid #60b8fb;
  border-radius: 3px;
}

.confirm-form .form-text input[type="text"]:disabled,
.confirm-form .form-text input[type="password"]:disabled,
.confirm-form .form-text input[type="date"]:disabled,
.confirm-form .form-text input[type="email"]:disabled {
  background: #ccc;
  opacity: 1;
}

@media (min-width: 769px) {
  .confirm-form .form-text input[type="text"],
  .confirm-form .form-text input[type="password"],
  .confirm-form .form-text input[type="date"],
  .confirm-form .form-text input[type="email"] {
    line-height: 53px;
    height: 53px;
  }
}
.confirm-form label {
}

.confirm-form .form-action .btn-submit:focus,
.confirm-form .form-action .btn-submit:hover {
  background: #1f84d1;
}

.confirm-form .form-action .btn-return[disabled],
.confirm-form .form-action .btn-submit[disabled] {
  background: #777;
  cursor: default;
}

.confirm-form .form-action .btn-return:focus, .confirm-form .form-action .btn-return:hover {
  background: #fff;
}


@media (min-width: 769px) {
  .confirm-form .form-action {
    text-align: center;
  }
  .confirm-form .form-action {
    margin: 0 10px;
  }
  .confirm-form .form-action .btn-return,
  .confirm-form .form-action .btn-submit {
    font-size: 20px;
    padding: 24px 0 19px;
  }
}

/**
 * .message
 */

.message {
  clear: both;
  padding-bottom: 20px;
}
.message .message-list {
  clear: both;
  border-top: 1px solid #f5fbff;
  border-bottom: 1px solid #ccc;
}
.message .message-list._opened {
  background: #f5f5f5;
}
.message .message-list._attention .message-title {
  color: #fe2f39;
}
.message .message-list .list-anchor {
  display: block;
  text-decoration: none;
  color: #000;
}
.message .message-list._opened .list-anchor {
  color: #888;
}
.message .message-list .message-box {
  padding: 27px 29px;
}
.message .message-list a:hover .message-box {
  background: #f5fbff;
}
.message .message-list .message-status {
  overflow: hidden;
  color: #888;
  display: table;
  width: 100%;
  font-size: 12px;
  margin-bottom: 10px;
}
.message .message-list .message-status .message-name {
  display: table-cell;
  width: 70%;
}
.message .message-list .message-status .message-date {
  display: table-cell;
  width: 15%;
  text-align: right;
}
.message .message-list .message-status .message-time {
  display: table-cell;
  width: 15%;
  text-align: right;
}
.message .message-list .message-title {
}
.message .message-list .message-text {
}

@media (min-width: 769px) {
  .message {
    font-size: 20px;
  }
  .message .message-list .message-status {
    font-size: 16px;
  }
  .message .message-list .message-status .message-name {
    width: 80%;
  }
  .message .message-list .message-status .message-date {
    width: 10%;
  }
  .message .message-list .message-status .message-time {
    width: 10%;
  }
}

/**
 * .overlay
 */
.overlay {
  background: #C0C0C0;
  opacity: 0.5;
}