/*------------------------------------*\
    common
\*------------------------------------*/
.breadcrumb{
	margin-bottom: 20px;
}
.breadcrumb_list li{
	display: inline-block;
}
.breadcrumb_list li a{
	text-decoration: underline;
}
.breadcrumb_list li:last-of-type{
	text-decoration: none;
}
.breadcrumb_list li::after{
 	display: inline-block;
 	content: "\f0da";
	font-family: "Font Awesome 5 Free";
 	margin: 0 .6em;
 	color: #959fa5;
	margin-left: 15px;
	font-size: 14px;
	font-weight: 600;
}
.breadcrumb_list li:last-of-type::after{
  display: none;
}


.page_head{
	position: relative;
	padding: 180px 0 90px;
	background-image: url("../images/business/b_head@2x.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f7f7f7;
}
.page_head::after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/top/overlay.png");
	padding-top: 90px;
}
.page_head_txt{
	z-index: 2;
	color: #fff;
}
.page_head_txt h2{
	font-size: 50px;
	line-height: 1;
}
.page_inner{
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0 90px;
	flex-direction: column;
}
.sec_head.ov p:first-of-type{
	font-size: 24px;
}
.sec_head_title{
	font-size: 24px;
}
.sec_head_subtitle{
	font-size: 20px;
}
/*------------------------------------*\
    business
\*------------------------------------*/
.main_uses{
	margin-bottom: 90px;
	padding: 90px 0;
	background-color: #F7F7F7;
}
.main_uses h3{
	line-height: 1;
	font-size: 24px;
}
.uses_container{
	width: 100%;
	max-width: 90%;
	margin-top: 60px;
	line-height: 1.5;
}
.uses_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: calc(1000px - 40px);
}
.uses_wrap{
	width: 100%;
	max-width: calc(1000px - 40px);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.uses_wrap:last-of-type{
	justify-content: center;
	margin-bottom: 0;
}
.uses_card{
	width: 100%;
	max-width: 274.66px;
	margin-left: 20px;
	padding: 40px;
	background-color: #fff;
	justify-content: initial;
}
.uses_card:first-of-type{
	margin-left: 0;
}
.box7{
	width: 32%;
}
.card_title{
	margin-top: 20px;
}
.card_txt{
	width: 100%;
	margin-top: 10px;
}
.card_txt{
	text-align: justify;
	font-size: 12px;
	margin-top: 20px;
}
/*------------------------------------*\
    facility
\*------------------------------------*/
.page_head.Fac{
	background-image: url("../images/facility/f_head.png");
	background-position: 75%;
}
.img_container{
	width: 100%;
	margin-top: 60px;
}
.img_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.img_wrap:last-of-type{
	justify-content: flex-start;
	margin-bottom: 0;
}
.spbox{
	display: none;
}
.img_box{
	width: 32%;
}
.img_box img{
	width: 100%;
	background-color: #f7f7f7;
}
.img_box span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
}
.box4{
	width: 66%;
}
.box8{
	margin-right: 20px;
}
/*------------------------------------*\
    company
\*------------------------------------*/
.page_head.Company{
	background-image: url("../images/company/c_head@2x.png")
}
.message_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 60px;
}
.pre_message{
	width: 100%;
	max-width: 70%;
}
.pre_img{
	font-size: 15px;
}
.co_table{
	margin-top: 60px;
}
.co_wrap,.access{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
/*
.co_wrap{
	margin-top: 60px;
}
*/
.co_wrap:nth-of-type(2){
	margin-top: 60px;
}
.co_wrap__img_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 48px;
}
.co_wrap__img_box figure{
	margin-right: 20px;
}
.co_wrap__img_box figure:last-of-type{
	margin-right: 0;
}
.co_banner{
	transition: all .5s;
}
.co_banner:hover{
	opacity: .7;
}
.co_wrap:last-of-type{
	margin-top: 60px;
}
.co_table{
	width: 100%;
}
.co_item{
/*
	display: flex;
	align-items: center;
*/
	vertical-align: middle;
	background-color: #fff;
	border-top: 1px solid #C8C8D0;
	border-bottom: 1px solid #C8C8D0;
}
/*
.co_item + .co_item{
	border-top: none;
}
*/
.odd{
	border-top: none;
}
.co_item.History{
	width: 30%;
}
.co_title{
	width: 20%;
	text-align: left !important;
	padding: 20px 0 20px 20px;
	background-color: #175388;
}
.co_txt{
	padding: 20px;
}
.co_txt a{
	display: block;
}
.co_link{
	margin-top: 26px;
    margin-left: 38px;
}
.co_link.second{
    margin-left: 40px;
}
.co_link a{
	text-decoration: underline;
}
.access{
	position: relative;
	margin-bottom: 90px;
}
.access h3{
	font-size: 24px;
}
.map{
	width: 100%;
	height: 100%;
	margin-top: 60px;
}
.mapA{
	text-align: center;
	margin-left: 30px;
}
.mapB img{
	width: 100%;
}
.g_map_cntainer{
	width: 100%;
	max-width: 1000px;
	margin-top: 60px;
}
.g_map{
	width:100%;
	margin-top: 40px;
}
.g_map:first-of-type{
	margin-top: 0;
}
.g_map_title{
	font-size: 20px;
	padding-left: 20px;
	border-left: 5px solid #175388;
}
.g_map_wrap{
	margin-top: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
}

.g_map_wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.g_map iframe:nth-of-type(2){
	margin-top: 20px;
}
/*------------------------------------*\
    process
\*------------------------------------*/
.page_head.Process{
	background-image: url("../images/process/p_head.png")
}
.p_container{
	position: relative;
	margin-top: 60px;
}
.p_item{
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 60px;
	line-height: 0;
	text-align: center;
}
.p_item:first-of-type{
	margin-top: 0;
}
.p_line::after{
	content: '';
	position: absolute;
	display: inline-block;
	width: 2px;
	height: 62px;
	bottom: -28%;
	left: 50%;
	background-image: url("../images/process/p_line@2x.png");
	background-repeat: no-repeat;
}
.p_link img{
	width: 300px;
}
.product_container{
	margin-top: 60px;
}
.product_title{
	font-size: 20px;
	padding-left: 20px;
	border-left: 5px solid #175388;
}
.product_img_wrap{
	margin-top: 40px;
}
/*------------------------------------*\
    works
\*------------------------------------*/
.page_head.Works{
	background-image: url("../images/works/w_head.png")
}
.works_container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 60px;
}
.works_box{
	margin-top: 40px;
}
.works_box_mr{
	margin-right: 20px;
}
.works_box:first-of-type,.works_box:nth-of-type(2){
	margin-top: 0;
}
.works_box span{
	display: block
}

/*------------------------------------*\
    sitemap
\*------------------------------------*/
.sec_head.Site{
	width: 100%;
/*	margin-top: 90px;*/
	padding-bottom: 20px;
	border-bottom: 2px solid #175388;
}
.category{
	margin-top: 40px;
}
.category_section{
	list-style: none;
}
.category_section li{
	padding-left: 20px;
}
.category_section{
	columns: 3 auto;
}
.category_box{
	display: inline-block;
	margin-top: 20px;
}
.category_box_list{
	list-style: none;
}
.blue{
	color: #175388;
}
/*------------------------------------*\
    privacy
\*------------------------------------*/
.privacy_inner{
	position: relative;
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
    padding: 90px 0;
}
.page_inner.nohead{
	padding-top: 130px
}
.sec_head.Privacy{
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}
.sec_head.Privacy h2{
	font-size: 24px;
}
.sec_head.Privacy p{
	margin-top: 40px;
}
.privacy_container{
	margin-top: 60px;
}
.privacy_box{
	list-style: none;
	margin-top: 40px;
}
.privacy_box:first-of-type{
	margin-top: 0;
}
.privacy_box_title{
	font-size: 18px;
}
.privacy_box_txt{
	margin-top: 1em;
}
.privacy_box_list{
	margin: 1em 0 1em 1.5em;
	list-style: disc;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*
@media (max-width: 1024px){
	.bis{
		max-width: 820px;
	}
	.page{
		max-width: 820px;
	}
	.product_img_wrap img{
		width: 48%;
	}
	.works_container{
		max-width: 820px;
	}
	.works_box{
		width: 48%;
	}
	.pcbox{
		width: 100%;
	}
	
}
*/
@media screen and (max-width: 1024px){
	.page_inner{
		max-width: 820px;
	}
	.p_line::after{
		bottom: -34%;
	}
	.product_img_wrap{
		flex-direction: column;
	}
	.product_img_wrap img{
		margin-top: 20px;
	}
	.product_img_wrap img:first-of-type{
		margin-top: 0;
	}
	.works_box_mr{
		margin-right: 30px;
	}
	.co_wrap{
		max-width: 820px;
	}
	.access{
		max-width: 820px;
	}
	.works_box{
		width: 48%;
	}
	.box_lage{
		width: 100%;
	}
}

@media screen and (max-width: 896px){
	.page_inner{
		max-width: 500px;
	}
	.message_box{
		flex-direction: column
	}
	.pre_message{
		max-width: 100%;
	}
	.pre_img{
		margin-top: 20px;
		text-align: center;
	}
	.pre_img p{
		text-align: center !important;
	}
	.privacy_inner{
		max-width: 500px;
	}
}
@media (max-width: 896px){
	td,th,.co_title,.co_title.History{
		width: 100%;
		display: block;
	}
	.pcbox{
		display: none;
	}
	.spbox{
		display: block;
	}
	.img_wrap{
		flex-direction: column;
	}
	.img_box{
		width: 100%;
		margin-bottom: 40px;
	}
	.img_box:last-child{
		margin-bottom: 0;
	}
	.works_box{
		width: 100%;
		max-width: 100%; 
	}
	.works_box:nth-of-type(2){
		margin-top: 40px;
	}
	.works_box img{
		width: 100%;
		max-width: auto;
		height: auto;
	}
	.works_box_mr{
		margin-right: 0;
	}
	.message_box{
		flex-direction: column
	}
	.pre_message{
		max-width: 100%;
	}
	.pre_img{
		margin-top: 20px;
		text-align: center;
	}
	.pre_img p{
		text-align: center !important;
	}
	.co_wrap{
		max-width: 500px;
	}
	.access{
		max-width: 500px;
	}
	.co_txt{
		padding: 30px 20px;
	}
	.c_clumn{
		flex-direction: column;
		align-items: initial;
	}
	.co_wrap__img_box{
		display: block;
	}
	.co_wrap__img_box figure{
		margin-right: 0;
		margin-bottom: 32px;
	}
	.co_wrap__img_box figure:last-of-type{
		margin-bottom: 0;
	}
	.co_link,.co_link.second{
		margin: 0;
	}
	.category_section{
		column-count: 1;
	}
	.category_container ul li{
		padding-left: 0;
	}
}
@media (max-width: 800px){
	.uses_container{
		max-width: 500px;
	}
	.uses_wrap{
		flex-direction: column;
	}
	.uses_card{
		width: 100%;
		max-width: 100%;
		margin: 20px auto 0;
	}
	.uses_card:first-child{
		margin-top: 0
	}
}
@media (max-width: 414px){
	.pcbox{
		display: none;
	}
	.spbox{
		display: block
	}
	.pcbox.Fa{
		display: none;
	}
	.spbox.Fa{
		display: block
	}
/*
	.page_inner{
		width: 100%;
		max-width: 350px;
	}
*/
	.page_head{
		height: 230px;
		background-image: url(../images/business/b_headSP.png)
	}
	.page_head_txt h2{
		font-size: 35px;
		line-height: 1;
	}
/*
	.sec_inner.bis{
		max-width: 337px;
	}
*/
	.page_inner{
		max-width: 337px;
	}
	.sec_head.ov p:first-of-type{
		font-size: 20px;
	}
	.main_uses h3{
		font-size: 20px;
	}
	.uses_container{
		max-width: 337px;
	}
	.uses_wrap{
		flex-direction: column;
	}
	.uses_card{
		width: 100%;
		max-width: 100%;
		margin: 20px auto 0;
	}
	.uses_card:first-child{
		margin-top: 0
	}
	.img_wrap{
		flex-direction: column;
	}
	.img_box{
		width: 100%;
		margin-bottom: 40px;
	}
	.img_box:last-child{
		margin-bottom: 0;
	}
	.page_head.Fac{
		background-image: url("../images/facility/f_headSP.png")
	}
	.page_head.Company{
		background-image: url("../images/company/c_headSP.png")
	}
	.message_box{
		flex-direction: column
	}
	.pre_message{
		max-width: 100%;
	}
	.pre_img{
		margin-top: 20px;
		text-align: center;
	}
	.pre_img p{
		text-align: center !important;
	}
	.co_wrap,.access{
		max-width: 337px;
	}
	.co_txt{
		padding: 30px 20px;
	}
	.c_clumn{
		flex-direction: column;
		align-items: initial;
	}
	.co_link,.co_link.second{
		margin: 0;
	}
/*
	.mapA{
		margin-left: 40px;
	}
*/
	.page_head.Process{
		background-image: url("../images/process/p_headSP.png")
	}
	.p_link img{
		width: 200px;
	}
	.p_item{
		margin-top: 30px;
	}
	.p_line::after{
		height: 31px;
		bottom: -25%;
	}
	.page_head.Works{
		background-image: url("../images/works/w_headSP.png")
	}
	.works_box:nth-of-type(2){
		margin-top: 40px;
	}
}
@media (max-width: 320px){
	.page_inner{
		max-width: 280px;
	}
	.sec_head.ov p:first-of-type{
		font-size: 18px;
	}
	.uses_container{
		max-width: 280px;
	}
	.p_line::after{
		bottom: -30.1%;
	}
	.co_wrap{
		max-width: 280px;
	}
	.access{
		max-width: 280px;
	}
	.sec_head.Privacy h2{
		font-size: 20px;
	}
	.privacy_inner{
		max-width: 320px;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width:823px) and (orientation: landscape){
	.main_uses h3{
		font-size: 20px;
	}
	.uses_wrap{
		flex-direction: column;
	}
	.uses_card{
		width: 100%;
		max-width: 100%;
		margin: 20px auto 0;
	}
	.uses_card:first-child{
		margin-top: 0
	}
	.card_txt{
		max-width: 478px;
	}
	.img_wrap{
		flex-direction: column;
	}
	.img_box{
		width: 100%;
	}
	.co_wrap{
		max-width: 500px;
	}
	.access{
		max-width: 500px;
	}
	.co_txt{
		padding: 30px 20px;
	}
	.c_clumn{
		flex-direction: column;
		align-items: initial;
	}
	.co_link,.co_link.second{
		margin: 0;
	}
	.works_box{
		width: 100%;
		max-width: 100%; 
	}
	.pcbox{
		display: none;
	}
	.spbox{
		display: block;
	}
	.pcbox.Fa{
		display: none;
	}
	.spbox.Fa{
		display: block
	}
	.p_line::after{
		bottom: -34%;
	}
}