@charset "UTF-8";
/* CSS Document */
.page_home .mv{text-align: center;min-height: 400px;}
.page_home .mv img{width: 100%;height: auto}
.page_home .mv h3{margin-top: 60px; margin-bottom: 30px; font-size: 5rem;letter-spacing: 0.2em;line-height: 1.7}
.page_home .mv p{font-size: 1.8rem;letter-spacing: 0.1em;line-height:2.3}
.page_home .mv .img{width: 50%;margin: auto}

@media screen and (max-width: 1024px) {/*スマホのスタイル*/
.page_home .mv{text-align: center;min-height: 600px;}
.page_home .mv img{width: 100%;height: 600px;object-fit: cover}
}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .mv{text-align: center;min-height: 400px;}
.page_home .mv h3{margin-top: 40px;font-size: 2rem;}
.page_home .mv p{font-size: 1.4rem;}
.page_home .mv img{width: 100%;height: 100%;object-fit: cover}
.page_home .mv .img{width: 80%;margin: auto}
}



.page_home h2 span.en{font-size: 1.6rem}
.page_home h2 span.line{border-bottom: 1px solid #666;padding-bottom: 10px;margin-bottom: 20px}
.page_home h2{font-size: 3rem;letter-spacing: 0.2em;margin-bottom: 30px}
.page_home  .bt{width: 400px;margin: 60px auto 0}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home h2 span.en{font-size: 1.3rem}
.page_home h2{font-size: 2rem;letter-spacing: 0.1em;margin-bottom: 30px}
.page_home  .bt{width: 90%;margin: 40px auto 0}
}

.page_home .news{padding: 80px 0 80px;text-align: center}
.page_home .news dl{border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px}
.page_home .news dt{text-align: left; width: 36%;}
.page_home .news .date{color: #f08329;position: relative;padding-left: 17px;width: 33%}
.page_home .news .date::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 8px solid #f08329;
}
.page_home .news .marugame{vertical-align: middle; background: #6db92c;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_home .news .takamatsu{vertical-align: middle; background: #1a90ad;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_home .news .murakami{vertical-align: middle; background: #e5921e;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_home .news .cate{width: 33%;font-size: 1.3rem;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .news dt{text-align: left; width: 100%;}
.page_home .news .marugame,
.page_home .news .takamatsu,
.page_home .news .murakami{font-size: 1.1rem}
.page_home .news dd{padding-left: 18px;margin-top: 10px;text-align: left}
}



.page_home .pickup{background: #ffe03b;position: relative;text-align: center;padding: 120px 0}
.page_home .pickup::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url("../images/pickup_top.png") no-repeat center top;background-size: 100% auto}
.page_home .pickup::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: url("../images/pickup_bottom.png") no-repeat center bottom;background-size: 100% auto}
.page_home .pickup ul{position:relative;z-index: 2}
.page_home .pickup li{margin-top: 60px}
.page_home .pickup li p{text-align: left;margin-top: 12px;}
.page_home .pickup .bt{position:relative;z-index: 2 }
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .pickup{padding: 70px 0}
.page_home .pickup h2{margin-bottom: 0}
.page_home .pickup .col2{width: 80%;margin: 30px auto 0}

}


.page_home .method{padding: 80px 0;text-align: center;background: #fffbed}
.page_home .method ul{margin-top: 60px}
.page_home .method li{width: 25%;color: #fff}
.page_home .method li .img{overflow: hidden}
.page_home .method li .img img{object-fit: cover;min-height: 600px;transition: transform .6s ease;}
.page_home .method li .img:hover img {transform: scale(1.1);filter: brightness(1.2);}

.page_home .method li div{position: relative;}
.page_home .method li div h3{position: absolute;width: 100%; bottom: 0;left: 0}
.page_home .method li div h3 img{width: 100%}
.page_home .method li p{color: #fff;padding: 20px}
.page_home .method li:nth-child(1) {background:rgba(246,168,42,1);}
.page_home .method li:nth-child(2) {background:rgba(236,107,84,1);}
.page_home .method li:nth-child(3) {background:rgba(0,144,171,1);}
.page_home .method li:nth-child(4) {background:rgba(55,175,82,1);}

.page_home .method li:nth-child(1) div h3{background:rgba(246,168,42,0.8);}
.page_home .method li:nth-child(2) div h3{background:rgba(236,107,84,0.8);}
.page_home .method li:nth-child(3) div h3{background:rgba(0,144,171,0.8);}
.page_home .method li:nth-child(4) div h3{background:rgba(55,175,82,0.8);}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .method{padding: 50px 0;}
.page_home .method ul{margin-top: 30px}
.page_home .method li .img img{min-height: 350px}
.page_home .method li{width: 50%;}
.page_home .method li p{color: #fff;padding: 20px 10px}
}



.page_home .course{padding: 80px 0;text-align: center;}
.page_home .course dl{margin-top: 60px}
.page_home .course dt,.page_home .course dd{width: 50%;text-align: left}
.page_home .course dt h3{border-top: 2px solid #f08329;color: #f08329;font-size: 3rem;letter-spacing: 0.1em; font-weight: bold; padding: 10px 20px;}
.page_home .course dt h4{background: #f08329;color: #fff; font-size: 2rem;padding: 5px 20px;}
.page_home .course dt ul{margin: 10px 20px}
.page_home .course dt ul li{margin-left: 1em;text-indent: -1em;}
.page_home .course dt ul li span{color: #f08329}
.page_home .course dt p{padding-left: 20px}


.page_home .course dl:nth-child(2n+1) dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.page_home .course dl:nth-child(2n+1) dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}

.page_home .course dl.course1 dt h3{border-top: 2px solid #008ccf;color: #008ccf;}
.page_home .course dl.course1 dt h4{background: #008ccf;}
.page_home .course dl.course1 dt ul li span{color: #008ccf}


.page_home .course dl.course3 dt h3{border-top: 2px solid #e84d8c;color: #e84d8c;}
.page_home .course dl.course3 dt h4{background: #e84d8c;}
.page_home .course dl.course3 dt ul li span{color: #e84d8c}

.page_home .course dl.course4 dt h3{border-top: 2px solid #3eb370;color: #3eb370;}
.page_home .course dl.course4 dt h4{background: #3eb370;}
.page_home .course dl.course4 dt ul li span{color: #3eb370}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .course{padding: 50px 0;}
.page_home .course dl{width: 80%;margin: 30px auto 0}
.page_home .course dt,.page_home .course dd{width: 100%;text-align: left}
.page_home .course dl dd{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;margin-top: 30px}
.page_home .course dl dd img{border-radius: 20px}
.page_home .course dl dt{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.page_home .course dl:nth-child(2n+1) dt{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.page_home .course dl:nth-child(2n+1) dd{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
}