@keyframes scrollbar { 0% { height: 0; }
  15% { height: 0; }
  30% { height: 0; }
  75% { height: 100%; }
  100% { height: 100%; } }
@keyframes scrollbar2 { 0% { height: 100%; }
  15% { height: 0%; }
  50% { height: 0%; }
  100% { height: 0%; } }
@keyframes extend { 0% { transform: scaleY(0); }
  100% { transform: scaleY(1); } }
@keyframes hidden { 0% { transform: scaleY(1); }
  100% { transform: scaleY(0); } }
.top .mv { background: #d5ebff; position: relative; }
.top .mv header { width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; margin: auto; }
.top .mv header .logo_site, .top .mv header .logo_number { position: absolute; top: 0; }
.top .mv header .logo_site { width: 312.5px; left: 40px; top: 40px; }
.top .mv header .logo_number { width: 248.5px; right: 40px; top: 26.5px; }
.top .mv .mv_content .mv_bg { width: 100%; height: 555px; background-repeat: no-repeat; background-position: center bottom -95px; background-size: 1079px 505.5px; background-image: url(../images/mv_illust.png); }
.top .mv .mv_content .mv_bg h1 { width: 617px; position: absolute; top: 170px; left: 0; right: 0; margin: auto; }
.top .mv .mv_content .mv_text { background: #2181db; width: 100%; height: 250px; padding: 32px 0 0; }
.top .mv .mv_content .mv_text p { color: #fff; text-align: center; line-height: 2.08; letter-spacing: 0.04em; }
.top .page_content .menu { width: 1120px; margin: -75px auto 0; }
.top .page_content .menu .wrap { width: 100%; display: flex; justify-content: space-between; padding: 0 40px; }
.top .page_content .menu .wrap .box { width: 325px; height: 425px; background: #fff; position: relative; padding: 41.5px 30px 0; }
.top .page_content .menu .wrap .box:before { content: ""; width: 100%; height: 8px; position: absolute; top: 0; left: 0; }
.top .page_content .menu .wrap .box h2 { width: auto; height: 25px; text-align: center; }
.top .page_content .menu .wrap .box h2 img { width: auto; height: 100%; }
.top .page_content .menu .wrap .box .icon { width: 150px; height: 150px; margin: 20px auto 18px; }
.top .page_content .menu .wrap .box .text p { font-size: 17px; line-height: 1.62; letter-spacing: 0.1em; }
.top .page_content .menu .wrap .box a { display: flex; justify-content: center; align-items: center; width: 200px; height: 40px; border-radius: 20px; color: #fff; position: absolute; right: 0; left: 0; bottom: 35px; margin: auto; overflow: hidden; }
.top .page_content .menu .wrap .box a i { display: block; width: 11.5px; height: 6.5px; position: relative; margin-right: 15px; z-index: 50; }
.top .page_content .menu .wrap .box a i:before, .top .page_content .menu .wrap .box a i:after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; }
.top .page_content .menu .wrap .box a i:before { background: url(../images/icon_arr_white.png) no-repeat center bottom/contain; }
.top .page_content .menu .wrap .box a i:after { opacity: 0; }
.top .page_content .menu .wrap .box a span { font-size: 16px; font-weight: bold; position: relative; z-index: 50; }
.top .page_content .menu .wrap .box a:before, .top .page_content .menu .wrap .box a:after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; }
.top .page_content .menu .wrap .box a:before { opacity: 0; background: #fff; transition: opacity 0.3s; }
.top .page_content .menu .wrap .box a:after { border-radius: 20px; }
@media screen and (min-width: 568px) { .top .page_content .menu .wrap .box a:hover i { display: block; width: 11.5px; height: 6.5px; position: relative; margin-right: 15px; }
  .top .page_content .menu .wrap .box a:hover i:before { opacity: 0; }
  .top .page_content .menu .wrap .box a:hover i:after { opacity: 1; }
  .top .page_content .menu .wrap .box a:hover span { font-size: 16px; font-weight: bold; transition: color 0.3s; }
  .top .page_content .menu .wrap .box a:hover:before { opacity: 1; }
  .top .page_content .menu .wrap .box.box_sec01 a:hover span { color: #d9796a; }
  .top .page_content .menu .wrap .box.box_sec02 a:hover span { color: #41b2d3; }
  .top .page_content .menu .wrap .box.box_sec03 a:hover span { color: #79b340; } }
.top .page_content .menu .wrap .box.box_sec01:before { background: #d9796a; }
.top .page_content .menu .wrap .box.box_sec01 a { background: #d9796a; }
.top .page_content .menu .wrap .box.box_sec01 a i:after { background: url(../images/icon_arr_category-red.png) no-repeat center bottom/contain; }
.top .page_content .menu .wrap .box.box_sec01 a:after { border: 1px solid #d9796a; }
.top .page_content .menu .wrap .box.box_sec02:before { background: #41b2d3; }
.top .page_content .menu .wrap .box.box_sec02 a { background: #41b2d3; }
.top .page_content .menu .wrap .box.box_sec02 a i:after { background: url(../images/icon_arr_category-blue.png) no-repeat center bottom/contain; }
.top .page_content .menu .wrap .box.box_sec02 a:after { border: 1px solid #41b2d3; }
.top .page_content .menu .wrap .box.box_sec03:before { background: #79b340; }
.top .page_content .menu .wrap .box.box_sec03 a { background: #79b340; }
.top .page_content .menu .wrap .box.box_sec03 a i:after { background: url(../images/icon_arr_category-green.png) no-repeat center bottom/contain; }
.top .page_content .menu .wrap .box.box_sec03 a:after { border: 1px solid #79b340; }
.top .page_content .side_menu_wrap { width: 1120px; padding: 0 40px 0 40px; margin: 125px auto 0; display: flex; justify-content: flex-end; position: relative; }
.top .page_content .side_menu_wrap nav { width: 270px; height: 100%; position: absolute; top: 0; left: 40px; }
.top .page_content .side_menu_wrap nav ul { width: 100%; width: 270px; z-index: 999; }
.top .page_content .side_menu_wrap nav ul li { width: 100%; height: 60px; background: #fff; }
.top .page_content .side_menu_wrap nav ul li + li { margin-top: 7px; }
.top .page_content .side_menu_wrap nav ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.top .page_content .side_menu_wrap nav ul li a i { display: block; width: 60px; height: 60px; position: relative; }
.top .page_content .side_menu_wrap nav ul li a i:before { content: ""; width: 11.5px; height: 6.5px; background: url(../images/icon_arr_white.png) no-repeat center bottom/contain; position: absolute; left: 50%; top: 50%; margin: -2.75px 0 0 -5.75px; }
.top .page_content .side_menu_wrap nav ul li a span.bg { width: calc(100% - 60px); height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; }
.top .page_content .side_menu_wrap nav ul li a span.bg:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.3s; }
.top .page_content .side_menu_wrap nav ul li a span.bg:after { content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: 555; }
.top .page_content .side_menu_wrap nav ul li a span.text { overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; width: 100%; height: 21px; position: relative; }
.top .page_content .side_menu_wrap nav ul li a span.text:before, .top .page_content .side_menu_wrap nav ul li a span.text:after { content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto 100%; background-position: center center; position: absolute; top: 0; left: 0; image-rendering: -webkit-optimize-contrast; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0.3s; }
.top .page_content .side_menu_wrap nav ul li a span.text:after { opacity: 0; }
.top .page_content .side_menu_wrap nav ul li.menu_sec01 i { background: #d9796a; }
.top .page_content .side_menu_wrap nav ul li.menu_sec01 span.bg:before { background: #d9796a; }
.top .page_content .side_menu_wrap nav ul li.menu_sec01 span.bg span.text:before { background-image: url(../images/sec01_title_text.png); }
.top .page_content .side_menu_wrap nav ul li.menu_sec01 span.bg span.text:after { background-image: url(../images/sec01_title_text_active.png); }
.top .page_content .side_menu_wrap nav ul li.menu_sec02 i { background: #41b2d3; }
.top .page_content .side_menu_wrap nav ul li.menu_sec02 span.bg:before { background: #41b2d3; }
.top .page_content .side_menu_wrap nav ul li.menu_sec02 span.bg span.text:before { background-image: url(../images/sec02_title_text.png); }
.top .page_content .side_menu_wrap nav ul li.menu_sec02 span.bg span.text:after { background-image: url(../images/sec02_title_text_active.png); }
.top .page_content .side_menu_wrap nav ul li.menu_sec03 i { background: #79b340; }
.top .page_content .side_menu_wrap nav ul li.menu_sec03 span.bg:before { background: #79b340; }
.top .page_content .side_menu_wrap nav ul li.menu_sec03 span.bg span.text:before { background-image: url(../images/sec03_title_text.png); }
.top .page_content .side_menu_wrap nav ul li.menu_sec03 span.bg span.text:after { background-image: url(../images/sec03_title_text_active.png); }
.top .page_content .side_menu_wrap nav ul li.active a span.bg:before { opacity: 1; }
.top .page_content .side_menu_wrap nav ul li.active a span.text:before { opacity: 0; }
.top .page_content .side_menu_wrap nav ul li.active a span.text:after { opacity: 1; }
@media screen and (min-width: 568px) { .top .page_content .side_menu_wrap nav ul a:hover span.bg:before { opacity: 1; }
  .top .page_content .side_menu_wrap nav ul a:hover span.text:before { opacity: 0; }
  .top .page_content .side_menu_wrap nav ul a:hover span.text:after { opacity: 1; } }
.top .page_content .side_menu_wrap .qa_wrap { width: 730px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap { position: relative; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header { position: relative; display: flex; align-items: center; padding: 45px 0 40px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header:before { content: ""; width: 100%; height: 5px; position: absolute; top: 0; left: 0; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .icon { width: 112px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .text_wrap { padding: 0 0 0 18px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .text_wrap h2 { width: auto; height: 46px; margin: 7px 0 15px 11px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .text_wrap h2 img { width: auto; height: 100%; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item { background: #fff; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question { padding: 30px 100px 30px 100px; font-size: 18px; line-height: 1.44; font-weight: bold; min-height: 100px; display: flex; align-items: center; position: relative; cursor: pointer; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .h3_text_wrap { position: relative; z-index: 50; transform: rotate(0.05deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: color 0.3s; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .h3_text_wrap i { display: block; width: 38px; height: 36.5px; position: absolute; left: -59px; top: 0; bottom: 0; margin: auto; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .h3_text_wrap i:before, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .h3_text_wrap i:after { content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top: 0; left: 0; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .h3_text_wrap i:after { background-image: url(../images/icon_question_white.png); opacity: 0; transition: opacity 0.3s; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion { display: block; width: 35px; height: 35px; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion:before, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion:after { content: ""; position: absolute; background: #222222; transition: color 0.3s,transform 0.3s,opacity 0.3s; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion:before { width: 100%; height: 2px; top: 50%; left: 0; margin-top: -1px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion:after { width: 2px; height: 100%; top: 0; left: 50%; margin-left: -1px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer { padding: 30px 40px 30px 100px; position: relative; display: none; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer:before { content: ""; width: 38px; height: 34.5px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url(../images/icon_answer_black.png); position: absolute; top: 30px; left: 40px; transition: opacity 0.3s; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer p { font-size: 18px; line-height: 2.08; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer p.note { font-size: 15px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer p + p { margin-top: 30px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer td, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer th, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer ul.disc li, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dt, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dd { font-size: 18px; line-height: 2.08; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box { margin: 30px 0 0; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box .link_bg { display: block; text-align: center; width: 132px; height: 37px; padding: 4px 0 0; background: url(../images/title_link_bg.png) no-repeat left bottom/contain; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box .link_bg span { color: #fff; font-size: 16px; text-align: center; display: block; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul { margin: 13.5px 0 0; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul li a { font-size: 15px; line-height: 1.5; text-decoration: underline; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul li a i { display: inline-block; width: 17px; height: 13px; background: url(../images/icon_window.png) no-repeat center center/contain; margin: 0 0 0 6px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul li + li { margin-top: 10px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dl { display: flex; flex-wrap: wrap; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dl dt { width: 13%; font-weight: bold; white-space: nowrap; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dl dd { width: 87%; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dl + p { margin-top: 30px; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer ul.disc li { position: relative; padding-left: 1em; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer ul.disc li:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #222222; position: absolute; left: 0; top: 0.7em; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item + .item { margin: 10px 0 0; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item.active .item_question { color: #fff; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item.active .item_question:before { opacity: 1; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item.active .item_question span i:before { opacity: 0; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item.active .item_question span i:after { opacity: 1; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item.active .item_question .btn_accordion:before, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item.active .item_question .btn_accordion:after { background: #fff; }
.top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item.active .item_question .btn_accordion:after { transform: rotate(90deg); opacity: 0; transition: color 0.3s,transform 0.3s,opacity 0.3s 0.3s; }
@media screen and (min-width: 568px) { .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item:hover .item_question { color: #fff; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item:hover .item_question:before { opacity: 1; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item:hover .item_question span i:before { opacity: 0; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item:hover .item_question span i:after { opacity: 1; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item:hover .item_question .btn_accordion:before, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item:hover .item_question .btn_accordion:after { background: #fff; } }
.top .page_content .side_menu_wrap .qa_wrap section + section { margin: 70px 0 0; }
.top .page_content .side_menu_wrap .qa_wrap .sec01 header:before { background: #d9796a; }
.top .page_content .side_menu_wrap .qa_wrap .sec01 .item .item_question:before { background: #d9796a; }
.top .page_content .side_menu_wrap .qa_wrap .sec01 .item .item_question span i:before { background-image: url(../images/icon_question_red.png); }
.top .page_content .side_menu_wrap .qa_wrap .sec02 header:before { background: #41b2d3; }
.top .page_content .side_menu_wrap .qa_wrap .sec02 .item .item_question:before { background: #41b2d3; }
.top .page_content .side_menu_wrap .qa_wrap .sec02 .item .item_question span i:before { background-image: url(../images/icon_question_blue.png); }
.top .page_content .side_menu_wrap .qa_wrap .sec03 header:before { background: #79b340; }
.top .page_content .side_menu_wrap .qa_wrap .sec03 .item .item_question:before { background: #79b340; }
.top .page_content .side_menu_wrap .qa_wrap .sec03 .item .item_question span i:before { background-image: url(../images/icon_question_green.png); }
.top .page_content .sec04 { width: 1120px; padding: 0 40px; margin: 117px auto 0; position: relative; }
.top .page_content .sec04:before, .top .page_content .sec04:after { content: ""; width: 990px; height: 1px; background: #222222; position: absolute; left: 65px; }
.top .page_content .sec04:before { top: 0; }
.top .page_content .sec04:after { bottom: 0; }
.top .page_content .sec04 .sec_content_wrap { padding: 30px 40px 34px 40px; position: relative; }
.top .page_content .sec04 .sec_content_wrap:before, .top .page_content .sec04 .sec_content_wrap:after { content: ""; width: 1px; height: 365px; background: #222222; position: absolute; top: 0; bottom: 0; margin: auto; }
.top .page_content .sec04 .sec_content_wrap:before { left: 0; }
.top .page_content .sec04 .sec_content_wrap:after { right: 0; }
.top .page_content .sec04 .profile { display: flex; margin-top: 40px; }
.top .page_content .sec04 .profile .images { display: flex; }
.top .page_content .sec04 .profile .images .photo { width: 153px; height: 153px; }
.top .page_content .sec04 .profile .images .name { width: 160px; margin: 0 0 0 31px; }
.top .page_content .sec04 .profile .text { padding: 0 0 0 25px; }
.top .page_content .sec04 .profile .text h3 { font-weight: bold; transform: rotate(0.05deg); }
.top .page_content .sec04 .profile .text p { font-size: 15px; line-height: 1.83; letter-spacing: 0.03em; }
.top .page_content .sec05 { width: 1120px; padding: 0 40px; margin: 75px auto 0; }
.top .page_content .sec05 .sec_content_wrap .box { display: flex; align-items: center; border-radius: 20px; background-color: #fff; position: relative; overflow: hidden; padding: 0 40px; }
.top .page_content .sec05 .sec_content_wrap .box:before, .top .page_content .sec05 .sec_content_wrap .box:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; }
.top .page_content .sec05 .sec_content_wrap .box:before { background: #005bac; opacity: 0; transition: opacity 0.3s; border-radius: 20px; }
.top .page_content .sec05 .sec_content_wrap .box:after { border: solid 5px #005bac; border-radius: 20px; }
.top .page_content .sec05 .sec_content_wrap .box h2 { width: 568px; position: relative; z-index: 50; }
.top .page_content .sec05 .sec_content_wrap .box .text { width: calc(100% - 568px); padding: 40px 0 40px 35px; position: relative; z-index: 50; }
.top .page_content .sec05 .sec_content_wrap .box .text .catch { font-size: 21px; line-height: 1.6; color: #005bac; font-weight: bold; transition: color 0.3s; white-space: nowrap; }
.top .page_content .sec05 .sec_content_wrap .box .text .maintext { margin-top: 21px; transition: color 0.3s; line-height: 1.7; margin-top: 30px; }
.top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border-radius: 30px; background-color: #005bac; transition: background 0.3s; margin-top: 46px; }
.top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 span { font-weight: bold; color: #fff; transform: rotate(0.05deg); }
.top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 i { display: block; width: 14.5px; height: 14px; position: relative; margin: 0 0 2px 12px; }
.top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 i:before, .top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 i:after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; transition: opacity 0.3s; }
.top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 i:before { background: url(../images/icon_window_02.png) no-repeat center center/contain; }
.top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 i:after { background: url(../images/icon_window_02_navy.png) no-repeat center center/contain; opacity: 0; }
@media screen and (min-width: 568px) { .top .page_content .sec05 .sec_content_wrap a:hover .box:before { opacity: 1; }
  .top .page_content .sec05 .sec_content_wrap a:hover .box .text .catch { color: #fff; }
  .top .page_content .sec05 .sec_content_wrap a:hover .box .text .maintext { color: #fff; }
  .top .page_content .sec05 .sec_content_wrap a:hover .box .text .btn_window_type02 { background-color: #fff; }
  .top .page_content .sec05 .sec_content_wrap a:hover .box .text .btn_window_type02 span { color: #005bac; }
  .top .page_content .sec05 .sec_content_wrap a:hover .box .text .btn_window_type02 i:before { opacity: 0; }
  .top .page_content .sec05 .sec_content_wrap a:hover .box .text .btn_window_type02 i:after { opacity: 1; } }
.top .page_content .sec06 { background: #355e95; margin: 125px 0 0; padding: 100px 0; }
.top .page_content .sec06 .sec_content_wrap { width: 1120px; padding: 0 40px; margin: 0 auto; display: flex; justify-content: space-between; }
.top .page_content .sec06 .sec_content_wrap .title_wrap h2 { width: 246px; }
.top .page_content .sec06 .sec_content_wrap .title_wrap p { color: #fff; font-size: 17px; margin-top: 20px; }
.top .page_content .sec06 .sec_content_wrap .links { display: flex; flex-wrap: wrap; width: 697.5px; justify-content: space-between; }
.top .page_content .sec06 .sec_content_wrap .links li { width: 335px; height: 220px; border-radius: 10px; background-color: #f5f5f5; text-align: center; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap { width: 100%; height: 100%; position: relative; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap img { width: 134px; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a { display: flex; align-items: center; justify-content: center; width: 290px; height: 50px; border-radius: 25px; background-color: #f5f5f5; position: absolute; right: 0; left: 0; margin: auto; bottom: 17.5px; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a:before, .top .page_content .sec06 .sec_content_wrap .links li .wrap a:after { content: ""; width: 100%; height: 100%; border-radius: 25px; pointer-events: none; position: absolute; top: 0; left: 0; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a:before { border: solid 1px #355e95; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a:after { background: #355e95; opacity: 0; transition: opacity 0.3s; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a span { display: block; font-size: 17px; line-height: 1.32; font-weight: bold; color: #355e95; transform: rotate(0.05deg); padding-top: 2px; position: relative; z-index: 50; transition: color 0.3s; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a i { display: block; width: 9px; height: 14px; position: absolute; right: 16px; top: 0; bottom: 0; margin: auto; z-index: 50; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a i:before, .top .page_content .sec06 .sec_content_wrap .links li .wrap a i:after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; transition: opacity 0.3s; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a i:before { background: url(../images/icon_arr_blue.png) no-repeat center bottom/contain; }
.top .page_content .sec06 .sec_content_wrap .links li .wrap a i:after { background: url(../images/icon_arr_white_side.png) no-repeat center bottom/contain; opacity: 0; }
@media screen and (min-width: 568px) { .top .page_content .sec06 .sec_content_wrap .links li .wrap a:hover:after { opacity: 1; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a:hover span { color: #fff; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a:hover i:before { opacity: 0; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a:hover i:after { opacity: 1; } }
.top .page_content .sec06 .sec_content_wrap .links li:nth-of-type(n + 3) { margin-top: 17.5px; }
.top .page_content .sec07 { width: 1120px; padding: 0 40px; margin: 95px auto 0; }
.top .page_content .sec07 .sec_content_wrap { position: relative; }
.top .page_content .sec07 .sec_content_wrap .title_wrap { width: 488px; }
.top .page_content .sec07 .sec_content_wrap .title_wrap p { margin: 30px 0 0; }
.top .page_content .sec07 .sec_content_wrap .visual { width: 502.5px; position: absolute; right: -20px; top: -70px; z-index: 50; }
.top .page_content .sec07 .sec_content_wrap .contact_box { width: 100%; height: 155px; border-radius: 10px; background: #fff; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; margin: 50px 0 0; }
.top .page_content .sec07 .sec_content_wrap .contact_box:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 12.5px 21px 12.5px; border-color: transparent transparent #ffffff transparent; position: absolute; left: 155px; top: -21px; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns { display: flex; align-items: center; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li { width: 325px; height: 105px; border-radius: 10px; position: relative; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a .link_wrap { position: relative; z-index: 50; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:before, .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:after { content: ""; width: 100%; height: 100%; border-radius: 10px; pointer-events: none; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:after { opacity: 1; transition: opacity 0.3s; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a .pc-item i { display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; position: relative; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a .pc-item i:before, .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a .pc-item i:after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a .pc-item i:before { z-index: 50; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_request .pc-item i { width: 218.5px; height: 36.5px; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_request .pc-item i:before { background: url(../images/btn_text_01.png) no-repeat left center/contain; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_request .pc-item i:after { background: url(../images/btn_text_01_active.png) no-repeat left center/contain; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_request:before { border: 1px solid #162a49; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_request:after { background: #162a49; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_consultation .pc-item i { width: 261px; height: 35px; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_consultation .pc-item i:before { background: url(../images/btn_text_02.png) no-repeat left center/contain; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_consultation .pc-item i:after { background: url(../images/btn_text_02_active.png) no-repeat left center/contain; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_consultation:before { border: 1px solid #ca5c03; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_consultation:after { background: #ca5c03; }
@media screen and (min-width: 568px) { .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:hover i:before { opacity: 0; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:hover i:after { opacity: 1; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:hover:after { opacity: 0; } }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li + li { margin-left: 22.5px; }
.top .page_content .sec07 .sec_content_wrap .contact_box .contact_tel { width: 300px; }
.top footer { background: #444444; width: 100%; height: 80px; margin: 100px 0 0; display: flex; align-items: center; justify-content: center; position: relative; }
.top footer .copyright { color: #fff; font-size: 15px; text-align: center; }
.top footer .pagetop { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #2181db; position: absolute; right: 40px; bottom: 40px; transition: filter 0.3s; }
.top footer .pagetop i { display: block; width: 27.5px; height: 30.5px; background: url(../images/icon_pagetop.png) no-repeat center top/contain; }
.top footer .pagetop:hover { filter: brightness(1.2); }

/*------------------------------------------------------ sp ------------------------------------------------------*/
@media screen and (max-width: 567px) { .top .mv header .logo_site { width: 37.6vw; left: 4vw; top: 4vw; }
  .top .mv header .btn_number { width: 15vw; height: 14vw; position: absolute; top: 0; right: 4vw; }
  .top .mv .mv_content .mv_bg { width: 100%; height: 111vw; background-position: center bottom -14vw; background-size: 100% auto; background-image: url(../images/mv_illust@sp.png); }
  .top .mv .mv_content .mv_bg h1 { width: 79.3vw; position: absolute; top: 28vw; }
  .top .mv .mv_content .mv_text { width: 100%; height: 76vw; padding: 6vw 4vw 0; }
  .top .mv .mv_content .mv_text p { text-align: left; line-height: 2.08; letter-spacing: 0.02em; }
  .top .page_content .menu { width: 100%; margin: -25vw auto 0; }
  .top .page_content .menu .wrap { width: 100%; display: block; padding: 0 4vw; }
  .top .page_content .menu .wrap .box { width: 100%; height: auto; min-height: 48vw; padding: 8.4vw 4vw 6vw 42vw; display: flex; flex-wrap: wrap; }
  .top .page_content .menu .wrap .box:before { height: 1.6vw; }
  .top .page_content .menu .wrap .box h2 { width: auto; height: 5vw; text-align: left; margin-bottom: 1vw; }
  .top .page_content .menu .wrap .box .icon { width: 32vw; height: 32vw; margin: 0; position: absolute; left: 4vw; top: 0; bottom: 0; margin: auto; }
  .top .page_content .menu .wrap .box .text p { font-size: 3.4vw; line-height: 1.62; letter-spacing: 0em; }
  .top .page_content .menu .wrap .box a { width: 100%; height: 8vw; border-radius: 4vw; position: relative; right: auto; left: auto; bottom: auto; margin: 0; align-self: flex-end; }
  .top .page_content .menu .wrap .box a i { display: block; width: 2.3vw; height: 1.3vw; margin-right: 3vw; }
  .top .page_content .menu .wrap .box a span { font-size: 3.2vw; padding-top: 0.5vw; }
  .top .page_content .menu .wrap .box a:after { border-radius: 4vw; }
  .top .page_content .menu .wrap .box + .box { margin-top: 2vw; }
  .top .page_content .side_menu_wrap { width: 100%; padding: 12vw 0 14vw; margin: 4vw auto 0; display: block; }
  .top .page_content .side_menu_wrap nav { width: 100%; height: 12vw; z-index: 999; position: absolute; top: 0; left: 0; }
  .top .page_content .side_menu_wrap nav ul { width: 100%; height: 12vw; display: flex; }
  .top .page_content .side_menu_wrap nav ul li { width: calc(100% / 3); height: 100%; }
  .top .page_content .side_menu_wrap nav ul li + li { margin-top: 0; border-left: 1px solid #cccccc; }
  .top .page_content .side_menu_wrap nav ul li a i { display: none; }
  .top .page_content .side_menu_wrap nav ul li a span.bg { width: 100%; }
  .top .page_content .side_menu_wrap nav ul li a span.bg:after { content: none; }
  .top .page_content .side_menu_wrap nav ul li a span.text { height: 3.3vw; }
  .top .page_content .side_menu_wrap .qa_wrap { width: 100%; margin-top: 4vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header { padding: 9vw 0 8vw 4vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header:before { height: 1vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .icon { width: 22.3vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .text_wrap { padding: 0 0 0 5vw; width: calc(100% - 22.3vw); }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .text_wrap h2 { width: auto; height: 6.3vw; margin: 0 0 3vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap header .text_wrap h2 img { width: auto; height: 100%; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items { padding: 0 4vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item { background: #fff; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question { padding: 4vw 14vw 4vw 14vw; font-size: 3.4vw; line-height: 1.47; min-height: 20vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .h3_text_wrap i { width: 7.6vw; height: 7.3vw; left: -10.8vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion { width: 5vw; height: 5vw; right: 4vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion:before { height: 0.4vw; margin-top: -0.2vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_question .btn_accordion:after { width: 0.4vw; margin-left: -0.2vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer { padding: 6vw 4vw 9vw 14vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer:before { width: 7.6vw; height: 6.9vw; top: 6vw; left: 4vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer p { font-size: 3.6vw; line-height: 2.08; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer p.note { font-size: 3vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer p + p { margin-top: 6vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer td, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer th, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer ul.disc li, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dt, .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dd { font-size: 3.6vw; line-height: 2.08; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box { margin: 6vw 0 0; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box .link_bg { display: flex; align-items: center; justify-content: center; width: 26.4vw; height: 7.4vw; padding: 0 0; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box .link_bg span { font-size: 3.2vw; margin-top: -1vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul { margin: 2.7vw 0 0; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul li a { font-size: 3vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul li a i { width: 3.4vw; height: 2.6vw; margin: 0 0 0 1.2vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box ul li + li { margin-top: 2vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dl dt { width: 21%; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dl dd { width: 79%; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer dl + p { margin-top: 6vw; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer ul.disc li:before { width: 1.6vw; height: 1.6vw; top: 0.7em; }
  .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item + .item { margin: 2vw 0 0; }
  .top .page_content .side_menu_wrap .qa_wrap section + section { margin: 12vw 0 0; }
  .top .page_content .side_menu_wrap nav.btn_stop { position: absolute !important; left: 0 !important; bottom: 0 !important; top: auto !important; }
  .top .page_content .sec04 { width: 100%; padding: 0 4vw 0; margin: 2vw auto 0; }
  .top .page_content .sec04:before, .top .page_content .sec04:after { width: 82vw; left: 0; right: 0; margin: auto; }
  .top .page_content .sec04 .sec_content_wrap { padding: 6vw 6.6vw; }
  .top .page_content .sec04 .sec_content_wrap:before, .top .page_content .sec04 .sec_content_wrap:after { content: ""; width: 1px; height: calc(100% - 10vw); background: #222222; position: absolute; top: 0; bottom: 0; margin: auto; }
  .top .page_content .sec04 .profile { display: block; margin-top: 8vw; }
  .top .page_content .sec04 .profile .images { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; }
  .top .page_content .sec04 .profile .images .photo { width: 25vw; height: 25vw; }
  .top .page_content .sec04 .profile .images .name { width: 32vw; margin: 0; }
  .top .page_content .sec04 .profile .text { padding: 9vw 0 0; }
  .top .page_content .sec04 .profile .text p { font-size: 3.6vw; line-height: 2.08; margin-top: 2vw; }
  .top .page_content .sec05 { width: 100%; padding: 0 4vw; margin: 13.5vw auto 0; }
  .top .page_content .sec05 .sec_content_wrap .box { display: block; border-radius: 4vw; padding: 6vw 7vw 7vw; }
  .top .page_content .sec05 .sec_content_wrap .box:after { border: solid 1vw #005bac; border-radius: 4vw; }
  .top .page_content .sec05 .sec_content_wrap .box h2 { width: 100%; }
  .top .page_content .sec05 .sec_content_wrap .box .text { width: 100%; padding: 0; margin: 6vw 0 0; }
  .top .page_content .sec05 .sec_content_wrap .box .text .catch { font-size: 4.2vw; text-align: center; }
  .top .page_content .sec05 .sec_content_wrap .box .text .maintext { margin-top: 6vw; transition: color 0.3s; }
  .top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 { height: 12vw; border-radius: 6vw; margin-top: 6vw; }
  .top .page_content .sec05 .sec_content_wrap .box .text .btn_window_type02 i { width: 2.9vw; height: 2.8vw; margin: 0 0 1px 2.4vw; }
  .top .page_content .sec06 { margin: 15vw 0 0; padding: 14.5vw 0; }
  .top .page_content .sec06 .sec_content_wrap { width: 100%; padding: 0 4vw; display: block; }
  .top .page_content .sec06 .sec_content_wrap .title_wrap h2 { width: 87.7vw; }
  .top .page_content .sec06 .sec_content_wrap .title_wrap p { font-size: 3.4vw; line-height: 2.21; text-align: center; }
  .top .page_content .sec06 .sec_content_wrap .links { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding-top: 8vw; }
  .top .page_content .sec06 .sec_content_wrap .links li { width: calc(50% - 2vw); height: 44vw; border-radius: 2vw; overflow: hidden; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap img { width: 26.8vw; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a { width: 100%; height: 12.3vw; border-radius: 0; bottom: 0; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a:before, .top .page_content .sec06 .sec_content_wrap .links li .wrap a:after { border-radius: 0; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a:before { border: none; border-top: solid 1px #355e95; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a span { font-size: 3.4vw; padding-top: 1px; }
  .top .page_content .sec06 .sec_content_wrap .links li .wrap a i { width: 1.8vw; height: 2.8vw; right: 3vw; }
  .top .page_content .sec06 .sec_content_wrap .links li:nth-of-type(n + 3) { margin-top: 3vw; }
  .top .page_content .sec07 { width: 100%; padding: 0 4vw; margin: 14vw auto 0; }
  .top .page_content .sec07 .sec_content_wrap { position: relative; }
  .top .page_content .sec07 .sec_content_wrap .title_wrap { width: 100%; }
  .top .page_content .sec07 .sec_content_wrap .title_wrap p { margin: 4.5vw 0 0; line-height: 2.22; }
  .top .page_content .sec07 .sec_content_wrap .visual { width: 87.5vw; position: relative; right: auto; top: auto; margin: -10vw auto 0; }
  .top .page_content .sec07 .sec_content_wrap .contact_box { width: 100%; height: auto; border-radius: 0; background: none; position: relative; display: block; align-items: center; justify-content: space-between; padding: 0; margin: 6.5vw 0 0; }
  .top .page_content .sec07 .sec_content_wrap .contact_box:before { content: none; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns { display: flex; align-items: center; justify-content: space-between; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li { width: calc((100% - 4vw) / 2); height: 15vw; border-radius: 0; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a { border-radius: 2vw; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:before, .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:after { border-radius: 2vw; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a:after { opacity: 1; transition: opacity 0.3s; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a i { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-right: 3.4vw; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a .text { display: inline-block; vertical-align: middle; color: #fff; font-size: 3.6vw; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_request i { width: 8.9vw; height: 7.5vw; background-image: url(../images/icon_book.png); }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li a.btn_consultation i { width: 7.1vw; height: 7.1vw; background-image: url(../images/icon_paper.png); }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_btns li + li { margin-left: 0; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_tel { width: 100%; margin-top: 5vw; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_tel p { font-size: 4.2vw; color: #355e95; letter-spacing: 0.1em; text-align: center; position: relative; padding: 0 0 4vw; margin-bottom: 3.3vw; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_tel p:before { content: ""; width: 75vw; height: 2.5vw; background: url(../images/parts_contact_tel_01@sp.png) no-repeat center bottom/auto 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_tel .btn_tel { display: flex; align-items: center; justify-content: center; width: 78vw; height: 19vw; border-radius: 1vw; border: solid 1px #355e95; margin: 0 auto; background: #fff; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_tel .btn_tel i { display: block; width: 13.9vw; height: 8vw; background: url(../images/parts_contact_tel_02@sp.png) no-repeat center center/contain; }
  .top .page_content .sec07 .sec_content_wrap .contact_box .contact_tel .btn_tel span { text-align: center; font-size: 4vw; line-height: 1.38; margin-left: 2.4vw; display: block; }
  .top footer { height: 16vw; margin: 15vw 0 0; }
  .top footer .copyright { font-size: 3vw; }
  .top footer .pagetop { width: 16vw; height: 16vw; right: 2vw; bottom: 14vw; }
  .top footer .pagetop i { width: 5.5vw; height: 6.1vw; }
  .top footer .pagetop:hover { filter: brightness(1); }
  .android .top .page_content .menu .wrap .box a span { padding-top: 0; display: block; margin-top: -0.5vw; }
  .android .top .page_content .side_menu_wrap .qa_wrap .sec_content_wrap .qa_items .item .item_answer .link_box .link_bg span { margin-top: -1.5vw; } }