
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Noto Sans JP', sans-serif!important;
}

a:hover, .hover:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}


a.nohv:hover {
	filter:alpha(opacity=100);
}


@media (min-width: 700px) {

	/* header */

	.new_header {
		display:block;
		position:fixed;
		width:100%;
		height:120px;
		z-index:40;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	.new_header .left_logo {
		display:block;
		width:152px;
		height:80px;
		position:absolute;
		left:30px;
		top:40px;
	}

	.new_header .right_block {
		display:block;
		max-width:calc(100% - 200px);
		height:120px;
		position:absolute;
		right:25px;
		top:0px;
	}

	.new_header .right_block .menu_block {
		display:block;
		width:fit-content;
		height:120px;
		padding-right:260px;
		width:100%;
	} 

	.new_header .right_block .menu_block .top {
		height:70px;
		padding:20px 0 16px;
		display:flex;
		width:fit-content;
	}

	.new_header .right_block .menu_block .top .tel {
		display:flex;
		width:fit-content;
		height:34px;
	}

	.new_header .right_block .menu_block .top .tel span.number {
		font-size: 27px;
		line-height: 34px;
		font-weight: 500;
		display: inline-block;
		width: fit-content;
		letter-spacing: 2px;
		height: 34px;
		padding-left: 40px;
		padding-left:40px;
		color:#fff;
		background:url(../../images2022/iconTEL.png) left center no-repeat;
	}

	.new_header .right_block .menu_block .top .tel span.sub {
		display: inline-block;
		font-size:85%;
		color:#fff;
		padding-left:5px;
		line-height:34px;
	}

	.new_header .right_block .menu_block .top a.mail {
		display:inline-block;
		width: fit-content;
		height:34px;
		border-radius:15px;
		line-height:34px;
		color:#ff8811;
		font-weight:500;
		font-size:105%;
		text-decoration:none;
		padding:0 20px 0 50px;
		margin:0 15px 0 20px;
		background:#fff url(../../images2022/iconMAIL.png) left 18px center no-repeat;
	}

	.new_header .right_block .menu_block .top a.consul {
		display:inline-block;
		width: fit-content;
		height:34px;
		border-radius:15px;
		line-height:34px;
		color:#ff8811;
		font-weight:500;
		font-size:105%;
		text-decoration:none;
		padding:0 20px 0 50px;
		margin:0 10px 0 0px;
		background:#fff url(../../images2022/iconConsulk.png) left 18px center no-repeat;
	}

	.new_header .right_block .menu_block .bottom {
		height:50px;
		padding:0px 0px 0 0;
		display:flex;
		width:100%;
	}

	.new_header .right_block .menu_block .bottom .menulink {
		display:block;
		height:50px;
		padding:0px;
		flex-grow: 1;
	}

	.new_header .right_block .menu_block .bottom .menulink .linkContent {
		display:block;
		width:100%;
		height:50px;
		position:relative;
	}

	.new_header .right_block .menu_block .bottom .menulink .linkContent a {
		display:inline-block;
		width:100%;
		line-height:40px;
		font-size:130%;
		font-weight:500;
		text-decoration: none;
		position:relative;
		padding-bottom:10px;
		text-align:center;
	}

	.new_header .right_block .menu_block .bottom.indexmenu .menulink .linkContent a {
		color:#fff;
	}


/*
	.new_header .right_block .menu_block .bottom .menulink:hover > a::after {
		content:"";
		display:block;
		position:absolute;
		bottom:0px;
		height:7px;
		width:100%;
		margin:0;
		background:#f98810;
	}
	*/

	.new_header .right_block .menu_block .bottom .menulink .linkContent span {
		display:none;
	}


	.new_header .right_block .menu_block .bottom .menulink:hover .linkContent span {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0;
		height: 7px;
		margin: 0;
		background: #f98810;
		width: 100%;
	}


	.new_header .right_block .menu_block .bottom .menulink:hover .linkContent span::before{
		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		z-index: -1;
		background-color:#f98810;
		transform: skewX(-32deg);
		height:7px;
		width:100%;
	}


	.new_header .right_block .menu_block .bottom .menulink .subLinkContents {
		opacity:0;
		display:none;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents {
		opacity: 1;
		display: block!important;
		position: absolute;
		top: 120px;
		right: -25px;
		width: 100vw;
		height:105px;
		z-index: 1000;
		-webkit-transition: all .3s;
		transition: all .3s;
		background: #000;
	}

	.new_header .right_block .menu_block .bottom.indexmenu .menulink:hover .subLinkContents {
		background: rgba(0,0,0,0.85);
	}


	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul {
		position:absolute;
		top:17.5px;
		width:auto;
		list-style: none;
		display: flex; /*横並びにする*/
		justify-content: flex-end;
		height:70px;
	}

	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul.service_head_menu {
		right:460px;
	}

	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul.company_head_menu {
		right:297px;
	}

	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul li{
		text-align: center;
		height:70px;
	}

	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul li a{
		position: relative;
		display:flex;
		padding: 5px 35px;
		text-decoration: none;
		color: #f98810;
		font-size:120%;
		font-weight:500;
		z-index: 1;
		height:70px;
		width:100%;
		justify-content: center;
		align-items: center;
	}
	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul li a::before{
		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		z-index: -1;
		background-color:#000;
		transform: skewX(-12deg);
		height:70px;
		width:100%;
		border-left:1px solid #888;
	}

	.new_header .right_block .menu_block .bottom.indexmenu .menulink:hover .subLinkContents ul li a::before{
		background-color:transparent;
	}

	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul li:last-child a::before{
		border-right:1px solid #888;
	}

	.new_header .right_block .menu_block .bottom .menulink > a:hover {
		filter:alpha(opacity=100)!important;
		opacity:1!important;
	}

	.new_header .right_block .menu_block .bottom .menulink:hover .subLinkContents ul li a:hover{
		filter:alpha(opacity=100)!important;
		opacity:1!important;
		color:#fff;
	}







	.partner_link {
		display:block;
		position:absolute;
		right:0px;
		top:0px;
		width:260px;
		height:120px;
		font-size:0;
		background:url(../../images2022/partner_link_bg.png) center center no-repeat;
	}

	.blackBack {
		background:rgba(0,0,0,0.35);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}


	/* FV */
	#head_FV {
		width:100%;
		height:100vh;
		min-height:650px;
		max-height:900px;
		position:relative;		
		background: #ccc;
	}

	.slider {
		position: absolute;
			  top:0;
			  bottom:0;
			  left:0;
			  right:0;
			  overflow: hidden;
			  background:#ccc;
			  z-index:10;
	}
	.slick-img div.bgimg {
		width: 100%;
	}
	@keyframes zoomUp {
		0% {
		  transform: scale(1);
		}
		100% {
		  transform: scale(1.15); /* 拡大率 */
		}
	}
	.add-animation {
		animation: zoomUp 10s linear 0s normal both;
	}

	#head_FV .contents2 {
		position:absolute;
		z-index:20;
		width:100%;
		height:100%;
		max-width:1400px;
		padding:0 60px;
		margin:0 auto;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}

	#head_FV .contents2 .img_box {
		width:100%;
		height:100%;
		position:absolute;
	}

	#head_FV .contents2 img {
		width:100%;
		position:absolute;
		bottom:105px;
		left:0px;
		z-index:30;
	}

	#head_FV .contents {
		position:absolute;
		z-index:20;
		width:100%;
		height:100%;
		max-width:1320px;
		padding:0 60px;
		margin:0 auto;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}

	#head_FV .contents img {
		width:45%;
		max-width:948px;
		position:absolute;
		bottom:100px;
		left:0px;
		z-index:30;
	}

	#head_FV .slick-dots {
		display: flex;
		position: absolute;
		left: 50%;
		bottom: 20px;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}

	#head_FV .slick-dots li {
		margin: 0 10px;
	  }
	#head_FV .slick-dots li button {
		position: relative;
		text-indent: -9999px;
	}
	#head_FV .slick-dots li button::before {
		background:#000;
		content: "";
		cursor: pointer;
		width: 15px;
		height:15px;
		border-radius:7.5px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#head_FV .slick-dots li.slick-active button::before, #head_FV .slick-dots li button:hover::before {
		background:#ff8811;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#head_FV button {
		background: none;
		border: none;
		outline: none;
		padding: 0 7px;
	}

	/* fvbottom */
	#fvbottom_orange {
		background:#ff8811;
		padding:90px 0;
	}

	#fvbottom_orange .contents {
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
	}

	#fvbottom_orange .strong_point {
		width:100%;
	}

	#fvbottom_orange .strong_point h2.black {
		width:fit-content;
		background:#000;
		height:40px;
		line-height:40px;
		font-size:135%;
		font-weight:500;
		padding:0 15px;
		color:#fff;
		letter-spacing: 2px;
	}

	#fvbottom_orange .strong_point div.main {
		width:100%;
		font-size:280%;
		font-weight:500;
		color:#fff;	
		line-height: 1.4;
		padding: 20px 0;
	}

	.strong_list {
		width:100%;
		display:flex;
		margin-bottom:70px;
	}

	.strong_list .strong_box {
		width:31.33%;
		margin-right:3%;
		background: linear-gradient(transparent 0%, transparent 50%, #fff 50%, #fff 100%);
	}

	.strong_list .strong_box:last-child {
		margin-right:0;
	}

	.strong_list .strong_box h3 {
		position:relative;
		line-height:35px;
		padding:17px 0;
		border-bottom:3px solid #fff;
		width:100%;
		text-align:center;
		font-size:180%;
		color:#fff;
		font-weight:500;
		margin-bottom:45px;
	}

	.strong_list .strong_box h3::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: -10px;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		border-width: 10px 10px 0 10px;
	}
	.strong_list .strong_box h3 span {
		font-size:140%;
		line-height: 26px;
	}

	.strong_list .strong_box img.strong_img {
		width:100%;
		margin:0;
	}

	.strong_list .strong_box .strong_text {
		width:100%;
		background:#fff;
		padding:15px
	}

	.strong_list .strong_box .strong_text .title {
		font-size:135%;
		color:#ff8811;
		font-weight:500;
		margin-bottom:10px;
	}

	.strong_list .strong_box .strong_text .text {
		display:block;
		margin:0;
		padding:0;
		color:#333;
		line-height:1.8;
		font-size:110%;
		font-weight:500;
	}

	.strong_point .black_btn {
		width:100%;
		display:flex;
	}

	.strong_point .black_btn a {
		display:block;
		width:calc(50% - 20px);
		height:120px;
		line-height:120px;
		font-size:150%;
		font-weight:500;
		color:#fff;
		letter-spacing: 3px;
		text-align:center;
		text-decoration: none;
	}

	.strong_point .black_btn a.erabareru {
		margin-right:40px;
		background:#000 url(../../images2022/erabareru_icon.png) right 40px center no-repeat;
	}

	.strong_point .black_btn a.jisseki {
		background:#000 url(../../images2022/jisseki_icon.png) right 40px center no-repeat;
	}

	section#index_news {
		padding:90px 0;

	}

	section#index_news .contents {
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
	}

	section#index_news h2 {
		display:block;
		text-align:center;
		font-size:280%;
		color:#ff8811;
		font-weight:500;
		margin-bottom:30px;
		letter-spacing: 3px;
	}

	section#index_news .news_block {
		width:100%;
	}

	section#index_news .news_block .news_box {
		display: flex;
		align-items: center;
		height:90px;
		background:#fafafa;
		margin-bottom:10px;
	}

	section#index_news .news_block .news_box span {
		display:block;
		height:90px;
		display: flex;
		/*コレ*/align-items: center;
	}

	section#index_news .news_block .news_box span:first-child {
		width:100px;
		padding-left:40px;
		color:#6d6d6d;
		font-size:120%;
	}

	section#index_news .news_block .news_box span:last-child {
		width:calc(100% - 140px);
		font-size:130%;
	}
	
	section#index_news .news_block .news_box a {
		color: #111;
	}

	section#index_service {
		width:100%;
		padding:0 20px 100px;
	}

	/*
	section#index_service .contents {
		width:100%;
		max-width:1280px;
		height:50vw;
		max-height:630px;
		padding:0px 0px 0;
		margin:0 auto 250px;
		background:url(../../images2022/business_base.png) left top no-repeat;
		background-size:100% auto;
		position:relative;
	}

	section#index_service .service_box {
		position:absolute;
		bottom:-180px;
		left:0;
		width:50%;
		background:#fff;
		padding:60px 56px 60px 0;
	}

	section#index_service .service_box h3 {
		width:fit-content;
		background:#000;
		height:40px;
		line-height:40px;
		font-size:135%;
		font-weight:500;
		padding:0 15px;
		color:#fff;
		letter-spacing: 2px;
	}

	section#index_service .service_box div.main {
		width:100%;
		font-size:280%;
		font-weight:500;
		color:#ff8811;
		line-height: 1.4;
		padding: 20px 0;
		position:relative;
	}

	section#index_service .service_box div.main::after {
		display:block;
		position:absolute;
		content:"";
		width:66px;
		height:66px;
		background:url(../../images2022/business_arw.png) center center no-repeat;
		right:0%;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
	}

	section#index_service .service_box div.text {
		font-size:115%;
		line-height:1.8;
	}


	section#index_service .pc_img {
		position:absolute;
		bottom:-145px;
		right:0;
		width:50%;
		height:290px;
		padding:0;
	}

	section#index_service .pc_img img {
		position:absolute;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		max-width:456px;
		width:80%;
	}
	*/

	section#index_service .contents {
		width:calc(100% + 40px);
		height:50vw;
		max-height:500px;
		padding:0px 20px 0;
		margin:0 -20px 180px;
		background:#fafafa;
		background-size:100% auto;
		position:relative;
	}

	section#index_service .contents .block {
		width:100%;
		max-width:1280px;
		margin:0 auto;
		position:relative;
	}

	section#index_service .service_box {
		position:absolute;
		top:0px;
		left:0;
		width:38%;
		padding:60px 56px 60px 0;
	}

	section#index_service .service_box h3 {
		width:fit-content;
		background:#000;
		height:40px;
		line-height:40px;
		font-size:135%;
		font-weight:500;
		padding:0 15px;
		color:#fff;
		letter-spacing: 2px;
	}
	section#index_service .service_box a  {
		outline:none;
		text-decoration:none;
	}

	section#index_service .service_box div.main {
		width:100%;
		font-size:280%;
		font-weight:500;
		color:#ff8811;
		line-height: 1.4;
		padding: 20px 0;
		position:relative;
		margin-bottom: 15px;
		outline:none;
		text-decoration:none;

	}

	section#index_service .service_box div.main::after {
		display:block;
		position:absolute;
		content:"";
		width:66px;
		height:66px;
		background:url(../../images2022/business_arw.png) center center no-repeat;
		right:0%;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		text-decoration:none;
	}

	section#index_service .service_box div.text {
		font-size:145%;
		line-height:1.8;
		font-weight:500;
	}


	section#index_service .illust_img {
		position:absolute;
		top:10px;
		left:38%;
		width:75%;
		max-width:938px;
		height:auto;
		padding:0;
	}

	section#index_service .pc_img img {
		position:absolute;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		max-width:456px;
		width:80%;
	}

	section#index_service .service_list {
		width:100%;
		max-width:1280px;
		margin:0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	section#index_service .service_list a {
		display:block;
		width:calc(50% - 6px);
		height:300px;
		margin-right:12px;
		margin-bottom:12px;
		position:relative;
	}

	section#index_service .service_list a:nth-child(2n) {
		margin-right:0;
	}

	section#index_service .service_list a.corporate {
		background:url(../../images2022/servicelist01.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.solutions {
		background:url(../../images2022/servicelist02.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.greentings {
		background:url(../../images2022/servicelist03.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.recruitment {
		background:url(../../images2022/servicelist04.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.track {
		background:url(../../images2022/servicelist05.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.partner {
		background:url(../../images2022/servicelist06.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a::after {
		display:block;
		position:absolute;
		content:"";
		width:66px;
		height:66px;
		background:url(../../images2022/service_arw.png) center center no-repeat;
		left:50%;
		bottom: 50px;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}

	section#index_service .service_list a span.jan {
		display:block;
		width:100%;
		text-align:center;
		position:absolute;
		left:0;
		bottom: 175px;
		color: #fff;
		font-size: 225%;
		line-height: 1.3;
	}


	section#index_service .service_list a span.eng {
		display:block;
		width:100%;
		text-align:center;
		position:absolute;
		left:0;
		bottom:140px;
		color:#fff;
		font-size:135%;
	}

	/* footer */

	footer {
		width:100%;
		border-top:1px solid #d1d1d1;
	}

	footer .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
		position:relative;

	}

	footer .foot_top {
		display:flex;
		padding:20px 0;
	}

	footer .foot_top .menu {
		width:200px;
	}

	footer .foot_top .menu a {
		display:block;
		width:100%;
		color:#666;
		font-size:110%;
		font-weight:400;
		text-decoration: none;
		line-height:2.3;
	}

	footer .foot_top .right_contents {
		width:calc(100% - 400px);
		position:relative;
	}

	footer .foot_top .right_contents .mark {
		width:100%;
		display:flex;
		align-items:flex-end;
		justify-content: flex-end;
		gap: 0 1em;
	}

	footer .foot_top .right_contents .mark p {
		display:inline-block;
		width:fit-content;
		text-align:right;
		color:#6d6d6d;
		font-size:85%;
		line-height:1.4;
		padding-right:15px;
	}
	footer .foot_top .right_contents .mark a img {
		max-width: 90px;
	}

	footer .foot_top .right_contents .bottom_link {
		position:absolute;
		right:0;
		bottom:0;
	}

	footer .foot_top .right_contents .bottom_link a {
		color:#666;
		font-size:110%;
		font-weight:400;
		text-decoration: none;
	}

	footer .copy {
		width:100%;
		height:80px;
		line-height:80px;
		background:#000;
		color:#fff;
		text-align:center;
		font-size:100%;
		font-weight:500;
	}




	/* 第二階層以下 汎用 */
	/* header */
	body.other {
		-moz-box-sizing: border-box;        /* Firefox */  
		-webkit-box-sizing: border-box;     /* Safari 3 */  
		-ms-box-sizing: border-box;         /* Internet Explorer 8 */  
		box-sizing: border-box;             /* Opera */ 

	}

	body.other .new_header {
		background:#fff;
	}


	body.other .new_header .right_block .menu_block .top .tel span.number {
		color:#333;
	}

	body.other .new_header .right_block .menu_block .top .tel span.sub {
		color:#333;
	}

	body.other .new_header .right_block .menu_block .top a.mail {
		border:1px solid #ddd;
	}

	body.other .new_header .right_block .menu_block .top a.consul {
		border:1px solid #ddd;
	}

	body.other .new_header .right_block .menu_block .bottom a {
		color:#333;
	}

	section.other_fv {
		margin-top:120px;
		width:100%;
		height:530px;
		background:#888;
		position:relative;
	}

	.norenewal120 {
		margin-top:120px!important;
	}

	section.other_fv .pankuzu {
		position:absolute;
		top:0;
		left:0;
		z-index:20;
		width:100%;
		height:50px;
		background:rgba(0,0,0,0.2);
	}

	section.other_fv .pankuzu ul {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
		height:50px;
	}

	section.other_fv .pankuzu ul li {
		display:inline-block;
		color:#fff;
		font-size:110%;
		line-height:50px;
		font-weight:400;
		position:relative;
	}

	section.other_fv .pankuzu ul li::after {
		content:"/";
		line-height:50px;
		font-weight:400;
		color:#f98810;
	}

	section.other_fv .pankuzu ul li:last-child {
		padding:0 15px;
	}

	section.other_fv .pankuzu ul li:last-child::after {
		content:"";
	}

	section.other_fv .pankuzu ul li:first-child a {
		padding:0 15px 0 0;
	}


	section.other_fv .pankuzu ul li a {
		color:#fff;
		line-height:50px;
		text-decoration:none;
		padding:0 15px;
	}

	.other_fv .title_box {
		position:absolute;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width:100%;
		padding:0 20px;
	}

	.other_fv .title_box .eng {
		width:fit-content;
		height:40px;
		line-height:39px;
		padding:0 12px;
		background:#000;
		color:#f98810;
		font-size:150%;
		font-weight:700;
		letter-spacing: 4px;
	}

	.other_fv .title_box h1 {
		font-size:450%;
		font-weight:700;
		color:#fff;
		margin-bottom:15px;
	}

	.other_fv .title_box .text {
		font-size:140%;
		font-weight:500;
		color:#fff;
		line-height:1.8;
	}

	.orange_bg {
		background:#ff8812;
	}

	.white_bg {
		background:#fff;
	}

	h2.normalH2 {
		display:block;
		width:100%;
		text-align:center;
		font-size:280%;
		font-weight:500;
		margin-bottom:20px;
	}
	.orange_bg h2.normalH2 {
		color:#fff;
	}

	.white_bg h2.normalH2 {
		color:#ff8812;
	}

	body.other .maintext {
		width:100%;
		text-align:center;
		font-size:150%;
		font-weight:500;
		margin-bottom:50px;
	}

	body.other .orange_bg .maintext {
		color:#333;
	}

	body.other .maintext.big {
		font-size:190%;
	}



	/* 第2階層以下 コンサルティング */

	#consulting_fv {
		background:url(../../images2022/consulting_main_bg.jpg) center center no-repeat;
		background-size:cover;
	}

	#consulting_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	#consulting_about {
		padding:60px 0;
	}

	#consulting_about .contents {
		display:block;
		width:100%;
		max-width:960px;
		padding:0 20px;
		margin:0 auto;
		position:relative;
	}

	.about_list {
		width:100%;
		padding-top:30px;
		margin-bottom: 60px;
		position:relative;
	}

	.about_list > div {
		width:100%;
		height:70px;
		background:#fff;
		margin-bottom:30px;
		position:relative;
		padding-left:90px;
		padding-right:275px;
	}

	.about_list > div::before {
		content:"";
		display:block;
		width:70px;
		height:70px;
		position:absolute;
		left:0;
		top:0;
		background:#000 url(../../images2022/consultingarw.png) center center no-repeat;
	}

	.about_list > div p {
		display: table-cell;
		vertical-align: middle;
		font-size: 170%;
		font-weight: 700;
		color: #333;
		height: 70px;
		line-height: 1.2;
		position:relative;
	}

	.about_list > div.ques1::after {
		content:"";
		position:absolute;
		bottom:0;
		right:154px;
		width:136px;
		height:127px;
		z-index:100;
		background:url(../../images2022/nayamip01.png) center center no-repeat;
	}

	.about_list > div.ques2::after {
		content:"";
		position:absolute;
		bottom:0;
		right:13px;
		width:153px;
		height:158px;
		z-index:100;
		background:url(../../images2022/nayamip02.png) center center no-repeat;
	}


	.about_list > div.ques3::after {
		content:"";
		position:absolute;
		bottom:0;
		right:146px;
		width:139px;
		height:159px;
		z-index:100;
		background:url(../../images2022/nayamip03.png) center center no-repeat;
	}



	.about_list::after {
		display:block;
		content:"";
		position:absolute;
		left: 50%;
		bottom: -30px;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		border-top: 30px solid #fff;
		border-right: 50px solid transparent;
		border-left: 50px solid transparent;
	}

	#consulting_about .answer {
		font-size: 135%;
		color: #fff;
		text-align: center;
		line-height: 2;
	}

	#consulting_about .answer span {
		font-weight:700;
		font-size:115%;
	}

	#consulting_flow {
		padding:60px 0 80px;
	}

	#consulting_flow .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
		position:relative;
	}

	#consulting_flow .maintext {
		line-height:2;
	}

	#consulting_flow .flow_list {
		width:100%;
		display:flex;
	}

	#consulting_flow .flow_list > div {
		width:calc(25% - 30px);
		margin-right:40px;
	}

	#consulting_flow .flow_list > div.flow4 {
		margin-right:0;
	}

	#consulting_flow .flow_list > div div.img {
		width:100%;
		border:3px solid #f98810;
		margin-bottom:15px;
		position:relative;
	}

	#consulting_flow .flow_list > div div.img::after {
		display:block;
		content:"";
		position:absolute;
		right: -24px;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		border-top: 40px solid transparent;
		border-bottom: 40px solid transparent;
		border-left: 24px solid #f98810;
	}

	#consulting_flow .flow_list > div.flow4 div.img::after {
		border-top: 0px solid transparent;
		border-bottom: 0px solid transparent;
		border-left: 0px solid #f98810;
	}

	#consulting_flow .flow_list > div div.img img {
		width:100%;
	}

	#consulting_flow .flow_list > div p {
		display:block;
		width:100%;
		font-size:150%;
		font-weight:500;
		text-align:center;
		line-height:1.2;
	}

	#consulting_result {
		padding:0 0 60px;
	}

	#consulting_result .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
		position:relative;
	}

	#consulting_result .result_box {
		background:#fafafa;
		padding:55px;
		margin-bottom:40px;
	}

	#consulting_result .result_box .top {
		display:flex;
		margin-bottom:35px;
	}

	#consulting_result .result_box .top img {
		width:40%;
		margin-right:4.5%;
	}

	#consulting_result .result_box .top .right_text {
		width:55.5%;
	}

	#consulting_result .result_box .top .right_text h3 {
		display:block;
		margin-bottom:30px;
	}

	#consulting_result .result_box .top .right_text h3 span.sub {
		display:block;
		width:100%;
		color:#f98810;
		font-size:120%;
		font-weight:500;
	}

	#consulting_result .result_box .top .right_text h3 span.main {
		display:block;
		width:100%;
		color:#333;
		font-size:180%;
		font-weight:500;		
	}

	#consulting_result .result_box .top .right_text .consul_conte {
		width:100%;
		border-top:1px solid #d0d0d0;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div {
		width:100%;
		border-bottom:1px solid #d0d0d0;
		padding:12px 0;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div p {
		display:block;
	    font-size: 125%;
    	font-weight: 400;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div.numberari {
		display:flex;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div.numberari .number {
		width:30px;
		height:30px;
		background:#fff;
		text-align:center;
		line-height:30px;
		color:#f98810;
	    font-size: 125%;
    	font-weight: 700;
		margin-right:30px;
		border-radius:15px;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div.numberari p {
		width:calc(100% - 60px);
	}

	#consulting_result .result_box .bottom {
		width:100%;
	}

	#consulting_result .result_box .bottom .suggestion_title {
		width:100%;
		height:50px;
		background:#f98810;
		line-height:50px;
		text-align:center;
		color:#fff;
		font-size:145%;
		font-weight:500;
	}

	#consulting_result .result_box .bottom .suggestion_conte {
		display:block;
		background:#fff;
		padding:35px;
	    font-size: 115%;
    	font-weight: 400;
		line-height:2;

	}


	/* 第2階層以下 ソリューション */

	#solution_fv {
		background:url(../../images2022/solution_main_bg.jpg) center center no-repeat;	
		background-size:cover;
	}

	#solution_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	ul.fv_menu{
		position:absolute;
		bottom:-45px;
		left:15px;
		width:calc(100% - 30px);
		list-style: none;
		display: flex; /*横並びにする*/
        justify-content: center;

	}
	ul.fv_menu li{
		text-align: center;
		height:90px;
	}

	ul.fv_menu.solution_menu li{
		width:calc(100% / 6);
	}

	ul.fv_menu.partner_menu li{
		width:calc(100% / 3);
	}

	ul.fv_menu.company_menu li{
		width:calc(100% / 6);
	}

	ul.fv_menu li a{
		position: relative;
		display:flex;
		padding: 5px 15px;
		text-decoration: none;
		font-size: 12px;
		color: #fff;
		font-size:130%;
		font-weight:500;
		z-index: 1;
		height:90px;
		width:100%;
		justify-content: center;
		align-items: center;
	}
	ul.fv_menu li a::before{
		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		z-index: -1;
		background-color:#000;
		transform: skewX(-12deg);
		height:90px;
		width:100%;
	}
	ul.fv_menu li a:hover{
		filter:alpha(opacity=100)!important;
		opacity:1!important;

	}

	ul.fv_menu li a:hover::before{
		background-color:#f98810;
	}

	ul.fv_menu li a.select::before{
		background-color:#f98810;
	}


	#solution_example .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:130px 20px 60px;
		margin:0 auto;
		position:relative;
	}

	#solution_example h2.normalH2 {
		margin-bottom:110px;
		margin-top: -150px;
		padding-top: 150px;
	}

	#solution_example .example_conte {
		background:#fafafa;
		padding:40px 55px 55px;
		width:100%;
		max-width:1200px;
		margin:0 auto 80px;
	}

	#solution_example .example_conte .top {
		display:flex;
		margin-bottom:45px;
		position:relative;
	}

	#solution_example .example_conte .top.block2 {
		margin-top:200px;
	}
	
	#solution_example .example_conte.pcleft .top > img {
		width:calc(50% + 80px);
		margin:-100px 40px 0 -95px;
	}

	#solution_example .example_conte.pcright .top > img {
		order:1;
		width:calc(50% + 80px);
		margin:-100px -95px 0 40px;
	}

	#solution_example .example_conte .top .right_text {
		width:calc(50% - 25px);
	}

	#solution_example .example_conte.pcleft .top .right_text {
		order:1;
	}


	#solution_example .example_conte .top .right_text h3 {
		display:block;
		position:relative;
		margin-bottom:20px;
		width:100%;
		color:#333;
		font-size:200%;
		font-weight:700;
		padding-left:30px;
	}

	#solution_example .example_conte .top .right_text h3::before {
		content:"";
		display:block;
		position:absolute;
		left:0%;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		width:20px;
		height:6px;
		background:#f98810;

	}

	#solution_example .example_conte .top .right_text .text {
		width:100%;
		display:block;
	    font-size: 110%;
    	font-weight: 400;
		line-height:2;
	}

	#solution_example .example_conte .bottom {
		width:100%;
	}

	#solution_example .example_conte .bottom .solution_title {
		width:100%;
		display:block;
		position:relative;
		height:50px;
		text-align:center;
		margin-bottom:40px;
	}

	#solution_example .example_conte .bottom .solution_title span {
		width:fit-content;
		display:inline-block;
		position:relative;
		height:50px;
		line-height:50px;
		color:#333;
		font-size:220%;
		font-weight:700;
		padding:0 30px;
		background:#fafafa;
		z-index:10;
	}

	#solution_example .example_conte .bottom .solution_title::before {
		content:"";
		width:100%;
		height:2px;
		background:#cacaca;
		display:block;
		position:absolute;
		top:24px;
		left:0;
		z-index:5;
	}


	#solution_example .example_conte .bottom .solution_conte {
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	#solution_example .example_conte .bottom .solution_conte > div {
		width:calc(25% - 22.5px);
		margin-right:30px;
		background:#fff;
		padding:10px 20px 20px;
		position:relative;
	}

	#solution_example .example_conte .bottom .solution_conte > div::after {
		content:"";
		width:40px;
		height:40px;
		background:#000 url(../../images2022/solutionarw.png) center center no-repeat;
		display:block;
		position:absolute;
		top:-15px;
		right:-15px;
		z-index:5;
		border-radius:20px;
	}

	#solution_example .example_conte .bottom .solution_conte > div:last-child {
		margin-right:0;
	}

	#solution_example .example_conte .bottom .solution_conte > div .img_block {
		width:100%;
		height:130px;
		position:relative;
		margin-bottom:10px;
	}

	#solution_example .example_conte .bottom .solution_conte > div .img_block img {
		width:100%;
		max-width:125px;
		position:absolute;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	#solution_example .example_conte .bottom .solution_conte > div p {
		display: table;
		margin: auto;
		text-align: left; /* 親要素に text-align: center が効いている場合はこちらも */
		font-size: 105%;
		line-height: 1.8;
	}

	/* 第2階層以下 サービス（設置工事） */

	#service_fv {
		background:url(../../images2022/service_main_bg.jpg) center center no-repeat;	
		background-size:cover;
	}

	#service_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}


	/* 第2階層以下 サービス（設置工事） */

	#service_fv {
		background:url(../../images2022/service_main_bg.jpg) center center no-repeat;	
		background-size:cover;
	}

	#service_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	/* 第2階層以下 実績 */

	#works_fv {
		background:url(../../images2022/works_main_bg.jpg) center center no-repeat;	
		background-size:cover;
		margin-bottom: 140px;
	}

	#works_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	.logolist {
		width:100%;
		padding-bottom:60px;
	}

	.logo_slider {
		margin-top:40px;
	}

	.logo_slider .logo_box_outer {

	}

	.logo_slider .logo_box_outer div {
		width:150px;
		height:80px;
		margin-bottom:10px;
		position: relative;
		text-align: center;
	}

	.logo_slider .logo_box_outer div::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		width: 0;
		margin-left: -0.3em;
	}

	.logo_slider .logo_box_outer div img {
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
		vertical-align: middle;
	}




	/* 第2階層以下 私たちの強み */

	#speciality_fv {
		background:url(../../images2022/speciality_main_bg.jpg) center center no-repeat;	
		background-size:cover;
		margin-bottom: 0px;
	}

	#speciality_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	#speciality_list .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:80px 20px;
		margin:0 auto;
		position:relative;
	}

	#speciality_list .speciality_box {
		width:100%;
		margin-bottom:100px;
	}

	#speciality_list .speciality_box h2 {
		width:100%;
		height:100px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom:15px;
	}

	#speciality_list .speciality_box h2 .number {		
		width: 100px;
		height: 100px;
		line-height: 100px;
		text-align: left;
		color: #dfdfdf;
		font-size: 550%;
		font-weight: 500;
		letter-spacing: -5px;
	}

	#speciality_list .speciality_box h2 .main {
		width:calc(100% - 120px);
		line-height:100px;
		color:#f98810;
		font-size: 250%;
		font-weight: 500;
	}

	#speciality_list .speciality_box .top {
		padding:0 100px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom:50px;
	}

	#speciality_list .speciality_box .top .left {
		width:50%;
		padding-left:30px;
		font-size: 180%;
		font-weight: 700;
		letter-spacing: -1px;
		position:relative;
	}

	#speciality_list .speciality_box .top .left::before {
		content:"";
		display:block;
		position:absolute;
		width:20px;
		height:6px;
		background:#f98810;
		left:0;
		top:15px;
	}

	#speciality_list .speciality_box .top .right {
		width:50%;
		padding-left:25px;
		font-size: 120%;
		font-weight: 400;
		letter-spacing: -1px;
		line-height:1.7;
	}

	/* 第2階層以下 ビジネスパートナー */

	#partner_fv {
		background:url(../../images2022/business_partner_main_bg.jpg) center center no-repeat;	
		background-size:cover;
		margin-bottom: 140px;
	}

	#partner_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	#partner_fv .title_box h1 {
		line-height:1.3;
	}

	#partner_fv .title_box .eng {
		margin-bottom:10px;
	}

	/* 第2階層以下 会社概要 */

	#company_fv {
		background:url(../../images2022/company_main_bg.jpg) center center no-repeat;	
		background-size:cover;
		margin-bottom: 140px;
	}

	#company_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	#company_fv .title_box h1 {
		line-height:1.3;
	}

	#company_fv .title_box .eng {
		margin-bottom:10px;
	}
	

	/* 企業情報 沿革 */

	#history_contents .contents {
		display: block;
		width: 100%;
		max-width: 1140px;
		padding: 0px 20px 60px;
		margin: 10px auto 0;
		position: relative;
	}

	#history_contents .history_block {
		width:100%;
		border-top:1px solid #d0d0d0;
	}

	#history_contents .history_block .history_box {
		width:100%;
		padding:10px 0;
		border-bottom:1px solid #d0d0d0;
		display:flex;
	}

	#history_contents .history_block .history_box div.day {
		display:block;
		width:115px;
		color:#6c6c6c;
		font-size:125%;
	}

	#history_contents .history_block .history_box div {
		display:block;
		width:calc(100% - 115px);
	}

	#history_contents .history_block .history_box div span {
		font-weight:500;
		font-size:120%;
		line-height:1.8;
	}

	#history_contents .history_block .history_box div p {
		font-size:110%;
		line-height:1.8;
	}

	#history_contents .history_block .history_box div p.bottom_border {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}


	/* 企業情報 拠点一覧 */

	#access_contents .contents {
		display: block;
		width: 100%;
		max-width: 1140px;
		padding: 0px 20px 60px;
		margin: 10px auto 0;
		position: relative;
	}

	#access_contents .kyoten_block {
		width:100%;
		margin-bottom:100px;
	}

	#access_contents .kyoten_block h2.kyotenH2 {
		width:100%;
		height:45px;
		line-height:45px;
		background:#ff8812;
		padding-left:12px;
		color:#fff;
		font-size:160%;
		font-weight:500;
		margin-bottom:45px;
	}
	
	#access_contents .kyoten_block .top_box {
		display:flex;
	}

	#access_contents .kyoten_block .top_box .leftBox {
		width:calc(100% - 490px);
		border-top:1px solid #d0d0d0;
		margin-bottom:60px;
	}

	#access_contents .kyoten_block .top_box .leftBox.tohoku {
		width:100%!important;
		margin-bottom:0px!important;
	}

	#access_contents .kyoten_block .top_box .leftBox > div {
		display:flex;
		padding:15px 0;
		border-bottom:1px solid #d0d0d0;
	}
	#access_contents .kyoten_block .top_box .leftBox > div div:first-child {
		width:20%;
		font-size:115%;
		font-weight:500;
	}
	#access_contents .kyoten_block .top_box .leftBox.tohoku > div div:first-child {
		max-width:122px!important;
	}

	#access_contents .kyoten_block .top_box .leftBox > div div:last-child {
		width:80%;
		font-size:115%;
	}

	#access_contents .kyoten_block .top_box .rightBox {
		width:490px;
		margin-bottom:30px;
		padding:0 30px 0 79px;
	}

	#access_contents .kyoten_block .top_box .rightBox img {
		width:100%;
	}

	.c-location__map {
		position: relative;
		text-align: right;
		width: 100%;
		height: 299px;
	}

	.c-location__map::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.c-location__map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-filter: saturate(0);
		filter: saturate(0);
		-webkit-transition: all linear .2s;
		transition: all linear .2s;
	}

	.c-location__mapmark {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 1;
		border-radius: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		opacity: 1;
		-webkit-transition: all linear .2s;
		transition: all linear .2s;
	}

	.c-location__mapmark img {
		max-width: 226px;
		width: 100%;
		max-height:202px;
		height:100%;
	}

	.c-location__map:hover iframe{-webkit-filter:saturate(1);filter:saturate(1)}
	.c-location__map:hover::before{z-index:-1}
	.c-location__map:hover .c-location__mapmark{opacity:0;z-index:-1}

	/* メッセージ写真対応 */

	#main #message .imgBox {
		background: #fcfdfa url(../../images2022/message_img01.jpg) no-repeat right top!important;
	}


	.pcn {
		display:none;
	}

	
	/* スクロールアニメーション */

	.fadeIn_left {
		opacity: 0;
		transform: translate(-30%, 0);
		transition: .8s;
		transition-timing-function : cubic-bezier(.41,.05,.94,.65);
		-webkit-transition-timing-function : cubic-bezier(.41,.05,.94,.65);
	}

	.fadeIn_right {
		opacity: 0;
		transform: translate(30%, 0);
		transition: .8s;
	}

	.fadeIn_up {
		opacity: 0;
		transform: translate(0, 30px);
		transition: .8s;
	}

	.fadeIn_down {
		opacity: 0;
		transform: translate(0, -30%);
		transition: .8s;
	}

	.fadeIn_only {
		opacity: 0;
		transform: translate(0,0);
		transition: 1.8s;
	}


	.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.timing0 {transition-delay: 0ms;}
	.timing1 {transition-delay: 100ms;}
	.timing2 {transition-delay: 200ms;}
	.timing3 {transition-delay: 300ms;}
	.timing4 {transition-delay: 400ms;}
	.timing5 {transition-delay: 500ms;}
	.timing6 {transition-delay: 600ms;}
	.timing7 {transition-delay: 700ms;}
	.timing8 {transition-delay: 800ms;}
	.timing9 {transition-delay: 900ms;}

	/* 第2階層以下 防犯カメラソリューション 20220909 */

	#business_fv {
		background:url(../../images2022/business_main_bg.png) center center no-repeat;
		background-size:cover;
		margin-bottom: 0px;
	}

	#business_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:530px;
		margin:0 auto;
		position:relative;
	}

	#business_solution .contents {
		display:block;
		width:100%;
		max-width:1193px;
		padding:80px 20px 80px;
		margin:0 auto;
		position:relative;
	}

	#business_solution .contents .business_text {
		width:100%;
		text-align:center;
		font-weight:700;
		font-size:200%;
		margin-bottom:80px;
	}

	#business_solution .contents .business_img {
		width:100%;
	}

	#business_contents .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:60px 20px 20px;
		margin:0 auto;
		position:relative;
	}

	#business_contents .business_list {
		width:100%;	
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	#business_contents .business_list div.business_box {
		width:calc(33% - 3px);
		margin-right:4.5px;
		margin-bottom:60px;
		background:#fff;
	}

	#business_contents .business_list div.business_box:nth-child(3n) {
		margin-right:0;
	}

	#business_contents .business_list div.business_box img {
		width:100%;
	}

	#business_contents .business_list div.business_box .text {
		padding:25px 25px 15px;
	}

	#business_contents .business_list div.business_box .text h3 {
		font-size: 180%;
		line-height: 1.4;
		font-weight:700;
		color:#f98810;
		margin-bottom:20px;
	}

	#business_contents .business_list div.business_box .text p {
		display: block;
		font-size: 115%;
		font-weight: 500;
		margin-bottom: 20px;
		line-height: 1.7;
		letter-spacing: -0.65px;
	}

	#business_dialog {
		width:100%;
		background:url(../../images2022/business_diaBg.jpg) center center no-repeat;
		background-size:cover;
		padding:125px 20px 220px;
	}

	#business_dialog .contents {
		display:block;
		width:100%;
		max-width:1280px;
		padding:80px 20px 80px;
		margin:0 auto;
		position:relative;
		background:rgba(255,255,255,0.75);
	}

	#business_dialog .contents .dia_imgbox {
		width:100%;
		text-align:center;
	}

	#business_dialog .contents .dia_imgbox img {
		width:100%;
		max-width:499px;
	}

	#business_dialog .contents .dia_box {
		position:absolute;
	}

	#business_dialog .contents .dia_box h3 {
		font-size: 180%;
		color: #f98810;
		font-weight: 500;
		margin-bottom: 10px;
	}

	#business_dialog .contents .dia_box .text {
		font-size: 120%;
		font-weight: 500;
		line-height: 1.7;
	}
	
	#business_dialog .contents .dia_box.dia01 {
		max-width:300px;
		width:calc(50% - 125px);
		left:calc(50% + 105px);
		top:190px;
	}

	#business_dialog .contents .dia_box.dia02 {
		max-width:300px;
		width:calc(50% - 275px);
		right:calc(50% + 255px);
		top:450px;
	}

	#business_dialog .contents .dia_box.dia03 {
		max-width:300px;
		width:calc(50% - 275px);
		left:calc(50% + 255px);
		top:450px;
	}

	/* 20240311更新 */

	#main #works .textInner .subBox {
		max-width: 1200px;
	}

	.more2 {
		margin-bottom: 0px!important;
	}
	
	.more2__content {
		position: relative;
		height: auto;
		max-height: 400px;
		overflow: hidden;
		transition: max-height 1s;
		position:retive;
		z-index:0;
	}
	.more2__content::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100%;
		transition: 1s;
		background: linear-gradient(
			to bottom,
			transparent 0%,
			#f7f7f7 100%
		);
	}
	
	.more2__content.open::after {
		z-index: -1!important;
		opacity: 0!important;
	}
	
	.result1280 {
		width:100%;
		max-width:1280px;
		position:relative;
		margin:0 auto;
	}
	.resultBlk {
		display:block;
		width:260px;
		height:260px;
		border-radius:130px;
		position:absolute;
		top:-237px;
		right:0;
		background:#000;
		z-index:50;
		color:#ffae00;
		font-weight:900;
		line-height: 1.2;
		text-align: center;
		letter-spacing: -1.5px;
		vertical-align: middle;
		padding-top: 35px;
	}
	.resultBlk span.font01{
		font-size:230%;
	}
	.resultBlk span.font02{
		font-size:300%;
	}
	.resultBlk span.font03{
		font-size:400%;
	}
	.relustMessage {
		display: block;
		width:100%;
		padding: 60px 0 40px 0;
		line-height: 1.8;
		font-size: 145%;
		font-weight: 700;
		margin:0 auto;
		text-align:center;
	}
	.more_result_block {
		width:100%;
		padding:40px 0px 0 0px;
		margin-bottom:105px;
	}
	.more_result_block .more {
		width:calc(33.33% - 26.67px);
		float:left;
		margin-right:40px;
	}
	.more_result_block .more:nth-child(3) {
		margin-right:0;
	}
	.more_result_block .more h4 {
		width:100%;
		border-bottom:1px solid #000;
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:102%;
		font-weight:700;
		padding-left:16px;
		line-height:20px;
		position:relative;
	}
	.more_result_block .more h4::before {
		content:"";
		display:block;
		width:14px;
		height:14px;
		background:#ffae00;
		position:absolute;
		left:0;
		top:3px;
	}
	.more_result_block .more .moreList {
		display:block;
		padding-bottom:40px;
	}



	.more2__btn {
		display: block;
		margin: 0 auto;
		padding: 12px 65px;
		border: 0;
		color: #ffffff;
		background-color: #111;
		cursor: pointer;
		position: relative;
		margin-top: 35px;
		z-index: 5;
		font-weight: 700;
		font-size: 105%;
	}
	.more_result_block {
		display:flex;
		overflow:hidden;
		margin-bottom:0!important;
		justify-content: space-between;
	}
	.more_result_block .more {
		float:none!important;
		width: 23%!important;
		margin:0!important;
	}
	.more_result_block .more .moreList {
		font-size: 85%;
		letter-spacing: -0.5px;
		line-height: 2 !important;
		margin-bottom:0!important;
		width:100%!important;
	}
	.more_result_block .more .moreList span {
		display:block;
		width:100%;
		padding-top:20px;
		text-align:right;
		font-size:95%;
		font-weight:500;
	}

	/* 202406 企業情報更新 */
	
	.fvmb0 {
		margin-bottom:0!important;
	}
	.philos_mission {
		width:100%;
		background:url(../../images2022/philosphyImg01.jpg) bottom center no-repeat;
		background-size:cover;
		padding:13vw 0 14vw;
	}
	.philos_mission .contents {
		max-width: 1320px;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		text-align: center;
	}
	.philos_h2 {
		margin-bottom: 70px;
	}
	.philos_h2 .main {
		color: #ff8811;
		display: block;
		width: 100%;
		font-weight: 500;
		font-size: 440%;
	}
	.philos_h2 .sub {
		font-weight: 700;
		font-size: 145%;
	}
	.philosophy .message {
		margin: 0 0 60px;
		font-size: 300%;
		letter-spacing: -1px;
	}
	.philosophy .text {
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 135%;
		line-height: 2.4;
	}
	.philos_vision {
		width:100%;
		background:url(../../images2022/philosphyImg02.jpg) bottom center no-repeat;
		background-size:cover;
		padding:5.2vw 0 22vw;
	}
	.philos_vision .contents {
		max-width: 1320px;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		text-align: center;
	}
	.philos_value {
		width:100%;
		background:#ff8811 url(../../images2022/philosophyImg03_bg.png) bottom center repeat-x;
		padding:5.2vw 0 0;
	}
	.philos_value .contents {
		max-width: 1320px;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		text-align: center;
	}
	.philos_value h2 {
        margin-bottom: 70px;
	}
	.philos_value h2 span.main {
		color:#fff;
	}
	.value_list {
        width: 75%;
        display: flex;
        justify-content: space-between;
        margin: 0 auto 60px;
        flex-wrap: wrap;
	}
	.value_list > div {
        width: 47%;
        color: #fff;
        padding-top: 70px;
        margin-bottom: 50px;
	}
	.value_list > div:nth-child(1) {
		background:url(../../images2022/phi_val_icon01.png) center top no-repeat;
	}
	.value_list > div:nth-child(2) {
		background:url(../../images2022/phi_val_icon02.png) center top no-repeat;
	}
	.value_list > div:nth-child(3) {
		background:url(../../images2022/pro_icon.png) center top no-repeat;
	}
	.value_list > div:nth-child(4) {
		background:url(../../images2022/phi_val_icon04.png) center top no-repeat;
	}
	.value_list > div h3 {
        width: 100%;
        text-align: center;
        font-size: 230%;
        font-weight: 400;
        margin-bottom: 30px;
	}
	.value_list > div p {
        margin: 0;
        padding: 0;
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 130%;
        letter-spacing: -1px;
        line-height: 2;
        text-align: left;
	}
	.philos_bottom_img {
		width:100%;
		max-width:1091px;
		margin:0 auto 80px;
	}
	.philos_bottom_img img {
		width:100%;
	}

	.president_message { 
		width: 100%;
		padding: 100px 0 100px;
	}
	.president_message .contents {
		max-width: 1320px;
		width: 100%;
		margin: 0 auto;
	}
	.president_message h2 {
		color:#ff8811;
		margin-bottom:50px;

	}
	.president_message .contents > div {
		border: 50px solid #fafafa;
		padding: 65px 80px 0;
		font-family: 'Noto Serif JP', serif;
		font-size: 140%;
		line-height: 2;
	}
	.president_message .contents .message_text {
		display: flex;
		justify-content: space-between;
        align-items: flex-start;
	}
	.president_message .contents .message_text:nth-child(1) {
		padding-bottom:35px;
	}

	.president_message .contents .message_text img {
		max-width:443px;
		width:40%;
		height:auto;
	}

	.companydata { 
		width: 100%;
		padding: 0px 0 100px;
	}
	.companydata .contents {
        max-width: 900px;
		width: 100%;
		margin: 0 auto;
	}
	.companydata h2 {
		color:#ff8811;
		margin-bottom:50px;

	}
	.companydata .leftBox {
		width:100%;
		border-top:1px solid #d0d0d0;
		margin-bottom:60px;
	}

	.companydata .leftBox > div {
		display:flex;
		padding:25px 0;
		border-bottom:1px solid #d0d0d0;
	}

	.companydata .leftBox > div div:first-child {
		width:20%;
		font-size:115%;
		font-weight:500;
	}

	.companydata .leftBox > div div:last-child {
		width:80%;
		font-size:115%;
	}
	/* 20241120登録資格修正 */
	img.marc {
		width:150px;
		margin-top:15px;
	}



}

/* header mediaquery設定 */

@media (max-width: 1380px) {
	.new_header .right_block .menu_block .top .tel span.sub {
		display:none;
	}
}
@media (max-width: 1250px) {
	.new_header .right_block .menu_block .top .tel span.number {
		font-size: 24px;
		letter-spacing: 0px;
		padding-left: 30px;
		background: url(../../images2022/iconTEL.png) left center no-repeat;
	}
	.new_header .right_block .menu_block .top a.mail {
		font-size: 95%;
		padding: 0 15px 0 40px;
		margin: 0 10px 0 12px;
		background: #fff url(../../images2022/iconMAIL.png) left 12px center no-repeat;
	}
	
	.new_header .right_block .menu_block .top a.consul {
		font-size: 95%;
		text-decoration: none;
		padding: 0 15px 0 40px;
		margin: 0 5px 0 0px;
		background: #fff url(../../images2022/iconConsulk.png) left 12px center no-repeat;
	}

	.new_header .right_block .menu_block .bottom .menulink a{
		font-size: 115%!important;
		letter-spacing: -0.5px;
	}
}

@media (max-width: 1100px) {
	.new_header .left_logo {
		display: block;
		width: 120px;
		height: auto;
		position: absolute;
		top:auto;
		left: 12px;
		bottom: 0px;
	}

	.new_header .right_block {
		max-width: calc(100% - 145px);
		right: 5px;
	}

	.new_header .right_block .menu_block .bottom div.menulink:first-child{
		display:none;
	}
}

@media (max-width: 1030px) {
	.new_header .right_block .menu_block .top .tel span.number {
		font-size: 18px;
		padding-left: 30px;
		background: url(../../images2022/iconTEL.png) left center no-repeat;
	}
	.new_header .right_block .menu_block .top a.mail {
		font-size: 87%;
		padding: 0 10px 0 30px;
		margin: 0 5px 0 5px;
		background: #fff url(../../images2022/iconMAIL.png) left 9px center no-repeat;
		background-size: auto 33%;
	}
	.new_header .right_block .menu_block .top a.consul {
		font-size: 87%;
		text-decoration: none;
		padding: 0 10px 0 25px;
		margin: 0 5px 0 0px;
		background: #fff url(../../images2022/iconConsulk.png) left 8px center no-repeat;
		background-size: auto 45%;
	}
}

@media (max-width: 699px) { 

	/* header */

	body {
		padding-top:50px!important;
	}

	.new_header {
		display:block;
		position:fixed;
		width:100%;
		height:50px;
		z-index:40;
		top:0;
		left:0;
		background:#fff;
	}

	.new_header .left_logo {
		display:block;
		width:auto;
		height:40px;
		position:absolute;
		left:15px;
		top:10px;
	}

	.new_header .left_logo img {
		width:auto;
		height:40px;
	}


	.new_header .right_block {
		display:none;
	}

	.new_header .spMenu {
		display:block;
		position:absolute;
		right:5px;
		top:0;
		z-index:20;
		height:50px;
		width:79.5px;
		background:url(../../images2022/spHeadRight.png) center center no-repeat;
		background-size:100% 100%;
	}

	.menuBtn {
		display: block;
		margin-left: 12px;
		width: 67px;
		height: 42px;
		background: url(../../images2022/menuBtn.png) center center no-repeat;
		-moz-background-size: auto 50%;
		background-size: auto 50%;
		position:absolute;
		right: 13px;
		top: 4px;
		z-index:50;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}


	html.sb-active .menuBtn {
		background: url(../../images2022/menuBtn_off.png) center center no-repeat;
		-moz-background-size: auto 50%;
		background-size: auto 50%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}



	/* FV */
	#head_FV {
		width:100%;
		height:80vw;
		position:relative;
	}

	.slider {
		position: absolute;
			  top:0;
			  bottom:0;
			  left:0;
			  right:0;
			  overflow: hidden;
			  background:#ccc;
			  z-index:10;
	}
	.slick-img div.bgimg {
		width: 100%;
	}
	@keyframes zoomUp {
		0% {
		  transform: scale(1);
		}
		100% {
		  transform: scale(1.15); /* 拡大率 */
		}
	}
	.add-animation {
		animation: zoomUp 10s linear 0s normal both;
	}

	#head_FV .contents2 {
		position:absolute;
		z-index:20;
		width:100%;
		height:100%;
		max-width:1400px;
		padding:0 20px;
		margin:0 auto;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}

	#head_FV .contents2 .img_box {
		width:100%;
		height:100%;
		position:absolute;
	}

	#head_FV .contents2 img {
		width:100%;
		position:absolute;
		bottom:38px;
		left:0px;
		z-index:30;
	}

	#head_FV .slick-dots {
		display: flex;
		position: absolute;
		left: 50%;
		bottom: 8px;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}

	#head_FV .slick-dots li {
		margin: 0 4px;
	  }
	#head_FV .slick-dots li button {
		position: relative;
		text-indent: -9999px;
	}
	#head_FV .slick-dots li button::before {
		background:#000;
		content: "";
		cursor: pointer;
		width: 12px;
		height:12px;
		border-radius:7.5px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#head_FV .slick-dots li.slick-active button::before, #head_FV .slick-dots li button:hover::before {
		background:#ff8811;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#head_FV button {
		background: none;
		border: none;
		outline: none;
		padding: 0 7px;
	}

	/* fvbottom */
	#fvbottom_orange {
		background:#ff8811;
		padding:35px 0;
	}

	#fvbottom_orange .contents {
		width:100%;
		max-width:1320px;
		padding:0 40px;
		margin:0 auto;
	}

	#fvbottom_orange .strong_point {
		width:100%;
	}

	#fvbottom_orange .strong_point h2.black {
		width:fit-content;
		background:#000;
		height:25px;
		line-height:23px;
		font-size:125%;
		font-weight:500;
		padding:0 10px;
		color:#fff;
		letter-spacing: 2px;
	}

	#fvbottom_orange .strong_point div.main {
		width:100%;
		font-size:200%;
		font-weight:500;
		color:#fff;	
		line-height: 1.4;
		padding: 10px 0 30px;
	}

	.strong_list {
		width:100%;
		margin-bottom:70px;
	}

	.strong_list .strong_box {
		width:100%;
		background: linear-gradient(transparent 0%, transparent 50%, #fff 50%, #fff 100%);
		margin-bottom:20px;
	}

	.strong_list .strong_box:last-child {
		margin-right:0;
	}

	.strong_list .strong_box h3 {
		position:relative;
		line-height:35px;
		padding:15px 0 10px;
		border-bottom:3px solid #fff;
		width:100%;
		text-align:center;
		font-size:210%;
		color:#fff;
		font-weight:500;
		margin-bottom:18px;
	}

	.strong_list .strong_box h3::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: -10px;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		border-width: 10px 10px 0 10px;
	}
	.strong_list .strong_box h3 span {
		font-size:140%;
		line-height: 26px;
	}

	.strong_list .strong_box img.strong_img {
		width:100%;
		margin:0;
	}

	.strong_list .strong_box .strong_text {
		width:100%;
		background:#fff;
		padding:15px
	}

	.strong_list .strong_box .strong_text .title {
		font-size:150%;
		color:#ff8811;
		font-weight:500;
		margin-bottom:10px;
	}

	.strong_list .strong_box .strong_text .text {
		display:block;
		margin:0;
		padding:0;
		color:#333;
		line-height:1.8;
		font-size:125%;
		font-weight:500;
	}

	.strong_point .black_btn {
		width:calc(100% + 30px);
		margin:0 -15px;
	}

	.strong_point .black_btn a {
		display:block;
		width:100%;
		height:60px;
		line-height:60px;
		font-size:115%;
		font-weight:500;
		color:#fff;
		letter-spacing: 3px;
		text-align:center;
		text-decoration: none;
		margin-bottom:20px;
	}

	.strong_point .black_btn a.erabareru {
		background:#000 url(../../images2022/erabareru_icon.png) right 15px center no-repeat;
		background-size:auto 55%;
	}

	.strong_point .black_btn a.jisseki {
		background:#000 url(../../images2022/jisseki_icon.png) right 15px center no-repeat;
		background-size:auto 45%;
	}

	section#index_news {
		padding:35px 0;

	}

	section#index_news .contents {
		width:100%;
		padding:0 25px;
		margin:0 auto;
	}

	section#index_news h2 {
		display:block;
		text-align:center;
		font-size:220%;
		color:#ff8811;
		font-weight:500;
		margin-bottom:25px;
		letter-spacing: 3px;
	}

	section#index_news .news_block {
		width:100%;
	}

	section#index_news .news_block .news_box {
		background:#fafafa;
		margin-bottom:10px;
		padding:15px;
	}

	section#index_news .news_block .news_box span {
		display:block;
		width:100%;
	}

	section#index_news .news_block .news_box span:first-child {
		color:#6d6d6d;
		padding-bottom:8px;
		font-size:140%;
	}

	section#index_news .news_block .news_box span:last-child {
		font-size:140%;
	}

	section#index_service {
		width:100%;
		padding:0 0px;
	}

	section#index_service .contents {
		width:100%;
		position:relative;
		max-height:500px;
		padding:0px 0px 0;
		margin:0 0px 60px;
		background-size:100% auto;
		position:relative;

	}

	section#index_service .service_box {
		width:100%;
		padding:15px 40px 30px;
		background:#fafafa;
	}

	section#index_service .service_box h3 {
		width:fit-content;
		background:#000;
		height:25px;
		line-height:23px;
		font-size:125%;
		font-weight:500;
		padding:0 10px;
		color:#fff;
		letter-spacing: 2px;
	}

	section#index_service .service_box a  {
		outline:none;
		text-decoration:none;
	}


	section#index_service .service_box div.main {
		width:100%;
		font-size: 220%;
		color: #ff8811;
		font-weight: 500;
		margin-bottom: 15px;
		letter-spacing: 1px;
		padding: 10px 0 10px;
		position:relative;
		outline:none;
		text-decoration:none;
	}

	section#index_service .service_box div.main::after {
		display:block;
		position:absolute;
		content:"";
		width:32px;
		height:32px;
		background:url(../../images2022/business_arw.png) center center no-repeat;
		background-size:100% auto;
		right:0%;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		text-decoration:none;
	}

	section#index_service .service_box div.text {
		font-size:125%;
		line-height:1.8;
	}

	section#index_service .illust_img {
		width:100%;
		height:auto;
		padding:0 20px;
		margin-top:50px;
		background:#fafafa;
	}

	section#index_service .illust_img img {
		margin-top:-50px;
	}

	section#index_service .pc_img {
		position:absolute;
		top:28vw;
		left:20px;
		width:50%;
		height:27.5vw;
		padding:0;
	}

	section#index_service .pc_img img {
		width:100%;
	}

	section#index_service .service_list {
		width:100%;
		padding:0 25px;
	}

	section#index_service .service_list a {
		display:block;
		width:100%;
		height:41vw;
		margin-bottom:12px;
		position:relative;
	}

	section#index_service .service_list a.corporate {
		background:url(../../images2022/servicelist01.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.solutions {
		background:url(../../images2022/servicelist02.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.greentings {
		background:url(../../images2022/servicelist03.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.recruitment {
		background:url(../../images2022/servicelist04.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.track {
		background:url(../../images2022/servicelist05.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a.partner {
		background:url(../../images2022/servicelist06.jpg) center center no-repeat;
		background-size:cover;
	}

	section#index_service .service_list a::after {
		display: block;
		position: absolute;
		content: "";
		width: 33px;
		height: 33px;
		background: url(../../images2022/service_arw.png) center center no-repeat;
		background-size: cover;
		left: 50%;
		bottom: 26px;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}

	section#index_service .service_list a span.jan {
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 90px;
		color: #fff;
		font-size: 165%;
		line-height: 1.3;
		letter-spacing: 1px;
	}


	section#index_service .service_list a span.eng {
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 70px;
		color: #fff;
		font-size: 100%;
	}






	/* footer */

	footer {
		width:100%;
		border-top:1px solid #d1d1d1;
	}

	footer .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
		position:relative;

	}

	footer .foot_top {
		display:flex;
		padding:15px 0;
	}

	footer .foot_top .menu {
		display:none;
	}

	footer .foot_top .right_contents {
		width:100%;
		position:relative;
	}

	footer .foot_top .right_contents .mark {
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		gap: 0 1em;
	}

	footer .foot_top .right_contents .mark p {
		display: inline-block;
		width: fit-content;
		text-align: left;
		color: #6d6d6d;
		font-size: 100%;
		line-height: 1.4;
		padding-left: 10px;
		order: 1;
	}

	footer .foot_top .right_contents .mark img {
		height: 14.5vw;
	}

	footer .foot_top .right_contents .bottom_link {
		text-align: center;
		width: 100%;
		padding-top: 12px;
	}

	footer .foot_top .right_contents .bottom_link a {
		color: #666;
		font-size: 80%;
		font-weight: 400;
		text-decoration: none;
	}

	footer .copy {
		width:100%;
		height: 40px;
		line-height: 40px;
		background:#000;
		color:#fff;
		text-align:center;
		font-size:100%;
		font-weight:500;
	}




	/* 第二階層以下 汎用 */
	/* header */
	body.other {
		-moz-box-sizing: border-box;        /* Firefox */  
		-webkit-box-sizing: border-box;     /* Safari 3 */  
		-ms-box-sizing: border-box;         /* Internet Explorer 8 */  
		box-sizing: border-box;             /* Opera */ 

	}

	body.other .new_header {
		background:#fff;
	}


	body.other .new_header .right_block .menu_block .top .tel span.number {
		color:#333;
	}

	body.other .new_header .right_block .menu_block .top .tel span.sub {
		color:#333;
	}

	body.other .new_header .right_block .menu_block .top a.mail {
		border:1px solid #ddd;
	}

	body.other .new_header .right_block .menu_block .top a.consul {
		border:1px solid #ddd;
	}

	body.other .new_header .right_block .menu_block .bottom a {
		color:#333;
	}

	section.other_fv {
		width:100%;
		height:72.5vw;
		background:#888;
		position:relative;
	}

	section.other_fv.nosubmenu {
		height:65vw;
	}

	.norenewal120 {
		margin-top:0px!important;
	}

	section.other_fv .pankuzu {
		position:absolute;
		top:0;
		left:0;
		z-index:20;
		width:100%;
		height:30px;
		background:rgba(0,0,0,0.2);
		overflow: auto;
		white-space: nowrap;
	}

	section.other_fv .pankuzu ul {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		margin:0 auto;
		height:30px;
	}

	section.other_fv .pankuzu ul li {
		display:inline-block;
		color:#fff;
		font-size:110%;
		line-height:30px;
		font-weight:400;
		position:relative;
	}

	section.other_fv .pankuzu ul li::after {
		content:"/";
		line-height:30px;
		font-weight:400;
		color:#f98810;
	}

	section.other_fv .pankuzu ul li:last-child {
		padding:0 5px;
	}

	section.other_fv .pankuzu ul li:last-child::after {
		content:"";
	}

	section.other_fv .pankuzu ul li:first-child a {
		padding:0 5px 0 0;
	}


	section.other_fv .pankuzu ul li a {
		color:#fff;
		line-height:30px;
		text-decoration:none;
		padding:0 5px;
	}

	.other_fv .title_box {
		position:absolute;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width:100%;
		padding:0 20px;
	}

	.other_fv.nosubmenu .title_box {
		position:absolute;
		left:50%;
		top:auto;
		bottom: 9vw;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		width:100%;
		padding:0 20px;
	}


	.other_fv .title_box .eng {
		width:fit-content;
		height:20px;
		line-height:19px;
		padding:0 6px;
		background:#000;
		color:#f98810;
		font-size:110%;
		font-weight:700;
		letter-spacing: 2px;
	}

	.other_fv .title_box h1 {
		font-size:260%;
		font-weight:700;
		color:#fff;
		margin-bottom:15px;
		line-height:1.3
	}

	.other_fv .title_box .text {
		font-size:115%;
		font-weight:500;
		color:#fff;
		line-height:1.8;
	}

	.orange_bg {
		background:#ff8812;
	}

	.white_bg {
		background:#fff;
	}

	h2.normalH2 {
		display:block;
		width:100%;
		text-align:center;
		font-size:210%;
		font-weight:500;
		margin-bottom:20px;
	}
	.orange_bg h2.normalH2 {
		color:#fff;
	}

	.white_bg h2.normalH2 {
		color:#ff8812;
	}

	body.other .maintext {
		width:100%;
		text-align:center;
		font-size:135%;
		font-weight:500;
		margin-bottom:25px;
	}

	body.other .orange_bg .maintext {
		color:#333;
	}

	body.other .maintext.big {
		font-size:170%;
	}



	/* 第2階層以下 コンサルティング */

	#consulting_fv {
		background:url(../../images2022/sp_consulting_main_bg.jpg) center center no-repeat;
		background-size:cover;
	}

	#consulting_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:65vw;
		margin:0 auto;
		position:relative;
	}

	#consulting_fv .title_box h1 {
		line-height:1.3;
	}

	#consulting_fv .title_box .eng {
		margin-bottom:5px;
	}


	#consulting_about {
		padding:45px 0;
	}

	#consulting_about .contents {
		display:block;
		width:100%;
		max-width:960px;
		padding:0 20px;
		margin:0 auto;
		position:relative;
	}

	.about_list {
		width:100%;
		padding-top:30px;
		margin-bottom: 60px;
		position:relative;
	}

	.about_list > div {
		width:100%;
		height:50px;
		background:#fff;
		margin-bottom:15px;
		position:relative;
		padding-left:62px;
		padding-right:100px;
	}

	.about_list > div::before {
		content:"";
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		left:0;
		top:0;
		background:#000 url(../../images2022/consultingarw.png) center center no-repeat;
		background-size: 40% auto;
	}

	.about_list > div p {
		display: table-cell;
		vertical-align: middle;
		font-size: 125%;
		font-weight: 700;
		color: #333;
		height: 50px;
		line-height: 1.2;
		position:relative;
	}

	.about_list > div.ques1::after {
		content:"";
		position:absolute;
		bottom:0;		
		right: 29px;
		width: 75px;
		height: 69.5px;
		z-index:100;
		background:url(../../images2022/nayamip01.png) center center no-repeat;
		background-size:cover;
	}

	.about_list > div.ques2::after {
		content:"";
		position:absolute;
		bottom:0;
		
		right: -22px;
		width: 83.5px;
		height: 87px;
		z-index:100;
		background:url(../../images2022/nayamip02.png) center center no-repeat;
		background-size:cover;
	}


	.about_list > div.ques3::after {
		content:"";
		position:absolute;
		bottom: 0;
		right: 34px;
		width: 70.5px;
		height: 78.5px;
		z-index:100;
		background:url(../../images2022/nayamip03.png) center center no-repeat;
		background-size:cover;
	}



	.about_list::after {
		display:block;
		content:"";
		position:absolute;
		left: 50%;
		bottom: -19px;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		border-top: 20px solid #fff;
		border-right: 35px solid transparent;
		border-left: 35px solid transparent;
	}

	#consulting_about .answer {
		font-size: 135%;
		color: #fff;
		text-align: center;
		line-height: 1.6;
	}

	#consulting_about .answer span {
		font-weight:700;
		font-size:115%;
	}

	#consulting_flow {
		padding:30px 0 50px;
	}

	#consulting_flow .contents {
		display:block;
		width:100%;
		padding:0 20px;
		margin:0 auto;
		position:relative;
	}

	#consulting_flow .maintext {
		line-height:1.6;
		text-align:left;
		margin-bottom:40px;
	}

	#consulting_flow .flow_list {
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	#consulting_flow .flow_list > div {
		width: calc(50% - 12.5px);
		margin-right: 25px;
	}

	#consulting_flow .flow_list > div.flow4, #consulting_flow .flow_list > div.flow2 {
		margin-right:0;
	}

	#consulting_flow .flow_list > div div.img {
		width:100%;
		border:3px solid #f98810;
		margin-bottom:10px;
		position:relative;
	}

	#consulting_flow .flow_list > div div.img::after {
		display: block;
		content: "";
		position: absolute;
		right: -15px;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-left: 15px solid #f98810;
	}

	#consulting_flow .flow_list > div.flow4 div.img::after {
		border-top: 0px solid transparent;
		border-bottom: 0px solid transparent;
		border-left: 0px solid #f98810;
	}

	#consulting_flow .flow_list > div div.img img {
		width:100%;
	}

	#consulting_flow .flow_list > div p {
		display: block;
		width: 100%;
		font-size: 120%;
		font-weight: 500;
		text-align: center;
		line-height: 1.2;
		padding-bottom: 20px;
	}

	#consulting_result {
		padding:0 0 60px;
	}

	#consulting_result .contents {
		display:block;
		width:100%;
		padding:0 15px;
		margin:0 auto;
		position:relative;
	}

	#consulting_result .result_box {
		background:#fafafa;
		padding:15px;
		margin-bottom:40px;
	}

	#consulting_result .result_box .top {
		width:100%;
		margin-bottom:35px;
	}

	#consulting_result .result_box .top img {
		width:100%;
		margin-bottom:15px;
	}

	#consulting_result .result_box .top .right_text {
		width:100%;
	}

	#consulting_result .result_box .top .right_text h3 {
		display:block;
		margin-bottom:15px;
	}

	#consulting_result .result_box .top .right_text h3 span.sub {
		display:block;
		width:100%;
		color:#f98810;
		font-size:120%;
		font-weight:500;
	}

	#consulting_result .result_box .top .right_text h3 span.main {
		display:block;
		width:100%;
		color:#333;
		font-size:180%;
		font-weight:500;		
	}

	#consulting_result .result_box .top .right_text .consul_conte {
		width:100%;
		border-top:1px solid #d0d0d0;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div {
		width:100%;
		border-bottom:1px solid #d0d0d0;
		padding:12px 0;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div p {
		display:block;
	    font-size: 125%;
    	font-weight: 400;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div.numberari {
		display:flex;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div.numberari .number {
		width:30px;
		height:30px;
		background:#fff;
		text-align:center;
		line-height:30px;
		color:#f98810;
	    font-size: 125%;
    	font-weight: 700;
		margin-right:10px;
		border-radius:15px;
	}

	#consulting_result .result_box .top .right_text .consul_conte > div.numberari p {
		width:calc(100% - 60px);
	}

	#consulting_result .result_box .bottom {
		width:100%;
	}

	#consulting_result .result_box .bottom .suggestion_title {
		width:100%;
		height:45px;
		background:#f98810;
		line-height:45px;
		text-align:center;
		color:#fff;
		font-size:155%;
		font-weight:500;
	}

	#consulting_result .result_box .bottom .suggestion_conte {
		display:block;
		background:#fff;
		padding:25px 15px 15px;
	    font-size: 120%;
    	font-weight: 400;
		line-height:1.75;

	}


	/* 第2階層以下 ソリューション */

	#solution_fv {
		background:url(../../images2022/sp_solution_main_bg.jpg) center center no-repeat;
		background-size:cover;
	}
	

	#solution_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:72.5vw;
		margin:0 auto;
		position:relative;
	}

	ul.fv_menu{
		position:absolute;
		top:calc(72.5vw - 25px);
		left:15px;
		width:calc(100% - 30px);
		list-style: none;		
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	ul.fv_menu li{
		text-align: center;
		height:50px;
		margin-bottom:7.5px;
	}

	ul.fv_menu.solution_menu li{
		width:calc(100% / 3);
	}

	ul.fv_menu.partner_menu li{
		width:calc(100% / 3);
	}

	ul.fv_menu.company_menu li{
		width:calc(100% / 3);
	}

	ul.fv_menu li a{
		position: relative;
		display:flex;
		padding: 2px 5px;
		text-decoration: none;
		color: #fff;
		font-size:95%;
		line-height:1.3;
		font-weight:500;
		z-index: 1;
		height:50px;
		width:100%;
		justify-content: center;
		align-items: center;
	}
	ul.fv_menu li a::before{
		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		z-index: -1;
		background-color:#000;
		transform: skewX(-10deg);
		height:50px;
		width:100%;
	}
	ul.fv_menu li a:hover::before{
		background-color:#f98810;
	}

	ul.fv_menu li a.select::before{
		background-color:#f98810;
	}


	#solution_example .contents {
		display:block;
		width:100%;
		padding:130px 20px 60px;
		margin:0 auto;
		position:relative;
	}

	#solution_example h2.normalH2 {
		margin-bottom:30px;
		margin-top: -90px;
		padding-top: 90px;
	}

	#solution_example .example_conte {
		background: #fafafa;
		padding: 25px 15px 15px;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 45px;
	}

	#solution_example .example_conte .top {
		margin-bottom:20px;
		position:relative;
	}

	#solution_example .example_conte .top.block2 {
		margin-top:50px;
	}
	
	#solution_example .example_conte.pcleft .top img {
		width: calc(100% + 50px)!important;
		max-width: calc(100% + 50px)!important;
		margin: 0 -15px 0 -35px;
	}

	#solution_example .example_conte.pcright .top img {
		width: calc(100% + 50px)!important;
		max-width: calc(100% + 50px)!important;
		margin: 0 -35px 0 -15px;
	}


	#solution_example .example_conte .top .right_text {
		width:100%;
		margin-bottom:20px
	}

	#solution_example .example_conte .top .right_text h3 {
		display:block;
		position:relative;
		margin-bottom:10px;
		width:100%;
		color:#333;
		font-size:150%;
		font-weight:700;
		padding-left:20px;
	}

	#solution_example .example_conte .top .right_text h3::before {
		content:"";
		display:block;
		position:absolute;
		left:0%;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		width:14px;
		height:4px;
		background:#f98810;

	}

	#solution_example .example_conte .top .right_text .text {
		width:100%;
		display:block;
	    font-size: 110%;
    	font-weight: 400;
		line-height:1.8;
	}

	#solution_example .example_conte .bottom {
		width:100%;
	}

	#solution_example .example_conte .bottom .solution_title {
		width:100%;
		display:block;
		position:relative;
		height:30px;
		text-align:center;
		margin-bottom:20px;
	}

	#solution_example .example_conte .bottom .solution_title span {
		width: fit-content;
		display: inline-block;
		position: relative;
		height: 30px;
		line-height: 30px;
		color: #333;
		font-size: 160%;
		font-weight: 700;
		padding: 0 12px;
		background: #fafafa;
		z-index: 10;
	}

	#solution_example .example_conte .bottom .solution_title::before {
		content:"";
		width:100%;
		height:2px;
		background:#cacaca;
		display:block;
		position:absolute;
		top:14px;
		left:0;
		z-index:5;
	}


	#solution_example .example_conte .bottom .solution_conte {
		width:100%;
	}

	#solution_example .example_conte .bottom .solution_conte > div {
		width:100%;
		min-height:75px;
		background:#fff;
		padding:15px;
		position:relative;
		padding-left:70px;
		margin-bottom:20px;
	}

	#solution_example .example_conte .bottom .solution_conte > div:last-child {
		margin-bottom:0;
	}


	#solution_example .example_conte .bottom .solution_conte > div::after {
		content:"";
		width:23px;
		height:23px;
		background:#000 url(../../images2022/solutionarw.png) left 6.5px top 8px no-repeat;;
		background-size:50% auto;
		display:block;
		position:absolute;
		top:-11.5px;
		right:-11.5px;
		z-index:5;
		border-radius:11.5px;
	}

	#solution_example .example_conte .bottom .solution_conte > div .img_block {
		position:absolute;
		width:65px;
		height:65px;
		left:0%;
		top: 50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
	}

	#solution_example .example_conte .bottom .solution_conte > div .img_block img {
		width:100%;
		max-width:125px;
		position:absolute;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	#solution_example .example_conte .bottom .solution_conte > div p {
		display: table-cell;
		height:45px;
		vertical-align: middle;
		text-align:left;
		font-size: 115%;
		line-height: 1.6;
	}

	/* 第2階層以下 サービス（設置工事） */

	#service_fv + #main {
		margin-top:0!important;
	}

	#service_fv {
		background:url(../../images2022/sp_service_main_bg.jpg) center center no-repeat;
		background-size:cover;
	}

	#service_fv .contents {
		display:block;
		width:100%;
		padding:0 20px;
		height:65vw;
		margin:0 auto;
		position:relative;
	}

	/* 第2階層以下 実績 */

	#works_fv {
		background:url(../../images2022/sp_works_main_bg.jpg) center center no-repeat;
		background-size:cover;
		margin-bottom: 40px;
	}

	#works_fv .contents {
		display:block;
		width:100%;
		max-width:1320px;
		padding:0 20px;
		height:65vw;
		margin:0 auto;
		position:relative;
	}

	.logolist {
		width:100%;
		padding-bottom:30px;
	}

	.logo_slider {
		margin-top:30px;
	}

	.logo_slider .logo_box_outer {

	}

	.logo_slider .logo_box_outer div {
		width:100px;
		height:50px;
		margin-bottom:10px;
		position: relative;
		text-align: center;
	}

	.logo_slider .logo_box_outer div::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		width: 0;
		margin-left: -0.3em;
	}

	.logo_slider .logo_box_outer div img {
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
		vertical-align: middle;
	}



	/* 第2階層以下 私たちの強み */

	#speciality_fv {
		background:url(../../images2022/sp_speciality_main_bg.jpg) center center no-repeat;	
		margin-bottom: 40px;
	}

	#speciality_fv .contents {
		display:block;
		width:100%;
		padding:0 20px;
		height:65vw;
		margin:0 auto;
		position:relative;
	}

	#speciality_list .contents {
		display:block;
		width:100%;
		padding:20px 20px;
		margin:0 auto;
		position:relative;
	}

	#speciality_list .speciality_box {
		width:100%;
		margin-bottom:40px;
	}

	#speciality_list .speciality_box h2 {
		width:100%;
		height:70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom:10px;
	}

	#speciality_list .speciality_box h2 .number {
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: left;
		color: #dfdfdf;
		font-size: 400%;
		font-weight: 500;
		letter-spacing: -5px;
	}

	#speciality_list .speciality_box h2 .main {
		width: calc(100% - 60px);
		color: #f98810;
		font-size: 220%;
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: -0.5px;
	}

	#speciality_list .speciality_box .top {
		padding:0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom:25px;
	}

	#speciality_list .speciality_box .top .left {
		width: 100%;
		padding-left: 20px;
		font-size: 160%;
		font-weight: 700;
		letter-spacing: -0.5px;
		position: relative;
		margin-bottom:15px;
	}

	#speciality_list .speciality_box .top .left::before {
		content: "";
		display: block;
		position: absolute;
		width: 15px;
		height: 4px;
		background: #f98810;
		left: 0;
		top: 12px;
	}

	#speciality_list .speciality_box .top .right {
		width: 100%;
		padding-left: 20px;
		font-size: 115%;
		font-weight: 400;
		letter-spacing: -0.5px;
		line-height: 1.5;
	}

	#speciality_list .speciality_box .bottomImg {
		width:100%;
	}

	#speciality_list .speciality_box .bottomImg img {
		width: 200%!important;
		max-width: 180%!important;
		margin: 0px -24%;
	}



	/* 第2階層以下 ビジネスパートナー */

	#partner_fv {
		background:url(../../images2022/sp_business_partner_main_bg.jpg) center center no-repeat;	
		background-size:cover;
		margin-bottom: 40px;
	}

	#partner_fv .contents {
		display:block;
		width:100%;
		padding:0 20px;
		height:72.5vw;
		margin:0 auto;
		position:relative;
	}

	#partner_fv .title_box h1 {
		line-height:1.2;
		text-align:left;
	}

	#partner_fv .title_box .eng {
		margin-bottom:5px;
	}

	/* 第2階層以下 会社概要 */

	#company_fv {
		background:url(../../images2022/sp_company_main_bg.jpg) center center no-repeat;	
		background-size:cover;
		margin-bottom: 70px;
	}

	#company_fv .contents {
		display:block;
		width:100%;
		padding:0 20px;
		height:72.5vw;
		margin:0 auto;
		position:relative;
	}

	#company_fv .title_box h1 {
		line-height:1.3;
	}

	#company_fv .title_box .eng {
		margin-bottom:10px;
	}


	/* 企業情報 沿革 */

	#history_contents {
		margin-top: 120px;
	}

	#history_contents .contents {
		display: block;
		width: 100%;
		max-width: 1140px;
		padding: 0px 20px 60px;
		margin: 10px auto 0;
		position: relative;
	}

	#history_contents .history_block {
		width:100%;
		border-top:1px solid #d0d0d0;
	}

	#history_contents .history_block .history_box {
		width:100%;
		padding:10px 0;
		border-bottom:1px solid #d0d0d0;
		display:flex;
	}

	#history_contents .history_block .history_box div.day {
		display:block;
		width:115px;
		color:#6c6c6c;
		font-size:125%;
	}

	#history_contents .history_block .history_box div {
		display:block;
		width:calc(100% - 115px);
	}

	#history_contents .history_block .history_box div span {
		font-weight:500;
		font-size:120%;
		line-height:1.8;
	}

	#history_contents .history_block .history_box div p {
		font-size:110%;
		line-height:1.8;
	}

	#history_contents .history_block .history_box div p.bottom_border {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	/* 企業情報 拠点一覧 */

	#access_contents {
		margin-top: 120px;
	}

	#access_contents .contents {
		display: block;
		width: 100%;
		max-width: 1140px;
		padding: 0px 20px 60px;
		margin: 10px auto 0;
		position: relative;
	}

	#access_contents .kyoten_block {
		width:100%;
		margin-bottom:100px;
	}

	#access_contents .kyoten_block h2.kyotenH2 {
		width:100%;
		height:40px;
		line-height:40px;
		background:#ff8812;
		padding-left:12px;
		color:#fff;
		font-size:145%;
		font-weight:500;
		margin-bottom:35px;
	}
	
	#access_contents .kyoten_block .top_box {
		width:100%;
	}

	#access_contents .kyoten_block .top_box .leftBox {
		width:100%;
		border-top:1px solid #d0d0d0;
		margin-bottom:20px;
	}

	#access_contents .kyoten_block .top_box .leftBox > div {
		display:flex;
		padding:12px 0;
		border-bottom:1px solid #d0d0d0;
	}

	#access_contents .kyoten_block .top_box .leftBox > div div:first-child {
		width:20%;
		font-size:110%;
		font-weight:500;
	}

	#access_contents .kyoten_block .top_box .leftBox > div div:last-child {
		width:80%;
		font-size:110%;
	}

	#access_contents .kyoten_block .top_box .rightBox {
		display:none;
	}

	#access_contents .kyoten_block .top_box .rightBox img {
		width:100%;
	}

	.c-location__map {
		position: relative;
		text-align: right;
		width: 100%;
		height: 299px;
	}

	.c-location__map::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.c-location__map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-filter: saturate(0);
		filter: saturate(0);
		-webkit-transition: all linear .2s;
		transition: all linear .2s;
	}

	.c-location__mapmark {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 1;
		border-radius: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		opacity: 1;
		-webkit-transition: all linear .2s;
		transition: all linear .2s;
	}

	.c-location__mapmark img {
		max-width: 226px;
		width: 100%;
		max-height:202px;
		height:100%;
	}

	.c-location__map:hover iframe{-webkit-filter:saturate(1);filter:saturate(1)}
	.c-location__map:hover::before{z-index:-1}
	.c-location__map:hover .c-location__mapmark{opacity:0;z-index:-1}
	

	/* 第2階層以下 防犯カメラソリューション 20220909 */

	#business_fv {
		background:url(../../images2022/business_main_bg.png) center center no-repeat;	
		background-size:cover;
		margin-bottom: 70px;
	}

	#business_fv .contents {
		display:block;
		width:100%;
		padding:0 20px;
		height:72.5vw;
		margin:0 auto;
		position:relative;
	}

	#business_solution .contents {
		display:block;
		width:100%;
		padding:0px 5px 60px;
		margin:0 auto;
		position:relative;
	}

	#business_solution .contents .business_text {
		width:100%;
		text-align:center;
		font-weight:700;
		font-size:170%;
		margin-bottom:40px;
		padding:0 10px;
		letter-spacing: -0.5px;
	}

	#business_solution .contents .business_img {
		width:100%;
	}

	#business_contents .contents {
		display:block;
		width:100%;
		padding:40px 30px 20px;
		margin:0 auto;
		position:relative;
	}

	#business_contents .business_list {
		width:100%;
	}

	#business_contents .business_list div.business_box {
		width:100%;
		margin-bottom:30px;
		background:#fff;
	}

	#business_contents .business_list div.business_box img {
		width:100%;
	}

	#business_contents .business_list div.business_box .text {
		padding:15px 15px 10px;
	}

	#business_contents .business_list div.business_box .text h3 {
		font-size: 170%;
		line-height: 1.4;
		font-weight:700;
		color:#f98810;
		margin-bottom:10px;
	}

	#business_contents .business_list div.business_box .text p {
		display: block;
		font-size: 115%;
		font-weight: 500;
		margin-bottom: 20px;
		line-height: 1.7;
		letter-spacing: -0.65px;
	}

	#business_dialog {
		width:100%;
		background:url(../../images2022/business_diaBg.jpg) center center no-repeat;
		background-size:cover;
		padding: 50px 10px 50px;
	}

	#business_dialog .contents {
		display:block;
		width:100%;
		max-width:1280px;
		padding:40px 10px 80px;
		margin:0 auto;
		position:relative;
		background:rgba(255,255,255,0.75);
	}

	#business_dialog .contents .dia_imgbox {
		width:100%;
		text-align:center;
	}

	#business_dialog .contents .dia_imgbox img {
		width: 70%;
		margin: 30px auto 20px;
	}

	#business_dialog .contents .dia_box {
		position:absolute;
	}

	#business_dialog .contents .dia_box h3 {
		font-size: 160%;
		letter-spacing: -0.5px;
		color: #f98810;
		font-weight: 500;
		margin-bottom: 5px;		
		text-align: center;
	}

	#business_dialog .contents .dia_box .text {
		font-size: 110%;
		line-height: 1.4;
	}
	
	#business_dialog .contents .dia_box.dia01 {
		width: 35%;
		right: 1%;
		top: 29vw;
	}

	#business_dialog .contents .dia_box.dia02 {
		width: 40%;
		left: 5%;
		top: 92vw;
	}

	#business_dialog .contents .dia_box.dia03 {
		width: 40%;
		right: 5%;
		top: 92vw;
	}

	/* 20240311更新 */
	.result1280 {
		width:100%;
		position:relative;
		margin:0 auto;
	}
	.resultBlk {
		display:block;
		width:105px;
		height:105px;
		border-radius:52.5px;
		position:absolute;
		top:-175px;
		right:15px;
		background:#000;
		z-index:50;
		color:#ffae00;
		font-weight:900;
		line-height: 1.2;
		text-align: center;
		letter-spacing: -1.5px;
		vertical-align: middle;
		padding-top: 12px;
	}
	.resultBlk span.font01{
		font-size:110%;
	}
	.resultBlk span.font02{
		font-size:140%;
	}
	.resultBlk span.font03{
		font-size:220%;
	}
	.relustMessage {
		display: block;
		width:100%;
		padding: 30px 0 20px 0;
		line-height: 1.8;
		font-size: 125%;
		font-weight: 700;
		margin:0 auto;
		text-align:center;
	}
	.more_result_block {
		width: 100%;
		padding: 15px 10px;
		margin: 0 0px 15px 0px
	}
	.more_result_block .more {
		width:100%;
	}
	.more_result_block .more:nth-child(3) {
		margin-right:0;
	}
	.more_result_block .more h4 {
		width:100%;
		border-bottom:1px solid #000;
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:115%;
		font-weight:700;
		padding-left:16px;
		line-height:20px;
		position:relative;
	}
	.more_result_block .more h4::before {
		content:"";
		display:block;
		width:14px;
		height:14px;
		background:#ffae00;
		position:absolute;
		left:0;
		top:3px;
	}
	.more_result_block .more .moreList {
		display:block;
		margin-bottom:20px;
	}


	.more2 {
		margin-bottom: 0px!important;
	}
	
	.more2__content {
		position: relative;
		height: auto;
		max-height: 250px;
		overflow: hidden;
		transition: max-height 2.5s;
		position:relative;
		z-index:0;
	}
	.more2__content::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100%;
		transition: 1s;
		background: linear-gradient(
			to bottom,
			transparent 0%,
			#f7f7f7 100%
		);
	}
	
	.more2__content.open::after {
		z-index: -1!important;
		opacity: 0!important;
	}
	
	.more2__btn {
		display: block;
		margin: 0 auto;
		padding: 10px 60px;
		border: 0;
		color: #ffffff;
		background-color: #111;
		cursor: pointer;
		position: relative;
		margin-top: 25px;
		z-index: 5;
		font-weight: 700;
		font-size: 105%;
	}
	.more_result_block {
	overflow:hidden;
	margin-bottom:0!important;
	}
	.more_result_block .more {
	float:none!important;
	width: 100%!important;
	margin:0!important;
	}
	.more_result_block .more .moreList {
		font-size: 100% !important;
		letter-spacing: 0px;
		line-height: 1.65 !important;
		margin-bottom:40px!important;
	}
	.more_result_block .more .moreList span {
		display:block;
		width:100%;
		padding-top:10px;
		text-align:right;
		font-size:95%;
		font-weight:500;
	}

	/* 202406 企業情報更新 */
	
	.fvmb0 {
		margin-bottom:0!important;
	}
	.philos_mission {
        width: 100%;
        background: url(../../images2022/philosophySpBg01.jpg) bottom center no-repeat;
        background-size: cover;
        padding: 150px 0 220px;
	}
	.philos_mission .contents {
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
        padding: 0 40px;
        text-align: center;
	}
	.philos_h2 {
        margin-bottom: 30px;
	}
	.philos_h2 .main {
        color: #ff8811;
        display: block;
        width: 100%;
        font-weight: 500;
        font-size: 350%;
	}
	.philos_h2 .sub {
        font-weight: 700;
        font-size: 130%;
	}
	.philosophy .message {
        margin: 0 0 25px;
        font-size: 250%;
        letter-spacing: -1px;
	}
	.philosophy .text {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 130%;
        line-height: 2;
        text-align: left;
	}
	.philos_vision {
        width: 100%;
        background: url(../../images2022/business_diaBg02.jpg) bottom center no-repeat;
        background-size: 100% auto;
        padding: 70px 0 250px;
	}
	.philos_vision .contents {
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
        padding: 0 40px;
        text-align: center;
	}
	.philos_value {
        width: 100%;
        background: #ff8811 url(../../images2022/philosophyImg03_bg.png) bottom center repeat-x;
        background-size: auto 20%;
        padding: 70px 0 0px;
	}
	.philos_value .contents {
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
        padding: 0 40px;
        text-align: center;
	}
	.philos_value h2 {
        margin-bottom: 70px;
	}
	.philos_value h2 span.main {
		color:#fff;
	}
	.value_list {
		width:100%;
        width: 100%;
        margin-bottom: 40px;
	}
	.value_list > div {
        width: 100%;
        color: #fff;
        padding-top: 65px;
        margin-bottom: 45px;
	}
	.value_list > div:nth-child(1) {
		background:url(../../images2022/phi_val_icon01.png) center top no-repeat;
        background-size: 52px auto;
	}
	.value_list > div:nth-child(2) {
		background:url(../../images2022/phi_val_icon02.png) center top no-repeat;
        background-size: 52px auto;
	}
	.value_list > div:nth-child(3) {
		background:url(../../images2022/pro_icon.png) center top no-repeat;
        background-size: 52px auto;
	}
	.value_list > div:nth-child(4) {
		background:url(../../images2022/phi_val_icon04.png) center top no-repeat;
        background-size: 52px auto;
	}
	.value_list > div h3 {
        width: 100%;
        text-align: center;
        font-size: 210%;
        font-weight: 400;
        margin-bottom: 30px;
		letter-spacing: -0.5px;
	}
	.value_list > div p {
        margin: 0;
        padding: 0;
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 130%;
        letter-spacing: -1px;
        line-height: 1.8;
        text-align: left;
	}
	.philos_bottom_img {
        width: 100%;
        max-width: 1091px;
        margin: 0 auto 80px;
	}
	.philos_bottom_img img {
		width:100%;
	}

	.president_message { 
        width: 100%;
        padding: 130px 20px 60px;
	}
	.president_message .contents {
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
	}
	.president_message h2 {
        color: #ff8811;
        margin-bottom: 30px;
        margin-top: -90px;
        padding-top: 90px;
	}
	.president_message .contents > div {
        border: 20px solid #fafafa;
        padding: 35px 25px 0;
        font-family: 'Noto Serif JP', serif;
        font-size: 118%;
        line-height: 1.8;
	}
	.president_message .contents .message_text {
	}
	.president_message .contents .message_text:nth-child(1) {
		padding-bottom:35px;
	}

	.president_message .contents .message_text img {
		width: 80%;
        height: auto;
        margin: 0 0 0 5%;
	}

	.companydata { 
		width: 100%;
		padding: 100px 20px 100px;
	}
	.companydata .contents {
        max-width: 900px;
		width: 100%;
		margin: 0 auto;
	}
	.companydata h2 {
		color:#ff8811;
		margin-bottom:50px;

	}
	.companydata .leftBox {
		width:100%;
		border-top:1px solid #d0d0d0;
		margin-bottom:60px;
	}

	.companydata .leftBox > div {
		display:flex;
		padding:25px 0;
		border-bottom:1px solid #d0d0d0;
	}

	.companydata .leftBox > div div:first-child {
		width:20%;
		font-size:115%;
		font-weight:500;
	}

	.companydata .leftBox > div div:last-child {
		width:80%;
		font-size:115%;
	}

	/* 20241120登録資格修正 */
	img.marc {
		width:100px;
		margin-top:10px;
	}

	
	/* スクロールアニメーション */

	.fadeIn_left {
		opacity: 0;
		transform: translate(-30%, 0);
		transition: .8s;
		transition-timing-function : cubic-bezier(.41,.05,.94,.65);
		-webkit-transition-timing-function : cubic-bezier(.41,.05,.94,.65);
	}

	.fadeIn_right {
		opacity: 0;
		transform: translate(30%, 0);
		transition: .8s;
	}

	.fadeIn_up {
		opacity: 0;
		transform: translate(0, 30px);
		transition: .8s;
	}

	.fadeIn_down {
		opacity: 0;
		transform: translate(0, -30%);
		transition: .8s;
	}

	.fadeIn_only {
		opacity: 0;
		transform: translate(0,0);
		transition: 1.8s;
	}


	.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.timing0 {transition-delay: 0ms;}
	.timing1 {transition-delay: 100ms;}
	.timing2 {transition-delay: 200ms;}
	.timing3 {transition-delay: 300ms;}
	.timing4 {transition-delay: 400ms;}
	.timing5 {transition-delay: 500ms;}
	.timing6 {transition-delay: 600ms;}
	.timing7 {transition-delay: 700ms;}
	.timing8 {transition-delay: 800ms;}
	.timing9 {transition-delay: 900ms;}
	.spn {
		display:none;
	}

	
}









/* 繧ｹ繝ｩ繧､繝峨Γ繝九Η繝ｼ */

.slideMenu {
	width:100%;
	height:calc(100vh - 50px);
	padding:0;
	text-align:center;
	position:relative;
}

.slideMenu .menuBlock {
	display:block;
	width:100%;
	padding-top:20px;
}

.slideMenu .menuBlock a{
	display:inline-block;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:130%;
	font-weight:500;
	color:#fff;
	text-align:center;
	outline:none;
	text-decoration:none;
}

.slideMenu .btnlink {
	width:100%;
	padding:20px 15px 15px;
	display:flex;
}

.slideMenu .btnlink a.mail {
	display:block;
	width:44.5%;
	height:30px;
	background:url(../../images2022/slide_mail.png) center center no-repeat;
	background-size:auto 100%;
}

.slideMenu .btnlink a.consal {
	display:block;
	width:55.5%;
	height:30px;
	background:url(../../images2022/slide_consal.png) center center no-repeat;
	background-size:auto 100%;
}

.slideMenu a.tel {
	display:block;
	width:calc(100% - 30px);
	margin:0 15px 15px;
	height:65px;
	background:url(../../images2022/slide_tel.png) center center no-repeat;
	background-size:auto 100%;
	border:1px solid #2e2e2e;
	border-radius:32.5px;
}

.slideMenu .slide_partner {
	width:100%;
}



/* -----------------------------------
* Slidebars
* Version 0..10
* http://plugins.adchsm.me/slidebars/
*
* Written by Adam Smith
* http://www.adchsm.me/
*
* Released under MIT License
* http://plugins.adchsm.me/slidebars/license.txt
*
* -------------------
* Slidebars CSS Index
*
* 001 - Box Model, Html & Body
* 002 - Site
* 003 - Slidebars
* 004 - Animation
* 005 - Helper Classes
*
* ----------------------------
* 001 - Box Model, Html & Body
*/

html, body, #sb-site, .sb-site-container, .sb-slidebar {
/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
}

html, body {
width: 100%;
overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
height: 100%; /* Site is as tall as device. */
}

body {
min-height: 100%;
height: auto;
position: relative; /* Required for static Slidebars to function properly. */
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
}

/* ----------
* 002 - Site
*/

#sb-site, .sb-site-container {
/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
width: 100%;
position: relative;
z-index: 1; /* Site sits above Slidebars */
background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* ---------------
* 003 - Slidebars
*/

.sb-slidebar {
height: calc(100% - 50px);
overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
position: fixed;
top: 50px;
z-index: 0; /* Slidebars sit behind sb-site. */
display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
background: rgba(0,0,0,1); /* Default Slidebars background colour, overwrite this with your own css. */
-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
left: 0; /* Set Slidebar to the left. */
}

.sb-right {
right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
z-index: 100; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
	width: 100%;
}

.sb-width-thin {
	width: 15%;
}

.sb-width-wide {
	width: 45%;
}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
.sb-slidebar {
	width: 100%;
}

.sb-width-thin {
	width: 100%;
}

.sb-width-wide {
	width: 100%;
}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
.sb-slidebar {
	width: 55%;
}

.sb-width-thin {
	width: 40%;
}

.sb-width-wide {
	width: 70%;
}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
.sb-slidebar {
	width: 40%;
}

.sb-width-thin {
	width: 25%;
}

.sb-width-wide {
	width: 55%;
}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
.sb-slidebar {
	width: 30%;
}

.sb-width-thin {
	width: 15%;
}

.sb-width-wide {
	width: 45%;
}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
.sb-slidebar {
	width: 20%;
}

.sb-width-thin {
	width: 5%;
}

.sb-width-wide {
	width: 35%;
}
}

/* ---------------
* 004 - Animation
*/

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transition: -webkit-transform 400ms ease;
   -moz-transition: -moz-transform 400ms ease;
	 -o-transition: -o-transform 400ms ease;
		transition: transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
* 005 - Helper Classes
*/

.sb-hide { 
display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}


