.section_firstview{
	overflow:hidden;
	position:relative;
	z-index:0;
	height:90vh;
	height:calc(100vh - 143px);
	height:calc(var(--vh,1vh) * 100 - 143px)
}
.section_firstview::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#004fa2;
	opacity:.5;
	z-index:-1
}
.scala_group .section_firstview::after{
	background-color:#333;
	opacity:.2
}
@media (max-width:490px){
.section_firstview{
	height:calc(100vh - 128px);
	height:calc(var(--vh,1vh) * 100 - 128px)
}
}
.scala_group .section_firstview{
	height:100vh;
	height:calc(100vh);
	height:calc(var(--vh,1vh) * 100)
}
@media (max-width:490px){
.scala_group .section_firstview{
	height:calc(100vh);
	height:calc(var(--vh,1vh) * 100)
}
}
@media (orientation:landscape){
.fv_area .section_firstview__scale{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center;
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2)
}
}
.section_firstview__copy{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:180px;
	color:#fff;
	line-height:1;
	width:330px;
}
@media (max-width:1060px){
.section_firstview__copy{
	margin-left:150px
}
}
@media (max-width:990px){
.section_firstview__copy{
	width:300px
}
}
@media (max-width:930px){
.section_firstview__copy{
	width:270px
}
}
.scala_group .section_firstview__copy{
	margin-top:-60px;
	margin-left:150px;
	width:221px
}
@media (max-width:1060px){
.scala_group .section_firstview__copy{
	margin-left:150px
}
}
@media (max-width:990px){
.scala_group .section_firstview__copy{
	width:201px
}
}
@media (max-width:930px){
.scala_group .section_firstview__copy{
	width:181px
}
}
.section_firstview__copy img{
	width:100%;
}
@media (orientation:portrait){
.section_firstview__copy{
	left:19%;
	width:62%;
	margin:auto;
	top:0;
	margin-top:calc(90px + 57vw)
}
}
@media (orientation:portrait) and (max-height:670px){
.section_firstview__copy{
	margin-top:calc(60px + 57vw)
}
}
@media (orientation:portrait){
.scala_group .section_firstview__copy{
	top:60px;
	left:55%;
	width:37%;
	margin:auto;
	margin-top:calc(90px + 57vw)
}
}
@media (orientation:portrait) and (max-height:670px){
.scala_group .section_firstview__copy{
	margin-top:calc(60px + 57vw)
}
}
.section_firstview__copy h2{
	-webkit-font-feature-settings:'palt';
	font-feature-settings:'palt';
	font-weight:700;
	letter-spacing:.25em;
	margin-top:1em;
	margin-right:-2em
}
@media (orientation:portrait){
.section_firstview__copy h2{
	font-size:3.25vw
}
}
@media (orientation:landscape){
.scala_group .section_firstview__copy h2 br{
	display:none
}
}
.scala_group .section_firstview__copy h2{
	margin-top:.5em;
	line-height:1.4;
	margin-right:-7em
}
@media (orientation:portrait){
.scala_group .section_firstview__copy h2{
	font-size:3.9vw
}
}
.section_firstview__scrollicon{
	width:20px;
	height:35px;
	border:1px solid #fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:22px;
	border-radius:10px;
	overflow:hidden
}
@media (max-width:490px){
.section_firstview__scrollicon{
	bottom:15px;
	-webkit-transform-origin:bottom;
	-ms-transform-origin:bottom;
	transform-origin:bottom;
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
}
.section_firstview__scrollicon span{
	display:block;
	width:2px;
	height:26px;
	border-radius:2px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	overflow:hidden
}
.section_firstview__scrollicon span::after{
	content:"";
	display:block;
	width:100%;
	height:50%;
	border-radius:2px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background-color:#fff;
	-webkit-animation:scrolldown 2s ease infinite;
	animation:scrolldown 2s ease infinite
}
@-webkit-keyframes scrolldown{
	0%{
	-webkit-transform:translateY(-150%);
	transform:translateY(-150%)
}
100%{
	-webkit-transform:translateY(150%);
	transform:translateY(150%)
}
}
@keyframes scrolldown{
	0%{
	-webkit-transform:translateY(-150%);
	transform:translateY(-150%)
}
100%{
	-webkit-transform:translateY(150%);
	transform:translateY(150%)
}
}
.logo_element{
	visibility:hidden;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	width:91%;
	width:calc(100% - 30px);
	max-width:773px
}
@media (orientation:portrait){
.logo_element{
	top:0;
	margin-top:90px;
	-webkit-transform:translateX(-50%) translateY(0);
	-ms-transform:translateX(-50%) translateY(0);
	transform:translateX(-50%) translateY(0)
}
.scala_group .logo_element{
	top:60px
}
}
@media (orientation:portrait) and (max-height:670px){
.logo_element{
	margin-top:60px
}
}
.logo_element::after{
	content:"";
	display:block;
	padding-top:56%
}
.logo_element__child{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:16.67%;
	width:clalc(16.66667%);
	height:12.5%;
	height:clalc(12.5%);
	overflow:hidden
}
.logo_element__child.col1{
	left:0
}
.logo_element__child.col2{
	left:16.67%;
	left:clalc(16.66667%)
}
.logo_element__child.col3{
	left:33.34%;
	left:clalc(33.33333%)
}
.logo_element__child.col4{
	left:50.01%;
	left:clalc(50%)
}
.logo_element__child.col5{
	left:66.68%;
	left:clalc(66.66667%)
}
.logo_element__child.col6{
	left:83.35%;
	left:clalc(83.33333%)
}
.logo_element__child.row1{
	top:0
}
.logo_element__child.row2{
	top:12.5%;
	top:clalc(12.5%)
}
.logo_element__child.row3{
	top:25%;
	top:clalc(25%)
}
.logo_element__child.row4{
	top:37.5%;
	top:clalc(37.5%)
}
.logo_element__child.row5{
	top:50%;
	top:clalc(50%)
}
.logo_element__child.row6{
	top:62.5%;
	top:clalc(62.5%)
}
.logo_element__child.row7{
	top:75%;
	top:clalc(75%)
}
.logo_element__child.row8{
	top:87.5%;
	top:clalc(87.5%)
}
.logo_element__child.w2{
	width:33.34%;
	width:clalc(33.33333%)
}
.logo_element__child.w3{
	width:50.01%;
	width:clalc(50%)
}
.logo_element__child.w4{
	width:66.68%;
	width:clalc(66.66667%)
}
.logo_element__child.w5{
	width:83.35%;
	width:clalc(83.33333%)
}
.logo_element__child.w6{
	width:100.02%;
	width:clalc(100%)
}
.logo_element__child::after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	opacity:.5;
	position:absolute;
	top:0;
	left:0;
	z-index:10
}
.logo_element__child.color1::after{
	background-color:#fff
}
.logo_element__child.color2::after{
	background-color:#555
}
.scala_group .logo_element__child.color2::after{
	background-color:#878787
}
.logo_element__child span{
	display:block;
	width:100vw;
	height:var(--fvheight);
	position:absolute;
	top:var(--logotop);
	left:var(--logoleft)
}
.logo_element__child.col2 span{
	margin-left:calc((var(--logoWidth)/ 6) * -1)
}
.logo_element__child.col3 span{
	margin-left:calc((var(--logoWidth)/ 6) * -2)
}
.logo_element__child.col4 span{
	margin-left:calc((var(--logoWidth)/ 6) * -3)
}
.logo_element__child.col5 span{
	margin-left:calc((var(--logoWidth)/ 6) * -4)
}
.logo_element__child.col6 span{
	margin-left:calc((var(--logoWidth)/ 6) * -5)
}
.logo_element__child.row2 span{
	margin-top:calc((var(--logoHeight)/ 8) * -1)
}
.logo_element__child.row3 span{
	margin-top:calc((var(--logoHeight)/ 8) * -2)
}
.logo_element__child.row4 span{
	margin-top:calc((var(--logoHeight)/ 8) * -3)
}
.logo_element__child.row5 span{
	margin-top:calc((var(--logoHeight)/ 8) * -4)
}
.logo_element__child.row6 span{
	margin-top:calc((var(--logoHeight)/ 8) * -5)
}
.logo_element__child.row7 span{
	margin-top:calc((var(--logoHeight)/ 8) * -6)
}
.logo_element__child.row8 span{
	margin-top:calc((var(--logoHeight)/ 8) * -7)
}
.logo_element span,.section_firstview{
	background-image:url(../img/fv_bg.jpg);
	background-position:center;
	background-size:auto 100%
}
.scala_group .logo_element span,.scala_group .section_firstview{
	background-image:url(../img/fv_bg.jpg)
}
@media (orientation:portrait){
.logo_element span,.section_firstview{
	background-image:url(../img/fv_bg_sp375_812.jpg)
}
.scala_group .logo_element span,.scala_group .section_firstview{
	background-image:url(../img/fv_bg_grp_sp375_812.jpg)
}
}
@media (orientation:portrait) and (max-height:670px){
.logo_element span,.section_firstview{
	background-image:url(../img/fv_bg_sp375_667.jpg)
}
.scala_group .logo_element span,.scala_group .section_firstview{
	background-image:url(../img/fv_bg_grp_sp375_667.jpg)
}
}
@media (orientation:portrait) and (max-width:340px){
.logo_element span,.section_firstview{
	background-image:url(../img/fv_bg_sp320_568.jpg)
}
.scala_group .logo_element span,.scala_group .section_firstview{
	background-image:url(../img/fv_bg_sp320_568.jpg)
}
}
@media (orientation:portrait){
.logo_element span,.section_firstview{
	background-size:cover
}
}
.fv_aspect .logo_element span,.fv_aspect .section_firstview{
	background-size:cover
}
.scala_group .logo_element span,.scala_group .section_firstview{
	background-size:cover
}
.section_news{
	padding:1px 20px 50px
}
.section_news.gry{
	background-color:#A6A6A6;
	color:#fff
}
.section_news__wrap{
	max-width:1000px;
	margin:auto
}
.section_news__title{
	font-size:2.86rem;
	padding:30px 0
}
@media (max-width:490px){
.section_news__title{
	font-size:20px
}
}
.section_news__list{
	font-size:1.07rem;
	line-height:1;
	margin:-20px auto
}
.section_news__item{
	margin:20px auto
}
.section_news__item a{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.section_news__item a:hover .title{
	text-decoration:underline
}
.section_news__item .date{
	width:6em
}
.section_news__item i{
	font-size:.79rem;
	width:8em;
	color:#fff;
	text-align:center;
	padding:.3em 0 .2em;
	margin-right:1.5em
}
.section_news__item i.red{
	background-color:#fff;
	color:#EB0045;
	border:1px solid #EB0045
}
.section_news__item i.yellow{
	background-color:#F7BE00
}
.section_news__item i.blue{
	background-color:#518BC9
}
.section_news__item .title{
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
@media (max-width:870px){
.section_news__item .title{
	-webkit-box-flex:1;
	-webkit-flex:auto;
	-ms-flex:auto;
	flex:auto;
	overflow:visible;
	white-space:normal;
	text-overflow:unset;
	width:100%;
	line-height:1.6;
	margin-top:10px
}
}
.section_news .btn_readmore{
	text-align:right;
	padding-top:30px
}
.section_news .btn_readmore a{
	width:180px;
	-webkit-transition:color .2s,border-color .2s,background-color .2s;
	transition:color .2s,border-color .2s,background-color .2s
}
.section_news .btn_readmore a:hover{
	border-color:#fff;
	background-color:#fff;
	color:#A6A6A6
}
.section_about{
	background-size:cover;
	background-position:center;
	padding:150px 20px;
	color:#878787
}
.section_about.strength{
	background-image:url(/assets/img/bg_strength.png)
}
.section_about.buisiness{
	background-image:url(/assets/img/bg_buisiness.png)
}
.section_about.casestudy{
	background-color:#fff
}
@media (max-width:490px){
.section_about{
	padding:160px 20px
}
.section_about.casestudy{
	padding:100px 20px
}
}
.section_about__title{
	font-size:71px;
	text-align:center;
	margin-bottom:50px;
	line-height:1;
	letter-spacing:.2em
}
@media (max-width:790px){
.section_about__title span{
	display:block
}
}
@media (max-width:490px){
.section_about__title{
	margin-bottom:40px;
	font-size:41px
}
}
.section_about__text{
	max-width:900px;
	margin:auto;
	margin-bottom:30px;
	line-height:2
}
@media (max-width:490px){
.section_about__text{
	padding:0 12px
}
.section_about__text br{
	display:none
}
}
.casestudy .section_about__text{
	text-align:center
}
@media (max-width:770px){
.casestudy .section_about__text{
	text-align:left
}
}
.section_about__logolist{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	max-width:1200px;
	margin:0 auto 20px
}
.section_about__logolist--item,.section_about__logolist--spacer{
	width:300px
}
@media (max-width:939px){
.section_about__logolist--item,.section_about__logolist--spacer{
	width:33%
}
}
@media (max-width:600px){
.section_about__logolist--item,.section_about__logolist--spacer{
	width:50%
}
}
.section_about__logolist--item{
	margin-bottom:20px
}
.section_about__logolist--spacer{
	height:0
}
.section_about .btn_readmore{
	text-align:center
}
.section_about .btn_readmore a{
	width:200px;
	-webkit-transition:color .2s,border-color .2s,background-color .2s;
	transition:color .2s,border-color .2s,background-color .2s
}
.section_about .btn_readmore a:hover{
	border-color:#878787;
	background-color:#878787;
	color:#fff
}
.section_service{
	background-image:url(/assets/img/bg_service.png);
	background-position:center top;
	background-repeat:repeat;
	padding:100px 10px
}
@media (max-width:490px){
.section_service{
	padding:50px 10px
}
}
.section_service__title{
	color:#878787;
	font-size:71px;
	text-align:center;
	line-height:1;
	margin-bottom:30px;
	letter-spacing:.2em
}
@media (max-width:490px){
.section_service__title{
	margin-bottom:40px;
	font-size:41px
}
}
.section_service__content{
	max-width:1000px;
	margin:auto;
	background-color:#fff;
	border:2px solid #F7BE00;
	overflow:hidden
}
.section_service .btn_readmore{
	text-align:center
}
.section_service .btn_readmore a{
	width:200px;
	-webkit-transition:color .2s,border-color .2s,background-color .2s;
	transition:color .2s,border-color .2s,background-color .2s
}
.section_service .btn_readmore a:hover{
	border-color:#878787;
	background-color:#878787;
	color:#fff
}
.section_service__navi{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	text-align:center;
	letter-spacing:0;
	font-size:12px;
	line-height:1.2;
	font-weight:700;
	vertical-align:middle;
	border-bottom:2px solid #F7BE00;
	width:100.5%
}
@media (max-width:500px){
.section_service__navi{
	font-size:10px;
	letter-spacing:-.1em
}
}
.section_service__navi--item{
	cursor:pointer;
	width:14.29%;
	width:calc(100% / 7);
	border-left:1px solid #F7BE00;
	padding:.5em .25em 0;
	position:relative;
	opacity:1;
	-webkit-transition:opacity .2s;
	transition:opacity .2s
}
.section_service__navi--item:hover{
	opacity:.5
}
.section_service__navi--item:first-child{
	border-left:none
}
.section_service__navi--item.active{
	background-color:#F7BE00;
	color:#fff;
	cursor:default
}
.section_service__navi--item.active:hover{
	opacity:1
}
.section_service__navi--item.active::after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:14px solid #F7BE00;
	position:absolute;
	left:50%;
	bottom:-14px;
	margin-left:-10px
}
.section_service__navi--icon{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	height:4em;
	width:100%
}
@media (max-width:500px){
.section_service__navi--icon img{
	-webkit-transform:scale(.8);
	-ms-transform:scale(.8);
	transform:scale(.8)
}
}
.section_service__navi--icon .normal{
	display:inline-block
}
.section_service__navi--icon .active{
	display:none
}
.active .section_service__navi--icon .normal{
	display:none
}
.active .section_service__navi--icon .active{
	display:inline-block
}
.section_service__navi--text{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	height:2.5em;
	width:100%
}
.section_service__navi--text br{
	display:none
}
@media (max-width:685px){
.section_service__navi--text br{
	display:block
}
}
@media (max-width:500px){
.section_service__navi--text>span{
	margin:auto -1em
}
}
.section_service__flex{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:700%;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
@media (max-width:540px){
.section_service__flex{
	display:block;
	overflow:hidden
}
}
.section_service__flex.pos2{
	-webkit-transform:translateX(-14.29%);
	-ms-transform:translateX(-14.29%);
	transform:translateX(-14.29%);
	-webkit-transform:translateX(calc(-100% / 7 * 1));
	-ms-transform:translateX(calc(-100% / 7 * 1));
	transform:translateX(calc(-100% / 7 * 1))
}
.section_service__flex.pos3{
	-webkit-transform:translateX(-28.58%);
	-ms-transform:translateX(-28.58%);
	transform:translateX(-28.58%);
	-webkit-transform:translateX(calc(-100% / 7 * 2));
	-ms-transform:translateX(calc(-100% / 7 * 2));
	transform:translateX(calc(-100% / 7 * 2))
}
.section_service__flex.pos4{
	-webkit-transform:translateX(-42.87%);
	-ms-transform:translateX(-42.87%);
	transform:translateX(-42.87%);
	-webkit-transform:translateX(calc(-100% / 7 * 3));
	-ms-transform:translateX(calc(-100% / 7 * 3));
	transform:translateX(calc(-100% / 7 * 3))
}
.section_service__flex.pos5{
	-webkit-transform:translateX(-57.16%);
	-ms-transform:translateX(-57.16%);
	transform:translateX(-57.16%);
	-webkit-transform:translateX(calc(-100% / 7 * 4));
	-ms-transform:translateX(calc(-100% / 7 * 4));
	transform:translateX(calc(-100% / 7 * 4))
}
.section_service__flex.pos6{
	-webkit-transform:translateX(-71.45%);
	-ms-transform:translateX(-71.45%);
	transform:translateX(-71.45%);
	-webkit-transform:translateX(calc(-100% / 7 * 5));
	-ms-transform:translateX(calc(-100% / 7 * 5));
	transform:translateX(calc(-100% / 7 * 5))
}
.section_service__flex.pos7{
	-webkit-transform:translateX(-85.74%);
	-ms-transform:translateX(-85.74%);
	transform:translateX(-85.74%);
	-webkit-transform:translateX(calc(-100% / 7 * 6));
	-ms-transform:translateX(calc(-100% / 7 * 6));
	transform:translateX(calc(-100% / 7 * 6))
}
.section_service__tab{
	width:14.29%;
	width:calc(100% / 7);
	position:relative
}
@media (max-width:540px){
.section_service__tab{
	float:left
}
}
.section_service__tab--wrap{
	padding:30px 60px 58px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
@media (max-width:1020px){
.section_service__tab--wrap{
	padding:30px 3% 55px
}
}
@media (max-width:540px){
.section_service__tab--wrap{
	display:block
}
}
@media (max-width:860px){
.section_service__tab--wrap.col3::after{
	content:"";
	display:block;
	width:45%;
	margin:auto
}
}
.section_service__tab--item{
	max-width:400px;
	margin:20px auto
}
.col2 .section_service__tab--item{
	width:45%
}
@media (max-width:540px){
.col2 .section_service__tab--item{
	width:100%
}
}
.col3 .section_service__tab--item{
	width:30%
}
@media (max-width:860px){
.col3 .section_service__tab--item{
	width:45%
}
}
@media (max-width:540px){
.col3 .section_service__tab--item{
	width:100%
}
}
.col4 .section_service__tab--item{
	width:23%
}
@media (max-width:950px){
.col4 .section_service__tab--item{
	width:45%
}
}
@media (max-width:540px){
.col4 .section_service__tab--item{
	width:100%
}
}
@media (max-width:540px){
.section_service__tab--item{
	margin-top:30px;
	display:block
}
.section_service__tab--item:first-child{
	margin-top:0
}
}
.section_service__tab--logo{
	display:block;
	text-align:center;
	opacity:1;
	-webkit-transition:opacity .2s;
	transition:opacity .2s
}
.section_service__tab--logo+.section_service__tab--logo{
	margin-top:2em
}
a:hover .section_service__tab--logo{
	opacity:.5
}
.section_service__tab--logo:hover{
	opacity:.5
}
.section_service__tab--logo img{
	max-width:200px;
	border:1px solid #ddd
}
.section_service__tab--ttl{
	text-align:center;
	font-weight:700;
	margin:1.5em auto 1em
}
a:hover .section_service__tab--ttl{
	text-decoration:underline
}
a:hover .section_service__tab--txt{
	text-decoration:underline
}
.section_service__tab .btn_readmore{
	border-top:1px solid #F7BE00;
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}
.section_service__tab .btn_readmore a{
	display:block;
	border:none;
	width:auto;
	padding:1.5em 0;
	-webkit-transition:color .2s;
	transition:color .2s
}
.section_service__tab .btn_readmore a::after{
	right:50%;
	margin-right:-6em
}
.section_service__tab .btn_readmore a:hover{
	color:#f7be00
}
.section_group{
	background-image:url(/assets/img/bg_gry_group.png);
	background-position:center;
	background-repeat:repeat;
	padding:150px 20px;
	color:#fff;
	position:relative;
	overflow:hidden
}
@media (max-width:800px){
.section_group{
	padding:50px 20px
}
}
.section_group__wrap{
	max-width:1000px;
	margin:auto
}
.section_group__title{
	font-size:71px;
	text-align:left;
	line-height:1;
	margin-bottom:50px;
	letter-spacing:.2em
}
@media (max-width:490px){
.section_group__title{
	margin-bottom:40px;
	font-size:41px;
	text-align:center
}
}
.section_group__text{
	max-width:380px;
	margin-bottom:30px;
	line-height:2
}
@media (max-width:800px){
.section_group__text{
	margin-bottom:600px
}
.section_group__text br{
	display:none
}
}
@media (max-width:530px){
.section_group__text{
	margin-bottom:500px
}
}
@media (max-width:490px){
.section_group__text br{
	display:none
}
}
.section_group .btn_readmore{
	text-align:left
}
@media (max-width:490px){
.section_group .btn_readmore{
	text-align:center
}
}
.section_group .btn_readmore a{
	width:200px;
	-webkit-transition:color .2s,border-color .2s,background-color .2s;
	transition:color .2s,border-color .2s,background-color .2s
}
.section_group .btn_readmore a:hover{
	border-color:#fff;
	background-color:#fff;
	color:#A6A6A6
}
#group_pc{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform-origin:left;
	-ms-transform-origin:left;
	transform-origin:left;
	-webkit-transform:translateY(-40%) translateX(-10%) scale(1.15);
	-ms-transform:translateY(-40%) translateX(-10%) scale(1.15);
	transform:translateY(-40%) translateX(-10%) scale(1.15)
}
@media (max-width:1410px){
	#group_pc{
	-webkit-transform:translateY(-40%) translateX(-10%) scale(1);
	-ms-transform:translateY(-40%) translateX(-10%) scale(1);
	transform:translateY(-40%) translateX(-10%) scale(1)
}
}
@media (max-width:1150px){
	#group_pc{
	display:none
}
}
#group_pc .a,#group_pc .b{
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10
}
#group_pc .a{
	stroke-width:3px
}
#group_pc .c{
	fill:#eb0045
}
#group_pc .d{
	fill:#fff
}
#group_pc .e{
	fill:#f7be00
}
#group_pc .f{
	fill:#878787
}
#group_pc .g{
	fill:#ff9e18
}
#group_pc .h{
	fill:#004fa1
}
#group_pc .i{
	fill:#009d4f
}
#group_pc .j{
	opacity:0
}
#group_pc a{
	display:inline-block
}
#group_sp{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform-origin:left;
	-ms-transform-origin:left;
	transform-origin:left;
	-webkit-transform:translateY(-45%) translateX(-5%) scale(.7);
	-ms-transform:translateY(-45%) translateX(-5%) scale(.7);
	transform:translateY(-45%) translateX(-5%) scale(.7)
}
@media (max-width:1150px){
	#group_sp{
	display:block
}
}
@media (max-width:940px){
	#group_sp{
	left:0;
	-webkit-transform:translateY(-45%) translateX(30%) scale(.6);
	-ms-transform:translateY(-45%) translateX(30%) scale(.6);
	transform:translateY(-45%) translateX(30%) scale(.6)
}
}
@media (max-width:840px){
	#group_sp{
	-webkit-transform:translateY(-45%) translateX(30%) scale(.5);
	-ms-transform:translateY(-45%) translateX(30%) scale(.5);
	transform:translateY(-45%) translateX(30%) scale(.5)
}
}
@media (max-width:800px){
	#group_sp{
	-webkit-transform:translateY(-35%) translateX(2%) scale(.7);
	-ms-transform:translateY(-35%) translateX(2%) scale(.7);
	transform:translateY(-35%) translateX(2%) scale(.7)
}
}
@media (max-width:530px){
	#group_sp{
	-webkit-transform:translateY(-40%) translateX(1.5%) scale(.5);
	-ms-transform:translateY(-40%) translateX(1.5%) scale(.5);
	transform:translateY(-40%) translateX(1.5%) scale(.5)
}
}
@media (max-width:370px){
	#group_sp{
	-webkit-transform:translateY(-40%) translateX(1%) scale(.45);
	-ms-transform:translateY(-40%) translateX(1%) scale(.45);
	transform:translateY(-40%) translateX(1%) scale(.45)
}
}
#group_sp .a,#group_sp .e{
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10
}
#group_sp .a{
	stroke-width:3px
}
#group_sp .b{
	fill:#adadad
}
#group_sp .c{
	fill:#fff
}
#group_sp .d{
	fill:#878787
}
#group_sp .f{
	fill:#eb0045
}
#group_sp .g{
	fill:#ff9e18
}
#group_sp .h{
	fill:#009d4f
}
#group_sp .i{
	fill:#f7be00
}
#group_sp .j{
	fill:#004fa1
}
#group_sp .k{
	opacity:0
}
.section_other{
	padding:100px 20px
}
@media (max-width:490px){
.section_other{
	padding:50px 20px 90px
}
}
.section_other__list{
	max-width:1000px;
	margin:auto;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between
}
@media (max-width:660px){
.section_other__list{
	display:block
}
}
.section_other__item{
	position:relative;
	z-index:0;
	color:#fff;
	width:48%
}
@media (max-width:660px){
.section_other__item{
	width:100%;
	margin-bottom:20px
}
.section_other__item:last-child{
	margin-bottom:0
}
}
.section_other__item.fill{
	width:100%;
	margin-bottom:30px
}
.section_other__item.fill::before{
	padding-top:23%
}
@media (max-width:660px){
.section_other__item.fill::before{
	padding-top:47%
}
}
@media (max-width:660px){
.section_other__item.fill{
	margin-bottom:20px
}
}
.section_other__item::before{
	content:"";
	display:block;
	padding-top:47%
}
.section_other__item a,.section_other__item--img{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%
}
.section_other__item--img{
	object-fit:cover;
	opacity:1;
	-webkit-transition:opacity .2s;
	transition:opacity .2s
}
a:hover+.section_other__item--img{
	opacity:.5
}
.section_other__item a{
	z-index:1;
	background:-webkit-linear-gradient(top,transparent 0,#000 100%);
	background:linear-gradient(to bottom,transparent 0,#000 100%)
}
.section_other__item--title{
	font-size:25px;
	line-height:1;
	letter-spacing:.2em;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:1em;
	margin:auto
}
@media (max-width:480px){
.section_other__item--title{
	font-size:16px
}
}
.section_other .btn_readmore{
	text-align:center;
	position:absolute;
	bottom:.5em;
	width:100%
}
@media (max-width:480px){
.section_other .btn_readmore{
	font-size:10px
}
}
.section_other .btn_readmore span{
	width:180px;
	border:none
}
@media (max-width:480px){
.section_other .btn_readmore span{
	width:150px
}
}
h2{
	font-weight:500
}

/* scom add */

.text_center {
  text-align: center !important;
}
.text_right {
  text-align: right !important;
}
.text_left {
  text-align: left !important;
}