@charset "utf-8";
html {
	font-size: 62.5%;
    width: 100%;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("../fonts/static/NotoSansJP-Light.ttf");
    font-weight: normal;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("../fonts/static/NotoSansJP-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("../fonts/static/NotoSansJP-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("../fonts/static/NotoSansJP-Black.ttf");
    font-weight: 900;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 1.8;
	letter-spacing: 0.06em;
	text-align: left;
	font-weight: 400;
    min-width: 1400px;
}

body.no-x-overflow {
    overflow-x: hidden !important;
    min-width: 0 !important;
}

.error-page > .recruit-detail-content{
        padding: o;
        margin: 0;
}

a {
	color: #333;
	text-decoration: none;
}

h2{
    font-size: 150%;
    font-weight: 600;
}

h3{
    font-size: 135%;
    font-weight: 600;
}

h4{
    font-weight: 600;
}

.img-m{
    display: none;
}

.nav-m{
    display: none;
}

.scroll {
    position: absolute;
    right: 10%;
    bottom: -400px;
    animation-name: scroll;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.2s;
    font-size: 20px;
    writing-mode: vertical-rl;
}
@keyframes scroll {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}

#page-top {
    position: fixed;
    display: block;
    right: 130px;
    bottom: 130px;
    height: 80px;
    width: 80px;
    font-size: 24px;
    line-height: 1.2rem;
    background: #fff;
    color: #737373;
    padding: 30px 0px 0px 25px;
    border: solid 0.5px #737373;
    border-radius: 50%;
    box-shadow: 0 2px 10px -6px #737373, 0 3px 10px -4px rgba(0,0,0,.2);
    z-index: 6;
}

#page-top:hover {
    background: #fff;
    color: #0ABDE3;
}

.content-h-2{
    position: relative;
    padding-left: 45px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: left; 
}

.content-h-2::before,.content-h-2::after{
    background-color: #0ABDE3;
    content: "";
    height: 22px;
    width: 12px;
    transform: skewX(-25deg);

}

.content-h-2::before{
    position: absolute;
    left: 10px;
    top: 12px;
}

.content-h-2::after{
    position: absolute;
    left: 24px;
    top: 12px;
}

.content-h-2-big{
    position: relative;
    padding-left: 45px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: left; 
}

.content-h-2-big::before,.content-h-2-big::after{
    background-color: #0ABDE3;
    content: "";
    height: 22px;
    width: 12px;
    transform: skewX(-25deg);

}

.content-h-2-big::before{
    position: absolute;
    left: 10px;
    top: 12px;
}

.content-h-2-big::after{
    position: absolute;
    left: 24px;
    top: 12px;
}



.content-h-2-small{
    position: relative;
    padding-left: 45px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: left; 
}

.content-h-2-small::before,.content-h-2-small::after{
    background-color: #0ABDE3;
    content: "";
    height: 22px;
    width: 12px;
    transform: skewX(-25deg);

}

.content-h-2-small::before{
    position: absolute;
    left: 10px;
    top: 24%;
}

.content-h-2-small::after{
    position: absolute;
    left: 24px;
    top:24%;
}

/*header-pc*/
header{
    width: 100%;
    height: 100px;
    background-color: #F5F5F5;
}
.header-inner{
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;

}

.logo img{
    display: inline-block;
    width: 220px;
    margin-top: 8px;
}

nav{
    width: 66%;
    text-align: right;
}
ol{
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    justify-content: center;
  align-items: center;
}


.header-inner > nav > ol > li > a {
    margin-top: -15px;
    padding: 10px 18px;
}
.nav-current{
    background-color: #0ABDE3;
    padding: 10px 30px;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}

.header-contact{
    display: inline-block;
    position: relative;
    width: 150px;
    border-radius: 50px;
    padding: 45px 30px;
    background-color: #ffffff;
    color: #000000;
    font-weight: 400;
    box-shadow: 0px 2px 1px #a1a1a1;
    text-align: left;
    font-size: 14px;
}
.header-contact > span{
    margin-left: -5px;
}
.header-contact::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    right: 20px;
    transform: rotate(45deg);
}

.header-contact-border{
    border-left: 1px solid #000;
    margin-left: 25px;
    padding-left: 25px;
}

.top{
    width: 100%;
    height: 630px;
    text-align: center;
}


.top > .top-img-pc{
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: -30px;
}

.top > .top-img-pc::before{
    position: absolute;
    content:"";
    background-color: #fff;
    width: 20px;
    height: 600px;
    left: -10px;
}

.top > .top-img-pc::after{
    position: absolute;
    content:"";
    background-color: #fff;
    width: 25px;
    height: 600px;
    right: -10px;
}

.top > .top-img-pc > .img-pc{
    display: inline-block;
    width: 1000px;
    margin-top: 15px;
}


.top-info {
    position: relative;
    display: flex;
    width: 1000px;
    height: 52px;
    margin: 30px auto;
    margin-top: -15px;
    border: 1px solid #6b6b6b;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    z-index: 10;
}
  
.top-info span{
    font-size: 18px;
    margin-top: 8px;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 40px;
    line-height: 30px;
    margin-top: 8px;
    background-color: #fff;
    z-index: 3;
    width: 100%;

}

#top-info-content {
    display: inline-block;
    width: 1100px;
    color: #fff;
    line-height: 30px;
    margin-top: 9px;
    margin-left: 10px;
}
iframe {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
/*index-pc*/
.sub{
    margin-top: 10px;
    width: 100%;
    background-color: #0ABDE3;
}

.sub-inner{
    width: 900px;
    margin: 0 auto;
    padding: 100px 0px;
}

.sub-content{
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.sub-content-img {
    margin: 0 auto;
    width: 300px;
    height: 300px;
    border-radius:50%;
    background-image: url("../img/subimg.gif");
    object-fit: none;
    background-position: 40% 60%;
    background-size: 350px;
}

.sub-content > div > h3{
    padding-top: 60px;
    color: #fff;
    font-weight: 400;
}

.sub-link{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}

.sub-link-service{
    position: relative;
    width: 48%;
    margin-top: 30px;
    padding: 30px 50px;
    border-radius: 20px;
    text-align: left;
    background-color: #ffffff;
    border: none;
    color: #000000;
    box-shadow: 0px 3px 6px #a1a1a1; 
}

.sub-link-service:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -4px;
    transform: rotate(45deg);
}

.service{
    position: relative;
    margin-top: 80px;
    width: 100%;
}

.service-inner{
    width: 1000px;
    margin: 0 auto;
}

.service-inner > p{
    margin-top: -15px;
    margin-bottom: 10px;
}

.service-inner > h2{
    margin-top: 30px;
    color: #000;
}

.font-bule{
    color: #0ABDE3;
    font-size: 18px;
}

.font-black{
    color: #000;
}

.service-inner > div {
    width: 100%;
    text-align: center;
}

.service-inner > div > .img-pc{
    display: inline-block;
    width: 850px;
    margin: 0 auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.service > .robo {
    position: absolute;
    width: 180px;
    bottom: -100px;
    margin-left: 80%;
    transform: scale(-1, 1);
}

/*link*/
.link-button2{
    position: relative;
	display: inline-block;
	padding: 0 0 0 30px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.link-button2::before,
.link-button2::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
    margin: auto;
	content: "";
	vertical-align: middle;
}
.link-button2::before{
	width: 22px;
	height: 22px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FECA57;
}
.link-button2::after{
	left: 8px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.link-button2 > p{
    margin-top: 15px;
}

.font-white{
    color: #fff;
}


.contact{
    display: inline-block;
    position: relative;
    padding: 20px 50px 20px 30px;
    width: 260px;
    border-radius: 50px;
    background-color: #ffffff;
    color: #000000;
    font-weight: 400;
    box-shadow: 0px 2px 1px #a1a1a1;
    text-align: left;
}
.contact::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    right: 40px;
    transform: rotate(45deg);
}


.detail-link{
    position: relative;
    padding: 8px 60px 8px 40px;
    width: 90px;
    border-radius: 50px;
    background-color: #F5F5F5;
    color: #000000;
    box-shadow: 0px 2px 1px #a1a1a1;
}
.detail-link::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    right: 20px;
    transform: rotate(45deg);
}


img.h2img{
    vertical-align: -5px;
    margin-right: 5px;
}

.recruit{
    position: relative;
    width: 100%;
    height: 420px;
    margin-top: 100px;
}

.recruit::after{
    content: "";
    position: absolute;
    width: 80%;
    height: 290px;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: -1;
    border-radius: 0px 100px 100px 0px;
    box-shadow: 0px 3px 6px #a1a1a1; 
}

.recruit::before{
    content: "";
    position: absolute;
    width: 80%;
    height: 290px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #0ABDE3;
    z-index: -1;
    border-radius: 100px 0px 0px 100px;
    box-shadow: 0px 3px 6px #a1a1a1; 
}

.recruit-inner{ 
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding-top: 60px;
}
.recruit-inner > p{
    position: relative;
    max-width: 86%;
}

.recruit-inner > p > a{
    position: absolute;
    bottom: -15px;
    right: 0;
}



/*footer*/
footer{
    position: relative;
    margin-top: 0px;
    height: 260px;
    background-color: #F5F5F5;
}

.footer-inner{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

.footer-inner > nav{
    position: relative;
    width: 500px;
}

.footer-inner > nav > ol {
    justify-content: space-between;
}

.copy{
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.nav-current-footer{
    border-bottom: solid 3px #0ABDE3;
}

.footer-inner > nav > div {
    position: absolute;
    right: 0;
    width: 530px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}


/*page*/

/*company-page*/
.company-top{
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 100%;
    z-index: 0;
}
.company-top-text{
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 500px;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

.company-top-text::-webkit-scrollbar {
    width: 0;
}

.company-top-text-item {
    position: relative;
    scroll-snap-align: start;
    height: 480px;   
}

.company-top-text-item > div{
    position: absolute;
    top: 45%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%);
}

.company-top-text-item > h2{
    font-size: 175%;
}
.campany-h2{
    margin-right: 10px;
    width: 45px;
    vertical-align: middle;
}

.campany-h2 > span{
    width: 50px;
    vertical-align: middle;
}

body.fixed {
    position: fixed;
    width: 100%;
}

.list{
    position: absolute;
    display: block;
    top: 140px;
    left: 20%;
}
.list > li {
    position: relative;
	display: block;
    margin: 10px 0px;
	padding: 0 0 0 30px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
    font-size: 112.5%;
}

.list > li::before{
    position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
    margin: auto;
	content: "";
	vertical-align: middle;
	width: 22px;
	height: 22px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #4BB0F8;
}

.list > li:nth-child(2):before{
	background: #FECA57;
}
.list > li:nth-child(3):before{
	background: #FF9FF3;
}

.list > li > a{
    display: inline-block;
    margin-top: -2px;
}

.list-button.selected {
    font-size: 24px;
}


.company-top-text > .company-top-text-item:nth-child(2) .content-h-2::before,
.company-top-text > .company-top-text-item:nth-child(2) .content-h-2-big::before{
    background-color: #FECA57;
}
.company-top-text > .company-top-text-item:nth-child(2) .content-h-2::after,
.company-top-text > .company-top-text-item:nth-child(2) .content-h-2-big::after{
    background-color: #FECA57;
}
.company-top-text > .company-top-text-item:nth-child(3) .content-h-2::before,
.company-top-text > .company-top-text-item:nth-child(3) .content-h-2-big::before{
    background-color: #FF9FF3;
}
.company-top-text > .company-top-text-item:nth-child(3) .content-h-2::after,
.company-top-text > .company-top-text-item:nth-child(3) .content-h-2-big::after{
    background-color: #FF9FF3;
}

.company-sub{
    width: 100%;
    height: 284px;
    margin-top: 500px;
}
.company-sub-wrap{
    width: 100%;
    height: 284px;
    background-color: #0ABDE3;
    z-index: 10;
}


.company-sub-inner{
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 25px 0px;
}

.company-sub-content{
    position: absolute;
    right: 0;
    width: 820px;
    height: 234px;
    padding: 20px 80px 14px 80px;
    background-color: #fff;
    border-radius: 300px;
    text-align: center;
}
.company-sub-content-inner{
    display: flex;
    justify-content: space-between;
    margin-left: -18px;
}
.company-sub-content-inner > div{
    margin: 0px 14px;
}

.company-sub-content-inner > div > img{
    width: 200px;
    height: 140px;
    margin-top: 5px;
}

.company-sub > a {
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 10px;
    color: #000;
}

.company-intro{
    width: 100%;
    margin-top: 100px;
    padding-bottom: 80px;
}

.company-intro-inner{
    width: 1000px;
    margin: 0 auto;
}

.company-intro-line{
    display: flex;
    padding: 16px 0px;
    border-top: solid 1px #a1a1a1;
}

.company-intro-name{
    font-size: 20px;
}
.company-intro-line > h4{
    width: 20%;
}

.company-intro-line > p{
    width: 70%;
    padding-top: 6px;
    padding-bottom: 6px;
}
.company-intro-line:nth-child(1) > p{
    width: 70%;
    line-height: 1.5;
}
.company-intro-map{
    border:0;
}
.company-intro-map > img{
    width: 500px;
    height: auto;
}

/*subpage-top*/
.subpage-top{
    width: 100%;
}

.subpage-top-inner{
    display: flex;
    width: 1200px;
    margin: 0 auto;
}

.subpage-top-inner::after{
    content: "";
    position: absolute;
    left:0;
    top: 0;
    width: 60%;
    height: 400px;
    background: #F5F5F5;
    z-index: -1;
}

.subpage-top-inner > div{
    position: relative;
    width: 1200px;
}

.subpage-top-inner > div > h3{
    margin-top: 50px;
    color: #0ABDE3;
    font-weight: 600;
}

.subpage-top-inner > div > h2{
    margin-top: -40px;
    font-size: 375%;
    color: #5B5B5B;
    font-weight: 900;
}

.subpage-top-inner > div > p{
    margin-top: -60px;
}

.subpage-top-inner > img{
    display: inline-block;
    margin-top: 60px;
    margin-right: 5%;
    width: 420px;
} 

/*service-page*/

.service-content{
    width: 100%;
    margin-top: 60px;
    background-color: rgba(10,189,227,0.1);
    z-index: -1;
    overflow: hidden;
}

.service-content-inner{
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0px 160px 0px;
}

.service-content-item{
    position: relative;
    display: flex;
    margin-top: 80px;
    z-index: 1;
}

.service-content-item > div{
    padding: 20px 80px;
    z-index: 1;
}
.service-content-item > div::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: -1000px;
    width: 1850px;
    height: 245px;
    z-index: 0;
    background-color: #fff;
    border-radius: 150px;
}
.service-content-item:nth-child(1) > div::before {
    height: 266px;
}


.service-content-item > img {
    width: 300px;
    z-index: 2;
}

.service-content-item > div > h3{
    position: relative;
    margin-top: 15px;
    z-index: 2;
}

.service-content-item:nth-child(1) > div > h3{
    color: #FF9F43;
}
.service-content-item:nth-child(2) > div > h3{
    color:#2ECC71
}
.service-content-item:nth-child(3) > div > h3{
    color:#29ABE2;
}

.service-content-item > div > p{
    position: relative;
    margin-top: -10px;
    z-index: 2;
}

.service-content-item > div > a{
    position: relative;
    z-index: 2;
}


/*service-page*/
.service-page-top{
    width: 100%;
    min-width: 1400px;
    overflow: hidden;
}

.service-page-top-inner{
    display: flex;
    width: 1400px;
    margin: 0 auto;
}

.service-page-top-inner > nav{
    position: fixed;
    width: 400px;
    margin-top: 170px;
}

.service-top-nav > li{
    position: relative;
    margin-top: 5px;
    margin-left: 70px;
    list-style: none;
    text-align: left;
}

.service-top-nav > li > .service-current{
    border-bottom: 3px solid #0ABDE3;
}

.service-top-nav > li::before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 53%;
    left: -24px;
    transform: translateY(-53%);
    -webkit-transform: translateY(-53%);
    -ms-transform: translateY(-53%); 
    transform: rotate(45deg);
}

.service-top-detailNav{
    margin-top: 30px;
}

.service-top-detailNav > li{
    position: relative;
    margin-top: 5px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
    margin-left: 70px;
    list-style: none;
    text-align: left;
}
.service-top-detailNav > li::before,
.service-top-detailNav > li::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
    margin: auto;
	content: "";
	vertical-align: middle;
}
.service-top-detailNav > li::before{
	width: 22px;
	height: 22px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FECA57;
}
.service-top-detailNav > li::after{
	left: -24px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.service-top-right{
    margin-left: 300px;
    width: 80%;
    display: flex;
}

.service-top-right > div{
    position: relative;
    margin-top: 110px;
    padding: 50px 80px;
}

.service-top-right > div::before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0px;
    width: 665px;
    height: 260px;
    background-color: #F1F3F5;
}

.service-top-right > div > h2{
    position: relative;
    margin-top: 0px;
    color: #fff;
    font-weight: 600;
    z-index: 1;
}

.service-top-right > div > h2::before{
    position: absolute;
    content: '';
    top: -4px;
    bottom: 0;
    left: -52px;
    width: 340px;
    height: 50px;
    background-color: #0ABDE3;
    border-radius: 0px 50px 50px 0px;
    z-index: -1;
}

.service-top-right > div > p{
    position: relative;
    z-index: 1;
}

.service-top-right > img{
    margin-top: 100px;
    margin-left: -70px;
    z-index: 1;
}

.service-top-right-media{
    margin-top: 130px !important;
    width: 350px;
    height:230px;
}
.service-top-right-shisetsu{
    width: 350px;
    height:260px;
    margin-top: 120px!important;
}
.service-top-right-soft{
    width: 350px;
    height:255px;
    margin-top: 130px!important;
}
.service-page-content{
    width: 100%;
}

.service-page-backgryoud{
    width: 100%;
    background-color: rgba(10,189,227,0.1);
}

.service-page-content-inner{
    position: relative;
    width: 1000px;
    margin: 0 auto;
    margin-top: 110px;
    padding: 70px 0px;
    padding-left: 130px;
    
}

.service-page-content-inner > h2{
    margin-bottom: -10px;
}

.service-page-content-cate1 > h4{
    font-size: 130%;
    font-weight: 400;
}

.service-page-content-cate1 > ul > li{
    position: relative;
    margin-top: 15px;
    list-style: none;
    font-weight: 600;
}

.service-page-content-cate1 > ul > li::after{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    left: -24px;
    transform: rotate(45deg);
}

.service-page-content-cate1 > ul > p{
    margin-top: 0px;
    margin-left: -24px;
    margin-bottom: 25px;
}

.service-page-content-cate1 > .bold{
    margin-top: 30px;
    margin-bottom: -10px;
}
.service-page-content-cate2{
    margin: 50px 0px;
}

.service-page-content-cate2 > h3{
    font-weight: 400;
}

.service-page-content-cate2 > p{
    margin: 5px 0px;
}


.content-h3{
    font-weight: 400;
    align-items: center;
    display: flex;
    justify-content: left; 
}

.content-h3::before, h3::after{
    background-color: #0ABDE3;
    content: "";
    height: 25px;
    width: 40px;
    transform: skewX(-25deg);

}

.content-h3::before{
    margin-right: 10px;
}

.content-h3::after{
    margin-left: 10px;
    width: 20px;
}

.service-page-content-cate3{
    margin-top: 80px;
}

.service-page-content-cate3 > h3{
    margin-bottom: -10px;
    font-weight: 600;
}

.service-page-content-cate3 > div {
    display: flex;
    height: auto;
    padding: 30px 0px;
    border-bottom: 1px solid #5B5B5B; 
}

.service-page-content-cate3 > div > h4{
    width: 120px;
}
.service-page-content-cate3 > div > p{
    line-height: 2.4;
}

.service-page-bottom{
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 70px 0px;
    padding-left: 130px;
}

.service-page-bottom > h4{
    position: relative;
    margin-left: 25px;
    padding-bottom: -10px;
    text-align: left;
    z-index: 2;
    line-height: 1;
}

.service-page-bottom > h4::before {
    position: absolute;
    content:'●';
    left: -28px;
    margin-right: 5px;
    font-size: 22px;
    color: #0ABDE3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%);  
  
}




/*select-page*/
.subpage-top-select > .subpage-top-inner > img{
    display: inline-block;
    width: 400px;
} 
.select-content{
    width: 100%;
    margin-top: 110px;
    background-color: rgba(10,189,227,0.1);
}

.select-content-inner{
    width: 1000px;
    margin: 0 auto; 
    padding: 80px 0px;
    text-align: center;
}

.select-content-inner > h2 > span{
    color:#0ABDE3;
    font-weight: 600;
}

.select-content-inner > h2{
    font-size: 162.5%;
}

.select-content-inner > ul{
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 100px;
} 

.select-content-inner > ul > li{
    position: relative;
    width: 200px;
    height: 225px;
    padding-top: 40px;
    padding-bottom: 40px;
    list-style: none;
    background-color: #fff;
}

.select-content-inner > ul > li > span{
    position: absolute;
    top: -25px;
    left: 75px;
    width: 50px;
    height: 50px;
    background-color: #0ABDE3;
    color: #fff;
    font-weight: 400;
    font-size: 125%;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 3px 6px #a1a1a1; 
    text-align:center;
    line-height: 50px;
}

.select-content-inner > ul > li > p{
    font-weight: 600;
}

.select-content-item{
    margin-top: 40px;
    text-align: left;
}

.select-content-item > p{
    padding: 40px 50px;
    background-color: #fff;
    border-radius: 20px;
}

.select-content-item > h3{
    position: relative;
    margin-left: 55px;
}

.select-content-item > h3 > span{
    position: absolute;
    top: 0px;
    left: -52px;
    width: 40px;
    height: 40px;
    padding-top: -15px;
    background-color: #0ABDE3;
    color: #fff;
    font-weight: 400;
    font-size: 100%;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 3px 6px #a1a1a1; 
    text-align:center;
    line-height: 40px;
}


.select-contact{
    background-color: #0ABDE3;
    text-align: center;
    padding: 50px 0px 90px 0px;
}

.select-contact > p{
    margin-bottom: 30px;
    color: #fff;
    font-size: 112.5%;
    font-weight: 400;
}

.select-contact > .contact{
    width: 210px;
}



.select-service{
    width: 100%;
    padding: 50px 0px;
    text-align: center;
    padding-bottom: 80px;
}

.select-service > h3{
    justify-content: center; 
}

.select-service > div{
    display: flex;
    justify-content: space-between;
    width: 750px;
    margin: 40px auto;
    padding: 0px 30px;
    border: 2px solid #b8b8b8;
    border-radius: 50px;
}

.select-service > div > div{
    padding: 30px;
}

.select-service > div > div:last-child{
    border-right: none;
}

.select-service > div > div > img{
    width: 170px;
    height: 110px;
    margin-top: 10px;
}




/*recruit-page*/
.recruit-page-margin{
    margin-top: -50px;

}

.recruit-page-margin > .recruit-m{
    height: 360px;
}

.subpage-top-recruit > .subpage-top-inner > img{
    display: inline-block;
    margin-top: 50px;
    margin-right: 10%;
    width: 220px;
} 

.recruit-content{
    width: 100%;
    margin-top: 0px;
    overflow: hidden;
}

.recruit-content-inner{
    width: 1000px;
    margin: 0 auto;
}

.recruit-content-item{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 50px 0px 80px 0px;
    border-top: 2px solid #d8d8d8; 
}

.nakguro-m{
    display: none;
}
.text-wide{
    letter-spacing: 1px;
}
.speace{
    display: none;
}

.recruit-content-item:nth-child(3){
    border-bottom: 2px solid #d8d8d8;
}

.recruit-content-item::before{
    content: "";
    position: absolute;
    top: 30px;
    right: -500px;
    width: 750px;
    height: 240px;
    z-index: 0;
    background-color: #F5F5F5;
    border-radius: 150px;
    z-index: -1;
    border-radius: 150px 0px  0px 150px;
}

.recruit-content-item > div > h3{
    position: relative;
    margin-left: 25px;
    padding-bottom: -10px;
    text-align: left;
    z-index: 2;
    line-height: 1;
}

.recruit-content-item > div > h3::before {
    position: absolute;
    content:'●';
    left: -28px;
    margin-right: 5px;
    font-size: 22px;
    color: #0ABDE3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%);    
}

.recruit-content-item > div > p{
    margin-bottom: 24px;
}

.recruit-content-item > img{
    width: 280px;
}

.recruit-point{
    position: relative;
    width: 100%;
    margin-top: 50px;
    padding: 50px 0px 90px 0px;
    background-color: rgba(10,189,227,0.1);
}

.recruit-point-inner{
    width: 1000px;
    margin: 0 auto;
}

.recruit-point-inner > h3{
    margin-bottom: -10px;    
}

.recruit-point-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recruit-point-item::after {
    display: block;
    content:"";
    padding: 20px 14px;
    width: 28%;
}

.recruit-point-item > div{
    position: relative;
    margin-top: 32px;
    width: 31%;
    height: 220px;
    padding: 20px 14px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0px 3px 6px #a1a1a1; 
}

.recruit-point-item > div > div > span{
    position: absolute;
    top: -15px;
    left: 130px;
    width: 40px;
    height: 40px;
    padding-top: 0px;
    line-height: 4rem;
    background-color: #0ABDE3;
    color: #fff;
    font-weight: 400;
    font-size: 125%;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 3px 6px #a1a1a1; 
}

.recruit-point-item > div > div > p{
    margin-top: -15px;
    text-align: left;
}

.recruit-point > .robo{
    position: absolute;
    width: 180px;
    margin-left: 80%;
    bottom: 20px;
    transform: scale(-1, 1);
}

.recruit-day{
    width: 100%;
    margin-top: 80px;
}

.recruit-day-inner{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
}

.recruit-day-left{
    width: 70%;
}

.recruit-day-time {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

.recruit-day-time-inner {
    border-top: 1px solid #0ABDE3;
    width: 100%;
}
.recruit-day-time-inner:nth-of-type(1) { 
    border-top: 0;
}
.recruit-day-time-Content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1100px;
    display: flex;
    align-items: center;
}

.recruit-day-time-Content.one {
    padding-top: 0;
}
.recruit-day-time-Content-Number {
    position: relative;
    margin-right: 40px;
    border-radius: 20px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #0ABDE3;
    color: #fff;
    font-weight: 400;
}

.recruit-day-time-Content-Number-Line {
    position: absolute;
    top: -36%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 4px;
    height: 66px;
    background: #0ABDE3;
}
.recruit-day-time-Content-Number-Line1{
    position: absolute;
    top: -36%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 4px;
    height: 66px;
    background: #0ABDE3;
}

.recruit-day-time-Content-Description {
    margin-top: -14px;
    line-height: 1.5;
}


.recruit-day-time-Content-Description > p{
    font-weight: 400;
    margin-bottom: 2px;
}



.recruit-day-img{
    margin-top: 80px;
    width: 20%;
}

.recruit-day-img > img{
    width: 350px;
    margin-top: 50px;
    margin-left: -140px;
}

.recruit-day-img > img:nth-child(2){
    margin-left: -70px;
}

.recruit-interview{
    width: 100%;
    margin-top: 80px;
    padding: 50px 0px 50px 50px;
    background-color: rgba(10,189,227,0.1);
}
.recruit-interview-inner{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
}

.recruit-interview-inner > div{
    width: 45%;
}

.recruit-interview-inner > div > p{
    margin-top: -10px;
}

.recruit-interview-inner > div > h2{
    margin-top: 32px;
}

.recruit-end{
    position: relative;
    margin: 90px 0px 120px 0px;
    text-align: center;
}
.recruit-end-inner > a{
    background-color: #f4f4f4;
}

.recruit-end > .robo {
    position: absolute;
    width: 150px;
    bottom: -120px;
    margin-left: -30%;
}


.recruit-interview-inner > div > .img-pc{
    width: 100%;
    height: 100%;
}
.recruit-interview-inner > div > .detail-link{
    background-color: #fff;
}


/*recruit-in*/

.subpage-top-recruit-in{
    width: 100%;
}

.subpage-top-recruit-in > .subpage-top-inner::after{
    content: "";
    position: absolute;
    left:0;
    top: 0;
    width: 130%;
    height: 560px;
    background: #F5F5F5;
    z-index: -1;
}

.subpage-top-recruit-in > .subpage-top-inner >  div{
    position: relative;
    width: 100%;
}

.subpage-top-recruit-in > .subpage-top-inner > div >  h3{
    margin-top: 30px;
    color: #0ABDE3;
}

.subpage-top-recruit-in > .subpage-top-inner > div >  p{
    font-size: 93.75%;
}
.subpage-top-recruit-in > .subpage-top-inner > img{
    display: inline-block;
    margin-top: 130px;
    margin-right: 15%;
    width: 200px;
    height: 230px;
}



.recruit-in-content{
    width: 100%;
    margin-top: -20px;
    padding-bottom: 80px;
}

.recruit-in-content-inner{
    width: 1200px;
    margin: 0 auto;
}

.recruit-in-content-nav{
    display: flex;
    margin-top: 190px;
}

.recruit-in-content-nav > a:nth-child(1){
    padding: 20px 40px;
    font-weight: 400;
    border-radius: 50px  0px  0px 50px;
    box-shadow: 0px 3px 6px #a1a1a1; 
}
.recruit-in-content-nav > a:nth-child(2){
    padding: 20px 40px;
    font-weight: 400;
    border-radius: 0px  50px 50px 0px;
    box-shadow: 0px 3px 6px #a1a1a1; 
}

.recruit-in-content-on{
    background-color: #0ABDE3; 
    color: #fff; 
}
.recruit-in-content-off{
    background-color:  #fff;
    color: #000;
}


.recruit-in-content-top{
    margin-top: 30px;
    display: flex;
}

.recruit-in-content-top > h3{
    margin-top: 35px;
    font-weight: 400;
}
.recruit-in-content-top > h3 > span{
    display: inline-block;
    margin-top: 0px;
    font-size: 75%;
}
.recruit-in-content-top > img{
    width: 150px;
    height: 150px;
    margin-top: 20px;
    margin-right: 20px;
}

.recruit-in-content-text{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.recruit-in-content-text-in{
    width: 70%;
}

.recruit-in-content-text-in > h4{
    margin-top: 30px;
    margin-bottom: -10px;
    border-bottom: 2px solid #0ABDE3;
}
.recruit-in-content-text-in > h4 > span{
    display: inline-block;
    margin-right: 10px;
    font-size: 150%;
    color: #0ABDE3;
}

.recruit-in-content-text-in > p{
    margin-top: 20px;
}

.recruit-in-content-text-img{
    width: 20%;
}
.recruit-in-content-text-img > img{
    width: 130%;
    margin: 30px 0px;
    margin-left: -60px;
}

.recruit-in-content-text > .img-m{
    display: none;
}


/*recruit-detail*/
.recruit-detail-top{
    width: 100%;
}

.recruit-detail-top-inner{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
    margin-top: 100px;
}

.recruit-detail-top-inner > .recruit-detail-top-soft > img {
    width: 250px
}

.recruit-detail-top-shisetsu{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    font-weight: 400;
    z-index: 1;
    display: flex;
    align-items: center;
}
.recruit-detail-top-shisetsu::before{
    position: absolute;
    content: '';
    top: -3px;
    bottom: 0;
    left: -52px;
    width: 350px;
    height: 50px;
    background-color: #0ABDE3;
    border-radius: 0px 50px 50px 0px;
    z-index: -1;
}

.recruit-detail-top-soft{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    font-weight: 400;
    z-index: 1;
    display: flex;
    align-items: center;
}
.recruit-detail-top-soft::before{
    position: absolute;
    content: '';
    top: -3px;
    bottom: 0;
    left: -52px;
    width: 350px;
    height: 50px;
    background-color: #0ABDE3;
    border-radius: 0px 50px 50px 0px;
    z-index: -1;
}



.recruit-detail-top-inner > div > p{
    margin-bottom: 80px;
}

.recruit-detail-top-inner > img{
    width: 400px;
    height: 300px;
}

.recruit-detail-top-en{
    display: inline-block;
    margin-top: 30px;
    font-weight: 400;
}

.recruit-detail-top-en{
    position: relative;
	display: inline-block;
	padding: 0 0 0 30px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.recruit-detail-top-en::before,
.recruit-detail-top-en::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
    margin: auto;
	content: "";
	vertical-align: middle;
}
.recruit-detail-top-en::before{
	width: 22px;
	height: 22px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FECA57;
}
.recruit-detail-top-en::after{
	left: 8px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.recruit-detail-content{
    width: 100%;
    margin-top: 60px;
    padding: 50px 0px 100px 0px;
    background-color: rgba(10,189,227,0.1);
    text-align: center;
}

.recruit-detail-content-inner{
    width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 60px 90px;
    background-color: #fff;
    border-radius: 100px;
    text-align: left;
}

.recruit-detail-content-line{
    display: flex;
    padding: 16px 0px;
    border-top: solid 1px #a1a1a1;
}

.recruit-detail-content-line > h4{
    width: 20%;
}

.recruit-detail-content-line > p{
    width: 70%;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

.contact-1{
    display: inline-block;
    position: relative;
    margin: 50px;
    margin-right: -20px;
    padding: 32px 50px 32px 30px;
    width: 250px;
    border-radius: 50px;
    background-color: #ffffff;
    color: #000000;
    font-weight: 400;
    box-shadow: 0px 7px 5px #a1a1a1;
    text-align: left;
    vertical-align: top;
}
.contact-1::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    right: 40px;
    transform: rotate(45deg);
}

.contact-2{
    display: inline-block;
    position: relative;
    margin: 50px;
    padding: 20px 50px 20px 30px;
    width: 250px;
    border-radius: 50px;
    background-color: #ffffff;
    color: #000000;
    font-weight: 400;
    box-shadow: 0px 7px 5px #a1a1a1;
    text-align: left;
    vertical-align: top;
}
.contact-2::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    right: 40px;
    transform: rotate(45deg);
}

/*form*/
.form{
    width: 100%;
    margin-top: 60px;
    padding: 80px 0px;
    background-color: rgba(10,189,227,0.1);
}

.form-ex{
    width: 1200px;
    margin: 50px auto;
}
.form-inner{
    width: 1000px;
    margin: 0 auto;
}



.subpage-top-wide > div::after{
    height: 330px;
    width: 100%;
    text-align: center;
}

.subpage-top-wide > div > .subpage-top-wide-topwrap1{
    width: 370px;
    margin: 0 auto;
}
.subpage-top-wide > div > .subpage-top-wide-topwrap2{
    width: 490px;
    margin: 0 auto;
}


.subpage-top-wide-com > div::after{
    height: 300px;
    width: 100%;
    text-align: center;
}

.subpage-top-wide-com > div > .subpage-top-wide-topwrap1{
    width: 370px;
    margin: 0 auto;
}
.subpage-top-wide-com > div > .subpage-top-wide-topwrap2{
    width: 490px;
    margin: 0 auto;
}


.subpage-top-wide-topwrap1 > .content-h-2::before,
.subpage-top-wide-topwrap1 > .content-h-2::after{
    margin-top: -5px;
}
.subpage-top-wide-topwrap2 > .content-h-2::before,
.subpage-top-wide-topwrap2 > .content-h-2::after{
    margin-top: -5px;
}

.form-ex {
    width: 1000px;
    margin: 50px auto;
}
table{
    border-spacing: 20px 10px;
}

tr{
    vertical-align: middle;
}
td{
    padding-bottom: 30px;
}
th{
    padding-bottom: 30px;
    text-align: left;
}
input{
    width: 400px;
    height: 50px;
    padding: 0px 20px;
    border-radius: 20px;
    border: 1px solid #737373;
}


select {
    color: inherit;
    width: 200px;
    height: 50px;
    margin-left: 0px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #737373;
}
textarea{
    width: 700px;
    height: 400px;
    padding: 20px 20px;
    border-radius: 20px;
}

.radio-label > div{
    display: flex;
    width: 220px;
    justify-content: space-between;
    vertical-align: sub;
}

.radio-label > div > input{
    margin-right: -60px;
}

.form-input{
    height: 50px;
}
.form-input-text{
    height: 50px;
    vertical-align: top;
}

.form-req{
    margin-right: 10px;
    width: initial;
    padding: 2px 8px;
    color: #fff;
    background-color:#FF6B6B;
    font-size: 12px;
}
.form-req-text{
    margin-right: 10px;
    width: initial;
    padding: 2px 8px;
    color: #fff;
    background-color:#FF6B6B;
    font-size: 12px;
    vertical-align: top;
}


.agreement{
    margin-top: 70px;
}
.agreement-inner > p{
    margin-top: -18px;
    line-height: 30px;
}
.agreement-text{
    width: 100%;
    height: 400px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 20px;
    overflow-y: scroll;
    background-color: #fff;
}

.bold{
    font-weight: 600;
}

.agreement-check{
    width: 200px;
    display: flex;
    margin: 0 auto;
    margin-top: 20px;
}
.agreement-check > input{
    width: 30px;
}
.agreement-check > span {
    margin-left: 10px;
    line-height: 48px;
}

.error-message{
    margin-left: 60px;
    color: red;
}

.inputPage-bottom{
    position: relative;
    width: 250px;
    margin: 0 auto;
    margin-top: 30px;
}
.inputPage-bottom::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    right: 30px;
    transform: rotate(45deg);
}

.confirm-button{
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    display: inline-block;
    width: 250px;
    border-radius: 50px;
    padding: 30px 40px 50px 35px;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0px 2px 1px #a1a1a1;
    text-align: left;
    font-size: 16px;
}

.confirm-top {
    width: 1000px;
    margin: 50px auto;
}

.confirm {
    background-color: #fff;
}

.confirm > .recruit-detail-content {
    margin-top: 0px;
    padding-top: 0px;
}

.confirm-send{
    display: flex;
    justify-content: space-between;
    width: 600px;
    margin: 0 auto;
    margin-top: 30px;
}
.confirm-send > div{
    position: relative;
    width: 250px;
    margin: 0 auto;
    margin-top: 30px;
}
.confirm-send > div::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    right: 30px;
    transform: rotate(45deg);
}
.confirmPage-botton {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    display: inline-block;
    width: 250px;
    border-radius: 50px;
    padding: 30px 40px 50px 100px;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0px 2px 1px #a1a1a1;
    text-align: left;
    font-size: 16px;
}

.contactform-sent{
    background-color: #fff;
    padding: 50px 50px;
    border-radius: 100px;
    text-align: center;
}

.contactform-sent > div{
    position: relative;
    width: 160px;
    margin-left: 20px;
    margin: 0 auto;
    font-weight: 600;
}
.contactform-sent a::after{
    display: inline-block;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border: 0;
    border-top: solid 2px #0ABDE3;
    border-right: solid 2px #0ABDE3;
    top: 50%;
    left: -24px;
    transform: rotate(45deg);
}

.error-page > .recruit-detail-content{
    padding: 250px;
    margin-top: 0px;
}

@media screen and (max-width: 959px) {
}
@media screen and (max-width: 480px) {
    html{
        width: 100%;
    }
	body {
        height: 100%;
        font-size: 4.2vw;
        line-height: 1.8;
        letter-spacing: 0.06em;
        text-align: left;
        min-width: initial;
    }
    body.fixed {
        position:initial;
        width: initial;
    }
    
    a {
        color: #333;
        text-decoration: none;
    }
    
    h2{
        font-size: 5.2vw;
        font-weight: 600;
    }
    
    h3{
        font-size: 5.2vw;
        font-weight: 600;
    }
    
    h4{
        font-weight: 600;
    }
    
    .img-m{
        display: block;
    }
    .img-pc{
        display: none !important;
    }

    .nav-m{
        display: block;
    }
    
    .scroll{
        display: none;
    }
    #page-top {
        position: fixed;
        display: block;
        right: 30px;
        bottom: 30px;
        height: 60px;
        width: 60px;
        font-size: 20px;
        line-height: 60px;
        background: #fff;
        color: #737373;
        padding: 20px;
        border: solid 1px;
        border-radius: 50%;
        box-shadow: 0 2px 10px -6px #737373, 0 3px 10px -4px rgba(0,0,0,.2);
        z-index: 6;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #page-top:hover {
        background: #fff;
        color: #737373;
    } 

    .top{
        padding-top: -30px;
        width: 100%;
        height: 20%;
        text-align: center;
        z-index: -5;
    }
    
    .top > .top-img-m{
        position: relative;
        width: 100%;
        margin: 0 auto;
        top: -10px;
        padding-bottom: -25px;
        overflow: hidden;
        z-index: -1;
    }
    
    .top > .top-img-m::before{
        position: absolute;
        content:"";
        background-color: #fff;
        width: 120%;
        height: 30px;
        bottom: -10px;
        z-index: 100;
    }
    
    .top > .top-img-m::after{
        position: absolute;
        content:"";
        background-color: #fff;
        width: 20px;
        height: 800px;
        right: -10px;
        z-index: 100;
    }
    
    .top > .top-img-m > .img-m{
        display: inline-block;
        width: 100%;
        margin-top: 0px;
    }
    
    .top-info {
        position: relative;
        display: flex;
        width: 90%;
        height: 52px;
        margin: 30px auto;
        margin-top: 0px;
        padding-left: 0px;
        border: 1px solid #000;
        border-radius: 30px;
        background-color: rgb(255, 255, 255);
        overflow: hidden;
        z-index: 10;
    }
    .top-info > span{
        font-size: 18px;
        width: 60%;
        margin-left: 0px;
        padding-right:0px;
        padding-left:0px;
        background-color: #fff;
        z-index: 3; 
    }

    #top-info-content {
        display: inline-block;
        color: #fff;
        line-height: 30px;
        animation: animate-banner 12s linear infinite;
        white-space: nowrap; 
        margin-right: -170px;
      }
    #top-info-content > * {
        display: inline-block;
        width: 400px;
    }
    @keyframes animate-banner {
        0% {
        transform: translateX(100%);
        }
        100% {
        transform: translateX(-100%);
        }
    }

    #top-info-content > iframe {
        margin-bottom: -1px;
    }
    
    .info{
        font-size: 16px;
    }

    .content-h-2{
        position: relative;
        padding-left: 45px;
        font-weight: 600;
        align-items: center;
        display: flex;
        justify-content: left; 
    }
    
    .content-h-2::before,.content-h-2::after{
        position: absolute;
        background-color: #0ABDE3;
        content: "";
        height: 5.5vw;
        width: 12px;
        transform: skewX(-25deg);
        top: 25%;
    }

    .content-h-2-big{
        position: relative;
        padding-left: 45px;
        font-weight: 600;
        align-items: center;
        display: flex;
        justify-content: left; 
    }
    
    .content-h-2-big::before,.content-h-2-big::after{
        position: absolute;
        background-color: #0ABDE3;
        content: "";
        height: 7vw;
        width: 12px;
        transform: skewX(-25deg);
        top: 25%;
    }
    
    .content-h-2-small{
        position: relative;
        padding-left: 38px;
        font-weight: 600;
        align-items: center;
        display: flex;
        justify-content: left; 
    }
    
    .content-h-2-small::before,.content-h-2-small::after{
        background-color: #0ABDE3;
        content: "";
        height: 20px;
        width: 10px;
        transform: skewX(-25deg);
    }
    
    .content-h-2-small::before{
        position: absolute;
        left: 10px;
    }

    .content-h-2-small::after{
        position: absolute;
        left: 22px;
    }


    /*header-m*/
    header{
        width: 100%;
        height: 80px;
        background-color: #F5F5F5;
    }
    .header-inner{
        width: 90%;
        margin: 0 auto;
        padding-top: 5px;
        display: flex;
        justify-content: space-between;
    
    }
    
    .header-inner > .logo{
        height: 50px;
    }
    .header-inner > .logo > a > img{
        width: 150px;
        margin-top: 24px;
    }
    
    nav{
        display: none;
    }
    .footer-nav{
        display: block;
    }
       
    /*nav-m*/
    .nav-m-btn {
        position: fixed;
        top: 10px;
        right: 10px;
        display: flex;
        height: 60px;
        width: 60px;
        justify-content: center;
        align-items: center;
        z-index: 90;
        background-color: #ffffff;
        border: solid 1px #0ABDE3;
        border-radius: 100px;
    }

    .nav-m-btn span,
    .nav-m-btn span:before,
    .nav-m-btn span:after {
        position: absolute;
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        left: 16px;
        border-radius: 3px;
        background-color: #0ABDE3;
        position: absolute;
        z-index: 90;
        transition: all .4s;
    }



    .nav-m span:before {
        bottom: 8px;
        left: 0;
    }
    .nav-m span:after {
        top: 8px;
        left: 0;
    }
    #nav-m-check:checked ~ .nav-m-btn span {
        background-color: rgba(255, 255, 255, 0);
    }
    #nav-m-check:checked ~ .nav-m-btn span::before {
        bottom: 0;
        transform: translateY(0px) rotate(45deg);
    }
    #nav-m-check:checked ~ .nav-m-btn span::after {
        top: 0;
        transform: translateY(0px) rotate(-45deg);
    }
    #nav-m-check {
        display: none;
    }

    .nav-m-content ul {
        padding: 70px 10px 0;
        padding-left: 20%;
    }
    .nav-m-content ul li {
        width: 80%;
        border-bottom: solid 1px #ffffff;
        list-style: none;
    }
    .nav-m-content ul li a {
        position: relative;
        display: block;
        width: 100%;
        font-size: 5vw;
        box-sizing: border-box;
        color:#ffffff;
        text-decoration: none;
        padding: 9px 15px 10px 0;
        position: relative;
    }
    .nav-m-content ul li a::before {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        position: absolute;
        right: 10px;
        top: 45%;
        transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%); 
        transform: rotate(45deg); 
    }
    
    .nav-m-content {
        width: 75%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        z-index: 80;
        background-color: #0ABDE3;
        transition: all 0.5s;
        padding-right: 20px;

    }

    .nav-m-content > div{
        text-align: center;
    }
    .nav-m-content > div > .contact{
        width: 75%;
        padding: 15px 20px;
    }

    .nav-m-content > div > .contact::after {
        right: 30px;
    }

    #nav-m-check:checked ~ .nav-m-content {
        left: 116px;
    }


    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        z-index: 1;
    }
    .nav-m-content-view .overlay {
        display: block;
    }


    .top{
        width: 100%;
        text-align: center;
    }
    .top > img{
        width: 100%;
    }
    
    /*index-m*/
    .sub{
        width: 100%;
        margin-top: 0px;
        background-color: #0ABDE3;
    }
    
    .sub-inner{
        max-width: 94%;
        margin: 0 auto;
        padding: 50px 0px;
    }
    
    .sub-content{
        width: 100%;
        display: block;
        text-align: center;
    }

    .sub-content > img {
        display: inline-block;
        width: 80%;
    }
    
    .sub-content > div{
        max-width: 100%;
    }

    .sub-content > div > h3{
        margin-top: -30px;
        margin-bottom: 10px;
        color: #fff;
        text-align: center;
    }

    .sub-link{
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }
    
    .sub-link-service{
        display: block;
        position: relative;
        width: 100%;
        margin-top: 10px;
        padding: 30px 50px;
        border-radius: 20px;
        text-align: left;
        background-color: #ffffff;
        border: none;
        color: #000000;
        box-shadow: 0px 2px 1px #a1a1a1; 
    }
    
    .sub-link-service:after {
        content: '';
        width: 8px;
        height: 8px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        position: absolute;
        top: 50%;
        right: 50px;
        margin-top: -4px;
        transform: rotate(45deg);
    }
    
    .service{
        margin-top: 30px;
        width: 100%;
    }
    
    .service-inner{
        max-width: 90%;
        margin: 0 auto;
    }
    
    .service-inner > h2{
        margin-top: 50px;
    }
     
    .service-inner > .img-m{
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .service > .robo {
        width: 14vw;
        bottom: -50px;
        right: 10px;
        margin-left: initial;
        transform: scale(-1, 1);
    }
    
    
    /*link-m*/
    .link-button2{
        position: relative;
        display: inline-block;
        padding: 0 0 0 30px;
        color: #000;
        vertical-align: middle;
        text-decoration: none;
        font-size: 16px;
    }
    .link-button2::before,
    .link-button2::after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    .link-button2::before{
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #FECA57;
    }
    .link-button2::after{
        left: 8px;
        width: 5px;
        height: 5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .font-white{
        color: #fff;
    }
    
    
    .detail-link{
        position: relative;
        padding: 8px 60px 8px 40px;
        width: 90px;
        border-radius: 50px;
        background-color: #F5F5F5;
        color: #000000;
        box-shadow: 0px 4px 1px #a1a1a1;
    }
    .detail-link::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -5px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        right: 20px;
        transform: rotate(45deg);
    }

    img.h2img{
        vertical-align: -5px;
        margin-right: 5px;
    }
    
    .recruit{
        position: relative;
        width: 100%;
        height: 120vw;
        margin-top: 50px;
        z-index: 2;
    }
    
    .recruit::after{
        content: "";
        position: absolute;
        width: 95%;
        height: 15%;
        top: 10px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #ffffff;
        z-index: -1;
        border-radius: 0px 100px 100px 0px;
        box-shadow: 0px 3px 6px #a1a1a1; 
        z-index: 2;
    }
    
    .recruit::before{
        content: "";
        position: absolute;
        width: 90%;
        height: 15%;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: #0ABDE3;
        z-index: -1;
        border-radius: 100px 0px 0px 100px;
        box-shadow: 0px 3px 6px #a1a1a1; 
        z-index: 2;
    }
    
    .recruit-inner{ 
        max-width: 100%;
        margin: 0 auto;
        padding-top: 2px;
    }
    .recruit-inner > h2{ 
        position: absolute;
        width: 90%;
        margin-top: 0px;
        top: 7%;
        margin-left: 20px;
        font-size: 4.8vw;
        z-index: 3;
        display: flex;
        align-items: center;
    }

    .recruit-inner > p{
        position: relative;
        width: 100%;
        margin: 0 auto;
        margin-top: 27vw;
    }
    
    .recruit-inner > p > a{
        position: absolute;
        right: 0;
    }
    
    /*footer-m*/
    footer{
        position: relative;
        height: auto;
        background-color: #F5F5F5;
    }

    .footer-inner{
        width: 90%;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 70px;
        display: block;
    }

    .footer-inner > nav{
        position: relative;
        text-align: left;
        width: 100%;
    }

    .footer-nav-ol{
        display: block;
        margin-top: 20px;
    }

    .footer-nav-ol > li{
        margin-top: 15px;
    }

    .logo{
        margin-top: 0px;
    }
    .footer-inner > .logo > a > img {
        width: 160px;
    }

    .nav-current-footer{
        width: calc(100% + 20px);
        margin: 0 0 0 -30px;
        padding: 10px 30px 10px 30px;
        background-color: #0ABDE3;
        border-radius: 0px 50px 50px 0px;
        color: #fff;
    }

    .footer-inner > nav > div {
        position: initial;
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    
    .contact{
        display: inline-block;
        position: relative;
        margin-top: 10px;
        padding: 20px 50px;
        width: 100%;
        border-radius: 40px;
        background-color: #ffffff;
        color: #000000;
        font-weight: 400;
        box-shadow: 0px 7px 5px #a1a1a1;
        text-align: left;
    }
    .contact::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -5px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        right: 40px;
        transform: rotate(45deg);
    }

    /*page-m*/
    
    /*company-page-m*/    
    .company-top{
        position: initial;
        display: block;
        margin-top: -30px;
        width: 100%;
    }
    .company-top-text{
        position: initial;
        width: 90%;
        margin: 0 auto;
        margin-top: 100px;
        margin-bottom: -100px;
        height: initial;
        overflow-y: initial;
        scroll-snap-type: initial;
    }
    
    .company-top-text-item {
        height: 170px;
        margin: 0px 0px;
        scroll-snap-align: initial;
    }

    
    .company-top-text-item > div{
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
        margin-left: initial;
    }

    .company-top-text-item > div > h2{
        margin-bottom: -10px;
        font-size: 6.8vw;
    }

    .campany-h2{
        margin-right: 10px;
        width: 45px;
        vertical-align: middle;
    }
    
    .campany-h2 > span{
        width: 50px;
        vertical-align: middle;
    }
    
    
    .list{
        display: none;
    }
    
    .company-sub{
        width: 100%;
        height: 770px;
        margin-top: 60%;
        text-align: left;
    }
    .company-sub-wrap{
        width: 100%;
        height: 100%;
        background-color: #0ABDE3;    }
    
    .company-sub-inner{
        position: relative;
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 25px 0px;
    }
    
    .company-sub-content{
        position: absolute;
        right: 0;
        width: 90%;
        height: 93%;
        padding: 50px 80px 35px 80px;
        background-color: #fff;
        border-radius: 100px 0px 0px 100px;
        text-align: center;
    }
    .company-sub-content-inner{
        display: block;
        display: flex;
        flex-direction: column;
        align-items: center; 
    }
    .company-sub-content-inner > div{
        margin: 0px;
        margin-left: 16%;
    }
    
    .company-sub-content-inner > div > img{
        width: 200px;
        height: 140px;
    }

    .company-sub > a {
        display: inline-block;
        width: 50%;
        margin: 0 auto;
        margin-top: 10px;
        margin-left: 15px;
        color: #000;
    }
    
    .company-intro{
        width: 100%;
        margin-top: 80px;
    }
    
    .company-intro-inner{
        width: 90%;
        margin: 0 auto;
    }
    
    .company-intro-line{
        display: block;
        padding: 5px 0px;
        border-top: solid 1px #a1a1a1;
    }
    
    .company-intro-line > h4{
        margin: 10px 0px;
        width: 100%;
    }
    
    .company-intro-line > p{
        width: 100%;
        line-height: 1.8;
        padding-top: initial;
        padding-bottom: initial;
    }
    .company-intro-name{
        width: 100%;
        font-size: 5vw;
        line-height: 1.3;
        font-weight: 600;
    }

    .company-intro-map{
        border:0;
    }
    .company-intro-map > img{
        width: 100%;
        height: auto;
    }

    /*subpage-top-m*/
    .subpage-top{
        width: 100%;
    }
    
    .subpage-top-inner{
        display: block;
        max-width: 90%;
        margin: 0 auto;
    }
    
    .subpage-top-inner::after{
        content: "";
        position: absolute;
        left:0;
        top: 0;
        width: 63%;
        height: 220px;
        background: #F5F5F5;
        z-index: -1;
    }
    
    .subpage-top-inner > div{
        position: relative;
        width: 100%;
    }
    
    .subpage-top-inner > div > h3{
        margin-top: 30px;
        color: #0ABDE3;
        font-weight: 600;
        font-size: 20px;
    }
    
    .subpage-top-inner > div > h2{
        font-size: 50px;
        color: #5B5B5B;
        font-weight: 900;
        height: 100px;
        margin-bottom: -0px;
        margin-top: -48px;
    }
    
    .subpage-top-inner > div > p{
        max-width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .subpage-top-inner > img{
        position: absolute;
        display: inline-block;
        top: 50px;
        right: -80px;
        width: 150px;
    } 
    
    /*service-page-m*/
    .subpage-top-service > .subpage-top-inner > .subpage-top-img{
        width: 35%;
        margin-right: 100px;
    }


    .service-content{
        width: 100%;
        margin-top: 0px;
        min-width: initial;
        background-color: rgba(10,189,227,0.1);
        z-index: -1;
    }
    
    .service-content-inner{
        max-width: 90%;
        margin: 0 auto;
        padding: 10px 0px 10px 0px;
    }
    
    .service-content-item{
        position: relative;
        display: block;
        margin-top: 10px;
        z-index: 1;
    }
    
    .service-content-item > div{
        position: relative;
        padding: 0px;
        z-index: 1;
        text-align: center;
    }
    .service-content-item > div::before {
        display: none;
        position: absolute;
        content: '';
        top: 170px;
        bottom: 0;
        right: -5px;
        width: 400px;
        padding: 30px 0px;
        z-index: -1;
        background-color: #fff;
        border-radius: 0px 50px 50px 0px;
    }
    .service-content-item:nth-child(1) > div::before {
        height: 200px;
    }
    
    
    .service-content-item > div > img {
        position: absolute;
        display: inline-block;
        top: 70px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 60%;
        z-index: 2;
    }
    
    .service-content-item > div > h3{
        position: relative;
        padding-bottom: 80px;
        text-align: left;
        z-index: 2;
        vertical-align: sub;
    }

    .service-content-item:nth-child(1) > div > h3{
        color: #000;
    }
    .service-content-item:nth-child(2) > div > h3{
        color: #000;
    }
    .service-content-item:nth-child(3) > div > h3{
        color: #000;
    }
    .service-content-item > div > h3::before {
        content:'●';
        margin-right: 5px;
        font-size: 8vw;
        color: #0ABDE3;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .service-content-item > div > p{
        width: 105%;
        margin-top: 30px;
        padding: 80px 20px 40px 20px;
        z-index: -1;
        text-align: left;
        margin-left: calc(50% - 50vw);
        background-color: #fff;
        border-radius: 0px 50px 50px 0px;
    }
    
    .service-content-item > div > a{
        position: relative;
        margin-left: 50%;
        bottom: 40px;
        z-index: 2;
    }
    
    .service-page-top{
        width: 100%;
        height: 500px;
        min-width: initial;
    }
    
    .service-page-top-inner{
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    
    .service-page-top-inner > nav{
        position: initial;
        width: 90%;
        margin: 0 auto;
        margin-top: 65%;
        margin-bottom: 10px;
        order: 2;
    }
    .service-top-nav-m{
        height: 20%;
        padding: 15px 0px;
    }
    
    .service-top-nav-m > li{
        position: relative;
        margin-top: 5px;
        margin-left: 50px;
        list-style: none;
        text-align: left;
    }
    
    .service-top-nav-m > li::before {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -5px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        left: -20px;
        top: 56%;
        transform: translateY(-56%);
        -webkit-transform: translateY(-56%);
        -ms-transform: translateY(-56%);   
        transform: rotate(45deg);
    }

    .service-top-nav-m > li > .service-current{
        border-bottom: 2px solid #0ABDE3;
    }
    
    .service-top-detailNav{
        margin-top: 30px;
        margin-bottom: 20px;
        margin-left: 10px;
    }
    
    .service-top-detailNav > li{
        position: relative;
        margin-top: 5px;
        margin-left: initial;
        color: #000;
        vertical-align: middle;
        text-decoration: none;
        list-style: none;
        text-align: left;
    }
    .service-top-detailNav > li::before,
    .service-top-detailNav > li::after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: -30px;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    .service-top-detailNav > li::before{
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #FECA57;
    }
    .service-top-detailNav > li::after{
        left: -24px;
        width: 5px;
        height: 5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    
    
    .service-top-right{
        position: relative;
        margin-left: 0px;
        width: 100%;
        height: auto;
        display: block;
        order: 1;
    }
    
    .service-top-right > div{
        position: relative;
        margin-top: 30px;
        padding: 0px;
    }
    
    .service-top-right > div::before{
        display: none;
    }

    .service-top-right::after{
        display: none;
    }
    
   .service-top-right > div > h2{
        position: relative;
        display: inline-block;
        width: auto;
        margin-top: 0px;
        margin-left: calc(100% - 130vw);
        padding: 5px 30px 5px 30px;
        color: #fff;
        font-weight: 600;
        z-index: 1;
        text-align: left;
        background-color: #0ABDE3;
        border-radius: 0px 50px 50px 0px;
    }
    
    .service-top-right > div > h2::before{
        display: none;
    }
    
    .service-top-right > div{
        position: relative;
        text-align: center;
        height: 290px;
    }



    .service-top-right > div > p{
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 105%;
        height: 236px;
        top: 202px;
        margin-left: calc(50% - 50vw);
        padding: 0px 20px 0px 20px;
        padding-top: 13%;
        border-radius: 0px 100px 100px 0px;
        background-color: #fff !important;
        text-align: left;
        z-index: 1;
        align-items: center;
        font-size: 16px;
    }
    .service-top-right > div > .background {
        position: absolute;
        content: "";
        width: 100vw;
        height: 100%;
        top: 202px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 calc(50% - 50vw);
        border-radius: 0px;
        background-color: #0ABDE3;
        z-index: 0;
      }




    .service-top-right > div > .service-top-right-img-m{
        position: absolute;
        display: inline-block;
        width: 280px;
        height: 210px;
        top: 60px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
    }
    .service-top-right > div > .service-top-right-img-m-media{
        position: absolute;
        display: inline-block;
        width: 280px;
        height: 190px;
        top: 70px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
    }
   
    .service-page-content{
        max-width: 100%;
    }
    
    .service-page-content-inner{
        position: relative;
        max-width: 90%;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 30px 0px;
    }
    
    .service-page-content-cate1 > h4{
        margin-bottom: -10px;
        font-weight: 400;
    }

    .service-page-content-cate1 > ul{
        margin-left: -15px;
    }
        
    .service-page-content-cate1 > ul > li{
        position: relative;
        margin: 20px 0px;
        list-style: none;
    }
    
    .service-page-content-cate1 > ul > li::after{
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -5px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        left: -24px;
        transform: rotate(45deg);
    }
    
    .service-page-content-cate1 > ul > p{
        margin-left: -25px;
    }
    
    .service-page-content-cate2{
        margin-top: 30px;
    }
    
    .service-page-content-cate2 > h3{
        font-weight: 400;
    }
    
    .content-h3{
        font-weight: 400;
        align-items: center;
        display: flex;
        justify-content: left; 
    }
    
    .content-h3::before, h3::after{
        background-color: #0ABDE3;
        content: "";
        height: 25px;
        width: 40px;
        transform: skewX(-25deg);
    
    }
    
    .content-h3::before{
        margin-right: 10px;
    }
    
    .content-h3::after{
        margin-left: 10px;
        width: 20px;
    }

    .service-page-content-cate3 > h3{
        margin-top: -30px;
        margin-bottom: 0px;
        font-weight: 600;
    }
    
    .service-page-content-cate3 > div {
        display: block;
        padding: 10px 0px;
        border-bottom: 1px solid #5B5B5B;
    }
    
    .service-page-content-cate3 > div > h4{
        width: 250px;
        margin: 5px 0px;
    }
    .service-page-content-cate3 > div > p{
        line-height: 1.5;
    }
    
    .service-page-bottom{
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 30px 0px;
        padding-left: 0px;
    }

    /*select-page-m*/
    .subpage-top-select > .subpage-top-inner > img{
        display: inline-block;
        margin-right: 100px;
        width: 35%;
    } 


    .subpage-top-select > .subpage-top-inner > div > h2{
        margin-top: -34px;
        margin-bottom: -15px;
        font-size: 30px;
    }

    .select-content{
        width: 100%;
        margin-top: 10px;
        background-color: rgba(10,189,227,0.1);
    }
    
    .select-content-inner{
        width: 90%;
        margin: 0 auto; 
        padding: 30px 0px;
        text-align: center;
    }
    
    .select-content-inner > h2{
        line-height: 3.5rem;
    }
    .select-content-inner > h2 > span{
        color:#0ABDE3;
        font-weight: 600;
    }
        
    .select-content-inner > ul{
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 100px;
        padding-left: 0px;
    } 
    
    .select-content-inner > ul > li{
        position: initial;
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 80px;
        margin-top: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        list-style: none;
        justify-content:space-between;
        align-items:center;
        background-color: #fff;
    }
    
    .select-content-inner > ul > li > span{
        position: initial;    
    }
    
    .select-content-inner > ul > li > p{
        font-weight: 600;
        order: 1;
            }
    .select-content-inner > ul > li > img{
        font-weight: 600;
        width: 60px;
        order: 2;
    }
    
    .select-content-item{
        margin-top: 40px;
        text-align: left;
    }
    
    .select-content-item > p{
        padding: 40px 20px;
        background-color: #fff;
        border-radius: 20px;
    }
    
    .select-content-item > h3{
        position: relative;
        margin-left: 55px;
        letter-spacing: -0.5px;
    }
    
   
    .select-contact{
        width: 100%;
        background-color: #0ABDE3;
        text-align: center;
        padding: 50px 0px 90px 0px;
    }
    
    .select-contact > a{
        width: 100%;
        margin: 0 auto;
    }
    .select-contact > p{
        margin-bottom: 10px;
        color: #fff;
        font-size: 112.5%;
        font-weight: 400;
    }
    .select-contact > .contact{
        width: 65%;
    }
    
    
    
    .select-service{
        width: 100%;
        padding: 30px 0px;
        padding-bottom: 80px;
        text-align: center;
        font-size: 12px;
    }
    

    .select-service > a{
        display: none;
    }
    .select-service > h3{
        justify-content: center; 
    }
    
    .select-service > div{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 90%;
        margin: 10px auto;
        padding: 20px 10px;
        padding-top: 25px;
        border: 2px solid #b8b8b8;
        border-radius: 20px;
    }
    
    .select-service > div > div{
        width: 50%;
        padding: 10px;

    }
    
    .select-service > div > div:last-child{
        border-right: none;
    }

    .select-service > div > div > a{
        display: inline-block;
        margin-top:50px;
    }
    .select-service > div > div > img{
        width: 120px;
        height: 80px;
        margin-top: initial;
    }

    .select-service > div > div:nth-child(1) > img,
    .select-service > div > div:nth-child(2) > img{
        height: 88px;
    }
        
    
    
    /*recruit-page-m*/
    .subpage-top-recruit > .subpage-top-inner > img{
        display: inline-block;
        margin-top: 50px;
        margin-right: 110px;
        width: 20%;
    } 
    .recruit-page-margin{
        margin-top: 30px;
    }

    .recruit-page-margin > .recruit-m{
        height: 400px;
    }

    .recruit-page-margin >.recruit::after{
        content: initial;
    }
    
    .recruit-page-margin >.recruit::before{
        content: initial;
    }

    .recruit-line-height{
        line-height: 32px;
    }
    
    .recruit-inner-m{
        position: relative;
        text-align: center;
        padding-top: 0px;
        height: 480px;
    }

    .recruit-inner-m > h3{ 
        position: relative;
        color: #fff;
        z-index: 10;
        font-size: 5.8vw;
    }

    .recruit-inner-m > .content-h-2{ 
        position: relative;
        margin-left: 10px;
        width: 95%;
        color: #fff;
        display: flex;
        align-items: center;
        vertical-align: middle;
        font-size: 5vw;
    }
    .recruit-inner-m > .content-h-2::before,.recruit-inner-m > .content-h-2::after{ 
        margin-left: 0px;
        background-color: #fff;
    }

    .recruit-inner-m > p{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 105%;
        height: 80%;
        margin-top: 0px;
        padding: 30px 40px 30px 20px;
        margin-left: calc(50% - 50vw);
        border-radius: 0px 70px 70px 0px;
        background-color: #fff !important;
        text-align: left;
        z-index: 1;
    }
    .recruit-inner-m > .background {
        position: absolute;
        content: "";
        width: 100vw;
        height: 100%;
        top: -20px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 calc(50% - 50vw);
        border-radius: 0px;
        background-color: #0ABDE3;
        z-index: 0;
    }

    .recruit-content{
        width: 100%;
        height: auto;
        margin-top: 80px;
    }
    
    .recruit-content-inner{
        width: 90%;
        margin: 0 auto;
    }
    
    .recruit-content-item{
        position: relative;
        display: flex;
        margin: 0 auto;
        padding: 20px 0px 90px 0px;
        border-top: 2px solid #d8d8d8; 
    }
    
    .nakguro-m{
        display: block;
        display: initial;
    }
    .text-wide{
        letter-spacing: 0.1px;
    }
    .speace{
        display: block;
        display: initial;
    }

    .recruit-content-item:nth-child(3){
        border-bottom: 2px solid #d8d8d8;
    }
    
    .recruit-content-item::before{
        display: none;
    }
    
    .recruit-content-item > div{
        width: 100%;
        text-align: center;
    }
    .recruit-content-item > div > h3{
        margin-bottom: -10px;
        font-weight: 600;
        text-align: left;
    }

    .recruit-content-item > div > p{
        margin-bottom: 24px;
        text-align: left;
    }
    
    .recruit-content-item > div > img{
        display: inline-block;
        width: 200px;
        margin-top: 30px;
    }

    .recruit-content-item > div > a{
        position: absolute;
        left: 0;
        margin-top: -10px;
        width: 150px;
    }
    
    .recruit-point{
        width: 100%;
        margin-top: 50px;
        padding: 50px 0px 90px 0px;
        background-color: rgba(10,189,227,0.1);
    }
    
    .recruit-point-inner{
        width: 90%;
        margin: 0 auto;
    }
    
    .recruit-point-inner > h3{
        margin-bottom: -10px;    
    }

    .recruit-point-inner > h4{
        margin-top: -10px;    
    }
    
    .recruit-point-item{
        margin-left: 20px;
        display: block;
        
    }
    
    .recruit-point-item::after {
        display: block;
        content:"";
        padding: 20px 14px;
        width: 28%;
    }
    
    .recruit-point-item > div{
        position: relative;
        margin-top: 32px;
        width: 98%;
        height: 230px;
        background-color: #fff;
        border-radius: 30px;
        text-align: center;
        box-shadow: 0px 3px 6px #a1a1a1; 
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .recruit-point-item > div > div > span{
        position: absolute;
        top: 40%;
        left: -20px;
        width: 40px;
        height: 40px;
        padding-top: 0px;
        background-color: #0ABDE3;
        color: #fff;
        font-weight: 400;
        font-size: 5vw;
        border-radius: 50%;
        text-align: center;
        box-sizing: border-box;
        box-shadow: 0px 3px 6px #a1a1a1; 
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .recruit-point-item > div> div > p{
        margin-top: -15px;
        padding-left: 20px;
        text-align: left;
    }

    .recruit-point > .robo{
        position: absolute;
        width: 18vw;
        margin-left: initial;
        right: 10px;
        bottom: 0px;
        transform: scale(-1, 1);
    }
    
    .recruit-day{
        width: 100%;
        margin: 40px 0px;
        margin-bottom: 30px;
    }
    
    .recruit-day-inner{
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    
    .recruit-day-left{
        width: 100%;
    }
    
    .recruit-day-time {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
      }
    
    .recruit-day-time-inner {
        border-top: 1px solid #0ABDE3;
        width: 100%;
    }
    .recruit-day-time-inner:nth-of-type(1) { 
        border-top: 0;
    }
    .recruit-day-time-Content {
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        max-width: 100%;
        display: flex;
        align-items: center;
    }
    
    .recruit-day-time-Content.one {
        padding-top: 0;
    }
        

    .recruit-day-time-Content-Number {
        position: relative;
        margin-right: 10px;
        border-radius: 20px;
        width: 100px;
        height: 60px;
        text-align: center;
        background: #0ABDE3;
        color: #fff;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Number-one{
        width: 88px;
    }
    .recruit-day-time-Content-Number-Line {
        position: absolute;
        top: -120%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 4px;
        height: 180px;
        background: #0ABDE3;
        z-index: -1;
    }

    .recruit-day-time-Content-Number-Line1{
        position: absolute;
        top: -50%;
        left: 52%;
        transform: translate(-50%,-50%);
        width: 4px;
        height: 200px;
        background: #0ABDE3;
        z-index: -1;
    }
    
    .recruit-day-time-Content-Description {
        position: relative;
        margin-top: -14px;
        line-height: 1.5;
    }
    
    .recruit-day-time-img{
        width: 60px;
    }
    
    .recruit-day-time-Content-Description > p{
        font-weight: 600;
        margin-bottom: 2px;
    }
    
    .recruit-day-img{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        margin-top: 0px;
        width: 100%;
    }
    
    .recruit-day-img > img{
        width: 45%;
        margin-top: 0px;
        margin-left: 0px;
    }
    
    .recruit-day-img > img:nth-child(2){
        margin-left: initial;
    }
    
    
    .recruit-interview{
        width: 100%;
        margin-top: 0px;
        padding: 40px 0px;
        background-color: rgba(10,189,227,0.1);
    }
    .recruit-interview-inner{
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    
    .recruit-interview-inner > div{
        width: 100%;
        text-align: center;
    }
    
    .recruit-interview-inner > div > p{
        margin-top: 20px;
        background-color: #fff;
        padding: 30px 20px;
        border-radius: 50px;
        text-align: left;
    }
    
    .recruit-interview-inner > div > h2{
        margin-top: 0px;
    }

    .recruit-interview-inner > div > .detail-link{
        position: relative;
        margin-left: 50%;
        bottom: 35px;
        background-color: #f4f4f4;
        z-index: 2;
    }

    .recruit-end{
        margin: 90px 0px 120px 0px;
        text-align: center;
    }
    .recruit-end-inner > a{
        width: 90%;
        margin-bottom: 20px;
    }
    .recruit-end-inner > h3{
        margin: 10px 0px;
    }
    .recruit-interview-inner > div > .img-m{
        display: inline-block;
        width: 100%;
        height: 200px;
    }

    .recruit-end > .robo{
        width: 18vw;
        margin-left: initial;
        bottom: -120px;
        left: 50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
    
    /*recruit-in-m*/
    
    .subpage-top-recruit-in{
        width: 100%;
    }
    
    .subpage-top-recruit-in > .subpage-top-inner::after{
        content: "";
        position: absolute;
        left:0;
        top: 0;
        width: 75%;
        height: 220px;
        background: #F5F5F5;
        z-index: -1;
    }
    
    .subpage-top-recruit-in > .subpage-top-inner >  div{
        position: relative;
        width: 100%;
    }

    .subpage-top-recruit-in > .subpage-top-inner > div >  p{
        font-size: 4vw;
        letter-spacing: 0.05em;
    }
    .subpage-top-recruit-in > .subpage-top-inner > img{
        display: inline-block;
        margin-top: 80px;
        margin-right: 100px;
        width: 20%;
        height: auto;
    }
    
    
    
    .recruit-in-content{
        width: 100%;
        margin-top: -70px;
    }
    
    .recruit-in-content-inner{
        max-width: 100%;
        margin: 0 auto;
    }
    
    .recruit-in-content-nav{
        display: flex;
        width: 100%;
        margin-top: 120px;
        text-align: center;
        border-bottom: 4px solid #0ABDE3;
    }
    


    .recruit-in-content-nav > a:nth-child(1){
        width: 50%;
        padding: 14px 0px;
        font-weight: 400;
        border-radius: 0px  30px  0px 0px;
        box-shadow: none; 
    }
    .recruit-in-content-nav > a:nth-child(2){
        width: 50%;
        padding: 14px 0px;
        font-weight: 400;
        border-radius: 30px  0px 0px 0px;
        box-shadow: none; 
    }
    
    .recruit-in-content-wrap{
        margin-top: 0px;
        margin-bottom: -80px;
        padding: 10px 0px 20px 0px;
        background-color: rgba(10,189,227,0.1);
    }
    .recruit-in-content-top{
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
        display: block;
        text-align: center;
    }
    
    .recruit-in-content-top > h3{
        font-weight: 600;
        text-align: left;
        letter-spacing: 0em;
    }
    .recruit-in-content-top > h3 > span{
        display: inline-block;
        font-size: 4vw;
        font-weight: 400;
        text-align: left;
    }
    .recruit-in-content-top > img{
        display: inline-block;
        width: 250px;
        height: 250px;
        margin: 0;
    }
    
    .recruit-in-content-text{
        width: 90%;
        margin: 0 auto;
        display: block;
        justify-content: space-between;
    }
    
    .recruit-in-content-text-in{
        width: 100%;
    }
    
    .recruit-in-content-text-in > h4{
        margin-top: 30px;
        margin-bottom: 10px;
        border-bottom: none;
        font-size: 4.5vw;
    }
    .recruit-in-content-text-in > h4 > span{
        display: inline-block;
        margin-right: 10px;
        font-size: 150%;
        color: #0ABDE3;
    }
    
    .recruit-in-content-text-in > p{
        position: relative;
        width: 107%;
        margin-top: 0px;
        padding: 20px 10px;
        margin-left: calc(50% - 50vw);
        background-color: #ffffff;
        border-radius: 0px 30px 30px 0px;
        box-shadow: none; 
        z-index: 1;
        text-align: left;
    }

    .recruit-in-content-text-in-photo{
        margin: 40px 0px 20px 0px;
        width: 100%;
        text-align: center;
    }
    .recruit-in-content-text-in-photo img{
        width: 100%;
    }

    
    .recruit-in-content-text-img{
        width: 20%;
    }
    .recruit-in-content-text-img > img{
        display: inline-block;
        margin-left: -10px;
        width: 100%;
    }
    .recruit-in-content-text > .img-m{
        display: block;
        margin-top: 80px;
    }
    .recruit-in-content-text > .img-pc{
        display: none;
    }
    
    
    
    /*recruit-detail-m*/
    .recruit-detail-top{
        width: 100%;
    }
    
    .recruit-detail-top-inner{
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
        margin-top: 0px;
        text-align: center;
    }

    .recruit-detail-top-inner > div > h3{
        text-align: left;
    }

    .recruit-detail-top-inner > div > img{
        display: inline-block;
        width: 80%;
        padding-top: 10%;
        margin: 0 auto;
    }
    
    .recruit-detail-top-soft{
        position: relative;
        height: 50px;
        margin-top: -10px;
        margin-bottom: 0px;
        color: #fff;
        font-weight: 400;
        z-index: 1;
        text-align: left;
        font-size: 6vw;
        font-weight: 600;
        display: flex;
        align-items: center;
        
    }
    
    .recruit-detail-top-soft::before{
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: -52px;
        width: 100%;
        height: 50px;
        background-color: #0ABDE3;
        border-radius: 0px 50px 50px 0px;
        z-index: -1;
    }

    .recruit-detail-top-shisetsu{
        position: relative;
        height: 50px;
        margin-top: -10px;
        margin-bottom: 0px;
        color: #fff;
        font-weight: 400;
        z-index: 1;
        text-align: left;
        font-size: 6vw;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .recruit-detail-top-shisetsu::before{
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: -52px;
        width: 100%;
        height: 50px;
        background-color: #0ABDE3;
        border-radius: 0px 50px 50px 0px;
        z-index: -1;
    }


    .detail-link-m{
        display: inline-block;
        width: 45%;
        font-size: 4vw !important;
    }
    
    .recruit-detail-top-inner > div > div{
        display: flex;
        justify-content: space-between;
    }
    .recruit-detail-top-inner > div > div > a{
        width: 48%;
        padding-left: 10px;
        font-size: 14px;
    }

    .recruit-detail-top-inner > div > p{
        margin-bottom: 20px;
        text-align: left;
    }

    .recruit-detail-top-en{
        position: absolute;
        display: inline-block;
        margin-top: 10px;
        font-weight: 400;
    }
    
    .recruit-detail-top-en{
        position: relative;
        display: inline-block;
        width: 100%;
        left: 0;
        margin-top: 20px;
        padding: 0 0 0 30px;
        color: #000;
        vertical-align: middle;
        text-decoration: none;
        text-align: left;
    }
    .recruit-detail-top-en::before,
    .recruit-detail-top-en::after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    .recruit-detail-top-en::before{
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #0ABDE3;
    }
    .recruit-detail-top-en::after{
        left: 8px;
        width: 5px;
        height: 5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    
    .recruit-detail-content{
        width: 100%;
        margin-top: 60px;
        padding: 1px 0px 100px 0px;
        background-color: rgba(10,189,227,0.1);
        text-align: center;
    }
    
    .recruit-detail-content-inner{
        width: 95%;
        margin: 0 auto;
        margin-top: 50px;
        padding: 50px 10px;
        background-color: #fff;
        border-radius: 50px;
        text-align: center;
    }
    
    .recruit-detail-content-line{
        display: block;
        padding: 16px 0px;
        border-top: solid 1px #a1a1a1;
        text-align: left;
    }
    
    .recruit-detail-content-line > h4{
        width: 90%;
        margin: 0 auto;
    }
    
    .recruit-detail-content-line > p{
        width: 90%;
        margin: 0 auto;
        text-align: left;
        margin-top: initial;
        padding-top: initial;
        padding-bottom: initial;
    }
    
    .contact-1{
        display: inline-block;
        position: relative;
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
        margin-right:0px;
        padding: 32px 50px 32px 30px;
        border-radius: 50px;
        background-color: #ffffff;
        color: #000000;
        font-weight: 400;
        box-shadow: 0px 7px 5px #a1a1a1;
        text-align: left;
        vertical-align: top;
    }
    .contact-1::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -5px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        right: 40px;
        transform: rotate(45deg);
    }
    
    .contact-2{
        display: inline-block;
        position: relative;
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
        padding: 20px 50px 20px 30px;
        border-radius: 50px;
        background-color: #ffffff;
        color: #000000;
        font-weight: 400;
        box-shadow: 0px 7px 5px #a1a1a1;
        text-align: left;
        vertical-align: top;
    }
    .contact-2::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -5px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        right: 40px;
        transform: rotate(45deg);
    }

    /*form-m*/
    .form{
        width: 100%;
        margin-top: -20px;
        padding: 40px 0px;
        padding-bottom: 60px;
        background-color: rgba(10,189,227,0.1);
    }

    .form-ex{
        width: 90%;
        margin: 50px auto;
    }
    .form-inner{
        width: 90%;
        margin: 0 auto;
    }

    .subpage-top-wide > div::after{
        height: 190px;
        width: 100%;
        text-align: center;
    }

    .subpage-top-wide > div > div{
        width: 100% !important;
        margin: 0 auto;
    }
    .subpage-top-wide > div > div > h3{
        margin-top: 8px;
        margin-bottom: 40px;
    }
    .subpage-top-wide > div > div > h2{
        height: 10%;
        margin-top: -55px;
        font-size: 32px;
    }

    
    .subpage-top-wide-com > div::after{
        height: 190px;
        width: 100%;
        text-align: center;
    }

    .subpage-top-wide-com > div > div{
        width: 100% !important;
        margin: 0 auto;
    }
    .subpage-top-wide-com > div > div > h3{
        margin-top: 8px;
        margin-bottom: 40px;
    }
    .subpage-top-wide-com > div > div > h2{
        height: 10%;
        margin-top: -55px;
        font-size: 32px;
    }



    .subpage-top-wide-topwrap1 > .content-h-2::before,
    .subpage-top-wide-topwrap1 > .content-h-2::after{
        margin-top: 0px;
    }
    .subpage-top-wide-topwrap2 > .content-h-2::before,
    .subpage-top-wide-topwrap2 > .content-h-2::after{
        margin-top: 0px;
    }

    .form-ex {
        width: 90%;
        margin: 50px auto;
    }
    table{
        border-collapse: collapse;
        width: 100%;
        border-spacing: 20px 10px;
    }

    tr{
        text-align: left;
        width: 100%;
    }
    td{
        display: block;
        text-align: left;
        width: 100%;
        padding-bottom: 30px;
    }
    th{
        display: inline-block;
        margin-bottom: -10px;
        text-align: left;
    }
    input{
        width: 100%;
        height: 50px;
        padding: 0px 20px;
        border-radius: 10px;
        border: 1px solid #737373;
    }





    select {
        width: 100%;
        height: 50px;
        margin-left: -5px;
        border-radius: 10px;
    }
    textarea{
        width: 100%;
        height: 400px;
        padding: 20px 20px;
        border-radius: 10px;
    }

    .form-input{
        height: 50px;
    }


    .form-req{
        display: inline-block;
        margin-left: 10px;
        width: initial;
        padding: 1px 5px;
        color: #fff;
        background-color:#FF6B6B;
        font-size: 12px;
    }
    .form-req-non{
        display: inline-block;
        margin-left: 10px;
        width: initial;
        padding: 1px 5px;
        color: #fff;
        background-color:#FF6B6B;
        font-size: 12px;
        opacity: 0;
    }

    .agreement{
        margin-top: 0px;
    }
    .agreement-inner > p{
        margin-top: -10px;
        line-height: 20px;
    }
    .agreement-text{
        width: 100%;
        height: 400px;
        margin: 0 auto;
        margin-top: 40px;
        padding: 20px;
        overflow-y: scroll;
        background-color: #fff;
    }

    .agreement-check{
        width: auto;
        display: flex;
        margin-top: 20px;
    }
    .agreement-check > input{
        width: 30px;
    }
    .agreement-check > span {
        width: 100%;
        margin-left: 10px;
        line-height: 50px;
    }

    .error-message{
        margin-left: 0px;
        color: red;
    }

    .inputPage-bottom{
        position: relative;
        width: 250px;
        margin: 0 auto;
        margin-top: 30px;
    }
    .inputPage-bottom::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -3px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        right: 30px;
        transform: rotate(45deg);
    }

    .confirm-button{
        padding: 0;
        border: none;
        border-radius: 0;
        outline: none;
        background: none;
        display: inline-block;
        width: 250px;
        border-radius: 50px;
        padding: 30px 40px 50px 35px;
        background-color: #ffffff;
        color: #000000;
        box-shadow: 0px 2px 1px #a1a1a1;
        text-align: left;
        font-size: 16px;
    }

    .confirm-top {
        width: 100%;
        margin: 50px auto;
    }

    .confirm {
        background-color: #fff;
    }

    .confirm > .recruit-detail-content {
        margin-top: 0px;
        padding-top: 0px;
    }

    .confirm-send{
        display: block;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .confirm-send > div{
        position: relative;
        width: 250px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .confirm-send > div::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -3px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        right: 30px;
        transform: rotate(45deg);
    }
    .confirmPage-botton {
        padding: 0;
        border: none;
        border-radius: 0;
        outline: none;
        background: none;
        display: inline-block;
        width: 250px;
        border-radius: 50px;
        padding: 30px 40px 50px 100px;
        background-color: #ffffff;
        color: #000000;
        box-shadow: 0px 2px 1px #a1a1a1;
        text-align: left;
        font-size: 16px;
    }

    .contactform-sent{
        margin-top: 25px;
        background-color: #fff;
        padding: 50px 50px;
        border-radius: 50px;
        text-align: center;
    }

    .contactform-sent > div{
        position: relative;
        width: 160px;
        margin-left: 20px;
        margin: 0 auto;
        font-weight: 600;
    }
    .contactform-sent a::after{
        display: inline-block;
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -3px;
        border: 0;
        border-top: solid 2px #0ABDE3;
        border-right: solid 2px #0ABDE3;
        top: 50%;
        left: -24px;
        transform: rotate(45deg);
    }

    .copy{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 10px;
        left: 50%;
        font-size: 3.5vw;
    }
}