@charset 'UTF-8';
html{
  font-size: 62.5%;
}
@media screen and (max-width: 1024px) {
  html {
      font-size: 55%;
  }
}
body{
}
#FV {
  padding-bottom: 32px;
    background: url(../images/bg.svg) center bottom no-repeat #84d3d9;
  background-size: contain;
}
#footer{
  background: #efefef;
  border-top: 1px #efefef solid;
  color: #000;
}
.footer-copy{
  text-align: center;
  font-size: 12px;
  padding: 20px 0;
}
.FV{
      background: url(../images/header_bg.svg) center top no-repeat;

  background-size: contain;
  text-align: center;
  padding-bottom: 15vw;
}
.FV img{
  width: 100%;
  max-width: 600px;
}
.title{
  margin-top: 5vw;
}
.title h1{
  text-align: center;
}
.text-area{
  margin-top: 5vw;
}
.text-area h2{
  text-align: center;
  font-size: 3.6rem;
  font-weight: 600;
}
@media screen and (max-width: 599px) {
  .text-area h2{
    font-size: 3.0rem;
  }
}
.text-area h2 span{
  color: #FFF;
  background: linear-gradient(transparent 5%, #006360 0%);
  padding: 0 10px;
}
.text-list{
  text-align: center;
}

.text-list h3 {
  position: relative;
  font-size: 2.0rem;
  font-weight: 600;
  text-align: center;
  padding: 1.5rem 1rem;
  margin-bottom: 2vw;
}

.text-list h3:after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px);
  width: 100px;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #cc3333, #cc3333 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #cc3333, #cc3333 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flexC {
  display:flex;
  align-items: center;
  justify-content: center;
}
.form-image{
  display: flex;
  justify-content: space-between;
}
.form-image li{
  width: 49%;
}
@media screen and (max-width: 599px) {
  .form-image{
  display: block;
  }
  .form-image li{
    width: 100%;
    margin-top: 10px;
  }
}
.btn-area{
  margin-top: 5vw;
}
.btn-area img{
  width: 100%;
  max-width: 600px;
}
.postcard{
  width: 100%;
  max-width: 350px;
  border: 2px solid #efefef;
}

.font10 {
  font-size: 10px !important;
  font-size: 0.1rem !important;
}
.font11 {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}
.font12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.font13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}
.font14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
.font15 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
}
.font16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}
.font18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}
.font20 {
  font-size: 20px !important;
  font-size: 2.0rem !important;
}
.font22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}
.font24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}
.font26 {
  font-size: 26px !important;
  font-size: 2.6rem !important;
}
.font28 {
  font-size: 28px !important;
  font-size: 2.8rem !important;
}
.font30 {
  font-size: 30px !important;
  font-size: 3.0rem !important;
}
a.txtlink-U {
  text-decoration: underline;
}
a.color-T {
  color:#c53925;
}