@charset "UTF-8";
@media (max-width: 640px) {

.pc {
  display: none;
}
.sp {
  display: block;
}
.sp_inline {
  display: inline-block;
}
/*
打ち消し*/
.spf22 {
  font-size: 2.2rem!important;
}

  html {
    font-size: 100.0%; }

  img {
    width: 100% !important;
    height: auto !important; }

  body {
    -webkit-text-size-adjust: 100%;
    font-size: 1.7rem;
    line-height: 1.65; }


@media screen and (orientation: portrait/*縦向きスタイル*/) {
#MainVisualBox .Copy_sp {
    position: absolute;
    left: auto;
    right: auto;
    text-align: center;
    color: #fff;
    font-size: 2.6rem;
    letter-spacing: 1em;
    padding-left: 1.5em;
    width: 100%;
    top: 13%;
}
}
@media screen and (orientation: landscape/*横向きスタイル*/) {
#MainVisualBox .Copy_sp {
    position: absolute;
    left: auto;
    right: auto;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: 1em;
    padding-left: 1.5em;
    width: 100%;
    top: 3%;
}
}



#MainVisualBox .Copy {
  padding-left: 1em!important;
  }

@media screen and (orientation: portrait/*縦向きスタイル*/) {
#MainVisualBox .Logo {
    width: 480px;
    padding-right: 1.3em;
}
}
@media screen and (orientation: landscape/*横向きスタイル*/) {
#MainVisualBox .Logo {
    width: 50%!important;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.3em;
}
}



.content {
    width: 100%;
    margin-bottom: 50px;
}
.content .conte {
    margin-bottom: 20px;
}
.content .spinner {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.Four dl {
    width: 50%;
  }


.FeatureImg {
  width: 50%!important;
}


h2 {
    font-size: 2.4rem;
    text-align: left;
}
h3 {
    font-size: 2.0rem;
}


.Announce_block p {
    text-align: justify;
}

footer {
    padding-bottom: 0px;
}
footer ul {
    width: 100%;
    display: inherit;
}
footer ul li {
    border-right:none;
    padding: 1em;
    line-height: 1em;
    font-size: 1.5rem;
    width: 100%;
    border-top: 1px solid #fff;
}
footer ul li a {
  display: block;
}
footer .footlogo div.LogoKousoku {
    width: 80%;
}



.Three {
  display: block;
}
.Three dl {
    width: 100%;
    margin: 0 0 20px;
}
.Three dl dt {
}
.Three dl dd {
    padding: 1.5em;
}


.SectionFlex .FlexBox50 {
    padding-right: 0px!important;
}
.SectionFlex .FlexBox50:nth-child(2n) {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.SectionFlex {
  display: block!important;
}

#section02 .FlexBox50 p img ,
#section03 .FlexBox50 p img {
  padding: 60px 60px 20px;
}
#section04 .FlexBox50 p img {
  padding: 50px 0 20px;
}
#section05 .FlexBox50 p img {
  padding: 50px 50px 20px;
}

#section06 .HowToTitle {
  padding: 0 14%;
}
#section06 .mt-80 {
    margin-top: 30px !important; */
}
#section06 .AttachTi {
    font-size: 1.9rem;
    font-weight: bolder;
    line-height: 1.4;
}
#section06 .AttachSub {
    font-size: 1.7rem;
}
ul.AttachList li {
    font-size: 1.6rem;
    text-align: justify;
}
ul.AttachList li::after {
    top: .4em;
}
#section06 .ObjHowTo {
  padding-right: 12%;
}


#cta {
  text-align: left;
}
#cta .Bold {
  font-size: 1.68rem;
}
#cta .f9 {
  font-size: 1.32rem!important;
}


/*========================
TOP
=========================*/
.Announce_block {
    width: 100%;
    text-align: justify;
}

.SectionSky .Apply_block {
    width: 96%;
}









}