/*-------------------- mobile --------------------*/
@media screen and (max-width: 768px) {
	.mt_60{
		margin-top:30px !important;
	}
	.pt_96{
		padding-top:45px !important;
	}
	.pt_130{
		padding-top:132px !important;
	}

	/*-------------------- header --------------------*/
	.company_header{
		display:block;
		height:auto;
	}
	.c_header_wrap{
		padding:0;
	}
	.c_header_top{
		display:block;
		position:relative;
		margin:0;
	}
	.c_header_logo{
		flex-direction:column;
		align-items:center;
		gap:0;
	}
	.c_header_logo .img{
		display:flex;
		align-items:center;
		max-width:240px;
		height:70px;
		padding:0 70px;
	}
	.c_header_logo .page{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:40px;
		margin:0;
		padding:0;
		border-radius:0;
	}
	.c_header_menu{
		display:none;
	}
	.c_header_bottom{
		display:none;
	}
	.c_header_hamburger{
		display:block;
		position:absolute;
		top:25px;
		right:20px;
		width:30px;
		height:20px;
		margin-bottom:1px;
		cursor:pointer;
		z-index:100;
	}
	.c_header_hamburger span{
		position:absolute;
		left:0;
		width:100%;
		height:1px;
		background-color:#595757;
		animation-duration:0.3s;
		animation-iteration-count:1;
		animation-timing-function:linear;
	}
	.c_header_hamburger span.top{
		top:0;
		transform:rotate(0deg);
	}
	.c_header_hamburger span.middle{
		top:50%;
		transform:rotate(0deg);
	}
	.c_header_hamburger span.bottom{
		top:100%;
		transform:rotate(0deg);
	}
	.c_header_nav{
		display:block;
		position:fixed;
		top:110px;
		left:0;
		bottom:0;
		width:100%;
		overflow:auto;
		opacity:0;
		visibility:hidden;
		z-index:300;
	}
	.c_header_nav nav{
		display:grid;
		background-color:#ffffff;
		border-top:1px solid #dfe3e3;
	}
	.c_header_nav nav a{
		display:block;
		padding:20px;
		font-size:16px;
		border-bottom:2px solid #dfe3e3;
		background-image:url('images/header_mb_cursor.png');
		background-position:center right 22px;
		background-repeat:no-repeat;
		background-size:auto 10px;
	}
	.c_header_nav nav .header_toggle_mobile{
		display:block;
		padding:20px;
		font-size:16px;
		border-bottom:2px solid #dfe3e3;
		background-image:url('images/header_mb_plus.png');
		background-position:center right 20px;
		background-repeat:no-repeat;
		background-size:auto 10px;
	}
	.c_header_nav nav .header_toggle_mobile.open{
		background-image:url('images/header_mb_minus.png');
		background-size:10px;
	}
	.c_header_nav nav .menu{
		display:none;
	}
	.c_header_nav nav .menu a{
		padding:20px 20px 20px 48px;
		font-size:16px;
		background-color:#dfe3e3;
		border-bottom:2px solid #ffffff;
		background-image:url('images/header_right_cursor.png');
		background-position:center right 20px;
		background-repeat:no-repeat;
		background-size:16px;
	}

	/*---------- mobile-nav > open ----------*/
	body.nav_open{
		overflow:hidden;
	}
	body.nav_open .c_header_nav{
		opacity:1;
		visibility:visible;
	}
	body.nav_open .c_header_hamburger span.top{
		top:50%;
		transform:rotate(30deg);
	}
	body.nav_open .c_header_hamburger span.middle{
		opacity:0;
	}
	body.nav_open .c_header_hamburger span.bottom{
		top:50%;
		transform:rotate(-30deg);
	}
	body.nav_open .c_header_nav{
		display:block;
	}
	/*---------- hamburger-animation ----------*/
	@keyframes nav_open_top{
		0%{
			top:0;
			transform:rotate(0deg);
		}
		50%{
			top:50%;
			transform:rotate(0deg);
		}
		100%{
			top:50%;
			transform:rotate(30deg);
		}
	}
	@keyframes nav_open_middle{
		0%{
			opacity:1;
		}
		50%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
	@keyframes nav_open_bottom{
		0%{
			top:100%;
			transform:rotate(0deg);
		}
		50%{
			top:50%;
			transform:rotate(0deg);
		}
		100%{
			top:50%;
			transform:rotate(-30deg);
		}
	}
	@keyframes nav_close_top{
		0%{
			top:50%;
			transform:rotate(30deg);
		}
		50%{
			top:50%;
			transform:rotate(0deg);
		}
		100%{
			top:0;
			transform:rotate(0deg);
		}
	}
	@keyframes nav_close_middle{
		0%{
			opacity:0;
		}
		50%{
			opacity:0;
		}
		100%{
			opacity:1;
		}
	}
	@keyframes nav_close_bottom{
		0%{
			top:50%;
			transform:rotate(-30deg);
		}
		50%{
			top:50%;
			transform:rotate(0deg);
		}
		100%{
			top:100%;
			transform:rotate(0deg);
		}
	}


	/*-------------------- footer --------------------*/
	.c_footer_link{
		grid-template-columns:1fr;
	}
	
	
	/*-------------------- main --------------------*/
	.company_main{
		padding-bottom:0;
	}
	.company_main.pd_n{
		padding-bottom:120px;
	}
	.company_main.contact{
		padding-bottom:120px;
	}
	
	/*-------------------- top --------------------*/
	.mobile {
        display: block;
    }

    .pc {
        display: none;
    }

    
    /*------------ top ------------*/
    .company_contents .company_contents_bg_1 {
/*         height: 2329px; */
        background-image: url('images/company/top_background_mobile1.png');
		background-size: contain;
        background-position: top center;
        /* padding-top: 471px; */
		position: relative;
		z-index: 2;
    }
/* 	.company_contents .company_contents_bg_1::before {
        content: "";
		background-image: url(images/company/top_background_1_1_fix.png);
        position: absolute;
        height: 873px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        z-index: 1;
    } */
    .company_contents .company_top_content {
		padding-left: 7.333vw;
        padding-right: 7.333vw;
        overflow: hidden;
    }
	.company_contents .company_top_content_1 {
        position: relative;
        z-index: 2;
    }
    .company_contents .company_top_content_1 h1 {
        margin-top: 0px;
        font-weight: bold;
        font-size: 29.333vw;
        font-family: 'RedHatDisplay-Bold';
        letter-spacing: -0.5px;
    }
    .company_contents .company_top_content .scroll_indicator {
        top: 58%;
        left: 325px;
        gap: 5px;
    }
    .company_contents .company_top_content_1 h5 {
		margin-top: 73.333vw;
        font-size: 4.8vw;
        line-height: 9.333vw;
        letter-spacing: 0.267vw;
    }
	.company_contents .company_top_content .company_top_row{
		margin-top:5.333vw;
	}
	.company_contents .company_top_content .company_top_content_p {
		width: 100%;
		margin: 0;
		position: relative;
        z-index: 20;
	}
    .company_contents .company_top_content p {
        font-size: 4.267vw;
        letter-spacing: 0.133vw;
        line-height: 9.067vw;
        margin: 0;
    }
    .company_contents .company_top_content_1 p {
        font-size: 2.667vw;
        letter-spacing: 1px;
        line-height: 1;
/*         margin: 17px 0 0 0; */
    }
	.company_contents .company_top_content .hyphen_company_top {
		width: 10px;
		height: 2px;
	}
	.company_contents .company_top_content .hyphen_company_top_left {
		margin-right: 0px;
	}
	.company_contents .company_top_content .hyphen_company_top_right {
		margin-left: 0px;
	}
	.company_contents .company_top_content_1 .scroll_indicators{
		margin-top:50px;
	}
    .company_contents .company_top_content .scroll_indicator span {
        font-size:11px;
    }
    .company_contents .company_top_content .scroll_indicator .dots {
        gap: 3px;
    }
    .company_contents .company_top_content .scroll_indicator .dot {
        width: 3px;
        height: 3px;
    }
    .company_contents .company_contents_bg_1_2 {
		margin-top: 21.333vw;
		margin-bottom:13.333vw;
    }
    .company_contents .company_contents_bg_2 {
        /* background-image: url("images/company/top_background_2_2.png"); */
		/* background-position: top; */
		position: relative;
		z-index: 2;
		overflow: visible;
    }
	.company_contents .company_contents_bg_2::before{
		content: "";
		position: absolute;
		top:-76.333vw;
		width: 100%;
		height: 133.333vw;
		background-image: url(images/company/top_background_mobile2.png);
/* 		background-image: url(images/company/top_background_2_2_fix.png); */
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		z-index: 1;
	}
    .company_contents .company_top_content_2 .content_head {
		position: relative;
        /* text-align: end; */
        padding-top: 0px;
        margin-bottom: 12.533vw;
    }
    .company_contents .company_top_content_2 h2 {
        font-size: 60px;
        line-height: 65px;
		letter-spacing:2px;
    }
    .company_contents .company_top_content_2 p {
        font-weight: bold;
        font-size: 27px;
        line-height: 1;
        position: relative;
        bottom: 0;
        right: 0;
		margin-top:15px;
		padding:0;
    }
    .company_contents .company_top_content_2 .container {
        margin-top: 0px;
        flex-direction: column-reverse;
		gap:2.133vw;
    }
    .company_contents .company_top_content_2 .block {
        position: relative;
        display: block;
        width: 100%;
        height: 58.667vw;
        border-radius: 70px 0 70px 0;
        color: white;
        text-decoration: none;
        margin-top:0;
    }
    .company_contents .vertical_lines {
		height:16vw;
		margin: 50px 0 135px;
    }
    .company_contents .company_top_content_2 .dot_line_italics {
        height: 0;
    }
    .company_contents .company_top_content_2 .dot_line_italics .dot_line_italic {
        bottom: 39px;
        left: 52%;
    }
    .company_contents .company_top_content_2 .vertical_title {
		top:8.533vw;
		right:8.533vw;
        font-size: 6vw;
    }
    .company_contents .company_top_content_2 .horizontal_title {
		left:4.8vw;
		bottom:4.8vw;
        font-size: 3.2vw;
    }
    .company_contents .company_top_content_2 .horizontal_title::before {
        width: 3.2vw;
        height: 3.2vw;
        margin-right:2.933vw;
    }
	.company_contents .company_top_content_2{
		padding-bottom:29.733vw;
	}
	.company_contents .company_top_content_2 .vertical_lines{
		margin:0 0 37.6vw;
	}
	.company_contents_bg_2 .dot_line_italics .dot_line_italic{
		bottom: 5.333vw;
        left: 40%;
        height: 16.4vw;
        width: 66.667vw;
	}

    .company_contents .company_contents_bg_3 {
		margin-top:18.133vw;
        padding-top:16.8vw;
    }
    .company_contents_bg_3 .content {
        width: 100%;
    }
    .company_contents_bg_3 .content_head h2 {
		font-size: 14.667vw;
        line-height: 13.6vw;
        flex-direction: column;
    }
    .company_contents_bg_3 .content_head .business_text::before {
        width: 10.667vw;
        height: 10.667vw;
        margin: 0 2.667vw 0 0;
    }
    .company_contents_bg_3 .content_head {
        top: -20.267vw;
    }
    .company_contents_bg_3 .content_wrapper {
        padding: 0;
        flex-direction: column;
    }
    .company_contents_bg_3 .title {
        font-size: 6vw;
        padding: 12.267vw 0 12.267vw 4vw;
        width: 100%;
    }
    .company_contents_bg_3 .content_link {
        flex-direction: column;
        justify-content: space-between;
		gap:8vw;
        padding: 7.2vw 0 4vw;
    }
    .company_contents_bg_3 .content_icon {
		width: 10.667vw;
        height: 10.667vw;
        margin-right: 5.333vw;
        font-size: 3vw;
    }
    .company_contents_bg_3 .content_name {
        font-size: 6.4vw;
        width: 100%;
    }
    .company_contents_bg_3 .view_more {
		gap:5.333vw;
        font-size: 3.6vw;
        width: 100%;
        justify-content: end;
		font-family: 'RedHatDisplay-Medium';
    }
    .company_contents_bg_3 .view_more_icon {
        width: 10vw;
        height: 2.4vw;
    }
    .company_contents .vertical_line {
		width:1.333vw;
        height: 16vw;
    }
    .company_contents .vertical_line .dot {
        width: 7px;
        height: 7px;
    }
    .company_contents .vertical_line .dotted_line {
        width: 5px;
        height: 64px;
        background-size: 6px 12px;
    }
	
    .company_contents .company_contents_bg_4 {
		margin-top:21.333vw;
		padding-top: 29.3333vw;
/* 		margin-top:80px;
		padding-bottom:48px;
		background-position:top;
        background-image: url("images/company/top_background_4_2_fix.png");
        height: auto; */
    }
	.company_contents .company_contents_bg_4:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-image:url("images/company/top_background_4_2_fix.png");
		background-size:cover;
		background-repeat:no-repeat;
		background-position:top;
		z-index:1;
	}

    /*-------slick------------*/
    .company_contents_bg_4 .slick_company {
		grid-template-columns:1fr;
		gap:0;
        padding:0 7.333vw;
    }
	.company_top_content_4 .slick_control {
        align-items: flex-end;
        flex-direction: column;
    }
	.company_top_content_4 .company_name{
		margin-bottom: 5.6vw;
        width: 100%;
	}
	.company_top_content_4 .slick_control .company_name {
		width: 100%;
	}
    .company_top_content_4 .slick_control h2 {
        font-size: 14.133vw;
        line-height: 13.867vw;
        flex-direction: column;
		letter-spacing:0.5px;
		white-space:nowrap;
    }
    .company_top_content_4 .slick_control span {
        font-size: 26px;
        padding-left: 4px;
		line-height:70px;
    }
	.company_top_content_4 .slick_arrow{
		gap:15px;
	}
	.company_top_content_4 .slick_arrow button{
		width:50px;
		height:50px;
	}
    .company_contents .company_top_content_4 {
		padding:11.467vw 0 12.8vw;
    }
	.company_contents .company_top_content_4:before{
		content:none;
	}
    .company_top_content_4 .all_view {
        width: 50%;
        margin:0;
        font-size: 3.6vw;
        padding: 0 0 4vw;
    }
    .company_top_content_4 .all_view::after {
        width: 12vw;
        height: 5.333vw;
        background-size: 4vw;
        border-radius: 5.333vw;
    }
	.company_top_content_4 .box p{
		font-size:4.667vw;
	}
	.company_top_content_4 .box::after{
		bottom: 6.667vw;
		right: 6.667vw;
		width: 7.067vw;
		height: 7.067vw;
	}
    .company_contents_bg_4 .container {
		grid-template-columns:1fr;
        padding-top: 10.4vw;
    }
	.company_top_content_4 .box{
		height:70.933vw;
		padding:6.9vw 7.467vw;
	}
    .company_contents_bg_4 .slick-item {
        height: 300px;
    }
	.company_contents_bg_4 .slick-item .slick_content {
        height: 100%;
    }
	.company_contents_bg_4 .slick-item .slick_content:before{
		top:15px;
		right:15px;
		width:30px;
		height:30px;
	}
	.company_contents_bg_4 .slick-item .img{
		height:240px;
	}
    .company_contents_bg_4 .content_area {
        height:auto;
        padding-top: 32px;
    }
    .company_contents_bg_4 .slick-prev {
        height: 50px;
        width: 50px;
        left: 0px;
        top: -50px;
    }
    .company_contents_bg_4 .slick-next {
        height: 50px;
        width: 50px;
        left: 74px;
        top: -50px;
    }
    .company_contents_bg_4 .slick-item p {
        height: 60px;
		font-size:13px;
		text-align: center;
    }
    .t_f16 {
        font-size: 13px !important;
    }

	.company_top_content_5::before{
        top: 28.333vw;
        left: 40.333vw;
        width: 66.667vw;
        height: 52vw;
	}
    .company_top_content_5 .content_head h2 {
        font-size: 12vw;
        line-height: 1;
        letter-spacing: 2px;
    }
    .company_top_content_5 .content_head h5 {
		margin-top:8vw;
        font-size: 6vw;
        line-height: 1;
        letter-spacing: 3px;
    }
    .company_top_content_5 .container {
        gap: 10px;
        padding-top: 16.533vw;
        flex-direction: column;
    }
	.company_top_content_5 {
        padding-bottom:16vw;
    }
    .company_top_content_5 .box {
        width: 100%;
        height: 70.933vw;
		padding:6.133vw 9.333vw;
    }
	.company_top_content_5 .box h5{
		font-size:6.667vw;
		line-height:12.333vw;
	}
	.company_top_content_5 .box::after{
		bottom: 6.667vw;
        right: 6.667vw;
        width: 7.067vw;
        height: 7.067vw;
	}
	.company_top_content_5 .box p{
		padding:0;
	}
    .company_top_content_5 .content_head::after {
        width: 250px;
        height: 0200px;
        top: -113px;
        right: -46px;
    }
	.company_contents .company_top_content_5 .vertical_lines{
		margin:12.8vw 0 20.533vw;
	}

	.company_top_links.philosophy{
		margin-top:120px;
	}
	.company_top_links.safety{
		margin-top:120px;
	}
	
	.company_top_links .box{
		height:200px;
	}
	.company_top_links .box .img{
		height:100%;
		margin:0;
	}
	.company_top_links .box .img img{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.company_top_links .box .text{
		justify-content:space-between;
		align-items:flex-start;
		top:20px;
		right:20px;
		bottom:20px;
		left:20px;
		width:auto;
		gap: 0;
		grid-template-columns: 1fr 60px;
		transform: none;
	}
	.company_top_links .box .text .title{
		flex-direction:column;
		align-items:flex-start;
		gap:20px;
	}
	.company_top_links .box .text .title .en{
		font-size:34px;
		line-height:42px;
	}
	.company_top_links .box .text .title .ja{
		font-size:15px;
		line-height:26px;
	}
	.company_top_links .box .text img{
		position:absolute;
		right:0;
		bottom:0;
		width:60px;
	}
	.company_top_links .box.right .text .title{
		flex-direction:column-reverse;
	}
	.company_top_links .contact{
		margin:0;
		border-top:2px solid #23231E;
	}
	.company_top_links .contact a{
        flex-direction: column;
		justify-content:flex-start;
        align-items: flex-start;
		width:auto;
		margin: 0;
		padding:0 20px;
		outline:none;
	}
	.company_top_links .contact a:before{
		top:auto;
		left:auto;
		right:20px;
		bottom:20px;
		width:60px;
		height:60px;
	}
	.company_top_links .contact a .en_title{
		margin-top:20px;
		font-size:35px;
		line-height:60px;
	}
	.company_top_links .contact a .title{
		padding:0;
		font-size:15px;
		line-height:26px;
	}
	
	/*-------------safety------------*/
	.company_contents .company_safety_content_1 {
    	margin: 0 20px;
	}
    .company_contents .company_safety_content_1 .content_head h1 {
        letter-spacing: 4px;
        font-size: 55px;
        line-height: 47px;
    }
    .company_contents .company_safety_content_1 .content_head p {
        font-size: 25px;
        letter-spacing: 6px;
    }
    .company_contents .company_safety_bg_1 {
        padding-top: 80px;
        background-position: center;
        height: auto;
    }
    .company_contents .company_safety_content_1 h2 {
		align-items:baseline;
        font-size: 25px;
		line-height:43px;
        letter-spacing: 3px;
        margin: 120px 0 30px 0;
    }
    .company_contents .company_safety_content_1 h2 span {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 28px;
        height: 40px;
        width: 40px;
        margin-right: 17px;
    }
    .company_contents .company_safety_content_1 .contents .content_1 h3 {
        font-size: 21px;
        padding: 10px 0;
        letter-spacing: 5px;
        margin: 40px 0 27px 0;
    }
    .company_contents .company_safety_content_1 .contents .content_1 p span {
        width: 25px;
        height: 25px;
        font-family: 'ZenOldMincho', serif;
        background-color: #0075c2;
        color: white;
        font-size: 13px;
        font-weight: bold;
        margin-right: 16px;
        padding: 0;
    }
    .company_contents .company_safety_content_1 .contents .content_1 p {
        font-size: 16px;
        font-weight: 200;
		line-height:34px;
        letter-spacing: 1.5px;
        justify-content: flex-start;
    }
    .company_contents .company_safety_content_1 .contents .content_2 p.line_1 {
        font-size: 21px;
        line-height: 45px;
    }
    .company_contents .company_safety_content_1 .contents .content_2 p {
        margin: 0 0 23px 0;
    }
    .company_contents .company_safety_content_1 .contents .content_3 .list {
        margin: 30px 0;
        font-size: 16px;
        line-height: 40px;
    }
    .company_contents .company_safety_content_1 .contents .content_3 .list li::before {
        width: 25px;
        height: 25px;
        margin-right: 16px;
    }
    .company_contents .company_safety_content_1 .contents .content_2 .sign_line {
        font-size: 15px;
    }
    .company_contents .company_safety_content_1 .contents .content_2 .sign_line_name {
        font-size: 22px;
        margin-left: 17px;
    }
    .company_contents .company_safety_content_1 .contents .content_1 img {
        margin-bottom: 23px;
    }
    .company_contents .company_safety_content_1 .contents .content_4 .custom-link {
        letter-spacing: 2px;
        font-size: 21px;
        padding: 22px 0;
    }
	
	/* =========philosophy================  */
	.mobile_none{
		display: none;
	}
	.sp_none{
		display: none;
	}
	.pc_none {
		display: block;
	}
	.philosophy-greeting-container{
		overflow:hidden;
		
		header img.sub{
			width:auto;
		}
		.sub_wrap{
			padding:0 20px;
		}
		.page_title{
			padding:120px 0 30px;
			background-color:#E62413;
		}
		.page_title img{
			height:100px;
		}
		.page_breadcrumb{
			padding-top:20px;
		}

		.philosophy-greeting-title {
			padding-top: 80px;
			background-position: bottom;
			background-repeat: no-repeat;
			background-size: cover;

			.mobile_none{
				display: none;
			}
			.pc_none {
				display: block;
				font-size: 35px;
				letter-spacing: 6px;
			}
			.head_philosophy-greeting-title {
				padding: 0 20px;
			}
			h2{
				font-size: 55px;
				font-weight: normal;
				line-height: 52px;
			}
			h3{
				font-size: 35px;
				width: fit-content;
				margin-top: 2px;
			}
			p{
				margin: 30px 0 70px;
				font-size:34px;
			}
		}

		.philosophy-box-img{
			display: flex;
			width: 100%;
			align-items: center;
			justify-content: space-between;
			position:relative;

		}
		.philosophy-box-img {
			width: 100%;
			background-position: center;
			border-bottom-right-radius: 10%;
			background-repeat: no-repeat;
	/* 		overflow: hidden; */
			background-size: cover;
			margin-top: 40px;
		}
		img.philosophy-banner{
			width:90%;
		}
		.circle-container .banner_red_blue_pc{
			display: none;
		}
		 .circle-container{
			position: absolute;
			width: 100%;
			right: -58%;
			top:0;
			 bottom:auto;
			transform: translateY(-20%);
			 margin:0;
			overflow: hidden;
			z-index: 1;

		} 
		.circle-container img{
			width: 100%;
			height: 318px;;
			display: block;
		}

		.philosophy-content-box{
			margin: 80px auto 0 auto;
			padding: 0 20px;
			
			p{
				font-size: 16px;
				line-height:36px;
			}
			.sign_line {
				text-align: right;
				font-size: 15px;
				font-weight: bold;
				margin-top: 55px;
			}
			.sign_line_name {
		        font-size: 22px;
		        margin-left: 17px;
			}
		}
		.p_flex{
			display: flex;
			justify-content: end;
			gap: 50px;
			margin-top: 80px;
			align-items: center;
		}

		.p_name_2{
			font-size: 35px !important;
			font-weight: bold;
		}
		.space-after{
			margin-right: 5px;
		}

	}

	.ofic_group{
		margin-top:0;

		header img.sub{
			width:auto;
		}
		.sub_wrap{
			padding:0 20px;
		}
		.page_title{
			padding:120px 0 30px;
			background-color:#E62413;
		}
		.page_title img{
			height:100px;
		}
		.page_breadcrumb{
			padding-top:20px;
		}

		header img.sub{
			width:auto;
		}
		.sub_wrap{
			padding:0 20px;
		}
		.page_title{
			padding:120px 0 30px;
			background-color:#E62413;
		}
		.page_title img{
			height:100px;
		}
		.page_breadcrumb{
			padding-top:20px;
		}

		h2{
			font-size: 30px;
			line-height: 45px;
			margin-top: 0;
		}

		.p_description_1{
			margin-top: 35px;
			font-size: 16px;
			line-height: 35px;
		}
		p{
			line-height: 40px;
		}
		.moderate-border{
			padding: 0 20px;
		}
		.moderate-border h3{
			padding-left:24px;
			font-size:30px;
			line-height:46px;
			border-left:6px solid #0075c1;
		}
		.moderate-border img{
			position: absolute;
			top: 0;
			width: 500px;
			left: -42%;
		}
		.moderate-border h2 br{
			display: none;
		}

		.info-box{
			padding: 0 20px;
		}
		.philosophy-content-box{
			margin-top: 90px;
			padding-bottom: 55px;

			h3{
				color: #0075C2;
				font-size: 42px;
				line-height:40px;
				letter-spacing: 3px;
			}
			.phi-subtitle{
				margin-top: 10px;
				color: #0075C2;
				font-size: 23px;
				line-height:30px;
				font-family: 'ZenOldMincho-Bold', Arial, sans-serif;
			}
			.phi-description_1{
				font-size: 18px;
				line-height: 35px;
			}
		}
		.purpose-value-content-box {
			margin-top: 35px;
			padding-bottom: 35px;
		}

		.purpose-value-content-box p {
			font-size: 17px;
			line-height:30px;
			margin-top: 10px;
		}

		.purpose-value-content-box h3 {
			font-size: 42px;
			line-height: 40px;
			letter-spacing: 3px;
		}

		.purpose-value-content-box::after {
			content: "";
			position: absolute;
			bottom: 0px; 
			left: 50%;
			transform: translateX(-50%);
			width: 0;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 15px solid #0075C2; 
		}
		.p_grid_2{
			grid-template-columns: repeat(1, 1fr);
		}
		.purpose-value-content-box .purpose-value-description{
			text-align: center;
			margin-top: 10px;
		}


		/* CONTACT BUTTON */
		.contact-button{
			display: none;
		}
		.contact-button-mb {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin-top: 100px;
			border-top: 2px black solid;
			padding: 30px 20px;

		}

		.circle-mb {
			width: 60px;
			height: 60px;
			border-radius: 50%;
			background-color: black;
			display: flex;
			justify-content: center;
			align-self: flex-end;
			align-items: center;
		}

		.arrow-mb {
			color: white;
			font-size: 24px;
		}
		.text-container-mb {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.contact-mb {
			font-size: 35px;
			font-weight: bold;
			font-family: 'RedHatDisplay-Bold';
			letter-spacing: 2px;
			color: #333;
			margin: 0;
		}

		.japanese-mb {
			font-size: 17px;
			font-weight: bold;
			margin: 0;
			font-family: "ryo-gothic-plusn", sans-serif;
			letter-spacing: 3px;
		}


		/* cirle button */
		.circle-button {
			display: none;
		}
    
    
    }
	
	.ofic_group_title{
		margin-bottom:80px;

		h2{
			font-size:55px;
			line-height:70px;
		}
		p{
			margin-top:34px;
			font-size:34px;
			line-height:58px;
		}
	}
	
	/*------------------overview-----------------*/
	.overview,
	.ofic_box {
        .img_banner {
            width: 100%;
            display: flex;
            position: relative;
            flex-direction: column;
            padding-top: 80px;
            height: 530px;
            overflow-x: hidden;
            background-size: contain;
            background-position: top;

            .overview_title {
                max-width: 750px;
                width: max-content;
                font-family: 'RedHatDisplay-SemiBold';
                font-size: 126px;
                line-height: 81.9px;
                /* background-color: #FACBCC; */
                margin: 0 auto;
            }
        
            .overview_title h2 {
/*                 max-width: 550px; */
                padding: 0;
                text-align: center;
                font-size: 55px;
                line-height: 47px;
            }

            .img_banner_content {
				width: 100%;

                .tower_img {
                    height: 292px;
                    width: 80%;
                    border-radius: 0 0 67px 0;
                    background-position: 50% 36%;
                    background-size: 150%;
                }

                h3 {
                    font-family: 'ZenOldMincho-Bold';
                    font-size: 35px;
                    writing-mode: vertical-rl;
                    letter-spacing: 15px;
                    margin: 0 30px;
                }

                .red_circle {
                    width: 150px;
                    height: 150px;
                    position: absolute;
					left: 54%;
                    top: 223px;
                    border-radius: 100%;
                    background: linear-gradient(-45deg, #B3000F, #E60012);

                }

                .gray_circle {
                    width: 55px;
                    height: 55px;
                    overflow: hidden;
                    position: absolute;
                    left: 94%;
                    top: 210px;
                    border-radius: 100%;
                    background: linear-gradient(-45deg, #657689, #8696A6);
                }
            }
        }

        .company_info {
            margin: 0;
            padding: 50px 20px 30px 20px;

            .company_wapper {
                margin: 0 auto;

                h3 {
                    position: relative;
                    height: 63px;
                    align-content: center;
                    font-size: 23px;
                    line-height: 18pt;
                    font-weight: normal;
                    border-bottom: 1px solid #657689;


                    .blue_stroke {
                        position: absolute;
                        width: 20px;
                        top: 62px;
                        border-bottom: 3pt solid #0060A0;
                    }

                    .red_stroke {
                        position: absolute;
                        width: 20px;
                        top: 62px;
                        left: 20px;
                        border-bottom: 3pt solid #B3000F;
                    }

                    .gray_stroke {
                        position: absolute;
                        width: 20px;
                        top: 62px;
                        left: 40px;
                        border-bottom: 3pt solid #657689;
                    }
                }

                .company_document {
                    margin-top: 0;

                    .info_box {
                        font-family: 'kozminpro-medium';
                        padding: 0;
                        flex-wrap: nowrap;
                        display: flex;
                        flex-direction: column;
                        font-size: 18pt;
                        border-bottom: 1px solid #DFE3E3;
                        padding: 40px 0;
                        line-height: 40px;

                        h4 {
                            font-weight: 400;
                            font-size: 16px;
                        }

                        p {
                            margin-top: 0;
                            font-size: 16px;
                        }
                    }

                    .map_info {
                        margin: 30px 0 50px 0;


                        img {
                            margin-top: 0;
                            height: 35px;
                        }
                    }
                }



                .ofic_title {
                    max-width: 100%;
                    margin-top: 30px;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    align-items: center;
                    font-size: 16pt;
                    line-height: 37pt;
                    letter-spacing: 2px;
                    padding: 0;


                    img {
						margin-top: 30px;

                    }
					p{
						font-size: 16px;
                        line-height: 38px;
					}
                }

                .document_box {
                    font-size: 38px;
                    line-height: 82px;
                    margin-top: 30px;
                    display: flex;
                    flex-direction: column;
                    gap: 20px;

                    p {
                        border-bottom: 2px dashed #8696A6;
                        font-size: 20px;

                    }

                    span {
                        font-size: 16px;
                        line-height: 38px;
                    }

                }

                .character_content {
                    display: flex;
                    flex-direction: column;
					gap:48px;
                    max-width: 100%;
                    margin-top: 40px;

                    img {
                        padding: 0 34px;
                    }

                    .character_text {
                        font-size: 21px;
                        line-height: 54pt;

                        .character_title {
                            border-bottom: 2px dashed #8696A6;
                            justify-content: center;

                            .character_subtitle {
                                font-size: 35px;
                            }
                            .furigana {
                                font-size: 12px;
                                height: 0px;
                            }
                        }

                        .character_document {
                            font-size: 16pt;
                            line-height: 2;
                            font-weight: 700;
                            padding: 0;
                            border-bottom: 2px dashed #8696A6;

                            p {
								grid-template-columns:180px 1fr;
                                margin: 10px 0;
                            }

                            .label {
                                font-weight: bold;
                                color: black;
                                font-size: 16px;
                            }

                            .value {
                                color: #007acc;
                                font-size: 16px;
                            }
                        }
                    }
                }

                .btn_profile {
                    background-color: #F3F7F7;
                    min-height: 220px;
                    display: flex;
                    flex-direction: column;
                    border-radius: 268px;
                    justify-content: center;
                    align-items: center;
                    gap: 0;
                    padding: 62px 40px 79px 40px;

                    h4 {
                        font-size: 20px;
                    }

                    p {
                        font-size: 16px;
                        line-height: 31px;
                    }
                }
                .btn_tv_title {
                    font-size: 20px;
                }
                .btn_page {
                    flex-direction: column;
                    padding-top: 0;
                    margin: 50px 0;
					
					img{
                        width: 100%;
                    }
                }

                .btn_contact {
                    padding: 100px 0 0 0;

                    img{
                        width: 100%;
                    }
                }
            }
        }

        .sp_none {
            display: none;
        }
        .pc_none {
            display: block;
        }



        .btn_wapper {
            font-family: 'kozminpro-medium';
            margin: 0px 0 10px 0;
            padding: 0;



            .btn_box {
                width: 100%;
                cursor: pointer;

                .box_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 20px 0;

                    span {
                        font-size: 20px;
                        line-height: 28pt;
                        letter-spacing: 5px;
                        padding-left: 20px;

                    }

                    .icon_plus {
                        width: 30px;
                        height: 30px;
                        color: #657689;
                        font-weight: 600;
                        padding-right: 20px;

                    }

                }

                .box_content {
                    width: 100%;
					padding:20px 0px;
                    font-size: 16pt;
                    line-height: 34pt;
                    letter-spacing: 2px;
/*                     display: flex;
                    flex-direction: column;
                    gap: 2px; */

                    .box_subtitle {
						margin: 0 20px 2px;
						padding: 14px 20px;
						font-size: 16px;
						line-height: 26px;
                        color: #fff;
                        background-color: #8696A6;
                    }
                    a {
                        padding: 0 20px;
                    }
                    .box_item {
                        display: flex;
                        flex-direction: column;
                        background-color: #F8FAFA;
						margin-bottom:2px;
						padding: 0 20px;
						align-items: flex-start;

                        .txt_underline {
                            text-decoration: underline;
                        }

                        .box_year {
							min-width:140px;
							min-height:45px;
                            padding: 0;
                            flex-direction: row;
                            gap: 10px;
                            font-size: 14px;
                        }

                        .w_min_100 {
                            min-width: 100%;
                        }

                        .bg_gray {
							flex-direction:column;
							gap:5px;
                            background-color: #595757;
                            font-size: 14px;
							line-height:26px;
                            padding: 10px 20px;
                        }

                        .box_text {
                            border-bottom: 1px dashed #8696A6;
                            padding: 20px 0 20px 0;
                            display: flex;
                            flex-grow: 1;
                            flex-direction: column;
                            line-height: 2.5;
                            font-size: 16px;
							line-height:30px;
							width: 100%;

                            u {
                                display: inline;
                                color: #0075C2;
                                text-decoration: underline;
                                line-height: 1;
                            }
                        }
                    }
					.container{
						padding:0 20px;
						
						&.col2{
							grid-template-columns:1fr;
						}
						ul{
							li{
								font-size:16px;
								line-height:30px;
							}
							&.lg{
								li{
									font-size:23px;
									line-height:46px;
								}
							}
						}
					}
                }


            }



        }
    }
	/* =================================================================  */
	/* ===================all_activity-container>=======================  */
	/* =================================================================  */

	.all_activity_container{
		
		.m-t_96{
			margin-top: 48px;
		}
		.m-t_160{
			margin-top: 120px;
		}
		.bg-head-content{
			height: 132px;
			background-position: center;
			background-size: cover;
		}
		.activity_big_title{
			padding: 0 20px;
			h2{
				font-size: 25px;
				line-height: 43px;
				letter-spacing: 5px;
			}
			.sp_pd{
				width: 40px;
				height: 40px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.p_04{
				font-weight: bold;
				font-size: 16px;
				line-height: 20px;
				letter-spacing: 1px;
				font-family:'RedHatDisplay-SemiBold';
			}

		}
		.activity_item{
			padding: 0 20px;
			.mobile-only br{
				display: block;
			}
			.activity_title{
				h3 {
					font-size: 25px;
					border-left: 8px solid #1575BC;
					padding-left: 20px;
					letter-spacing: 4px;
					font-family: 'ZenOldMincho-Bold';
					line-height: 43px;
				}
			}
			.activity_content {
				margin-top: 40px;
				p{
					font-size: 16px;
					line-height: 34px;
					letter-spacing: 2px;
					font-family: 'kozminpro-medium';
				}
			}
			.activity_img {
				margin-top: 25px;
				flex-direction: column;
				gap: 16px;

				img{
					width: 100%;
					height: auto;
					object-fit: contain;

				}
			}
		}
		/* =================================================================  */
		/* ===============all_activity-container>BTN-TOP====================  */
		/* =================================================================  */

		.btn-top{
			margin-top: 65px;
			display: flex;
			justify-content: center;
			padding-bottom: 100px;

		}
	}


	/* =================================================================  */
	/* ==========all_activity-container>CONTACT-BUTTON-MB===============  */
	/* =================================================================  */

	.contact-button_all_pc{
		display: none !important;
	}
	.contact-button-mb{
		display: flex !important;
		flex-direction: column;
		padding: 70px 40px 0 40px;
		.circle-mb {
			width: 60px;
			height: 60px;
			border-radius: 50%;
			background-color: black;
			display: flex;
			justify-content: center;
			align-self: flex-end;
			align-items: center;


			img{
				width: 45%;
			}
		}

		.arrow-mb {
			color: white;
			font-size: 12px;
		}
		.text-container-mb {
			display: flex;
			flex-direction: column;
		}

		.contact-mb {
			font-family:'RedHatDisplay-Bold';
			font-size: 35px;
			font-weight: bold;
			margin: 0;
			letter-spacing: 4px;
		}

		.japanese-mb {
			font-family: "ryo-gothic-plusn", sans-serif;
			font-size: 15px;
			letter-spacing: 6px;
			line-height: 30px;
			font-weight: bold;;
			margin: 0;
		}
	}
	/*-------------------steel-----------------*/
    .company_contents .company_steel_bg_1 {
        padding-top: 40px;
/* 		background-image:none; */
    }
    .company_contents .company_steel_bg_1 .company_steel_content_1 {
        padding: 80px 0 25px 0;
    }
    .company_contents .company_steel_bg_1 .company_steel_content_1 .content_head h1 {
        font-size: 35px;
        letter-spacing: 5px;
    }
    .company_contents .company_steel_bg_1 .company_steel_content_1 .content_head p {
        margin: 25px 0 0 0;
    }
    .company_contents .company_steel_bg_1 .company_steel_content_1 .content_head .contents p {
		margin-top:40px;
        font-size: 16px;
        line-height: 35px;
		padding: 0 20px;
    }
    .company_contents .company_steel_content_2 {
           padding: 0 20px;
    }
	.company_contents .company_steel_content_2 .container_title_boxs {
        margin-top: 30px;
    }
	.company_contents .company_steel_content_2 .container_title_boxs .container_title_box{
		padding:10px 0;
	}
    .company_contents .company_steel_content_2 .container_title_boxs .container_title_box .title_jp {
        font-size: 16px;
    }
    .company_contents .company_steel_content_2 .container_title_boxs .container_title_box .title_en {
		margin:5px 0 0;
        font-size: 14px;
    }
    .company_contents .company_steel_content_2 .container_title_boxs_1 {
        justify-content: flex-start;
        margin-top: 40px;
        flex-direction: column;
        align-items: flex-start;
    }
    .company_contents .company_steel_content_2 .container_title_boxs_1 .title_before {
        width: 150px;
        height: 33px;
        font-size: 14px;
    }
    .company_contents .company_steel_content_2 .container_title_boxs_1 .title_behide {
        font-size: 10px;
    }
	
/* 	.company_steel_content_2 map #map1{
		position: absolute;
        top: 84.3%;
        right: 20px;
        width: 22.4%;
        height: 11.8%;
	}
	.company_steel_content_2 map #map2{
		position: absolute;
        top: 14%;
        left: 20px;
        width: 21%;
        height: 14.8%;
	}
	.company_steel_content_2 map #map3{
		position: absolute;
        top: 53.7%;
        right: 20px;
        width: 20.8%;
        height: 13.8%;
	}
	.company_steel_content_2 map #map4{
		position: absolute;
        top: 42.7%;
        right: 20px;
        width: 20.6%;
        height: 10.3%;
	}
	.company_steel_content_2 map #map5{
		position: absolute;
        top: 88.3%;
        left: 20px;
        width: 20.8%;
        height: 11.6%;
	}
	.company_steel_content_2 map #map6{
        position: absolute;
        top: 40.5%;
        left: 20px;
        width: 21%;
        height: 25.2%;
	}
	.company_steel_content_2 map #map7{
		position: absolute;
        top: 69.2%;
        left: 20px;
        width: 21%;
        height: 8.8%;
	}
	.company_steel_content_2 map #map8{
		position: absolute;
        top: 78.7%;
        left: 20px;
        width: 21%;
        height: 8.8%;
	}
	.company_steel_content_2 map #map9{
		position: absolute;
        top: 68.2%;
        right: 20px;
        width: 20.6%;
        height: 15.4%;
	}
	.company_steel_content_2 map #map10{
		position: absolute;
        top: 14.1%;
        left: 39.7%;
        width: 20.8%;
        height: 13.9%;
	}
	.company_steel_content_2 map #map11{
		position: absolute;
        top: 29.5%;
        left: 20px;
        width: 20.8%;
        height: 10.3%;
	} */
	
	#map_steel map #map1{
		position: absolute;
        top: 84.3%;
        right: 20px;
        width: 22.4%;
        height: 11.8%;
	}
	#map_steel map #map2{
		position: absolute;
        top: 14%;
        left: 20px;
        width: 21%;
        height: 14.8%;
	}
	#map_steel map #map3{
		position: absolute;
        top: 53.7%;
        right: 20px;
        width: 20.8%;
        height: 13.8%;
	}
	#map_steel map #map4{
		position: absolute;
        top: 42.7%;
        right: 20px;
        width: 20.6%;
        height: 10.3%;
	}
	#map_steel map #map5{
		position: absolute;
        top: 88.3%;
        left: 20px;
        width: 20.8%;
        height: 11.6%;
	}
	#map_steel map #map6{
        position: absolute;
        top: 40.5%;
        left: 20px;
        width: 21%;
        height: 25.2%;
	}
	#map_steel map #map7{
		position: absolute;
        top: 69.2%;
        left: 20px;
        width: 21%;
        height: 8.8%;
	}
	#map_steel map #map8{
		position: absolute;
        top: 78.7%;
        left: 20px;
        width: 21%;
        height: 8.8%;
	}
	#map_steel map #map9{
		position: absolute;
        top: 68.2%;
        right: 20px;
        width: 20.6%;
        height: 15.4%;
	}
	#map_steel map #map10{
		position: absolute;
        top: 14.1%;
        left: 39.7%;
        width: 20.8%;
        height: 13.9%;
	}
	#map_steel map #map11{
		position: absolute;
        top: 29.5%;
        left: 20px;
        width: 20.8%;
        height: 10.3%;
	}
	
	/*---------- 表面改質事業 ----------*/
	#map_sm map #map1{
		position: absolute;
        top: 14.2%;
        left: 20px;
        width: 20.7%;
        height: 2%;
	}
	#map_sm map #map2{
		position: absolute;
        top: 17%;
        left: 20px;
        width: 20.7%;
        height: 2%;
	}
	#map_sm map #map3{
		position: absolute;
        top: 19.6%;
        left: 20px;
        width: 20.7%;
        height: 2%;
	}
	#map_sm map #map4{
		position: absolute;
        top: 22.2%;
        left: 20px;
        width: 20.7%;
        height: 2%;
	}
	#map_sm map #map5{
		position: absolute;
        top: 27.2%;
        left: 20px;
        width: 20.8%;
        height: 20.8%;
	}
	#map_sm map #map6{
		position: absolute;
        top: 48.7%;
        left: 20px;
        width: 20.8%;
        height: 5.4%;
	}
	#map_sm map #map7{
		position: absolute;
        top: 54.8%;
        left: 20px;
        width: 20.8%;
        height: 5.4%;
	}
	#map_sm map #map8{
		position: absolute;
        top: 83%;
        left: 20px;
        width: 20.8%;
        height: 10.6%;
	}
	#map_sm map #map9{
		position: absolute;
        top: 94.6%;
        left: 20px;
        width: 20.8%;
        height: 5.4%;
	}
	#map_sm map #map10{
		position: absolute;
        top: 12.2%;
        left: 32.5%;
        width: 20.7%;
        height: 8.6%;
	}
	#map_sm map #map11{
		position: absolute;
        top: 23.2%;
        left: 32.5%;
        width: 26.8%;
        height: 2%;
	}
	#map_sm map #map12{
		position: absolute;
        top: 26%;
        left: 32.5%;
        width: 26.8%;
        height: 2%;
	}
	#map_sm map #map13{
		position: absolute;
        top: 83%;
        left: 44.8%;
        width: 24.2%;
        height: 8.5%;
	}
	#map_sm map #map14{
		position: absolute;
        top: 41.6%;
        right: 20px;
        width: 20.8%;
        height: 5.4%;
	}
	#map_sm map #map15{
		position: absolute;
        top: 47.8%;
        right: 20px;
        width: 20.8%;
        height: 11%;
	}
	#map_sm map #map16{
		position: absolute;
        top: 59.6%;
        right: 20px;
        width: 20.8%;
        height: 14.6%;
	}
	#map_sm map #map17{
		position: absolute;
        top: 74.8%;
        right: 20px;
        width: 20.8%;
        height: 8.6%;
	}
	
	.company_contents .company_steel_content_3 {
        margin: 0 20px;
		padding-top:80px;
    }
    .company_contents .company_steel_content_3 .section {
        margin: 0 0 35px 0;
    }
	.company_contents .tech_cen_content_3 .tech_cen_content_section {
		margin: 60px 0 40px 0;
	}
	.company_contents .company_steel_content_3 .line_container{
		margin-top:20px;
	}
    .company_contents .company_steel_content_3 .section h3 {
        font-size: 23px;
    }
	.company_contents .company_steel_bg_3 {
        padding-top: 18px;
		padding-bottom:25px;
    }
	
	/*---------------ofic group -----------------*/
	.ofic_box {
        .banner_title1 {
            max-width: 100vw;
            height: 100px;
            background-size: cover;
            background-image: url("images/company/ofic_group/banner_head_title_1.png");
        }
        .oficgroup_wapper {
            margin: 130px auto 70px auto;
            font-family: 'RedHatDisplay-SemiBold';
            display: flex;
            flex-direction: column;
    
            .ofic_title {
                padding: 0 20px;
                display: flex;
                gap: 20px;
                justify-content: left;
                flex-wrap: wrap;
    
    
                h2 {
                    font-size: 110px;
                    line-height: 73px;
                    letter-spacing: 8px;
                }
    
                p {
                    font-size: 68px;
                    line-height: 73px;
                    letter-spacing: 8px;
                }
            }
    
            .ofic_content {
                padding: 70px 20px 0 20px;
                display: flex;
    
                h3 {
                    width: 25%;
                    font-family: 'ZenOldMincho-Bold';
                    writing-mode: vertical-rl;
                    font-size: 34px;
                    line-height: 55px;
                    letter-spacing: 16px;
                    align-content: end;
                }
    
                p {
                    width: 75%;
                    font-family: 'kozminpro-medium';
                    font-size: 16px;
                    line-height: 34px;
                    letter-spacing: 5px;
                    display: flex;
                    flex-direction: column;
                }
            }
    
            img {
                width: 100%;
                padding-top: 55px;
            }
        }
    }

    .ofic_map {
        max-width: 1920px;
        max-height: 1940px;
        padding: 25px 20px 110px 20px;
        margin-top: 60px;
        margin-bottom: 40px;
        background-image: url('images/company/ofic_group/bg_map.png');
        display: flex;
        justify-content: center;

        .map_img {
            max-width: 1100px;

            img {
                width: 100%;
            }
        }

    }
    .btn_1{
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;

        img{
            width: 100%;
        }
    }
	.company_info {
			padding: 90px 20px 0 20px;
		}
    .contact_wapper {
        max-width: 750px;
        margin: 0 20px 40px;
        font-family: 'kozminpro-medium';

        .contact_subtitle {
            padding: 36px 0;
            display: flex;
            font-size: 16px;
            line-height: 34px;
            letter-spacing: 2px;
            border-bottom: 2px dashed #657689;

            span {
                min-width: 30%;
            }
        }

        .contact_table {
            width: 100%;
            display: flex;
            flex-direction: column;
            font-size: 16px;
            line-height: 34px;
            letter-spacing: 2px;
            padding: 32px 0 28px 0;

            .tb_box {
                display: flex;

                .tb_title {
                    min-width: 30%;
                }
            }
        }

        .map_info {
            margin-bottom: 72px;
            img{
                width:70%;
                max-width: 330px;
            }
            .map_img {
                margin-top: 30px;
                margin-bottom: 95px;
                width: 100%;
            }
        }

        .tb_box {
            font-family: 'kozminpro-medium';
            padding: 30px 0 30px 0;
            flex-wrap: nowrap;
            display: flex;
            flex-direction: column;
            font-size: 16px;
            line-height: 35px;
            letter-spacing: 4px;
            border-bottom: 1px solid #DFE3E3;
            gap: 30px;

            h4{
                font-weight: 400;
            }

            p {
                min-width: 20%;
            }
        }
    }

    .group_company {
        max-width: 100vw;
		margin-top:0;
		padding: 0;

        .group_title {
            display: flex;
            flex-direction: column;
/* 			padding: 78px 20px 0 20px; */
			padding: 0px 20px 0 20px;
            font-family: 'ZenOldMincho-Bold';
            font-size: 20px;
            line-height: 55px;
            letter-spacing: 8px;
            color: #0075C2;
/*             padding-bottom: 95px; */

            .title_content {
                display: flex;
                flex-direction: column;

                .title {
                    display: flex;
                    align-items: center;
                    gap: 15px;
					padding-bottom:0px;

                    .blue_stroke {
                        width: 20px;
                        height: 20px;
                        border-radius: 100%;
                        background-color: #0075C2;
                    }
                }
				.company_branch{
					display:block;
				}

                h4 {
                    font-size: 30px;
                    line-height: 50px;
                    letter-spacing: 8px;
                    color: #000;
/*                     padding: 30px 0 0 0; */
                }

                p {
                    font-size: 12px;
/*                     line-height: 50px; */
                    letter-spacing: 4px;
                }
            }

            img {
                margin-top: 45px;
                width: 100%;
				max-width:none;
                object-fit: contain;
				align-self:normal;
            }

        }


        .group_content {
            display: flex;
            flex-direction: column;
            gap: 2px;
            padding-bottom: 160px;

            h3 {
                font-family: 'kozminpro-medium';
                font-size: 22px;
                line-height: 28px;
                letter-spacing: 5px;
                font-weight: 500;
                padding: 20px;
                background-color: #F3F7F7;
            }

            p {
				font-family: 'kozminpro-medium';
                font-size: 16px;
                line-height: 34px;
                letter-spacing: 5px;
                padding: 20px;
                background-color: #F3F7F7;
            }

        }

        .group_content_2 {
            font-family: 'ZenOldMincho-Bold';
            display: flex;
            flex-direction: column;
            font-size: 22px;
            line-height: 28px;
            letter-spacing: 5px;
            gap: 2px;

            h3 {
                font-size: 22pt;
                line-height: 28pt;
                font-weight: 500;
                padding: 20px 40px;
                background-color: #F3F7F7;
            }

            .content_2_box {
                display: flex;
                flex-direction: column;
                gap: 4.17vw;
                padding-bottom: 80px;
                max-width: 100%;
                padding: 0 20px;

                h4 {
                    font-size: 20px;
                    line-height: 34px;
                    letter-spacing: 8px;
                    background-color: #8190A0;
                    color: #fff;
                    padding: 10px 30px;
                    width: 100%;
                    max-height: max-content;
                    margin-top: 30px;
					box-sizing: border-box;
                }

                .box_content {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-items: end;

                    .box_2 {
						display: flex;
                        padding: 10px 0;
                        color: #23231E;
                        border-bottom: 1px solid #DFE3E3;
                        /* gap: 10px; */
                        justify-content: space-between;
						flex-direction: column;

                        h5 {
                            display: block;
                            font-size: 16px;
                            line-height: 30px;
                            letter-spacing: 4px;
                            max-width: 220px;
                            width: 100%;
                            word-wrap: break-word;
                        }

                        p {
                            font-size: 16px;
                            line-height: 30px;
                            letter-spacing: 4px;
                            max-width: 256px;
                            text-align: right;
                            word-wrap: break-word;
                        }

                        span {
                            font-size: 16px;
                            line-height: 30px;
                            letter-spacing: 4px;
                            width: 20%;
                            text-align: right;
                            min-width: max-content;
                        }
                    }
                }
            }


        }

        .btn_b1 {
            display: flex;
            justify-content: center;
            min-width: max-content;
        }


    }


    .mb_48 {
        margin-bottom: 48px;
    }
    .mt_20{
        margin-top: 20px;
    }
    .mb_45{
        margin-bottom: 45px !important;
    }
	.p_mb_0 {
		padding: 0 !important;
	}
	.m_t_mb_120 {
		margin-top: 120px;
	}
	.company_info .company_wapper .btn_contact img {
		width: 100%;
		padding-bottom: 20px;
	}
	
	
	
	/*-------------------- ofic-group --------------------*/
	.company_wrap{
		padding-right:20px;
		padding-left:20px;
	}
	.group_mv{
		padding-top:80px;
		padding-bottom:70px;
	}
	.group_mv .title{
		margin-bottom:70px;
	}
	.group_mv .title h1{
		flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
        font-size: 55px;
        line-height: 54px;
        letter-spacing: 1px;
	}
	.group_mv .title h1 span{
		font-size:63px;
		line-height:73px;
	}
	.group_mv .container{
		grid-template-columns:71px 1fr;
		gap:55px 28px;
	}
	.group_mv .container h2{
		grid-row:1;
		font-size:34px;
		letter-spacing:10px;
	}
	.group_mv .container p{
		font-size:16px;
		line-height:34px;
	}
	.group_mv .container img{
		grid-column:1/3;
		grid-row:2;
		width:100%;
	}

	.group_local{
		margin-bottom:140px;
	}
	.group_headline{
		margin: 45px 0;
	}
	.group_headline h2{
		padding:0 0 22px;
		font-size:23px;
		line-height:24px;
	}
	.group_local_map{
		padding-top:24px;
		padding-bottom:29px;
	}
	.group_local_container{
		display:grid;
		gap:8px;
		margin-top:32px;
		padding:0 27px;
	}
	.group_local_container .box{
		display:grid;
		gap:18px;
		padding:18px;
		border:2px solid #8696a6;
		border-radius:8px;
	}
	.group_local_container .box dl{
		margin:0;
	}
	.group_local_container .box dl dt{
		margin: 0 0 10px;
		padding-left:21px;
		background-color:inherit;
		background-position:center left;
		background-repeat:no-repeat;
		background-size:16px;
	}
	
	.group_local_container .box dl dt.red{
		background-image:url('images/company/cursor_red_icon.png');
	}
	.group_local_container .box dl dt.yellow{
		background-image:url('images/company/cursor_yellow_icon.png');
	}
	.group_local_container .box dl dt.blue{
		background-image:url('images/company/cursor_blue_icon.png');
	}
	.group_local_container .box dl dt.green{
		background-image:url('images/company/cursor_green_icon.png');
	}
	.group_local_container .box dl dt a{
		font-family:'kozminpro-medium';
		font-size:16px;
		text-decoration:underline;
		color:#0075c1;
	}
	.a_style_none {
		text-decoration: none !important;
		color: #23231e !important;
	}
	.group_local_container .box dl dd{
		margin:0;
		font-family:'kozminpro-medium';
		font-size:14px;
		line-height:20px;
	}
	.group_company_container{
		gap:120px;
		margin-bottom:120px;
	}
	.group_company_column .profile{
		grid-template-columns:1fr;
		margin-bottom:36px;
	}
	.group_company_column .profile .box{
		height:140px;
		padding:20px;
	}
	.group_company_column .profile .box h3{
		font-size:18px;
		line-height:21px;
	}
	.group_company_column .profile .box a{
		bottom:20px;
		right:20px;
		width:243px;
		font-size:12px;
		background-size:16px;
	}
	.group_company_column .profile .img{
		height:auto;
	}
	.group_company_column .company{
		gap:77px;
	}
	.group_company_column .company .box h4{
		margin-bottom:35px;
		padding:5px 0 10px 14px;
		font-size:19px;
		line-height:28px;
		border-left:6px solid #23231e;
	}
	.group_company_column .company .box dl{
		grid-template-columns:100px 1fr;
		gap:5px 0;
	}
	.group_company_column .company .box dl dt{
		font-size:16px;
		line-height:34px;
	}
	.group_company_column .company .box dl dd{
		font-size:16px;
		line-height:34px;
	}
	.group_company_column .company .box .access{
		margin-top:24px;
	}
	.group_company_column .company .box .access a{
		width:180px;
		padding:8px 44px 8px 24px;
		font-size:14px;
		background-size:16px;
	}
	.group_company_column .company .box .access img{
		display:none;
	}
	
	/*-------------------- sustainability_environment --------------------*/
    .company_contents .company_steel_bg_1 .sus_envir_1 .content_head h1 {
        font-size: 44px;
		letter-spacing:2px;
    }
	.company_contents .sus_envir_1 {
        margin: 0 20px;
    }
    .company_contents .company_steel_bg_1 .sus_envir_1 .content_head .contents .content_head_1 {
        font-size: 35px;
        letter-spacing: 10px;
        line-height: 0px;
    }
    .company_contents .company_steel_bg_1 .sus_envir_1 .content_head .contents .content_head_2 {
        font-size: 15px;
        margin-top: 32px;
    }
    .company_contents .sus_envir_1 h2 {
		flex-direction:column;
		align-items:flex-start;
        font-size: 30px;
        letter-spacing: 5px;
        margin: 80px 0 30px 0;
        padding-left: 30px;
    }
	.company_contents .sus_envir_1 h2 .sm{
		font-size:19px;
	}
    .company_contents .sus_envir_1 .contents .content_1 p {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 35px;
        margin: 0;
        padding: 0;
    }
    .company_contents .sus_envir_1 .contents .content_2 p {
        font-size: 20px;
        letter-spacing: 4px;
        line-height: 50px;
        margin: 60px 0 25px 0;
    }
    .company_contents .sus_envir_1 .contents .content_3 p {
        align-items: flex-start;
    }
    .company_contents .sus_envir_1 .contents .content_3 p span {
        min-width: 25px;
        height: 25px;
        font-size: 13px;
        margin-right: 10px;
        margin-top: 10px;
    }
    .company_contents .sus_envir_1 .contents .content_1 .dotted_separator {
        margin: 15px 0 15px 0;
    }
	.company_contents .sus_envir_1 .contents .content_1 .table_container .vertical_text {
		min-width:20px;
	}
	.company_contents .sus_envir_1 .contents .content_1 th, td {
		padding: 2vw;
		font-size: 2vw;
	}
    .company_contents .sus_envir_1 h3 {
        font-size: 19px;
        margin: 45px 0 20px 0;
        padding-left: 25px;
    }
    .company_contents .links .link_box_4s {
        justify-content: center;
        margin-top: 80px;
    }
	
	/*-------------------- kansai --------------------*/
    .kansai_wapper {
        max-width: 1100px;
        margin: 0 20px;

    }
	
	.kansai_group_company {
/* 		padding: 0 20px; */
	}

    .kansai_wapper .kansai_title_black {
        font-family: "ryo-gothic-plusn", sans-serif;
        color: #fff;
        background-color: #000;
        font-size: 17px;
        line-height: 30px;
        letter-spacing: 6px;
        text-align: center;
        padding: 15px 0;
    }

    .kansai_wapper .kansai_title_gray {
        font-family: "ryo-gothic-plusn", sans-serif;
        color: #fff;
        background-color: #8696A6;
        font-size: 17px;
        line-height: 30px;
        letter-spacing: 6px;
        text-align: center;
        padding: 15px 0;
    }

    .kansai_wapper .kansai_btn_img {
        padding-top: 15px;
        padding-bottom: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-bottom: 2px dashed #8696A6;
        gap: 0px;

        img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }
    }

    .kansai_wapper .kansai_3img_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        margin-top: 24px;
        margin-bottom: 125px;

    }

    .kansai_wapper .kansai_3img_content .content {
        text-align: center;
        display: flex;
        flex-direction: row;
        gap: 12px;
		align-items: flex-start;

        img {
            width: 50%;
            height: auto;
            object-fit: contain;
        }

        p {
            flex: 1;
            text-align: start;
            margin: 0;
        }
    }

    .kansai_wapper .kansai_img_tb_box {
        margin: 55px auto;
        border-bottom: 2px solid #8696A6;
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .kansai_wapper .kansai_img_tb_box .img_box {
        padding-bottom: 22px;
        max-width: 100%;

        img {
            width: 100%;
            height: auto;
            object-fit: contain;

        }
    }

    .kansai_wapper .kansai_img_tb_box .content {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding-bottom: 43px;

        .content_box {
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding-bottom: 22px;
            margin-bottom: 22px;
            border-bottom: 1px dashed #8696A6;

            span {
                width: 100%;
                font-family: 'kozminpro-medium';
                font-size: 16px;
                line-height: 30px;
                letter-spacing: 3px;
            }

            .box_title {
                width: 100%;
                max-width: 162px;
                height: max-content;
                background-color: #DFE3E3;
                text-align: center;
            }
        }

        .content_box_1 {
            display: flex;
            flex-direction: column;
            gap: 20px;
            font-family: 'kozminpro-medium';

            span {
                font-family: 'kozminpro-medium';
                font-size: 16px;
                line-height: 30px;
                letter-spacing: 3px;
            }

            .box_title {
                width: 50%;
                height: max-content;
                background-color: #DFE3E3;
                text-align: center;
            }
        }
    }

    .kansai_wapper .contact_table {
        width: 100%;
        display: flex;
        flex-direction: column;
        font-size: 16px;
        line-height: 34px;
        letter-spacing: 4px;
        text-align: justify;
    }
    .kansai_wapper .kansai_tb_content {
        padding-bottom: 25px;
        display: flex;
        align-items: start;
    
    
        span {
            font-family: 'kozminpro-medium';
            font-weight: 400;
            font-size: 16px;
            line-height: 34px;
            letter-spacing: 4px;
            white-space: normal;
            width: 65%;
        }
    
        .title {
            width: 35%;
            max-width: 200px;
        }
    }
    .kansai_wapper .map_info {
        margin-top: 30px;


        .map_img {
            margin: 30px 0;
            width: 100%;
        }
        a {
            text-decoration: none;
            color: #000;

        }

        .btn_map_link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 10px 10px 25px;
            max-width: 220px;
            border: 1px solid #000;
            border-radius: 100px;

            span {
                font-family: "ryo-gothic-plusn", sans-serif;
                font-size: 14px;
                line-height: 25px;
                letter-spacing: 3px;

                img {
                    width: 16px;
                    height: 16px;
                }

            }
        }
    }

    .mt_13 {
        margin-top: 13px !important;
    }

    .mb_0 {
        margin-bottom: 0 !important;
    }
    .sp_none {
        display: none !important;
    }

    /*-------------------- Sub Button (Contact vs Top) --------------------*/
    .sub_btn_content {
        max-width: 1100px;
        padding-top: 65px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .sub_btn_content .btn_top {
        display: flex;
        justify-content: center;
    }

    .sub_btn_content .btn_contact img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
	/*-------------------- contact --------------------*/
    .company_contents .contact_1 {
        padding: 0 20px;
    }
	.company_contents .contact_1 .content_head h1 {
        font-size: 55px;
        line-height: 80px;
        letter-spacing: 4px;
        margin: 0;
    }
    .company_contents .contact_1 .content_head p {
        font-weight: bold;
        font-family: 'ZenOldMincho', serif;
        font-size: 22px;
        letter-spacing: 7px;
        line-height: 24px;
        margin-top: 0;
    }
    .company_contents .contact_1 .content_head {
		padding: 0 0 80px 0;
        position: relative;
        height: auto;
        gap: 17px;
        align-items: flex-start;
        flex-direction: column;
    }
    .company_contents .contact_1 .content_head::after {
        height: 70px;
        width: 118px;
        top: 32%;
        right: 0;
    }
    .company_contents .links .link_box_5 {
        height: 70px;
        border-radius: 35px;
        font-size: 17px;
        line-height: 29px;
		padding:0;
        padding-left: 40px;
        margin: 15px 0;
        width: auto;
    }

	/*-------------------- general-inquiries --------------------*/
	.company_contents .contact_2 h2 {
		font-size: 39px;
		letter-spacing: 8px;
		line-height: 36px;
	}
	.company_contents .contact_2 p {
		margin-top: 40px;
	}
	.company_contents .contact_2 .contact_form_title {
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
		margin-bottom: 20px;
	}
	.company_contents .contact_2 {
        line-height: 35px;
        margin-bottom: 90px;
		padding: 0 20px;
	}
	.company_contents .contact_2 .checkbox_group {
		grid-template-columns: repeat(1, auto);
		gap: 15px;
	}
	.company_contents .contact_2 .contact_form_text {
		margin-top: 50px;
	}
	
	/* ================================================================ */
	/* ===================*SURFACE-MODIFICATION*======================= */
	/* ================================================================ */

	.title-head{
		letter-spacing: 16px;
	}
	.surface-div-item-4{
		display: flex;
		margin-top: 40px;
		flex-wrap: wrap;
		width: 100%;
		flex-direction: column;
		gap: 60px;
		justify-content: space-between;
		.surface-item{
			display: flex;
			flex-direction: column;
			width: 100%;
			img{
				width: 100%;
				height: auto;
			}
			.surface-item-title{
				margin-top: 24px;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-direction: column;
				.surface_pc_none{
					display: flex !important;
				}

				h3{
					margin: 0;
					font-size: 32px;
					font-family:'ZenOldMincho-Bold';
					letter-spacing: 8px;
				}

				.surface-item-desctiption{
					width: 100%;
					display: flex;
					flex-direction: column;
					border-left: 8px solid #0075C1;
					padding-left: 30px;
					p{
						font-size: 16px;
						line-height: 22px;
						letter-spacing: 1.2px;
						margin: 0 ;  
						padding: 0;
					}
					.surface-view-btn{
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 90%;

						.surface_mb_none{
							display: none !important;
						}
					}


				}
				.surface-item-view{
					margin-top: 32px;
					display: flex;
					align-items: center;
					align-self: flex-end;
					gap: 10px;
					p{
						font-size: 16px;
						font-family:'RedHatDisplay-SemiBold';
						line-height: 22px;
						letter-spacing: 1.2px;

					}
					img{
						width: 50px;
						height: 30px;
					}
				}
			}

		}

	}
	.mb-none{
		display: none;
	}
	.pc-none{
		display: block;
	}
	.surface-service-title{
		max-width: 1100px;
		margin: 120px 20px 0 20px;
		span{
			color: #0075C1;
			font-size: 18px;
		}
		h3{
			font-family:'kozminpro-medium';
			font-size: 16px;
			line-height: 30px;
			letter-spacing: 2.5px;
			font-weight: normal;
		}
		.surface-service-banner{
			display: flex;
			align-items: flex-start;
			background-image: url("images/company/surface-banner-service-mb.png");
			background-repeat: no-repeat;
			background-size: cover;
			justify-content: flex-start;
			border-top-left-radius: 50px;
			border-bottom-right-radius: 50px;
			width: 100%;
			height: 160px;
			flex-direction: column;
			br{
				display: block;
			}
			h3{
				font-size: 33px;
				line-height: 40px;
				letter-spacing: 3px;
				font-family:'RedHatDisplay-Bold';
				color: #fff;
				padding-left: 30px;
				margin: 20px 0 0 0;
			}
			.surface-service-description{
				display: flex;
				align-items: center;
				width: 100%;
				justify-content: space-between;
				padding-right: 0px;
				gap: 0px;
				margin-top: 10px;
				p{
					color: #fff;
					font-family: "ryo-gothic-plusn", sans-serif;
					font-size: 22px;
					line-height: 15px;
					letter-spacing: 6px;
					padding-left: 30px;
					padding-right: 80px;
				}
				.span-none-mb{
					display: none;
				}
				.span-none-pc{
					display: block;
					margin-top: 0px;
					font-size: 15px;
					line-height: 25px;
					letter-spacing: 6px;
				}
				img{
					margin-top: 0px;
					padding-right: 20px;
					width: 30px;
					height: 30px;
				}
			}
		 }
	}
	.surface_map_img{
		width: 100%;
	}

	.surface_container{
		display: block;
		.surface_container_container{
			padding: 0 20px;
			margin-top: 32px;
			img{
				width: 100%;
			}
		}
	}

	.bg-modification-partner{
		background-color: white;
		padding: 0px;

		.partner-wrapper{
			width: 100%;
			margin: 0 auto;
			background: #fff;
			display: flex;
			flex-direction: column;

			.section {
				position: relative;
				max-width: 1100px;
				margin: 20px;
			}

			 .section h3 {
				font-family: 'kozminpro-medium';
				font-size: 23px;
				letter-spacing: 5px;
				margin: 120px 0 0 0;
			}

			 .line_container {
				position: relative;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 25px;
			}

			 .line {
				width: 100%;
				height: 1px;
				background-color: #72726f;
			}

			 .rectangles {
				display: flex;
				position: absolute;
				left: 0;
			}

			 .rectangle {
				width: 20px;
				height: 5px;
			}

			.blue { background-color: #0075c2; }
			.red { background-color: #e60012; }
			.gray { background-color: #595757; }
			.company_contents .company_steel_bg_3 {
				background-image: url("images/company/steel_background_4.png");
				background-size: cover;
				background-position: center;
				padding-top: 100px;
				padding-bottom:240px;
			}

			.partner-container{
				.flex-wrapper{
					display: block;
					margin: 20px;
					padding-bottom: 120px;
				}
				h3{
					font-size: 26px;
					line-height: 28px;
					letter-spacing: 4px;
					font-family: "ryo-gothic-plusn", sans-serif;
					border-bottom: 2px solid;
				}
				span{
					color: #0075C1;
					font-size: 16px;
				}
				p{
					font-size: 16px;
					line-height: 34px;
					letter-spacing: 2px;
					font-family: 'kozminpro-medium';
				}
			}
		}

	}
	.company_pb{
		padding-bottom: 0;
	}

	/*-------------------- amagasaki --------------------*/
    .mt_0 {
        margin-top: 0 !important;
    }

    .company_contents .company_steel_content_2 .point_md_line {
        width: 100%;
        margin-top: 32px;
        margin-bottom: 32px;
		
		img {
			content: url('images/company/amagasaki_point_md_line_1.png');
		}
    }

    .kansai_wapper .kansai_btn_img2 {
        padding-top: 33px;
        padding-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 2px dashed #8696A6;
        gap: 10px;

        img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }
    }

    .kansai_wapper .kansai_3img_content2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-bottom: 1px solid #8696A6;
        margin-top: 24px;
        padding-bottom: 72px;
        justify-content: space-between;
        gap: 8px;

    }

    .kansai_wapper .kansai_img_tb_box .content {
        .kansai_content_box {
            flex-direction: column;
        }
    }
    .kansai_wapper .kansai_img_tb_box .content {
        .kansai_content_box_1 {
            flex-direction: column;
        }
    }
    .kansai_wapper .kansai_img_tb_box .content {
        & .kansai_content_box {
            .box_title {
                width: 100%;
            }
        }
    }
    .kansai_wapper .kansai_img_tb_box .content {
        & .kansai_content_box_1 {
            .box_title {
                width: 100%;
            }
        }
    }
    .company_contents .sub_btn_content .links {
        width: 100%;
    }
    .kansai_wapper .kansai_3img_content2 .content {
        text-align: center;
        display: flex;
        width: 100%;
        gap: 15px;
        flex-direction: row;
        align-items: flex-start;

        img {
            width: 50%;
            max-width: 312px;
            height: auto;
            object-fit: contain;
        }

        p {
            flex: 1;
            width: 50%;
            font-family: "ryo-gothic-plusn", sans-serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 28px;
            text-align: start;
            margin: 0;
        }
    }

    .company_top_content .amagasaki_title_gray {
        font-family: "ryo-gothic-plusn", sans-serif;
        color: #fff;
        background-color: #8696A6;
        font-size: 17px;
        line-height: 30px;
        letter-spacing: 6px;
        text-align: center;
        padding: 15px 0;
        margin-top: 20px;
    }

    .pb_tb_content {
        padding-bottom: 50px;
    }
	
	/* =================================================================  */
	/* ===========/* SURFACE MODIFICATION-AMAGASAKI ====================  */
	/* =================================================================  */
    .pd_20{
        padding: 0 20px;
    }
    .table-wrapper{
		margin-top:0px;
        padding: 0 20px;
        .flex-table-col2{
            flex-direction: column;
            padding: 0 20px;
            .flex-col-1{
                width: 100%;
                height: 75px;
                box-sizing: border-box;
                p{
                    font-size: 16px;
					line-height: 16px;
                }
            }
        }
    }
    .surface_amagasaki_wapper {
        padding: 0 20px;
        .map_info {
            .btn_map_link {
                width: 220px;
            }
        }
        .map_img{
            display: none;
        }
    }
    .surface_amagasaki_wapper .surface_amagasaki_tb_content{
        align-items: flex-start;

        .surface_amagasaki-span-content {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .br_amagasaki{
            display: block;
        }
        .title{
            width: 20%;
            min-width: 135px;
        }
        span {
            /* width: 100%; */
            font-family: 'kozminpro-medium';
            font-weight: 400;
            font-size: 16px;
            line-height: 30px;
            letter-spacing: 2px;
        }
    }

    .border_left-section{
        border-left: 8px solid #23231E;
        padding: 0 0 0 16px;    
        border-bottom: 2px solid #23231E;
        font-size: 19px !important;
    }

    .surface-owned-equipment {
        padding: 0 20px;
        .surface-eq-title {
            font-size: 19px;
            line-height: 28px;
            letter-spacing: 2px;
            font-family: 'kozminpro-medium';
            border-left: 8px solid #23231E;
            border-bottom: 2px solid #23231E;
            padding: 5px 0 5px 16px;
        }
        
        .surface-eq-wrapper {
            & .surface-equitment-p {
                br{
                    display: block;
                }
                .surface-p-̃70 {
                    width: calc(65% - 30px);
                }
                .surface-p-̃30 {
                    width: 35%;
                    text-align: center;
                }
                p {
                    font-size: 14px;
                    line-height: 20px;
                    letter-spacing: 2px;
                    font-family: 'kozminpro-medium';
                }
            }
        }
    }
    .surface-owned-equipment {
		& .surface-eq-wrapper {
			& .surface-equitment-p {
				.surface-flex {
					width: 40%;
				}
			}
		}
	}
	.surface-owned-equipment {
		& .surface-eq-wrapper {
			& .surface-equitment-p {
				& .surface-flex {
					p {
						text-align: center;
					}
				}
			}
		}
	}
    .surface-owned-equipment {
        .surface-owned-equipment-title {
            .surface-title-h3_1 {
                width: calc(70% - 30px);
                text-align: center;
                background-color: #DFE3E3;
                padding: 10px;
                font-family: 'kozminpro-medium';
            }
            .surface-title-h3_2 {
                width: 30%;
                text-align: center;
                background-color: #DFE3E3;
                padding: 10px;
                font-family: 'kozminpro-medium';
            }
        }
        .srf_h {
            font-size: 14px;
            line-height: 14px;
            letter-spacing: 3px;
            font-weight: normal;
        }
        .surface-owned-equipment-content-title {
            h3 {
                letter-spacing: 10px;
                font-size: 14px;
            }
        }
    }






    /*-------------------- Sub Button (Contact vs Top) --------------------*/

    .links{
        margin: 0 !important;
    }
    .sub_btn_content {
        padding-top: 65px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 0;

    }

    .sub_btn_content .btn_top {
        display: flex;
        justify-content: center;
        a{
            display: flex;
            justify-content: space-around;
            background-color: #000;
            width: 225px;
            height: 30px;
            box-sizing: border-box;
            border-radius: 100px;
            padding: 10px 10px 10px 20px;
            align-items: center;
            p{
                font-size: 14px;
                color: white;
                font-family: "ryo-gothic-plusn", sans-serif;
                line-height: 30px;
                letter-spacing: 2px;
            }
            img{
                width: 15px;
                height: 15px;
            }
        }
    }

    .sub_btn_content .btn_contact img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }



    .pc_none {
        display: none !important;
    }
    .sp_none {
        display: block;
    }





    /*  */
    .senboku_br{
        display: block;
    }
	
	    /*-------------------- kashima --------------------*/
    .kansai_wapper .kansai_img_tb_box .img_box .kashima_box {
        width: 40px;
        min-width: 40px;
        height: 40px;
        background-color: #0075C1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'RedHatDisplay-SemiBold';
        font-size: 20px;
        line-height: 107px;
    }

    .mb_10 {
        margin-bottom: 18px;
    }
	.company_steel_content_2 map[name="map_kashima"] #map1 {
		top: 72%;
        left: 5%;
        width: 19%;
        height: 13%;
	}
	.company_steel_content_2 map[name="map_kashima"] #map2 {
		top: 72%;
        left: 28%;
        width: 19%;
        height: 13%;
	}
	.company_steel_content_2 map[name="map_kashima"] #map3 {
		top: 72%;
        right: 5%;
        width: 19%;
        height: 13%;
	}

	/*-------------------- naoetsu --------------------*/
	.company_steel_content_2 map[name="map_naoetsu"] #naoetsu_map1 {
		position: absolute;
		top: 38%;
		left: 5%;
		width: 20%;
		height: 20%;
	}
		.company_steel_content_2 map[name="map_naoetsu"] #naoetsu_map2 {
		position: absolute;
        top: 62%;
        right: 5%;
        width: 20%;
        height: 20%;
	}
	.company_steel_content_2 map[name="map_naoetsu_1"] #naoetsu_map1 {
		position: absolute;
		top: 37%;
		left: 5%;
		width: 20%;
		height: 26%;
	}
	.company_steel_content_2 map[name="map_naoetsu_1"] #naoetsu_map2 {
		position: absolute;
		top: 37%;
		right: 5%;
		width: 20%;
		height: 26%;
	}
	
	/*-------------------- wakayama --------------------*/
	.company_steel_content_2 map[name="map_wakayama"] #wakayama_map1 {
		position: absolute;
        top: 62%;
        left: 5%;
        width: 20%;
        height: 12%;
	}
	.company_steel_content_2 map[name="map_wakayama"] #wakayama_map2 {
		position: absolute;
        top: 62%;
        left: 28%;
        width: 20%;
        height: 12%;
	}
	.company_steel_content_2 map[name="map_wakayama"] #wakayama_map3 {
		position: absolute;
        top: 62%;
        right: 28%;
        width: 20%;
        height: 12%;
	}
	.company_steel_content_2 map[name="map_wakayama"] #wakayama_map4 {
		position: absolute;
        top: 62%;
        right: 5%;
        width: 20%;
        height: 12%;
	}
	.company_steel_content_2 map[name="map_wakayama"] #wakayama_map5 {
		position: absolute;
        top: 75%;
        right: 28%;
        width: 20%;
        height: 12%;
	}
	
	/*-------------------- chiba --------------------*/
    .company_steel_content_2 map[name="map_chiba_1"] #chiba_map1 {
        position: absolute;
        top: 50%;
        right: 15%;
        width: 42%;
        height: 24%;
    }
    .company_steel_content_2 map[name="map_chiba_1"] #chiba_map2 {
        position: absolute;
        top: 75%;
        right: 15%;
        width: 41%;
        height: 25%;
    }
    .company_steel_content_2 map[name="map_chiba_22"] #chiba_map2_1 {
        position: absolute;
        top: 42%;
        right: 3%;
        width: 20%;
        height: 12%;
    }
    .company_steel_content_2 map[name="map_chiba_22"] #chiba_map2_2 {
        position: absolute;
        top: 77%;
        left: 3%;
        width: 34%;
        height: 23%;
    }
    .company_steel_content_2 map[name="map_chiba_3"] #chiba_map31 {
        position: absolute;
        top: 50%;
        left: 1%;
        width: 49%;
        height: 49%;
    }
    .company_steel_content_2 map[name="map_chiba_3"] #chiba_map32 {
        position: absolute;
        top: 52%;
        right: 1%;
        width: 49%;
        height: 47%;
    }
    .company_steel_content_2 map[name="map_chiba_4"] #chiba_map41 {
        position: absolute;
        top: 63%;
        right: 3%;
        width: 59%;
        height: 36%;
    }
	
	/*-------------------- chita --------------------*/
    .chita_wapper {
        max-width: 1100px;
        margin-top: 128px;
    }
	
	.company_tab_container{
		display:flex;
		gap:8px;
		height:63px;
		margin:0 20px;
		border-bottom:3px solid #0075c2;
/* 		overflow:auto; */
	}
	.company_tab_container .simplebar-scrollbar{
		background-color:#e60013 !important;
		border-radius:5px;
	}
	.company_tab_container .simplebar-track{
		background-color:#f3f7f7;
	}
	.simplebar-content{
		display:flex;
	}
	.simplebar-track.simplebar-horizontal{
		height:3px !important;
	}

	/*---------- scrollbar ----------*/
	.company_tab_container::-webkit-scrollbar{
		width:3px;
		height:3px;
	}
	.company_tab_container::-webkit-scrollbar-track{
		background:#ffffff;
	}
	.company_tab_container::-webkit-scrollbar-thumb{
		background:#e60013;
		/*box-shadow:inset 0 0 0 1px #cccccc;*/
	}

	.company_tab_row{
		display:flex;
		gap:8px;
		border:none;
	}
	.company_tab_box{
		height:60px;
		padding:0 20px;
		font-size:15px;
		line-height:21px;
		border-top-left-radius:8px;
		border-top-right-radius:8px;
		white-space:nowrap;
	}

	.chita_tabs_bar {
		flex-direction: row;
		gap: 0;
		overflow-x: auto;
		margin: 0 20px;
	}
    .chita_tabs {
        display: flex;
        border-bottom: 4px solid #0075C2;
        gap: 10px;
        white-space: nowrap;
        scrollbar-width: none;
		overflow-x: unset;
    }
	.p_r_mb_10 {
		padding-right: 10px;
	}
    .chita_tabs .tab {
        display: flex;
        flex: 1;
        background: #F3F7F7;
        cursor: pointer;
        border-radius: 10px 10px 0 0;
        outline: none;
        border: none;
        text-align: center;
        font-family: 'kozminpro-medium';
        color: #23231E;
        font-weight: 500;
        font-size: 15px;
        line-height: 21px;
        letter-spacing: 1px;
        padding: 20px;
        justify-content: space-around;
        align-items: center;

    }

    .chita_tabs .pd_chita {
        padding: 20px 40px;
        white-space: nowrap;
    }

    .chita_tabs .chita_active {
        background: #0075C2;
        color: #fff;
    }

    /* .chita_content {
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
	} */

    .chita_content .chita_content-section {
        display: none;
    }

    .chita_content .chita_active {
        display: block;
    }

    .chita_content .chita_title {
        border-left: 8px solid #0075C2;
        font-family: 'ZenOldMincho-Bold';
        font-size: 30px;
        line-height: 65px;
        letter-spacing: 4px;
        margin: 95px 20px 0;

        p {
            padding-left: 25px;
        }
    }

    .pt_40 {
        padding-top: 40px;
    }

    .pb_160_border_b {
		padding-bottom: 70px;
        border-bottom: 2px solid #8696A6;
    }

    .f-description {
        flex-direction: column;
    }
    .mt_120 {
        margin: 120px 0 0 0;
    }
    /*--------- Contact Button Edit ----------*/
    .link_box_5 {
        display: flex;
        border-top: 1px solid #000;
        margin-top: 120px;
        padding: 40px 25px 25px 25px;
        justify-content: space-between;
        text-decoration: none;
    }
    .link_box_5 .contact_title{
        

        h4{
            font-family: 'RedHatDisplay-Bold';
            font-size: 35px;
            line-height: 60px;
            letter-spacing: 3px;
            color: #23231E;
            margin: 0;
        }
        p{
            font-family: "ryo-gothic-plusn", sans-serif;
            font-size: 15px;
            line-height: 25px;
            letter-spacing: 5px;
            color: #23231E;
            font-weight: 700;
        }
    }

    .link_box_5 .contact_btn{
        align-self: end;

        img{
            width: 60px;
            height: 60px;
        }
    }
    .company_steel_content_2 map[name="map_chita_1"] #chita_map1 {
        position: absolute;
        top: 39%;
        left: 16%;
        width: 22%;
        height: 14%;
    }
    .company_steel_content_2 map[name="map_chita_1"] #chita_map2 {
        position: absolute;
        top: 39%;
        right: 28%;
        width: 23%;
        height: 14%;
    }
    .company_steel_content_2 map[name="map_chita_1"] #chita_map3 {
        position: absolute;
        top: 39%;
        right: 3%;
        width: 23%;
        height: 14%;
    }
    .company_steel_content_2 map[name="map_chita_1"] #chita_map4 {
        position: absolute;
        top: 70%;
        left: 3%;
        width: 23%;
        height: 14%;
    }
    .company_steel_content_2 map[name="map_chita_1"] #chita_map5 {
        position: absolute;
        top: 56%;
        left: 28%;
        width: 23%;
        height: 14%;
    }
    .company_steel_content_2 map[name="map_chita_1"] #chita_map6 {
        position: absolute;
        top: 56%;
        right: 25%;
        width: 22%;
        height: 14%;
    }
    .company_steel_content_2 map[name="map_chita_1"] #chita_map7 {
        position: absolute;
        top: 55%;
        left: 4%;
        width: 22%;
        height: 15%;
    }
	
	/*------------------------hirima--------------------*/
    .company_steel_content_2 map[name="map_harima_1"] #harima_map1 {
        top: 42%;
        right: 19%;
        width: 34%;
        height: 27%;
    }
    .company_steel_content_2 map[name="map_harima_1"] #harima_map2 {
        top: 73%;
        left: 4%;
        width: 23%;
        height: 27%;
    }
	
	/* =================================================================  */
	/* =============/* SURFACE MODIFICATION-SENBOKU ====================  */
	/* =================================================================  */
    .surface_senboku_span {
        align-self: normal;
        margin-left: 5px;
    }
    .senboku_br{
        display: block;
    }
    .senboku_mb_none{
        display: none;
    }
    .senboku_pc_none{
        display: block;
    }
	
	/* =================================================================  */
	/* =============/* SURFACE MODIFICATION-OMIGAWA ====================  */
	/* =================================================================  */
    .table-wrapper {
        .table-wrapper-title{
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            h3{
                font-size: 16px;
                line-height: 30px;
                letter-spacing: 2px;
            }
        }
        & .flex-table-col2 {
            & .flex-col-1 {
                img {
                    width: 22px;
                    height: 22px;
                }
            }
        }
    }
	
	/* =================================================================  */
	/* =============/* SURFACE MODIFICATION-WAKAYAMA ====================  */
	/* =================================================================  */


    .surface-owned-equipment {
        .surface-owned-equipment-title {
            .surface-title-h3_1 {
                width: calc(70% - 30px);
                text-align: center;
                background-color: #DFE3E3;
                padding: 10px;
                font-family: 'kozminpro-medium';
            }
            .surface-title-h3_2 {
                width: 35%;
                text-align: center;
                background-color: #DFE3E3;
                padding: 10px;
                font-family: 'kozminpro-medium';
            }
        }
        .srf_h {
            font-size: 14px;
            line-height: 14px;
            letter-spacing: 3px;
            font-weight: normal;
        }
        .surface-owned-equipment-content-title {
            h3 {
                letter-spacing: 10px;
                font-size: 14px;
            }
        }
    }
	
	/* ===============================================================  */
	/* ========surface-modification-sales-office======================  */
	/* ===============================================================  */


	.surface-sales_mb_none{
		display: none;
	}

	.table-wrapper-sales-office{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin: 90px auto 0 auto;
		padding: 0 20px;
		gap: 10px;
		
		&.col2-col3{
			grid-template-columns:1fr;
			
			.sales-office-item:nth-child(1),
			.sales-office-item:nth-child(2),
			.sales-office-item:nth-child(3),
			.sales-office-item:nth-child(4),
			.sales-office-item:nth-child(5){
				grid-column:1;
			}
		}
		.sales-office-item{
			width: 100%;
			height: 90px;
			border-top-left-radius: 50px;
			border-bottom-right-radius: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			background-color: #F4F5F5;
			p{
				color: #8696A6;
				font-size: 21px;
				line-height: 60px;
				letter-spacing: 8;
				font-family:'ZenOldMincho-Bold';
			}
		}
		sales-office-item:nth-child(-n+2) {
			width: 100%;
		}

		sales-office-item:nth-child(n+3) {
			width: 100%;
		}
		.sales-office-item:hover{
			background-color: #0075C2;
			p{
				color: #ffffff;
			}
		}
	}

	.surface-sales_office_title{
		max-width: 1100px;
		margin: 96px auto 0 auto;
		padding: 0 20px;
		h2{
			font-size: 30px;
			line-height: 60px;
			letter-spacing: 10px;
			font-family:'ZenOldMincho-Bold';
			padding-left: 30px;
			border-left: 8px solid #0075C2;
		}
	}
	.mt-70{
		margin-top: 70px !important;
	}
	.mt-80{
		margin-top: 60px !important;
	}

	.surface-sales_office_title_2{
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 20px;
		h4{
			font-family:'kozminpro-medium';
			font-size: 19px;
			letter-spacing: 5px;
			line-height: 23px;
			border-left: 8px solid #23231E;
			padding: 6px 20px;
			margin: 0 0 30px 0;
			border-bottom: 1px solid #23231E ;
		}
	}

	.surface-sales_button_wrapper{
		position: fixed;
		top: 50%;
		right: 18%;
		z-index: 100;
		.surface-sales_button_blue {
			margin-top: 24px;
			bottom: 100px; 
			right: 20px; 
		}
		.surface-sales_button_red a,
		.surface-sales_button_blue a {
		img{
			width: 160px;
			height: 160px;
			object-fit: contain;
		}
	}
	}
	.mt-240{
		margin-top: 120px;
	}
	.mt-30{
		margin-top: 30px;
	}
	.mt-96{
		margin-top: 96px;
	}
	.surface_border_b_line{
		border-bottom: 1px dashed #23231E;
	}
	.mb-290{
		margin-bottom: 80px !important;
	}
	.sub_btn_content{
		padding-bottom: 120px;
	}
	.surface_amagasaki_wapper .surface_amagasaki_tb_content{
		span{
			letter-spacing: 4px ;
		}
	}
	.surface-sales_office_title_2 .surface_sales_title {
		flex-direction: column;
		gap: 10px;
	}
	.surface-sales_office_title_2 .surface_sales_title span {
		width: 100%;
		box-sizing: border-box;
	}

	/* ===============================================================  */
	/* ========surface-modification-technology-center=================  */
	/* ===============================================================  */

	.surface-technology_center_desctiption{
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 20px;
		p{
			font-family:'kozminpro-medium';
			font-size: 16px;
			line-height: 34px;
			letter-spacing: 3px;
		}
	}
	.mt-120{
		margin-top: 120px !important;
	}

	.surface-technology_center-btn{
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 20px;
		.btn_tech_center{
			width: 100%;
			height: 209px;
			display: flex;
			justify-content: center;
			flex-direction: column;
		}
		.btn_tech_title{
			width: 100%;
			height: 50%;
			background-color: #23231E;
			border-top-left-radius: 50px;
			display: flex;
			align-items: center;
			p{
				color: #ffffff;
				font-size: 25px;
				line-height: 40px;
				letter-spacing: 10px;
				padding-left: 50px;
			}
		}
		.btn_tech_viewmore{
			width: 100%;
			height: 50%;
			display: flex;
			justify-content: flex-end;
			padding-right: 50px;
			box-sizing: border-box;
			background-color: #DFE3E3;
			gap: 30px;
			align-items: center;
			border-bottom-right-radius: 50px;
			img{
				width: 60px;
				height: 60px;
			}
			p{
				font-size: 16px;
				line-height: 22px;
				letter-spacing: 2px;
				font-family:'kozminpro-medium';
			}
		}

		.surface-technology_center-content{
			margin-top: 60px;
			
			p{
				font-family:'kozminpro-medium';
				font-size: 16px;
				line-height: 34px;
				letter-spacing: 2px;

			}

			.surface-technology_center-p_outline{
				font-size: 22px;
				letter-spacing: 4px;
				line-height: 28px;
				border-bottom: 1px dashed #23231E;
				padding-bottom: 10px;
			}
		}
		.tech_p_description{
			margin-top: 50px;
			
			p{
				font-family:'kozminpro-medium';
				font-size: 16px;
				line-height: 34px;
				letter-spacing: 3px;
			}
		}
	}
	.pt-90{
		margin-top: 90px;
	}
	.mt-center-30{
		margin-top: 30px;
	}
	.surface-technology_center-btn {
		& .surface_tech_cen_content {
			.surface-technology_center-p_outline {
				border-bottom: none;
				margin-bottom: 0;
			}
		}
	}
	.surface-technology_center-btn {
		.surface_tech_cen_content {
			margin-top: 10px;
			margin-bottom: 40px;
		}
	}
	.surface-technology_center-btn {
		.tech_p_description_fit {
			margin-top: 0px;
			margin-bottom: 40px;
		}
	}
	.surface-technology_center-btn {
		.surface_tech_cen_content_fit {
			margin-top: 40px;
			margin-bottom: 40px;
		}
	}
	.surface-technology_center-btn {
		& .surface_tech_cen_content_fit {
			.surface-technology_center-p_outline {
				border-bottom: none;
				margin-bottom: 0;
			}
		}
	}
	/* -------------------magnesium-------------------*/
    .company_contents .company_steel_content_3 .magnesium_contents .bg_gray_content {
        font-size: 20px;
        letter-spacing: 2px;
        margin: 30px 0 20px 0;
    }
    .company_contents .company_steel_content_3 .magnesium_contents .magnesium_content_1 {
        grid-template-columns: 100px auto auto;
        gap: 0;
    }
    .company_contents .company_steel_content_3 .magnesium_contents .magnesium_logo_content {
        flex-direction: column;
        align-items: center;
    }
    .company_contents .company_steel_content_3 .magnesium_contents .magnesium_logo_content img {
        width: 70%;
		height: auto;
        margin-top: 30px;
    }
    .company_contents .company_magnesium_content_1 {
        margin: 100px 20px 0 20px;;
		padding-bottom: 120px;
    }
    .company_contents .company_magnesium_content_1 .magnesium_link_box {
        height: 160px;
        background-position: center;
        border-radius: 30px 0;
        justify-content: center;
        align-items: flex-end;
        flex-direction: column;
        padding-right: 27px;
        margin-top: 20px;
    }
    .company_contents .company_magnesium_content_1 .magnesium_link_box .magnesium_link_box_content {
        align-items: flex-start;
        flex-direction: column;
        width: 95%;
    }
    .company_contents .company_magnesium_content_1 .magnesium_link_box p {
        font-size: 15px;
        letter-spacing: 2px;
    }
    .company_contents .company_magnesium_content_1 .magnesium_link_box .link_box_tile {
        font-size: 34px;
    }
    .company_contents .company_magnesium_content_1 .magnesium_link_box img {
        height: auto;
        width: 10%;
    }
	.magnesium_content_1 .magnesium_content_box_1 a {
		width: auto;
		padding: 10px 30px 10px 10px;
	}
	
    /* ==================Subtainability-Social===================  */
    /* ========================================================== */
    .company_contents .company_steel_bg_1 .sus_envir_1 .content_head .social-banner {
        margin-top: 60px;
        position: relative;
        height: 244px;
        background-image:url("images/company/subtainability_social_banner.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
    }
	.sus_envir_1 .sus_soc_links {
        margin-top: 20px;
		justify-content: center;
    }
    .company_social_content {
        .br_amagasaki{
            display: block;
        }
        .dot-hidden-mb{
            display: none;
        }
        .tb_d_n_mb{
            display: none;
        }
        .tb_d_n_pc{
            display: block;
        }
        .sus_social_p{
            padding: 0px !important;
        }
        .contents{
            .content-sus{
                span{
                    margin-top: 0px !important;
                }
                .mt-mb{
                    margin-top: 10px !important;
                }
                .mb-p-mb{
                    margin-top: 30px !important;
                }
                .title-sus-content{
                    font-size: 20px !important;
                    align-items: center !important;
                }
                .sus_social_p{
                    font-size: 16px !important;
                    
                }
            }
        }
        .section-mg{
            margin-top: 60px !important;
            .sus_social_p{
                font-size: 16px !important;
                line-height: 34px;
                letter-spacing: 3px;
                font-family:'kozminpro-medium';
                font-weight: normal;
                margin: 40px 0 0 0;
                padding: 0 !important;
            }
        }
        .section-mt{
            margin-top: 60px !important;
            p{
                font-size: 16px !important;
                line-height: 34px;
                letter-spacing: 3px;
                font-family:'kozminpro-medium';
                font-weight: normal;
                margin: 40px 0 0 0;
                padding: 0;
                
            }
            .sus-social_div_p {
                margin-top: 40px;
                .social_div_wrap_p{
                    display: flex;
                    align-items: center;
                    gap: 24px;
                    h4{
                        height: 28px;
                        width: 28px;
                        background-color: #23231e;
                        color: white;
                        min-width: 28px;
                        font-size: 14px;
                        font-family: 'ZenOldMincho-Bold';
                        align-self: flex-start;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 5px 0 0 0 ;
                    }
                    p{
                        margin-top: 0;
                        font-size: 20px !important;
                        letter-spacing: 1.6px;
                    }
                }
                .sus-social-pt{
                    margin-top: 24px;
                    font-size: 17px !important;
                }

                .social_div_ol_span{
                    display: flex;
                    align-items: center;
                    margin-top: 24px;
                    gap: 24px;
                    span{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #0075C2;
                        border-radius: 20px;
                        align-self: flex-start;
                        color: white;
                        width: 100px;
                        height: 40px;
                        min-height: 40px;
                        font-family:'kozminpro-medium';
                        letter-spacing: 3px;
                        font-size: 14px;
                        margin-top: 5px;
                    }
                    p{
                        margin: 0;
                        width: 90%;
                    }
                }
                .sus-outline{
                    margin-top: 16px;
                    margin-bottom: 32px;
                    border-bottom: 1px dashed #23231e;
                }
                .sus-period{
                    
                    p{
                        margin: 0;
                    }
                    .sus-period-mt{
                        margin-top: 30px ;
                    }
                }
                .sus-div-year-wrapper{
                    margin-top: 32px;
                    display: flex;
                    gap: 16px;
                    flex-direction: column;
                    .sus-year-flex{
                        display: flex;
                        flex-direction: column;
                        gap: 20px;
                        span{
                            width: 100%;
                            height: 40px;
                            background-color: #DFE3E3;
                            letter-spacing: 3px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-size: 16px;
                            line-height: 40px;
                            max-width: 100% !important;
                        }
                        p{
                            margin: 0;
                            width: 100%;
                        }
                    }
                }
                .social_2_mt{
                    margin-top: 30px;
                }
                .sus-radius{
                    span{
                        background-color: #8696A6;
                        border-radius: 50%;
                        width: 30px;
                        height: 30px;
                        min-height: 100%;
                        font-size: 14px;
                        letter-spacing: 0px;
                    }
                    .span-radius{
                        background-color: #8696A6;
                        border-radius: 50%;
                        width: 30px;
                        height: 30px;
                        min-height: 100%;
                        font-size: 14px;
                        letter-spacing: 0px;
                    }
                }

                .sus-period-contact{
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                    margin-top: 64px;
					
                    .sus-period-contact-btn-content{
                        display: flex;
                        gap: 20px;
						
						.copy_btn{
							flex-direction:column;
							gap:10px;
						}
                        span{
                            font-size: 16px;
                            width: 110px;
                            height: 40px;
                            background-color: #23231E;
                            color: white;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        .sus_social_p{
                            font-size: 16px !important;
                            line-height: 34px;
                        }
                        p{
                            margin: 0;
                        }
                        .sus-p-underline{
                            text-decoration: underline;
                        }
                        
                    }
                }
            }
        }
        .section-2-mt{
            margin-top: 30px !important;
            .h4-2-mt{
                margin-top: 40px;
                font-family:'kozminpro-medium';
            }
            .sus_social_p{
                font-size: 16px;
                margin-top: 10px;
                font-family:'kozminpro-medium';
                line-height: 34px;
                letter-spacing: 2px;
                font-weight: normal;

            }
        }
        .section-2-mt-2{
            h4{
                letter-spacing: 4px;
                line-height: 28px;
                font-family:'kozminpro-medium';
                height: 40px;
                display: flex;
                align-items: center;
            }
            .sus-social-table-title-2{
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                gap: 10px;
                span{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-family:'kozminpro-medium';
                    background-color: #DFE3E3;
                    font-size: 18px;
                    line-height: 40px;
                    letter-spacing: 2px;
                    height: 48px;
                    color: white;
                }
                .sus-table-2-span-1{
                    width: 100%;
					max-width: none;
                    background-color: #23231E;
                }
                .sus-table-2-span-2{
                    width: 100%;
                    background-color: #8696A6;
                }
            }
            .span-2-mt{
                margin-top: 16px;
            }
            .sus-social-table-span-wrapper-2{
                display: flex;
                justify-content: center;
                flex-direction: column;
                gap: 16px;
                box-sizing: border-box;
                margin-top: 16px;
            }
            span{
                display: flex;
                font-size: 16px;
                line-height: 40px;
                letter-spacing: 1.2px;
                font-family:'kozminpro-medium';
            }
            .sus-table-1-span-content-1{
                width: 100%;
                max-width: 100%;
                background-color: #DFE3E3;
                display: flex;
                align-items: center;
				height: 60px;
                padding-left: 20px;
                box-sizing: border-box;
            }
            .sus-table-2-span-content-2{
                width: 100%;
                border-bottom: 1px dashed #23231E;
                display: flex;
                align-items: center;
                height: auto;
                padding: 10px 0;
                padding-left: 20px;
                box-sizing: border-box;
            }
        }

        .section-sponsor{
            .sus-social-sponsor-container{
                display: flex;
                align-items: center;
                flex-direction: column;
                .sus-social-sponsor-item{
                    display: flex;
                    justify-content: space-between;
                    flex-direction: column;
                    gap: 34px;
                    margin-top: 20px;
                    img{
                        width: 100%;
                        min-width: 320px;
                        height: auto;
                        object-fit: cover;
                    }
                    .sus-social-sponsor-content{
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        border-bottom: 1px dashed #23231E;
                        padding: 0;
                        gap: 20px;
                        .p_style{
                            margin: 0 !important;
                            font-size: 20px !important;
                        }
                        .p_style-2{
                            padding-bottom: 10px !important;
                        }
                    }
                }
            }
        }
        .sus-table-mt{
            margin-top: 100px !important;
        }
        .sus-table-title-p{
            p{
                font-size: 16px;
                margin: 0;
                font-family:'kozminpro-medium';
                line-height: 40px;
                letter-spacing: 2px;
                font-weight: normal;
                padding: 0;
            }
        }
        .contents{
            .content_1{
                .mt-disable{
                    margin: 10px 0 !important;
                }
                .table_container{
                    .fz-th-mb{
                        font-size: 14px !important;
                    }
                    .sus-table-col{
                        width: 300px;
                        height: 48px;
                    }
                    .sus-table-col-1{
                        width: 200px;
                        background-color: #23231E;
                    }
                }
                .pt-table{
                    margin-top: 40px !important;
                }
                .sus_govermance_p{
                    font-size: 16px !important;
                }
            }
            .workflow-container {
                margin-top: 64px;
                display: flex;
                align-items: center;
                justify-content: center;

                img{
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                    content: url('images/company/sus-governance-overflow-mb.png');
                }
            }
        }
        .sus-social-table-mt{
            margin-top: 44px;
        }
        .sus-social-table-title{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            span{
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #DFE3E3;
                font-size: 12px;
                line-height: 20px;
                letter-spacing: 2px;
                height: 48px;
            }
            .sus-table-span-1{
                width: calc(51%);
                max-width: 300px;
            }
            .sus-table-span-2{
                width: calc(59% - 10);
            }
        }
        .sus-social-table-span-wrapper{
            display: flex;
            justify-content: center;
            gap: 10px;
            border-bottom: 1px solid #8696A6;
            padding: 10px 0;
            box-sizing: border-box;
			
			span {
				display: flex;
				font-size: 14px;
				line-height: 28px;
				letter-spacing: 2px;
			}
        }
        span{
            display: flex;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 2px;
        }
        .sus-table-span-content-1{
            width: calc(41%);
            max-width: 300px;
        }
        .sus-table-span-content-2{
            width: calc(59% - 2px);
        }

        .section-2-mt-2{
            .sus_social_p{
                font-size: 16px;
                line-height: 34px;
                letter-spacing: 2px;
                font-family:'kozminpro-medium';
                font-weight: normal;
                margin: 0;
            }
            .sus_social_p_link{
                display: flex;
                align-items: flex-start;
                gap: 15px;
                text-decoration: underline;
                color: #0075C2;
                font-size: 16px;
                letter-spacing: 1.6px;
                line-height: 34px;
                font-family:'kozminpro-medium';
                margin-top: 30px;
                img{
                    margin-top: 5px;
                    width: 24px;
                    height: 24px;
                }
            }
            .sus-bg-border-p{
                margin-top: 20px;
                background-color: #23231E;
                color: white;
                font-size: 19px;
                line-height: 28px;
                font-family:'kozminpro-medium';
                font-weight: normal;
                letter-spacing: 4px;
                height: 40px;
                width: 100%;
                display: flex;
                align-items: center;
                padding-left: 20px;
                box-sizing: border-box;
            }
            .border-special{
                height: 70px !important;
            }
            .sus-employees-mt{
                margin-top: 40px;
            }
            .training-mt{
                margin-top: 24px;
            }
            .training-table{
                display: flex;
                gap: 10px;
                flex-direction: column;
                width: 100%;
                .traning-line-left{
                    width: 100%;
                    max-width: 100%;
                    color: white;
                    background-color: #23231E;
                    font-family: 'kozminpro-medium';
                    font-weight: normal;
                    font-size: 12px;
                    line-height: 40px;
                    letter-spacing: 3px;
                    writing-mode: horizontal-tb;
                    white-space: nowrap;
                    text-align: center;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 32px;
                    p{
                        font-size: 14px;
                    }
                }
            .traning-table-right{
                width: 100%;
                .sus-social-table-3-title{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    span{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #DFE3E3;
                        font-size: 14px;
                        line-height: 40px;
                        letter-spacing: 2px;
                        height: 48px;
                    }
                    .sus-table-3-span-1{
                        width: 35%;
                        height: 32px;
                        max-width: 100%;
                    }
                    .sus-table-3-span-2{
                        width: 65%;
                        height: 32px;
                    }
                }
                .sus-social-table-3-span-wrapper{
                    display: flex;
                    justify-content: center;
                    gap: 10px;
                    border-bottom: 1px solid #8696A6;
                    padding: 10px 0;
                    box-sizing: border-box;
					
					span{
						display: flex;
						font-size: 14px;
						line-height: 20px;
						letter-spacing: 2px;
					}
                }
                span{
                    display: flex;
                    font-size: 14px;
                    line-height: 28px;
                    letter-spacing: 2px;
                }
                .full-space-div{
                    width: 100% !important;
                    max-width: 100% !important;
                }
                .sus-table-3-span-content-1{
                    width: 35%;
                    padding-left: 0;
                    margin-top: 5px;
                    max-width: 300px;
                    box-sizing: border-box;
                }
                .sus-table-3-span-content-2 span {
					width: 65%;
					line-height: 30px;
					font-size: 16px;
					}
                }
                
            }
            .social_banner_flex-container{
                margin-top: 20px;
                display: flex;
                justify-content: center;
                flex-direction: column;
                gap: 20px;
                .item-2{
                    width: 100%;
                }
                img{
                    width: 100%;
                    height: auto;
                    max-height: 100%;
                    object-fit: cover;
                }
                .sus-social-img{
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                    max-height: 660px;
                }
            }
            .sus-club-activity-container{
                margin-top: 40px;
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
                .sus-activity-item{
                    display: flex;
                    align-items: center;
                    width:calc(50% - 5px);
                    img{
                        width: 100%;
                        height: auto;
                        max-height: 220px;
                        object-fit: cover;
                        
                    }
                    p{
                        width: 100%;
                        height: 48px;
                        box-sizing: border-box;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 14px;
                        letter-spacing: 4px;
                        line-height: 16px;
                        background-color: #DFE3E3;
                    }
                }
            }
        }
    }
	section.sus_envir_1.sus-table-wrapper-3 {
		margin: 0;
	}
	.company_top_content {
		& .sus-social-table-span-wrapper {
			span {
				font-size: 16px;
				line-height: 30px;
			}
		}
	}
	.company_top_content {
		& .section-2-mt-2 {
			& .sus-social-table-span-wrapper-2 {
				span {
					font-size: 16px;
					line-height: 16px;
				}
			}
		}
	}
	.company_top_content {
		& .section-2-mt-2 {
			& .training-table {
				& .traning-table-right {
					& .sus-social-table-3-span-wrapper {
						span {
							font-family: 'kozminpro-medium';
							font-size: 12px;
							line-height: 20px;
							letter-spacing: 2px;
						}
					}
				}
			}
		}
	}
	.company_contents .company_chiba_content_2 {
		margin-bottom: 70px;
	}
	/* CONTACT - BUTTON */
	.company_contents .links-btn{
		width: 100%;
		margin: 0 auto;
	}
	.company_contents .links-btn .link_box_3-btn {
		align-items: flex-start;
		justify-content: flex-start;
		border: none;
		border-radius: 100px;
		margin-top: 0;
		flex-direction: column;
		border-top: 1px solid;
        border-radius: unset;
		padding: 40px 20px 28px;
		box-sizing: border-box;
	}
	.company_contents .links-btn .link_box_3-btn::before {
		top: auto;
		left:auto;
		right:28px;
		bottom:28px;
		height: 60px;
		width: 60px;
	}
	.company_contents .links-btn .link_box_3-btn .en_title-btn {
		font-size: 35px;
		line-height: 51px;
	}
	.company_contents .links-btn .link_box_3-btn .title-btn {
		font-size: 16px;
		margin: 0;
		padding-left: 0;
	}
	
	/* =======================safety=>each-activity===================  */
	/* ===============================================================  */

	.each-activity-container{
		margin-bottom: 0 !important;
		.each-title{
			box-sizing: border-box;
		}
		.activity_mtt{
			margin-top: 120px;
		}
		.each_activity_title{
			h3{
				letter-spacing: 8px !important;
			}
		}
		.each-activity_item{
			display: flex;
			flex-direction: column;
			gap: 10px;
			.each-activity-title{
				width: 100%;
				margin: 0 auto;
				.activity-title-img{
					width: 100%;
					content: url("images/company/safety-each-activity-img5.png");
				}
			}

		}
		.each-activity{
			display: flex;
			max-width: 1100px;
			margin: 20px auto 0 auto;
			flex-direction: column;
			gap: 10px;
			.each-activity-p-wrapper{
				width: 100%;
				.each-activity-p-content{
					width: 100%;
					font-size: 16px;
					line-height: 34px;
					letter-spacing: 2px;
					font-family:'kozminpro-medium';
					margin: 0;
				}
			}

			.each-activity{
				width: 100%;
				img{
					width: 100%;
					height: 100%;
					max-height: 382px;
					object-fit: cover;
				}
			}

		}

	}
	.sub_btn_content{
		border-bottom: 1px solid #23231E;
		.each-activity-btn{
			a{
				padding: 10px 10px 10px 45px !important;
			}
		}
	}
	
	/*-------------------- construction --------------------*/
	.const_area{
		padding-top:40px;
		background-size:auto 300px;
	}
	.const_section1{
		padding:80px 28px 72px;
	}
	.const_section1 .title{
		margin-bottom:40px;
	}
	.const_section1 .title h1{
		margin-bottom:25px;
		font-size:35px;
        letter-spacing: 5px;
	}
	.const_section1 .title p{
/* 		font-size:14px; */
	}
	.const_section1 .text p{
		font-size:16px;
		line-height:34px;
	}

	.const_section2{
		margin-bottom:140px;
	}
	.const_section2 h2{
		font-size:18px;
		line-height:64px;
		border-top-left-radius:30px;
		border-bottom-right-radius:30px;
	}
	.const_section2 .container{
		grid-template-columns:1fr;
		gap:28px;
		padding:30px 0;
	}
	.const_section2 .container .box h3{
		gap:15px;
		margin-bottom:5px;
		font-size:24px;
		line-height:64px;
	}
	.const_section2 .container .box h3 span{
		width:30px;
		height:30px;
		font-size:10px;
		line-height:16px;
	}
	.const_section2 .container .box p{
		font-size:16px;
		line-height:34px;
	}
	.const_section3{
		margin-bottom:140px;
	}
	.const_section3 ul{
		grid-template-columns:1fr;
		gap:10px;
	}
	.const_section3 ul li{
		font-size:16px;
	}
	.const_headline{
		margin-bottom:35px;
	}
	.const_headline h2{
		flex-direction:column;
		gap:10px;
		padding-bottom:20px;
		font-size:23px;
		line-height:24px;
	}
	.const_headline h2:before{
		width:50px;
	}
	.const_headline h2 span{
		font-size:16px;
	}
	.const_section4{
		margin-bottom:140px;
	}
	.const_section4 .container{
		grid-template-columns:1fr;
		margin-bottom:30px;
	}
	.const_section4 .container h3{
		padding:18px 28px;
	}
	.const_section4 .container .list.col2{
		grid-template-columns:1fr;
	}
	.const_section4 .container .list ul li{
		padding:18px 40px;
		font-size:16px;
		line-height:34px;
	}
	.const_section5{
		margin-bottom:120px;
	}
	.const_section5 .label h3{
		padding:3px 0;
		width:auto;
	}
	.const_section5 .container dl{
		grid-template-columns:1fr;
		gap:20px;
		padding:32px 0;
	}
	.const_section5 .container dl dd{
		font-size:16px;
		line-height:34px;
	}
	
	/* =======================steel---mizushima===================  */
    .chita_wapper .mizushima_tabs_pc {
        display: none;
    }
    .chita_wapper .mizushima_tabs_mobile {
        display: flex;
    }
    .chita_content-section .company_mizushima_content_2 p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 32px;
    }
    .company_mizushima_content_2 .mizushima_container_title_boxs_1 {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 70px;
    }
    .company_mizushima_content_2 .mizushima_container_title_boxs_1 .mizushima_container_title_box {
        width: 100%;
        max-width: 100%;
    }
    .kansai_wapper .mizushima_3img_content2 {
        border-bottom: none;
    }
    .kansai_wapper .kansai_tb_content .mizushima_title {
        width: 50%;
    }
	
	
	.btn_map_link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 10px 10px 25px;
		max-width: 220px;
		border: 1px solid #000;
		border-radius: 100px;

		span {
			font-family: "ryo-gothic-plusn", sans-serif;
			font-size: 14px;
			line-height: 25px;
			letter-spacing: 3px;

			img {
				width: 16px !important;
				height: 16px !important;
			}

		}
	}
	.map_toggle{
		iframe{
			height:250px;
		}
	}
	
	/*---------- 工場 > 保有設備 ----------*/
	.owned_equipment{
		margin:30px auto 0;
	}
	.owned_equipment_title{
		padding:20px;
		font-size:20px;

		&:before{
			right:20px;
			width:20px;
		}
		&:after{
			right:29px;
			height:20px;
		}
	}
	.owned_equipment_list{
		padding:0 20px;

		dl{
			grid-template-columns:1fr 35%;
			gap:5px;
			padding:15px 0;

			dt{
				font-size:14px;
				line-height:32px;
			}
			dd{
				font-size:14px;
				line-height:32px;
			}
		}
	}
	.owned_equipment_toggle{
		margin-top:20px;
	}
	.owned_equipment_link{
		margin:0 20px;
		padding:20px;
		font-size:16px;
	}
	.owned_equipment_toggle_title{
		margin:0 20px;
		padding:20px;
		font-size:16px;
	}
	
	.ofic_group_box{
		flex-direction:column;
		gap:0;
		padding:40px 0;
		font-size:16px;
		line-height:40px;
		letter-spacing:3px;

		h4{
			font-weight: 400;
		}
		.partner{
			grid-template-columns:1fr;
		}
		p {
			min-width: 20%;
		}
/* 		.ofic_group_box_flex{
			.map_info{
				margin:30px 0 0;
			}
		} */
	}
}