@media only screen and (max-width : 1200px) {

.front-lead-img02 {
bottom: 40px;
left: -0px;
width: 50%;
border-radius: 20px;
overflow: hidden;
}
.front-work-img01 {
width: 24%;
max-width: 220px;
top: -100px;
left: 8%;
border-radius: 14px;
overflow: hidden;
}
.front-eb-ttl {
font-size: 56px;
}
}
@media only screen and (max-width : 1000px) {
body {
font-size: 14px;
line-height: 1.8;
}
/*
#global-header-logo {
width: 280px;
height: 60px;
margin: 0 0 0 2%;
padding: 12px 0 10px;
border-radius: 0 0 14px 14px;
}
#global-header-logo img {
width: 120px;
}
.wf-active #global-header-logo p {
font-size: 14px;
}
#global-header-links{
width: 326px;
height: 60px;
line-height: 60px;
}
*/
.header-entry {
right: 200px;
width: 126px;
height: 60px;
}
.header-entry a {
line-height: 60px;
}
.wf-active .header-entry a {
font-size: 18px;
}
.menu-btn {
right: 140px;
}
.menu-btn, .menu-btn.active {
width: 60px;
height: 60px;
}
.menu-btn span:nth-of-type(1) {top:22px;}
.menu-btn span:nth-of-type(2) {top:30px;}
.menu-btn span:nth-of-type(3) {top:38px;}
.menu-btn.active span:nth-of-type(1) {top: 24px;}
.menu-btn.active span:nth-of-type(3){top: 36px;}
.me-logo {
width: 140px;
height: 60px;
line-height: 60px;
}
.menu > li {
height: 50px;
line-height: 50px;
}
.wf-active .menu > li a {
font-size: 16px;
padding: 0 24px;
}
.wide .menu-second {
top: 50px;
left: 0;
padding: 20px 30px;
}
.wf-active .menu > li > ul li a {
font-size: 15px;
color: #fff;
padding: 4px 20px 4px 24px;
}
.menu > li > ul li a:before {
height: 18px;
left: 0;
top: 20px;
width: 18px;
}
.wide .menu-second li {
padding: 0 20px 0 0;
}
/* =============================MENU============================= */
.modal-menu-inner a {
line-height: 2;
color: #0b318f;
padding: 4px 0 4px 24px;
margin: 0;
}
.modal-menu-cat-ttl {
font-size: 22px;
margin: 0 0 14px;
padding: 0 0 2px;
}
.modal-menu-inner a::before {
height: 18px;
top: 10px;
width: 18px;
}
/* =============================FRONT============================= */
.front-main-v video{
position: relative;
width: 130%;
left: -15%;
}
.front-eb-ttl {
font-size: 44px;
}
.front-jp-ttl {
font-size: 18px;
margin: 0 0 14px;
}
.front-lead-text {
width: 66%;
}
.front-lead-img-box {
width: 34%;
}
.front-lead-img01 {
width: 86%;
border-radius: 12px;
}
.front-lead-img02 {
bottom: auto;
top: 170px;
left: 2%;
width: 50%;
border-radius: 12px;
}
.front-about-sec {
padding: 0 0 100px;
}
.front-about-link-box a {
font-size: 18px;
line-height: 64px;
padding: 0;
}
.front-about-link-box a:after {
top: 18px;
right: 0;
background-size: 28px 28px;
width: 28px;
height: 28px;
}
.front-about-cont {
position:relative;
width: 60%;
margin: 0;
float: left;
padding: 0 0 0 4%;
}
.front-about-link-box {
width: 100%;
padding: 30px 0 0;
}
.front-about-sec-img {
float: right;
width: 36%;
border-radius: 20px 0 0 20px;
}
.front-work-sec {
padding: 120px 6% 30px;
}
.front-work-sec-ttl-box {
padding: 0 0 0 40%;
}
.front-work-img01 {
width: 19%;
top: -30px;
left: 3%;
border-radius: 12px;
}
.front-work-img02 {
width: 14%;
top: 126px;
left: 19%;
border-radius: 12px;
}
.front-people-sec {
background-size: 100% auto;
margin: 0 auto;
border-radius: 20px;
padding: 60px 0 30px 6%;
}
.carousel-cont {
width: 60%;
float: right;
border-radius: 30px 0 0 30px;
margin: 30px 0 0;
}
.carousel-text {
width: 38%;
float: left;
padding: 50px 0 0;
}
.carousel-cont__item {
width: 370px;
margin: 0 24px 0 0;
border-radius: 12px;
}
.front-people-copy p {
font-size: 22px;
margin: 0 0 6px;
padding: 0 4px;
}
.carousel-text__item {
margin-right:0;
margin-left:0;
}
.slick-prev, .slick-next {
top: -40px;
display: block;
width: 40px;
height: 40px;
}
.slick-prev {
right: 108px;
}
.front-people-initial {
font-size: 16px;
padding: 24px 0 8px;
}
.front-ct-img {
width: 50%;
border-radius: 0 20px 20px 0;
}
.front-recruit-btn-box {
gap: 3%;
}
.front-recruit-btn-once {
width: 48.5%;
}
.front-recruit-btn-once-img {
border-radius: 20px;
overflow: hidden;
margin: 0 0 12px;
}
.front-work-btn-box {
padding: 20px 0 0;
}
.front-work-btn-once p, .front-recruit-btn-once p {
font-size: 16px;
}
.front-work-btn-once p img.blank-img, .front-recruit-btn-once p img.blank-img,
.front-work-btn-once p img, .front-recruit-btn-once p img{
width: 28px;
margin: 0 12px 0 0;
}
.entry-sec a {
line-height: 120px;
font-size: 28px;
}
/* =============================FOOTER============================= */
.footer-sec {
padding: 60px 4% 40px;
}
.footer-sec .inner-1200 {
flex-wrap: wrap;
}
.flb-1st,.flb-2nd {width: 100%;}
.flb-2nd {
display: flex;
}
.flb-2nd .separate-box {
width: 50%;
}
.flb-3rd,.flb-4th{width: 50%;}
.footer-link-box p {
font-size: 18px;
margin: 0 0 12px;
}
.footer-logo {
position: relative;
bottom:0;
width: 100%;
text-align: center;
}
.footer-entry {
position: relative;
width: 70%;
max-width: 220px;
height: 56px;
margin: 0 auto;
}
.footer-ending .inner-1200 {
text-align: left;
}
.footer-ending-cr {
position: relative;
text-align: center;
padding: 30px 0 0;
}
/* =============================PAGES============================= */
.page-wrap {
padding: 0 0 50px;
}
.page-ttl-sec h1 {
font-size: 44px;
margin: 0 0 16px;
}
.page-ttl-sec h1 span {
font-size: 16px;
padding: 0 0 0 16px;
top: -4px;
}
.page-block-ttl {
padding: 6px 24px 8px;
font-size: 18px;
}
.page-main-img-trim {
width:100%;
border-radius: 0 36px 0 36px;
}
.page-ttl-text {
padding: 0 0 30px;
}
.front-message-btn a, .page-cont-btn a {
line-height: 52px;
padding: 0 30px 0 0;
font-size: 14px;
}
.front-message-btn a:after, .page-cont-btn a:after {
top: 10px;
right: 10px;
content: "";
background: url(../images/arrow-circle.png);
background-size: 32px 32px;
width: 32px;
height: 32px;
}
.add-radius {
border-radius: 10px;
}
/* =============================CONTENTS============================= */
.intro-sec-once {
padding: 0 0;
}
.intro-sec-once-num {
position: relative;
left: 0;
top: 0;
width: 100%;
text-align: center;
}
.intro-sec-once-num img{
width: 140px;
}
.intro-sec-cont {
width: 100%;
padding: 0;
}
.page-sub-ttl {
font-size: 22px;
}
.number-cont-once {
width: 48%;
padding: 24px 3%;
}
.number-cont-once-ttl {
font-size: 22px;
margin: 0 0 8px;
padding: 0 0 4px;
}
.page-cat-wrap {
padding: 100px 0 0;
}
.biz-sec-wrap {
padding: 60px 0 60px;
}
.biz-sec-main-ttl-img img {
width: 90%;
max-width: 220px;
}
.biz-attack-sentence {
font-size: 16px;
margin: 0 24px 0 0;
padding: 2px 0;
}
.biz-attack-sentence span {
margin: 0 4px 0 0;
}
.biz-col3-once-ttl {
font-size: 16px;
min-height: 100px;
}
.biz-col3-once-cont {
padding: 0 14px 20px;
}
.biz-col3-box {
gap: 4%;
flex-wrap: wrap;
}
.biz-col3-once,
.biz-col3-01-once{
width: 48%;
margin: 0 0 30px;
border-radius: 0 0 14px 14px;
}
.biz-sec-main-img {
border-radius: 30px 0 0 30px;
}
.cat-msg-ttl {
font-size: 20px;
padding: 4px;
}
.cat-point-ttl {
font-size: 18px;
margin: 0 0 10px;
}
.cat-point-ttl span {
padding: 0 8px 0 0;
}
.cat-point-box {
padding: 20px 0;
}
.cat-ttl-cont {
font-size: 20px;
}
.cat-ttl-cont img {
width: 60px;
margin: 0 0 10px;
}
.cat-content-box {
padding: 40px 4% 30px;
border-radius: 0 0 30px 30px;
}
.cat-content-sent {
margin: 0 14px 0 0;
font-size: 16px;
}
.people-prof-num {
left: 4.2%;
}
.people-prof-ttl {
font-size: 22px;
padding: 0 0 14px;
}
.people-prof-box {
width: 90%;
padding: 30px 4% 30px;
border-radius: 0 20px 20px 0;
top: -60px;
margin: 0 0 -60px;
}
.people-prof-box dd {
margin: 0 0 0 208px;
}
.people-cont-box-ttl {
font-size: 22px;
margin: 0 auto 24px;
}
.people-cont-box {
top: -18px;
margin: 0 auto -18px;
}
.people-schedule-block {
margin: 0 auto;
padding: 50px 4%;
border-radius: 0 20px 0 20px;
}
.people-goal-ttl {
font-size: 20px;
padding: 12px 30px;
}
.people-goal-box p {
padding: 20px 30px;
}
.crosstalk-main-ttl-box {
bottom: -12px;
}
.crosstalk-main-ttl {
font-size: 80px;
color: #fff;
line-height: 100px;
line-height: 1;
}
.crosstalk-main-ttl-mark {
width: 200px;
line-height: 34px;
font-size: 18px;
margin: 0 auto 10px;
border-radius: 50px;
padding: 0;
}
.crosstalk-member-ttl {
font-size: 24px;
}
.crosstalk-member-ttl-line {
margin: 0 auto 30px;
}
.crosstalk-prof-initial {
margin: 0 0 6px;
padding: 0 18px 0 14px;
font-size: 18px;
line-height: 1.4;
}
.crosstalk-block-ttl {
padding: 24px 4%;
}
.crosstalk-block-ttl span {
font-size: 22px;
}
.crosstalk-block-ttl p {
font-size: 20px;
}
.crosstalk-block dl {
margin: 0 auto 30px;
padding: 0 4%;
}
.crosstalk-block dl dt {
width: 90px;
}
.crosstalk-block dl.odd dd {
margin: 0 0 0 124px;
}
.crosstalk-block dl.even dd {
margin: 0 124px 0 0;
}
.crosstalk-block dl.even dd::after {
width: 16px;
height: 24px;
top: 16px;
right: -16px;
background-size: 16px auto;
}
.crosstalk-block dl.odd dd::after {
width: 16px;
height: 24px;
top: 16px;
left: -16px;
background-size: 16px auto;
}
.crosstalk-good-point-ttl {
border: 1px solid #fff;
border-radius: 50px;
text-align: center;
color: #fff;
font-size: 20px;
line-height: 46px;
}
.crosstalk-good-point-block {
padding: 50px 0 20px;
border-radius: 0 30px 0 30px;
}
.edu-sec-ttl {
font-size: 22px;
padding: 0 0;
}
.intro-sec-cont-ttl {
font-size: 18px;
padding: 4px 24px 6px;
}
.edu-training-point-circle p {
font-size: 16px;
line-height: 1.2;
}
.edu-training-point-circle {
width: 120px;
height: 120px;
border: 6px solid #fff;
}
.edu-careerpmodel-cont-ttl {
font-size: 16px;
}
.edu-careerpmodel-cont-ttl span {
font-size: 26px;
top: 2px;
padding: 0 4px;
}
.edu-sec-wrap-1st {
padding: 0 0 20px;
}
.edu-sec-wrap .edu-sec-wrap-last{
padding: 20px 0 20px;
}
.edu-careerpmodel-box {
padding: 0;
}
.edu-training-point-line {
height: 4px;
top: 58px;
}
.wlb-block-wrap {
border-radius: 20px;
padding: 0 4% 14px;
}
.wlb-block-ttl-box {
padding: 20px 4% 40px;
top: -40px;
width: 92%;
margin: 0 auto -40px;
border-radius: 20px 20px 0 0;
}
.wlb-cont-ttl {
font-size: 16px;
padding: 0 0 12px;
}
.wlb-cont-ttl img {
width: 44px;
margin: 0 12px 0 0;
top: 4px;
}
.wlb-block-ttl-box-noimg {
padding: 30px 4% 40px;
width: 92%;
border-radius:0;
}
.wlb-odd {
padding: 0 4% 0px 0;
}
.wlb-even {
padding: 0 0 0px 4%;
}
.wlb-cont-other-once {
width: 33.3333%;
font-size: 16px;
padding: 0 0 2px;
}
.wlb-cont-other-once span {
padding: 0 2px 0 0;
}
.wlb-block-img {
border-radius: 0 0 20px 20px;
}
.app-wrap {
padding: 20px 0 0;
}
.tab-item {
width: 48%;
padding: 14px 20px;
border-radius: 14px 14px 0 0;
font-size: 16px;
}
.faq-ttl {
font-size: 20px;
}
.footer-ending a {
display: inline-block;
}
.entry-st-text {
font-size: 18px;
margin: 0 0 14px;
}
.add-mgb140{margin-bottom: 100px;}
.add-mgb120{margin-bottom: 80px;}
.add-mgb100{margin-bottom: 70px;}
.add-mgb80{margin-bottom: 60px;}
.add-mgb60{margin-bottom: 50px;}
.add-mgb50{margin-bottom: 40px;}
.add-mgb40{margin-bottom: 30px;}
.add-mgb30{margin-bottom: 24px;}
.add-mgb20{margin-bottom: 14px;}
.add-mgauto{margin-left: auto;margin-right: auto;}
}
@media only screen and (max-width : 767px) {
nav {
display: none;
}
#global-header-wrap {
border-top: 2px solid #e60000;
position: fixed;
}
.wf-active .front-page-wrap {
padding: 0!important;
}
.fix-entry-btn {
position: fixed;
width: 40px;
height: 90px;
top: 68px;
right: 0;
z-index: 2000;
border-radius: 6px 0 0 6px;
overflow: hidden;
}
.fix-entry-btn a {
width: 100%;
height: 100%;
display: block;
background: #e51c24;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
letter-spacing: -6px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
body {
font-size: 14px;
line-height: 1.6;
}
.sp-only{
display: inline;
}
.pc-only{
display: none;
}
.me-logo{
display: none;
}
.move-up02,
.move-up02.scrolled,
.move-up03,
.move-up03.scrolled,
.move-up04,
.move-up04.scrolled{
transition:all 1s 0s;
}
#global-header-logo {
width: 240px;
height: 50px;
margin: 0 0 0 3%;
padding: 8px 0 10px 0;
border-radius: 0 0 14px 14px;
}
#global-header-logo img {
width: 110px;
}
.wf-active #global-header-logo p {
font-size: 12px;
padding: 6px 0 0 14px;
}
#global-header-links{
width: 144px;
height: 50px;
}
.header-entry {
right: 50px;
width: 94px;
height: 50px;
}
.header-entry a {
line-height: 50px;
}
.wf-active .header-entry a {
font-size: 16px;
}
.menu-btn {
right: 0;
}
.menu-btn, .menu-btn.active {
width: 50px;
height: 50px;
display: block;
}
.menu-btn span{
left: 28%;
width: 44%;
}
.menu-btn span:nth-of-type(1) {top:16px;}
.menu-btn span:nth-of-type(2) {top:24px;}
.menu-btn span:nth-of-type(3) {top:32px;}
.menu-btn.active span:nth-of-type(1) {top: 19px;}
.menu-btn.active span:nth-of-type(3){top: 29px;}
.menu-btn.active span:nth-of-type(1) {
top: 18px;
left: 23%;
transform: translateY(6px) rotate(-45deg);
width: 54%;
}
.menu-btn.active span:nth-of-type(3){
top: 30px;
left: 23%;
transform: translateY(-6px) rotate(45deg);
width: 54%;
}
.modal-menu-inner {
padding: 80px 0 50px;
}
.modal-menu-cat02,
.modal-menu-cat03{
width: 100%;
float: none;
margin: 0 0 30px;
clear: both;
}
.modal-menu-cat-ttl {
font-size: 18px;
margin: 0 0 6px;
padding: 0 0 2px;
}

/* =============================FRONT============================= */
.front-main-v{
margin: 50px auto 110px;
}
.front-main-v {
border-radius: 0 0 0 30px;
}
.front-main-v-catch {
width: 45%;
right: 5%;
bottom: 24px;
}
.front-eb-ttl {
font-size: 9vw;
}
.front-work-sec-ttl-box {
padding: 0 0 0 4%;
}
.front-jp-ttl {
font-size: 16px;
margin: 0 0 12px;
}
.front-lead-text-box {
flex-wrap: wrap;
}
.front-lead-text {
width: 100%;
}
.front-lead-img-box {
width: 86%;
max-width: 400px;
overflow: hidden;
margin: 0 auto;
padding: 20px 0 30px;
}
.front-lead-img01 {
position: relative;
top: 0;
right: 0;
width: 55%;
border-radius: 10px;
float: left;
} 
.front-lead-img02 {
position: absolute;
bottom: 0;
top: auto;
left: auto;
right: 0;
width: 40%;
border-radius: 10px;
margin: 20px 0 0;
}
.front-lead-message {
width: 92%;
max-width: 340px;
margin: 0 0 40px!important;
}
.front-about-cont {
width: 100%;
float: none;
margin: 0 0 20px;
padding: 0 6%;
}
 .front-about-sec-img {
float: none;
width: 74%;
max-width: 400px;
margin: 0 auto;
border-radius: 14px;
}  
.front-about-link-box a {
font-size: 16px;
line-height: 56px;
padding: 0;
}
.front-about-link-box a.ajust-small {
font-size: 14px;
}
.front-about-link-box a:after,
.front-about-link-box a.blank-link:after{
top: 16px;
background-size: 24px 24px;
width: 24px;
height: 24px;
}
.front-work-sec {
padding: 120px 4% 0px;
}
 .front-work-btn-box {
margin: 0 auto;
gap: 4%;
flex-wrap: wrap;
}   
.front-work-btn-once {
width: 48%;
margin: 0 0 24px;
}
.front-work-sec-bg {
height: 42%;
border-radius: 0 24px 0 24px;
background-size: cover;
}
.front-work-btn-img {
margin: 0 0 12px;
border-radius: 10px;
}
.front-people-sec {
padding: 30px 6% 30px 6%;
background-size: 200% auto;
}
.carousel-container {
width: 100%;
margin: 0 auto -90px;
}
.carousel-cont {
width: 100%;
float: none;
border-radius: 14px 0 0 14px;
margin: 30px auto 0;
}
.carousel-cont__item {
width: 520px;
margin: 0 0 0 0;
border-radius: 10px;
}
.carousel-text {
width: 100%;
float: none;
padding: 20px 0 0;
}
.slick-dots {
display: none!important;
}
.slick-dotted.slick-slider {
margin-bottom: 0px;
}
.front-people-initial {
font-size: 16px;
padding: 12px 0 4px;
}
.front-people-copy p {
display: inline-block;
font-size: 18px;
margin: 0 0 6px;
padding: 0 4px;
}
.slick-prev, .slick-next {
top: -30px;
width: 40px;
height: 40px;
}
.slick-next {
right: 0;
}
.slick-prev {
right: 48px;
}
.carousel-cont__item img {
border-radius: 10px;
}
.front-ct-sec {
padding: 24px 4% 14px;
}
.front-ct-inner {
flex-wrap: wrap;
}
.front-ct-img {
width: 100%;
max-width: 400px;
margin: 0 auto;
border-radius: 14px;
}
.front-ct-cont {
width: 100%;
padding: 20px 0;
}
.front-ct-cont div img {
width: 24px;
margin: 0;
}
.front-work-img01 {
width: 140px;
top: -30px;
left: 3%;
border-radius: 12px;
}
.front-work-img02 {
width: 90px;
top: 26px;
left: 170px;
border-radius: 12px;
}
.front-recruit-sec {
padding: 30px 0 20px;
}
.front-recruit-btn-once {
width: 100%;
}
.front-recruit-btn-once-img {
border-radius: 12px;
margin: 0 0 12px;
}
.front-work-btn-once p img.blank-img, .front-recruit-btn-once p img.blank-img, .front-work-btn-once p img, .front-recruit-btn-once p img {
width: 24px;
margin: 0 6px 0 0;
position: relative;
top: -1px;
}
.entry-sec a {
line-height: 80px;
font-size: 20px;
}
.entry-sec a img {
width: 24px;
margin: 0 0 0 18px;
}
.front-message-btn a, .page-cont-btn a {
line-height: 44px;
padding: 0 30px 0 0;
font-size: 14px;
}
.front-message-btn a:after, .page-cont-btn a:after {
top: 8px;
right: 8px;
content: "";
background: url(../images/arrow-circle.png);
background-size: 28px 28px;
width: 28px;
height: 28px;
}
.footer-sec {
padding: 40px 4% 20px;
}
.flb-2nd {
flex-wrap: wrap;
}
.flb-3rd, .flb-4th {
width: 100%;
}
.flb-2nd .separate-box {
width: 100%;
}
.footer-link-box p {
font-size: 16px;
margin: 0 0 8px;
}
.footer-links {
margin: 0 0 22px;
}
.footer-logo {
padding: 20px 0 0;
}
.footer-logo img {
max-width: 140px;
margin: 0 0 12px;
}
.footer-entry a {
line-height: 44px;
font-size: 16px;
}
.footer-ending-cr {
font-size: 10px;
}
.footer-ending a{
display: block;
line-height: 2.4;
}
.footer-ending span{
display: none;
}
.footer-ending {
position: relative;
padding: 26px 4%;
}
.footer-me-logo{
display: inline;
position: absolute;
top: 26px;
right: 4%;
width: 30%;
max-width: 90px;
}
.footer-me-logo img{
width: 100%!important;
}
.footer-ending a img {
top: -6px;
}
.page-wrap {
padding: 0 0 30px!important;
}
.page-ttl-sec {
padding: 100px 0 30px;
}
.page-ttl-sec h1 {
font-size: 7.8vw;
margin: 0 0 14px;
}
.page-ttl-sec h1 span {
font-size: 16px;
padding: 0 0 10px;
top: 0;
display: block;
}
.page-block-ttl {
padding: 4px 20px 4px;
font-size: 16px;
}
.page-ttl-text {
padding: 0 0 10px;
}
.page-work .page-ttl-text {
text-align: left;
}
.page-main-img-trim img.add-zoom {
position: relative;
width: 120%;
left: -10%;
}
.intro-sec-once-num img{
width: 120px;
}
.page-sub-ttl {
font-size: 18px;
}
.intro-sec-cont-left-text, .intro-sec-cont-right-text {
width: 100%;
margin: 0 0 12px;
}
.intro-sec-cont-box {
flex-wrap: wrap;
}
.intro-sec-cont-right-img, .intro-sec-cont-left-img {
width: 100%;
margin: 0 0 12px;
}
.intro-cont-img-box {
border-radius: 10px;
width: 100%;
max-width: 300px;
margin: 0 auto;
}
.future-msg-box{
overflow: hidden;
}
.future-msg-box img.img-ctbf{
position: relative;
width: 140%;
left: -20%;
}
.future-col3-box {
flex-wrap: wrap;
}
.future-col3-1st,.future-col3-2nd,.future-col3-3rd{
width: 100%;
}
.future-col3-ttl-box{
text-align: center;
}
.future-col3-ttl-mark {
margin: 0 10px 0 0;
}
.future-triangle-img {
width: 86%;
}
.future-col3-ttl-box {
font-size: 20px;
line-height: 50px;
margin: 0 0 12px;
}
.future-triangle-img {
width: 100%;
max-width: 400px;
}
.biz-sec-main-img {
width: 50%;
margin: 20px 0 0;
border-radius: 20px 0 0 20px;
}
.biz-sec-main-img img.zoom-class{
width: 130%;
position: relative;
left: -15%;
}
.biz-sec-main-ttl-img {
width: 50%;
text-align: center;
}
.biz-block-ttl dt {
width: 134px;
font-size: 16px;
}
.biz-block-ttl dd {
margin: 0 0 0 134px;
padding: 14px 0 0;
}
.biz-attack-sentence {
font-size: 14px;
margin: 0 16px 0 0;
padding: 2px 0;
}
.biz-attack-sentence span {
margin: 0 2px 0 0;
}
.biz-col3-once, .biz-col3-01-once {
width: 100%;
margin: 0 0 22px;
border-radius: 0 0 14px 14px;
}
.biz-col3-once-ttl,
.biz-col3-01-cont{
font-size: 16px;
min-height: 30px;
padding: 16px 0 14px;
} 
.page-main-img-trim-full img.for-zoom {
width: 300%;
left: -100%;
position: relative;
} 
.biz-anchor-box {
width: 86%;
max-width: 400px;
flex-wrap: wrap;
}
.biz-anchor-once {
width: 48%;
margin: 0;
}
.page-main-img-trim-full.biz-main-bg{
max-height: 400px;
}
.biz-anchor-box {
height: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
transform: translateY(0%);
margin: 0 auto;
justify-content: space-between;
padding: 30px 0;
}
.biz-flow-box {
text-align: center;
}
.biz-flow-box img{
width: 100%;
max-width: 400px;
}
.biz-page-btn-box .page-cont-btn {
margin: 0 auto;
float: none;
}
.cat-ttl-box {
border-radius: 14px;
}
.active.cat-ttl-box {
border-radius: 14px 14px 0 0;
}
.cat-content-box {
padding: 30px 4% 20px;
border-radius: 0 0 14px 14px;
}
.cat-msg-ttl {
font-size: 16px;
padding: 4px;
}
.cat-msg-text {
font-size: 14px;
font-weight: 500;
text-align: left;
}
.cat-point-ttl {
font-size: 16px;
margin: 0 0 8px;
}
.cat-point-ttl span {
padding: 0 4px 0 0;
}
.cat-ttl-cont {
font-size: 16px;
}
.cat-ttl-cont img {
width: 50px;
margin: 0 0 2px;
}
.cat-ttl-btn-circle {
width: 30px;
height: 30px;
margin: 4px auto 0;
}
.cat-ttl-btn-line01, .cat-ttl-btn-line02 {
width: 12px;
height: 1px;
}
.cat-ttl-img {
width: 50%;
overflow: hidden;
}
.cat-ttl-cont {
width: 50%;
}
.cat-ttl-img img {
position: relative;
width: 146%;
left:-15%;
}
.cat-content-text-box {
padding: 0;
}
.cat-content-ttl {
font-size: 16px;
padding: 4px 20px;
}
.cat-content-sent {
margin: 0 10px 0 0;
font-size: 14px;
font-weight: 600;
line-height: 2;
}
.page-main-img-trim-full {
width: 100%;
border-radius: 0 20px 0 20px;
overflow: hidden;
}
.people-main-v {
margin: 50px auto 0;
}
.people-main-v img.people-main {
border-radius: 0 0 14px 14px;
overflow: hidden;
}
.page-cat-wrap {
padding: 60px 0 0;
}
.people-prof-box {
width: 96%;
padding: 30px 4% 20px;
border-radius: 0 20px 20px 0;
top: -20px;
margin: 0 0 -20px;
}
.people-prof-ttl {
font-size: 18px;
padding: 0 0 10px;
}
.people-prof-num {
top: -16px;
line-height: 32px;
padding: 0 14px;
font-size: 14px;
}
.people-prof-box dt {
width: 100px;
border-radius: 10px;
}
.people-prof-box dd {
margin: 0 0 0 118px;
}
.people-initial {
font-size: 22px;
width: 64px;
}
.people-cont-box-ttl {
font-size: 18px;
margin: 0 auto 18px;
line-height: 1.5;
padding: 2px 10px;
}
.people-cont-box {
top: -16px;
margin: 0 auto -16px;
padding: 0 8%;
}
.people-cont-mark-box img.int01, .people-cont-mark-box img.int03,
.people-cont-mark-box img.int02{
width: 3vw;
}
.person-1st-img {
width: 84%;
border-radius: 12px 0 0 0;
}
.person-2nd-img {
width: 84%;
border-radius: 12px;
}
.people-cont-box-for-img {
margin: 0 auto;
padding: 0 8%;
}
.people-cont-box-wrap-for02 {
padding: 0 0;
}
.people-schedule-block {
padding: 30px 4% 24px;
}
.people-schedule-line-left,
.people-schedule-line-right{
width: 100%;
float: none;
}
.people-schedule-act-ttl {
font-size: 16px;
margin: 0 0 4px;
}
.people-schedule-line-left dl dd, .people-schedule-line-right dl dd {
flex: 1;
padding: 10px 0 20px 20px;
font-size: 12px;
}
.people-schedule-line-left dl dt, .people-schedule-line-right dl dt {
width: 68px;
font-size: 16px;
}
.people-schedule-ttl {
font-size: 26px;
line-height: 1.1;
}
.people-schedule-ttl span {
font-size: 12px;
}
.people-goal-ttl {
font-size: 16px;
padding: 12px 20px;
}
.people-goal-box p {
padding: 14px 20px;
}
.people-cont-box-for02-img{
display: none;
}
.people-cont-box-wrap-for02 p {
clear: both;
padding: 0;
}
.people-prof-text {
clear: both;
width: 100%;
float: none;
font-size: 12px;
}
.people-prof-box-img {
width: 25%;
margin: 0 3% 10px 0;
}
.people-detail {
width: 72%;
margin: 0 0 12px;
}
.people-spec {
clear: both;
width: 100%;
float: none;
font-size: 12px;
}
.crosstalk-main-v {
margin: 50px 0 0;
border-radius: 0 0 0 20px;
}
.crosstalk-main-v img {
width: 120%;
position: relative;
left: -10%;
}
.future-col3-2nd .future-col3-img-box, .future-col3-3rd .future-col3-img-box {
position: relative;
left: 0;
bottom: 0;
margin: 12px 0 12px;
}
.future-col3-spacer01, .future-col3-spacer03 {
width: 100%;
margin: 30px 0;
border-right: none;
border-bottom: 1px solid #5877ba;
}
.future-col3-spacer02,.future-col3-spacer04{
display: none;
}
.front-message-btn, .page-cont-btn {
width: 272px;
margin: 0 auto;
}
.future-for-woman-btn-ttl {
font-size: 14px;
}
.future-for-woman-btn:after {
background-size: 24px 24px;
width: 24px;
height: 24px;
}
.number-sec-wrap {
padding: 0px 0 30px;
}
.number-cont-box {
gap: 20px 0;
}
.number-cont-once {
width: 100%;
padding: 18px 4% 22px;
}
.number-cont-once-ttl {
font-size: 20px;
margin: 0 0 8px;
padding: 0 0 8px;
}
.number-cont-once-img {
margin: 0 0 6px;
padding: 6px 0 8px;
}
.number-cont-once-img img {
width: 94%;
max-width: 280px;
}
.crosstalk-upper-sec {
background: #fff;
padding: 0 0 30px;
}
.crosstalk-lower-sec {
padding: 40px 0 0;
}
.crosstalk-main-ttl-box {
bottom: -4px;
}
.crosstalk-main-ttl {
font-size: 12vw;
color: #fff;
line-height: 0.8;
}
.crosstalk-main-ttl-mark {
width: 200px;
line-height: 32px;
font-size: 16px;
margin: 0 auto 14px;
border-radius: 50px;
padding: 0;
}
.crosstalk-member-ttl {
font-size: 20px;
}
.crosstalk-member-ttl-line {
width: 24px;
height: 2px;
margin: 0 auto 20px;
}
.crosstalk-prof-box {
width: 90%;
max-width: 440px;
margin: 0 auto;
flex-wrap: wrap;
gap: 4%;
}
.crosstalk-prof-once {
width: 48%;
margin: 0 0 20px;
}
.crosstalk-prof-initial {
margin: 0 0 6px;
padding: 0 10px 0 10px;
font-size: 16px;
line-height: 1.4;
}
.crosstalk-prof-text {
font-size: 12px;
}
.crosstalk-block-ttl {
padding: 18px 4%;
}
.crosstalk-block-ttl span {
font-size: 18px;
line-height: 2;}
.crosstalk-block-ttl p {
font-size: 18px;
}
.crosstalk-block dl dt {
width: 54px;
}
.crosstalk-block dl.odd dd {
margin: 0 0 0 72px;
}
.crosstalk-block dl.even dd {
margin: 0 72px 0 0;
}
.crosstalk-block dl.even dd::after {
width: 12px;
height: 18px;
top: 16px;
right: -12px;
background-size: 12px auto;
}
.crosstalk-block dl.odd dd::after {
width: 12px;
height: 18px;
top: 16px;
left: -12px;
background-size: 12px auto;
}
.crosstalk-block dl dd {
padding: 14px 14px;
}
.crosstalk-good-point-ttl {
font-size: 16px;
line-height: 36px;
}
.crosstalk-good-point-cont {
gap: 0;
}
.crosstalk-good-point-cont dl {
width: 100%;
}
.crosstalk-good-point-cont dl dt {
width: 50px;
text-align: center;
color: #fff;
}
.crosstalk-good-point-cont dl dd {
margin: 0 0 0 64px;
font-size: 12px;
}
.crosstalk-good-point-block {
padding: 30px 0 20px;
border-radius: 0 20px 0 20px;
}
.edu-sec-ttl {
font-size: 18px;
}
.intro-sec-cont-ttl {
font-size: 16px;
padding: 4px 20px 2px;
}
.future-col2-left {
width: 100%;
float: none;
margin: 0 0 12px;
}
.future-col2-right {
width: 100%;
float: none;
}
.future-col2-left img{
}
.edu-pick-point-box {
flex-wrap: wrap;
margin: 0 0 20px;
}
.edu-pick-point-left {
width: 100%;
padding: 0 0 14px;
border-right: none;
border-bottom: 1px solid #0b318f;
}
.edu-pick-point-right {
width: 1000%;
padding: 14px 0 0;
}
.edu-pick-point-ttl {
font-size: 16px;
margin: 0 0 4px;
}
.edu-flame-point-box {
flex-wrap: wrap;
padding: 18px 4%;
}
.edu-flame-point-left {
width: 100%;
padding: 0 0 8px;
}
.edu-sec-wrap-1st {
padding: 0;
}
.edu-sec-wrap,.edu-sec-wrap-last{
padding: 30px 0 20px;
}
.edu-careerpmodel-left {
width: 80px;
}
.edu-careerpmodel-step {
width: 70px;
height: 70px;
border-radius: 50%;
font-size: 22px;
line-height: 1;
padding: 4px 0 0;
border: 4px solid #fff;
}
.edu-careerpmodel-step span {
font-size: 10px;
}
.edu-careerpmodel-step-line {
width: 2px;
height: 82%;
left: 36px;
top: 90px;
z-index: -1;
}
.edu-careerpmodel-cont-ttl {
font-size: 14px;
margin: 0 0 8px;
}
.edu-careerpmodel-cont-ttl span {
font-size: 20px;
top: 2px;
padding: 0 2px;
}
.edu-careerpmodel-right {
min-height: 90px;
padding: 12px 0;
}
.edu-sec-ttl img {
margin: 0 6px 0 0;
top: -4px;
}
.edu-training-point-box {
flex-wrap: wrap;
}
.edu-training-point-once {
width: 50%;
position: relative;
overflow: visible;
margin: 0 0 14px;
}
.edu-training-point-cont-text {
min-height: 50px;
}
.edu-training-point-circle {
width: 90px;
height: 90px;
border: 4px solid #fff;
}
.edu-training-point-circle p {
font-size: 14px;
line-height: 1.2;
}
.edu-training-point-cont {
height:auto;
padding: 12px 12px 14px;
}
.edu-training-point-cont p {
font-size: 12px;
padding: 14px 0 0;
}
.edu-training-point-cont.with-border{
border-right: none;
}
.edu-training-point-cont.with-border-sp{
border-right: 1px dashed #0b318f;
}
.edu-training-point-cont.with-border-sp-left{
border-left: 1px dashed #0b318f;
}
.edu-training-point-line{
display: none;
}
.edu-training-point-once-line-sp{
display: inline;
position: absolute;
width: 150%;
height: 2px;
background: #fff;
top: 44px;
left: 50%;
z-index: -1;
}
.edu-training-point-once-line-sp2{
display: inline;
position: absolute;
width: 150%;
height: 2px;
background: #fff;
top: 44px;
left: 0;
z-index: -1;
}
.wlb-block-wrap {
border-radius: 14px;
padding: 0 4% 2px;
}
.wlb-block-img {
border-radius: 0 0 14px 14px;
}
.wlb-block-ttl-box {
padding: 14px 4% 40px;
top: -24px;
margin: 0 auto -24px;
border-radius: 14px 14px 0 0;
}
.wlb-block-ttl {
font-size: 16px;
padding: 0 0 12px;
}
.wlb-cont-once {
width: 100%;
}
.wlb-odd {
padding: 0;
border-right: none;
}
.wlb-even {
padding: 0;
}
.wlb-cont-once-img {
margin: 0 0 20px;
}
.wlb-cont-once p {
margin: 0 0 8px;
}
.wlb-block-ttl-box-noimg {
width: 100%;
padding: 20px 0 40px;
}
.wlb-block-img img {
position: relative;
width: 130%;
left: -15%;
}
.wlb-cont-ttl {
padding: 14px 0 12px;
}
.wlb-cont-other-once {
width: 50%;
font-size: 14px;
padding: 0 0 2px;
}
.app-wrap {
padding: 0px 0 0;
}
.app-wrap .inner-1000{
width: 96%;
}
.tab-item {
width: 49%;
padding: 14px 10px;
border-radius: 10px 10px 0 0;
font-size: 14px;
text-align: center;
}
.panel-item dl {
display: flex;
flex-wrap: wrap;
}
.panel-item dl dt {
width: 100%;
padding: 20px 0 0;
border-bottom: none;
}
.panel-item dl dd {
width: 100%;
flex-grow: 1;
padding: 10px 0 20px;
border-bottom: 1px solid #cad9f0;
}
.panel-list {
padding: 20px 4% 40px;
overflow: hidden;
}
.faq-wrap {
padding: 50px 0 20px;
border-bottom: 1px solid #0b318f;
}
.faq-ttl {
font-size: 16px;
}
.faq-q dd {
font-size: 14px;
padding: 8px 12px;
flex-grow: 1;
}
.faq-q dt,
.faq-a dt{
width: 40px;
font-size: 16px;
padding: 8px 2px 8px 4px;
flex-shrink: 0;
}
.faq-a dt{
width: 40px;
font-size: 18px;
padding: 8px 2px 8px 6px;
}
.faq-a dd {
padding: 8px 12px 14px 12px;
}
.rec-contact {
padding: 40px 0 0;
}
.rec-contact dl {
flex-wrap: wrap;
}
.rec-contact dl dt {
width: 100%;
font-size: 18px;
padding: 0 0 10px;
}
.entry-bnr-box {
flex-wrap: wrap;
gap: 0;
}
.entry-bnr-once {
width: 100%;
max-width: 330px;
margin: 0 auto;
padding: 0 0 18px;
}
.entry-bnr-once-ttl {
font-size: 14px;
}
.entry-st-text {
font-size: 16px;
margin: 0 0 12px;
}
.wlb-cont-once p.ajust3,
.wlb-cont-once p.ajust4{
min-height: 30px;
}
.modal-msg-cont-wrap {
padding: 50px 4% 50px 4%;
border-radius: 14px;
}
.modal-msg-cont-box {
flex-wrap: wrap;
}
.modal-msg-cont-text {
width: 100%;
padding: 0 0;
}
.modal-msg-cont-img {
width: 100%;
text-align: center;
padding: 14px 0 0;
}
.modal-msg-cont-img img.w100{
width: 80%;
max-width: 340px;
}
.modal-msg-ttl {
font-size: 18px;
margin: 0 0 12px;
}
.modal-msg-catch-text {
font-size: 16px;
margin: 0 0 14px;
}
.hint-contents img{
min-width:800px;
}

.add-mgb140{margin-bottom: 60px;}
.add-mgb120{margin-bottom: 50px;}
.add-mgb100{margin-bottom: 50px;}
.add-mgb80{margin-bottom: 44px;}
.add-mgb60{margin-bottom: 32px;}
.add-mgb50{margin-bottom: 22px;}
.add-mgb40{margin-bottom: 18px;}
.add-mgb30{margin-bottom: 14px;}
.add-mgb20{margin-bottom: 8px;}
.add-mgauto{margin-left: auto;margin-right: auto;}

}

@media only screen and (max-width : 400px) {
#global-header-links {
width: 120px;
height: 50px;
}
.header-entry {
right: 50px;
width: 70px;
height: 50px;
}
.header-entry a {
line-height: 50px;
}
.wf-active .header-entry a {
font-size: 14px;
}
.menu-btn, .menu-btn.active {
width: 50px;
height: 50px;
}
.menu-btn span{
left: 28%;
width: 44%;
}
.tab-item {
width: 49%;
padding: 14px 4px;
border-radius: 10px 10px 0 0;
font-size: 12px;
}
.edu-careerpmodel-step-line {
height: 80%;
}
}

@media only screen and (max-width : 350px) {
.edu-careerpmodel-step-line {
top: 120px;
height: 80%;
}
}