/*
Theme Name: Nishiki Child
Description: Nishikiテーマの子テーマ
Template: nishiki
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* 親テーマの読み込み */
@import url("../nishiki/style.css");

/* =================================
カスタムプロパティ（CSS変数）
================================= */
:root {
--primary-blue: #1e4a72;
--secondary-blue: #2d5aa0;
--light-blue: #e8f4fd;
--accent-orange: #ff6b35;
--text-dark: #333;
--text-light: #666;
--section-padding: 80px;
--container-max-width: 1200px;
}

/* =================================
基本リセット・調整
================================= */

/* Nishikiの余計な余白をリセット */
.site-content {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.content-area {
margin: 0 !important;
}

.entry-content {
margin: 0 !important;
padding: 0 !important;
}

/* コンテナの余白調整 */
.container,
.site-main {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: none !important;
}

/* ブロックエディタのmargin調整 */
.wp-block-group,
.wp-block-columns,
.wp-block-cover {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/* フルワイド設定 */
.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}

.alignwide {
width: calc(100vw - 40px);
max-width: calc(100vw - 40px);
margin-left: calc(50% - 50vw + 20px);
margin-right: calc(50% - 50vw + 20px);
}

/* =================================
ヒーローセクション
================================= */
.hero-section {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

.hero-section .wp-block-cover__inner-container {
max-width: var(--container-max-width);
margin: 0 auto;
padding: 0 20px;
text-align: center;
}

.hero-section h1 {
font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 300;
letter-spacing: 0.1em;
margin-bottom: 1rem;
line-height: 1.2;
}

.hero-section .wp-block-paragraph {
font-size: clamp(1.1rem, 2vw, 1.5rem);
font-weight: 300;
letter-spacing: 0.05em;
margin-top: 0;
}

/* =================================
セクション共通スタイル
================================= */
.section-container {
max-width: var(--container-max-width);
margin: 0 auto;
padding: 0 20px;
}

.section-padding {
padding: var(--section-padding) 0;
}

/* 青背景セクション */
.has-primary-blue-background-color {
background-color: var(--primary-blue) !important;
color: white;
padding: var(--section-padding) 0;
}

.has-secondary-blue-background-color {
background-color: var(--secondary-blue) !important;
color: white;
padding: var(--section-padding) 0;
}

/* =================================
ABOUT USセクション
================================= */
.about-section {
padding: var(--section-padding) 0;
background: #f8f9fa;
}

.about-section .wp-block-columns {
align-items: center;
gap: 40px;
}

.about-section .wp-block-column img {
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* =================================
STRENGTHセクション
================================= */
.strength-section {
background: var(--primary-blue);
color: white;
padding: var(--section-padding) 0;
}

.strength-item {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 60px;
}

.strength-item:nth-child(even) {
flex-direction: row-reverse;
}

.strength-number {
font-size: 3rem;
font-weight: bold;
color: var(--accent-orange);
display: block;
margin-bottom: 1rem;
}

.strength-title {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.strength-subtitle {
font-size: 1.1rem;
margin-bottom: 1.5rem;
color: #cce7ff;
}

.strength-description {
line-height: 1.8;
color: #e8f4fd;
}

/* =================================
クレーンラインナップ
================================= */
.crane-lineup {
padding: var(--section-padding) 0;
background: white;
}

.crane-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 40px;
}

.crane-item {
background: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.crane-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

.crane-item img {
width: 100%;
height: 200px;
object-fit: cover;
}

.crane-item-content {
padding: 20px;
}

.crane-item h3 {
font-size: 1.2rem;
margin-bottom: 10px;
color: var(--primary-blue);
}

.crane-item p {
font-size: 0.9rem;
color: var(--text-light);
line-height: 1.6;
}

/* =================================
レスポンシブ対応
================================= */
@media (max-width: 768px) {
:root {
--section-padding: 60px;
}

.hero-section h1 {
font-size: 2.5rem;
}

.strength-item {
flex-direction: column !important;
text-align: center;
gap: 20px;
}

.strength-item:nth-child(even) {
flex-direction: column !important;
}

.crane-grid {
grid-template-columns: 1fr;
gap: 20px;
}

.about-section .wp-block-columns {
flex-direction: column;
}
}

@media (max-width: 480px) {
:root {
--section-padding: 40px;
}

.section-container {
padding: 0 15px;
}

.hero-section h1 {
font-size: 2rem;
}

.strength-number {
font-size: 2.5rem;
}
}

/* =================================
   Nishikiテーマ フルワイド対応リセットCSS
================================= */

/* ヘッダー画像を非表示 */
.site-header .header-image,
.site-header .custom-header,
.header-media {
    display: none !important;
}

/* ヘッダーの高さ調整 */
.site-header {
    position: relative;
    z-index: 999;
    margin-bottom: 0 !important;
}

/* メインコンテンツエリアの余白リセット */
.site-content {
    padding: 0 !important;
    margin: 0 !important;
}

.content-area {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

.site-main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* エントリーコンテンツの余白リセット */
.entry-content {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* 記事タイトル非表示（必要に応じて） */
.entry-header {
    display: none !important;
}

/* コンテナ・ラッパーの余白リセット */
.container,
.site-content-inner,
.content-wrap {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* WordPressブロックの余白調整 */
.wp-block-group,
.wp-block-columns,
.wp-block-cover,
.wp-block-image,
.wp-block-gallery {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* フルワイド設定 */
.alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* ワイド設定 */
.alignwide {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    margin-left: calc(50% - 50vw + 20px) !important;
    margin-right: calc(50% - 50vw + 20px) !important;
}

/* 全てのブロックをデフォルトでフルワイドに */
.wp-block-cover,
.wp-block-group {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Kadence Blocksの調整 */
.kb-row-layout-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* フッターの調整 */
.site-footer {
    margin-top: 0 !important;
}

/* テキストコンテンツのセンタリング用クラス */
.content-centered {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* セクション間の調整 */
.section-spacing {
    padding: 80px 0;
}

@media (max-width: 768px) {
    .section-spacing {
        padding: 60px 0;
    }
    
    .content-centered {
        padding: 0 15px;
    }
}

@media (max-width: 480px) {
    .section-spacing {
        padding: 40px 0;
    }
}





/* メインコンテンツ調整 */
#masthead .site-info a img{
width: auto;
height: 50px;
}
#masthead .container{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
}
#masthead.fixed {
background:none!important;
}

#main{
font-family: "Noto Sans", sans-serif;
}

/* FV */

#hero-section{
max-width:100%!important;
width:100%!important;
margin:0!important;
padding:0!important;
position: relative;
}
#hero-section img{
object-fit:cover;
height: 100vh;
}
#hero-section img + span{
height: 100vh;
}
#hero-section .fv-main-txt-box div{
width:100%;
max-width:1200px;
height:100vh;
position:relative;
margin:auto;
color:#FFF;
}
#hero-section .fv-main-txt-box h2.fv-txt-1{
position:absolute;
font-family: "Oswald", sans-serif;
font-size:100px!important;
font-weight:500;
letter-spacing:5px;
left:50px;
top:140px;
line-height:0;
}
#hero-section .fv-main-txt-box p.fv-txt-2{
position:absolute;
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:200;
letter-spacing:2px;
right:210px;
top:280px;
line-height:1.2;
text-align:left;
}
#hero-section .fv-main-txt-box p.fv-txt-2 span:nth-of-type(2){
display:block;
position:relative;
right:-100px;
}
#hero-section .fv-main-txt-box p.fv-txt-3{
position:absolute;
font-family: "Noto Sans", sans-serif;
font-size:24px!important;
font-weight:500;
letter-spacing:2px;
left:60px;
top:290px;
}
#hero-section .fv-footer-box{
position:relative;
bottom:50px;
background:#1D49A0;
width:100%;
max-width:100%;   
left:0;
height:50px;
display:flex;
color:#FFF;
}
#hero-section .fv-footer-box .fv-footer{
width:100%;
max-width:1200px;
margin:auto;
text-align:right;   
font-size:12px;
font-family: "Roboto", sans-serif;
}
#hero-section .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained{
height:100vh;
}


/* about */

#about-box{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
padding:120px 0 0;
}
.about-l{
position: relative;
}
.about-l h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.about-l p.h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
.about-l .about-l-txt-2{
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.about-l .about-l-txt-3{
font-family: "Oswald", sans-serif;
font-size:16px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.about-l .about-l-img-1{
margin:100px 0 0!important;
}
.about-r{
position: relative;
text-align:right;
}
.about-r .about-r-img-1{
position:absolute;
width:70%;
right:0;
top:-20px;
bottom:0;
margin:auto;
}
.about-r .about-r-img-2{
position:absolute;
width:100%;
right:50px;
bottom:-200px;
margin:auto;
}
.about-r .about-r-img-2 img{
width:270px!important;
max-width:100%;
}
#about-box img{
border-radius:5px;
}



/* strength */

#strength-box{
background:#1F4695;
max-width:100%!important;
width:100%!important;
margin:120px 0 0!important;
padding:200px 0!important;
}
.strength-box-in{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
color:#FFF;
}
.strength-box-top{
position:relative;
margin:0 0 100px!important;
}
.strength-box-top-h{
width:60%!important;
flex-basis: auto!important;
}
.strength-box-top-h h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.strength-box-top-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
.strength-box-top-p{    
width:40%!important;
flex-basis: auto!important;    
}
.strength-box-top-p p:first-child{    
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}

.strength-box-01{
position:relative;
margin:0!important;
}
.strength-box-02{
position:relative;
margin:200px 0!important;
}
.strength-box-h{
width:40%!important;
flex-basis: auto!important;
padding:0 30px;
position:relative;
}
.strength-box-h h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.strength-box-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
.strength-box-h p:nth-of-type(1){
position:absolute;
top:-20px;
left:150px;
font-size:80px;
font-family: "Oswald", sans-serif;
line-height:1;
}
.strength-box-h p:nth-of-type(2){
font-size:20px;
font-family: "Oswald", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
}
.strength-box-h p:nth-of-type(2):after{
content:"";
width:90px;
height:1px;
background:#FFF;
bottom:0;
left:0;
display:block;
position:absolute;
}
.strength-box-h p:nth-of-type(3){
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
position:relative;
}
.strength-box-h p:nth-of-type(3):after{
content:"";
width:90px;
height:1px;
background:#FFF;
bottom:-50px;
left:0;
display:block;
position:absolute;
}
.strength-box-h p:nth-of-type(4){
margin:100px 0 0!important;
}
.strength-box-img{
width:60%!important;
flex-basis: auto!important;
position:relative;
}
.strength-box-img h2{
font-family: "Oswald", sans-serif;
font-size:70px!important;
font-weight:200;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
position:absolute;
bottom:-50px;
left:-50px;
}
.strength-box-img h2 strong{
font-weight:500;
}
.strength-box-img img{
border-radius:10px;
width:500px!important;
}
.strength-box-02 .strength-box-img{
display:flex;
justify-content:flex-end;
}
.strength-box-02 .strength-box-img h2{
right:-50px;
left:auto;
text-align:right;
}

/* crane */

#crane-linenap-box{
max-width:1200px!important;
width:100%!important;
margin:100px auto!important;
}
#crane-linenap-box .crane-linenap-box-top{
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1){
width:50%!important;
flex-basis:auto;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) p.h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) p.h-sub span:last-child{
font-weight:200;
display:block;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(2){
width:30%!important;
flex-basis:auto;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(2) p{
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3){
width:20%!important;
flex-basis:auto;
padding:20px 0 0;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#000;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a:after{
content:"";
width:75px;
height:1px;
background:#000;
bottom:0;
left:0;
display:block;
position:absolute;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a:before{
content:"→";
color:#FFF;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#204695;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}
#crane-linenap-box .crane-linenap-box-list {
max-width: 1200px !important;
width: 100% !important;
margin: 100px auto !important;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group {
width: 100% !important;
margin:0 0 20px!important;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group img{
width: 100% !important;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group h3{
margin:20px 0 0; 
font-size:16px;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group p{
margin:0;
color:#204695;
font-family: "Oswald", sans-serif;
font-weight:500;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group a{
margin:20px 0;
width:100%;
display:block;
text-align:center;
background:#F4F4F4;
box-shadow: 0 0 0 1px #E3E3E3;
border-radius:50px;
line-height:50px;
text-decoration:none;
color:#000;
position:relative;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group a:after{
content:"";
width:18px;
height:18px;
background:url(http://koei-k.com/wp/wp-content/uploads/2025/08/i-download.svg) no-repeat  center / 100%;
top:0;
bottom:0;
right:35px;
display:block;
position:absolute;
margin:auto;
}
/* タブレット表示：横3列 */
@media (max-width: 768px) {
#crane-linenap-box .crane-linenap-box-list {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
}
/* スマホ表示：横2列 */
@media (max-width: 480px) {
#crane-linenap-box .crane-linenap-box-list {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}



/* メインコンテンツ調整 */
#masthead .site-info a img{
width: auto;
height: 50px;
}
#masthead .container{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
}
#masthead.fixed {
background:none!important;
}

#main{
font-family: "Noto Sans", sans-serif;
}

/* FV */

#hero-section{
max-width:100%!important;
width:100%!important;
margin:0!important;
padding:0!important;
position: relative;
}
#hero-section img{
object-fit:cover;
height: 100vh;
}
#hero-section img + span{
height: 100vh;
}
#hero-section .fv-main-txt-box div{
width:100%;
max-width:1200px;
height:100vh;
position:relative;
margin:auto;
}
#hero-section .fv-main-txt-box h2.fv-txt-1{
position:absolute;
font-family: "Oswald", sans-serif;
font-size:100px!important;
font-weight:500;
letter-spacing:5px;
left:50px;
top:140px;
line-height:0;
}
#hero-section .fv-main-txt-box p.fv-txt-2{
position:absolute;
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:200;
letter-spacing:2px;
right:210px;
top:280px;
line-height:1.2;
text-align:left;
}
#hero-section .fv-main-txt-box p.fv-txt-2 span:nth-of-type(2){
display:block;
position:relative;
right:-100px;
}
#hero-section .fv-main-txt-box p.fv-txt-3{
position:absolute;
font-family: "Noto Sans", sans-serif;
font-size:24px!important;
font-weight:500;
letter-spacing:2px;
left:60px;
top:290px;
}
#hero-section .fv-footer-box{
position:relative;
bottom:50px;
background:#1D49A0;
width:100%;
max-width:100%;   
left:0;
height:50px;
display:flex;
}
#hero-section .fv-footer-box .fv-footer{
width:100%;
max-width:1200px;
margin:auto;
text-align:right;   
font-size:12px;
font-family: "Roboto", sans-serif;
}



/* about */

#about-box{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
}
.about-l{
position: relative;
}
.about-l h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.about-l p.h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
.about-l .about-l-txt-2{
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.about-l .about-l-txt-3{
font-family: "Oswald", sans-serif;
font-size:16px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.about-l .about-l-img-1{
margin:100px 0 0!important;
}
.about-r{
position: relative;
text-align:right;
}
.about-r .about-r-img-1{
position:absolute;
width:70%;
right:0;
top:0;
bottom:0;
margin:auto;
}
.about-r .about-r-img-2{
position:absolute;
width:100%;
right:50px;
bottom:-200px;
margin:auto;
}
.about-r .about-r-img-2 img{
width:270px!important;
max-width:100%;
}


/* strength */

#strength-box{
background:#1F4695;
max-width:100%!important;
width:100%!important;
margin:120px 0 0!important;
padding:200px 0!important;
}
.strength-box-in{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
color:#FFF;
}
.strength-box-top{
position:relative;
margin:0 0 100px!important;
}
.strength-box-top-h{
width:60%!important;
flex-basis: auto!important;
}
.strength-box-top-h h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.strength-box-top-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
.strength-box-top-p{    
width:40%!important;
flex-basis: auto!important;    
}
.strength-box-top-p p:first-child{    
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}

.strength-box-01{
position:relative;
margin:0!important;
}
.strength-box-02{
position:relative;
margin:200px 0!important;
}
.strength-box-h{
width:40%!important;
flex-basis: auto!important;
padding:0 30px;
position:relative;
}
.strength-box-h h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.strength-box-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
.strength-box-h p:nth-of-type(1){
position:absolute;
top:-20px;
left:150px;
font-size:80px;
font-family: "Oswald", sans-serif;
line-height:1;
}
.strength-box-h p:nth-of-type(2){
font-size:20px;
font-family: "Oswald", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
}
.strength-box-h p:nth-of-type(2):after{
content:"";
width:90px;
height:1px;
background:#FFF;
bottom:0;
left:0;
display:block;
position:absolute;
}
.strength-box-h p:nth-of-type(3){
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
position:relative;
}
.strength-box-h p:nth-of-type(3):after{
content:"";
width:90px;
height:1px;
background:#FFF;
bottom:-50px;
left:0;
display:block;
position:absolute;
}
.strength-box-h p:nth-of-type(4){
margin:100px 0 0!important;
}
.strength-box-img{
width:60%!important;
flex-basis: auto!important;
position:relative;
}
.strength-box-img h2{
font-family: "Oswald", sans-serif;
font-size:70px!important;
font-weight:200;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
position:absolute;
bottom:-50px;
left:-50px;
}
.strength-box-img h2 strong{
font-weight:500;
}
.strength-box-img img{
border-radius:10px;
width:500px!important;
}
.strength-box-02 .strength-box-img{
display:flex;
justify-content:flex-end;
}
.strength-box-02 .strength-box-img h2{
right:-50px;
left:auto;
text-align:right;
}

/* crane */

#crane-linenap-box{
max-width:1200px!important;
width:100%!important;
margin:100px auto!important;
}
#crane-linenap-box .crane-linenap-box-top{
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1){
width:50%!important;
flex-basis:auto;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) p.h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) p.h-sub span:last-child{
font-weight:200;
display:block;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(2){
width:30%!important;
flex-basis:auto;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(2) p{
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3){
width:20%!important;
flex-basis:auto;
padding:20px 0 0;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#000;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a:after{
content:"";
width:75px;
height:1px;
background:#000;
bottom:0;
left:0;
display:block;
position:absolute;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a:before{
content:"→";
color:#FFF;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#204695;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}
#crane-linenap-box .crane-linenap-box-list {
max-width: 1200px !important;
width: 100% !important;
margin: 100px auto !important;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group {
width: 100% !important;
margin:0 0 20px!important;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group img{
width: 100% !important;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group h3{
margin:20px 0 0; 
font-size:16px;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group p{
margin:0;
color:#204695;
font-family: "Oswald", sans-serif;
font-weight:500;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group a{
margin:20px 0;
width:100%;
display:block;
text-align:center;
background:#F4F4F4;
box-shadow: 0 0 0 1px #E3E3E3;
border-radius:50px;
line-height:50px;
text-decoration:none;
color:#000;
position:relative;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group a:after{
content:"";
width:18px;
height:18px;
background:url(http://koei-k.com/wp/wp-content/uploads/2025/08/i-download.svg) no-repeat  center / 100%;
top:0;
bottom:0;
right:35px;
display:block;
position:absolute;
margin:auto;
}
/* タブレット表示：横3列 */
@media (max-width: 768px) {
#crane-linenap-box .crane-linenap-box-list {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
}
/* スマホ表示：横2列 */
@media (max-width: 480px) {
#crane-linenap-box .crane-linenap-box-list {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}



/* works */

#works-box{
background:#1F4695;
max-width:100%!important;
width:100%!important;
margin:120px 0 0!important;
padding:200px 0!important;
position:relative;
overflow: hidden;
}
#works-box .works-box-in{
width:100%!important;
margin:auto!important;
color:#FFF;
position: relative;
padding-left: calc((100vw - 1200px) / 2);
}
#works-box .works-box-h{
width:40%!important;
flex-basis: auto!important;
padding:0 50px 0 0;
}
#works-box .works-box-h h2{
position: relative;
font-size:19px!important;
font-weight:normal;
color:#FFF;
}
#works-box .works-box-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
#works-box .works-box-h p{
font-family: "Oswald", sans-serif;
font-size:16px!important;
letter-spacing:2px;
line-height:1.6;
padding:0 100px 0 0!important;
margin:30px 0!important;
color:#FFF;
}
#works-box .works-box-h a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#FFF;
}
#works-box .works-box-h a:after{
content:"";
width:95px;
height:1px;
background:#FFF;
bottom:0;
left:0;
display:block;
position:absolute;
}
#works-box .works-box-h a:before{
content:"→";
color:#1f4695;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#FFF;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}
#works-box .works-box-slider{
width:60%!important;
flex-basis: auto;
position: relative;
overflow: visible;
}
#works-box .works-box-slider .kb-gallery-wrap-id-7_c9b2d3-09 {
width: 130% !important;
margin-left: -10% !important;
margin-right: -20% !important; 
}
/* カルーセルコンテナの調整 */
#works-box .works-box-slider .kt-blocks-carousel-init {
padding-left: 20px !important;
}
#works-box .works-box-slider .kt-blocks-carousel {
overflow: visible !important;
position: relative;
left: 0;
}
#works-box .works-box-slider div{
color:#FFF;
text-align:left;
}
#works-box .works-box-slider .kadence-blocks-gallery-item__caption {
color: #FFF !important;
background: rgba(31, 70, 149, 0.8) !important; 
padding: 15px !important;
}
#works-box .works-box-slider .kadence-blocks-gallery-item__caption strong {
color: #FFF !important;
font-size: 18px !important;
}
#works-box .splide__pagination {
position: absolute !important;
bottom: -50px !important;
left: 0 !important;
display:block;
}
#works-box .splide__pagination__page {
background: rgba(255,255,255,0.5) !important;
}
#works-box .splide__pagination__page.is-active {
background: #FFF !important;
}


/* news */

#news-box{
max-width:1200px!important;
width:100%!important;
margin:100px auto!important;
}
#news-box .news-box-h{
width:40%!important;
flex-basis: auto!important;
padding:0 50px 0 0;
}
#news-box .news-box-h  h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
#news-box .news-box-h p.h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
#news-box .news-box-list{
width:60%!important;
flex-basis: auto!important;
padding:0 0 0 0;
}
#news-box .news-box-list ul{
margin:0;
padding:0;
}
#news-box .news-box-list li{
display:flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
padding:40px 0;
border-bottom:solid #DDDDDD 1px;
margin:0 0 40px 0;
}
#news-box .news-box-list li:first-child{
display:flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
padding:40px 0;
border-top:solid #DDDDDD 1px;
}
#news-box .news-box-list li a{
display:flex;
align-items: center;
width:50%!important;
flex-basis: auto!important;
display:block;
color:#000;
}
#news-box .news-box-list li time{
width:20%!important;
flex-basis: auto!important;
display:block;
font-family: "Oswald", sans-serif;
}
#news-box .news-box-list  p.more{
text-align:right;
padding:0 100px 0 0;
}
#news-box .news-box-list  p.more a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#000;
}
#news-box .news-box-list p.more a:after{
content:"";
width:75px;
height:1px;
background:#000;
bottom:0;
left:0;
display:block;
position:absolute;
}
#news-box .news-box-list p.more a:before{
content:"→";
color:#FFF;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#204695;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}


/* csrreport */

#csr-report-box{
background:#1F4695;
max-width:100%!important;
width:100%!important;
margin:120px 0 0!important;
padding:200px 0!important;
position:relative;
overflow: hidden;
}
#csr-report-box .csr-report-box-in{
width:100%!important;
margin:auto!important;
color:#FFF;
position: relative;
/*padding-left: calc((100vw - 1200px) / 2);*/
max-width:1200px;
}
#csr-report-box .csr-report-box-h{
width:40%!important;
flex-basis: auto!important;
padding:0 50px 0 0;
}
#csr-report-box .csr-report-box-h h2{
position: relative;
font-size:19px!important;
font-weight:normal;
color:#FFF;
}
#csr-report-box .csr-report-box-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
#csr-report-box .csr-report-box-h .h-sub span:last-child{
font-weight:200;
display:block;
}
#csr-report-box .csr-report-box-h p{
font-family: "Oswald", sans-serif;
font-size:16px!important;
letter-spacing:2px;
line-height:1.6;
padding:0 100px 0 0!important;
margin:30px 0!important;
color:#FFF;
}
#csr-report-box .csr-report-box-h a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#FFF;
}
#csr-report-box .csr-report-box-h a:after{
content:"";
width:95px;
height:1px;
background:#FFF;
bottom:0;
left:0;
display:block;
position:absolute;
}
#csr-report-box .csr-report-box-h a:before{
content:"→";
color:#1f4695;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#FFF;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}
#csr-report-box .csr-report-box-slider{
width:60%!important;
flex-basis: auto;
position: relative;
overflow: visible;
}
#csr-report-box .csr-report-box-slider .kb-gallery-wrap-id-7_c9b2d3-09 {
width: 130% !important;
margin-left: -10% !important;
margin-right: -20% !important; 
}
/* カルーセルコンテナの調整 */
#csr-report-box .csr-report-box-slider .kt-blocks-carousel-init {
padding-left: 20px !important;
}
#csr-report-box .csr-report-box-slider .kt-blocks-carousel {
overflow: visible !important;
position: relative;
left: 0;
}
#csr-report-box .csr-report-box-slider div.kadence-blocks-gallery-item{
background: #FFF;
padding: 10px;
border-radius: 10px;
}
#csr-report-box .csr-report-box-slider div{
color:#000;
text-align:left;
}

#csr-report-box .csr-report-box-slider .kadence-blocks-gallery-item__caption {
color: #000 !important;
padding: 15px !important;
text-align: left;
}
#csr-report-box .csr-report-box-slider .kadence-blocks-gallery-item__caption strong {
color: #000 !important;
font-size: 18px !important;
}
#csr-report-box .splide__pagination {
position: absolute !important;
bottom: -50px !important;
left: 0 !important;
display:block;
}
#csr-report-box .splide__pagination__page {
background: rgba(255,255,255,0.5) !important;
}
#csr-report-box .splide__pagination__page.is-active {
background: #FFF !important;
}
.kb-gallery-figure.kadence-blocks-gallery-item-has-caption .kb-gal-image-radius{
}


/* recruit */

#recruit-box{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
padding:200px 0 250px!important;
}
.recruit-box-l{
position: relative;
}
.recruit-box-l h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.recruit-box-l p.h-sub{
font-family: "Oswald", sans-serif;
font-size:90px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
.recruit-box-l .recruit-l-txt-1{
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.recruit-box-l .recruit-l-txt-2{
font-family: "Oswald", sans-serif;
font-size:16px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.recruit-box-r{
position: relative;
text-align:right;
}
.recruit-box-r .recruit-r-img-1{
position:absolute;
width:70%;
right:0;
top:0;
bottom:0;
margin:auto;
}
.recruit-box-r .recruit-r-img-2{
position:absolute;
width:100%;
right:-100px;
bottom:-140px;
margin:auto;
}
.recruit-box-r .recruit-r-img-2 img{
width:250px!important;
max-width:100%;
}
#recruit-box .recruit-box-l  p.more{
text-align:left;
padding:0 100px 0 0;
}
#recruit-box .recruit-box-l  p.more a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#000;
}
#recruit-box .recruit-box-l p.more a:after{
content:"";
width:75px;
height:1px;
background:#000;
bottom:0;
left:0;
display:block;
position:absolute;
}
#recruit-box .recruit-box-l p.more a:before{
content:"→";
color:#FFF;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#204695;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}

/* company */

#company-box{
max-width:100%!important;
width:100%!important;
margin:auto!important;
position:relative;
flex-basis: auto;
}
#company-box .company-box-l{
width:100%;
flex-basis: auto;
height:600px;
}
#company-box .company-box-l .map-pc img{
width:100%;
flex-basis: auto;
height:600px;
object-fit:cover;
display:block;
}
#company-box .company-box-l .map-sp img{
display:none;
}
#company-box .company-box-r{
position:absolute;
flex-basis: auto;
top:50px;
right:10%;
margin:auto;
z-index:100;
background:#FFF;
padding:30px;
border-radius:10px;
box-shadow:0 0 6px 0 rgb(0 0 0 / 6%);
}
#company-box .company-box-r  h2{
position: relative;
font-size:19px!important;
font-weight:normal;
margin:0 0 5px;
padding:0;
}
#company-box .company-box-r p.h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
#company-box .company-box-r table{
border:0;
margin:40px 0 0;
padding:0;
}
#company-box .company-box-r table td{
border:0;
margin:0;
padding:0;
}
#company-box .company-box-r table td p{
border:0;
margin:0;
padding:5px 0;
font-size:14px;
}
#company-box .company-box-r table th{
border:0;
margin:0;
padding:0;
}
#company-box .company-box-r p a{
display:block;
text-align:center;
text-decoration:none;
background:#214695;
color:#FFF;
font-size:16px;
padding:10px;
border-radius:10px;
}
#company-box .company-box-r p{
margin:40px 0 0;
}

/* footer */

.wrap .footer-content{
background:#193671;
color:#FFF;
}
.wrap .footer-content .footer-inner{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
padding:50px 0 10px!important;
}
#footer-box{
color:#FFF;
}
#footer-box .footer-box-l{
width:50%;
flex-basis: auto;
}
#footer-box .footer-box-r{
width:50%;
flex-basis: auto;
}
#footer-box .footer-box-r ul{
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
#footer-box .footer-box-r ul li{
margin:0;
padding:10px 0;
border:0;
font-size:12px;
width:25%;
}
#footer-box .footer-box-r ul li a{
color:#FFF;
}
.topmodoru{
position:fixed;
bottom:50px;
right:50px;
}
.footer-widget .topmodoru a{
display:block;
width:50px;
height:50px;
background:#FFF;
border-radius:50px;
text-align:center;
line-height:50px;
color:#193671;
}
.copyright{
margin:0;
padding:0;
font-size:10px;
}

body.scrolled #masthead.fixed{
background: rgb(31 70 149 / 85%) !important;
z-index: 1000;
}
body.scrolled #masthead #menu-collapse ul li a{
color: #fff!important;
}


@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#masthead .global-nav #menu-collapse-button{
border:0;
background:#1d49a0;
right:0;
top:0;
position:fixed;
padding:15px;
width:60px;
height:60px;
}

/* FV */

#hero-section{
max-width:100%!important;
width:100%!important;
margin:0!important;
padding:0!important;
position: relative;
}
#hero-section img{
object-fit:cover;
height: 100vh;
}
#hero-section img + span{
height: 100vh;
}
#hero-section .fv-main-txt-box div{
width:100%;
max-width:1200px;
height:100vh;
position:relative;
margin:auto;
}
#hero-section .fv-main-txt-box h2.fv-txt-1{
position:absolute;
font-family: "Oswald", sans-serif;
font-size:40px!important;
font-weight:500;
letter-spacing:5px;
left:20px;
top:200px;
line-height:0;
}
#hero-section .fv-main-txt-box p.fv-txt-2{
position:absolute;
font-family: "Oswald", sans-serif;
font-size:40px!important;
font-weight:200;
letter-spacing:2px;
right:120px;
top:250px;
line-height:1.2;
text-align:left;
}
#hero-section .fv-main-txt-box p.fv-txt-2 span:nth-of-type(2){
display:block;
position:relative;
right:-100px;
}
#hero-section .fv-main-txt-box p.fv-txt-3{
position:absolute;
font-family: "Noto Sans", sans-serif;
font-size:20px!important;
font-weight:500;
letter-spacing:2px;
left:60px;
top:390px;
}
#hero-section .fv-footer-box{
position:relative;
bottom:50px;
background:#1D49A0;
width:100%;
max-width:100%;   
left:0;
height:50px;
display:flex;
}
#hero-section .fv-footer-box .fv-footer{
width:100%;
max-width:1200px;
margin:auto;
text-align:left;   
font-size:7px;
font-family: "Roboto", sans-serif;
padding:10px 20px;
}

/* about */

#about-box{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
padding:50px 20px 20px;
}
.about-l{
position: relative;
}
.about-l h2{
position: relative;
font-size:18px!important;
font-weight:normal;
}
.about-l p.h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
.about-l .about-l-txt-2{
font-size:20px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.about-l .about-l-txt-3{
font-family: "Oswald", sans-serif;
font-size:16px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.about-l .about-l-img-1{
margin:100px 0 0!important;
position:relative;
width:50%;
left:0;
right:0;
top:350px;
bottom:0;
margin:auto;
}
.about-r{
position: relative;
text-align:right;
}
.about-r .about-r-img-1{
position:absolute;
width:80%;
left:50px;
right:0;
top:-310px;
bottom:0;
margin:auto;
}
.about-r .about-r-img-2{
position:relative;
width:45%;
right:-50px;
bottom:-350px;
margin:auto;
}
.about-r .about-r-img-2 img{
width:270px!important;
max-width:100%;
}


/* strength */

#strength-box{
background:#1F4695;
max-width:100%!important;
width:100%!important;
margin:250px 0 0!important;
padding:130px 0!important;
}
.strength-box-in{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
color:#FFF;
padding:20px;
}
.strength-box-top{
position:relative;
margin:0 0 50px!important;
}
.strength-box-top-h{
width:100%!important;
flex-basis: auto!important;
}
.strength-box-top-h h2{
position: relative;
font-size:18px!important;
font-weight:normal;
}
.strength-box-top-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
.strength-box-top-p{    
width:100%!important;
flex-basis: auto!important;    
}
.strength-box-top-p p:first-child{    
font-size:20px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}

.strength-box-01{
position:relative;
margin:0!important;
}
.strength-box-02{
position:relative;margin:100px 0!important;display: flex;flex-direction: column-reverse;}
.strength-box-h{
width:100%!important;
flex-basis: auto!important;
padding:50px 20px 0;
position:relative;
}
.strength-box-h h2{
position: relative;
font-size:19px!important;
font-weight:normal;
}
.strength-box-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
.strength-box-h p:nth-of-type(1){
position:absolute;
top:40px;
left:150px;
font-size:80px;
font-family: "Oswald", sans-serif;
line-height:1;
}
.strength-box-h p:nth-of-type(2){
font-size:20px;
font-family: "Oswald", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
}
.strength-box-h p:nth-of-type(2):after{
content:"";
width:90px;
height:1px;
background:#FFF;
bottom:0;
left:0;
display:block;
position:absolute;
}
.strength-box-h p:nth-of-type(3){
font-size:30px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
position:relative;
}
.strength-box-h p:nth-of-type(3):after{
content:"";
width:90px;
height:1px;
background:#FFF;
bottom:-50px;
left:0;
display:block;
position:absolute;
}
.strength-box-h p:nth-of-type(4){
margin:100px 0 0!important;
}
.strength-box-img{
width:100%!important;
flex-basis: auto!important;
position:relative;
}
.strength-box-img h2{
font-family: "Oswald", sans-serif;
font-size:40px!important;
font-weight:200;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
position:absolute;
bottom:-50px;
left:20px;
}
.strength-box-img h2 strong{
font-weight:500;
}
.strength-box-img img{
border-radius:10px;
width:500px!important;
padding:0 20px;
}
.strength-box-02 .strength-box-img{
display:flex;
justify-content:flex-end;
}
.strength-box-02 .strength-box-img h2{
right:20px;
left:auto;
text-align:right;
}


/* crane */

#crane-linenap-box{
max-width:1200px!important;
width:100%!important;
margin:50px auto!important;
padding:20px;
}
#crane-linenap-box .crane-linenap-box-top{
display:flex;
flex-wrap: wrap!important;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1){
width:100%!important;
flex-basis:auto!important;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) h2{
position: relative;
font-size:18px!important;
font-weight:normal;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) p.h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(1) p.h-sub span:last-child{
font-weight:200;
display:block;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(2){
width: 40%!important;flex-basis: 70%!important;}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(2) p{
font-size:20px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3){
width:30%!important;
flex-basis:auto!important;
padding:20px 0 0;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#000;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a:after{
content:"";
width:75px;
height:1px;
background:#000;
bottom:0;
left:0;
display:block;
position:absolute;
}
#crane-linenap-box .crane-linenap-box-top div:nth-of-type(3) a:before{
content:"→";
color:#FFF;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#204695;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}
#crane-linenap-box .crane-linenap-box-list {
max-width: 1200px !important;
width: 100% !important;
margin: 100px auto 0 !important;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group {
width: 100% !important;
margin:0 0 20px!important;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group img{
width: 100% !important;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group h3{
margin:20px 0 0; 
font-size:16px;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group p{
margin:0;
color:#204695;
font-family: "Oswald", sans-serif;
font-weight:500;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group a{
margin:20px 0;
width:100%;
display:block;
text-align:center;
background:#F4F4F4;
box-shadow: 0 0 0 1px #E3E3E3;
border-radius:50px;
line-height:40px;
text-decoration:none;
color:#000;
position:relative;
padding:0 15px 0 0;
box-sizing:border-box;
}
#crane-linenap-box .crane-linenap-box-list div.wp-block-group a:after{
content:"";
width:18px;
height:18px;
background:url(http://koei-k.com/wp/wp-content/uploads/2025/08/i-download.svg) no-repeat  center / 100%;
top:0;
bottom:0;
right:15px;
display:block;
position:absolute;
margin:auto;
}
/* タブレット表示：横3列 */
@media (max-width: 768px) {
#crane-linenap-box .crane-linenap-box-list {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
}
/* スマホ表示：横2列 */
@media (max-width: 480px) {
#crane-linenap-box .crane-linenap-box-list {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}



/* works */

#works-box{
background:#1F4695;
max-width:100%!important;
width:100%!important;
margin:50px 0 0!important;
padding:50px 0 100px!important;
position:relative;
overflow: hidden;
}
#works-box .works-box-in{
width:100%!important;
margin:auto!important;
color:#FFF;
position: relative;
padding-left: calc((100vw - 1200px) / 2);
padding:20px;
}
#works-box .works-box-h{
width:100%!important;
flex-basis: auto!important;
padding:0 50px 0 0;
}
#works-box .works-box-h h2{
position: relative;
font-size:18px!important;
font-weight:normal;
color:#FFF;
}
#works-box .works-box-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
#works-box .works-box-h p{
font-family: "Oswald", sans-serif;
font-size:16px!important;
letter-spacing:2px;
line-height:1.6;
padding:0 100px 0 0!important;
margin:30px 0!important;
color:#FFF;
}
#works-box .works-box-h a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#FFF;
}
#works-box .works-box-h a:after{
content:"";
width:95px;
height:1px;
background:#FFF;
bottom:0;
left:0;
display:block;
position:absolute;
}
#works-box .works-box-h a:before{
content:"→";
color:#1f4695;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#FFF;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}
#works-box .works-box-slider{
width:100%!important;
flex-basis: auto;
position: relative;
overflow: visible;
}
#works-box .works-box-slider .kb-gallery-wrap-id-7_c9b2d3-09 {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important; 
}
/* カルーセルコンテナの調整 */
#works-box .works-box-slider .kt-blocks-carousel-init {
padding-left: 0 !important;
}
#works-box .works-box-slider .kt-blocks-carousel {
overflow: visible !important;
position: relative;
left: 0;
}
#works-box .works-box-slider div{
color:#FFF;
text-align:left;
}
#works-box .works-box-slider .kadence-blocks-gallery-item__caption {
color: #FFF !important;
background: rgba(31, 70, 149, 0.8) !important; 
padding: 15px !important;
}
#works-box .works-box-slider .kadence-blocks-gallery-item__caption strong {
color: #FFF !important;
font-size: 18px !important;
}
#works-box .splide__pagination {
position: absolute !important;
bottom: -50px !important;
left: 0 !important;
display:block;
}
#works-box .splide__pagination__page {
background: rgba(255,255,255,0.5) !important;
}
#works-box .splide__pagination__page.is-active {
background: #FFF !important;
}


/* news */

#news-box{
max-width:1200px!important;
width:100%!important;
margin:100px auto 50px!important;
padding:20px;
}
#news-box .news-box-h{
width:100%!important;
flex-basis: auto!important;
padding:0 50px 50px 0;
}
#news-box .news-box-h  h2{
position: relative;
font-size:18px!important;
font-weight:normal;
}
#news-box .news-box-h p.h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
#news-box .news-box-list{
width:100%!important;
flex-basis: auto!important;
padding:0 0 0 0;
}
#news-box .news-box-list ul{
margin:0;
padding:0;
}
#news-box .news-box-list li{
display:flex;
align-items: center;
flex-direction: column-reverse;
justify-content: flex-end;
padding:40px 0;
border-bottom:solid #DDDDDD 1px;
margin:0 0 0px 0;
flex-wrap:wrap;
}
#news-box .news-box-list li:first-child{
display:flex;
align-items: center;
flex-direction: column-reverse;
justify-content: flex-end;
padding:40px 0;
border-top:solid #DDDDDD 1px;
width:100%;}
#news-box .news-box-list li a{
display:flex;
align-items: center;
width:100%!important;
flex-basis: auto!important;
display:block;
color:#000;
}
#news-box .news-box-list li time{
width:100%!important;
flex-basis: auto!important;
display:block;
font-family: "Oswald", sans-serif;
}
#news-box .news-box-list  p.more{
text-align:right;
padding:0 100px 0 0;
}
#news-box .news-box-list  p.more a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#000;
}
#news-box .news-box-list p.more a:after{
content:"";
width:75px;
height:1px;
background:#000;
bottom:0;
left:0;
display:block;
position:absolute;
}
#news-box .news-box-list p.more a:before{
content:"→";
color:#FFF;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#204695;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}



/* csrreport */

#csr-report-box{
background:#1F4695;
max-width:100%!important;
width:100%!important;
margin:50px 0 0!important;
padding:100px 0!important;
position:relative;
overflow: hidden;
}
#csr-report-box .csr-report-box-in{
width:100%!important;
margin:auto!important;
color:#FFF;
position: relative;
padding-left: calc((100vw - 1200px) / 2);
padding:20px;
}
#csr-report-box .csr-report-box-h{
width:100%!important;
flex-basis: auto!important;
padding:0 50px 0 0;
}
#csr-report-box .csr-report-box-h h2{
position: relative;
font-size:18px!important;
font-weight:normal;
color:#FFF;
}
#csr-report-box .csr-report-box-h .h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#FFF;
}
#csr-report-box .csr-report-box-h p{
font-family: "Oswald", sans-serif;
font-size:16px!important;
letter-spacing:2px;
line-height:1.6;
padding:0 100px 0 0!important;
margin:30px 0!important;
color:#FFF;
}
#csr-report-box .csr-report-box-h a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#FFF;
}
#csr-report-box .csr-report-box-h a:after{
content:"";
width:95px;
height:1px;
background:#FFF;
bottom:0;
left:0;
display:block;
position:absolute;
}
#csr-report-box .csr-report-box-h a:before{
content:"→";
color:#1f4695;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#FFF;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}
#csr-report-box .csr-report-box-slider{
width:100%!important;
flex-basis: auto;
position: relative;
overflow: visible;
}
#csr-report-box .csr-report-box-slider .kb-gallery-wrap-id-7_c9b2d3-09 {
width: 100% !important;
margin-left: 0!important;
margin-right: 0!important; 
}
/* カルーセルコンテナの調整 */
#csr-report-box .csr-report-box-slider .kt-blocks-carousel-init {
padding-left: 0!important;
}
#csr-report-box .csr-report-box-slider .kt-blocks-carousel {
overflow: visible !important;
position: relative;
left: 0;
}
#csr-report-box .csr-report-box-slider div.kadence-blocks-gallery-item{
background: #FFF;
padding: 10px;
border-radius: 10px;
}
#csr-report-box .csr-report-box-slider div{
color:#000;
text-align:left;
}

#csr-report-box .csr-report-box-slider .kadence-blocks-gallery-item__caption {
color: #000 !important;
padding: 15px !important;
text-align: left;
}
#csr-report-box .csr-report-box-slider .kadence-blocks-gallery-item__caption strong {
color: #000 !important;
font-size: 18px !important;
}
#csr-report-box .splide__pagination {
position: absolute !important;
bottom: -50px !important;
left: 0 !important;
display:block;
}
#csr-report-box .splide__pagination__page {
background: rgba(255,255,255,0.5) !important;
}
#csr-report-box .splide__pagination__page.is-active {
background: #FFF !important;
}
.kb-gallery-figure.kadence-blocks-gallery-item-has-caption .kb-gal-image-radius{
}


/* recruit */

#recruit-box{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
padding:60px 20px 450px!important;
}
.recruit-box-l{
position: relative;
}
.recruit-box-l h2{
position: relative;
font-size:18px!important;
font-weight:normal;
}
.recruit-box-l p.h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
.recruit-box-l .recruit-l-txt-1{
font-size:20px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.recruit-box-l .recruit-l-txt-2{
font-family: "Oswald", sans-serif;
font-size:16px!important;
font-weight:500;
letter-spacing:2px;
line-height:1.6;
padding:0!important;
margin:30px 0!important;
}
.recruit-box-r{
position: relative;
text-align:right;
}
.recruit-box-r .recruit-r-img-1{
position:absolute;
width:70%;
right:0;
left:-30%;
top:0;
bottom:0;
margin:auto;
}
.recruit-box-r .recruit-r-img-2{
position:absolute;
width:100%;
right:0;
bottom:0;
top:200px;
margin:auto;
}
.recruit-box-r .recruit-r-img-2 img{
width:150px!important;
max-width:100%;
}
#recruit-box .recruit-box-l  p.more{
text-align:left;
padding:0 100px 0 0;
}
#recruit-box .recruit-box-l  p.more a{
font-size:16px;
font-family: "Roboto", sans-serif;
display:inline-block;
padding:0 0 5px;
position:relative;
text-decoration:none!important;
color:#000;
}
#recruit-box .recruit-box-l p.more a:after{
content:"";
width:75px;
height:1px;
background:#000;
bottom:0;
left:0;
display:block;
position:absolute;
}
#recruit-box .recruit-box-l p.more a:before{
content:"→";
color:#FFF;
font-size:20px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
background:#204695;
top:0;
bottom:0;
right:-100px;
display:block;
position:absolute;
margin:auto;
border-radius:50px;
}

/* company */

#company-box{
max-width:100%!important;
width:100%!important;
margin:50px auto!important;
position:relative;
flex-basis: auto;
}
#company-box .company-box-l{
width:100%;
flex-basis: auto;
height:600px;
}
#company-box .company-box-l .map-sp img{
width:100%;
flex-basis: auto;
height:100%;
object-fit:cover;
display:block;
}
#company-box .company-box-l .map-pc img{
display:none;
}
#company-box .company-box-r{
position:absolute;
flex-basis: auto;
top:auto;
bottom:0;
right:0;
left:0;
margin:auto;
z-index:100;
background:#FFF;
padding:30px;
border-radius:10px;
box-shadow:0 0 6px 0 rgb(0 0 0 / 6%);
height:480px;
margin:20px;
box-sizing:border-box;
}
#company-box .company-box-r  h2{
position: relative;
font-size:19px!important;
font-weight:normal;
margin:0 0 5px;
padding:0;
}
#company-box .company-box-r p.h-sub{
font-family: "Oswald", sans-serif;
font-size:50px!important;
font-weight:500;
letter-spacing:2px;
line-height:1;
margin:0!important;
padding:0!important;
color:#204695;
}
#company-box .company-box-r table{
border:0;
margin:40px 0 0;
padding:0;
}
#company-box .company-box-r table td{
border:0;
margin:0;
padding:0;
}
#company-box .company-box-r table td p{
border:0;
margin:0;
padding:5px 0;
font-size:14px;
}
#company-box .company-box-r table th{
border:0;
margin:0;
padding:0;
}
#company-box .company-box-r p a{
display:block;
text-align:center;
text-decoration:none;
background:#214695;
color:#FFF;
font-size:16px;
padding:10px;
border-radius:10px;
}
#company-box .company-box-r p{
margin:40px 0 0;
}


/* footer */

.wrap .footer-content{
background:#193671;
color:#FFF;
}
.wrap .footer-content .footer-inner{
max-width:1200px!important;
width:100%!important;
margin:auto!important;
padding:50px 20px 10px!important;
}
#footer-box{
color:#FFF;
}
#footer-box .footer-box-l{
width:50%;
flex-basis: auto;
}
#footer-box .footer-box-r{
width:50%;
flex-basis: auto;
}
#footer-box .footer-box-r ul{
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
#footer-box .footer-box-r ul li{
margin:0;
padding:10px 0;
border:0;
font-size:12px;
width:50%;
}
#footer-box .footer-box-r ul li a{
color:#FFF;
}
.topmodoru{
position:fixed;
bottom:20px;
right:20px;
}
.footer-widget .topmodoru a{
display:block;
width:50px;
height:50px;
background:#FFF;
border-radius:50px;
text-align:center;
line-height:50px;
color:#193671;
}
.copyright{
margin:0;
padding:0;
font-size:10px;
}

body.scrolled #masthead.fixed{
background: rgb(31 70 149 / 85%) !important;
z-index: 1000;
}
body.scrolled #masthead #menu-collapse ul li a{
color: #fff!important;
}

.icon-menu2:before {
    content: "\e910";
    color: #FFF;
}
}

#main header.page {
background-position:top!important;
}
#main header.page .page-header{
height:350px;
display:flex;
justify-content:center;
align-items:center;
}
#main header.page:after {
background-color: #1d49a0!important;
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main header.page .page-header{
height:200px;
display:flex;
justify-content:center;
align-items:center;
}
}

#main header.post {
background-position:top!important;
}
#main header.post .page-header{
height:350px;
display:flex;
justify-content:center;
align-items:center;
}
#main header.post:after {
background-color: #1d49a0!important;
opacity:0.6;
}
body.blog #main .container.column .archives{
max-width:1000px;
width:100%;
margin:50px auto;
}
body.blog #main .container.column .author{
display:none;    
}
body.blog #main .container.column article.post{
box-shadow:0 0 10px 0 rgb(0 0 0 / 8%);
padding:20px;
border-radius:10px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main header.post .page-header{
height:200px;
display:flex;
justify-content:center;
align-items:center;
}
}
#main header.post {
background-position:top!important;
}
#main header.post .page-header{
height:350px;
display:flex;
justify-content:center;
align-items:center;
}
#main header.post:after {
background-color: #1d49a0!important;
opacity:0.6;
}
body.blog #main .container.column .archives{
max-width:1000px;
width:100%;
margin:50px auto;
}
body.blog #main .container.column .author{
display:none;    
}
body.blog #main .container.column article.post{
box-shadow:0 0 10px 0 rgb(0 0 0 / 8%);
padding:20px;
border-radius:10px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main header.post .page-header{
height:200px;
display:flex;
justify-content:center;
align-items:center;
}
}

body.single-post #main header.post {
background-position:center!important;
}
body.single-post #main header.post .page-header{
height:350px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
position:relative;
max-width:1000px!important;
width:100%!important;
margin:auto!important;
}
body.single-post #main header.post .page-header h1{
max-width:1000px;
width:100%;
margin:0 auto;
padding:0;
text-align:center;
}
body.single-post #main header.post .page-header .date{
position:absolute;
left:0;
bottom:0;
font-size:11px;
}
body.single-post #main header.post .page-header .cat{
position:absolute;
left:0;
bottom:20px;
font-size:11px;
}
body.single-post #main header.post:after {
background-color: #1d49a0!important;
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
body.single-post #main header.post .page-header{
height:200px;
display:flex;
justify-content:center;
align-items:center;
}
body.single-post #main header.post .page-header .date{
left:20px;
}
body.single-post #main header.post .page-header .cat{
left:20px;
}	
}

.recruit-table table{
border:0;
background:#FFF;
border-collapse: separate!important;
border-spacing: 5px;
background-color:#FFF!important;
}
.recruit-table table tr{
border:0;
background:#FFF;
}
.recruit-table table tr td:nth-of-type(1){
border:0;
background:#4ea6df;
width:30%;
padding:20px;
font-weight:bold;
border-radius:5px;
color:#FFF;
}
.recruit-table table tr td:nth-of-type(2){
border:0;
background:#e3f4ff;
border-radius:5px;
}
body.page #main .container.column article.entry{
padding:20px 0 50px;
}
.recruit-bt a{
width:100%!important;
max-width:500px!important;
background-color: #1d49a0!important;
}
.recruit-bt{
width:100%!important;
max-width:500px!important;
margin:0 auto!important;
}
.recruit-bt a:hover{
color:#FFF;
background-color: #627fb7!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.recruit-table table{
white-space: wrap;
}
.recruit-table table tr td:nth-of-type(1){
padding:10px;
line-height:1.6;
}
.recruit-table table tr td:nth-of-type(2){
padding:10px;
line-height:1.6;
}
.recruit-txt{
font-size:18px;
}
.recruit-bt a{
width:100%!important;
max-width:500px!important;
display:block;
margin:0 auto!important;
}
.recruit-bt{
width:100%!important;
max-width:500px!important;
margin:0 auto!important;
}
}


.entry-content .smf-form.smf-form--business{
padding:20px 0;
background:#4ea6df;
border-radius:10px;
box-shadow:0 0 8px 0 #ccc;
}
.entry-content .snow-monkey-form{
width:100%;
margin:80px 0 0;
}
.entry-content .snow-monkey-form input{
width:100%;
}
.entry-content .smf-form--business .smf-item{
border:0;
align-items:center;
padding:10px;
}
.entry-content .smf-form--business .smf-item__col--label {
border-bottom: none;
border-right: 0px solid #4ea6df;
flex: 0 0 14em;
max-width: 14em;
margin:5px 0;
display:flex;
align-items:center;
background:#4ea6df;
border-radius:0px;
font-weight:bold;
color:#FFF;
padding:0 20px;
}
.entry-content .snow-monkey-form button{
width:100%!important;
max-width:500px!important;
border:0;
background:#1d49a0;
color:#FFF;
font-weight:bold;
padding:15px 20px;
border-radius:50px;
font-size:20px;
}
.entry-content .smf-form--business .smf-item__col--controls{
padding:0px 20px;
margin:5px 0;
box-sizing:border-box;
}
.entry-content .smf-form--business .smf-item__col--controls input{
border:0;
}


.menu-items li:last-of-type{
background:#1C49A0;
padding:0 35px 0 55px;
margin:0 0 0 25px;
position:relative;
}
.menu-items li:last-of-type:before{
content:"";
width:20px;
height:20px;
position:absolute;
left:30px;
top:-8px;
bottom:0;
margin:auto;
background:url(http://koei-k.com/wp/wp-content/uploads/2025/08/i-mail.svg)no-repeat center 100%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#masthead .global-nav #menu-collapse.panel-open{
background:#FFF!important;
}
#masthead .global-nav #menu-collapse.panel > ul > li > a{
color:#000!important;;
}
#masthead .global-nav #menu-collapse .close{
background:#1D49A0!important;
border:0;
position:absolute;
right:0;
top:0;
margin: 0;
}
.menu-items li:last-of-type{
background:none;
padding:0;
margin:0;
}
.menu-items li:last-of-type:before{
display:none;
}    
#masthead .global-nav #menu-collapse.panel > ul > li:last-of-type > a{
background:#1C49A0;
padding:20px;
margin:0 auto 0;
position:fixed!important;
bottom:30px;
left:0;
right:0; 
width:80%!important;
border-radius:5px;
color:#FFF!important;
display:block;
text-align:center;
font-size:16px;
}
.menu-items li:last-of-type a:before{
display:none;
}
#masthead .global-nav #menu-collapse.panel.mobile .menu-items {
display:flex;
flex-wrap:wrap;
}
#masthead .global-nav #menu-collapse.panel.mobile .menu-items li{
width:45%;
font-size:16px;
}
}