@charset "UTF-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html,
body,
div,
spa
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*common.scss*/

/*css調整*/

html {
  margin-top: 0 !important;
  overflow: auto;
}

body {
  font-size: 1rem;
  color: #45494b;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: normal;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif !important;
}

body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}

button {
  font-weight: normal;
}

.yu-mincho {
  font-family: YuMincho, "Yu Mincho", serif !important;
}

@media screen and (max-width: 1040px) {
  .yu-mincho {
    font-family: "\30D2\30E9\30AE\30CE\660E\671D   ProN W3", "HiraMinProN-W3", "HG\660E\671D  E", "\FF2D\FF33   \FF30\660E\671D", "MS PMincho", "MS \660E\671D", serif !important;
  }
}

img {
  vertical-align: bottom;
}

.bold {
  font-weight: bold;
}

.clear {
  clear: both;
}

.align-item {
  align-items: center;
}

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

@media screen and (max-width: 1040px) {
  .only-pc {
    display: none !important;
  }
}

.only-sp {
  display: none;
}

@media screen and (max-width: 1040px) {
  .only-sp {
    display: block !important;
  }
}

.only-tablet {
  display: none;
}

@media screen and (max-width: 1040px) {
  .only-tablet {
    display: block;
  }
}

.only-pc-is-slick {
  display: block !important;
}

@media screen and (max-width: 1040px) {
  .only-pc-is-slick {
    display: none !important;
  }
}

.only-sp-is-slick {
  display: none !important;
}

@media screen and (max-width: 1040px) {
  .only-sp-is-slick {
    display: block !important;
  }
}

#mobile-menu {
  display: none;
}

@media screen and (max-width: 1040px) {
  #mobile-menu {
    display: block;
  }
}

h1,
h2,
h3,
h4,
h5,
p,
a,
span,
li,
td,
th {
  color: #45494b;
  line-height: 1.75;
}

.animated {
  opacity: 0;
  /* ５秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

a {
  box-sizing: border-box;
}

a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 100;
}

.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  background: #fff;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 375px;
  height: 90%;
}

@media screen and (max-width: 1040px) {
  .modal__content {
    width: calc( 100% - 30px );
    height: 70%;
    top: 45%;
  }
}

.modal__content__title {
  background-color: #243a77;
  color: white;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-weight: bold;
}

@media screen and (max-width: 1040px) {
  .modal__content__title {
    font-size: 1.6rem;
  }
}

.modal__content__form {
  height: calc( 100% - 110px );
  overflow-y: scroll;
}

@media screen and (max-width: 1040px) {
  .modal__content__form {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

.modal__content__form input {
  display: none;
}

.modal__content__form label {
  padding: 12px 15px 12px 42px;
  position: relative;
  display: block;
  line-height: 18px;
  font-size: 1.4rem;
  width: 100%;
  margin-bottom: 0;
  color: #45494b;
  border-bottom: 1px solid #f6f6f6;
}

.modal__content__form label:before {
  position: absolute;
  left: 15px;
  top: 9px;
  width: 16px;
  height: 16px;
  border: 1px solid #243a77;
  border-radius: 9px;
  content: "";
  display: inline-block;
}

.modal__content__form input:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 19px;
  top: 13px;
  width: 10px;
  height: 10px;
  background-color: #243a77;
  border-radius: 5px;
}

.modal__content__close {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__content__close__btn {
  width: 300px;
  height: 44px;
  font-size: 1.6rem;
  border: 1px solid #adadad;
  color: #adadad;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}

@media screen and (max-width: 1040px) {
  .modal__content__close__btn {
    width: 234px;
    font-size: 1.4rem;
  }
}

.modal__content__close__btn img {
  height: 12px;
  margin-right: 10px;
}

.pc-search-bg {
  z-index: 2;
}

label {
  font-weight: normal;
}

.menu-btn {
  position: absolute;
  top: 12px;
  right: 12px;
}

.hambarger {
  width: 26px;
  height: 19px;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
  display: none;
}

@media screen and (max-width: 1040px) {
  .hambarger {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 0 0 auto;
  }
}

.hambarger.animation span {
  transition: all 0.3s;
  transform: rotate(0deg);
}

.hambarger.animation .top {
  transform: translateY(-8px);
}

.hambarger.animation .bottom {
  transform: translateY(8px);
}

.hambarger.animation.is-open .middle {
  background: transparent;
}

.hambarger.animation.is-open .top {
  transform: rotate(-45deg) translateY(0px);
}

.hambarger.animation.is-open .bottom {
  transform: rotate(45deg) translateY(0px);
}

.hambarger span {
  width: 26px;
  height: 3px;
  display: block;
  background: #243a77;
  position: absolute;
  left: 8px;
  top: 28px;
}

@media screen and (max-width: 1040px) {
  .hambarger span {
    left: 7px;
    top: 18px;
  }
}

.hambarger span .bottom {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hambarger span .top {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.hambarger p {
  margin: 0px;
  font-size: 1.2em;
  position: absolute;
  bottom: -3px;
}

.Header {
  background-color: #EBFDFF;
}

.Header__wrap {
  width: 1330px;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1040px) {
  .Header__wrap {
    width: 100%;
    padding: 10px 15px;
  }
}

.Header__logo {
  text-decoration: none;
  font-size: 3.6em;
}

.Header__logo__img {
  height: 60px;
}

@media screen and (max-width: 1040px) {
  .Header__logo__img {
    height: 40px;
  }
}

.Header__btn {
  color: #2EAEBF;
  border: 1px solid #2EAEBF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 200px;
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: none;
  background-color: white;
}

.Header__btn:hover {
  background-color: #2EAEBF;
  color: white;
}

.Footer {
  background-color: black;
  padding: 40px 0;
}

.Footer__list {
  width: 1330px;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1040px) {
  .Footer__list {
    width: 100%;
    display: block;
  }
}

.Footer__list__li {
  margin: 0 20px;
}

.Footer__list__li__link {
  font-size: 1.6em;
  color: white;
}

.Index__notfound {
  font-size: 1.6em;
  padding: 20px;
  text-align: left;
  border: 1px solid #D8D8D8;
}

.Index__count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.Index__count__th {
  border: 1px solid #D8D8D8;
  border-bottom: none;
  font-size: 1.6em;
  width: 110px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Index__count__td {
  border: 1px solid #D8D8D8;
  border-bottom: none;
  border-left: none;
  background-color: #F5F5F5;
  font-size: 1.6em;
  width: 260px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.IndexList {
  border: 1px solid #D8D8D8;
}

.IndexListBox {
  padding: 20px;
}

.IndexListBox__meta {
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 1040px) {
  .IndexListBox__meta {
    flex-wrap: wrap;
  }
}

.IndexListBox__meta__create {
  font-size: 1.4em;
  color: #333333;
  border-bottom: 1px solid #333333;
  margin-right: 20px;
}

@media screen and (max-width: 1040px) {
  .IndexListBox__meta__create {
    margin-bottom: 5px;
    margin-right: 0;
  }
}

.IndexListBox__meta__tag {
  width: 130px;
  height: 25px;
  border-radius: 4px;
  color: white;
  font-size: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1040px) {
  .IndexListBox__meta__tag {
    margin-top: 10px;
  }
}

.IndexListBox__meta__tag__text {
  margin-left: 10px;
  font-size: 1.4em;
}

@media screen and (max-width: 1040px) {
  .IndexListBox__meta__tag__text {
    margin-left: 0;
    width: 100%;
  }
}

.IndexListBox__meta__tag__text:before {
  content: "\FF08";
}

.IndexListBox__meta__tag__text:after {
  content: "\FF09";
}

.IndexListBox__meta__tag.visible {
  background-color: #FF7600;
}

.IndexListBox__meta__tag.application {
  background-color: #0F76A3;
}

.IndexListBox__meta__tag.done {
  background-color: #BC0000;
}

.IndexListBox__meta__tag.notshow {
  background-color: black;
}

.IndexListBox__info {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1040px) {
  .IndexListBox__info {
    display: block;
  }
}

.IndexListBox__info__img {
  width: 240px;
  height: 260px;
}

.IndexListBox__info__img__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.IndexListBox__info__slick__main {
  width: 240px;
  margin-bottom: 20px;
}

.IndexListBox__info__slick__main__img {
  width: 100%;
}

.IndexListBox__info__slick__nav {
  width: 240px;
  overflow: hidden;
}

.IndexListBox__info__text {
  text-decoration: none;
  width: calc( 100% - 270px );
}

@media screen and (max-width: 1040px) {
  .IndexListBox__info__text {
    width: 100%;
    margin-top: 10px;
    display: block;
  }
}

.IndexListBox__info__text__detail {
  width: 200px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1B79F8;
  color: white;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  margin-top: 10px;
}

@media screen and (max-width: 1040px) {
  .IndexListBox__info__text__detail {
    width: 100%;
  }
}

.IndexListBox__info__text__title {
  font-size: 1.8em;
  font-weight: bold;
  color: #00ABC8;
}

.IndexListBox__info__text__table {
  width: 100%;
}

.IndexListBox__info__text__table tr th {
  padding: 9px 5px;
  text-align: center;
  border: 1px solid #A3A3A3;
  border-right: none;
  background-color: #F5F5F5;
  font-size: 1.4em;
  font-weight: bold;
  width: 150px;
}

@media screen and (max-width: 1040px) {
  .IndexListBox__info__text__table tr th {
    width: 100px;
  }
}

.IndexListBox__info__text__table tr td {
  padding: 9px 5px;
  width: calc( 100% - 100px );
  border: 1px solid #A3A3A3;
  border-left: none;
  font-size: 1.4em;
}

.BreadCrumbs__list {
  width: 1330px;
  margin: 0 auto;
  display: flex;
  list-style: none;
  justify-content: flex-start;
}

@media screen and (max-width: 1040px) {
  .BreadCrumbs__list {
    width: 100%;
    padding: 0 15px;
    overflow: scroll;
    white-space: nowrap;
  }
}

.BreadCrumbs__list__li:after {
  content: "\FF1E";
  display: inline-block;
  margin: 0 10px;
  font-size: 1.6em;
}

.BreadCrumbs__list__li__link {
  font-size: 1.6em;
  color: #00ABC8;
}

.BreadCrumbs__list__li__text {
  font-size: 1.6em;
}

.BreadCrumbs__list__li:last-child:after {
  display: none;
}

.Search {
  margin-bottom: 40px;
}

.Search .SearchForm {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  width: 550px;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
}

.Search .SearchForm:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1040px) {
  .Search .SearchForm {
    width: 100%;
  }
}

.Search .SearchForm__input {
  -webkit-appearance: none;
  font-size: 1.6em;
  height: 50px;
  padding: 5px 20px;
  box-sizing: border-box;
  border: none;
  width: 430px;
}

.Search .SearchForm__send {
  width: 120px;
  background-color: #00ABC8;
  border: none;
  color: white;
  font-size: 1.6em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.Title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}

.Title__text {
  white-space: nowrap;
  font-size: 2.2em;
  font-weight: bold;
}

@media screen and (max-width: 1040px) {
  .Title__text {
    white-space: normal;
  }
}

.Title:after {
  width: 100%;
  height: 1px;
  background-color: #00ABC8;
  margin-left: 20px;
  content: "";
  display: block;
}

@media screen and (max-width: 1040px) {
  .Title:after {
    display: none;
  }
}

.Detail__thanks {
  font-size: 1.8em;
  text-align: center;
}

.Detail .IndexList {
  border: none;
}

.Detail .IndexListBox {
  padding: 0;
  border: none;
  margin-bottom: 20px;
}

.Detail .IndexListBox__title {
  font-size: 2em;
  font-weight: bold;
  color: #1699D3;
  margin-bottom: 20px;
}

.Detail .IndexListBox__info__slick {
  width: 240px;
}

.Detail .IndexListBox__info__slick__nav {
  overflow: hidden;
}

.Detail .IndexListBox__info__text__description {
  font-size: 1.4em;
  margin-top: 20px;
}

.Detail .IndexListBox__info__download {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.Detail .IndexListBox__info__download img {
  width: 100%;
}

.Detail .IndexListBox__info__download__link {
  font-size: 1.2em;
  color: #00ABC8;
  margin-top: 10px;
}

.Detail__box {
  padding: 30px;
  border: 1px solid #D8D8D8;
}

@media screen and (max-width: 1040px) {
  .Detail__box {
    padding: 15px;
  }
}

.Detail__box__text {
  font-size: 1.6em;
  text-align: center;
}

.Detail__box__alert {
  border: 2px solid red;
  padding: 20px;
  color: red;
  font-size: 1.6em;
  margin-bottom: 20px;
}

.Detail .DetailContact {
  border: 1px solid #A3A3A3;
}

.Detail .DetailContact__title {
  text-align: center;
  background-color: #A3A3A3;
  color: white;
  font-size: 1.8em;
  font-weight: bold;
}

.Detail .DetailContact__box {
  padding: 20px;
  width: 100%;
}

@media screen and (max-width: 1040px) {
  .Detail .DetailContact__box {
    padding: 10px;
  }
}

.Detail .DetailContact__box__form {
  display: none;
  border: 1px solid #CBCBCB;
}

.Detail .DetailContact__box__form.active {
  display: block;
}

.Detail .DetailContact__box__tab {
  width: 100%;
  display: flex;
  height: 70px;
  justify-content: space-between;
}

@media screen and (max-width: 1040px) {
  .Detail .DetailContact__box__tab {
    display: block;
    height: auto;
  }
}

.Detail .DetailContact__box__tab__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.8em;
  flex-grow: 1;
  height: 100%;
  background-color: #F5F5F5;
  color: #333333;
  border: 1px solid #CBCBCB;
  border-right: none;
  border-bottom: none;
}

@media screen and (max-width: 1040px) {
  .Detail .DetailContact__box__tab__btn {
    height: 40px;
  }
}

.Detail .DetailContact__box__tab__btn:last-child {
  border-right: 1px solid #CBCBCB;
}

.Detail .DetailContact__box__tab__btn.active {
  color: white;
  background-color: #00ABC8;
}

.Detail .DetailContact__box__form {
  padding: 10px 30px;
}

@media screen and (max-width: 1040px) {
  .Detail .DetailContact__box__form {
    padding: 10px;
  }
}

.Detail__attention {
  border: 1px solid #A3A3A3;
  margin-top: 20px;
}

.Detail__attention__title {
  background-color: #F5F5F5;
  text-align: center;
  padding: 10px;
  font-size: 1.4em;
  font-weight: bold;
}

.Detail__attention__text {
  padding: 20px;
  font-size: 1.4em;
  line-height: 1.5;
}

.DetailBoxForm__box {
  padding: 20px 0;
  border-top: 1px solid #CBCBCB;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1040px) {
  .DetailBoxForm__box {
    display: block;
  }
}

.DetailBoxForm__box__attention__text {
  font-size: 1.4em;
}

.DetailBoxForm__box--center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.DetailBoxForm__box__label {
  font-size: 1.6em;
  text-align: center;
}

.DetailBoxForm__box:first-child {
  border-top: none;
}

.DetailBoxForm__box__th {
  width: 270px;
  font-size: 1.6em;
  font-weight: bold;
}

@media screen and (max-width: 1040px) {
  .DetailBoxForm__box__th {
    width: 100%;
    margin-bottom: 10px;
  }
}

.DetailBoxForm__box__th__short {
  font-weight: normal;
  font-size: 0.6em;
}

.DetailBoxForm__box__btn {
  text-align: center;
}

.DetailBoxForm__box__btn--double {
  display: flex;
  justify-content: center;
}

.DetailBoxForm__box__btn--double .DetailBoxForm__box__btn__btn {
  margin: 0 10px;
}

@media screen and (max-width: 1040px) {
  .DetailBoxForm__box__btn--double .DetailBoxForm__box__btn__btn {
    display: block;
    margin: 0 0 10px;
  }
}

.DetailBoxForm__box__btn__btn {
  margin: 0 auto;
  width: 320px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  font-size: 1.8em;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  color: white;
  background-color: #0B82B6;
  background-image: url(/images/btn_blue.png?597021ecdd252b50035b4fe66da6282a);
}

.DetailBoxForm__box__btn__btn--back {
  text-decoration: none;
  background-color: gray;
  background-image: none;
}

@media screen and (max-width: 1040px) {
  .DetailBoxForm__box__btn__btn {
    width: 100%;
  }
}

.DetailBoxForm__box__btn__btn:hover {
  opacity: 0.6;
}

.DetailBoxForm__box__td {
  width: calc( 100% - 270px );
  font-size: 1.6em;
}

@media screen and (max-width: 1040px) {
  .DetailBoxForm__box__td {
    width: 100%;
  }
}

.DetailBoxForm__box__td input[type=date] {
  font-size: 16px;
  font-weight: normal;
  -webkit-appearance: none;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  padding: 6px 10px;
  box-sizing: border-box;
}

.DetailBoxForm__box__td textarea {
  font-size: 16px;
  font-weight: normal;
  -webkit-appearance: none;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  padding: 6px 10px;
  width: 100%;
  box-sizing: border-box;
}

.DetailBoxForm__box__td input[type=text] {
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  -webkit-appearance: none;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  padding: 6px 10px;
  box-sizing: border-box;
}

.DetailBoxForm__box__td input[type=text].DetailBoxForm__box__td__input--mini {
  width: 200px;
}

.DetailBoxForm__box__td input[type=text].is-invalid {
  border: 1px solid red;
}

.DetailBoxForm__box__td input[type=text].DetailBoxForm__box__td__date {
  width: 100px;
  margin-left: 10px;
}

.DetailBoxForm__box__td input[type=text].DetailBoxForm__box__td__date:first-child {
  margin-left: 0;
}

.DetailBoxForm__box__td input[type=password] {
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  -webkit-appearance: none;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  padding: 6px 10px;
  box-sizing: border-box;
}

.DetailBoxForm__box__td input[type=password].DetailBoxForm__box__td__input--mini {
  width: 200px;
}

.DetailBoxForm__box__td input[type=password].is-invalid {
  border: 1px solid red;
}

.DetailBoxForm__box__td input[type=password].DetailBoxForm__box__td__date {
  width: 100px;
  margin-left: 10px;
}

.DetailBoxForm__box__td input[type=password].DetailBoxForm__box__td__date:first-child {
  margin-left: 0;
}

.DetailBoxForm__box__td input[type=number] {
  width: 400px;
  font-size: 16px;
  font-weight: normal;
  -webkit-appearance: none;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  padding: 6px 10px;
  box-sizing: border-box;
}

.DetailBoxForm__box__td input[type=number].is-invalid {
  border: 1px solid red;
}

@media screen and (max-width: 1040px) {
  .DetailBoxForm__box__td input[type=number] {
    width: 100%;
  }
}

.DetailBoxForm__box__td input[type=number].DetailBoxForm__box__td__input--mini {
  width: 200px;
}

.DetailBoxForm__box__td input[type=email] {
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  -webkit-appearance: none;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  padding: 6px 10px;
  box-sizing: border-box;
}

.DetailBoxForm__box__td input[type=email].is-invalid {
  border: 1px solid red;
}

.DetailBoxForm__box__td select {
  -webkit-appearance: none;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  padding: 8px 20px;
  margin-left: 10px;
  box-sizing: border-box;
}

.DetailBoxForm__box__td select.is-invalid {
  border: 1px solid red;
}

@media screen and (max-width: 1040px) {
  .DetailBoxForm__box__td select {
    width: 100%;
  }
}

.DetailBoxForm__box__td select.no-margin {
  margin: 0;
}

.DetailBoxForm__box__td .invalid-feedback {
  color: red;
}

.Download__text {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 20px;
}

.Download__wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.Download__file {
  display: flex;
  justify-content: flex-start;
  border: 1px solid #A3A3A3;
  margin-right: 20px;
}

.Download__file__name {
  padding: 15px 20px;
  background-color: #F5F5F5;
  font-size: 1.6em;
}

.Download__file__link {
  padding: 15px 20px;
  font-size: 1.6em;
  font-weight: bold;
  color: #0d6aad;
}

.RegistBox__title {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 10px;
}

.RegistBox__table {
  margin-bottom: 20px;
  width: 100%;
}

.RegistBox__table th {
  background-color: #243a77;
  color: white;
}

.RegistBox__table th,
.RegistBox__table td {
  padding: 10px;
  font-size: 1.6em;
  border: 1px solid #ddd;
}

.RegistBox__table th.pickup,
.RegistBox__table td.pickup {
  border-left: 4px solid red;
  border-right: 4px solid red;
}

.RegistBox__table th.pickup.top,
.RegistBox__table td.pickup.top {
  border-top: 4px solid red;
}

.RegistBox__table th.pickup.down,
.RegistBox__table td.pickup.down {
  border-bottom: 4px solid red;
}

.RegistBox__text {
  font-size: 1.6em;
  margin-bottom: 20px;
}

.RegistBox__list {
  padding-left: 20px;
  margin-bottom: 20px;
}

.RegistBox__list li {
  font-size: 1.6em;
  margin-bottom: 10px;
}

.RegistPaper {
  margin-bottom: 40px;
}

.Company__table__tr {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 1040px) {
  .Company__table__tr {
    display: block;
  }
}

.Company__table__tr__th {
  width: 30%;
  padding: 10px 20px;
  font-size: 1.6em;
}

@media screen and (max-width: 1040px) {
  .Company__table__tr__th {
    width: 100%;
    padding: 10px 10px 0;
  }
}

.Company__table__tr__td {
  width: 70%;
  padding: 10px 20px;
  font-size: 1.6em;
}

@media screen and (max-width: 1040px) {
  .Company__table__tr__td {
    width: 100%;
    padding: 10px;
  }
}

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

.LpFv {
  padding-bottom: 40px;
}

.LpFv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1040px) {
  .LpFv__wrap {
    display: block;
  }
}

.LpFv__text {
  width: calc( 100% - 450px );
}

@media screen and (max-width: 1040px) {
  .LpFv__text {
    width: 100%;
  }
}

.LpFv__text__text {
  margin-bottom: 40px;
  font-weight: 900;
  font-size: 3.6em;
  line-height: 1.5;
  text-align: left;
  color: #000;
}

@media screen and (max-width: 1040px) {
  .LpFv__text__text {
    font-size: 2.4em;
    margin-bottom: 20px;
  }
}

.LpFv__merit {
  width: 690px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1040px) {
  .LpFv__merit {
    width: 100%;
  }
}

.LpFv__merit__img {
  width: 100%;
}

.LpFv__btn {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1040px) {
  .LpFv__btn {
    display: block;
  }
}

.LpFv__btn .LpBtn {
  width: 48%;
}

@media screen and (max-width: 1040px) {
  .LpFv__btn .LpBtn {
    width: 100%;
    margin-bottom: 20px;
  }
}

.LpFv__slick {
  display: none;
}

.LpFv__slick__img {
  margin: 0 10px;
  height: 150px;
}

.LpFv__img {
  width: 444px;
}

@media screen and (max-width: 1040px) {
  .LpFv__img {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
}

.LpFv__img__text {
  font-size: 1.4em;
  color: white;
  background-color: #FFAF00;
  display: inline-block;
  float: right;
  padding: 5px 10px;
}

.LpFv__img__img {
  width: 100%;
}

@media screen and (max-width: 1040px) {
  .LpFv__img__img {
    width: 80%;
  }
}

.LpTrouble {
  background-color: #34ADC1;
  position: relative;
}

.LpTrouble__title {
  width: 750px;
  height: 100px;
  background-color: white;
  border-radius: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 3.2em;
  text-align: center;
  color: #34ADC1;
  margin: 0 auto 60px;
}

@media screen and (max-width: 1040px) {
  .LpTrouble__title {
    width: 100%;
    font-size: 2em;
    height: auto;
    padding: 10px;
  }
}

.LpTrouble__title:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid white;
}

.LpTrouble__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1040px) {
  .LpTrouble__wrap {
    display: block;
  }
}

.LpTrouble__img {
  width: 204px;
}

@media screen and (max-width: 1040px) {
  .LpTrouble__img {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
}

.LpTrouble__img__img {
  width: 100%;
}

@media screen and (max-width: 1040px) {
  .LpTrouble__img__img {
    width: 80%;
  }
}

.LpTrouble__list {
  width: calc( 100% - 244px );
}

@media screen and (max-width: 1040px) {
  .LpTrouble__list {
    width: 100%;
  }
}

.LpTrouble__list__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 1040px) {
  .LpTrouble__list__item {
    align-items: flex-start;
  }
}

.LpTrouble__list__item:last-child {
  margin-bottom: 0;
}

.LpTrouble__list__item__img {
  width: 45px;
  margin-right: 10px;
}

@media screen and (max-width: 1040px) {
  .LpTrouble__list__item__img {
    width: 30px;
    margin-right: 10px;
    margin-top: 10px;
  }
}

.LpTrouble__list__item__text {
  width: calc( 100% - 55px );
  font-weight: bold;
  font-size: 2.4em;
  color: #fff;
}

@media screen and (max-width: 1040px) {
  .LpTrouble__list__item__text {
    width: calc( 100% - 40px );
    font-size: 1.8em;
  }
}

.LpPossible {
  background-color: #EBFDFF;
}

.LpPossible__title {
  font-weight: bold;
  font-size: 3.2em;
  text-align: center;
  color: #34ADC1;
  margin-bottom: 35px;
}

@media screen and (max-width: 1040px) {
  .LpPossible__title {
    font-size: 2em;
    margin-bottom: 20px;
  }
}

.LpPossible__wrap {
  padding: 20px;
  background-color: white;
}

@media screen and (max-width: 1040px) {
  .LpPossible__wrap {
    padding: 10px;
  }
}

.LpPossible__box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
}

@media screen and (max-width: 1040px) {
  .LpPossible__box {
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
  }
}

.LpPossible__box:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.LpPossible__box__head {
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 1040px) {
  .LpPossible__box__head {
    margin-bottom: 20px;
  }
}

.LpPossible__box__head__logo {
  height: 50px;
  margin-right: 5px;
}

.LpPossible__box__head__fukidashi {
  height: 50px;
}

.LpPossible__box__content {
  width: calc( 100% - 140px );
}

@media screen and (max-width: 1040px) {
  .LpPossible__box__content {
    width: 100%;
  }
}

.LpPossible__box__content__title {
  border-bottom: 3px solid #E2E2E2;
  border-right: 3px solid #E2E2E2;
  background-color: #34ADC1;
  color: white;
  margin-bottom: 20px;
  width: 360px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-size: 2.4em;
  font-weight: bold;
}

@media screen and (max-width: 1040px) {
  .LpPossible__box__content__title {
    width: 100%;
    font-size: 2em;
  }
}

.LpPossible__box__content__box {
  margin-bottom: 20px;
}

.LpPossible__box__content__box:last-child {
  margin-bottom: 0;
}

.LpPossible__box__content__box__title {
  font-weight: bold;
  font-size: 2em;
  color: #000;
  margin-bottom: 10px;
}

.LpPossible__box__content__box__text {
  font-weight: normal;
  font-size: 2em;
  text-align: left;
  color: #000;
}

.LpScroll {
  position: absolute;
  bottom: -35px;
  left: calc( 50% - 35px );
}

.LpScroll__img {
  width: 70px;
}

.LpFunction {
  position: relative;
}

.LpFunction__title {
  font-weight: bold;
  font-size: 3.2em;
  text-align: center;
  color: #34adc1;
  margin-bottom: 40px;
}

@media screen and (max-width: 1040px) {
  .LpFunction__title {
    font-size: 2.4em;
    margin-bottom: 20px;
  }
}

.LpFunction__wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media screen and (max-width: 1040px) {
  .LpFunction__wrap {
    display: block;
    margin-bottom: 20px;
  }
}

.LpFunction__box {
  width: 380px;
}

@media screen and (max-width: 1040px) {
  .LpFunction__box {
    width: 100%;
    margin-bottom: 20px;
  }
}

.LpFunction__box__img {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.LpFunction__box__img__img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.LpFunction__box__text {
  border: 2px solid #34ADC1;
  padding: 20px 0;
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.LpFunction__box__text__img {
  width: 55px;
  margin-right: 10px;
}

.LpFunction__box__text__text {
  font-weight: bold;
  font-size: 2.4em;
  color: #34ADC1;
}

@media screen and (max-width: 1040px) {
  .LpFunction__box__text__text {
    font-size: 1.8em;
  }
}

.LpFunction__text {
  font-size: 2.2em;
}

.LpSolution--blue {
  background-color: #EBFDFF;
}

.LpSolution--blue .LpSolution__content {
  background-color: white;
}

.LpSolution__content {
  background-color: #EBFDFF;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 200px;
  border-radius: 10px;
  border-bottom: 5px solid #E2E2E2;
  border-right: 5px solid #E2E2E2;
  padding-left: 20px;
}

@media screen and (max-width: 1040px) {
  .LpSolution__content {
    height: auto;
    padding-bottom: 200px;
    display: block;
    text-align: center;
  }
}

.LpSolution__content__text {
  font-weight: bold;
  font-size: 3.6em;
  color: #000;
  background: linear-gradient(transparent 90%, #F8DC00 0%);
  display: inline;
  /*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
  padding: 0 2px 4px;
}

@media screen and (max-width: 1040px) {
  .LpSolution__content__text {
    font-size: 2em;
  }
}

.LpSolution__content__img {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 272px;
}

@media screen and (max-width: 1040px) {
  .LpSolution__content__img {
    width: 200px;
    right: calc( 50% - 100px );
  }
}

.LpCv__btn {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1040px) {
  .LpCv__btn {
    display: block;
  }
}

.LpCv__btn .LpBtn {
  margin: 0 auto;
}

@media screen and (max-width: 1040px) {
  .LpCv__btn .LpBtn {
    width: 100%;
    margin-bottom: 20px;
  }
}

.LpPlan {
  background-color: #EBFDFF;
}

.LpPlan__title {
  font-weight: bold;
  font-size: 3.2em;
  text-align: center;
  color: #34adc1;
  margin-bottom: 40px;
}

@media screen and (max-width: 1040px) {
  .LpPlan__title {
    font-size: 2.4em;
    margin-bottom: 20px;
  }
}

.LpPlan__box {
  margin-bottom: 40px;
}

.LpPlan__box:last-child {
  margin-bottom: 0;
}

.LpPlan__box__title {
  font-size: 2.4em;
  margin-bottom: 20px;
  padding: 10px 20px;
  color: white;
  display: inline-block;
}

@media screen and (max-width: 1040px) {
  .LpPlan__box__title {
    font-size: 2em;
  }
}

.LpPlan__box__title--basic {
  background-color: #34adc1;
}

.LpPlan__box__title--option1 {
  background-color: #5E87B4;
}

.LpPlan__box__title--option2 {
  background-color: #CC747B;
}

.LpPlan__box__text {
  font-size: 1.6em;
}

@media screen and (max-width: 1040px) {
  .LpPlan__box__text {
    font-size: 1.4em;
  }
}

.LpPlan__table {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 1040px) {
  .LpPlan__table__wrap {
    overflow-x: scroll;
    width: 100%;
  }
}

.LpPlan__table tr th,
.LpPlan__table tr td {
  height: 70px;
  border: 1px solid #F2F2F2;
}

.LpPlan__table tr th.pickup,
.LpPlan__table tr td.pickup {
  border: 4px solid red;
}

@media screen and (max-width: 1040px) {
  .LpPlan__table tr th,
  .LpPlan__table tr td {
    min-width: 150px;
  }
}

.LpPlan__table tr th {
  background-color: #34ADC1;
  color: white;
  font-weight: bold;
  font-size: 2.4em;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 1040px) {
  .LpPlan__table tr th {
    font-size: 2em;
  }
}

.LpPlan__table tr th:nth-child(4) {
  background-color: #5E87B4;
}

.LpPlan__table tr th:last-child {
  background-color: #CC747B;
}

.LpPlan__table tr td {
  background-color: white;
  font-size: 2.2em;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

@media screen and (max-width: 1040px) {
  .LpPlan__table tr td {
    font-size: 1.8em;
  }
}

.LpPlan__table tr td:first-child {
  text-align: left;
  padding-left: 10px;
}

.LpPlan__table tr td:nth-child(3) {
  color: #34adc1;
}

.LpPlan__table tr td:nth-child(4) {
  color: #5E87B4;
}

.LpPlan__table tr td:last-child {
  color: #CC747B;
}

.LpPlan__table tr:nth-child(odd) td {
  background-color: #F2F2F2;
}

.LpPlan__table__num {
  font-size: 1.1em;
  color: inherit;
}

.LpVoice__title {
  font-weight: bold;
  font-size: 3.2em;
  text-align: center;
  color: #34ADC1;
  margin-bottom: 40px;
}

@media screen and (max-width: 1040px) {
  .LpVoice__title {
    font-size: 2.4em;
    margin-bottom: 20px;
  }
}

.LpVoice__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 1040px) {
  .LpVoice__box {
    margin-bottom: 20px;
    display: block;
  }
}

.LpVoice__box:last-child {
  margin-bottom: 0;
}

.LpVoice__box__img {
  width: 180px;
}

@media screen and (max-width: 1040px) {
  .LpVoice__box__img {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
}

.LpVoice__box__img__img {
  width: 100%;
}

@media screen and (max-width: 1040px) {
  .LpVoice__box__img__img {
    width: 180px;
  }
}

.LpVoice__box__text {
  width: calc( 100% - 190px );
}

@media screen and (max-width: 1040px) {
  .LpVoice__box__text {
    width: 100%;
  }
}

.LpVoice__box__text__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px dotted #34ADC1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.LpVoice__box__text__title__img {
  width: 40px;
  margin-right: 10px;
}

.LpVoice__box__text__title__text {
  width: calc( 100% - 50px );
  font-weight: bold;
  font-size: 2.4em;
  color: #000;
}

@media screen and (max-width: 1040px) {
  .LpVoice__box__text__title__text {
    font-size: 1.8em;
  }
}

.LpVoice__box__text__text {
  font-size: 2.2em;
}

@media screen and (max-width: 1040px) {
  .LpVoice__box__text__text {
    font-size: 1.6em;
  }
}

.LpFaq {
  background-color: #EBFDFF;
}

.LpFaq__title {
  font-weight: bold;
  font-size: 3.2em;
  text-align: center;
  color: #34ADC1;
  margin-bottom: 40px;
}

@media screen and (max-width: 1040px) {
  .LpFaq__title {
    font-size: 2.4em;
    margin-bottom: 20px;
  }
}

.LpFaq__box {
  margin-bottom: 40px;
}

@media screen and (max-width: 1040px) {
  .LpFaq__box {
    margin-bottom: 20px;
  }
}

.LpFaq__box__q {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.LpFaq__box__q__box {
  width: 73px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-style: italic;
  font-size: 3em;
  text-align: center;
  color: #fff500;
  border-radius: 10px 0 0 10px;
  background-color: #34ADC1;
}

@media screen and (max-width: 1040px) {
  .LpFaq__box__q__box {
    padding: 10px;
    height: auto;
  }
}

.LpFaq__box__q__text {
  width: calc( 100% - 73px );
  background-color: white;
  font-weight: bold;
  font-size: 2.4em;
  display: flex;
  justify-content: flex-start;
  padding: 0 20px;
  border-radius: 0 10px 10px 0;
  align-items: center;
}

@media screen and (max-width: 1040px) {
  .LpFaq__box__q__text {
    font-size: 1.8em;
    height: auto;
    padding: 10px;
  }
}

.LpFaq__box__a {
  background-color: white;
  padding: 20px;
  font-size: 2.2em;
}

@media screen and (max-width: 1040px) {
  .LpFaq__box__a {
    font-size: 1.8em;
  }
}

.LpBtn {
  width: 460px;
  height: 106px;
  background-color: #FF7F00;
  border-radius: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

@media screen and (max-width: 1040px) {
  .LpBtn {
    width: 100%;
    height: 80px;
  }
}

.LpBtn--mini {
  width: 260px;
  height: 60px;
  margin: 20px auto 0;
}

.LpBtn--mini .LpBtn__text {
  font-size: 1.6em;
}

.LpBtn__text {
  font-weight: bold;
  font-size: 2.8em;
  line-height: 57px;
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 1040px) {
  .LpBtn__text {
    font-size: 2em;
  }
}

.LpBtn__img {
  margin-left: 30px;
  width: 30px;
}

.text-lp-blue {
  color: #34ADC1;
}

.Inner {
  width: 1330px;
  margin: 0 auto;
  padding: 90px 0;
}

@media screen and (max-width: 1040px) {
  .Inner {
    width: 100%;
    padding: 40px 15px;
  }
}

.Text {
  font-size: 1.8em;
}

.Text__link {
  color: #0B82B6;
}

.TopWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
}

@media screen and (max-width: 1040px) {
  .TopWrap {
    display: block;
    margin-bottom: 40px;
  }
}

.TopWrap__box {
  width: 45%;
}

@media screen and (max-width: 1040px) {
  .TopWrap__box {
    width: 100%;
  }
}

@media screen and (max-width: 1040px) {
  .TopWrap__box:first-child {
    margin-bottom: 20px;
  }
}

.TopWrap__box__link {
  width: 400px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00ABC8;
  color: white;
  font-size: 1.6em;
  text-decoration: none;
  margin-bottom: 40px;
}

@media screen and (max-width: 1040px) {
  .TopWrap__box__link {
    width: 100%;
  }
}

.News__title {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 20px;
}

.News ul {
  margin-left: 20px;
  width: 100%;
  background-color: white;
}

.News ul li {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1.6em;
}

.IndexListBox__info__slick__main {
    overflow: hidden;
}