@charset "UTF-8";
@media (min-width: 641px) and ( max-width:1000px) {

.pc {
  display: none;
}
.sp {
  display: none;
}
.medium_none {
  display: none;
}
.medium {
  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%;
    line-height: 1.65; }




#MainVisualBox .Copy_sp {
    position: absolute;
    left: auto;
    right: auto;
    text-align: center;
    color: #fff;
    font-size: 2.7rem;
    letter-spacing: 1em;
    padding-left: 1.5em;
    width: 100%;
    top: 3%;
}




#MainVisualBox .Copy {
  padding-left: 0.25em!important;
  bottom: 10%!important;
}

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

.MainVisual {
    background-position: center 8vh!important;
    background-color: #010419;
}


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


.FeatureImg {
  width: 286px!important;
}


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


.Announce_block p {
    text-align: justify;
}

footer {
    padding-bottom: 40px;
}
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;
}


.mediumFlex {
  display: flex!important;
}


.SectionFlex .medium50 ,
.mediumFlex .medium50 {
    width: 50%!important;
    margin: 0;
}

.SectionFlex .FlexBox50 {
    padding-right: 0px!important;
    width: 100%!important;
    max-width: 540px;
    margin: auto;
}

.mediumFlex .medium50 {
    padding-right: 30px!important;
    width: 100%!important;
    max-width: 540px;
    margin: auto auto 0;
}



.SectionFlex .FlexBox50:nth-child(2n) ,
.mediumFlex .medium50:nth-child(2n) {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.mediumFlex .medium50:nth-child(2n) {
  margin-bottom: 0!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: 0px !important;
}
#section06 .mt-80 .mt30 {
    margin-top: 0px !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 .spinner {
  width: 100%;
}
#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%;
}









}