@charset 'UTF-8';




.page-main-business {
width: 100%;
margin: 0 auto;
position: relative;
}


.business-main-img{
max-width: 1300px;
margin: 0 auto;
padding: 0 0 80px;
}
.business-main-img img{
border-radius: 30px;
}


.business-sec{
position: relative;
padding: 40px 0 0;
}
.business-sec::after{
position: absolute;
content: '';
width: 100%;
height: 260px;
bottom: 0;
left: 0;
background: #fff;
z-index: -1;
}
.business-sec.bs03::after,
.business-sec.bs05::after{
display: none;
}
.business-sec-img{
position: absolute;
width: 38%;
top: 0;
right: 0;
border-radius: 24px 0 0 24px;
}
.business-sec-inner{
position: relative;
max-width: 1300px;
margin: 2% auto 0;
padding: 0 7% 0 64px;
}
.bs03 .business-sec-inner{
margin: 2% auto 7%;
}
.business-sec-num{
position: absolute;
top: 10px;
left: 30px;
transform: rotate(90deg);
transform-origin:left top;
background: #fbac0b;
color: #fff;
font-size: 17px;
font-weight: 700;
padding: 0 18px;
line-height: 30px;
}
.business-sec-ttl{
font-family: "Noto Sans JP", sans-serif;
font-size: 44px;
font-weight: 700;
margin: 0 0 6%;
line-height: 1.2;
}
.business-sec-ttl span{
font-size: 34px;
}
.business-sec .once-box{
margin: 0 0 4%;
position: relative;
}
.business-sec .once-box.flow-box{
margin: 0 0 7%;
}
.business-sec .once-box.w60{
width: 60%;
}
.once-box .link-box{
position: absolute;
right: 0;
top: 0;
width: 180px;
}
.once-box .link-box a{
display: block;
text-align: center;
background: #fff;
line-height: 52px;
position: relative;
font-size: 16px;
font-weight: 700;
border: 1px solid #999999;
border-radius: 1000px;
padding: 0 14px 0 0;
}
.once-box .link-box a img{
position: absolute;
right: 14px;
top: 20px;
}
.business-anchor-gap{
display: none;
}


.once-box-ttl{
font-size:17px;
font-weight: 600;
color: #fbac0b;
margin: 0 0 1%;
padding: 0 0 1%;
border-bottom: 1px solid #fbac0b;
}
.once-box-ttl.add-ajust{
border-bottom: none;
padding: 0 0;
}
.business-flow-once{
display: flex;
border-radius: 12px;
background: #fff;
}
.business-flow-once dt{
display: flex;
background: #fbac0b;
color: #fff;
width: 240px;
text-align: center;
position: relative;
flex-shrink: 0;
padding: 22px 2px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 17px;
font-weight: 700;
border-radius: 12px;
line-height: 1.6;
}
.business-flow-once dt p{
position: absolute;
top: 8px;
left: 10px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 13px;
}
.business-flow-once dt span{
font-size: 15px;
display: block;
}
.business-flow-once dd{
border-radius: 12px;
display: flex;
align-items: center;
padding: 14px 24px;
}
.business-flow-ar {
height: fit-content;
padding: 8px 0;
line-height: 1;
}
.business-flow-ar img {
width: 18px;
position: relative;
left: 112px;
vertical-align: top;
}

.bs01 .business-flow-once dt,
.bs01 .business-sec-num{
background: #fbac0b;
}
.bs02 .business-flow-once dt,
.bs02 .business-sec-num{
background: #4ebedf;
}
.bs03 .business-flow-once dt,
.bs03 .business-sec-num{
background: #728ed9;
}
.bs04 .business-flow-once dt,
.bs04 .business-sec-num{
background: #3dc588;
}
.bs05 .business-flow-once dt,
.bs05 .business-sec-num{
background: #ff9481;
}
.bs01 .works-block-ttl{
color: #fbac0b;
border-bottom: 1px solid #fbac0b;
}
.bs02 .works-block-ttl{
color: #4ebedf;
border-bottom: 1px solid #4ebedf;
}
.bs03 .works-block-ttl{
color: #728ed9;
border-bottom: 1px solid #728ed9;
}
.bs04 .works-block-ttl{
color: #3dc588;
border-bottom: 1px solid #3dc588;
}
.bs05 .works-block-ttl{
color: #ff9481;
border-bottom: 1px solid #ff9481;
}
.bs01 .works-block-ttl.for-link-box,
.bs02 .works-block-ttl.for-link-box,
.bs03 .works-block-ttl.for-link-box,
.bs04 .works-block-ttl.for-link-box,
.bs05 .works-block-ttl.for-link-box{
border-bottom: none;
padding: 0;
}




.works-main-inner{
width: 92%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}

.works-main-inner .ttl-box{
padding: 12% 0 0;
}
.business-main-bg{
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: -1;
content: '';
background: url("../images/business-main-bg.png") no-repeat top center;
background-size: 1356px auto;
}
.business-main-cont-box{
display: flex;
justify-content: flex-start;
padding: 0 0 7%;
}
.business-main-cont{
width: 70%;
}
.business-main-catch{
font-family: "Noto Sans JP", sans-serif;
font-size: 23px;
font-weight: 700;
padding: 6% 0 3%;
}
.business-main-catch.add-ajust{
font-size: 21px;
}
.business-anchor-box{
display: flex;
justify-content: space-between;
}
.business .business-anchor-box{
margin: 0 auto 5%;
}
.business-anchor-box li{
width: 18%;
}
.business-anchor-box li a{
display: block;
}
.works-main-ill{
display: flex;
align-items: flex-end;
width: 90%;
max-width: 160px;
margin: 0 0 2% 5%;
}
.business-main-ill {
display: flex;
align-items: flex-end;
width: 90%;
max-width: 124px;
margin: 0 0 0 5%;
}
.business-sche-box{
display: flex;
justify-content: space-between;
padding: 5% 0 4%;
}
.business-sche-once{
width: 31%;
}
.business-sche-once-ttl{
background: #3dc588;
color:#fff;
text-align: center;
font-size: 17px;
font-weight: 700;
line-height: 3;
margin: 0 0 8%;
border-radius: 14px;
}
.business-sche-card{
height: 100px;
display: flex;
justify-content: space-between;
border: 1px solid #3dc588;
border-radius: 14px;
}
.business-sche-card{
height: 112px;
display: flex;
justify-content: flex-start;
border: 1px solid #3dc588;
border-radius: 14px;
background: #fff;
padding: 6px 10px 6px 6px;
}
.business-sche-card .time{
width: 76px;
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
color: #3dc588;
flex-shrink: 0;
}
.business-sche-card .act{
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.5;
}
.business-sche-arrow{
text-align: center;
line-height: 1;
padding: 8px 0;
}
.business-sche-arrow img{
width: 16px;
}




main.works-contents {
max-width: 100%;
}
.works{
position: relative;
}
.works h2{
position: relative;
margin: 0 0 2%;
padding: 4% 0 0;
}
.works h2 span{
background: #ff6600;
font-size: 17px;
font-weight: 700;
line-height: 24px;
padding: 4px 16px;
color: #fff;
display: inline-block;
position: relative;
top: -2px;
}
.works h2 p{
display: inline-block;
font-family: "Noto Sans JP", sans-serif;
font-size: 23px;
font-weight: 700;
padding: 0 0 0 20px;
}
.works-sec01.works::after,.works-sec02.works::after{
position: absolute;
content: '';
width: 100%;
height: 210px;
bottom: 0;
left: 0;
background: #fff;
z-index: -1;
}
.works-inner{
width: 92%;
max-width: 1200px;
margin: 0 auto;
padding: 4% 0 0;
}
.works-full-img{
position: relative;
margin: 0 0 6%;
}
.works-full-img img{
border-radius: 30px;
}
.works-full-img h3{
position: absolute;
display: inline-block;
bottom: -26px;
left: 4%;
font-family: "Noto Sans JP", sans-serif;
font-size: 38px;
font-weight: 700;
background: #ccc;
line-height: 52px;
padding: 0 16px 2px;
color: #fff;
}
.works-inner-cont{
padding: 0 4%;
}
.works-inner-cont p.ex-text{
margin: 0 0 5%;
font-weight: 700;
}
.works-block-ttl{
font-size: 17px;
font-weight: 700;
margin: 0 0 2%;
padding: 0 0 12px;
border-bottom: 1px solid #ccc;
}
.works-sec01.works .works-block-ttl.for-link-box,
.works-sec02.works .works-block-ttl.for-link-box,
.works-sec03.works .works-block-ttl.for-link-box,
.works-sec04.works .works-block-ttl.for-link-box,
.works-sec05.works .works-block-ttl.for-link-box{
font-size: 17px;
font-weight: 700;
margin: 0 0 2%;
padding: 0 0;
border-bottom: none;
}
.works-example-box{
border-radius: 22px;
overflow: hidden;
margin: 0 0 5%;
}
.works-example-box-ttl{
background: #666666;
font-size: 17px;
font-weight: 700;
line-height: 2.8;
color: #fff;
padding: 0 5%;
}
.works-example-cont{
padding: 2% 5% 4%;
background: #fff;
}
.works-example-once{
padding: 2.5% 0 2.5%;
border-bottom: 1px dashed #cccccc;
}
.works-example-once:last-child{
border-bottom: none;
}
.works-example-cont-ttl{
font-size: 17px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #ff6600;
margin: 0 0 1%;
}
.works-links-box{
display: flex;
justify-content: space-between;
padding: 0 0 8%;
}
.works-links-once{
width: 29%;
}
.works-links-once img{
border-radius: 12px;
margin: 0 0 8px;
}
.works-links-once p{
font-size: 13px;
font-weight: 700;
}
.works-links-once p span{
font-size: 16px;
font-weight: 700;
}
.works-links-once a{
display: block;
}


.video{
width: 100%;
max-width: 940px;
margin: 0 auto;
border: 10px solid #fff;
}
video{
width: 100%;
display: block;
}

.works-sec01.works h2 span,.works-sec01.works .works-full-img h3{background: #fbac0b;}
.works-sec01.works .works-block-ttl {color: #fbac0b;border-bottom: 1px solid #fbac0b;}
.works-sec01.works .works-example-cont-ttl {color: #fbac0b;}

.works-sec02.works h2 span,.works-sec02.works .works-full-img h3{background: #4ebedf;}
.works-sec02.works .works-block-ttl {color: #4ebedf;border-bottom: 1px solid #4ebedf;}
.works-sec02.works .works-example-cont-ttl {color: #4ebedf;}

.works-sec03.works h2 span,.works-sec03.works .works-full-img h3{background: #728ed9;}
.works-sec03.works .works-block-ttl {color: #728ed9;border-bottom: 1px solid #728ed9;}
.works-sec03.works .works-example-cont-ttl {color: #728ed9;}

.works-sec04.works h2 span,.works-sec04.works .works-full-img h3{background: #3dc588;}
.works-sec04.works .works-block-ttl {color: #3dc588;border-bottom: 1px solid #3dc588;}
.works-sec04.works .works-example-cont-ttl {color: #3dc588;}

.works-sec05.works h2 span,.works-sec05.works .works-full-img h3{background: #ff9481;}
.works-sec05.works .works-block-ttl {color: #ff9481;border-bottom: 1px solid #ff9481;}
.works-sec05.works .works-example-cont-ttl {color: #ff9481;}





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

.business-main-catch,
.business-main-catch.add-ajust{
font-size: 20px;
padding: 6% 0 3%;
}
.for-only-business{
display: none;
}
.works-full-img h3 {
bottom: -21px;
font-size: 28px;
line-height: 42px;
padding: 0 16px 2px;
}
.business-sec-ttl {
font-size: 36px;
margin: 0 0 5%;
line-height: 1.2;
}
.business-flow-once dt {
width: 220px;
padding: 22px 2px;
font-size: 16px;
border-radius: 12px;
line-height: 1.6;
}
.business-sche-once-ttl {
font-size: 16px;
line-height: 2.8;
margin: 0 0 8%;
border-radius: 14px;
}
.business-sche-card .time {
width: 72px;
font-size: 16px;
}
.business-sec-ttl span {
font-size: 30px;
}
.business-flow-ar img {
width: 18px;
position: relative;
left: 101px;
vertical-align: top;
}
.business-main-bg{
background: url("../images/business-main-bg.png") no-repeat top center;
background-size: 112.8% auto;
}
}


@media only screen and (max-width : 1000px) {
.works-main-ill {
max-width: 120px;
margin: 0 0 2% 2%;
}
.business-main-catch,
.business-main-catch.add-ajust{
font-size: 18px;
padding: 6% 0 3%;
}
.works h2 p {
font-size: 20px;
padding: 0 0 0 14px;
}
.works-full-img h3 {
bottom: -17px;
font-size: 22px;
line-height: 34px;
padding: 0 16px 2px;
}
.works-main-inner .ttl-box {
padding: 15% 0 0;
}
.business-sec-ttl {
font-size: 28px;
margin: 0 0 5%;
padding: 6px 0 0;
}
.once-box .link-box a {
line-height: 44px;
font-size: 14px;
padding: 0 12px 0 0;
}
.once-box .link-box a img {
right: 12px;
top: 16px;
}
.business-sche-card {
height: 120px;
border-radius: 14px;
background: #fff;
padding: 6px 10px 6px 6px;
}
.business-sche-card .act {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.01em;
}
.business-sche-card .time {
width: 62px;
font-size: 16px;
}
.business-sche-once {
width: 32%;
}
.business-sec::after {
height: 210px;
bottom: 0;
left: 0;
background: #fff;
z-index: -1;
}
.business-flow-once dt {
width: 200px;
padding: 20px 2px 14px;
font-size: 14px;
border-radius: 12px;
line-height: 1.6;
}
.business-sec-ttl span {
font-size: 24px;
}
.business-flow-ar img {
width: 16px;
left: 92px;
}
}
@media only screen and (max-width : 767px) {
.business-main-cont-box {
display: block;
padding: 0 0 7%;
}
.business-main-cont {
width: 100%;
}
.business-main-catch {
font-size: 16px;
padding: 6% 0 3%;
}
.works-main-ill {
width: 100%;
max-width: 100%;
margin: 0 0 5%;
padding: 7% 0 0;
text-align: center;
}
.works-main-ill img {
width: 40%;
max-width: 220px;
margin: auto;
}
.business-anchor-box {
max-width: 400px;
margin: 0 auto;
flex-wrap: wrap;
justify-content: space-between;
}
.business-anchor-box li {
width: 48%;
margin: 0 0 4%;
}
.business-anchor-gap{
display: block;
}
.works h2 span {
font-size: 14px;
line-height: 22px;
padding: 4px 10px;
top: -2px;
}
.works h2 p {
font-size: 18px;
padding: 0 0 0 10px;
}
.works-full-img img {
border-radius: 3.2vw;
}
.works-full-img h3 {
bottom: -18px;
font-size: 18px;
line-height: 1.5;
padding: 4px 10px;
max-width: 92%;
}
.works-inner-cont {
padding: 4% 3% 0;
}
.works-inner-cont p.ex-text {
margin: 0 0 8%;
}
.works-block-ttl {
font-size: 16px;
margin: 0 0 4%;
padding: 0 0 3%;
}
.works-example-box {
border-radius: 2.8vw;
margin: 0 0 8%;
}
.works-example-box-ttl {
font-size: 16px;
line-height: 2.5;
padding: 0 4%;
}
.works-example-cont-ttl {
font-size: 14px;
margin: 0 0 3%;
}
.works-example-once {
padding: 4% 0;
}
.works-links-box {
display: flex;
justify-content: space-between;
padding: 0 0 6%;
flex-wrap: wrap;
}
.works-links-once {
width: 48%;
margin: 0 0 5%;
}
.works-sec01.works .works-block-ttl.for-link-box, .works-sec02.works .works-block-ttl.for-link-box, .works-sec03.works .works-block-ttl.for-link-box, .works-sec04.works .works-block-ttl.for-link-box, .works-sec05.works .works-block-ttl.for-link-box {
font-size: 16px;
margin: 0 0 3%;
}
.works-sec01.works::after, .works-sec02.works::after {
height: 170px;
}
.works-main-inner .ttl-box {
padding: 118px 0 0;
}
.works-links-once img {
border-radius: 2vw;
margin: 0 0 4%;
}
.works-links-once p {
font-size: 12px;
}
.gap-for-pc{
display: none;
}
.business-main-ill {
display: block;
text-align: center;
width: 100%;
max-width: none;
margin: 0 0 0;
padding: 6% 0 0;
}
.business-main-ill img{
width: 35%;
max-width: 170px;
}
.business-main-img {
margin: 0 auto;
padding: 0 0 7%;
}
.business-sec-inner {
margin: 2% auto 0;
padding: 0 6% 0;
}
.business-sec-img {
position: relative;
display: block;
width: 80%;
top: 0;
right: 0;
border-radius: 2.8vw;
margin: 0 auto 8%;
}
.business-sec .once-box.w60 {
width: 100%;
}
.business-flow-once {
display: block;
border-radius: 2.4vw;
}
.business-flow-once dt {
width: 100%;
padding: 20px 2px 10px;
font-size: 14px;
border-radius: 2.4vw 2.4vw 0 0;
line-height: 1.6;
}
.business-flow-ar img {
width: 16px;
left: 50%;
transform: translateX(-50%);
}
.business-flow-once dt p {
top: 6px;
left: 8px;
font-size: 12px;
}
.business-flow-once dd {
border-radius: 0 0 2.4vw 2.4vw;
display: block;
padding: 12px 14px;
}
.business-sec-num {
position: relative;
top: 0;
left: 0;
transform: rotate(0);
transform-origin: left top;
background: #fbac0b;
color: #fff;
font-size: 18px;
padding: 4px 14px;
line-height: 30px;
margin: 0 0 6%;
width: 100%;
text-align: center;
}
.once-box .link-box a {
line-height: 38px;
font-size: 12px;
padding: 0 12px 0 0;
}
.once-box .link-box a img {
right: 12px;
top: 13px;
}
.business-sec-ttl {
font-size: 22px;
margin: 0 0 5%;
padding: 0 0;
}
.once-box .link-box {
right: 0;
top: -8px;
width: 140px;
}
.business-sec-ttl span {
font-size: 18px;
}
.business-sec .once-box {
margin: 0 0 8%;
}
.business-sec::after {
height: 160px;
bottom: 0;
left: 0;
background: #fff;
z-index: -1;
}
.business-sec {
padding: 4% 0 0;
}
.business-sche-box {
display: block;
padding: 5% 0 4%;
}
.business-sche-once {
width: 100%;
}
.business-sche-once-ttl {
font-size: 16px;
line-height: 2.6;
margin: 0 0 5%;
border-radius: 2vw;
}
.business-sche-card {
height: auto;
border-radius: 2vw;
background: #fff;
padding: 14px 14px;
display: block;
}
.business-sche-card .time {
display: block;
width: 100%;
font-size: 14px;
margin: 0 0 1%;
}
.business-sche-card .act {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.05em;
display: block;
}
.business-sche-once {
margin: 0 0 8%;
}
.business-main-img img {
border-radius: 3vw;
}
.works-main-inner {
width: 88%;
}
.business-main-bg{
top: 50px;
background: url("../images/business-main-bg.png") no-repeat top center;
background-size: 120% auto;
}

}