@charset "utf-8";

.m-content{
	/*padding-left: 0;
	padding-right: 0;*/
}

/* CSS Document */

.l-wrapper{
    background-image: url("../../images/top/bg_top_sp.jpg");
    background-repeat:no-repeat;
    background-position: center 123.17vw;
    background-size:contain;
    -webkit-background-size:contain;
}

.l-wrapper{
	overflow:  hidden;
}

@media only screen and (min-width: 769px) {
    .l-wrapper{
        background-image: url("../../images/top/bg_top_pc.jpg");
        background-position: center 46.13vw;
    }
}
@media only screen and (min-width: 1580px) {
    .l-wrapper{
        background-position: center 729px;
    }
}

.m-content h2{
    text-align: center;
}
.m-content h2 span{
    font-size: 6.39vw;
}
.m-content h2 img{
    margin-top: 3.4vw;
}

@media only screen and (min-width: 769px) {
    .m-content h2{
        position: relative;
    }
    .m-content h2 span{
        font-size: 2.278vw;
        position: absolute;
        width: 100%;
        top:0;
    }
    .m-content h2 img{
        margin-top: 0;
    }
}
@media only screen and (min-width: 1580px) {
    .m-content h2 span{
        font-size: 3.6rem;
    }
}


/*** sec01 ***/
.sec01{
    position: relative;
}
.sec01 > div{
    padding-top: 8.85vw;
    padding-bottom: 13.28vw; 
    background-image: url("../../images/top/bg_sec01_sp.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    
    text-align: center;
    color: #fff;
}
.sec01-txt01{
    font-size: 3.95vw;
    margin-bottom: 1em;
}
.sec01-txt02{
    line-height: 1.2;
    font-size: 6.4vw;
}

@media only screen and (min-width: 769px) {
    .sec01{
        position: relative;
        padding-bottom: 11.51vw;
    }
    .sec01 > div{
        position: absolute;
        width: 100%;
        bottom: 0;
        padding-top: 0;
        padding-bottom: 0; 
        height: 15.31vw;
        background-image: url("../../images/top/bg_sec01_pc.png");
    }
    .sec01-txt01{
        padding-top: 3.92vw;
        font-size: 1.26vw;
        margin-bottom: 1em;
    }
    .sec01-txt02{
        font-size: 2.02vw;
    }
}
@media only screen and (min-width: 1580px) {
    .sec01{
        padding-bottom: 182px;
    }
    .sec01 > div{
        padding-top: 0;
        padding-bottom: 0; 
        height: 242px;
    }
    .sec01-txt01{
        padding-top: 62px;
        font-size: 2rem;
        margin-bottom: 1em;
    }
    .sec01-txt02{
        font-size: 3.2rem;
    }
}

/*** sec02 ***/
.sec02{
    padding-top: 8vw;
    padding-bottom: 4vw;
}
.sec02-box01{
    margin-bottom: 26.69vw;
}
.sec02-box02{
    height: 224.21vw;
}
.prsn{
    position: relative;
}
.prsn p{
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 4.26vw;
    line-height: 1.4;
}
.prsn p span{
    display: block;
    margin-top: 20px;
    font-size: 3.73vw;
}
.prsn p a{
    display: block;
    width: 20.57vw;
    margin: 0 auto;
}
.sec02-box02-prsn01{
    margin-bottom: 12vw;
}
.sec02-box02-prsn01-img{
    width: 65.49vw;
    max-width: 503px;
    margin-left: 3.9vw;
}
.sec02-box02-prsn01 p{
    top: 25.54vw;
    left: 50.82vw;
}
.sec02-box02-prsn02{
    margin-bottom: 10.41vw;
}
.sec02-box02-prsn02-img{
    width: 76.82vw;
    max-width: 590px;
    margin-left: 10.80vw;
}
.sec02-box02-prsn02 p{
    top: 36.66vw;
    left: 0;
}
.sec02-box02-prsn03{
    margin-bottom: 10.41vw;
}
.sec02-box02-prsn03-img{
    width: 78.64vw;
    max-width: 604px;
}
.sec02-box02-prsn03 p{
    top:31.25vw;
    left: 55.98vw;
}

@media only screen and (min-width: 769px) {
    .sec02{
        padding-top: 3.67vw;
        padding-bottom: 0;
    }
    .sec02 h2{
        width: 72.78vw;
        max-width: 1150px;
        margin: 0 auto;
    }
    .sec02-box01{
        margin-bottom: 9.74vw;
    }
    .sec02-box02{
        position: relative;
        height: 61.13vw;
    }
    .prsn{
        position:absolute;
    }
    .prsn p{
        font-size: 1.265vw;
    }
    .prsn p span{
        font-size: 1.012vw;
    }
    .prsn p a{
        width: 4.55vw;
    }
    .sec02-box02-prsn01{
        width: 40.82278vw;
        max-width: 645px;
        margin-bottom: 0;
        top:0;
        left: 41.3924%;
    }
    .sec02-box02-prsn01-img{
        width: 90%;
        max-width: 530px;
        margin-left: 0;
    }
    .sec02-box02-prsn01 p{
        top: 41%;
        left: auto;
        right: -10%;
    }
    .sec02-box02-prsn02{
        width: 37.34vw;
        max-width: 605px;
        margin-bottom: 0;
        top:22.34vw;
        left: 0;
    }
    .sec02-box02-prsn02-img{
        width: 90%;
        max-width: 605px;
        margin-left: 0;
    }
    .sec02-box02-prsn02 p{
        top:54%;
        left: -10%;
    }
    .sec02-box02-prsn03{
        width: 38.22vw;
        max-width: 565px;
        margin-bottom: 0;
        top:34.56vw;
        right:0;
    }
    .sec02-box02-prsn03-img{
        width: 90%;
        max-width: 450px;
    }
    .sec02-box02-prsn03 p{
        top: 46%;
        left: auto;
        right: 2%;
    }
}
@media only screen and (min-width: 1580px) {
    .sec02{
        padding-top: 58px;
        padding-bottom: 0;
    }
    .sec02-box01{
        margin-bottom: 154px;
    }
    .sec02-box02{
        height: 980px;
    }
    .prsn p{
        font-size: 2rem;
    }
    .prsn p span{
        font-size: 1.6rem;
    }
    .prsn p a{
        width: 72px;
    }
    .sec02-box01{
        margin-bottom: 154px;
    }
    .sec02-box02-prsn01{
        top:0;
        left: 554px;
    }
    .sec02-box02-prsn02{
        top: 404px;
        left: 25px;
    }
    .sec02-box02-prsn03{
        top: 513px;
        right:0;
    }
}


/*** sec03 ***/
.sec03{
    padding-top: 9vw;
    padding-bottom: 15.62vw;
}
.sec03 h3{
    position: relative;
    color: #fff;
    border: 0.18vw solid #fff;
    font-size: 5.33vw;
    width: 55vw;
    margin: 0 auto 4vw;
    text-align: center;
    line-height: 1.4;
}
.sec03 h3:after {
    border: 3.33vw solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
    bottom: -3.33vw;
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    width: 0;
}
.sec03 img{
    /*width: 90%;*/
    height: auto;
}
.sec03-box01{
    margin-bottom: 23.22vw;
}

@media only screen and (max-width: 768px) {
	.sec03 h3{
		border: 0.8vw solid #fff;
	}
}

@media only screen and (max-width: 768px) {
.sec03-box01{
    margin-bottom: 25.22vw;
}
}

.sec03-box02{
     margin-top: 5vw;
    margin-bottom: 5vw;
}
.sec03-box03{
    margin-bottom: 14vw;
}
.sec03-box04{
    margin-bottom: 5vw;
}
.sec03 .but-more{
    width: 20.57vw;
    margin: 0 auto;
}

.sec03-box05{
    margin-top: 5vw;
}

@media only screen and (min-width: 769px) {
    .sec03{
        padding-top: 11.26vw;
        padding-bottom: 0;
    }
    .sec03 h2{
        width: 73.48vw;
        max-width: 1161px;
        margin: 0 auto;
    }
    .sec03 h3{
        font-size: 1.83vw;
        width: 27.21vw;
        margin: 0 auto 1.51vw;
    }
    .sec03 h3:after {
        border: 1.26vw solid transparent;
        border-top-color: #fff;
        border-bottom-width: 0;
        bottom: -1.26vw;
    }
    .sec03-box02{
        width: 65.44vw;
        margin: 0 auto;
        margin-bottom: 7.34vw;
        margin-top: 7.34vw;
    }
    .sec03-box03{
        width: 55.44vw;
        margin: 0 auto;
        margin-bottom: 7.34vw;
    }
    .sec03-box04{
        width: 55.44vw;
        margin: 0 auto;
        margin-bottom: 1.51vw;
        text-align: center;
    }
    .sec03-box04 img{
        width: 44.43vw;
        margin: 0 auto;
    }
    .sec03 .but-more{
        width: 72px;
    }
    
    
    .sec03-box05{
        width: 75.44vw;
        margin: 7.34vw auto -4%;
    }
    .sec03-box05 img{
        width: 100%;
        height: auto;
        margin-top: 6.66666%;
    }
    
    
    
}
@media only screen and (min-width: 1580px) {
    .sec03{
        padding-top: 174px;
    }
    .sec03 h3{
        font-size: 2.9rem;
        width: 430px;
        margin: 0 auto 24px;
			border: 3px solid #ffffff;
    }
    .sec03 h3:after {
        border: 20px solid transparent;
        border-top-color: #fff;
        border-bottom-width: 0;
        bottom: -20px;
    }
    .sec03-box01{
        margin-bottom: 366px;
    }
    .sec03-box02{
        width: 1058px;
        margin-top: 196px;
        margin-bottom: 79px;
    }
    .sec03-box03{
        width: 876px;
        margin-bottom: 133px;
    }
    .sec03-box04{
        width: 876px;
        margin-bottom: 55px;
    }
    .sec03-box04 img{
        width: 712px;
    }
    
    .sec03-box05{
        width: 1049px;
        margin: 207px auto -40px;
    }
    .sec03-box05 img{
        width: 1049px;
    }
}

/*** sec04 ***/
.sec04{
   padding-top: 18.45vw;
	/*padding-bottom: 8.8vw;*/
	padding-bottom: 6.8vw;
}

@media only screen and (max-width: 768px) {
	.sec04{
		 padding-top: 0vw;
	}
}

.sec04-box01{
    margin-bottom: 10vw;
}
.sec04-box01 h2{
    text-align: left;
}
.sec04-box01 h2 img{
    width: 89.2vw;
    margin: 0;
}
.sec04-box02-img{
    width: 41.66vw;
    height: 65.1vw;
    overflow-y: hidden;
    float: left;
    margin-right: 6vw;
}
.sec04-box02-txt{
    margin-top: 7.81vw;
}
.sec04-box02-txt-01{
    font-size: 4.26vw;
}
.sec04-box02-txt-02 span{
    font-size: 4.79vw;
}
.sec04-box02-txt-02{
    font-size: 8vw;
    margin-bottom: 6.25vw;
}
.sec04-box02-txt-03 img{
    width: 30vw;
    max-width: 231px;
}

@media only screen and (min-width: 769px) {
    .sec04{
			/*padding-top: 52vw;
        padding-bottom: 2.53vw;*/
    }
    .sec04-box01{
        margin-bottom: 3.03vw;
    }
    .sec04-box01 h2{
        margin-left: 14.36vw;
        text-align: left;
    }
    .sec04-box01 h2 img{
        width: 42.27vw;
        margin: 0;
    }
    .sec04-box02{
        position: relative;
    }
    .sec04-box02-img{
        width: 13.86vw;
        height: auto;
        overflow-y:hidden;
        float:none;
        margin-right: 0;
        
        position: absolute;
        top:-28.48vw;
        right: 10.12vw;
    }
    .sec04-box02-txt{
        margin-left: 14.36vw;
        margin-top: 0;
    }
    .sec04-box02-txt-01{
        font-size: 1.51vw;
    }
    .sec04-box02-txt-02 span{
        font-size: 1.51vw;
        padding-right: 1.5em;
    }
    .sec04-box02-txt-02{
        font-size: 2.53vw;
        margin-bottom:2.84vw;
    }
    .sec04-box02-txt-03{
        text-align: center;
    }
    .sec04-box02-txt-03 img{
        width: 92px;
        max-width:none;
    }
}
@media only screen and (min-width: 1580px) {
    .sec04{
        padding-top: 260px;
        padding-bottom: 130px;
    }
    .sec04-box01{
        margin-bottom: 48px;
    }
    .sec04-box01 h2{
        margin-left: 227px;
    }
    .sec04-box01 h2 img{
        width: 668px;
    }
    .sec04-box02-img{
        width: 219px;
        top: -400px;
        right: 160px;
    }
    .sec04-box02-txt-01{
        font-size: 2.4rem;
    }
    .sec04-box02-txt-02 span{
        font-size: 2.4rem;
    }
    .sec04-box02-txt-02{
        font-size: 4rem;
        margin-bottom: 45px;
    }
}






.comingsoon .l-wrapper{
    background-image: url("../../images/top/bg_comingsoon_pc.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size:cover;    
    background-size:cover;
}
.p-comingsoon{
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 80vh;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
    text-align: center;
    color: #FFFFFF;
}
.p-comingsoon-inner h2{
    font-size: 4.0rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.p-comingsoon-txt{
    margin-top: 40px;
    font-size: 1.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.p-comingsoon-txt-en{
    margin-top: 40px;
    font-size: 2.0rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 768px){   
    .comingsoon .l-wrapper{
        background-image: url("../../images/top/bg_comingsoon_sp.jpg");
    }
    .p-comingsoon{
        width: 100%;
        height: 80vh;
        padding: 0 4%;
        text-align: center;
    }
    .p-comingsoon-inner h2{
        font-size: 3.4rem;
    }
    .p-comingsoon-txt{
        margin-top: 5.33333%;
        font-size: 1.6rem;
    }
    .p-comingsoon-txt-en{
        margin-top: 5.33333%;
        font-size: 1.8rem;
    }
} /*--- media screen ---*/

.p-number_img_area{
	margin: 9.5vw 0;
}
	
.p-number_img{
	margin: 3.48vw 0 4.24vw 0;
}

@media only screen and (min-width: 1580px) {
.p-number_img_area{
	margin: 150px 0;
}

.p-number_img{
	margin: 55px 0 67px 0;
}
	
}

@media screen and (max-width: 768px){
.p-number_img_area{
	margin: 6.5vw 0;
}
	
.p-number_img{
	margin: 6.48vw 0 6.24vw 0;
}
	
}

/* .p-number_text_area */


.p-number_text_area{
	display: flex;
	justify-content: center;
}

.p-number_text_wrap{
	position: relative;
	width: 6.3vw;
	height: 8.3vw;
}

.p-number_text_wrap:nth-last-child(3n + 1):after{
	content: "";
	position: absolute;
	bottom: -1.6vw;
	right: -0.88vw;
	width: 1.9vw;
	height: 2.21vw;
	background-image: url("../../images/saiyo/number_img_point.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: 200%;
	white-space: nowrap;
}

.p-number_text_wrap:nth-last-child(3n + 1):last-child:after{
	display: none;
}

.p-number_text{
	overflow:  hidden;
	width: 100%;
	height: 100%;
}

.p-number_text_list{
	width: 100%;
}


.p-number_text_list .p-number_text_obj{
	list-style: none;
	width: 6.3vw;
	height: 8.3vw;
	overflow: hidden;
	background-image: url("../../images/saiyo/number_img00.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: 200%;
	white-space: nowrap;
	/*display: none;*/
}


@media screen and (max-width: 768px){
	.p-number_text_wrap{
		width: 12.6vw;
		height: 16.6vw;
	}

	.p-number_text_wrap:nth-last-child(3n + 1):after{
		bottom: -3.2vw;
		right: -1.76vw;
		width: 3.8vw;
		height: 4.42vw;
	}

	.p-number_text_list .p-number_text_obj{
		width: 12.6vw;
		height: 16.6vw;
	}

}

@media only screen and (min-width: 1580px) {
	
	.p-number_text_wrap{
		width: 100px;
		height: 130px;
	}
	
	.p-number_text_wrap:nth-last-child(3n + 1):after{
		bottom: -25px;
		right: -14px;
		width: 30px;
		height: 35px;
	}
	
	
	.p-number_text_list .p-number_text_obj{
		width: 100px;
		height: 130px;
	}
}

.p-number_text_list .p-number_text_obj[data-number="0"]{
	background-image: url("../../images/saiyo/number_img00.png");
}

.p-number_text_list .p-number_text_obj[data-number="1"]{
	background-image: url("../../images/saiyo/number_img01.png");
}

.p-number_text_list .p-number_text_obj[data-number="2"]{
	background-image: url("../../images/saiyo/number_img02.png");
}

.p-number_text_list .p-number_text_obj[data-number="3"]{
	background-image: url("../../images/saiyo/number_img03.png");
}

.p-number_text_list .p-number_text_obj[data-number="4"]{
	background-image: url("../../images/saiyo/number_img04.png");
}

.p-number_text_list .p-number_text_obj[data-number="5"]{
	background-image: url("../../images/saiyo/number_img05.png");
}

.p-number_text_list .p-number_text_obj[data-number="6"]{
	background-image: url("../../images/saiyo/number_img06.png");
}

.p-number_text_list .p-number_text_obj[data-number="7"]{
	background-image: url("../../images/saiyo/number_img07.png");
}

.p-number_text_list .p-number_text_obj[data-number="8"]{
	background-image: url("../../images/saiyo/number_img08.png");
}

.p-number_text_list .p-number_text_obj[data-number="9"]{
	background-image: url("../../images/saiyo/number_img09.png");
}

/* slot_move_up */


@keyframes slot_move_up {
	0%   { transform: translateY(0%);}
	/*100% { transform: translateY(-1300px);}*/
	100% { transform: translateY(-90.9%);}
}
@keyframes slot_move_down {
	/*0%   { transform: translateY(-1300px);}*/
	0%   { transform: translateY(-90.9%);}
	100% { transform: translateY(0%);}
}

.p-number_text_list.up_anime {
    animation: slot_move_up 0.5s linear infinite;
}
.p-number_text_list.down_anime {
    animation: slot_move_down 0.5s linear infinite;
}


.p-number_text:nth-child(1) .p-number_text_list{}

.p-number_text_list.stop{
    animation: 0.5s linear infinite;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

/*
.p-number_text_list.up_anime.stop {
    animation: slot_move_up 0.5s linear infinite;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

.p-number_text_list.down_anime.stop {
    animation: slot_move_down 0.5s linear infinite;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}
*/

/* .p-place_img */

.p-place_img_area{
	margin: 11.5vw 0;
}

.p-place_img_area img{
	width: 100%;
}

@media only screen and (min-width: 1580px) {
.p-place_img_area{
	margin: 182px 0;
}
	
}

@media screen and (max-width: 768px){
.p-place_img_area{
	margin: 6.5vw 0;
}
}

.p-place_img{
	text-align: center;
	margin: 3.8vw 0 0 0;
}

.p-place_img_text{
	margin: 0 0 6.32vw 0;
}


.p-place_img_text img{
	width: 38.16vw;
}

.p-place_img_obj{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 65.8vw;
}

@media only screen and (min-width: 1580px) {
	.p-place_img{
		margin: 60px 0 0 0;
	}
}

@media screen and (max-width: 768px){
	
	.p-place_img{
		margin: 0 0 0 0;
	}
	
	.p-place_img_obj{
		width: 100%;
	}
}

.p-place_img_pin{
	position: absolute;
	z-index: 1;
	transition: opacity 0s ease 0s, transform 0.5s ease 0s;
	opacity: 0;
	transform: scale(0.2, 0.2);
	transform-origin: 50% 100%;
}

.p-place_img_pin.pin_active{
	opacity: 1;
	transform: scale(1, 1);
}

.p-place_img_pin[data-pin="1"]{
	width: 13.62%;
	top: -9.7%;
	left: 69.38%;
}

.p-place_img_pin[data-pin="2"]{
	width: 13.62%;
	top: 26.18%;
	left: 60.26%;
}

.p-place_img_pin[data-pin="3"]{
	width: 17.27%;
	top: 36.5%;
	left: 47.12%;
}

.p-place_img_pin[data-pin="4"]{
	width: 13.62%;
	top: 47.39%;
	left: 37.04%;
}

.p-place_img_pin[data-pin="5"]{
	width: 13.62%;
	top: 45.61%;
	left: 26.1%;
}

.p-place_img_pin[data-pin="6"]{
	width: 13.62%;
	top: 51.3%;
	left: -0.76%;
}

@media only screen and (min-width: 1580px) {
	
.p-place_img_text{
	margin: 0 0 100px 0;
}
	
.p-place_img_obj{
	width: 1041px;
}
	
.p-place_img_pin[data-pin="1"]{
	width: 142px;
	top: -82px;
	left: 723px;
	z-index: 2;
}

.p-place_img_pin[data-pin="2"]{
	width: 142px;
	top: 221px;
	left: 628px;
	z-index: 2;
}

.p-place_img_pin[data-pin="3"]{
	width: 180px;
	top: 308px;
	left: 491px;
	z-index: 2;
}

.p-place_img_pin[data-pin="4"]{
	width: 142px;
	top: 400px;
	left: 386px;
	z-index: 2;
}

.p-place_img_pin[data-pin="5"]{
	width: 142px;
	top: 385px;
	left: 272px;
	z-index: 1;
}

.p-place_img_pin[data-pin="6"]{
	width: 142px;
	top: 433px;
	left: -8px;
	z-index: 2;
}
	
}

/* ---------------------------------- .p-graph_img_wrap ---------------------------------- */


.p-graph_img_area{
	margin: 9.5vw 0;
}

.p-graph_img_area img{
	width: 100%;
}

@media only screen and (min-width: 1580px) {
	.p-graph_img_area{
        margin: 150px auto;
        width: 1063px;
	}
}

@media screen and (max-width: 768px){
.p-graph_img_area{
	margin: 6.5vw 0;
}
}

.p-graph_img_wrap{
	margin: 2vw 0 0 0;
	text-align: center;
}

.p-graph_img_wrap .p-graph_img{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 55.44vw;
}

@media screen and (max-width: 768px){
	.p-graph_img_wrap .p-graph_img{
		width: 100%;
	}
}

.p-graph_img_wrap .p-graph_img_in{
	position: relative;
	padding-bottom: 47.26%;
}

.p-graph_img_wrap .p-graph_img_obj{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.p-graph_parts{
	position: absolute;
	bottom: 0;
	left: 0;
}


.graph_01_bar{
	bottom: 0;
	left: 0;
    /*width: 29.8%;*/
    width: 100%;
}

.graph_01_text01{
	bottom: 9%;
	left: 5.93%;
	width: 6.62%;
}

.graph_01_text02{
	bottom: 50.34%;
	left: 23.63%;
	width: 2.96%;
}

.graph_02_bar{
	bottom: 0;
	left: 21.57%;
	width: 21.46%;
}

.graph_02_text01{
	bottom: 9%;
	left: 26.94%;
	width: 6.50%;
}

.graph_02_text02{
	bottom: 53.21%;
	left: 36.87%;
	width: 3.19%;
}

.graph_03_bar{
	bottom: 0;
	left: 42%;
	width: 17.35%;
}

.graph_03_text01{
	bottom: 9%;
	left: 47.48%;
	width: 6.50%;
}

.graph_03_text02{
	bottom: 56%;
	left: 48.63%;
	width: 3.53%;
}

.graph_04_bar{
	bottom: 0;
	left: 57.99%;
	width: 21.57%;
}

.graph_04_text01{
	bottom: 9%;
	left: 67.35%;
	width: 6.621%;
}

.graph_04_text02{
	bottom: 58.96%;
	left: 60.39%;
	width: 3.76%;
}

.graph_05_bar{
	bottom: 0;
	left: 70.09%;
	width: 29.90%;
}

.graph_05_text01{
	bottom: 9%;
	left: 87.89%;
	width: 6.849%;
}

.graph_05_text02{
	bottom: 61.5%;
	left: 72.146%;
	width: 4.33%;
}

@media only screen and (min-width: 1580px) {
	
.p-graph_img_wrap{
	margin: 30px 0 0 0;
}
	
.p-graph_img_wrap .p-graph_img{
	width: 876px;
}

	/*
.graph_01_bar{
	bottom: 0;
	left: 0;
	width: 261px;
}

.graph_01_text01{
	bottom: 35px;
	left: 52px;
	width: 58px;
}

.graph_01_text02{
	bottom: 210px;
	left: 207px;
	width: 26px;
}

.graph_02_bar{
	bottom: 0;
	left: 189px;
	width: 188px;
}

.graph_02_text01{
	bottom: 35px;
	left: 236px;
	width: 57px;
}

.graph_02_text02{
	bottom: 220px;
	left: 323px;
	width: 28px;
}

.graph_03_bar{
	bottom: 0;
	left: 368px;
	width: 152px;
}

.graph_03_text01{
	bottom: 35px;
	left: 416px;
	width: 57px;
}

.graph_03_text02{
	bottom: 230px;
	left: 426px;
	width: 31px;
}

.graph_04_bar{
	bottom: 0;
	left: 508px;
	width: 189px;
}

.graph_04_text01{
	bottom: 35px;
	left: 590px;
	width: 58px;
}

.graph_04_text02{
	bottom: 240px;
	left: 528px;
	width: 33px;
}

.graph_05_bar{
	bottom: 0;
	left: 614px;
	width: 262px;
}

.graph_05_text01{
	bottom: 35px;
	left: 770px;
	width: 60px;
}

.graph_05_text02{
	bottom: 249px;
	left: 632px;
	width: 38px;
}*/
	
}

.graph_bar{
	height: 22%;
	overflow:  hidden;
	transition: height 0.6s linear 0s;
}

.graph_bar img{
	position: absolute;
	bottom: 0;
	left: 0;
}

/*
.graph_text01{
	opacity: 0;
	transition: opacity 0.2s ease 0.2s;
}*/

.graph_text02{
	opacity: 0;
	transition: opacity 0.2s ease 0.6s;
}


/*
.graph_active .graph_bar{
	height: 100%;
}

.graph_active .graph_text01,
.graph_active .graph_text02{
	opacity: 1;
}*/

.p-graph_group{
	position: absolute;
	height: 100%;
	width: 100%;
}