@charset "UTF-8";


.w1100{
	max-width: 1100px;
	margin: 0 auto;
}

.column02{
	justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.column02 a{
	display: block;
	height: 100%;
	width: 100%;
	padding: 50px 20px;
	line-height: 2;
    transition: all 0.5s ease 0s;
}

.column02 a:hover{
	background:#e3e3e3;
}

.column02 > div{
	background: #f3f3f3;
	width: 44.546%;
	text-align: center;
	letter-spacing: 0.1em;
}

.column02 img{
	margin-bottom: 20px;
}

.column02 p.tit{
	font-size: 30px;
}

.column02 p{
	font-size: 20px;
}


@media only screen and (max-width: 1000px) {
  .column02 > div{	
      width: 48%;
  }
  .column02 > div p br{
	  display: none;
  }
	
}

@media only screen and (max-width: 768px) {
	.column02{
		display: block;
    }
	
    .column02 > div{
		width: 80%;
		margin: 0 auto;
		display: block;
    }

    .column02 > div + div{
		margin-top:5vw;
    }
	

	.column02 > div a{
        padding: 30px 15px;
		line-height: 1.8;
    }

    .column02 img{
		width: 50px;
        margin-bottom: 1vw;
    }

    .column02 p.tit{
		font-size: 20px;
    }

    .column02 p{
		font-size: 12px;
    }

}