@charset "utf-8";

@media screen and (min-width: 970px) {    
  .solution ul li{border: none;}
}

ul.bullet{
  width: 700px;
  margin: 0 auto;
}


@media screen and (max-width: 768px) {
  ul.bullet{
    width: 100%;
  }
}

.solution-image h3{
  margin-bottom: 0;
}

.x2{width:20%}
.x3{width:30%}
.x4{width:40%}
.x6{width:60%}
.x7{width:70%}
.x8{width:80%}

h3,h4{
margin:0 3% 30px;
font-size:30px;
font-weight:100;
text-align: center;
}

.itembox{
clear:both;
width:970px;
margin:0 auto;
}

.itembox:after{
content:"";
display: table;
clear:both;
}

.feature .itembox{
margin-top:80px;
margin-bottom:80px;}

.conte_link{
  text-align: center;
}

.conte_link a{
  margin: 30px 0;
  padding: 14px 40px;
  box-sizing: border-box;
  background: #00559d;
  border: 2px solid;
  border-radius: 3.2rem;
  display: inline-block;
  color: #fff;
  transition: .4s;
}
.conte_link a:hover{
  background:#fff;
  color: #00559d;
  text-decoration: none;
}

.conte_link a:hover{
  opacity: 0.9;
}

.solution ul li{
  font-size: 18px;
}


.casestudy h4{
  padding: 10px 0;
  margin: 0 0 30px;
  border-top: 4px double;
  border-bottom: 4px double;
  color: #002c94;
}

.casestudy{
  padding: 20px;
}


.leftbox{
float:left;
}

.leftbox p{margin-top: 0;}
.leftbox h4{text-align: left;}

.rightbox{
float:right;
text-align: right;
}

.rightbox h4{text-align: left;}
.rightbox img{vertical-align: middle;}
.rightbox p{
margin-top: 0;
text-align: left;}

.itembox .bullet_list{
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
  font-size: 14px;
  color: #555;
}

.itembox .bullet_list li{
  padding-left: 1em;
  position: relative;
}

.itembox .bullet_list li:before{
  content: "・";
  position: absolute;
  left: 0;
}


@media screen and (max-width: 768px) {
  
.itembox {
padding: 0 4%;
box-sizing: border-box;
}

.itembox,
.rightbox,
.leftbox{
width:100%;
}
  h3,h4,h5{
font-size: 26px;
}

h3{margin:0 4% 40px;}
h4{margin: 40px 0;}
h5{margin: 40px 0;}


}

@media screen and (max-width: 490px) {
h2 img,
.rightbox img,
.leftbox img{
width:100%;
  }
  .casestudy h4{
    text-align: left;
  }
}