html{
	font-size:625%
}
body{
	position:relative;
	color:#111;
	text-align:left;
	font-size:.16em;
	line-height:1.5;
	/*font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;*/
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
	letter-spacing:.05em
}

.sample-box {
    position: relative;
}
.pc_kura {
    position: absolute;
    top: 2%;
    left: 67%;
}
.pc_biz {
    position: absolute;
    top: 15%;
    left: 67%;
}
.pc_biz2 {
    position: absolute;
    top: 15%;
    left: 67%;
}
.pc_office {
    position: absolute;
    top: 28%;
    left: 67%;
}


.sp_kura {   
    position: absolute;
    top: 35%;
    left: 1%;
}
.sp_biz {
    position: absolute;
    top: 35%;
    left: 34%;
}
.sp_office {
    position: absolute;
    top: 35%;
    left: 67%;
}

img{
	width:100%;
	max-width:100%;
	height:auto;
	vertical-align:middle
}

.is-pc{
	display:block !important
}
.is-sp{
	display:none !important
}
.is-hide{
	display:none
}
.gmap{
	height:0;
	overflow:hidden;
	padding-top:56.25%;
	position:relative
}
.gmap iframe{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%
}
a,.btn,.fade_btn{
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
	text-decoration:none;
	opacity:1;
	cursor:pointer;
	transition:all .3s
}
a:active,a:hover,.btn:active,.btn:hover{
	outline-width:0
}

#wrapper{
	background:#ddf2d5;
	width:100%;
	min-width:1080px;
	opacity:1
}

#wrapper .btn_more{
	display:block;
	max-width:320px;
	z-index:10
}
#wrapper .btn_more.centered{
	margin:0 auto
}
#wrapper .btn_more>a{
	display:block;
	background:#0D6DC6;
	width:100%;
	font-size:.16rem;
	line-height:1.4;
	text-align:left;
	color:#fff;
	padding:20px 50px 20px 0;
	position:relative;
	overflow:hidden
}
#wrapper .btn_more>a>span{
	display:block;
	margin:0;
	z-index:2
}
#wrapper .btn_more>a>span.text{
	position:relative;
	padding:0 20px
}
#wrapper .btn_more>a>span.icon{
	position:absolute;
	right:20px;
	top:50%;
	width:28px;
	height:8px;
	margin-top:-10px;
	line-height:1;
	transition:all 0.2s ease
}
#wrapper .btn_more>a:hover>span.icon{
	right:15px
}
#wrapper .btn_more>a::before{
	background-color:#1F42BC;
	content:'';
	position:absolute;
	left:-35%;
	top:0;
	width:0;
	height:100%;
	z-index:1;
	transform:skew(-50deg);
	transform-origin:bottom left;
	transition:all cubic-bezier(0.65, 0, 0.2, 1) 0.6s
}
#wrapper .btn_more>a:hover{
	color:#fff
}
#wrapper .btn_more>a:hover::before{
	height:100%;
	width:140%
}
@media only screen and (max-width: 834px){
	#wrapper{
		min-width:inherit
	}
	#wrapper>main>.mainvisual .btn_more{
		display:inline-block;
		width:auto;
		z-index:10
	}
	#wrapper .btn_more{
		display:block;
		width:280px;
		z-index:10
	}
	#wrapper .btn_more.centered{
		margin:0 auto
	}
	#wrapper .btn_more>a{
		display:block;
		width:100%;
		font-size:.15rem;
		text-align:left;
		color:#fff;
		padding:10px 50px 10px 0;
		position:relative;
		overflow:hidden
	}
	#wrapper .btn_more>a>span{
		z-index:2
	}
	#wrapper .btn_more>a>span.text{
		position:relative;
		padding:0 10px
	}
	#wrapper .btn_more>a>span.icon{
		position:absolute;
		right:10px;
		top:50%;
		width:28px;
		height:8px;
		margin-top:-8px;
		line-height:1;
		transition:all 0.2s ease
	}
	#wrapper .btn_more>a:hover>span.icon{
		right:5px
	}
	#wrapper .btn_more>a::before{
		content:'';
		position:absolute;
		left:-35%;
		top:0;
		width:0;
		height:100%;
		z-index:1;
		transform:skew(-50deg);
		transform-origin:bottom left;
		transition:all cubic-bezier(0.65, 0, 0.2, 1) 0.6s
	}
	#wrapper .btn_more>a:hover{
		color:#fff
	}
	#wrapper .btn_more>a:hover::before{
		height:100%;
		width:140%
	}
}


@media only screen and (max-width: 834px){
	.is-pc{
		display:none !important
	}
	.is-sp{
		display:block !important
	}
	.gmap{
	height:0;
	overflow:hidden;
	padding-top:100%;
	position:relative
	}
}

#wrapper>header{
	background-color:royalblue;
	border-bottom:#efefef solid 1px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:90px;
	padding:0 20px;
	z-index:1000;
	transition:all 0.4s ease
}
body.preload #wrapper>header{
	top:-90px
}
body.hide #wrapper>header{
	top:-90px
}

#wrapper>header>._inner{
	max-width:1340px;
	height:90px;
	margin:0 auto;
	padding-left:150px;
	position:relative;
}
#wrapper>header>._inner>h1{
	position:absolute;
	left:0;
	top:18px;
	display:block;
	width:123px;
	font-size:.11rem;
	font-weight:bold;
	line-height:1;
	letter-spacing:0;
	color:#142b7b;
	z-index:2;
}
#wrapper>header>._inner>h1 img{
	margin-bottom:.10rem;
}
#wrapper>header>._inner>h1 span{
	color: #fff;
}
#wrapper>header>._inner>h1>a{
	transition:all 0.3s ease;
	color:#142b7b;
}
#wrapper>header>._inner>h1>a:hover{
	opacity:.7
}
#wrapper>header>._inner>p{
	padding-top:18px;
	font-size:.11rem;
	line-height:1;
	color:#ccc;
	z-index:2;
}

#wrapper>header>._inner .catchcopy
{
	color:#FF0;
	font-size:.13rem;
	font-weight:bold;
}

#wrapper>header>._inner>.nav{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	z-index:1;
}

#wrapper>header>._inner>.nav>ul.contents_nav{
	position:absolute;
	left:150px;
	bottom:0;
	font-size:.16rem;
	line-height:1
}

#wrapper>header>._inner>.nav>.g_nav{
	z-index:10;
}
#wrapper>header>._inner>.nav>.g_nav>li{
	position:relative;
	display:inline-block;
	margin:0 20px 0 0;
	
	/* アイコン表示 */
	/* 左側 */
	/*
	margin:0 10px 0 0;
	padding-left: 22px;
	line-height: 1.6em;
	background: url(../image/earth_m.png) left 0px top 10px no-repeat;
	background-size: 19px auto;*/
	
	/* 右側 */
	/*margin:0 5px 0 0;
	padding-left:5px;
    padding-right:20px;
    margin-right:10px;
	background-image: url(../image/earth_m.png);
    background-repeat: no-repeat;
    background-position: right top 10px;
	background-size: 19px auto;*/
}

#wrapper>header>._inner>.nav>.g_nav>li>a{
	display:block;
	padding:14px 0;
	font-weight:bold;
	color:#fff;
	cursor:pointer
}

#wrapper>header>._inner>.nav>.g_nav>li:after{
	display:block;
	content:"";
	border-bottom:#cc6633 solid 3px;
	width:0;
	position:absolute;
	left:50%;
	bottom:0;
	transition:all 0.3s ease-in-out
}
#wrapper>header>._inner>.nav>.g_nav>li:hover:after{
	left:0;
	width:100%
}
#wrapper>header>._inner>.nav>.g_nav>li.active:after{
	left:0;
	width:100%
}

/* S.Setsu 20241107 企業情報アコーディオンメニュー */
#wrapper>header>._inner>.nav>.g_nav .submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: -60%;
	min-width: 155px;
	list-style: none;
}
#wrapper>header>._inner>.nav>.g_nav .submenu.two {
	display: none;
	position: absolute;
	top: 100%;
	left: 0%;
	min-width: 100%;
	list-style: none;
}

#wrapper>header>._inner>.nav>.g_nav .submenu li {
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	background-color: royalblue;
}
#wrapper>header>._inner>.nav>.g_nav .submenu li:last-of-type {
	border-bottom: 1px solid #efefef;
}
#wrapper>header>._inner>.nav>.g_nav .submenu li:hover {
	background-color: #142b7b;
}
#wrapper>header>._inner>.nav>.g_nav .submenu li a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px 5px 10px 5px;
	
}
/*S.Setsu 20241107 ここまで*/

#wrapper>header>._inner>.nav>.h_nav{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	position:absolute;
	top:50%;
	right:0;
	width:auto;
	padding:0 35px 0 0;
	margin:-15px 0 0;
	z-index:1
}
@media (max-width: 834px){
	#wrapper>header>._inner>.nav>.h_nav{
		display:block;
		position:relative;
		top:0;
		width:100%;
		padding:0;
		margin:0
	}
	
	#wrapper>header>._inner .catchcopy
	{
		/*color:#fff;*/
		font-size:.11rem;
		font-weight:bold;
	}
}
#wrapper>header>._inner>.nav>.h_nav .btn_item{
	margin:0 5px !important
}
@media (max-width: 834px){
	#wrapper>header>._inner>.nav>.h_nav .btn_item{
		margin:0 !important;
		border-bottom:#415189 solid 1px
	}
}

#wrapper>header>._inner>.nav>.h_nav .btn_item a{
	display:block;
	padding:0 10px;
	color:#FFF;
	font-size:.14rem;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	border:#12266D solid 1px;
	border-radius:15px;
	background:#12266D;
	transition:all 0.3s ease
}
#wrapper>header>._inner>.nav>.h_nav .btn_item a:hover{
	/*color:#000;
	background:#FFF*/
	color:#fff;
	background:#cc6633;
}
@media (max-width: 834px){
	#wrapper>header>._inner>.nav>.h_nav .btn_item a{
		padding:10px;
		color:#FFF;
		font-size:.12rem;
		font-weight:bold;
		line-height:1;
		text-align:left;
		border:none;
		border-radius:0;
		background:transparent
	}
}

/* 動画紹介 */
.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ボタンリンク */
#wrapper>main>.contents_common>.contents_common_inner .btn_item
{
	text-align:center;
	margin:0 5px !important
}
#wrapper>main>.contents_common>.contents_common_inner .btn_detail
{
	margin:0 5px !important;
	/*text-align:center;*/
}

#wrapper>main>.contents_common>.contents_common_inner .btn_item a
{
	/*display:block;*/
	padding:5px 50px;
	color:#fff;
	font-size:.20rem;
	font-weight:bold;
	line-height:1.5;
	border:#12266D solid 1px;
	border-radius:15px;
	background:#12266D;
	transition:all 0.3s ease
}

#wrapper>main>.contents_common>.contents_common_inner .btn_detail a
{
	/*margin-left:5%;*/
	padding:5px 50px;
	color:#fff;
	font-size:.18rem;
	font-weight:bold;
	line-height:1.5;
	border:#12266D solid 1px;
	border-radius:15px;
	background:#12266D;
	transition:all 0.3s ease
}

#wrapper>main>.contents_common>.contents_common_inner .btn_item a:hover,
#wrapper>main>.contents_common>.contents_common_inner .btn_detail a:hover
{
	color:#fff;
	background:#cc6633;
}

@media (max-width: 834px){
	#wrapper>main>.contents_common>.contents_common_inner .btn_item,
	#wrapper>main>.contents_common>.contents_common_inner .btn_detail
	{
		margin:0 !important;
		text-align:center;
	}

	#wrapper>main>.contents_common>.contents_common_inner .btn_item a,
	#wrapper>main>.contents_common>.contents_common_inner .btn_detail a
	{
		/*display:block;*/
		padding:10px 20px;
		color:#FFF;
		font-size:.14rem;
		font-weight:bold;
		line-height:1;
		margin-left:0;
	}
}

@media only screen and (max-width: 834px){
	#wrapper>header{
		padding:0;
		height:65px
	}
	#wrapper>header.recruit{
		padding:0;
		height:50px
	}
	body.preload #wrapper>header{
		top:-100px
	}
	body.hide #wrapper>header{
		top:-100px
	}
	#wrapper>header>._inner{
		height:65px;
		margin:0 auto;
		padding:10px;
		position:relative
	}
	#wrapper>header.recruit>._inner{
		height:50px;
		margin:0 auto;
		padding:10px 10px 10px 80px;
		position:relative
	}
	#wrapper>header>._inner>h1{
		position:absolute;
		left:10px;
		top:30px;
		display:block;
		width:60px;
		font-size:.10rem;
		font-weight:bold;
		line-height:1;
		letter-spacing:0;
		color:#142b7b
	}
	#wrapper>header.recruit>._inner>h1{
		top:15px
	}
	#wrapper>header>._inner>h1 img{
		margin-bottom:.10rem
	}
	#wrapper>header>._inner>h1 span{
		display:none
	}
	#wrapper>header>._inner>h1>a{
		transition:all 0.3s ease;
		color:#142b7b
	}
	#wrapper>header>._inner>h1>a:hover{
		opacity:.7
	}
	#wrapper>header>._inner>p{
		padding-top:0;
		font-size:.10rem;
		letter-spacing:0
	}
	#wrapper>header>._inner>.logotext{
		font-size:.11rem;
		font-weight:300;
		line-height:.25rem;
		color:#888;
		vertical-align:middle
	}
	#wrapper>header>._inner>.logotext span{
		position:relative;
		top:3px;
		padding-left:3px;
		font-size:.20rem;
		color:#b3bbd9
	}
	#wrapper>header>._inner>.nav{
		background-color:#142b7b;
		position:fixed;
		right:-260px;
		top:0;
		width:260px;
		height:100vh;
		padding:65px 0 20px;
		transition:all 0.3s ease;
		z-index:999;
		overflow:auto
	}
	#wrapper>header>._inner>.nav.active{
		right:0
	}
	#wrapper>header>._inner>.nav>ul.contents_nav{
		position:relative;
		left:auto;
		bottom:auto;
		font-size:.12rem;
		line-height:1;
		border-top:#415189 solid 1px
	}
	#wrapper>header>._inner>.nav>ul.recruit_nav{
		position:relative;
		left:auto;
		bottom:auto;
		transform:translate(0, 0);
		font-size:.12rem;
		line-height:1;
		border-top:#415189 solid 1px
	}
	#wrapper>header>._inner>.nav>ul.other_nav{
		position:relative;
		right:auto;
		bottom:auto;
		font-size:.12rem;
		line-height:1;
		margin-bottom:10px
	}
	#wrapper>header>._inner>.nav>.g_nav>li{
		position:relative;
		display:block;
		border-bottom:#415189 solid 1px;
		margin:0
	}
	#wrapper>header>._inner>.nav>ul.recruit_nav>li{
		display:block;
		margin:0
	}
	#wrapper>header>._inner>.nav>.g_nav>li:last-child{
		margin:0
	}
	#wrapper>header>._inner>.nav>.g_nav>li>a,#wrapper>header>._inner>.nav>.g_nav>li>.g_nav_item{
		display:block;
		padding:10px;
		font-weight:bold;
		color:#fff
	}
	#wrapper>header>._inner>.nav>.g_nav>li:after{
		display:none
	}
	
	/* S.Setsu 20241114	アコーディオンメニュー*/
	#wrapper>header>._inner>.nav>.g_nav>li .submenu li {
		background-color: #142b7b;
		border-top:#415189 solid 1px;
		border-left: 0;
		border-right: 0;
		font-size: .12rem;
		text-indent: .12rem;
		padding:0;
	}
	#wrapper>header>._inner>.nav>.g_nav>li .submenu li:last-of-type{
		border-bottom: 0;
	}
	#wrapper>header>._inner>.nav>.g_nav>li .submenu li a {
		padding:8px 10px;
		text-align:left;
		white-space:normal;
		line-height:1.4
	}
	#wrapper>header>._inner>.nav>.g_nav>li:hover,
	#wrapper>header>._inner>.nav>.g_nav>li .submenu li:hover {
		background:#cc6633;
	}
	
	#wrapper>header>._inner>.nav>.g_nav>li .submenu,
	#wrapper>header>._inner>.nav>.g_nav>li .submenu.two{
		display:none;
		position:relative;
		top:auto;
		left:auto;
		width:100%;
		transform:none
	}
	/* S.Setsu 20241112 アコーディオンメニュー ここまで */
	#wrapper>header>._inner>.nav>.g_nav>li .submenu .item{
		border-top:#415189 solid 1px
	}
	#wrapper>header>._inner>.nav>.g_nav>li .submenu .item a{
		padding:8px 10px;
		text-align:left;
		white-space:normal;
		line-height:1.4
	}
	#wrapper>header>._inner>.sp_nav{
		width:30px;
		height:36px;
		margin:0;
		padding:10px 0;
		display:block;
		position:absolute;
		right:10px;
		top:50%;
		margin:-18px 0 0 auto;
		z-index:1000;
		border:none;
		transition:border .3s ease
	}
	#wrapper>header>._inner>.sp_nav:focus{
		outline:none
	}
	#wrapper>header>._inner>.sp_nav span{
		width:100%;
		height:2px;
		margin:5px auto 0;
		display:block;
		background-color:#222;
		transition:all 0.3s ease
	}
	#wrapper>header>._inner>.sp_nav .first-bar{
		margin-top:0
	}
	#wrapper>header>._inner>.sp_nav.active{
		background-color:transparent
	}
	#wrapper>header>._inner>.sp_nav.active span{
		background-color:#fff
	}
	#wrapper>header>._inner>.sp_nav.active .first-bar{
		/*transform:translate(0, 7px) rotate(-315deg)*/
	}
	#wrapper>header>._inner>.sp_nav.active .second-bar{
		/*opacity:0*/
	}
	#wrapper>header>._inner>.sp_nav.active .third-bar{
		/*transform:translate(0, -7px) rotate(315deg)*/
	}

}


#wrapper>footer>.company{
	background-color:royalblue;
	width:100%;
	padding-bottom:20px
}
#wrapper>footer>.company>.logo{
	border-bottom:#415189 solid 1px;
	/*margin-bottom:40px;
	padding:20px 0;*/
	padding:20px;
	text-align:center
}
#wrapper>footer>.company>.icon{
	border-bottom:#415189 solid 1px;
	text-align:center;
	background-color: #FFFFFF;
	display:table;
	padding:20px 0px;
	width:100%;
	margin-bottom:40px;
}
#wrapper>footer>.company>.logo img,#wrapper>footer>.company>.icon img
{
	width:auto;
	margin-bottom:.10rem
}
#wrapper>footer>.company>.logo span,#wrapper>footer>.company>.icon span
{
	display:block;
	font-size:.10rem;
	font-weight:bold;
	line-height:1;
	color:#fff
}
#wrapper>footer>.company .f_nav{
	display:flex;
	flex-wrap:wrap;
	max-width:1240px;
	padding:0 0 30px;
	margin:0 auto
}
#wrapper>footer>.company .f_nav .f_nav_list{
	/*width:25%;*/
	width:33.33%;
	padding:0 10px;
	margin:0 0 20px;
	border-left:rgba(255,255,255,0.2) 1px solid
}
#wrapper>footer>.company .f_nav .f_nav_list:first-child{
	border:none
}
@media only screen and (max-width: 640px){
	#wrapper>footer>.company .f_nav .f_nav_list{
		width:50%;
		padding:0;
		margin:0 0 10px;
		border:none
	}
}

#wrapper>footer>.company .f_nav .f_nav_list .ttl{
	margin:0 0 5px
}

#wrapper>footer>.company .f_nav .f_nav_list .ttl a,#wrapper>footer>.company .f_nav .f_nav_list .ttl span{
	display:block;
	padding:5px 10px;
	color:#FFF;
	font-size:.16rem;
	font-weight:bold
}
@media (max-width: 480px){
	#wrapper>footer>.company .f_nav .f_nav_list .ttl a,#wrapper>footer>.company .f_nav .f_nav_list .ttl span{
		font-size:.14rem
	}
}

#wrapper>footer>.company .f_nav .f_nav_list .item a{
	display:block;
	padding:2px 10px;
	margin-left:10px;
	color:#FFF;
	font-size:.14rem;
	font-weight:bold;
}

@media (max-width: 480px){
	#wrapper>footer>.company .f_nav .f_nav_list .item a{
		font-size:.12rem
	}
}

#wrapper>footer>.company .address{
	width:100%;
	padding:30px 0 10px;
	margin:0 0 30px;
	border-top:#415189 solid 1px;
	border-bottom:#415189 solid 1px
}
#wrapper>footer>.company .address .address_info_list{
	display:block;
	max-width:400px;
	margin:0 auto
}
@media only screen and (max-width: 834px){
	#wrapper>footer>.company .address .address_info_list{
		display:block
	}
}

#wrapper>footer>.company .address .address_info_list p{
	flex:1 0 auto;
	color:#fff;
	font-size:.12rem;
	line-height:2;
	padding:0 20px;
	margin:0 0 20px;
	border-left:#415189 solid 1px;
	text-align:center;
}

#wrapper>footer>.company .address .address_info_list p:first-child{
	border-left:none
}

@media only screen and (max-width: 834px){
	#wrapper>footer>.company .address .address_info_list p{
		font-size:.11rem;
		border-left:none
	}
}

@media (max-width: 480px){
	#wrapper>footer>.company .address .address_info_list p{
		padding:0 10px
	}
}

#wrapper>footer>.company .address .address_info_list p strong{
	font-size:.14rem;
	font-weight:bold
}

@media only screen and (max-width: 834px){
	#wrapper>footer>.company .address .address_info_list p strong{
		font-size:.12rem
	}
}

#wrapper>footer>.company .address .address_info_list p a{
	color:#fff
}

#wrapper>footer>.company .copyright{
	max-width:1200px;
	margin:0 auto;
	font-size:.1rem;
	text-align:right;
	color:#fff
}

@media only screen and (max-width: 834px){
	#wrapper>footer>.company .copyright{
		padding:10px;
		text-align:left
	}
}

#wrapper>main{
	width:100%;
	padding-top:90px
}
@media only screen and (max-width: 834px){
	#wrapper>main{
		padding-top:65px
	}
	#wrapper>main.recruit{
		padding-top:50px
	}
}

#wrapper>main>.mainvisual{
	position:relative;
	width:100%;
	overflow:hidden
}
#wrapper>main>.mainvisual>.ph{
	display:block
}
#wrapper>main>.mainvisual>.ph img{
	width:100%
}
#wrapper>main>.mainvisual .mv-text{
	display:block;
	position:absolute;
	left:0;
	right:33%;
	top:20%;
	/**top:36%;**/
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:0 20px;
	z-index:10
}
#wrapper>main>.mainvisual .mv-text>.ttl_1{
	display:inline-block;
	margin-bottom:1.2vw;
	padding:10px
}
#wrapper>main>.mainvisual .mv-text>.ttl_1>h2{
	position:relative;
	z-index:10;
	font-size:.42rem;
	font-weight:bold;
	line-height:.96;
	color:#fff
}
#wrapper>main>.mainvisual .mv-text>.ttl_1>h2>span{
	font-size:.30rem
}
#wrapper>main>.mainvisual .mv-text>.text_1,#wrapper>main>.mainvisual .mv-text>.text_2,#wrapper>main>.mainvisual .mv-text>.text_3{
	display:table;
	padding:4px 10px;
	line-height:.96
}
#wrapper>main>.mainvisual .mv-text>.text_1>span,#wrapper>main>.mainvisual .mv-text>.text_2>span{
	display:block;
	position:relative;
	z-index:10;
	font-size:.20rem;
	font-weight:bold;
	line-height:1.8;
	color:#fff
}
#wrapper>main>.mainvisual .mv-text>.text_3>span{
	display:block;
	position:relative;
	z-index:10;
	font-size:.20rem;
	font-weight:bold;
	line-height:1.8;
	color:#000000
}
#wrapper>main>.mainvisual .mv-text .btn_more{
	display:inline-block;
	max-width:none;
	margin-top:1.2vw;
	z-index:10
}
@media only screen and (max-width: 1000px){
	#wrapper>main>.mainvisual .mv-text{
		display:block;
		position:absolute;
		left:0;
		right:0;
		top:25%;
		width:100%;
		max-width:1200px;
		margin:auto
	}
}

@media only screen and (max-width: 834px){
	#wrapper>main>.mainvisual .mv-text{
		display:block;
		position:absolute;
		left:0;
		right:0;
		top:30%;
		width:100%;
		max-width:1200px;
		padding:0 10px
	}
	#wrapper>main>.mainvisual .mv-text>.ttl_1{
		display:inline-block;
		margin-bottom:2vw;
		padding:10px
	}
	#wrapper>main>.mainvisual .mv-text>.ttl_1>h2{
		position:relative;
		z-index:10;
		font-size:5.4vw;
		font-weight:bold;
		line-height:.96;
		color:#fff
	}
	#wrapper>main>.mainvisual .mv-text>.ttl_1>h2>span{
		font-size:4.0vw
	}
	#wrapper>main>.mainvisual .mv-text>.text_1{
		display:table;
		margin-bottom:2px;
		padding:6px 10px;
		line-height:.96
	}
	#wrapper>main>.mainvisual .mv-text>.text_2{
		display:table;
		margin-bottom:2vw;
		padding:6px 10px;
		line-height:.96
	}
	#wrapper>main>.mainvisual .mv-text>.text_1>span,#wrapper>main>.mainvisual .mv-text>.text_2>span{
		position:relative;
		z-index:10;
		font-size:3.2vw;
		font-weight:bold;
		color:#fff
	}
	#wrapper>main>.mainvisual .mv-text .btn_more>a{
		font-size:0.11rem
	}

}

@media (max-width: 480px){


	#wrapper>main>.mainvisual .mv-text{
		display:block;
		position:absolute;
		left:0;
		right:20%;
		top:22%;
		/**top:36%;**/
	
	}

	#wrapper>main>.mainvisual .mv-text>.ttl_1>h2>span{
		font-size:3.0vw
	}
	#wrapper>main>.mainvisual .mv-text>.text_1>span,#wrapper>main>.mainvisual .mv-text>.text_2>span{
		font-size:2.0vw
	}

	#wrapper>main>.mainvisual .mv-text>.text_3>span{
		font-size:2.0vw
	}
}

@media only screen and (max-width: 834px){
	#wrapper>main>.mainvisual{
		position:relative;
		width:100%;
		overflow:hidden
	}
	#wrapper>main>.mainvisual>.ph{
		display:block
	}
	#wrapper>main>.mainvisual>.ph img{
		width:100%
	}
	#wrapper>main>.mainvisual>.text{
		display:block;
		position:absolute;
		left:0;
		right:0;
		top:30%;
		width:100%;
		max-width:1200px;
		margin:auto
	}
	#wrapper>main>.mainvisual>.text>.ttl_1{
		display:inline-block;
		margin-bottom:2vw;
		padding:10px
	}
	#wrapper>main>.mainvisual>.text>.ttl_1>h2{
		position:relative;
		z-index:10;
		font-size:.18rem;
		font-weight:bold;
		line-height:.96;
		color:#fff
	}
	#wrapper>main>.mainvisual>.text>.ttl_1>h2>span{
		font-size:.16rem
	}
	#wrapper>main>.mainvisual>.text>.text_1{
		display:table;
		margin-bottom:2px;
		padding:6px 10px;
		line-height:.96
	}
	#wrapper>main>.mainvisual>.text>.text_2{
		display:table;
		margin-bottom:2vw;
		padding:6px 10px;
		line-height:.96
	}
	#wrapper>main>.mainvisual>.text>.text_1>span,#wrapper>main>.mainvisual>.text>.text_2>span{
		position:relative;
		z-index:10;
		font-size:.15rem;
		font-weight:bold;
		color:#fff
	}
}


#wrapper>main>.contents_common{
	padding:50px
}
#wrapper>main>.contents_common>.contents_common_inner{
	background:#fff;
	padding:50px 50px 1px 50px
}
#wrapper>main>.contents_common>.contents_common_inner>nav{
	margin-bottom:50px
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul.local_nav li{
	position:relative
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul.local_nav li.active::after{
	/*
	position:absolute;
	content:"";
	bottom:-3px;
	left:calc(50% - 5px);
	width:12px;
	height:12px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	pointer-events:none
	*/
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul>li{
	width:25%;
	margin-bottom:1px;
	padding-right:1px
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul.col_3>li{
	width:33.3333%;
	margin-bottom:1px;
	padding-right:1px
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul>li>a{
	display:block;
	background-color:#ddd;
	background-image: url(../image/nav_01.jpg);
	padding:15px 0;
	font-size:14px;
	line-height:1.5;
	text-align:center;
	letter-spacing:0;
	color:#142b7b;
	transition:all ease .3s
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul>li>a:hover{
	background-color:royalblue;
	border-bottom:solid 2px #cc6633;
	background-image: url(../image/nav_02.jpg);
	color:#fff
}
#wrapper>main>.contents_common>.contents_common_inner>nav>ul>li.active>a{
	background-color:royalblue;
	border-bottom:solid 2px #12266D;
	background-image: url(../image/nav_02.jpg);
	color:#fff;
	font-weight:bold
}
#wrapper>main>.contents_common>.contents_common_inner>h2
{
	display:block;
	background-color:#1f42bb;
	max-width:1200px;
	margin:35px auto 10px auto;
	padding:10px;
	font-size:.35rem;
	font-weight:bold;
	line-height:1;
	text-align:center;
	color:#fff
}
#wrapper>main>.contents_common>.contents_common_inner>h3,
#wrapper>main>.contents_common>.contents_common_inner .content_heading,
#wrapper>main>.contents_common>.contents_common_inner>.common_info h3
{
	margin-bottom:50px;
	/*padding-top:50px;*/
	padding-top:100px; /* ページ内リンクの位置調整 */
	margin-top: -70px; /* ページ内リンクの位置調整 */
	font-size:.30rem;
	font-weight:bold;
	line-height:1;
	text-align:center;
	color:#1f42bb
}
#wrapper>main>.contents_common>.contents_common_inner>.sub_title,
#wrapper>main>.contents_common>.contents_common_inner>.common_info .sub_title
{
	margin-top:-50px;
	margin-bottom:50px;
	font-size:.20rem;
	font-weight:bold;
	line-height:1;
	text-align:center;
	color:#1f42bb
}
#wrapper>main>.contents_common>.contents_common_inner>h4,#wrapper>main>.contents_common>.contents_common_inner .content_sub_heading{
	display:block;
	background-color:#1f42bb;
	max-width:1000px;
	margin:0 auto 25px auto;
	padding:10px;
	font-size:.20rem;
	font-weight:bold;
	line-height:1;
	text-align:center;
	color:#fff
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit{
	position:relative;
	width:100%
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy.img_sp{
	display:none
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy{
	display:flex;
	width:100%;
	margin:0 auto
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy>.text_area_3>.text_mid,#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy_end>.text_area_4>.text_mid{
	font-size:.15rem
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy_end{
	display:flex;
	width:100%;
	margin:0 auto;
	padding-bottom:80px
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_1{
	width:48%;
	position:absolute;
	left:0;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service{
	width:30%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service_1{
	width:30%;
	position:absolute;
	left:0;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service_2{
	width:30%;
	position:absolute;
	left:35%;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service_3{
	width:30%;
	position:absolute;
	left:70%;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service_4{
	width:20%;
	position:absolute;
	left:2%;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service_5{
	width:20%;
	position:absolute;
	left:27%;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service_6{
	width:20%;
	position:absolute;
	left:52%;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service_7{
	width:20%;
	position:absolute;
	left:78%;
	top:0
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_1>img{
	margin:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service>img{
	margin:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_1>p{
	padding-top:5px;
	font-size:.16rem;
	line-height:1.6
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service>p{
	padding-top:5px;
	font-size:.16rem;
	line-height:1.6
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_2{
	width:50%;
	padding-left:10%
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.access_map{
	max-width:1000px;
	margin:0 auto 50px auto
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1{
	width:100%;
	margin-bottom:50px
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2{
	width:100%;
	margin-bottom:100px;
	padding-left:52%
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service{
	width:100%;
	margin-bottom:100px;
	padding-left:35%;
	padding-top: 2em;
	padding-right:10%;
}

/* Top画面　新着・ブログ */
#wrapper>main>.contents_common>.contents_common_inner>.common_info
{
	position:relative;
	width:100%;
	margin-bottom:10%;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_info>.top_info
{
	width:48%;
	position:absolute;
	left:0;
	top:22%;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_info>.top_blog
{
	width:100%;
	margin-left:2%;
	padding-left:50%;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info
{
	width:100%;
	margin-bottom:100px;
	padding-left:20%;
}

#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info>.text_a
{
	margin-bottom:2em;
	font-size:.16rem;
	line-height:1.8;
}

#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info a,
#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info span
{
	margin-left:3%;
	color:navy;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info a:hover
{
	/*background-color:#CCC;*/
	color:#cc6633;
}

@media only screen and (max-width: 834px)
{
	#wrapper>main>.contents_common>.contents_common_inner>.common_info>.top_info	
	{
		width:100%;
		position:inherit;
		left:auto;
		top:auto;
		margin-bottom:8vw
	}		
	#wrapper>main>.contents_common>.contents_common_inner>.common_info>.top_blog
	{
		width:100%;
		margin-bottom:8vw;
		padding-left:0;
	}	
	#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info
	{
		width:100%;
		padding-left:5%;
		margin-bottom:50px;
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info>.text_a
	{
		font-size:.14rem;
		line-height:2;
	}	
	#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info a::before,
	#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info span::before
	{
		content: "\A";
		white-space: pre;
	}	
	#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info a,
	#wrapper>main>.contents_common>.contents_common_inner>.common_info .text_info span
	{
		display:flex;		
	}	
}

/* 企業情報（企業ロゴ／環境への取り組み） */
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_company7
{
	width:30%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7
{
	width:100%;
	margin-bottom:100px;
	padding-left:35%;
	padding-top: 2em;
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_company8
{
	width:30%;
	position:absolute;
	left:0;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8
{
	width:100%;
	margin-bottom:100px;
	padding-left:35%;
	padding-top: 2em;
}

#wrapper>main>.contents_common>.contents_common_inner>.area-effort
{
	margin-top: 50px;
	margin-bottom: 20px;
}

#wrapper>main>.contents_common>.contents_common_inner>.area-effort>.table-box-area-effort>.table-area-effort
{
	border-top: 1px solid;
	border-left: 1px solid;
	border-collapse: separate;
	margin-bottom: 100px;
}

#wrapper>main>.contents_common>.contents_common_inner>.area-effort>.table-box-area-effort>.table-area-effort tr td
{
	padding: 5px 14px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	vertical-align: middle;
}

.sdgs_container
{
	display: inline;
}

.sdgs_item
{
	width: 50%;
	padding: 2.5px;
	float: left;
}

#wrapper>main>.contents_common>.contents_common_inner>.area-effort>.table-box-area-effort>.table-area-effort th 
{
	padding: 3px;
	border-right: 1px solid #000;
	background: #f4f4f4;
	text-align: center;
	border-bottom: 1px solid #000;
}

#wrapper>main>.contents_common>.contents_common_inner>.area-effort>.table-box-area-effort>.table-area-effort p 
{
    font-size: .16rem;
    line-height: 1.8;
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>p
{
	padding: 20px 25px;
    /* padding-bottom: 40px; */
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.flex_1
{
	display: flex;
	flex-wrap: wrap;
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.flex_1>.flex_item_1
{
	width: 48%;
	padding: 40px 25px;
	border: 1px solid #000;
	margin-bottom: 30px;
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.flex_1>.flex_item_1 h3 {
	font-size: .21rem;
	font-weight: 100;
	text-align: left;
	margin-bottom: 30px;
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.flex_1>.flex_item_1>.flex_2
{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.flex_1>.flex_item_1>.flex_2>.flex_item_2
{
	width: 170px;
	max-width: 30%;
	margin-right: 5px;
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.space
{
	justify-content: space-between;
}

#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.white_list
{
	width: 48%;
	padding: 40px 25px;
	border: 1px solid #000;
	margin-bottom: 30px;
}

@media only screen and (max-width: 834px)
{
	#wrapper>main>.contents_common>.contents_common_inner>.area-effort>.table-box-area-effort
	{
		overflow: auto;
	}
	#wrapper>main>.contents_common>.contents_common_inner>.area-effort>.table-box-area-effort>.table-area-effort 
	{
		width: 100%;
		min-width: 600px;
		table-layout: fixed;
	}
	#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs>.flex_1>.flex_item_1
	{
		width: 100%;
	}
}

/* 採用情報 */
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_recruit
{
	width:48%;
	position:absolute;
	left:0;
	top:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.access_map2
{
	max-width:500px;
	margin:0 auto 50px auto
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.recruit_a
{
	width:48%;
	position:absolute;
	left:0;
	top:0;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.recruit_b
{
	width:100%;
	margin:2%;
	padding-left:50%;
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.title_a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.title_a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.title_a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.title_a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.title_a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.title_a
{
	margin-bottom:2em;
	font-size:.16rem;
	font-weight:bold;
	line-height:1.5;
	color:#1f42bb
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.title_b,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.title_b,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.title_b,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.title_b,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.title_b,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.title_b
{
	margin-bottom:0.5em;
	font-size:.16rem;
	font-weight:bold;
	line-height:1.5;
	color:#1f42bb
}
/* テキストA（基本 左揃え） */
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.text_a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.text_a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.text_a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.text_a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.text_a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.text_a
{
	margin-bottom:2em;
	font-size:.16rem;
	line-height:1.8
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.text_a a, #wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.text_a a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.text_a a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.text_a a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.text_a a,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.text_a a,
#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs a
{
	color:navy;
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.text_a a:hover, #wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.text_a a:hover,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.text_a a:hover,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.text_a a:hover,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.text_a a:hover,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.text_a a:hover,
#wrapper>main>.contents_common>.contents_common_inner>.section_sdgs a:hover
{
	color:#cc6633;
}

/* テキストB（インデント） */
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.text_b,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.text_b,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.text_b,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.text_b,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.text_b,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.text_b
{
	margin-bottom:2em;
	padding-left:1em;
	text-indent:-1em;
	font-size:.16rem;
	line-height:1.8
}
/* テキストC（右揃え） */
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.text_c,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.text_c,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.text_c,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.text_c,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.text_c,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.text_c
{
	margin-bottom:2em;
	font-size:.16rem;
	line-height:1.8;
	text-align:right
}
/* テキストD（中央揃え） */
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.text_d,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.text_d,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.text_d,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.text_d,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.text_d,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.text_d
{
	margin-bottom:2em;
	font-size:.16rem;
	line-height:1.8;
	text-align:center;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.notes,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.notes,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.notes,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7>.notes,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8>.notes
{
	margin-bottom:2em;
	font-size:.12rem;
	line-height:1.5
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.contact,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.contact,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.contact
{
	border:#efefef solid 2px;
	padding:5px 15px
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.contact h5,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.contact h5,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.contact h5
{
	margin-bottom:.8em;
	padding-top:1em;
	font-size:.16rem;
	font-weight:bold;
	line-height:1.2;
	color:#1f42bb
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.contact p,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.contact p,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.contact p{
	margin-bottom:1em;
	font-size:.16rem;
	line-height:1.5
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3{
	width:50%;
	height:auto;
	padding-left:0;
	position:relative
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4{
	width:50%;
	height:auto;
	padding-left:0;
	position:relative
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3>.text_mid,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4>.text_mid{
	display:block;
	position:absolute;
	top:50%;
	left:20px;
	transform:translateY(-50%);
	font-size:.16rem;
	line-height:1.8;
	letter-spacing:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .list_a{
	width:100%
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .list_a li{
	display:block;
	position:relative;
	margin-bottom:1em;
	padding-left:3em;
	font-size:14px;
	line-height:1.8
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .list_a li span{
	display:block;
	position:absolute;
	left:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .list_b{
	width:100%;
	margin-bottom:2em
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .list_b li{
	display:block;
	position:relative;
	margin-bottom:.5em;
	padding-left:3em;
	font-size:14px;
	line-height:1.5
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .list_b li span{
	display:block;
	position:absolute;
	left:0
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_1{
	border-left:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
	margin-bottom:2em;
	width:100%;
	max-width:1000px;
	margin:0 auto 50px auto;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_1 th{
	background-color:royalblue;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	color:#fff;
	width: 15%;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_1 td{
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:10px;
	font-size:14px;
	line-height:1.4;
	width: 35%;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4
{
	border-top:#cccccc solid 1px;
	width:100%;
	max-width:1000px;
	margin:0 auto 50px auto
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_guide
{
	width:100%;
	max-width:1000px;
	margin:0 auto 0px auto;
	text-align:right;
	font-size:14px;
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3{
	margin:0 auto 25px auto
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 th,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 th{
	border-bottom:#cccccc solid 1px;
	width:10em;
	padding:20px 10px;
	font-size:14px;
	line-height:1.4
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 th{
	border-bottom:#cccccc solid 1px;
	width:20em;
	padding:20px 10px;
	font-size:14px;
	line-height:1.4
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td{
	border-bottom:#cccccc solid 1px;
	padding:20px 10px;
	font-size:14px;
	line-height:1.4
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td a,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td a
{
	/*text-decoration:underline*/
	color:navy;
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td a:hover,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td a:hover,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td a:hover
{
	color:#cc6633;
}

#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td p,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td p,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td p{
	margin-bottom:.5em
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td p .notes,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td p .notes,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td p .notes{
	font-size:12px
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td .ttl_1,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td .ttl_1,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td .ttl_1{
	font-weight:bold;
	margin-bottom:2em
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td .ttl_2,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td .ttl_2,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td .ttl_2{
	font-weight:bold;
	margin-bottom:.3em
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td .list_1,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td .list_1,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td .list_1{
	margin:0 0 2em 1em
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td .list_1 li,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td .list_1 li,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td .list_1 li{
	margin-bottom:.3em;
	text-indent:-5em;
	padding-left:5em
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td .list_2,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td .list_2,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td .list_2{
	margin:0 0 2em 1em
}
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td .list_2 li,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td .list_2 li,
#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td .list_2 li{
	margin-bottom:.3em;
	text-indent:-1em;
	padding-left:1em
}
#wrapper .contents_common .contents_common_inner .office_img{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	align-items:flex-start;
	width:100%;
	max-width:1020px;
	margin:0 auto 50px
}
#wrapper .contents_common .contents_common_inner .office_img img{
	display:block;
	width:50%;
	padding:0 10px
}
@media (max-width: 480px){
	#wrapper .contents_common .contents_common_inner .office_img{
		display:block;
		margin:0 auto 30px
	}
	#wrapper .contents_common .contents_common_inner .office_img img{
		width:100%;
		padding:0;
		margin:0 0 20px
	}

}
@media only screen and (max-width: 1280px){
	#wrapper>main>.contents_common>.contents_common_inner>nav>ul>li{
		width:50%
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_2{
		width:42%;
		padding-left:0
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3{
		width:58%
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4{
		width:58%
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3>.text_mid,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4>.text_mid{
		font-size:.15rem;
		line-height:1.5
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy>.text_area_3>.text_mid,#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy_end>.text_area_4>.text_mid{
		font-size:.14rem
	}

}
@media only screen and (max-width: 1000px){
	#wrapper>main>.contents_common>.contents_common_inner>nav>ul>li{
		width:50%
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_2{
		width:37%;
		padding-left:0
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3{
		width:63%
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4{
		width:63%
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3>.text_mid,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4>.text_mid{
		font-size:.11rem;
		line-height:1.4
	}

}

@media only screen and (max-width: 834px){
	#wrapper>main>.contents_common{
		padding:3vw
	}
	#wrapper>main>.contents_common>.contents_common_inner{
		background:#fff;
		padding:3vw
	}
	#wrapper>main>.contents_common>.contents_common_inner>nav{
		margin-bottom:8vw
	}
	#wrapper>main>.contents_common>.contents_common_inner>nav>ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:center
	}
	#wrapper>main>.contents_common>.contents_common_inner>nav>ul>li>a{
		display:block;
		background-color:#ddd;
		padding:10px 0;
		font-size:12px
	}
	#wrapper>main>.contents_common>.contents_common_inner>h2
	{
		margin:15px auto 15px auto;
		padding:6px;
		font-size:.21rem;
	}	
	#wrapper>main>.contents_common>.contents_common_inner>h3,
	#wrapper>main>.contents_common>.contents_common_inner>.common_info h3
	{
		/*padding-top:0;*/
		margin-bottom:1em;
		font-size:.18rem;
		font-weight:bold;
		line-height:1.3;
		text-align:center;
		color:#1f42bb;
	}
	#wrapper>main>.contents_common>.contents_common_inner>.sub_title,
	#wrapper>main>.contents_common>.contents_common_inner>.common_info .sub_title
	{
		padding-top:30px;
		margin-bottom:1em;
		font-size:.15rem;
		font-weight:bold;
		line-height:1.3;
		text-align:center;
		color:1f42bb
	}
	#wrapper>main>.contents_common>.contents_common_inner>h4{
		margin:0 auto 15px auto;
		padding:6px;
		font-size:.16rem
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit{
		position:relative;
		width:100%
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy{
		display:block
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy_end{
		display:block;
		padding-bottom:0
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_1{
		width:100%;
		position:inherit;
		left:auto;
		top:auto;
		margin-bottom:8vw
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service{
		width:100%;
		position:inherit;
		left:auto;
		top:auto;
		margin-bottom:8vw
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_1>p{
		padding-top:.5em;
		font-size:.12rem;
		line-height:1.5
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_service>p{
		padding-top:.5em;
		font-size:.12rem;
		line-height:1.5
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_2{
		display:none
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit.philosophy.img_sp{
		display:block;
		width:80%;
		margin:40px auto
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1{
		width:100%;
		margin-bottom:8vw
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2{
		width:100%;
		margin-bottom:8vw;
		padding-left:0
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service{
		width:100%;
		margin-bottom:8vw;
		padding-left:0;
		padding-right:0;
	}
	/* 企業情報（企業ロゴ／環境への取り組み） */
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_company7,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_company8
	{
		width:100%;
		position:inherit;
		left:auto;
		top:auto;
		margin-bottom:8vw
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company8
	{
		width:100%;
		margin-bottom:8vw;
		padding-left:0
	}
	
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_company7 video
	{
		width:90%;
		height:90%;
		margin:5%;
	}
	
	/* 採用情報 */
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.ph_recruit
	{
		width:100%;
		position:inherit;
		left:auto;
		top:auto;
		margin-bottom:8vw
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.recruit_a	
	{
		width:100%;
		position:inherit;
		left:auto;
		top:auto;
		margin-bottom:8vw
	}		
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.recruit_b
	{
		width:100%;
		margin-bottom:8vw;
		padding-left:0
	}
	
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.title_a,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.title_a,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3>.title_a,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4>.title_a,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.title_a,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.title_a
	{
		margin-bottom:1em;
		font-size:.16rem;
		font-weight:bold;
		line-height:1.5;
		color:#1f42bb
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_1>.title_b,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_2>.title_b,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3>.title_b,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4>.title_b,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_service>.title_b,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_info>.title_b
	{
		margin-bottom:0.5em;
		font-size:.16rem;
		font-weight:bold;
		line-height:1.5;
		color:#1f42bb
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3{
		width:100%;
		height:auto;
		margin-bottom:2em;
		padding-left:0;
		position:relative
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4{
		width:100%;
		height:auto;
		margin-bottom:2em;
		padding-left:0;
		position:relative
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_3>.text_mid,#wrapper>main>.contents_common>.contents_common_inner>.common_unit>.text_area_4>.text_mid{
		display:block;
		position:relative;
		top:auto;
		left:auto;
		transform:translateY(0);
		font-size:.16rem;
		line-height:1.8;
		letter-spacing:0
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_1 thead th{
		padding:6px
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_1 td{
		padding:6px
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4{
		border-top:#dfdfdf solid 1px;
		width:100%;
		max-width:1000px;
		margin:0 auto 50px auto
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3{
		margin:0 auto 15px auto
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 th,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 th,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 th{
		display:block;
		background-color:#efefef;
		border-bottom:none;
		width:auto;
		padding:6px
	}
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 td,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_3 td,
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_4 td{
		display:block;
		border-bottom:#dfdfdf solid 1px;
		width:auto;
		padding:18px 6px
	}
}

#wrapper>main>.visual{
	position:relative;
	width:100%;
	height:460px;
	background:no-repeat center center / cover
}
#wrapper>main>.visual.vi_company{
	background-image:url(../image/kv_company.jpg)
}
#wrapper>main>.visual.vi_service{
	background-image:url(../image/kv_service.jpg)
}
#wrapper>main>.visual.vi_privacy{
	background-image:url(../image/kv_privacy.jpg)
}
#wrapper>main>.visual.vi_recruit{
	background-image:url(../image/kv_recruit.jpg)
}

#wrapper>main>.visual2{
	position:relative;
	width:100%;
	height:200px;
	background:no-repeat center center / cover;
	background-image:url(../image/kv_inquiry.jpg);
}

#wrapper>main>.visual>h2,
#wrapper>main>.visual2>h2
{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	transform:translate(0, -50%);
	margin:auto;
	font-size:.38rem;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	color:#fff;
	letter-spacing:.03rem;
	text-shadow: 2px 3px 2px #808080;
}
#wrapper>main>.visual.vi_recruit_schedule>h2,
#wrapper>main>.visual2.vi_recruit_schedule>h2
{
	color:#142b7b
}
@media only screen and (max-width: 834px){
	#wrapper>main>.visual,
	#wrapper>main>.visual2
	{
		height:33vw
	}
	#wrapper>main>.visual>h2,
	#wrapper>main>.visual2>h2
	{
		display:block;
		width:100%;
		position:absolute;
		top:50%;
		transform:translate(0, -50%);
		margin:auto;
		font-size:.20rem;
		font-weight:bold;
		line-height:1.4;
		text-align:center;
		color:#fff;
		letter-spacing:.01rem;
		text-shadow: 1px 2px 3px #808080;
	}
}

@media only screen and (max-width: 600px){
	#wrapper>main>.contents_common>.contents_common_inner>nav>ul.secu_priv {
		display:block
	}
	#wrapper>main>.contents_common>.contents_common_inner>nav>ul.secu_priv li{
		width:100%
	}
}


/* Top製品情報 */
#wrapper>main>.contents_common .trend_solution_grid
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
}
#wrapper>main>.contents_common .trend_solution_grid_Sub
{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
}

#wrapper>main>.contents_common .trend_solution_grid h1,#wrapper>main>.contents_common .trend_solution_grid h2,#wrapper>main>.contents_common .trend_solution_grid h3,#wrapper>main>.contents_common .trend_solution_grid h4,#wrapper>main>.contents_common .trend_solution_grid h5,#wrapper>main>.contents_common .trend_solution_grid h6,#wrapper>main>.contents_common .trend_solution_grid strong
{
	margin:0;
	font-weight:bold;
}
#wrapper>main>.contents_common .trend_solution_grid .grid_item
{
	width:30%;
	margin-bottom:2%;
	background-color:#E5E5E5;
}
#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item
{
	width:40%;
	margin-bottom:2%;
	/*background-color:#ddf2d5;*/
	background-color:#E5E5E5;
}

#wrapper>main>.contents_common .trend_solution_grid .grid_item a,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item a
{
	display:block;
	position:relative;
	transform:translateY(0);
	transition:all ease .3s;
}
#wrapper>main>.contents_common .trend_solution_grid .grid_item a:hover,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item a:hover
{
	transform:translateY(-2px)
}
#wrapper>main>.contents_common .trend_solution_grid .grid_item a .item_ph,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item a .item_ph
{
	padding-top:48.104%;
	background-size:cover;
	background-position:cente;
}
#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text
{
	position:relative;
	padding:40px 20px 20px;
}
#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text h2,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text h2
{
	position:absolute;
	display:block;
	text-align:center;
	align-items:center;
	left:0;
	bottom:88%;
	width:100%;
	min-height:40px;
	padding:5px 20px;
	font-size:.22rem;
	font-weight:bold;
	line-height:1.4;
	color:#000;
	background:#fff;
}
#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text h3,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text h3
{
	margin-bottom:20px;
	font-size:.16rem;
	font-weight:bold;
}
/*#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text h3 br,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text h3 br
{
	display:none;
}*/
#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text p,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text p
{
	font-size:.12rem;
	line-height:1.6;
	color:#333;
}
#wrapper>main>.contents_common .trend_solution_grid::after
{
	content:"";
	display:block;
	width:31.55%;
}
@media only screen and (max-width: 834px)
{	
	#wrapper>main>.contents_common .trend_solution_grid .grid_item,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item
	{
		width:48%;
		margin-bottom:4%;
	}
	#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text
	{
		padding:30px 10px 10px;
	}
	#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text h2,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text h2
	{
		font-size:.16rem;
	}
	#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text h3,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text h3
	{
		margin-bottom:10px;
		font-size:.14rem;
	}
	#wrapper>main>.contents_common .trend_solution_grid .grid_item .item_text p,#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item .item_text p
	{
		font-size:.10rem;
		line-height:1.5;
	}
	#wrapper>main>.contents_common .trend_solution_grid::after,#wrapper>main>.contents_common .trend_solution_grid_Sub::after
	{
		content:none;
	}
}
@media only screen and (max-width: 480px)
{
	#wrapper>main>.contents_common .trend_solution_grid .grid_item,
	#wrapper>main>.contents_common .trend_solution_grid_Sub .grid_item
	{
		width:100%;
	}
}

/* Top会社情報 */
#wrapper>main>.contents_common .trend_company_grid
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:5%;
}
#wrapper>main>.contents_common .trend_company_grid h1,#wrapper>main>.contents_common .trend_company_grid h2,#wrapper>main>.contents_common .trend_company_grid h3,#wrapper>main>.contents_common .trend_company_grid h4,#wrapper>main>.contents_common .trend_company_grid h5,#wrapper>main>.contents_common .trend_company_grid h6,#wrapper>main>.contents_common .trend_company_grid strong
{
	margin:0;
	font-weight:bold;
}
#wrapper>main>.contents_common .trend_company_grid .grid_company
{
	width:20%;
	margin-bottom:2%;
	/*background-color:#E5E5E5;*/
	background-color:#142b7b;
}
#wrapper>main>.contents_common .trend_company_grid .grid_company a
{
	display:block;
	position:relative;
	transform:translateY(0);
	transition:all ease .3s;
}
#wrapper>main>.contents_common .trend_company_grid .grid_company a:hover
{
	transform:translateY(-2px);
}
#wrapper>main>.contents_common .trend_company_grid .grid_company a .company_ph
{
	padding-top:70%;
	background-size:cover;
	background-position:center;
}
#wrapper>main>.contents_common .trend_company_grid .grid_company .company_text
{
	position:relative;
	padding:20px 10px 10px
}
#wrapper>main>.contents_common .trend_company_grid .grid_company .company_text h3
{
	margin-bottom:15px;
	font-size:.16rem;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
#wrapper>main>.contents_common .trend_company_grid .grid_company .company_text h3 br
{
	display:none;
}
#wrapper>main>.contents_common .trend_company_grid .grid_company .company_text p
{
	font-size:.14rem;
	text-align:center;
	line-height:1.0;
	/*color:#333;*/
	color:#CCC;
}
#wrapper>main>.contents_common .trend_company_grid::after
{
	content:"";
	display:block;
	width:31.55%;
}
@media only screen and (max-width: 834px)
{	
	#wrapper>main>.contents_common .trend_company_grid .grid_company
	{
		width:40%;
		margin-bottom:4%;
	}
	#wrapper>main>.contents_common .trend_company_grid .grid_company .company_text
	{
		padding:20px 10px 10px
	}
	#wrapper>main>.contents_common .trend_company_grid .grid_company .company_text h3
	{
		margin-bottom:10px;
		font-size:.16rem;
	}
	#wrapper>main>.contents_common .trend_company_grid .grid_company .company_text p
	{
		font-size:.12rem;
		line-height:1.0;
	}
	#wrapper>main>.contents_common .trend_company_grid::after
	{
		content:none;
	}
}
@media only screen and (max-width: 480px)
{
	#wrapper>main>.contents_common .trend_company_grid .grid_company
	{
		width:100%;
	}	
}

a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea{
-ms-touch-action:manipulation;
touch-action:manipulation
}

/* エラー画面 */
#wrapper>main>.error
{
	position:relative;
	width:100%;
	height:250px;
	background:no-repeat center;
	background-image:url(../image/error.jpg);
	background-color:#fff;
}

/* Y.Asano 20200701 新着情報のサイズ　*/
@media  (max-width: 480px){
	.HistoryDetail p{
		font-size:  10px;
	}
	.new_title{
		font-size:  14px;
		margin: 10px 0 10px 0;
		text-align: center
	}
}
@media  (min-width: 481px){
	.HistoryDetail p{
		font-size:  12px;
	}
	.new_title{
		font-size:  20px;
		margin: 10px 0 10px 0;
		text-align: center
	}
}
/* Y.Asano 20200701 新着情報のサイズ　*/

.box11{
    padding: 1.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #0000cd;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
	text-align:center;
}


.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 7px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
	text-align:center;
}

/* K.Fujimori 20220311 経営理念のページ更新 */
.corporate_philosophy_figure{
	max-width: 550px;
	height: 300px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.graph_triangle{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
}
.graph_triangle_under{
	border-bottom: 254px solid #c5bb83;
	border-left: 255px solid transparent;
	border-right: 255px solid transparent;
	top: 25px;
}
.graph_triangle_over{
	border-bottom: 250px solid #e0dcbd;
	border-left: 250px solid transparent;
	border-right: 250px solid transparent;
	top: 27px;
}
.philosophy_text1{
	position: absolute;
	top: 120px;
	left:50%;
	transform: translateX(-50%);
	font-weight: bold;
	text-align: center;
	width: 500px;
}
.philosophy_text2{
	color: #2e89be;
}
.philosophy_text3{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
}
.figure_circle {
	position: absolute;
	font-weight: bold;
	font-size: 28px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #f6bea3;
	border: #e38c29 solid 2px;
}
.figure_circle1{
	left: 50%;
	transform: translateX(-50%);
}
.graph_circle2{
	bottom: 0;
}
.graph_circle3{
	right: 0;
	bottom: 0;
}
.divTable{
	display: table;
	font-weight: bold;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.divCircle{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #f6bea3;
	line-height: 50px;
	text-align: center;
	border: #e38c29 solid 1px;
	margin-right: 15px;
}
.divSquare{
	display: table-cell;
	height: 50px;
	background-color: #f6bea3;
	border: #e38c29 solid 1px;
	vertical-align: middle;
	padding: 5px;
}
.divSquare1{
	width: 490px;
}
.divSquare2{
	width: 555px;
}

/* 図形のメディアクエリ */
@media (max-width:637px) {
	.corporate_philosophy_figure{
		width: 350px;
		height: 200px;
	}	
	.graph_triangle_under{
		border-bottom: 172px solid #c5bb83;
		border-left: 173px solid transparent;
		border-right: 173px solid transparent;
		top: 14px;
	}
	.graph_triangle_over{
		border-bottom: 170px solid #e0dcbd;
		border-left: 170px solid transparent;
		border-right: 170px solid transparent;
		top: 15px;
	}
	.philosophy_text1{
		top: 80px;
		font-size: 10.5px;
		transform: translateX(-50%);
	}
	.philosophy_text2{
		color: #2e89be;
	}
	.philosophy_text3{
		font-size: 14px;
	}
	.figure_circle {
		width: 50px;
		height: 50px;
		border: #e38c29 solid 1px;
	}
}
@media (max-width:420px) {
	.corporate_philosophy_figure{
		width: 280px;
		height: 150px;
	}	
	.graph_triangle_under{
		border-bottom: 132px solid #c5bb83;
		border-left: 133px solid transparent;
		border-right: 133px solid transparent;
		top: 9px;
	}
	.graph_triangle_over{
		border-bottom: 130px solid #e0dcbd;
		border-left: 130px solid transparent;
		border-right: 130px solid transparent;
		top: 10px;
	}
	.philosophy_text1{
		top: 20px;
		font-size: 16px;
		transform: translateX(-50%) scale(0.5);
	}
	.philosophy_text2{
		color: #2e89be;
	}
	.philosophy_text3{
		font-size: 14px;
	}
	.figure_circle {
		width: 50px;
		height: 50px;
		border: #e38c29 solid 1px;
	}
}
@media (min-width:835px) {
	#wrapper>main>.contents_common>.contents_common_inner>.common_unit .table_layout_2 .company3_th{
		border-bottom: initial;
		font-size: 20px;
		font-weight: bold;
		color: #558fc7;
		padding: 20px 10px 0 50px;
	}
}
@media (max-width:389px) { 
	.divCircle{
		position: relative;
		top:10px;
	}
	.divSquare1{
		height: 70px;
	}
}

#map {
   width: 400px;
   height: 400px;
   background-color: grey;
 }