@charset "UTF-8";
.mainvisual { background: url(../images/mainvisual_bg.jpg) no-repeat center top; border-top: 10px solid #f8bbb6; }

.mainvisual .container { position: relative; height: 669px; }

.mainvisual .container h1 { position: absolute; right: 0; bottom: 75px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .mainvisual { display: none; } }

/* ========== end △ */
#mainvisual { border-top: 10px solid #f8bbb6; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 767px) { #mainvisual { display: none; } }

/* ========== end △ */
.course_bnr_sec {
  padding: 50px 0;
}

.course_bnr_sec a:hover {
  opacity: 0.8;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { 
  .course_bnr_sec { 
    padding: 8% 2%; 
  }
}

/* ========== end △ */


.tt1_sec { padding: 50px 0; }

.tt1_sec .container .title { position: relative; margin-bottom: 45px; }

.tt1_sec .container .title a { position: absolute; right: 0; top: 13px; font-weight: bold; text-decoration: none; }

.tt1_sec .container .title a:hover { text-decoration: underline; }

.tt1_sec .container .content { height: 180px; overflow: auto; border-top: 1px solid #efefef; }

.tt1_sec .container .content dl { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #efefef; padding: 20px 0; }

.tt1_sec .container .content dl dt { margin-right: 25px; }

.tt1_sec .container .content dl dd a { font-weight: bold; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt1_sec { padding: 8% 2%; }
  .tt1_sec .container .title a { text-align: right; position: relative; display: block; }
  .tt1_sec .container .content { height: 350px; }
  .tt1_sec .container .content dl { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tt1_sec .container .content dl dt { width: 100%; }
  .tt1_sec .container .content dl dd { width: 100%; } }

/* ========== end △ */
.tt2_sec { background: url(../images/tt1_bg.jpg) no-repeat center top; padding: 55px 0; }

.tt2_sec .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tt2_sec .container .left h2 { font-size: 34px; padding-left: 40px; background: url(../images/tt1_icon3.png) no-repeat left center; margin-bottom: 35px; }

.tt2_sec .container .left h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; }

.tt2_sec .container .left p { margin-bottom: 30px; }

.tt2_sec .container .right { margin-left: 40px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt2_sec { padding: 8% 2%; }
  .tt2_sec .container { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tt2_sec .container .left { width: 100%; margin-bottom: 5%; }
  .tt2_sec .container .left h2 { margin-bottom: 3%; }
  .tt2_sec .container .right { margin-left: 0; } }

/* ========== end △ */
.tt3_sec { background: url(../images/tt2_bg.jpg) no-repeat center bottom; padding: 40px 0 60px; }

.tt3_sec .container .wrap_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tt3_sec .container .wrap_box .box { width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px; border: 2px solid #c1e6d8; border-radius: 10px; border-bottom: 15px solid #c1e6d8; position: relative; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }

.tt3_sec .container .wrap_box .box:hover { border: 2px solid #f8bbb6; border-bottom: 15px solid #f8bbb6; }

.tt3_sec .container .wrap_box .box a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }

.tt3_sec .container .wrap_box .box figure { text-align: center; margin-bottom: 30px; }

.tt3_sec .container .wrap_box .box h2 { font-size: 22px; text-align: center; margin-bottom: 20px; }

.tt3_sec .container .wrap_box .box h2:after { content: ""; width: 37px; height: 3px; background: #554d47; margin: 10px auto 25px; display: block; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt3_sec { padding: 8% 2%; }
  .tt3_sec .container .wrap_box .box { width: 100%; margin-bottom: 5%; padding: 5%; }
  .tt3_sec .container .wrap_box .box figure img { width: 40%; } }

/* ========== end △ */
.tt4_sec { padding: 80px 0; background: #fcfcf8; }

.tt4_sec .container .wrap_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.tt4_sec .container .wrap_box .box { width: 430px; text-align: center; }

.tt4_sec .container .wrap_box .box figure { margin-bottom: 20px; }

.tt4_sec .container .wrap_box .box h2 { margin-bottom: 20px; }

.tt4_sec .container .wrap_box .box p { margin-bottom: 30px; }

.tt4_sec .container .wrap_box .box p a { color: #fcb7b4; }

.tt4_sec .container .wrap_box .box .btn1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt4_sec { padding: 8% 2%; }
  .tt4_sec .container .wrap_box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tt4_sec .container .wrap_box .box { width: 100%; margin-bottom: 10%; }
  .tt4_sec .container .wrap_box .box figure img { width: 50%; } }

/* ========== end △ */
.tt5_sec { height: 280px; }