@charset "UTF-8";


@media screen and (max-width: 767px) {

/* reset all
* --------------------------------------- */
#wrapper {width: 100vw; overflow: hidden;}

/* width: 100% */
.header .inner,
.sec_mv .mv,
.head_ontheline,
.sec_about ul,
.sec_support .table_area,
.sec_step .ol_wrp,
.floatbnr {
width: 100%;
}

/* width: 88vw */
.sec_about,
.sec_support,
.sec_step,
.sec_system,
.sec_support .table_area .table_wrp {
width: 88vw; margin: 0 auto;
}

br.pcOnly {display: none;}
br.spOnly {display: block;}

img.pcOnly {display: none;}
img.spOnly {display: block;}

li.pcOnly {display: none;}
li.spOnly {display: block;}

#pgtop_pc {
display: none;
}

#pgtop_sp {
position: fixed;
right: 2.5vw;
bottom: 20vh;
z-index: 12;
display: none;
}

a.btn_apply {
  position: relative;
  left: auto;
  transform: none;
  bottom: auto;
  margin: 5.5vw auto 0;
  font-size: 4.27vw;
  line-height: 3.6;
  padding: 0 2.1em 0 4em;
}

body.open {overflow: hidden;}
::-webkit-scrollbar {
      display: none;
      -webkit-appearance: none;
}

p {font-size: 3.73vw;}

}/*end max-width: 767px*/


/*  header
/* ======================================= */

@media screen and (max-width: 767px) {

.header {position: fixed;}
.header .inner h1 {
width: 42.66vw;
margin: 1.5vw 0 0 3.5vw;
}

.header .inner .logo_bicG {
width: 15.5vw;
right: 19.5vw;
top: 5.5vw;
}

} /*end max-width: 767px*/


/*  nav
/* ======================================= */

@media screen and (max-width: 767px) {

.header .nav {
margin: 0 4.25vw 0 0;
}

.header .nav ul {
display: none;
}

.header .nav li a::after {
content: none;
}

#nav_toggle {
display: block;
width: 6.63vw;
height: 3vw;
margin-left: 4.24vw;
position: relative;
cursor: pointer;
}

@media screen and (max-width: 660px) {
.header {
height: 14.66vw;
}

#header_logo {
top: 3vw;
left: 6vw;
width: 35vw;
}

.header .nav {
margin: 0 6vw 0 0;
}

a.btn_inquiry_sp {
display: block;
width: 5.3vw;
}

#nav_toggle {
width: 8.5vw;
height: 4vw;
margin: 0 0 0 5.3vw;
}

#nav_toggle.open {
margin-top: 2vw;
}

}/*end max-width: 660px*/

#nav_toggle i {
display: block;
height: 1px;
background: #333;
position: absolute;
width: 100%;
right: 0;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#nav_toggle i:nth-child(1) {
top: 0;
}

#nav_toggle i:nth-child(2) {
top: 1.56vw;
width: 69.5%;
}

#nav_toggle i:nth-child(3) {
top: 3.12vw;
width: 69.5%;
}


@media screen and (max-width: 660px) {
#nav_toggle i:nth-child(2) {
top: 2vw;
}

#nav_toggle i:nth-child(3) {
top: 4vw;
}
}

/*end max-width: 660px*/


#nav_toggle.open i:nth-child(1) {
top: 1.6vw;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}

#nav_toggle.open i:nth-child(2) {
width: 0;
left: 50%;
}

#nav_toggle.open i:nth-child(3) {
top: 1.6vw;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
width: 100%;
}

.header .nav ul.open {
/*background-color: rgba(255, 255, 255, 0.9);*/
background: #fff;
border-right: none;
display: block;
height: 100%;
left: 0;
margin: 0;
overflow-y: scroll;
padding: 0;
position: fixed;
text-align: left;
top: 10vw;
width: 100%;
}

@media screen and (max-width: 660px) {
.header .nav ul.open {
top: 14vw;
}

}

/*end max-width: 660px*/


.header .nav ul li {
border-bottom: #ddd solid 1px;
font-size: 1.6rem;
margin: 0;
}

@media screen and (max-width: 660px) {
.header .nav ul li {
font-size: 4vw;
}
}

/*end max-width: 660px*/

.header .nav ul li a:not(.btn_apply) {
display: block;
padding: 1.425em 0 1.425em 3em;
}

.header nav ul a:hover::after {
display: none;
}

.header .nav ul li a:not(.btn_apply)::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 1.6em;
content: "";
width: 1.6vw;
height: 3.2vw;
background-image: url("/r/img/arrow_right_lb.svg");
background-repeat: no-repeat;
}

.header .nav ul li.spOnly {padding: 9vw 0; text-align: center;}
.header nav ul a.btn_apply {margin: 0 auto;}

}/*end max-width: 767px*/


@media screen and (max-width: 767px) {

/*  mv
/* ======================================= */


.sec_mv {margin-top: 14.66vw;}
.mv {text-align: center;}
.sec_mv .mv .btn_apply {position: relative;left: auto;transform: none;bottom: auto;margin: 5.5vw auto 0;}
.sec_mv .mv h2 {position: absolute;top: 27vw;left: 8vw;transform: none;width: 80vw;}
.sec_mv .mv .mv_medal {position: absolute;bottom: 19vw;;right: 4vw;width: 20vw;}



/*  sec_about
/* ======================================= */

@media screen and (max-width: 767px) {

.sec_about::before {
    top: 40vw;
    left: -37vw;
    transform: none;
    width: 69vw;
    height: 42.1vw;
}
.sec_about::after {
    bottom: -10vw;
    left: auto;
    right: -20vw;
    transform: none;
    width: 69vw;
    height: 42.1vw;
}

.sec_about .about_deco {
    top: 22vw;
    left: auto;
    right: -5vw;
    transform: none;
    width: 40vw;
}

.sec_about .lead {font-size: 4.8vw;text-align: left; padding: 2em 0 4em;}
.head_ontheline {font-size: 4.8vw; line-height: 1.3; letter-spacing: initial;}
.head_ontheline::after {width: 65vw;}
.head_ontheline + p {font-size: 3.73vw;}
.sec_about ul {
  grid-template-columns: repeat(2, 1fr);
}
.sec_about ul {gap: 7vw 6vw; margin: 5vw auto 18vw;}
.sec_about ul li h5 {font-size: 4vw; height: 3em; line-height: 1.4;}
.sec_about ul li p {font-size: 3.2vw; line-height: 1.6;}
.sec_about ul li {padding: 1.2em .8em 1em;}


/*  sec_support
/* ======================================= */

.sec_support .table_area {margin: 7vw auto 10vw;}
.sec_support .table_area .table_wrp {margin: 0 auto 0;}
.sec_support ul {flex-wrap: wrap; width: 75vw;}
.sec_support ul li {width: 30%; font-size: 3.2vw; margin-bottom: 6vw;}
.sec_support .table_area h3 {font-size: 4.27vw;}
.sec_support .table_area .table_wrp h4 {font-size: 4vw;}
.sec_support .table_area .table_wrp table th,
.sec_support .table_area .table_wrp table td {font-size: 3.73vw;}
.sec_support .table_area .table_wrp:nth-of-type(1) table {margin-bottom: 8vw;}


/*  sec_step
/* ======================================= */

.sec_step {margin-bottom: 10vw;}
.sec_step ol {padding: 4vw 0 0;}
.sec_step ol::after {width: 2.6vw; height: 2.6vw;}
.sec_step ol li {padding-left: 11vw; height: 38vw;}
.sec_step ol li::before {width: 16vw; height: 16vw;font-size: 9vw;left: -8vw;}
.sec_step ol li:nth-child(2) {margin-left: calc(-100%); padding-left: 0; padding-right: 11vw;}
.sec_step ol li:nth-child(2)::before {left: calc(44vw - 8vw);}
.sec_step ol li p {font-size: 3.73vw; line-height: 1.4;}
.sec_step ol li p span {font-size: 3.2vw; margin-top: 1em;}

.sec_step ol li img {width: 22vw;left: -36vw;top: 4vw;}
.sec_step ol li:nth-child(2) img {width: 35vw;top: -2vw;left: 56vw;}
.sec_step ol li:nth-child(3) img {width: 33vw;top: -3vw;left: -41vw;}
.sec_step ol li:nth-child(3) p {margin-top: -5em;}
.sec_step strong {font-size: 5.33vw; margin-top: -1em; line-height: 1.5;}


/*  sec_contact
/* ======================================= */

.sec_contact {padding: 1.2em 0;}



} /* end max-width 767 */