@charset "utf-8";


.catch {
	font-size: 20px;
	font-weight: bold;
}
.large-red {
	font-size: 24px;
	color: #F00;
}
.case {
	display: inline-block;
	color: #FFF;
	padding: 0.2em 1em 0;
	margin-bottom: 8px;
}
.col-2 {
	display: flex;
	justify-content: space-between;
}
ul.col-2 li {
    width: 48%;
    display: inline-block;
    overflow: hidden;
    _zoom: 1;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    vertical-align: top;
	text-align: center;
}
ul.col-2 li:first-child {
    margin: 0 4% 0 0;
}


@media screen and (max-width: 640px) {
.point-sp {
	background-color: #00A5A8;
}
.frame {
	background-color: transparent;
	border-radius: unset;
	color: #FFF;
	padding: 0;
	margin-right: .5em;
}
.ribbon {
    padding: 0 40px 0 18px;
	font-size: 16px;
	display: table-cell;
	vertical-align: middle;
}
.figure {
	font-size: 20px;
	vertical-align: baseline;
}
.shudan-wrap {margin-top: 15px;}
.catch {
	font-size: 1.6rem;
}
a.catch {
text-align: center;        display: block;
        margin: 1em 0 0 0;
}
.col-2{display:block;}
ul.col-2 li {width: 100%;}
ul.col-2 li:first-child{margin: 0 0 10px 0;}
}