@media (min-width: 1215px) { .gMenu_outer {
display: flex;
font-weight: 300;
width:100%;
}
.home .gMenu_outer {
transform: translateY(-100%);
animation: contentSlideDown 0.3s ease-out 0.5s forwards;
} .menu-header-container {
margin:0 auto;
}
#gMenu_outer .current-menu-item > a,
#gMenu_outer .current_page_item > a {
color:#212121;
}
#gMenu_outer .current-menu-item > a:hover,
#gMenu_outer .current_page_item > a:hover {
color:#212121;
}
.gMenu a {
color:#a0a0a0;
}
.gMenu > li:before, .gMenu > li.menu-item-has-children::after {
border-bottom:none;
}
.home .siteHeadContainer .siteHeader_logo{
display:none;
}
.home .siteHeader .container {
height:80px;
} .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;
width: 100%;
height:500px;
overflow: hidden;
}
.carousel-inner	.carousel-item{
width: 100%;
height: 100%;
display: flex;
align-items: center; justify-content: center;
}
.carousel-inner	.carousel-item img{
max-width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.header_scrolled .gMenu_outer nav {
width:600px;
}
.header_scrolled .gMenu>li {
border:none;
}
.header_scrolled .gMenu>li:last-child {
border:none;
}
.sectionBox .container .row .col-md-12 {
position:relative;
width:100%;
height:300px;
}  .Catchphrase1{
position: absolute;
top: 50px;
left: 100px;
height: 165px;
overflow: hidden;
}
.Catchphrase1 div{
display:block;
width: 30%;
height: 165px;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%);
}
.Catchphrase2{
position: absolute;
top: 150px;
right:0;
height: 75px;
opacity:0.9;
overflow: hidden;
}
.Catchphrase2 span{
display:block;
width: 100%;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%);
}
.Catchphrase2 .text-hanken{
margin: 0;
padding: 0 0 7px 10px;
} .post-name-works .works-content {
animation: contentSlideUp 1s ease-out 0.9s forwards;
transform: translateY(100%);
} .post-name-access .entry-body{
text-align:center;
}
.post-name-access .entry-body p{
text-align:left;
display:inline-block;
width: 600px;
}
}   @media (min-width: 992px) and (max-width: 1214px) { .gMenu_outer {
display: flex;
font-weight: 300;
width:100%;
}
.home .gMenu_outer {
transform: translateY(-100%);
animation: contentSlideDown 0.3s ease-out 0.5s forwards;
} .menu-header-container {
margin:0 auto;
}
#gMenu_outer .current-menu-item > a,
#gMenu_outer .current_page_item > a {
color:#212121;
}
#gMenu_outer .current-menu-item > a:hover,
#gMenu_outer .current_page_item > a:hover {
color:#212121;
}
.gMenu a {
color:#a0a0a0;
}
.gMenu > li:before, .gMenu > li.menu-item-has-children::after {
border-bottom:none;
}
.header_scrolled .gMenu_outer nav {
width:600px;
}
.header_scrolled .gMenu>li {
border:none;
}
.header_scrolled .gMenu>li:last-child {
border:none;
} .home .siteHeadContainer .siteHeader_logo{
display:none;
}
.home .siteHeader .container {
height:80px;
} .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;
width: 100%;
height:500px;
overflow: hidden;
}
.carousel-inner	.carousel-item{
width: 100%;
height: 100%;
display: flex;
align-items: center; justify-content: center;
}
.carousel-inner	.carousel-item.active{
display: flex;
}
.carousel-inner	.carousel-item img{
max-width: 100%;
height: auto;
object-fit: cover;
object-position: center;
} .sectionBox .container .row .col-md-12 {
position:relative;
width:100%;
height:300px;
}
.Catchphrase1{
position: absolute;
top: 50px;
left: 50px;
width: 30%;
height: 165px;
overflow: hidden;
}
.Catchphrase1 div{
display:block;
width: 100%;
height: 165px;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%);
}
.Catchphrase2{
position: absolute;
top: 150px;
right:0;
width: 60%;
height: 70px;
opacity:0.9;
overflow: hidden;
}
.Catchphrase2 span{
display:block;
width: 100%;
font-size:16px;
animation: contentSlideUp 1s ease-out 1s forwards;
transform: translateY(100%);
}
.Catchphrase2 .text-hanken{
margin: 0;
padding: 0 0 7px 10px;
} .post-name-works .works-content {
animation: contentSlideUp 1s ease-out 0.9s forwards;
transform: translateY(100%);
} .post-name-access .entry-body{
text-align:center;
}
.post-name-access .entry-body p{
text-align:left;
display:inline-block;
width: 600px;
}
}   @media (max-width: 991.98px) {
.gMenu_outer {
display: none;
}
.siteHeader_logo img {
position:absolute;
max-width: 200px; right:0;
left:0;
top:10px;
margin:0 auto;
} .home .siteHeader{
display:none;
} .fontEN{
vertical-align: -0.1em;
}
.fontJP{
vertical-align: 0.1em;
}
.siteHeader .container {
height:50px;
}
.Catchphrase1{
height:100%;
margin:30px 0;
text-align:center;
}
.Catchphrase1 div{
text-align:left;
display: inline-block;
width:80%;
}
.Catchphrase2{
width:80%;
margin:30px auto;
text-align:center;
}
.Catchphrase2 span{
text-align:left;
display: inline-block;
}
.Catchphrase2 .text-hanken{
margin-bottom:12px;
} .post-name-works .container {
max-width: 96vw;
padding-left: 2vw;
padding-right: 2vw;
}
.post-name-works .works-row {
grid-template-columns: repeat(2, 1fr);
} .about-task {
padding: 30px 0;
}
.post-name-access .col{
display: flex;
justify-content: center;
}
}   @media (max-width: 470px) { .about-task {
font-size: 15px;
}
.about-label,
.about-value {
padding-bottom: 10px;
}
.about-value {
max-width: 200px;
} .post-name-works .container {
max-width: 96vw;
padding-left: 2vw;
padding-right: 2vw;
}
.post-name-works .works-row {
grid-template-columns: 1fr;
}
}    .Catchphrase1,
.Catchphrase2 {
white-space: normal;
} .device-mobile .gMenu > li {
padding: 0;
}
.device-mobile .gMenu > li > a {
display: block;
overflow: hidden;
padding: 14px 1em;
}
.device-mobile .gMenu > li .gMenu_name {
font-size: 14px;
} .about-task {
display: table;
margin: 0 auto;
font-family: "Noto Serif JP", serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
padding: 50px 0;
}
.about-row {
display: table-row;
}
.about-label,
.about-value {
display: table-cell;
padding-bottom: 14px;
vertical-align: top;
}
.about-label {
width: 6em;
white-space: nowrap;
}
.about-label.company-name,
.about-label.establishment {
letter-spacing: 2em;
}
.about-label.task-ceo,
.about-label.capital,
.about-label.location {
letter-spacing: 0.5em;
}
.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;
vertical-align: middle;
}
.grecaptcha-badge { visibility: hidden !important; } .siteFooter {
border-top:none;
background-color:#898989;
color:#ffffff;
height:120px;
font-family: "Noto Serif JP", serif;
font-weight: 500;
font-style: normal;
}
.footerWidget{
padding:25px 0 0 0;
}
.siteFooter .copySection {
display:none;
} .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 .section.siteContent .container{
font-family:'Noto Sans JP', sans-serif;
max-width: 1000px;
}
.post-name-works .col{
padding:0;
}
.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: grid;
row-gap: 40px;
margin: 50px 0;
justify-items: center;
text-align:left;
overflow: hidden;
} @media (min-width: 992px) {
.post-name-works .works-row {
grid-template-columns: repeat(4, 1fr);
}
}
.post-name-works .works-content {
width: 100%;
padding: 0 20px;
display: flex;
flex-direction: column;
}
.post-name-works .works-content img {
width: 100%;
margin-bottom: 15px;
}
.post-name-works .works-title {
font-weight: 900;
font-size: 1.2rem;
margin-bottom: 4px;
padding-left: 3px;
}
.post-name-works .works-underline {
width: 100%;
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);
}
}