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

main .box{
	justify-content:flex-start;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:3rem 0;
	align-items:center;
}
main .box .icon{
	margin-left:2rem;
}
main .box .icon .icon_title{
	font-size:2.2rem;
	margin-bottom:0.6em;
}
main .box .icon li{
	margin-right:1.8rem;
	width:6.5rem;
}
main .box .img{
	border:1px solid #e5e5e5;
	font-size:0px;
}
main .box .img img{
	width:100%;
}
main .box_s{
	border-top:none;
	border-bottom:none;
	width:50%;
}

main h2{
	border-top:1px solid #e5e5e5;
	padding:3rem 0 0 0;
  margin-top:1.5rem;
  margin-bottom:0;
  font-size:2.5rem;
}

/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
main .box .img{
	width:20.7826%;
}
main .box_s .img{
	width:41.5652%;
}
main .box .icon .icon_title {
    font-size: 1.87vw;
}
main .box .icon li{
	width:5.6vw;
}


}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
main .box{
	align-items:flex-start;
	padding: 2rem 0 1rem 0;
}
	
main .box .img {
    width:45%;
}

main .box .icon {
    margin-left: 5%;
	width:50%;
}
main .box .icon .icon_title {
    font-size: 1.8rem;
}
main .box .icon ul{
	justify-content:flex-start;
}
main .box .icon li {
    margin-right: 8%;
  margin-bottom: 2%;
    width: 25%;
}
main .box_s {
    width: 100%;
}

main h2{
	font-size: 2rem;
  padding: 2rem 0 0 0;
  margin-top:1rem;
  
}
	  
  
  
	
}