.stit1 {margin-bottom:8rem; font-size:4rem; font-weight:700; text-align:center;}
.stit1.dark {color:#242424;}
.container {max-width:1120px;}
.pos {position:relative;}

@media screen and (max-width:780px){
	body {font-size:1.4rem; background:#F7F7F7;}
	#main {padding-top:5.6rem;}
	.stit1 {display:inline-block; min-width:7.2rem; margin-bottom:4rem; padding:0 1.5rem; border-radius:1.5rem; font-size:1.6rem; color:#242424; line-height:2.8rem; background:#fff;}
	.stit1.dark {color:#fff; background:#242424;}
}


@media screen and (min-width:780.1px){
	.sub_top .cbox {height:47.5rem; background:no-repeat center/cover;}
	.sub_top.sub1 .cbox {background-image:url('../images/sub2/visual_sub1.jpg')}
	.sub_top.sub2 .cbox {background-image:url('../images/sub2/visual_sub2.jpg')}
	.sub_top.sub3 .cbox {background-image:url('../images/sub2/visual_sub3.jpg')}
	.sub_top.sub4 .cbox {background-image:url('../images/sub2/visual_sub4.jpg')}
	.sub_top h2 {padding:21.6rem 0 13.5rem; font-size:4.8rem; color:#fff; font-weight:700; text-align:center;}
	.sub_top .tab {display:flex; align-items:center; justify-content:center; gap:5rem; font-size:1.8rem; color:#AFAFAF;}
	.sub_top .tab a {transition:all 0.4s;}
	.sub_top .tab a:hover {color:#fff;}
	
	.sub4 .tab {display:none !important;}
}
@media screen and (max-width:780px){
	.pos {position:relative; top:-5.5rem;}
	
	
	.sub_top {padding:2rem 0 4rem;}
	.sub_top h2 {display:none;}
	.sub_top .cbox {display:flex; align-items:flex-end; justify-content:center; height:36rem; margin-left:2rem; margin-right:2rem; padding-bottom:4rem; border-radius:2rem; text-align:center; background:no-repeat center/cover; background-size:100% 100%;}
	.sub_top .tab {font-size:1.6rem; font-weight:600; line-height:1.8rem; color:#fff;}
	.sub_top .tab a {display:block; margin-top:1.2rem;}

	.sub_top.sub1 .cbox {background-image:url('../images/sub2/visual_sub1_m.jpg')}
	.sub_top.sub2 .cbox {background-image:url('../images/sub2/visual_sub2_m.jpg')}
	.sub_top.sub3 .cbox {background-image:url('../images/sub2/visual_sub3_m.jpg')}
	.sub_top.sub4 .cbox {background-image:url('../images/sub2/visual_sub4_m.jpg')}
}
@media screen and (max-width:450px){
	.sub_top .cbox {height:28rem;}
}



.intro_c1 {padding:12rem 0; text-align:center; font-size:2.2rem; color:#5A5A5A;}
.intro_c1 .img {display:none;}
@media screen and (max-width:780px){
	.intro_c1 {padding:2rem 0 0; text-align:center; color:#242424; font-size:1.4rem;}
	.intro_c1 .img {display:block; height:20.8rem; margin-top:6rem; background:url('../images/sub2/intro_c1_img_m.jpg') no-repeat center/cover;}
}



@media screen and (min-width:780.1px){
	.intro_c2 {position:relative;padding:10rem 0; color:#fff; text-align:center; background:#242424;}
	.intro_c2 ul {position:relative; display:inline-block; text-align:left;}
	.intro_c2 ul::before {position:absolute; top:1.2rem; left:13rem; bottom:-10rem; width:1px; background:#C7C7C7; content:'';}
	.intro_c2 li {display:flex; align-items:center; gap:5.5rem; position:relative; font-size:2rem;}
	.intro_c2 li+li {margin-top:5rem;}
	.intro_c2 li::before {position:absolute; top:1.5rem; left:12.6rem; width:0.8rem; height:0.8rem; margin-top:-0.4rem; border-radius:100%; background:#F7F7F7; content:'';}
	.intro_c2 .year {width:13rem; font-size:2.8rem; font-weight:600;}
	.intro_c2 li .st {display:block; margin-bottom:1rem;}
}
@media screen and (max-width:780px){
	.intro_c2 {padding:6rem 0; text-align:center; background:#242424;}
	.intro_c2 ul {color:#CECECE; line-height:1.2857;}
	.intro_c2 li+li::before {display:block; width:1px; height:2.4rem; margin:1rem auto; background:#676767; content:'';}
	.intro_c2 .year {margin-bottom:0.6rem; font-weight:600; color:#F7F8F7;}
	.intro_c2 li .st {display:block;}
}


.intro_c3  {padding:10rem 0; text-align:center;}
.intro_c3 .img {overflow-x:auto; -webkit-overflow-scrolling: touch; margin-top:7rem;}
.intro_c3 .img img {height:52.4rem; max-width:none;}
.intro_c3 .img .m_img {display:none;}
@media screen and (max-width:780px){
.intro_c3 {padding:6rem 0; text-align:center; background:url('../images/sub2/intro_c3_bg_m.jpg') no-repeat center/cover;}
.intro_c3 .img {margin-top:0;}
.intro_c3 .img .m_img {display:block; width:78.6rem; height:auto;}
.intro_c3 .img .pc_img {display:none;}
}

.intro_c4 {padding:10rem 0; text-align:center; color:#5A5A5A; background:#F7F7F7;}
.intro_c4 .stxt {font-size:2.4rem; line-height:1.333;}
.intro_c4 ul {margin-top:8rem; display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;}
.intro_c4 li {padding:4rem; border-radius:2rem; color:#676767; text-align:center; background:#fff;}
.intro_c4 li::before {display:block; width:7.2rem; height:7.2rem; margin:auto; background:no-repeat center/contain; content:'';}
.intro_c4 li:nth-child(1)::before {background-image:url('../images/sub/intro_c4_icon1.svg')}
.intro_c4 li:nth-child(2)::before {background-image:url('../images/sub/intro_c4_icon2.svg')}
.intro_c4 li:nth-child(3)::before {background-image:url('../images/sub/intro_c4_icon3.svg')}
.intro_c4 li:nth-child(4)::before {background-image:url('../images/sub/intro_c4_icon4.svg')}
@media screen and (min-width:780.1px){
	.intro_c4 li {font-size:1.8rem;}
	.intro_c4 li strong {display:block; margin:3rem 0 1rem; font-size:2rem;}
}
@media screen and (max-width:780px){
	.intro_c4 {color:#242424;}
	.intro_c4 .stxt {font-size:1.4rem;}
	.intro_c4 ul {display:block; margin-top:4rem;}
	.intro_c4 li {position:relative; padding:2.4rem; text-align:left; font-size:1.4rem; background:#fff;}
	.intro_c4 li+li {margin-top:1.6rem;}
	.intro_c4 li::before {position:absolute; top:50%; right:2.4rem; width:5rem; height:5rem; margin-top:-2.5rem;}
	.intro_c4 li div {margin-top:2rem;}
}



.technology_c1 {padding:12rem 0; text-align:center; background:#242424;}
.technology_c1 .img span {overflow:hidden; border-radius:2rem;}
.technology_c1 .img {display:flex; gap:2rem;}
.technology_c1 img {width:100%;}
.technology_c1 li {color:#CECECE; font-size:2.4rem; line-height:1.333;}
.technology_c1 li strong {display:block; font-weight:700; color:#fff;}
@media screen and (min-width:780.1px){	
	.technology_c1 .img span {flex:1; min-width:0;}
	.technology_c1 li+li {margin-top:7rem;}	
	.technology_c1 li strong {margin:4rem 0 1.4rem; font-size:4rem;}
	.technology_c1 #pos1 {top:-12rem;}
	.technology_c1 #pos2 {top:-7rem;}
	.technology_c1 #pos3 {top:-7rem;}
}
@media screen and (max-width:780px){
	.technology_c1 {padding:4rem 0;}
	.technology_c1 .pos {top:-9.6rem;}
	.technology_c1 .img span+span {display:none;}
	.technology_c1 li {font-size:1.4rem;}
	.technology_c1 li+li {margin-top:4rem;}	
	.technology_c1 li strong {margin:2rem 0 1.2rem; font-size:2rem;}
	
}


.technology_c2 {padding:16rem 0; text-align:center; font-size:2rem; line-height:1.4; color:#5A5A5A; background:#F7F7F7;}
.technology_c2 strong {display:block; margin-bottom:1.5rem; font-size:2.8rem; font-weight:600; color:#242424}
.technology_c2 div+div {margin-top:8rem;}
@media screen and (max-width:780px){
	.technology_c2 {padding:8rem 0; color:#676767; font-size:1.4rem;}	
	.technology_c2 strong {margin-bottom:0.8rem; font-size:1.4rem;}
	.technology_c2 div+div {margin-top:2rem;}
}


@media screen and (min-width:780.1px){	
	.sustainability_c1 .txt {padding:12rem 0; text-align:center; font-size:2.2rem; line-height:1.4545; color:#5A5A5A;}
	.sustainability_c1 .cbox {padding:10rem 0; background:#F7F7F7;}
	.sustainability_c1 .tit {display:block; margin-bottom:2rem; font-size:2.4rem; font-weight:700; color:#242424; text-align:center;}
	.sustainability_c1 li+li .tit {margin-top:5rem;}
	.sustainability_c1 .cbox li div {padding:7.4rem; background:no-repeat center/cover;}
	.sustainability_c1 li:nth-child(1) div {background-image:url('../images/sub2/sustainability_c1_bg1.jpg');}
	.sustainability_c1 li:nth-child(2) div {background-image:url('../images/sub2/sustainability_c1_bg2.jpg');}
	.sustainability_c1 li > div strong {display:block; margin-bottom:2.5rem; font-size:2.4rem; font-weight:600;}
	.sustainability_c1 li > div p+p {margin-top:1rem;}
	.sustainability_c1 li > div p {position:relative; padding-left:1rem; color:#fff; line-height:1.272727; font-size:2.2rem; word-break:keep-all;}
	.sustainability_c1 li > div p::before {position:absolute; top:1rem; left:0; width:0.5rem; height:0.5rem; border-radius:100%; background:#fff; content:'';}
	.sustainability_c1 #pos1 {top:-10rem;}
	.sustainability_c1 #pos2 {top:-5rem;}	
}
@media screen and (max-width:780px){
	.sustainability_c1 {text-align:center;}
	.sustainability_c1 .txt {padding:2rem 0 4rem;}
	.sustainability_c1 .cbox {padding:6rem 0; color:#fff; background:url('../images/sub2/sustainability_c1_bg_m.jpg') no-repeat center/cover;}
	.sustainability_c1 .tit {display:block; margin:4rem 0 2rem; font-size:1.8rem; font-weight:700;}
	.sustainability_c1 li:first-child .tit {margin-top:0;}
	.sustainability_c1 li > div {padding:3.2rem 2.8rem; border-radius:2rem; text-align:left; background:rgba(0,0,0,0.07); backdrop-filter: blur(19px);}
	.sustainability_c1 li > div strong {display:block; margin-bottom:1.2rem;}
	.sustainability_c1 li > div p+p {margin-top:2rem;}
	.sustainability_c1 .pos {top:-9.6rem;}
}


.sustainability_c2 {padding:10rem 0; text-align:center; color:#F7F7F7; background:#242424;}
.sustainability_c2 .stit1 {margin-bottom:4rem;}
.sustainability_c2 .stxt {font-size:2.4rem; line-height:1.333;}
.sustainability_c2 .img {display:flex; gap:2rem; margin-top:8rem;}
.sustainability_c2 .img span {flex:1; min-width:0;}

@media screen and (max-width:780px){
	.sustainability_c2 {padding:6rem 0; text-align:center; color:#fff; background:url('../images/sub/sustainability_c2_bg.jpg') no-repeat center/cover;}
	.sustainability_c2 .stxt {font-size:1.4rem;}
	.sustainability_c2 .img {gap:1rem; margin-top:3rem;}
	.sustainability_c2 .img span:nth-child(3) {display:none;}
}




@media screen and (min-width:780.1px){	
	.contact_c1 {padding:10rem 0;}
	.contact_c1 .cbox {display:flex; gap:1.4rem;}
	.contact_c1 .cbox > div {flex:1; min-width:0; padding:8rem 0; border-radius:1rem; font-size:2.4rem; font-weight:700; color:#909090; text-align:center; background:#F7F7F7;}
	.contact_c1 .cbox > div::before {display:block; width:6rem; height:6rem; margin:0 auto 5rem; background:no-repeat center/contain; content:'';}
	.contact_c1 .cbox > div:nth-child(1)::before {background-image:url('../images/sub2/contact_c1_icon1.png')}
	.contact_c1 .cbox > div:nth-child(2)::before {background-image:url('../images/sub2/contact_c1_icon2.png')}
	.contact_c1 .cbox > div:nth-child(3)::before {background-image:url('../images/sub2/contact_c1_icon3.png')}	
	.contact_c1 .cbox > div strong {display:block; margin-bottom:1.6rem; font-size:2rem; color:#242424}
	.contact_c1 .cbox > div span {display:none;}
	
}
@media screen and (max-width:780px){
	.contact_c1 {padding-bottom:4rem; text-align:center; line-height:1.571; background:#F7F7F7;}
	.contact_c1 .addr {margin-top:2rem; font-weight:500; color:#B2B2B2;}
	.contact_c1 .cbox > div span {display:inline-block; font-weight:700;}
	.contact_c1 .cbox > div strong {display:none;}
}



.contact_c2 {padding:10rem 0; text-align:center; background:#F7F7F7;}
.contact_c2 h3 {font-size:4rem; margin-bottom:4rem;}
.contact_c2 .stxt {font-size:2.4rem; font-weight:500; color:#5A5A5A;}
.contact_c2 .cmap {position:relative; overflow:hidden; margin-top:8rem; height:540px;}
.contact_c2 .cmap .inbox {position:absolute; top:-150px; left:-150px; right:-150px; bottom:-150px;}
.contact_c2 .cmap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
@media screen and (max-width:780px){
	.contact_c2 {padding:0 0 4rem}
	.contact_c2 .cbox {display:flex; flex-direction:column-reverse;}
	.contact_c2 .cmap {height:20rem; margin:0 0 1.6rem;}
	.contact_c2 h3 {margin-bottom:0.4rem; font-size:1.4rem;}
	.contact_c2 .stxt {font-size:1.2rem;}
}
/*


.sustainability_c2 {padding:6rem 0; text-align:center; color:#fff; background:url('../images/sub/sustainability_c2_bg.jpg') no-repeat center/cover;}


.contact_c1 {padding-bottom:16rem; text-align:center; line-height:1.571;}
.contact_c1 .addr {margin-top:2rem; font-weight:500; color:#B2B2B2;}
*/