@charset "utf-8";
@charset "utf-8";


@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-size: 100%;
vertical-align: baseline;
font-family: "Noto Sans JP","メイリオ","ms pgothic", sans-serif;
color: #3C3C3C;
}
#wpadminbar a.ab-item .display-name {
color: #fff;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{
overflow-y: scroll;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
input, textarea{
margin: 0;
padding: 0;
}
ol, ul{
list-style:none;
}
table{
border-collapse: collapse; 
border-spacing:0;
}
caption, th{
text-align: left;
}
a:focus {
outline:none;
}
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}
.both{
clear:both;
}
body{
line-height: 150%;/**/overflow: hidden;
-webkit-text-size-adjust: 100%;
}
a{
text-decoration: none;
}
img{
max-width: 100%;
}
.trim img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
p,
a,
li{
font-size: 3.8vw;
line-height: 170%;
}
p a,
li a{
font-size: inherit;
font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a{
letter-spacing: 0.08em;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h7{
line-height: 150%;
}
.tab,
.pc{
display: none;
}
.photo{
line-height: 0;
}
.red_txt{
color: #D90000;
}
.link_text{
text-decoration: underline;
}
.link_text:hover{
text-decoration: none;
}
.bold{
font-weight: 700;
}
.center_p{
text-align: center;
}
.right_p{
text-align: right !important;
}
.inner{
padding-left: 3vw;
padding-right: 3vw;
}
#wrap{
position: relative;
}
#wrap #bg_cover{
transition: all ease-in .3s;
width: 0;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 11;
font-size: 0;
}
#wrap.open #bg_cover{
content: "";
width: 100vw;
background: rgba(0,0,0,0.8);
} header{
position: relative;
background: #F3F3F3;
}
header .inner{
padding: 17px 15px;
height: 60px;
box-sizing: border-box;
}
.site_logo{
line-height: 0;
width: 160px;
}
.site_logo a{
display: inline-block;
line-height: 0;
} .home header{
position: absolute;
background: none;
z-index: 100;
}
.home header .site_logo{
display: none;
} #ham_btn{
position: fixed;
right: 5px;
top: 5px;
display: block;
z-index: 500;
text-align: center;
cursor: pointer;
width: 50px;
height: 50px;
box-sizing: border-box;
background: none;
padding: 14px 10px;
transition: ease-out 0.3s;
mix-blend-mode: difference;
}
#ham_btn .inner{
padding: 10px 0 0;
width: 30px;
height: 23px;
display: block;
position: relative;
transition: ease-out 0.8s;
box-sizing: border-box;
}
#ham_btn .inner .bar,
#ham_btn .inner .bar:before,
#ham_btn .inner .bar:after{
transition: ease-out 0.3s;
text-indent: -9999px;
height: 2px;
width: 30px;
background: #fff;
display: block;
}
#ham_btn .inner .bar:before{
content: "";
position: absolute;
top: 3px;
left: 0;
}
#ham_btn .inner .bar:after{
content: "";
position: absolute;
bottom: 4px;
left: 0;
}
#ham_btn.open{
mix-blend-mode: inherit;
}
#ham_btn.open .bar{
background: transparent;
}
#ham_btn.open{
transform: rotate(0deg);
}
#ham_btn.open .bar{
background: transparent;
}
#ham_btn.open .bar:before{
transform: rotate(45deg);
top: 11px;
background: #222;
}
#ham_btn.open .bar:after{
transform: rotate(-45deg);
bottom: 10px;
background: #222;
}
body.open{
position: fixed;
width: 100%;
}
.gnav{
display: block;
position: fixed;
top: 0;
right: -250px;
width: 250px;
height: 100%;
background: rgba(255,255,255,0.9);
padding: 60px 21px 0 0;
box-sizing: border-box;
z-index: 100;
transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
overflow: auto;
}
.gnav.open{
right: 0;
}
.gnav > ul{
overflow: hidden;
}    
.gnav > ul > li > a{
padding: 0 15px 3px;
display: flex;
align-items: center;
width: 100%;
font-size: 16px;
font-family: "Noto Serif JP";
font-weight: 500;
line-height: 150%;
box-sizing: border-box;
transition: all ease-out 0.3s;
border-bottom: 1px solid #ddd;
color: #222;
letter-spacing: 0.2em;
z-index: 2;
}
.gnav > ul > li > a{
height: 50px;
}
.gnav > ul > li.icon,
.gnav > ul > li.icon > a{
line-height: 0;
} footer{
margin: 0 0 0;
position: relative;
z-index: 1;
}
footer .inner{
padding: 0;
}
footer .top_box{
margin: 0 0 -1px;
padding: 50px 0 0;
background: #FED600;
}
footer .site_logo{
margin: auto;
width: 50%;
}
footer .footer_logo a{
display: inline-block;
line-height: 0;
}
footer .bottom_box{
margin: 0 0 0;
background: #000;
}
footer .footer_nav{
margin: 0 0 0;
line-height: 0;
}
footer .footer_nav ul{
margin: 0;
}
footer .footer_nav ul li{
margin: 0;
}
footer .footer_nav ul li a{
background: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/arrow.svg) no-repeat 15px center;
padding: 14px 0 14px 40px;
background-size: 6px;
display: block;
border-bottom: 1px solid #ddd;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 150%;
}
footer .footer_nav ul li a svg,
footer .footer_nav ul li a span{
vertical-align: middle;
}
footer .footer_nav ul li a svg{
margin-right: 5px;
width: 15px;
}
footer .footer_nav ul li a svg path{
fill: #fff;
}
footer .footer_nav ul li a span{
color: inherit;
}
footer address{
padding: 20px 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
color: #fff;
text-align: center;
} #page-top {
position: fixed;
bottom: 20px;
right: 0;
width: 40px;
z-index: 4;
line-height: 0;
display: none;
}
#page-top a{
display: block;
height: auto;
transition: ease-in 0.3s;
line-height: 0;
}
#page-top a:hover{
opacity: .5;
}
#page-top img{
width: 100%;
} .contents_wrap{
margin: 0 0 0;
padding: 15vw 0 20vw;
position: relative;
z-index: 1;
background: #fff;
overflow: hidden;
}
.home .contents_wrap{
padding-top: 0;
} .bg_photo > img{
display: none;
}
.bg_photo{
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.bg_photo.tl {
background-position: top left;
}
.bg_photo.tc {
background-position: top center;
}
.bg_photo.tr {
background-position: top right;
}
.bg_photo.cl {
background-position: center left;
}
.bg_photo.cc {
background-position: center center;
}
.bg_photo.cr {
background-position: center right;
}
.bg_photo.bl {
background-position: bottom left;
}
.bg_photo.bc {
background-position: bottom center;
}
.bg_photo.br {
background-position: bottom right;
} .anime_btn{
text-align: center;
line-height: 0;
}
.anime_btn a{
padding: 4vw 2vw;
width: 50vw;
display: inline-block;
background: #1C2525;
border: 1px solid #1C2525;
position: relative;
overflow: hidden;
text-align: center;
}
.anime_btn a > span{
padding: 1vw 0;
display: inline-block;
font-size: 4vw;
font-weight: 500;
letter-spacing: 0.10em;
font-family: "Jost";
line-height: 150%;
color: #fff;
box-sizing: border-box;
position: relative;
}
.anime_btn a > span::before{
content: "";
background: #fff;
width: 2000%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}
@media screen and (min-width : 500px){
p,
a,
li{
font-size: 1.8vw;
}
.sp{
display: none;
}
.tab{
display: inherit;
}
.inner{
padding-left: 2vw;
padding-right: 2vw;
} header .inner{
padding: 19px 15px;
}
.site_logo{
width: 150px;
} .gnav{
right: -250px;
width: 250px;
} footer{
margin: 0 0 0;
}
footer .top_box{
padding: 15vw 2vw 0;
}
footer .site_logo{
margin: 0;
width: 28%;
}
footer .footer_nav{
margin: 0 0 0;
padding: 2vw 2vw;
}
footer .bottom_box{
margin: 0 0 0;
padding: 0 2vw;
}
footer .bottom_box .inner{
position: relative;
}
footer .footer_nav{
padding: 2vw 0 2vw 30%;
}
footer .footer_nav ul{
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
footer .footer_nav ul li{
margin: 0 2vw 0 0;
width: auto;
}
footer .footer_nav ul li:last-child{
margin: 0;
}
footer .footer_nav ul li a{
padding: 1vw 0;
font-size: 1.5vw;
height: auto;
display: flex;
align-items: center;
border: none;
width: auto;
text-align: left;
background: none;
}
footer .footer_nav ul li a svg{
margin: .5vw 1vw 0 0;
width: 2vw;
height: 2vw;
}
footer address{
margin: 0;
padding: 0;
position: absolute;
top: 3vw;
left: 0;
font-size: 1vw;
text-align: left;
} #page-top {
position: fixed;
bottom: 20px;
width: 40px;
} .contents_wrap{
padding: 10vw 0;
} .anime_btn a{
padding: 2vw 1vw;
width: 30vw;
}
.anime_btn a > span{
padding: .2vw 0;
font-size: 2.0vw;
}
}
@media screen and (min-width : 768px){
}
@media screen and (min-width : 769px){
a.over{
transition: all ease-out 0.3s;
}
a.over:hover{
opacity: 0.6;
} footer .footer_nav ul li a{
transition: .3s;
}
footer .footer_nav ul li a:hover{
opacity: .5;
}
}
@media screen and (min-width : 1000px){
a{
text-decoration: none;
}
a.disabled{
pointer-events: none;
}
.inner{
padding-left: 0;
padding-right: 0;
max-width: 1000px;
margin: auto;
box-sizing: border-box;
}
p,
a,
li{
font-size: 16px;
}
.tab{
display: none;
}
.pc{
display: inherit;
}
#wrap{
padding: 100px 0 0;
position: relative;
}
.home#wrap{
padding: 0;
} .header{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
background: rgba(243,243,243,1);
transition: all .5s cubic-bezier(.67,.09,.06,.97),background-color .5s cubic-bezier(.67,.09,.06,.97);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.header--unpinned{
-webkit-transform: translateY(-100%) !important;
transform: translateY(-100%) !important;
}
.scroll_move .header{
background: rgba(243,243,243,.9);
}
header .inner{
padding: 0 0 0 25px;
max-width: 100%;
display: flex;
align-items: center;
height: 100px;
}
.site_logo{
width: 13%;
max-width: 171px;
} .home header{
position: fixed;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.home.scroll_move .header{
opacity: 1;
}
.home.scroll_move .header{
-webkit-transform: translateY(0);
transform: translateY(0);
}
.home header .site_logo{
display: inherit;
} #ham_btn{
display: none;
}
.gnav{
margin: 0 0 0 auto;
padding: 0;
width: auto;
box-sizing: border-box;
position: relative;
right: 20px;
overflow: inherit;
background: none;
display: flex;
align-items: center;
}
.gnav > ul{
margin: auto;
font-size: 0;
overflow: inherit;
}
.gnav > ul > li{
margin: 0 .9vw;
text-align: center;
width: auto;
display: inline-block;
vertical-align: middle;
}
.gnav > ul > li > a{
padding: 10px 0;
display: block;
text-align: center;
font-size: 15px;
border: none;
height: auto;
}
.gnav > ul > li > a{
transition: .3s;
}
.gnav > ul > li > a:hover{
opacity: .5;
} footer{
margin: 0 0 0;
}
footer .top_box{
padding: 210px 0 0;
}
footer .site_logo{
margin: 0;
width: 250px;
max-width: 250px;
}
footer .footer_nav{
margin: 0 0 0;
padding: 2vw 2vw;
}
footer .bottom_box{
margin: 0 0 0;
padding: 0 0 0;
}
footer .bottom_box .inner{
position: relative;
}
footer .footer_nav{
padding: 20px 35px 20px 30%;
}
footer .footer_nav ul{
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
footer .footer_nav ul li{
margin: 0 35px 0 0;
width: auto;
}
footer .footer_nav ul li:last-child{
margin: 0;
}
footer .footer_nav ul li a{
padding: 10px 0;
font-size: 13px;
}
footer .footer_nav ul li a svg{
margin: 2px 10px 0 0;
width: 14px;
height: 14px;
}
footer address{
top: 30px;
font-size: 13px;
letter-spacing: 0.03em;
} #page-top {
position: fixed;
bottom: 20px;
z-index: 100;
width: auto;
width: 55px;
} .contents_wrap{
padding: 247px 0 150px;
}
.thanks_page .contents_wrap{
padding-top: 150px;
} .anime_btn a{
padding: 20px 0;
width: 244px;
height: 66px;
position: relative;
overflow: hidden;
transition: .5s;
box-sizing: border-box;
}
.anime_btn a > span{
padding: 2px 0;
z-index: 1;
position: relative;
font-size: 16px;
transition: .5s;
}
.anime_btn a > span::before{
transition: .5s;
}
.anime_btn a:hover{
background: #fff;
}
.anime_btn a:hover > span{
color: #1C2525;
}
.anime_btn a:hover > span::before{
background: #1C2525;
}
}
@media screen and (min-width : 1300px){ header .inner{
padding-left: 45px;
} .gnav > ul > li{
margin: 0 17px;
} .contents_wrap::before{
content: "";
background: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/contents_arrow.svg) no-repeat 0 0;
background-size: auto 100%;
max-width: 1600px;
width: 90%;
height: 120px;
margin: auto;
position: absolute;
top: 127px;
left: 0;
right: 0;
}
.thanks_page .contents_wrap::before,
.home .contents_wrap::before{
display: none;
}
}.editor_block h2,
.ttl_h2{
margin: 0 0 6vw;
padding: 3vw 0 0;
font-size: 5.5vw;
line-height: 150%;
font-weight: 700;
font-family: "Noto Serif JP";
position: relative;
}
.editor_block h2::before,
.ttl_h2::before{
content: "";
background: #FED600;
width: 18vw;
height: 1px;
position: absolute;
top: 0;
left: 0;
}
.editor_block h3,
.ttl_h3{
margin: 5vw 0;
padding: 3vw 4vw;
font-size: 3.9vw;
line-height: 150%;
font-weight: 700;
background: #F4F5F7;
}
.editor_block h4,
.ttl_h4{
margin: 5vw 0 3vw;
padding: 0 3vw 4vw;
font-size: 3.9vw;
line-height: 150%;
font-weight: 700;
position: relative;
border-bottom: 1px solid #ddd;
}
.editor_block h5,
.ttl_h5{
margin: 5vw 0;
padding: 1.5vw 3.8vw;
font-size: 3.9vw;
line-height: 150%;
font-weight: 700;
position: relative;
}
.editor_block h5::before,
.ttl_h5::before{
content: "";
background: #FED600;
width: 3px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.editor_block p{
margin: 15px 0;
}
.box_ttl{
font-size: 4.5vw;
line-height: 150%;
font-weight: 700;
font-family: "Noto Serif JP";
position: relative;
}
.box_ttl + p{
margin-top: 4vw;
}
.photos_ttl{
font-size: 4.5vw;
line-height: 150%;
font-weight: 500;
font-family: "Noto Serif JP";
position: relative;
text-align: center;
}
.cap{
font-size: 3.2vw;
line-height: 150%;
font-weight: 400;
position: relative;
text-align: center;
}
.photo_box_tem{
margin: 5vw 0;
line-height: 0;
} .editor_block{
margin: 10vw 0 0;
}
.editor_block img{
height: auto;
} .mass_box + .mass_box{
margin: 15vw 0 0;
}
.page_anchor_block + .mass_box{
margin: 15vw 0 0;
}
.recruit_show_block .mass_box + .mass_box,
.recruit_show_block .page_anchor_block + .mass_box{
margin: 0 0 0;
padding: 15vw 0 0;
} .info_list{
margin: 5vw 0 0;
padding: 0 3vw 4vw;
border: 1px solid #ddd;
border-radius: 9px;
}
.info_list li{
padding: 4vw 3vw 3vw;
border-bottom: 1px dashed #ccc;
list-style: none;
font-size: 0;
}
.info_list li p{
margin: 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 70%;
}
.info_list li p.title{
width: 30%;
}
.info_list.one li p{
width: 100%;
} .box_line,
.box_dot{
margin: 5vw 0 0;
padding: 4vw;
}
.box_line p,
.box_dot p{
margin: 0;
}
.box_line{
border: 1px solid #ddd;
}
.box_dot{
border: 1px dashed #ddd;
} .dot_list{
margin-left: 0 !important;
list-style-type: none !important;
}
p + .dot_list{
margin-top: 3vw;
}
.dot_list li{
padding-left: 5vw;
position: relative;
font-weight: bold;
}
.dot_list li::before{
content: "・";
position: absolute;
top: 0;
left: 0;
}
.dot_list.red li,
.dot_list.red li::before{
color: #D90000;
}
.nom_list{
margin-left: 0 !important;
list-style: decimal inside !important;
} .borderb li{
padding: 3vw 2vw 3vw 6vw;
border-bottom: 1px dashed #ccc;
}
.borderb li::before{
top: 3vw;
left: 1vw;
} .pt_reverse{
margin: 6vw 0;
}
.pt_reverse > li{
margin: 8vw 0 0;
}
.pt_reverse > li:first-child{
margin-top: 0;
}
.pt_reverse .p_box{
line-height: 0;
}
.pt_reverse .t_box{
padding: 5vw 0 0;
} .pp_reverse{
margin-left: 0 !important;
margin-bottom: 40px !important;
list-style-type: none !important;
}
.pp_reverse > li{
margin: 4vw 0 0;
line-height: 0;
}
.pp_reverse > li.wid205{
width: 50%;
}
.pp_reverse > li.wid227{
width: 50%;
}
.pp_reverse > li.wid275{
width: 50%;
}
.pp_reverse > li.wid700{
width: 100%;
}
.pp_reverse .cap{
margin: 3vw 0 0;
} .pt_reverse_block_li{
margin: 10vw 0 0;
font-size: 0;
}
.pt_reverse_block_li > li{
margin: 15vw 0 0;
font-size: 0;
}
.pt_reverse_block_li > li:first-child{
margin: 0;
} .pt_reverse_block{
margin: 0;
}
.pt_reverse_block .p_box{
line-height: 0;
}
.pt_reverse_block .t_box{
padding: 5vw 0 0;
} .photos_show{
margin: 12vw 0 0;
}
.photos_show ul{
margin: 1vw 0 0;
font-size: 0;
}
.photos_show ul > li{
margin: 4vw 0 0;
width: 49%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
text-align: center;
}
.photos_show ul > li:nth-child(2n+2){
margin-left: 2%;
}
.photos_show ul .text_box{
padding: 3vw 2vw;
}
.photos_show ul + .text_box{
padding: 3vw 2vw 0;
} .tem_table{
width: 100%;
}
.tem_table th,
.tem_table td{
padding: 3vw 3vw;
font-size: 4vw;
line-height: 170%; 
border: 1px solid #ddd;
box-sizing: border-box;
}
.tem_table th *,
.tem_table td *{
font-size: inherit;
}
.tem_table th,
.tem_table td.center{
text-align: center;
vertical-align: middle;
}
.tem_table th{
background: #F7F7F7;
}
.tem_table.sp_wide tr td,
.tem_table.sp_wide tr th{
display: block;
width: 100%;
}
.tem_table.sp_wide tr td{
border-top: none;
border-bottom: none;
}
.tem_table.sp_wide tbody tr .border_t{
border-top: 1px solid #CACACA;
}
.tem_table.sp_wide tbody > tr:last-child td{
border-bottom: 1px solid #CACACA;
} .table_in_list > li{
margin: 0 0 0;
}
.table_in_list > li + li{
margin: 4vw 0 0;
}
.table_in_list h4{
font-weight: normal;
} .link_btn{
margin: 5vw 0;
}
.link_btn a{
padding: 0 3vw;
box-sizing: border-box;
display: inline-flex;
background: #2B2B2B;
border-radius: 50px;
min-width: 50vw;
height: 10vw;
justify-content: center;
align-items: center;
font-size: 3.5vw;
color: #fff;
} .border_btn_li{
margin: 8vw 0 0;
}
.border_btn_li li:nth-child(1) a{
min-width: 40vw;
}
.border_btn_li li:nth-child(1) a{
min-width: 40vw;
}
.border_btn_li .border_btn{
margin: 0;
} .border_btn{
margin: 5vw 0 0;
text-align: right;
line-height: 0;
}
.border_btn.left{
text-align: left;
}
.border_btn a{
padding: 3vw 4vw;
min-width: 55vw;
display: inline-block;
border-bottom: 1px solid #707070;
box-sizing: border-box;
}
.border_btn a > span{
font-size: 3.6vw;
display: block;
font-weight: 500;
font-family: "Noto Serif JP";
} .page_anchor_block{
font-size: 0;
overflow: hidden;
}
.page_anchor_block > li{
margin: -1px 10% 0 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 45%;
border-top: 1px solid #707070;
}
.page_anchor_block > li:nth-child(2n+2){
margin-right: 0;
}
.page_anchor_block a{
padding: 5vw 0;
display: block;
text-align: center;
position: relative;
}
.page_anchor_block a::before{
content: "";
border-right: 1px solid #707070;
width: 111%;
height: 75%;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.page_anchor_block a span{
font-size: 3.2vw;
font-family: "Noto Serif JP";
font-weight: 500;
display: block;
text-align: center;
position: relative;
}
.heavy_equipment_block .page_anchor_block li:first-child a span{
font-size: 2.8vw;
} .list_table{
margin: 3vw auto 0;
width: 1000px;
}
.list_table td,
.list_table th{
padding: 4vw 1vw;
font-size: 3.5vw;
letter-spacing: 0;
border: 1px solid #3C3C3C;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
}
.list_table th{
font-weight: 700;
width: calc(100% / 6);
}
.list_table a{
color: #2980B9;
font-family: inherit;
}
.list_table a:hover{
text-decoration: underline;
} .border_line th,
.border_line td{
border: 1px solid #3C3C3C;
}
@media screen and (min-width : 500px){ .editor_block h2,
.ttl_h2{
margin: 0 0 4vw;
padding: 2vw 0 0;
font-size: 3.2vw;
}
.editor_block h2::before,
.ttl_h2::before{
width: 12vw;
}
.editor_block h3,
.ttl_h3{
margin: 3vw 0;
padding: 1.5vw 2vw;
font-size: 2.0vw;
}
.editor_block h4,
.ttl_h4{
margin: 3vw 0 2vw;
padding: 0 2vw 2vw;
font-size: 2.0vw;
}
.editor_block h5,
.ttl_h5{
margin: 3vw 0;
padding: 1.2vw 2.5vw;
font-size: 2.0vw;
}
.editor_block h5::before,
.ttl_h5::before{
width: 3px;
}
.box_ttl{
font-size: 2.5vw;
}
.box_ttl + p{
margin-top: 2vw;
}
.photos_ttl{
font-size: 2.2vw;
}
.cap{
font-size: 1.8vw;
}
.photo_box_tem{
margin: 3vw 0;
} .editor_block{
margin: 6vw 0 0;
} .mass_box + .mass_box{
margin: 6vw 0 0;
}
.page_anchor_block + .mass_box{
margin: 6vw 0 0;
}
.recruit_show_block .mass_box + .mass_box,
.recruit_show_block .page_anchor_block + .mass_box{
padding: 6vw 0 0;
} .info_list{
margin: 3vw 0 0;
padding: 0 2vw 3vw;
}
.info_list li{
padding: 2vw 1.5vw 1.5vw;
}
.info_list li p{
width: calc(100% - 10vw);
}
.info_list li p.title{
width: 10vw;
} .box_line,
.box_dot{
margin: 3vw 0 0;
padding: 2vw;
} p + .dot_list{
margin-top: 2vw;
}
.dot_list li{
padding-left: 2.5vw;
} .borderb li{
padding: 1.5vw 1vw 1.5vw 4vw;
border-bottom: 1px dashed #ccc;
}
.borderb li::before{
top: 1.5vw;
left: 1vw;
} .pt_reverse{
margin: 3vw 0;
}
.pt_reverse > li{
margin: 5vw 0 0;
position: relative;
overflow: hidden;
}
.pt_reverse > li:nth-child(2n+1){
display: flex;
}
.pt_reverse .p_box{
width: 50%;
}
.pt_reverse li:nth-child(2n+2) .p_box{
float: right;
}
.pt_reverse .t_box{
padding: .5vw 0 0 3vw;
width: 50%;
box-sizing: border-box;
}
.pt_reverse li:nth-child(2n+2) .t_box{
padding: .5vw 3vw 0 0;
} .pp_reverse{
margin-top: -2vw;
margin-bottom: 40px !important;
font-size: 0;
}
p + .pp_reverse{
margin-top: 0;
}
.pp_reverse > li{
margin: 2vw 0 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 49%;
}
.pp_reverse li:nth-child(2n+2){
margin-left: 2%;
}
.pp_reverse > li.wid205{
width: 20.5%;
}
.pp_reverse > li.wid227{
width: 22.7%;
}
.pp_reverse > li.wid275{
width: 27.5%;
}
.pp_reverse > li.wid700{
margin-left: 0;
width: 70%;
}
.pp_reverse .cap{
margin: 2vw 0 0;
} .pt_reverse_block_li{
margin: 8vw 0 0;
}
.pt_reverse_block_li > li{
margin: 10vw 0 0;
} .pt_reverse_block{
margin: 0;
}
.pt_reverse_block > div{
margin: 0 0 0;
position: relative;
overflow: hidden;
display: flex;
}
.pt_reverse_block .p_box{
width: 49%;
}
.pt_reverse_block.right_photo .p_box{
float: right;
}
.pt_reverse_block .t_box{
padding: .5vw 0 17vw 3vw;
width: 51%;
box-sizing: border-box;
}
.pt_reverse_block.right_photo .t_box{
padding: .5vw 3vw 17vw 0;
position: relative;
}
.pt_reverse_block .t_box .border_btn_li{
position: absolute;
bottom: 0;
right: 0;
}
.pt_reverse_block.right_photo .t_box .border_btn_li{
right: auto;
left: 0;
} .photos_show{
margin: 8vw 0 0;
}
.photos_show ul{
margin: .5vw 0 0;
}
.photos_show ul > li{
margin: 2vw 0 0;
width: 49%;
}
.photos_show ul.block3 > li{
width: 32%;
}
.photos_show ul.block3 > li:nth-child(3n+2){
margin-left: 2%;
margin-right: 2%;
}
.photos_show ul .text_box{
padding: 2vw 1vw;
}
.photos_show ul + .text_box{
padding: 2vw 1vw 0;
} .tem_table th,
.tem_table td{
padding: 2vw 2vw;
font-size: 1.8vw;
}
.tem_table.sp_wide tr td,
.tem_table.sp_wide tr th{
display: table-cell;
width: auto;
}
.tem_table.sp_wide tr td{
border: 1px solid #CACACA;
}
.tem_table.sp_wide tr th,
.tem_table th{
width: 20%;
} .table_in_list > li{
display: flex;
}
.table_in_list > li + li{
margin: 4vw 0 0;
}
.table_in_list h4{
width: 12vw;
text-align: right;
white-space: nowrap;
} .link_btn{
margin: 3vw 0;
}
.link_btn a{
padding: 0 2vw;
min-width: 30vw;
height: 6vw;
font-size: 1.8vw;
} .border_btn_li li:nth-child(1) a{
min-width: 23.5vw;
}
.border_btn_li li:nth-child(2) a{
min-width: 32vw;
} .border_btn{
margin: 2vw 0 0;
}
.border_btn a{
padding: 2vw 3vw;
min-width: 30vw;
}
.border_btn a > span{
font-size: 1.9vw;
} .page_anchor_block{
margin-left: auto;
margin-right: auto;
width: 95%;
}
.page_anchor_block > li{
margin: -1px 0 0;
width: 27%;
}
.page_anchor_block > li:nth-child(2n+2){
margin-right: 0;
}
.page_anchor_block > li:nth-child(3n+2){
margin-left: 9.5%;
margin-right: 9.5%;
}
.page_anchor_block a{
padding: 3vw 0;
}
.page_anchor_block a::before{
width: 117%;
height: 73%;
}
.page_anchor_block a span{
font-size: 1.8vw;
}
.heavy_equipment_block .page_anchor_block li:first-child a span{
font-size: 1.6vw;
} .list_table{
margin: 2vw auto 0;
width: 1000px;
}
.list_table td,
.list_table th{
padding: 2vw .5vw;
font-size: 1.8vw;
}
}
@media screen and (min-width : 769px){ .border_btn a{
position: relative;
overflow: hidden;
}
.border_btn a::after{
content: "";
background: #707070;
width: 100%;
height: 100%;
position: absolute;
top: 100%;
left: 0;
transition: .3s;
}
.border_btn a > span{
transition: .3s;
position: relative;
z-index: 1;
}
.border_btn a:hover::after{
top: 0;
}
.border_btn a:hover > span{
color: #fff;
}
}
@media screen and (min-width : 1000px){ .editor_block h2,
.ttl_h2{
margin: 0 0 40px;
padding: 30px 0 0;
font-size: 30px;
}
.editor_block h2::before,
.ttl_h2::before{
width: 110px;
}
.editor_block h3,
.ttl_h3{
margin: 30px 0;
padding: 15px 20px;
font-size: 20px;
}
.editor_block h4,
.ttl_h4{
margin: 30px 0 20px;
padding: 0 20px 15px;
font-size: 18px;
}
.editor_block h5,
.ttl_h5{
margin: 30px 0;
padding: 4px 20px;
font-size: 18px;
}
.editor_block h5::before,
.ttl_h5::before{
width: 3px;
}
.box_ttl{
margin: 0 0 35px;
font-size: 30px;
}
.box_ttl + p{
margin-top: 35px;
font-size: 18px;
}
.photos_ttl{
font-size: 25px;
}
.cap{
font-size: 16px;
}
.photo_box_tem{
margin: 30px 0;
} .editor_block{
margin: 40px 0 0;
} .mass_box + .mass_box{
margin: 60px 0 0;
}
.page_anchor_block + .mass_box{
margin: 95px 0 0;
}
.recruit_show_block .mass_box + .mass_box,
.recruit_show_block .page_anchor_block + .mass_box{
padding: 60px 0 0;
}
.recruit_show_block .page_anchor_block + .mass_box{
margin: 35px 0 0;
} .info_list{
margin: 30px 0 0;
padding: 15px 15px 30px;
}
.info_list li{
padding: 15px 15px;
}
.info_list li p{
width: calc(100% - 85px);
}
.info_list li p.title{
width: 85px;
} .box_line,
.box_dot{
margin: 30px 0 0;
padding: 15px;
} p + .dot_list{
margin-top: 25px;
}
.dot_list li{
padding-left: 30px;
} .borderb li{
padding: 15px 15px 15px 40px;
}
.borderb li::before{
top: 15px;
left: 15px;
} .pt_reverse{
margin: 30px 0;
}
.pt_reverse > li{
margin: 30px 0 0;
position: relative;
overflow: hidden;
}
.pt_reverse > li:nth-child(2n+1){
display: flex;
}
.pt_reverse .p_box{
width: 50%;
}
.pt_reverse li:nth-child(2n+2) .p_box{
float: right;
}
.pt_reverse .t_box{
padding: 10px 0 0 30px;
width: 50%;
box-sizing: border-box;
}
.pt_reverse li:nth-child(2n+2) .t_box{
padding: 10px 30px 0 0;
}
.pt_reverse li .t_box *:first-child{
margin-top: 0;
} .pp_reverse{
margin-top: -30px;
margin-bottom: 40px !important;
font-size: 0;
}
.pp_reverse > li{
margin: 30px 0 0;
}
.pp_reverse > li.wid205{
width: 20.5%;
}
.pp_reverse > li.wid275{
width: 27.5%;
}
.pp_reverse .cap{
margin: 2vw 0 0;
}
.pp_reverse > li.maxh img{
max-height: 367.5px;
}
.pp_reverse .cap{
margin: 20px 0 0;
} .pt_reverse_block_li{
margin: 140px 0 0;
}
.pt_reverse_block_li > li{
margin: 230px 0 0;
} .pt_reverse_block{
margin: 0;
}
.pt_reverse_block > div{
margin: 0;
}
.pt_reverse_block .t_box{
padding: 10px 0 170px 50px;
}
.pt_reverse_block.right_photo .t_box{
padding: 10px 50px 170px 0;
} .photos_show{
margin: 75px 0 0;
}
.photos_show ul{
margin: 5px 0 0;
}
.photos_show ul > li{
margin: 20px 0 0;
}
.photos_show ul .text_box{
padding: 25px 10px;
}
.photos_show ul + .text_box{
padding: 25px 10px 0;
} .tem_table{
margin: 30px 0;
}
.tem_table th,
.tem_table td{
padding: 11px;
font-size: 16px;
}
.tem_table.sp_wide tr th,
.tem_table th{
width: 20%;
}
.tem_table td{
padding-left: 35px;
} .table_in_list > li + li{
margin: 25px 0 0;
}
.table_in_list h4{
width: 105px;
} .link_btn{
margin: 30px 0;
}
.link_btn a{
padding: 0 20px;
min-width: 230px;
height: 50px;
font-size: 16px;
} .border_btn_li li:nth-child(1) a{
min-width: 235px;
}
.border_btn_li li:nth-child(2) a{
min-width: 320px;
} .border_btn{
margin: 30px 0 0;
}
.border_btn a{
padding: 25px 35px;
min-width: 300px;
}
.border_btn a > span{
font-size: 18px;
} .page_anchor_block{
width: 93.9%;
}
.page_anchor_block > li{
margin: -1px 0 0;
width: 27%;
}
.page_anchor_block > li:nth-child(2n+2){
margin-right: 0;
}
.page_anchor_block > li:nth-child(3n+2){
margin-left: 9.5%;
margin-right: 9.5%;
}
.page_anchor_block a{
padding: 14px 0;
}
.page_anchor_block a::before{
width: 117%;
height: 73%;
}
.heavy_equipment_block .page_anchor_block li:first-child a span,
.page_anchor_block a span{
font-size: 16px;
transition: .3s;
}
.page_anchor_block a:hover span{
opacity: .5;
} .list_table{
margin: 20px auto 0;
width: 1000px;
}
.list_table td,
.list_table th{
padding: 15px 5px;
font-size: 16px;
}
}
 a[data-lightbox] {
display: none !important;
}
a.visible[data-lightbox] {
display: inline !important;
} .index_kv{
margin: 0 0 0;
position: relative;
border-top: 10px solid #FED600;
border-bottom: 10px solid #000;
}
.index_kv .site_logo{
width: 220px;
position: absolute;
top: 20px;
left: 15px;
z-index: 10;
}
.index_kv .bgbox{
position: relative;
z-index: 1;
}
.index_kv .bgbox::before{
content: "";
background: #FED600;
width: 35vw;
height: 200%;
position: absolute;
top: 0;
right: 70%;
transform: rotate(20deg);
transform-origin: right top;
}
.index_kv .index_kv_nav{
display: none;
}
.index_kv .inner{
padding: 0;
display: flex;
box-sizing: border-box;
align-items: center;
justify-content: center;
height: 98vh;
max-width: 100%;
max-height: 800px;
position: relative;
z-index: 1;
}
.index_kv .index_kv_slider{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slick-list,
.slick-track,
.index_kv .index_kv_slider .slick-slide{
width: 100%;
height: 100%;
} .kv_banner{
position: absolute;
top: 100px;
left: 15px;
width: 65%;
border: 1px solid #FED600;
}
.kv_banner .photo{
width: 100%;
line-height: 0;
}
.kv_banner ul li{
border-top: 1px solid #FED600;
}
.kv_banner ul li a{
padding: 3vw 3vw 3vw 10vw;
font-size: 3.7vw;
font-weight: 500;
font-family: "Noto Serif JP";
display: block;
position: relative;
background: #fff;
}
.kv_banner ul li a::before{
content: "";
background-image: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/arrow_yellow.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
width: 2vw;
height: 6vw;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 4vw;
} .index_news{
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.index_news .inbox{
margin: auto;
padding: 3vw 3vw;
box-sizing: border-box;
position: relative;
z-index: 1;
max-width: 1000px;
background: rgba(255,255,255,1);
}
.index_news .ttl{
font-size: 3.5vw;
letter-spacing: 0.10em;
font-weight: 400;
line-height: 100%;
font-family: "Roboto";
}
.index_news .ttl span{
font-size: 5vw;
color: inherit;
font-family: inherit;
font-weight: 400;
font-style: italic;
}
.index_news .index_news_slider{
margin: 2vw 0 0;
width: 70%;
}
.index_news .slick-slide a{
display: block;
}
.index_news .slick-slide a .title{
font-size: 3.5vw;
letter-spacing: 0.10em;
font-weight: 500;
line-height: 170%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 5vw;
width: 100%;
animation: wid 1s linear;
animation-fill-mode: forwards;
}
@keyframes wid {
0% {width: 95%;}
100%{width: 100%;}
}
.index_news .btn{
position: absolute;
top: 0;
right: 0;
width: 25%;
height: 100%;
}
.index_news .btn a{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: #1C2525;
}
.index_news .btn a span{
display: inline-block;
font-size: 3.5vw;
letter-spacing: 0.10em;
color: #FED600;
font-weight: 900;
line-height: 150%;
font-family: "Roboto";
}
.index_news .btn a svg{
margin-left: 2vw;
width: 3vw;
}
.index_news .btn a svg path{
color: #fff;
} .under_kv{
margin: 0 0 0;
padding: 15vw 0 0;
background: #fff;
overflow: hidden;
}
.under_kv .inner{
padding: 0 3vw;
height: 50vw;
position: relative;
display: flex;
align-items: center;
box-sizing: border-box;
}
.page_title{
margin: 0 0 0;
position: relative;
z-index: 1;
mix-blend-mode: difference;
}
.page_title > span{
display: block;
line-height: 150%;
color: #fff;
}
.page_title .eng{
font-size: 6vw;
font-family: 'Roboto';
font-weight: 400;
}
.page_title .eng span{
font-size: 8vw;
color: inherit;
font-family: inherit;
font-weight: 700;
font-style: italic;
}
.page_title .jpn{
margin: 1vw 0 0;
font-size: 3.8vw;
font-family: "Noto Serif JP";
font-weight: 500;
}
.under_kv .photo_box{
width: 70%;
height: 100%;
position: absolute;
top: 0;
left: 30%;
}
.under_kv .photo_box .bg_photo{
width: 100%;
height: 100%;
position: relative;
}
.under_kv .photo_box .bg_photo::before{
content: "";
background: #fff;
width: 20vw;
height: 200%;
position: absolute;
top: 0;
left: -10vw;
transform: rotate(10deg);
transform-origin: right top;
} .strengths{
margin: 0 0 0;
position: relative;
z-index: 1;
}
.strengths .inner{
padding: 0;
}
.strengths .border_bg{
position: relative;
}
.strengths .border_bg::before{
content: "";
background: #FED600;
width: 10vw;
height: 180%;
position: absolute;
top: 0;
left: 0;
}
.strengths .logoin::after{
content: "";
background: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/logo.png) no-repeat center center;
background-size: 100%;
width: 25vw;
height: 40vw;
margin: auto;
position: absolute;
top: 24vw;
bottom: 0;
left: 0;
transform: rotate(90deg);
transform-origin: right top;
}
.strengths .top_box{
padding: 25vw 3vw 6vw 16vw;
}
.strengths .top_box h2{
font-size: 6vw;
font-weight: 500;
font-family: "Noto Serif JP";
}
.strengths .top_box h2 span{
font-size: 4.2vw;
font-family: inherit;
}
.strengths .top_box .ttl_sub{
margin: 4vw 0 0;
padding: 2vw 4vw;
background: #1C2525;
position: relative;
}
.strengths .top_box .ttl_sub::before{
content: "";
background: #1C2525;
width: 2000%;
height: 100%;
position: absolute;
top: 0;
left: 100%;
}
.strengths .top_box .ttl_sub span{
font-size: 4vw;
color: #fff;
font-weight: 500;
font-family: "Noto Serif JP";
}
.strengths_li{
margin: 0 0 0;
background-image: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/index/strengths_item.png);
background-position: -62vw 37vw;
background-repeat: no-repeat;
background-size: 200%;
}
.strengths_li > li span,
.strengths_li > li a{
display: block;
}
.strengths_li > li .inner{
padding: 10vw 16vw 0 0;
position: relative;
}
.strengths_li > li:first-child .inner{
padding-top: 0;
}
.strengths_li > li:nth-child(2n+2) .inner{
padding: 10vw 0 0 16vw;
}
.strengths_li .ttl_box{
text-align: right;
}
.strengths_li li:nth-child(2n+2) .ttl_box{
text-align: left;
}
.strengths_li .ttl_box .no{
font-size: 12vw;
line-height: 1;
color: #1C2525;
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
}
.strengths_li .ttl_box .ttl{
margin: 2vw 0 0;
}
.strengths_li .ttl_box .ttl span{
text-shadow:
#fff 1px 0px,  #fff -1px 0px,
#fff 0px -1px, #fff 0px 1px,
#fff 1px 1px , #fff -1px 1px,
#fff 1px -1px, #fff -1px -1px;
}
.strengths_li .ttl_box .ttl .eng{
font-size: 6vw;
line-height: 1;
color: #1C2525;
display: block;
font-weight: 900;
}
.strengths_li .ttl_box .ttl .jpn{
margin: 3vw -2vw 0;
font-size: 4vw;
line-height: 150%;
color: #1C2525;
display: block;
font-weight: 500;
font-family: "Noto Serif JP";
}
.strengths_li .photo{
margin: 5vw 0 0;
height: 50vw;
}
.strengths_li .bg_photo{
height: 100%;
}
.strengths_li li:nth-child(2n+2) .bg_photo{
background-position: right center;
}
.strengths .bottom_text{
margin: 10vw 0 0;
padding: 0 3vw;
} .bg_licking{
position: relative;
}
.bg_licking::before{
content: "";
background: #F8F9FB;
width: 2000%;
height: 100%;
position: absolute;
margin: auto;
top: -30vw;
right: 0;
transform: rotate(-20deg);
transform-origin: right top;
z-index: -1;
}
.bg_licking.rev::before{
top: -0;
transform: rotate(20deg);
transform-origin: right bottom;
}
.bg_licking .inbox{
position: relative;
z-index: 1;
} .box_title{
font-size: 6vw;
line-height: 150%;
letter-spacing: 0;
color: #DDDDDD;
font-weight: 700;
font-family: "Noto Serif JP";
}
.box_title.right{
text-align: right;
} .index_crane{
margin: 15vw 0 0;
}
.index_crane .text_box{
font-size: 0;
}
.index_crane .text_box .f_box{
margin: 4vw 0 0;
}
.index_crane .text_box .photos{
display: inline-flex;
vertical-align: top;
box-sizing: border-box;
width: 100%;
}
.index_crane .text_box .photos li{
width: 49%;
}
.index_crane .text_box .photos li:nth-child(2){
margin-left: 2%;
}
.index_crane .text_box h3{
margin: 3vw 0 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 100%;
font-size: 5vw;
line-height: 150%;
font-weight: 500;
font-family: "Noto Serif JP";
text-align: center;
}
.index_crane .text_box p{
margin: 6vw 0 0;
}
.index_crane .text_box .anime_btn{
margin: 6vw 0 0;
} .index_history{
margin: 15vw 0 0;
}
.index_history ul{
margin: 0 0 0;
}
.index_history ul li{
margin: 3vw 0 0;
}
.index_history ul li:first-child{
margin: 0 0 0;
}
.index_history ul li a{
display: flex;
align-items: center;
}
.index_history ul li a .cat{
padding: 4vw 0;
font-size: 3.5vw;
width: 25%;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
background: rgba(254,214,0,.7);
}
.index_history ul li a .date{
font-size: 3.5vw;
width: 25%;
color: #BBC0C8;
letter-spacing: 0;
line-height: 150%;
display: block;
font-family: 'Roboto';
text-align: center;
}
.index_history ul li a .ttl{
font-size: 3.5vw;
width: 50%;
font-family: "Noto Serif JP";
font-weight: 500;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
box-sizing: border-box;
}
.index_history .anime_btn{
margin: 6vw 0 0;
} .index_heavy_equipment{
margin: 15vw 0 0;
}
.index_heavy_equipment ul{
margin: 0 0 0;
}
.index_heavy_equipment ul li{
line-height: 0;
}
.index_heavy_equipment .anime_btn{
margin: 6vw 0 0;
} .lity-content img{
margin: auto;
max-width: 90% !important;
max-height: 90% !important;
} .index_contents_links{
margin: 15vw 0 0;
}
.index_contents_links .photo{
margin: 0 -3vw;
transform: skewX(-20deg);
overflow: hidden;
transform-origin: left bottom;
}
.index_contents_links .bg_photo{
transform: skewX(20deg);
transform-origin: left bottom;
height: 80vw;
}
.index_contents_links.index_recruit .photo{
transform-origin: right top;
}
.index_contents_links.index_recruit .bg_photo{
transform-origin: right top;
}
.index_contents_links .text_box{
padding: 6vw 0 0;
}
.index_contents_links .text_box h3{
margin: 5vw 0 0;
font-size: 6vw;
line-height: 170%;
font-weight: 500;
font-family: "Noto Serif JP";
text-align: center;
}
.index_contents_links .text_box p{
margin: 5vw 0 0;
line-height: 200%;
}
.index_contents_links .text_box .anime_btn{
margin: 8vw 0 0;
} .index_instagram{
margin: 15vw 0 0;
}
.index_instagram.bg_licking::before{
height: 180%;
top: 0;
}
.index_instagram .instagram_box{
margin: 4vw 0 0;
}
.index_instagram .instagram_box .sb_instagram_header{
display: none;
}
.index_instagram .instagram_box .sbi_load_btn span{
color: #fff;
} .index_cv{
margin: 15vw 0 0;
background: #eee;
}
.index_cv .inner{
padding-top: 10vw;
padding-bottom: 10vw;
}
.index_cv h2{
font-size: 5vw;
line-height: 170%;
font-weight: 700;
font-family: "Noto Serif JP";
text-align: center;
}
.index_cv ul li{
position: relative;
}
.index_cv ul li:nth-child(2){
padding: 15vw 0 0;
}
.index_cv ul li:nth-child(2)::before{
content: "";
background: #ccc;
width: 60%;
height: 1px;
transform: rotate(10deg);
transform-origin: top left;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.index_cv ul li a{
padding: 8vw 0;
display: block;
text-align: center;
}
.index_cv ul li a span{
display: block;
}
.index_cv ul li a .ttl{
font-size: 3.8vw;
line-height: 150%;
}
.index_cv ul li a .icon{
margin: 4vw 0;
line-height: 0;
}
.index_cv ul li a .nom{
font-size: 6vw;
line-height: 150%;
font-weight: 700;
}
.index_cv ul li a .txt{
font-size: 5vw;
line-height: 150%;
font-weight: 700;
}
.index_cv ul li a .address{
margin: 4vw 0 0;
font-size: 3.8vw;
line-height: 150%;
} .select_contents{
text-align: right;
}
.select_contents select{
padding: 10px 20px 10px 10px;
font-size: 16px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/down-arrow.svg);
background-repeat: no-repeat;
background-size: 7px 8px;
background-position: right 5px center;
min-width: 120px;
max-width: 170px;
box-sizing: border-box;
}
.select_contents select + select{
margin-left: 5px;
} .history_wrap{
margin: 0 0 0;
}
.history_wrap .inner{
position: relative;
}
.history_block{
margin: 10vw 0 0;
display: none;
}
.history_wrap .history_block:first-child{
display: block;
}
.history_block h3{
margin: 0 0 0;
font-size: 6vw;
line-height: 170%;
font-weight: 500;
font-family: "Noto Serif JP";
position: absolute;
top: -20vw;
left: 3vw;
}
.construction_list{
margin: -3vw 0 0;
}
.construction_list > li{
padding: 8vw 0 0;
}
.construction_list h4 span{
padding: 0 1vw 2vw;
font-size: 5vw;
min-width: 40vw;
line-height: 170%;
font-weight: 500;
font-family: "Noto Serif JP";
display: inline-block;
box-sizing: border-box;
border-bottom: 1px solid #707070;
}
.construction_list table{
margin: 5vw auto 0;
width: 1000px;
}
.construction_list table th,
.construction_list table td{
padding: 3vw 3vw;
font-size: 3.5vw;
text-align: center;
vertical-align: middle;
line-height: 150%;
box-sizing: border-box;
border: 1px solid #3C3C3C;
}
.construction_list table th{
padding: 4vw 3vw;
font-size: 3.8vw;
}
.construction_list table .active{
display: table-row !important;
}
.construction_list table tr th:nth-child(1){
width: 11.2%;
}
.construction_list table tr th:nth-child(2){
width: 46.5%;
}
.construction_list table tr th:nth-child(3){
width: 24.3%;
}
.construction_list table tr th:nth-child(4){
width: 18.3%;
}
.construction_list table tr td:nth-child(2){
text-align: left;
}
.slidebox{
margin: 2vw 0 0;
padding: 0 0 4vw;
overflow-x: scroll;
}
.slidetxt{
margin: 1vw 0 0;
text-align: center;
font-size: 3.2vw;
} .company_block{
margin: 0 0 0;
}
.company_block ul{
margin: 0 0 0;
}
.company_block ul li{
margin: 3vw 0 0;
}
.company_block ul li a{
display: block;
position: relative;
height: 50vw;
}
.company_block ul li a .bg_photo{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.company_block ul li a .ttl_box{
padding: 0 5vw 3vw;
position: absolute;
bottom: 6vw;
right: 0;
min-width: 40vw;
box-sizing: border-box;
border-bottom: 1px solid #fff;
font-size: 5vw;
color: #fff;
line-height: 170%;
font-weight: 500;
font-family: "Noto Serif JP";
text-align: right;
} .philosophy_block{
margin: 0 0 0;
}
.philosophy_block .photo{
margin: 0 auto;
}
.philosophy_block p{
margin: 10vw 0 0;
line-height: 200%;
} .message_block{
margin: 0 0 0;
}
.message_block .name{
margin: 8vw 0 0;
text-align: right;
}
.message_block .name p{
font-size: 3.5vw;
line-height: 170%;
font-weight: 700;
font-family: "Noto Serif JP";
}
.message_block .name h2{
margin: 1vw 0 0;
font-size: 5vw;
line-height: 170%;
font-weight: 700;
font-family: "Noto Serif JP";
} .information_block{
margin: 0 0 0;
} .corporate_history_block{
margin: 0 0 0;
}
.corporate_history_block .tem_table tr th{
width: auto;
}
.corporate_history_block .tem_table tr th:first-child{
width: 30%;
}
.corporate_history_block .tem_table tr td{
vertical-align: middle;
}
.corporate_history_block .tem_table tr td:first-child{
text-align: center;
} .recruit_index_block .recruit_message{
text-align: center;
}
.recruit_index_block .recruit_message p{
font-size: 3.6vw;
line-height: 300%;
font-family: "Noto Serif JP";
font-weight: 500;
text-align: center;
}
.recruit_index_block .recruit_message p .siz_l{
font-size: 1.75em;
font-family: inherit;
}
.recruit_index_block .recruit_message p .yellow_bg{
margin: 2vw 0 0;
padding: 0 5px;
line-height: 100%;
display: inline-block;
background: linear-gradient(rgba(254,214,255,0) 0%,rgba(254,214,255,0) 70%,rgba(254,214,0,50) 70%,rgba(254,214,0,50) 100%);
}
.recruit_list{
margin: 15vw 0 0;
}
.recruit_list h3{
text-align: center;
}
.recruit_list h3 span{
padding: 0 6vw 2vw;
font-size: 4vw;
line-height: 170%;
font-family: "Noto Serif JP";
font-weight: 500;
display: inline-block;
border-bottom: 1px solid #707070;
}
.recruit_list ul{
margin: 8vw 0 0;
font-size: 0;
}
.recruit_list ul li{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 50%;
}
.recruit_list ul a{
height: 100vw;
display: block;
position: relative;
overflow: hidden;
}
.recruit_list ul .bg_photo{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
}
.recruit_list ul .ttl_box{
padding: 10vw 0 0;
width: 20%;
height: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
display: flex;
justify-content: center;
background: rgba(0,0,0,.5);
}
.recruit_list ul .ttl_box .ttl{
padding: 6vw 0 0;
font-size: 4vw;
color: #fff;
letter-spacing: 0.5em;
line-height: 220%;
font-family: "Noto Serif JP";
font-weight: 500;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #fff;
}
.company_link_list{
margin: 13vw 0 0;
}
.company_link_list ul{
font-size: 0;
}
.company_link_list ul li{
margin: 2vw 0 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 49%;
}
.company_link_list ul li:nth-child(2n+2){
margin-left: 2%;
}
.company_link_list ul a{
height: 30vw;
display: block;
position: relative;
overflow: hidden;
}
.company_link_list ul .bg_photo{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
}
.company_link_list ul .ttl_box{
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
display: flex;
justify-content: center;
background: rgba(0,0,0,.35);
}
.company_link_list ul .ttl_box .ttl{
font-size: 3.5vw;
color: #fff;
line-height: 150%;
font-family: "Noto Serif JP";
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
box-sizing: border-box;
} .contact{
margin: 0;
}
.contact .inner{
position: relative;
}
.contact form{
margin-top: -10vw;
padding-top: 10vw;
}
.contact .top_text{
margin: 0 0 8vw;
}
.contact .conf_text{
margin: 0 0 5vw;
padding: 15px 0 0;
font-size: 15px;
color: #E64C3B;
font-weight: bold;
} .req{
color: #E64C3B;
font-weight: 400;
}
.contact table{
width: 100%;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.10em;
box-sizing: border-box;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.contact th,
.contact td{
width: 100%;
display: block;
font-weight: normal;
border-bottom: none;
box-sizing: border-box;
}
.contact tr:nth-child(2n+2){
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.contact th{
padding: 20px 10px;
font-weight: bold;
}
.contact tr.b_bottom_none{
border-bottom: none;
}
.contact tr.ttl{
border-top: none;
}
.contact tr.ttl td{
padding: 10px;
background: #F6F6F6;
font-size: .7em;
font-weight: normal;
}
.contact td{
padding: 0 10px;
}
.contact td .border{
padding: 10px 0;
border-top: 1px solid #ccc;
}
input::-webkit-input-placeholder {
color: #ddd;
}
input::-moz-placeholder {
color: #ddd; opacity: 1;
}
input:-ms-input-placeholder {
color: #ddd;
}
.contact input[type=tel],
.contact input[type=email],
.contact input[type=text],
.contact textarea,
.contact select{
margin: 5px 0;
padding: 10px;
font-size: 16px;
box-sizing: border-box;
width: 100%;
border: 1px solid #ddd;
vertical-align: middle;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/down-arrow.svg);
background-repeat: no-repeat;
background-size: 10px 8px;
background-position: right 16px center;
}
.contact textarea{
line-height: 150%;
}
.contact .wid_m{
width: 24vw;
}
.contact .wid_s{
width: 14vw;
}
.contact .wpcf7-form-control-wrap{
display: block;
}
.contact .req_none .wpcf7-list-item.first{
display: none;
}
.contact .radio label{
display: block;
line-height: 220%;
cursor: pointer;
}
.contact .radio label input{
display: inline-block;
width: auto;
}
.contact .wpcf7-list-item{
margin: 0 1em 0 0;
}
.contact .wpcf7-not-valid-tip{
font-size: .5em;
white-space: nowrap;
}
.contact .wpcf7c-conf{
background-color: #CFE5F6;
}
.contact p.txt{
padding: 40px 0 0;
font-size: .7em;
text-align: center;
}
.zas_btn_area{
margin: auto;
text-align: center;
padding: 40px 0 0;
font-size: 0;
box-sizing: border-box;
}
.zas_btn_area input{
-webkit-appearance: none;
padding: 15px 15px;
font-size: 18px;
letter-spacing: 0.08em;
font-weight: bold;
color: #fff;
background: #010101;
border: 2px solid #010101;
position: relative;
overflow: hidden;
text-align: center;
box-sizing: border-box;
max-width: 400px;
width: 65%;
border-radius: 0;
}
.zas_btn_area input.back{
margin-right: 5%;
background: #ddd;
border: 2px solid #ddd;
width: 30%;
max-width: 200px;
}
.contact .wpcf7 .zas_btn_area .ajax-loader{
position: absolute;
}
.thanks p{
font-size: 4vw;
line-height: 170%;
}
.thanks .go_top_btn{
margin: 10vw 0 0;
text-align: center;
} .privacy_block .ttl_h4{
margin-top: 8vw;
} .sitemap_list{
margin: 0 0 0;
}
.sitemap_list li{
margin: 0 0 0;
}
.sitemap_list .sitemap_list{
margin-left: 10vw;
}
.sitemap_list li span{
display: block;
border-bottom: 1px dashed #ccc;
}
.sitemap_list li a{
padding: 4vw 3vw;
font-size: 4vw;
display: block;
position: relative;
}
.sitemap_list li a::before{
content: "・";
} .heavy_equipment_block{
margin: 0 0 0;
}
.heavy_equipment_list{
margin: 8vw 0 0;
}
.heavy_equipment_list > li{
margin: 12vw 0 0;
}
.heavy_equipment_list > li:first-child{
margin: 0 0 0;
}
.heavy_equipment_list .ttl{
padding: 0 0 0 10vw;
height: 15vw;
display: flex;
align-items: center;
position: relative;
box-sizing: border-box;
}
.heavy_equipment_list .ttl::before{
content: "";
width: 1px;
height: 110%;
position: absolute;
bottom: 0;
left: 0;
transform: rotate(25deg);
transform-origin: bottom right;
background: #707070;
}
.heavy_equipment_list .ttl span{
font-size: 4.3vw;
line-height: 150%;
font-family: "Noto Serif JP";
font-weight: 500;
}
.heavy_equipment_list table{
margin: 4vw -2px 0;
width: 1000px;
}
.heavy_equipment_list table td,
.heavy_equipment_list table th{
padding: 4vw 1vw;
font-size: 3.5vw;
letter-spacing: 0;
border: 2px solid #fff;
background: #F4F5F7;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
}
.heavy_equipment_list table th{
font-weight: 700;
width: calc(100% / 7);
}
.heavy_equipment_list table a{
color: #2980B9;
font-family: inherit;
}
.heavy_equipment_list table a:hover{
text-decoration: underline;
} .news_index_block{
margin: 0 0 0;
}
.news_list{
margin: 10vw 0 0;
}
.news_list > li{
border-top: 2px solid #fff;
position: relative;
}
.news_list > li > a{
padding: 4.5vw 8vw 4vw 3vw;
display: block;
background: #F4F5F7;
position: relative;
}
.news_list > li > a::before{
content: "";
width: 2vw;
height: 2vw;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 3vw;
background-image: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/icon-arrow-right.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.news_list .date{
display: block;
font-size: 3.5vw;
line-height: 150%;
color: #999;
}
.news_list .ttl{
margin: 5vw 0 0;
font-size: 3.8vw;
line-height: 150%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.news_list .category{
position: absolute;
top: 3vw;
left: 25vw;
overflow: hidden;
max-width: 63vw;
}
.news_list .category ul{
display: flex;
align-items: center;
}
.news_list .category li{
display: inline-block;
}
.news_list .category li + li{
margin-left: 2vw;
}
.news_list .category li a{
padding: 2vw 3vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 3.2vw;
height: 8vw;
white-space: nowrap;
line-height: 150%;
background: #fff;
box-sizing: border-box;
} .pagination{
margin-left: -3px;
padding: 10vw 0 0;
font-size: 0;
}
.pagination .nav-links{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.pagination .page-numbers,
.pagination .page-numbers.current{
margin: 6px 3px 0;
text-decoration: none;
background: #fff;
border: 1px solid #D8D8D8;
color: #444;
padding: 0 0 0;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 3.5vw;
width: 10vw;
height: 10vw;
box-sizing: border-box;
letter-spacing: 0;
transition: all ease-out 0.3s;
font-family: "メイリオ","ms pgothic", sans-serif;
}
.pagination .page-numbers.current{
background: #D8D8D8;
color: #fff;
} .news_show_block{
margin: 0 0 0;
}
.news_show_block .fix_back{
margin: 10vw auto;
z-index: 5;
transition: .5s;
}
.news_show_block .fix_back a{
margin: auto;
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 50px;
background: #3C3C3C;
}
.news_show_block .fix_back a span{
font-size: 13px;
color: #fff;
letter-spacing: 0.5em;
display: block;
}
.news_show_block .date{
font-size: 3.5vw;
letter-spacing: 0.05em;
line-height: 150%;
color: #D8D8D8;
}
.news_show_block .date + h1{
margin: 1vw 0 0;
font-size: 6.5vw;
font-family: "Noto Serif JP";
font-weight: 500;
}
.news_show_block .category ul{
margin: 1vw 0 0;
font-size: 0;
}
.news_show_block .category li{
margin: 2vw 0 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.news_show_block .category li + li{
margin-left: 2vw;
}
.news_show_block .category li a{
padding: 3vw 5vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 3.2vw;
height: 10vw;
white-space: nowrap;
line-height: 150%;
background: #F4F5F7;
box-sizing: border-box;
}
@media screen and (min-width : 500px){ .index_kv{
border-top: 10px solid #FED600;
border-bottom: 10px solid #000;
}
.index_kv .site_logo{
width: 220px;
top: 20px;
left: 15px;
}
.index_kv .bgbox::before{
width: 35vw;
height: 200%;
right: 80%;
transform: rotate(20deg);
}
.index_kv .inner{
height: 80vw;
min-height: 40vh;
} .kv_banner{
top: 20px;
left: auto;
right: 15px;
width: 35vw;
}
.kv_banner ul li a{
padding: 1.2vw 1.2vw 1.2vw 4vw;
font-size: 1.7vw;
transition: .3s;
}
.kv_banner ul li a::before{
width: .6vw;
height: 1.2vw;
left: 2vw;
transition: .3s;
}
.kv_banner ul li a:hover{
background: #FED600;
color: #fff;
}
.kv_banner ul li a:hover::before{
background-image: url(//dev.nichiun-k.co.jp/wp/wp-content/themes/nichiun/images/common/arrow.svg);
} .index_news{
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.index_news .inbox{
margin: auto;
padding: 0 2vw;
display: flex;
align-items: center;
}
.index_news .ttl{
font-size: 1.8vw;
width: 18%;
}
.index_news .ttl span{
font-size: 3vw;
}
.index_news .index_news_slider{
margin: 0 0 0;
width: 62%;
}
.index_news .slick-slide a{
padding: 2vw 0;
}
.index_news .slick-slide a .title{
font-size: 1.8vw;
height: 3vw;
}
.index_news .btn{
width: 15%;
}
.index_news .btn a span{
font-size: 1.8vw;
} .under_kv{
padding: 10vw 0 0;
}
.under_kv .inner{
padding: 0 3vw;
height: 35vw;
}
.page_title .eng{
font-size: 3vw;
letter-spacing: 0.08em;
}
.page_title .eng span{
font-size: 5vw;
letter-spacing: 0.05em;
}
.page_title .jpn{
margin: 1vw 0 0;
font-size: 2.0vw;
}
.under_kv .photo_box{
width: 81%;
left: 19%;
}
.under_kv .photo_box .bg_photo::before{
width: 20vw;
height: 200%;
left: -10vw;
transform: rotate(15deg);
} .strengths{
margin: 0 0 0;
}
.strengths .border_bg::before{
width: 6vw;
height: 180%;
}
.strengths .logoin::after{
width: 20vw;
height: 34.4vw;
top: 63vw;
bottom: 0;
left: 0;
}
.strengths .top_box{
padding: 8vw 3vw 4vw 15vw;
}
.strengths .top_box h2{
font-size: 4vw;
}
.strengths .top_box h2 span{
font-size: 2.2vw;
}
.strengths .top_box .ttl_sub{
margin: 2vw 0 0;
padding: 1vw 3vw;
}
.strengths .top_box .ttl_sub span{
font-size: 2vw;
}
.strengths_li{
margin: 0 0 0;
background-position: center center;
background-size: 78%;
}
.strengths_li > li{
padding: 10vw 0 0;
}
.strengths_li > li:first-child{
padding: 0 0 0;
}
.strengths_li > li .inner{
padding: 0 15vw 0 0;
height: 24vw;
}
.strengths_li > li:nth-child(2n+2) .inner{
padding: 0 0 0 15vw;
}
.strengths_li > li .inner{
box-sizing: border-box;
}
.strengths_li .ttl_box{
padding: 1vw 0 0;
position: relative;
z-index: 1;
}
.strengths_li .ttl_box .no{
font-size: 7vw;
}
.strengths_li .ttl_box .ttl{
margin: 1vw 0 0;
}
.strengths_li .ttl_box .ttl .eng{
font-size: 4vw;
}
.strengths_li .ttl_box .ttl .jpn{
margin: 1vw -1vw 0;
font-size: 2vw;
}
.strengths_li .photo{
margin: 0 0 0;
width: 70%;
height: 100%;
position: absolute;
top: 0;
right: 30%;
}
.strengths_li .bg_photo{
margin: 0 0 0;
width: 100%;
height: 100%;
}
.strengths_li li:nth-child(2n+2) .photo{
right: auto;
left: 30%;
}
.strengths .bottom_text{
margin: 6vw 0 0;
padding: 0;
text-align: center;
} .bg_licking::before{
top: -20vw;
}
.bg_licking.index_company::before{
top: -20vw;
height: 200%;
} .box_title{
font-size: 4vw;
} .index_crane{
margin: 10vw 0 0;
}
.index_crane .inbox{
position: relative;
}
.index_crane .text_box{
margin: 4vw 0 0;
padding: 0 0 0 62%;
box-sizing: border-box;
position: relative;
}
.index_crane .text_box .f_box{
margin: 0 0 0;
}
.index_crane .text_box .photos{
position: absolute;
top: 0;
left: 0;
width: 60%;
}
.index_crane .text_box .photos li{
width: 49%;
}
.index_crane .text_box .photos li:nth-child(2){
margin-left: 2%;
}
.index_crane .text_box h3{
margin: 0 0 0;
font-size: 3.5vw;
}
.index_crane .text_box p{
margin: 3vw 0 0;
}
.index_crane .text_box .anime_btn{
margin: 3vw 0 0;
} .index_history{
margin: 10vw 0 0;
}
.index_history .f_box{
display: flex;
}
.index_history ul{
margin: 0 0 0;
padding: 0 2vw 0 0;
width: calc(100% - 8vw);
}
.index_history ul li{
margin: 2vw 0 0;
}
.index_history ul li a .cat{
padding: 2vw 0;
font-size: 2vw;
width: 20%;
}
.index_history ul li a .date{
font-size: 2vw;
width: 20%;
}
.index_history ul li a .ttl{
font-size: 2.2vw;
width: 60%;
}
.index_history .anime_btn{
margin: 0 0 0;
width: 8vw;
}
.index_history .anime_btn a{
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
}
.index_history .anime_btn a span{
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
}
.index_history .anime_btn a span::before{
display: none;
} .index_heavy_equipment{
margin: 10vw 0 0;
}
.index_heavy_equipment ul{
display: flex;
}
.index_heavy_equipment ul li{
width: 50%;
}
.index_heavy_equipment .anime_btn{
margin: 4vw 0 0;
} .index_contents_links{
margin: 8vw 0 0;
}
.index_contents_links .inner{
position: relative;
}
.index_contents_links .photo{
margin: 0;
position: absolute;
top: 0;
left: 50%;
height: 100%;
}
.index_contents_links.index_recruit .photo{
left: auto;
right: 54%;
}
.index_contents_links .bg_photo{
width: 50vw;
height: 100%;
}
.index_contents_links .text_box{
padding: 0 0 4vw;
width: 50%;
}
.index_contents_links.index_recruit .text_box{
margin-left: auto;
width: 50%;
}
.index_contents_links .text_box h3{
margin: 3vw 0 0;
font-size: 3vw;
}
.index_contents_links.index_recruit .text_box h3{
margin-left: 3vw;
display: inline-block;
}
.index_contents_links .text_box p{
margin: 3vw 0 0;
line-height: 200%;
}
.index_contents_links .text_box .anime_btn{
margin: 4vw 0 0;
} .index_instagram{
margin: 10vw 0 0;
}
.index_instagram.bg_licking::before{
height: 160%;
}
.index_instagram .instagram_box{
margin: 2vw 0 0;
} .index_cv{
margin: 10vw 0 0;
background: #eee;
}
.index_cv .inner{
padding-top: 8vw;
padding-bottom: 8vw;
}
.index_cv h2{
font-size: 2.5vw;
}
.index_cv ul{
margin: 4vw 0 0;
display: flex;
justify-content: center;
}
.index_cv ul li{
width: 40%;
}
.index_cv ul li:nth-child(2){
padding: 0 0 0 10%;
}
.index_cv ul li:nth-child(2)::before{
width: 55%;
transform: rotate(-65deg);
transform-origin: top left;
top: 25vw;
left: 0;
right: auto;
}
.index_cv ul li a{
padding: 3vw 0;
}
.index_cv ul li a .ttl{
font-size: 2.0vw;
}
.index_cv ul li a .icon{
margin: 2vw 0;
}
.index_cv ul li a .nom{
font-size: 3vw;
}
.index_cv ul li a .txt{
font-size: 2.7vw;
}
.index_cv ul li a .address{
margin: 2vw 0 0;
font-size: 2.0vw;
} .select_contents select{
padding: 10px 20px;
font-size: 16px;
min-width: 200px;
max-width: 220px;
background-size: 10px 8px;
background-position: right 8px center;
} .history_wrap{
margin: 0 0 0;
}
.history_block{
margin: 10vw 0 0;
}
.history_block h3{
margin: 0 0 6vw;
font-size: 3vw;
top: -15vw;
left: 2vw;
}
.construction_list{
margin: -3vw 0 0;
}
.construction_list > li{
padding: 6vw 0 0;
}
.construction_list h4 span{
padding: 0 .5vw 1vw;
font-size: 2.2vw;
min-width: 17vw;
}
.construction_list table{
margin: 3vw auto 0;
width: 100%;
}
.construction_list table th,
.construction_list table td{
padding: 2vw 2vw;
font-size: 1.6vw;
}
.construction_list table th{
padding: 3vw 2vw;
font-size: 2.1vw;
}
.construction_list table tr th:nth-child(1){
width: 11.2%;
}
.construction_list table tr th:nth-child(2){
width: 46.5%;
}
.construction_list table tr th:nth-child(3){
width: 24.3%;
}
.construction_list table tr th:nth-child(4){
width: 18.3%;
}
.slidebox{
overflow-x: inherit;
margin: 0 0 0;
padding: 0 0 0;
}
.slidetxt{
display: none;
} .company_block{
margin: 0 0 0;
}
.company_block ul{
margin: 0 0 0;
font-size: 0;
}
.company_block ul li{
margin: 2vw 0 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 49%;
}
.company_block ul li:nth-child(2n+2){
margin-left: 2%;
}
.company_block ul li a{
height: 30vw;
}
.company_block ul li a .ttl_box{
padding: 0 3vw 1.5vw;
bottom: 3vw;
min-width: 15vw;
font-size: 2.5vw;
} .philosophy_block{
margin: 0 0 0;
}
.philosophy_block .photo{
width: 80%;
}
.philosophy_block p{
margin: 6vw 0 0;
} .message_block{
margin: 0 0 0;
}
.message_block .name{
margin: 4vw 0 0;
}
.message_block .name p{
font-size: 1.8vw;
}
.message_block .name h2{
margin: .5vw 0 0;
font-size: 2.4vw;
} .information_block{
margin: 0 0 0;
} .corporate_history_block{
margin: 0 0 0;
}
.corporate_history_block .tem_table tr th:first-child{
width: 30%;
}
.corporate_history_block .tem_table tr td:first-child{
text-align: left;
} .recruit_index_block .recruit_message p{
font-size: 2.2vw;
}
.recruit_index_block .recruit_message p .yellow_bg{
margin: 1vw 0 0;
}
.recruit_list{
margin: 10vw 0 0;
}
.recruit_list h3 span{
padding: 0 3vw 2vw;
font-size: 2.3vw;
}
.recruit_list ul{
margin: 5vw 0 0;
}
.recruit_list ul li{
width: 25%;
}
.recruit_list ul a{
height: 48vw;
}
.recruit_list ul .ttl_box{
padding: 4vw 0 0;
width: 22%;
}
.recruit_list ul .ttl_box .ttl{
padding: 2vw 0 0;
font-size: 2.0vw;
}
.company_link_list{
margin: 10vw 0 0;
}
.company_link_list ul li{
margin: 0 0 0 2%;
width: 23.5%;
}
.company_link_list ul li:nth-child(1){
margin-left: 0;
}
.company_link_list ul li:nth-child(2n+2){
margin-left: 2%;
}
.company_link_list ul a{
height: 12vw;
}
.company_link_list ul .ttl_box .ttl{
font-size: 1.8vw;
} .contact{
margin: 0;
}
.contact .inner{
padding: 6vw 2vw 12vw;
}
.contact form{
margin-top: -10vw;
padding-top: 10vw;
}
.contact .top_text{
margin: 0 0 4vw;
}
.contact .conf_text{
margin: 0 0 3vw;
} .contact table{
width: 100%;
font-size: 16px;
box-sizing: border-box;
border-bottom: none;
border-bottom: 1px solid #ddd;
}
.contact th,
.contact td{
width: auto;
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
}
.contact th{
padding: 0 5px 0 20px;
width: 30%;
}
.contact .title_top th{
padding-top: 30px;
padding-bottom: 30px;
vertical-align: top;
}
.contact tr.ttl td{
padding: 10px 25px;
font-size: .8em;
}
.contact td{
padding: 23px 0;
}
.contact td .border{
padding: 0 30px;
min-height: 24px;
border-top: none;
border-left: 1px solid #ccc;
}
.contact input[type=tel],
.contact input[type=email],
.contact input[type=text],
.contact textarea,
.contact select{
margin: 0;
font-size: 16px;
padding: 12px;
box-sizing: border-box;
width: 100%;
border: 1px solid #ddd;
}
.contact textarea{
height: 150px;
}
.contact select{
vertical-align: middle;
}
.contact .wid_m{
width: 14vw;
}
.contact .wid_s{
width: 9vw;
}
.contact .radio label{
margin-right: 0;
display: inline-block;
}
.contact p.txt{
padding: 50px 0 0;
font-size: .8em;
}
.zas_btn_area{
padding: 50px 0 0;
}
.zas_btn_area input{
padding: 15px 0;
font-size: 18px;
width: 40%;
}
.thanks p{
font-size: 2.0vw;
text-align: center;
}
.thanks .go_top_btn{
margin: 5vw 0 0;
text-align: center;
} .privacy_block .ttl_h4{
margin-top: 5vw;
} .sitemap_list .sitemap_list{
margin-left: 4vw;
}
.sitemap_list li a{
padding: 2vw 2vw;
font-size: 2vw;
} .heavy_equipment_block{
margin: 0 0 0;
}
.heavy_equipment_list{
margin: 4vw 0 0;
}
.heavy_equipment_list > li{
margin: 8vw 0 0;
}
.heavy_equipment_list .ttl{
padding: 0 0 0 6vw;
height: 10vw;
}
.heavy_equipment_list .ttl::before{
height: 110%;
}
.heavy_equipment_list .ttl span{
font-size: 2.5vw;
}
.heavy_equipment_list table{
margin: 3vw -3px 0;
width: 100%;
}
.heavy_equipment_list table td,
.heavy_equipment_list table th{
padding: 2vw .5vw;
font-size: 1.8vw;
border: 3px solid #fff;
} .news_index_block{
margin: 0 0 0;
}
.news_list{
margin: 5vw 0 0;
}
.news_list > li > a{
padding: 3vw 5vw 3vw 3vw;
}
.news_list > li > a::before{
width: 1vw;
height: 1vw;
right: 2vw;
}
.news_list .date{
font-size: 1.6vw;
}
.news_list .ttl{
margin: 2.5vw 0 0;
font-size: 1.8vw;
}
.news_list .category{
top: 2vw;
left: 14vw;
max-width: 75vw;
}
.news_list .category li + li{
margin-left: 1vw;
}
.news_list .category li a{
padding: 2vw 2vw;
font-size: 1.6vw;
height: 3vw;
} .pagination{
margin: 4vw 0 0 -5px;
padding: 0;
}
.pagination .page-numbers,
.pagination .page-numbers.current{
margin: 6px 5px 0;
font-size: 1.8vw;
width: 5vw;
height: 5vw;
} .news_show_block{
margin: 0 0 0;
}
.news_show_block .fix_back{
margin: 0;
position: fixed;
right: 0;
bottom: 80px;
}
.news_show_block .fix_back.on{
position: absolute;
}
.news_show_block .fix_back a{
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 140px;
}
.news_show_block .fix_back a span{
font-size: 13px;
letter-spacing: 0.5em;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
}
.news_show_block .date{
font-size: 1.6vw;
}
.news_show_block .date + h1{
margin: .5vw 0 0;
font-size: 4vw;
}
.news_show_block .category ul{
margin: 0 0 0;
font-size: 0;
}
.news_show_block .category li{
margin: 1vw 0 0;
}
.news_show_block .category li + li{
margin-left: 1vw;
}
.news_show_block .category li a{
padding: 2vw 2vw;
font-size: 1.6vw;
height: 5vw;
}
}
@media screen and (min-width : 768px){
}
@media screen and (min-width : 769px){ .index_news .btn a span,
.index_news .btn a,
.index_news .slick-slide a .title{
transition: .3s;
}
.index_news .slick-slide a:hover .title{
opacity: .5;
}
.index_news .btn a:hover span{
color: #1C2525;
}
.index_news .btn a:hover{
background: #FED600;
} .strengths_li .photo{
overflow: hidden;
background: #fff;
}
.strengths_li li .ttl_box,
.strengths_li li .bg_photo{
transition: .5s;
}
.strengths_li li a:hover .ttl_box{
opacity: .8;
}
.strengths_li li a:hover .bg_photo{
transform: scale(1.05);
opacity: .7;
} .index_instagram ul li{
overflow: hidden;
}
.index_instagram ul li a{
transition: .5s;
}
.index_instagram ul li a:hover{
transform: scale(1.1);
opacity: .5;
} .company_block ul li a{
overflow: hidden;
background: #000;
}
.company_block ul li a .bg_photo{
transition: .5s;
}
.company_block ul li a:hover .bg_photo{
transform: scale(1.05);
opacity: .3;
} .company_link_list ul .bg_photo,
.recruit_list ul .bg_photo,
.company_link_list ul a,
.recruit_list ul a{
transition: .5s;
}
.company_link_list ul a:hover,
.recruit_list ul a:hover{
}
.company_link_list ul a:hover .bg_photo,
.recruit_list ul a:hover .bg_photo{
transform: scale(1.1);
opacity: .6;
} .zas_btn_area input{
transition: .3s;
cursor: pointer;
}
.zas_btn_area input:hover{
color: #010101;
background: #fff;
}
.zas_btn_area input.back:hover{
background: #ddd;
color: #333;
opacity: .5;
} .sitemap_list li a{
transition: .3s;
}
.sitemap_list li a:hover{
opacity: .6;
} .news_list > li > a{
transition: .3s;
}
.news_list > li > a::before{
transition: .3s;
}
.news_list > li > a:hover{
opacity: .6;
}
.news_list > li > a:hover::before{
transform: translateX(10px);
}
.news_list .category li a{
transition: .3s;
}
.news_list .category li a:hover{
background: #3C3C3C;
color: #fff;
} .pagination {
margin: 30px 0 3px;
padding: 0;
}
.pagination .page-numbers,
.pagination .page-numbers.current{
padding: 2px 0 0;
font-size: 15px;
width: 40px;
height: 40px;
}
.pagination a:hover{
background: #D8D8D8;
color: #fff;
border: 1px solid #D8D8D8;
} .news_show_block .fix_back a{
transition: .3s;
border: 1px solid #3C3C3C;
}
.news_show_block .fix_back a span{
transition: .3s;
}
.news_show_block .fix_back a:hover{
background: #fff;
}
.news_show_block .fix_back a:hover span{
color: #3C3C3C;
}
.news_show_block .category li a{
transition: .3s;
}
.news_show_block .category li a:hover{
background: #3C3C3C;
color: #F4F5F7;
}
}
@media screen and (min-width : 1000px){ .index_kv{
margin: 0 0 0;
}
.index_kv .site_logo{
width: 289px;
max-width: 289px;
top: 25px;
left: auto;
right: 35px;
}
.index_kv .bgbox::before{
width: 500px;
height: 200%;
right: auto;
top: -223px;
left: -270px;
transform: rotate(25deg);
transform-origin: left top;
}
.index_kv .index_kv_nav{
display: block;
mix-blend-mode: difference;
position: absolute;
top: 23px;
left: 50px;
z-index: 10;
}
.index_kv .index_kv_nav li{
margin-bottom: 10px;
}
.index_kv .index_kv_nav li:nth-child(1){
padding-left: 150px;
}
.index_kv .index_kv_nav li:nth-child(2){
padding-left: 125px;
}
.index_kv .index_kv_nav li:nth-child(3){
padding-left: 100px;
}
.index_kv .index_kv_nav li:nth-child(4){
padding-left: 75px;
}
.index_kv .index_kv_nav li:nth-child(5){
padding-left: 50px;
}
.index_kv .index_kv_nav li:nth-child(6){
padding-left: 25px;
}
.index_kv .index_kv_nav li a{
padding: 10px 0;
font-size: 15px;
font-family: "Noto Serif JP";
color: #fff;
display: block;
transition: .3s;
}
.index_kv .index_kv_nav li a:hover{
opacity: .5;
}
.index_kv .inner{
height: calc(100vh - 20px);
min-height: 768px;
max-height: none;
} .kv_banner{
top: 160px;
left: auto;
right: 0;
width: 350px;
}
.kv_banner ul li a{
padding: 11px 12px 11px 40px;
font-size: 17px;
}
.kv_banner ul li a::before{
width: 6px;
height: 12px;
left: 20px;
} .index_news .inbox{
margin: auto;
padding: 0;
height: 86px;
}
.index_news .ttl{
padding: 0 0 0 10px;
font-size: 20px;
letter-spacing: 0.03em;
box-sizing: border-box;
width: 20%;
text-align: center;
}
.index_news .ttl span{
font-size: 35px;
}
.index_news .index_news_slider{
margin: 0 0 0;
width: 60%;
}
.index_news .slick-slide a{
padding: 0 0 3px;
height: 50px;
box-sizing: border-box;
display: flex;
align-items: center;
}
@-moz-document url-prefix() {
.index_news .slick-slide a{
padding: 0 0 4px;
}
}   
.index_news .slick-slide a .title{
font-size: 16px;
height: 23px;
}
.index_news .btn{
width: 13%;
}
.index_news .btn a span{
font-size: 15px;
} .under_kv{
padding: 208px 0 0;
}
.under_kv .inner{
padding: 0;
height: 525px;
}
.page_title .eng{
font-size: 50px;
}
.page_title .eng span{
font-size: 60px;
}
.page_title .jpn{
margin: 15px 0 0;
font-size: 20px;
}
.under_kv .photo_box{
width: 80vw;
left: 25.5%;
}
.under_kv .photo_box .bg_photo::before{
width: 260px;
height: 200%;
left: -118px;
} .strengths{
margin: 0 0 0;
}
.strengths .border_bg::before{
width: 140px;
height: 180%;
}
.strengths .logoin::after{
width: 242px;
height: 40px;
top: 310px;
bottom: 0;
left: -160px;
}
.strengths .top_box{
padding: 124px 0 60px 160px;
}
.strengths .top_box h2{
font-size: 45px;
}
.strengths .top_box h2 span{
font-size: 30px;
}
.strengths .top_box .ttl_sub{
margin: 30px 0 0;
padding: 15px 30px;
}
.strengths .top_box .ttl_sub span{
font-size: 20px;
line-height: 35px;
}
.strengths_li{
margin: 0 0 0;
background-position: 40% center;
background-size: 1000px;
}
.strengths_li > li{
padding: 85px 0 0;
}
.strengths_li > li .inner{
padding: 0 160px 0 0;
height: 340px;
}
.strengths_li > li:nth-child(2n+2) .inner{
padding: 0 0 0 160px;
}
.strengths_li > li .inner{
box-sizing: border-box;
}
.strengths_li .ttl_box{
padding: 5px 0 0;
}
.strengths_li .ttl_box .no{
font-size: 85px;
}
.strengths_li .ttl_box .ttl{
margin: 25px 0 0;
}
.strengths_li .ttl_box .ttl .eng{
font-size: 55px;
}
.strengths_li .ttl_box .ttl .jpn{
margin: 25px -10px 0;
font-size: 22px;
}
.strengths_li .photo{
margin: 0 0 0;
width: 62vw;
height: 100%;
position: absolute;
top: 0;
right: 35%;
}
.strengths_li li:nth-child(2n+2) .photo{
right: auto;
left: 35%;
}
.strengths .bottom_text{
margin: 80px 0 0;
} .bg_licking::before{
top: -30vw;
height: 113%;
}
.bg_licking.index_company::before{
top: 7vw;
height: 170%;
} .box_title{
font-size: 45px;
} .index_crane{
margin: 200px 0 0;
}
.index_crane .inner{
max-width: 100%;
}
.index_crane .inbox{
position: relative;
}
.index_crane .text_box{
margin: 50px 0 0;
padding: 0 30px 0 64%;
}
.index_crane .text_box .f_box{
margin: 0 0 0;
}
.index_crane .text_box .photos{
width: 60%;
}
.index_crane .text_box h3{
margin: 0 0 0 auto;
font-size: 35px;
line-height: 60px;
width: auto;
}
.index_crane .text_box p{
margin: 60px 0 0;
}
.index_crane .text_box .anime_btn{
margin: 40px 0 0 20px;
text-align: left;
} .index_history{
margin: 150px 0 0;
}
.index_history .f_box{
margin: auto;
max-width: 860px;
display: flex;
}
.index_history ul{
margin: 0 0 0;
padding: 0 35px 0 0;
width: calc(100% - 60px);
}
.index_history ul li{
margin: 15px 0 0;
}
.index_history ul li a{
transition: .3s;
}
.index_history ul li a:hover{
opacity: .5;
}
.index_history ul li a .cat{
padding: 0;
font-size: 13px;
width: 100px;
height: 50px;
}
.index_history ul li a .date{
font-size: 16px;
width: 170px;
}
.index_history ul li a .ttl{
font-size: 17px;
width: calc(100% - 220px);
}
.index_history .anime_btn{
margin: 0 0 0;
width: 60px;
} .index_heavy_equipment{
margin: 150px 0 0;
}
.index_heavy_equipment .anime_btn{
margin: 70px 0 0;
} .index_contents_links{
margin: 100px 0 0;
}
.index_contents_links .inbox{
height: 600px;
}
.index_contents_links .photo{
margin: 0;
position: absolute;
top: 0;
left: 50%;
height: 100%;
}
.index_contents_links.index_recruit .photo{
left: auto;
right: 54%;
}
.index_contents_links .bg_photo{
width: 50vw;
height: 100%;
}
.index_contents_links .text_box{
padding: 0 0 0;
width: 40%;
box-sizing: border-box;
}
.index_contents_links.index_recruit .text_box{
margin-left: auto;
margin-right: 65px;
padding-left: 30px;
width: 43%;
}
.index_contents_links .text_box .box_title{
margin-top: -50px;
display: inline-block;
}
.index_contents_links.index_recruit .text_box .box_title{
margin-top: 0;
padding-left: 20px;
}
.index_contents_links .text_box h3{
margin: 33px 0 0;
font-size: 35px;
line-height: 60px;
}
.index_contents_links.index_recruit .text_box h3{
margin-left: 0;
display: block;
}
.index_contents_links .text_box p{
margin: 40px 0 0;
line-height: 40px;
}
.index_contents_links .text_box .anime_btn{
margin: 55px 0 0;
} .index_instagram{
margin: 123px 0 0;
}
.index_instagram.bg_licking::before{
height: 140%;
}
.index_instagram .instagram_box{
margin: 30px 0 0;
} .index_cv{
margin: 125px 0 0;
background: #eee;
}
.index_cv .inner{
padding-top: 85px;
padding-bottom: 100px;
}
.index_cv h2{
font-size: 25px;
}
.index_cv ul{
margin: 50px 0 0;
display: flex;
justify-content: center;
}
.index_cv ul li{
width: 27%;
}
.index_cv ul li:nth-child(2){
padding: 0 0 0 23%;
}
.index_cv ul li:nth-child(2)::before{
width: 275px;
transform: rotate(-65deg);
transform-origin: top left;
top: 250px;
left: 45px;
}
.index_cv ul li a{
padding: 25px 0 15px;
}
.index_cv ul li a .ttl{
font-size: 16px;
}
.index_cv ul li a .icon{
margin: 30px 0;
}
.index_cv ul li a .nom{
font-size: 25px;
}
.index_cv ul li a .txt{
font-size: 23px;
}
.index_cv ul li a .address{
margin: 15px 0 0;
font-size: 16px;
} .select_contents select{
padding: 20px 20px;
font-size: 16px;
width: 200px;
background-size: 14px 12px;
background-position: right 20px center;
} .history_wrap{
margin: 0 0 25px;
}
.history_block{
margin: 100px 0 0;
}
.history_block h3{
margin: 0 0 100px;
font-size: 30px;
top: -160px;
left: 0;
}
.construction_list{
margin: -45px 0 0;
}
.construction_list > li{
margin: 50px 0 0;
padding: 50px 0 0;
}
.construction_list h4 span{
padding: 0 8px 10px;
font-size: 20px;
min-width: 150px;
}
.construction_list table{
margin: 21px auto 0;
width: 100%;
}
.construction_list table th,
.construction_list table td{
padding: 14px 20px;
font-size: 14px;
}
.construction_list table th{
padding: 13px 20px;
font-size: 16px;
}
.construction_list table tr th:nth-child(1){
width: 11.2%;
}
.construction_list table tr th:nth-child(2){
width: 46.5%;
}
.construction_list table tr th:nth-child(3){
width: 24.3%;
}
.construction_list table tr th:nth-child(4){
width: 18.3%;
} .company_block{
margin: 0 0 0;
}
.company_block ul{
margin: -20px 0 0;
}
.company_block ul li{
margin: 20px 0 0;
}
.company_block ul li a{
height: 350px;
}
.company_block ul li a .ttl_box{
padding: 0 35px 15px;
bottom: 50px;
min-width: 205px;
font-size: 25px;
} .philosophy_block{
margin: 0 0 0;
}
.philosophy_block .photo{
width: 80.6%;
}
.philosophy_block p{
margin: 127px 0 0;
font-size: 18px;
line-height: 40px;
} .message_block{
margin: 0 0 0;
}
.message_block .name{
margin: 60px 0 0;
}
.message_block .name p{
font-size: 16px;
}
.message_block .name h2{
margin: 5px 0 0;
font-size: 23px;
} .information_block{
margin: 0 0 0;
}
.information_block .tem_table{
margin-top: 60px;
}
.information_block .tem_table td{
font-size: 15px;
line-height: 28px;
} .corporate_history_block{
margin: 0 0 0;
}
.corporate_history_block .tem_table{
margin-top: 60px;
}
.corporate_history_block .tem_table tr td:first-child{
padding-left: 27px;
} .recruit_index_block .recruit_message p{
font-size: 20px;
line-height: 70px;
}
.recruit_index_block .recruit_message p .yellow_bg{
margin: 15px 0 0;
}
.recruit_list{
margin: 185px 0 0;
}
.recruit_list h3 span{
padding: 0 43px 15px;
font-size: 25px;
}
.recruit_list ul{
margin: 70px 0 0;
}
.recruit_list ul li{
width: 25%;
}
.recruit_list ul a{
height: 500px;
}
.recruit_list ul .ttl_box{
padding: 57px 0 0;
width: 50px;
}
.recruit_list ul .ttl_box .ttl{
padding: 10px 0 0;
font-size: 20px;
}
.company_link_list{
margin: 150px 0 0;
}
.company_link_list ul li{
margin: 0 0 0 2%;
width: 23.5%;
}
.company_link_list ul li:nth-child(1){
margin-left: 0;
}
.company_link_list ul li:nth-child(2n+2){
margin-left: 2%;
}
.company_link_list ul a{
height: 100px;
}
.company_link_list ul .ttl_box .ttl{
font-size: 16px;
} .contact{
margin: 0;
}
.contact .inner{
padding: 50px 0 110px;
}
.contact form{
margin-top: -130px;
padding-top: 130px;
}
.contact .top_text{
margin: 0 0 45px;
}
.contact .conf_text{
margin: 0 0 20px;
font-size: 18px;
} .contact th{
padding: 0 30px;
width: 26.5%;
font-size: 16px;
}
.contact tr.ttl td{
padding: 10px 25px;
font-size: 15px;
}
.contact td{
padding: 23px 0;
font-size: 16px;
}
.contact td .border{
padding: 0 30px;
}
.contact input[type=tel],
.contact input[type=email],
.contact input[type=text],
.contact textarea,
.contact select{
font-size: 16px;
padding: 13px 20px;
}
.contact textarea{
height: 250px;
}
.contact .wid_m{
width: 150px;
}
.contact .wid_s{
width: 60px;
}
.contact .wpcf7-not-valid-tip{
font-size: .7em;
}
.contact p.txt{
padding: 55px 0 0;
font-size: 15px;
}
.zas_btn_area{
padding: 50px 0 0;
}
.zas_btn_area input{
padding: 20px 0;
font-size: 18px;
max-width: 400px;
}
.zas_btn_area input.back{
margin-right: 25px;
width: 30%;
max-width: 200px;
}
.thanks p{
font-size: 17px;
text-align: center;
}
.thanks .go_top_btn{
margin: 40px 0 0;
text-align: center;
} .privacy_block .ttl_h4{
margin-top: 50px;
} .sitemap_list .sitemap_list{
margin-left: 50px;
}
.sitemap_list li a{
padding: 20px 10px;
font-size: 16px;
display: inline-block;
} .heavy_equipment_block{
margin: 0 0 0;
}
.heavy_equipment_list{
margin: 87px 0 0;
}
.heavy_equipment_list > li{
margin: 120px 0 0;
}
.heavy_equipment_list .ttl{
padding: 10px 0 0 60px;
height: 97px;
}
.heavy_equipment_list .ttl::before{
height: 110%;
}
.heavy_equipment_list .ttl span{
font-size: 25px;
}
.heavy_equipment_list table{
margin: 40px -3px 0;
width: 100%;
}
.heavy_equipment_list table td,
.heavy_equipment_list table th{
padding: 15px 5px;
font-size: 16px;
} .news_index_block{
margin: 0 0 0;
}    
.news_list{
margin: 50px 0 0;
}
.news_list > li > a{
padding: 28px 85px 25px 30px;
}
.news_list > li > a::before{
width: 8px;
height: 16px;
right: 25px;
}
.news_list .date{
font-size: 14px;
}
.news_list .ttl{
margin: 25px 0 0;
font-size: 16px;
}
.news_list .category{
top: 20px;
left: 136px;
max-width: 775px;
}
.news_list .category li + li{
margin-left: 1vw;
}
.news_list .category li a{
padding: 7px 19px;
font-size: 14px;
height: 35px;
} .pagination {
margin: 68px 0 0 -20px;
padding: 0;
}
.pagination .page-numbers,
.pagination .page-numbers.current{
margin: 6px 0 0 20px;
padding: 2px 0 0;
font-size: 18px;
width: 50px;
height: 50px;
} .news_show_block{
margin: 0 0 0;
}
.news_show_block .fix_back{
bottom: 100px;
}
.news_show_block .fix_back.on{
}
.news_show_block .fix_back a{
width: 53px;
height: 200px;
}
.news_show_block .fix_back a span{
font-size: 16px;
}
.news_show_block .date{
font-size: 15px;
}
.news_show_block .date + h1{
margin: 5px 0 0;
font-size: 40px;
}
.news_show_block .category ul{
margin: 0 0 0;
font-size: 0;
}
.news_show_block .category li{
margin: 10px 0 0;
}
.news_show_block .category li + li{
margin-left: 10px;
}
.news_show_block .category li a{
padding: 0 25px;
font-size: 14px;
height: 43px;
}
}
@media screen and (min-width : 1300px){ .strengths .top_box{
padding: 124px 0 60px;
}
.strengths_li > li .inner{
padding: 0 0 0;
height: 340px;
}
.strengths_li > li:nth-child(2n+2) .inner{
padding: 0 0 0;
}
.strengths_li .photo{
width: 68vw;
right: 26%;
}
.strengths_li li:nth-child(2n+2) .photo{
left: 26%;
} .index_crane .inner{
max-width: 1000px;
}
.index_crane .inbox{
padding-top: 68px;
position: relative;
}
.index_crane .box_title{
position: absolute;
top: 0;
right: -238px;
}
.index_crane .text_box{
margin: 0 0 0;
padding: 0 0 0 65%;
}
.index_crane .text_box .f_box{
margin: 0 0 0;
}
.index_crane .text_box .photos{
width: 720px;
left: auto;
right: 40%;
}
.index_crane .text_box h3{
margin: 0 0 0 auto;
font-size: 35px;
line-height: 60px;
width: auto;
}
.index_crane .text_box p{
margin: 60px 0 0;
}
.index_crane .text_box .anime_btn{
margin: 40px 0 0 20px;
text-align: left;
} .index_contents_links .bg_photo{
width: 50vw;
}
.index_contents_links .text_box .box_title{
margin-top: -50px;
margin-left: -170px;
}
.index_contents_links.index_recruit .text_box .box_title{
margin-top: 0;
margin-left: 0;
white-space: nowrap;
}
.index_contents_links.index_recruit .text_box .box_title br.pc{
display: none;
}
}