@charset "UTF-8";
.page__kv{margin-bottom: 40px;}

/* data JYOSHO 7 DATA */
.data-head__wrap {background: url('../../josho7data/img/data-bg.png') center bottom no-repeat; background-size: 100% auto; text-align: center; padding-bottom: 250px!important; margin-bottom: 40px; position: relative; z-index: 0;}
.data-head__wrap h1 {border: none; padding: 0;margin-bottom:5rem;}
.data-head__wrap h1 img {max-width: 96%;}
.data-head__wrap p {background-color:rgba(255,255,255,0.90); color: #111; display: inline; padding: 3px 0; letter-spacing: 1px; font-size: 1.6rem;}
.data-bg{ position: absolute; bottom: -5%; left:-10%; width: 120%; z-index: -1;}

.data__content {padding: 100px 0 20px 0;}
.data__box {background-color: #fff; position: relative; margin-bottom: 80px; padding: 80px 80px 150px 140px!important; z-index: 0;}
.data__number {position: absolute; width: 180px; height: 180px; border: 12px solid #92ebfa; background-color: #e7e7e7; box-sizing: border-box; padding: 24px; color: #fff; font-size: 3.2rem; font-family: 'Oswald', sans-serif; text-align: center; line-height: 1; border-radius: 90px; z-index: 0; top:-50px; left:-50px;}
.data__number strong {color: #fd8392; font-size: 7.2rem; display: block;}
.data__number::before{content:''; display: block; position: absolute; width: 140px; height: 140px; background-color: #103546; border-radius: 70px; top:8px; left:8px; z-index: -1;}

.data__content h3{font-size: 3.6rem; color: #103546; line-height: 1.4;}
.data__content h3 strong{color: #ff556a; font-weight: bold;}
.data__content p{font-size: 1.6rem;line-height: 2;}

.data__article01 {width: 70%}
.data__article02 {width: 100%}
.data__article03 {width: 55%}

.data__img{position: absolute; width: 100%; height: 100%; top:0; left: 0; z-index:-1;}
.data__img img{position: absolute;}
.data__img01 img{max-width: 25%;}
.data__img01 img:nth-child(1){top: 20%; right: 5%;}
.data__img01 img:nth-child(2){top: 75%; right: 20%;}
.data__img02 img{max-width: 75%;}
.data__img02 img:nth-child(1){bottom: -30%; right: 5%;}
.data__img03 img{max-width: 37%;}
.data__img03 img:nth-child(1){top: 32%; right: 5%;}
.data__img03 img:nth-child(2){top: 82%; right: 30%;}

@media screen and (min-width: 769px) {
    .sp { display: none; }
}
@media screen and (max-width: 768px) {
	.work__halfbox {width: 100%;}
	.work__icon {position: static;}
	.iconbox {position: relative; width: 100%; height:100vw; }
	.work__voice .voice__item{display:block; width: 47%; margin: 0 1.5% 20px 1.5%; float: left;}
	.work__voice .voice__item a figure img{ width: 36vw; height: 36vw; border-radius: 18vw;}
	.iconbox::before {width: 80px; height: 80px;}
	.iconbox::after {width: 150px; height: 150px;}
	.iconbox img:nth-child(1){width: 180px; height: auto;}
	.iconbox img:nth-child(2){width: 110px; height: auto;}
	.iconbox img:nth-child(3){width: 110px; height: auto;}
	
	/* data JYOSHO 7 DATA */
	.data-head__wrap {padding-bottom: 120px!important;}
	.data-bg{bottom: 1%; left:5%; width: 90%;}
	.data__box {margin-bottom: 0px; padding: 80px 80px 150px 140px!important; z-index: 0;}
	.data__content h3{font-size: 2.8rem; }
	.data__box { margin-bottom: 50px; padding: 140px 20px 40px 20px!important; width: 90%;}
	.data__article01,.data__article02,.data__article03 {width: 100%}
	.data__img{position: static; width:auto; height:auto; }
	.data__img img{position: static;}
	.data__img01 img,.data__img03 img{max-width: 48%; display: inline-block;}
	.data__img02 img{max-width: 100%;}
	
    .pc { display: none; }
}