@charset "utf-8";
/*
Theme Name: Asairo Design
Author: asairo desgin
Author URI: https://asairo.com
Description: 浅色デザインのスタイルテーマ
Version: 2021．02.27
Text Domain: asairo-design
*/

/*--------------------------------------------------
  reset css
--------------------------------------------------*/
/* margin, paddingの幅を考慮せずに幅指定を可能にする */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
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 { 
  padding: 0; margin: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html {
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input, textarea,{ padding: 0; margin: 0; }
input[type="button"],input[type="submit"] { -webkit-appearance: none; }
ol, ul{ list-style:none; }
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align: left; }
a:focus { outline:none; }
img { width: 100%; height: auto; display: block; vertical-align: bottom; }
.inline_block { display: inline-block; *display: inline; *zoom: 1; }
/* 入力フォームのパーツデザイン */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
select, textarea, .field {
  padding: 0 14px; display: block; height: 44px; line-height: 44px;
  vertical-align: middle; box-shadow: none; border: 0;
  width: 100%; background-color: #fff; font-size: 16px; border: 1px solid #ccc;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input::-webkit-input-placeholder, input:-ms-input-placeholder, input::-moz-placeholder {
  color: #ccc; font-weight: normal;
}
select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}


/*--------------------------------------------------
  reset css
--------------------------------------------------*/
/* PC対応 */
@media screen and (min-width: 781px) {
  .pc_view { display:block; }
  .sp_view { display:none; }
}

/* スマートフォン対応 */
@media screen and (max-width: 780px) {
  .pc_view { display:none; }
  .sp_view { display:block; }
}

/*--------------------------------------------------
  リンク
--------------------------------------------------*/
/*【注意】順番を入れ替えると正常に動作しなくなります*/
a {
  color: #333; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s;
  -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;
}
a:visited { color: #333; }
a:hover { color: #333; /*background: rgba(255,255,255,0.8);*/ opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); }
a:active { color: #333; }
a.underline { text-decoration: underline; }


/*--------------------------------------------------
  画像
--------------------------------------------------*/


/*--------------------------------------------------
  装飾
--------------------------------------------------*/
/* margin */

/* padding */

/* 位置揃え */

/* フォント */
html, body { width: 100%; height: 100%; color: #333; background-color: #FFF; line-height: 1.6;  }
html { font-size:62.5%; }   /* ！！！消去厳禁！！！ */
body { font-size: 1.6rem; }
.bold { font-weight: bold; }
em { color: #25764d; }
strong, b { font-weight: 600; }
p { margin: 0 0 1em 0; }
.ttl_second { font-family: 'Lato', sans-serif; }

/* デフォルトフォントサイズ */
.fs50 { font-size: 50px; font-size: 5.0rem; }
.fs46 { font-size: 46px; font-size: 4.6rem; }
.fs42 { font-size: 42px; font-size: 4.2rem; }
.fs40 { font-size: 40px; font-size: 4.0rem; }
.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs26 { font-size: 26px; font-size: 2.6rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs10 { font-size: 10px; font-size: 1.0rem; }



/* PC, TAB, SP共通 */
/* clearfixを使用する場合は、親要素のclassに「cf」を追加する */
.cf:after { content: ""; clear: both; display: block; }


/*--------------------------------------------------
  メインスタイル開始
--------------------------------------------------*/ 
/*--------------------------------------------------
                全サイズの基盤スタイル
--------------------------------------------------*/

  #main { margin: 0 auto; width: 100%; font-size: 16px; font-size: 1.6rem; }
  #content { margin: 0 auto; width: 100%; }
  .wrap { padding: 0 0%; margin: 0 auto 0; width: 100%; max-width: 1000px; }
  .visual { position: relative; margin: 0 auto 0; width: 100%; max-width: 2000px; height: 150px;
    background-color: #fff; background-repeat: no-repeat; background-position: center bottom; background-size: 100%; }
  .visual img { width: 100%; }
  .visual h1 { padding: 30px 0 0 0; text-align: center; font-size: 40px; font-size: 4.0rem; font-weight: 600; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; position: relative; z-index: 1; }
  .visual h1 span { display: block; font-size: 30%; color: #e8e3e3; position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; }

  a.btn { }
  p.center { text-align: center; }

  .flex { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: stretch; }

  /* 矢印アイコン */
  .arrow { position: relative; display: inline-block; padding: 0 16px 0 0; vertical-align: middle; text-decoration: none; }
  .arrow::before, .arrow::after {position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";vertical-align: middle;}
  .maru::after { right: 5px; width: 3px; height: 3.2px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .maru:hover::after { border-color: #fff; }


  /* font-family */
  .mincho { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .gothic { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif; }

  .disc { list-style: disc; padding: 0 0 0 1.2em; }
  .circle { list-style: circle; padding: 0 0 0 1.2em; }
  ul.num { list-style: decimal; padding: 0 0 0 1.2em; }



  /*--------------------------------------------------
  ヘッダー
  --------------------------------------------------*/
  header { position: relative; z-index: 10; }
  nav {  }
  .drawer--left .drawer-nav {display: block!important; padding: 0!important; overflow: initial; position: initial!important; background: transparent; width: 100%; max-width: 900px; margin-right: 50px; }
  header .flex { align-items: center; }
  header .logo {  }
  header nav {  }
  header nav ul { display: flex; align-items: center; justify-content: space-between; }
  header nav ul { display: flex; align-items: center; justify-content: space-between; }
  header nav ul li { border-right: none; display: flex; align-items: center; justify-content: space-between; position: relative; }
  header nav ul li:nth-of-type(1)::before { content: ''; border-left: 1px solid #000; transform: skewX(-25deg); height: 70px; }
  header nav ul li::after { content: ''; border-right: 1px solid #000; transform: skewX(-25deg); height: 70px; }
  header nav ul li a { display: table-cell; vertical-align: middle; padding: 0; width: 100%; text-align: center; font-size: 1.4rem; line-height: 1.1; transition: .3s ease-out; }
  header nav ul li a:hover::before { content: ''; border-top: 7px solid #008842; width: 100%; position: absolute; top: 0; left: 14px; transform: skewX(-25deg ); }



  /*--------------------------------------------------
  フッター
  --------------------------------------------------*/
  footer { background: #008842; }
  footer #sitemap {  }
  footer #sitemap nav ul { display: flex; align-items: center; justify-content: space-between; max-width: 1147px; margin: 0 auto; padding: 100px 20px 130px; }
  footer #sitemap nav ul li { border-right: none; display: flex; align-items: center; width: 100%; justify-content: space-between; }
  footer #sitemap nav ul li:nth-of-type(1)::before { content: ''; border-left: 2px solid #fff; transform: skewX(-25deg); height: 56px; }
  footer #sitemap nav ul li::after { content: ''; border-right: 2px solid #fff; transform: skewX(-25deg); height: 56px; }
  footer #sitemap nav ul li a { display: block; padding: 0; width: 100%; color: #fff!important; text-align: center; font-size: 1.5rem; line-height: 1.4;}
  footer .footer_logo { max-width: 370px; margin: 0 auto 20px; }



  .copy { padding: 10px 0 80px; text-align: center; font-size: 1.2rem; color: #fff; }

  /* ページトップ */
.pagetop { position: fixed; bottom: 20px; right: 20px; display: block; z-index: 999; padding: 8px 0 0 8px; border-radius: 30px; width: 50px; height: 50px; background-color: rgba(47,47,47,0.6); color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
.pagetop:hover { cursor: pointer; opacity: 0.7; }
.pagetop i { position: relative; display: inline-block; padding-left: 20px; }
.pagetop i::before { content: ''; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -7px; }
.pagetop i::after { content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 1px #fff; border-left: solid 1px #fff; position: absolute; top: 50%; left: 0px; margin-top: -5px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/* ----------------------------------------
* ページトップボタン 
---------------------------------------- */
.gotop { position: fixed; bottom: 20px; right: 20px; }
.gotop a { display: block; z-index: 999; padding: 15px 0 0 8px; border-radius: 30px; width: 50px; height: 50px; background-color: rgba(47,47,47,0.6); color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
.gotop a:hover { text-decoration: none; opacity: 0.7; }
.gotop i { position: relative; display: inline-block; padding-left: 20px; }
.gotop i::before { content: ''; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -7px; }
.gotop i::after { content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 1px #fff; border-left: solid 1px #fff; position: absolute; top: 50%; left: 0px; margin-top: -12px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


  /* メニュー */
  .fixed_menu_box { position: absolute; top: 40px; right: 30px; width: 50px; }
  .fixed_menu {  }
  .fixed_menu img { width: 100%; }
  /*ACCORDION*/
  .acMenu dt { display:block; cursor:pointer; }
  .acMenu dd { display:none; }

/* dropdown menu */
.drawer-menu { position: relative; width: 100%; max-width: 1000px; height: 70px!important; margin: 0 auto; }
ul.sub-menu li a { display: block; padding: 10px 20px; }
ul.sub-menu { visibility: hidden; opacity: 0; z-index: 1; }
.drawer-menu > li:hover { -webkit-transition: all .5s; transition: all .5s; }
/* 下矢印 */
.init-bottom:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* floatクリア */
.drawer-menu:before,
.drawer-menu:after { content: " "; display: table; }
.drawer-menu:after { clear: both; }
.drawer-menu { *zoom: 1; }
.drawer-menu > li { position: relative; width: 100%; }
li ul.sub-menu { position: absolute; top: 40px; background: #004ea2; -webkit-transition: all .2s ease; transition: all .2s ease; display: block; }
li:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li ul.sub-menu li { border-right: 1px solid #fff; border-bottom: 1px dotted #fff; }
li ul.sub-menu li:last-of-type { border-bottom: none; }







  /*--------------------------------------------------
  ページの余白設定
  --------------------------------------------------*/
  /* コンテンツとコンテンツの間の余白 */
  #main section { margin-bottom: 10%; }

  /* 共通部分 */


  /*--------------------------------------------------
  見出しの設定
  --------------------------------------------------*/
  /* ページの見出し */
  h1 { margin-left: 15px; }
  h2.ttl { }



  /*--------------------------------------------------
  固定ページの共通部分
  --------------------------------------------------*/
  /* 固定ページの親要素として使用する */
  #page { letter-spacing: -0.4px; }

  .table { display: table; width: 100%; }
  .table .th, .table .td { display: table-cell; }
  .left { float: left; }
  .right { float: right; }

  .text p { margin-bottom: 1em; }

  #map { width: 100%; }
  #map iframe { width: 100%; }

.ttl_box { position: relative; margin-bottom: 50px; }
.ttl_box h2 { display: flex; justify-content: center; color: #008842; text-align: center; }
.ttl_box h2 span { font-size: 3.4rem; font-weight: bold; padding-top: 14px; }
.ttl_box h2::after { content: ''; display: inline-block; margin: 0 40px; width: 6px; height: 88px; transform: skewX(-25deg); background: #008842; }
.ttl_box .ttl_eng { text-align: center; color: #008842; background: #fff; position: absolute; top: 6.4em; left: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); font-weight: bold;}


.ttl_box .eng_corp { transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); }


#top .link { display: flex; max-width: 650px; margin: 0 auto; }
#top .link a {
    position: relative;
    padding: 5px 45px!important;
    margin: 0 0 0 auto;
    text-decoration: none;
    font-size: 1.4rem;
    color: #fff;
    z-index: 1;
}
#top .link a::before {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#008842;
    transform: skewX(-45deg);
}
  .slick-prev { left: 55px!important; }
  .slick-next { right: 55px!important; }
  .slick-prev,
  .slick-next { z-index: -1; }

/* css sdlider */
/* 全体設定 */
.css-carousel-slider4 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.css-carousel-slider4 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider4 .slide-wrap {
    width: 400%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider4 20s infinite;
    animation-delay: 2s;
}
.css-carousel-slider4 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main4 20s infinite;
    animation-delay: 2s;
}
.css-carousel-slider4 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider4 {
    0% { transform: translateX(0); }

    10% { transform: translateX(calc(1 / 4 * -100%)); }
    25% { transform: translateX(calc(1 / 4 * -100%)); }

    35% { transform: translateX(calc(2 / 4 * -100%)); }
    50% { transform: translateX(calc(2 / 4 * -100%)); }

    60% { transform: translateX(calc(3 / 4 * -100%)); }
    75% { transform: translateX(calc(3 / 4 * -100%)); }

    85% { transform: translateX(calc(4 / 4 * -100%)); }
    100% { transform: translateX(calc(4 / 4 * -100%)); }
}

@keyframes css-carousel-slider-main4 {
    0% { transform: translateX(100%); }
    75% { transform: translateX(100%); }
    85% { transform: translateX(0%);}
}
  #top .slide { position: relative; }
  #top .slide .ttl { text-shadow: 3px 3px 3px rgb(0 0 0 / 80%); font-size: 4.5rem; text-align: center; color: #fff; position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-break: keep-all; width: 85%; }



  /*--------------------------------------------------
  TOP
  --------------------------------------------------*/
  aside { position: relative; z-index: 0; }

  #top {  }
  #top section {  }
  #top .wrap { position: relative; }
  #top .wrap::after { display: block; clear: both; content: ''; }
  #top .main_visual { position: relative; }
  #top .cover { margin-bottom: 50px; }
  #top h2.ttl {  }
  #top h3.ttl { margin: 40px 0; color: #fff; text-align: center; font-size: 3.0rem; }
  #top .sankakubg { position: relative; }
  #top .sankakubg::before { display: block; content: ""; backface-visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 742px 428px 0 0; border-color: #f5f3f2 transparent transparent transparent; z-index: -1; }

  #top #main-visual { position: relative; z-index: 1; }
  #top #main-visual ul li { position: relative; }
  #top #main-visual ul li .ttl { text-shadow: 3px 3px 3px rgb(0 0 0 / 80%); font-size: 4.5rem; text-align: center; color: #fff; position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-break: keep-all; width: 85%; }
  #top #news { position: relative; padding: 130px 0; z-index: 1; }
  #top #news .ttl_box .ttl_eng { left: 52%; }
  #top #news .block { max-width: 650px; margin: 0 auto; }
  #top #news .block ul:first-of-type { border-top: 1px dotted #000; }
  #top #news .block ul { display: flex; justify-content: space-between; border-bottom: 1px dotted #000; padding: 10px 0; }
  #top #news .block ul:last-of-type { margin-bottom: 25px; }
  #top #news .block ul li.date { width: 10em; font-size: 1.4rem; }
  #top #news .block ul li.text { width: calc(100% - 11em); height: auto; overflow: inherit; }
  #top #news .block ul li a { font-size: 1.4rem; }
  #top #corporate { padding: 50px 0; background: url(img/top_corporate_bg.jpg) no-repeat; height: auto; background-attachment: fixed; background-position: top center; background-size: cover; position: relative; z-index: 1; }
  #top #corporate .ttl_box h2 span { color: #fff; }
  #top #corporate .ttl_box h2::after { background: #fff; }
  #top #corporate .ttl_box .ttl_eng { color: #fff; background: transparent; width: 11em; }
  #top #corporate .inner { margin-bottom: 70px; }
  #top #corporate .box { border: 1px solid #fff; padding: 70px 10px; width: 20%; color: #fff; font-size: 2.8rem!important; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
  #top #corporate .box:hover { background-color: rgba(255, 255, 255, 0.2); }
  #top #corporate .link a::before { background: #fff; }
  #top #corporate .link a span { color: #000; }

  #top #business { padding-top: 130px; margin-bottom: 130px; }
  #top #business p.bus_lead { margin: 0.5em 0; text-align: center; font-size: 3.0rem; }
  #top #business .ttl_box { margin-bottom: 0; }
  #top #business .ttl_box h2::after { height: 175px; }
  #top #business .left_block { width: 39.9%; position: relative; }
  #top #business .left_block span { text-align: center; color: #fff; font-size: 2.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-break: keep-all; }
  #top #business .right_block { width: 60%; flex-wrap: wrap; justify-content: normal; }
  #top #business .right_block .box { width: 33.3%; padding: 0.1%; position: relative; }
  #top #business .right_block .box span { text-align: center; color: #fff; font-size: 2.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-break: keep-all; }

  #top #case { margin-bottom: 100px; padding: 80px 0 50px; background: url(img/business_header_bg.jpg) no-repeat; height: 350px; background-position: center center; background-size: cover; position: relative; z-index: 1; }
  #top #case .ttl_box h2 span { color: #fff; }
  #top #case .ttl_box h2::after { background: #fff; }
  #top #case h3.ttl a { color: #fff; }
  #top #case .ttl_box .ttl_eng { color: #fff; background: transparent; -webkit-transform: translate(48%, -50%); }


  #top #office { background: url(img/top_office_bg.jpg) no-repeat; height: auto; background-attachment: fixed; background-position: top center; background-size: cover; padding: 70px 0; }
  #top #office .ttl_box h2 span { color: #fff; }
  #top #office .ttl_box h2::after { background: #fff; }
  #top #office .ttl_box .ttl_eng { color: #fff; background: transparent; }
  #top #office h3.ttl { font-size: 2.8rem; text-shadow: 1px 2px 3px #000; }
  #top #office .link a::before { border: 1px solid #fff; background-color: transparent; }
  #top #office .link a:hover::before { background: #fff; }
  #top #office .link a span { color: #fff; }
  #top #office .link a:hover span { color: #008842; }

  #top #recruit .ttl_box .ttl_eng { transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); }
  #top #recruit { padding-top: 130px; position: relative; }
  #top #recruit > a:hover { display: block; }
  #top #recruit .ttl_box { margin-bottom: 0; }
  #top #recruit .ttl_box h2::after { height: 175px; }
  #top #recruit .inner { background: url(img/top_recruit_bg.jpg) no-repeat; height: 484px; background-position: center center; background-size: cover; display: flex; align-items: center; }
  #top #recruit .inner .wrap {  }
  #top #recruit h3.ttl { margin-top: 0; padding-top: 3vw; text-shadow: 1px 2px 3px #000; }
  #top #recruit .link { display: flex; max-width: 650px; margin: 0 auto; }
  #top #recruit .link .btn { position: relative; padding: 5px 45px!important; margin: 0 0 0 auto; text-decoration: none; font-size: 1.4rem; color: #fff; z-index: 1; }
  #top #recruit .link .btn::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-color: transparent; transform: skewX(-45deg); border: 1px solid #fff; }
  #top #recruit .link .btn span { color: #fff; }
/*
  #top #recruit .link .btn:hover::before { background: #fff; }
  #top #recruit .link .btn:hover span { color: #008842; }
*/
  #top #nakakin_news { padding: 130px 0; position: relative; }
  #top #nakakin_news .ttl_box { margin-bottom: 0; }
  #top #nakakin_news .ttl_box h2::after { height: 175px; }
  #top #nakakin_news .wrap { border-top: 1px solid #008842; }
  #top #nakakin_news h3.ttl { color: #008842; font-weight: bold; }
  #top #nakakin_news .ttl_box .ttl_eng { transform: translate(60%, -50%); -webkit-transform: translate(60%, -50%); }





/* page */
.cover h1 { position: relative; margin: 0 auto 0; padding: 0; width: 100%; }
.cover img {  }
#page .lead_ttl { margin: 0 0 30px; padding: 20px 0 20px; border-bottom: 1px solid #164063; font-size: 3.1rem; text-align: center; color: #364D90; }
#page .lead_text { margin-bottom: 70px; padding: 0 20px; color: #172648; line-height: 1.8; text-align: center; }


#page .ttl_box h2 { color: #fff; }
#page .ttl_box h2 span {  }
#page .ttl_box h2::after { background: #fff; }
#page .ttl_box .ttl_eng { color: #fff; background: transparent; }
.l_ttl { display: flex; align-items: center; width: 100%; justify-content: center; padding: 70px 0; }
.l_ttl::before { content: ''; border-left: 5px solid #000; transform: skewX(-30deg); height: 41px; margin-right: 20px; }
.l_ttl span { font-size: 2.2rem; color: #000; font-weight: bold; }

.bus_ttl { display: flex; align-items: center; width: 100%; margin: 90px 0 30px; border-bottom: 2px solid #000; }
.bus_ttl::before { content: ''; border-left: 5px solid #000; transform: skewX(-30deg); height: 41px; margin: 0 20px 0 13px; }
.bus_ttl span { font-size: 2.2rem; color: #000; font-weight: bold; }


  /*--------------------------------------------------
  corporate
  --------------------------------------------------*/
#corporate h3.ttl {
  margin: 40px 0;
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
  text-shadow: 1px 2px 3px #000;
}

.corporate .wrap { max-width: 740px; }
.corporate #page #corporate { padding: 50px 0; background: url(img/corporate_header_bg.jpg) no-repeat; min-height: 402px; background-position: top center; background-size: cover; position: relative; z-index: 1; }
.corporate #page #corporate .wrap { max-width: 1000px; }
.corporate #page #greeting { margin-bottom: 80px; }
.corporate #page #greeting p { margin: 0 0 3em 0; }
.corporate #page #greeting .ceo { text-align: right; }
.corporate #page #greeting .ceo span { display: inline-block; vertical-align: bottom; }
.corporate #page #greeting .ceo i { display: inline-block; vertical-align: bottom; width: 160px; margin-left: 30px; }
.corporate #page #outline { background: #f5f3f2; padding-bottom: 50px; }
.corporate #page #outline dl { display: flex; justify-content: space-between; border-bottom: 1px dotted #000; padding: 10px 1em 10px; }
.corporate #page #outline dl:first-of-type { border-top: 1px dotted #000; }
.corporate #page #outline dl dt { width: 6em; font-weight: bold; text-align: justify; text-align-last: justify; }
.corporate #page #outline dl dd { max-width: 500px; width: 100%; font-weight: bold; }

.corporate #page #history { margin-bottom: 150px;}
.corporate #page #history ul { display: flex; justify-content: space-between; border-bottom: 1px dotted #000; padding: 10px 1.5em 10px; }
.corporate #page #history ul:first-of-type { border-top: 1px dotted #000; }
.corporate #page #history ul li { width: 4em; font-weight: bold; }
.corporate #page #history ul li:nth-of-type(1) { width: 4em; }
.corporate #page #history ul li:nth-of-type(2) { width: 3em; }
.corporate #page #history ul li:nth-of-type(3) { max-width: 500px; width: 100%; }

.corporate #page #yuasa { background: #f5f3f2; padding: 60px 0; margin-bottom: 50px; }
.corporate #page #yuasa h2 { margin-bottom: 40px; text-align: center; }
.corporate #page #yuasa h2 i { display: inline-block; width: 63px; vertical-align: middle; margin-right: 10px; }
.corporate #page #yuasa h2 .companyname { display: inline-block; vertical-align: middle;  font-weight: bold; font-size: 24px; position: relative; }
.corporate #page #yuasa h2 .companyname .corporation { margin-right: 1em; font-weight: bold; }
.corporate #page #yuasa h2 .companyname .box { position: absolute; right: 0; bottom: -1.2em; font-size: 1.4rem; }
.corporate #page #yuasa .block:first-of-type { border-top: 1px dotted #000; }
.corporate #page #yuasa .block { display: flex; justify-content: space-between; border-bottom: 1px dotted #000; padding: 10px 0 10px; }
.corporate #page #yuasa .block .name_box { max-width: 200px; width: 100%; }
.corporate #page #yuasa .block .name_box a { color: #008842; }
.corporate #page #yuasa .block .add_box { max-width: 520px; width: 100%; font-size: 1.4rem; }
.corporate #page #yuasa .block .add_box .text {  }

.corporate #page #rinri { margin-bottom: 50px; }

  /*--------------------------------------------------
  business
  --------------------------------------------------*/
.business #page #business { /* padding: 120px 0 50px; background: url(img/business_header_bg.jpg) no-repeat; height: 484px; background-position: top center; background-size: cover; position: relative; z-index: 1; */ }
.business #page #business h3.ttl {
  margin: 40px 0;
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
  text-shadow: 1px 2px 3px #000;
}

.business #page .ttl_box { margin-bottom: 0; }
.business #page .ttl_box h2 { color: #008842; }
.business #page .ttl_box h2::after { height: 175px; background: #008842; }
.business #page .ttl_box h2 span { padding-top: 35px; }
.business #page .ttl_box .ttl_eng { color: #008842; background: #fff; }

.business .ttl_box .ttl_eng { top: 7.2em; transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); }
.business #page .flex { justify-content: space-between; flex-wrap: wrap; }
.business #page .col3 dl { width: 30%; }
.business #page .col4 dl { width: 30%; }
.business #page .flex dl { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.business #page .flex dl dd { margin: 5px 0 30px; text-align: center; font-weight: bold; }
.business #page #cutting .flex { max-width: 740px; margin: auto; }
.business #page #maker { max-width: 740px; margin: 70px auto 30px auto; }
.business #page #maker h3 { background:  #F5F3F2; padding: 10px 0; text-align: center; font-weight: bold; margin-bottom: 30px; }
.business #page #maker .col3 { align-items: center; }
.business #page #maker .col3 dl { width: 28%; }
.business #page .case { text-align: right; }
.business #page .case a { border-bottom: 1px dotted; }
.business #page #measure .flex { max-width: 740px; margin: auto auto auto auto; }
.business #page #measure .flex dl:nth-of-type(1) { width: 20%; }
.business #page #measure .flex dl:nth-of-type(2) { width: 32.5%; }
.business #page #measure .flex dl:nth-of-type(3) { width: 16.2%; }

.business #page #plant .flex dl:nth-of-type(1) { width: 16.4%; }
.business #page #plant .flex dl:nth-of-type(2) { width: 23.1%; }
.business #page #plant .flex dl:nth-of-type(3) { width: 8.8%; }
.business #page #plant .flex dl:nth-of-type(4) { width: 21.1%; }

.business #page #iot .flex { max-width: 827px; margin: auto auto auto auto; }
.business #page #iot .flex dl:nth-of-type(1) { width: 27%; }
.business #page #iot .flex dl:nth-of-type(2) { width: 25.8%; }
.business #page #iot .flex dl:nth-of-type(3) { width: 20%; }

.business #page #logistics .flex dl:nth-of-type(1) { width: 22.3%; }
.business #page #logistics .flex dl:nth-of-type(2) { width: 22.3%; }
.business #page #logistics .flex dl:nth-of-type(3) { width: 22.3%; }
.business #page #logistics .flex dl:nth-of-type(4) { width: 16%; }

.business #page #eco .flex { max-width: 740px; margin: auto auto auto auto; }
.business #page #eco .flex dl:nth-of-type(1) { width: 29.1%; }
.business #page #eco .flex dl:nth-of-type(2) { width: 30%; }
.business #page #eco .flex dl:nth-of-type(3) { width: 21.3%; }
.business #page #totalsupport { margin-bottom: 50px; }
/**/
 .business #page { margin-bottom: 130px; }
 .business #page .left_block { width: 39.9%; position: relative; }
 .business #page .left_block span { text-align: center; color: #fff; font-size: 2.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-break: keep-all; }
 .business #page .right_block { width: 60%; flex-wrap: wrap; justify-content: normal; }
 .business #page .right_block .box { width: 33.3%; padding: 0.1%; position: relative; }
 .business #page .right_block .box span { text-align: center; color: #fff; font-size: 2.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-break: keep-all; }





  /*--------------------------------------------------
  case
  --------------------------------------------------*/
.case #page #case { padding: 60px 0 40px; margin-bottom: 50px; background: #F5F3F2; height: 100%; background-position: top center; background-size: cover; position: relative; z-index: 1; }
.case #page #case .ttl_box h2 { color: #008842; }
.case #page #case .ttl_box h2::after { background: #008842; }
.case #page #case .ttl_box .ttl_eng { color: #008842; transform: translate(65%, -50%); -webkit-transform: translate(65%, -50%); }
.case #page #case { margin-bottom: 80px; }
.case #page #studies {  }
.case #page #studies h2.ttl { border-bottom: 1px dotted #000; margin-bottom: 30px; font-weight: bold; font-size: 2.2rem; }
.case #page #studies .block { margin-bottom: 50px; }
.case #page #studies .block ul { display: flex; }
.case #page #studies .block ul li { max-width: 300px; width: 100%; margin: 0 50px 0 0; }
.case #page #studies .block ul li h3 { font-weight: bold; }
.case #page #studies .block ul li .image { margin-bottom: 5px; }
.case #page #studies .block ul li .text { font-size: 1.6rem; }
.case #page #studies .block ul li:last-of-type { margin-right: 0; }
.case #page #studies .block.l_2col { margin-right: 45px; width: 65%; }
.case #page #studies .block.r_1col { width: 29%; }
.case #page #studies .block.c1col { margin-right: 45px; }
.case #page #studies .block.c1col:last-of-type { margin-right: 0; }

  /*--------------------------------------------------
  office
  --------------------------------------------------*/
.office #page #office { padding: 120px 0 50px; margin-bottom: 80px; background: url(img/office_header_bg.jpg) no-repeat; height: 484px; background-position: top center; background-size: cover; position: relative; z-index: 1; }
.office #page #office h3.ttl {
  margin: 40px 0;
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
  text-shadow: 1px 2px 3px #000;
}
.office #page #branch .wrap { max-width: 910px; }
.office #page #branch .bus_ttl { margin: 0px 0 20px; }
.office #page #branch .block { margin-bottom: 70px; }
.office #page #branch .block .box { width: 41%; }
.office #page #branch .block .box .add {  }
.office #page #branch .block .maps { width: 53.7%; }
.office #page #branch .block .maps iframe { width: 100%; height: 254px; }

  /*--------------------------------------------------
  recruit
  --------------------------------------------------*/
.recruit #page #recruit .ttl_box .ttl_eng { transform: translate(30%, -50%); -webkit-transform: translate(30%, -50%); }

.recruit #page #recruit { padding: 120px 0 50px; margin-bottom: 30px; background: url(img/recruit_header_bg.jpg) no-repeat; height: 484px; background-position: top center; background-size: cover; position: relative; z-index: 1; }
.recruit #page #recruit h3.ttl {
  margin: 40px 0;
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
  text-shadow: 1px 2px 3px #000;
}
.recruit #page #summary .inner { max-width: 740px; margin: 0 auto 130px; }
.recruit #page #summary dl { display: flex; justify-content: space-between; border-bottom: 1px dotted #000; padding: 10px 1em 10px; }
.recruit #page #summary dl:first-of-type { border-top: 1px dotted #000; }
.recruit #page #summary dl dt { width: 5em; font-weight: bold; text-align: justify-all; text-align-last: justify; }
.recruit #page #summary dl dd { max-width: 500px; width: 100%; font-weight: bold; }

.recruit #page #summary .off { border: dotted #000; border-width: 1px 0 1px 0; padding: 10px 1em 10px; text-align: center; font-weight: bold; font-size: 2.0rem; }

.recruit #page .link { display: flex; max-width: 610px; margin: 0 auto 50px; }
.recruit #page .link a {
    position: relative;
    padding: 25px 40px;
    margin: auto;
    text-decoration: none;
    font-size: 2.4rem;
    color: #fff;
    z-index: 1;
}
.recruit #page .link a::before {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#008842;
    transform: skewX(-35deg);
}
.recruit #page .link a span { font-weight: bold; }

  /*--------------------------------------------------
  nakakin_news
  --------------------------------------------------*/
.nakakin_news #page #nakakin_news { padding: 60px 0 40px; margin-bottom: 30px; background: #F5F3F2; height: 100%; background-position: top center; background-size: cover; position: relative; z-index: 1; }
.nakakin_news #page #nakakin_news .ttl_box h2 { color: #008842; }
.nakakin_news #page #nakakin_news .ttl_box h2::after { background: #008842; }
.nakakin_news #page #nakakin_news .ttl_box .ttl_eng { color: #008842; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); }

.nakakin_news #page #news .lead { justify-content: center; align-items: center; margin-bottom: 70px; }
.nakakin_news #page #news .lead i {  }
.nakakin_news #page #news .lead span {
  margin: 40px 0;
  color: #008842;
  text-align: center;
  font-size: 2.8rem;
}
.nakakin_news #page #news .inner { display: flex; flex-wrap: wrap; }
.nakakin_news #page #news .inner dl { width: 18.5%; margin: 0 3% 80px; }
.nakakin_news #page #news .inner dl dt { border: 1px solid #000; padding: 5px; }
.nakakin_news #page #news .inner dl dd { text-align: center; font-weight: bold; font-size: 1.8rem; }


  /*--------------------------------------------------
  privacy
  --------------------------------------------------*/
.privacy-policy #page #privacy { padding: 60px 0 40px; margin-bottom: 50px; background: #F5F3F2; height: 100%; background-position: top center; background-size: cover; position: relative; z-index: 1; }
.privacy-policy #page #privacy .ttl_box h2 { color: #008842; }
.privacy-policy #page #privacy .ttl_box h2::after { background: #008842; }
.privacy-policy #page #privacy .ttl_box .ttl_eng { color: #008842; }
.privacy-policy #page #policy { margin-bottom: 80px; }
.privacy-policy #page #policy .block { margin-bottom: 50px; }
.privacy-policy #page #policy h2 { margin-bottom: 10px; font-size: 2.6rem; }
.privacy-policy #page #policy .num li::marker { }
.privacy-policy #page #policy .disc li::marker { font-size: 1.2rem; }


  /*--------------------------------------------------
  お知らせ
  --------------------------------------------------*/
  .category #news { padding: 60px 0 40px; margin-bottom: 50px; background: #F5F3F2; height: 100%; background-position: top center; background-size: cover; position: relative; z-index: 1; }
  .category #news .ttl_box h2 { color: #008842; }
  .category #news .ttl_box h2::after { background: #008842; }
  .category #news .ttl_box .ttl_eng { background: transparent; transform: translate(60%, -50%); -webkit-transform: translate(60%, -50%); }


/* アーカイブ */
  .category article h2 { position: relative; font-size: 2.0rem; font-weight: bold; }
  .category article h2 .yearly { position: absolute; left: auto; margin-right: 8em; display: inline-block; font-size: 3.0rem; }
  #archive .wrap { margin: 0 auto 8%; }
  #archive .flex { margin-top: 30px; }

  #archive .block { border-bottom: 1px dotted #000; padding: 10px 0 80px; }
  #archive .block:first-of-type { border-top: 1px dotted #000; }
  #archive .block .meta { display: flex; margin-bottom: 10px; font-size: 1.9rem; }
  #archive .block .meta h3 { margin-left: 2em; }
  #archive .block .eyecatch { width: 28%; position: relative; overflow: hidden; }
  #archive .block .eyecatch img { height: 100%; width: auto; margin: 0 auto; position: absolute; top: 0; right: -100%; bottom: 0; left: -100%; }
  #archive .block .ttl { font-size: 20px; font-size: 2.0rem; line-height: 1.4; margin-bottom: 2%; font-weight: 600; }
  #archive .block .contents { font-size: 14px; font-size: 1.4rem;  height: 8em; overflow: hidden; }
   #archive .yearly-list { background: #F5F3F2; padding: 50px 0; }
   #archive .yearly-list .wrap { margin: 0 auto 30px; }
   #archive .yearly-list h2 { font-size: 2.0rem; font-weight: bold; }
   #archive .yearly-list ul { max-width: 511px; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
   #archive .yearly-list ul li { width: 7em; margin-bottom: 1em; }
   #archive .yearly-list ul li::before { content: '＞'; }
   #archive .yearly-list ul li::after { content: '年'; }



/* シングル */
  #single { margin: 0 auto; }
  #single .wrap { max-width: 800px; }
  #single article h1 { padding: 10px; margin-bottom: 10px; border-bottom: 2px solid #c6c6c6; position: relative; font-size: 2.3rem; color: #008842; font-weight: bold; }
  #single article h1::after { content: none; position: absolute; left: 0; bottom: -3px; width: 70px; height: inherit; border-bottom: 3px solid #004ea2; }
  #single .blog_image { margin: 30px 0 0px; }
  #single .flex { margin-top: 30px; }

  #single .meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; padding: 0 0px 0 20px; }
  #single .cat { padding-left: 20px; }
  #single .cat::before {content: ''; display: inline-block; background: url(svg/blog_mark.svg) no-repeat; width: 20px; height: 20px; margin-left: -20px; padding-left: 5px; vertical-align: text-top; }
  #single .cat a { font-size: 1.4rem; color: #172648; }
  #single .date { font-size: 1.5rem; color: #727171; font-weight: bold; }
  #single .text { padding: 0 0px 10px 20px; margin-bottom: 10px; border-bottom: 2px solid #c6c6c6; position: relative; line-height: 2.0; }
  #single .text::after { content: none; position: absolute; right: 0; bottom: -3px; width: 70px; height: inherit; border-bottom: 3px solid #004ea2; }

  #single .inner { margin: 0 auto 1em; width: 100%; }
  #single .inner .eyecatch { width: 50%; margin: 0 auto 4%; }
  #single .inner .eyecatch img, #single .inner .box img { margin: 0 auto; width: auto; max-width: 100%; height: auto; max-height: 400px; }
  #single .seminar_pdf { padding: 0 20px; }

  #single .pagelink { margin: 0 auto; width: 100%; height: 50px; position: relative; }
  #single .pagelink img.btn { width: 80px; }
  #single .pagelink .prev { position: absolute; top: 0; left: 0; bottom: 0; }
  #single .pagelink .next { position: absolute; top: 0; right: 0; bottom: 0; }
  #single .pagelink a { font-size: 20px; font-size: 2.0rem; font-weight: 600; color: #0a4e99; }
  #single .back { padding: 50px 0; margin: 0 auto; width: 100%; max-width: 1000px; }
  #single .back > .box { padding: 0 0%; display: flex; justify-content: center; }
  #single .back .btn { width: 48.5%; }
  #single .back .btn a { width: 100%; height: 100%; padding: 10px; display: block; color: #008842; border-radius: 30px; border: 1px solid #008842; text-align: center; font-size: 1.6rem; }
  #single .back .btn a:hover { background-color: #008842; color: #fff; }

  #single article { width: 100%; }
  #single aside { width: 195px; }
  #single aside h2 { padding: 10px; background: #164063; color: #fff; font-size: 1.7rem; text-align: center; line-height: 1; margin-bottom: 20px; }
  #single aside ul { margin-bottom: 30px; }
  #single aside ul li { margin-bottom: 10px; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  #single aside ul li::before {content: ''; display: inline-block; background: url(svg/blog_mark.svg) no-repeat; width: 20px; height: 20px; margin: 0 0.3em 0 -20px; vertical-align: text-top; }
  #single aside ul li a { font-size: 1.4rem; color: #164063; }




/*ページネーション*/
.pagenation{ border-radius: 7px; overflow: hidden; }
.pagenation ul{ display: flex; justify-content: center; list-style-type: none; }
.pagenation .active{ background-color: #004ea2; font-size: 1.2rem; padding: 10px 15px; color: #fff; }
.pagenation a{ font-size: 1.2rem; display: block; padding: 10px 15px; text-decoration: none; color: #004ea2; background-color: #CCC; border-right: 1px solid white; }

  /* wp-pagenavi */
  .wp-pagenavi { padding: 3% 0 0%; font-size: 16px; font-size: 1.6rem; text-align:center; font-size: 26px; font-size: 2.6rem; }
  .wp-pagenavi a, .wp-pagenavi span { padding: 12px 18px; margin: 0 1%; background-color: #fff; color: #25764d; border: 1px solid #25764d; }
  .wp-pagenavi a:hover, .wp-pagenavi span.current { background-color: #25764d; color: #fff; border: 1px solid #25764d; }
  .wp-pagenavi span.pages { display: none; }
  .wp-pagenavi span.current { font-weight: normal; }
  .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { padding: 10px 18px; font-family: "Trebuchet MS",sans-serif; }


  /* ビジュアルリッチテキストエディタ */
  #page #single .box .text h1, #page #single .box .text h2, #page #single .box .text h3,
  #page #single .box .text h4, #page #single .box .text h5, #page #single .box .text h6 {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
    line-height: 1.6; font-weight: bold;
  }
  #page #single .box .text h1 span, #page #single .box .text h2 span, #page #single .box .text h3 span,
  #page #single .box .text h4 span, #page #single .box .text h5 span, #page #single .box .text h6 span {
    font-weight: bold;
  }
  #page #single .box .text h1 { font-size: 30px; font-size: 3.0rem; }
  #page #single .box .text h2 { font-size: 26px; font-size: 2.6rem; }
  #page #single .box .text h3 { font-size: 22px; font-size: 2.2rem; }
  #page #single .box .text h4 { font-size: 18px; font-size: 1.8rem; }
  #page #single .box .text h5 { font-size: 14px; font-size: 1.4rem; }
  #page #single .box .text h6 { font-size: 12px; font-size: 1.2rem; }
  #page #single .box .text strong { font-weight: bold; }
  #page #single .box .text em { font-style: italic; }
  #page #single .box .text ol li { list-style-type: decimal; }
  #page #single .box .text ul li { list-style-type: disc; }
  #page #single .box .text a { text-decoration: underline; color: #009BD4; }



  /*--------------------------------------------------
  お問い合わせ
  --------------------------------------------------*/
  .contact {}
  .contact #page #contact .ttl_box .ttl_eng { transform: translate(80%, -50%); -webkit-transform: translate(80%, -50%); }

  .contact #page #contact { padding: 60px 0 40px; margin-bottom: 50px; background: #F5F3F2; height: 100%; background-position: top center; background-size: cover; position: relative; z-index: 1; }
  .contact #page #contact .ttl_box h2 { color: #008842; }
  .contact #page #contact .ttl_box h2::after { background: #008842; }
  .contact #page #contact .ttl_box .ttl_eng { color: #008842; }
  .contact .form_inner dl { display: flex; justify-content: space-between; align-items: stretch; border: 1px solid #231815; border-width: 0 1px 1px 1px; }
  .contact .form_inner dl:first-of-type { border-top: 1px solid; }
  .contact .form_inner dl dt { display: inline-flex; align-items: center; background: #F5F3F2; width: 40%; }
  .contact .form_inner dl dd { width: 60%; }
  .contact .form_inner dl dd .wpcf7-list-item { display: block; }
  .contact .form_inner dl dt,
  .contact .form_inner dl dd { padding: 10px; }
  .contact .required { color: #E60012; }


  .contact .privacy { max-width: 920px; margin: 50px auto 80px; border: 1px solid #000; padding: 20px; text-align: center; }
  .contact .privacy .wpcf7-acceptance {  }
  .contact .privacy .wpcf7-acceptance .wpcf7-list-item-label { font-size: 2.2rem; font-weight: bold; }
  .contact .privacy p { margin-bottom: 0.2em; }

  .contact .sendmails label { display: inline-block; margin: 0 1em 0.5em 0; }
  .contact .form .inner { max-width: 760px; margin: 0 auto; border: 1px solid #172648; }
  .contact .form .inner dl { display: flex; border-bottom: 1px solid #172648; }
  .contact .form .inner dl:last-of-type { border-bottom: none; }
  .contact .form .inner dl dt { display: flex; justify-content: flex-end; padding-top: 20px; width: 285px; color: #172648; font-size: 1.6rem; text-align: center; position: relative; line-height: 1.2; }
  .contact .form .inner dl dt span { /* width: 75%; text-align: justify; text-align-last: justify; text-justify: inter-ideograph; */ font-weight: bold; }
  .contact .form .inner dl dd { width: calc(100% - 168px); padding: 10px; font-size: 1.5rem; position: relative; }
  .contact .hissu { display: inline-block; padding: 4px 15px; background: #E60012; color: #fff; position: absolute; top: 25px; left: 63px; font-weight: bold; font-size: 1.1rem; line-height: 1; }
  .contact .ninni { display: inline-block; padding: 6px 3px; background: #00afff; color: #fff; position: absolute; top: 20px; left: 13px; font-weight: bold; }
  .contact input[type="text"],
  .contact input[type="email"],
  .contact input[type="tel"],
  .contact textarea { width: calc(100% - 45px); margin-left: 1em; }
  /*ie firefoxでのselect矢印*/
  .contact textarea { padding: 14px 14px; height: 150px; line-height: 1.2; }
  select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ""; }
  select::-ms-expand { display: none; }

  /* 送信ボタン（共通） */
  input[type=submit] {
    padding: 7px; margin: 0 auto 50px; max-width: 476px; width: 100%;
    background-color: #008842; color: #fff; font-size: 1.6rem; text-align: center; display: block; border: none;
  }
  input[type=submit]:hover { cursor: pointer; opacity: 0.6; }
  /* formの枠 */
  div.wpcf7-response-output { padding: 0; margin: 0; margin-top: 1.5%; font-size: 1.4rem; }
  /* メール送信完了ボックス */
  div.wpcf7-mail-sent-ok {
    padding: 2%; border: 2px solid #17a1c1; background-color: #F5F5F5; text-align: center;
    color: #666; font-size: 13px; font-size: 1.3rem; border-radius: 6px; color: #17a1c1;
  }
  /* 警告文のボックス */
  div.wpcf7-validation-errors {
    padding: 2%; border: 2px solid #666; background-color: #F5F5F5; text-align: center;
    color: #666; font-size: 13px; font-size: 1.3rem; border-radius: 6px;
  }
  /* エラーメッセージのカラー */
  span.wpcf7-not-valid-tip { color: #b50000; font-size: 13px; font-size: 1.3rem; }
  /* エラー箇所の背景色 */
  .wpcf7 .wpcf7-not-valid { background-color: #DDD; color: #666; }
  /* リセットボタン */
  .reset input { background: #fff; border-radius: 0; border: 1px solid #000; padding: 8px 30px; font-weight: bold; }



  /*--------------------------------------------------
  404 Not Found
  --------------------------------------------------*/
  #notfound { margin-top: 50px; }
  #notfound h1 { text-align: center; color: #a08b77; font-size: 80px; font-size: 8.0rem; }
  #notfound .txt { margin: 0 auto; width: 100%; }
  #notfound ul { padding: 2%; margin: 1.5% auto; width: 100%; background-color: #f5f5f5; }
  #notfound ul li { list-style-type: disc; margin-left: 2%; }
  .back404 { padding: 50px 0; margin: 0 auto 0px; width: 100%; }
  .back404 .btn { margin: 0 auto; width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 22px; font-size: 2.2rem; border-radius: 10px; }
  .back404 .btn a { width: 100%; height: 100%; display: block; background-color: #fff; color: #25764d; border-radius: 10px; border: 1px solid #25764d; }
  .back404 .btn a:hover { background-color: #25764d; color: #fff; }



#yuasa .link {
    display: flex;
    max-width: 650px;
    margin: 30px auto;
}

#yuasa .link a {
    position: relative;
    padding: 5px 45px!important;
    margin: 0 0 0 auto;
    text-decoration: none;
    font-size: 1.4rem;
    color: #fff;
    z-index: 1;
}

#yuasa .link a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #008842;
    transform: skewX(-45deg);
}




/*------------------------------------------------------------------------
                                < 1300
------------------------------------------------------------------------*/

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

header .logo { padding: 0 2em 0 1em; }


}



/*------------------------------------------------------------------------
                                < 1050
------------------------------------------------------------------------*/

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

.wrap { padding: 0 20px; }
header .flex { flex-wrap: wrap; }
#top #corporate .inner { padding: 0 20px; }
#top h3.ttl { padding: 0 10px; }

  .drawer--left .drawer-nav {
    padding: 20px!important;
    max-width: 1050px;
    margin-right: 0;
}
header .logo {
  margin: 15px auto 1px; padding: 0;
}
#corporate h3.ttl {
  font-size: 2.85rem;
}


#top #main-visual ul li .ttl {
  font-size: 4rem;}

#top #main-visual ul li .ttl {
  font-size: 4rem;}


}




/*------------------------------------------------------------------------
                                < 900
------------------------------------------------------------------------*/

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


.packages .wrap { padding: 0 20px; }
footer #sitemap nav ul li a {
  font-size: 1.6rem!important;
}


}




/*------------------------------------------------------------------------
                                < 800
------------------------------------------------------------------------*/

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

#top #news .inner { padding: 0 20px; }
  #top #corporate {
    background-attachment: scroll!important;
}
#top #office {
  background-attachment: scroll!important;}


}




/*------------------------------------------------------------------------
                                < 780
------------------------------------------------------------------------*/

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

  /*--------------------------------------------------
  共通
  --------------------------------------------------*/
  /* ドロワーの装飾 */
  header { z-index: 101; background: none; }
  header .flex { display: block; }
  header .header_logo { display: block; margin: 0 auto 10px; width: 70%; max-width: 100%; }
  header .header_contact { display: block; margin: 0 auto 10px; width: 60%; }
  header nav ul li a:hover::before { content: none; }
  nav ul { display: block; }
  nav ul li { }
  nav ul li a { padding: 15px 0; color: #333!important; border-bottom: 1px solid #ddd; font-size: 1.6rem; }
  .drawer--left .drawer-nav { margin-left: 0px; padding: 0px; overflow: hidden; position: fixed!important; background: #fff; width: 16.25rem; }
  .drawer-open .drawer-nav { width: 80%; }
  .drawer--left .drawer-hamburger { display: block!important; top: 3rem; right: 2rem; left: auto!important; background: #4dac7b!important; padding: 8px 8px 20px 8px; border-radius: 0px; width: 3.4rem; position: absolute; }
  .page header button { top: -1rem!important; }
  .page header {  }
  .page header .logo { position: relative; margin: 25px 30px 20px; width: 60%; }
  .drawer-hamburger-icon:after { top: 13px!important; }
  .drawer-hamburger-icon:before { top: -13px!important; }
  .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { top: 0px!important; }
  .drawer-hamburger-icon { margin-top: 13px!important; }
  .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { background-color: #fff!important; height: 4px!important; }
  .drawer-menu > li:nth-of-type(2) { width: 100%; }
  /* ページ上部の開閉メニューを非表示 */

 /*ACCORDION*/
  nav.drawer-nav ul.drawer-menu li ul li { border-bottom: 1px solid #EFEFEF; padding-bottom: 0; }
  nav.drawer-nav ul.drawer-menu li ul li:last-of-type { border-bottom: none; }
  #acMenu .toggle { display:block; width:100%; height:auto; cursor:pointer; }
  #acMenu ul { width:100%; height:auto; display:none; border-top: 1px solid #EFEFEF; }
  #acMenu .maru::after {
    border-top: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  nav.drawer-nav ul.drawer-menu li a.toggle { position: relative; }
  nav.drawer-nav ul.drawer-menu li a.toggle::before,
  nav.drawer-nav ul.drawer-menu li a.toggle::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }
  nav.drawer-nav ul.drawer-menu li a.toggle::before { right: 15px; width: 4px; height: 4px; border-top: 1px solid #231f20; border-right: 1px solid #231f20; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  li a span { display: none; }
  li ul.sub-menu { position: static; visibility: visible; background: #fff; }
  li a:hover { color: #fff!important; }
  ul.sub-menu li a { color: #000!important; padding: 20px; opacity: 1; }
  ul.sub-menu li a:hover { color: #fff!important; }
  ul.sub-menu { opacity: 1; }

  .alt { text-align: center; color: #192e66; font-weight: bold; }
  .alt::after { content: attr(data-label); font-size: 2rem; border-bottom: 2px solid #192e66; padding-bottom: 10px; }
  .alt img { display: none; }

  input[type=submit] { width: 50%; }
  #notfound h1 { font-size: 40px; font-size: 4rem; line-height: 1.2; margin-bottom: 5%; }
  #notfound ul li { list-style-type :none }
  .back404 { padding: 50px 3%; }
  .back404 .btn { width: 100%; height: 50px; line-height: 50px; }


  .open a.toggle::before { -webkit-transform: rotate(90deg)!important; transform: rotate(-45deg)!important; }
  .pagetop { display: none!important; }

header .logo { position: absolute; top: 0; }
header nav ul { flex-wrap: wrap; }
header nav ul li { border-color: #008842; }
header nav ul li::after { content: none; }
header nav ul li a { padding: 15px 0; font-size: 1.8rem;}
header nav ul li a:hover { background-color: #008842; }
header nav ul li a:hover::before { content: none!important; }
header nav ul li:nth-of-type(1)::before { content: none; }

  #footer_contact .inner { display: block; }
  #footer_contact .inner a { display: block; width: 70%; margin: 0 auto 0px; }
  #f_content .block .wrap { display: block; }
  #f_content .add { text-align: center; margin: 0 0 20px; font-style: 1.4rem; }
  footer .sns { justify-content: center; margin: 0 0 30px; }
  footer #sitemap { display: flex; flex-wrap: wrap; }
  footer .footer_logo { padding-top: 8vw; order: 1; }
  footer nav { order: 2; width: 100%; }
  footer #sitemap nav ul { flex-wrap: wrap; padding: 7vw 0px 10vw; }
  footer #sitemap nav ul li { border-bottom: 1px solid #fff; }
  footer #sitemap nav ul li:nth-of-type(1) { border-top: 1px solid #fff; }
  footer #sitemap nav ul li:nth-of-type(1)::before { content: none; }
  footer #sitemap nav ul li::after { content: none; }
  footer #sitemap nav ul li a { border-bottom: none; font-size: 1.6rem; padding: 20px 0; }
  .copy { order: 3; width: 100%; }
  #footer_contact .text { padding: 0 20px; }

  .ttl_box h2 span { font-size: 2.7rem; }

  /*--------------------------------------------------
  top
  --------------------------------------------------*/
  #top .ttl_box .ttl_eng { font-size: 1.8rem; }
  #top h3.ttl { font-size: 2.3rem; }
  #top .link a { margin: 0 auto; }
  #top #main-visual ul li .ttl { font-size: 2.2rem; }
  #top #news { width: 100%; }
#top #news .block {
  width: 90%;
}
  #top #recruit .inner { background: url(img/top_recruit_bg_sp.jpg) no-repeat; height: 138vw; background-size: contain; }
  #top #corporate { height: 100%; }
  #top #corporate .inner { flex-wrap: wrap; }
  #top #corporate .box { width: 48%; margin-bottom: 20px; padding: 12vw 10px; }
  #top #business .inner { flex-wrap: wrap; }
  #top #business .left_block { width: 100%; }
  #top #business .right_block { width: 100%; }
  #top #business .right_block .box { width: 100%; }
  #top #office .ttl_box .ttl_eng { left: 45%; }

  #top #business p.bus_lead { padding: 0 20px; font-size: 2.3rem; }
  #top #business .ttl_box .ttl_eng { transform: translate(-20%, -130%); -webkit-transform: translate(-20%, -130%); }
  #top #case .ttl_box .ttl_eng { -webkit-transform: translate(17%, -50%); }
  #top #recruit .ttl_box .ttl_eng { transform: translate(0%, -130%); -webkit-transform: translate(0%, -130%); }
  #top #nakakin_news .ttl_box .ttl_eng { transform: translate(30%, -130%); -webkit-transform: translate(30%, -130%); }

  #corporate h3.ttl { font-size: 2.25rem; }
  .corporate #page #outline dl { flex-wrap: wrap; }
  .corporate #page #outline dl dt { width: 100%; text-align: left; text-align-last: left; }
  .corporate #page #outline dl dd { max-width: 100%; }
  .corporate #page #history ul { flex-wrap: wrap; justify-content: flex-start; }
  .corporate #page #history ul li:nth-of-type(3) { max-width: 100%; }
  .corporate #page #yuasa { margin-bottom: 0; }
  .corporate #page #yuasa .block { flex-wrap: wrap; }
  .corporate #page #yuasa .block .name_box { max-width: 100%; }
  .corporate #page #yuasa .block .add_box { max-width: 100%; }

  .business #page .col3 dl { width: 100%; }
  .business #page .flex dl dd { width: 100%; }
  .business #page #measure .flex dl:nth-of-type(1) { width: 100%; }
  .business #page #measure .flex dl:nth-of-type(2) { width: 100%; }
  .business #page #measure .flex dl:nth-of-type(3) { width: 100%; }
  .business #page #plant .flex dl:nth-of-type(1) { width: 100%; }
  .business #page #plant .flex dl:nth-of-type(2) { width: 100%; }
  .business #page #plant .flex dl:nth-of-type(3) { width: 100%; }
  .business #page #plant .flex dl:nth-of-type(4) { width: 100%; }
  .business #page #iot .flex dl:nth-of-type(1) { width:100%; }
  .business #page #iot .flex dl:nth-of-type(2) { width:100%; }
  .business #page #iot .flex dl:nth-of-type(3) { width:100%; }
  .business #page #logistics .flex dl:nth-of-type(1) { width:100%; }
  .business #page #logistics .flex dl:nth-of-type(2) { width:100%; }
  .business #page #logistics .flex dl:nth-of-type(3) { width:100%; }
  .business #page #logistics .flex dl:nth-of-type(4) { width:100%; }
  .business #page #eco .flex dl:nth-of-type(1) { width: 100%; }
  .business #page #eco .flex dl:nth-of-type(2) { width: 100%; }
  .business #page #eco .flex dl:nth-of-type(3) { width: 100%; }
  .business #page #business h3.ttl { font-size: 2.2rem; }

  .business #page .inner { flex-wrap: wrap; }
  .business #page .left_block { width: 100%; }
  .business #page .right_block { width: 100%; }
  .business #page .right_block .box { width: 33.3%; }
  .business #page .right_block .box span { font-size: 1.8rem; }



  .office #page #office h3.ttl { font-size: 2.2rem; }
  .office #page #branch .wrap { padding: 0; }
  .office #page #branch .block { flex-wrap: wrap; }
  .office #page #branch .block .box { width: 100%; padding: 0 20px; margin-bottom: 20px; }
  .office #page #branch .block .maps { width: 100%; }

  .recruit #page #recruit .ttl_box .ttl_eng { transform: translate(10%, -50%); -webkit-transform: translate(10%, -50%); }
  .recruit #page #recruit { background: url(img/top_recruit_bg_sp.jpg) no-repeat; background-size: cover; }
  .recruit #page #recruit h3.ttl { font-size: 2.2rem; }
  .recruit #page #summary dl { flex-wrap: wrap; }
  .recruit #page #summary dl dt { width: 100%; text-align: center; text-align-last: center; margin-bottom: .5em; }
  .recruit #page #summary dl dd { max-width: 100%; text-align: center; }
  .recruit #page .link a { padding: 15px 30px; font-size: 2.2rem; }


  .nakakin_news #page #nakakin_news .ttl_box .ttl_eng { transform: translate(30%, -50%); -webkit-transform: translate(30%, -50%); }
  .nakakin_news #page #news .lead i { order: 2; }
  .nakakin_news #page #news .lead span { order: 1; }
  .nakakin_news #page #news .lead { flex-wrap: wrap; }
  .nakakin_news #page #news .inner { justify-content: space-between; }
  .nakakin_news #page #news .inner dl { width: 48%; margin: 0 0 30px; }
  .case #page .flex { flex-wrap: wrap; }
  .case #page #studies .block { display: block; }
  .case #page #studies .block ul { flex-wrap: wrap; }
  .case #page #studies .block ul li { max-width: 100%; margin: 0 0 30px; }
  .case #page #studies .block.l_2col { margin-right: 0; width: 100%; }
  .case #page #studies .block.r_1col { width: 100%; }
  .case #page #studies .block.c1col { margin-right: 0; width: 100%; }
  .case #page #case .ttl_box .ttl_eng { transform: translate(35%, -50%); -webkit-transform: translate(35%, -50%); }


  /*--------------------------------------------------
  お問い合わせ
  --------------------------------------------------*/
  .contact .form_inner dl { flex-wrap: wrap; }
  .contact .form_inner dl:first-of-type { border-top: 1px solid #000; }
  .contact .form_inner dl dt { width: 100%; }
  .contact .form_inner dl dd { width: 100%; }
  .contact .form_inner dl dt,
  .contact .form_inner dl dd { padding: 15px; }
  .contact input[type="text"],
  .contact input[type="email"],
  .contact input[type="tel"],
  .contact textarea { width: 100%; margin-left: 0; }
  .contact #page #contact .ttl_box .ttl_eng { transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); }


  #archive .flex { display: block; }
  #archive article { width: 100%; padding: 0 20px; margin-bottom: 50px; }
  #archive aside { width: 100%; }
  #archive aside ul { padding: 0 20px; }
  #single .flex { display: block; }
  #single article { width: 100%; padding: 0 20px; margin-bottom: 50px; }
  #single aside { width: 100%; }
  #single aside ul { padding: 0 20px; }


  #page .lead_ttl { font-size: 2.6rem; }

  .category #news .ttl_box .ttl_eng { background: transparent; transform: translate(30%, -50%); -webkit-transform: translate(30%, -50%); }



  
}






/*------------------------------------------------------------------------
                                < 640
------------------------------------------------------------------------*/

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

#archive .block .meta { flex-wrap: wrap; }
#archive .block .meta .date { width: 100%; font-size: 1.6rem; }
#archive .block .meta h3 { margin: 0; }

  #top #main-visual ul li .ttl {
    font-size: 1.8rem;
}
#top .sankakubg::before {
  border-width: 682px 280px 0 0;
}

#corporate h3.ttl {
  font-size: 2.1rem;
}


  
}






/*------------------------------------------------------------------------
                                < 600
------------------------------------------------------------------------*/

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


  #corporate h3.ttl {
    margin: 80px 0 40px;}

    #top #main-visual ul li img {
      max-height: 240px;
      object-fit: cover;
  }
  #top #main-visual ul li img {
    height: 240px;
    object-fit: cover;
}
#top #nakakin_news .ttl_box h2::after {
  height: 125px;
}
  #top #recruit .ttl_box h2::after {
    height: 135px;
}
#top #business .ttl_box h2::after {
  height: 135px;
}

.corporate #page #yuasa h2 .companyname .corporation { display: block; margin-right: 0; line-height: 1; }


  
}






/*------------------------------------------------------------------------
                                < 480
------------------------------------------------------------------------*/

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

.ttl_box .eng_corp { transform: translate(-28%, -50%); -webkit-transform: translate(-28%, -50%); }
.business .ttl_box .ttl_eng { transform: translate(-28%, -50%); -webkit-transform: translate(-28%, -50%); }
.office .ttl_box .ttl_eng { transform: translate(-26%, -50%); -webkit-transform: translate(-26%, -50%); }
.ttl_box .ttl_eng { width: auto; }
  #top #main-visual ul li .ttl {
    font-size: 1.5rem;
}
#top #news .block ul { flex-wrap: wrap; }
#top #news .block ul li.text { width: 100%; margin: 10px 0 5px; }
#top #news .block ul li.text a { font-size: 1.6rem; }

.office #page #branch .block .maps iframe { height: 194px; }

.category article h2 {  }
.category article h2 .yearly { top: 0; margin-right: 0; }
.corporate #page #history ul { padding: 10px 0 10px; }
.corporate #page #history ul li:nth-of-type(3) { font-size: 1.5rem; }
.nakakin_news #page #news .lead span { font-size: 2.4rem; }


  
}

/*22.3.25*/
@media screen and (max-width: 600px) {
.css-carousel-slider4 img {
    height: 350px;
    object-fit: cover;
}
section#main-visual {
    height: 350px;
}
.css-carousel-slider4 {
    height: 350px;
}
.ttl.mincho {
    font-size: 25px!important;
}
	#top .slide .ttl {
		top: 54%;!important
	    width: 95%;}
}


header .logo {
    margin-left: 15px;
}