.column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media screen and (max-width: 639px) {
.column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media screen and (max-width: 639px) {
.column > .inner {
width: auto; } }
@media screen and (max-width: 639px) {
.column.-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 640px) {
.column.-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.nav-wrap {
position: relative;
z-index: 10; }
.nav-wrap li li {
height: 0;
overflow: hidden;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s; }
@media screen and (max-width: 760px) {
.nav-wrap li li {
height: auto; } }
.nav-wrap li li a {
border-top: 1px solid #eee;
color: #FFF;
font-size: 1rem;
line-height: 1.6; }
@media screen and (max-width: 760px) {
.nav-wrap li li a {
color: #111; } }
.nav-wrap li li a:hover {
color: #ffdc46; }
.nav-wrap li:hover > ul > li {
height: 2rem;
overflow: visible; }
.drop_li {
max-width: none !important; }
@media screen and (max-width: 760px) {
.drop_li a {
padding: 15px 0 15px 1rem !important; } }
.nolink {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
width: 100%;
height: 100%;
text-align: center;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF; }
@media screen and (max-width: 760px) {
.nolink {
border-top: 1px solid #eee;
padding: 15px 0;
position: relative;
display: block;
color: #111;
text-align: left; }
.nolink .pc-display {
display: none; } }
.top-blog {
padding: 40px 0 60px; }
.top-blog .info-list {
margin-top: 40px;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.top-blog .info-list .item {
width: 30%;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
padding: 0;
margin-right: 30px;
display: block;
border-bottom: none;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.top-blog .info-list .item:last-child {
margin-right: 0; }
.top-blog .info-list .item img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit:cover;";
width: 25em;
height: 14em; }
.top-blog .info-list .item:hover {
opacity: .7; }
.top-blog .info-list .item .info-data {
margin-left: 0;
margin-top: 10px;
margin-bottom: 20px; }
.top-blog .info-list .item .info-ttl {
font-size: 1.2rem;
font-weight: bold;
padding-bottom: 5px;
display: block; }
.top-blog .info-list .item .info-day {
font-size: .9rem;
color: #bdbdbd; }
.top-blog .btn {
padding: 10px 0;
background: #0eaaaa;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 1rem;
border-radius: 5px;
margin-top: auto; }
.top-blog .blog-btn {
padding: 15px 80px;
background: #D76664;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 1.2rem;
border-radius: 5px;
margin: 30px auto 0;
-webkit-box-shadow: 0px 7px 0px 0px #ac3a38;
box-shadow: 0px 7px 0px 0px #ac3a38;
display: table;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.top-blog .blog-btn:hover {
opacity: .7; }
@media screen and (max-width: 760px) {
.top-blog {
padding: 40px 4% 60px; }
.top-blog .info-list .item {
width: 100%;
margin-bottom: 10%; }
.top-blog .info-list .item:last-child {
margin-bottom: 0; }
.top-blog .blog-btn {
width: 100%;
padding: 3% 0;
font-size: 1rem; } }
.post_content .post_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media screen and (max-width: 760px) {
.post_content .post_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.post_content .post_col-2 {
width: 48%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
float: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.post_content .post_col-2 .post-block {
width: 48%; }
@media screen and (max-width: 760px) {
.post_content .post_col-2 {
width: 100%; }
.post_content .post_col-2 .post-block {
width: 100%; } }
.ttl-sub {
background: #5ccad7;
color: #FFF;
padding: .2em .5em;
font-size: 1.4rem;
border-bottom: none;
margin-top: 40px;
font-weight: bold; }
.tel-link {
font-size: 1.6rem;
font-weight: bold;
display: table;
color: #2ecf96;
margin-bottom: 20px; }
.img-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.img-wrap .link-img {
width: 46%; }
.img-wrap .link-img:first-child {
margin-right: 20px; }
.img-wrap .link-img:last-child {
width: 34.5%; }
@media screen and (max-width: 760px) {
.img-wrap .link-img {
width: 100%; }
.img-wrap .link-img:first-child {
margin-right: 0;
margin-bottom: 4%; }
.img-wrap .link-img:last-child {
width: 100%; } }
.wp-image-5158 {
width: 60%; }
@media screen and (max-width: 760px) {
.wp-image-5158 {
width: 100%;
margin-bottom: 4%; } }
.wp-image-5160 {
width: 39%; }
@media screen and (max-width: 760px) {
.wp-image-5160 {
width: 100%; } }
.course-txt {
display: block;
margin: 40px 0;
line-height: 1.6; }
.course-txt strong {
font-weight: bold; color: #31becf;
font-size: 1.2rem; }
.course-txt .big-s {
font-size: 1.6rem; }
.plan-wrap .plan-img {
display: block;
width: 49%; }
@media screen and (max-width: 760px) {
.plan-wrap .plan-img {
width: 100%; }
.plan-wrap .plan-img:first-child {
margin-bottom: 5%; } }
.plan-ttl {
color: #5ccad7;
text-align: center;
font-weight: bold;
font-size: 1.4rem;
padding: .2rem;
margin-bottom: 10px;
border: 2px double #5ccad7; }
.wp-image-5162 {
width: 100%;
display: block;
margin: 20px 0; }