@media only screen and (max-width : 1200px) {
.footer-copyright {
position: relative;
width: 100%;
right: 0;
top:0;
text-align: right;
padding: 20px 0 0;
}
.footer-links-cont {
text-align: right;
}
.top-about-btn a p, .top-col2-btn a p, .top-col3-btn a p {
font-size: 20px;
padding: 0 5% 18px;
}
.footer {
padding: 50px 0 40px;
}
}




@media only screen and (max-width : 1000px) {
#global-header {
}
body {
font-size: 14px;
line-height: 1.8;
}
#global-header-logo {
width: 320px;
height: 60px;
margin: 0 0 0 2%;
padding: 20px 0 10px 0;
}
#global-header-logo img {
width: 160px;
}
.wf-active #global-header-logo p {
font-size: 14px;
}
#global-header-links{
height: 60px;
}
.header-entry {
top: 6px;
right: 60px;
width: 170px;
height: 60px;
}
.header-entry a {
line-height: 48px;
height: 48px;
}
.wf-active .header-entry a {
font-size: 16px;
}
.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;
}
/* =============================MENU============================= */
.modal-menu-left {
width: 37%;
}
.modal-menu-right {
width: 58%;
}
.modal-menu-inner a {
line-height: 2;
padding: 4px 0 4px 0;
margin: 0;
}
.modal-menu-cat-ttl {
font-size: 22px;
margin: 0 0 14px;
padding: 0 0 2px;
}
.modal-menu-cat-ttl span {
padding: 0 4px 0 0;
font-size: 20px;
}
.modal-menu-inner a::before {
height: 18px;
top: 10px;
width: 18px;
}
.page-top-wrap {
padding: 90px 0 100px;
}
.page-wrap {
padding: 130px 0 60px;
}
.page-itv-wrap {
padding: 130px 0 0;
}
.page-ttl-box h1 {
font-size: 36px;
padding: 0 20px 14px 0;
letter-spacing: 0.1em;
}
.itv-dev {
font-size: 15px;
top: -6px;
}
.footer {
padding: 40px 0 50px;
position: relative;
}
.footer-logo-box {
width: 160px;
position: relative;
top: 0;
margin: 0 0 30px;
}
.footer-links-cont {
text-align: left;
}
.footer-links-cont a {
margin: 0 14px 0 0;
}
.foot-msg-sec {
height: 360px;
}
.foot-sub-ttl {
margin: 0 0 26px;
}
.foot-msg {
font-size: 30px;
line-height: 1.5;
}
.top-main-v-text h1 {
font-size: 40px;
color: #fff;
line-height: 1.6;
}
#top-main-v-wrap {
margin: 0 auto 70px;
}
.top-msg-sec h2 {
font-size: 40px;
line-height: 1.5;
}
.top-msg-sec-right {
padding: 12px 0 0;
}
.top-sec h2 {
font-size: 40px;
line-height: 1.5;
}
.top-sec p.itv-sec-text {
font-size: 14px;
text-align: left;
}
.top-sec p {
font-size: 14px;
}
.top-sec {
padding: 40px 4%;
}
.top-itv-list-once p{
font-size: 14px;
}
.top-itv-list-img {
margin: 0 0 10px;
}
.top-col3-box {
flex-wrap: wrap;
}
.top-col3-btn {
width: 48%;
margin: 0 0 30px;
}
.top-col2-btn,.top-col3-btn,.top-about-btn {
height: 120px;
}
.top-flowing {
margin: 0 auto 60px;
}
.item {
flex: 0 0 auto;
width: 280px;/*お好みの幅に調整*/
background-color: lightblue;
margin: 0 10px;/*左右の余白はここを調整*/
text-align: center;
font-size: 24px;
}
.top-msg-sec {
padding: 0 0 60px;
}
.flow-cont-ttl dd h2, .points-sec-ttl dd h2 {
font-size: 20px;
}
.points-sec-text {
padding: 0 0 30px;
}
.points-cont-col2 {
padding: 0;
}
.points-sec-wrap {
padding: 50px 4% 60px;
}
.points-03-gr-text {
margin-bottom: -40px;
padding: 0 0 0 36%;
top: -40px;
}
.itv-sec-ttl dd h2 {
font-size: 20px;
}
.itv-sec-ttl dd {
padding: 18px 30px;
}
.itv-schedule-act-ttl {
font-size: 18px;
margin: 0 0 6px;
padding: 2px 0 0;
}
.itv-schedule-line-left dl dt, .itv-schedule-line-right dl dt {
padding: 4px 20px 36px 0;
font-size: 18px;
}
.itv-msg dl dt {
width: 128px;
font-size: 18px;
}
.itv-msg dl dd {
padding: 10px 20px;
font-size: 16px;
}
.itv-o-sliderArea .slick-slide {
margin: 0 10px;
}
.itv-other-sec {
padding: 50px 6% 50px;
}
.career-path {
overflow: hidden;
}
.career-path .flow-tag-box {
position: relative;
margin: 20px 0 0;
float: right;
}
.career-sec-ttl dd h2 {
font-size: 20px;
}
.looking-ttl {
width: 130px;
font-size: 20px;
padding: 8px 0px;
}
.looking-cont {
font-size: 15px;
padding: 0 20px;
}
.looking-like-box {
font-size: 20px;
padding: 8px 20px;
}
.looking-to-entry {
font-size: 22px;
}
.faq-anchor {
font-size: 18px;
margin: 0 24px 0 0;
}
.faq-anchor img {
width: 24px;
margin: 0 10px 0 0;
}
.career-btn {
width: 100%;
max-width: 400px;
padding: 10px 0 0;
}
.career-btn a {
text-align: center;
line-height: 70px;
font-size: 20px;
}
.flow-anchor-once {
width: 23%;
min-height: 70px;
}
.flow-cont{
margin: 0 0 4px;
padding: 50px 2% 80px;
}
.flow-cont-ttl dt::after {
display: none;
}
.cat-anchor-once {
min-height: 70px;
}
.cat-anchor-once a p {
font-size: 20px;
}
.cat-anchor-once a p span {
font-size: 14px;
top: -2px;
}
.page-top {
width: 48px;
height: 48px;
right: 3%;
bottom: 90px;
}
.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;}

.hint-contents img{
min-width:700px;
}
}

@media only screen and (max-width : 700px) {
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 2%;
padding: 16px 0 10px 0;
}
#global-header-logo img {
width: 124px;
}
.wf-active #global-header-logo p {
font-size: 12px;
padding: 3px 0 0 8px;
}
.menu-btn, .menu-btn.active {
width: 50px;
height: 50px;
}
.header-entry {
top: 6px;
right: 50px;
width: 27%;
max-width: 170px;
height: 38px;
}
.wf-active .header-entry a {
font-size: 14px;
}
.header-entry a {
line-height: 38px;
height: 38px;
}
.header-entry ul li ul{
padding: 10px 0;
background-color: #417fc6;
}
.header-entry ul li ul li a {
line-height: 1.5;
height: auto;
padding: 6px 0;
font-size: 12px;
}
.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-left {
width: 100%;
}
.modal-menu-right {
width: 100%;
}
.modal-menu-inner {
padding: 80px 0 50px;
flex-wrap: wrap;
}
.modal-menu-inner a {
line-height: 1.6;
padding: 6px 0 6px 0;
}
.modal-menu-cat-ttl {
font-size: 18px;
margin: 0 0 10px;
padding: 0 0 4px;
}
.modal-menu-cat-ttl span {
padding: 0 4px 0 0;
font-size: 16px;
}
.modal-menu-inner a::before {
height: 18px;
top: 10px;
width: 18px;
}
.page-top-wrap {
padding: 70px 0 50px;
overflow: hidden;
}
.page-wrap {
padding: 100px 0 30px;
}
.page-itv-wrap {
padding: 100px 0 0;
}
.page-ttl-box h1 {
font-size: 6.3vw;
padding: 0 12px 10px 0;
letter-spacing: 0.1em;
line-height: 1.5;
}
.page-ttl-box h1.add-h1-s {
font-size: 6vw;
}
.page-ttl-en {
font-size: 4vw;
}
.itv-dev {
font-size: 14px;
top: -2px;
}
.page-ttl-line {
width: 28px;
height: 2px;
margin: 0 0 14px;
}
.page-ttl-box .page-ttl-line {
margin: 0 0 30px;
}


#top-main-v-wrap {
margin: 0 auto 60px;
width: 130%;
left: -15%;
}
.top-main-v-text h1 {
font-size: 6.5vw;
line-height: 1.4;
text-shadow: 1px 1px 4px #999;
}
.top-main-v-text {
position: absolute;
bottom: 24px;
left: 17%;
white-space: nowrap;
overflow: hidden;
animation-name: main-v-text;
animation-duration: 6s;
animation-fill-mode: both;
}
.top-main-v-text p {
font-size: 4vw;
padding: 8px 0 0;
text-shadow: 1px 1px 4px #999;
}
.scroll-content {
animation: scroll 22s linear infinite;
}
.item {
flex: 0 0 auto;
width: 180px;
margin: 0 8px;
text-align: center;
font-size: 24px;
}
.top-sec h2,.top-msg-sec h2 {
font-size: 7vw;
}
.top-sec p {
text-align: left;
}
.top-sec-ttl-sub {
font-size: 16px;
}
.top-msg-sec-left {
width: 100%;
}
.top-msg-sec-right {
width: 100%;
flex-shrink: 0;
padding: 20px 0 0;
}
.top-msg-sec {
flex-wrap: wrap;
padding: 0 0 60px;
}
.top-col2-box, .top-col3-box{
width: 100%;
flex-wrap: wrap;
}
.top-col2-btn, .top-col3-btn, .top-about-btn {
width: 100%;
height: 80px;
margin: 0 auto 14px;
}
.top-itv-list-once {
width: 48%;
margin: 0 0 30px;
}
.top-itv-list-once p {
font-size: 12px;
text-align: center;
}
.top-about-btn a p, .top-col2-btn a p, .top-col3-btn a p {
font-size: 18px;
padding: 0 4% 8px;
}
.top-about-btn a::before, .top-col2-btn a::before, .top-col3-btn a::before {
width: 24px;
height: 24px;
background-size: 24px 24px;
}
.top-itv-list-img::before {
width: 22px;
height: 22px;
background-size: 22px 22px;
}
.points-main p {
font-size: 16px;
text-align: left;
font-weight: 600;
}
.flow-cont-ttl, .points-sec-ttl, .career-sec-ttl {
flex-wrap: wrap;
min-height: 70px;
}
.flow-cont-ttl dt, .points-sec-ttl dt, .career-sec-ttl dt {
width: 100%;
align-items: center;
color: #fff;
justify-content: center;
font-size: 16px;
padding: 8px 0;
}
.flow-cont-ttl dd, .points-sec-ttl dd, .career-sec-ttl dd {
width: 100%;
align-items: center;
padding: 10px 14px;
border-top: none;
border-left: 1px solid #999;
justify-content: center;
}
.flow-cont-ttl dd h2 span {
font-size: 14px;
font-weight: 600;
}
.flow-cont-ttl dd h2, .points-sec-ttl dd h2 {
font-size: 18px;
font-weight: 600;
text-align: center;
}
.points-lead{
margin: 0 0 46px!important;
}
.points-sec-wrap {
padding: 40px 4% 30px;
}
.points-cont-col2-left,
.points-third-sec .points-cont-col2-left{
width: 100%;
padding: 0 0 0;
flex-shrink: 0;
}
.points-third-sec .points-cont-col2-left{
text-align: center;
}
.points-third-sec .points-cont-col2-left img{
width: 80%;
max-width: 340px;
}
.points-cont-col2 {
flex-wrap: wrap;
padding: 0;
}
.points-cont-col2-right,
.points-third-sec .points-cont-col2-right{
width: 100%;
padding: 16px 0 0;
}
.points-sec-inner h3 {
font-size: 18px;
font-weight: 600;
margin: 0 0 10px;
text-align: center;
}
.points-sec-inner .page-ttl-line {
margin: 0 auto 14px;
}
.points-penta {
padding: 14px 0 0;
}
.points-03-gr-ttl {
width: 120px;
height: 40px;
top: -20px;
font-size: 18px;
line-height: 40px;
}
.points-03-gr-text {
margin-bottom: 0;
padding: 14px 0 0 0;
top: 0;
}
.points-03-gr-text p {
padding: 10px 0 0;
}
.points-03-gr-box {
padding: 50px 4% 30px;
}
.itv-main {
padding: 20px 0 0;
}
.itv-main img.w100{
position: relative;
width: 140%;
left: -20%;
}
.itv-prof {
}
.itv-prof dt {
width: 78px;
font-size: 16px;
align-items: flex-start;
}
.itv-prof dd {
font-size: 12px;
padding: 0 0 0 16px;
}
.itv-sec-ttl {
flex-wrap: wrap;
padding: 12px 14px;
}
.itv-sec-ttl dt {
width: 100%;
font-size: 16px;
justify-content: flex-start;
border-right: none;
border-bottom: 1px solid #fff;
padding: 0 0 8px;
}
.itv-sec-ttl dd {
width: 100%;
padding: 10px 0 0;
}
.itv-sec-ttl dd h2 {
font-size: 16px;
letter-spacing: 1px;
}
.itv-text {
padding: 0;
}
.itv-img {
padding: 0 0 20px;
}
.itv-schedule-block {
padding: 40px 4%;
}
.itv-schedule-ttl {
font-size: 14px;
padding: 0 0 14px;
}
.itv-schedule-ttl span {
font-size: 18px;
}
.itv-schedule-line-left,
.itv-schedule-line-right{
width: 100%;
float: none;
}
.itv-schedule-line-left dl dt, .itv-schedule-line-right dl dt {
padding: 2px 16px 36px 0;
font-size: 16px;
width: 68px;
border-right: 1px solid #93c9e1;
}
.itv-schedule-act-ttl {
font-size: 14px;
margin: 0 0 6px;
padding: 2px 0 0;
}
.itv-schedule-line-left dl dd, .itv-schedule-line-right dl dd {
padding: 2px 0 22px 18px;
font-size: 12px;
}
.itv-schedule-line-point {
width: 16px;
height: 16px;
top: 8px;
left: 60px;
}
.itv-msg {
padding: 20px 4%;
border-radius: 14px;
}
.itv-msg dl {
flex-wrap: wrap;
}
.itv-msg dl dt {
width: 100%;
font-size: 16px;
justify-content: center;
border-right: none;
border-bottom: 1px solid #fff;
padding: 0 0 8px;
}
.itv-msg dl dd {
padding: 12px 0 0;
font-size: 14px;
letter-spacing: 1px;
}
.itv-other-sec-ttl {
width: 160px;
font-size: 16px;
font-weight: 600;
margin: 0 auto;
padding: 0 0 4px;
border-bottom: 2px solid #231815;
}
.itv-other-sec {
padding: 40px 6% 50px;
}
.itv-other p {
line-height: 1.6;
font-size: 12px;
}
.itv-other p span {
font-size: 12px;
}
.career-cont {
padding: 0;
}
.career-ed-cont h3 {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px;
}
.career-ed-cont {
padding: 20px 0;
}
.career-sec-ttl dd h2 {
font-size: 18px;
font-weight: 600;
}
.flow-tag-box {
padding: 6px 14px 8px 14px;
border-radius: 4px;
font-size: 14px;
line-height: 1.8;
}
.flow-tag-box a {
text-decoration: underline;
color: #ffff00;
margin: 0 12px 0 0;
}
.rec-h2-ttl {
font-size: 18px;
padding: 0 0 8px;
}
.looking-ttl {
width: 80px;
font-size: 18px;
padding: 8px 0px;
}
.looking-cont {
font-size: 14px;
padding: 8px 14px;
}
.looking-like-box {
font-size: 18px;
text-align: center;
padding: 8px 14px;
}
.looking-to-entry {
font-size: 18px;
}
.applist {
padding: 0;
border-bottom: 1px dashed #999;
flex-wrap: wrap;
}
.applist-ttl {
width: 100%;
padding: 20px 0 0;
font-weight: 600;
}
.applist-ttl span{
font-weight: 600;
}
.applist-cont {
width: 100%;
padding: 14px 0 20px;
}
.applist-cont p.add-spacer{
display: none;
}
.faq-anchor {
font-size: 16px;
margin: 0 20px 10px 0;
}
.faq-anchor img {
width: 20px;
margin: 0 10px 0 0;
}
.faq-q dt,
.faq-a dt{
width: 40px;
padding: 10px 2px 10px 6px;
}
.faq-q dd,
.faq-a dd{
padding: 10px 10px;
}
.faq-a dd{
padding: 10px 10px 16px;
}
.career-btn {
padding: 10px 0 0;
}
.career-btn a {
line-height: 44px;
font-size: 16px;
}
.career-news dt {
float: none;
width: 100%;
}
.career-news dd {
width: 100%;
padding: 0 0 12px;
}
.flow-cont {
margin: 0 0 4px;
padding: 30px 0 50px;
}
.flow-inner-ttl {
font-size: 16px;
font-weight: 600;
margin: 0 0 18px!important;
}
.flow-tag-cat {
margin: 0;
padding: 0;
border-right: none;
}
.cat-anchor-box, .flow-anchor-box {
flex-wrap: wrap;
}
.flow-anchor-once {
width: 48.5%;
min-height: 44px;
margin: 0 0 20px;
}
.flow-anchor-once a p {
font-size: 14px;
}
.cat-anchor-once {
width: 48.5%;
min-height: 68px;
}
.cat-anchor-once a p {
font-size: 16px;
line-height: 1.3;
}
.cat-anchor-once a p span {
font-size: 12px;
top: 0;
}
.cat-block-ttl-box img{
position: relative;
width: 130%;
left: -15%;
}
.cat-block-ttl h2 {
font-size: 22px;
letter-spacing: 2px;
line-height: 1.3;
text-shadow: 1px 1px 4px #777;
}
.cat-block-ttl h2 span {
font-size: 16px;
}
.cat-block-ttl {
width: 92%;
height: 50px;
left: 4%;
text-align: center;
}
.cat-cont-box {
padding: 30px 0;
}
.cat-cont-ttl {
font-size: 18px;
font-weight: 600;
}
.cat-link-ttl {
font-size: 16px;
margin: 0 0 14px;
font-weight: 600;
}
.cat-link-box {
max-width: 240px;
margin: 0 auto;
text-align: center;
}
.cat-point {
padding: 16px 4%;
border-radius: 10px;
}
.cat-point dl {
flex-wrap: wrap;
}
.cat-point dl dt {
width: 100%;
font-size: 16px;
border-right: none;
border-bottom: 1px solid #fff;
line-height: 1.5;
padding: 0 0 12px;
}
.cat-point dl dd {
width: 100%;
padding: 14px 0;
letter-spacing: 1px;
}

.footer {
padding: 30px 0 30px;
}
.footer-logo-box {
width: 140px;
margin: 0 0 30px;
}
.footer-links-cont a {
display: block;
margin: 0 0 14px;
}
.footer-copyright {
text-align: center;
padding: 20px 0 0;
}
.foot-msg-sec {
height: 280px;
}
.foot-msg {
font-size: 5.6vw;
line-height: 1.5;
}
.foot-sub-ttl {
font-size: 3.2vw;
margin: 0 0 20px;
}
.foot-entry {
width: 170px;
height: 40px;
}
.foot-entry a {
line-height: 40px;
font-size: 14px;
}
.foot-entry .entry-item a {
height: 40px;
}
.foot-msg-cont {
height: 140px;
bottom: 0;
padding: 0;
}
.page-top {
width: 40px;
height: 40px;
right: 3%;
bottom: 30px;
}
.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) {
.wf-active #global-header-logo p {
font-size: 10px;
padding: 0 0 0 8px;
line-height: 1.2;
position: relative;
top:-2px;
}
.only-site-name{
display: block;
}
}

@media only screen and (max-width : 350px) {
.header-entry {
width: 20%;
}
.header-entry ul li ul li a {
font-size: 10px!important;
}
}