@charset "UTF-8";
/* CSS Document */


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

    
    
/* contents-top */

.link01 a {
    min-width: 88%;
    padding: calc(0vw var(--calc-sp));
    padding-top: calc(1.8vw var(--calc-sp));
    padding-bottom: calc(1.8vw var(--calc-sp));
    border-radius: calc(4.4vw var(--calc-sp));
}

.link01 a::before {
    display: none;
}



/* title_contents-top */

.title_contents-top {
	margin-bottom: calc(3.7vw var(--calc-sp));
}

.title_contents-top h3 {
    font-size: calc(2.5vw var(--calc-sp));
	padding-top: calc(1.5vw var(--calc-sp));
    padding-bottom: calc(3vw var(--calc-sp));
}

.title_contents-top h3::after {
    height: calc(0.6vw var(--calc-sp));
}

.title_contents-top p {
	padding-top: calc(2vw var(--calc-sp));
}

/* container */

.container {
    padding-top: calc(6.6vw var(--calc-sp));
    padding-top: calc(5vw var(--calc-sp));
}

/* main-img-top */

.main-img-top::after {
	background-image: url("../../images/top/frame-slide_sp.svg");
    background-position: center;
}

    
/* contents01 */

.contents01 {
    padding-bottom: calc(18vw var(--calc-sp));
}

.contents01::before {
	height: calc(3vw var(--calc-sp));
}

.contents01 .box-inner {
    width: 88%;
    padding-left: 0%;
  justify-content: center;
}

.contents01 .box-inner::before {
	width: 100%;
	height: calc(11.5vw var(--calc-sp));
    margin-bottom: -45vw;
}

.contents01 .box-detail {
    padding-top: calc(3.7vw var(--calc-sp));
}

.layout-pagemenu {
    width: 100%;
}
    
.layout-pagemenu img {
    width: 100%;
height: auto;
}
    
.layout-pagemenu .inner {
    height: calc(30vw var(--calc-sp));
}

.layout-pagemenu .f01 {
    width: 73%;
}

.layout-pagemenu .f02 {
    right: 1%;
top: calc(8vw var(--calc-sp));
    width: 45%;
}

.layout-pagemenu .f03 {
    left: 2%;
top: calc(12vw var(--calc-sp));
    width: 50%;
}

.layout-pagemenu .f04 {
top: calc(16vw var(--calc-sp));
    width: 45%;
}

.layout-pagemenu .f05 {
    left: 5%;
    width: 50%;
}
    
.layout-pagemenu h6 a::before {
	width: calc(2.5vw var(--calc-sp));
    height: calc(2.5vw var(--calc-sp));
     transform:rotate(-90deg); 
    -webkit-transform:rotate(-90deg); 
}

.layout-pagemenu .f01 h6 a::before {
    left: calc(7vw var(--calc-sp));
}

.layout-pagemenu .f02 h6 a::before {
    right: calc(2vw var(--calc-sp));
}

.layout-pagemenu .f03 h6 a::before {
    left: calc(3vw var(--calc-sp));
    bottom: calc(2vw var(--calc-sp));
}

.layout-pagemenu .f04 h6 a::before {
    right: calc(1.5vw var(--calc-sp));
}

.layout-pagemenu .f05 h6 a::before {
    left: calc(1.5vw var(--calc-sp));
}

.layout-pagemenu h6 a:hover::before {
   margin-bottom: calc(-0.7vw var(--calc-sp));
}

.contents01 h2 {
    font-size: calc(2.4vw var(--calc-sp));
    position: relative;
}
    
.contents01 h2::before {
    content: "";
	position: absolute;
right: 8vw;
top: 0px;
	background-image: url("../../images/top/icon-slide.svg");
background-position: right top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 20.8vw;
	height: 13vw;
    margin-top: -16vw;
}

.contents01 p {
    padding-top: calc(4.4vw var(--calc-sp));
    font-size: calc(1.1vw var(--calc-sp));
}
    
    
/* contents02 */

.contents02 {
/*    padding-bottom: calc(5vw var(--calc-sp));*/
    padding-bottom: calc(0vw var(--calc-sp));
}

.contents02 .title_contents-top {
    padding-top: calc(5vw var(--calc-sp));
    padding-bottom: calc(3vw var(--calc-sp));
}

/* modal-schedule */

.modal-schedule .box-title {
    padding: 0px;
    padding-top: calc(1.8vw var(--calc-sp));
    padding-bottom: calc(1.6vw var(--calc-sp));
}

.modal-schedule .box-detail {
    padding: calc(0vw var(--calc-sp));
    padding-top: calc(2.5vw var(--calc-sp));
    padding-bottom: calc(1.5vw var(--calc-sp));
background-position: right 2vw bottom 15vw;
background-size: 33% auto;
}
    
.modal-schedule01 .box-detail {
    background-image: url("../../images/top/icon-schedule01b_sp.svg");
}

.modal-schedule02 .box-detail {
    background-image: url("../../images/top/icon-schedule02b_sp.svg");
    background-position: right 0vw bottom 15vw;
background-size: 36% auto;
}

.modal-schedule .box-detail::after {
    margin-top: calc(-3vw var(--calc-sp));
}

.modal-schedule01 .box-detail::after {
	height: calc(5.2vw var(--calc-sp));
    margin-top: calc(-3.5vw var(--calc-sp));
}

.modal-schedule02 .box-detail::after {
	height: calc(5.5vw var(--calc-sp));
}

.modal-schedule .box-time {
    width: 88%;
}

.modal-schedule .box-time::before {
left: calc(6vw var(--calc-sp));
top: calc(1vw var(--calc-sp));
	width: calc(0.5vw var(--calc-sp));
	height: 98%;
}

.modal-schedule02 .box-time::before {
top: calc(1.5vw var(--calc-sp));
	height: 95%;
}

.modal-schedule .box {
    margin-bottom: calc(3vw var(--calc-sp));
}

.modal-schedule .box:last-child {
    margin-bottom: 0px;
}

.modal-schedule01 .box:nth-child(3), .modal-schedule02 .box:nth-child(2) {
    margin-bottom: calc(0.7vw var(--calc-sp));
}

.modal-schedule .box .lay01 {
    width: calc(6vw var(--calc-sp));
}

.modal-schedule .box .lay02 {
    padding-left: calc(1.5vw var(--calc-sp));
}

.modal-schedule .box-text {
    padding-top: calc(2.9vw var(--calc-sp));
}


.modal-schedule h3 {
    font-size: calc(1.6vw var(--calc-sp));
}

.modal-schedule h4 {
    font-size: calc(0.8vw var(--calc-sp));
    width: calc(6vw var(--calc-sp));
    height: calc(1.8vw var(--calc-sp));
    padding-right: calc(1vw var(--calc-sp));
}

.modal-schedule h4::after {
top: calc(0.5vw var(--calc-sp));
	width: calc(1.2vw var(--calc-sp));
	height: calc(1.2vw var(--calc-sp));
    margin-right: calc(-0.9vw var(--calc-sp));
}

.modal-schedule h5 {
    padding: calc(1.2vw var(--calc-sp));
    padding-top: calc(1vw var(--calc-sp));
    padding-bottom: calc(1vw var(--calc-sp));
    border-radius: calc(6vw var(--calc-sp));
    margin-top: calc(0.7vw var(--calc-sp));
    font-size: calc(1vw var(--calc-sp));
    text-align: center;
}

.modal-schedule .box-title p {
    padding-top: calc(0.4vw var(--calc-sp));
}

.modal-schedule .box p {
    font-size: calc(1.01vw var(--calc-sp));
}

.modal-schedule .box p span {
    font-size: calc(1vw var(--calc-sp));
}

.modal-schedule .box-text p {
    font-size: calc(0.8vw var(--calc-sp));
    text-align: center;
}


/* layout-about */

.layout-about {
	width: 100%;
  justify-content: center;
    border-radius: 0px;
    padding-bottom: 0vw;
}

.layout-about .box-job {
	width: 100%;
    padding-bottom: calc(2.5vw var(--calc-sp));
}
    
.layout-about .box-job:first-child {
	margin-bottom: 15vw;
}

.layout-about .box-job .box-link {
    margin-bottom: calc(0vw var(--calc-sp));
}
   
.layout-about .box-job .box-link .link01:last-child {
	display: block;
    margin-top: calc(1vw var(--calc-sp));
}

.layout-about .box-job .inner {
    padding-top:calc(3.5vw var(--calc-sp));
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: calc(10vw var(--calc-sp));
    border-radius: 10.6vw 10.6vw 0px 0px;
}

.layout-about .box-img {
    padding-top: calc(2vw var(--calc-sp));
    padding-bottom: calc(3.5vw var(--calc-sp));
}

.layout-about .box-img::before {
    bottom: 5vw;
	width: 50%;
	height: calc(7vw var(--calc-sp));
    margin-bottom: 0px;
}
    
.layout-about .box-job01 .box-img::before {
    margin-right: -5vw;
}

.layout-about .box-job02 .box-img::before {
	right: 5vw;
}

.box-jobpoint {
    padding-top: calc(7vw var(--calc-sp));
}

.box-jobpoint::before {
background-position: center top;
	height: calc(5vw var(--calc-sp));
    top: 2vw;
}

.box-jobpoint .box {
    padding-left: 0vw;
}

.box-jobpoint .box:not(:last-child) {
	margin-bottom: calc(3.5vw var(--calc-sp));
}

.box-jobpoint .box::before {
background-position: left top;
	width: calc(4.2vw var(--calc-sp));
    margin-top: -4vw;
}
.layout-about h3 {
	font-size: calc(1.5vw var(--calc-sp));
    padding-top: calc(1.3vw var(--calc-sp));
    padding-bottom: calc(1.3vw var(--calc-sp));
    border-radius: calc(4.4vw var(--calc-sp));
    min-width: calc(21vw var(--calc-sp));
    margin-bottom: calc(2vw var(--calc-sp));
}

.box-jobpoint h4 {
    margin-bottom: calc(1vw var(--calc-sp));
    padding-left: calc(5vw var(--calc-sp));
}

.box-jobpoint p {
   font-size:calc(1.1vw var(--calc-sp));
}

    
.layout-about-img {
    padding-top: calc(5vw var(--calc-sp));
background-position: center bottom 15vw;
}

.layout-about-img::before {
	content: "";
	position: absolute;
left: 0px;
bottom: 0px;
	background-image: url("../../images/top/icon03.svg");
background-position: center bottom;
background-repeat: no-repeat;
	background-size: 85% auto;
	width: 100%;
	height: 100%;
    margin-bottom: -4vw;
}

.layout-about-img .inner .box {
	width: 18vw;
    border-radius: 20px;
    overflow: hidden;
    opacity: 0;
}
    
.layout-about-img .inner .box img {
    opacity: 0;
}

.layout-about-img .inner .box:nth-child(even) {
	margin-top: 10vw;
}


/* contents03 */

.contents03 {
    padding-bottom: calc(8vw var(--calc-sp));
}

.contents03 .box-inner {
/*    padding-top: calc(5vw var(--calc-sp));*/
    padding-top: calc(0vw var(--calc-sp));
    padding-bottom: calc(5vw var(--calc-sp));
}

.contents03 .box-inner::before {
background-position: left -40vw center;
	height: 90%;
}

    
.contents03 .title_contents-top {
    padding-top: calc(6vw var(--calc-sp));
}
    
/* layout-point */

.contents-top .layout-point {
  justify-content: center;
    padding-top: calc(0vw var(--calc-sp));
    display: block;
}

.layout-point::before {
background-position: right bottom;
	background-size: 100% auto;
	width: 45%;
	height: 115%;
    margin-top: 0vw;
    margin-right: -10vw;
}

.layout-point::after {
	background-image: url("../../images/top/icon04a_sp.svg");
	width: 40%;
	height: 110%;
    margin-bottom: -2vw;
    margin-left: 2vw; 
}

.layout-point .box-wrap {
    width: 100%;
    padding: calc(1.8vw var(--calc-sp));
    padding-top: calc(1.5vw var(--calc-sp));
    padding-bottom: 0px;
    opacity: 1;
    transform: translateY(0px);
}
    
.layout-point .box {
    width: 100%;
    border-radius: calc(1.5vw var(--calc-sp));
    padding: calc(2vw var(--calc-sp));
    padding-top: calc(2.5vw var(--calc-sp));
}

.layout-point .box:nth-child(2) {
    margin-top: 0vw;
}

.layout-point .box:nth-child(3) {
    margin-top: 0vw;
}

.layout-point .box::after {
    margin-top: calc(-1.2vw var(--calc-sp));
font-size: calc(2.3vw var(--calc-sp));
}
   
.layout-point .slider-point01 .box::after {
    content: "01";
}

.layout-point .slider-point02 .box::after {
    content: "02";
}

.layout-point .slider-point03 .box::after {
    content: "03";
}
    
.contents-top .layout-point .box-img img {
    height: calc(10vw var(--calc-sp));
    display: inline-block;
}

.layout-point h4 {
    font-size: calc(1.7vw var(--calc-sp));
    margin-bottom: calc(1.5vw var(--calc-sp));
}

.layout-point p {
    padding-top: calc(2.2vw var(--calc-sp));
}
 
    
/* contents04 */


.contents04 .title_contents-top {
	padding-top: calc(0vw var(--calc-sp));
}
    
/* modal-interview */

.modal-interview .lay01, .modal-interview .lay03 {
  justify-content: center;
    flex-direction: column-reverse;
    gap:calc(10.5vw var(--calc-sp));
    width: 100%;
}
    
.modal-interview .lay03 {
    gap:calc(0vw var(--calc-sp));
}

.modal-interview .lay01 .box-detail {
    width: 100%;
    text-align: center;
}
    
.modal-interview .lay01 .box-name {
    width: 100%;
}

.modal-interview .lay01 .box-detail::before {
bottom: calc(2vw var(--calc-sp));
	width: calc(4vw var(--calc-sp));
	height: calc(3vw var(--calc-sp));
}

.modal-interview .lay01 .box-img {
    width: 100%;
    text-align: center;
}

.modal-interview .lay02 {
    padding: 0px;
    padding-top: calc(1.2vw var(--calc-sp));
    padding-bottom: calc(4vw var(--calc-sp));
}

.modal-interview .lay03 .box-text {
    width: 100%;
    padding-top: calc(5vw var(--calc-sp));
}

.modal-interview .lay03 .box-text::before {
	height: calc(4.2vw var(--calc-sp));
    background-position: center top;
}

.modal-interview .lay03 .box-img {
    width: 100%;
}

.modal-interview .lay03 .box-img::after {
	width: calc(5vw var(--calc-sp));
	height: calc(4.5vw var(--calc-sp));
    margin-top: calc(-0.5vw var(--calc-sp));
}

.modal-interview h3 {
    font-size: calc(1.5vw var(--calc-sp));
    padding-top: calc(0vw var(--calc-sp));
    padding-bottom: calc(1vw var(--calc-sp));
}

.modal-interview h4 {
    padding: calc(2.5vw var(--calc-sp));
    padding-top: calc(0.7vw var(--calc-sp));
    padding-bottom: calc(0.7vw var(--calc-sp));
    border-radius: calc(4.4vw var(--calc-sp));
}

.modal-interview h5 {
    font-size: calc(0.95vw var(--calc-sp));
    padding: 0px;
    padding-top: calc(1.1vw var(--calc-sp));
    padding-bottom: calc(0.4vw var(--calc-sp));
}

.modal-interview h6 {
    font-size: calc(2.1vw var(--calc-sp));
}


/* layout-interview */

.layout-interview {
    padding: 0vw;
    padding-top: calc(6vw var(--calc-sp));
    padding-bottom: calc(6vw var(--calc-sp));
}

.layout-interview .box-inner {
  justify-content: center;
    gap:25vw 5.8vw;
    padding-top: calc(3vw var(--calc-sp));
}

.layout-interview .box-inner::before {
right: 5%;
background-position: left top;
	width: 90%;
	height: calc(6.5vw var(--calc-sp));
    margin-top: calc(-24vw var(--calc-sp));
}

.layout-interview .box {
    width: 100%;
}

.layout-interview .box::before, .layout-interview .box a::after {
	width: calc(10vw var(--calc-sp));
	height: calc(6vw var(--calc-sp));
    margin-bottom: calc(-2vw var(--calc-sp));
    margin-right: calc(-1vw var(--calc-sp));
}

.layout-interview .box-box {
    border-radius: 15px;
    padding: calc(2.5vw var(--calc-sp));
    padding-left: calc(12vw var(--calc-sp));
    height: calc(17vw var(--calc-sp));
}

.layout-interview .box-box::before {
	width: 60%;
	height: calc(22vw var(--calc-sp));
    margin-left: calc(-2vw var(--calc-sp));
}

.layout-interview .box-box::after {
right: calc(1vw var(--calc-sp));
	min-width: 35%;
    padding: calc(1.5vw var(--calc-sp));
    padding-top: calc(0.9vw var(--calc-sp));
    padding-bottom: calc(0.9vw var(--calc-sp));
    border-radius: calc(4.4vw var(--calc-sp));
    margin-top: calc(-1.5vw var(--calc-sp));
    font-size: calc(1vw var(--calc-sp));
}

.layout-interview h4 {
    font-size: calc(0.95vw var(--calc-sp));
}

.layout-interview h5 {
    font-size: calc(1.7vw var(--calc-sp));
    margin-bottom: calc(1.5vw var(--calc-sp));
}

.layout-interview ul {
   padding-left: 2.5vw;
}
    
.layout-interview ul li {
    text-indent: calc(-0.7vw var(--calc-sp));
    margin-left: calc(0.7vw var(--calc-sp));
}
    
.layout-interview ul li:not(:last-child) {
    margin-bottom: calc(0.7vw var(--calc-sp));
}
    
    
/* contents05 */

.contents05::before {
	height: calc(15vw var(--calc-sp));
    margin-top: calc(-2.2vw var(--calc-sp));
}

.contents05 .title_contents-top::before {
	width: calc(7.4vw var(--calc-sp));
	height: calc(5vw var(--calc-sp));
    margin-top: 0vw;
}


/* modal-training */

.modal-training h3 {
    font-size: calc(1.6vw var(--calc-sp));
    text-align: center;
    padding-top: 4vw;
}

.modal-training p {
    width: 94%;
}


/* layout-training */

.layout-training {
    padding: 0px;
    padding-top: calc(2vw var(--calc-sp));
    padding-bottom: calc(5vw var(--calc-sp));
}

.layout-training .title_contents-top {
    padding-top: calc(6vw var(--calc-sp));
}
    
.layout-training .box {
    padding: calc(0.7vw var(--calc-sp));
    padding-top: 0px;
    padding-bottom: 0px;
}

.layout-training .box a {
    padding: calc(1vw var(--calc-sp));
    border-radius: 15px;
}

.layout-training .box a::before {
right: calc(1vw  var(--calc-sp));
bottom: calc(1vw var(--calc-sp));
	width: calc(2vw var(--calc-sp));
	height: calc(2vw var(--calc-sp));
}

.layout-training h6 {
    font-size: calc(1.2vw var(--calc-sp));
    padding-top: calc(1vw var(--calc-sp));
}


/* contents06 */

.contents06::after {
	background-image: url("../../images/top/icon07_sp.svg");
	height: calc(11.5vw var(--calc-sp));
    margin-top: calc(-5.8vw var(--calc-sp));
}

.contents06 .box-inner {
    border-radius: 10.6vw 10.6vw 0px 0px;
    padding: 0px;
   padding-top: calc(5vw var(--calc-sp));
    padding-bottom: calc(5vw var(--calc-sp));
}

.contents06 .title_contents-top, .contents08 .title_contents-top {
    text-align: center;
}


/* layout-feature */

.contents-top .layout-feature {
    display: block;
}
    
.layout-feature .box-wrap {
    width: 100%;
    text-align: center;
    padding: 0px 5vw;
    opacity: 1;
    transform: translateY(0px);
}
    
.layout-feature .box {
   width: 100%;
    padding: 0px;
    padding-top: calc(3.7vw var(--calc-sp));
}

.layout-feature .box::before {
	height: calc(8vw var(--calc-sp));
}

.layout-feature .box-number {
    background-size: 100% auto;
	height: calc(22.8vw var(--calc-sp));
    padding-top: calc(5.9vw var(--calc-sp));
    margin-bottom: calc(0.5vw var(--calc-sp));
}

.layout-feature .box-detail {
	padding: calc(0vw var(--calc-sp));
    padding-top: 0px;
    padding-bottom: 0px;
}

.layout-feature h4 {
    font-size: calc(6.3vw var(--calc-sp));
}

.layout-feature h4::after {
    font-size: calc(1.9vw var(--calc-sp));
}
    
.layout-feature h5 {
    font-size: calc(1.5vw var(--calc-sp));
    font-weight: var(--base-font-weight);
}

.layout-feature p {
    padding-top: calc(1vw var(--calc-sp));
}
 
    
/* contents07 */


.contents07::after {
    background-image: url("../../images/top/icon08a_sp.svg");
left: 6%;
top: calc(0vw var(--calc-sp));
	width: 88%;
	height: calc(17vw var(--calc-sp));
    margin-top: -20vw;	
    padding-bottom: 0vw;
}


/* modal-recruit */

    
.modal-recruit .box-title, .modal-faq .box-title {
    height: calc(6vw var(--calc-sp));
}
    
.modal-recruit .box-title {
    padding-right: 10vw;
}

.modal-recruit .box-title::before {
	width: calc(6.5vw var(--calc-sp));
	height: calc(4.5vw var(--calc-sp));
    margin-top: calc(-1.5vw var(--calc-sp));
    margin-right: -10vw;
	bottom:20px;
}
    
.modal-recruit03 .box-title::before {
    margin-right: -6vw;
}

.modal-recruit .box-detail .box {
    padding: calc(0vw var(--calc-sp));
    padding-top: calc(1.5vw var(--calc-sp));
    padding-bottom: calc(1.5vw var(--calc-sp));
    gap:2vw;
}

.modal-recruit .box-detail .lay01 {
    width: 100%;
}

.modal-recruit .box-detail .lay02 {
    width: 100%;
}

.modal-recruit .box-link {
    padding-top: calc(2.9vw var(--calc-sp));
}


/* modal-faq */

.modal-faq .box-title::before {
 content: "";
left: 0vw;
	height: calc(5.5vw var(--calc-sp));
    margin-top: calc(-0.6vw var(--calc-sp));
    margin-left: -2vw;
}

.modal-faq .box {
    padding: calc(0.4vw var(--calc-sp));
    padding-top: calc(1.5vw var(--calc-sp));
    padding-bottom: calc(1.5vw var(--calc-sp));
}

.modal-recruit h3, .modal-faq h3 {
    font-size: calc(1.5vw var(--calc-sp));
}

.modal-recruit h4, .modal-faq h4 {
    padding-top: calc(0.4vw var(--calc-sp));
    font-size: calc(1vw var(--calc-sp));
}

.modal-faq h5 {
    padding-left: calc(2.94vw var(--calc-sp));
    margin-bottom: 3vw;
}

.modal-recruit h6 a {
    padding: calc(4.4vw var(--calc-sp));
    padding-top: calc(1.25vw var(--calc-sp));
    padding-bottom: calc(1.25vw var(--calc-sp));
    border-radius: calc(4.4vw var(--calc-sp));
}

.modal-recruit p span {
    font-size: calc(0.95vw var(--calc-sp));
}

.modal-recruit ul  {
    margin-left: calc(1.5vw var(--calc-sp));
}

.modal-recruit ul.text-mini li {
    font-size: calc(0.95vw var(--calc-sp));
}

.modal-recruit ul li:not(:last-child) {
    margin-bottom: calc(0.7vw var(--calc-sp));
}


/* layout-recruit */

.layout-recruit {
    padding: 0px;
    padding-top: calc(2vw var(--calc-sp));
    padding-bottom: calc(5vw var(--calc-sp));
}
    
.layout-recruit .title_contents-top {
    padding-top: calc(6vw var(--calc-sp));
}
    
.layout-recruit .box-inner {
    width: 100%;
}

.layout-recruit::before {
    display: none;
}
    
.slider-recruit .animation_box {
	opacity: 1;
}

.slider-recruit .animation_box-bottom {
	transform: translateY(0px);
}

.layout-recruit .lay01, .layout-recruit .lay02 {
  justify-content: center;
}

.layout-recruit .lay01 .box-wrap {
   width: 100%;
    padding: 0px 3vw;
}
    
.layout-recruit .lay01 .box {
   width: 100%;
    height: calc(30vw var(--calc-sp));
    border-radius: calc(12vw var(--calc-sp));
}

.layout-recruit .lay01 .box a {
    padding-top: calc(5vw var(--calc-sp));
}

.layout-recruit .lay01 .box a::before, .layout-recruit .lay01 .box a::after {
	height: calc(8.4vw var(--calc-sp));
}

.contents-top .layout-recruit .lay01 .box-img img {
   width: 70%;
    display: inline-block;
}

.layout-recruit .lay01 h4 {
    min-height: calc(5.1vw var(--calc-sp));
    font-size: calc(1.6vw var(--calc-sp));
}

.layout-recruit .lay01 h5 {
    padding-top: calc(0.7vw var(--calc-sp));
    padding-bottom: calc(1.8vw var(--calc-sp));
}


.layout-recruit .lay02 {
    padding-top: calc(3vw var(--calc-sp));
}

.layout-recruit .lay02 .link01:first-child {
    margin-bottom: 2vw;
}
    
.layout-recruit .lay02 .link01 a {
    min-width: 88vw;
    font-size: calc(1.2vw var(--calc-sp));
}


/* contents08 */

.contents08 {
    margin-bottom: calc(14vw var(--calc-sp));
}

.contents08 .box-inner::before {
    content: "";
	position: absolute;
left: 0px;
bottom: 0px;
	background-image: url("../../images/top/frame-message_sp2.svg");
background-position: center top;
background-repeat: no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 27vw;
    margin-bottom: -25vw;
}

.contents08 .box-img::before {
    background-size: cover;
    background-image: url("../../images/top/frame-message_sp.png");
}

.contents08 .box-detail {
    position: static;
    width: 100%;
    height: auto;
    display: block;
    padding-top: calc(0vw var(--calc-sp));
    background-color: #FFF;
}

.contents08 .box-detail .inner {
    width: 88%;
    padding-right: 0vw;
    margin: 0px auto;
}

.contents08 .box-detail .inner::before {
right: calc(0vw var(--calc-sp));
	width: calc(6.25vw var(--calc-sp));
	height: calc(4vw var(--calc-sp));
    margin-top: calc(-5.2vw var(--calc-sp));
}

.contents08 .box-detail .inner::after {
	width: 85vw;
	height: calc(5vw var(--calc-sp));
    margin-top: calc(-37vw var(--calc-sp));
    margin-left: calc(0vw var(--calc-sp));
    background-position: right top;
}

.contents08 h6 {
    padding-top: calc(2.9vw var(--calc-sp));
}

    
/* contents09 */

.contents09::after {
left: calc(2vw var(--calc-sp));
	width: calc(22vw var(--calc-sp));
	height: calc(9vw var(--calc-sp));
    margin-top: calc(-5.5vw var(--calc-sp));
}

.contents09 .box-inner {
    border-radius: 10.6vw 10.6vw 0px 0px;
    background-color: #FFF6E6;
}

.contents09-contact .box-inner {
    border-radius: 0px;
}

.contents09 .title_contents-top::before {
	width: calc(4.2vw var(--calc-sp));
	height: calc(3.6vw var(--calc-sp));
    margin-top: calc(-15vw var(--calc-sp));
}

.contents09 .layout01 {
    padding-top: calc(7vw var(--calc-sp));
    padding-bottom: calc(0vw var(--calc-sp));
}

.contents09 .layout01 .inner {
    display: none;
}

.contents09 .layout02, .contents09 .layout03 {
    padding-top: calc(8vw var(--calc-sp));
    padding-bottom: calc(6vw var(--calc-sp));
}
    
.contents09 .layout02 {
    padding-top: calc(0vw var(--calc-sp));
    padding-bottom: calc(3vw var(--calc-sp));
}
    
    .contents09-contact .layout03 {
        padding-top: calc(0vw var(--calc-sp));
    } 

.contents09 .layout02::before, .contents09 .layout03::before {
	height: calc(4vw var(--calc-sp));
}

.contents09 .layout02::before {
	display: none;
}

.contents09 .layout02 h3, .contents09 .layout03 h3 {
    margin-bottom: calc(2vw var(--calc-sp));
}

.contents09 .layout02 h3 img, .contents09 .layout03 h3 img {
    width: 75%;
}

.contents09 .layout02 .inner {
  justify-content: center;
    gap:7vw 0px;
}

.contents09 .layout02 .box {
    width: 100%;
    height: auto;
    border-radius: calc(1.5vw var(--calc-sp));
    gap:5vw 0px;
    padding: calc(0vw var(--calc-sp));
    padding-top: calc(2vw var(--calc-sp));
    padding-bottom: calc(2vw var(--calc-sp));
}

.contents09 .layout02 .box-box {
    gap:3vw 0px;
}

.contents09 .layout02 h6 a {
    border-radius: calc(4.4vw var(--calc-sp));
    padding-top: calc(0.9vw var(--calc-sp));
    padding-bottom: calc(0.9vw var(--calc-sp));
    width: calc(20.5vw var(--calc-sp));
}

.contents09 .layout02 .box:nth-child(1) h6 a::before {
right: calc(2.2vw var(--calc-sp));
top: calc(1.1vw var(--calc-sp));
	width: calc(0.95vw var(--calc-sp));
	height: calc(0.95vw var(--calc-sp));
}

.contents09 .layout02 .box:nth-child(2) h6 {
    padding-left: calc(0vw var(--calc-sp));
    padding-top: 17vw;
}

.contents09 .layout02 .box:nth-child(2) h6 a::before {
	width: 100%;
	height: calc(4.2vw var(--calc-sp));
    margin-left: calc(0vw var(--calc-sp));
    margin-top: calc(-5vw var(--calc-sp));
    background-position: center top;
}

.contact {
    width: 88%;
    padding-top: calc(3vw var(--calc-sp));
}

.contact #formWrap h4 {
	margin-bottom:calc(2.2vw var(--calc-sp));
}

.contact #formWrap h5 {
	font-size: calc(1.8vw var(--calc-sp));
	margin-bottom: calc(1.5vw var(--calc-sp));
}

.contact .box-input:not(:last-child) {
    margin-bottom: calc(2vw var(--calc-sp));
}

.contact .box-input .lay02 {
    gap:2.5vw 1.5vw;
    padding-top: calc(1.1vw var(--calc-sp));
}

.contact .inputbox {
    gap:calc(0.7vw var(--calc-sp));
}

.contact .box-input5 {
    width: 85%;
}

.contact .box-input5 .inputbox p {
    width: 100%;
}

.contact .box-input5 .inputbox input {
    flex: 1;
}

.contact .box-input5 .inputbox:nth-child(1) {
    width: 100%;
}
.contact .box-input5 .inputbox:nth-child(2) {
    width: 100%;
}
.contact .box-input5 .inputbox:nth-child(1) p, .contact .box-input5 .inputbox:nth-child(2) p {
    width: auto;
}
.contact .box-input5 .inputbox:nth-child(1) p:nth-child(2) {
    width: 100%;
}
.contact .box-input5 .inputbox:nth-child(2) p:nth-child(2) {
    width: 100%;
}
.contact .box-input5 .inputbox:nth-child(1) p input, .contact .box-input5 .inputbox:nth-child(2) p input {
    width: 100%;
}
.contact .box-input5 .inputbox:nth-child(3),.contact .box-input5 .inputbox:nth-child(4),.contact .box-input5 .inputbox:nth-child(5) {
    width: 100%;
}
.contact .box-input5 .inputbox:nth-child(3) p,.contact .box-input5 .inputbox:nth-child(4) p,.contact .box-input5 .inputbox:nth-child(5) p{
	width: 100%;
}
.contact .box-input5 .inputbox:nth-child(3) p:nth-child(2),.contact .box-input5 .inputbox:nth-child(4) p:nth-child(2) ,.contact .box-input5 .inputbox:nth-child(5) p:nth-child(2)  {
    width: 100%;
}
    
.contact .whitebox {
    border-radius: calc(0.7vw var(--calc-sp));
    padding: calc(0.7vw var(--calc-sp));
}

.contact .box-input3 .whitebox {
    min-width: calc(7.8vw var(--calc-sp));
}

.contact .inputbox input, .contact .inputbox select {
	border-radius: calc(0.7vw var(--calc-sp));
}

.contact .box-input4 .inputbox select {
    width: calc(5.9vw var(--calc-sp));
}

.contact .box-input5 .inputbox select {
    width: 77%;
}

.contact .inputbox textarea {
	border-radius: calc(0.7vw var(--calc-sp));
}

input,textarea,button, select{
	padding:calc(0.7vw var(--calc-sp));
}

select{
background-position: right 10px center;
background-size: auto 10px;
}

textarea[type="textarea"] {
	padding: calc(0.7vw var(--calc-sp));
}

.contact .radio-text {
    padding-left: calc(1.8vw var(--calc-sp));
}

input[type="checkbox"] {
  width: calc(1.5vw var(--calc-sp));
  height: calc(1.5vw var(--calc-sp));
    border-radius: calc(0.4vw var(--calc-sp));
}

input[type="checkbox"]:checked:before {
  top: calc(0.4vw var(--calc-sp));
  left: calc(0.6vw var(--calc-sp));
  width: calc(0.3vw var(--calc-sp));
  height: calc(0.6vw var(--calc-sp));
}

.contact .box-form h5::after, .contact .box-form p::after {
    font-size: calc(1vw var(--calc-sp));
    padding: calc(1.5vw var(--calc-sp));
    padding-top: calc(0.4vw var(--calc-sp));
    padding-bottom: calc(0.4vw var(--calc-sp));
    border-radius: calc(4.4vw var(--calc-sp));
    margin-left: calc(0.7vw var(--calc-sp));
}

.button {
	margin-top: calc(2vw var(--calc-sp));
}

button span, a.btn-mail, .btn-box input, .btn-back {
	padding:calc(5.8vw var(--calc-sp));
    padding-top: calc(1.3vw var(--calc-sp));
    padding-bottom: calc(1.3vw var(--calc-sp));
	border-radius: calc(4.4vw var(--calc-sp));
}

.contact .box-telnumber p {
    font-size: calc(0.8vw var(--calc-sp));
}

.btn-box {
	padding-top: calc(2.9vw var(--calc-sp));
	gap:calc(0.7vw var(--calc-sp));
}

.btn-box::after, a.btn-mail::after {
	height: 30px;
    margin-bottom: -30px;
}

.checktext {
    padding-top: calc(1vw var(--calc-sp));
}

.checktext .box-check {
    padding-top: calc(2.2vw var(--calc-sp));
    gap:calc(0.7vw var(--calc-sp));
    text-align: left;
}

.checktext .box-text {
    padding-top: calc(2vw var(--calc-sp));
}


#formWrap {
	padding-top: calc(0vw var(--calc-sp));
	padding-bottom: calc(3vw var(--calc-sp));
}

table.formTable tr {
    gap:calc(1.1vw var(--calc-sp));
}

table.formTable tr:not(:last-child) {
    margin-bottom: calc(1.8vw var(--calc-sp));
}

table.formTable td {
	border-radius: calc(0.7vw var(--calc-sp));
	padding: calc(1.1vw var(--calc-sp));
    padding-top: calc(0.7vw var(--calc-sp));
    padding-bottom: calc(0.7vw var(--calc-sp));
}





.contents-top .pc-view {
        display: none;
    }
.contents-top .sp-view {
        display: inline-block;
    }
    
   
}