@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 768px) {
/*common*/
.sp {display: none;}
.pc {display: block;}

/*contents*/
section .cont_wrap{
padding: 75px 15px;
}
section h2 span{
font-size: 18px;
}
section h2 {
font-size: 28px;
}

/*footer*/
#footer .flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
#footer .item{
width:50%;
height:50px;
}
#footer .item:first-child{
text-align: left;
}
#footer .item:last-child{
text-align: right;
line-height: 50px;
}

/*header*/
#header_pc{
padding-left: 20px;
padding-right: 20px;
}
#header_pc .flex{
height: 100px;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
column-gap: 20px;
width: 100%;
}
#header_pc h1 {
width: 200px;
margin-right: auto;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
#header_pc .menu_pc li a {
color: #fff;
display: block;
}
#header_pc .menu_pc {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
#header_pc .menu_pc li {
display: inline-block;
margin: auto 10px;
font-size: 14px;
}

/*MV*/
.MV{
height: 850px;
margin-bottom: 5%;
}
.MV h2{
font-size: 80px;
}
.MV p{
margin-top: 15px;
font-size: 18px;
}
.MV .mv_item{
bottom: -15%;
}

/*products*/
.products_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.products_wrap div {
width: 30%;
overflow: hidden;
}
	
/*solutions*/
.solutions .flex h3{
font-size: 24px;
}
.solutions .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.solutions .item {
width: 46%;
overflow: hidden;
}

.solutions_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.solutions_wrap div {
width: 30%;
overflow: hidden;
}

/*about*/
.about_table {
width: 100%;
}
.about_table td, .about_table th {
display: table-cell;
padding-bottom: 20px;
padding-top: 20px;
}
.about_table th {
border-bottom: 1px solid #e6e6e6;
width: 195px;
}
.about_table td {
width: calc(100% - 195px)!important;
}
.global_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.global_wrap div {
width: 30%;
overflow: hidden;
}
}


@media screen and (min-width: 900px) {	
/*header*/
#header_pc{
padding-left: 20px;
padding-right: 20px;
}
#header_pc .flex{
height: 100px;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
column-gap: 40px;
width: 100%;
}
#header_pc h1 {
width: 250px;
margin-right: auto;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
#header_pc .menu_pc li a {
color: #fff;
display: block;
}
#header_pc .menu_pc {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
#header_pc .menu_pc li {
display: inline-block;
margin: auto 10px;
font-size: 16px;
}
}