@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


html{
	transition: .7s ease-out;
	overflow: hidden;
}

html.start{
	overflow: inherit;
}

html::before{
	transition: 1.2s ease-out
}

html::before{
	content: "";
	width: 100%;
	height: 51vh;
	background-color:#202020;
	position: fixed;
	top:0;
	left: 0;
	transform: translateY(0);
	z-index: 1000000;

}

html.start::before{
	transition: 1.2s ease-out;
	transform: translateY(-100%);
	z-index: -1;
}

html::after{
	content: "";
	width: 100%;
	height: 51vh;
	background-color:#202020;
	position: fixed;
	bottom:0;
	left: 0;
	transform: translateY(0);
	z-index: 1000000;
}

html::after{
	transition: .7s ease-out

}

html.start::after{
	transition: .7s ease-out;
	transform: translateY(100%);
	z-index: -1;

}

.scroll_bg{
	background-color:rgba(10,11,11,.68);
}




/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		z-index: 1;
		
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		z-index: 1;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}


/* ================================================================================

	ロゴの動き



body:not(.scroll_action) header.global_head .h_logo{opacity: 0;transition: .6s ease-out;}
body.scroll_action header.global_head .h_logo{opacity: 1;transition: .6s ease-out;}
================================================================================ */



/* ================================================================================

	メイン動画

================================================================================ */

#fv_movie_wrap{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: -1;
}
#fv_movie {
	overflow: hidden;
	width: 100%;
	background: black;
}
#fv_movie video {
		margin-bottom: -5px;
	}
#fv_movie.darker::after {
	animation-name: darker;
	animation-duration: .6s;
	animation-fill-mode: forwards;
	
	}
#fv_movie::after {
	content: "";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background:rgba(46,47,51,.2);
	display: block;
	z-index: 1;
	}



#fv_exp span{
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	
	text-align: center;
	line-height: 1.25em;
	color: #FFFFFF;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#fv_movie {
		position: relative;
		height: 100vh;
	}
	#fv_movie video {
		position: absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);
		width:auto;

		height: 100vh;
	}
	
	#fv_movie span{
		
	}
	
	#fv_exp{
		height: 100vh;
		display: flex;
		align-items: stretch;
		padding-left: 28px;
		padding-right: 85px;
	}
	
	#fv_exp .fv_img,#fv_exp .fv_catch{
		/* width: 50%; */
         width: 100%;
		
	}
	
	#fv_exp .fv_img{
		display: flex;
		align-items: center;
	}
	
	#fv_exp .fv_catch{
/* 		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		padding-bottom: 40.6px; 
		padding-bottom: 160.6px;*/
    position: absolute;
    right: -25%;
    bottom: 15.5%;
    z-index: 1000001;
		
	}
	
	#fv_exp .fv_catch span{
		font-size: 40px;
		display: block;
		white-space: 100%;
		font-weight: 800;
		letter-spacing: .07em;
		font-style: italic;
	}
	
	#fv_exp .fv_catch span img{
/* 		width: 447.39px; */
		width: 40vw;
	}

}

/* キャッチコピーアニメーション */
.fv_text{
    position: absolute;
    top:35vh;
    left:12%;
}
.fv_text_group{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    font-size:20px;
    letter-spacing:5px;
    line-height: 2em;
    color:#fff;
    white-space: nowrap;
}
.fv_text_group.active{
    display: block;
}

.fv_text_group span{
    display: inline-block;
    transition: all 0.2s;
    opacity: 0;
    transform: translateY(-5px);
}
.fv_text_group span.show{
    transform: translateY(0);
    opacity:1;
}

.fv_text_group span.hide{
    opacity:0;
    filter: blur(50px);
    transition-duration: 1000ms;
}

@media screen and (max-width: 768px) {
    .fv_text{
        top: 30vh;
    }
    .fv_text_group{
        font-size:4vw;
        letter-spacing:0.5vw;
    }
}

@media (min-width: 1280px) {

	#fv_movie video {
/* 		width: 130%;
		top:50%; */
		width: 110%;
        top: 50%;
		height: auto;
		transform: translate(-50% , -50%);
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#fv_movie {
		position: relative;
		height: 100vh;
	}
	#fv_movie video {
		position: absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);

		height: 100vh;
		
	}
	#fv_exp {
		height: 100vh;
		padding-left:3.27vw;
		padding-right: 3.27vw;

	}
	
	#fv_exp .fv_img,#fv_exp .fv_catch{
		height: 50vh;
	}
	
	#fv_exp .fv_img{
		display: flex;
		align-items: flex-end;
	}
	
	#fv_exp .fv_img img{
		width: 60vw;
		transform: translateY(50%);		
	}
	
	#fv_exp .fv_catch{
/* 		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		padding-bottom: 15vw; */
		position: absolute;
		right: 5%;
		bottom: -5.5%;
		z-index: 1000001;
	}
	
	#fv_exp .fv_catch span{
		font-size: 15vw;
		display: inline-block;
		font-weight: 800;
		letter-spacing: .07em;
		font-style: italic;
	}
	
	#fv_exp .fv_catch span img{
		width: 85vw;;
	}
	


}

@keyframes darker {
	0% {
		background:rgba(46,47,51,.2);
	}

	100% {
		background:rgba(46,47,51,.68);
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	CONCEPT

================================================================================ */

/* MAIN CONCEPT
----------------------------------------------- */

/* PC設定
----------------------------------------------- */ 
@media (min-width: 768px) {
	
	.scroolWrap{
		position: absolute;
		z-index: 10;
		top: -272px;
		left: 28.5px;
		transform: rotate(90deg);
		display: flex;
		align-items: center;
		transform-origin: 0 100%;
	}
	
	
	.scroolWrap > span{
		font-size: 18px;
		display: flex;
		align-items: center;
		color: #FFFFFF;
		letter-spacing: -.05em;
		
	}
	
	
	
	.scroolWrap .scrooLine{
		width: 115.2px;
		margin-right: 8.8px;
		position: relative;
		transform: rotate(180deg);
	}
	
	.scroolWrap .scrooLine::before{
		content: "";
		display: block;
		width: 0;
		height: 1px;
		background-color: #FFFFFF;
		position: absolute;
		
		animation-name: linepc;
		animation-duration: 3s;
		animation-iteration-count:infinite;
	}
	
	
	
	.top_concept{
		padding-top:100px;
		padding-bottom: 175px;
	}
	.top_concept .default_exp p {
		color:#fff;
	}
	
	.top_concept .mainTitle {
		margin-bottom: 49px;
	}
	
	.default_exp p{
		color: #8FA3BC;
		line-height: 2em;
		letter-spacing: .016em;
	}
	
	.default_exp .content_en p{
		/*margin-top: -1.8em;*/
		margin-top: -0.8em;
		font-size: 12px;
		line-height: 2.78em;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	}
	
	
	
	.default_exp .elementor-col-50:nth-of-type(odd){
		padding-right: 24px;
	}
	.default_exp .elementor-col-50:nth-of-type(even){
		padding-left: 29px;
	}
	
	.concept_main{
		position: relative;
	}
	
	.concept_main .num{
		display: inline-block;
		font-size: 59px;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #FFFFFF;
		font-weight: 500;
		position: absolute;
		bottom:10px;
		right: 84px;
	}
	
	.top_concept .buttonBase{
		margin-top: 49px;
	}
	
}

@keyframes linepc{
	0%{
		width: 0;
	}
	50%{
		width: 115.2px;
	}
	100%{
		width: 0;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.scroolWrap{
		position: absolute;
		z-index: 10;
		top: -80vw;
		left: 5.5vw;
		transform: rotate(90deg);
		display: flex;
		align-items: center;
		 transform-origin: 0 100%;

	}
	
	
	.scroolWrap > span{
	font-size: 3.7vw;
    display: flex;
    align-items: center;
    color: #FFFFFF;

   
	}
	
	.scroolWrap .scrooLine{
		width: 58.4vw;
		margin-right: 8.8px;
		position: relative;
		transform: rotate(180deg);
	}
	
	.scroolWrap .scrooLine::before{
		content: "";
		display: block;
		width: 0;
		height: 1px;
		background-color: #FFFFFF;
		position: absolute;
		
		animation-name: linesp;
		animation-duration: 3s;
		animation-iteration-count:infinite;
	}   
	
	.top_concept{
		padding-top:30vw;
		padding-bottom: 19vw;
	}
	.top_concept .default_exp p {
		color:#fff;
	}
	
	.top_concept .mainTitle {
		margin-bottom: 8.6vw;
	}
	
	.default_exp p{
		color: #8FA3BC;
		line-height: 2.15em;
		font-size: 3.7vw
	}
	
	.default_exp .content_en{
		margin-top: 6.5vw;
	}
	
	.default_exp .content_en p{
		font-size: 2.8vw;
		line-height: 2.75em;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	}
	

	
	.concept_main{
		position: relative;
	}
	
	.concept_main .num{
		display: inline-block;
		font-size: 13.8vw;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #FFFFFF;
		font-weight: 500;
		position: absolute;
		bottom:11vw;
		right: 7vw;
	}
	
	.top_concept .buttonBase{
		margin-top: 2vw;
		margin-left: auto;
	}
	
}


@keyframes linesp{
	0%{
		width: 0;
	}
	50%{
		width: 58.4vw;
	}
	100%{
		width: 0;
	}
}


/* ================================================================================

	SLIDER

================================================================================ */


/* PC設定
----------------------------------------------- */




#slidecontent .contents .works .imagearea{
    position: relative;
    overflow: hidden;
}



#slidecontent .works .message{
    color: #fff;
}

#slidecontent img{
	max-width:inherit;
}



@media (min-width: 768px) {

    #slidecontent .content .imagearea .number img {
        width:200px;
    }



    #slidecontent .works .images{
        height: 600px;
        position: relative;
        overflow: hidden;
    }
    #slidecontent .works .images .set{
        position: absolute;
        left: 0;
        top: 0;
        width: 600px;
        height: 600px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction:column;
        -moz-flex-direction: column;
        -ms-flex-direction:column ;
        -o-flex-direction:column ;
        flex-direction:column ;
        justify-content:space-between;
    }
	

    #slidecontent .works .images .set .img{
        overflow: hidden;
        position: relative;
        width: 600px;
        height: 600px;
        background-color: #666;
    }
	
	#slidecontent .works .images .set.half_set{
        width: 474px;
        height: 600px;

    }
	#slidecontent .works .images .set.half_set .img{
       width: 474px;
        height: 600px;
    }
	
    #slidecontent .works .images .set .img a{
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        /* transition-property: transform;
        transition-duration: 400ms;
        transition-timing-function: ease; */
        cursor:default;
    }

    #slidecontent .works .images .set .img a:hover{
        opacity:1;
        -webkit-opacity:1;
        /* transform:scale(1.1); */
    }


    #slidecontent .works .images .set .img img{
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
    }



    #slidecontent .works .images .set .img video{
        position: absolute;
        left: 0;
        top: 0;
    }

    #slidecontent .works .images .set.wide{
        width: 600px;
    }
    #slidecontent .works .images .set.wide .img{
        width: 600px;
    }
	
	#slidecontent .works .images .set.wide .img.imgup{
        height: 220px;
    }
	
	#slidecontent .works .images .set.wide .img.imgdown{
        height: 380px;
    }

    /*#slidecontent .works .images .set .clm{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content:space-between;
    }
    #slidecontent .works .images .set .clm .img{
        width: 299px;
        height: 299px;
    }


    #slidecontent .works .imagearea .right a{
        display: block;
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -60px;
        background-image: url(../img/arrow_right.svg);
        width: 60px;
        height: 120px;
        -webkit-background-size: cover;
        background-size:cover;
        transition-duration: 300ms;
        transition-property: right;
        transition-timing-function: ease;
    }
    #slidecontent .works .imagearea .right a:hover{
        right: 15px;
    }

    #slidecontent .works .imagearea .left a{
        display: block;
        position: absolute;
        left: 30px;
        top: 50%;
        margin-top: -60px;
        background-image: url(../img/arrow_left.svg);
        width: 60px;
        height: 120px;
        -webkit-background-size: cover;
        background-size:cover;
        transition-duration: 300ms;
        transition-property: left;
        transition-timing-function: ease;
    }

    #slidecontent .works .imagearea .left a:hover{
        left: 15px;
    }*/


}


@media (max-width: 767px) {



    #slidecontent .works .images{
        height: 363px;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    #slidecontent .works .images .set{
        position: absolute;
        left: 0;
        top: 0;
        width: 363px;
        height: 363px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction:column;
        -moz-flex-direction: column;
        -ms-flex-direction:column ;
        -o-flex-direction:column ;
        flex-direction:column ;
        justify-content:space-between;
    }
    #slidecontent .works .images .set .img{
        overflow: hidden;
        position: relative;
        width: 363px;
        height: 363px;
        background-color: #666;
    }
	
	#slidecontent .works .images.half_set .set{
		width: 250px;
        height: 363px;

    }
	
	#slidecontent .works .images .set.half_set .img{
        overflow: hidden;
        position: relative;
        width: 250px;
        height: 363px;
        background-color: #666;
    }

    #slidecontent .works .images .set .img a{
        display: block;
    }

    #slidecontent .works .images .set .img img{
        position: absolute;
        left: 0;
        top: 0;
    }


    #slidecontent .works .images .set .img video{
        position: absolute;
        left: 0;
        top: 0;
    }

    #slidecontent .works .images .set.wide{
        width: 363px;
    }
	

    #slidecontent .works .images .set.wide .img{
        width: 363px;
    }
	
	#slidecontent .works .images .set.wide .img.imgup{
        height: 160px;
    }
	
	#slidecontent .works .images .set.wide .img.imgdown{
        height: 203px;
    }
/*    #slidecontent .works .images .set.wide .img{
        width: 420px;
        height: 209px;
    }

    #slidecontent .works .images .set .clm{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content:space-between;
    }
    #slidecontent .works .images .set .clm .img{
        width: 209px;
        height: 209px;
    }

    #slidecontent .works .imagearea .right a{
        display: none;
    }
    #slidecontent .works .imagearea .left a{
        display: none;
    }*/

}



/* デフォルト
----------------------------------------------- */


.top_bg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
	height: 400px;
	display: flex;align-items: flex-end;justify-content: flex-end;
}
.top_bg.concept2{
		background-image:url("../img/top_concept02.jpg");
		position: relative;
	}
	
	.top_bg.concept3{
		background-image:url("../img/top_concept03.jpg");
		position: relative;
	}


.top_bg.concept2::after,.top_bg.concept3::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.16);
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}

.top_num {
	position: relative;
}
.top_num span {
	position: absolute;
	right:0;
	bottom:0;
	display: block;
	z-index: 2;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.top_num span {
		margin-right: 45px
	}
}

/* SP設定
----------------------------------------------- */
@media (min-width: 767px) {
	.top_num span {
		width: 25vw;
	}

}


/* SECOND & THIRD CONCEPT
----------------------------------------------- */




/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	
	.concept_sec{
		margin-top:179.5px;
		margin-bottom:179.5px;
		position: relative
	}
	.concept_sec > .elementor-container{
		flex-wrap: wrap;
	}
	
	.concept_sec .subTitle{
		margin-bottom: 85px;
		z-index: 3;
		
	}
	.concept_sec .subTitle h2{
		font-size: 24px;
		color:#FFFFFF;
		font-weight: 700;
		line-height: 1;
		letter-spacing: .05em;
	}
	.concept_sec .subTitle span{
		display: block;
		font-size: 20px;
		color:#FFFFFF;
		align-items: center;
		font-weight: 700;
		line-height: 1;
		letter-spacing: .05em;
		margin-top: 28px;
		
	}
	
	.concept_sec .subTitle h2 br{
		display: none;
	}
	
	.concept_sec .default_exp{
		z-index: 3;
	}
	
	.concept_sec .concept_sec_link_wrap{
		z-index: 4;
	}

	.concept_sec_links{
		margin-top: 82px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		z-index: 3;
		
	}
	.concept_sec_links .buttonBase{
		margin-left: 50px;
		position: relative;
		z-index: 5;
	}
	
	.concept_sec_img{

	}
	
	.concept_sec_img .concept_sec_img_pc{
		display: block;
	}
	.concept_sec_img .concept_sec_img_sp{
		display: none;
	}
	
	.concept_sec_deco{
		width: 814px !important;
		position: absolute;
		top:-373px;
		right:0;
		z-index: 6;
		opacity: .51;
	}

	
}

@media (min-width: 1070px) {
	.concept_sec_img{
		max-width: 46%;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_bg{
      background-attachment: inherit;
	}
	
	.concept_sec{
		margin-top:23.4vw;
		padding-bottom: 21vw;
		position: relative
	}
	
	.concept_sec .subTitle{

		margin-bottom: 11.2vw;
		z-index: 3;
		
	}

	.concept_sec .subTitle span{
		display: block;
		font-size: 20px;
		color:#FFFFFF;
		align-items: center;
		font-weight: 500;
		line-height: 1;
		letter-spacing: .05em;
		margin-top: 28px;
		
	}
	


	.concept_sec .subTitle h2{
		font-size: 5.6vw;
		color:#FFFFFF;
		display: flex;
		align-items: center;
		font-weight: 700;
		line-height: 1.45em;;
		letter-spacing: .018em;
	}
	.concept_sec .subTitle span{
		display: block;
		font-size: 4vw;
		color:#FFFFFF;
		align-items: center;
		font-weight: 700;
		line-height: 1;
		letter-spacing: .05em;
		margin-top: 3.8vw
	}
	
	.concept_sec .default_exp{
		z-index: 3;
	}
	
	.concept_sec .default_exp .elementor-container{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	
	.concept_sec .concept_sec_link_wrap{
		z-index: 4;
	}
	.concept_sec .concept_sec_link_wrap .elementor-container{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	

	.concept_sec_links{
		position: relative;
		z-index: 5;
		
	}
	.concept_sec_links .buttonBase{
		margin-top: 6.54vw;
		
	}
	
	.concept_sec_img_wrap{
		margin-bottom: 20vw;
	}
	
	.concept_sec_img{
		margin-top: -5vw;
		width: 74.7vw !important;
		position: relative;
		z-index: 5;
	}
	
	.concept_sec_img .elementor-container{
		padding-left: 0!important;
		padding-right: 0 !important;
	}
	
	.concept_sec_img .concept_sec_img_pc{
		display: none;
	}
	.concept_sec_img .concept_sec_img_sp{
		display: block;
	}
	
	.concept_sec_deco{
		width: 160vw !important;
		position: absolute;
		bottom:-61vw;
		left: 7vw;
		z-index: 6;
		opacity: .51;
	}
	
}

@keyframes rotation{
  0%{ transform:rotate(0) translate(-50%,-50%);}
  100%{ transform:rotate(360deg) translate(-50%,-50%);  }
}


/* THIRD CONCEPT
----------------------------------------------- */




/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.concept_third{
		position: relative;
		
			
	}
	

	
	.concept_third_exp{
		padding: 201px 45px 520px; 
		width: 50% !important;
		z-index: 3;
	}
	
	.concept_third_exp h2{
		font-size: 24px;
		margin-bottom: 45px;
	}
	
	.concept_third_exp p{
		line-height: 2em;
	}
	
	.concept_third_exp .content_en p{
		margin-top: 30px;
		font-size: 12px;
		line-height: 2.38em;
		 font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	.concept_third_exp .buttonBase{
		margin-top: 85px;

	}
	
	.concept_third_exp .buttonBase a{
		color: #000000;
		border-bottom-color: #000000;
		margin-left: auto;
	}
	
	.concept_third_img01{
		width: 509px !important;
		position: absolute;
		top:170px;
		right:calc((100% - 1088px) / 2);
		z-index: 5;
	}
	
	
	.concept_third_img02{
		width: 356px !important;
		position: absolute;
		top:574px;
		right:calc((100% - 1000px) / 2);
		z-index: 5;
	}
	
	.plan_wrap{
		margin-top: 200px;
		margin-bottom: 150px;
		z-index: 6;
	}
	
	.plan_wrap .elementor-widget-wrap{
		align-items: flex-end;
	}
	
	.plan_img{
		width:43% !important;
	}
	.plan_links{
		width:57% !important;
		padding-left: 10%;
		padding-right: 90px;
		position: relative;
		bottom:-40px;
	}
	
	.plan_links ol li{
		height: 101px;
	}

	
	.plan_links ol li a{
		height: 104px;
		display: flex;
		align-items: center;
		justify-content: space-between;

		font-size: 63px;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 700;
		  -webkit-text-stroke: 1px #FFF;
		color:rgba(0,0,0,.0);
		border-bottom: 1px solid #FFFFFF;
	}
	
	.plan_links ol li:first-of-type a{
		padding-right: 47px;

	}
	
	.plan_links ol li:nth-of-type(2) a{
		padding-right: 54px;
	}
	
	.plan_links ol li:nth-of-type(3) a{
		padding-right: 32px;

	}
	
	.plan_links ol li a .clicks{
		display: block;
		line-height: 1;
		height: 75px;
	}
	
	.plan_links ol li a .clickshover{
		display: none;
		line-height: 1;
		height: 75px;
		transform: translateY(13px);
	}
	
	.plan_links ol li a:hover .clicks{
		display: none;
	}
	
	.plan_links ol li a:hover .clickshover{
		display: block;
	}
	
	.plan_links ol li a:hover{
		color: #FFFFFF;
	}
	
	.plan_links ol li a::before{
		content: "";
		width: 13px;
		height: 15px;
		background:  url("../img/check.png") no-repeat center / contain;
		display: block;
	}
	
	
	.zumen{
		position: relative;
	}
	
	.zumen:after{
		content: "";
		width: 945px;
		height: 638.51px;
		top:-78px;
		right: -130px;
		z-index: -1;
		position: absolute;
		background: url(https://gluwo.gr-w.jp/test-pageone/wp-content/uploads/2023/09/concept_sec_deco.png) no-repeat center / contain;
	}
	
}

@media (min-width: 1780px) {
	.concept_third::after{width:60%; }
}


@media (min-width: 768px) and (max-width: 1365px){
	.concept_third_img01{
		right:45px;
	}
	
	.concept_third_img02{
		right:90px;
	}
	
	.concept_third_img01,.concept_third_img02{
		max-width: 45%;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.concept_third{
		padding-bottom: 23vw;
		position: relative;
		z-index: 5;
			
	}

	.concept_third_exp {
		padding-top: 45vw;
		z-index: 3;
	}

	
	.concept_third_exp h2{
		font-size: 5.6vw;
		margin-bottom: 10vw;
	}
	
	.concept_third_exp p{
		line-height: 2.1em;
		font-size: 3.7vw;
	}
	
	.concept_third_exp .content_en p{
		margin-top: 5vw;
		font-size: 2.8vw;
		line-height: 2.8em;
		 font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	.concept_third_exp .buttonBase{
		margin-top: 8.6vw;

	}
	
	.concept_third_exp .buttonBase a{
		color: #000000;
		border-bottom-color: #000000;
		margin-left: auto;
	}
	
	.concept_third_img01{
		width: 96.5vw !important;
		margin-left: auto;
		margin-top: 17.8vw;
		transform: translateX(3.5vw);
		z-index: 5;
	}
	
	
	.concept_third_img02{
		width:69.8vw !important;
		margin-left: auto;
		margin-top: 5.4vw;
		z-index: 5;
		
	}
	
	.plan_wrap{
		margin-top: 7vw;
		margin-left: 7vw;
		z-index: 6;
	}
	
	.plan_img{
		width:67.5vw !important;
		margin-top: 13.68vw;
		margin-left: 7vw;
	}
	
	.plan_links {
		margin-top: 5.67vw;
		margin-left: 7vw;
	}

	

	
	.plan_links ol li a{
		height: 18.7vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 8.4vw;
		color:rgba(0,0,0,.0);
		border-bottom: 1px solid #FFFFFF;
	}
	
	.plan_links ol li a > div{
		width: 23.36vw;
	}
	
	.plan_links ol li a .clicks{
		display: block;
	}
	
	.plan_links ol li a .clickshover{
		display: none;
	}
	
	.plan_links ol li a:hover .clicks{
		display: none;
	}
	
	.plan_links ol li a:hover .clickshover{
		display: block;
	}
	
	.plan_links ol li a:hover{
		color: #FFFFFF;
	}
	
	.plan_links ol li a::before{
		content: "";
		width: 2.8vw;
		height: 2.8vw;
		background:  url("../img/check.png") no-repeat center / contain;
		display: block;
	}

	.concept_third_img01,.concept_third_img02{
		max-width: inherit;
	}
	
	.zumen{
		position: relative;
	}
	
	.zumen:after{
		content: "";
		width: 60vw;
		height: 50vw;
		top:-8vw;
		right: -7vw;
		z-index: -1;
		position: absolute;
		background: url(https://gluwo.gr-w.jp/test-pageone/wp-content/uploads/2023/09/concept_sec_deco.png) no-repeat center / contain;
	}
	
}



/* ================================================================================

	NEWS

================================================================================ */


.addBg{
	background-color:rgba(10,11,11,.68);
	
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	#newsWrap{
		position: relative;
		padding-top: 131px;
		padding-bottom: 131px;
	}
	
	#newsWrap h2{
		position: absolute;
		top:0;
		left:0;
		line-height: 1;
		font-size: 99px;
		color:rgba(255,255,255,.49);
		font-weight: 500;
		margin-left: -10px;
		letter-spacing: -.02em;
		margin-top: -2px;
	}
	
	#newsWrap .newsPosi{
		position: relative;
	}
	

	
	#newsWrap::after{
		width: 100vw;
		height: 100%;
		content: "";
		display: block;
		background-color: #191C21;
		position: absolute;
		top:0;
		right:0;
		z-index: -1;
	}
	
	
	#newsWrap .newsList{
		padding-left: 45px;
		padding-right: 45px;
		position: relative;
	}
	#newsWrap .newsList .newsList_item{
		padding-top:29px;
		padding-bottom: 29px;
		display: flex;
		max-width: 670px;
		width: 95%;
	}
	#newsWrap .newsList .newsList_item:not(:last-of-type){
		border-bottom: 1px dashed #FFFFFF;
	}
	#newsWrap .newsList .newsList_item .newsList_item_head{
		width: 130px;
	}
	
	#newsWrap .newsList .newsList_item .newsList_item_head span{
		display: block;
		color: #FFFFFF;
		line-height: 1.2;
		letter-spacing: .05em;
	}
	
	#newsWrap .newsList .newsList_item .newsList_item_head span.days{
		font-size: 30px;	
		font-weight: 500;
		display: block;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	#newsWrap .newsList .newsList_item .newsList_item_head span.cats{
		font-size: 14px;
		margin-top: 5px;
	}
	
	#newsWrap .newsList .newsList_item .newsImg{
		width:135px;
		margin-right: 25px;
	}
	
	#newsWrap .newsList .newsList_item .newsImg img{
		width:100%;
		height: auto;
	}
	
	#newsWrap .newsList .newsList_item .newsExp {
		width:calc(100% - 290px);
		margin-top: 0;
	}
	
	#newsWrap .newsList .newsList_item .newsExp p {
		font-size: 14px;
		font-weight: 700;
		color: #FFFFFF;
	}
	
	#newsWrap .newsPosi .buttonBase{
		position: absolute;
		right: 0;
		bottom:0;
		z-index: 10;
	}
	
}

@media (max-width: 1024px){
	#newsWrap::after{
		right:45px;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {


	
	#newsWrap{
		position: relative;
		padding-top: 27.2vw;
		padding-bottom: 19.8vw;
		background-color: #191C21;
	}
	
	#newsWrap h2{
		position: absolute;
		top: -1vw;
		left:-1vw;
		line-height: 1;
		font-size: 16.35vw;;
		color:rgba(255,255,255,.49);
		letter-spacing: -0.03em;
		font-weight: 500;
	}
	
	#newsWrap h2 img{
		width: 86.4vw;
	}

	
	#newsWrap .newsList{
		padding-left: 7vw;
		padding-right: 7vw;
	}
	#newsWrap .newsList .newsList_item{
		padding-top:6.8vw;
		padding-bottom:6.8vw;
		display: flex;
		flex-wrap: wrap;
	}
	#newsWrap .newsList .newsList_item:not(:last-of-type){
		border-bottom: 1px dashed #FFFFFF;
	}
	#newsWrap .newsList .newsList_item .newsList_item_head{
		width: 23.8vw;
	}
	#newsWrap .newsList .newsList_item .newsList_item_info{

	}
	
	#newsWrap .newsList .newsList_item .newsList_item_head span{
		display: block;
		color: #FFFFFF;
		line-height: 1.2;
		letter-spacing: -0.03em;
	}
	
	#newsWrap .newsList .newsList_item .newsList_item_head span.days{
		font-size: 7vw;	
		font-weight: 500;
		display: block;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	#newsWrap .newsList .newsList_item .newsList_item_head span.cats{
		font-size: 3.3vw;
		margin-top: 2vw;
	}
	
	#newsWrap .newsList .newsList_item .newsImg{
		width:31.5vw;
		margin-right: 5.8vw;
	}
	
	#newsWrap .newsList .newsList_item .newsImg img{
		width:100%;
		height: auto;
	}
	
	#newsWrap .newsList .newsList_item .newsExp {
		width:100%;
		margin-top: 4vw;
	}
	
	#newsWrap .newsList .newsList_item .newsExp p {
		font-size: 3.3vw;
		font-weight: 700;
		color: #FFFFFF;
	}
	
	
	
	#newsWrap .newsPosi .buttonBase{
		margin-top: 4.67vw;
		margin-left: auto;
		margin-right: 7vw;
	}
}





/* ================================================================================

	CONTACT

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#contactWrap{
		padding-top:200px;
		padding-bottom:200px;
		position: relative;
	}
	
	.contact_contents{
		position: relative;
		padding: 109px 90px 105px;
		background-color:rgba(255,255,255,.7);
	}
	
	.contact_contents > span{
		font-size: 25px;
		display: flex;
		align-items: center;
		color: #FFFFFF;
		position: absolute;
		top:-5px;
		left: 68px;
		transform: rotate(-90deg);
		transform-origin:0 100%;
	}
	.contact_contents > span::after{
		content: "";
		display: block;
		width: 163.67px;
		height: 1px;
		background-color: #FFFFFF;
		margin-left: 18.8px;
	}
	
	.contact_contents h2{
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 25px;
	}
	
	.contact_contents .contact_contents_info > a{
		display: flex;
		align-items: center;
		font-size: 40px;
		color: #000000;
		font-weight: 600;
		letter-spacing: 0.065em;
		margin-bottom: -8px;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	}
	.contact_contents .contact_contents_info > a::before{
		content: "";
		width: 43px;
		height: 43px;
		display: block;
		background: url("../img/icon-ftel.png") no-repeat center / contain;
		margin-right: 7px;
	}
	
	.contact_contents p{
		font-size: 14px;
		margin-top: 0;
	}
	
	.contact_contents .contact_contents_links{
		margin-top:6px;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	
	.contact_contents .contact_contents_links p{
		padding-right: 25px;
	}
	
	.contact_contents .contact_contents_links .buttonBase a{
		color: #000000;
		border-bottom-color: #000000;
	
	}
	
	.slideword{
		margin-top: 60px;
		margin-bottom:43px;
		width: 100%;
	}
	
	.slideword span{
		display: block;
		margin-left: 49px;
		margin-right: 49px;
		
		
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#contactWrap{
		padding-top:35vw;
		padding-bottom:35vw;
		position: relative;
	}
	
	.contact_contents{
		position: relative;
		padding: 22.6vw 7vw 17.9vw 7vw;
		background-color:rgba(255,255,255,.7);
	}
	
	.contact_contents > span{
		font-size: 7vw;
		display: flex;
		align-items: center;
		color: #FFFFFF;
		position: absolute;
		top:0;
		left: 16vw;
		transform: rotate(-90deg);
		transform-origin:0 100%;
	}
	.contact_contents > span::after{
		content: "";
		display: block;
		width: 38.24vw;
		height: 1px;
		background-color: #FFFFFF;
		margin-left: 5vw;
	}
	
	.contact_contents h2{
		font-size: 4.67vw;
		font-weight: 600;
		margin-bottom: 4.67vw;
	}
	
	.contact_contents .contact_contents_info > a{
		display: flex;
		align-items: center;
		font-size: 7.3vw;
		color: #000000;
		font-weight: 600;
		letter-spacing: 0.06em;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	}
	.contact_contents .contact_contents_info > a::before{
		content: "";
		width: 10vw;
		height: 10vw;
		display: block;
		background: url("../img/icon-ftel.png") no-repeat center / contain;
		margin-right: 1.6vw;
	}
	
	.contact_contents p{
		font-size: 3.27vw;
		margin-top: 0;
	}
	
	.contact_contents p span{
		display: block;
	}
	
	.contact_contents .contact_contents_links{
		margin-top:7vw;

	}
	
	.contact_contents .contact_contents_links .buttonBase{
		margin-top: 10.5vw;
	}
	

	
	.contact_contents .contact_contents_links .buttonBase a{
		color: #000000;
		border-bottom-color: #000000;
	
	}
	
	.slideword{
		margin-top: 12.85vw;
		margin-bottom:13.55vw;
		width: 100%;
	}
	
	.slideword span{
		display: block;
		margin-left: 49px;
		margin-right: 49px;
		
		
	}
	
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}