@charset "UTF-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
#container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: no-repeat url("../image/img_main.png") #f5f5f5;
  background-size: contain;
  padding: 25vw 50px 0;
}
main {
  background: white;
  max-width: 980px;
}
img {
  width: auto;
  max-width: 100%;
}
p {
  margin-bottom: 20px;
}
a {
  color: #027da8;
}
a:hover {
  background: #FFF6F6;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6, strong, em {
  font-weight: bold;
}
h1 {
  line-height: 0;
}
h2 {
  font-size: 2.2em;
}
h3 {
  font-size: 1.8em;
}
h4 {
  font-size: 1.5em;
}
h5 {
  font-size: 1.35em;
}
em {
  color: #b71c1c;
}
section {
  margin-bottom: 50px;
}
.hatching {
  background: #FFFFCA;
  display: inline-block;
  padding: 5px;
}
.text_s {
  font-size: 0.7rem;
}
.text_r {
  text-align: right;
}
.center {
  text-align: center;
}
.announce {
  text-align: center;
}
.announce .midashi {
  background: #fffde7;
  padding: 30px;
}
.announce .midashi h3 {
  color: #1a237e;
}
.announce .lead {
  padding: 30px;
}
.announce .salesup h3 {
  color: #ff5722;
}
.outline {
  background: #eceff1;
}
.outline .info {
  background: #004ba5;
  text-align: center;
  color: #FFF;
  padding: 30px 0;
}
.outline .info em {
  color: #fff176;
  font-size: 1.35rem;
  font-style: normal;
}
.outline .info strong {
  font-size: 1.2rem;
}
.outline .period {
  padding: 30px;
}
.outline .period li {
  font-size: 1.35rem;
  font-weight: bold;
  color: #1a237e;
  margin-bottom: 15px;
}
.outline .period li.end {
  font-weight: normal;
  color: #BBB;
  text-decoration: line-through;
}
.outline .period li.small {
  font-weight: normal;
  font-size: 1rem;
  color: inherit;
}
.outline .period span {
  color: #1a237e;
  font-weight: bold;
}
.outline .period p {
  font-size: 1.2em;
}
.about {
  background: #cfd8dc;
  padding: 30px;
  text-align: center;
}
.about h5{
    color: #ea5505;
}
.cartRecovery {
  text-align: center;
  padding: 0 30px;
}
.cartRecovery h2 {
  color: #1a237e;
  padding-bottom: 20px;
}
.cartRecovery em {
  font-size: 1.75rem;
}
.cartRecovery .assertion {
  font-weight: bold;
  font-size: 1.2rem;
}
.cartRecovery .effect {
  border-bottom: 1px dotted #A2A2A2;
  margin-bottom: 50px;
}
.cartRecovery .howto dl {
  text-align: left;
  margin-bottom: 20px;
  border: 5px solid #eceff1;
  position: relative;
}
.cartRecovery .howto dt {
  padding: 0.5em 0.5em 0.5em 1.75em;
  border-bottom: 1px dotted #eceff1;
  font-weight: bold;
  background: #eceff1;
  color: #1a237e;
  font-size: 1.35rem;
}
.cartRecovery .howto dt:before {
  position: absolute;
  left: 0.5em;
  content: "Q.";
}
.cartRecovery .howto dd {
  margin: 0.6em;
}
.cartRecovery .howto dd.answer {
  padding-left: 1.35em;
  font-size: 1.35rem;
  color: #ff5722;
  font-weight: bold;
}
.cartRecovery .howto dd.answer:before {
  position: absolute;
  left: 0.5em;
  content: "A.";
}
.cartRecovery .howto ul {
  display: flex;
}
.cartRecovery .howto li {
  text-align: left;
  width: 50%;
  padding: 10px;
}
.cartRecovery .guess {
  margin: 50px 0;
}
.cartRecovery .guess dl {
  text-align: left;
  margin: 0.5em 2em;
  position: relative;
  background: #eceff1;
  padding: 1.5em;
}
.cartRecovery .guess dt {
  font-size: 1.5em;
  font-weight: bold;
  color: #1a237e;
}
.cartRecovery .guess dd {
  padding: 0.5em 2em;
}
.cartRecovery .guess dd:before {
  position: absolute;
  left: 2.5em;
  content: "●";
  color: #1a237e;
}
.notice {
  background: #fffde7;
  padding: 30px 50px;
}
.notice h5 {
  color: #ff5722;
}
.notice ul {
  position: relative;
  margin: 0.5em 1em 1em;
}
.notice li {
  padding-left: 1em;
  padding-bottom: 0.3em;
}
.notice li:before {
  position: absolute;
  left: 0;
  content: "※";
}
.notice p {
  padding-left: 1em;
}
.btn a:hover {
  opacity: 0.5;
  background: none;
}
.seminar{
     background:#fff2f2;
    padding: 10px 20px 30px;
    margin-bottom: 50px;
}
.seminar h3{
    color: #0d58a6;
    text-align: center;
}
.seminar h3 span{
    font-size: 24px;
    color: #ff5722;
    border-bottom:solid 3px #ff5722;
}
.seminarBox {
    display: flex;
    margin-top: 30px;
    background: #fff;
}
.seminarBox li{
    flex-basis: 50%;
}
.seminarBox li.image{
    line-height: 0;
}

.seminarBox p {
    margin: 15px;
}
footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 0;
}
footer img {
  display: block;
  height: 1.5em;
}
p.finish {
  font-size: 25px;
  text-align: center;
  background: #6da54e;
  padding: 20px;
  color: #FFF;
  margin: 0;
}