@charset "utf-8";

#regular main {font-size: 16px;}
#regular main .list-free h3 {font-size: 1.9rem;    text-align: center;}


@media screen and (max-width: 600px) {
  #regular main .box1 {margin-bottom: 70px;}
}
@media screen and (min-width: 600px) {
  #regular .list-free .w2 {width: 18%;}
}

@media screen and (max-width: 600px) {
.list-free {
    margin-bottom: 20vw;
}
}

h3.vertical-text span.number {
	text-combine-upright: all;
}
h3.vertical-text span.sub {
	font-size:0.6em;
}
@media screen and (max-width: 600px) {
h3.vertical-text span.sub {
	display: block;
    text-align: center;
}
h3.vertical-text span.tate {
	writing-mode: vertical-rl !important;
}
}

#regular .flexbox dt {
        font-size:0.7em;
		width: 20%;
		margin-top:5px;
    }
@media screen and (min-width: 900px) {
      #regular .flexbox dt {
        width: 15%;
		font-size:1em;
    }
}

.list-free.bg2 {
  color:#333;
}

@media screen and (max-width: 600px) {
#regular main .list-free h3.pc {
    display:none;
}
}
@media screen and (min-width: 601px) {
#regular main .list-free h3.pc {
    display:block;
}
#regular main .list-free h3.sp {
    display:none;
}
}