@charset "UTF-8";

/*````````````````````````````````````````*/
@media only screen and (min-width: 769px) {
/*````````````````````````````````````````*/

/*================*/
section.pagetitle {
}
section.pagetitle>.inner {
}
/*----*/
section.pagetitle .area-ttl {
padding:140px 0 120px 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 680px;
aspect-ratio: 680 / 50;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/business/office/data/img/char_title_search.svg);
}

/*================*/
section.develop-data {
background-color: rgba(242, 242, 242, 1);
padding: 120px 0 120px 0;
}
section.develop-data>.inner {
}
/*----*/
section.develop-data .area-ttl {
    padding: 34px 0 26px 0;
}
section.develop-data .area-ttl h2 {
    text-indent: 8px;
}
section.develop-data .area-ttl h2 span {
background-image: url(/business/office/data/img/char_title_information.svg);
}

/*----*/
section.develop-data .shop-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
gap: 20px 0;
margin: 0 auto 0 auto;
}
section.develop-data .shop-list::after {
content: "";
display: block;
width: 320px;
}
section.develop-data .shop-list .each {
width: 320px;
padding: 30px 30px 30px 30px;
border-radius: 10px;
background-color: rgba(255,255,255,1);
}
section.develop-data .shop-list .each .skin {
position: relative;
width: 100%;
height: 100%;
padding: 0 0 40px 0;
}
section.develop-data .shop-list .each .box-photo{
width: 100%;
aspect-ratio: 520/327;
background-color: rgba(40,40,40,1);
margin-bottom: 20px;
}
section.develop-data .shop-list .each .box-photo figure{
background-position: 50% 50%;
background-size: contain;
}
section.develop-data .shop-list .each .box-name{
font-size: 20px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0.03em;
margin-bottom: 11px;
}

section.develop-data .shop-list .each .box-txt{
font-size: 14px;
font-weight: 400;
line-height: 20.27px;
letter-spacing: 0.03em;
margin-bottom: 20px;
}

section.develop-data .shop-list .each .box-btn {
position: absolute;
left: 0;
bottom: 45px;
width: 100%;
height: 0;
padding: 0 0 0 23px;
}

/*----*/
.develop-data-jump{
background-color: #fff;
padding: 92px 0;
}
.develop-data-jump .inner {
width: 950px;
}
.develop-data-jump .box-ttl{
font-size: 28px;
font-weight: 400;
line-height: 40.54px;
letter-spacing: 0.14em;
text-align: center;
margin-bottom:54px;
}
.develop-data-jump .area-jump{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.develop-data-jump .border-button{
width: 300px;
height: 60px;
margin-right: 25px;
}
.develop-data-jump .border-button:last-child{
margin-right: 0;
}
.develop-data-jump .border-button a{
width: 100%;
font-size: 18px;
font-weight: 700;
line-height:60px;
letter-spacing: 2.7200000286102295px;
}
.develop-data-jump .border-button.bb-type3 p{
padding: 0;
}
.develop-data-jump .border-button.bb-type3 p i {
right: 10px;
top: 35%;
}
    
/*````````````````````````````````````````*/
} @media only screen and (max-width: 768px) {
/*````````````````````````````````````````*/

/*================*/
section.pagetitle {
}
section.pagetitle>.inner {
}
/*----*/
section.pagetitle .area-ttl {
padding: 17vw 0 15vw 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 88vw;
aspect-ratio: 330 / 33;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/business/office/data/img/char_title_search.svg);
}


/*================*/
section.develop-data {
background-color: rgba(242, 242, 242, 1);
padding: 24vw 0 24vw 0;
}
section.develop-data>.inner {
}
/*----*/
section.develop-data .area-ttl {
padding: 8vw 0 4vw 0;
}
section.develop-data .area-ttl h2 {
text-indent: 1vw;
}
section.develop-data .area-ttl h2 span {
background-image: url(/business/office/data/img/char_title_information.svg);
}


/*----*/
section.develop-data .shop-list {

}

section.develop-data .shop-list .each {
width: 100%;
padding: 8vw;
border-radius: 10px;
background-color: rgba(255,255,255,1);
margin-bottom:5.1vw;
}
section.develop-data .shop-list .each:last-child{
margin-bottom: 0;
}
section.develop-data .shop-list .each .skin {
position: relative;
width: 100%;
height: 100%;
padding: 0 0 40px 0;
}
section.develop-data .shop-list .each .box-photo{
width: 100%;
aspect-ratio: 520 / 327;
background-color: rgba(40,40,40,1);
margin-bottom: 4vw;
}
section.develop-data .shop-list .each .box-photo figure{
background-position: 50% 50%;
background-size: contain;
}
section.develop-data .shop-list .each .box-name{
font-size: 5.33vw;
font-weight: 500;
line-height: 1.45;
letter-spacing: 0.03em;
margin-bottom: 3vw;
}

section.develop-data .shop-list .each .box-txt{
font-size:3.73vw;
font-weight: 400;
line-height: 1.44;
letter-spacing: 0.03em;
margin-bottom: 7vw;
}

section.develop-data .shop-list .each .box-btn {
position: absolute;
left: 0;
bottom: 45px;
width: 100%;
height: 0;
padding: 0 0 0 23px;
}

/*----*/
.develop-data-jump{
background-color: #fff;
padding: 10vw 0 9vw 0;
}
.develop-data-jump .box-ttl{
font-size: 5.86vw;
font-weight: 400;
line-height: 1.45;
letter-spacing: 0.14em;
text-align: center;
margin-bottom:10.2vw;
}
.develop-data-jump .area-jump{

}
.develop-data-jump .border-button{
width: 80vw;
height: 16vw;
margin:0 auto 6.6vw auto;
display: block;
}
.develop-data-jump .border-button a{
width: 100%;
font-size: 18px;
font-weight: 700;
line-height:60px;
letter-spacing: 2.7200000286102295px;
}
.develop-data-jump .border-button.bb-type3 p{
padding: 0;
}
.develop-data-jump .border-button.bb-type3 p i{
right: 10px;
top: 35%;
}
.develop-data-jump .border-button p span{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

/*````````````````````````````````````````*/
} /* end of @media */
/*````````````````````````````````````````*/