/* PC SP 共通 */
#mainv{
    position: relative;
}
#mainv .image-box{
	display: flex;
	justify-content: flex-end;
    height: 100%;
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
    margin-right: -50%;
    z-index: 1;
}
#mainv .image-box .inner{
	display: block;
    height: 100%;
	position: relative;
}
#mainv .image-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
}
#mainv .canvas-box{
	width: calc( 1120 / 1280 * 100% );
    height: 1232px;
    position: absolute;
    top: 516px;
    left: 0;
    z-index: 2;
}
#mainv .catch-box{
    position: relative;
    z-index: 3;
}
#mainv .catch-box .catch{
    font-size: 166.67%; /* 30px */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 1.67;
}
#mainv .catch-box .catch strong{
    font-weight: 700;
}
#mainv .catch-box .catch02{
    margin-bottom: 10px;
    font-size: 116.67%; /* 21px */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 1.67;
}
#mainv .catch-box .catch02 strong{
    font-weight: 700;
}
#mainv .catch-box .catch_en{
    margin-bottom: 0;
	font-size: 483.33%; /* 87px */
	font-family: "Akshar", sans-serif;
	font-weight: 500;
	line-height: 1.0;
	letter-spacing: -0.005em;
}
#mainv .catch-box .catch_en strong{
    font-weight: 500;
}
#mainv .catch-box .catch_en .smalltext{
	font-size: 80%;
}

/* 
周りの円の一部をふわふわさせる
*/

#mainv .image-box .inner .circles{
	height: 0;
	position: absolute;
}
#mainv .image-box .inner .circles .circle{
	height: 0;
	border-radius: 50%;
	position: absolute;
}
#mainv .image-box .inner .circles .circle.yellow{
	background: linear-gradient(135deg,#fad967 10%, #f6bf02 30%);
}
#mainv .image-box .inner .circles .circle.purple{
	background: linear-gradient(135deg,#bca1e1 10%, #9063cd 30%);
}
#mainv .image-box .inner .circles .circle.pink{
	background: linear-gradient(135deg,#ff8bd3 10%, #ff3eb5 30%);
}
#mainv .image-box .inner .circles .circle.orange{
	background: linear-gradient(135deg,#fe9667 10%, #fe5002 30%);
}
#mainv .image-box .inner .circles.top_left{
	top: 0;
	left: 0;
	margin-top: calc( 87 / 958 * 100% );
	width: calc( 304 / 958 * 100% );
	padding-top: calc( 130 / 958 * 100% );
}
#mainv .image-box .inner .circles.top_left .circle.size01{
	width: calc( 30 / 304 * 100% );
	padding-top: calc( 30 / 304 * 100% );
}
#mainv .image-box .inner .circles.top_left .circle01{
	width: calc( 14 / 304 * 100% );
	padding-top: calc( 14 / 304 * 100% );
	top: 0;
	left: 0;
	margin-top: calc( 36 / 304 * 100% );
}
#mainv .image-box .inner .circles.top_left .circle02{
	top: 0;
	left: 0;
	margin-top: calc( 55 / 304 * 100% );
	margin-left: calc( 116 / 304 * 100% );
}
#mainv .image-box .inner .circles.top_left .circle03{
	width: calc( 40 / 304 * 100% );
	padding-top: calc( 40 / 304 * 100% );
	top: 0;
	right: 0;
}
#mainv .image-box .inner .circles.top_left .circle04{
	bottom: 0;
	right: 0;
	margin-right: calc( 35 / 304 * 100% );
}
#mainv .image-box .inner .circles.top_center{
	top: 0;
	left: 0;
	margin-top: calc( 22 / 958 * 100% );
	margin-left: calc( 535 / 958 * 100% );
	width: calc( 208 / 958 * 100% );
	padding-top: calc( 261 / 958 * 100% );
}
#mainv .image-box .inner .circles.top_center .circle.size01{
	width: calc( 130 / 208 * 100% );
	padding-top: calc( 130 / 208 * 100% );
}
#mainv .image-box .inner .circles.top_center .circle01{
	top: 0;
	left: 0;
}
#mainv .image-box .inner .circles.top_center .circle02{
	bottom: 0;
	left: 0;
	margin-left: calc( 50 / 208 * 100% );
}
#mainv .image-box .inner .circles.top_center .circle03{
	top: 0;
	right: 0;
	margin-top: calc( 50 / 208 * 100% );
	opacity: 0.85;
}
#mainv .image-box .inner .circles.center_left{
	top: 0;
	left: 0;
	margin-top: calc( 418 / 958 * 100% );
	margin-left: calc( 113 / 958 * 100% );
	width: calc( 42 / 958 * 100% );
	padding-top: calc( 88 / 958 * 100% );
}
#mainv .image-box .inner .circles.center_left .circle.size01{
	width: calc( 14 / 42 * 100% );
	padding-top: calc( 14 / 42 * 100% );
}
#mainv .image-box .inner .circles.center_left .circle01{
	top: 0;
	right: 0;
}
#mainv .image-box .inner .circles.center_left .circle02{
	bottom: 0;
	left: 0;
}
#mainv .image-box .inner .circles.bottom_left{
	bottom: 0;
	left: 0;
	margin-bottom: calc( 224 / 958 * 100% );
	margin-left: calc( 197 / 958 * 100% );
	width: calc( 190 / 958 * 100% );
	padding-top: calc( 216 / 958 * 100% );
}
#mainv .image-box .inner .circles.bottom_left .circle01{
	width: calc( 35 / 190 * 100% );
	padding-top: calc( 35 / 190 * 100% );
	top: 0;
	left: 0;
	margin-left: calc( 39 / 190 * 100% );
}
#mainv .image-box .inner .circles.bottom_left .circle02{
	width: calc( 50 / 190 * 100% );
	padding-top: calc( 50 / 190 * 100% );
	bottom: 0;
	left: 0;
	margin-bottom: calc( 72 / 190 * 100% );
}
#mainv .image-box .inner .circles.bottom_left .circle03{
	width: calc( 130 / 190 * 100% );
	padding-top: calc( 130 / 190 * 100% );
	bottom: 0;
	right: 0;
	opacity: 0.85;
}
#mainv .image-box .inner .circles.bottom_center{
	bottom: 0;
	left: 0;
	margin-left: calc( 470 / 958 * 100% );
	width: calc( 469 / 958 * 100% );
	padding-top: calc( 500 / 958 * 100% );
}
#mainv .image-box .inner .circles.bottom_center .circle.size01{
	width: calc( 150 / 469 * 100% );
	padding-top: calc( 150 / 469 * 100% );
}
#mainv .image-box .inner .circles.bottom_center .circle01{
	top: 0;
	left: 0;
	margin-top: calc( 153 / 469 * 100% );
	margin-left: calc( 107 / 469 * 100% );
	opacity: 0.85;
}
#mainv .image-box .inner .circles.bottom_center .circle02{
	width: calc( 115 / 469 * 100% );
	padding-top: calc( 115 / 469 * 100% );
	bottom: 0;
	left: 0;
}
#mainv .image-box .inner .circles.bottom_center .circle03{
	width: calc( 55 / 469 * 100% );
	padding-top: calc( 55 / 469 * 100% );
	bottom: 0;
	left: 0;
	margin-bottom: calc( 82 / 469 * 100% );
	margin-left: calc( 303 / 469 * 100% );
}
#mainv .image-box .inner .circles.bottom_center .circle04{
	top: 0;
	right: 0;
	margin-right: calc( 73 / 469 * 100% );
	opacity: 0.85;
}
#mainv .image-box .inner .circles.bottom_center .circle05{
	top: 0;
	right: 0;
	margin-top: calc( 109 / 469 * 100% );
}

@keyframes circle {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20%);
    }
    100% {
        transform: translateY(0);
    }
}
#mainv .image-box .inner .circles .circle{
    animation-duration: 5s;
    animation-name: circle;
    animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
#mainv .image-box .inner .circles .circle02{
	animation-delay: 0.8s;
}
#mainv .image-box .inner .circles .circle03{
	animation-delay: 1.6s;
}
#mainv .image-box .inner .circles .circle04{
	animation-delay: 0.4s;
}
#mainv .image-box .inner .circles .circle05{
	animation-delay: 1.2s;
}


#home-news{
    background-image: url("../images/home/news-bg.jpg");
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto 100%;
}
#home-news .container-inner{
	position: relative;
	z-index: 4;
}
#home-news .container-inner > .titles{
    margin-bottom: 50px;
}

#home-pickup .pickup_h-list > li .titles-box{
    display: flex;
    justify-content: center;
}
#home-pickup .pickup_h-list > li .titles-box > .inner{
    display: inline-block;
    width: 420px;
    height: 420px;
    position: relative;
}
#home-pickup .pickup_h-list > li .titles-box a{
    text-decoration: none !important;
}
#home-pickup .pickup_h-list > li .titles-box a:hover{
    opacity: 0.6;
}
#home-pickup .pickup_h-list > li .titles-box .titles{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    color: #ffffff;
	font-size: 244.44%; /* 44px */
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
#home-pickup .pickup_h-list > li .titles-box > .inner:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #FF3EB5;
    border-radius: 50%;
    mix-blend-mode: multiply;
}
#home-pickup .pickup_h-list > li .titles-box .image{
    width: 100%;
    height: 100%;
    line-height: 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.35;
    transition-property: transform;
    transition-duration: 0.6s; 
}
#home-pickup .pickup_h-list > li .titles-box .image img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}
#home-pickup .pickup_h-list > li .text{
    margin-bottom: 20px;
}
#home-pickup .pickup_h-list > li .btn{
    margin-bottom: 0;
}
#home-pickup .pickup_h-list > li.about .titles-box > .inner:before{
    background-color: #FF3EB5;
}
#home-pickup .pickup_h-list > li.concept .titles-box > .inner:before{
    background-color: #F6BF02;
}
#home-pickup .pickup_h-list > li.research .titles-box > .inner:before{
    background-color: #FE5002;
}
#home-pickup .pickup_h-list > li.team .titles-box > .inner:before{
    background-color: #9063CD;
}
#home-pickup .pickup_h-list > li.alliance .titles-box > .inner:before{
    background-color: #FF3EB5;
}
#home-pickup .pickup_h-list > li.laboratory .titles-box > .inner:before{
    background-color: #F6BF02;
}
#home-pickup .pickup_h-list > li.concept .titles-box .titles{
    color: #000000;
}
#home-pickup .pickup_h-list > li.scroll_on:nth-child(odd) .titles-box .image{
    transform: translateX(-80px);
}
#home-pickup .pickup_h-list > li.scroll_on:nth-child(even) .titles-box .image{
    transform: translateX(80px);
}

@media print, all and (min-width: 751px) {
	
	/* PC */
    #mainv{
        height: 1562px;
    }
    #mainv .image-box{
        width: 1510px;
    }
    #mainv .catch-box{
        padding-top: 250px;
    }
    #mainv .catch-box .catch{
        margin-bottom: 180px;
        padding-left: 67px;
    }
	#mainv .catch-box .catch_en .smalltext{
		display: block;
		text-align: right;
	}
	#mainv .catch-box .catch-sub{
		margin-right: -80px;
	}
    #mainv .catch-box .catch-sub .catch-sub_inner.ticker_clone{
		display: none;
    }
    
    #home-news{
        margin: -200px 0 0;
    }
    #home-news .container-inner{
        padding: 200px 0 160px;
    }
    
    #home-pickup .container-inner{
        width: 1120px;
    }
    #home-pickup .pickup_h-list > li{
        display: flex;
        column-gap: 45px;
    }
    #home-pickup .pickup_h-list > li:not(:last-child){
        margin-bottom: -80px;
    }
    #home-pickup .pickup_h-list > li:nth-child(even){
        flex-direction: row-reverse;
    }
    #home-pickup .pickup_h-list > li .text-box{
        display: flex;
        flex-direction: column;
        justify-content: center;
		width: 575px;
    }
    #home-pickup .pickup_h-list > li:nth-child(even) .btn{
        text-align: right;
    }
                       
}

@media only screen and (max-width: 750px) {
	
	/* SP */
    #mainv .image-box{
        width: calc( 100% + 68px );
        height: 464px;
        margin-top: 27px;
        top: 0;
    }
    #mainv .image-box .inner{
        max-width: 285px;
    }
	#mainv .canvas-box{
		width: calc( 340 / 375 * 100% );
		height: 370px;
		top: 200px;
	}
    #mainv .catch-box{
        padding: 112px 20px 20px;
    }
    #mainv .catch-box .catch{
        margin-bottom: 315px;
        font-size: 100%; /* 16px */
    }
    #mainv .catch-box .catch02{
        font-size: 75%; /* 12px */
    }
    #mainv .catch-box .catch_en{
        font-size: 300%; /* 48px */
    }
	#mainv .catch-box .catch_en .smalltext{
        font-size: 90%;
		font-feature-settings: "palt";
	}
    #mainv .catch-box .catch-sub{
		display: flex;
		column-gap: 0;
		letter-spacing: -.4em; /* スペースをなくすため */
    }
    #mainv .catch-box .catch-sub .catch-sub_inner{
		padding-right: 40px;
		letter-spacing: normal; /* スペースをなくすため */
		white-space: nowrap;
    }
    #mainv .catch-box .catch-sub.ticker .catch-sub_inner{
        animation: ticker 10s linear infinite;
    }
	
    
    #home-news{
        margin: -40px 0 40px;
    }
    #home-news .container-inner{
        padding: 120px 20px 60px;
    }
    #home-news .container-inner > .titles{
        margin-bottom: 30px;
    }
    
    #home-pickup .pickup_h-list > li:not(:last-child){
        margin-bottom: 60px;
    }
    #home-pickup .pickup_h-list > li .titles-box{
        margin-bottom: 15px;
    }
    #home-pickup .pickup_h-list > li .titles-box > .inner{
        width: 240px;
        height: 240px;
    }
    #home-pickup .pickup_h-list > li .titles-box .titles{
        font-size: 225%; /* 36px */
    }
    #home-pickup .pickup_h-list > li .text{
        margin-bottom: 15px;
    }
    #home-pickup .pickup_h-list > li .btn{
        text-align: center;
    }
    #home-pickup .pickup_h-list > li.scroll_on:nth-child(odd) .titles-box .image{
        transform: translateX(-40px);
    }
    #home-pickup .pickup_h-list > li.scroll_on:nth-child(even) .titles-box .image{
        transform: translateX(40px);
    }
    
}

@keyframes ticker {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}