@media (min-width: 1215px) { .gMenu_outer {
display: flex !important;
font-weight: 300 !important;
width:100% !important;
}
.home .gMenu_outer {
transform: translateY(-100%);
animation: contentSlideDown 0.3s ease-out 0.5s forwards;
} .menu-header-container {
margin:0 auto !important;
}
#gMenu_outer .current-menu-item > a,
#gMenu_outer .current_page_item > a {
color:#212121 !important;
}
#gMenu_outer .current-menu-item > a:hover,
#gMenu_outer .current_page_item > a:hover {
color:#212121 !important;
}
.gMenu a {
color:#a0a0a0 !important;
}
.gMenu > li:before, .gMenu > li.menu-item-has-children::after {
border-bottom:none !important;
}
.home .siteHeadContainer .siteHeader_logo{
display:none !important;
} 
.home .siteHeader .container {
height:80px !important;
} .siteHeadContainer .siteHeader_logo img {
width: 100% !important;
opacity:0.8 !important;
}
.siteHeader .container {
height:180px !important;
}
.siteHeadContainer{
position: relative !important;
}
.siteHeadContainer .siteHeader_logo{
position:absolute !important;
width: 370px !important;
height:50px !important;
top: 90px !important;
right:0 !important;
left:0 !important;
padding:0 !important;
margin:0 auto !important;
overflow: hidden !important;
} .fontEN{
vertical-align: 0.3em !important;
}
.fontJP{
vertical-align: 0.7em !important;
}
.carousel-inner {
position: relative;
width: 100% !important; 
height:500px !important;
overflow: hidden !important; 
}
.carousel-inner	.carousel-item{
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important; justify-content: center !important;
}
.carousel-inner	.carousel-item img{
max-width: 100% !important;
height: auto !important;
object-fit: cover !important; 
object-position: center !important; 
}
.header_scrolled .gMenu_outer nav {
width:600px !important;
}
.header_scrolled .gMenu>li {
border:none !important;
}
.header_scrolled .gMenu>li:last-child {
border:none !important;
}
.sectionBox .container .row .col-md-12 {
position:relative !important;
width:100% !important;
height:300px !important;
}  .Catchphrase1{
position: absolute !important;
top: 50px !important;
left: 100px !important;
height: 165px !important;
overflow: hidden !important; 
}
.Catchphrase1 div{
display:block !important;
width: 30% !important;
height: 165px !important;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%); 
}
.Catchphrase2{
position: absolute !important;
top: 150px !important;
right:0 !important;
height: 75px !important;
opacity:0.9 !important;
overflow: hidden !important; 
}
.Catchphrase2 span{
display:block;
width: 100% !important;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%); 
}
.Catchphrase2 .text-hanken{
margin: 0 !important;
padding: 0 0 7px 10px !important;
} .post-name-works .works-content {
animation: contentSlideUp 1s ease-out 0.9s forwards;
transform: translateY(100%);
}
.post-name-works .works-underline {
width: 98% !important;
} .post-name-access .entry-body{
text-align:center !important;
}
.post-name-access .entry-body p{
text-align:left !important;
display:inline-block !important;
width: 600px !important;
} .about-task {
font-family: "Noto Serif JP", serif;
font-weight:500 !important;
font-style: normal;
font-size:18px !important;
display:flex;
justify-content:center;
width:100% !important;
padding:50px 0 !important;
margin-left: 30px !important;
}
.title-task div, .answer-task div {
padding-bottom:14px !important;
}
.about-task .title-task .company-name{
letter-spacing:2em !important;
}
.about-task .title-task .establishment{
letter-spacing:2em !important;
}
.about-task .title-task .task-ceo{
letter-spacing:0.5em !important;
}
.about-task .title-task .capital{
letter-spacing:0.5em !important;
}
.about-task .title-task .location{
letter-spacing:0.5em !important;
}
}   @media (min-width: 992px) and (max-width: 1214px) { .gMenu_outer {
display: flex !important;
font-weight: 300 !important;
width:100% !important;
}
.home .gMenu_outer {
transform: translateY(-100%);
animation: contentSlideDown 0.3s ease-out 0.5s forwards;
} .menu-header-container {
margin:0 auto !important;
}
#gMenu_outer .current-menu-item > a,
#gMenu_outer .current_page_item > a {
color:#212121 !important;
}
#gMenu_outer .current-menu-item > a:hover,
#gMenu_outer .current_page_item > a:hover {
color:#212121 !important;
}
.gMenu a {
color:#a0a0a0 !important;
}
.gMenu > li:before, .gMenu > li.menu-item-has-children::after {
border-bottom:none !important;
}
.header_scrolled .gMenu_outer nav {
width:600px !important;
}
.header_scrolled .gMenu>li {
border:none !important;
}
.header_scrolled .gMenu>li:last-child {
border:none !important;
} .home .siteHeadContainer .siteHeader_logo{
display:none !important;
} 
.home .siteHeader .container {
height:80px !important;
} .siteHeadContainer .siteHeader_logo img {
width: 100%;
opacity:0.8;
}
.siteHeader .container {
height:180px;
}
.siteHeadContainer{
position: relative;
}
.siteHeadContainer .siteHeader_logo{
position:absolute;
width: 370px;
height:50px;
top: 90px;
right:0;
left:0;
padding:0;
margin:0 auto;
overflow: hidden;
} .fontEN{
vertical-align: 0.3em;
}
.fontJP{
vertical-align: 0.7em;
} .carousel-inner {
position: relative !important;
width: 100% !important; 
height:500px !important;
overflow: hidden !important; 
}
.carousel-inner	.carousel-item{
width: 100%;
height: 100%;
display: flex;
align-items: center; justify-content: center;
}
.carousel-inner	.carousel-item.active{
display: flex !important;
}
.carousel-inner	.carousel-item img{
max-width: 100% !important;
height: auto !important;
object-fit: cover !important; 
object-position: center !important; 
} .sectionBox .container .row .col-md-12 {
position:relative;
width:100%;
height:300px;
}
.Catchphrase1{
position: absolute;
top: 50px;
left: 50px;
overflow: hidden; 
}
.Catchphrase1 div{
display:block;
width: 33%;
height: 165px;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%); 
}
.Catchphrase2{
position: absolute;
top: 150px;
right:0;
height: 60px;
opacity:0.9;
overflow: hidden; 
}
.Catchphrase2 span{
display:block;
width: 100%;
font-size:16px !important;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%); 
}
.Catchphrase2 .text-hanken{
margin: 0 !important;
padding: 0 0 7px 10px !important;
} .post-name-works .works-content {
animation: contentSlideUp 1s ease-out 0.9s forwards;
transform: translateY(100%);
}
.post-name-works .works-underline {
width: 98% !important;
} .post-name-access .entry-body{
text-align:center;
}
.post-name-access .entry-body p{
text-align:left;
display:inline-block;
width: 600px;
} .about-task {
font-family: "Noto Serif JP", serif;
font-weight:500 !important;
font-style: normal;
font-size:18px !important;
display:flex;
justify-content:center;
width:100% !important;
padding:50px 0 !important;
margin-left: 30px !important;
}
.title-task div, .answer-task div {
padding-bottom:14px !important;
}
.about-task .title-task .company-name{
letter-spacing:2em !important;
}
.about-task .title-task .establishment{
letter-spacing:2em !important;
}
.about-task .title-task .task-ceo{
letter-spacing:0.5em !important;
}
.about-task .title-task .capital{
letter-spacing:0.5em !important;
}
.about-task .title-task .location{
letter-spacing:0.5em !important;
}
}   @media (max-width: 991.98px) {
.gMenu_outer {
display: none !important;
}
.siteHeader_logo img {
position:absolute !important;
max-width: 200px !important; right:0 !important;
left:0 !important;
top:10px !important;
margin:0 auto !important;
} .home .siteHeader{
display:none !important;
} .fontEN{
vertical-align: -0.1em;
}
.fontJP{
vertical-align: 0.1em;
}
.siteHeader .container {
height:50px !important;
}
.Catchphrase1{
height:100% !important;
margin:30px 0 !important;
text-align:center !important;
}
.Catchphrase1 div{
text-align:left !important;
display: inline-block !important;
width:80% !important;
}
.Catchphrase2{
width:80% !important;
margin:30px auto !important;
text-align:center !important;
}
.Catchphrase2 span{
text-align:left !important;
display: inline-block !important;
}
.Catchphrase2 .text-hanken{
margin-bottom:12px !important;
} .post-name-works .container {
max-width: 96vw;
padding-left: 2vw;
padding-right: 2vw;
}
.post-name-works .works-row {
flex-direction: column;
align-items: center;
}
.post-name-works .works-content {
width: 98vw !important;
max-width: 600px;
padding: 36px 5vw !important;;
}
.post-name-works .works-underline{
width: 99% !important;
} .about-task {
font-family: "Noto Serif JP", serif;
font-weight:500 !important;
font-style: normal !important;
font-size:18px !important;
display:flex !important;
justify-content:center !important;
width:100% !important;
padding:30px 0 !important;
margin-left: 30px !important;
}
.title-task div, .answer-task div {
padding-bottom:14px !important;
}
.about-task .title-task .company-name{
letter-spacing:2em !important;
}
.about-task .title-task .establishment{
letter-spacing:2em !important;
}
.about-task .title-task .task-ceo{
letter-spacing:0.5em !important;
}
.about-task .title-task .capital{
letter-spacing:0.5em !important;
}
.about-task .title-task .location{
letter-spacing:0.5em !important;
}
.post-name-access .col{
display: flex;
justify-content: center;
}
}   @media (max-width: 470px) { .about-task {
font-family: "Noto Serif JP", serif;
font-weight:500 !important;
font-style: normal;
font-size:15px !important;
display:flex !important;
justify-content:center !important;
width:100% !important;
margin:0 auto !important;
padding:30px 0 !important;
}
.title-task div, .answer-task div {
padding-bottom:10px !important;
}
.answer-task{
width:200px !important;
}
.about-task .title-task .company-name{
letter-spacing:2em !important;
}
.about-task .title-task .establishment{
letter-spacing:2em !important;
}
.about-task .title-task .task-ceo{
letter-spacing:0.5em !important;
}
.about-task .title-task .capital{
letter-spacing:0.5em !important;
}
.about-task .title-task .location{
letter-spacing:0.5em !important;
} .post-name-works .container {
max-width: 96vw !important;
padding-left: 2vw !important;
padding-right: 2vw !important;
}
.post-name-works .works-content {
width: 96vw !important;
max-width: 99vw !important;
padding: 20px 4vw !important;
}
}   .home .siteContent{
display:none;
}
body:not(.home) .siteContent_after {
display: none;
} .fontEN{
font-family: "Ramabhadra", sans-serif;
font-weight: 600;
font-style: normal;
font-size:30px;
}
.fontJP{
font-family: "Noto Serif JP", serif;
font-size:16px;
font-weight:500;
} .full-width-background {
background-color: #EAEAEA;
width: 100vw;
height: 60px;
position: relative;
text-align: center;
left: 50%;
margin-left: -50vw;
}
.H1-style {
display: inline-block !important;
vertical-align: middle !important;
}
.grecaptcha-badge { visibility: hidden !important; } .siteFooter {
border-top:none !important;
background-color:#898989 !important;
color:#ffffff !important;
height:120px !important;
font-family: "Noto Serif JP", serif;
font-weight: 500 !important;
font-style: normal;
}
.footerWidget{
padding:25px 0 0 0 !important;
}
.siteFooter .copySection {
display:none !important;
} .post-name-business .dots-line {
width: 90vw;
height: 5px;
background-image: radial-gradient(circle 3px, #3E3A39 50%, transparent 50%);
background-size: 8px 5px;
background-repeat: repeat-x;
position: relative;
left: 50%; 
transform: translateX(-50%);
}
.post-name-business h1{
font-family: "Ramabhadra", sans-serif;
font-weight: 400;
font-style: normal;
}
.post-name-business h2, .post-name-business p {
font-family: "Noto Serif JP", serif;
}
.post-name-business .text-margin{
margin-bottom:70px;
}
.post-name-business .text-margin2{
margin-bottom:100px;
}
.businessH1{
margin: 60px 0 -5px;
}
.businessH2{
margin: 20px 0 -20px;
} .post-name-works{
font-family:'Noto Sans JP', sans-serif;
}
.post-name-works .container{
max-width: 1000px;
}
.post-name-works .col{
padding:0 !important;
}
.post-name-works .block-container{
position: relative;
width: 100vw;
height: 52px;
overflow: hidden;
left: 50%;
margin-left: -50vw;
}
.post-name-works .underber-BANDAI {
text-align: center;  
margin:-10px 0 -5px;
font-size: 1.5rem;
border:none;
animation: contentSlideDown 0.8s ease-out 0.6s forwards;
transform: translateY(100%);
}
.post-name-works .underbar-full {
height: 1px;
background: #3E3A39;
} .post-name-works .works-row {
display: flex;
justify-content: center;
flex-wrap: wrap; 
text-align:left;
overflow: hidden;
}
.post-name-works .works-content {
flex: 1 1 260px;
padding: 50px 20px;
display: flex;
flex-direction: column;
width: 320px;
}
.post-name-works .works-content img {
width: 100%;
margin-bottom: 15px;
}
.post-name-works .works-title {
font-weight: 900;
font-size: 1.5rem;
margin-bottom: 4px;
padding-left: 3px;
}
.post-name-works .works-underline {
width: 360px;
height: 1px;
background: #3E3A39;
margin: -3px auto 7px auto;
}
.post-name-works .works-txt {
font-size: 1rem;
font-weight: bold;
color: #3E3A39;
line-height: 1.4;
padding-left: 3px;
margin-bottom: 30px;
} .post-name-works .works-link {
margin-top: auto;
text-align: center;
}
.post-name-works .works-link a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 90%;
padding: 5px 0;
background: #EFEFEF;
color: #5b5b5b;
font-weight: bold;
font-size: 1rem;
text-decoration: none;
border: none;
cursor: pointer;
transition: background 0.2s, color 0.2s;
clip-path: polygon(
18px 0,
calc(100% - 18px) 0,
100% 50%,
calc(100% - 18px) 100%,
18px 100%,
0 50%
);
}
.post-name-works .works-link a:hover {
background: #e3ecf7;
color: #1557a6;
text-decoration: underline;
}
.post-name-works .works-link .arrow-triangle {
display: inline-block;
margin-left: 7px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 9px solid #5b5b5b;
}
.post-name-works .works-link a:hover .arrow-triangle {
border-left-color: #1557a6;
} .post-name-works .main-bar {
position: relative;
width: 98%;
height: 50px;
background: #DED8D4;
overflow: hidden;
border-bottom: 1px solid #555555;
display: flex;
align-items: center;
margin: 0 auto;
} .post-name-works .main-bar::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 100%;
background: #B3A59D;
} .post-name-works .sub-bar {
position: relative;
width: 98%;
height: 50px;
background: #EFEFEF;
overflow: hidden;
border-bottom: 1px solid #555555;
display: flex;
align-items: center;
margin: 50px auto 5px;
} .post-name-works .sub-bar::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 100%;
background: #B5B5B6;
}
.post-name-works .bar-txt {
margin-left: 30px;
font-size: 1.4rem;
font-weight: bold;
color: #3E3A39;
z-index: 2;
position: relative;
}
.post-name-works .list-underbar{
display: block;
width: 98%;
padding-bottom: 7px;
border-bottom: 1px solid #555;
margin: 0 auto 5px;
padding-left: 5px;
line-height: 1.2;
color: #3E3A39;
font-weight:500;
} .post-name-access p{
font-family: "Noto Serif JP", serif;
}
.post-name-access .H1-style span{
text-align:center;
} .thanks-H1{
font-family: "Noto Serif JP", serif;
font-size:28px;
font-weight:bold;
margin-top:50px;
}
.thanksMessage{
margin:50px 0 300px;
} .RUCRUIT-H1{
font-family: "Ramabhadra", sans-serif;
font-weight: 600;
font-style: normal;
font-size:45px;
margin-top:50px;
margin-bottom: -30px;
} .animate-mainbox {
height: 60px;
padding:0;
overflow: hidden;
}
.animate-maintext {
display: block;
height:60px;
line-height: 60px;
width: 100%;
animation: contentSlideUp 0.3s ease-out 0.3s forwards;
transform: translateY(100%); 
}
.fade-in-about{
opacity: 0;
animation: fadeInAbout 1s ease-out 1s forwards;
} @keyframes fadeInAbout {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes contentSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes contentSlideDown {
from {
transform: translateY(-100%); 
}
to {
transform: translateY(0);
}
}