@charset "utf-8";
/* CSS Document */
/* == == == == == == == == == == == == == == == == == == == ==
鈴与オートテックサービス株式会社様Webサイト用
== == == == == == == == == == == == == == == == == == == == */

/* ●配色
濃いブルー（ロゴ色）：#1072A7;
濃いめのブルー（見出しなど）：#3270AA;
黒に近いブルー（フロート）：#3270AA;
グレーの線の色：#DDDDDD;
文字色：#333333;
文字色（透かし）：#DDDDDD;
背景色（基本は白）：#FFFFFF;
背景色（薄いブルー）：#F2F5F6;
フッターの背景色（グレー）：#DBDBDB;
Classicキーカラー：#1072A7;
hover時の強調色：darkorange;（#ff8c00）
蛍光マーカー風の色：#E7F74B；
*/

/* - - - - - - - - - - - - - - - - - - - - - - - 
Bluma版ヘッダーナビ
- - - - - - - - - - - - - - - - - - - - - - - */

nav .button.is-link {
 /* background-color: #3270AA; */
 background-color   : #E7F74B;
 border-color       : transparent;
 /* color           : #FFFFFF; */
 color              : #202020;
 font-size          : 1.8rem;
 font-weight        : 500;
}

nav .button.is-link.is-hovered,
nav .button.is-link:hover {
 /* background-color: #3e56c4; */
 background-color: darkorange;
 border-color    : transparent;
 color           : #FFFFFF;
}

nav .button.is-ghost {
 /* color: #485fc7; */
 color          : #3270AA;
 text-decoration: none;
 border-color   : #FFFFFF;
 border-color   : #3270AA;
 font-size      : 1.8rem;
 font-weight    : 500;
}

nav .button.is-ghost.is-hovered,
nav .button.is-ghost:hover {
 /* color: #485fc7; */
 color           : #FFFFFF;
 text-decoration : none;
 background-color: darkorange;
 border-color    : darkorange;
}

nav .button .icon:first-child:not(:last-child) {
 margin-left : calc(-.5em - 1px);
 margin-right: -.25em;
}

nav .button .icon {
 align-items    : center;
 /* display     : inline-flex; */
 display        : inline-block;
 justify-content: center;
}

nav .button {
 padding   : 0 1.8rem 0 2.4rem;
 text-align: center;
}

nav .navbar-start {
 /* margin-left: 100px; */
}

/* 2022/09/12 */
.navbar-brand {
 height: 60px;
}

/* 2022/09/09 */
.navbar-item img {
 max-height: 3.75rem;
}

nav .navbar-end>.navbar-item:last-child {
 /* margin-left: 100px; */
}

nav .navbar-start>.navbar-item,
nav .navbar-end>.navbar-item:not(:last-child) {
 margin-right: 1rem;
}

nav .navbar-end>.navbar-item:last-child {
 /* お問い合わせも他のメニューと同じデザインにしたので左マージンは不要 */
 /* margin-left : 1rem; */
 margin-right: 2rem;
}

nav .navbar-end .navbar-item {
 /* min-width: 14rem; */
}

nav .navbar-end .button.is-link {
 /* margin-top: 4px; */
}

nav .navbar-burger {
 /* color: #4a4a4a; */
 color      : #3270AA;
 cursor     : pointer;
 /* display : block; */
 height     : 4.25rem;
 position   : relative;
 width      : 4.25rem;
 margin-left: auto;
}

/* .navbar-burger span:nth-child(1), */
nav .navbar-burger span {
 height: 3px;
 color : #3270AA;
}

nav .navbar-start>.navbar-item:not(:first-child),
nav .navbar-end>.navbar-item {
 /* border-left: 1px #CCCCCC solid; */
 /* padding-left: 1rem; */
}

nav .navbar-end>.navbar-item:first-child,
nav .navbar-end>.navbar-item:last-child {
 border-left: none;
}

#menu>div.navbar-end div.navText__large>i {
 margin-left: 0.2em;
}

nav .navbar-brand {
 display        : flex;
 justify-content: center;
 align-items    : center;
}

nav .navbar-brand img {
 width         : 350px;
 /* padding-top: 3px; */
 margin-top    : 8px;
}

nav .navText__large {
 color           : #333;
 /* font-size    : 1.8rem; */
 font-weight     : 500;
 /* padding-right: 1rem;
padding-left     : 1rem; */
}

nav .navText__small {
 color      : #1072A7;
 font-size  : 1.2rem;
 font-weight: 800;
 text-align : center;
}

nav .condensed {
 color         : #333;
 font-size     : 1.8rem;
 letter-spacing: -0.2rem;
 transform     : scaleX(0.8);
}

nav .navbar-item,
nav .navbar-link {
 color      : #4a4a4a;
 /* display : block; */
 line-height: 1.5;
 /* padding : .5rem .75rem; */
 position   : relative;
 font-size  : 1.6rem;
}



@media (min-width: 1024px) {

 /*グローバルナビメニュー マウスオーバーでアンダーライン*/
 nav #menu .navbar-start .navbar-item.has-dropdown.is-hoverable>a:after,
 nav #menu .navbar-end .navbar-item.has-dropdown.is-hoverable a:after,
 nav #menu .navbar-start>a.navbar-item:after,
 nav #menu .navbar-end a.navbar-item:after {
  position             : absolute;
  /*線の位置を絶対配置に*/
  content              : "";
  /*文字はなし*/
  left                 : 0px;
  /*線の位置*/
  bottom               : 0px;
  /*線の位置*/
  height               : 10px;
  /*線の高さ*/
  width                : 100%;
  /*幅いっぱいに線を引く*/
  /* background        : #3270AA; */
  /* background        : #E7F74B; */
  /* 黄色い線が引かれる効果は廃止する（背景色と同じ白にして見えないように変更） */
  background           : #FFFFFF;
  /*線の色*/
  transform            : scale(0, 1);
  /*マウスオーバーの前は線を消す*/
  transition           : 0.3s;
  /*線が0→100%になるまでの秒数*/
  /*transform-origin   : left;*/
  transform-origin     : center;
  /*線を左側から出す*/
 }

 nav #menu .navbar-start .navbar-item.has-dropdown.is-hoverable>a:hover:after,
 nav #menu .navbar-end .navbar-item.has-dropdown.is-hoverable>a:hover:after,
 nav #menu .navbar-start a.navbar-item:hover:after,
 nav #menu .navbar-end a.navbar-item:hover:after {
  transform: scale(1);
  /*マウスオーバー後、線を100%出す*/
 }

 .navbar-dropdown a.navbar-item:focus,
 .navbar-dropdown a.navbar-item:hover {
  background-color: #E7F74B;
  color           : #0a0a0a;
 }

 #menu>div.navbar-end>div>a>div>div {
  border-bottom: 2px solid #FFFFFF;
 }

 #menu>div.navbar-end>div>a:hover>div>div {
  border-bottom: 2px solid #333333;
 }

 #page__about #menu>div.navbar-end>div:nth-child(1)>a>div>div {
  border-bottom: 2px solid #333333;
 }

 #page__works #menu>div.navbar-end>div:nth-child(2)>a>div>div {
  border-bottom: 2px solid #333333;
 }

 #page__battery #menu>div.navbar-end>div:nth-child(3)>a>div>div {
  border-bottom: 2px solid #333333;
 }

 #page__recruit #menu>div.navbar-end>div:nth-child(4)>a>div>div {
  border-bottom: 2px solid #333333;
 }

 #page__inquiry #menu>div.navbar-end>div:nth-child(5)>a>div>div {
  border-bottom: 2px solid #333333;
 }
}



@media (max-width: 1023px) {

 nav .navbar-brand img {
  /* さらに調整が必要 */
  width    : 260px;
  max-width: calc(100% - 30px);
 }

 nav .navText__small,
 nav .navbar-dropdown,
 nav .navbar-dropdown .navbar-item,
 nav .navbar-dropdown .navbar-divider,
 nav .navbar-link:not(.is-arrowless)::after {
  /* display: none; */
  /*220912*/
  margin-bottom: 0.5rem;
 }

 .has-no-dropdown {
  margin-bottom: 2rem;
  ;
 }

 nav .navbar-start {
  /* background:yellow; */
  /* text-align: center; */
  margin-top  : 10px;
  margin-left : 50px;
  margin-right: 50px;
 }

 nav .navbar-end {
  /* background:#AFAFAF; */
  /* text-align: center; */
  margin-left : 50px;
  margin-right: 50px;
 }

 nav .navbar-end .buttons {
  /* margin-left: calc( ( 100% - 280px ) /2); */
  align-items    : center;
  justify-content: center;
  margin-top     : 10px;
  margin-bottom  : 10px;
 }

 nav .navText__large {
  border-bottom : 1px solid #CCCCCC;
  padding-bottom: 5px;
  ;
 }

 #menu>div.navbar-end>div:last-child>a>div>.navText__large {
  border-bottom : none;
  padding-bottom: 5px;
  margin-bottom : 20px;
  ;
 }

 nav .navText__large::before {
  font-family       : "Font Awesome 5 Free";
  content           : '\f0a9';
  /* font-weight    : 400; */
  margin-right      : 4px;
  color             : #3270AA;
  opacity           : 0.5;
 }

 nav .navbar-end>.navbar-item:last-child {
  margin-left: 0;
 }

 .navbar-dropdown .navbar-item {
  padding-left : 3.9rem;
  padding-right: 1.5rem;
 }

 nav .navbar-item,
 nav .navbar-link {
  color      : #4a4a4a;
  /* display : block; */
  line-height: 1.0;
  /* padding : .5rem .75rem; */
  position   : relative;
  font-size  : 1.2rem;
 }

}

/* - - - - - - - - - - - - - - - - - - - - - - - 
WebP対策
- - - - - - - - - - - - - - - - - - - - - - - */
.webp {}

.no-webp {}

/* - - - - - - - - - - - - - - - - - - - - - - - 
見出し
- - - - - - - - - - - - - - - - - - - - - - - */
h1 {
 /* font-size: 4.6rem; */
 /* line-height: 1.2; */
 line-height: 0.75;
}

.top__intro__cont h2 {
 text-align   : center;
 color        : #1072A7;
 font-size    : 4.0rem;
 margin-bottom: 20px;
 font-weight  : bold;
 font-family  : "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.head-border {
 display    : flex;
 align-items: center;
}

.head-border:before {
 margin-right: 1rem;
}

.head-border:after {
 margin-left: 1rem;
}

h3.head-border:after,
h3.head-border:before {
 content            : "";
 height             : 4px;
 flex-grow          : 1;
 /* background-color: #666; */
 /* background-color: #DDDDDD; */
 /* background-color: #1072A7; */
 background-color   : rgba(43, 48, 128, 0.125);
}

h4.head-border:after,
h4.head-border:before {
 content         : "";
 height          : 1px;
 flex-grow       : 1;
 background-color: rgba(43, 48, 128, 0.25);
}

h3.tit__common10 {
 font-size    : 3.0rem;
 font-weight  : bold;
 margin-bottom: 40px;
 color        : #333333;
 text-align   : center;
 height       : 22px;
 border-left  : 10px double rgba(43, 48, 128, 0.125);
 border-right : 10px double rgba(43, 48, 128, 0.125);
}

h4.tit__common10 {
 font-size    : 3.0rem;
 font-weight  : bold;
 margin-bottom: 40px;
 color        : #333333;
 text-align   : center;
 height       : 22px;
 height       : 32px;
 border-left  : 1px solid rgba(43, 48, 128, 0.25);
 border-right : 1px solid rgba(43, 48, 128, 0.25);
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
ヘッダー
- - - - - - - - - - - - - - - - - - - - - - - */
.header {
 margin             : 0 auto;
 /* background-color: #fff; */
 width              : 100%;
 position           : fixed;
 top                : 0;
 z-index            : 20;
 transition         : 0.5s;
 /* box-shadow      : 0 2px 10px rgba(23, 78, 142, 0.2); */
 box-shadow         : 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* .site-header を半透明にする */
/* .site-header{
background: rgba(255,255,255,0.5);
} */
.site-header.transform {
 background: rgba(255, 255, 255, 0.8);
}

/*
.header__width--max {
max-width: 940px; 
max-width: 1344px;
max-width: 1024px;
width: 100%;
width: calc(100% - 4rem);
margin: 0 auto;
padding: 15px 0 5px 0; 
padding: 5px 0 5px 0;
transition: .5s;
}
*/

.header__logo a {
 display           : block;
 -moz-transition   : all 0.3s ease;
 -ms-transition    : all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 transition        : all 0.3s ease;
}

.header__logoText {
 /* font-weightを800または900にするとMacのSafariでのみ文字がやや太く見えるので注意 */
 font-weight     : 700;
 color           : #333333;
 transform       : scale(0.9, 1);
 transform-origin: top left;
 width           : 250px;
 margin-top      : 6px;
}

.header__logo a:hover {
 opacity: 0.6;
}

/* Extra Small (iPhone SE) */
.header__logo img {
 max-width  : 237.87px;
 width      : 100%;
 padding-top: 4px;
}

/* Extra Small (iPhone 12 Pro Max) */
@media (min-width: 400px) {
 .header__logo img {
  max-width  : 237.87px;
  width      : 100%;
  padding-top: 4px;
 }
}

/* Extra Small (phones) */
@media (min-width: 600px) {
 .header__logo img {
  max-width  : 237.87px;
  width      : 100%;
  padding-top: 4px;
 }
}

@media (min-width: 640px) {
 .header__logo img {
  max-width  : 237.87px;
  width      : 100%;
  padding-top: 10px;
 }

 .header__logoText {
  margin-top: 13px;
 }
}

/* Small devices (tabletS) */
@media (min-width: 770px) {
 .header__width--max {
  max-width : 1024px;
  width     : 100%;
  width     : calc(100% - 4rem);
  margin    : 0 auto;
  /* padding: 5px 0 5px 0; */
  padding   : 12px 0;
  transition: 0.5s;
 }

 .header__logo img {
  max-width  : 237.87px;
  width      : 100%;
  padding-top: 6px;
 }

 .header__logoText {
  margin-top: 7px;
 }

 /* CSS HAck for Safari */
 @media screen and (-webkit-min-device-pixel-ratio: 0) {

  :root .header__logoText,
  _::-webkit-full-page-media,
  _:future {
   margin-top: 9px;
  }
 }
}

/* Medium devices (desktops) */
@media (min-width: 1024px) {
 .header__width--max {
  max-width : 1024px;
  width     : 100%;
  width     : calc(100% - 4rem);
  margin    : 0 auto;
  /* padding: 5px 0 5px 0; */
  padding   : 12px 0;
  transition: 0.5s;
 }

 .header__logo img {
  max-width  : 237.87px;
  width      : 100%;
  padding-top: 6px;
 }
}

/* Large devices (widescreen desktops) */
@media (min-width: 1216px) {
 .header__width--max {
  width     : 100%;
  margin    : 0 auto;
  /* padding: 5px 0 5px 0; */
  padding   : 12px 0;
  transition: 0.5s;
 }

 .header__logo img {
  max-width  : 237.87px;
  width      : 100%;
  padding-top: 6px;
 }
}

/* Extra large devices (fullhd desktops) */
@media (min-width: 1408px) {
 .header__width--max {
  width     : 100%;
  margin    : 0 auto;
  /* padding: 5px 0 5px 0; */
  padding   : 12px 0;
  transition: 0.5s;
 }

 .header__logo img {
  max-width  : 237.87px;
  width      : 100%;
  padding-top: 6px;
 }
}

/* ロゴ画像のスマホ版での位置調整 */
/* @media screen and (max-width: 925px) { */
@media screen and (max-width: 768px) {

 .header__width--max {
  padding : 12px 20px 0;
  height  : 74px;
  clear   : both;
  overflow: hidden;
 }

 .sp_navigation .toggle {
  position             : fixed;
  right                : 10px;
  top                  : 10px;
  display              : block;
  width                : 50px;
  height               : 55px;
  cursor               : pointer;
  z-index              : 3;
  background           : #1072A7;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
 }

 .sp_navigation .toggle.active {
  background: darkorange;
 }

 .main__visual--slider {
  transition   : all 0.3s ease;
  /* margin-top: 74px; */
  margin-top   : 44px;
 }

 .row .column.column-33,
 .row .column.column-34 {
  flex     : 0 0 33.3333%;
  min-width: 229.33px;
 }
}

.g__nav .gNav__cont .gNav__listCont {
 text-align    : center;
 /* line-height: 1.3; */
 line-height   : 1.34;
}

.g__nav .gNav__cont .gNav__listCont a {
 /* color: #1072A7; */
 /* font-size  : 1.0rem; */
 font-size      : 1.2rem;
 /* font-weight : bold; */
 /* font-size   : 2.0rem;
font-weight     : 500;
text-align      : center;
color           : #1072A7; */
}

.g__nav .gNav__cont .gNav__listCont a {
 /* color: #333; */
 font-family: "Roboto", "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 font-weight: normal;
 font-size  : 1.2rem;
}

.g__nav .gNav__cont .gNav__listCont a .navFont__large {
 /* color: #333; */
 font-family: "Roboto", "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 font-weight: bold;
 font-size  : 1.8rem;
}

.g__nav .gNav__cont .gNav__listCont a .navFont__large .condensed {
 color         : #333;
 font-size     : 1.8rem;
 letter-spacing: -0.2rem;
 transform     : scaleX(0.8);
}

#nav>ul>li:not(:last-child) {
 /* border-right: 1px solid #DDDDDD; */
 border-right: 1px solid #FFFFFF;
}

#nav>ul>li:first-child {
 /* 4メニュー用 */
 /* border-right: 1px solid #FFFFFF; */
 /* 5メニュー用 */
 /* border-right: 1px solid #DDDDDD; */
 border-right: 1px solid #FFFFFF;
}

.hvr-underline-from-left {
 /* height: 34px; */
 height: 38px;
}

.hvr-underline-from-left:before {
 content                           : "";
 position                          : absolute;
 z-index                           : -1;
 left                              : 0;
 top                               : 22px;
 right                             : 100%;
 bottom                            : 0;
 /* background                     : #1072A7; */
 /* background                     : mediumvioletred; */
 background                        : #1072A7;
 /* height                         : 4px; */
 height                            : 1px;
 -webkit-transition-property       : right;
 transition-property               : right;
 -webkit-transition-duration       : 0.3s;
 transition-duration               : 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function        : ease-out;
}

@media (hover: hover) {

 /*
:hover動作が使えるデバイスでは
PC版のナビでアンダーラインが出るアニメーションを表示する。
*/
 .hvr-underline-from-left:before {
  background: #1072A7;
 }
}

@media (hover: none) {

 /*
:hover動作が使えないデバイスでは
PC版のナビでアンダーラインが出るアニメーションを表示させない。
*/
 .hvr-underline-from-left:before {
  background: none;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
フッター
- - - - - - - - - - - - - - - - - - - - - - - */
/* .footer__cont .foot__home a,
.footer__cont .foot__map01 ul li dl dt a,
.footer__cont .foot__map02 ul li dl dt a {
color: #1072A7;
}

.footer__cont .foot__map01 ul li dl dd ul li a,
.footer__cont .foot__map02 ul li dl dd ul li a {
color: #3a3a3a;
padding-left: 0.25em;
line-height: 1.25em;
} */

/* .footer__cont .foot__map01 ul li dl dd ul li a:before {
content: '・';
font-family : "Font Awesome 5 Free";
content          : '\f111';
font-size        : 15px;
font-weight      : 400;
margin-right     : 4px;
color: #3a3a3a;
padding-left: 1em;
} */

.footer {
 /* Blumaの設定を打ち消してFooter最下部のバーを画面最下部にする */
 /* padding      : 3rem 1.5rem 6rem; */
 /* Blmaの元の設定 */
 padding   : 0;
 border-top: #999999 2px solid;
}

#linkIcons {
 margin-top: 2em;
}

#linkIcons>div>a:hover img {
 opacity: 0.75;
}

footer .footerHome {
 padding-bottom: 1rem;
}

footer .footerHome dl {
 padding-bottom: 0.75rem;
 border-bottom : 1px solid #003246;
 margin-bottom : 0;
}

footer .footerMenu ul {
 list-style : none;
 margin-top : 0;
 margin-left: 0;
}

footer .footerMenu dl>dt {
 margin-bottom: 0.75rem;
}

footer .footerMenu dl>dt:nth-child(2) {
 /* 2022/09/12 */
 /* margin-top: 0.5em; */
}

footer .footerHome dl>dt>a,
footer .footerMenu dl>dt>a {
 /* ブルーからモノトーンに変更 */
 /* color         : #1072A7; */
 color         : #333333;
 /* font-weight: bold; */
 font-weight   : 500;
 font-size     : 1.4rem;
}

footer .footerMenu dl>dd>ul>li {
 margin     : 0;
 padding    : 0;
 line-height: 1.75em;
}

footer .footerMenu dl>dd>ul>li>a {
 color: #3a3a3a;
}

footer .footerMenu dl>dd>ul>li>a:hover,
footer .footerMenu dl>dt>a:hover {
 opacity: 0.5;
}

footer>section>div.columns.is-multiline>div.footerMenu>dl>dt a:before {
 /* content        : '・'; */
 font-family : "Font Awesome 5 Free";
 content     : '\f35a';
 font-size   : 15px;
 font-weight : 900;
 margin-right: 4px;
 margin-left : 2px;
 color       : #3a3a3a;
 opacity     : 0.25;
}

footer .footerMenu dl>dd>ul>li>a:before {
 /* content        : '・'; */
 font-family : "Font Awesome 5 Free";
 content     : '\f0da';
 font-size   : 15px;
 font-weight : 900;
 margin-right: 4px;
 margin-left : 2px;
 color       : #3a3a3a;
 opacity     : 0.25;
}

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(1)>dl>dt>a::before {
 display: none;
}

#footerCompanyInfo {
 font-size: 15px;
}

/* @media (max-width: 768px) { */
footer>section>div.columns.is-multiline>div>dl {
 margin-bottom: 0;
}

footer>section>div.columns.is-multiline>div>dl>dt {
 margin-bottom: 0;
}

footer>section>div.columns.is-multiline>div>dl>dd {
 margin-bottom : 0;
 padding-bottom: 0;
}

footer>section>div.columns.is-multiline>div {
 margin-bottom : 0;
 padding-bottom: 0;
}

footer>section>div.columns.is-multiline>div>dl>dd>ul {
 margin-bottom : 0;
 padding-bottom: 0;
}

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(1) {}

/* フッターの区切り線 ⇒廃止 */
/* body>footer>section>div:nth-child(2) {
border-top : 1px solid #000;
padding-top: 10px;
} */

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho {
 width      : 320px;
 margin-left: auto;
}

#linkIcons>div>a>img {
 border: 1px solid #CCCCCC;
}

@media (max-width: 1215px) and (min-width: 1024px) {

 /* フッターの長いメニューを１行に収める */
 body>footer>section>div:nth-child(2)>div:nth-child(3)>dl {
  margin-left: -22px;
 }
}

@media (min-width: 1024px) {
 .pcNone {
  display: none;
 }
}

@media (max-width: 1023px) and (min-width: 769px) {
 body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho {
  width      : 100%;
  max-width  : 320px;
  margin-left: 0;
 }

 br.pcNone {
  display: inline-block;
 }

 span.pcNone {
  display: inline-block;
  width  : 2.0rem;
 }
}

@media (max-width: 768px) {
 body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho {
  width      : 100%;
  max-width  : 320px;
  margin-left: 0;
 }

 .pcNone {
  display: none;
 }

 #linkIcons {
  margin-top: 15px;
 }
}

@media (max-width: 320px) {
 body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho {
  width      : 100%;
  margin-left: 0;
 }

 .pcNone {
  display: none;
 }
}

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho {
 /* border: 1px #333 solid; *//* 20240607廃止 */
 border: none;
}

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho td {
 padding       : 4px 0px;
 vertical-align: middle;
 border        : none;
}

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table>tbody>tr>td:nth-child(1) {
 text-align: right;
}

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho td img {
 vertical-align: middle;
}

body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho td p {
 line-height: 1.2;
 padding    : 0;
 margin     : 0;
}

@media (max-width: 320px) {

 body>footer>section>div.columns.is-desktop.is-multiline>div:nth-child(2)>table.ninsho td {
  padding   : 4px 0px;
  text-align: center;
  border    : 1px #333 solid;
  font-size : 12px;
 }
}

/* } */

/* - - - - - - - - - - - - - - - - - - - - - - - 
セクションの背景色
- - - - - - - - - - - - - - - - - - - - - - - */
section#section__profile {
 margin-top        : 32px;
 /* background     : linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 66%, #E7F74B 66%, #E7F74B 100%), */
 background        : linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, #E7F74B 66%, #E7F74B 100%),
  url(../img/top/top_aboutUs_1920x1080.jpg) no-repeat 50% 70%/cover;
 /* url(../img/top/top_aboutUs_1920x1080.jpg) no-repeat 50% 70%/cover; */
 /* background     : linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 66%, #F6F6F6 66%, #F6F6F6 100%); */
 /* background: url(../img/top/40degrees_EAF66A.svg) ; */
 display           : flex;
 justify-content   : center;
 align-items       : center;
 /* width          : 100%;
max-width          : calc(1344px - 40px); */
 margin-left       : auto;
 margin-right      : auto;
 padding           : 20px;
 height            : 600px;
 position          : relative;
}

/* Extra Small (phones) */
@media (max-width: 768px) {
 #section__profile>div>div>div.column.is-4-widescreen.is-6-desktop.is-6-tablet.profileL {
  margin-top: 50px;
 }
}

/* 範囲指定 (iPhone 12 Pro Max) */
@media (max-width: 428px) and (min-width: 428px) {
 section#section__profile {
  /* width          : 100%; */
  /* max-width: calc(1152px - 61px); */
  /* padding: 20px; */
  height: 700px;
 }
}

/* Small devices (tablets) */
@media (min-width: 770px) {}

/* 926px以上はPC版メニュー */
@media (min-width: 926px) {}

/* Medium devices (desktops) */
@media (min-width: 1024px) {
 section#section__profile {
  width    : 100%;
  max-width: calc(1152px - 61px);
  padding  : 20px;
  height   : 400px;
 }
}

/* Large devices (widescreen desktops) */
@media (min-width: 1216px) {
 section#section__profile {
  width    : 100%;
  max-width: calc(1152px - 40px);
  padding  : 20px;
  height   : 400px;
 }
}

/* Extra large devices (fullhd desktops) */
@media (min-width: 1408px) {
 section#section__profile {
  width    : 100%;
  max-width: calc(1344px - 40px);
 }
}



section#section__recruit {
 margin-top        : 32px;
 /* background     : linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 33%, #E7F74B 33%, #E7F74B 100%); */
 background        : linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 33%, #F6F6F6 33%, #F6F6F6 100%);
 display           : flex;
 justify-content   : center;
 align-items       : center;
 width             : 100%;
 height            : 400px;
 position          : relative;
}

section#info {
 background-color: #F2F5F6;
 padding-top     : 3rem;
 padding-bottom  : 3rem;
}

div#news .article__item {
 background-color: #FFFFFF;
 padding         : 1rem;
 border-radius   : 10px;
}

section#about {
 background-color: #FFFFFF;
}

section#works {
 background-color: #F2F5F6;
}

section#work1 {
 background-color: #FFFFFF;
}

section#work2 {
 background-color: #F2F5F6;
}

section#people {
 background-color: #FFFFFF;
}

section#group {
 background-color: #FFFFFF;
}

section#recruit {
 background-color: #FFFFFF;
}

section#recruit__jobtype {
 /* background-color: #FFFFFF; */
 /* background-color: #99AACC; */
 background-color: #DDDDE0;
 /* 濃色 */
}

section#recruit__flow,
section#recruit__flow2 {
 background-color: #F2F5F6;
 background-color: #f1f1f1;
}

section#recruit__flow ul {
 background-color: #FFFFFF;
 padding         : 1rem;
 border-radius   : 10px;
}

section.foot__RECRUIT {
 /* リクルートブルー */
 background-color: #1072A7;
}

.hvr-sweep-to-right {
 background   : #1072A7;
 border-radius: 8px;
}

.hvr-sweep-to-right:before {
 background: darkorange;
}

.footer {
 /* background-color: #DBDBDB; */
 background-color: #FFFFFF;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
フロートしている「採用応募フォーム」ボタン
- - - - - - - - - - - - - - - - - - - - - - - */
#float_btn {
 position            : fixed;
 bottom              : 200px;
 /* bottom           : 45%; */
 /* top              : 500px; */
 /* right            : 20px; */
 /* right            : 50px; */
 right               : 0px;
 font-size           : 1.4rem;
 line-height         : 1.4;
 z-index             : 20;
 /* 縦書きを指定する */
 writing-mode        : vertical-rl;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode    : tb-rl;
}

#float_btn a {
 /* background: #1B5859; */
 /* background     : #182130; */
 background     : #3270AA;
 text-decoration: none;
 color          : #FFFFFF;
 width          : 40px;
 padding        : 8px 10px 6px;
 text-align     : center;
 display        : block;
}

#float_btn a:hover {
 text-decoration   : none;
 /* background     : #3C7B7C; */
 /* background     : #3270AA; */
 background        : darkorange;
}

#float_btn span {
 font-size    : 1.8rem;
 display      : inline-block;
 margin-bottom: 2px;
}

#float_btn span.floatTitle {
 font-size    : 1.25rem;
 display      : block;
 margin-bottom: 3px;
 font-weight  : bold;
}

#float_btn span.floatTitle i {
 display     : inline-block;
 margin-left : auto;
 margin-right: auto;
}

#float_btn span.floatCaption {
 font-size    : 0.75rem;
 display      : block;
 margin-bottom: 3px;
}

@media screen and (max-width: 640px) {
 #float_btn {
  position          : fixed;
  /* bottom         : 0; */
  bottom            : 45%;
  /* right          : 10px; */
  right             : 0px;
  font-size         : 1.2rem;
  line-height       : 1.2;
  /* 横書きに戻す */
  /* writing-mode   : horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode    : lr-tb; */
  /* スマホでは必要ない場合 */
  /* display        : none; */
 }

 #float_btn a {
  /* width  : 90px; */
  width  : 40px;
  padding: 10px 5px;
 }

 #float_btn span {
  font-size: 2.5rem;
 }

}


/* - - - - - - - - - - - - - - - - - - - - - - - 
「TOP」へ戻るボタン
- - - - - - - - - - - - - - - - - - - - - - - */
html {
 scroll-behavior: smooth;
}

.gotop {
 display        : block;
 width          : 60px;
 height         : 60px;
 box-sizing     : border-box;
 background     : #E7F74B;
 border         : 1px solid #E7F74B;
 border-radius  : 30px;
 /* padding-top : 30px; */
 padding-top    : 21px;
 text-align     : center;
 letter-spacing : -1px;
 font-size      : 85%;
 /* font-weight : bold; */
 text-decoration: none;
 color          : #3a3a3a;
 /* opacity     : 0.5; */
 position       : fixed;
 bottom         : 20px;
 right          : 20px;
 z-index        : 10000;
}

.gotop::before {
 content     : "";
 display     : block;
 border-top  : 3px solid #3a3a3a;
 border-right: 3px solid #3a3a3a;
 width       : 25%;
 height      : 25%;
 /* top      : 25%; */
 top         : 20%;
 left        : 0;
 right       : 0;
 margin      : auto;
 position    : absolute;
 transform   : rotate(-45deg);
}

.gotop:hover {
 /* opacity: 1; */
 background: darkorange;
 border    : 1px solid darkorange;
 color     : #FFFFFF;
}

.gotop:hover::before {
 border-top  : 3px solid #FFFFFF;
 border-right: 3px solid #FFFFFF;
}

@media(max-width:750px) {
 .gotop {
  width      : 40px;
  height     : 40px;
  text-indent: -9999px;
  opacity    : 1;
  border     : none;
  background : none;
  bottom     : 10px;
  right      : 10px;
  background : #E7F74B;
  /* border  : 1px solid #E7F74B; */
  border     : 1px solid #FFFFFF;
 }

 .gotop:hover {
  background: darkorange;
  border    : 1px solid #FFFFFF;
 }

 .gotop::before {
  bottom: 5px;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●トップページ
ビデオ
- - - - - - - - - - - - - - - - - - - - - - - */
video {
 margin-bottom: 40px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●トップページ
ニュース欄
- - - - - - - - - - - - - - - - - - - - - - - */
.news__cont .article__item li dl {
 display      : table;
 margin       : 0;
 border-bottom: 1px dotted #9a9a9a;
 padding      : 1rem 0;
 width        : 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●トップページ
企業情報 #section__profile
- - - - - - - - - - - - - - - - - - - - - - - */
#section__profile .profile__box1 {
 text-align         : left;
 /* padding         : 3rem 6rem; */
 /* background-color: #FFFFFF; */
 /* border          : 1px #333333 solid; */
 height             : 100%;
 position           : relative;
}

#section__profile .profile__box1 .profile__box1__title {
 top      : 50%;
 transform: translate(0, -50%);
 position : absolute;
 /* width : 240px; */
}

#section__profile .profile__box1 h2 {
 font-size          : 3.0rem;
 font-weight        : bold;
 color              : #FFFFFF;
 /* background-color: #E7F74B; */
 background         : linear-gradient(transparent 90%, #E7F74B 90%);
 padding            : 3px 10px;
 line-height        : 5.0rem;
 display            : inline;
}

#section__profile .profile__box2 {
 text-align      : left;
 padding         : 3rem 3.5rem;
 background-color: #FFFFFF;
 border          : 1px #333333 solid;
}

#section__profile .profileR p {
 font-size     : 1.6rem;
 font-weight   : normal;
 letter-spacing: -1px;
 margin-top    : 2.4rem;
 margin-bottom : 2.4rem;
}

@media (max-width: 768px) {
 #section__profile {
  height: 550px;
 }

 #section__profile .profile__box1 {
  margin-bottom: 80px;
 }
}

@media (max-width: 414px) {
 #section__profile {
  height: 600px;
 }

 #section__profile .profile__box1 {
  margin-bottom: 50px;
 }

 #section__profile .profile__box1 h2 {
  font-size          : 2.0rem;
  font-weight        : bold;
  /* background-color: #E7F74B; */
  background         : linear-gradient(transparent 90%, #E7F74B 90%);
  padding            : 3px 10px;
  line-height        : 3.5rem;
  display            : inline;
 }

 #section__profile .profile__box2 {
  text-align      : left;
  padding         : 2rem 2rem;
  background-color: #FFFFFF;
  border          : 1px #333333 solid;
 }

 #section__profile .profileR p {
  font-size    : 1.4rem;
  font-weight  : normal;
  margin-top   : 2.0rem;
  margin-bottom: 2.0rem;
 }
}


/* - - - - - - - - - - - - - - - - - - - - - - - 
●トップページ
会社の特徴（４カラム）#section__service
- - - - - - - - - - - - - - - - - - - - - - - */
.fukidashiColumn {
 position: relative;
}

.fukidashiColumn__box {
 position        : absolute;
 border          : 3px solid #FFFFFF;
 background-color: rgba(0, 0, 0, 0.5);
 margin          : auto;
 top             : 0;
 right           : 0;
 bottom          : 0;
 left            : 0;
 text-align      : center;
 padding         : 2rem 2rem 2rem 2rem;
 width           : 320px;
 height          : 320px;
}

.fukidashiColumn__box h5 {
 margin-left : auto;
 margin-right: auto;
}

.fukidashiColumn__box p {
 color         : #FFFFFF;
 font-size     : 75%;
 letter-spacing: -.1px;
}

.fukidashiColumn__box .moreDetail {
 position   : absolute;
 bottom     : 30px;
 margin-left: calc((320px - 2rem - 2rem - 3px - 3px - 168px) / 2);
}

.fukidashiColumn__img img {
 width: 100%;
}

@media screen and (max-width:768px) {
 .fukidashiColumn__box {
  padding: 1rem 1rem 1rem 1rem;
  width  : 300px;
  height : 300px;
 }

 .fukidashiColumn__box p br {
  display: none;
 }

 .fukidashiColumn__box .moreDetail {
  position   : absolute;
  bottom     : 30px;
  margin-left: calc((300px - 1rem - 1rem - 3px - 3px - 168px) / 2);
 }

}

@media screen and (max-width:414px) {
 .fukidashiColumn__box {
  padding: 1rem 1rem 1rem 1rem;
  width  : 240px;
  height : 240px;
 }

 .fukidashiColumn__box h3.fukidashi.box1,
 .fukidashiColumn__box h3.fukidashi.box2,
 .fukidashiColumn__box h3.fukidashi.box3,
 .fukidashiColumn__box h3.fukidashi.box4 {
  margin-top: 1rem;
 }

 .fukidashiColumn__box p {
  line-height     : 1.3;
  margin-top      : 0;
  /* margin-bottom: 0; */
 }

 .fukidashiColumn__box p br {
  display: none;
 }

 .fukidashiColumn__box .moreDetail {
  position   : absolute;
  bottom     : 20px;
  margin-left: calc((240px - 1rem - 1rem - 3px - 3px - 168px) / 2);
 }

}


/* - - - - - - - - - - - - - - - - - - - - - - - 
●トップページ
輸入バッテリー #section__battery
- - - - - - - - - - - - - - - - - - - - - - - */
#section__battery {
 /* background: -webkit-linear-gradient(-20deg, #FFFFFF 50%, #F6F6F6 50%),
url(../img/top/20230221_199_1920x600.jpg) no-repeat 50% 20%/cover; */
 /* background     : linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, #F6F6F6 66%, #F6F6F6 100%),
url(../img/top/******_500x375_50.jpg) no-repeat 20% 70%; */
 background   : linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, #F6F6F6 66%, #F6F6F6 100%);
 height       : 400px;
 margin-top   : 2rem;
 margin-bottom: 2rem;
}

#section__battery .battery__box1 {
 text-align         : left;
 /* padding         : 3rem 5rem; */
 /* background-color: #FFFFFF;
border              : 1px #333333 solid; */
}

/* #section__battery .batteryL {
background     : url(../img/top/******_500x375_50.jpg) no-repeat 0% 0%;
height: 380px;
} */

#section__battery .batteryL .battery__box1 h3 {
 color: #12A03D;
}

#section__battery .batteryL .battery__box1 p {
 font-size    : 1.6rem;
 font-weight  : normal;
 margin-top   : 2.4rem;
 margin-bottom: 2.4rem;
}

#section__battery .batteryL .battery__box1 p i {
 color       : #12A03D;
 margin-right: 0.3rem;
 opacity     : 0.5;
 font-weight : 500;
}

#section__battery .batteryL .battery__box1 p i:not(:first-child) {
 margin-left: 1rem;
}

#section__battery .battery__box2 {
 /* border: 1px solid #333333; */
 padding: 1rem 2rem;
}

#section__battery .battery__box2 table,
#section__battery .battery__box2 table tr,
#section__battery .battery__box2 table tr td {
 border: none;
}

#section__battery .battery__box2 table tr th {
 border    : 2px solid #333333;
 text-align: center;
 background: #FFFFFF;
}

#section__battery .battery__box2 table tr td {
 letter-spacing: -1.5px;
 font-size     : .75em;
 padding       : 0px 0 10px;
}

#section__battery .battery__box2 table tr th strong {
 /* border-bottom: 2px solid #E7F74B; */
 background: linear-gradient(transparent 60%, #E7F74B 60%);
}

@media (max-width: 768px) {
 #section__battery {
  /* height: 600px; */
  height       : 650px;
  /* height    : 750px; */
  margin-bottom: 100px;
 }
}

@media (max-width: 414px) {
 #section__battery {
  height: 600px;
 }

 #section__battery .profile__box1 {
  text-align      : left;
  padding         : 2rem 2rem;
  background-color: #FFFFFF;
  border          : 1px #333333 solid;
 }

 #section__battery .profileL p {
  font-size    : 10.4rem;
  font-weight  : normal;
  margin-top   : 2.0rem;
  margin-bottom: 2.0rem;
 }

 #section__battery>div>div>div.column.is-8-widescreen.is-6-desktop.is-6-tablet.batteryR>div,
 #section__battery .profile__box2 {
  padding: 0;
 }

 #section__battery .battery__box2 table {
  margin-top: 1rem;
 }

 #section__battery .battery__box2 table tr th {
  padding-right: 0;
  padding-left : 0;
  font-size    : 90%;
 }

 #section__battery .battery__box2 table tr td {
  padding  : 10px 2px 2px 2px;
  font-size: 70%;
 }

 #section__battery .battery__box2 table tr td {}
}

@media (max-width: 320px) {

 #section__battery .battery__box2 table tr td span,
 #section__battery .battery__box2 table tr td br {
  display: none;
 }
}


/* - - - - - - - - - - - - - - - - - - - - - - - 
●トップページ
採用情報 #section__recruit
- - - - - - - - - - - - - - - - - - - - - - - */
#section__recruit {
 margin-top   : 100px;
 margin-bottom: 100px;
}

#section__recruit .profile__box1 {
 text-align         : left;
 /* padding         : 3rem 5rem; */
 /* background-color: #FFFFFF; */
 /* border          : 1px #333333 solid; */
}

#section__recruit .profileL p {
 font-size    : 1.6rem;
 font-weight  : normal;
 margin-top   : 2.4rem;
 margin-bottom: 2.4rem;
}

#section__recruit .profile__box2 {
 /* border: 1px solid #333333; */
}

@media (min-width: 1216px) {
 #section__recruit img {
  /* border-left: 10px green solid; */
  /* height: 550px; */
 }
}


@media (max-width: 1216px) {
 section#section__recruit {
  height: 300px;
 }

 #section__recruit>div>div>.profileR {
  /* vertical-align: middle; */
 }

 #section__recruit img {
  /* border-left: 10px yellow solid; */
  /* width: 100%; */
  margin-top: 40px;
 }
}

@media (max-width: 1024px) {
 section#section__recruit {
  height: 300px;
 }

 #section__recruit img {
  /* border-left: 10px red solid; */
  /* height: 550px; */
 }
}

@media (max-width: 768px) {
 #section__recruit {
  height: 550px;
 }

 #section__recruit .container {
  margin-top: 270px;
 }

 #section__recruit img {
  /* border-left: 10px blue solid; */
  margin-top: 0;
 }
}

@media (max-width: 414px) {
 #section__recruit {
  height: 600px;
 }

 #section__recruit .profile__box1 {
  text-align      : left;
  padding         : 2rem 2rem;
  background-color: #FFFFFF;
  border          : 1px #333333 solid;
 }

 #section__recruit .profileL p {
  font-size    : 1.4rem;
  font-weight  : normal;
  margin-top   : 2.0rem;
  margin-bottom: 2.0rem;
 }

 #section__recruit .profile__box2 {
  /* 使っていない */
 }

}


/* - - - - - - - - - - - - - - - - - - - - - - - 
●トップページ
お問い合わせ #section__contact
- - - - - - - - - - - - - - - - - - - - - - - */
#section__contact {
 /* background-image: -webkit-linear-gradient(-20deg, #FFFFFF 50%, #F6F6F6 50%); */
 /* background: url(../img/top/20230221_199_1920x600.jpg); */
 background   : url(../img/top/top_contact_1920x600.jpg) no-repeat 50% 20%/cover;
 height       : 400px;
 margin-top   : 2rem;
 margin-bottom: 2rem;
}

#section__contact .contact__box0 {
 text-align   : center;
 color        : #FFFFFF;
 margin-top   : 50px;
 margin-bottom: 24px;
}

#section__contact .contact__box0 h5.fukidashi {
 margin-left : auto;
 margin-right: auto;
}

#section__contact .contact__box0 h5.fukidashi:before {
 border          : 8px solid;
 border-color    : transparent;
 border-top-color: #FFFFFF;
 margin-left     : -8px;
}

#section__contact .contact__box0 h5.fukidashi:after {
 border             : 5px solid;
 border-color       : transparent;
 /* border-top-color: #4B81DB; */
 border-top-color   : #9ABBE5;
 margin-left        : -5px;
}

#section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box1 {
 text-align: right;
}

#section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box1>.telBox {
 display: inline-block;
}

#section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box1>.telBox>h4 {
 color         : #FFFFFF;
 letter-spacing: normal;
 text-align    : left;
}

#section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box1>.telBox>h4>strong {
 color         : #FFFFFF;
 font-size     : 4rem;
 letter-spacing: normal;
 text-align    : left;
}

#section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box1>.telBox>p {
 color         : #FFFFFF;
 letter-spacing: normal;
 margin-top    : 0;
 margin-bottom : 1.0rem;
 text-align    : left;
}

@media (max-width: 768px) {
 #section__contact {
  height    : 400px;
  margin-top: 270px;
 }

 #section__contact .contact__box0 {
  text-align   : center;
  color        : #FFFFFF;
  margin-top   : 24px;
  margin-bottom: 24px;
 }

 #section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box1,
 #section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box1>.telBox>p,
 #section__contact>.container>.columns>.column.is-6-tablet.contactL>.contact__box2,
 #section__contact>.container>.columns>.column.is-6-tablet.contactR {
  width     : 100%;
  text-align: center;
 }
}

@media (max-width: 414px) {
 #section__contact {
  height: 400px;
 }
}

@media (max-width: 320px) {}


/* - - - - - - - - - - - - - - - - - - - - - - - 
リボン付きのカラム
トップページ「会社の特徴」など
- - - - - - - - - - - - - - - - - - - - - - - */
.ribbonColumn {
 position: relative;
}

.ribbonTitle {
 position   : absolute;
 bottom     : -10px;
 left       : 0;
 height     : 40px;
 padding    : 6px 0 10px 10px;
 word-break : break-all;
 color      : #fff;
 /* ２項目の場合 */
 /* width   : 130px; */
 /* ３項目の場合 */
 width      : 350px;
 background : #3270AA;
 font-size  : 18px;
 font-weight: 500;
}

.ribbonTitle:after {
 content     : "";
 position    : absolute;
 bottom      : 0;
 /* ２項目の場合 */
 /* left     : 130px; */
 /* ３項目の場合 */
 left        : 350px;
 width       : 0;
 height      : 40px;
 border-style: solid;
 border-width: 40px 10px 0 0;
 border-color: #3270AA transparent transparent transparent;
}

.ribbonText {
 margin-top: 38px;
}

.PC_Flex_container {
 display        : flex;
 justify-content: space-around;
}

.PC_Flex_container .box1 {
 width : 33%;
 margin: auto;
}

.PC_Flex_container .box2 {
 width : 33%;
 margin: auto 0.5rem;
}

.PC_Flex_container .box3 {
 width : 33%;
 margin: auto 0.5rem;
}

@media screen and (max-width: 640px) {
 .PC_Flex_container {
  display: block;
 }

 .PC_Flex_container .box1 {
  width    : 50%;
  max-width: 500px;
  margin   : 0 auto;
 }

 .PC_Flex_container .box2 {
  width    : 50%;
  max-width: 500px;
  margin   : 0 auto;
 }

 .PC_Flex_container .box3 {
  width    : 50%;
  max-width: 500px;
  margin   : 0 auto;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
写真の上にテキストエリアが
ずれて重なるレイアウト
- - - - - - - - - - - - - - - - - - - - - - - */
.zurasu {
 position     : relative;
 margin-top   : 20px;
 margin-bottom: 200px;
}

.zurasu .zurasuTop1 {
 /* 文章量に合わせて調整 */
 height: 450px;
}

.zurasu .zurasuTop2 {
 /* 文章量に合わせて調整 */
 height: 450px;
}

.zurasu .zurasuTop3 {
 /* 文章量に合わせて調整 */
 height: 450px;
}

.zurasu .zurasuAbout1 {
 /* 文章量に合わせて調整 */
 height: 450px;
}

.zurasu .zurasuAbout2 {
 /* 文章量に合わせて調整 */
 height: 450px;
}

.zurasu .zurasuWork1 {
 /* 文章量に合わせて調整 */
 height: 650px;
}

.zurasu .zurasuWork2 {
 /* 文章量に合わせて調整 */
 height: 650px;
}

.zurasu .zurasuRecruit1 {
 /* 文章量に合わせて調整 */
 height: 420px;
}

.zurasu .zurasuRecruit2 {
 /* 文章量に合わせて調整 */
 height: 420px;
}

.zurasu .zurasuTextArea {
 position        : absolute;
 left            : 0;
 top             : 230px;
 z-index         : 5;
 background-color: #FFFFFF;
 /* box-shadow   : 0px 10px 10px -6px rgba(0, 0, 0, 0.3); */
 /* box-shadow   : 0 10px 25px 0 rgba(0, 0, 0, .5); */
 box-shadow      : 0 0 6px 0 rgba(0, 0, 0, 0.3);
 padding         : 20px;
 width           : 55%;
}

.zurasuTextArea_reverse {
 position        : absolute;
 right           : 0;
 top             : 230px;
 z-index         : 5;
 background-color: #FFFFFF;
 /* box-shadow   : 0px 10px 10px -6px rgba(0, 0, 0, 0.3); */
 /* box-shadow   : 0 10px 25px 0 rgba(0, 0, 0, .5); */
 box-shadow      : 0 0 6px 0 rgba(0, 0, 0, 0.3);
 padding         : 20px;
 width           : 55%;
}

/* Medium devices (desktops) */
@media (min-width: 1216px) {

 .zurasu .zurasuTextArea,
 .zurasuTextArea_reverse {
  top: 280px;
 }
}

.zurasu .zurasuPhotoArea,
.zurasu .zurasuPhotoArea_reverse {
 position: relative;
}

.zurasu .zurasuPhotoArea img {
 position: absolute;
 right   : 0;
 width   : 60%;
 z-index : 3;
}

/* 1000x1000px用 */
.zurasu .zurasuPhotoArea img {
 width    : 35%;
 max-width: 400px;
}

.zurasu .zurasuPhotoArea_reverse img {
 position: absolute;
 Left    : 0;
 width   : 60%;
 z-index : 3;
}

.zurasu .zurasuLineArea {
 position: absolute;
 Left    : 12.5%;
 top     : 20%;
 width   : 75%;
 height  : 100%;
 z-index : 1;
 border  : 2px solid #DDDDDD;
}

.zurasu .zurasuLineArea_reverse {
 position: absolute;
 right   : 12.5%;
 top     : 15%;
 width   : 75%;
 height  : 100%;
 z-index : 1;
 border  : 2px solid #DDDDDD;
}

.zurasu .zurasuWork1 .zurasuLineArea1,
.zurasu .zurasuWork1 .zurasuLineArea2 {
 height: 60%;
}

.zurasu .zurasuWork2 .zurasuLineArea1_reverse,
.zurasu .zurasuWork2 .zurasuLineArea2_reverse {
 height: 60%;
}

.zurasu .zurasuLineArea img {
 position        : absolute;
 bottom          : -20px;
 right           : -30px;
 width           : 200px;
 z-index         : 5;
 padding         : 4px 8px;
 background-color: #FFFFFF;
}

.zurasu .zurasuLineArea_reverse img {
 position        : absolute;
 bottom          : -20px;
 left            : -30px;
 width           : 200px;
 z-index         : 5;
 padding         : 4px 8px;
 background-color: #FFFFFF;
}

/* TOPのSVGのサイズ */
.zurasu .zurasuTop1 .zurasuLineArea img,
.zurasu .zurasuTop2 .zurasuLineArea_reverse img,
.zurasu .zurasuTop3 .zurasuLineArea img {
 position: absolute;
 width   : 200px;
}

/* ABOUTのSVGのサイズと位置 */
.zurasu .zurasuAbout1 .zurasuLineArea img,
.zurasu .zurasuAbout2 .zurasuLineArea_reverse img {
 position        : absolute;
 width           : 250px;
 bottom          : -30px;
 z-index         : 5;
 padding         : 4px 8px;
 background-color: #FFFFFF;
}

/* WORKSのSVGのサイズと位置 */
.zurasu .zurasuLineArea1 {
 position: absolute;
 Left    : 12.5%;
 top     : 15%;
 width   : 75%;
 height  : 100%;
 z-index : 1;
 border  : 2px solid #DDDDDD;
}

.zurasu .zurasuLineArea2 {
 position : absolute;
 Left     : 12.5%;
 top      : 15%;
 width    : 75%;
 height   : 100%;
 z-index  : 1;
 /* border: 2px solid #DDDDDD; */
}

.zurasu .zurasuLineArea1_reverse {
 position: absolute;
 right   : 12.5%;
 top     : 15%;
 width   : 75%;
 height  : 100%;
 z-index : 1;
 border  : 2px solid #DDDDDD;
}

.zurasu .zurasuLineArea2_reverse {
 position : absolute;
 right    : 12.5%;
 top      : 15%;
 width    : 75%;
 height   : 100%;
 z-index  : 1;
 /* border: 2px solid #DDDDDD; */
}

.zurasu .zurasuLineArea1 img {
 position        : absolute;
 width           : 200px;
 left            : -30px;
 top             : -35px;
 z-index         : 5;
 padding         : 4px 8px;
 background-color: #FFFFFF;
}

.zurasu .zurasuLineArea2 img {
 position        : absolute;
 width           : 100px;
 right           : -30px;
 bottom          : -30px;
 z-index         : 5;
 padding         : 4px 8px;
 background-color: #FFFFFF;
}

.zurasu .zurasuLineArea1_reverse img {
 position        : absolute;
 width           : 200px;
 right           : -30px;
 top             : -35px;
 z-index         : 5;
 padding         : 4px 8px;
 background-color: #FFFFFF;
}

.zurasu .zurasuLineArea2_reverse img {
 position        : absolute;
 width           : 100px;
 left            : -30px;
 bottom          : -30px;
 z-index         : 5;
 padding         : 4px 8px;
 background-color: #FFFFFF;
}

.zurasu img.colored {
 background-color: #F2F5F6;
}

.zurasu .zurasuTextArea>h5,
.zurasu .zurasuTextArea_reverse>h5 {
 font-weight   : bold;
 /* ブルーからモノトーンに変更 */
 /* color      : #3270AA; */
 color         : #333333;
 text-align    : left;
}

.zurasu .zurasuTextArea>h5::before,
.zurasu .zurasuTextArea_reverse>h5::before {
 font-family       : "Font Awesome 5 Free";
 content           : '\f14a';
 /* font-weight    : 400; */
 margin-right      : 4px;
 color             : #3270AA;
}


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

 .zurasu {
  padding-bottom: 50px;
 }

}

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

 .container__inner {
  overflow: hidden;
 }

 .zurasu .zurasuPhotoArea img {
  min-width      : 534px;
  /* margin-right: calc((100vw - 574px - 40px) / 2 + 20px); */
  margin-right   : calc((100vw - 574px) / 2);
  object-fit     : contain
 }

 .zurasu .zurasuPhotoArea_reverse img {
  min-width     : 534px;
  /* margin-left: calc((100vw - 574px - 40px) / 2 + 20px); */
  margin-left   : calc((100vw - 574px) / 2);
  overflow      : hidden;
 }

 footer>section>div.columns.is-multiline>div>dl>dd>ul {
  margin-bottom : 0;
  padding-bottom: 0;
  margin-left   : 0.8rem;
 }

}

@media (min-width: 769px) {

 body>footer>section>div:nth-child(2)>div:nth-child(2)>dl>dt>a,
 body>footer>section>div:nth-child(2)>div:nth-child(3)>dl>dt>a {
  margin-left: -9px;
 }
}

@media screen and (max-width: 768px) {
 footer>section>div.columns.is-multiline>div>dl>dd>ul {
  margin-bottom : 0;
  padding-bottom: 0;
  margin-left   : 0.8rem;
 }
}

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

 .zurasu .zurasuPhotoArea img,
 .zurasu .zurasuPhotoArea_reverse img,
 .zurasu .zurasuPhotoArea,
 .zurasu .zurasuPhotoArea_reverse,
 .zurasu .zurasuTextArea,
 .zurasu .zurasuTextArea_reverse {
  width           : 100%;
  max-width       : 900px;
  /* margin-bottom: 1em; */
 }

 .zurasu .zurasuTextArea,
 .zurasu .zurasuTextArea_reverse {
  /* top: 185px; */
  top: 295px;
 }

 .zurasu .zurasuLineArea,
 .zurasu .zurasuLineArea img,
 .zurasu .zurasuLineArea_reverse,
 .zurasu .zurasuLineArea_reverse img {
  display: none;
 }

 .zurasu .zurasuTop1 {
  /* 文章量に合わせて調整 */
  height: 320px;
 }

 .zurasu .zurasuTop2 {
  /* 文章量に合わせて調整 */
  height: 320px;
 }

 .zurasu .zurasuTop3 {
  /* 文章量に合わせて調整 */
  height: 320px;
 }

 .zurasu .zurasuAbout1 {
  /* 文章量に合わせて調整 */
  /* height: 520px; */
  height: 550px
 }

 .zurasu .zurasuAbout2 {
  /* 文章量に合わせて調整 */
  height: 520px;
 }

 .zurasu .zurasuWork1 {
  /* 文章量に合わせて調整 */
  height: 650px;
 }

 .zurasu .zurasuWork2 {
  /* 文章量に合わせて調整 */
  height: 650px;
 }

 .zurasu .zurasuRecruit1 {
  /* 文章量に合わせて調整 */
  height: 520px;
 }

 .zurasu .zurasuRecruit2 {
  /* 文章量に合わせて調整 */
  height: 520px;
 }

}

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

 /* 1000x1000px用 */
 #about__message>div>div>div.zurasu>div.zurasuAbout1>div.zurasuPhotoArea>img {
  width          : 50vw;
  /* margin-right: calc((100vw - 50vw - 2rem) / 2 - 10px); */
  margin-right   : calc((100% - 50vw) / 2);
 }

 /* 1000x1000px用 */
 #about__message>div>div>div.zurasu>div.zurasuAbout1>div.zurasuTextArea {
  top: 52vw;
 }
}

/* @media screen and (min-width: 401px) and (max-width: 574px) { */
@media screen and (max-width: 574px) {
 .zurasu .zurasuAbout1 {
  /* 文章量に合わせて調整 */
  height: 640px;
 }

 .zurasu .zurasuAbout1 .zurasuTextArea {
  /* 画面が狭い時にはシャドウ効果をなくす */
  box-shadow: none;
 }

 /* 1000x1000px用 */
 #about__message>div>div>div.zurasu>div.zurasuAbout1>div.zurasuPhotoArea>img {
  height         : 70vw;
  /* margin-right: calc((100% - 80vw) / 2); */
 }

 /* 1000x1000px用 */
 #about__message>div>div>div.zurasu>div.zurasuAbout1>div.zurasuTextArea {
  top: 75vw;
 }
}

.zurasu h4.catchphrase__common01 {
 font-size       : 2.4rem;
 font-weight     : 500;
 margin-bottom   : 10px;
 padding-bottom  : 10px;
 /* ブルーからモノトーンに変更 */
 /* color        : #3270AA; */
 color           : #333333;
 border-bottom   : 1px solid #3270AA;
 text-align      : left;
}

.zurasu p {
 text-align: left;
}

.zurasu p.zurasuCopy {
 color      : #4B8EC3;
 font-weight: bold;
 font-weight: 500;
 font-size  : 1.4rem;
}

.zurasu p.zurasuBody {
 /* margin-top: 14px; */
 font-size    : 1.4rem;
 margin-bottom: 0;
}

.zurasu p.zurasuSignature {
 text-align   : right;
 font-size    : 1.4rem;
 margin-bottom: 0;
}

.zurasu p.zurasuSignature span {
 font-size   : 1.2rem;
 display     : inline-block;
 margin-right: 1em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
英字タイトル下の罫線が吹き出し風になった
各セクションの見出し
- - - - - - - - - - - - - - - - - - - - - - - */

h5.fukidashi {
 font-size     : 1.3rem;
 font-weight   : bold;
 position      : relative;
 padding       : 0.4rem 0;
 margin-bottom : 0.2rem;
 border-bottom : 2px solid;
 text-align    : center;
 letter-spacing: 0;
}

#section__profile h5.fukidashi {
 width: 80px;
}

#section__service h5.fukidashi {
 width: 70px;
}

#section__service h5.fukidashi {
 /* color: #FFFFFF; */
}

#section__service h5.fukidashi.box1 {
 width: 170px;
 color: #FFFFFF;
}

#section__service h5.fukidashi.box2 {
 width: 220px;
 color: #FFFFFF;
}

#section__service h5.fukidashi.box3 {
 width: 210px;
 color: #FFFFFF;
}

#section__service h5.fukidashi.box4 {
 width: 150px;
 color: #FFFFFF;
}

#section__recruit h5.fukidashi {
 width: 64px;
}

#section__battery h5.fukidashi {
 width: 240px;
}

#section__contact h5.fukidashi {
 width: 60px;
}

@media screen and (max-width: 768px) {
 h5.fukidashi {
  font-size: 1.2rem;
 }
}

h5.fukidashi:before,
h5.fukidashi:after {
 position: absolute;
 top     : 100%;
 left    : 50%;
 content : "";
 height  : 0;
 width   : 0;
}

h5.fukidashi:before {
 border          : 8px solid;
 border-color    : transparent;
 border-top-color: #333333;
 margin-left     : -8px;
}

#section__service h5.fukidashi.box1:before,
#section__service h5.fukidashi.box2:before,
#section__service h5.fukidashi.box3:before,
#section__service h5.fukidashi.box4:before {
 border          : 8px solid;
 border-color    : transparent;
 border-top-color: #FFFFFF;
 margin-left     : -8px;
}

h5.fukidashi:after {
 border          : 5px solid;
 border-color    : transparent;
 border-top-color: #FFFFFF;
 margin-left     : -5px;
}

#section__service h5.fukidashi.box1:after,
#section__service h5.fukidashi.box2:after,
#section__service h5.fukidashi.box3:after,
#section__service h5.fukidashi.box4:after {
 border          : 5px solid;
 border-color    : transparent;
 border-top-color: #666666;
 margin-left     : -5px;
}

h3.fukidashi {
 font-size  : 2.4rem;
 font-weight: bold;
 margin-top : 2.4rem;
}

#section__service h3.fukidashi,
#section__recruit h3.fukidashi {
 margin-bottom: 3rem;
}

#section__service h3.fukidashi.box1,
#section__service h3.fukidashi.box2,
#section__service h3.fukidashi.box3,
#section__service h3.fukidashi.box4 {
 margin-bottom: 2rem;
 color        : #FFFFFF;
}

@media screen and (max-width: 768px) {
 h3.fukidashi {
  font-size  : 2rem;
  font-weight: bold;
  margin-top : 2.4rem;
 }
}


/* - - - - - - - - - - - - - - - - - - - - - - - 
ボタン（詳しく見る／資料ダウンロード)
会社情報、業務内容、採用情報などで使用可能
- - - - - - - - - - - - - - - - - - - - - - - */

/* TYPE-1 */
.detailBtn {
 padding         : 4px 10px;
 background-color: #FFFFFF;
 border          : 1px solid #314352;
 border-radius   : 6px;
 color           : #314352;
 width           : 202px;
 text-align      : left;
}

.detailBtn:hover {
 background-color: #314352;
 border          : 1px solid #314352;
 border-radius   : 6px;
 color           : #FFFFFF;
}

.detailBtn i {
 margin-left: 85px;
}

/* TYPE-2 */
a.detailBtn2 {
 color         : #333;
 font-size     : 16px;
 /* font-weight: bold; */
 background    : transparent;
 padding       : 8px 30px;
 border        : 1px solid #333;
 border-radius : 6px;
 position      : relative;
 z-index       : 1;
 transition    : 0.3s;
}

a.detailBtn2::before {
 content         : "";
 width           : 100%;
 height          : 100%;
 position        : absolute;
 top             : 0;
 left            : 0;
 z-index         : -1;
 background      : #333;
 transform-origin: 100% 50%;
 transform       : scaleX(0);
 transition      : transform ease 0.3s;
}

/* TYPE-2（:hoverが使える端末を想定） */
@media (hover: hover) {
 a.detailBtn2:hover {
  color: #fff;
 }

 a.detailBtn2:hover::before {
  transform-origin: 0 50%;
  transform       : scaleX(1);
 }
}

/* TYPE-2（:hoverが使えない端末を想定） */
@media (hover: none) {
 a.detailBtn2:active {
  color: #fff;
 }

 a.detailBtn2:active::before {
  transform-origin: 0 50%;
  transform       : scaleX(1);
 }
}

a.detailBtn2 span {
 margin-left: 1.4rem;
}

/* TYPE-3（資料ダウンロード：アイコンをふたつ使う） */
.detailBtn3 {
 padding         : 4px 10px;
 background-color: #FFFFFF;
 border          : 1px solid #314352;
 border-radius   : 6px;
 color           : #314352;
 width           : 202px;
 text-align      : left;
}

.detailBtn3:hover {
 /* background-color: #314352;
border          : 1px solid #314352; */
 background-color: steelblue;
 border          : 1px solid steelblue;
 border-radius   : 6px;
 color           : #FFFFFF;
}

.detailBtn3 i:first-child {
 margin-right: 3px;
}

.detailBtn3 i:last-child {
 margin-left: 17px;
 opacity    : 0.5;
}

/* TYPE-4（個人情報保護方針：アイコンをふたつ使う） */
.detailBtn4 {
 padding         : 4px 10px;
 background-color: #FFFFFF;
 border          : 1px solid #314352;
 border-radius   : 6px;
 color           : #314352;
 width           : 202px;
 text-align      : left;
}

.detailBtn4:hover {
 background-color: #314352;
 border          : 1px solid #314352;
 border-radius   : 6px;
 color           : #FFFFFF;
}

.detailBtn4 i:first-child {
 margin-right: 3px;
 color       : darkorange;
}

.detailBtn4 i:last-child {
 font-weight: 300;
 margin-left: 15px;
 color      : #000000;
 opacity    : 0.25;
}

.detailBtn4:hover i:last-child {
 color  : #FFFFFF;
 opacity: 0.5;
}

/* TYPE-5 */
a.detailBtn5 {
 color         : #333;
 font-size     : 16px;
 /* font-weight: bold; */
 background    : transparent;
 padding       : 8px 30px;
 border        : 1px solid #E7F74B;
 background    : #E7F74B;
 border-radius : 24px;
 position      : relative;
 z-index       : 1;
 transition    : 0.3s;
}

/* TYPE-5（:hoverが使える端末を想定） */
@media (hover: hover) {
 a.detailBtn5:hover {
  color     : #FFFFFF;
  border    : 1px solid darkorange;
  background: darkorange;
 }
}

/* TYPE-5（:hoverが使えない端末を想定） */
@media (hover: none) {
 a.detailBtn5w:active {
  color     : #FFFFFF;
  border    : 1px solid darkorange;
  background: darkorange;
 }
}

a.detailBtn5 span {
 margin-left: 1.4rem;
}

/* TYPE-5w */
a.detailBtn5w {
 color         : #333;
 font-size     : 16px;
 /* font-weight: bold; */
 background    : transparent;
 padding       : 8px 15px;
 border        : 1px solid #FFFFFF;
 background    : #FFFFFF;
 border-radius : 24px;
 position      : relative;
 z-index       : 1;
 transition    : 0.3s;
}

/* TYPE-5（:hoverが使える端末を想定） */
@media (hover: hover) {
 a.detailBtn5w:hover {
  color     : #FFFFFF;
  border    : 1px solid darkorange;
  background: darkorange;
 }
}

/* TYPE-5（:hoverが使えない端末を想定） */
@media (hover: none) {
 a.detailBtn5w:active {
  color     : #FFFFFF;
  border    : 1px solid darkorange;
  background: darkorange;
 }
}

a.detailBtn5w span {
 margin-left: 1.4rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
Blumaのカラムを逆向きにする
columnsに設定する
- - - - - - - - - - - - - - - - - - - - - - - */
.bluma-row-reverse {
 flex-direction: row-reverse;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
インデックスページのレイアウト
/peopleのトップで使用
- - - - - - - - - - - - - - - - - - - - - - - */
h3.contentIndex__Title {
 font-size    : 3.0rem;
 font-weight  : bold;
 margin-bottom: 10px;
 /* color     : #3270AA; */
 color        : #333333;
 border-bottom: 1px solid #3270AA;
 text-align   : left;
}

h3.contentIndex__Title span {
 font-size  : 1.6rem;
 font-weight: normal;
 color      : #999999;
 margin-left: 1.4rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●会社概要
about
- - - - - - - - - - - - - - - - - - - - - - - */

/*----- 会社概要テーブル -----*/
.aboutTable td,
.aboutTable th {
 /* font-size: 16px; */
 font-size: 14px;
}

.aboutCompany__cont table {
 width          : calc(100% - 10px);
 /* border-right: 1px solid #2299e6;
border-left     : 1px solid #2299e6; */
 border-right   : 1px solid #CCCCCC;
 border-left    : 1px solid #CCCCCC;
}

.aboutCompany__cont table td,
.aboutCompany__cont table th {
 /* border-bottom: 1px solid #2299e6;
border-top: 1px solid #2299e6; */
 border-bottom : 1px solid #CCCCCC;
 border-top    : 1px solid #CCCCCC;
 font-size     : 1.4rem;
 vertical-align: middle;
}

.aboutCompany__cont table th {
 /* background-color: #ADE3FF; */
 background-color: #F6F6F6;
 color           : #1072A7;
 opacity         : 0.85;
 text-align      : center;
 font-weight     : 500;
 width           : 20%;
 /* 最低3文字まで許容 */
 min-width       : 75px;
 /* white-space  : nowrap; */
}

.aboutCompany__cont table td {
 width: 80%;
}

.aboutCompany__cont table td ul {
 width     : 90%;
 list-style: none;
 clear     : both;
 overflow  : hidden;
 margin    : 0;
}

.aboutCompany__cont table td ul li {
 float        : left;
 width        : 45%;
 padding-right: 20px;
}

.aboutCompany__cont table td p {
 margin: 0;
}

@media screen and (max-width: 768px) {
 .aboutCompany__cont table {
  /* border: 1px solid #ADE3FF; */
  border: none;
 }

 .aboutCompany__cont table td,
 .aboutCompany__cont table th {
  border: none;
 }

 .aboutCompany__cont table th {
  width  : 100%;
  display: block;
 }

 .aboutCompany__cont table td {
  width           : 100%;
  display         : block;
  /* margin-bottom: 20px; */
  margin-bottom   : 0;
 }

 .aboutCompany__cont table td ul {
  width: 100%;
 }

 .aboutCompany__cont table td ul li {
  float        : none;
  width        : 100%;
  padding-right: 0;
 }

}

/*----- 年表レイアウト -----*/
.timeline {
 list-style  : none;
 /* font-size: 16px; */
 font-size   : 14px;
 /* width    : calc(100% - 10px); */
 margin-left : 10px;
 margin-right: 10px;
}

.timeline>li {
 margin-bottom: 30px;
}

.timeline-date {
 font-weight  : 500;
 color        : #1072A7;
 opacity      : 0.85;
 margin-bottom: 0;
 margin-top   : 1.5rem;
}

@media only screen and (min-width: 601px) {

 /*----- 年表レイアウト -----*/
 .timeline>li {
  overflow: hidden;
  margin  : 0;
  position: relative;
 }

 .timeline-date {
  text-align   : right;
  padding-right: 1rem;
 }

 /* 「和暦 yy年」にする場合 */
 .warekiList .timeline-date {
  width      : 90px;
  float      : left;
  margin     : 1.3rem 0 0;
  font-weight: bold;
 }

 .warekiList .timeline-content {
  width       : 75%;
  float       : left;
  border-left : 3px #ADE3FF solid;
  padding-left: 30px;
 }

 .warekiList .timeline-content:before {
  content      : '';
  width        : 12px;
  height       : 12px;
  background   : #3aa1dd;
  position     : absolute;
  left         : 86px;
  top          : 1.75rem;
  border-radius: 100%;
 }

 /* 西暦で「yyyy年」だけにする場合 */
 .seirekiYYYY .timeline-date {
  width      : 75px;
  float      : left;
  margin     : 1.3rem 0 0;
  font-weight: 500;
 }

 .seirekiYYYY .timeline-content {
  width       : 75%;
  float       : left;
  border-left : 3px #ADE3FF solid;
  padding-left: 15px;
 }

 .seirekiYYYY .timeline-content:before {
  content      : '';
  width        : 12px;
  height       : 12px;
  background   : #3aa1dd;
  position     : absolute;
  left         : 71px;
  top          : 1.75rem;
  border-radius: 100%;
 }

 /* 「yyyy年mm月dd日」にする場合 */
 .seirekiYYYYMMDD .timeline-date {
  width      : 115px;
  float      : left;
  margin     : 1.3rem 0 0;
  font-weight: 500;
 }

 .seirekiYYYYMMDD .timeline-content {
  width         : calc(75% - 30px);
  float         : left;
  /* border-left: 3px #ADE3FF solid; */
  border-left   : 2px #1072A7 solid;
  border-left   : 2px #CCCCCC solid;
  padding-left  : 15px;
 }

 .seirekiYYYYMMDD .timeline-content:before {
  content      : '';
  width        : 12px;
  height       : 12px;
  background   : #3aa1dd;
  opacity      : 0.85;
  position     : absolute;
  left         : 110px;
  top          : 1.75rem;
  border-radius: 100%;
 }

 .timeline-content p {
  margin-top: 1em;
 }

}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●会社概要
アクセス
- - - - - - - - - - - - - - - - - - - - - - - */

/* アンカーリンクのずれの修正 */
#about__access {
 padding-top: 70px;
 margin-top : -70px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●会社概要
企業理念
- - - - - - - - - - - - - - - - - - - - - - - */

.philosophy__main,
.philosophy__main.serif {
 /* ブルーからモノトーンに変更 */
 /* color      : #1072A7; */
 color      : #333333;
 font-size  : 4.0rem;
 margin     : 40px 0;
 font-weight: 500;
 font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.philosophy__main.san-serif {
 color      : #1072A7;
 font-size  : 4.0rem;
 margin     : 40px 0;
 font-weight: 500;
 font-family: "Noto Sans", "Noto Sans CJK JP", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.aboutPhilosophy__cont p {
 font-size : 1.4rem;
 text-align: center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●会社概要
社長あいさつ（経営方針） #about__company1
- - - - - - - - - - - - - - - - - - - - - - - */
#about__company1 {
 background    : #FFFFFF;
 /* background : #F6F6F6; */
 margin-top    : -50px;
 padding-top   : 50px;
 padding-bottom: 64px;
}

#about__company1>.container>.columns>.column>h3 {
 font-weight  : bold;
 padding      : 6px 12px;
 font-size    : 2.0rem;
 border       : 2px solid #333333;
 margin-bottom: 1.6rem;
}

@media (max-width: 768px) {
 #about__company1>.container>.columns>.column>h3 {
  margin-top: 2em;
 }

 #about__company1>.container>.columns {
  margin-bottom: 2em;
 }
}

#about__company1>.container>.columns>.column>h3.shine {
 box-shadow: 4px 4px #E7F74B;
}

#about__company1>.container>.columns>.column>h5 {
 font-weight  : bold;
 color        : #1072A7;
 padding      : 6px 12px 0;
 /* font-size : 2.0rem; */
 margin-bottom: 1.6rem;
}

#about__company1>.container>.columns>.column>p {
 padding-left : 1rem;
 padding-right: 1rem;
}

#about__company1>.container>.columns>.column>p.rightShift {
 padding-left : calc(1rem + 25px);
 padding-right: 1rem;
}

#about__company1>.container>.columns>.column>ul {
 padding-left : 3rem;
 padding-right: 1rem;
}

#about__company1>.container>.columns>.column>ul li {
 list-style            : disc;
 /* list-style-position: inside; */
 font-weight           : bold;
 color                 : #1072A7;
}

#about__company1>.container>.columns>.column>ul li span {
 display: inline-block;
}

#about__company1>.container>.columns>.column>.president {
 text-align   : right;
 padding-right: 1rem;
 font-weight  : bold;
}

#about__company1>.container>.columns>.column>.tableArea {
 background  : #FFFFFF;
 padding     : 2rem;
 width       : 80%;
 margin-left : auto;
 margin-right: auto;
}

@media (max-width: 414px) {
 #about__company1>.container>.columns>.column>.tableArea {
  background  : #FFFFFF;
  padding     : 1rem;
  width       : 100%;
  margin-left : auto;
  margin-right: auto;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●会社概要
会社概要 #about__company2
- - - - - - - - - - - - - - - - - - - - - - - */
#about__company2 {
 background    : #F6F6F6;
 margin-top    : -50px;
 padding-top   : 50px;
 padding-bottom: 64px;
}

#about__company2>.container>.columns>.column>.tableArea {
 background  : #FFFFFF;
 padding     : 2rem;
 width       : 80%;
 margin-left : auto;
 margin-right: auto;
}

#about__company2>.container>.columns>.column>.tableArea>table {
 margin-bottom: 0;
}

#about__company2>.container>.columns>.column>.tableArea>table tr,
#about__company2>.container>.columns>.column>.tableArea>table tr th,
#about__company2>.container>.columns>.column>.tableArea>table tr td {
 border: none;
}

#about__company2>.container>.columns>.column>.tableArea>table tr {
 border-bottom: 1px dashed #1072A7;
 border-bottom: 1px dashed #8BB8CC;
}

#about__company2>.container>.columns>.column>.tableArea>table tr th {
 width    : 10rem;
 font-size: 1.4rem;
}

#about__company2>.container>.columns>.column>.tableArea>table tr td {
 font-size: 1.4rem;
}

#about__company2>.container>.columns>.column>.tableArea>table tr td .shine {
 background-color: #E7F74B;
 padding         : 0 4px 0 4px;
}

#about__company2>.container>.columns>.column>.tableArea>table tr td span {
 display: inline-block;
}

#about__company2>.container>.columns>.column>.tableArea>table tr td a {
 color          : #1072A7;
 text-decoration: underline;
}

#about__company2>.container>.columns>.column>.tableArea>table tr td i {
 color       : #1072A7;
 margin-right: 2px;
}

@media (max-width: 500px) {
 #about__company2>.container>.columns>.column>.tableArea {
  background  : #FFFFFF;
  padding     : 1rem;
  width       : 100%;
  margin-left : auto;
  margin-right: auto;
 }

 #about__company2>.container>.columns>.column>.tableArea>table tr th {
  width        : 8rem;
  padding-left : 10px;
  padding-right: 0px;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●会社概要
事業所一覧 #about__company3
- - - - - - - - - - - - - - - - - - - - - - - */
#about__company3 {
 background    : #FFFFFF;
 margin-top    : -50px;
 padding-top   : 50px;
 padding-bottom: 64px;
}

#about__company3>.container>.columns {
 width       : 80%;
 margin-left : auto;
 margin-right: auto;
}

#about__company3>.container>.columns>.column>.imgArea {
 width       : 80%;
 margin-left : auto;
 margin-right: auto;
}

#about__company3>.container>.columns>.column>.descArea {
 width              : 100%;
 margin-left        : auto;
 margin-right       : auto;
 /* background-color: #F6F6F6;
border              : 1px solid #CCCCCC;
border-radius       : 4px; */
 background-color   : #FFFFFF;
 border             : 2px solid #1072A7;
 border             : 2px solid #8BB8CC;
 /* border-radius   : 4px; */
 padding            : 1rem;
}

#about__company3>.container>.columns>.column>.descArea>h5 {
 font-weight   : bold;
 padding-bottom: 6px;
 border-bottom : 1px dashed #8BB8CC;
 margin-bottom : 12px;
}

#about__company3>.container>.columns>.column>.descArea>h5>.shine {
 /* background: linear-gradient(transparent 50%, #E7F74B 50%); */
 background-color: #E7F74B;
}

#about__company3>.container>.columns.is-tablet.is-multiline>.column>.descArea>.descArea2 {
 padding-left: 12px;
}

#about__company3>.container>.columns.is-tablet.is-multiline>.column>.descArea>.descArea2>span>a {
 color          : #1072A7;
 text-decoration: underline;
 display        : inline-block;
}

#about__company3>.container>.columns.is-tablet.is-multiline>.column>.descArea>.descArea2>.soshikiBtn {
 margin-top   : 5px;
 margin-bottom: 5px;
}

#about__company3>.container>.columns.is-tablet.is-multiline>.column>.descArea>.descArea2>.soshikiBtn a {
 display        : inline-block;
 margin-top     : 6px;
 text-decoration: none;
 padding        : 6px;
 width          : 150px;
}

@media (max-width: 414px) {

 #about__company3>.container>.columns>.column>.imgArea,
 #about__company3>.container>.columns>.column>.descArea {
  width       : 100%;
  margin-left : auto;
  margin-right: auto;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●会社概要
沿革 #about__company4
- - - - - - - - - - - - - - - - - - - - - - - */
#about__company4 {
 background    : #F6F6F6;
 margin-top    : -50px;
 padding-top   : 50px;
 padding-bottom: 64px;
}

#about__company4>.container>.columns>.column>.tableArea {
 background  : #FFFFFF;
 padding     : 2rem;
 width       : 80%;
 margin-left : auto;
 margin-right: auto;
}

#about__company4>.container>.columns>.column>.tableArea>table {
 margin-bottom: 0;
}

#about__company4>.container>.columns>.column>.tableArea>table tr,
#about__company4>.container>.columns>.column>.tableArea>table tr th,
#about__company4>.container>.columns>.column>.tableArea>table tr td {
 border: none;
}

#about__company4>.container>.columns>.column>.tableArea>table tr {
 border-bottom: 1px dashed #1072A7;
 border-bottom: 1px dashed #8BB8CC;
}

#about__company4>.container>.columns>.column>.tableArea>table tr th {
 width    : 10rem;
 width    : 13rem;
 width    : 15rem;
 font-size: 1.4rem;
}

#about__company4>.container>.columns>.column>.tableArea>table tr td {
 font-size: 1.4rem;
}

#about__company4>.container>.columns>.column>.tableArea>table tr td .shine {
 background-color: #E7F74B;
 padding         : 0 4px 0 4px;
}

#about__company4>.container>.columns>.column>.tableArea>table tr td span {
 display: inline-block;
}

#about__company4>.container>.columns>.column>.tableArea>table tr td span.kakkoIndent {
 margin-left: 1rem;
}

#about__company4>.container>.columns>.column>.tableArea>table tr td a {
 color          : #1072A7;
 text-decoration: underline;
}

#about__company4>.container>.columns>.column>.tableArea>table tr td i {
 color       : #1072A7;
 margin-right: 2px;
}

@media (max-width: 500px) {
 #about__company4>.container>.columns>.column>.tableArea {
  background  : #FFFFFF;
  padding     : 1rem;
  width       : 100%;
  margin-left : auto;
  margin-right: auto;
 }

 #about__company4>.container>.columns>.column>.tableArea>table tr th {
  /* width: 8rem; */
  /* width        : 12rem; */
  display       : block;
  width         : 100%;
  padding-left  : 5px;
  padding-right : 2px;
  padding-bottom: 0;
 }

 #about__company4>.container>.columns>.column>.tableArea>table tr td {
  display      : block;
  width        : 100%;
  padding-top  : 6px;
  padding-left : 15px;
  padding-right: 2px;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●業務内容
works
- - - - - - - - - - - - - - - - - - - - - - - */
/* 表題（表示しなくても良い） */
#works__top h4.tit__common10 {
 /* ブルーからモノトーンに変更 */
 /* color: #3270AA; */
 color: #333333;
}

/* 見出し */
#works__top h4.tit__common08 {
 /* ブルーからモノトーンに変更 */
 /* color: #3270AA; */
 color: #333333;
}

/* キャッチコピー（表示しなくても良い） */
#works__top dt.worksIndex__tit {
 font-weight: 500;
 color      : #333333;
}

/* コンテンツの1段ごとの間隔 */
#works__top__cont1 .column,
#works__top__cont2 .column,
#works__top__cont3 .column {
 margin-bottom: 60px;
}

/* 背景色を設定する時はひと回り小さくする */
/* #works__top__cont2 {
padding: 3rem;
background-color: #F6F6F6;
} */

#works__top .hasCorner {
 position: relative;
}

#works__top .hasCorner .cornerTop {
 position        : absolute;
 left            : 0;
 top             : 0;
 display         : inline-block;
 padding         : 6px 9px;
 background-color: #da2226;
 font-size       : 22px;
 font-size       : 2.2rem;
 font-weight     : bold;
 color           : #ffffff;
 line-height     : 1;
 border-right    : 1px solid #FFFFFF;
 border-bottom   : 1px solid #FFFFFF;
}

#works__top .hasCorner .cornerBottom {
 position           : absolute;
 left               : 0;
 bottom             : 0;
 width              : 100%;
 height             : 55px;
 display            : inline-block;
 padding            : 6px 9px;
 /* background-color: #da2226; */
 background-color   : rgba(0, 0, 0, .5);
 font-size          : 22px;
 font-size          : 2.2rem;
 font-weight        : bold;
 color              : #ffffff;
 line-height        : 1;
 /* border-right    : 1px solid #FFFFFF;
border-bottom       : 1px solid #FFFFFF; */
}

@media (max-width: 768px) and (min-width: 640px) {
 #works__top .hasCorner .cornerTop {
  left: calc((100% - 600px) / 2);
 }

 #works__top .columns .column h4.tit__common08 {
  margin-left: calc((100% - 600px) / 2);
  width      : 600px;
 }

 #works__top .columns .column dl {
  margin-left: calc((100% - 600px) / 2);
  width      : 600px;
 }

 #works__top .columns .column a.detailBtn2 {
  left: calc((100% - 600px) / 2);
 }
}

.columns.work__shokai {
 margin-bottom: 6rem;
}

.workTextArea {
 /* position: absolute;
left: 0px;
top: 230px; */
 z-index         : 5;
 background-color: #FFFFFF;
 box-shadow      : 0 0 6px 0 rgba(0, 0, 0, 0.3);
 /* box-shadow   : 0 10px 25px 0 rgba(0, 0, 0, .5); */
 padding         : 30px;
 width           : 100%;
}

.workTextArea p {}

.workTextArea>h4 {
 font-size       : 2.4rem;
 font-weight     : 500;
 margin-bottom   : 10px;
 /* ブルーからモノトーンに変更 */
 /* color        : #3270AA; */
 color           : #333333;
 border-bottom   : 1px solid #3270AA;
 text-align      : left;
}

.workTextArea>h5 {
 font-weight   : bold;
 /* ブルーからモノトーンに変更 */
 /* color      : #3270AA; */
 color         : #333333;
 text-align    : left;
}

.workTextArea>h5::before {
 font-family   : "Font Awesome 5 Free";
 content       : '\f14a';
 /* font-weight: 400; */
 margin-right  : 4px;
 color         : #3270AA;
}

.workTextArea h5+p {
 margin-left  : 1.75rem;
 margin-bottom: 0;
}

.workTextArea p+h5 {
 margin-top: 1.5rem;
}

ul.iconList01 {
 margin-left: 1.75rem;
 margin-top : 0.75rem;
}

ul.iconList01 li {
 text-indent: -1.75rem;
 margin-left: 1.75rem;
 list-style : none;
 line-height: 2.0rem;
}

ul.iconList01 li::before {
 font-family : "Font Awesome 5 Free";
 /* content  : '\f14a'; */
 /* content  : '\f0da'; */
 /* content  : '\f101'; */
 content     : '\f152';
 font-weight : 900;
 margin-right: 4px;
 color       : #3270AA;
 opacity     : 0.5;
}


/* - - - - - - - - - - - - - - - - - - - - - - - 
●業務内容 works
アコーディオン内のスライダーのスタイル
＊スライダーは「slick.js」で実装
- - - - - - - - - - - - - - - - - - - - - - - */
.slider {
 margin   : 30px auto 0;
 max-width: 500px;
 width    : 80%;
}

.slider-img {
 margin: 0 5px;
}

.slider-img img {
 height: auto;
 width : 100%;
}

.slick-slide {
 -webkit-transition: 0.3s ease-in-out;
 transition        : 0.3s ease-in-out;
 transform         : scale(.75);
 opacity           : 0.5;
}

.is--active {
 transform: scale(1);
 opacity  : 1;
}

.slick-slider>button.slick-prev.slick-arrow {
 background-color: red;
}

.slick-slider>button.slick-next.slick-arrow {
 background-color: red;
}

.slick-slider>button.slick-prev.slick-arrow:before {
 content    : '●';
 color      : #999999;
 font-size  : 20px;
 text-indent: 0px;
 position   : absolute;
 top        : 0;
 left       : 0;
}

.slick-slider>button.slick-next.slick-arrow:before {
 content    : '●';
 color      : #999999;
 font-size  : 20px;
 text-indent: 0px;
 position   : absolute;
 top        : 0;
 left       : 0;
}

.slick-arrow {
 color: blue;
}

.slider_item {
 margin-top : 0px;
 font-size  : 150px;
 line-height: 500px;
 text-align : center;
}

.slick-dots {
 /* background: blue; */
 text-align  : center;
 margin      : 0;
 margin-right: 40px;
}

.slick-dots li {
 list-style: none;
 display   : inline-block;
 margin    : 0 15px;
}

.slick-dots li button {
 position   : relative;
 text-indent: -9999px;
 padding    : 0;
 margin     : 0;
 border     : none;
}

.slick-dots li button:before {
 content       : '●';
 color         : #999999;
 font-size     : 20px;
 text-indent   : 0px;
 position      : absolute;
 top           : 0;
 left          : 0;
 pointer-events: none;
}

.slick-dots li.slick-active button:before {
 content       : '●';
 color         : #333333;
 pointer-events: none;
}

@media screen and (max-width: 768px) {
 .slider_item {
  margin-top: 31px;
 }
}

/* .slick-prev,
.slick-next {
width: 60px;
height: 60px;
}

.slick-prev {
left: 0;
margin-left: 10px;
z-index: 1;
}

.slick-next {
right: 0;
margin-right: 10px;
z-index: 1;
} */

/* .slick-prev:before,
.slick-next:before {
font-size: 60px;
color: #fff;
opacity: .5;
} */

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

 /* .slick-prev,
.slick-next {
margin-top: 20px;
width: 40px;
height: 40px;
} */

 /* .slick-prev:before,
.slick-next:before {
font-size: 40px;
color: #fff;
opacity: .5;
} */
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●社員紹介(未使用)
people
- - - - - - - - - - - - - - - - - - - - - - - */
/* 表題（表示しなくても良い） */
#people__top h4.tit__common10 {
 /* ブルーからモノトーンに変更 */
 /* color: #3270AA; */
 color: #333333;
}

#people__top .columns:not(:last-child) {
 margin-bottom: 6rem;
}

#people__top .hasCorner {
 position: relative;
}

#people__top .hasCorner .corner {
 position        : absolute;
 left            : 0;
 top             : 0;
 display         : inline-block;
 padding         : 6px 9px;
 background-color: #da2226;
 font-size       : 22px;
 font-size       : 2.2rem;
 font-weight     : bold;
 color           : #ffffff;
 line-height     : 1;
 border-right    : 1px solid #FFFFFF;
 border-bottom   : 1px solid #FFFFFF;
}

#people__cont1 {
 background-color: #FFFFFF;
}

#people__cont2 {
 background-color: #FFFFFF;
 margin-top      : 4rem;
}

#people__cont2 .tit__common06 {
 color        : #333333;
 font-weight  : 500;
 border-bottom: 1px solid #1072A7;
 margin-bottom: 20px;
 padding      : 0 0 5px 10px;
 border-left  : 16px solid #1072A7;
}

#people__cont2 h5.tit__common06 {
 color    : #333333;
 font-size: 2.4rem;
}

#people__cont2 h5.tit__common06 span {
 color: #1072A7;
}

#people__cont2 p.flow__txt {
 color        : #333333;
 padding-left : 2.4rem;
 margin-bottom: 0;
}

#people__cont2 .flow__icon {
 color        : #1072A7;
 opacity      : 0.5;
 text-align   : left;
 margin-left  : 4.8rem;
 margin-top   : 1rem;
 margin-bottom: 1rem;
}

#people__cont3 {
 background-color: #FFFFFF;
 margin-top      : 4rem;
 margin-bottom   : 3rem;
}

#people__cont3 .catchphrase__common01 {
 color        : #1072A7;
 border-bottom: 1px solid #1072A7;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●採用情報
recruit
- - - - - - - - - - - - - - - - - - - - - - - */

/* 社員募集要項のテーブル および 未使用の青帯部分のsweep */
.hvr-sweep-to-right {
 /* background: #a08200; */
 /* 旧キーカラー */
 /* background      : #1072A7; */
 background         : #E7F74B;
 /* border-radius   : 8px; */
 border-radius      : 28px;
 color              : #4a4a4a !important;
 /* Safariのバグ対応：「   :hover」時に角丸を反映させる */
 font-size          : 1.4rem;

 overflow: hidden;
}

.hvr-sweep-to-right:hover {
 color: #FFFFFF !important;
}

.hvr-sweep-to-right i {
 color      : #4a4a4a !important;
 margin-left: 0.5em;
}

.hvr-sweep-to-right:before {
 /* background: #a08200; */
 background   : darkorange;
 border-radius: 0;
}

.hvr-sweep-to-right:hover i {
 color      : #FFFFFF !important;
 margin-left: 0.5em;
}

/* 採用までの流れ（従来型） */
.recFlow__cont .recFlow__list .recFlow__list--number {
 /* background-color: #cba54b; */
 background-color: darkorange;
 color           : #fff;
 font-weight     : bold;
 padding         : 10px 18px;
 border-radius   : 100px;
 margin-right    : 10px;
}

/* 採用情報の中の会社情報 */
.dl-list__def dt {
 font-weight: bold;
 font-size  : 1.8rem;
}

.dl-list__def dd {
 margin: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●採用情報
募集職種
- - - - - - - - - - - - - - - - - - - - - - - */

.tab6 {
 width    : 100%;
 /*横幅はここで設定します。100%にすれば可変になります。*/
 min-width: 160px;
 margin   : 0 auto;
}

.tab6 .tab-content {
 margin: 0 10px;
}

.tab6 label {
 display: inline-block;
 margin : 0;
 padding: 0;
}

.tab6 label {
 display        : inline-block;
 max-width      : 290px;
 width          : 100%;
 padding        : 15px 10px;
 cursor         : pointer;
 color          : #1072A7;
 margin-right   : -3px;
 text-align     : center;
 font-size      : 2.4rem;
 font-weight    : normal;
 /* border      : 1px solid #2299e6; */
 background     : #eee;
 background     : #FFFFFF;
 border-radius  : 8px;
 margin-right   : 8px;
 margin-bottom  : 8px;
}

.tab6 label:hover {
 background: #eee;
 background: #F6F6F6;
}

.tab6 input:checked+label {
 background: #1072A7;
 color     : #fff;
}

.tab6 input {
 display: none;
}

.tab6 #tab6-b1,
.tab6 #tab6-b2,
.tab6 #tab6-b3 {
 display: none;
 padding: 20px 0 0;
}

.tab6 #tab6-1:checked~#tab6-b1,
.tab6 #tab6-2:checked~#tab6-b2,
.tab6 #tab6-3:checked~#tab6-b3 {
 display         : block;
 box-shadow      : 0 10px 10px -6px rgba(0, 0, 0, 0.3);
 /* box-shadow   : 0 10px 25px 0 rgba(0, 0, 0, .5); */
}

.tab6 #tab6-1:checked~#tab6-b1 table,
.tab6 #tab6-2:checked~#tab6-b2 table,
.tab6 #tab6-3:checked~#tab6-b3 table {
 color           : #3a3a3a;
 background-color: #FAFAFA;
 background-color: #FFFFFF;
}

.tab6 #tab6-1:checked~#tab6-b1 table th,
.tab6 #tab6-2:checked~#tab6-b2 table th,
.tab6 #tab6-3:checked~#tab6-b3 table th {
 /* background-color: #1072A7; */
 background-color   : #ADE3FF;
 background-color   : #DDDDDD;
 background-color   : #F6F6F6;
 text-align         : center;
 /* font-weight     : 300; */
 font-weight        : 500;
 border             : 1px solid #2299e6;
 border             : 1px solid #888888;
 /* color           : #fff; */
 color              : #1072A7;
 padding            : 20px 0;
 width              : 20%;
 vertical-align     : middle;
}

.tab6 #tab6-1:checked~#tab6-b1 table td,
.tab6 #tab6-2:checked~#tab6-b2 table td,
.tab6 #tab6-3:checked~#tab6-b3 table td {
 padding-left  : 20px;
 width         : 80%;
 border        : 1px solid #2299e6;
 border        : 1px solid #888888;
 vertical-align: middle;
}

.tab6 #tab6-1:checked~#tab6-b1 table tr:first-child td,
.tab6 #tab6-1:checked~#tab6-b1 table tr:first-child th,
.tab6 #tab6-2:checked~#tab6-b2 table tr:first-child td,
.tab6 #tab6-2:checked~#tab6-b2 table tr:first-child th,
.tab6 #tab6-3:checked~#tab6-b3 table tr:first-child td,
.tab6 #tab6-3:checked~#tab6-b3 table tr:first-child th {
 font-weight: 600;
 font-size  : 1.8rem;
}

.tab6 #tab6-1:checked~#tab6-b1 table td span,
.tab6 #tab6-2:checked~#tab6-b2 table td span,
.tab6 #tab6-3:checked~#tab6-b3 table td span {
 font-size: 1.4rem !important;
 color    : #888 !important;
}

#recruit__jobtype>div>div.tab6>div>a.disable {
 pointer-events: none;
 opacity       : 0.3;
}

@media (max-width: 768px) {

 .tab6 label {
  width    : 50%;
  font-size: 1.6rem;
 }

 .tab6 #tab6-1:checked~#tab6-b1,
 .tab6 #tab6-2:checked~#tab6-b2,
 .tab6 #tab6-3:checked~#tab6-b3 {
  width           : 100%;
  border          : 1px solid #2299e6;
  border          : 1px solid #CCCCCC;
  background-color: #FAFAFA;
  margin-top      : 20px;
  padding         : 0 15px;
 }

 .tab6 #tab6-1:checked~#tab6-b1 table th,
 .tab6 #tab6-2:checked~#tab6-b2 table th,
 .tab6 #tab6-3:checked~#tab6-b3 table th {
  display            : block;
  width              : 100%;
  background-color   : #fff;
  background-color   : #FAFAFA;
  border             : none !important;
  border-bottom      : 1px solid #003246 !important;
  /* color           : #003246; */
  color              : #1072A7;
  text-align         : left;
  padding-bottom     : 5px;
  font-weight        : 500;
 }

 .tab6 #tab6-1:checked~#tab6-b1 table td,
 .tab6 #tab6-2:checked~#tab6-b2 table td,
 .tab6 #tab6-3:checked~#tab6-b3 table td {
  background-color: #FAFAFA;
  display         : block;
  width           : 100%;
  /* margin-bottom: 30px; */
  margin-bottom   : 0;
  border          : none;
 }

}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●採用情報
採用までの流れ（改良型）
- - - - - - - - - - - - - - - - - - - - - - - */
#recruit__flow2 .column {
 display: flex;
}

#recruit__flow2 ul {
 width           : 100%;
 margin-bottom   : 2rem;
 background-color: #FFFFFF;
 padding         : 1rem;
 border-radius   : 10px;
}

/* 数字部分 */
#recruit__flow2 .recFlow__list--number {
 /* background-color: #cba54b; */
 background-color: darkorange;
 color           : #fff;
 font-weight     : 800;
 padding         : 8px 14px;
 border-radius   : 8px;
 margin-right    : 10px;
 font-size       : 2.0rem;
}

/* 表題部分 */
/* section#recruit__flow ul dt { */
#recruit__flow2 ul dt .recFlow__list--tit {
 font-size  : 2.0rem;
 font-weight: 500;
}

/* 文字部分 */
#recruit__flow2 ul dd {
 margin-top  : 0.5rem;
 line-height : 1.5;
 padding-left: 4.8rem;
 font-size   : 1.4rem;
}

@media (max-width: 768px) {
 #recruit__flow2 ul dd {
  margin-top  : 0.5rem;
  line-height : 1.5;
  padding-left: 5.3rem;
  font-size   : 1.4rem;
 }
}

/* 先端部分 */
@media (min-width: 769px) {
 #recruit__flow2 ul li {
  position: relative;
 }

 #recruit__flow2 .column:not(:last-child) ul li::after {
  content     : "";
  position    : absolute;
  top         : 12px;
  right       : -36px;
  border-width: 10px 15px;
  border-color: transparent transparent transparent #3270AA;
  opacity     : 0.5;
  border-style: solid;
 }

 /* #recruit__flow2 .column:not(:first-child) ul li::before {
content     : "";
position    : absolute;
top         : 12px;
left        : -22px;
border-width: 10px 10px;
border-color: transparent transparent transparent #3270AA;
border-style: solid;
} */

}

@media (max-width: 768px) {
 #recruit__flow2 ul li {
  position: relative;
 }

 #recruit__flow2 .column:not(:last-child) ul li::after {
  content     : "";
  position    : absolute;
  top         : calc(100% + 25px);
  left        : calc((100% - 10px)/2);
  border-width: 10px 10px;
  border-color: #3270AA transparent transparent transparent;
  opacity     : 0.5;
  border-style: solid;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
●採用情報
社員募集要項 #recruit__yoko
- - - - - - - - - - - - - - - - - - - - - - - */
#recruit__yoko {
 background: #F6F6F6;
}

#recruit__yoko>.container>.columns>.column>.tableArea {
 background  : #FFFFFF;
 padding     : 2rem;
 width       : 100%;
 margin-left : auto;
 margin-right: auto;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table {
 margin-bottom: 0;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr,
#recruit__yoko>.container>.columns>.column>.tableArea>table tr th,
#recruit__yoko>.container>.columns>.column>.tableArea>table tr td {
 border: none;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr {
 border-bottom: 1px dashed #1072A7;
 border-bottom: 1px dashed #8BB8CC;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr th {
 width    : 10rem;
 font-size: 1.4rem;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr td {
 font-size: 1.4rem;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr td .shine {
 background-color: #E7F74B;
 padding         : 0 4px 0 4px;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr td span {
 display: inline-block;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr td a {
 /* color: #1072A7; */
 color          : #363636;
 text-decoration: underline;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr td a:hover {
 color          : #FFFFFF;
 text-decoration: underline;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr td i {
 /* color: #1072A7; */
 color       : #363636;
 margin-right: 2px;
}

#recruit__yoko>.container>.columns>.column>.tableArea>table tr td a:hover i {
 color       : #FFFFFF;
 margin-right: 2px;
}

@media (max-width: 414px) {
 #recruit__yoko>.container>.columns>.column>.tableArea {
  background  : #FFFFFF;
  padding     : 1rem;
  width       : 100%;
  margin-left : auto;
  margin-right: auto;
 }

 #recruit__yoko>.container>.columns>.column>.tableArea>table tr th {
  width        : 8rem;
  padding-left : 10px;
  padding-right: 10px;
 }
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
フォーム
（採用・問い合わせ）
- - - - - - - - - - - - - - - - - - - - - - - */

.bg__color--softBlue {
 /* background-color: #f0faff; */
 background-color: #F6F6F6;
}

.required {
 /* background-color: #003246; */
 /* background-color: darkorange; */
 background-color   : red;
 /* border-radius   : 20px; */
 border-radius      : 2px;
 color              : #fff;
 margin-left        : 5px;
 font-weight        : 500;
 padding            : 2px 12px;
 font-size          : 1.4rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
フォーム
（個人情報保護方針）
- - - - - - - - - - - - - - - - - - - - - - - */

/* アンカーリンクのずれの修正 */
#privacyBox {
 padding-top: 70px;
 margin-top : -70px;
}

/* Medium devices (desktops) */
@media (min-width: 1024px) {
 #privacyBox {
  padding-top: 55px;
  margin-top : -55px;
 }
}

#privacyBox .inner {
 overflow  : auto;
 width     : 100%;
 height    : auto;
 max-height: 200px;
 border    : 1px solid #1072A7;
 margin    : 20px 0 40px;
 box-sizing: border-box;

 padding: 10px 15px 20px;
}

#privacyBox__outer {
 padding-top: 70px;
 margin-top : -70px;
}

#privacyBox h4.tit__cont--subPage {
 color        : #1072A7;
 line-height  : 1.6;
 font-size    : 2.8rem;
 font-weight  : 800;
 margin-bottom: 1rem;
}

#privacyBox h5.tit__cont--subPage {
 color         : #1072A7;
 line-height   : 1.2;
 font-size     : 1.8rem;
 /* font-weight: 500; */
 font-weight   : bold;
 margin-bottom : 1rem;
}

#privacyBox p {
 margin-bottom: 2.4rem;
}

#privacyBox p a {
 color: #1072A7;
}

#privacyBox p a:hover {
 color          : #1072A7;
 text-decoration: underline;
}

#privacyBox p i {
 margin-left : 1rem;
 margin-right: 3px;
 color       : #1072A7;
 opacity     : 0.5;
}

#privacyBox .privacyDate {
 text-align: right;
}

#privacyBox .privacyCompany {
 text-align: right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
単独ページ
個人情報保護方針
- - - - - - - - - - - - - - - - - - - - - - - */

#privacy__policy #privacyBox h5.tit__cont--subPage {
 color     : #333333;
 margin-top: 3rem;
}

#privacy__policy #privacyBox {
 width      : calc(100% - 10px);
 margin-left: 5px;
}

/* Medium devices (desktops) */
@media (min-width: 640px) {

 #privacy__policy #privacyBox {
  width      : calc(100% - 60px);
  margin-left: 30px;
 }

}

/* - - - - - - - - - - - - - - - - - - - - - - - 
お問い合わせフォーム　採用応募フォーム
noticeInfo
- - - - - - - - - - - - - - - - - - - - - - - */

.noticeInfo {
 margin-bottom: 2em;
}

.noticeInfo>i:first-child,
.noticeInfo>svg:first-child {
 /* color: #004bb9; */
 color       : #1072A7;
 margin-right: 0.125em;
}

.noticeInfo>i:not(:first-child),
.noticeInfo>svg:not(:first-child) {
 color      : #3a3a3a;
 opacity    : 0.3;
 margin-left: 0.5em;
}

.noticeInfo a {
 font-weight: bold;
 color      : #1072A7;
}

.noticeInfo a:hover {
 text-decoration: underline;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
お問い合わせ
Inquiry
- - - - - - - - - - - - - - - - - - - - - - - */

/*----- お問い合わせ先テーブル -----*/

#inquiry__list h5 {
 font-size     : 1.6rem;
 font-weight   : bold;
 margin-bottom : 12px;
 color         : #666666;
 border-bottom : #CCCCCC 1px solid;
 padding-bottom: 5px;
}

#inquiry__list p {
 font-size: 1.4rem;
}

#toiawase2,
#toiawase3 {
 margin-top: 30px;
}

#toiawase1 i,
#toiawase2 i,
#toiawase3 i {
 font-size  : 2rem;
 color      : #666666;
 margin-left: 10px;
 opacity    : 0.5;
}

.inquiryTable td,
.inquiryTable th {
 /* font-size: 16px; */
 font-size: 14px;
}

.inquiryList__cont table {
 /* width: calc(100% - 10px); */
 width       : calc(100% - 50px);
 margin-left : 20px;
 border-right: 1px solid #CCCCCC;
 border-left : 1px solid #CCCCCC;
}

.inquiryList__cont table th,
td {
 border-bottom: 1px solid #CCCCCC;
 border-top   : 1px solid #CCCCCC;
}

.inquiryList__cont table th {
 background-color: #F6F6F6;
 color           : #333333;
 text-align      : left;
 font-weight     : bold;
 font-size       : 1.4rem;
 width           : 70%;
}

.inquiryList__cont table th span {
 font-size  : 1.2rem;
 font-weight: normal;
}

.inquiryList__cont table td {
 font-size     : 2.0rem;
 /* font-weight: bold; */
 vertical-align: middle;
 width         : 30%;
}

.inquiryList__cont table td ul {
 width     : 90%;
 list-style: none;
 clear     : both;
 overflow  : hidden;
 margin    : 0;
}

.inquiryList__cont table td ul li {
 float        : left;
 width        : 45%;
 padding-right: 20px;
}

.inquiryList__cont table td p {
 margin: 0;
}

@media screen and (max-width: 768px) {
 .inquiryList__cont table {
  border: 1px solid #CCCCCC;
 }

 .inquiryList__cont table th,
 td {
  border: none;
 }

 .inquiryList__cont table th {
  width  : 100%;
  display: block;
 }

 .inquiryList__cont table td {
  width        : 100%;
  display      : block;
  margin-bottom: 20px;
 }

 .inquiryList__cont table td ul {
  width: 100%;
 }

 .inquiryList__cont table td ul li {
  float        : none;
  width        : 100%;
  padding-right: 0;
 }

}

/* - - - - - - - - - - - - - - - - - - - - - - - 
アコーディオン表現
- - - - - - - - - - - - - - - - - - - - - - - */

/*----- TYPE-A -----*/
#accordion_A .acd-check {
 display: none;
}

#accordion_A .acd-label {
 background   : #0068b7;
 color        : #fff;
 display      : block;
 margin-bottom: 0;
 padding      : 10px;
 position     : relative;
}

#accordion_A .acd-label {
 cursor: pointer;
}

#accordion_A .acd-label:after {
 background : #00479d;
 box-sizing : border-box;
 content    : '\f067';
 display    : block;
 font-family: "Font Awesome 5 Free";
 height     : 45px;
 padding    : 10px 20px;
 position   : absolute;
 right      : 0;
 top        : 0;
}

#accordion_A .acd-content {
 border       : 1px solid #CCCCCC;
 display      : block;
 height       : 0;
 opacity      : 0;
 padding      : 0 10px;
 margin-bottom: 15px;
 transition   : 0.5s;
 visibility   : hidden;
}

#accordion_A .acd-check:checked+.acd-label:after {
 content: '\f068';
}

#accordion_A .acd-check:checked+.acd-label+.acd-content {
 height    : auto;
 opacity   : 1;
 padding   : 10px;
 visibility: visible;
}

#accordion_A .acd-content td,
#accordion_A .acd-content th {
 border   : none;
 padding  : 1.0rem;
 font-size: 1.4rem;
}

#accordion_A .acd-content td,
#accordion_A .acd-content th {
 /* border-bottom: 1px solid #CCCCCC; */
 vertical-align: middle;
 border-top    : 1px solid #00479d;
}

#accordion_A .acd-content tr:last-child td,
#accordion_A .acd-content tr:last-child th {
 border-bottom: 1px solid #00479d;
}

#accordion_A .acd-content th {
 white-space     : nowrap;
 background-color: #CCCCCC;
}

#accordion_A .acd-content tr:first-child th {
 background-color: #00479d;
 color           : #FFFFFF;
}

#accordion_A .acd-content tr:first-child td {
 font-weight: bold;
}

/*----- TYPE-B -----*/
#acdB1,
#acdB2,
#acdB3,
#acdB4,
#acdB5 {
 /* 「/works/index.html」においてヘッダーとフッターにあるページ内リンクで、
最初と最後(4番目)のサブメニューでは問題ないが、2番目と3番目のサブメニューで
本来あるべき上のアコーディオンが見切れてしまう問題に対応。(230127) */
 overflow: hidden;
}

#accordion_B .acd-check {
 display: none;
}

#accordion_B .acd-label {
 background   : #0068b7;
 color        : #fff;
 display      : block;
 margin-bottom: 0;
 padding      : 10px;
 position     : relative;
}

#accordion_B .acd-label {
 cursor: pointer;
}

#accordion_B .acd-label:after {
 /* background: #00479d; */
 /* アイコンの下の薄い帯は廃止：アイコンは黄色にする */
 /* background : rgba(0, 0, 0, 0.5); */
 color         : #E7F74B;
 box-sizing    : border-box;
 /* content    : '\f067'; */
 content       : '\f078';
 display       : block;
 font-family   : "Font Awesome 5 Free";
 height        : calc(150px + 20px);
 padding       : 10px 20px;
 position      : absolute;
 right         : 0;
 top           : 0;
}

#accordion_B .acd-content {
 border          : 1px solid #CCCCCC;
 display         : block;
 /* height       : 10px; */
 height          : 0;
 opacity         : 0;
 padding         : 0 30px;
 margin-bottom   : 15px;
 transition      : 0.5s ease-out;
 visibility      : hidden;
}

#accordion_B .acd-check:checked+.acd-label:after {
 /* content: '\f068'; */
 content: '\f077';
}

#accordion_B .acd-check:checked+.acd-label+.acd-content {
 height       : auto;
 opacity      : 1;
 /* padding   : 30px; */
 padding      : 20px 30px 30px;
 visibility   : visible;
}

/* テーブルのデザイン */
#accordion_B .acd-content td,
#accordion_B .acd-content th {
 border        : none;
 /* padding    : 1.0rem; */
 padding       : 1.0rem 0.5rem;
 font-size     : 1.4rem;
 vertical-align: top;
}

#accordion_B .acd-content td,
#accordion_B .acd-content th {
 border-top: 1px dashed #8BB8CC;
}

#accordion_B .acd-content tr:last-child td,
#accordion_B .acd-content tr:last-child th {
 /* border-bottom: 1px solid #00479d;
border-bottom: 1px dashed #1072A7; */
 border-bottom: 1px dashed #8BB8CC;
}

/* #accordion_B .acd-content th {
white-space     : nowrap;
background-color: #CCCCCC;
} */

/* #accordion_B .acd-content tr:first-child th {
background-color: #00479d;
color           : #FFFFFF;
} */

/* #accordion_B .acd-content tr:first-child td {
font-weight: bold;
} */

/* テーブルの横スクロール */
table.scroll {
 width                     : 100%;
 table-layout              : inherit;
 white-space               : inherit;
 -webkit-overflow-scrolling: touch;
 /* スマホでなめらかスクロール */
}

@media (max-width: 768px) {
 table.scroll {
  overflow-x : scroll;
  /* 横スクロール処理 */
  white-space: nowrap;
  /* 自動改行させない */
  display    : block;
 }
}

#accordion_B .menu_barB1 {
 background-image   : url("../img/works/tab_1_1920x1080.jpg");
 background-size    : cover;
 background-position: center;
 line-height        : 150px;
 font-size          : 2.0rem;
 text-decoration    : none;
 text-shadow        : -1px 1px 6px rgba(0, 0, 0, 0.8);
 color              : #fff;
 /* margin-bottom   : 20px; */
}

#accordion_B .menu_barB2 {
 background-image   : url("../img/works/tab_2_1920x1080.jpg");
 background-size    : cover;
 background-position: center;
 line-height        : 150px;
 font-size          : 2.0rem;
 text-decoration    : none;
 text-shadow        : -1px 1px 6px rgba(0, 0, 0, 0.8);
 color              : #fff;
 /* margin-bottom   : 20px; */
}

#accordion_B .menu_barB3 {
 background-image   : url("../img/works/tab_3_1920x1080.jpg");
 background-size    : cover;
 background-position: center;
 line-height        : 150px;
 font-size          : 2.0rem;
 text-decoration    : none;
 text-shadow        : -1px 1px 6px rgba(0, 0, 0, 0.8);
 color              : #fff;
 /* margin-bottom   : 20px; */
}

#accordion_B .menu_barB4 {
 background-image   : url("../img/works/tab_4_1920x1080.jpg");
 background-size    : cover;
 background-position: center;
 line-height        : 150px;
 font-size          : 2.0rem;
 text-decoration    : none;
 text-shadow        : -1px 1px 6px rgba(0, 0, 0, 0.8);
 color              : #fff;
 /* margin-bottom   : 20px; */
}

#accordion_B .menu_barB5 {
 background-image   : url("../img/dummy/fromPDF_220202_01_1000x550.png");
 background-size    : cover;
 background-position: center;
 line-height        : 150px;
 font-size          : 2.0rem;
 text-decoration    : none;
 text-shadow        : -1px 1px 6px rgba(0, 0, 0, 0.8);
 color              : #fff;
 /* margin-bottom   : 20px; */
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
業務内容（accordion_Bを使用）
- - - - - - - - - - - - - - - - - - - - - - - */
/*基本部分*/
#acdB1,
#acdB2,
#acdB3,
#acdB4,
#acdB5 {
 margin-top : -70px;
 padding-top: 70px;
}

.worksTitleJ {
 display    : inline-block;
 margin-left: 32px;
}

.worksTitleE {
 display    : inline-block;
 margin-left: 1em;
 font-size  : 75%;
 font-weight: normal;
}

#accordion_B h3.contentIndex__neonTitle {
 font-weight  : bold;
 padding      : 6px 12px;
 font-size    : 2.0rem;
 border       : 2px solid #333333;
 margin-bottom: 1.6rem;
 box-shadow   : 4px 4px #E7F74B;
 width        : auto;
}

#accordion_B p {
 font-size: 1.4rem;
}

@media (max-width: 768px) {
 .worksTitleJ {
  margin-left   : 16px;
  margin-top    : 46px;
  line-height   : 26px;
  vertical-align: top;
 }

 .worksTitleE {
  margin-left: 0;
  line-height: 20px;
 }
}

/* グレーの囲みがあるテーブル */
.worksTable__cont {
 background: #F6F6F6;
 padding   : 4rem;
 width     : 100%;
}

.worksTable__cont .container {
 background    : #FFFFFF;
 width         : 100%;
 margin-left   : auto;
 margin-right  : auto;
 padding-top   : 1em;
 padding-bottom: 1em;
}

.worksTable__cont>div>div>div>div>table {
 margin-bottom: 0;
}

.worksTable__cont>div>div>div>div>table>tbody>tr:nth-child(2)>td:nth-child(1) {
 border-top: none;
}

@media (max-width: 768px) {
 .worksTable__cont {
  background: #F6F6F6;
  padding   : 1rem;
  width     : 100%;
 }

 .worksTable__cont .container {
  background  : #FFFFFF;
  width       : 100%;
  margin-left : auto;
  margin-right: auto;
 }
}

/* 横3点の写真 */
.worksPhoto3__cont h4 {
 font-weight  : bold;
 font-size    : 1.6rem;
 padding      : 3px 10px 3px 0;
 margin-bottom: 16px;
 ;
 line-height: 3.0rem;
 display    : inline-block;
}

.worksPhoto3__cont h4 .shine {
 background: linear-gradient(transparent 50%, #E7F74B 50%);
}

.worksPhoto3__cont h5 {
 font-weight  : bold;
 font-size    : 1.4rem;
 border-left  : 4px solid #E7F74B;
 padding-left : 0.5rem;
 margin-top   : 0.5rem;
 margin-bottom: 1rem;
}

/* 2カラムの右側が写真 */
.works2column__cont {
 margin-top: 32px;
 background: #FFFFFF;
 padding   : 4rem;
 padding   : 2rem;
 width     : 100%;
 border    : 2px solid #333333;
}

.works2column__cont h4 {
 font-size  : 2.0rem;
 font-weight: bold;
 /* padding : 3px 10px;
line-height : 3.0rem;
display     : inline-block; */
}

.works2column__cont h4>.shine {
 background: linear-gradient(transparent 50%, #E7F74B 50%);
}

.works2column__cont p {
 margin-top   : 16px;
 margin-bottom: 0;
}

.works2column__cont p.is-right {
 margin-top: 8px;
 text-align: right;
}

@media (max-width: 768px) {
 .works2column__cont {
  background: #FFFFFF;
  padding   : 0;
  width     : 100%;
 }

 .works2column__cont .container {
  background  : #FFFFFF;
  width       : 100%;
  margin-left : 0;
  margin-right: 0;
  padding     : 0.75em;
 }
}

/* スライド */
/* （準備中） */

/* お問い合わせ(Type-A) */
br.onlySP {
 display: none;
}

.worksAskTypeA__cont>.columns>.column>.telBox {
 padding-left: 1em;
}

.worksAskTypeA__cont>.columns>.column>.telBox>p:first-child {
 font-weight: bold;
 line-height: 1.0;
 font-size  : 100%;
}

.worksAskTypeA__cont>.columns>.column>.telBox>p:not(:last-child) {
 margin-bottom: 0;
}

.worksAskTypeA__cont>.columns>.column>.telBox>h4 {
 font-size     : 1.4rem;
 letter-spacing: normal;
 font-weight   : normal;
}

.worksAskTypeA__cont>.columns>.column>.telBox>h4>strong {
 font-size     : 4rem;
 letter-spacing: normal;
 font-weight   : bold;
 line-height   : 1.0;
}

.worksAskTypeA__cont>.columns>.column>.askBox {
 text-align   : center;
 padding-top  : 6px;
 /* border-top: 1px dashed #8BB8CC; */
}

.worksAskTypeA__cont>.columns>.column.typeB {
 border-left: 1px dashed #8BB8CC;
}

.worksAskTypeA__cont>div.columns.is-tablet>div.column.typeB>div>div>a {
 margin-left: 50px;
 margin-top : 10px;
}

@media (max-width: 767px) {
 .worksAskTypeA__cont>.columns>.column>.telBox>p:first-child {
  margin-bottom: 6px;
 }

 br.onlySP {
  display: block;
 }

 .worksAskTypeA__cont>.columns>.column>.telBox>h4>strong {
  font-size     : 3rem;
  letter-spacing: normal;
  font-weight   : bold;
  line-height   : 1.0;
 }

 .worksAskTypeA__cont>.columns>.column>.askBox {
  margin: 0;
 }
}

@media (max-width: 768px) {
 .worksAskTypeA__cont>div.columns.is-tablet>div.column.typeB>div>div>a {
  margin-top : 0;
  margin-left: 0;
 }

 .worksAskTypeA__cont>.columns>.column .askBox {
  border-top: none;
 }

 .worksAskTypeA__cont>.columns>.column.typeB {
  border-left: none;
 }
}



/* - - - - - - - - - - - - - - - - - - - - - - - 
バッテリー　#page__battery
- - - - - - - - - - - - - - - - - - - - - - - */
/*基本部分*/
#page__battery h3.contentIndex__neonTitle {
 font-weight  : bold;
 padding      : 6px 12px;
 font-size    : 2.0rem;
 border       : 2px solid #333333;
 margin-bottom: 1.6rem;
 box-shadow   : 4px 4px #E7F74B;
 width        : auto;
 margin-top   : 36px;
}

#page__battery h4.greenTitle {
 font-weight: bold;
 padding    : 0px 0px 12px;
 font-size  : 2.0rem;
 color      : #12A03D;
}

#page__battery h5.contentIndex__Title {
 background : #E7F74B;
 padding    : 10px;
 font-weight: bold;
 text-align : center;
 width      : calc(100% - 40px);
 margin-left: 20px;
}

#page__battery #page__battery-2 .textBox_gy {
 position: relative;
}

#page__battery #page__battery-2 p {
 background: #EEEEEE;
 padding   : 40px 20px 20px;
 position  : relative;
 margin-top: -7px;
}

/* Small devices (tablets) */
@media (min-width: 770px) {
 #page__battery #page__battery-2 p {
  min-height: 140px !important;
 }
}

#page__battery #page__battery-2 .textBox_gy h5 {
 position: absolute;
 bottom  : -17px;
 z-index : 10;
}

#page__battery-3>div>div.columns.is-multiline>div>h4 {
 font-weight: bold;
 padding    : 0px 0px 12px;
 font-size  : 2.0rem;
 color      : #12A03D;
}

/*テーブルのはみ出す要素を横スクロールで表示*/
.table-scroll {
 overflow-x: auto;
}

.scrollTabellComment {
 color         : #999999;
 font-size     : 0.8em;
 margin-bottom : 12px;
 letter-spacing: -0.1px;
}

#page__battery-4>div>div>table>tbody>tr>th {
 background-color: #BCE1D2;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(1)>th:nth-child(1) {
 white-space: nowrap;
}

#page__battery-4>div>div>table>tbody>tr>td.b-black {
 font-weight: bold;
}

#page__battery-4>div>div>table>tbody>tr>td.b-red {
 font-weight: bold;
 color      : crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(1)>th:nth-child(4) {
 border-left: 2px solid crimson;
 border-top : 2px solid crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(1)>th:nth-child(5) {
 border-top: 2px solid crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(1)>th:nth-child(6) {
 border-right: 2px solid crimson;
 border-top  : 2px solid crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(2)>td.b-black {
 border-left: 2px solid crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(2)>td:nth-child(6) {
 border-right: 2px solid crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(3)>td.b-black {
 border-left  : 2px solid crimson;
 border-bottom: 2px solid crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(3)>td:nth-child(5) {
 border-bottom: 2px solid crimson;
}

#page__battery-4>div>div:nth-child(2)>table>tbody>tr:nth-child(3)>td:nth-child(6) {
 border-right : 2px solid crimson;
 border-bottom: 2px solid crimson;
}

#page__battery-4>div>div>table>tbody>tr>th br {
 display: none;
}

/* Small devices (tablets) */
@media (max-width: 770px) {
 #page__battery-4>div>div.scroll>table {
  width: 100%;
 }

 #page__battery-4>div>div.scroll {
  overflow     : auto;
  /*tableをスクロールさせる*/
  white-space  : nowrap;
  /*tableのセル内にある文字の折り返しを禁止*/
  margin-bottom: 20px;
 }

 .scroll::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 5px;
 }

 .scroll::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background: #F1F1F1;
 }

 .scroll::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background: #BCBCBC;

 }

 #page__battery-4>div>div>table>tbody>tr>th br {
  display: block;
 }
}

#page__battery-4>div>p {
 padding-left: 1em;
}

#page__battery-4>div>p>strong {
 font-weight: bold;
 color      : crimson;
}



/* - - - - - - - - - - - - - - - - - - - - - - - 
レスポンシブ追加修正
Blumaのブレイクポイント毎の修正
- - - - - - - - - - - - - - - - - - - - - - - */

/* Extra Small (phones) */

/* Small devices (tablets) */
@media (min-width: 770px) {}

/* 926px以上はPC版メニュー */
@media (min-width: 926px) {}

/* Medium devices (desktops) */
@media (min-width: 1024px) {
 .worksIndex__outer img {
  display: block;
  margin : 0 auto 4px 0;
 }
}

/* Large devices (widescreen desktops) */
@media (min-width: 1216px) {}

/* Extra large devices (fullhd desktops) */
@media (min-width: 1408px) {}