@charset 'UTF-8';

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

/* PRODUCT */
.product-parts{
	grid-template-columns: repeat(2, 1fr);
}
.product-partbox.empty{
	display:none !important;
}

}


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

/* SUSTAINABILITY */
.sustainability-sec02 {
    padding: 60px 0;
}

}/* 1440px */


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

body,body.home{
	min-width:1240px;
	position:relative;
}

}/* wrap down */


a.sp-header-toggle,
#drawer,
.sp-footer-copyright{
	display:none;
}


/* TABLET */
@media only screen and (max-width:991px){

body,body.home{
	min-width:inherit;
	position:inherit;
}
.wrap, body.home .wrap,
.wrap.wide, body.home .wrap.wide{
	max-width:100%;
	min-width:inherit;
	width:100%;
}

/* HEADER */
header#header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding-top:16px;
	height:60px;
}
#header .wrap{
	margin:0 auto;
}
.header__menu{
	display:none;
}
.header__contactbtn--link {
    width: 200px;
    height: 60px;
    background:rgba(0,0,0,.3);
}
.header__contactbtn--link--text {
    font-size: 16px;
}
.header__contactbtn--link--anker, .header__contactbtn--link--anker--img{
	width:10px;
}

a.sp-header-toggle {
    display: block;
    position: fixed;
    width: 80px;
    height: 60px;
    top: 0;
    right: 200px;
    cursor:pointer;
}
a.sp-header-toggle span{
	position:absolute;
	display:block;
	width:60px;
	height:2px;
	background:#FFF;
	left:10px;
	transition:all .3s ease;
}
a.sp-header-toggle span:nth-of-type(1){
	top:24px;
}
a.sp-header-toggle span:nth-of-type(2){
	top:36px;
}
a.sp-header-toggle.open span:nth-of-type(1){
	top:29px;
	transform:rotate(45deg);
}
a.sp-header-toggle.open span:nth-of-type(2){
	top:29px;
	transform:rotate(-45deg);
}

/* DRAWER */
#drawer{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:20px;
	padding-top:120px;
	z-index:998;
	transition:all .3s ease;
	opacity:0;
	overflow-y:scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	pointer-events:none;
	background:rgba(0,0,0,.9);
}
#drawer::-webkit-scrollbar {
  display:none;
}
#drawer.open{
	opacity:1;
	pointer-events:inherit;
}
.drawer__menu--lists{
	max-width:320px;
	margin:0 auto;
}
.header__menu--list{
	margin-bottom:24px;
}
.header__menu--list--num{
	font-size:16px;
}
.header__menu--list--text{
	font-size:28px;
}
.header__menu--list--sublist{
	margin-top:12px;
	padding-left:20px;
}
.header__menu--list--sublist a{
	color: #CCCCCC !important;
}

/* FOOTER */
.sp-footer-copyright{
	display:flex;
	justify-content:center;
	gap:15px;
	padding-bottom:80px;
	align-items: center;
}

/* ASIDE */
.aside__nummenu,
.aside__instagram{
	display:none;
}


/* COMMON */
.common-kv{
	padding:120px 0 400px;
}
.common-kv__enline{
	font-size:9vw;
}

.common-section{
	padding:100px 0;
}

.system-kv{
	padding-bottom:100px;
}


/* TOP */
.top-kv--wrap{
	width:100% !important;
}
.top-kv__logobox{
	padding-top:120px;
}
.top-kv--text,
.top-sec--maintext{
	font-size:20px;
}
.top-title__enline {
    font-size: 8.5vw;
}
.top-sec01__corn01 img,
.top-sec04__corn01 img{
	opacity: 0.2;
}
.top-sec01__flex--cont,
.top-sec01__flex--instagram{
	width:100%;
}
.top-sec01__flex--instagram{
	flex-direction:row;
	justify-content:center;
}
.top-sec01__flex--instagram .copyright{
	-ms-writing-mode:horizontal-tb;
	writing-mode:rl-tb;
}
.top-sec02__corn01{
	width:100%;
}
.top-works__links{
	flex-wrap:wrap;
	justify-content:center;
	gap:40px;
}
.top-works__link {
    width: calc(50% - 20px);
}
.top-works__link.n2,
.top-works__link.n3{
	margin-top:0;
}
.top-topics__flex--cont{
	width:100%;
}
.top-topics__flex--viewmore{
	width: 100%;
    text-align: center;
    margin-top: 60px;
}

.top-title__enline span, .common-section-title--enline span{
	white-space:wrap;
}


/* CONCEPT */
.concept-sec01__corn img{
	opacity:0.2;
}

.company-policy-1 .concept-middle-section__content__grid-box {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0 30px;
}

.behavioral-guidelines .concept-middle-section__content__grid-box {
	grid-template-columns: repeat(1, 1fr);
}


/* COMPANY */
.company-sec01__flex--cont {
    width: 100%;
}
.company-evaluations{
	grid-template-columns:1fr;
	gap:40px;
	padding: 40px 0 0;
	border-top:0;
}
.company-evaluations:last-of-type{
	border-bottom:0;
}

/* HISTORY */
.timeline--left{
	padding-right:40px;
}
.timeline--right{
	padding-left:40px;
}
.timeline--li::after {
    width: 30px;
}

/* OFFICE */
.office-address{
	flex-wrap:wrap;
}
.office-address--texts {
    max-width: 100%;
    min-width:inherit;
}
.office-img {
    position: relative;
    top: 0;
    margin-top: 40px;
    width:100%;
    text-align:center;
}


/* PRODUCT */
.product-parts{
	grid-template-columns:repeat(2,1fr);
}
.product-partbox.empty{
	display:none;
}
.product-car--link{
	width: 9vw;
    height: 9vw;
    font-size:3.5vw;
}
.product-car--link::before{
	height:20px;
}
.product-partbox {
    padding-top: 80px;
}
.product-part{
	padding:30px 20px;
}
.product-part--title--text{
	font-size:17px;
}
.product-car02 {
    position: relative;
    margin-bottom: 70px;
}

/* SUSTAINABILITY */
.sustainability-sec02{
	display:flex;
	flex-direction:column-reverse;
	gap:40px;
}
.sustainability-sec02--bg {
    width: 100%;
    position: relative;
}


/* RECRUIT */
.recruit-title .common-section-title--enline {
    font-size: 8.4vw;
}
.recruit-jobboxes{
	grid-template-columns: repeat(2,1fr);
}
.recruit-worker{
	width: calc((100% - 16px) / 2);
	margin-top: 180px;
}
.recruit-worker:nth-of-type(3n+2),
.recruit-worker:nth-of-type(3n+3){
    margin-top: 180px;
}
.recruit-worker--title--enline {
    font-size: 34px;
}

.recruit-infog.item2 {
    width: calc(100% / 2 - 10px);
}
.recruit-infog.item3 {
    width: 100%;
}
.recruit-infog.item1 .recruit-infog--data--number {
    font-size: 9vw;
}
.recruit-infog--data--number {
    font-size: 7vw;
}
.recruit-infog--data{
	font-size:3vw;
}

.recruit-job--link {
    width: 9vw;
    height: 9vw;
    font-size:3.5vw;
    transform: translate(-4.5vw,-13vw);
}
.recruit-job--link::before{
	height:20px;
}
.recruit-jobbox {
    padding-top: 80px;
}
.recruit-jobbox.empty{
	display:none;
}

.recruit-carriculum__box{
	padding:100px 20px 40px;
}

.recruit-steps{
	gap:27px;
}
.recruit-step {
    width: 30%;
}
.recruit-step--title::before{
	width:30px;
}
.recruit-schedule-steps{
	flex-wrap:wrap;
}
.recruit-schedule-steps .recruit-step {
    width: 30%;
}

.recruit-ct{
	display:flex;
	flex-direction:column-reverse;
	padding-bottom:0;
	padding-left:0;
}
.recruit-ct--hv{
	position:relative;
}
.recruit-ct--box{
	width:100%;
	padding-left:20px;
}
.recruit-ct--text{
	text-align:center;
}
.recruit-ct--box .common-section-title--enline{
	font-size:9vw !important;
}

.recruit-entry{
	flex-wrap:wrap;
}
.recruit-entry--steps{
	width:100%;
	flex-wrap: wrap;
}
.recruit-entry--step {
    width: calc((100% - (20px * 3)) / 4);
}
.recruit-entry--step--icon{
	height:20vw;
}
.recruit-entry--step:not(:last-of-type) .recruit-entry--step--icon::before{
	top:10vw;
}



/* Great Workers */
.gw-namecard--name {
    font-size: 34px;
}


/* CROSSTALK */
.symposium-title {
    font-size: 32px;
}
.symposium-box--content {
    width: 100%;
}
.symposium-box--img{
	margin:0 auto;
}


/* ARCHIVE */
.archive-sec01{
	padding-top:0;
}
.archive__flex--cont {
    width: 100%;
}
.archive__flex--menu {
    width: 100%;
    margin-top: 80px;
}
.archive__flex--menu--box{
	margin-bottom:0;
}


/* SINGLE */
.single-sec01{
	padding-top:0;
}


/* CONTACT */
.contact-sec01{
	padding-top:0;
}
.contact--text {
    font-size: 16px;
}



}/* TABLET END */



/* SPV */
@media only screen and (max-width:767px){

/* HEADER */
header#header{
	padding:10px;
	height:50px;
}
.header__logo--link--img{
	width:100px;
}
.header__contactbtn--link {
    width: 122px;
    height: 50px;
}
.header__contactbtn--link--text {
    font-size: 11px;
}
.header__contactbtn--link--anker{
	display:none;
}
a.sp-header-toggle {
    width: 50px;
    height: 50px;
    right: 120px;
}
a.sp-header-toggle span{
	width:30px;
}
a.sp-header-toggle span:nth-of-type(1){
	top:20px;
}
a.sp-header-toggle span:nth-of-type(2){
	top:30px;
}
a.sp-header-toggle.open span:nth-of-type(1),
a.sp-header-toggle.open span:nth-of-type(2){
    top: 25px;
}


/* DRAWER */
#drawer{
	padding-top:90px;
}
.header__menu--list--text{
	font-size:22px;
}
.header__menu--list--sublist--text{
	font-size:14px;
}


/* FOOTER */
.footer-contact--text{
	font-size:9vw;
}
.footer-contact__linkbox {
    padding: 20px 0;
}
.footer-contact__linkbox--link {
    width: 230px;
    height: 70px;
}

#footer .wrap {
    padding: 30px 20px;
}
.footer__flex {
    gap: 0;
}
.footer__menu--lists{
	display:none;
}
.footer__logo{
	width:100%;
	text-align:center;
}
p.copyright {
    font-size: 10px;
}


/* ASIDES */
.aside__recruit{
    right:20px;
    bottom:20px;
}
.aside__recruit img {
    max-width: 240px;
}


/* COMMON */
.common-section {
    padding: 60px 0;
}

.viewmore--link{
	width:140px;
	height:140px;
}
.viewmore--link--text {
    font-size: 20px;
}
.viewmore--link--anker--img {
    width: 12px;
}

.common-kv {
    padding: 80px 0 190px;
}

.common-kv__title--jpline {
    gap: 6px;
    margin-bottom: 12px;
}
.common-kv__title--jpline--num {
    font-size: 30px;
}
.common-kv__title--jpline--text {
    font-size: 14px;
}
.common-kv__enline {
    font-size: 7.5vw;
}

.common-kv--text {
    font-size: 13px;
}

.common-section-title--jpline {
    gap: 6px;
    margin-bottom: 12px;
}
.common-section-title--jpline--slash, .common-section-title--jpline--slash img {
    width: 16px;
    height: 16px;
}
.common-section-title--jpline--text {
    font-size: 14px;
}
.common-section-title--enline {
    font-size: 7vw;
}

.common-section--lead {
    font-size: 18px;
    line-height: 2;
}
.common-section--text {
    font-size: 14px;
}


.common-listbox {
    padding: 14px 0;
}
.common-dot-title{
	font-size:16px;
	padding-left: 1em;
	margin-bottom: 1em;
}
.common-dot-title::before {
    width: 8px;
    height: 8px;
    top: 8px;
}
.common-listbox--text {
    font-size: 14px;
}
.common-listbox--wwbox{
	font-size:14px;
}



/* TOP */
.top-sec--maintitle{
	font-size:20px;
}
.top-kv--text, .top-sec--maintext {
    font-size: 14px;
}
.top-title__jpline--num {
    font-size: 28px;
}
.top-title__jpline--text {
    font-size: 14px;
}
.top-title__jpline{
	gap:8px;
	margin-bottom:12px;
}
.top-title__enline {
    font-size: 7.5vw;
}

.top-sec--maintext{
	text-align:left;
}
.top-sec--maintext br{
	display:none;
}

.top-works__links{
	gap:30px;
}
.top-works__link {
    width: 100%;
}

.top-works__link--jpline{
	margin-bottom:80px;
}
.top-works__link--title {
    font-size: 7.5vw;
}

.topics__article--link{
	flex-wrap:wrap;
	justify-content: center;
	gap:14px;
}
.topics__article--cont {
    width: 100%;
}
.topics__article--anker{
	display:none;
}



/* ABOUT US */
.about-kv__lists{
	justify-content: center;
    padding-bottom: 10px;
    height: 4em;
}
.about-kv__list--link {
    font-size: 13px;
}
.about-kv__lists--devider {
    width: 12px;
    margin: 0 6px;
}

.concept-sec01 .pc_only{
	display:none;
}

/* COMPANY */
.company-clients {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 120px;
}
.company-evaluation{
	flex-wrap:wrap;
	gap:20px;
	justify-content: center;
}
.company-evaluation__cont {
    width: 100%;
}

/* HISTORY */
.timeline--date {
    font-size: 20px;
    margin-bottom: 8px;
}
.timeline--text{
	font-size:11px;
}

/* OFFICE */
.office-box {
    margin-bottom: 0px;
    padding-top: 40px;
}
.office-box:not(:last-of-type){
	padding-bottom: 40px;
}
.office-box:nth-of-type(1) {
    margin-top: 0;
    padding-top:0;
}
.office-address{
	gap:30px;
}
.office-address--maplink{
	width:100%;
	text-align:center;
}
.office-img{
	margin-top:0;
}
.office-map{
	margin-top:60px;
}
.office-map iframe{
	height:300px;
}


/* TECHNICAL */
.technical-box{
	margin-bottom:60px;
}


/* PRODUCT */
.product-car,
.product-car02{
	margin-bottom:0px;
}
.product-car--link:hover{
	transform: translate(-50%,-50%);
}
.product-parts {
    grid-template-columns: 1fr;
    gap:0;
}
.product-partbox{
	padding-top:60px;
}
.product-part--num {
    font-size: 30px;
    padding: 0 20px;
}
.product-part {
    padding: 40px 20px 20px;
}
.product-part--title--text{
	padding:14px;
	font-size: 18px;
}
.product-part--text,
.product-car02-part--text{
	font-size:14px;
}
.product-part--img img{
	width:100%;
	max-width:200px;
}


/* MACHINE */
.machine-box:not(:last-of-type) {
    margin-bottom: 60px;
}
.machine-box .common-section--text{
	margin-bottom:30px;
}
.machine-box--additionaltext {
    margin-bottom: 30px;
    padding: 20px 0;
    font-size: 13px;
}


/* RECRUIT */
.recruit-kv{
	height:105vw;
}
.recruit-kv img{
	height: 100%;
    object-fit: cover;
    object-position: center center;
}
.recruit-jobmap {
    margin-bottom: 0;
}
.recruit-job--link:hover{
	transform: translate(-4.5vw,-13vw);
}
.recruit-jobboxes {
    grid-template-columns: 1fr;
    gap:0;
}
.recruit-jobbox{
	padding-top:60px;
}
.recruit-job--num{
	font-size: 30px;
    padding: 0 20px;
}
.recruit-job--title--text{
	padding:14px;
	font-size: 18px;
}
.recruit-job--text{
	font-size:14px;
}
.recruit-job--thumb img{
	max-width:200px;
	width:100%;
}
.recruit-sec04--text{
	text-align:left;
	margin-bottom:40px;
}
.recruit-sec04--text br{
	display:none;
}
.recruit-workers{
	max-width:320px;
	margin:0 auto;
}
.recruit-worker {
    width: 100%;
    height:460px;
    margin-top: 130px;
    padding-top: 300px;
}
.recruit-worker--graduate{
	font-size:12px;
}
.recruit-worker--title{
	bottom:468px;
}
.recruit-worker--title--enline {
    font-size: 32px;
}
.recruit-infog{
	padding:20px;
}
.recruit-infog.item1 {
    width: 100%;
}
.recruit-infog.item2 {
    width: 100%;
}
.recruit-infog--title{
	font-size:22px;
	width:100%;
}
.recruit-infog--horbox{
	flex-wrap:wrap;
	gap:0;
}
.recruit-info-chart02{
	width:100%;
}
.recruit-inf16-flex--box{
	width:100%;
}
.recruit-infog--data--number {
    font-size: 42px;
}
.recruit-infog--data {
    font-size: 22px;
}
.recruit-infog.item1 .recruit-infog--data--number {
    font-size: 42px;
}
.recruit-infog.item1 .recruit-infog--data {
    font-size: 24px;
}
.rii-minicon img{
	width:100%;
	max-width:100px;
}
.recruit-steps{
	flex-wrap:wrap;
}
.recruit-step {
    width: 100%;
}
.recruit-step--title::before{
	display:none;
}
.recruit-title .common-section-title--enline {
    font-size: 7.5vw;
}
.recruit-req--btns {
    margin-top: 60px;
    gap: 20px;
    flex-wrap: wrap;
}
.recruit-schedule-steps .recruit-step {
    width: 100%;
}
.recruit-schedule-steps .recruit-step--title::before{
	display:none;
}
.recruit-ctsec{
	margin-top:120px;
}

.recruit-title .common-section-title--enline{
	font-size:7vw !important;
}

.recruit-carriculum__box {
    padding: 30px 20px 30px;
}
.recruit-entry:not(:last-of-type){
	margin-bottom:0;
}
.recruit-entry--step {
    width: calc((100% - (20px * 1)) / 2);
}
.recruit-entry--step--icon {
    border-radius:22px;
}
.recruit-entry--step--icon--text {
    font-size: 12px;
    text-align:center;
}
.recruit-entry--step--text{
	font-size:13px;
}



/* Great Workers */
.recruit.greatworkers .common-kv__corn--top{
	width:67vw;
}
.recruit.greatworkers .common-kv__corn--top::before{
	content:'';
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:0;
	left:0;
	clip-path:polygon(0 0, 100% 0, 0 100%);
	background:rgba(0,0,0,.6);
}

.greatworkers .common-kv{
	padding-top:150px;
}
.gw-sec01{
	padding-top:0;
}
.gw-namecard{
	flex-wrap: wrap;
	gap:40px;
}
.gw-namecard--name {
    font-size: 24px;
}
.gw-namecard--div {
    font-size: 18px;
}
.gw-namecard--content{
	width:100%;
}
.gw-box--title {
    font-size: 24px;
}
.gw-box--text {
    font-size: 16px;
}
.gw-box{
	margin-bottom:40px;
}

/* CROSSTALK */
.symposium-sec01{
	padding-top:0;
}
.symposium-bigimg{
	margin-bottom:60px;
}
.symposium-bigimg img{
	clip-path:none;
}
.symposium-title {
    font-size: 20px;
    margin-bottom:40px;
}
.symposium-line{
	margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 6px;
}
.symposium-name {
    width: 100%;
}
.symposium-name--text{
	font-size:13px;
}
.symposium-name--text small{
	margin-left:13px;
	font-size:13px;
	display:inline-block;
}
.symposium-name--graduate{
	font-size:8px;
}
.symposium-name--graduate br{
	display:none;
}
.symposium-text {
    width: 100%;
}
.symposium-text--text {
    font-size: 15px;
}




/* TOPICS */
.system-kv{
	padding-bottom:60px;
}
.archive-sec01,
.single-sec01{
	padding-top:0;
}
.wp-pagenavi a, .wp-pagenavi span {
    font-size: 20px;
    margin: 0 10px;
}
.previouspostslink, .nextpostslink{
	width:60px;
	height:60px;
}
.single-title {
    font-size: 28px;
    margin-bottom: 30px;
}
.single-content h1, .single-content h2 {
    font-size: 24px;
}
.single-bottom--link {
    gap: 10px;
    padding: 14px 20px;
    font-size: 18px;
}
.single-bottom--link--icon{
	width:14px;
}



/* PAGE CONTENT */
.single-content p,
.single-content ul li,
.single-content ol li{
	font-size:14px;
}
.single-content h1, .single-content h2{
	font-size:24px;
}
.single-content h3, .single-content h4{
	font-size:18px;
}



/* CONTACT */
.contact-sec01{
	padding-top:0;
}
.contact--text {
    font-size: 14px;
    margin-bottom: 60px;
}
.contact-submit{
	text-align:center;
}
.contact-submit input[type="submit"]{
	padding:24px 48px;
}
.wpcf7-spinner{
	display:none;
}



}/* SPV END */