/* SUB-Common ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.column {
	margin:2em auto;
	max-width:960px;
	width:100%;
	overflow:hidden;
}
.read {
	font-size:16px;
	line-height:200%;
}
/* page-title *****************************/
.page-title{
	position:relative;
	margin-top:150px;
	text-align:center;
}
.page-title img{
	width:100%;
	height:auto;
	position:relative;
}
.page-title h2{
	position:absolute;
	color:#2C2B36;
	font-family: 'gothic';
	font-size:36px;
	bottom: 0;
	right: 0;
	background-color:#FFF;
	padding:20px 75px 0 75px;
	margin:0;
	z-index:999;
}
.page-title h2.st{
	font-size:32px;
	padding:20px 25px 0 25px;
}
/* main-content *****************************/
#main-content{
	margin:60px 0;
}
/* about us ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.about .content-menu{
	margin:0 auto 80px auto;
	padding:0;
	list-style:none;
	display:table;
	max-width:500px;
}
.about ul.content-menu li{
	margin:0;
	text-align:center;
	vertical-align:middle;
	list-style:none;
	display:table-cell;
	width:33%;
	border-left: 1px solid #807F88;
	border-right: 1px solid #807F88;
	font-size:13px;
}
.about ul.content-menu li.act {
	color:#fff;
	background-color:#807F88;
	padding:15px 15px;
}
.about ul.content-menu li a{
	color:#2C2B36;
	display:block;
	padding:15px 15px;
}
.about ul.content-menu li a:hover{
	background-color:#bfbfc3;
	opacity: 1 ;
	color:#FFF;
}
.about ul.content-menu li+ li {
	border-left: 0;
	border-right: 1px solid #807F88;
}
.about-1{
	font-size:16px;
	line-height:200%;
}
.about-1 div{
	margin-bottom:2em;
}
.about-1 p{
	text-align:center;
	margin:2em 0;
	color:#2C2B36;
}
.about-2{
	font-size:21px;
	line-height:180%;
	text-align:center;
	color:#2C2B36;
	font-family: 'Aozora-R';
}
.about-3 dl{
	margin:0 0 80px 0;
	padding:0;
	width:100%;
	display:table;
	position:relative;
}
.about-3 dt {
	width:66%;
	display:table-cell;
	vertical-align:top;
	border-right:1px solid #fff;
	position:relative;
}
.about-3 dt a {
	display:block;
}
.about-3 dt h4{
	position:absolute;
	margin:0;
	padding:0;
	text-align:center;
	color:#FFF;
	z-index:2;
	font-size:16px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.about-3 dt h4 span{
	font-family: 'gothic';
	font-size:50px;
	display:block;
}
.about-3 dd ul li h4{
	position:absolute;
	margin:0;
	padding:0;
	text-align:center;
	color:#FFF;
	z-index:2;
	font-size:13px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	line-height:200%;
}
.about-3 dd ul li h4 span{
	font-family: 'gothic';
	font-size:30px;
	display:block;
}
.about-3 dd{
	width:33.2%;
	display:table-cell;
	vertical-align:top;
}
.about-3 dd ul li{
	position:relative;
}
.about-3  dt img{
	width:100%;
	height:auto;
}
.about-3  dd img{
	width:100%;
	height:auto;
}
.about-3 ul{
	margin:0;
	padding:0;
	list-style:none;
}
.about-3 ul li{
	margin:0;
	padding:0;
}
.about-3 ul li:first-child{
	border-bottom:1px solid #fff;
}
.about-3 .new-business {
	width:100%;
	position:relative;
	margin-bottom:1em
}
.about-3 .new-business img{
	width:100%;
	height:auto;
}
.about-3 .new-business h4{
	position:absolute;
	margin:0;
	padding:0;
	text-align:center;
	color:#FFF;
	z-index:2;
	font-size:16px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	line-height:250%;
}
.about-3 .new-business h4 span{
	font-family: 'gothic';
	display:block;
	font-size:50px;
}
.about-3 .dtl-txt{
	font-size:16px;
	line-height:170%;
}
.about-3 .case {
	width:100%;
	background-color:#f6f6f7;
	padding:20px;
	font-size:16px;
	overflow:hidden;
	margin:2em 0;
	line-height:170%;
}
.about-3 .case p{
	padding-bottom:1em;
}
/* group ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.group .content-menu{
	margin:0 auto 80px auto;
	padding:0;
	list-style:none;
	display:table;
	max-width:860px;
}
.group ul.content-menu li{
	margin:0;
	text-align:center;
	vertical-align:middle;
	list-style:none;
    display:table-cell;
    width:20%;
    border-right: 1px solid #807F88;
    font-size:13px;
    transition: all  0.3s ease;
}
.group ul.content-menu li:first-child{
    border-left: 1px solid #807F88;
}
.group ul.content-menu li.act {
	color:#fff;
	background-color:#807F88;
	padding:15px 5px;
}
.group ul.content-menu li a {
	color:#2C2B36;
    padding:15px 5px;
}
.group ul.content-menu li:hover{
	background-color:#bfbfc3;
    cursor: pointer;
}
.group ul.content-menu li:hover a{
    color: #fff;
    opacity: 1;
}
.group ul.ij-bnlist{
	list-style: none;
    max-width: 740px;
    margin: 0 auto;
    padding: 0;
}
.group ul.ij-bnlist li{
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}
.group ul.ij-bnlist li img{
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
}
table.group-corp {
	width:100%;
	font-size:16px;
	margin-top:40px;
}
.group-corp th{
	padding:10px 20px 10px 0;
	border-bottom:1px solid #CAC9D3;
	white-space:nowrap;
	vertical-align:top;
	font-weight:normal;
	color:#2C2B36;
}
.group-corp td{
	padding:10px 0 10px 0;
	border-bottom:1px solid #CAC9D3;
}
.group-corp td ul{
	list-style:none;
	margin:0;
	padding:0;
}
.group-corp td ul li{
	padding:5px 0;
}
.group-corp td ul li span{
	padding:5px 0;
	color:#2C2B36;
	display:block;
	font-family: 'gothic';
	font-size:14px;
}
table.group-corp .offices {
	overflow:hidden;
	margin-bottom:2em;
	display:table;
}
table.group-corp .offices img{
	width:180px;
	margin:0 15px 0 0;
}
table.group-corp .offices p{
	display:table-cell;
	vertical-align:top;
}
table.group-corp .offices strong{
	font-weight:normal;
	line-height:180%;
	color:#2C2B36;
}
.group-corp-dtl {
	font-size:16px;
	line-height:160%;
	margin-top:0;
}
.history dl{
	font-size:16px;
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #CAC9D3;
}
.history dt{
	color:#2C2B36;
	font-weight:normal;
	border-top:1px solid #CAC9D3;
	padding:10px 0 10px 0;
	float:left;
	clear:left;
	min-width:120px;
}
.history dd{
	padding:10px 0 10px 0;
	border-top:1px solid #CAC9D3;
	margin-left:120px;
}
.product .electronic {
	width:100%;
	position:relative;
	margin-bottom:1em
}
.product .electronic img{
	width:100%;
	height:auto;
}
.product .electronic h4{
	position:absolute;
	margin:0;
	padding:0;
	text-align:center;
	color:#FFF;
	z-index:2;
	font-size:16px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	line-height:250%;
}
.product .electronic h4 span{
	font-family: 'gothic';
	display:block;
	font-size:50px;
}
.product p{
	font-size:16px;
	line-height:160%;
}
.product h5{
	color:#2C2B36;
	font-weight:normal;
	margin:2em 0 2em 0;
	text-align:center;
	position:relative;
	padding-top:60px;
	font-size:18px;
}
.product h5:before{
	content: "";
	width:6px;
	border-top: 50px solid #221E1F;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	margin:auto;
}
.product-list {
	width:100%;
	background-color:#f6f6f7;
	padding:20px;
	font-size:16px;
	overflow:hidden;
	margin:2em 0;
	line-height:170%;
}
.product-list ul{
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
	text-align:center;
	color:#2C2B36;
}
.product h6{
	color:#2C2B36;
	font-weight:normal;
	margin:2em 0 0.5em 0;
	font-size:16px;
}
ul.delivery-list{
	margin:0;
	padding:0;
	list-style:none;
	color:#2C2B36;
	border-top:1px solid #CAC9D3;
}
ul.delivery-list li{
	border-bottom:1px solid #CAC9D3;
	padding:10px 0;
	width:100%;
}
ul.delivery-list li span{
	color: #807F88;
	padding-left:30px;
	font-size:14px;
}
ul.delivery-list li.lv1 {
	display:table;
}
ul.delivery-list li.lv1 img{
	width:120px;
	display:table-cell;
	margin-right:20px;
}
ul.delivery-list li.lv1  div{
	display:table-cell;
	width:90%;
	vertical-align:top;
}
ul.delivery-list li.lv1 div span{
	display:block;
	padding-left:0;
}
/* recruit ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.recruit section p{
	text-align:center;
	font-size:16px;
	margin:2em 0;
}
/* contact ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.contact table {
	max-width:780px;
	width:100%;
	margin:2em auto 2em auto;
	font-size:16px;
}
.contact table th{
	font-weight:normal;
	border-bottom:1px solid #CAC9D3;
	padding:10px;
}
.contact table th span{
	color:red;
	margin:0 0 0 10px;
	font-size:13px;
}
.contact table td{
	border-bottom:1px solid #CAC9D3;
	padding:10px 0;
	width:60%;
}
.re input{
	width:90% !important;
}
.re textarea {
	width:90% !important;
}
.entry {
	max-width:780px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.entry ul{
	margin:0;
	padding:0;
	list-style:none;
}
.entry ul li{
	margin:0;
	padding:0;
}
/* privacy ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.policy dl {
	margin:0;
	padding:0;
}
.policy dt {
	margin:2em 0 1em 0;
	text-align:center;
	font-size:18px;
	padding:60px 0 0 0;
	position:relative;
}
.policy dt:before{
	content: "";
	width:1px;
	border-top: 55px solid #CAC9D3;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	margin:auto;
}
.policy dd {
	margin:0;
	padding:1em;
	background-color:#f0f0f1;
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
/* about ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.about-3 dl{
	margin:0 0 80px 0;
	padding:0;
	width:100%;
	display:block;
	position:relative;
}
.about-3 dt {
	width:100%;
	border:none;
}
.about-3 dd{
	width:100%;
	display:table;
}
.about-3 dd ul{
	width:100%;
}
.about-3 dd li{
	width:50%;
	float:left;
}
.about-3 ul li:first-child {
	border-right:1px solid #fff;
}
/* group ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.group-corp-dtl {
	margin-top:1em;
}
}
@media screen and (max-width: 740px) {
/* SUB-Common ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* page-title *****************************/
.page-title img{
	display:none;
}
/* about us *******/
.about-page-title{
	margin-top:100px;
	background:url(../images/about/title.jpg) no-repeat center top;
	height:200px;
	width:100%;
	padding-top: 56.25%;
    background-size: cover;
}
/* group *******/
.group-page-title{
	margin-top:100px;
	background:url(../images/group/title.svg) no-repeat center top;
	height:200px;
	width:100%;
	padding-top: 56.25%;
    background-size: cover;
}
/* recruit *******/
.recruit-page-title{
	margin-top:100px;
	background:url(../images/recruit/title.jpg) no-repeat center top;
	height:200px;
	width:100%;
	padding-top: 56.25%;
    background-size: cover;
}
/* policy *******/
.contact-page-title{
	margin-top:100px;
	background:url(../images/contact/title.jpg) no-repeat center top;
	height:200px;
	width:100%;
	padding-top: 56.25%;
    background-size: cover;
}
/* policy *******/
.policy-page-title{
	margin-top:100px;
	background:url(../images/policy/title.jpg) no-repeat center top;
	height:200px;
	width:100%;
	padding-top: 56.25%;
    background-size: cover;
}
}
@media screen and (max-width: 640px) {
/* contact ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.contact table {
	border-top:1px solid #CAC9D3;
}
.contact table th{
	display:block;
	border-bottom:none;
	padding:15px 0 5px 0;
}
.contact table td{
	display:block;
	border-bottom:1px solid #CAC9D3;
	padding:0 0 15px 0;
	width:100%;
}
/* about ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.about-3 dt h4{
	font-size:13px;
}
.about-3 dt h4 span{
	font-size:40px;
}
.about-3 dd ul li h4 span{
	font-size:21px;
}
.about-3 .new-business h4{
	font-size:13px;
}
.about-3 .new-business h4 span{
	font-size:40px;
}
/* group ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
table.group-corp .offices {
	display:block;
}
table.group-corp .offices p{
	display:block;
}
}
@media screen and (max-width: 500px) {
.group .content-menu{
	display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.group ul.content-menu li{
	margin:0 0 10px 0;
    display:flex;
    align-items: center;
    justify-content: center;
    width:50%;
    font-size: 12px;
}
.group ul.content-menu li:nth-of-type(3),
.group ul.content-menu li:nth-of-type(5){
	border-left: 1px solid #807F88;
}
}
@media screen and (max-width: 460px) {
/* SUB-Common ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* page-title *****************************/
.page-title h2{
	padding:10px 35px 0 35px;
}
.column {
	font-size:18px;
}
/* group ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
table.group-corp {
	display:block;
}
.group-corp th{
	display:block;
	padding:10px 0 5px 0;
	border-bottom:none;
}
.group-corp td{
	display:block;
	padding:5px 0 10px 0;
}
ul.delivery-list li span{
	color: #807F88;
	padding-left:0;
	display:block;
}
}
@media screen and (max-width: 400px) {
/* about ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.about-3 dd{
	width:100%;
	display:block;
}
.about-3 dd ul{
	width:100%;
}
.about-3 dd li{
	width:100%;
	float:none;
}
.about-3 ul li:first-child {
	border-right:none;
	border-bottom:5px solid #fff;
}
.about-3 .new-business h4 span{
	font-size:30px;
}

}