@charset "UTF-8";

.box {
  margin: 0 auto 4em;
}

.box:last-child {
  margin: 0 auto;
}

.box h2 {
  text-align: center;
  margin: 0 auto 1em;
}

.box h3 {
  text-align: center;
  margin: 0 auto 1em;
}

.border {
  padding: 2em;
  border: 3px solid;
  border-radius: 1em;
}

ul {
  padding: 0 0 0 1em;
}

.nav {
  font-size: 1.3rem;
  list-style: none;
  margin: 0 auto var(--content-bottom);
}

.nav li {
  margin: 0 1em;
}

.nav li a {
  text-decoration-line: underline;
}

@media screen and (max-width: 768px) {
  #bring .inner .box {
    width: 100%;
    min-width: inherit;
  }

  .result {
    width: 100%;
  }
}

/*----------------------------------------main----------------------------------------*/
#main {}

#main h1 {
  text-align: center;
}

#main .logo {
  margin: 0 auto 2em;
}

#main .logo p {
  font-weight: 600;
  margin: 2em auto 0;
}

#main .cross_box {
  --cross_w: 1em;
  width: 90%;
  max-width: 730px;
  margin: 0 auto var(--content-bottom);
}

#main .cross_box .text {
  width: calc((100% - var(--cross_w) - 4em) / 2);
  border: 3px solid;
  padding: 1em;
  border-radius: 1em;
}

#main .cross_box .text h2 {
  width: 100%;
  margin: 0 auto 0.5em;
}

#main .cross_box .text p {
  width: 100%;
}

#main .cross_box .left_text {}

#main .cross_box span {
  width: var(--cross_w);
  font-size: 2em;
  padding: 0 1em;
}

#main .cross_box .right_box {}

#main .will {
  padding: 2em;
  background: #fff;
  border: 3px solid var(--font-color);
  border-radius: 1em;
}

#main .will p {}

#main .will h2 {
  margin: 2em auto;
}

@media screen and (max-width: 768px) {
  #main .cross_box .text {
    width: 100%;
  }
}

/*----------------------------------------bar----------------------------------------*/
.bar {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 5em 0;
}

.bar h4 {}

.bar a {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  margin: 2em auto 0;
  text-decoration: underline;
}

.bar {}

.bar {}

.bar {}

/*----------------------------------------need----------------------------------------*/
.contents {
  border-bottom: 1px solid;
  padding: 5em 0 0;
}

/*----------------------------------------time----------------------------------------*/
#time {}

#time img {
  margin: 0 auto 4em;
}

#time .attention {
  font-size: 1.3rem;
}

#time .link {
  margin: 2em auto 0;
}

#time .link a {
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}


/*----------------------------------------toio2----------------------------------------*/
#toio2 {}

#toio2 {}

#toio2 .youtube {
  margin: 2em auto 0;
}

#toio2 .box {
  margin: 2em auto 0;
}

#toio2 .box p {
  margin: 0 auto 2em;
}

#toio2 {}

#toio2 {}

/*----------------------------------------link----------------------------------------*/
#link .nav {
  margin: 2em auto 0;
}

#link .btn,
#time .btn {
  margin: 4em auto 0;
  text-align: center;
}

#link .btn a,
#time .btn a {
  display: inline-block;
  font-weight: 600;
  padding: 1em 2em;
  color: #fff;
  /* background: #4458a1; */
  background: #71c3bf;
  border-radius: 1em;
  transition: ease-in 0.2s;
}

#link .btn a:hover,
#time .btn a:hover {
  transform: translateY(-5px);
}

/*----------------------------------------need----------------------------------------*/
#map {
  padding: 5em 0 0;
}

#map iframe {
  width: 100%;
}

/*----------------------------------------need----------------------------------------*/
/* #need {}

#need .flex {
  width: 80%;
  max-width: 768px;
  padding: 2em;
  margin: 0 auto;
  border: 3px solid;
  border-radius: 1em;
} */

/*----------------------------------------bring----------------------------------------*/
/* #bring {}

#bring .box {
  width: 70%;
  margin: 0 auto 4em 0;
}

#bring .box:nth-child(even) {
  margin: 0 0 4em auto;
} */

/*----------------------------------------support----------------------------------------*/
/* #support {}

#support h2 {
  text-align: center;
  margin: 0 auto 2em;
}

#support dl {}

#support dl div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 1em;
}

#support dl div:last-child {
  margin: 0 auto;
}

#support dt {
  position: relative;
  width: 4em;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
}

#support dt:after {
  content: ":";
  position: absolute;
  left: calc(100% + 0.5em);
}

#support dd {
  width: calc(100% - 5em);
} */