@charset "UTF-8";

.lineproduct{
margin:0px;
border-top:#2CAEDD  5px solid;
}

.lineproduce{
margin:0px;
border-top:#EF821E  5px solid;
}

.linelogistics{
margin:0px;
border-top:#65B588  5px solid;
}

h1{
text-align:center;
margin:0px 20px 20px 20px;
font-size:20px;
font-style:normal;
font-weight:500;	
}

h1.productname{
font-family: "futura-pt",sans-serif;
color:#3399CC;
}

h1.producename{
font-family: "futura-pt",sans-serif;
color:#EF821E;
}

h1.logisticsname{
font-family: "futura-pt",sans-serif;
color:#65B588;
}

h1 svg{
vertical-align:middle;
}

/* article      /////////////////////////////////////////////// */
article{
text-align:center;
margin:20px 20px 60px 20px;
}


article h2{
text-shadow: 0px 1px 1px #CCCCCC; 
color:#000000;
margin-top:20px;
font-size:18px;
font-style:normal;
font-weight:500;	
}

article .box{
text-align:left;
margin:20px 60px;
}

@media screen and (max-width:600px){
article .box{
text-align:left;
margin: 20px 0px;
}

}

@media screen and (min-width: 781px) {
article h2 br{
display:none;
}
}



/*solution  /////////////////////////////////////////////// */
.solution{
margin:20px 0px;
text-align:center;
display:-webkit-flex; /* iOS Safari */
display:flex;
-webkit-flex-wrap:row; /* iOS Safari */
flex-direction:row;
}

.solutionbox01,.solutionbox02{
text-align:center;
padding:20px;
margin-right:10px;
border-radius:10px;
border:#000000 1px solid;
-webkit-flex-grow:1; /* iOS Safari */
flex-grow:1;
width: 100%;
}

.solutionbox03{
text-align:center;
padding:20px;
margin:0px;
border-radius:10px;
border:#000000 1px solid;
-webkit-flex-grow:1; /* iOS Safari */
flex-grow:1;
width: 100%;
}

.solution01 img{
padding:15px;
background:#2CAEDD;
border-radius:10px;
vertical-align:middle;
display:inline-block;
}

.solution02 img{
padding:15px;
background:#EF821E;
border-radius:10px;
vertical-align:middle;
display:inline-block;
}

.solution03 img{
padding:15px;
background:#65B588;
border-radius:10px;
vertical-align:middle;
display:inline-block;
}
	

.solution p{
text-align:left;
}

p.solutionname01{
font-size:18px;
font-style:normal;
font-weight:600;
color:#3399CC;
padding-left:10px;
vertical-align:middle;
display:inline-block;
}

p.solutionname02{
font-size:18px;
font-style:normal;
font-weight:600;
color:#EF821E;
padding-left:10px;
vertical-align:middle;
display:inline-block;
}

p.solutionname03{
font-size:18px;
font-style:normal;
font-weight:600;
color:#65B588;
padding-left:10px;
vertical-align:middle;
display:inline-block;
}

p.solutionname01 span,p.solutionname02 span,p.solutionname03 span{
font-size:14px;
font-family: "futura-pt",sans-serif;
font-style: normal;
}

p.detail{
margin-top:15px;
text-align:left;
}

.solution h3{
color:#000000;
font-size:14px;
font-style:normal;
font-weight:600;
padding-bottom:3px;
border-bottom:#FFFFFF 1px solid;
margin-top:20px;
}

.solution h4,.solution h5{
color:#000000;
margin-top:20px;
font-size:14px;
font-style:normal;
font-weight:000;
padding-bottom:2px;
border-bottom:#000000 2px solid;
}

.solution ul{
margin-top:10px;
}

.solution li{
text-align:left;
list-style:circle;
margin-left:15px;
padding-bottom:8px;
}



@media screen and (max-width:780px){
.solution{
-webkit-flex-direction: column;
flex-direction: column;
}

.solutionbox01,.solutionbox02{
margin:0px 0px 20px 0px;
}
}