@charset "UTF-8";
/* CSS Document */
*, *:before, *:after{margin:0;padding:0;border: 0;font-weight: normal;vertical-align:baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: "Noto Sans JP", sans-serif;
font-size:15px;
font-weight:400;
line-height:1.8;
color:#333;
letter-spacing:1px;
width:100%;
background: url("../images/body-bg.jpg") repeat-y;
background-size: 100% auto;
background-attachment: fixed;
background-position: center top;
max-width: 1920px;
margin: 0 auto;
}
/*body {
font-family: "Noto Sans JP", sans-serif;
font-size:15px;
font-weight:400;
line-height:1.8;
color:#333;
letter-spacing:1px;
width:100%;
background: url("../images/body-bg.jpg") repeat-y;
background-size: 100% auto;
background-position: center top;
max-width: 1920px;
margin: 0 auto;
}
*/
.normal-page{
background: #b9ceea;
background: linear-gradient(90deg,rgba(239, 236, 246, 1) 0%, rgba(185, 206, 234, 1) 100%);
}
.front-page-wrap,.page-wrap {opacity: 0;}.wf-active .front-page-wrap,.wf-active .page-wrap {opacity: 1;transition:.5s opacity;}
.poppins{
font-family: "Poppins", sans-serif;
font-weight: 500;
}
.sp-only{
display: none;
}
ol, ul {
list-style: none;
list-style-type: none;
}
/*a:focus, *:focus { outline:none; }*/
a{
text-decoration: none;
color:#333;
}
a.link-ul{
text-decoration: underline;
color: #0000ff;
}
a.op07:hover{
opacity:0.7;
 transition: .4s opacity;
}
a:hover{
opacity:0.7;
 transition: .4s opacity;
}
a.link-text{
text-decoration:underline;
}
img{
vertical-align:bottom;
}
img.w100{
width: 100%;
}
.table{
display:table;
width:100%;
height:100%;
}
.cell{
display:table-cell;
vertical-align:middle;
}
.scroll-effect{}
.fade-in{
opacity:0;
transition:opacity 1s;
}
.fade-in.scrolled{
opacity:1;
transition:opacity 1s;
}
.fade-in01{
opacity:0;
transition:opacity 1s;
}
.fade-in01.scrolled{
opacity:1;
transition:opacity 1s;
}
.fade-in02{
opacity:0;
transition:opacity 1s 0.5s;
}
.fade-in02.scrolled{
opacity:1;
transition:opacity 1s 0.5s;
}
.fade-in03{
opacity:0;
transition:opacity 1s 1s;
}
.fade-in03.scrolled{
opacity:1;
transition:opacity 1s 1s;
}
.fade-in04{
opacity:0;
transition:opacity 1s 1.5s;
}
.fade-in04.scrolled{
opacity:1;
transition:opacity 1s 1.5s;
}
.fade-in05{
opacity:0;
transition:opacity 1s 2s;
}
.fade-in05.scrolled{
opacity:1;
transition:opacity 1s 2s;
}
.move-up{
position:relative;
top:120px;
opacity:0;
transition:opacity 1s 0s,top 1s 0s;
}
.move-up.scrolled{
top:0;
opacity:1;
transition:opacity 1s 0s,top 1s 0s;
}
.move-up02{
position:relative;
top:120px;
opacity:0;
transition:opacity 1s 0.5s,top 1s 0.5s;
}
.move-up02.scrolled{
top:0;
opacity:1;
transition:opacity 1s 0.5s,top 1s 0.5s;
}
.move-up03{
position:relative;
top:120px;
opacity:0;
transition:opacity 1s 1s,top 1s 1s;
}
.move-up03.scrolled{
top:0;
opacity:1;
transition:opacity 1s 1s,top 1s 1s;
}
.move-up04{
position:relative;
top:120px;
opacity:0;
transition:opacity 1s 1.5s,top 1s 1.5s;
}
.move-up04.scrolled{
top:0;
opacity:1;
transition:opacity 1s 1.5s,top 1s 1.5s;
}
.move-to-right{
position:relative;
left:-280px;
opacity:0;
transition:opacity 1000ms,left 1000ms;
}
.move-to-right.scrolled{
left:0;
opacity:1;
transition:opacity 1000ms,left 1000ms;
}
.move-to-right02{
position:relative;
left:-280px;
opacity:0;
transition:opacity 1000ms,left 1000ms;
}
.move-to-right02.scrolled{
left:0;
opacity:1;
transition:opacity 1000ms,left 1000ms;
}
.move-down{
position:relative;
top:-120px;
opacity:0;
transition:opacity 1s 0s,top 1s 0s;
}
.move-down.scrolled{
top:0;
opacity:1;
transition:opacity 1s 0s,top 1s 0s;
}
.move-down02{
position:relative;
top:-120px;
opacity:0;
transition:opacity 1s .5s,top 1s .5s;
}
.move-down02.scrolled{
top:0;
opacity:1;
transition:opacity 1s .5s,top 1s .5s;
}
.move-down03{
position:relative;
top:-120px;
opacity:0;
transition:opacity 1s 1s,top 1s 1s;
}
.move-down03.scrolled{
top:0;
opacity:1;
transition:opacity 1s 1s,top 1s 1s;
}
.inner-1200{
width: 92%;
max-width: 1200px;
margin: 0 auto;
}
.inner-1100{
width: 92%;
max-width: 1100px;
margin: 0 auto;
}
.inner-1000{
width: 92%;
max-width: 1000px;
margin: 0 auto;
}
#skipnav {
display: block;
position: relative;
height: 1px;
margin-top: -1px;
overflow: hidden;
background-color: #595959;
text-align: center;
color: #fff;
font-size: 14px;
}
#skipnav:focus{
height: 40px;
margin-top: 0;
background-color: #595959;
line-height: 40px;
}
#skipnav_main {
font-size: 0;
outline: 0;
}
#global-header-wrap{
position: relative;
top:0;
left: 0;
width: 100%;
z-index: 5000;
background: #fff;
border-top: 3px solid #e60000;
}
#global-header{
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
#global-header-logo {
width: 300px;
height: 72px;
z-index: 201;
margin: 0 0 0 2%;
padding: 16px 0 10px;
position: relative;
overflow: hidden;
}
#global-header-logo img {
width: 140px;
float: left;
}
#global-header-logo p {
font-size: 0px;
display: inline-block;
font-family: "Poppins", sans-serif;
font-weight: 500;
padding: 8px 0 0 20px;
}
.wf-active #global-header-logo p{
font-size: 15px;
}
#global-header-links{
position: absolute;
top: 0;
right: 0;
width: 386px;
height: 72px;
}
.menu-btn,
.menu-btn.active{
position: absolute;
top: 0;
z-index: 5000;
width: 72px;
height: 72px;
display: none;
}
.menu-btn{
right: 168px;
}
.menu-btn.active .close-overlay-menu-wrap {
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5001;
}
.menu-btn.active .close-overlay-menu-wrap:hover {
cursor: pointer;
}
.menu-btn a{
position: relative;
display:block;
width:100%;
height:100%;
background: #fff;
}
.menu-btn span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 33%;
height: 1px;
background: #111;
width: 34%;
}
.menu-btn span:nth-of-type(1) {top:26px;}
.menu-btn span:nth-of-type(2) {top:34px;}
.menu-btn span:nth-of-type(3) {top:42px;}
.menu-btn.active span:nth-of-type(1) {
top: 28px;
left: 30%;
transform: translateY(6px) rotate(-45deg);
width: 40%;
}
.menu-btn.active span:nth-of-type(2) {
opacity: 0;
}
.menu-btn.active span:nth-of-type(3){
top: 40px;
left: 30%;
transform: translateY(-6px) rotate(45deg);
width: 40%;
}
nav {
background-color: #fff;
position: relative;
z-index: 100;
}
nav.m_fixed{
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.menu {
max-width: 1200px;
display: flex;
margin: 0 auto;
position: relative;
flex-grow: 0;
}
.menu > li {
height: 60px;
line-height: 60px;
text-align: center;
display: inline-block;
}
.menu > li:hover {
background-color: rgba(25, 87, 177, 1);
opacity: 1!important;
}
.menu > li a {
display: block;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 0;
color: #0b318f;
}
.wf-active .menu > li a {
font-size: 18px;
padding: 0 30px;
display: block;
}
.menu > li:hover a{
color: #fff;
opacity: 1;
}
.menu > li > ul li a {
color: #fff;
}
.wf-active .menu > li > ul li a {
display: block;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-size: 15px;
color: #fff;
padding: 8px 30px 8px 26px;
position: relative;
}
.menu > li > ul li a:before {
background: rgba(0, 0, 0, 0) url(../images/arrow-circle.png) no-repeat scroll 0 0 / cover;
content: "";
height: 18px;
left: 0;
position: absolute;
top: 29px;
width: 18px;
border-radius: 50%;
}
.menu > li > ul li a.blank-l:before {
background: rgba(0, 0, 0, 0) url(../images/blank-mark-w.png) no-repeat scroll 0 0 / cover;
border-radius:0;
}
.menu-second {
padding: 40px 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s, visibility 0.5s;
}
.wide .menu-second {
width: 100%;
background-color: rgba(25, 87, 177, 1);
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
position: absolute;
top: 60px;
left: 0;
padding: 30px 60px;
}
.wide .menu-second li {
display: inline-block;
padding: 0 30px 0 0;
}
.wide .menu-second li a{
text-align: left;
}
.wide .menu-second li a:hover {
opacity: 0.7;
}
.wide:hover .menu-second {
visibility: visible;
opacity: 1;
}
.fix-entry-btn{
position: fixed;
width: 60px;
height: 160px;
top: 200px;
right: 0;
z-index: 2000;
border-radius: 10px 0 0 10px;
overflow: hidden;
}
.fix-entry-btn a {
width: 100%;
height: 100%;
display: block;
background: #e51c24;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 60px;
letter-spacing: -4px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
.header-entry {
position: absolute;
top: 0;
right: 240px;
width: 146px;
height: 72px;
}
.header-entry a{
display: block;
background: #e51c24;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 0px;
color: #fff;
text-align: center;
line-height: 72px;
}
.wf-active .header-entry a{
font-size: 20px;
}
.me-logo{
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 72px;
line-height: 72px;
text-align: center;
}
.me-logo img{
width: 94px;
vertical-align: middle;
}
.modal-menu-inner{
width:92%;
max-width:1100px;
overflow:hidden;
margin:0 auto;
padding:120px 0 50px;
}
.modal-menu-inner a{
position: relative;
display:block;
line-height:2;
color:#0b318f;
padding:4px 0 4px 34px;
margin:0 0 4px;
}
.modal-menu-inner a span{
display: inline-block;
width: 44px;
}
.modal-menu-inner a::before {
background: rgba(0, 0, 0, 0) url(../images/arrow-circle.png) no-repeat scroll 0 0 / cover;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 10px;
width: 20px;
border-radius: 50%;
border: 1px solid #0b318f;
}
.modal-menu-inner a.blank-link::before {
background: rgba(0, 0, 0, 0) url("../images/blank-mark.png") no-repeat scroll 0 0 / cover;
border-radius:0;
border:none;
}
.modal-menu-inner p{
display:block;
line-height:2.6;
color:#007cb6;
opacity:0.6;
}
.modal-menu-cat-ttl{
width:100%;
font-size:28px;
margin:0 0 20px;
padding:0 0 4px;
border-bottom:2px solid #fff;
font-family: "Poppins", sans-serif;
font-weight: 500;
color:#0b318f;
position:relative;
}
.modal-menu-cat-sub-ttl{
width:100%;
font-size:18px;
margin:0 0;
padding:18px 0 0 0;
font-family: 'Roboto', sans-serif;
font-weight:300;
color:#b1ced8;
position:relative;
}
.modal-menu-cat00,
.modal-menu-cat01{
width:100%;
margin:0 0 50px;
}
.modal-menu-cat02{
width:48%;
float:left;
margin:0 0 50px;
clear: both;
}
.modal-menu-cat03{
width:48%;
float:right;
margin:0 0 50px;
}
.modal-menu-cat04{
clear:both;
width:48%;
float: left;
margin:0 0 50px;
}
.modal-menu-cat05{
width:48%;
float: right;
margin:0 0 50px;
}
.entry-sec{
width: 100%;
}
.entry-sec a{
width: 100%;
background: #1e2952;
background: linear-gradient(90deg,rgba(25, 87, 177, 1) 0%, rgba(30, 41, 82, 1) 100%);
line-height: 180px;
display: block;
text-align: center;
color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: italic;
font-size: 38px;
}
.entry-sec a img{
width: 32px;
border: 1px solid #5877ba;
border-radius: 50%;
vertical-align: middle;
margin: 0 0 0 24px;
position: relative;
top:-2px;
}
.footer-me-logo{
display: none;
}
.footer-sec{
width: 100%;
background: #47494b;
padding: 80px 4%;
}
.footer-sec .inner-1200{
display: flex;
position: relative;
}
.footer-link-box{
position: relative;
}
.flb-1st{width: 22%;}
.flb-2nd{width: 34%;}
.flb-3rd{width: 22%;}
.flb-4th{width: 22%;}
.footer-link-box p{
display: block;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 20px;
color: #fff;
margin: 0 0 16px;
}
.footer-link-box a{
display: block;
line-height: 2.3;
font-size: 14px;
color: #fff;
}
.footer-link-box a span{
display: inline-block;
width: 42px;
}
.footer-link-box a img,
.footer-ending a img{
width: 16px;
position: relative;
top: -7px;
margin: 0 0 0 4px;
}
.footer-ending a img{
top: -2px;
}
.footer-links{
margin: 0 0 38px;
}
.footer-ending{
width: 100%;
padding: 26px 4% 40px;
font-size: 12px;
background: #0b0b0b;
color: #fff;
}
.footer-ending .inner-1200{
position: relative;
}
.footer-ending a {
color: #fff;
}
.footer-ending-cr{
position: absolute;
top:0;
right: 0;
text-align: right;
font-family: "Poppins", sans-serif;
font-weight: 400;
color: #fff;
}
.footer-logo{
position: absolute;
right: 0;
bottom: 62px;
width: 22%;
text-align: center;
}
.footer-logo img{
width: 100%;
max-width: 160px;
margin: 0 0 12px;
}
.footer-entry{
position: absolute;
right: 0;
bottom: 0;
width: 22%;
height: 56px;
}
.footer-entry a{
display: block;
background: #e51c24;
line-height: 56px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 18px;
color: #fff;
text-align: center;
}
.front-main-v{
position: relative;
width: 100%;
max-width: 1500px;
margin: 0 auto 110px;
border-radius: 0 0 0 50px;
overflow: hidden;
background: #000;
}
.front-main-v video {
position: relative;
width: 110%;
left: -5%;
vertical-align: bottom;
}
.front-main-voverlay{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
}
.front-main-v-catch{
position: absolute;
width: 42%;
max-width: 440px;
right: 5%;
bottom: 50px;
}
.front-main-v-catch img{
width: 100%;
}
.front-lead-sec{
position: relative;
}
.front-lead-text-box{
width: 100%;
position: relative;
display: flex;
}
.front-lead-text{
width: 70%;
font-weight: 500;
}
.front-lead-text span{
font-size: 10px;
}
.front-lead-img-box{
width: 30%;
position: relative;
}
.front-lead-img01{
position: absolute;
top:0;
right: 0;
width: 86%;
border-radius: 20px;
overflow: hidden;
}
.front-lead-img02{
position: absolute;
bottom:20px;
left: -40px;
width: 50%;
border-radius: 20px;
overflow: hidden;
}
.front-lead-message{
width: 100%;
max-width: 840px;
overflow: hidden;
}
.front-message-btn,
.page-cont-btn{
width: 272px;
}
.front-message-btn a,
.page-cont-btn a{
position: relative;
display: block;
background: #e51c24;
color: #fff;
line-height: 60px;
border-radius: 80px;
text-align: center;
padding: 0 30px 0 0;
font-size: 16px;
font-weight: 600;
}
.front-message-btn a:hover,
.page-cont-btn a:hover{
cursor: pointer;
}
.front-message-btn a:after,
.page-cont-btn a:after{
position: absolute;
top:14px;
right: 14px;
content: "";
background: url("../images/arrow-circle.png");
background-size: 32px 32px;
width: 32px;
height: 32px;
}
#modal-msg-wrap{
background: #F0EDF6;
background: linear-gradient(90deg,rgba(239, 236, 246, .9) 0%, rgba(185, 206, 234, .9) 100%)!important;
}
.msg-opened #modal-msg-wrap{
z-index: 5005!important;
}
.modal-msg-cont-wrap{
background: #fff;
width: 92%;
max-width: 1000px;
margin: auto;
padding: 50px 0 50px 4%;
border-radius: 20px;
}
.modal-msg-close{
position: absolute;
top:22px;
right: 22px;
width: 30px;
height: 30px;
}
.modal-msg-close:hover{
cursor: pointer;
opacity:0.7;
transition: .4s opacity;
}
.modal-msg-ttl{
font-size: 20px;
font-weight: 500;
color: #0b318f;
margin: 0 0 12px;
text-align: left;
position:relative;
left:280px;
opacity:0;
transition:all 800ms;
}
.remodal-is-opened .modal-msg-ttl{
left:0;
opacity:1;
transition:all 800ms;
}
.modal-msg-cont-box{
display: flex;
}
.modal-msg-cont-img{
width: 42%;
overflow: hidden;
opacity: 0;
}
.remodal-is-opened .modal-msg-cont-img{
opacity:1;
transition:all 800ms 800ms;
}
.modal-msg-cont-text{
width: 58%;
padding: 0 5% 0 0;
text-align: left;
position:relative;
top:80px;
opacity:0;
transition:all 800ms 400ms;
}
.modal-msg-catch-text{
font-size: 18px;
font-weight: 500;
color: #0b318f;
margin: 0 0 20px;
}
.remodal-is-opened .modal-msg-cont-text{
top:0;
opacity:1;
transition:all 800ms 400ms;
}
.carousel-container {
overflow: hidden;
margin: 0 auto -40px;
padding: 90px 0 0;
position: relative;
top:-90px;
}
.carousel-cont {
width: 65%;
float: right;
border-radius: 30px 0 0 30px;
position: relative;
}
.carousel-cont .slick-dots li {
margin: 0 12px 0 0;
}
.carousel-cont .slick-list{
border-radius: 10px 0 0 10px;
overflow: hidden;
}
.carousel-cont__item {
width: 570px;
margin: 0 40px 0 0;
border-radius: 14px;
overflow: hidden;
}
.carousel-cont__item img {
height: auto;
width: 100%;
border-radius: 14px;
overflow: hidden;
}
.carousel-text {
width: 30%;
float: left;
padding: 60px 0 0;
}
.carousel-text__item {
margin-right: 5px;
margin-left: 5px;
}
.carousel-text__item img {
height: auto;
width: 100%;
}
.slick-prev:before, .slick-next:before {
color: #000066;
}
.front-people-copy p{
font-size: 26px;
line-height: 1.5;
background: #fff;
display: inline-block;
margin: 0 0 8px;
padding: 0 6px;
}
.front-people-initial{
font-size: 18px;
padding: 44px 0 8px;
}
.front-people-name{
font-size: 14px;
}
.front-eb-ttl{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 60px;
line-height: 1.1;
color: #0b318f;
}
.front-jp-ttl{
font-size: 20px;
font-weight: 500;
margin: 0 0 14px;
}
.front-ttl-line{
width: 28px;
height: 3px;
background: #e51c24;
}
.front-about-sec{
position: relative;
width: 100%;
max-width: 1400px;
overflow: hidden;
margin: 0 auto;
padding: 0 0 190px;
}
.front-about-sec-img{
float: right;
width: 47%;
border-radius: 30px 0 0 30px;
overflow: hidden;
}
.front-about-sec-img img{
width: 100%;
}
.front-about-cont{
position: absolute;
width: 92%;
max-width: 1200px;
top:0;
left: 0;
right: 0;
margin: auto;
}
.front-about-link-box{
width: 45%;
padding: 30px 0 0;
}
.front-about-link-box a{
position: relative;
display: block;
font-size: 18px;
line-height: 72px;
padding: 0 20px;
border-bottom: 1px solid #c0c7e4;
}
.front-about-link-box a:after{
position: absolute;
top:20px;
right: 14px;
content: "";
background: url("../images/arrow-circle.png");
background-size: 32px 32px;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid #5877ba;
}
.front-about-link-box a.blank-link:after{
background: url("../images/blank-mark.png");
background-size: 32px 32px;
border-radius:0;
border: none;
}
.front-work-sec{
position: relative;
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding: 120px 6% 60px;
}
.front-work-sec-bg{
width: 100%;
height: 62%;
position: absolute;
top: 0;
left: 0;
border-radius: 0 50px 0 50px;
background: url("../images/top-biz-bg.jpg");
background-size: cover;
z-index: -1;
}
.front-work-img01{
position: absolute;
width: 27%;
max-width: 280px;
top:-140px;
left: 8%;
border-radius: 14px;
overflow: hidden;
}
.front-work-img02{
position: absolute;
width: 20%;
max-width: 170px;
top:100px;
left: 24%;
border-radius: 10px;
overflow: hidden;
}
.front-work-sec-ttl-box{
padding: 0 0 0 50%;
}
.front-work-btn-box{
display: flex;
max-width: 1100px;
margin: 0 auto;
gap:5%;
}
.front-work-btn-once{
width: 30%;
}
.front-work-btn-once a{
display: block;
}
.front-work-btn-img{
width: 100%;
margin: 0 0 14px;
border-radius: 14px;
overflow: hidden;
}
.front-work-btn-img img{
width: 100%;
}
.front-people-sec{
width: 100%;
max-width: 1400px;
background:#b0c7e7 url("../images/top-people-bg.png") center bottom no-repeat;
background-size: 100% auto;
margin: 0 auto;
border-radius: 24px;
padding: 90px 0 60px 6%;
}
.front-ct-sec{
width: 100%;
max-width: 1500px;
background: linear-gradient(90deg,rgba(26, 87, 176, 1) 50%, rgba(29, 41, 83, 1) 100%);
margin: 0 auto;
}
.front-ct-inner{
width: 100%;
margin: 0 auto;
display: flex;
}
.front-ct-img{
width: 57%;
border-radius: 0 50px 50px 0;
overflow: hidden;
}
.front-ct-img img{
width: 100%;
}
.front-ct-cont{
width: 43%;
display: flex;
align-items: center;
justify-content: center;
}
.front-ct-cont div{
text-align: center;
}
.front-work-sec .front-eb-ttl,
.front-ct-cont .front-eb-ttl{
color: #bad6fc;
}
.front-work-sec .front-jp-ttl,
.front-ct-cont .front-jp-ttl{
color: #fff;
}
.front-ct-cont div img{
width: 32px;
margin: 10px 0;
border-radius: 50%;
border-radius: 1px solid #5877ba;
}
.front-ct-cont div a{
display: block;
}
.front-recruit-sec{
width: 100%;
padding: 40px 0;
}
.front-recruit-btn-box{
display: flex;
flex-wrap: wrap;
gap:5%; 
}
.front-recruit-btn-box a{
display: block;
}
.front-recruit-btn-once{
width: 47.5%;
}
.front-recruit-btn-once-img{
width: 100%;
border-radius: 30px;
overflow: hidden;
margin: 0 0 20px;
}
.front-recruit-btn-once-img img{
width: 100%;
}
.front-work-btn-once p,
.front-recruit-btn-once p{
font-size: 18px;
}
.front-work-btn-once p img,
.front-recruit-btn-once p img{
width: 32px;
border: 1px solid #5877ba;
border-radius: 50%;
margin: 0 16px 0 0;
}
.front-work-btn-once p img.blank-img,
.front-recruit-btn-once p img.blank-img{
width: 32px;
border: none;
border-radius: 0;
margin: 0 16px 0 0;
}

/* =============================PAGES============================= */
.page-wrap {
padding: 0 0 80px;
}
.page-ttl-sec{
padding: 110px 0 30px;
}
.page-ttl-sec h1{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 50px;
color: #073290;
line-height: 1.4;
margin: 0 0 16px;
}
.page-ttl-sec h1.add-type01{
margin: 0 0 4px;
}
.page-ttl-sec h1 span{
font-family: "Noto Sans JP", sans-serif;
font-size: 20px;
font-weight: 400;
color: #111;
padding: 0 0 0 24px;
position: relative;
top:-6px;
}
.page-work .page-ttl-sec h1 span{
padding: 0;
}
.page-ttl-line{
background: #e51c24;
width: 28px;
height: 3px;
margin: 0 0 20px;
}
.page-ttl-text{
padding: 0 0 40px;
}
.page-work .page-ttl-text{
text-align: center;
}
.page-main-img{
position: relative;
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.page-main-img-trim{
width: 92%;
border-radius: 0 46px 0 46px;
overflow: hidden;
}
.page-main-img-trim-full{
width: 100%;
border-radius: 0 40px 0 40px;
overflow: hidden;
}
.page-main-img-trim img{
width: 100%;
}
.page-work h1{
text-align: center;
}
.page-work h1 span{
display: block;
}
.page-work .page-ttl-line{
margin: 0 auto 20px;
}
.page-block-ttl{
width: 100%;
background: #0b318f;
padding: 8px 24px 10px;
color: #fff;
font-size: 18px;
border-radius: 100px;
}
.page-sub-ttl{
font-size: 26px;
font-weight: 500;
color: #0b318f;
}
.intro-sec-once{
position: relative;
padding: 90px 0 0;
}
.with-line{
border-top: 1px solid #0b318f;
}
.intro-sec-once-num{
position: absolute;
left:-50px;
top:30px;
width: 31%;
}
.intro-sec-once-num img{
width: 100%;
}
.intro-sec-cont{
width: 100%;
padding: 0 3% 0 27%;
}
.intro-sec-cont-ttl{
background: #fff;
color: #0b318f;
font-size: 18px;
font-weight: 500;
padding: 6px 24px;
border-radius: 80px;
}
.intro-sec-cont-box{
display: flex;
justify-content: space-between;
}
.intro-sec-cont-left-text,
.intro-sec-cont-right-text{
width: 50%;
}
.intro-sec-cont-right-img,
.intro-sec-cont-left-img{
width: 45%;
}
.intro-sec-cont-right-img img,
.intro-sec-cont-left-img img,
.intro-cont-center-img img{
width: 100%;
}
.intro-cont-img-box{
border-radius: 12px;
overflow: hidden;
}
.intro-cont-center-img{
width: 100%;
max-width: 640px;
margin: 0 auto;
}
.future-msg-box{
text-align: center;
}
.future-triangle-img{
width: 100%;
max-width: 520px;
}
.future-col3-box{
display: flex;
}
.future-col3-1st{
width: 29%;
}
.future-col3-2nd{
width: 29%;
position: relative;
}
.future-col3-3rd{
width: 29%;
position: relative;
}
.future-col3-spacer01,.future-col3-spacer02,
.future-col3-spacer03,.future-col3-spacer04{
width: 3.25%;
}
.future-col3-spacer01,
.future-col3-spacer03{
width: 3.25%;
border-right: 1px solid #5877ba;
}
.future-col3-ttl-mark{
width: 50px;
height: 50px;
color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
text-align: center;
margin: 0 14px 0 0;
line-height: 50px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
position: relative;
top: -2px;
}
.future-col3-1st .future-col3-ttl-mark{background: #00b3c7;}
.future-col3-2nd .future-col3-ttl-mark{background: #00b8f8;}
.future-col3-3rd .future-col3-ttl-mark{background: #6d56ff;}
.future-col3-1st .future-col3-ttl-box{color: #00b3c7;}
.future-col3-2nd .future-col3-ttl-box{color: #00b8f8;}
.future-col3-3rd .future-col3-ttl-box{color: #6d56ff;}
.future-col3-ttl-box{
font-size: 24px;
font-weight: 500;
line-height: 50px;
margin: 0 0 12px;
}
.future-col3-img-box{
width: 100%;
border-radius: 12px;
overflow: hidden;
}
.future-col3-2nd .future-col3-img-box,
.future-col3-3rd .future-col3-img-box{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.future-col3-img-box img{
width: 100%;
}
.future-col2-box{
overflow: hidden;
}
.future-col2-left{
width: 48%;
float: left;
}
.add-radius{
border-radius: 12px;
overflow: hidden;
}
.future-col2-right{
width: 48%;
float: right;
}
.future-for-woman-btn{
display: flex;
justify-content: center;
align-items: center;
background: #fff;
position: relative;
}
.future-for-woman-btn:after {
position: absolute;
bottom: 0;
right: 0;
content: "";
background: url(../images/arrow-circle.png);
background-size: 32px 32px;
width: 32px;
height: 32px;
}
.future-for-woman-btn-img{
width: 50%;
}
.future-for-woman-btn-ttl{
width: 50%;
text-align: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #0b318f;
}
.future-for-woman-ttl{
width: 100%;
overflow: hidden;
}
.future-for-woman-ttl dt{
width: 194px;
float: left;
color: #0b318f;
font-size: 16px;
font-weight: 600;
}
.future-for-woman-ttl dd{
margin: 0 0 0 194px;
padding: 14px 0 0;
border-bottom:1px solid #0b318f;
}
.number-sec-wrap{
padding: 50px 0 0;
}
.number-cont-box{
display: flex;
flex-wrap: wrap;
gap:40px 4%;
}
.number-cont-once{
background: #fff;
width: 48%;
padding: 30px 5%;
border-radius: 20px;
}
.number-cont-once-ttl{
font-size: 24px;
font-weight: 500;
text-align: center;
color: #0b318f;
margin: 0 0 10px;
padding: 0 0 12px;
border-bottom:1px solid #0b318f;
}
.number-cont-once-img{
text-align: center;
margin: 0 0 14px;
padding: 10px 0 10px;
}
.number-cont-once-img img{
width: 100%;
max-width: 330px;
}
.number-cont-once p.att-text{
text-align: right;
font-size: 12px;
padding: 10px 0 0;
}
.biz-anchor-sec{
width: 100%;
position: relative;
}
.biz-anchor-sec-bg{
position: absolute;
width: 100%;
height: 50%;
background: #fff;
bottom: 0;
left: 0;
z-index: -1;
}
.biz-anchor-box{
position: absolute;
width: 90%;
max-width: 1100px;
height: auto;
left: 0;
right: 0;
bottom: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
display: flex;
justify-content: space-between;
}
.biz-anchor-once{
width: 23%;
}
.biz-anchor-once img{
vertical-align: middle;
}
.biz-sec-wrap{
width: 100%;
padding: 120px 0 120px;
}
.add-bg-w{background: #fff;}
.biz-sec-main{
width: 100%;
max-width: 1400px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.biz-sec-main-img{
width: 65%;
float: right;
margin: 40px 0 0;
border-radius: 40px 0 0 40px;
overflow: hidden;
}
.biz-sec-main-ttl-img{
width: 35%;
float: left;
text-align: center;
}
.biz-sec-main-ttl-img img{
width: 90%;
max-width: 280px;
}
.biz-attack-sentence{
display: inline-block;
font-size: 18px;
margin: 0 34px 0 0;
padding: 2px 0;
}
.biz-attack-sentence span{
color: #00b8f8;
margin: 0 10px 0 0;
}
.biz-col3-box{
display: flex;
gap:3.5%;
flex-wrap: wrap;
}
.biz-col3-once{
width: 31%;
background: #fff;
margin: 0 0 34px;
border-radius: 0 0 14px 14px;
}
.biz-col3-once-cont{
padding: 0 24px 20px;
}
.biz-col3-once-cont p{
line-height: 1.6;
}
.biz-col3-once-ttl{
font-size: 18px;
min-height: 100px;
display: table;
width: 100%;
}
.biz-col3-once-ttl p{
display: table-cell;
vertical-align: middle;
text-align: center;
color: #0b318f;
line-height: 1.5;
font-weight: 600;
}
.biz-col3-01-once{
width: 31%;
background: #f0edf6;
margin: 0 0 34px;
border-radius: 0 0 14px 14px;
}
.biz-col3-01-cont{
width: 100%;
min-height: 80px;
text-align: center;
display: table;
}
.biz-col3-01-cont p{
display: table-cell;
vertical-align: middle;
color: #0b318f;
font-weight: 600;
line-height: 1.6;
}
.biz-block-ttl{
width: 100%;
overflow: hidden;
}
.biz-block-ttl dt{
width: 150px;
float: left;
color: #0b318f;
font-size: 17px;
font-weight: 600;
}
.biz-block-ttl dd{
margin: 0 0 0 150px;
padding: 16px 0 0;
border-bottom:1px solid #0b318f;
}
.biz-page-btn-box{
overflow: hidden;
}
.biz-page-btn-box .page-cont-btn{
margin: 0;
float: right;
}
.page-cat-wrap{
position: relative;
padding: 160px 0 0;
}
.page-cat-wrap .page-main-img{
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
}
.cat-msg-ttl{
text-align: center;
font-size: 22px;
font-weight: 600;
color: #fff;
background: #0b318f;
border-radius: 60px;
padding: 4px;
}
.cat-msg-catch{
width: 100%;
max-width: 630px;
margin: 0 auto;
}
.cat-msg-text{
font-size: 18px;
font-weight: 500;
text-align: center;
}
.cat-point-box{
padding: 30px 0;
}
.cat-point-box.with-border{
border-bottom: 1px solid #0b318f;
}
.cat-point-ttl{
font-size: 22px;
font-weight: 500;
color: #0b318f;
margin: 0 0 12px;
}
.cat-point-ttl span{
color: #14a0de;
padding: 0 12px 0 0;
}
.cat-ttl-box{
display: flex;
background: #fff;
align-items: center;
border-radius: 18px;
overflow: hidden;
}
.active.cat-ttl-box{
border-radius: 30px 30px 0 0;
}
.cat-ttl-cont{
width: 45%;
text-align: center;
font-size: 26px;
font-weight: 500;
color: #0b318f;
}
.cat-ttl-cont img{
width: 84px;
margin: 0 0 10px;
}
.cat-ttl-img{
width: 55%;
}
.cat-ttl-img img{
width: 100%;
}
.cat-ttl-btn-circle{
position: relative;
width: 50px;
height: 50px;
margin: 14px auto 0;
border-radius: 50%;
border: 1px solid #0b318f;
}
.cat-ttl-btn-line01,
.cat-ttl-btn-line02{
position:absolute;
content:'';
top:0;
right:0;
left: 0;
bottom:0;
width:19px;
height:1px;
margin:auto;
background:#0b318f;
}
.cat-ttl-btn-line02{
transform:rotate(-90deg);
transition:transform 0.3s;
}
.active .cat-ttl-btn-line02{transform:rotate(0deg);}
.cat-content-box{
background: #fff;
padding: 50px 5% 44px;
border-radius: 0 0 30px 30px;
overflow: hidden;
}
.cat-content-box p{
}
.cat-content-text-box{
padding: 0 24px;
}
.cat-content-once{
margin: 0 0 30px;
}
.cat-content-ttl{
background: #b9ceea;
background: linear-gradient(90deg,rgba(240, 237, 246, 1) 0%, rgba(185, 206, 234, 1) 100%);
color: #0b318f;
font-size: 18px;
padding: 6px 24px;
border-radius: 60px;
}
.cat-pick-box{
border-radius: 20px;
overflow: hidden;
}
.cat-pick-ttl{
background: #01b7f8;
color: #fff;
padding: 14px 40px;
}
.cat-pick-cont{
background: #1d2953;
background: linear-gradient(90deg,rgba(26, 87, 176, 1) 0%, rgba(29, 41, 83, 1) 100%);
color: #fff;
padding: 24px 40px;
}
.cat-pick-cont p{
padding: 0;
}
.cat-pick-cont p span  {
color: #01b7f6;
}
.cat-content-sent{
display: inline-block;
margin: 0 22px 0 0;
font-size: 18px;
line-height: 2.2;
}
.cat-content-sent span{
color:#00b7f8;
padding: 0 4px 0 0;
}
.cat-content-sub-ttl{
font-size: 18px;
color:#00b7f8;
}
.people-main-v{
width: 100%;
max-width: 1400px;
margin: 0 auto 0;
}
.people-main-v img{
width: 100%;
}
.people-prof-box{
width: 80%;
position: relative;
background: #fff;
padding: 50px 5% 40px;
border-radius: 0 20px 20px 0;
top:-130px;
margin: 0 0 -130px;
}
.people-prof-ttl{
font-size: 26px;
font-weight: 500;
color: #0b318f;
padding: 0 0 40px;
border-bottom: 1px solid #0b318f;
}
.people-prof-box dl{
overflow: hidden;
}
.people-prof-box dt{
width: 182px;
float: left;
border-radius: 10px;
overflow: hidden;
}
.people-prof-cont{
overflow: hidden;
position: relative;
}
.people-prof-box-img{
width: 20%;
float: left;
margin: 0 5% 0 0;
border-radius: 10px;
overflow: hidden;
}
.people-prof-text{
width: 75%;
float: left;
}
.people-prof-box dd{
margin: 0 0 0 220px;
}
.people-prof-box dd p{
font-size: 14px;
line-height: 1.7;
}
.people-detail{
overflow: hidden;
width: 75%;
float: left;
margin: 0 0 12px;
}
.people-initial{
font-size: 32px;
color: #0b318f;
float: left;
width: 78px;
line-height: 1.2;
margin: 0 0 8px;
}
.people-spec{
float: left;
color: #0b318f;
line-height: 1.6;
}
.people-prof-num{
position: absolute;
top:-20px;
left: 6.25%;
background: #0b318f;
color: #fff;
line-height: 40px;
padding: 0 20px;
border-radius: 60px;
font-size: 16px;
font-weight: 400;
}
.people-cont-block{
position: relative;
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.people-cont-block-line{
position: relative;
width: 96%;
max-width: 1100px;
height: 1px;
margin: 0 auto;
background: #7c93c9;
}
.people-cont-block-num{
width: 100%;
max-width: 1000px;
position: absolute;
top:0;
right: 0;
left: 0;
margin: auto;
}
.people-cont-block-num p{
display: inline-block;
transform: rotate( 90deg );
transform-origin: top left ; 
}
.people-cont-box-wrap-for02{
position: relative;
padding: 0 0 50px;
}
.people-cont-box-for02-img{
position:absolute;
top: 54px;
left: 0;
width: 23%;
border-radius: 0 10px 10px 0;
overflow: hidden;
}
.people-cont-box-wrap-for02 .people-cont-box-ttl{
float: right;
}
.people-cont-box-wrap-for02 p{
clear: both;
padding: 0 0 0 22%;
}
.people-cont-box{
max-width: 1100px;
position: relative;
top:-22px;
margin: 0 auto -22px;
clear: both;
padding: 0 7%;
}
.people-cont-box-for-img{
max-width: 1100px;
clear: both;
margin: 0 auto;
padding: 0 7%;
position: relative;
}
.people-cont-img{
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
}
.people-cont-img-small{
width: 100%;
max-width: 1100px;
overflow: hidden;
margin: 0 auto;
padding: 0 5%;
position: relative;
}
.person-1st-img{
width: 74%;
float: right;
border-radius: 14px 0 0 0;
}
.person-2nd-img{
width: 80%;
float: left;
border-radius: 14px;
}
.person-full-img{
width: 100%;
border-radius: 14px;
}
.people-cont-mark-box{
position: absolute;
width: 98%;
max-width: 1100px;
top:0;
left:0%;
right:0;
margin: auto;
}
.people-cont-mark-box img.int01,
.people-cont-mark-box img.int03{
width: 16px;
float: left;
margin: 0 0 0 1.5%;
}
.people-cont-mark-box img.int02{
width: 16px;
float: right;
margin: 0 1.5% 0 0;
}
.people-cont-box-ttl{
background: #fff;
color: #0b318f;
font-size: 24px;
font-weight: 500;
margin: 0 auto 30px;
padding: 2px 14px;
display: inline-block;
}
.people-schedule-block{
background: linear-gradient(90deg, rgba(26, 87, 176, 1) 0%, rgba(29, 41, 83, 1) 100%);
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 80px 4%;
border-radius: 0 30px 0 30px;
}
.people-schedule-ttl{
font-family: "Poppins", sans-serif;
font-weight: 500;
color: #fff;
font-size: 34px;
text-align: center;
line-height: 0.9;
}
.people-schedule-ttl span{
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
}
.people-schedule-line-box{
overflow: hidden;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.people-schedule-line-left{
width: 47%;
float: left;
}
.people-schedule-line-right{
width: 47%;
float: right;
}
.people-schedule-line-left dl,
.people-schedule-line-right dl{
display: flex;
color: #fff;
}
.people-schedule-line-left dl dt,
.people-schedule-line-right dl dt{
width: 68px;
padding: 10px 0 20px;
border-right: 1px solid #fff;
position: relative;
font-size: 18px;
font-family: "Poppins", sans-serif;
font-weight: 500;
}
.people-schedule-line-point{
width: 15px;
height: 15px;
position: absolute;
top: 18px;
left: 60px;
background: #00b8f8;
border-radius: 50%;
}
.people-schedule-line-left dl dd,
.people-schedule-line-right dl dd{
flex: 1;
padding: 10px 0 20px 24px;
font-size: 14px;
line-height: 1.7;
}
.people-schedule-act-ttl{
color: #00b8f8;
font-size: 18px;
font-weight: 500;
margin: 0 0 8px;
}
.people-goal-wrap{
width: 100%;
max-width: 1100px;
margin: 0 auto 0;
padding: 0 5%;
}
.people-goal-box{
width: 100%;
background: #fff;
border-radius: 0 0 14px 14px;
}
.people-goal-ttl{
font-size: 22px;
color: #fff;
background: #e51c24;
padding: 12px 40px;
}
.people-goal-box p{
padding: 40px;
}
.crosstalk-member-ttl{
text-align: center;
background: #fff;
color: #0b318f;
font-size: 40px;
}
.crosstalk-member-ttl-line {
background: #e51c24;
width: 28px;
height: 3px;
margin: 0 auto 40px;
}
.crosstalk-upper-sec{
background: #fff;
padding: 0 0 80px;
}
.crosstalk-lower-sec{
padding: 80px 0 0;
}
.crosstalk-main-v{
position: relative;
max-width: 1400px;
margin: 0 auto;
border-radius: 0 0 0 40px;
overflow: hidden;
}
.crosstalk-main-v img{
width: 100%;
}
.crosstalk-main-ttl-box{
position: absolute;
bottom: -12px;
left: 0;
width: 100%;
text-align: center;
}
.crosstalk-main-ttl-mark{
background: #e51c24;
width: 200px;
line-height: 42px;
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center;
margin: 0 auto 20px;
border-radius: 50px;
padding: 4px 0;
}
.crosstalk-main-ttl{
font-size: 110px;
color: #fff;
line-height: 100px;
}
.crosstalk-prof-block{
margin: 0 auto;
}
.crosstalk-prof-box{
display: flex;
gap:2.66%;
}
.crosstalk-prof-once{
width: 23%;
}
.crosstalk-prof-once-img{
width: 100%;
border-radius: 10px;
overflow: hidden;
margin: 0 0 12px;
}
.crosstalk-prof-once-img img{
width: 100%;
}
.crosstalk-prof-initial{
color: #0b318f;
border-radius: 30px;
border:1px solid #0b318f;
display: inline-block;
margin: 0 0 6px;
padding: 0 18px 0 20px;
font-size: 20px;
line-height: 1.4;
}
.crosstalk-prof-text{
color: #0b318f;
font-size: 13px;
line-height: 1.6;
}
.crosstalk-block{
max-width: 1400px;
margin: 0 auto;
}
.crosstalk-block-head{
width: 100%;
background: #1e2952;
background: linear-gradient(90deg,rgba(30, 41, 82, 1) 0%, rgba(25, 87, 177, 1) 100%);
border-radius: 24px;
overflow: hidden;
}
.crosstalk-block-ttl{
overflow: hidden;
padding: 40px 4% ;
color: #fff;
text-align: center;
}
.crosstalk-block-ttl span{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 26px;
}
.crosstalk-block-ttl p{
font-size: 24px;
font-weight: 500;
}
.crosstalk-block-img{
width: 100%;
}
.crosstalk-block-img img{
width: 100%;
}
.crosstalk-block dl{
max-width: 1100px;
overflow: hidden;
margin: 0 auto 36px;
padding: 0 4%;
}
.crosstalk-block dl dt{
width: 106px;
text-align: center;
color: #0b318f;
font-weight: 500;
}
.crosstalk-block dl dd{
padding: 20px 24px;
}
.crosstalk-block dl.odd dt{
float: left;
}
.crosstalk-block dl.odd dd{
margin: 0 0 0 150px;
}
.crosstalk-block dl.odd dd::after{
position: absolute;
content: "";
width: 22px;
height: 33px;
top:16px;
left:-22px;
background:url("../images/crosstalk-ar-left.png") no-repeat;
background-size: 22px auto;
}
.crosstalk-block dl.even dt{
float: right;
}
.crosstalk-block dl.even dd{
margin: 0 150px 0 0;
}
.crosstalk-block dl.even dd::after{
position: absolute;
content: "";
width: 22px;
height: 33px;
top:16px;
right:-22px;
background:url("../images/crosstalk-ar-right.png") no-repeat;
background-size: 22px auto;
}
.crosstalk-block dl dd{
background: #fff;
border-radius: 14px;
position: relative;
}
.crosstalk-prof-img{
width: 100%;
border-radius: 50%;
overflow: hidden;
}
.crosstalk-prof-img img{
width: 100%;
}
.crosstalk-good-point-block{
max-width: 1400px;
margin: 0 auto;
background: #1e2952;
background: linear-gradient(90deg,rgba(29, 41, 81, 1) 0%, rgba(26, 87, 178, 1) 100%);
padding: 80px 0 50px;
border-radius: 0 30px 0 30px;
}
.crosstalk-good-point-ttl{
border: 1px solid #fff;
border-radius: 50px;
text-align: center;
color: #fff;
font-size: 24px;
font-weight: 500;
line-height: 50px;
}
.crosstalk-good-point-cont{
display: flex;
gap:8%;
flex-wrap: wrap;
}
.crosstalk-good-point-cont dl{
width: 46%;
overflow: hidden;
}
.crosstalk-good-point-cont dl dt{
float: left;
width: 88px;
text-align: center;
color: #fff;
}
.crosstalk-good-point-cont dl dd{
margin: 0 0 0 104px;
color: #fff;
}
.edu-sec-wrap-1st{
padding: 0 0 40px;
border-bottom: 1px solid #0b318f;
}
.edu-sec-wrap{
padding: 40px 0 40px;
border-bottom: 1px solid #0b318f;
}
.edu-sec-wrap-last{
padding: 40px 0 40px;
}
.edu-sec-ttl{
font-size: 26px;
font-weight: 500;
color: #0b318f;
padding: 40px 0 0;
}
.edu-sec-ttl img{
width: 32px;
margin: 0 14px 0 0;
vertical-align: middle;
position: relative;
top: -4px;
}
.edu-full-img-box{
width: 100%;
}
.edu-pick-point-box{
display: flex;
}
.edu-pick-point-left{
width: 50%;
padding: 0 5% 0 0;
border-right: 1px solid #0b318f;
}
.edu-pick-point-right{
width: 50%;
padding: 0 0 0 5%;
}
.edu-pick-point-ttl{
color: #0b318f;
font-size: 16px;
font-weight: 600;
margin: 0 0 12px;
}
.edu-flame-point-box{
display: flex;
align-items: center;
padding: 18px 4%;
border: 1px solid #0b318f;
}
.edu-flame-point-left{
width: 290px;
color: #0b318f;
font-weight: 600;
flex-shrink: 0;
}
.edu-flame-point-right span{
display: inline-block;
}
.edu-training-point-box{
display: flex;
position: relative;
}
.edu-training-point-line{
position: absolute;
width: 75%;
height: 4px;
background: #fff;
top: 68px;
left: 12.5%;
z-index: -1;
}
.edu-training-point-once{
width: 25%;
overflow: hidden;
}
.edu-training-point-circle{
width: 140px;
height: 140px;
border-radius: 50%;
color: #fff;
font-size: 18px;
font-weight: 600;
text-align: center;
margin: 0 auto;
border: 10px solid #fff;
display: flex;
align-items: center;
}
.edu-training-point-circle p{
width: 100%;
color: #fff;
font-size: 18px;
font-weight: 600;
text-align: center;
line-height: 1.2;
}
.bg-c-color01{background: #399dec;}
.bg-c-color02{background: #0068c8;}
.bg-c-color03{background: #3f44d1;}
.bg-c-color04{background: #0000b7;}
.tx-color01{color: #399dec;}
.tx-color02{color: #0068c8;}
.tx-color03{color: #3f44d1;}
.tx-color04{color: #0000b7;}

.edu-training-point-cont{
height: 100%;
padding: 24px 16px 0;
}
.edu-training-point-once-line-sp,.edu-training-point-once-line-sp2{
display: none;
}
.edu-training-point-cont.with-border-sp-left{
border: none;
}
.edu-training-point-cont.with-border{
border-right: 1px dashed #0b318f;
}
.edu-training-point-cont p{
font-size: 14px;
padding: 20px 0 0;
}
.edu-training-point-cont-text{
font-weight: 600;
min-height: 86px;
}
.edu-training-point-cont-line{
position: absolute;
top: 70px;
left:0;
right: 0;
margin: auto;
width: 50%;
height: 4px;
background: #fff;
z-index: -1;
}
.edu-training-point-circle.glow-up{
background: #0b318f;
}
.edu-training-point-text-left{
width: 50%;
padding: 0 4% 0 0;
border-right: 1px dashed #0b318f;
}
.edu-training-point-text-left span{
color: #399deb;
}
.edu-training-point-text-right{
width: 50%;
padding: 0 0 0 4%;
}
.edu-training-point-text-right span{
color: #0068c9;
}
.edu-careerpmodel-box{
padding: 0 0 60px;
position: relative;
}
.edu-careerpmodel-step-line{
width: 4px;
height: 82%;
background: #fff;
position: absolute;
left: 54px;
top: 40px;
z-index: -1;
}
.edu-careerpmodel-once{
display: flex;
align-items: center;
}
.edu-careerpmodel-left{
width: 142px;
flex-shrink: 0;
}
.edu-careerpmodel-right{
min-height: 150px;
flex-grow: 1;
display: flex;
align-items: center;
}
.edu-careerpmodel-right p{
margin: 0 0 10px;
}
.with-border-b{
border-bottom: 1px dashed #0b318f;
}
.edu-careerpmodel-step{
width: 112px;
height: 112px;
border-radius: 50%;
background: #00b7f8;
text-align: center;
color: #fff;
font-size: 27px;
font-family: "Poppins", sans-serif;
font-weight: 500;
line-height: 1;
padding: 14px 0 0;
border: 8px solid #fff;
}
.edu-careerpmodel-step span{
font-size: 14px;
}
.edu-careerpmodel-cont-ttl{
font-size: 18px;
font-weight: 600;
}
.edu-careerpmodel-cont-ttl span{
font-family: "Poppins", sans-serif;
font-size: 30px;
font-weight: 600;
position: relative;
top: 2px;
padding: 0 4px;
}

.edu-color01{color: #00b7f8}
.edu-color02{color: #00a6d6}
.edu-color03{color: #0084ad}
.edu-color04{color: #005898}
.edu-color05{color: #1b1464}
.edu-b-color01{background: #00b7f8}
.edu-b-color02{background: #00a6d6}
.edu-b-color03{background: #0084ad}
.edu-b-color04{background: #005898}
.edu-b-color05{background: #1b1464}

.wlb-block-wrap{
background: #fff;
border-radius: 24px;
padding: 0 6% 20px;
}
.wlb-block-img{
background: #fff;
border-radius: 0 0 24px 24px;
overflow: hidden;
z-index: 5;
}
.wlb-block-img img{
width: 100%;
}
.wlb-block-ttl-box{
background: #fff;
padding: 30px 4% 50px;
position: relative;
top:-70px;
z-index: 10;
width: 90%;
max-width: 840px;
margin: 0 auto -70px;
border-radius: 24px 24px 0 0;
}
.wlb-block-ttl-box-noimg{
background: #fff;
padding: 60px 4% 50px;
position: relative;
width: 90%;
max-width: 840px;
margin: 0 auto;
border-radius: 24px 24px 0 0;
}
.wlb-block-ttl{
text-align: center;
font-size: 18px;
font-weight: 500;
color: #0b318f;
padding: 0 0 14px;
border-bottom: 1px solid #0b318f;
}
.wlb-block-cont-wrap{
display: flex;
flex-wrap: wrap;
}
.wlb-cont-once{
width: 50%;
}
.wlb-odd{
padding: 0 4% 20px 0;
border-right: 1px solid #b9ccea;
}
.wlb-even{
padding: 0 0 20px 4%;
}
.wlb-cont-ttl{
font-size: 18px;
font-weight: 500;
color: #0b318f;
padding: 0 0 14px;
border-bottom: 1px solid #b9ccea;
}
.wlb-cont-ttl img{
width: 60px;
margin: 0 16px 0 0;
position: relative;
top: 4px;
}
.wlb-cont-once p{
margin: 0 0 20px;
}
.wlb-cont-once p.ajust3{
min-height: 82px;
}
.wlb-cont-once p.ajust4{
min-height: 108px;
}
.wlb-cont-once p span{
display: inline-block;
padding: 0 18px 0 0;
}
.wlb-cont-once p span.with-width{
width: 176px;
}
.wlb-cont-once p span.att-text{
font-size: 12px;
padding: 0;
}
.wlb-cont-once-img{
border-radius: 10px;
overflow: hidden;
}
.wlb-cont-once-img img{
width: 100%;
}
.wlb-cont-other-box{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.wlb-cont-other-once{
width: 33.3333%;
font-size: 18px;
padding: 0 0 10px;
}
.wlb-cont-other-once span{
color: #0b318f;
padding: 0 6px 0 0;
}
.faq-wrap{
padding: 100px 0 20px;
border-bottom: 1px solid #0b318f;
}
.faq-ttl{
font-size: 24px;
font-weight: 500;
color: #0b318f;
}
.app-wrap{
padding: 50px 0 0;
}
dl.faq-q{
width: 100%;
display: flex;
}
.faq-q dt{
width: 48px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 18px;
text-align: center;
color: #fff;
background: #0b318f;
padding: 10px 2px 10px 6px;
line-height: 1.5;
}
.faq-q dd{
color: #0b318f;
font-size: 16px;
font-weight: 600;
background: #fff;
padding: 10px 20px;
flex-grow: 1;
}
dl.faq-a{
width: 100%;
display: flex;
}
.faq-a dt{
width: 48px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 18px;
text-align: center;
color: #0b318f;
padding: 10px 2px 10px 6px;
line-height: 1.5;
}
.faq-a dd{
padding: 10px 20px;
}
.faq-a dd span{
display: inline-block;
font-size: 16px;
font-weight: 600;
}
.rec-contact{
padding: 80px 0 0;
}
.rec-contact dl{
width: 100%;
display: flex;
}
.rec-contact dl dt{
width: 184px;
color: #0b318f;
font-size: 24px;
font-weight: 500;
}
.rec-contact dl dd{
flex-grow: 1;
}
.entry-bnr-box{
display: flex;
gap:4%;
}
.entry-bnr-once{
width: 48%;
}
.entry-bnr-once-ttl{
font-size: 16px;
color: #0b318f;
font-weight: 600;
}
.entry-bnr-once img{
width: 100%;
border-radius: 14px;
}
.entry-cont-text span{
display: inline-block;
}
.entry-st-text{
font-size: 20px;
font-weight: 500;
color: #0b318f;
margin: 0 0 14px;
}
.entry-cont-line{
width: 100%;
height: 1px;
background: #b9cdea;
margin: 0 0 30px;
}
/* =============================AC============================= */
.accordion-content {
display: none;
}
.accordion-header {
transition: background .3s ease;
cursor: pointer;
position: relative;
}
.accordion-header:hover{
background: #def6ff;
transition: .4s background;
}
/* =============================TAB============================= */
.requirement-swich-wrap{
background: #fff;
}
.tab-list {
display: flex;
justify-content: space-between;
}
.tab-item {
width: 48%;
padding: 20px 40px;
border-radius: 20px 20px 0 0;
background-color: #fff;
color: #9eadc3;
font-size: 17px;
font-weight: 600;
cursor: pointer;
transition: .2s ease-in-out;
}
.tab-item:hover, .tab-item.is-active {
color: #fff;
}
.tab-item:first-child:hover,
.tab-item:first-child.is-active {
background-color: #0b318f;
}
.tab-item:nth-child(2):hover,
.tab-item:nth-child(2).is-active {
background-color: #0b318f;
}
.tab-item:nth-child(3):hover,
.tab-item:nth-child(3).is-active {
background-color: #0b318f;
}
.panel-list {
background-color: #fff;
padding:50px 4% 80px;
overflow: hidden;
}
.panel-item {
display: none;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.panel-item.is-active {
display: block;
animation: panel-show .2s ease-in-out forwards;
}
@keyframes panel-show {
from {opacity: 0;}
to {opacity: 1;}
}
.panel-item dl{
display: flex;
}
.panel-item dl dt{
width: 140px;
color: #0b318f;
font-weight: 600;
padding: 36px 0 20px;
border-bottom: 1px solid #cad9f0;
flex-shrink: 0;
}
.panel-item dl dd{
flex-grow: 1;
padding: 36px 0 20px;
border-bottom: 1px solid #cad9f0;
}
.panel-item dl dt.no-border,
.panel-item dl dd.no-border{
border-bottom: none;
}
.panel-item dl dd p{
color: #0b318f;
}
.panel-item dl dd span{
display: inline-block;
}

/* =============================ADD============================= */
.add-mgb140{margin-bottom: 140px;}
.add-mgb120{margin-bottom: 120px;}
.add-mgb100{margin-bottom: 100px;}
.add-mgb80{margin-bottom: 80px;}
.add-mgb60{margin-bottom: 60px;}
.add-mgb50{margin-bottom: 50px;}
.add-mgb40{margin-bottom: 40px;}
.add-mgb30{margin-bottom: 30px;}
.add-mgb20{margin-bottom: 20px;}
.add-mgauto{margin-left: auto;margin-right: auto;}

.animatedModal-off{
overflow:hidden;
}
.animatedModal-on{
overflow:scroll;
}
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
bottom: 40px;
left: calc(50% - 50px);
box-sizing: border-box;
width: 100px;
height: 74px;
border-radius: 10px;
transition: opacity .3s;
opacity: 0;
background: rgba(254, 96, 10, 0.9);
text-align: center;
padding: 16px 4px 20px 4px;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 6px;
letter-spacing: 0;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .9;
}
.scroll-hint-icon:before {
display: inline-block;
width: 24px;
height: 28px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-position: center center;
background-repeat: no-repeat;
background-image:url(../images/finger-scroll.png);
background-size:100% auto; 
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.8s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

@media print {
body {width:1100px;}
}