@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/*必要ならばここにコードを書く*/
/* フッターの下余白を大きく取る */
 .footer-bottom {
     padding-bottom: 80px;
}
/* フッターの会社ロゴを上部に配置 */
 .footer-bottom-logo {
     position: relative;
}
/* グローバルメニューを白背景にする＆枠線を引く */
 .navi .item-label, .navi .item-description {
     color: black;
}
 #header-container, #header-container .navi, #navi .navi-in>.menu-header .sub-menu {
     background-color: #fff;
}
 navi-in > ul {
     background-color: #ffff;
}

/* メニュー幅の調整 */
#navi .navi-in > ul > li {
	width: auto;
}
#navi .navi-in > ul > li > a {
    padding: 0 1.4em;
}

/* ロゴ色を反転させる */
 .site-name-text-link {
     filter: invert();
}
/* フッターロゴの色を元に戻す */
 .footer-bottom-logo img {
     filter:invert();
}
/* ヘッダーメニューの下線を引く */
 .content {
     border-top: 0.1rem solid;
     margin-top: 0% 
}
/* フッターロゴ大きさ調整 */
 .footer-bottom-logo img {
     height: 42.5px;
}
/*トップページにだけヘッダー画像を入れる*/
  .home .header {
         background-image: url("/wp-content/uploads/2024/09/top_main.png");
    }
     .home .header {
         height: 28.78vw;
    }
/* テキストをヘッダー画像の上に入れる */
/* .home .header::after {
     content:"モビリティの未来は加速を続けており、様々なソリューション、サービスが台頭しています。NSWは車両を「うごかす」サービス領域を中心としつつも、車両を伴わない「つくる」サービス領域にも注力しております。また、それらを「つなぐ」可能性にも挑戦しており、お客様と一緒に未来に進むため、尽力いたします。";
     transform: translateY(16vw) translateX(2.25vh);
     padding-right: 8vh;
     padding-bottom: 5%;
     font-size:medium;
     line-height: 1.0;
}*/

    /* テキストをヘッダー画像の上に入れる */
     .home .header::after {
		 white-space: pre;
         content:"NSWは車両を「つくる」サービス領域を中心としつつも、独自ノウハウを活用し、\A車両を伴わない「うごかす」サービス領域にも注力しています。\Aまた、それらを「つなぐ」可能性にも挑戦しており、\Aお客様と一緒に未来に進むため、尽力いたします。";
         transform: translateY(14vw) translateX(4.75vw);
         padding-bottom: 5%;
         font-size:1.5vw;
         line-height: 1.5;
         max-width: 72%;
    }
    /* トップページスクロール時にヘッダナビにテキストが重なるのを防ぐ*/
    .home .fixed-header .header::after {
        content:"";
    }

/* トップページのヘッダーロゴを非表示にする */
 .home .logo-header {
     display: none;
}
/* トップページのフッターロゴの位置調整 */
 .home .logo-footer {
     margin-top: auto;
}
/* スクロールダウン時のヘッダーメニューの高さ指定 */
 .header-container-in.hlt-top-menu {
     height: 60px;
}
/* 投稿ページ用整形 */
 .single .logo {
     align-self: flex-start;
}
 .single .logo-footer {
     margin-top: auto;
}
 .single .header {
     height: 60px;
}
 .single .header-container-in.site-name-text-link {
     padding: 0.5em 1em 1em 1em;
}
 .single .header-container-in.hlt-top-menu .site-name-text{
     padding: 0.5em 1em 1em 1em;
}
/* スクロールダウン時、ヘッダーメニューの高さを60pxに制限する */
 .single .header-container-in.hlt-center-logo{
     display: flex;
     height: 60px;
}
/* ヘッダーメニューのテキストを位置整理 */
 .single .navi-in>ul li{
     vertical-align: top;
}
/* ヘッダーメニューのテキストを定位置に配置する */
 .single .header-in.wrap{
     width:200px;
}
/* ヘッダーロゴを左寄せにする */
 .single .logo-image {
     align-self: flex-start;
}
/* スクロールダウン時のヘッダーメニューの高さ指定 */
 .header-container-in.hlt-top-menu {
     height: 60px;
}
/* アーカイブページ用整形 */
 .archive .logo {
     align-self: flex-start;
}
 .archive .logo-footer {
     margin-top: auto;
}
 .archive .header {
     height: 60px;
}
 .archive .header-container-in.site-name-text-link {
     padding: 0.5em 1em 1em 1em;
}
 .archive .header-container-in.hlt-top-menu .site-name-text{
     padding: 0.5em 1em 1em 1em;
}
/* スクロールダウン時、ヘッダーメニューの高さを60pxに制限する */
 .archive .header-container-in.hlt-center-logo{
     display: flex;
     height: 60px;
}
/* ヘッダーメニューのテキストを位置整理 */
 .archive .navi-in>ul li{
     vertical-align: top;
}
/* ヘッダーメニューのテキストを定位置に配置する */
 .archive .header-in.wrap{
     width:200px;
}
/* ヘッダーロゴを左寄せにする */
 .archive .logo-image {
     align-self: flex-start;
}
/* スクロールダウン時のヘッダーメニューの高さ指定 */
 .header-container-in.hlt-top-menu {
     height: 60px;
}
/*「もっと見る」ボタン 右向き矢印アイコン位置整理*/
 .wp-image-284 {
     vertical-align: middle;
     float: right;
	 padding-left: 2%;
}
/* 「もっと見る」ボタン矢印アイコンの不要なデフォルトの影を消す */
 .iwe-shadow img, .iwe-shadow amp-img {
     box-shadow: none;
}
/* トップページのコラム欄のボックススタイル */
/* 背景を白にする */
 .wp-block-cocoon-blocks-blank-box-1 {
     background-color: white;
}
/* 写真をボックスいっぱいに伸ばす */
 .blank-box {
     padding: 0%;
	 border-width: 1px;
	 padding-bottom: 4%;
	 border-radius: 0;
}
/* カテゴリラベルのデザイン作成 */
 .cat-item {
     list-style: none;
     padding-left: 0;
     display: inline-block;
}
 .list-item-caption {
     display: inline-block;
     position: relative;
     padding: 0.5em 1.3em 0.5em 1em;
     background-color: #eeeeee;
     color: #313131;
     font-weight: 500;
}
 .list-item-caption::before {
     position: absolute;
     bottom: -1px;
     right: 9px;
     z-index: -1;
     transform: rotate(5deg);
     width: 70%;
     height: 50%;
     background-color: #eeeeee;
     content: "";
     filter: blur(4px);
}
.entry-categories .fa-folder:before {
    display: none;
}
.cat-link {
	pointer-events: none;
	padding-left: inherit;
}
.ultp-category-in {
	pointer-events: none;
}
/* トップカテゴリラベルデザイン */



/* カテゴリラベルのデザイン作成ここまで*/
/* .article h2::before {
     border-top: none;
}
 .article h2::after {
     border-bottom: none;
}
 .article h2{
     border: none;
}
 */
/* 見出しリセット */
/* 見出し2 */
 .article h2 {
     background: none;
     border-top: 0;
     border-right: 0;
     border-bottom: 0;
     border-left: 0;
     padding: 0;
}
/* 見出しカスタマイズ */
/* 見出し2 */
 .article h2 {
     padding: none;
    /* 文字周りの余白 */
     margin-bottom: revert;
}
 .article h3::before {
     border-top: none;
}
 .article h3::after {
     border-bottom: none;
}
 .article h3 {
     border: none;
}
 .article h4::before {
     border-top: none;
}
 .article h4::after {
     border-bottom: none;
}
 .article h4 {
     border: none;
}
 .article h5::before {
     border-top: none;
}
 .article h5::after {
     border-bottom: none;
}
 .article h5 {
     border: none;
}
 .article h6::before {
     border-top: none;
}
 .article h6::after {
     border-bottom: none;
}
 .article h6 {
     border: none;
}
/* コラム本文 */
 .colum_p {
     margin-top: 30px;
}
/* コラム関連ソリューション見出し */
 h2.colum_solution {
     border-left: solid 5px #014099;
     padding: 10px;
}


/* パンくずリストリンク無効 */
.breadcrumb {
	pointer-events: none;
}


/*リンク画像のマウスホバー時用設定*/
.is-link-image {
    background: #ffffff;
}
.is-link-image:hover {
    opacity: 0.7;
}
/* コラムのカテゴリ一覧のボタン上の白線対応 */
.main .wp-block-ultimate-post-heading .ultp-heading-inner::before{
  width:0%;
}

/* YouTubeサムネイルを中央寄せ */
	.video-container {
		margin: 0px auto;
	}

/************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/
/*1023px以下*/
 @media screen and (max-width: 1023px) {
    /*必要ならばここにコードを書く*/
    /*トップページにだけヘッダー画像を入れる*/
     .home .header {
         background-image: url("/wp-content/uploads/2024/09/top_main.png");
    }
     .home .header {
         height: 28.78vw;
    }
    /* テキストをヘッダー画像の上に入れる */
     .home .header::after {
         white-space: pre;
         content:"NSWは車両を「つくる」サービス領域を中心としつつも、独自ノウハウを活用し、\A車両を伴わない「うごかす」サービス領域にも注力しています。\Aまた、それらを「つなぐ」可能性にも挑戦しており、\Aお客様と一緒に未来に進むため、尽力いたします。";
         transform: translateY(14vw) translateX(3.7vw);
         padding-right: 0vh;
         padding-bottom: 5%;
         font-size:2vw;
         line-height: 1.5;
    }
	 
}
/*834px以下*/
 @media screen and (max-width: 834px) {
    /*必要ならばここにコードを書く*/
    /*トップページにだけヘッダー画像を入れる*/
     .home .header {
         background-image: url("/wp-content/uploads/2024/09/top_main.png");
    }
     .home .header {
         height: 28.78vw;
    }
    /* テキストをヘッダー画像の上に入れる */
     .home .header::after {
         white-space: pre;
         content:"NSWは車両を「つくる」サービス領域を中心としつつも、独自ノウハウを活用し、\A車両を伴わない「うごかす」サービス領域にも注力しています。\Aまた、それらを「つなぐ」可能性にも挑戦しており、\Aお客様と一緒に未来に進むため、尽力いたします。";
         transform: translateY(14vw) translateX(5.5vw);
         padding-right: 0vh;
         padding-bottom: 5%;
         font-size:2vw;
         line-height: 1.5;
    }

    /* トップページのアイコンを2列に変更 */
    .wp-container-core-group-is-layout-1 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
	/* ソリューションを中央寄せ */
	 .container .column-wrap {
		 text-align: center;
	 }
	 .wp-image-1357 {
		 margin:  0 auto;
	 }
	 .wp-image-1355 {
		 margin:  0 auto;
	 }
	 .wp-image-1304 {
		 margin:  0 auto;
	 }
}
/*480px以下*/
 @media screen and (max-width: 480px) {
    /*必要ならばここにコードを書く*/
    /*トップページにだけヘッダー画像を入れる*/
     .home .header {
         background-image: url("/wp-content/uploads/2024/09/top_main.png");
    }
     .home .header {
         height: 28.78vw;
    }
    /* テキストをヘッダー画像の上に入れる */
     .home .header::after {
         white-space: pre;
         content:"NSWは車両を「つくる」サービス領域を中心としつつも、独自ノウハウを活用し、\A車両を伴わない「うごかす」サービス領域にも注力しています。\Aまた、それらを「つなぐ」可能性にも挑戦しており、\Aお客様と一緒に未来に進むため、尽力いたします。";
         transform: translateY(14vw) translateX(2vw);
         padding-right: 0vh;
         padding-bottom: 5%;
         font-size:2vw;
         line-height: 1.5;
         max-width: 65%;
    }
}

/************************************ ** SP表示用 ************************************/
@media only screen and (max-width: 1023px) {
  /* ヘッダのグロナビに影をつける*/
  .mobile-header-menu-buttons {
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
  }
  /* ヘッダ ロゴ*/
  .mobile-menu-buttons .menu-button {
    justify-content: left;
    padding-left: 20px;
  }
  .logo-menu-button > a > .site-logo-image {
    opacity: 1;
    filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
  }
  /* ハンバーガーメニュー アイコン下のmenuの文字を非表示*/
  #navi-menu-open .navi-menu-caption {
    display :none;
  }
  /*ハンバーガーメニューを右からスライドに変更*/
  .navi-menu-content {
    left: auto;
    right: 0;
    transform: translateX(105%);
  }
  /* ハンバーガーメニュー 閉じるボタン*/
  .menu-close-button {
    padding-top: 15px;
    padding-right: 25px;
    text-align: right;
  }
}