@charset "UTF-8";
#mainvisual { height: 715px; padding-top: 115px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e6e6e6 url("../images/mainvisual_bg.png") no-repeat center bottom; background-size: 100% auto; }

#mainvisual h1 { text-align: center; padding-top: 100px; }

#mainvisual p { text-align: center; font-size: 20px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { #mainvisual { height: auto; background: #f7f6f6 url("../images/sp_mainvisual.png") no-repeat center center; background-size: 100% auto; padding: 25% 0 40%; }
  #mainvisual h1 { padding: 0 15%; }
  #mainvisual p { padding: 0 5%; font-size: 18px; } }

/* ========== end △ */
.tt1_sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 125px 0 70px; background: #5cc0eb; }

.tt1_sec .left { width: 55%; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tt1_sec .left figure img { width: 100%; }

.tt1_sec .right { width: 40%; }

.tt1_sec .right .box { width: 380px; }

.tt1_sec .right .box h2 { color: #fff; margin-bottom: 30px; font-weight: normal; }

.tt1_sec .right .box h2 span { font-size: 36px; }

.tt1_sec .right .box h2 strong { font-size: 12px; display: block; }

.tt1_sec .right .box p { font-size: 15px; color: #fff; margin-bottom: 40px; }

.tt1_sec .right .box .btn1 a { border: 1px solid #fff; text-decoration: none; color: #fff; font-size: 15px; padding: 13px 80px; display: inline-block; border-radius: 5px; }

.tt1_sec .right .box .btn1 a:hover { background: #fff; color: #000; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt1_sec { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10% 3%; }
  .tt1_sec .left { width: 100%; margin-bottom: 4%; }
  .tt1_sec .right { width: 100%; }
  .tt1_sec .right .box { width: 100%; }
  .tt1_sec .right .box h2 span { font-size: 30px; }
  .tt1_sec .right .box h2 strong { font-size: 12px; display: block; }
  .tt1_sec .right .box .btn1 a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3%; text-align: center; } }

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

.tt2_sec .container h2 { text-align: center; color: #000; margin-bottom: 30px; font-weight: normal; }

.tt2_sec .container h2 span { font-size: 36px; }

.tt2_sec .container h2 strong { font-size: 12px; display: block; color: #38b4ea; }

.tt2_sec .container .wrap_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; }

.tt2_sec .container .wrap_box .box { width: 345px; }

.tt2_sec .container .wrap_box .box h3 { text-align: center; font-weight: normal; margin-bottom: 20px; }

.tt2_sec .container .wrap_box .box h3 span { display: block; margin-bottom: 10px; }

.tt2_sec .container .wrap_box .box h3 strong { font-size: 26px; font-weight: normal; }

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

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

.tt2_sec .container .btn1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tt2_sec .container .btn1 a { border: 1px solid #38b4ea; text-decoration: none; background: #38b4ea; color: #fff; font-size: 15px; padding: 13px 80px; display: inline-block; }

.tt2_sec .container .btn1 a:hover { background: #000; border: 1px solid #000; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt2_sec { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10% 3%; }
  .tt2_sec .container h2 span { font-size: 30px; }
  .tt2_sec .container h2 strong { font-size: 12px; display: block; }
  .tt2_sec .container .wrap_box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tt2_sec .container .wrap_box .box { width: 100%; margin-bottom: 10%; }
  .tt2_sec .container .wrap_box .box:last-child { margin-bottom: 0; }
  .tt2_sec .container .wrap_box .box h3 img { width: auto; max-width: 100%; max-height: 30px; }
  .tt2_sec .container .wrap_box .box h3 strong { font-size: 20px; }
  .tt2_sec .container .btn1 a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3%; text-align: center; } }

/* ========== end △ */
.tt3_sec { padding: 75px 0; }

.tt3_sec .container { 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; }

.tt3_sec .container .left { width: 550px; }

.tt3_sec .container .left h2 { color: #000; margin-bottom: 30px; font-weight: normal; }

.tt3_sec .container .left h2 span { font-size: 36px; }

.tt3_sec .container .left h2 strong { font-size: 12px; display: block; color: #38b4ea; }

.tt3_sec .container .left p { font-size: 15px; margin-bottom: 30px; }

.tt3_sec .container .left .btn1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tt3_sec .container .left .btn1 a { border: 1px solid #38b4ea; text-decoration: none; background: #38b4ea; color: #fff; font-size: 15px; padding: 13px 80px; display: inline-block; }

.tt3_sec .container .left .btn1 a:hover { background: #000; border: 1px solid #000; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt3_sec { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10% 3%; }
  .tt3_sec .container .left { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .tt3_sec .container .left h2 span { font-size: 30px; }
  .tt3_sec .container .left h2 strong { font-size: 12px; display: block; }
  .tt3_sec .container .left .btn1 a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3%; text-align: center; }
  .tt3_sec .container .right { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 8%; } }

/* ========== end △ */
.tt4_sec { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tt4_sec .left { background: #5cc0eb; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0; }

.tt4_sec .left .box { width: 100%; padding: 0 100px; }

.tt4_sec .left .box h2 { color: #fff; margin-bottom: 30px; font-weight: normal; text-align: center; }

.tt4_sec .left .box h2 span { font-size: 36px; }

.tt4_sec .left .box h2 strong { font-size: 12px; display: block; color: #fff; }

.tt4_sec .left .box figure { text-align: center; margin-bottom: 30px; }

.tt4_sec .left .box p { color: #fff; text-align: center; margin-bottom: 30px; }

.tt4_sec .left .box .btn1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tt4_sec .left .box .btn1 a { border: 1px solid #fff; text-decoration: none; color: #fff; font-size: 15px; padding: 13px 80px; display: inline-block; border-radius: 5px; }

.tt4_sec .left .box .btn1 a:hover { background: #fff; color: #000; }

.tt4_sec .right { background: #297db8; width: 50%; padding: 80px 0; }

.tt4_sec .right .box { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 100px; }

.tt4_sec .right .box h2 { color: #fff; margin-bottom: 30px; font-weight: normal; text-align: center; }

.tt4_sec .right .box h2 span { font-size: 36px; }

.tt4_sec .right .box h2 strong { font-size: 12px; display: block; color: #fff; }

.tt4_sec .right .box .content { height: 130px; overflow: auto; margin-bottom: 22px; }

.tt4_sec .right .box .content dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #fff; }

.tt4_sec .right .box .content dl dt { width: 100px; color: #fff; }

.tt4_sec .right .box .content dl dd { width: 610px; }

.tt4_sec .right .box .content dl dd a { color: #fff; }

.tt4_sec .right .box .btn1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tt4_sec .right .box .btn1 a { border: 1px solid #fff; text-decoration: none; color: #fff; font-size: 15px; padding: 13px 80px; display: inline-block; border-radius: 5px; }

.tt4_sec .right .box .btn1 a:hover { background: #fff; color: #000; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt4_sec .left { width: 100%; padding: 8% 3%; }
  .tt4_sec .left .box { padding: 0; }
  .tt4_sec .left .box h2 span { font-size: 30px; }
  .tt4_sec .left .box h2 strong { font-size: 12px; display: block; }
  .tt4_sec .left .box figure img { width: auto; max-width: 100%; max-height: 50px; }
  .tt4_sec .left .box .btn1 a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3%; text-align: center; }
  .tt4_sec .right { width: 100%; padding: 8% 3%; }
  .tt4_sec .right .box { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tt4_sec .right .box h2 span { font-size: 30px; }
  .tt4_sec .right .box h2 strong { font-size: 12px; display: block; }
  .tt4_sec .right .box .content dl dt { width: 100%; }
  .tt4_sec .right .box .content dl dd { width: 100%; }
  .tt4_sec .right .box .content { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tt4_sec .right .box .btn1 a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3%; text-align: center; } }

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

.tt5_sec .container h2 { color: #000; margin-bottom: 30px; font-weight: normal; text-align: center; }

.tt5_sec .container h2 span { font-size: 36px; }

.tt5_sec .container h2 strong { font-size: 12px; display: block; color: #38b4ea; }

.tt5_sec .container > p { text-align: center; margin-bottom: 40px; font-size: 15px; }

.tt5_sec .container .wrap_box { background: #fff; padding: 30px; 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; }

.tt5_sec .container .wrap_box .box { width: 300px; text-align: center; }

.tt5_sec .container .wrap_box .box h3 { font-weight: normal; font-size: 15px; margin-bottom: 15px; }

.tt5_sec .container .wrap_box .box ul li { margin-bottom: 15px; }

.tt5_sec .container .wrap_box .box ul li:last-child { margin-bottom: 0; }

.tt5_sec .container .wrap_box .box .btn1 a { background: #38b4ea; border-radius: 5px; padding: 20px 50px; font-size: 18px; font-weight: bold; text-decoration: none; color: #fff; position: relative; width: 100%; display: block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tt5_sec .container .wrap_box .box .btn1 a:after { display: block; width: 16px; height: 100%; left: 20%; content: ""; position: absolute; top: 0; background: url("../images/tt5_icon.png") no-repeat center center; }

.tt5_sec .container .wrap_box .box .btn1 a:hover { background: #000; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 766px) { .tt5_sec { padding: 8% 3%; }
  .tt5_sec .container h2 span { font-size: 30px; }
  .tt5_sec .container h2 strong { font-size: 12px; display: block; }
  .tt5_sec .container .wrap_box { padding: 5% 3%; }
  .tt5_sec .container .wrap_box .box { width: 100%; margin-bottom: 5%; }
  .tt5_sec .container .wrap_box .box:last-child { margin-bottom: 0; }
  .tt5_sec .container .wrap_box .box ul li img { width: auto; max-width: 100%; max-height: 50px; } }

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