@charset "UTF-8";
ul{
    padding-left: 0;
    list-style: none;
}

/*-------------------------------------------------------------- */
/* JS odometer-theme-default
/*-------------------------------------------------------------- */
.odometer.odometer-auto-theme, .odometer.odometer-theme-default{
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
*zoom:1;
*display:inline;
position:relative;}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit{
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
*zoom:1;
*display:inline;
position:relative;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
*zoom:1;
*display:inline;
visibility:hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{
text-align:left;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
overflow:hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon{
display:block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{
display:block;
-webkit-backface-visibility:hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value{
display:block;
-webkit-transform:translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{
position:absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{
-webkit-transition:-webkit-transform 2s;
-moz-transition:-moz-transform 2s;
-ms-transition:-ms-transform 2s;
-o-transition:-o-transform 2s;
transition:transform 2s;}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{
-webkit-transition:-webkit-transform 2s;
-moz-transition:-moz-transform 2s;
-ms-transition:-ms-transform 2s;
-o-transition:-o-transform 2s;
transition:transform 2s;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default{
font-family:"Helvetica Neue", sans-serif;
line-height:1.1em;}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value{
text-align:center;}


/*--------------------------------------------------------------
JS Animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
keyvisial
--------------------------------------------------------------*/
@keyframes keyvisial-fadein-out{
0%{
opacity:0;}
40%{
opacity:1;}
80%{
opacity:1;}
100%{
opacity:0;}}
@keyframes keyvisial-fadein-out2{
0%{
opacity:0;}
25%{
opacity:1;}
90%{
opacity:1;}
100%{
opacity:0;}}
@keyframes keyvisial-fade-up{
0%{
-webkit-transform:translateY(50px);
transform:translateY(50px);
opacity:0;}
30%{
opacity:1;
-webkit-transform:translateY(0px);
transform:translateY(0px);
opacity:1;}
80%{
-webkit-transform:translateY(0px);
transform:translateY(0px);
opacity:1;}
100%{
-webkit-transform:translateY(-50px);
transform:translateY(-50px);
opacity:0;}}
@keyframes keyvisial-fade-down{
0%{
-webkit-transform:translateY(-50px);
transform:translateY(-50px);
opacity:0;}
30%{
-webkit-transform:translateY(0px);
transform:translateY(0px);
opacity:1;}
80%{
-webkit-transform:translateY(0px);
transform:translateY(0px);
opacity:1;}
100%{
-webkit-transform:translateY(50px);
transform:translateY(50px);
opacity:0;}}
@keyframes keyvisial-fade-left{
0%{
-webkit-transform:translateX(50px);
transform:translateX(50px);
opacity:0;}
30%{
opacity:1;
-webkit-transform:translateX(0px);
transform:translateX(0px);
opacity:1;}
80%{
-webkit-transform:translateX(0px);
transform:translateX(0px);
opacity:1;}
100%{
-webkit-transform:translateX(-50px);
transform:translateX(-50px);
opacity:0;}}
@keyframes keyvisial-fade-right{
0%{
-webkit-transform:translateX(-50px);
transform:translateX(-50px);
opacity:0;}
30%{
-webkit-transform:translateX(0px);
transform:translateX(0px);
opacity:1;}
80%{
-webkit-transform:translateY(0px);
transform:translateY(0px);
opacity:1;}
100%{
-webkit-transform:translateX(50px);
transform:translateX(50px);
opacity:0;}}
@keyframes fadein-zoom{
0%{
transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);}
25%{
opacity:1;}
70%{
opacity:1;
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);}
90%{
opacity:1;
transform:scale(0.95,0.95);
-webkit-transform:scale(0.95,0.95);}
100%{
opacity:1;
transform:scale(1,1);
-webkit-transform:scale(1,1);}}
/*--------------------------------------------------------------
animation
--------------------------------------------------------------*/
@keyframes anime-fade-out{
0%{
opacity:1;}
100%{
opacity:0;}}
@keyframes anime-fade-in{
0%{
opacity:0;}
100%{
opacity:1;}}
@keyframes anime-fade-up{
0%{
-webkit-transform:translateY(50px);
transform:translateY(50px);
opacity:0;}
70%{
opacity:1;}
100%{
-webkit-transform:translateY(0%);
transform:translateY(0%);
opacity:1;}}
@keyframes anime-fade-left{
0%{
-webkit-transform:translateX(30px);
transform:translateX(30px);
opacity:0;}
70%{
opacity:1;}
100%{
-webkit-transform:translateX(0%);
transform:translateX(0%);
opacity:1;}}
@keyframes anime-fade-right{
0%{
-webkit-transform:translateX(-50px);
transform:translateX(-50px);
opacity:0;}
70%{
opacity:1;}
100%{
-webkit-transform:translateX(0%);
transform:translateX(0%);
opacity:1;}}
@keyframes anime-slide-right-contents{
0%{
opacity:1;}
99%{
opacity:1;}
100%{
opacity:1;}}
@keyframes anime-slide-right{
0%{
width:0%;
left:0%;}
100%{
width:100%;
left:0%;}}

@keyframes anime-slide-right-sp{
0%{
width:0;
left:0%;
right:auto;}
50%{
width:100%;
left:0%;
right:auto;}
51%{
width:100%;
left:auto;
right:0%;}
100%{
width:0%;
left:auto;
right:0%;}}



*[data-a="fade-in"]{
opacity:0;}
*[data-a="fade-up"]{
opacity:0;}
*[data-a="fade-left"]{
opacity:0;}
*[data-a="fade-right"]{
opacity:0;}
*[data-a="fadein-zoom"]{
opacity:0;}
*[data-a="slide-right"]>*{
opacity:1;
z-index:30;
position:relative;}
*[data-a="slide-right"]::after{
content:"";
background:#fff;
width:0%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:0;}

.anime-fadein-zoom{
animation-name:fadein-zoom;
animation-duration:0.4s;
animation-timing-function:ease-out;
animation-iteration-count:1;
animation-fill-mode:forwards;}
.anime-fade-in{
animation-name:anime-fade-in;
animation-duration:1s;
animation-timing-function:ease-out;
animation-iteration-count:1;
animation-fill-mode:forwards;}
.anime-fade-up{
animation-name:anime-fade-up;
animation-duration:1s;
animation-timing-function:ease-out;
animation-iteration-count:1;
animation-fill-mode:forwards;}
.anime-fade-left{
animation-name:anime-fade-left;
animation-duration:1s;
animation-timing-function:ease-out;
animation-iteration-count:1;
animation-fill-mode:forwards;}
.anime-fade-right{
animation-name:anime-fade-right;
animation-duration:1s;
animation-timing-function:ease-out;
animation-iteration-count:1;
animation-fill-mode:forwards;}
.anime-slide-right>*{
animation-name:anime-slide-right-contents;
animation-duration:0.8s;
animation-iteration-count:1;
animation-fill-mode:forwards;}

.anime-slide-right::after{
animation-name:anime-slide-right;
animation-duration:0.8s;
transition-timing-function:cubic-bezier(0.070, 0.580, 0.895, 0.370);
animation-iteration-count:1;
animation-fill-mode:forwards;}
@media screen and (max-width:768px){
.anime-slide-right>*{
animation-name:anime-slide-right-contents;
animation-duration:0.5s;
animation-iteration-count:1;
animation-fill-mode:forwards;}
.anime-slide-right::after{
animation-name:anime-slide-right;
animation-duration:0.5s;
transition-timing-function:cubic-bezier(0.070, 0.580, 0.895, 0.370);
animation-iteration-count:1;
animation-fill-mode:forwards;}}
*[data-a="slide-mask"]{
position:relative;}
*[data-a="slide-mask"] span{
opacity:0;}
*[data-a="slide-mask"]::before{
content:"";
width:0%;
height:100%;
background:#efefef;
position:absolute;
left:0;
top:0;}
.anime-slide-mask::before{
animation:anime-sm-mask 1.4s infinite;
animation-timing-function:cubic-bezier(.08,.7,.31,.94);
animation-fill-mode:forwards;
animation-iteration-count:1;
z-index:2;}
.anime-slide-mask span{
animation:anime-sm-txt 1.4s infinite;
animation-timing-function:cubic-bezier(.08,.7,.31,.94);
animation-fill-mode:forwards;
animation-iteration-count:1;
animation-delay:0.7s;}
@keyframes anime-sm-txt{
0%{
opacity:1;}
100%{
opacity:1;}}
@keyframes anime-sm-mask{
0%{
width:0%;
left:0;
right:auto;}
50%{
width:102%;
left:0;
right:auto;}
51%{
width:102%;
left:auto;
right:-2%;}
100%{
width:0%;
left:auto;
right:-2%;}}

/*------------------------- PC --------------------------------- */
/*-------------------------------------------------------------- */
/* animation
/*-------------------------------------------------------------- */
@keyframes show-text{
0%{
width:0%;
left:0;
right:auto;}
50%{
width:102%;
left:0;
right:auto;}
51%{
width:102%;
left:auto;
right:-2%;}
100%{
width:0%;
left:auto;
right:-2%;}}
@keyframes show-img{
0%{
width:100%;}
100%{
width:0%;}}
/*-------------------------------------------------------------- */
/* common
/*-------------------------------------------------------------- */
/*clearfix*/
.clearfix::after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;}
.clearfix{
min-height:1px;}
* html .clearfix{
height:1px; /*\*/ /*/
height:auto;
overflow:hidden;
/**/}
/* column */
.float-left{
float:left;}
.float-right{
float:right;}
.in-block > *{
display:inline-block;}
.flex{
display:flex;
flex-wrap:wrap;}
/* Responsive */
.pc{
display:block;}
.tb{
display:none;}
.sp{
display:none;}

/* width */
.wp100,.pic{
width:100%;}
/* font color */

.fc-green{
color:#6bba2b;}
.fc-pink{
color:#e93f9e;}
.bg-blue{
background-color:#0a74b0;}
.bg-blue{
background:#0a74b0;}
.fc-blue{
color:#0a74b0!important;}
/* align */
.align-left{
text-align:left;}
.align-right{
text-align:right;}
.align-center{
text-align:center;}
p:first-child{
margin-top:0;}
p:last-child{
margin-bottom:0;}
/*h*/
.h-01{
font-weight:500;}
.h-01 strong{
text-transform:uppercase;
font-size:4rem;
display:inline-block;
font-weight:500;
letter-spacing:1rem;
line-height:1.4;}
.h-01 em{
font-size:2rem;
letter-spacing:0.5rem;
display:inline-block;
margin-top:10px;
font-style:normal;}
.bg-gray{
background-color:#fafafa;}
a{
color:#000;}
@media screen and (min-width:769px){
/*
a:hover{
color:rgba(0,0,0,0.5);}
*/}
@media screen and (min-width:769px){
a.alpha:hover{
opacity:0.55;}}
/*btn*/
i.ar-r{
display:inline-block;
width:24px;
height:1px;
background:#000;
position:absolute;
right:0px;
top:26px;
transition:all 0.3s ease;}

i.ar-r._l{
display:inline-block;
width:60px;}
.icon-ar._w{
width:100%;
display:block;}

i.ar-r::after{
content:"";
position:absolute;
background:#000;
height:6px;
width:1px;
transform:skewX(55deg);
-webkit-transform:skewX(55deg);
right:5px;
top:-6px;
transition:all 0.3s ease;}
.ic-link{
display:inline-block;
width:12px;
height:auto;
margin-left:10px;
-webkit-transform:translateY(1px);
transform:translateY(1px);
transition:all 0.3s ease;}
.ic-link img{
width:100%;
height:auto;}
.icon-ar{
position:relative;
padding-right:30px;
line-height:1.4;
padding:15px 30px 15px 0;}

@media screen and (min-width:769px){
a.icon-ar:hover i.ar-r._l{
width:65px;
right:-4px;}
a.icon-ar:hover i.ar-r{
right:-4px;
width:28px;}
a.icon-ar:hover{
color:rgba(0,0,0,0.5);}
a.icon-ar:hover .ic-link{
opacity:0.5;}
a.icon-ar:hover i.ar-r::after{
right:4px;}
a.icon-ar:hover i.ar-r._l::after{
right:4px;}}
.a-border{
border-bottom:solid 1px #000;
position:relative;
font-size:1.4rem;}
.icon-tel{
text-transform:uppercase; }
.icon-tel span.pc{
display:inline-block;}
.tbl-01{
width:100%;
position:relative;}
.tbl-01 th{
padding:30px 19px;
font-size:1.4rem;}
.tbl-01 td{
font-size:1.4rem;
padding:30px 0 30px 19px;}
.tbl-01 tr{
position:relative;}
.tbl-01 th{
width:132px;}
.tbl-01::before{
content:"";
position:absolute;
left:0;
bottom:0;
height:1px;
width:100%;
background-image:linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 3px);
background-size:3px 1px;
background-repeat:repeat-x;}

.tbl-01 th,
.tbl-01 td{
background-image:linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 3px);
background-position:top;
background-size:3px 1px;
background-repeat:repeat-x;
vertical-align:top;}
.tbl-01 td .flex>*{
padding-right:50px;}
.tbl-01 td .flex>*:last-child{
padding-right:0;}


/*-------------------------------------------------------------- */
/*line-animation
/*-------------------------------------------------------------- */
.bg-line-wrap{
margin:auto;
pointer-events:none;
max-width:1350px;}
.bg-line-wrap-02{
margin:auto;
pointer-events:none;
max-width:1600px;}
*[data-a="line-01"]{
opacity:0;}
.bg-line-01>div{
max-width:1080px;
pointer-events:none;
margin-top:60px;
margin-bottom:-320px;}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.bg-line-01>div{
height:620px;}}
@media screen and (max-width:1090px){
.bg-line-01>div{
margin-bottom:-25vw;}}
.anime-line-01{
opacity:1;
stroke-dasharray:32800px;
animation:line-01 4s infinite;
animation-fill-mode:forwards;
animation-iteration-count:1;}
@keyframes line-01{
0%{
stroke-dashoffset:32800px;}
100%{
stroke-dashoffset:0px;}}
.bg-line-02>div{
max-width:800px;
pointer-events:none;
margin:-5px -16px -75px auto;
position:relative;
z-index:20;}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.bg-line-02>div{
height:470px;}}
*[data-a="line-02-01"],
*[data-a="line-02-02"],
*[data-a="line-02-03"]{
opacity:0;}
.anime-line-02-01{
opacity:1;
stroke-dasharray:32800px;
animation:line-02-01 20s infinite;
animation-fill-mode:forwards;
animation-iteration-count:1;}
@keyframes line-02-01{
0%{
stroke-dashoffset:32800px;}
100%{
stroke-dashoffset:0px;}}

.anime-line-02-02{
opacity:1;
stroke-dasharray:12800px;
animation:line-02-02 5s infinite;
animation-fill-mode:backwards;
animation-iteration-count:1;}

@keyframes line-02-02{
0%{
stroke-dashoffset:12800px;}
100%{
stroke-dashoffset:0px;}}
.anime-line-02-03{
opacity:1;
stroke-dasharray:4800px;
animation:line-02-03 5s infinite;
animation-fill-mode:backwards;
animation-iteration-count:1;}
@keyframes line-02-03{
0%{
stroke-dashoffset:4800px;}
100%{
stroke-dashoffset:0px;}}
*[data-a="line-03"]{
opacity:0;}
.bg-line-03>div{
max-width:880px;
pointer-events:none;
margin:0 0 -32px -40px;
position:relative;
z-index:50;}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.bg-line-03>div{
margin:-10px 0 -32px -35px;
height:425px;}}
.anime-line-03{
opacity:1;
stroke-dasharray:62800px;
animation:line-03 3s infinite;
animation-fill-mode:forwards;
animation-iteration-count:1;}
@keyframes line-03{
0%{
stroke-dashoffset:62800px;}
100%{
stroke-dashoffset:0px;}}
.bg-line-04>div{
max-width:930px;
pointer-events:none;
margin:-250px -75px -142px auto;
position:relative;
z-index:20;}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.bg-line-04>div{
height:883px;}}
.bg-line-04 ul{
position:absolute;
width:105%;
height:90%;
left:0;
top:0%;}
.bg-line-04 ul li{
font-size:1rem;
position:absolute;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.bg-line-04 ul li:nth-child(1){
left:47%;
top:66%;}
.bg-line-04 ul li:nth-child(2){
left:46%;
top:89%;}
.bg-line-04 ul li:nth-child(3){
left:64%;
top:70.5%;}
.bg-line-04 ul li:nth-child(4){
left:64.5%;
top:77.3%;}
.bg-line-04 ul li:nth-child(5){
left:63%;
top:83%;}
.bg-line-04 ul li:nth-child(6){
left:76%;
top:82%;}

*[data-a="line-04-01"],
*[data-a="line-04-02"],
*[data-a="line-04-03"]{
opacity:0;}
.anime-line-04-01{
opacity:1;
stroke-dasharray:32800px;
animation:line-04-01 10s infinite;
animation-fill-mode:backwards;
animation-iteration-count:1;}
@keyframes line-04-01{
0%{
stroke-dashoffset:32800px;}
100%{
stroke-dashoffset:0px;}}

.anime-line-04-02{
opacity:1;
stroke-dasharray:12800px;
animation:line-04-02 5s infinite;
animation-fill-mode:backwards;
animation-iteration-count:1;}
@keyframes line-04-02{
0%{
stroke-dashoffset:12800px;}
100%{
stroke-dashoffset:0px;}}
.bg-line-05>div{
max-width:1080px;
pointer-events:none;
margin:0 0 40px 0;
position:relative;
z-index:20;}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.bg-line-05>div{
height:423px;
margin-top:-50px;}}
*[data-a="line-05"]{
opacity:0;}
.anime-line-05{
opacity:1;
stroke-dasharray:22800px;
animation:line-05 7s infinite;
animation-fill-mode:backwards;
animation-iteration-count:1;}
@keyframes line-05{
0%{
stroke-dashoffset:22800px;}
100%{
stroke-dashoffset:0px;}}

/*-------------------------------------------------------------- */
/*line-animation
/*-------------------------------------------------------------- */
.bg-line-wrap{
margin:auto;
pointer-events:none;}

.bg-line-01,.bg-line-02,.bg-line-03,.bg-line-04,.bg-line-05{
overflow:hidden;}
.bg-line-01>div{
margin:4vw 20px -25vw 20px;}
.bg-line-02{
margin:-28vw 0 0 0;}
.bg-line-02>div{
margin:0 10px -28vw auto;
position:relative;
z-index:0;}
.bg-line-03{
margin-top:-50vw}
.bg-line-03>div{
margin:0 0 -40vw -5vw;
position:relative;
z-index:0;}

.bg-line-04{
margin-top:0vw;
margin-bottom:-15vw}
.bg-line-04>div{
max-width:122%;
pointer-events:none;
margin:-40vw -30vw 5vw -10vw;
position:relative;
z-index:20;}
.bg-line-04 ul li{
font-size:1rem;
position:absolute;}
.bg-line-05{
margin-top:-10vw}
.bg-line-05>div{
width:110%;
margin:0 -5vw 4vw 1vw;
position:relative;
z-index:0;}
/*-------------------------------------------------------------- */
/*page
/*-------------------------------------------------------------- */
.site-main{
padding-top:55px!important;}
.page-header-lv2 .page-title h1>strong{
font-size:3rem;}
.page-header-lv2 .page-title h1>span{
font-size:1.8rem;}}

/*------------------------- *SP --------------------------------- */
@media screen and (max-width:768px){
body{
font-size:1.4rem;}
/*-------------------------------------------------------------- */
/* common
/*-------------------------------------------------------------- */
.scrollbar{
display:block;}
.flex{
display:block;}
/* Responsive */
.pc{
display:none;}
.sp{
display:block;}
/*h*/
.h-01{
font-weight:500;}
.h-01 strong{
font-size:2.8rem;
letter-spacing:0.5rem;
line-height:1.2;
display:inline-block;}
.h-01 em{
font-size:1.5rem;
letter-spacing:0.2rem;
margin-top:5px;}
a{
color:#000;}

/*btn*/
i.ar-r{
width:18px;
top:55%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}
i.ar-r._l{
display:inline-block;
width:60px;}
i.ar-r::after{
height:6px;
right:5px;
top:-6px;}
.icon-ar{
position:relative;
font-size:1.4rem;
line-height:1.4;
padding:20px 30px 20px 0;}
.a-border{
border-bottom:solid 1px #000;
position:relative;
font-size:1.4rem;}

.a-border::before{
content:"";
height:1px;
width:0%;
background:#0a74b0;
position:absolute;
bottom:-1px;
left:auto;
right:0;
z-index:2;
transition:all 0.6s ease;}
.icon-tel{
display:block;
position:relative;
font-size:1.4rem;
line-height:1.4;
padding:20px 0px 20px 40px;
background:#0a74b0;
width:100%;
color:#fff;
text-transform:uppercase; 
letter-spacing:0.15rem;}
.icon-tel::before{
content:"";
background:url(https://royalhousing.jp/wp-content/themes/royal_cop_theme/assets/img/icon_tel.svg) no-repeat;
background-position:center;
background-size:contain;
height:25px;
width:15px;
position:absolute;
left:15px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}
.tbl-01::before{
content:"";
width:100%;
height:1px;
position:absolute;
left:0;
borrom:0;
background-image:linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 3px);
background-position:bottom;
background-size:3px 1px;
background-repeat:repeat-x;}
.tbl-01 th,
.tbl-01 td{
display:block;
width:100%;}
.tbl-01 th{
padding:23px 0px 0 0px;}
.tbl-01 td{
font-size:1.4rem;
padding:15px 0px 23px 0px;}
.tbl-01 th,
.tbl-01 td{
background-image:none;}
.tbl-01 th{
background-image:none;}
.tbl-01 tr{
position:relative;
display:block;}
.tbl-01 tr::after{
content:"";
width:100%;
height:1px;
position:absolute;
left:0;
top:0;
background-image:linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 3px);
background-position:bottom;
background-size:3px 1px;
background-repeat:repeat-x;}
.tbl-01 td .flex>*{
padding-right:0px;}
/*tbl-form*/
.tbl-form{
display:block;}
.tbl-form th,
.tbl-form td{
border-bottom:solid 1px #b1b1b1;}
.tbl-form td{
width:100%!important;
display:block!important;
padding:10px 0 35px!important;}
.tbl-form th{
padding:30px 0 10px!important;
font-size:1.8rem;
width:100%!important;
text-align:left;
display:flex;
align-items:center;
gap:15px;
border-bottom:none;}

.tbl-form th span.icon-required{
border-radius:20px;
background:#cc0000;
width:50px;
height:23px;
color:#fff;
font-size:1.3rem;
position:relative;
right:0px;
top:0%;
-webkit-transform:translateY(0%);
transform:translateY(0%);}
.tbl-form th.text{
padding:30px 0 10px;}
.tbl-form td input.postal-code{
max-width:150px;}
.tbl-form td textarea{
font-size:1.4rem;
height:235px;}
.tbl-form td select{
max-width:100%;
width:100%;}
.label-file{
width:223px;
height:57px;
display:flex;
align-items:center;
justify-content:center;
margin:auto;}

.tbl-form td>ul{
list-style:none;}
.tbl-form td>ul>li{

display:block;
margin-bottom:26px;}
.tbl-form td>ul>li>div{
font-size:1.5rem!important;
margin-bottom:5px;}
.tbl-form th.th-file{
text-align:center;
white-space:normal;
}
.tbl-form th.th-file span{
display:block!important;
text-align:center!important;
margin:auto;}
.tbl-form th .th-file + td{
padding-left:0;}

.select-address{
display:block;
max-width:100%;
width:100%;
position:relative;}

.txt-acceptance p{
font-size:1.4rem;
margin:30px 0 10px;}
.txt-acceptance label{
font-size:1.8rem;}
.txt-acceptance label>span{
display:inline-block;
vertical-align:middle;
-webkit-transform:translateY(1px);
transform:translateY(1px);}
.txt-acceptance input[type="checkbox"]{
border-radius:0px!important;
border:solid 1px #000;
width:25px;
height:25px;
display:inline-block;
vertical-align:middle;
margin-right:10px;}
.btn-submit{
display:inline-block;
margin-top:20px;
position:relative;}
.btn-submit::before{
content:"";
display:inline-block;
width:24px;
height:1px;
background:#fff;
position:absolute;
right:27px;
bottom:27px;
transition:all 0.3s ease;}
.btn-submit::after{
content:"";
position:absolute;
background:#fff;
height:6px;
width:1px;
transform:skewX(55deg);
-webkit-transform:skewX(55deg);
right:30px;
bottom:27px;
transition:all 0.3s ease;}
.btn-submit input{
background:#00a9af;
width:223px;
height:57px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:1.5rem;
border:none;
letter-spacing:0.2rem;
cursor:pointer;
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;}
@media only screen and (min-width:769px){
.btn-submit:hover::before{
width:30px;
right:22px;}
.btn-submit:hover::after{
right:25px;}
.btn-submit input:hover{
background:#07b7bd;}}
.wpcf7-not-valid{
border:solid 1px #ff8888!important;}
.wpcf7-not-valid-tip{
display:inline-block;
margin-left:5px;
color:#ff0000;
padding:5px;
border:solid 1px #ff8888;
background:#fff;
vertical-align:middle;}
label.attention{
position:relative;}
label.attention::before{
content:"!";
width:20px;
height:20px;
border-radius:20px;
background:#ff0000;
color:#fff;
position:absolute;
right:15px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:flex;
align-items:center;
justify-content:center;}


/*-------------------------------------------------------------- */
/* line-animation
/*-------------------------------------------------------------- */
.bg-line-wrap{
margin:auto;
max-width:100%;}
.bg-line-01,.bg-line-02,.bg-line-03,.bg-line-04,.bg-line-05{
overflow:hidden;}
.bg-line-01{
height:53vw;}
.bg-line-01>div{
width:160%;
margin:10vw 0 0vw -3vw;}
.bg-line-02{
height:73vw;
margin:-8vw 0 0 0;}
.bg-line-02>div{
margin:0 2vw 0 2vw;}
.bg-line-03{
height:126vw;
margin-top:-50vw}
.bg-line-03>div{
width:140%;
margin:0 0 0 -5vw;
position:relative;
z-index:0;}
.bg-line-04{
height:120vw;
margin-top:-45vw;
margin-bottom:0;}
.bg-line-04>div{
max-width:138%;
width:140%;
margin:0 0 0 -16vw;
position:relative;
z-index:0;}
.bg-line-04 ul li{
font-size:1rem;
position:absolute;
transform:scale(0.8,0.8);}
.bg-line-04 ul li:nth-child(1){
left:45%;
top:64%;}
.bg-line-04 ul li:nth-child(2){
left:44%;
top:87%;}
.bg-line-04 ul li:nth-child(3){
left:62%;
top:68.5%;}
.bg-line-04 ul li:nth-child(4){
left:62.5%;
top:74.5%;}
.bg-line-04 ul li:nth-child(5){
left:61%;
top:80%;}
.bg-line-04 ul li:nth-child(6){
left:73%;
top:80%;}
.bg-line-05{
height:60vw;
margin-top:0vw}
.bg-line-05>div{
width:140%;
margin:0 0 0vw 1vw;
position:relative;
z-index:0;}
/*-------------------------------------------------------------- */
/*page
/*-------------------------------------------------------------- */
/*group-company*/
.group-company{
margin:30px auto;
padding:0 0px;}
.group-company ul{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:1fr;
gap:0px;}

.group-company ul li{
width:100%;
text-align:center;}
.group-company ul li a{
display:block;
margin:auto;
padding:0px 0px;
height:80px;
border:solid 1px #efefef;
display:flex;
align-items:center;
justify-content:center;}
.group-company ul li a img{
max-width:85%;
width:auto;
max-height:26px;
height:auto;}
.site-main._sub-page .page-main-contents{
padding:42px 0;}
.site-main._side .page-header-lv3{
margin:0px 0 40px;}
.contanier{
padding:0 30px;}
.page-header-lv2 .page-title h1{
position:absolute;
top:50px;
left:40px;
z-index:10;
color:#fff;}
.page-header-lv2 .page-title h1>strong{
font-size:3.6rem!important;
letter-spacing:0.5rem;
line-height:1.5;}
.page-header-lv2 .page-title h1>span{
font-size:1.5rem;
letter-spacing:0.5rem;}
/*.page-discription*/
.page-discription{
padding-top:23vw;
padding-bottom:55px;}
.page-discription p{
line-height:2;
font-size:1.5rem;}

.page-header-lv3 h1{
font-size:2.8rem;
padding:35px 0 0;}

/*side-nav*/
.side-nav h2{
margin-bottom:15px;}
.side-nav h2 strong{
font-size:2.8rem;
letter-spacing:0.2rem;}
.side-nav h2 span{
display:block;}
.side-nav nav ul li	.icon-ar{
padding:15px 30px 15px 0;}
.side-nav nav ul li.current a{
padding-left:18px;}
.side-nav>div>div>div{
margin-bottom:0px;}
.side-nav .line-01{
margin:26px -90px 55px 0px;}}



/*-------------------------------------------------------------- 
animation
-------------------------------------------------------------- */
.anime-circle{
animation:anime-circle 2.4s infinite;
animation-iteration-count:1;
animation-fill-mode:forwards;}
@keyframes anime-circle{
0%{ stroke-dasharray:0 1400; }
99.9%,to{ stroke-dasharray:1400 1400; }}
*[data-a="num-underline"]{
position:relative;}
*[data-a="num-underline"]::before{
content:"";
width:0%;
height:4px;
background:#0a74b0;
position:absolute;
left:0;
bottom:15px;}
.anime-num-underline::before{
animation-timing-function:ease-out;
animation:underline 0.4s infinite;
animation-iteration-count:1;
animation-delay:2s;
animation-fill-mode:forwards;}
@keyframes underline{
0%{ 
width:0%;}
100%{
width:100%;}}
*[data-a="move-store"]{
-webkit-transform:translateY(110%);
transform:translateY(110%);}
.anime-move-store{
animation-duration:0.3s;
animation-name:anima-move-store;
animation-timing-function:cubic-bezier(.01,.62,.51,.98);
animation-iteration-count:1;
animation-fill-mode:forwards;}
@keyframes anima-move-store{
0%{ 
-webkit-transform:translateY(110%);
transform:translateY(110%);}
100%{
-webkit-transform:translateY(0%);
transform:translateY(0%);}}
/*-------------------------------------------------------------- 
numbers
-------------------------------------------------------------- */
.content.numbers h2{
font-size:2.1rem;}
.content.numbers h2 small{
font-size:1.3rem;
font-weight:normal;
margin-left:15px;}
.content.numbers .history{
margin:85px auto;
max-width: 900px;
}
.anime-history{
position:relative;
margin:auto;
width:450px;
height:450px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;}

.anime-history .data{
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight:bold;}
.anime-history .data img{
width:75px;
min-height:70px;
height:auto;
display:block;
margin:0 auto 13px;}
.anime-history .data small{
font-size:.7rem;
display:block;}
.anime-history .data em{
font-size:1.4rem;
display:block;
font-style:normal;
position:relative;
padding-bottom:15px;}
.anime-history .data em::before{
content:"";
width:90px;
height:3px;
background:#0a74b0;
position:absolute;
bottom:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);}

.circle{
transform:rotate(-90deg);
stroke-dasharray:0 1400;
stroke:#0a74b0;
fill:transparent;
stroke-width:4;
position:relative;
z-index:1;
position:absolute;
left:0;
top:0;}

.anime-history .drum-counter{
padding-left:20px;}
.circle-dotted{
fill:none;
stroke:#333;
stroke-linecap:round;
stroke-miterlimit:10;
stroke-width:2px;
stroke-dasharray:0 8;}
.circle-dotted{
position:absolute;
left:0;
top:0;}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.anime-history{
border:solid 4px #0a74b0;
border-radius:300px;}
.circle-dotted{
display:none;}}
.drum-counter{
font-size:2rem;
display:flex;
align-items:center;
justify-content:center;
font-weight:normal;}
.drum-counter strong{
font-size:8rem;
width:auto;
position:relative;
letter-spacing:0.8rem;
margin:0 15px;
min-width:180px;
font-weight:normal;
white-space:nowrap;}
/*stores*/
.stores{
margin-top:75px;
max-width: 900px;
margin: 0 auto}
.stores-number h2{
margin:0 0 -30px;
padding:0;}
.stores .drum-counter{
display:flex;
align-items:center;
justify-content:center;}
.stores .column2{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 30px 414px;
grid-template-columns:1fr 414px;
-ms-grid-rows:1fr;
grid-template-rows:1fr;
gap:30px;}.stores .column2 > *:nth-child(1){
-ms-grid-row:1;
-ms-grid-column:1;}.stores .column2 > *:nth-child(2){
-ms-grid-row:1;
-ms-grid-column:3;
margin-right:-40px;}
/*@media screen and (max-width:1520px){*/
.stores .column2 > *:nth-child(2){
margin-right:0px;}
/*}*/


.anime-stores{
margin-top:20px;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;}
.anime-stores li{
width:webkit-calc((100% / 10) - 2.4%) ; 
width:calc((100% / 10) - 2.4%) ; 
max-height:28px;
height:100px;
overflow:hidden;
position:relative;
margin:0 2.4% 2.5% 0;}
.anime-stores li img{
width:100%;
height:auto;
position:absolute;
left:0;
bottom:0;}
.stores-map{
position:relative;}
.stores-map .map .cls-1{
fill:none;
stroke:#ccc;
    
stroke-linecap:round;
stroke-linejoin:round;}
.stores-map .map{
width:100%;
height:auto;}

*[data-a="stores-map"]{
stroke-dashoffset:1000px;
opacity:0;}

.stores-map .map.anime-stores-map{
stroke-dasharray:1000px;
animation:stores-map 3s infinite;
/*animation-delay:1s;*/
animation-fill-mode:forwards;
animation-iteration-count:1;}
@keyframes stores-map{
0%{
opacity:1;
stroke-dashoffset:1000px;}
100%{
opacity:1;
stroke-dashoffset:0px;}}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.stores-map .map{
height:390px;}
*[data-a="stores-map"]{
stroke-dashoffset:0px!important;
opacity:1!important;}}
.data-underline{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:20;}
.data-underline li{
display:inline-block;}
.data-underline li>div.underline{
position:relative;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;}
.data-underline li>div.underline::before{
content:"";
width:103%;
height:1px;
background:#0a74b0;
position:absolute;
bottom:0px;
left:-3%;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 1px #fff;}
.data-underline li>div.underline.line-left-down::before{
content:"";
width:103%;
height:1px;
background:#0a74b0;
position:absolute;
bottom:0px;
left:-3%;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 1px #fff;}
.data-underline li>div.underline.line-right-down::before{
content:"";
width:106%;
height:1px;
background:#0a74b0;
position:absolute;
bottom:0px;
left:-2%;
border-top:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;}
.data-underline li>div.underline::after{
content:"";
width:50%;
height:1px;
background:#0a74b0;
position:absolute;
}
.data-underline li>div.underline.line-left-up::after{
left:-53%;
bottom:0px;
z-index:2;
transform-origin:center right 0;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
border-top:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;}
.data-underline li>div.underline.line-left-up-long::after{
width:110%;
left:-113%;
bottom:0px;
z-index:2;
transform-origin:center right 0;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
border-top:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;}
.data-underline li>div.underline.line-left-down::after{
left:-53%;
bottom:0px;
z-index:2;
transform-origin:center right 0;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
border-top:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;}
.data-underline li>div.underline.line-right-down::after{
bottom:0px;
right:-55%;
z-index:2;
transform-origin:center left 0;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 1px #fff;}
.stores-map .data-underline li>div.underline{
font-size:0.7rem;}
.data-underline li strong{
font-size:2rem;
font-weight:normal;
display:inline-block;
margin-right:7px;
line-height:0;}
.stores-map .data-underline li>div.txt{
position:relative;
padding-left:20px;}
.stores-map .data-underline li>div.txt::before{
content:"";
background:url(../img/icon_store.svg) no-repeat;
background-size:contain;
width:16px;
height:16px;
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
filter:drop-shadow(0px 0px 2px rgba(255,255,255,1));}

.data-underline li span{
font-size:.95rem;
font-weight:normal;
letter-spacing:0.3rem;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;}
.data-underline li.nagano{
position:absolute;
top:8.5%;
left:45%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-underline li.saitama{
position:absolute;
top:29%;
left:75.5%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-underline li.tokyo{
position:absolute;
top:46%;
left:85%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-underline li.tama{
position:absolute;
top:46%;
left:34%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-underline li.shizuoka{
position:absolute;
top:70%;
left:26%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-underline li.shizuoka span{
letter-spacing:0rem;}
.data-underline li.chiba{
position:absolute;
top:73%;
left:98%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-underline li.kanagawa{
position:absolute;
top:87%;
left:83%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-underline li.kanagawa span{
letter-spacing:0rem;}
/*transaction*/
.transaction{
margin-top:70px;}
.transaction ul{
margin-top:28px;
display:flex;
flex-wrap:wrap;}
.transaction ul li{
width:calc(33.3% - 38px) ;
margin-right:57px;
margin-bottom:40px;}
.transaction ul li span{
font-size:1.3rem;}
.transaction ul li em{
font-size:5.3rem;
text-align:right;
line-height:1.5;
display:inline-block;
margin-right:10px;
font-style:normal;}
@media screen and (max-width:1320px){
.transaction ul li em{
font-size:3rem;}
.transaction ul li{
width:calc(33.3% - 30px) ;
margin-right:45px;
margin-bottom:40px;}}
.transaction ul li:nth-child(3n){
margin-right:0;}
.transaction ul li div{
text-align:right;
border-bottom:solid 2px #0a74b0;}
/* sales-data*/
.sales{
margin-top:80px;}
.sales h3{
letter-spacing:0.1rem;
font-size:1.8rem;}
.sales .drum-counter strong{
font-size:8rem;
min-width:auto;}
.apartment-sales{
text-align:center;}
.sales-data{
margin:auto;
display:inline-block;}
.sales-data>span{
display:inline-block;}
.sales-data>span:nth-child(2){
margin-left:30px;}

.sales-data>span>span{
font-size:2.8rem;}
/*anime-building*/
.building ul{
display:flex;
justify-content:space-between;
max-width: 900px;
margin:50px auto;}
.building ul li{
position:relative;}
.building ul li img{
position:relative;
z-index:3;}
.building ul li::before{
content:"";
z-index:1;
height:94%;
width:94%;
position:absolute;
top:3%;
left:3%;
background:#b2b2b2;}
*[data-a="bg-paint-up"]{
content:"";
z-index:2;
height:0%;
width:94%;
position:absolute;
bottom:3%;
left:3%;}
*[data-a="bg-paint-up-h"]{
content:"";
z-index:2;
height:0%;
width:94%;
position:absolute;
bottom:3%;
left:3%;}
.bg-blue[data-a="bg-paint-up"]{
background:#0a74b0;}
.bg-blue[data-a="bg-paint-up-h"]{
background:#0a74b0;}
.bg-pink[data-a="bg-paint-up"]{
background:#ce3c99;}
.anime-bg-paint-up{
animation:anime-bg-paint-up;
animation-duration:0.8s;
animation-timing-function:ease-out;
animation-fill-mode:forwards;
animation-iteration-count:1;}
.anime-bg-paint-up-h{
animation:anime-bg-paint-up-h;
animation-duration:0.8s;
animation-timing-function:ease-out;
animation-fill-mode:forwards;
animation-iteration-count:1;}
@keyframes anime-bg-paint-up{
0%{
height:0%;}
100%{
height:94%;}}
@keyframes anime-bg-paint-up-h{
0%{
height:0%;}
100%{
height:46%;}}
/*resort-sales*/
.resort-sales h3{
margin-bottom:20px;
letter-spacing:0.1rem;}
.resort-sales .column2{
text-align:left;
display:-ms-grid;
display:grid;
-ms-grid-columns:1.1fr 4px 1fr;
grid-template-columns:1.1fr 1fr;
-ms-grid-rows:1fr;
grid-template-rows:1fr;
gap:4px;}.resort-sales .column2 > *:nth-child(1){
-ms-grid-row:1;
-ms-grid-column:1;}.resort-sales .column2 > *:nth-child(2){
-ms-grid-row:1;
-ms-grid-column:3;}
.resort-sales ul{
margin: 37px auto 0;
max-width: 900px;

border-top:solid 1px #000;}
.resort-sales ul li{
display:-ms-grid;
display:grid;
-ms-grid-columns:80px 20px 1fr 20px 100px;
grid-template-columns:80px 1fr 100px;
-ms-grid-rows:1fr;
grid-template-rows:1fr;
gap:20px;
height:75px;
border-bottom:solid 1px #000;
padding:0 10px;}.resort-sales ul li > *:nth-child(1){
-ms-grid-row:1;
-ms-grid-column:1;
display:flex;
align-items:center;
color:rgba(0,0,0,0.5);
font-size:1rem;}.resort-sales ul li > *:nth-child(2){
-ms-grid-row:1;
-ms-grid-column:3;
display:flex;
align-items:center;}.resort-sales ul li > *:nth-child(3){
-ms-grid-row:1;
-ms-grid-column:5;
display:flex;
align-items:center;}
.resort-sales ul li>strong{
font-size:1.2rem;
font-weight:normal;
letter-spacing:0.2rem;}
.resort-sales ul li div strong{
font-size:2.8rem;
font-weight:normal;
margin-right:5px;
display:inline-block;}
/*group*/
.group{
margin-top:100px;
margin-left: auto;
margin-right: auto;
max-width: 900px;}
.group .drum-counter strong{
font-size:8rem;
margin:0;
min-width:180px;}
.group .drum-counter>span{
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}
.group .drum-counter{
font-size:2.8rem;}
.group .column2{
display:-ms-grid;
display:grid;
-ms-grid-columns:280px 35px 1120fr;
grid-template-columns:280px 1120fr;
-ms-grid-rows:auto 10px auto;
grid-template-rows:auto auto;
gap:10px 35px ;}.group .column2 > *:nth-child(1){
-ms-grid-row:1;
-ms-grid-column:1;
-ms-grid-row-span:3;
column:1;
grid-row:1 / span 2;
display:flex;
align-items:flex-end;
justify-content:center;
}.group .column2 > *:nth-child(2){
-ms-grid-row:1;
-ms-grid-column:3;
grid-row:1;
grid-column:2;}
.group .column2 > *:nth-child(3){
-ms-grid-row:3;
-ms-grid-column:3;
grid-row:2;
grid-column:2;}
.group .column2 > *:nth-child(2),
.group .column2 > *:nth-child(3){
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 30px 160px;
grid-template-columns:1fr 160px;
-ms-grid-rows:1fr;
grid-template-rows:1fr;
gap:30px;}.group .column2 > *:nth-child(2) > *:nth-child(1), .group .column2 > *:nth-child(3) > *:nth-child(1){
-ms-grid-row:1;
-ms-grid-column:1;}.group .column2 > *:nth-child(2) > *:nth-child(2), .group .column2 > *:nth-child(3) > *:nth-child(2){
-ms-grid-row:1;
-ms-grid-column:3;

display:flex;
align-items:flex-end;
justify-content:flex-end;

position:relative;}
.group .wariai{
text-align:right;}
.group .wariai span{
position:absolute;
left:0;
top:50px;
font-size:1.3rem;
line-height:1;}
.group .wariai{
font-size:3rem;
line-height:1;}
.group .wariai em{
font-size:3.5rem;
font-style:normal;
line-height:1;}
.group .column2 ul{
display:flex;
align-items:flex-end;
justify-content:center;}
.group .column2 ul li{
position:relative;
width:20%;}
.group .column2 ul li::before{
width:90%;
height:94%;
position:absolute;
left:5%;
bottom:3%;
content:"";
background:#b2b2b2;
z-index:1;}
.group .column2 ul li img{
position:relative;
z-index:10;}
*[data-a="bg-paint-right"]{
width:0%;
height:94%;
position:absolute;
left:5%;
bottom:3%;
content:"";
z-index:2;}
.bg-blue[data-a="bg-paint-right"]{
background:#0a74b0;}
*[data-a="bg-paint-right-h"]{
width:0%;
height:94%;
position:absolute;
left:5%;
bottom:3%;
content:"";
z-index:2;}
*[data-a="bg-paint-right-h2"]{
width:0%;
height:94%;
position:absolute;
left:5%;
bottom:3%;
content:"";
z-index:2;}
.bg-blue[data-a="bg-paint-right-h"]{
background:#0a74b0;}
.bg-pink[data-a="bg-paint-right"]{
background:#ce3c99;}
.bg-pink[data-a="bg-paint-right-h2"]{
background:#ce3c99;}
.anime-bg-paint-right{
animation:anime-bg-paint-right;
animation-duration:0.4s;
animation-fill-mode:forwards;
animation-iteration-count:1;}
.anime-bg-paint-right-h{
animation:anime-bg-paint-right-h;
animation-duration:0.4s;
animation-fill-mode:forwards;
animation-iteration-count:1;}
.anime-bg-paint-right-h2{
animation:anime-bg-paint-right-h2;
animation-duration:0.4s;
animation-fill-mode:forwards;
animation-iteration-count:1;}
@keyframes anime-bg-paint-right{
0%{
width:0%;}
100%{
width:90%;}}
@keyframes anime-bg-paint-right-h{
0%{
width:0%;}
100%{
width:57%;}}
@keyframes anime-bg-paint-right-h2{
0%{
width:0%;}
100%{
width:33%;}}
.other{
margin-top:48px;
display:-ms-grid;
display:grid;
-ms-grid-columns:455px 0px 1fr;
grid-template-columns:455px 1fr;
-ms-grid-rows:1fr;
grid-template-rows:1fr;}.other > *:nth-child(1){
-ms-grid-row:1;
-ms-grid-column:1;
border-right:1px #000 solid;}.other > *:nth-child(2){
-ms-grid-row:1;
-ms-grid-column:3;
}

.data-jobs{
position:relative;
padding-top:90px;}
.data-jobs .data-underline{
width:100%;
height:380px;
position:absolute;
left:0;
top:0;}
.data-jobs .data-underline li{
position:absolute;}
.data-jobs .data-underline .txt{
position:absolute;
left:3%;
top:-25px;
white-space:nowrap;
letter-spacing:0rem;}
.data-jobs .data-underline li.data-01 .txt{
position:absolute;
left:-100%;
top:-25px;
white-space:nowrap;}
.data-jobs .data-underline .underline{
font-size:2.8rem;
line-height: 1.3}
.data-jobs .data-underline strong{
font-size:3rem;
margin-right:0px;}
.data-jobs .data-underline li.data-01{
position:absolute;
top:12%;
left:54.5%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-jobs .data-underline li.data-02{
position:absolute;
top:30%;
right:1%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}

.data-jobs .data-underline li.data-03{
position:absolute;
top:95%;
left:11%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-jobs .data-underline li>div.underline.line-left-down::after{
left:-50%;
bottom:0px;
z-index:2;
transform-origin:center right 0;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
border:none;}
.data-jobs .data-underline li>div.underline.line-left-down::before{
border:none;
width:100%;
left:0;}
.data-jobs .data-underline li.data-01>div.underline.line-left-down::before,
.data-jobs .data-underline li.data-01>div.underline.line-left-down::after{
background:#b2b2b2;}
.data-jobs .data-underline li.data-02>div.underline.line-left-down::before,
.data-jobs .data-underline li.data-02>div.underline.line-left-down::after{
background:#ce3c99;}
.data-jobs .data-underline li>div.underline.line-right-up::before{
width:110%;
bottom:0;
z-index:2;
transform-origin:center right 0;
border-top:solid 1px #fff;
border-leftt:solid 1px #fff;
border-bottom:solid 1px #fff;}
.data-jobs .data-underline li>div.underline.line-right-up::after{
width:130%;
right:-99%;
top:-55%;
z-index:2;
transform-origin:bottom right 0;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 1px #fff;}


@media screen and (max-width:768px){
    .data-jobs .data-underline li>div.underline.line-right-up::after{
        top:-115%;
    }
}

.jobs-graph{
width:280px;
height:280px;
overflow:hidden;
border-radius:280px;
transform:rotate(-90deg);
margin-left:30px;}
.jobs-graph .graph{
fill:transparent;
stroke-width:280;}

.anime-graph-01{
stroke:#d1d1d1;
animation:circleA1 1s forwards;}
@keyframes circleA1{
0%{stroke-dasharray:0 879}
100%{stroke-dasharray:62 879;}}
.anime-graph-02{
stroke:#ce3c99;
animation:circleA2 1s forwards;}
@keyframes circleA2{
0%{stroke-dasharray:0 879;}
100%{stroke-dasharray:273 879;}}
.anime-graph-03{
stroke:#0a74b0;
animation:circleA3 1s forwards;}
@keyframes circleA3{
0%{stroke-dasharray:0 879;}
100%{stroke-dasharray:879 879;}}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none){
.jobs-graph .graph{
fill:transparent;
stroke-width:279;}
.anime-graph-01{
stroke:#d1d1d1;
animation:circleA1 1s forwards;
stroke-dasharray:62 879;}
.anime-graph-02{
stroke:#ce3c99;
animation:circleA2 1s forwards;
stroke-dasharray:273 879;}

.anime-graph-03{
stroke:#0a74b0;
animation:circleA3 1s forwards;
stroke-dasharray:879 879;}}
.other > *:nth-child(2) h2{
margin-bottom:30px;
margin-left:50px;}
.other > *:nth-child(2) h2 small{
margin:0;
display:block;}
.other > *:nth-child(2) >div{
max-width:275px;
margin:0 0 0 auto;}
.other > *:nth-child(2) >div .img{
max-width:117px;
width:100%;
margin:0 0 0 60px;}
.other > *:nth-child(2) >div .drum-counter{
display:inline-block;
margin:auto;
display:flex;
align-items:flex-end;
justify-content:center;}
.other > *:nth-child(2) >div .drum-counter strong{
font-size:7rem;
margin:0;}
.other > *:nth-child(2) >div .drum-counter>span{
font-size:2.8rem;
margin-bottom:20px;}
@media screen and (max-width:1220px){
.group .wariai span{
position:absolute;
left:0;
top:0px;
font-size:1.3rem;
line-height:1;}

.other{
margin-top:48px;
display:block;}
.other > *:nth-child(1){
border-top:1px #000 solid;
border-right:none;
border-bottom:1px #000 solid;
padding:70px 0 100px;
margin-bottom:70px;}
.jobs-graph{
width:280px;
height:280px;
overflow:hidden;
border-radius:280px;
transform:rotate(-90deg);
margin:auto;
display:block;}
.data-jobs .data-underline{
width:480px;
height:380px;
position:absolute;
left:55%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
top:0;}
.other > *:nth-child(2) h2{
margin-bottom:30px;
margin-left:0px;}
.other > *:nth-child(2) >div{
max-width:275px;
margin:auto;}}
@media screen and (max-width:1180px){
.stores .column2{
display:block;}
.anime-stores{
max-width:420px;
margin:40px auto;}
.anime-stores li{
width:webkit-calc((100% / 9) - 2.4%) ; 
width:calc((100% / 9) - 2.4%) ; 
max-height:45px;
height:100px;
overflow:hidden;
position:relative;
margin:0 2.4% 2.5% 0;}
.stores .column2 > *:nth-child(2){
margin:auto;}
.stores-map{
width:414px;
position:relative;
margin:auto;}
.stores-map .map{
margin:auto;}}
@media screen and (max-width:1180px){
.group .drum-counter{
width:300px;
margin:auto;}
.group .column2{
display:block;}
.group .wariai span{
position:absolute;
left:0;
top:auto;
bottom:70px;
font-size:1.3rem;
line-height:1;}}
/*
*SP
*/
@media screen and (max-width:960px){
*[data-a="num-underline"]::before{
height:3px;
bottom:5px;}
.content.numbers h2{
font-size:1.6rem;}
.content.numbers h2 small{
font-size:.8rem;
font-weight:normal;
display:block;
margin-left:0px;}
.content.numbers .history{
margin-top:45px;}

.site-main{
overflow:hidden;}
.anime-history{
position:relative;
height:280px;
width:280px;}
.circle-dotted{
transform-origin:top left 0;
position:absolute;
top:50%;
left:50%;
-webkit-transform:scale(0.65,0.65) translate(-50%, -50%);
transform:scale(0.65,0.65) translate(-50%, -50%);}
.anime-history .circle{
transform-origin:top left 0;
position:absolute;
top:50%;
left:50%;
-webkit-transform:scale(0.65,0.65) translate(-50%, -50%);
transform:scale(0.65,0.65) translate(-50%, -50%);}
.circle{
stroke-width:5;}
.circle-dotted{
stroke-width:3px;}
.anime-history .data img{
width:55px;
min-height:52px;
height:auto;
display:block;
margin:0 auto 5px;}
.anime-history .data small{
font-size:1rem;}
.anime-history .data em{
font-size:1.5rem;
padding-bottom:5px;}
.anime-history .data em::before{
width:60px;
height:3px;}

.stores-map{
width:300px;
position:relative;
margin:auto;}
.drum-counter{
font-size:1.4rem;}
.drum-counter strong{
font-size:5rem;
letter-spacing:0.5rem;
margin:0 5px;
min-width:100px;}
.stores{
margin-top:60px;}
.stores-number h2{
margin:0 0 10px;
padding:0;}
.stores .drum-counter>span{
font-size:1.5rem;}
.stores .drum-counter strong{
font-size:5rem;
letter-spacing:0.5rem;
margin:0 15px;
min-width:100px;}
.anime-stores{
max-width:310px;
margin:10px auto 50px;}
.anime-stores li{
width:webkit-calc((100% / 10) - 3.4%) ; 
width:calc((100% / 10) - 3.4%) ; 
max-height:35px;
height:80px;
overflow:hidden;
position:relative;
margin:0 3.4% 3.5% 0;}
.stores .column2 > *:nth-child(2){
margin:auto;}
@media screen and (max-width:375px){
.stores .column2 > *:nth-child(2){
margin:auto auto auto -16px;}}
@media screen and (max-width:320px){
.stores .column2 > *:nth-child(2){
transform-origin:center left 0;
transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);}}
.stores-map{
width:330px;
position:relative;
margin:auto;}
.stores-map .data-underline li>div.underline{
font-size:1rem;}
.data-underline li span{
font-size:.7rem;
letter-spacing:0.1rem;}
.data-underline li strong{
font-size:1.5rem;
font-weight:normal;
display:inline-block;
margin-right:3px;
line-height:0;}
.stores-map .data-underline li>div.txt{
position:relative;
padding-left:19px;}
.stores-map .data-underline li>div.txt::before{
width:15px;
height:15px;}
.data-underline li.nagano{
position:absolute;
top:8.5%;
left:44%;}
.data-underline li.saitama{
position:absolute;
top:32%;
left:74.5%;}
.data-underline li.tokyo{
position:absolute;
top:49.5%;
left:83%;}
.data-underline li.tama{
position:absolute;
top:46%;
left:34%;}
.data-underline li.shizuoka{
position:absolute;
top:66%;
left:25%;}

.data-underline li.chiba{
position:absolute;
top:73%;
left:98%;}
.data-underline li.kanagawa{
position:absolute;
top:92%;
left:84%;}
/*transaction*/
.transaction{
margin-top:60px;}
.transaction ul{
margin-top:28px;
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:1fr;
gap:15px;}
.transaction ul li{
width:100%;
margin-right:0px;
margin-bottom:15px;}
.transaction ul li span{
font-size:1rem;}
.transaction ul li em{
font-size:8vw;
line-height:1.5;
margin-right:1vw;}
.transaction ul li:nth-child(3n){
margin-right:0;}
.transaction ul li div{
font-size:4vw;}
@media screen and (max-width:320px){
.transaction ul li em{
font-size:8vw;}
.transaction ul li div{
font-size:2vw;}}
/* sales-data*/
.sales{
margin-top:70px;}
.sales h3{
font-size:1.5rem;}
.sales .drum-counter strong{
font-size:4.5rem;
min-width:auto;}
.sales-data>span:nth-child(2){
margin-left:0px;}

.sales-data>span>span{
font-size:1.7rem;}
/*anime-building*/
.building ul{
grid-template-columns:1fr 1fr 1fr 1fr 1fr;
grid-template-rows:1fr;
display:grid;
gap:15px;
margin:36px 0;}
/*resort-sales*/
.resort-sales .column2{
display:block;}
.resort-sales .column2 > *{
margin-bottom:5px;}
.resort-sales ul{
margin-top:37px;
border-top:solid 1px #000;}
.resort-sales ul li{
display:grid;
grid-template-columns:4fr 1fr ;
grid-template-rows:auto auto;
gap:0px 10px;
height:auto;
border-bottom:solid 1px #000;
padding:20px 0px;}
.resort-sales ul li > *:nth-child(1){
grid-row:1;
grid-column:1 / span 2;
display:block;
}.resort-sales ul li > *:nth-child(2){
grid-row:2;
grid-column:1;
display:block;}.resort-sales ul li > *:nth-child(3){
grid-row:2;
grid-column:2;
display:block;}
.resort-sales ul li>strong{
font-size:.7rem;
letter-spacing:0.1rem;}
.resort-sales ul li div strong{
font-size:2.5rem;
margin-right:5px;
line-height:1;}
/*group*/
.group{
margin-top:60px;}
.group .drum-counter{
width:230px;
display:flex;
align-items:center;
justify-content:center;}
.group .drum-counter strong{
font-size:5rem;
min-width:180px;}
.group .drum-counter>span{
-webkit-transform:translateY(0);
transform:translateY(0);}
.group .drum-counter{
font-size:2.8rem;}
.group .column2{
display:block;}
.group .column2 > *:nth-child(2){
margin:20px 0;
display:block;}
.group .column2 > *:nth-child(3){
display:block;
margin:20px 0 0;}
.group .column2 > *:nth-child(2) > *:nth-child(2),
.group .column2 > *:nth-child(3) > *:nth-child(2){
display:block;}
.group .wariai{
text-align:right;}
.group .wariai span{
position:absolute;
right:185px;
left:auto;
top:20px;
font-size:1.3rem;
line-height:1;}

.group .column2 ul{
display:flex;
align-items:flex-end;
justify-content:center;}
.group .column2 ul li{
width:20%;}
/*other*/
.other{
margin-top:48px;
display:block;}
.other > *:nth-child(1){
border-top:1px #000 solid;
border-right:none;
border-bottom:1px #000 solid;
padding:55px 0 50px;
margin-bottom:60px;}
.jobs-graph-wrap{
margin-top:-20px;
transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);}
.data-jobs .data-underline li.data-01 .txt{
top:-50px;
white-space:nowrap;}
.data-jobs .data-underline .txt{
position:absolute;
left:3%;
top:-50px;
font-size:1.2rem;}
.data-jobs .data-underline .underline{
font-size:1.7rem;}
.data-jobs .data-underline strong{
font-size:3rem;
margin-right:0px;}
.data-jobs .data-underline li.data-01{
position:absolute;
top:12%;
left:58.5%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.data-jobs .data-underline li.data-02{
position:absolute;
top:26%;
right:1%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}

.data-jobs .data-underline li.data-03{
position:absolute;
top:100%;
left:17%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.other > *:nth-child(2) >div{
max-width:265px;
margin:auto;}
.other > *:nth-child(2) >div .img{
max-width:100px;
width:100%;
margin:auto;}
.other > *:nth-child(2) >div .drum-counter{
width:210px;}
.other > *:nth-child(2) >div .drum-counter strong{
font-size:5rem;
margin:0;}
.other > *:nth-child(2) >div .drum-counter>span{
font-size:2.8rem;
margin-bottom:20px;}
.other > *:nth-child(2) >div p{
max-width:210px;
font-size:1.4rem;
margin:14px auto 0;}}



/*custom*/
.content.numbers .anime-stores{
    max-width: 430px;
    margin: 0 auto;
}

.content.numbers .other {
    max-width: 900px;
    margin: 0 auto;
}