.column {
    padding-top: 10vw;
    padding-bottom: 10rem;
    background: #fff;
}

.column_title h2 {
    display: block;
    font-weight: 500;
    font-size: 2.5rem;
    text-align: center;
    letter-spacing: .05rem;
}
.column_title span {
    display: block;
    animation: AnimationTitle 5s ease infinite;
    background: linear-gradient(to right, #33b5ff, #0072b4, #6dbbe6);
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 8rem;
	font-family: "neue-haas-grotesk-text", sans-serif;
	font-weight: 500;
	font-style: normal;
    text-align: center;
    letter-spacing: .1rem;
    margin: 0 auto 1rem;
}
.column_box {
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content:space-between;
	width: 90%;
	max-width: 1200px;
	margin: 5rem auto;
}
.column_box_block {
	width: 32%;
	margin-bottom: 5rem ;
}
.column_box_block_img {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.column_box_block_img img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
	width: 100%;
	transition: 2s;
	transition-timing-function: ease;
}
.column_box_block a:hover img {
	width: 110%;
}
.column_box_block a:hover span {
	opacity: .7
}
.column_box_block span::after {
	content: '>';
	display: inline-block;
	width: 2rem;
	height: 2rem;
	line-height: 1.8rem;
	margin-left: 1rem;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 500;
	font-size: 1.5rem;
	text-align: center;
	background: #fff;
	color: #0080CB;
	border-radius: 100%;
	vertical-align: middle;
}
.column_box_block span {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: .5rem 0 .7rem;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	background: #0080CB;
}
.column_btn01 {
	display: block;
	width: 80%;
	max-width: 400px;
	margin: 0 auto;
	padding: 2rem 0;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background: #0080CB;
	border: 1px solid #0080CB;
	transition: .3s;
	box-shadow: 0 3px 3px gray;
}
.column_btn01:hover {
	background: #fff;
	color: #0080CB;
	box-shadow: none;
}
@media screen and (max-width:1280px) and (min-width:780px) {
.column_box {
	max-width: 800px;
}
.column_box_block {
	width: 48%;
	margin-bottom: 5rem ;
}
}
@media screen and (max-width:779px) {
.column_box {
	max-width: 400px;
}
.column_box_block {
	width: 100%;
	margin-bottom: 3rem ;
}
.column_box_block span {
	font-size: 1.6rem;
}
}
@media screen and (max-width:480px) {
    
.column {
    padding-top: 30vw;
}
.column_title h2 {
    font-size: 2rem;
}
.column_title span {
    font-size: 5rem;
}
}