@charset "utf-8";
/* CSS Document */
.com_bk{
	background-image: url(../images/company/co_title.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.com_box_2g{
	display: flex;
	width: 100%;
	box-sizing: border-box;
}
.com_box_2g.com_box_2g_sp {
	margin-top: 100px;
}

.com_box_3g{
	width: 100%;
	display: flex;
}
.com_box_2g a,
.com_box_3g a {
	align-content: center;
	justify-content: center;
	background-color: #000;
	position: relative;
	flex: 1;
}
.com_box_2_3g_b {
	opacity: 0.3;
	transition: 0.3S;
}
.com_box_2g a:hover .com_box_2_3g_b,
.com_box_3g a:hover .com_box_2_3g_b {
	opacity: 1;
	transition:0.5S;
}
.com_box_2_3g_u {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.com_box_2_3g_u_t01 {
	font-size: 30px;
	color: #FFF;
}
.com_box_2_3g_u_t02 {
	color: #FFF;
}



#co_box1 {
	margin-top: 70px;
	max-width: 1300px;
	width: 100%;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00c9ff;
	border-bottom-color: #00c9ff;
	background-color: #f0eff1;
}
#co_box6 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
	margin-top: 150px;
	box-sizing: border-box;
}
#co_box6 a {
	align-content: center;
	justify-content: center;
	background-color: #000;
	position: relative;
}
.co_box6_b {
	opacity: 0.3;
	transition: 0.3S;
}
#co_box6 a:hover .co_box6_b {
	opacity: 1;
	transition:0.5S;
}
.co_box6_u {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.co_box6_u_t01 {
	font-size: 30px;
	color: #FFF;
}
.co_box6_u_t02 {
	color: #FFF;
}

.co_box6_m {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	border-left: 40px solid transparent;
	border-bottom: 40px solid #00c9ff;
}

.co_co_bk{
	background-image: url(../images/company_company/co_box1_co_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.co_co01{
	display: flex;
}
.co_co01 section{
	width: 50%;
	box-sizing: border-box;
	background: linear-gradient(90deg, #d6d6d6 0%, #d6d6d6 150px, #f0eff1 150px, #f0eff1 100%);
	padding-top: 100px;
	padding-bottom: 100px;
}
.co_co01_table{
	height: 100%;
	box-sizing: border-box;
}
.co_co01_table th{
	width: 150px;
	box-sizing: border-box;
	vertical-align: top;
	padding-top: 12px;
	padding-right: 30px;
	padding-bottom: 12px;
	padding-left: 30px;
}
.co_co01_table td{
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	padding-top: 12px;
	padding-right: 30px;
	padding-bottom: 12px;
	padding-left: 30px;
}
.co_co02 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.co_co03 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1300px;
}
.co_co03 iframe {
	height: 550px;
	width: 100%;
}
.co_co_SubTitle {
	font-size: 30px;
	color: #00c9ff;
	padding-left: 40px;
	font-weight: bold;
	position: relative;
	padding-top: 24px;
	padding-bottom: 24px;
	box-sizing: border-box;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1300px;
	margin-top: 100px;
}
.co_co_SubTitle:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 46px 46px 0 0;
    border-color: #00c9ff transparent transparent transparent;
}

.co_po_bk {
	background-image: url(../images/company_policy/co_box1_po_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.co_qu_bk {
	background-image: url(../images/company_quality/co_box1_qu_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.co_ec_bk {
	background-image: url(../images/company_eco/co_box1_ec_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.co_po01_bk{
	background-image: url(../images/company_policy/co_po01_bk.png);
	background-size: 312px;
}
.co_qu01_bk{
	background-image: url(../images/company_quality/co_qu01_bk.png);
	background-size: 281px;
}
.co_ec01_bk{
	background-image: url(../images/company_eco/co_ec01_bk.png);
	background-size: 279px;
}

.co_po01{;
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 125px;
	padding-top: 90px;
	padding-bottom: 90px;
	width: 100%;
}
.co_po01_wide {
	max-width: 920px;
	width: 100%;
}
.co_po01_wide table {
	padding-top: 60px;
}

.co_po01_txt01 {
	font-size: 30px;
	padding-bottom: 80px;
	border-bottom-color: #7f7f7f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.co_po01_list {
	color: #FFF;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	width: 25px;
	background-color: #00c9ff;
	border-radius: 25px;
	line-height: 28px;
}
.co_po01_wide table tr th {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 12px;
	padding-left: 12px;
	text-align: left;
	vertical-align: top;
}
.co_po01_wide table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
}


.co_hi_bk {
	background-image: url(../images/company_history/co_box1_hi_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#co_hi_box1 {
	display: grid;
	grid-template-columns: 28% 72%;
	width: 100%;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	max-width: 1300px;
}
#co_hi_box1 div:nth-child(odd){
	background-color: #d6d6d6;
	box-sizing: border-box;
	padding: 24px;
	text-align: right;
}
#co_hi_box1 div:nth-child(even){
	box-sizing: border-box;
	padding: 24px;
	text-align: left;
}
.co_me_bk{
	background-image: url(../images/company_messag/co_box1_me_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#co_me_box1 {
	padding-top: 90px;
	padding-right: 8%;
	padding-bottom: 90px;
	padding-left: 8%;
}
#co_me_txt01 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 70px;
	max-width: 1000px;
}






#PC_CSS_end-------------------------------------------------------------------------------------------------------------------------- {}
@media screen and (max-width: 737px) {
#SP_CSS_sta-------------------------------------------------------------------------------------------------------------------------- {}
.com_bk{
	background-position: 70% center;
}
.com_box_2g.com_box_2g_sp {
	margin-top: 50px;
}
.com_box_2g,
.com_box_3g {
	flex-wrap:wrap;
}
.com_box_2g a,
.com_box_3g a {
	width: 100%;
	flex: unset;
	margin-top: 16px;
}
.com_box_2g a:hover .com_box_2_3g_b,
.com_box_3g a:hover .com_box_2_3g_b {
	opacity: 0.3;
}

#co_box1 {
	margin-top: 40px;
}
.co_co01{
	flex-wrap:wrap;
}
.co_co01 section{
	width: 100%;
	background: linear-gradient(90deg, #d6d6d6 0%, #d6d6d6 150px, #f0eff1 150px, #f0eff1 100%);
	padding-top: 0px;
	padding-bottom: 0px;
}
#co_box6 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 50px;
}
.co_box6_u_t01 {
	font-size: 5vw;
}
.co_co01 section{
	background: linear-gradient(90deg, #f0eff1 0%, #f0eff1 150px, #f0eff1 150px, #f0eff1 100%);
}
.co_co01_table{

}
.co_co01_table th{
	width: 100%;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	background-color: #d6d6d6;
}
.co_co01_table td{
	width: 100%;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
}
.co_co03 iframe {
	height: 300px;
}


.co_po01_bk{
	background-image: url(../images/company_policy/co_po01_bk.png);
	background-size: 35%;
}
.co_qu01_bk{
	background-image: url(../images/company_quality/co_box1_01.png);
	background-size: 35%;
}
.co_ec01_bk{
	background-image: url(../images/company_eco/co_ec01_bk.png);
	background-size: 35%;
}
.co_po01{
	padding-left: 16px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 16px;
}
.co_po01_wide {
	max-width: 920px;
	width: 100%;
}
.co_po01_wide table {
	padding-top: 30px;
}

.co_po01_txt01 {
	font-size: 20px;
	padding-bottom: 30px;
}
.co_po01_wide table tr th {
	padding-right: 6px;
	padding-left: 0px;
}
#co_hi_box1 {
	grid-template-columns: 100%;
}
#co_hi_box1 div:nth-child(odd){
	padding: 12px;
	text-align: left;
}
#co_hi_box1 div:nth-child(even){
	padding: 12px;
}
#co_me_box1 {
	padding-top: 40px;
	padding-right: 5%;
	padding-bottom: 40px;
	padding-left: 5%;
}
#co_me_txt01 {
	padding-top: 40px;
}
#SP_CSS_end-------------------------------------------------------------------------------------------------------------------------- {}
}