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


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

/* title-top */


#business .title-page .box-inner {
    background-image: url("../../img/business/img-title-sp.svg");
    background-position: right top 10px;
}

/* box-link */

#business .box-link {
    gap:0px 10px;
}

#business .box-link .box {
    width: 38%;
	max-width: 580px;
}

#business .box-link a {
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    height: 70px;
    padding-right: 15px;
    padding-top: 5px;
}

#business .box-link a::before {
right: 3px;
	height: 72px;
}

#business .box-link h3 {
    font-size: 22px;
    padding-bottom: 22px;
}

#business .box-link h3::before {
	height: 18px;
}

#business .box-link .box:hover h3::before {
    margin-bottom: 0px;
}
    
    
/* contents01 */

#business .contents01::before {
	width: 96%;
	height: 100%;
}

#business .contents01a::before {
    border-radius: 30px 0px 0px 0px;
}

#business .contents01b::before {
    border-radius: 0px 30px 0px 0px;
}


#business .contents01 .box-inner {
	width: 90%;
    margin: 0px auto;
    padding-top: 50px;
}
    
#business .contents01a .box-inner {
	width: 90%;
    padding-left: 4%;
}
    
#business .contents01b .box-inner {
	width: 90%;
    padding-right: 4%;
}


#business .contents01 .box-title {
	margin-bottom: 40px;
}

#business .contents01 h2 {
	font-size: 28px;
}

    
/* lay-jobdetail */

#business .lay-jobdetail, #business .lay-jobdetail2 {
    padding-bottom: 50px;
    margin-bottom: 50px;
border-width : 2px;
}

#business .lay-jobdetail {
    display: none;
}
    
#business .slider-jobdetail {
    display: block;
    width: 100%;
}

#business .lay-jobdetail .box-wrap {
    padding-top: 25px;
}
    
#business .lay-jobdetail .box {
    width: 100%;
}

#business .lay-jobdetail .box-job, #business .lay-jobdetail2 .box-job {
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 35px 0px 30px;
    min-height: 0px;
}

#business .lay-jobdetail2 .box-job {
   padding: 40px 0px;
    min-height: 0px;
    margin-bottom: 50px;
}

#business .lay-jobdetail .box-job::after {
    height: 40px;
    font-size: 20px;
    padding-top: 8px;
    margin-top: -18px;
}
    

#business .lay-jobdetail .box-job .box-img {
    height: 200px;
    margin-bottom: 20px;
}

#business .lay-jobdetail .box-job .box-img::before {
top: 30px;
	height: 150px;
}

#business .lay-jobdetail2 .box-job .box-img img {
    width: 80%;
    max-width: 400px;
}

#business .lay-jobdetail .box-job .box-text {
    padding: 0px 6%;
}

#business .lay-jobdetail .box-comment, #business .lay-jobdetail2 .box-comment {
    padding: 30px 6% 30px;
    min-height: 0px;
}

#business .lay-jobdetail2 .box-comment {
  justify-content: center;
    padding: 30px 6%;
    width: 100%;
}

#business .lay-jobdetail .box-comment::before, #business .lay-jobdetail2 .box-comment::before {
	width: 58px;
	height: 58px;
    margin-right: -18px;
    margin-bottom: -18px;
}
    
#business .lay-jobdetail .box-comment::after, #business .lay-jobdetail2 .box-comment::after {
left: 10px;
}

#business .lay-jobdetail .box-comment .inner, #business .lay-jobdetail2 .box-comment .inner {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#business .lay-jobdetail2 .box-comment .inner {
    border-bottom-style : solid;
    border-right-style : none;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
}

#business .lay-jobdetail2 .box-comment .box-text {
    width: 100%;
    padding-left: 0px;
}

/* lay-schedule */

#business .lay-schedule {
    margin-bottom: 50px;
}

#business .box-title_schedule {
    margin-bottom: 30px;
}

#business .box-title_schedule h3 {
   font-size: 34px;
}

#business .box-title_schedule h4 {
   font-size: 16px;
}

#business .box-schedule {
  justify-content: center;
    gap:50px;
}

#business .box-schedule .box-detail {
    width: 100%;
}

#business .box-schedule .box-detail .box {
    padding: 15px 10px;
    border-radius: 10px;
}

#business .box-schedule .box-detail .box:not(:last-child) {
    margin-bottom: 15px;
}

#business .box-schedule .box-detail .box-time {
    width: 32%;
    padding-left: 0px;
}

#business .box-schedule .box-detail .box-task {
    padding-left: 20px;
    flex-wrap: wrap;
}

#business .box-schedule .box-img {
    width: 100%;
    display: none;
}
    
#business .box-schedule .box-slide_businessimg {
   display: block;
    width: 120%;
}
    
#business #business02 .box-schedule .box-slide_businessimg {
   margin-right: -8%;
}

#business .box-schedule .box-img .box:not(:last-child) {
    margin-bottom: 0px;
}

#business .box-schedule .box-img .box:nth-child(2) {
    display: block;
}

#business .box-schedule .box-img img {
    border-radius: 15px;
    width: 94%;
}

#business .box-schedule h5 {
   font-size: 18px;
    padding-left: 30px;
}

#business .box-schedule h5::before {
	height: 22px;
    margin-top: -4px;
}

#business .box-schedule h6 {
   font-size: 16px;
    margin-bottom: 5px;
    width: 100%;
}

#business .box-schedule p {
line-height: 1.4;
    font-size: 14px;
    width: 100%;
}

/* lay-check */

#business .lay-check {
border-width : 4px;
    padding: 35px 25px 20px;
  justify-content: center;
}

#business .lay-check::after {
top: 30px;
	height: 107px;
    margin-left: -20px;
    margin-bottom: 0px;
}

#business .lay-check h6 {
   width: 100%;
    border-right-style : none;
border-bottom-style : solid;
border-width : 2px;
    padding-bottom: 30px;
   font-size: 28px;
}


#business .lay-check p {
   width: 100%;
    padding: 25px 0px;
}


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