﻿:root{--color1:#07457e;--color2:#a9c0d5;--color3:#3d8fd5;--hover:#0054AD;--text-color:#1f1f1f}@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes AnimationTitle{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50%)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50%)}100%{opacity:1;transform:translateX(0)}}main{background:url("../images/top/main.webp") no-repeat center;background-size:cover;width:100%;height:720px;overflow:hidden;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}@media screen and (max-width: 520px){main{height:550px;padding-top:50px}}main:before{content:"";width:100%;height:100%;background:linear-gradient(to right, rgba(7,69,126,0.8), rgba(7,69,126,0.1));position:absolute;top:0;left:0;z-index:1}main .inner{color:#FFF;position:relative;z-index:2}@media screen and (max-width: 520px){main .inner{padding:0 10px !important}}main .inner h1{font-size:clamp(26px, calc(26px + (50 - 26) * ((100vw - 400px) / 1100)), 50px);font-weight:900;letter-spacing:0.64px;line-height:160%;text-shadow:0 0 5px rgba(0,0,0,0.6)}@media screen and (max-width: 370px){main .inner h1{font-size:clamp(24px, calc(24px + (50 - 24) * ((100vw - 400px) / 1100)), 50px)}}main .inner h1 span.type1{padding:0 20px;position:relative}main .inner h1 span.type1:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:0;background:linear-gradient(291.98deg, rgba(36,180,233,0.9) 0%, rgba(5,98,168,0.9) 100%);z-index:-1;clip-path:polygon(3% 0, 100% 0%, 97% 100%, 0% 100%)}main .inner h1 span.type1.is-show{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;color:#FFF}main .inner h1 span.type1.is-show:after{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;height:93%}main .inner p{padding-top:30px;font-size:clamp(14px, calc(14px + (20 - 14) * ((100vw - 400px) / 1100)), 20px);font-weight:700;text-shadow:0 0 5px rgba(0,0,0,0.6)}.title{font-size:clamp(22px, calc(22px + (36 - 22) * ((100vw - 400px) / 1100)), 36px);font-weight:900;color:var(--color1);display:flex;justify-content:flex-start;align-items:center;gap:0 20px;padding:0 0 20px}@media screen and (max-width: 520px){.title{gap:0 10px}}.title:before{content:"";width:59px;height:11px;background:url("../images/common/title_icon.webp") no-repeat center;display:block}@media screen and (max-width: 520px){.title:before{width:30px;height:6px}}.ktiBox{padding:100px 0}@media screen and (max-width: 520px){.ktiBox{padding:40px 0}}.ktiBox .inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.ktiBox .inner .imgBox{width:45%}@media screen and (max-width: 520px){.ktiBox .inner .imgBox{order:2;width:100%}}.ktiBox .inner .txBox{width:52%}@media screen and (max-width: 520px){.ktiBox .inner .txBox{order:1;width:100%;padding:0 0 20px 0}}.ktiBox .inner .txBox h2{font-size:clamp(22px, calc(22px + (36 - 22) * ((100vw - 400px) / 1100)), 36px);font-weight:900;color:var(--color3);padding-bottom:30px}@media screen and (max-width: 520px){.ktiBox .inner .txBox h2{text-align:center}}.ktiBox2{padding:100px 0 100px 50px;position:relative}@media screen and (max-width: 1100px){.ktiBox2{padding:50px 0 50px 50px}}@media screen and (max-width: 520px){.ktiBox2{padding:30px 0 30px 10px}}.ktiBox2:after{display:block;position:absolute;top:0;right:0;content:"";width:95%;height:100%;background-color:#e4ebf1;border-radius:100px 0 0 100px;z-index:-1}@media screen and (max-width: 1100px){.ktiBox2:after{width:97%}}@media screen and (max-width: 520px){.ktiBox2:after{border-radius:20px 0 0 20px}}.ktiBox2 .ktiBox_in{padding:0 0 0 8%}@media screen and (max-width: 1100px){.ktiBox2 .ktiBox_in{padding:0 20px 0 30px}}@media screen and (max-width: 520px){.ktiBox2 .ktiBox_in{padding:0 20px}}.ktiBox2 .ktiBox_in .philosophy{position:relative;z-index:0;padding:17px 0 0 0}@media screen and (max-width: 520px){.ktiBox2 .ktiBox_in .philosophy{padding:0}}.ktiBox2 .ktiBox_in .philosophy .sub{font-size:clamp(16px, calc(16px + (20 - 16) * ((100vw - 400px) / 1100)), 20px);font-weight:700}.ktiBox2 .ktiBox_in .philosophy .inBox{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;padding:20px 100px 24px 0;width:52%;position:relative;border-bottom:1px solid #c8d1d8;cursor:pointer}@media screen and (max-width: 1100px){.ktiBox2 .ktiBox_in .philosophy .inBox{width:97%;padding:20px 0 0;border-bottom:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}}@media screen and (max-width: 520px){.ktiBox2 .ktiBox_in .philosophy .inBox{width:100%}}@media screen and (max-width: 1100px){.ktiBox2 .ktiBox_in .philosophy .inBox .txBox{width:55%}}@media screen and (max-width: 520px){.ktiBox2 .ktiBox_in .philosophy .inBox .txBox{width:100%;padding:10px 20px 20px}}.ktiBox2 .ktiBox_in .philosophy .inBox .img{display:none}@media screen and (max-width: 1100px){.ktiBox2 .ktiBox_in .philosophy .inBox .img{display:block;width:40%;height:200px;margin:0 0 20px;overflow:hidden;border-radius:20px}}@media screen and (max-width: 520px){.ktiBox2 .ktiBox_in .philosophy .inBox .img{width:100%;margin:0}}.ktiBox2 .ktiBox_in .philosophy .inBox .img1{background:url("../images/top/top2_1.webp") no-repeat center;background-size:cover}.ktiBox2 .ktiBox_in .philosophy .inBox .img2{background:url("../images/top/top2_2.webp") no-repeat center;background-size:cover;padding-top:24px}@media screen and (max-width: 1100px){.ktiBox2 .ktiBox_in .philosophy .inBox .img2{padding-top:20px}}.ktiBox2 .ktiBox_in .philosophy .inBox .img3{background:url("../images/top/top2_3.webp") no-repeat center;background-size:cover;padding-top:24px}@media screen and (max-width: 1100px){.ktiBox2 .ktiBox_in .philosophy .inBox .img3{padding-top:20px}}@media screen and (max-width: 1100px){.ktiBox2 .ktiBox_in .philosophy .inBox:before,.ktiBox2 .ktiBox_in .philosophy .inBox:after{display:none}}.ktiBox2 .ktiBox_in .philosophy .inBox:after{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;content:"";position:absolute;top:73px;right:20px;width:55px;height:55px;border:1px solid #6e99be;border-radius:50%;z-index:0}.ktiBox2 .ktiBox_in .philosophy .inBox:before{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;content:"";position:absolute;top:95px;right:45px;width:11px;height:11px;border-top:solid 2px #6e99be;border-right:solid 2px #6e99be;transform:rotate(45deg);z-index:1}@media (any-hover: hover){.ktiBox2 .ktiBox_in .philosophy .inBox:hover:after{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-color:#6e99be}.ktiBox2 .ktiBox_in .philosophy .inBox:hover:before{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;border-color:#FFF}}.ktiBox2 .ktiBox_in .philosophy .inBox h3{font-size:clamp(18px, calc(18px + (24 - 18) * ((100vw - 400px) / 1100)), 24px);color:var(--color3);font-weight:700;padding:0 0 20px}@media screen and (max-width: 520px){.ktiBox2 .ktiBox_in .philosophy .inBox h3{padding:10px 0 20px}}.ktiBox2 .ktiBox_in .philosophy .inBox p{line-height:34px}@media screen and (max-width: 520px){.ktiBox2 .ktiBox_in .philosophy .inBox p{line-height:24px}}.ktiBox2 .imgArea{position:absolute;top:50%;right:0;z-index:1;width:41.5%;height:80%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%)}@media screen and (max-width: 1100px){.ktiBox2 .imgArea{display:none}}.ktiBox2 .imgArea .type1{opacity:0;visibility:hidden;background:url("../images/top/top2_1.webp") no-repeat center;background-size:cover;width:100%;height:100%;overflow:hidden;border-radius:30px 0 0 30px}@media screen and (max-width: 1800px){.ktiBox2 .imgArea .type1{background-size:cover}}.ktiBox2 .imgArea .type2{opacity:0;visibility:hidden;background:url("../images/top/top2_2.webp") no-repeat center;background-size:cover;width:100%;height:100%;overflow:hidden;border-radius:30px 0 0 30px}@media screen and (max-width: 1800px){.ktiBox2 .imgArea .type2{background-size:cover}}.ktiBox2 .imgArea .type3{opacity:0;visibility:hidden;background:url("../images/top/top2_3.webp") no-repeat center;background-size:cover;width:100%;height:100%;overflow:hidden;border-radius:30px 0 0 30px}@media screen and (max-width: 1800px){.ktiBox2 .imgArea .type3{background-size:cover}}.ktiBox2 .imgArea .type1,.ktiBox2 .imgArea .type2,.ktiBox2 .imgArea .type3{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:absolute;top:0;left:0}.ktiBox2 .imgArea .type1.dis,.ktiBox2 .imgArea .type2.dis,.ktiBox2 .imgArea .type3.dis{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;opacity:1;visibility:visible}.en .ktiBox2 .imgArea{top:58%}@media screen and (max-width: 1500px){.en .ktiBox2 .imgArea{top:55%}}.ktiBox3{padding:100px 0}@media screen and (max-width: 520px){.ktiBox3{padding:50px 0 20px}}.ktiBox3 .inner{position:relative}.ktiBox3 .inner:before{font-family:'Montserrat',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:clamp(60px, calc(60px + (150 - 60) * ((100vw - 400px) / 1100)), 150px);font-weight:700;content:"Business";writing-mode:vertical-rl;display:block;position:absolute;left:-170px;top:0;color:#e4ebf1;z-index:-1}@media screen and (max-width: 768px){.ktiBox3 .inner:before{display:none}}.ktiBox3 .inner:after{content:"";display:block;position:absolute;bottom:-100px;right:-250px;width:585px;height:366px;background:url("../images/top/top3_6.webp") no-repeat center;background-size:100%;z-index:-1}@media screen and (max-width: 768px){.ktiBox3 .inner:after{display:none}}.ktiBox3 .inner h2{margin-bottom:30px}@media screen and (max-width: 520px){.ktiBox3 .inner h2{margin-bottom:0}}.ktiBox3 .inner .flexBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-bottom:50px}.ktiBox3 .inner .flexBox.type2 .imgBox{order:2}.ktiBox3 .inner .flexBox.type2 .txBox{order:1}.ktiBox3 .inner .flexBox .imgBox{width:54%}@media screen and (max-width: 768px){.ktiBox3 .inner .flexBox .imgBox{width:100%;order:1 !important}}.ktiBox3 .inner .flexBox .imgBox img{object-fit:cover;width:100%;height:100%;border-radius:20px}@media screen and (max-width: 520px){.ktiBox3 .inner .flexBox .imgBox img{border-radius:10px}}.ktiBox3 .inner .flexBox .txBox{width:42%}@media screen and (max-width: 768px){.ktiBox3 .inner .flexBox .txBox{width:100%;order:2 !important;padding-top:20px}}.ktiBox3 .inner .flexBox .txBox h3{font-size:clamp(18px, calc(18px + (24 - 18) * ((100vw - 400px) / 1100)), 24px);font-weight:700;color:var(--color3);padding:0 0 20px}.ktiBox3 .inner .flexBox .txBox p{padding-bottom:30px}.ktiBox3 .inner .flexBox .txBox h4{padding:0 0 20px}@media screen and (max-width: 520px){.ktiBox3 .inner .flexBox .txBox h4{padding-bottom:10px}}.ktiBox3 .inner .flexBox .txBox h4 span{background-color:#e4e4e4;border-radius:5px;padding:3px 20px;font-size:clamp(15px, calc(15px + (16 - 15) * ((100vw - 400px) / 1100)), 16px)}.ktiBox3 .inner .flexBox .txBox ul li{font-size:14px;position:relative;padding:5px 0 5px 1.5em}.ktiBox3 .inner .flexBox .txBox ul li:before{content:"・";position:absolute;top:5px;left:0}
