/*
Theme Name: kawasaki-ind
Author: Teruhisa Osawa
Version: 1.0
*/
*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}img:not([alt]){filter:blur(0)}

*{
box-sizing:border-box;
}
html, body {
height:100%;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings : "palt"
}
body{
font-size:18px;
color: #3f3f3f;
-webkit-text-size-adjust: 100%;
position: relative;
right: 0;
overflow-x: hidden;
}

a{
text-decoration:underline;
opacity:1;
line-height:100%;
color:#000;
text-decoration:none;
}
a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
color:#000000;
}
a img:hover {
-moz-opacity:0.5;
opacity:0.5;
}
a:hover{
opacity:0.4;
cursor:pointer;
}
a.link img:hover,
a.link:hover{
opacity:1;
}
p,dt,dd,td,th,div{
line-height:1.8;
}
#main p{
margin-bottom:1rem;
}
img{
max-width:100%;
height:auto;
vertical-align:bottom;
}

a.tel,
a.tel img{
opacity:1;
cursor:default;
}

.en{
font-family: 'Roboto', sans-serif;
}
.serif{
font-family: 'Noto Serif JP', serif;
}
/*====================================================
LAYOUT
====================================================*/
#wrapper{
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.w1310{
width:1310px;
margin:0 auto;
}
.w1080{
width:1080px;
margin:0 auto;
}
.w1040{
width:1040px;
margin:0 auto;
}
.w900{
width:900px;
margin:0 auto;
}
.w720{
width:720px;
margin:0 auto;
}
.w700{
width:700px;
margin:0 auto;
}


/*====================================================
HEADER
====================================================*/
#header{
background:#666;
}
#header .logo{
float:left;
}
#header .logo a{
font-weight:600;
color:#fff;
}
#header .logo img{
display:inline-block;
margin-right:0.5rem;
width:280px;
height:auto;
}
#header #nav{
float:right;
}
#header #nav li{
float:left;
position:relative;
margin:0 2rem 0 0;
}
#header #nav li a{
display:block;
color:#fff;
padding:1rem;
}
#header #nav li a:hover{
color:#3353ff;
opacity:1;
}
#header #nav li.rcrt{
margin:0;
}
#header #nav li.rcrt a{
line-height:1;
padding:1rem 3rem;
background:#3353ff;
border-radius:5rem;
}
#header #nav li.rcrt a:hover{
color:#fff;
}
#header #nav ul.child{
display:none;
position:absolute;
top:2.5rem;
left:-100px;
width:340px;
padding:1rem;
background:rgba(51,83,255,0.9);
}
#header #nav ul li.parent:hover ul.child{
display:block;
animation-name: fadein;
animation-duration: 1s;
animation-fill-mode: forwards;
}
#header #nav ul.child li{
float:none;
line-height:1;
margin: 0 0 0.5rem 0;
}

#header #nav ul.child2{
display:none;
position:absolute;
top:2.5rem;
left:-130px;
width:400px;
background:rgba(51,83,255,0.9);
padding:1rem 1rem 0.5rem 1.5rem;
}
#header #nav ul.child2  li{
margin: 0 0 0.5rem 0;
}
#header #nav ul.child2 li:nth-child(odd){
width:50%;
float:left;
}
#header #nav ul.child2 li:nth-child(even){
width:50%;
float:right;
}

#header #nav ul li.parent2:hover ul.child2{
display:block;
animation-name: fadein;
animation-duration: 1s;
animation-fill-mode: forwards;
}
#header #nav ul.child2 li a,
#header #nav ul.child li a{
padding:0.5rem 0;
}
#header #nav ul.child2 li a:hover,
#header #nav ul.child li a:hover{
color:#fff;
text-decoration:underline;
}
#header #hnav{
position:fixed;
width:100%;
left:0;
padding:1rem;
z-index:101;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
#header #hnav.active{
background:rgba(0,0,0,0.5);
}
#header #tslide{
position:absolute;
width:100%;
z-index:100;
}
#header #tslide img{
width:100%;
height:auto;
position: relative;
text-align:center;
color:#fff;
}
#tslide .topcopy .inner{
text-align:center;
color:#fff;
position: absolute;
width:90%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
#tslide .topcopy .en{
display:block;
font-size:60px;
padding-bottom:2rem;
line-height:1.5;
font-style: italic;

}
#tslide .topcopy .jp{
font-size:32px;
animation-name: fadeup;
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 0s;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeup {
0% {opacity:0;padding-top:1rem;}
100% {opacity:1;padding-top:0;}
}

#tslide .vdots{
position:absolute;
right:2rem;
top:40%;
}
#tslide .vdots ul li{
margin-bottom:1rem;
}
#tslide .vdots ul li a{
background:none;
width:16px;
height:16px;
border:1px solid #fff;
display:block;
color:#ccc;
text-align:center;
vertical-align:middle;
border-radius:30px;
}
#tslide .vdots ul li a:hover,
#tslide .vdots ul li a.active{
background:#baff66;
border:1px solid #baff66;
opacity:1;
}


#scrolldown a {
display: inline-block;
position: absolute;
left:10%;
bottom: 0;
z-index: 2;
padding: 10px 10px 110px;
overflow: hidden;
color: #fff;
font-size: 12px;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
text-decoration: none;
writing-mode: vertical-lr;
}
#scrolldown a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 100px;
background: #fff;
}
#scrolldown a::after {
  animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  30% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  70% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

#breadcrumb{
background:#eee;
padding:0.5rem;
}
#breadcrumb ul{
display:flex;
}
#breadcrumb ul li a,
#breadcrumb ul li{
font-size:14px;
position:relative;
color:#999;
}
#breadcrumb ul li{
padding-right:1rem;
margin-left:0.5rem;
}
#breadcrumb ul li:after{
content:">";
position:absolute;
right:0;
}
#breadcrumb ul li:last-child:after{
content:"";
}
#breadcrumb .fbc-page .fbc-wrap .fbc-items li{
padding:5px 2px;
}

/*====================================================
SPNAVI
====================================================*/

.spbtn{
display:none;
float:right;
position: relative;
/*background:#223ae4;*/
cursor: pointer;
width: 50px;
height:50px;
border-radius: 5px;
}
.spbtn span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 2px;
border-radius: 5px;
background: #fff;
width: 45%;
}
.spbtn span:nth-of-type(1) {
top:13px;	
}
.spbtn span:nth-of-type(2) {
top:19px;
}
.spbtn span:nth-of-type(3) {
top:25px;
}
.spbtn span:nth-of-type(3)::after {
content:"Menu";
position: absolute;
top:5px;
left:-2px;
color: #fff;
font-size: 0.6rem;
text-transform: uppercase;
}
.spbtn.active span:nth-of-type(1) {
top: 14px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 30%;
}
.spbtn.active span:nth-of-type(2) {
opacity: 0;
}
.spbtn.active span:nth-of-type(3){
top: 26px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 30%;
}
.spbtn.active span:nth-of-type(3)::after {
content:"Close";
transform: translateY(0) rotate(-45deg);
top:5px;
left:4px;
}

/*====================================================
MAIN
====================================================*/
#main{
}
#top6,
#top2,
#top1{
padding:7rem 0 6rem 0;
}
.grad0{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad0.png) no-repeat center left;
background-size:contain;
}
.grad1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad1.png) no-repeat center left;
background-size:contain;
}
.grad2{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad2.png) no-repeat center left;
background-size:contain;
}
.grad3{
padding:5rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad3.png) no-repeat center right;
background-size:contain;
}
#top2{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/top_service2b.jpg) no-repeat center center;
background-size:cover;
}
#top2 img{
width:40px;
margin:0 auto;
margin-bottom:1rem;
}
#top1 p{
font-size:21px;
line-height:2.5;
letter-spacing:1px;
}
#top1 p.top1a{
margin-bottom:0;
}
#top1 p.top1b{
margin-bottom:3rem;
}
#top1 p .big{
font-size:50px;
font-weight:500;
line-height:1;
font-style: italic;
}
#top1 p .pcbr{
display:block;
}
.secbox h2,
.sec h1{
text-align:center;
font-size:18px;
line-height:1.3;
margin-bottom:4rem;
color:#223ae4;
letter-spacing:7px;
}
.secbox h2 .en,
.sec h1 .en{
display:block;
font-size:48px;
letter-spacing:15px;
}
.secbox h2 .en:first-letter,
.sec h1 .en:first-letter{
font-size:60px;
}
.secbox h2 .en:after,
.sec h1 .en:after {
content: " ";
margin-left: -10px;
}
#top5.sec h1,
#top4.sec h1,
#top2.sec h1{
color:#fff;
}

.c4box ul,
.t6box,
.c3box ul,
.t3box ul,
.t2box ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.t2box{
margin-bottom:5rem;
}
.t2box ul{
height: 300px;
}
.t2box ul li{
width:32%;
border:2px solid #fff;
padding:4rem 0 0 0;
text-align:center;
margin-left:2%;
color:#fff;
font-size:28px;
font-weight:bold;
}
.btn_more a{
display:block;
width:200px;
border:2px solid #223ae4;
padding:1rem;
font-size:24px;
letter-spacing:3px;
border-radius:3rem;
margin: auto;
color:#223ae4;
}
.btn_more.btn_more2 a{
border:2px solid #b7ea75;
color:#fff;
}

.t3box ul{
	gap:1rem;
}

.t3box ul li{
width:32%;
height:300px;
display:table;
text-align:center;
padding:1rem;
}

.t3box ul li a{
display:table-cell;
border:2px solid #fff;
vertical-align:middle;
color:#fff;
font-size:24px;
line-height:1.5;
letter-spacing:2px;
font-weight:bold;
}
.t3box ul li p:first-letter{
font-size:42px;
}
.t3box ul li:first-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/top3-1b.jpg) no-repeat;
background-size:cover;
}
.t3box ul li:nth-child(2n){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/top3-new.jpg) no-repeat;
background-size:cover;
}
.t3box ul li:nth-child(3n){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/top3-2b.jpg) no-repeat;
background-size:cover;
}
.t3box ul li:last-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/top3-3b.jpg) no-repeat;
background-size:cover;
}
#top4{
padding:6rem 0 5rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/company_bg2.jpg) no-repeat;
background-size:cover;
}
#top5{
padding:6rem 0 5rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2025/03/recruit_top.jpg) center center no-repeat;
background-size:cover;
}
#top5 p,
#top4 p{
color:#fff;
font-size:21px;
line-height:2.5;
letter-spacing:3px;
margin-bottom:3rem;
}
#top5 p .big,
#top4 p .big{
font-size:42px;
line-height:1;
}
.t6box{
flex-wrap: wrap;
}
.t6box .t6boxs{
width:32%;
border:1px solid #223ae4;
background:#fff;
padding:1rem;
margin-bottom:1.5rem;
}
.t6box .t6boxs .img{
margin-bottom:1rem;
}
.t6box .t6boxs .txt{
position:relative;
}
.t6box .t6boxs:hover{
opacity:0.7;
cursor:pointer;
}
.t6box .t6boxs .cat2,
.t6box .t6boxs .cat{
position:absolute;
right:0;
background:#223ae4;
color:#fff;
line-height:1.8;
padding:0 1rem;
font-sizE:88%;
}

.t6box .t6boxs .cat2{
background:#eeeeee;
color:#3f3f3f;
}
.t6box .t6boxs a{
display:block;
line-height:1.8;
padding-top:0.5rem;
}

.grad6{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad6.png) no-repeat center right;
background-size:contain;
}

#interview1{
height:520px;
background:#f6f6f9;
position:relative;
text-align:center;
}
#interview1 h2{
font-size:28px;
position:absolute;
top:20%;
right:15%;
font-weight:normal;
line-height:2;
}
#interview1 h2 .big{
font-size:36px;
line-height:1;
}
#interview1 h2 .jp{
padding-right:2rem;
}


/*====================================================
PAGE
====================================================*/
.page #header{
height:420px;
position:relative;
}
.page #header h1{
text-align:center;
color:#fff;
line-height:1.2;
position:absolute;
top:35%;
left:0;
right:0;
bottom:0;
font-size:30px;
letter-spacing:7px;
}
.page #header h1 .en{
display:block;
font-size:60px;
letter-spacing:15px;
}
.page #header h1 .en:first-letter{
font-size:75px;
}


.grad4{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad4.png) no-repeat center left;
background-size:contain;
}
.grad5{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad5.png) no-repeat center right;
background-size:contain;
}
#company1{
padding:7rem 0 5rem 0;
}
#company1 .grad5{
padding:5rem 0;
}
#global1 p,
#company1 p{
font-size:21px;
letter-spacing:2px;
line-height:2.5;
margin-bottom:2.5rem;
}

.grad7{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad7.png) no-repeat center left;
background-size:contain;
}
#company2{
background:#f6f6f9;
padding:6rem 0 2rem 0;
}

.c3box ul{
display:flex;
flex-wrap: wrap;
}
#recruit3 .c3box ul{
flex-wrap:none;
}
.c3box ul li{
width:48.5%;
height:290px;
text-align:center;
padding:15px;
margin-bottom:2rem;
}
#recruit3 .c3box ul li{
width:48%;
}

.c3box ul li a{
font-size:28px;
line-height:1.5;
letter-spacing:2px;
color:#fff;
display:block;
width:100%;
height:260px;
font-weight:bold;
border:2px solid #fff;
position:relative;
}
.c3box ul li a span{
position: absolute;
width:90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.c3box ul li:first-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/company1c.jpg) no-repeat;
background-size:cover;
}
.c3box ul li:nth-child(2){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/company2c.jpg) no-repeat;
background-size:cover;
}
.c3box ul li:nth-child(3){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/company3c.jpg) no-repeat;
background-size:cover;
}
.c3box ul li:last-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/company4c.jpg) no-repeat;
background-size:cover;
}

#global1{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/global_bg3.jpg) no-repeat center center;
background-size:cover;
color:#fff;
}
#global1 h2{
font-size:48px;
text-align:center;
margin-bottom:2rem;
}
#global1 h2:first-letter{
font-size:60px;
}

.addrbox h2{
font-size:21px;
font-weight:normal;
letter-spacing:3px;
margin-bottom:3rem;
}
.addrbox h2 .num{
font-size:48px;
font-weight:bold;
font-style:italic;
}
.addrbox h2 .country{
font-size:36px;
font-weight:500;
padding:0 0.5rem 0 0;
}
#global3{
padding:6rem 0 4rem 0;
background:#f6f6f9;
}
#global3 .addr,
#global2 .map{
width:47.5%;
float:left;
}
#global3 .map,
#global2 .addr{
width:47.5%;
float:right;
}
.addrbox .addr table{
width:100%;
}
.addrbox .addr th{
width:25%;
vertical-align:top;
}
.addrbox .addr td,
.addrbox .addr th{
line-height:2.5;
}
.addrbox .map iframe{
width:100%;
height:350px;
}

.grad8{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad8.png) no-repeat center left;
background-size:contain;
}
.grad9{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad9.png) no-repeat center right;
background-size:contain;
}

#quality1 .grad5{
padding:6rem 0;
}
#quality1 h2{
font-size:48px;
margin-bottom:4rem;
}
#quality1 p{
font-size:36px;
}

#quality2{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/quality2b_bg.jpg) no-repeat center center;
background-size:cover;
}
#quality2 h3{
font-size:36px;
margin-bottom:3rem;
}

.qua6-top p,
#quality4 p,
#quality3 p,
#quality2 p{
font-size:21px;
line-height:2.5;
margin-bottom:3rem;
}
.secbox p,
.secbox h3,
.secbox h2{
color:#fff;
}

#quality3{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/quality3b_bg.jpg) no-repeat center center;
background-size:cover;
}
#quality3 .num{
font-size:36px;
font-style:italic;
font-weight:500;
line-height:1;
letter-spacing:4px;
}
.grad10{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad10.png) no-repeat center left;
background-size:contain;
}
.grad11{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad11.png) no-repeat center right;
background-size:contain;
}
#quality1 h2,
#quality4 h2{
font-size:36px;
margin-bottom:3rem;
}
#quality5{
padding:6rem 0 4rem 0;
background:#fafafc;
}
#quality5 ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
#quality5 ul li{
margin-right:1rem;
}

.qua6-top{
padding:6rem 0 4rem 0;
}
#contact1 h2.h2,
#recruit5 h2,
#recruit4 h2,
.qua6-top h2{
color:#3352ff;
font-size:48px;
letter-spacing:15px;
margin-bottom:2rem;
}
.qua6-top h2 .en{
font-size:60px;
}
.qua6-top p{
letter-spacing:2px;
}
.qua6-top .sdgs{
padding:2rem 0 4rem 0;
text-align:center;
}
.qua6-top .sdgs img{
display:block;
width:480px;
margin:0 auto;
}
.grad12{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad12.png) no-repeat center left;
background-size:contain;
}
.grad13{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad13.png) no-repeat center right;
background-size:contain;
}
.interview h2,
#technology2 h3,
#philosophy4 h3,
#quality6 h3{
font-size:36px;
margin-bottom:3rem;
text-align:center;
}
.interview h2 .en,
#technology2 h3 .en,
#philosophy4 h3 .en,
#quality6 h3 .en{
font-size:48px;
font-style:italic;
letter-spacing:6px;
}
.phi4-b .txt,
.phi4-a .img,
.qua6-b .txt,
.qua6-a .img{
float:left;
width:45%;
}
.phi4-b .img,
.phi4-a .txt,
.qua6-b .img,
.qua6-a .txt{
float:right;
width:45%;
}
.qua6-b .img ul,
.qua6-a .img ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.qua6-b .img ul li,
.qua6-a .img ul li{
width:200px;
}
.tec2-b,
.phi4-b,
.qua6-b{
padding:6rem 0 5rem 0;
background:#f6f6f9;
}
.qua6-4a{
float:left;
}
.qua6-4b{
float:right;
}

#philosophy1{
padding:7rem 0 5rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/philosophy1b.jpg) no-repeat center center;
background-size:cover;
}
#philosophy1 p{
color:#fff;
font-size:21px;
line-height:2.5;
margin-bottom:2.5rem;
}
#philosophy1 .big{
font-size:36px;
line-height:1;
}

#philosophy2{
padding:6rem 0 10rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_01b.jpg) no-repeat center center;
background-size:cover;
color:#fff;
-webkit-transition: background-image 0.5s ease-in-out;
transition: background-image 0.5s ease-in-out;
}
#philosophy2.p2bg1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_01b.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg2{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_02.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg3{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_03.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg4{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_04.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg5{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_05.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg6{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_06.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg7{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_07c.jpg) no-repeat center center;
background-size:cover;
}
#philosophy3{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/philosophy3b.jpg) no-repeat center center;
background-size:cover;
color:#fff;
}
#philosophy3 th{
width:30%;
font-weight:500;
vertical-align:top;
text-align:left;
}

#philosophy4 td,
#philosophy4 th,
#philosophy3 th,
#philosophy3 td{
line-height:2.5;
}

#philosophy4 iframe{
border:none;
width:100%;
height:350px;
}
#philosophy4 th{
width:40%;
font-weight:normal;
}

#storybox{
padding-top:4rem;
}
#storybox dt{
font-size:36px;
font-style:italic;
}
#storybox dd{
font-size:21px;
}
#storybox dt:first-child{
font-size:48px;
}
#storyline{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position:relative;
}
#storyline:after{
position:absolute;
content:"";
width:100%;
height:2px;
background:#fff;
left:50%;
margin-left:-50%;
top:15px;
z-index:9;
}
#storyline div{
width:14.28%;
text-align:center;
position:relative;
}
#storyline div a{
color:#fff;
display:block;
position:relative;
padding-top:45px;
z-index:11;
}
#storyline div:before{
position:absolute;
content:"";
width:100%;
height:2px;
background:#fff;
left:-50%;
top:15px;
z-index:9;
}
#storyline div:after{
content:"";
position:absolute;
width:30px;
height:30px;
border-radius:50%;
background:#fff;
top:0;
left:0;
right:0;
margin:0 auto;
z-index:10;
}
#storyline div.active:before,
#storyline div.active:after{
background:#baff66;
box-shadow: 0px 0px 15px 2px #baff66;
}

#technology1{
padding:6rem 0 4rem 0;
}
.grad14{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad14.png) no-repeat center left;
background-size:contain;
}
#technology1 p{
font-size:21px;
line-height:2.5;
margin-bottom:3rem;
}
#technology1 p .big{
font-size:50px;
line-height:1;
}

#tech2_ttl{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/technology_ttl1.jpg) no-repeat center center;
background-size:cover;
height:285px;
}
#tech2_ttl h2{
line-height:285px;
color:#fff;
font-size:48px;
letter-spacing:1rem;
}
#tech2_ttl h2 .big{
font-size:60px;
}

.tec2-b .txt,
.tec2-a .img{
width:48%;
float:left;
}
.tec2-b .img,
.tec2-a .txt{
width:48%;
float:right;
}
.interview p,
#recruit1 p,
#technology2 p{
font-size:21px;
line-height:2.5;
margin-bottom:2.5rem;
letter-spacing:2px;
}
#recruit1 p .big{
line-height:1;
}

.grad15{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad15.png) no-repeat center left;
background-size:contain;
}
.grad16{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad16.png) no-repeat center right;
background-size:contain;
}
.grad17{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad17.png) no-repeat center left;
background-size:contain;
}

#recruit2{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2025/03/recruit1.jpg) no-repeat center center;
background-size:cover
}
#recruit2 h2{
display:block;
font-size:36px;
letter-spacing:15px;
color:#fff;
margin-bottom:3rem;
}
#recruit2 h2:first-letter{
font-size:48px;
}
#recruit2 ul li{
font-size:31px;
margin-bottom:2.5rem;
color:#fff;
}


#recruit3 .c3box ul li:first-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2025/03/button1.jpg) no-repeat;
background-size:cover;
}
#recruit3 .c3box ul li:nth-child(2n){
background:url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2025/03/button2.jpg) no-repeat;
background-size:cover;
}
#recruit3 .c3box ul li:nth-child(3){
background:url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2025/03/button3-1.jpg) no-repeat;
background-size:cover;
}
#recruit3 .c3box ul li:last-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2025/03/button3.jpg) no-repeat;
background-size:cover;
}
.btn_entry a{
width:200px;
height:70px;
line-height:70px;
border-radius:5rem;
color:#667cff;
font-size:21px;
display:block;
margin:0 auto;
text-align:center;
letter-spacing:5px;
border:2px solid #667cff;
}

.grad18{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad18.png) no-repeat center left;
background-size:contain;
}
.grad19{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad19.png) no-repeat center right;
background-size:contain;
}
#recruit4 h3{
margin-bottom:1rem;
font-size:36px;
font-weight:normal;
color:#3f3f3f;
}
#recruit4 h4{
border-left:5px solid #3352ff;
line-height:1;
font-size:21px;
padding:0 0 0 0.5rem;
float:left;
margin-top:1rem;
}
#recruit4 .rcrtin{
padding-left:200px;
}
#recruit4 table{
width:100%;
}
#recruit4 th{
vertical-align:top;
width:22%;
text-align:left;
}
#contact1 p,
#recruit4 th,
#recruit4 p{
line-height:2.5;
letter-spacing:1px;
font-size:21px;
}
.rcrtbox{
padding-top:1.5rem;
border-top:1px dotted #999;
}
#recruit4 th,
#recruit4 td{
border-bottom:1px dotted #999;
padding-top:1rem;
}
#recruit4 .nobdr th,
#recruit4 .nobdr td{
border:none;
padding-top:0;
}

.interviewlist{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom:4rem;
}
.interviewbox{
width:30%;
}
.interviewbox .img{
position:relative;
margin-bottom:0.5rem;
}
.interviewbox .img img{
width:100%;
}
.interviewbox .img h3{
position:absolute;
bottom:10%;
left:0;
background:#3352ff;
color:#fff;
font-size:21px;
padding:0.6rem 1.5rem 0.8rem 2rem;
line-height:1;
}
.interviewbox p{
line-height:2;
}
.interviewbox p .en{
font-weight:500;
}
.interviewbox:hover{
opacity:0.7;
cursor:pointer;
}
#recruit5 h2{
margin-bottom:5rem;
}
.grad20{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad20.png) no-repeat center left;
background-size:contain;
}
.grad21{
padding:6rem 0 5rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad21.png) no-repeat center right;
background-size:contain;
}

.cars{
background:#bbbbbc;
padding:4rem 1rem;
text-align:center;
}
.cars{
}
.cars img{
display:block;
margin:0 auto;
}
#plist{
padding:4rem 0;
background:#f6f6f9;
}
#plist ul{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin-bottom:4rem;
}
#plist ul li{
width:24%;
margin-left:1.3333%;
}
#plist ul li:nth-child(4n+1){
margin-left:0;
}
#plist ul li .img{
background:#000;
}
#plist ul li img{
width:100%;
opacity:0.8;
}
#plist ul li.active img{
opacity:1;
}
#plist ul li span{
display:block;
padding:1rem 1rem 1rem 1.8rem;
position:relative;
}
#plist ul li span:before{
content:">";
font-size:12px;
position:absolute;
left:1rem;
top:1rem;
font-family: 'Roboto', sans-serif;
}
.moviebox{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/product_03_grad.png) no-repeat center right;
background-size:cover;
}
.moviebox .ytbox_wrap{
width:1025px;
margin:0 auto;
}
.ytbox {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.ytbox iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.grad22{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad22.png) no-repeat center left;
background-size:contain;
}
.grad23{
padding:5rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad23.png) no-repeat center right;
background-size:contain;
}

.c4box ul li{
width:24%;
height:226px;
display:table;
text-align:center;
padding:1rem;
}
.c4box ul li a{
font-size:28px;
line-height:1.5;
letter-spacing:2px;
color:#fff;
font-weight:bold;
display:table-cell;
border:2px solid #fff;
vertical-align:middle;
}
.c4box ul li:first-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/yt1.jpg) no-repeat;
background-size:cover;
}
.c4box ul li:nth-child(2n){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/yt2.jpg) no-repeat;
background-size:cover;
}
.c4box ul li:nth-child(3n){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/catalog.jpg) no-repeat;
background-size:cover;
}
.c4box ul li:last-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/shop.jpg) no-repeat;
background-size:cover;
}

.grad24{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad24.png) no-repeat center left;
background-size:contain;
}
.grad25{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad25.png) no-repeat center right;
background-size:contain;
}

.pline{
position:relative;
padding-left:90px;
line-height:2.5;
}
.pline:before{
content:"";
position:absolute;
width:65px;
height:1px;
background:#777777;
left:0;
top:10px;
}

#main .interview p{
margin-bottom:4rem;
}
#interview7,
#interview5,
#interview3{
padding:6rem 0 4rem 0;
background:#f6f6f9;
}

#interview1 .uejima{
width:100%;
height:520px;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/uejima.jpg) no-repeat bottom center;
}
.para{
height:520px;
width:100%;
position:relative;
}
#uejima1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/uejima1.jpg) no-repeat center center;
background-size:cover;
height:520px;
width:100%;
}
#uejima2{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/uejima2.jpg) no-repeat center center;
background-size:cover;
height:520px;
width:100%;
}
#atsumi1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/atsumi1.jpg) no-repeat center center;
background-size:cover;
height:520px;
width:100%;
}
#atsumi2{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/atsumi2.jpg) no-repeat center center;
background-size:cover;
height:520px;
width:100%;
}
#kaneko1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/kaneko1.jpg) no-repeat center center;
background-size:cover;
height:520px;
width:100%;
}
#kaneko2{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/kaneko2.jpg) no-repeat center center;
background-size:cover;
height:520px;
width:100%;
}

#interview6.grad3{
padding:6rem 0 4rem 0;
}

#interview1 .atsumi h2{
right:auto;
left:15%;
}
#interview1 .atsumi{
width:100%;
height:520px;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/atsumi.jpg) no-repeat bottom center;
}



#interview1 .kaneko{
width:100%;
height:520px;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/kaneko.jpg) no-repeat bottom center;
}



.grad26{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad26.png) no-repeat center left;
background-size:contain;
}

#contact1,
#news1{
background:#f6f6f9;
}
#main #contact1 p.mb4{
margin-bottom:4rem;
}
.grad27{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad27.png) no-repeat center left;
background-size:contain;
}
.grad28{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad28.png) no-repeat center right;
background-size:contain;
}

.newsblock{
background:#fff;
padding:3rem 4rem;
}
.newsblock .newscnt{
width:70%;
float:left;
}
.newsblock .newsnav{
width:25%;
float:right;
}
.newsblock .newsin{
margin-bottom:3rem;
}

.newsblock .eyechatch{
margin-bottom:1rem;
}
.newsblock .newsnav h3{
margin-bottom:1rem;
}
.newsblock .newsnav ul{
margin:0;
padding:0;
}
.newsblock .newsnav li{
margin-bottom:1rem;
list-style:none;
}

.pagenav{
display:flex;
border-top:1px solid #cccccc;
padding:3rem 0 0 0;
}
.pagenav div{
width:50%;
}
.pagenav .nextpost{
text-align:right;
}

.grad29{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad29.png) no-repeat center left;
background-size:contain;
}
.grad30{
padding:6rem 0 4rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad30.png) no-repeat center right;
background-size:contain;
}

.link{
color:#3352ff;
border-bottom:1px solid #3352ff;
}
.formbox{
background:#fff;
padding:2rem 2rem 4rem 2rem;
}
.formbox th{
width:28%;
text-align:left;
line-height:1;
vertical-align:top;
}
.formbox th .req{
float:right;
}
.formbox td,
.formbox th{
padding:1.5rem 1rem;
font-size:21px;
border-bottom:1px solid #ddd;
}
.formbox li{
line-height:1;
margin-bottom:1.5rem;
}
.formbox li input{
line-height:1.8;
}
.formbox input,
.formbox textarea{
border:1px solid #999;
padding:0.3rem;
}
.formbox textarea{
width:100%;
height:200px;
}
.formbox .ipt1{
width:100%;
}
.formbox .ipt2{
width:110px;
}
.formbox .ipt3b,
.formbox .ipt3c,
.formbox .ipt3{
width:150px;
}
.formbox .ipt4{
width:70%;
}
.formbox .ipt5{
width:79%;
}
#main .formbox p{
margin-bottom:0;
}
#main .formbox .orange{
color:#ffffff;
font-weight:500;
margin-bottom:2rem;
display:none;
}
.agree{
padding-top:2rem;
}
.mw_wp_form_confirm .agree,
#main .mw_wp_form_confirm .formbox .orange{
display:none;
}
.btn_submit{
text-align:center;
}
.btn_submit button,
.btn_submit input{
background:#cccccc;
border:none;
margin:0 auto;
padding:1rem 1.5rem;;
color:#fff;
border-radius:5px;
box-shadow: 0 0 4px #ddd;
width:280px;
}
.btn_submit button.active,
.btn_submit input.active{
background:#3352ff;
}
.btn_submit button.send,
.btn_submit input.send{
background:#ff6600;
color:#fff;
}

.btn_submit button:hover,
.btn_submit input:hover{
cursor:pointer;
position:relative;
top:-1px;
}
.btn_submit button:disabled{
top:0;
}
.btn_submit button:disabled:hover{
cursor:default;
}

.btn_confirm{
display: -webkit-flex;
display: flex;
justify-content: center;
margin-top:4rem;
}
.btn_submit.reedit{
margin-right:1.5rem;
}

.movcnt{
display:none;
}
.movcnt.active{
display:block;
}
#page-content{
padding:6rem 0 4rem 0;
}
#page-content ol li{
margin-bottom:1rem;
}
#page-content ol li ul{
margin-top:1rem;
}

/*====================================================
FOOTER
====================================================*/
#footer{
padding:5rem 0 2rem 0;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/ft_bg2.jpg) no-repeat;
background-size:cover;
color:#fff;
position:relative;
}
.ft_logo a{
color:#fff;
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/logo-k.png) no-repeat left center;
background-size:contain;
padding:0.5rem 0 0.5rem 75px;
font-weight:bold;
font-size:24px;
}
.ft_logo2{
width:240px;
margin:0 auto 1rem auto;
}
#footer .copyright{
font-size:14px;
}


#pagetop a {
display: inline-block;
position: absolute;
right:10%;
bottom: 0;
z-index: 2;
padding: 10px 10px 130px;
overflow: hidden;
color: #fff;
font-size: 12px;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
text-decoration: none;
writing-mode: vertical-lr;
}
#pagetop a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 120px;
background: #fff;
}
.pager,
.pager ul{
text-align:center;
}
.pager ul li{
display:inline-block;
margin-left:0.3rem;
color:#ccc;
}
.pager ul li:first-child{
margin-left:0;
}
.pager ul li .current,
.pager ul li a{
padding:0.2rem 0.5rem;
display:block;
font-size:21px;
}
.pager ul li .current{
line-height:21px;
background:#3353ff;
color:#fff;
border:1px solid #3353ff;
}

.pager ul li a{
color:#3353ff;
border:1px solid #3353ff;
}
/*====================================================
BASE
====================================================*/
.ctr{text-align:center;}
.tgt{text-align:right;}
.tlt{text-align:left;}
.bold{font-weight:bold;}
.mb02{margin-bottom:0.2rem;}
.mb03{margin-bottom:0.3rem;}
.mb05{margin-bottom:0.5rem;}
.mt05{margin-top:0.5rem;}
.mb1{margin-bottom:1rem;}
.mb15{margin-bottom:1.5rem;}
.mb2{margin-bottom:2rem;}
.mb25{margin-bottom:2.5rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.mb6{margin-bottom:6rem;}
.mb8{margin-bottom:8rem;}
.mt2{margin-top:2rem;}
.pt05{padding-top:0.5rem;}
.pb1{padding-bottom:1rem;}
.pt1{padding-top:1rem;}
.pt2{padding-top:2rem;}
.pt4{padding-top:4rem;}
.pt6{padding-top:6rem;}
.pt8{padding-top:8rem;}
.fff{color:#fff;}
.red{color:#cc0000;}
.big{font-size:150%;}
.med{font-size:120%;}
.txtlt{text-align:left;}
.txtgt{text-align:right;}
.txtctr{text-align:center;}
.txt9{font-size:9px;}
.txt10{font-size:10px;}
.txt11{font-size:11px;}
.txt12{font-size:12px;}
.txt13{font-size:13px;}
.txt15{font-size:15px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt20{font-size:20px;}
.txt21{font-size:21px;}
.txt24{font-size:24px;}
.txt25{font-size:25px;}
.txt30{font-size:30px;}
.txt32{font-size:32px;}
.lh1{line-height:1;}
.lh13{line-height:1.3;}
.lh15{line-height:1.5;}
.lh18{line-height:1.8;}
.lh20{line-height:2.0;}
.lh24{line-height:2.4;}
.ls01{letter-spacing:-1px;}
.ls02{letter-spacing:-2px;}
.ls03{letter-spacing:-3px;}
.ls04{letter-spacing:-4px;}
.ls05{letter-spacing:-5px;}
.ls06{letter-spacing:-6px;}
.img100 img,
.img100{
width:100%;
height:auto;
}
.req{
color:#fff;
background:#ff6600;
border-radius:2px;
font-weight:normal;
padding:0.1rem 0.3rem 0.2rem 0.3rem;;
line-height:1;
font-size:16px;
}

strike .strike{
color:#231916;
}
.yline{
color:#000;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffb80 0%) repeat scroll 0 0;
}
.shadow{text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;}

.ffs{ -moz-font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";}

.none,
.sp{display:none;}
.pc{display:block;}

.hd_navi .pc{display:inline-block;}

.rst{
margin-block-start:0;
margin-block-end:0;
}

/*====================================================
ANIMATION
====================================================*/
.ani{
opacity:0;
}
.ani.active {
animation-name: fadein;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translate(0);
}
}
/*====================================================
AFTER
====================================================*/
section:after,
.breadcrumb:after,
.cl:after,
.clearfix:after,
#main:after,
#navigation:after,
#footer:after,
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}


/*====================================================
MEDIA QUERY
====================================================*/



@media screen and (max-width: 1360px) {
.w1310{
width:96%
}
#header #nav li{
margin-right:1rem;
}
}
@media screen and (max-width: 1280px) {
#header #nav li{
margin-right:0.5rem;
}
}
@media screen and (max-width: 1200px) {
#nav{
display:none;
}
#nav.active{
display:block;
}
.spbtn{
display:block;
position: absolute;
right:2%;
top:0.3rem;
}
#header #hnav{
top:0;
padding:0.5rem 0;
}
#header .w1310{
width:100%;
}
#header .logo{
margin-left:2%;
}
#header #nav{
padding:0.3rem 1rem 1rem 1rem;
margin-top:0.5rem;
background: rgba(0,0,0,0.5);
}
#header #nav li{
float:none;
text-align:center;
}
#header #nav li a{
padding:1rem;
}
#header #nav li.rcrt{
margin: 1rem 0;
}
#header .logo,
#header #nav{
float:none;
}
.moviebox .ytbox_wrap{
width:100%;
}
#header #nav ul li.parent2:hover ul.child2,
#header #nav ul li.parent:hover ul.child{
display:none;
opacity:0;
}
.qua6-4a,
.qua6-4b{
float:none;
}
}
@media screen and (max-width: 1100px) {
.w1080{
width:100%;
}
#recruit3 .w1080,
#company2 .w1080,
#interview8 .w1080,
#interview7 .w1080,
#interview6 .w1080,
#interview5 .w1080,
#interview4 .w1080,
#interview3 .w1080,
#interview2 .w1080{
width:90%;
}
#contact1 .w1080,
#quality6 .w1080{
width:80%;
}
}
@media screen and (max-width: 1080px) {
.w900,
.w1040,
.w980{
width:90%;
}
#interview1 .uejima{
height:600px;
}
#interview1 h2{
right:5%;
text-align:right;
font-size:24px;
top:10%;
}
#interview1 .atsumi h2{
left:5%;
text-align:left;
font-size:24px;
top:10%;
}
#interview1 h2{
line-height:1.8;
}
#interview1 h2 .jp{
padding-right:0;
padding-bottom:0.5rem;
display:block;
}
#top1 p .pcbr{
display:inline;
}
}
@media screen and (max-width: 780px) {
.w720{
width:75%;
}
#contact1 .w720{
width:100%;
}
.interviewlist{
display:block;
}
.interviewbox{
width:100%;
margin-bottom:3rem;
}
#recruit3 .c3box ul li,
.c3box ul li{
width:100%;
display:block;
}
}

@media screen and (max-width: 720px) {
.w700{
width:75%;
}
.c3box ul,
.t6box,
.t3box ul,
.t2box ul{
display:block;
height:auto;
}
.c3box ul li,
.t6box .t6boxs,
.t3box ul li,
.t2box ul li{
width:90%;
margin:0 auto 2rem auto;
}
.t6box .t6boxs .img{
width:30%;
float:left;
}
.t6box .t6boxs .txt{
float:right;
width:65%;
}
.t2box ul li{
padding-bottom:2rem;
}
.grad0{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad0_sp.png) no-repeat center left;
background-size: contain;
}
.grad2{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad2_sp.png) no-repeat center left;
background-size: contain;
}
.grad3{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad3_sp.png) no-repeat center right;
background-size: contain;
}
.grad4{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad4_sp.png) no-repeat center left;
background-size: contain;
}
.grad5{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad5_sp.png) no-repeat center right;
background-size: contain;
}
.grad6{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad6_sp.png) no-repeat center right;
background-size: contain;
}
.grad7{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad7_sp.png) no-repeat center left;
background-size: contain;
}
.grad12{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad12_sp.png) no-repeat center left;
background-size: contain;
}
.grad13{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad13_sp.png) no-repeat center right;
background-size: contain;
}
.grad14{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad14_sp.png) no-repeat center left;
background-size: contain;
}
.grad15 {
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad15_sp.png) no-repeat center left;
background-size: contain;
}
.grad16{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad16_sp.png) no-repeat center right;
background-size: contain;
}
.grad17 {
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad17_sp.png) no-repeat center left;
background-size: contain;
}
.grad18{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad18_sp.png) no-repeat center left;
background-size: contain;
}
.grad19{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad19_sp.png) no-repeat center right;
background-size: contain;
}
.grad20{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad20_sp.png) no-repeat center left;
background-size: contain;
}
.grad21{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad21_sp.png) no-repeat center right;
background-size: contain;
}
.grad24{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad24_sp.png) no-repeat center left;
background-size: contain;
}
.grad25{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad25_sp.png) no-repeat center right;
background-size: contain;
}
.grad29{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad29_sp.png) no-repeat center left;
background-size: contain;
}
.grad30{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/grad30_sp.png) no-repeat center right;
background-size: contain;
}	
#global3 .addr,
#global2 .map,
#global3 .map,
#global2 .addr,
.phi4-b .img,
.phi4-a .txt,
.qua6-b .img,
.qua6-a .txt,
.phi4-b .txt,
.phi4-a .img,
.qua6-b .txt,
.qua6-a .img,
.tec2-b .txt,
.tec2-a .img,
.tec2-b .img,
.tec2-a .txt{
float:none;
width:100%;
}

#technology2 .w1080{
width:80%;
}
#global2 .map,
#global3 .map,
#quality6 .img,
#philosophy4 .img,
#technology2 .img{
margin-bottom:1rem;
}
.c4box{
width:90%;
margin:0 auto;
}
.c4box ul{
display:block;
}
#plist ul{
justify-content:space-between;
}
#plist ul li{
width:49%;
margin:0 0 0.5rem 0;
}
#plist ul li:nth-child(4n+1){
margin-left:0;
}
.c4box ul li{
width:100%;
height:240px;
margin-bottom:1rem;
}
.c4box ul li:first-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/yt1_sp.jpg) no-repeat center center;
background-size:cover;
}
.c4box ul li:nth-child(2n){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/yt2_sp.jpg) no-repeat center center;
background-size:cover;
}
.c4box ul li:nth-child(3n){
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/yt3_sp.jpg) no-repeat center center;
background-size:cover;
}
.c4box ul li:last-child{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/yt4_sp.jpg) no-repeat center center;
background-size:cover;
}
.btn_confirm,
.formbox td, .formbox th{
display:block;
width:100%;
font-size:18px;
}
.formbox{
padding:1rem 1rem 2rem 1rem;
}
.formbox th{
border-bottom:0;
padding-bottom:0;
}

.formbox .ipt3c,
.formbox .ipt2{
width:60px;
}
.formbox .ipt3{
width:110px;
}
.formbox .ipt5,
.formbox .ipt4,
.formbox .ipt3b{
width:100%;
}
.formbox .adds{
padding-bottom:0.4rem;
}
#main .formbox p{
line-height:1.8;
font-size:16px;
padding:0.5rem 0;
}
.btn_submit input{
width:100%;
}
.page #header{
height:240px;
}
.grad30{
padding-top:4rem;
}
.btn_submit.reedit{
margin:0 0 1rem 0;
}
#interview1 .kaneko h2 .big,
#interview1 .atsumi h2 .big,
#interview1 h2 .big{
font-size:30px;
}
#interview1 .kaneko h2,
#interview1 .atsumi h2,
#interview1 h2{
font-size:16px;
}
#recruit4 h4{
float:none;
margin-bottom:1rem;
}
#recruit4 .rcrtin{
padding:0;
}
#recruit4 th{
white-space:nowrap;
}
.newsblock .newscnt,
.newsblock .newsnav{
float:none;
width:100%;
}
.newsblock .newscnt{
margin-bottom:4rem;
}

#top2{
background:none;
padding-top:0;
}
#top2 h1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/top_service2b.jpg) no-repeat center center;
background-size:cover;
padding:5rem 0;
}
.t2box ul li{
border:1px solid #3352ff;
color:#3f3f3f;
}
.t2box .pc{
display:none;
}
.t2box .sp{
display:block;
}

#top2 .btn_more.btn_more2 a{
color:#baff66;
}
#top4{
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/company_bg_sp.jpg) no-repeat;
background-size: cover;
}
#global1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/global_bg_sp2.jpg) no-repeat center center;
background-size:cover;
}
#recruit2{
}
.c3box ul li:nth-child(3) {
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/company3_sp.jpg) no-repeat center center;
background-size: cover;
}

}

@media screen and (max-width: 660px) {
.spbr{
display:block;
}
#header .logo a{
}
#header .logo img{
width:240px;
}
.spbtn{
top:0;
}

#quality5 ul{
display:block;
margin:0 auto;
width:80%;
}
#quality5 ul li:first-child{
margin-bottom:1rem;
}
.c3box ul li{
height:240px;
}
.c3box ul li a{
height:210px;
}
#interview1 .uejima{
height:600px;
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/uejima_sp.jpg) no-repeat bottom left;
background-size:contain;
}
#interview1 .atsumi{
height:600px;
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/atsumi_sp.jpg) no-repeat bottom right;
background-size:contain;
}
#interview1 .kaneko{
height:600px;
background: url(https://www.kawasaki-ind.co.jp/wordpress/common/img/kaneko_sp.jpg) no-repeat bottom left;
background-size:contain;
}
}

@media screen and (max-width: 500px) {
#global1 h2:first-letter,
.qua6-top h2 .en,
.interview h2 .en, #technology2 h3 .en, #philosophy4 h3 .en, #quality6 h3 .en,
#tech2_ttl h2,
#tslide .topcopy .en{
font-size:36px;
}
#quality1 p,
#tslide .topcopy .jp{
font-size:21px;
}

#storybox dt{
font-size:26px;
}
#recruit4 h3,
#global1 h2,
#recruit5 h2, #recruit4 h2, .qua6-top h2,
#quality4 h2,
#quality2 h3,
#philosophy1 .big,
#quality1 h2,
.interview h2, #technology2 h3, #philosophy4 h3, #quality6 h3,
.t2box ul li,
.page #header h1{
font-size:24px;
}
	#recruit2 ul li{
    font-size: 20px;
    margin-bottom: 2em;
}
.secbox h2 .en, .sec h1 .en,
.page #header h1 .en{
font-size:40px;
letter-spacing:10px;
}
.secbox h2 .en:first-letter,
.sec h1 .en:first-letter,
.page #header h1 .en:first-letter{
font-size:55px;
}
#storybox dt:first-child,
#technology1 p .big,
#top5 p .big, #top4 p .big{
font-size:36px;
}
#contact1 p, #recruit4 th, #recruit4 p,
#global1 p, #company1 p,
.qua6-top p, #quality4 p, #quality3 p, #quality2 p,
#storybox dd,
#philosophy1 p,
.interview p,
#recruit1 p,
#technology2 p,
#technology1 p,
#top5 p, #top4 p{
font-size:18px;
line-height:2.2;
}
#plist ul li a{
font-size:16px;
}
#storyline div a{
font-size:10px;
}
#storyline div:after{
width:20px;
height:20px;
}
#storyline:after,
#storyline div:before{
top:10px;
}
#storybox dd{
margin-bottom:1rem;
}
.qua6-top h2{
letter-spacing:5px;
}
#footer .copyright{
font-size:10px;
}
.ft_info p{
font-size:14px;
}
#pagetop a{
right:2%;
}
.ft_logo a{
padding:0.3rem 0 0.3rem 65px;
}

#global1{
padding:4rem 0 0 0;
}
.page #header{
height:280px;
}
#top1 p{
font-size:18px;
}


#philosophy2,
#philosophy2.p2bg1{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_01bsp.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg2{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_02sp.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg3{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_03sp.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg4{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_04sp.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg5{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_05sp.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg6{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_06sp.jpg) no-repeat center center;
background-size:cover;
}
#philosophy2.p2bg7{
background:url(https://www.kawasaki-ind.co.jp/wordpress/common/img/story_07csp.jpg) no-repeat center center;
background-size:cover;
}


}

@media screen and (max-width: 420px) {
.secbox h2 .en, .sec h1 .en, .page #header h1 .en{
font-size:26px;
letter-spacing:8px;
}
.secbox h2 .en:first-letter,
.sec h1 .en:first-letter,
.page #header h1 .en:first-letter{
font-size:36px;
}

#header .logo img{
width:180px;
}
}

/*24.8.23*/

.technology01_flex{
	display:flex;
	justify-content:center;
	gap:50px;
	padding-bottom:60px;
}

.technology01_left,
.technology01_right{
	width:calc((100% - 50px) / 2);
}

#main span.technology01_sub {
    font-size: 75%;
    margin-left: 15px;
}

.technology01_h3{
	font-size:36px;
	font-weight:bold;
	margin-top:10px;
}

.technology01_text{
	font-size:21px;
	margin-top:15px;
}


.technology01_conetnt03 .technology01_flex{
	border:none;
}

.develop_intro{
	padding-top:120px;
	padding-bottom:60px;
}

.develop_intro_catch{
	font-size:36px;
	text-align:center;
	font-weight:bold;
}

.develop_intro_text{
	text-align:center;
}

p.develop_intro_text {
    font-size: 21px;
    line-height: 2.5;
    letter-spacing: 1px;
}

.develop_contents{
	padding-top:120px;
	padding-bottom:120px;
}

.develop_contents_h2{
	text-align: center;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 4rem;
    color: #223ae4;
    letter-spacing: 7px;
}

.develop_contents_h2 span{
	display: block;
    font-size: 48px;
	letter-spacing: 15px;
}

.develop_content{
	position:relative;
	border:1px solid;
	padding:50px;
	margin-top:50px;
}

.develop_content_h3{
	position:absolute;
	top:-30px;
	left:15px;
	background-color:#fff;
	padding:0 10px;
	font-size:28px;
}
p.develop_content_text {
    font-size: 21px;
}


.develop_content_flex{
	display:flex;
	gap:30px;
	justify-content:center;
	align-items:center;
}

.develop_content_left{
	width:70%;
}
.develop_content_right{
	width:50%;
}

.develop_access_flex{
	display:flex;
	justify-content:center;
	gap:50px;
}

.develop_access_map{
	width:50%;
}

.develop_access_left{
	font-size:24px;
	width:30%;
	margin-top:15px;
}

.develop_access_left span{
	font-weight:bold;
}

.develop_access_map{
	aspect-ratio:500 /300;
}

.develop_access_map iframe{
	width:100%;
	height:100%;
}

.company_attempt{
	padding-bottom:120px;
}

.company_attempt_h2{
color:	#3353ff;
	letter-spacing:8px;
}

.company_attempt_text{
	font-size:22px;
	margin-top:40px;
	
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow ul{
	width:fit-content;
	margin:0 auto;
}

.company_case{
	margin-top:120px;
}

#technology2 p.company_case_plist_titile{
	margin-bottom:0;
}

#technology2 h3.company_case_h3{
	margin-bottom:0;
}

.company_case #plist ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
	gap:5px;
}
.company_case #plist ul li span{
	padding:0;
}
.company_case #plist ul li span:before{
	content:none;
}

.company_case #plist{
	background:transparent;
}

.company_case .rst{
	gap:30px;
}

.company_case #plist ul li{
	width:calc((100% - 60px) / 3);
	text-align:center;
}

.company_case #plist ul li a{
		color:#fff;
	background-color:#3353ff;
		padding:20px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	font-size:22px;
	line-height:1.3;
	font-weight:bold;
	height:155px;
	outline:2px solid #fff;
	outline-offset:-10px;
}

.company_case #plist ul li#pl1 a {
    background: url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2024/10/image_01.jpg) no-repeat;
    background-size: cover;
}

.company_case #plist ul li#pl2 a {
    background: url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2024/10/image_02.jpg) no-repeat;
    background-size: cover;
}

.company_case #plist ul li#pl3 a {
    background: url(https://www.kawasaki-ind.co.jp/wordpress/wp-content/uploads/2024/10/image_03.jpg) no-repeat;
    background-size: cover;
}

.wp-block-column-is-layout-flow ul li{
	font-size:22px;
	font-weight:bold;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

.company_link_cl {
    display: flex;
    align-items: center;
}

.company_link_img {
    width: 46%;
}

.company_link_txt {
    width: 64%;
}

.wp-block-image.company_katudo_img {
    margin-top: 30px;
}

span.company_link_text {
    margin-top: 10px;
    font-weight: 300;
    font-size: 14px;
}

.company_link_text::after {
    content: '→';
    margin-left: 5px;
	display:inline-block;
	transition:transform 0.3s ease;
}

.company_case #plist ul li a:hover .company_link_text::after{
	transform:translateX(10px);
}

.company_case .grad13{
	padding:0;
	background-repeat:no-repeat;
}

.company_link_cl.company_link_cl_02{
	flex-direction:row-reverse;
	margin-bottom:60px;
}

.company_link_cl.company_link_cl_02 .company_link_img{
	width:65%;
}

.company_link_cl.company_link_cl_02 .company_link_txt{
	width:35%;
}

@media screen and (max-width: 768px) {
	p.develop_content_text {
    font-size: 18px;
}
	
	p.develop_intro_text {
    font-size: 18px;
}
	
	.company_link_cl {
    flex-direction:column;
}
	
	.company_link_img {
    width: 100%;
}

.company_link_txt {
    width: 100%;
}

	.sp{
		display:block;
	}
	
	.pc{
		display:none;
	}
	.company_attempt{
	padding-top:60px;
	padding-bottom:60px;	
	}
	
	.company_attempt_text {
    font-size: 18px;
    margin-top: 15px;
		text-align:left;
}
	
	.company_case #plist ul{
		flex-direction:column;
	}
	
	.company_case #plist ul li{
		width:100%;
		gap:10px;
	}
	
	.company_case #plist {
    width: 80%;
    margin: 0 auto;
}
	
	.develop_contents{
	padding-top:50px;
	padding-bottom:50px;
}
	.develop_contents_h2 span{
    font-size: 26px;
    letter-spacing: 8px;
}
	.develop_intro{
	padding-top:60px;
		padding-bottom:50px;
}
	.develop_content{
		padding:30px;
	}
	
	.develop_content_h3{
		top:-25px;
left:50%;
		transform:translateX(-50%);
		white-space:nowrap;
		font-size:24px
	}
	
	.develop_intro_catch{
	font-size:24px;
}

.develop_content_flex{
	flex-direction:column;
	gap:15px;
}

.develop_content_left,
.develop_content_right{
	width:100%;
}
	
	.develop_access_flex{
	flex-direction:column;
	gap:20px;
}

.develop_access_map{
	width:100%;
}

.develop_access_left{
	font-size:18px;
	width:100%;
	margin-top:0;
}

	.technology01_conetnt .w1080,
	.develop_intro .w1080,
	.develop_contents .w1080,
	.develop_access .w1080,
	.company_attempt .w1080{
		width:80%;
		margin: 0 auto;
	}

.technology01_flex{
	flex-direction:column;
	gap:5px;
}

.technology01_left,
.technology01_right{
	width:100%;
}
	
#main p.technology01_sub{
	color:#fff;
	background-color:#000;
	width:fit-content;
	padding:10px 15px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:0;
}

.technology01_h3{
	font-size:24px;
}

.technology01_text{
	font-size:18px;
	margin-top:15px;
}
	
	
	.develop_intro_text{
	text-align:left;
}
	
	.company_katudo h2.wp-block-heading.has-text-align-center{
		font-size:30px!important;
	}
	.company_case #plist ul li a{
		font-size:16px;
	}
	
	.company_case #plist ul li a{
		height:130px;
	}
	.wp-block-image.company_katudo_img figure {
    width: 90%;
    margin: 0 auto;
}
	
	
.company_link_cl.company_link_cl_02{
	flex-direction:column-reverse;
	margin-bottom:0;
}

.company_link_cl.company_link_cl_02 .company_link_img{
	width:100%;
}

.company_link_cl.company_link_cl_02 .company_link_txt{
	width:100%;
}
}