@charset "utf-8";
/* CSS Document */


/* @ Webフォント設定
---------------------------------------------------------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
    url('https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
    url('https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
    url('https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  src: url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-solid-900.eot");
  src: url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-solid-900.woff2") format("woff2"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-solid-900.woff") format("woff"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-solid-900.ttf") format("truetype"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
  font-family: 'Font Awesome 5 Regular';
  font-style: normal;
  font-weight: 400;
  src: url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-regular-400.eot");
  src: url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-regular-400.woff2") format("woff2"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-regular-400.woff") format("woff"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-regular-400.ttf") format("truetype"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-brands-400.eot");
  src: url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-brands-400.woff2") format("woff2"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-brands-400.woff") format("woff"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-brands-400.ttf") format("truetype"),
    url("https://www.itohdenki.co.jp/wp-content/themes/original/css/fonts/fa-brands-400.svg#fontawesome") format("svg");
  ;
}

/* ============================================================================
  基本設定
============================================================================ */
::selection {
  background-color: #d6ab00;
  color: #FFF;
  /* Safari */
}

::-moz-selection {
  background-color: #d6ab00;
  color: #FFF;
  /* Firefox */
}

a {
  text-decoration: none;
}

hr {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  border: 0;
  width: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

img {
  vertical-align: bottom;
}

a {
  color: #333;
}

a:hover {
  text-decoration: underline;
}

body {
  font-size: 80%;
}

/*見出し*/
h1.i-logo {
  width: 335px;
  height: 39px;
  float: left;
}

h1.l70th {
  width: 231px;
  height: 39px;
  float: left;
}

h1.75th {
  width: 250px;
  height: 70px;
  float: left;
}

h2 {
  border: 1px solid #ccc;
  padding: 1px 1px 1px 0;
  margin-bottom: 20px;
}

h2 span {
  display: block;
  background: #eaeaea url(../image/h2-bg.png) repeat-x left top;
  font-size: 20px;
  color: #121317;
  padding: 10px 15px;
  min-height: 33px;
  font-weight: bold;
  border-left: 4px solid #0192d3;
}

h2.none {
  border: none;
  padding: 0;
}

h2.none span {
  display: inline;
  background: none;
  font-size: 1.2em;
  padding: 0;
  min-height: auto;
  border-left: none;
}

.main h3,
.main h4 {
  margin-bottom: 20px;
}

.main h3 {
  border-top: 2px solid #0168b5;
  border-bottom: 1px solid #dbebfa;
  color: #19266c;
  font-size: 1.2em;
  font-weight: bold;
}

.main h3 span {
  background: url(../image/h3band-bg.png) repeat left top;
  padding: 10px 10px 10px 13px;
  display: block;
}

.main h3.none {
  border: none;
}

.main h3.none span {
  background: none;
  padding: 0;
  display: inline;
}

.main h4 {
  background-image: url(../image/md_bg001.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 0 10px 10px 0;
  font-size: 120%;
}

.main h4 span {
  border-left: 5px solid #134a8e;
  padding: 1px 10px 2px 10px;
  margin-bottom: 5px;
}

h4.yellow {
  background-image: url(../image/md_bg001.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  display: block;
  padding: 0 10px 10px 0;
  font-size: 140%;
}

h4.yellow span {
  border-left: 5px solid #e8c30c;
  padding: 5px 10px 3px 10px;
}

h4.none {
  background: none;
  padding: 0;
  font-size: 120%;
}

h4.none span {
  border-left: none;
  padding: 0;
}

h6 {
  margin-top: 5px;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}


/* @ エディタ用style
----------------------------------------------------------------------------- */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

a:hover img.opacity,
a.opacity:hover img {
  filter: alpha(opacity="80");
  /* for IE6-IE7 */
  -ms-filter: alpha(opacity="80");
  /* for IE8 */
  opacity: 0.8;
}

.taL {
  text-align: left;
}

.taC {
  text-align: center;
}

.taR {
  text-align: right;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  margin: 0 auto;
  display: block;
}

.seo {
  font-weight: normal;
  font-style: normal;
}

.frame {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 4px;
}

.mgnT0 {
  margin-top: 0 !important;
}

.mgnR0 {
  margin-right: 0 !important;
}

.mgnB0 {
  margin-bottom: 0 !important;
}

.mgnL0 {
  margin-left: 0 !important;
}

.mgnT10 {
  margin-top: 10px !important;
}

.mgnR10 {
  margin-right: 10px !important;
}

.mgnB10 {
  margin-bottom: 10px !important;
}

.mgnL10 {
  margin-left: 10px !important;
}

.mgnT20 {
  margin-top: 20px !important;
}

.mgnR20 {
  margin-right: 20px !important;
}

.mgnB20 {
  margin-bottom: 20px !important;
}

.mgnL20 {
  margin-left: 20px !important;
}

.mgnB30 {
  margin-bottom: 30px !important;
}

.mgnB40 {
  margin-bottom: 40px !important;
}

.mgnB60 {
  margin-bottom: 65px !important;
}

.mgnB100 {
  margin-bottom: 100px !important;
}

.mgnB150 {
  margin-bottom: 150px !important;
}

.padT0 {
  padding-top: 0 !important;
}

.padR0 {
  padding-right: 0 !important;
}

.padB0 {
  padding-bottom: 0 !important;
}

.padL0 {
  padding-left: 0 !important;
}

.padT0 {
  padding-top: 10px !important;
}

.padR10 {
  padding-right: 10px !important;
}

.padB10 {
  padding-bottom: 10px !important;
}

.padL10 {
  padding-left: 10px !important;
}

.padT20 {
  padding-top: 20px !important;
}

.padR20 {
  padding-right: 20px !important;
}

.padB20 {
  padding-bottom: 20px !important;
}

.padL20 {
  padding-left: 20px !important;
}


/*テーブル*/
table.ta01 {
  border-collapse: collapse;
  border-top: solid 1px #bbb;
  border-left: solid 1px #bbb;
  width: 100%;
  margin-bottom: 30px;
}

table.ta01 th {
  background-color: #eee;
  border-bottom: solid 1px #bbb;
  border-right: solid 1px #bbb;
  line-height: 140%;
  padding: 15px;
  text-align: center;
  font-weight: bold;
}

table.ta01 td {
  border-bottom: solid 1px #bbb;
  border-right: solid 1px #bbb;
  padding: 15px;
  line-height: 140%;
}

/* opacity */
a:hover img.opacity,
a.opacity:hover img {
  filter: alpha(opacity="80");
  /* for IE6-IE7 */
  -ms-filter: alpha(opacity="80");
  /* for IE8 */
  opacity: 0.8;
}

/* 再度ナビ追尾用 */
.fixed {
  position: absolute;
}

/* ============================================================================
  包括要素
============================================================================ */
div#wrapper {
  width: 100%;
  font-size: 100%;
}

/* ============================================================================
  header
============================================================================ */
div#header {
  width: 100%;
  height: 80px;
  background: url("../image/header_bg_001.jpg") repeat-x left top;
  padding-top: 0px;
  padding-bottom: 0px;
}

div#header_inner {
  width: 978px;
  overflow: hidden;
  margin: 0 auto;
}

div.logo {
  float: left;
  width: 596px;
  padding-top: 15px;
}

div.h_rightbox {
  float: right;
  width: 382px;
  overflow: hidden;
  padding: 0;
}

div.box_top {
  float: right;
  width: 353px;
  margin-top: 10px;
  margin-bottom: 8px;
  background: url(../image/header_btm_001.gif) no-repeat left 1px;
}

div.box_bottom {
  float: right;
  width: 350px;
  *width: 460px;
  margin-top: 7px;
}

/* heaer*/
/*フロート指定 */
div.h_nav_in {
  overflow: hidden;
  float: left;
  width: 610px;
  adding-top: 5px;
}

/* header*/
/*文字サイズ */

/* fontsize
-----------------------------------------*/
.fontS {
  font-size: 80%
}

.fontM {
  font-size: 100%
}

.fontL {
  font-size: 120%
}

/* mod_headerbox_size
-----------------------------------------*/
.mod_headerbox_size {
  width: 75px;
  position: relative;
  overflow: hidden;
  float: right;
  padding-left: 70px;
  background: url(../image/header_textsize_text.gif) no-repeat left center;
}

.mod_headerbox_size ul {}

.mod_headerbox_size ul li {
  float: left;
  width: 20px;
  height: 19px;
  overflow: hidden;
  margin-left: 5px;
  line-height: 0;
}

.mod_headerbox_size ul li span {
  display: block;
  cursor: pointer;
}

.mod_headerbox_size ul li#fontS {
  background: url(../image/header_btm1_on.gif);
}

.mod_headerbox_size ul li#fontM {
  background: url(../image/header_btm2_on.gif);
}

.mod_headerbox_size ul li#fontL {
  background: url(../image/header_btm3_on.gif);
}

.mod_headerbox_size ul li.active img {
  display: none;
}

span.te {
  float: left;
}

/* header*/
/*文字エンコード */
div.encode {
  width: 200px;
  /*width: 310px;*/
  float: left;
}

ul.mojicode {
  height: 25px;
  display: flex;
  align-items: center;
  /*padding-left: 50px;*/
}

/*.fontM ul.mojicode {
  padding-left: 20px;
}*/
.fontL ul.mojicode {
  padding-left: 0;
}

ul.mojicode li {
  float: left;
  /*margin-right: 15px;*/
  background: url(../image/list_001.gif) no-repeat left center;
  padding: 0 10px 1px;
}

ul.mojicode li a {
  display: block;
}

/*検索フォーム*/
div.form {
  width: 240px;
  height: 23px;
  float: right;
  padding: 0;
  margin: 0;
}

input.kensaku {
  width: 180px;
  height: 19px;
  float: left;
}

input.btm {
  float: right;
}

/* header*/
/*glovelnav */
div.nav_box {
  overflow: hidden;
  width: 100%;
  height: 61px;
  background: url(../image/header_gnbg_001.jpg) repeat left top;
}

div#u_nav {
  width: 978px;
  height: 59px;
  clear: both;
  padding-top: 2px;
  margin: 0 auto;
}

div#u_nav li#menu-item-5339 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-310 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-5340 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-311 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-802 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-313 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-314 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-9228 {
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-315 {
  float: left;
  width: 122px;
}

div#u_nav li a {
  display: block;
  height: 59px;
  text-indent: -9999px;
  background-image: url(../image/header_g_nav2.jpg);
  background-repeat: no-repeat;
  text-decoration: none;
}

div#u_nav li#menu-item-5339 a {
  background-position: left top;
  width: 122px;
}

div#u_nav li#menu-item-310 a {
  background-position: -122px top;
  width: 122px;
}

div#u_nav li#menu-item-5340 a {
  background-position: -244px top;
  width: 122px;
}

div#u_nav li#menu-item-311 a {
  background-position: -244px top;
  width: 122px;
}

div#u_nav li#menu-item-802 a {
  background-position: -366px top;
  width: 122px;
}

div#u_nav li#menu-item-313 a {
  background-position: -488px top;
  width: 122px;
}

div#u_nav li#menu-item-314 a {
  background-position: -732px top;
  width: 122px;
}

div#u_nav li#menu-item-9228 a {
  background-position: -732px top;
  width: 122px;
}

div#u_nav li#menu-item-315 a {
  background-position: -854px top;
  width: 122px;
}

div#u_nav li#menu-item-5339 a:hover {
  background-position: left -59px !important;
}

div#u_nav li#menu-item-5339.current-page-ancestor a,
div#u_nav li#menu-item-5339.current-menu-item a {
  background-position: left -118px;
}

div#u_nav li#menu-item-310 a:hover {
  background-position: -122px -59px !important;
}

div#u_nav li#menu-item-310.current-page-ancestor a,
div#u_nav li#menu-item-310.current-menu-item a {
  background-position: -122px -118px;
}

div#u_nav li#menu-item-5340 a:hover {
  background-position: -244px -59px !important;
}

div#u_nav li#menu-item-5340.current-page-ancestor a,
div#u_nav li#menu-item-5340.current-menu-item a {
  background-position: -244px -118px;
}

div#u_nav li#menu-item-311 a:hover {
  background-position:-244px -59px !important;
}

.single-product div#u_nav li#menu-item-311 a,
.tax-product_category div#u_nav li#menu-item-311 a,
div#u_nav li#menu-item-311.current-page-ancestor a,
div#u_nav li#menu-item-311.current-menu-item a {
  background-position:-244px -118px;
}

div#u_nav li#menu-item-802 a:hover {
  background-position: -366px -59px !important;
}

.category-instance div#u_nav li#menu-item-802 a,
.category-industry div#u_nav li#menu-item-802 a,
.category-distribution div#u_nav li#menu-item-802 a,
.category-manufacture div#u_nav li#menu-item-802 a,
.category-science div#u_nav li#menu-item-802 a,
.category-educational div#u_nav li#menu-item-802 a,
.single-instance div#u_nav li#menu-item-802 a,
div#u_nav li#menu-item-802.current-page-ancestor a,
div#u_nav li#menu-item-802.current-instance-ancestor a,
div#u_nav li#menu-item-802.current-category-ancestor a,
div#u_nav li#menu-item-802.current-menu-item a {
  background-position: -366px -118px;
}

div#u_nav li#menu-item-313 a:hover {
  background-position: -488px -59px !important;
}

div#u_nav li#menu-item-313.current-page-ancestor a,
div#u_nav li#menu-item-313.current-menu-item a {
  background-position: -488px -118px;
}

div#u_nav li#menu-item-314 a:hover {
  background-position: -732px -59px !important;
}

div#u_nav li#menu-item-314.current-page-ancestor a,
div#u_nav li#menu-item-314.current-menu-item a {
  background-position: -732px -118px;
}

div#u_nav li#menu-item-9228 a:hover {
  background-position: -732px -59px !important;
}

div#u_nav li#menu-item-9228.current-page-ancestor a,
div#u_nav li#menu-item-9228.current-menu-item a {
  background-position: -732px -118px;
}

div#u_nav li#menu-item-315 a:hover {
  background-position: -854px -59px !important;
}

div#u_nav li#menu-item-315.current-page-ancestor a,
div#u_nav li#menu-item-315.current-menu-item a {
  background-position: -854px -118px;
}

div#u_nav li#menu-item-12818{
  float: left;
  width: 122px;
}

div#u_nav li#menu-item-12818 a {
  background-position: -610px top;
  width: 122px;
}
div#u_nav li#menu-item-12818 a:hover {
  background-position: -609px -59px !important;
}







/* ============================================================================
  contents
============================================================================ */
div#content {
  margin: 0 auto;
  width: 978px;
  padding-bottom: 30px;
  overflow: hidden;
}

.home div#content {
  margin-top: 80px;
}

/*コンテンツ見出し*/
div.con_nav {
  width: 100%;
  background-color: #efefef;
}

div.con_nav_inner {
  width: 1073px;
  height: 130px;
  margin: 0 auto;
  overflow: hidden;
  background-position: left top;
  background-repeat: no-repeat;
}

div.con_nav_inner p {
  text-indent: -9999px;
}

/* 見出し：新着情報 */
.category-1 .con_nav_inner,
.single-post .single_nav_newproduct .con_nav_inner,
.single-post .single_nav_notice .con_nav_inner {
  background-image: url(/images/archive_news_md_top.jpg);
}

/* 見出し：採用情報 */
.page-id-80 div.con_nav_inner,
.parent-pageid-80 div.con_nav_inner {
  background-image: url(/images/page_recruitment_md_top.jpg);
}

/* 見出し：選定サービス */
.page-id-2485 div.con_nav_inner {
  background-image: url(/images/page_selection_md_top.jpg);
}

/* 見出し：選定サービスtest */
.page-id-10319 div.con_nav_inner {
  background-image: url(/images/page_selection_md_top.jpg);
}

/* 見出し：会社情報 */
.page-id-231 div.con_nav_inner,
.parent-pageid-231 div.con_nav_inner,
.parent-pageid-75 div.con_nav_inner,
.parent-pageid-8454 div.con_nav_inner {
  background-image: url(/images/page_company_md_top.jpg);
}

/* 見出し：製品情報 */
.single-product div.con_nav_inner,
.page-id-184 div.con_nav_inner,
.parent-pageid-184 div.con_nav_inner,
.tax-product_category div.con_nav_inner {
  background-image: url(/images/page_product_md_top.jpg);
}

/* 見出し：サポート */
.page-id-105 div.con_nav_inner,
.parent-pageid-105 div.con_nav_inner,
.parent-pageid-540 div.con_nav_inner,
.parent-pageid-2936 div.con_nav_inner {
  background-image: url(/images/page_support_md_top.jpg);
}

/* 見出し：導入事例 */
.category-instance div.con_nav_inner,
.category-industry div.con_nav_inner,
.category-distribution div.con_nav_inner,
.category-manufacture div.con_nav_inner,
.category-science div.con_nav_inner,
.category-educational div.con_nav_inner,
.single-instance div.con_nav_inner {
  background-image: url(/images/archive_instance_md_top.jpg);
}

/* 見出し：展示会情報 */
body.date div.con_nav_inner,
.post-type-archive-exhibition div.con_nav_inner,
.single-plan div.con_nav_inner,
.category-plan-2 div.con_nav_inner,
.single_nav_exhibition div.con_nav_inner {
  background-image: url(/images/archive_exhibition_md_top.jpg);
}

/* 見出し：お問い合わせ */
.page-id-121 div.con_nav_inner {
  background-image: url(/images/page_contact_md_top.jpg);
}

/* 見出し：サイト情報 */
.page-id-321 div.con_nav_inner,
.page-id-497 div.con_nav_inner,
.page-id-494 div.con_nav_inner {
  background-image: url(/images/archive_siteinfo_md_top.jpg);
}

/* 見出し：404 */
.error404 div.con_nav_inner {
  background-image: url(/images/er404_md_top.jpg);
}

/* 見出し：検索結果 */
.search div.con_nav_inner {
  background-image: url(/images/page_search_md_top.jpg);
}

/*パンくず*/
div.pan_nav {
  width: 100%;
  padding: 10px 0;
}

div.pan_nav_inner {
  width: 978px;
  margin: 0 auto;
}

div.pan_nav_inner #topic_path {
  /*  background: url("../image/ico_home.gif") no-repeat scroll left 2px transparent;
  padding-left: 18px;
*/
  overflow: hidden;
}

div.pan_nav_inner #topic_path li {
  background: url("../image/list011.gif") no-repeat scroll right center transparent;
  float: left;
  margin-right: 10px;
  padding-right: 15px;
}

div.pan_nav_inner #topic_path li a {
  text-decoration: underline;
  color: #264f80;
}

div.pan_nav_inner #topic_path li a:hover {
  text-decoration: none;
}

div.pan_nav_inner #topic_path .nolink {
  background: none repeat scroll 0 0 transparent;
}

/* ============================================================================
  main
============================================================================ */
div.main {
  float: right;
  overflow: hidden;
  width: 728px;
}

.page-id-321 div.main,
.page-id-494 div.main,
.page-id-497 div.main,
.page-id-2485 div.main,
.page-id-10319 div.main {
  width: 978px;
}

.home div.main {
  float: left;
}

div.main h2:first-child {
  margin-top: 0;
}

/* ============================================================================
  sidebar
============================================================================ */
div.side {
  position: relative;
  float: left;
  overflow: hidden;
  width: 220px;
  padding-bottom: 50px;
}

div.side div.side_in {
  padding: 1px;
  background-color: #d8d8d8;
  margin-bottom: 20px;
}

/* 子リスト */
div.side div.side_in li ul {
  margin-top: 1px;
  background-color: #fff;
}

div.side div.side_in li ul li {
  border-bottom: 1px dotted #bbb;
}

div.side div.side_in li ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

div.side div.side_in li ul li a {
  display: block;
  background: url(../image/list005.gif) no-repeat 20px center;
  padding: 7px 0 5px 30px;
}

/* @ トップページ
----------------------------------------------------------------------------- */
.home div.side {
  float: right;
}

.home div.side div.box_02 {
  margin-bottom: 12px;
}

.home div.side div.box_02 {
  margin-bottom: 12px;
}

.home div.side div.side_in01 {
  margin-bottom: 20px;
}

.home div.side div.side_in01 li {
  margin-bottom: 9px;
}

.home div.side div.side_in01 li:last-child {
  margin-bottom: 0;
}

/* @ 新着情報
----------------------------------------------------------------------------- */
div.side div.news_nav div.side_in li {
  margin-bottom: 1px;
}

div.side div.news_nav div.side_in li:last-child {
  margin-bottom: 0;
}

/* @ 製品情報
----------------------------------------------------------------------------- */
div.side div.product_nav div.side_in li {
  margin-bottom: 1px;
}

div.side div.relation_nav ul {
  padding: 5px;
  background-color: #128dca;
  margin-bottom: 10px;
}

div.side div.relation_nav ul li {
  margin-bottom: 5px;
}

div.side div.relation_nav ul li:last-child {
  margin-bottom: 0;
}

div.side ul.banners {
  margin-bottom: 20px;
}

/* @ 導入事例
----------------------------------------------------------------------------- */
div.side div.instance_nav div.side_in li {
  margin-bottom: 1px;
}

div.side div.instance_nav div.side_in li:last-child {
  margin-bottom: 0;
}

/* @ サポート
----------------------------------------------------------------------------- */
div.side div.support_nav div.side_in li {
  margin-bottom: 1px;
}

/* @ 会社情報
----------------------------------------------------------------------------- */
div.side div.company_nav div.side_in li {
  margin-bottom: 1px;
}

/* @ 採用情報
----------------------------------------------------------------------------- */
div.side div.recruitment_nav div.side_in li {
  margin-bottom: 1px;
}

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

/* ============================================================================
  footer
============================================================================ */
/*フッターの上のバナーエリア*/
div.banner_nav {
  clear: both;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

div.ban_nav_inner {
  width: 978px;
  height: 110px;
  margin: 0 auto;
}

div.ban_nav_inner ul {
  width: 978px;
  overflow: hidden;
  margin: 0px 0px 5px 0px;
}

div.ban_nav_inner li {
  float: left;
  padding-right: 5px;
}

div.ban_nav_inner li.last {
  float: left;
  padding-right: 0;
}

/*フッターの上のナビ*/
div.bottom_nav {
  clear: both;
  width: 100%;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}

div.b_nav_inner {
  width: 978px;
  height: 35px;
  margin: 0 auto;
}

div.b_left_nav {
  float: left;
}

div.b_left_nav ul {
  width: 841px;
  height: 14px;
  overflow: hidden;
  padding: 10px 0 10px 0;
}

div.b_left_nav li {
  float: left;
  padding: 0 30px 0 30px;
  border-right: dotted 1px #d9d9d9;
  font-size: 80%;
}

div.b_left_nav li.first {
  float: left;
  padding: 0 30px 0 0;
  border-right: dotted 1px #d9d9d9;
}

div.b_right_nav {
  float: right;
  padding-top: 1px;
}

div#footer {
  width: 100%;
  background-color: #d8d8d8;
  overflow: hidden;
  border-top: 1px solid #ffffff;
}

div#footer div.footer_in {
  width: 978px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 10px;
}

div#footer div.f_in_left {
  float: left;
  width: 306px;
  padding: 1px 0 0 0;
  margin-right: 30px;
}

div#footer div.f_in_left p.add_01 {
  clear: both;
  padding: 15px 30px 15px 0;

}

div#footer div.f_in_right {
  float: right;
  width: 642px;
  padding: 1px 0 0 0;
  overflow: hidden;
}

div#footer div.b_list {
  float: left;
  width: 138px;
  margin-right: 30px;
}

div#footer h4 {
  background: url(../image/list002.gif) left center;
  background-repeat: no-repeat;
  padding: 4px 0 2px 15px;
  font-weight: 700;
  line-height: 160%;
}

div#footer h4 a {
  color: #1b286e;
}

div#footer div.b_list li {
  list-style: none;
  background: url(../image/list004.gif) 9px 6px;
  background-repeat: no-repeat;
  padding: 0 0 0 14px;
  line-height: 140%;
}

div#footer div.b_list04 {
  float: left;
  width: 138px;
  margin-right: 0;
}

div#footer div.b_list04 li {
  list-style: none;
  background: url(../image/list004.gif) 9px 6px;
  background-repeat: no-repeat;
  padding: 0 0 0 14px;
}

/*フッターの下のナビ*/
div.footerbottom_nav {
  clear: both;
  width: 100%;
  background-color: #1b286e;
  overflow: hidden;
}

div.fb_nav_inner {
  width: 978px;
  height: 35px;
  margin: 0 auto;
}

div.fb_left_nav {
  float: left;
}

div.fb_left_nav ul {
  width: 600px;
  overflow: hidden;
  padding: 12px 0 12px 0;
}

div.fb_left_nav li {
  float: left;
}

div.fb_left_nav li a {
  float: left;
  background: url(../image/list.gif) 9px center;
  background-repeat: no-repeat;
  padding: 2px 0 0 20px;
  margin-right: 20px;
  color: #ffffff;
}

div.fb_right_nav {
  float: right;
  padding: 12px 0 0 0;
  width: 350px;
}

div.fb_right_nav span.c {
  color: #ffffff;
}

/*新着*/
/*タブ*/

/*2つ目以降のタブのアイテム*/

/*2*/
.floatclear {
  clear: both;
}

ul.itemList02 a:hover {
  text-decoration: none;
}

/*3*/
ul.itemList03 a:hover {
  text-decoration: none;
}

/*4*/
ul.itemList04 a:hover {
  text-decoration: none;
}

/*製品リンク*/
div.box_pro {
  width: 728px;
}

img.mdr {
  float: left;
  margin: 0;
}

img.ac {
  clear: both;
}

div.box {
  margin-top: 30px;
}

/*スライド*/
#simplegallery1 {
  position: relative;
  /*keep this intact*/
  visibility: hidden;
  /*keep this intact*/
  width: 1920px;
  margin: 0 auto;
}

#simplegallery1 .gallerydesctext {
  //CSS for description DIV of Example 1 (if defined)
  text-align: center;
  padding: 2px 5px;
}

/* ============================================================================
  タブ切り替えUIの実装
============================================================================ */

/* ============================================================================
  wordpress設定
============================================================================ */

/* @ ページ送り
----------------------------------------------------------------------------- */
div.wp-pagenavi {
  margin-top: 20px;
  text-align: center;
}

div.wp-pagenavi span {
  margin: 1px 2px;
  padding: 0;
}

div.wp-pagenavi span.current,
/* 現頁 */
div.wp-pagenavi span.pages,
/* 頁数（1/5） */
div.wp-pagenavi a.first,
/* 最初 */
div.wp-pagenavi a.last,
/* 最後 */
div.wp-pagenavi a.previouspostslink,
/* 前へ */
div.wp-pagenavi a.nextpostslink,
/* 次へ */
div.wp-pagenavi a.page {
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 8px 0;
  border: 1px solid #aaa;
  text-decoration: none;
  vertical-align: middle;
  color: #030166;
  min-height: 1.5em;
}

div.wp-pagenavi a {
  background: #eff1f0 url(../image/pagenavi-bg.png) repeat-x center top;
}

div.wp-pagenavi a:hover,
div.wp-pagenavi span.current {
  background: #f60;
  color: #fff;
}

/* @ 検索フォーム（404 ＆ 検索結果）
----------------------------------------------------------------------------- */
.error404 .main {
  float: none;
  width: 100%;
}

#searchform {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  margin: 20px 0;
}

#searchform #searchtext {
  width: 750px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 1px 2px 7px -6px rgba(0, 0, 0, 0.5);
  padding: 10px;
  background: #fff;
  text-align: left;
}

#searchform #searchsubmit {
  width: 106px;
  font-size: 1.2em;
  color: #666;
  background-color: #eee;
  background: -moz-linear-gradient(top, #eee, #ddd);
  background: -webkit-gradient(top, #eee, #ddd);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eee', endColorstr='#ddd');
  padding: 5px 0 4px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 0 2px 10px;
  vertical-align: middle;
  cursor: pointer;
}

#searchform #searchsubmit:hover {
  box-shadow: inset 1px 2px 7px -6px rgba(0, 0, 0, 0.5);
}

.search-results .archiveLink dl {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.search-results .archiveLink dl dt {
  font-weight: bold;
}

.search-results .archiveLink dl .date {
  text-align: right;
}

/* @ お問い合わせ共通
----------------------------------------------------------------------------- */

.page-id-121 h2 span {
  display: block;
  background: #eaeaea url(../image/h2-bg.png) repeat-x left top;
  font-size: 20px;
  color: #121317;
  padding: 10px 15px;
  min-height: 33px;
  font-weight: bold;
  border-left: 4px solid #0192d3;
}

span.require {
  color: red;
}

table#form {
  border-collapse: collapse;
  border-top: solid 1px #bbb;
  border-left: solid 1px #bbb;
  width: 100%;
  margin-bottom: 10px;
}

table#form th {
  vertical-align: top;
  background-color: #eee;
  border-bottom: solid 1px #bbb;
  border-right: solid 1px #bbb;
  line-height: 140%;
  padding: 10px 10px 10px 35px;
  font-weight: normal;
  text-align: left;
}

table#form th.must {
  padding-left: 10px;
}

table#form th.must span {
  margin-right: 10px;
}

table#form td {
  border-bottom: solid 1px #bbb;
  border-right: solid 1px #bbb;
  padding: 10px;
  line-height: 140%;
}

table#form td input[type=text],
table#form td input[type=email],
table#form td textarea {
  width: 98%;
  padding: 3px;
}

table#form .address td p {
  margin-bottom: 5px;
}

table#form .address td input {
  width: 92%;
}

table#form td a.policy {
  color: #0192d3;
  padding-right: 15px;
  background: url(/images/page-contact-policy-icon.png) no-repeat right center;
}

.wpcf7-list-item {
  margin: 0 8px 10px 0 !important;
}

.sizeS {
  width: 135px !important;
}

.sizeM {
  width: 280px !important;
}

.sizeL {
  width: 97% !important;
}

input.wpcf7-submit {
  background: url(/images/page-contact-send-btn.png) no-repeat left top;
  width: 204px;
  height: 44px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  *zoom: 1;
  /* for IE6~IE7 */
}

input.wpcf7-submit:hover {
  filter: alpha(opacity="80");
  /* for IE6-IE7 */
  -ms-filter: alpha(opacity="80");
  /* for IE8 */
  opacity: 0.8;
}

input#reset {
  background: url(/images/page-contact-reset-btn.png) no-repeat left top;
  width: 204px;
  height: 44px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  *zoom: 1;
  /* for IE6~IE7 */
}

input#reset:hover {
  filter: alpha(opacity="80");
  /* for IE6-IE7 */
  -ms-filter: alpha(opacity="80");
  /* for IE8 */
  opacity: 0.8;
}

img.ajax-loader {
  vertical-align: middle;
  margin-left: 1em;
}

div.wpcf7-mail-sent-ok {
  margin: 20px 0 0;
  padding: 10px;
  text-align: center;
  color: #666;
  font-weight: bold;
  border: 3px solid #666;
}

div.wpcf7-validation-errors,
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng {
  margin: 20px 0 0;
  padding: 10px;
  text-align: center;
  color: #F00;
  font-weight: bold;
  border: 3px solid #F00 !important;
}

span.wpcf7-form-control-wrap {
  position: relative;
}

span.wpcf7-not-valid-tip {
  display: block;
  padding: 0.25em 0.5em;
  border: none;
  color: #fff !important;
  background: #f00 !important;
  margin-top: 0.5em;
  font-weight: bold;
  position: absolute;
  left: 0.5em;
  top: -0.5em;
  top: -1.5em\9;
  *top: 0.25em;
  *zoom: 1;
}

ul.btns {
  overflow: hidden;
  padding: 20px 0 0 160px;
}

ul.btns li {
  float: left;
  margin-right: 10px;
}

p#AcceptanceCheck {
  margin: 10px 0;
}

p#AcceptanceCheck label {
  margin: 0 2em 0 0.5em;
  font-weight: bold;
  color: #666;
  *zoom: 1;
  /* for IE6~IE7 */
}

.page-id-71 .main th {
  width: 40%;
}

.page-id-66 .main th {
  width: 18%;
}

.center02 {
  margin-bottom: 30px;
}

.pbtm {
  padding-top: 25px;
}

body.page-id-961 .mod_headerbox_size ul li {
  line-height: 0;
}

.mod_headerbox_size ul li {
  line-height: 0;
}


/*******************************************

富士コンCSS追記

********************************************/

.plant-box {
  position: relative;
}

.plant-box {
  background-image: url(../image/plant-background-tabele.png);
  height: 240px;
  background-size: cover;
  width: 100%;
  margin-bottom: 20px;
}

.plant-box .flex-box.main-box {
  padding-top: 80px;
}

.plant-box .flex-box.main-box .L-box {
  padding: 0 18px 0 21px;
}

.plant-box .flex-box .R-box .flex-box {
  padding-bottom: 8px;
}

.plant-box .flex-box .R-box .flex-box div:first-of-type {
  padding-right: 6px;
}



.plant-box .plant-icons {
  position: absolute;
  display: flex;
  top: 12px;
  right: 321px;
}

.plant-box .vechica-icons {
  position: absolute;
  top: 12px;
  right: 21px;
}

.flex-box {
  display: flex;
}


.list_plant-title-point {
  border: dotted;
  border-left: 1px #000000;
  margin: 0 20px;
}



/*************************************************************

SDGSページ

**************************************************************/

.sdgs-pc {
  display: block;
}

.sdgs-sp {
  display: none;
}

@media only screen and (max-width : 768px) {
  .sdgs-pc {
    display: none;
  }

  .sdgs-sp {
    display: block;
  }
}


#sdgs-header,
.sdgs-mv,
.sdgs-content {
  font-family: "Noto Sans JP", sans-serif;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* @ ヘッダー
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sdgs-header {
  position: relative;
  background-color: #fff;
  z-index: 1000;
  padding-top: 32px;
}

#sdgs-header .menu-btn {
  display: none;
  margin: 0;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #sdgs-header .menu-btn {
    display: block;
    box-sizing: border-box;
    padding-right: 10px;
    line-height: 50px;
    width: 100%;
    color: #004da0;
    height: 50px;
    font-family: 'FontAwesome';
    font-size: 1.25rem;
    text-align: right;
    background-color: #fff;
    z-index: 9999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* @ ロゴ
---------------------------------------------------------------------------- */
#sdgs-header-logo {
  float: left;
  width: 150px;
  margin: 0;
  background-color: transparent;
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  #sdgs-header-logo {
    display: none;
  }
}

/* @ ヘッダーナビ
---------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #sdgs-header-navi {
    display: none;
  }
}

#sdgs-header-navi a {
  text-decoration: none;
}

/* @ グローバルナビ
---------------------------------------------------------------------------- */
#sdgs-header-navi {
  border-bottom: 6px solid #e8e8e8;
}

#sdgs-header-gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
  margin-top: -20px !important;
  padding-bottom: 16px;

}

@media screen and (max-width: 768px) {
  #sdgs-header-gnavi {
    display: none;
  }
}

#sdgs-header-gnavi li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#sdgs-header-gnavi li p {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#sdgs-header-gnavi li a,
#sdgs-header-gnavi li p {
  display: inline-block;
  padding: 0 15px;
  text-align: center;
  color: #444;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  line-height: 44px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#sdgs-header-gnavi li a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #sdgs-header-gnavi li a {
    padding: 34px 15px;
    border: none;
  }
}

#sdgs-header-gnavi li a .menu_title {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#sdgs-header-gnavi li a .menu_description {
  display: block;
  color: #aaa;
  font-family: 'Ubuntu', sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
}

#sdgs-header-gnavi li a:hover .menu_description {
  color: #004da0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* @ ヘッダー（768px以下）
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sdgs-header-sp {
  display: none;
  position: fixed;
  top: 0;
}

@media screen and (max-width: 768px) {
  #sdgs-header-sp {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0;
    background-color: #fff;
    border-bottom: 3px solid #e8e8e8;
    z-index: 9999;
  }
}

#sdgs-header-sp-logo {
  position: fixed;
  top: 0;
  left: 10px;
  margin: 0;
  z-index: 10;
}

#sdgs-header-sp-logo a {
  display: block;
  padding: 9px 0;
}

#sdgs-header-sp-logo a img {
  height: 32px;
}

#sdgs-header-sp .menu-pnl {
  position: absolute;
  top: 50px;
  display: none;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 5px #000;
  z-index: 9100;
}

/* @ グローバルナビ（768px以下）
---------------------------------------------------------------------------- */
#sdgs-header-gnavi-sp {
  z-index: 12;
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  background: #21170e;
  transform: translateX(100%);
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#sdgs-header-gnavi-sp ul {
  margin: 0;
  padding: 0;
  overflow: auto;
}

#sdgs-header-gnavi-sp ul li {
  list-style: none;
}

#sdgs-header-gnavi-sp li:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, .6);
}

#sdgs-header-gnavi-sp ul li ul {
  margin: 0;
}

#sdgs-header-gnavi-sp ul li a {
  display: block;
  position: relative;
  padding: 10px 35px 10px 10px;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s;
}

#sdgs-header-gnavi-sp ul li ul li a {
  padding-left: calc(10px + 1em);
}

#sdgs-header-gnavi-sp ul li a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #21170e;
}

#sdgs-header-gnavi-sp ul li a:before {
  display: block;
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px;
  line-height: 1;
  font-family: 'FontAwesome';
  font-weight: normal;
  content: "\f105";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* @ ドロワーメニュー
---------------------------------------------------------------------------- */
/* :::::: toggle button :::::: */
#sdgs-header #navTgl {
  display: none;
}

#sdgs-header label.label {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
}

#sdgs-header .open {
  z-index: 12;
  width: 50px;
  height: 50px;
  background: #21170e;
  transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#sdgs-header .open::before,
#sdgs-header .open::after {
  content: "";
}

#sdgs-header .open span,
#sdgs-header .open::before,
#sdgs-header .open::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 30%;
  width: 40%;
  border-bottom: 2px solid white;
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#sdgs-header .open::before {
  transform: translateY(-8px);
}

#sdgs-header .open::after {
  transform: translateY(8px);
}

#sdgs-header .close {
  z-index: 11;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background .6s;
}

#sdgs-header #navTgl:checked+.open {
  background: #21170e;
  transform: translateX(-250px);
}

#sdgs-header #navTgl:checked+.open span {
  transform: scaleX(0);
}

#sdgs-header #navTgl:checked+.open::before {
  transform: rotate(45deg);
}

#sdgs-header #navTgl:checked+.open::after {
  transform: rotate(-45deg);
}

#sdgs-header #navTgl:checked~.close {
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.50);
}

/* :::::: drawer menu :::::: */
#sdgs-header #navTgl:checked~#sdgs-header-gnavi-sp {
  transform: none;
}

/******************************************　　　　　　　　

sdgsメインビジュアル

******************************************/


.sdgs-mv {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 10px;
  background-image: url(/images/sdg_poster_ja.png), url(/images/mv-itohdenki.png);
  background-position: right bottom, left bottom 10%;
  height: 610px;
  background-size: 500px;
  background-repeat: no-repeat;

}

.sdgs-mv img {
  width: 100%;
}

.sdgs-mv .mv-ttl {
  position: absolute;
  padding-right: 20px;
  top: 28%;
  right: 0;
  font-size: 2rem;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale;
}

.sdgs-mv .mv-text {
  position: absolute;
  width: 260px;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale;
  background: url(/images/sdgs-bg-line.png);
  background-repeat: no-repeat;
  background-position: bottom 10% center;
  background-size: 260px;
  left: 20px;
}

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

  .sdgs-mv .mv-ttl {
    text-align: end;
    top: 25%;
    right: 0;
    font-size: 1.8rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale
  }

  .sdgs-mv {
    height: 470px;
    background-size: 370px;
    background-position: right bottom, left bottom;
    margin-top: 40px;
  }

  .sdgs-mv .mv-text {
    font-size: 2.5rem;
  }

}

@media only screen and (max-width : 480px) {
  .sdgs-mv .mv-ttl {
    top: 26%;
    font-size: 1.4rem;

  }

  .sdgs-mv {
    height: 440px;
    background-size: 260px;
    background-position: right bottom, left top 30%;
  }

  .sdgs-mv .mv-text {
    font-size: 2rem;
  }

  .sdgs-mv .mv-text {
    width: 170px;
    font-size: 2rem;
    background-size: 170px;
  }

}

/******************************************　　　　　　　　
伊東電機とSDGs
******************************************/
div#sdgs-content {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
  padding-bottom: 50px;

}

div#sdgs-content img {
  max-width: 100%;
}

.sdgs-bg {
  background: #e8e8e8;
}

#sdgs-content .sdgs-ttl {
  padding-top: 40px;
}

#sdgs-content {
  font-size: 1rem;
}

.sdgs-ttl {
  text-align: center;
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sdgs-ttl::before {
  content: "";
  display: inline-block;
  background: url(/images/sdgs-icon.png) no-repeat 0 0 / 40px auto;
  width: 50px;
  height: 25px;
  vertical-align: middle;
  padding: 10px 0;
}


.sdgs-line {
  border: #e8e8e8 solid 3px;
  visibility: inherit;
  width: 99%;
  margin: 0 auto;
  margin-bottom: 50px;
}

#sdgs-content .sdgs-list {
  max-width: 900px;
  margin: 0 auto;
  margin-top: 24px;
}

.sdgs-list {
  padding-left: 1.5rem;
  margin-top: 24px;
  width: 90%;
  font-size: 1rem;
}

.sdgs-list li {
  margin-bottom: 16px;
  text-indent: -1rem;
  line-height: 1.8;
}

.sdgs-list li::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 10px;
  height: 10px;
  background: #fed900;
  vertical-align: middle;
  box-sizing: border-box;
}

.sdgs-icon {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  column-gap: 10px;
  max-width: 95%;
  width: fit-content;
  margin: 40px auto 0;
}
@media only screen and (max-width : 768px) {
  .sdgs-icon {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  }
}

.sdgs-icon li {
  margin-bottom: 10px;
}

.sdgs-icon img {
  max-width: 100px;
}

.sdgs-content-box .flex_cols {
  display: flex;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.sdgs-content-box {
  margin-top: 60px;
}

.sdgs-content-box .flex_cols .col2 {
  width: 50%;
  box-sizing: border-box;
}

.sdgs-content-box .flex_cols .col2:first-of-type {
  width: 40%;
}

.sdgs-content-box .flex_cols .col2:last-of-type {
  width: 60%;
}

.sdgs-content-box .flex_cols .col2 .sdgs-img li:first-of-type {
  margin-bottom: 10px;
}

.sdgs-content-box .flex_cols .col2 .sdgs-img img {
  width: 100%;
  display: block;
  height: 310px;
  object-fit: cover;
}

.sdgs-content-box .flex_cols .col2 .ttl {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 24px;
}

.sdgs-content-box .flex_cols:nth-child(2n) {
  flex-direction: row-reverse;
  background-color: #e8e8e8;
  margin-top: 64px;
  margin-bottom: 64px;
}

.flex_cols .col2:nth-child(2n) {
  margin-right: 0;
}

.sdgs-content-box .flex_cols .sdgs-list {
  max-width: 420px;
  margin: 0 auto;
}

.sdgs-content-box {
  padding: 20px;
}

@media only screen and (max-width : 1024px) {
  .sdgs-content-box .flex_cols .col2 .sdgs-img img {
    height: 260px;
  }
}

@media only screen and (max-width : 768px) {
  .sdgs-content-box .flex_cols:nth-child(2n) {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sdgs-content-box .flex_cols .col2 {
    padding: 20px;
  }

  .sdgs-icon img {
    max-width: 80px;
  }

  .sdgs-content-box .flex_cols .col2 .sdgs-img img {
    height: 150px;
  }

  .sdgs-line {
    width: 98%;
  }

  .sdgs-content-box .flex_cols {
    box-shadow: none;
  }

  .sdgs-content-box {
    padding: 0;
  }

}

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

  .sdgs-content-box .flex_cols .col2:first-of-type,
  .sdgs-content-box .flex_cols .col2:last-of-type {
    width: 100%;
  }

  .sdgs-content-box .flex_cols:nth-child(2n) {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sdgs-content-box .flex_cols,
  .sdgs-content-box .flex_cols:nth-child(2n) {
    flex-direction: column-reverse;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .sdgs-content-box .flex_cols .col2 {
    width: 100%;
  }

  .sdgs-content-box .flex_cols .col2 .sdgs-img {
    display: flex;
  }

  .sdgs-content-box .flex_cols .col2 .sdgs-img img {
    height: 220px;
  }

  .sdgs-content-box .flex_cols .col2 .sdgs-img li {
    width: 50%;
  }

  .flex_cols .col2:nth-child(2n) {
    padding-bottom: 0px;
    padding-top: 50px;
  }

  .sdgs-content-box .flex_cols .col2 {
    padding-top: 20px;
  }

  .sdgs-content-box .flex_cols .col2 .sdgs-img {
    margin-bottom: 50px;
  }

  .sdgs-content-box .flex_cols .col2 .ttl {
    margin-top: 30px;
  }

  .sdgs-content-box {
    margin-top: 0;
  }

  .sdgs-content-line {
    margin-bottom: 0;
  }

}

@media only screen and (max-width : 425px) {
  .sdgs-content-box .flex_cols .col2 .sdgs-img {
    flex-direction: column;
  }

  .sdgs-content-box .flex_cols .col2 .sdgs-img li {
    width: 100%
  }
}

/******************************************　　　　　　　　
sdgsフッター
******************************************/
#sdgs-footer {
  padding-top: 40px;
  border-top: 6px solid #e8e8e8;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #sdgs-footer {
    min-width: 100%;
  }
}

#sdgs-footer-copyright {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #e8e8e8;
}

#sdgs-footer-copyright ul {
  float: right;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #sdgs-footer-copyright ul {
    display: none;
  }
}

#sdgs-footer-copyright ul li {
  display: inline;
  margin-left: 50px;
}

#sdgs-footer-copyright ul li:first-of-type {
  margin-left: 0;
}

#sdgs-footer-copyright ul li a {
  line-height: 55px;
}

#sdgs-footer-copyright .sdgs-copyright {
  margin: 0;
  text-align: center;
  padding: 15px 0;
  font-size: 0.875rem;
  margin-top: 30px;
}

#sdgs-footer .flex-box {
  gap: 10px;
  padding-bottom: 10px;
}

#sdgs-footer .flex-box li img {
  width: 200px;
  height: auto;
}

#sdgs-footer .sdgs-banner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.alpha {
  transition: opacity 0.3s;
}

.alpha:hover {
  -ms-filter: "alpha(opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  #sdgs-footer-copyright .sdgs-copyright {
    text-align: center;
  }

  #sdgs-footer .flex-box {
    justify-content: center;
  }

  #sdgs-footer .flex-box li img {
    max-width: 200px;
    width: 100%;
  }

  #sdgs-footer-copyright .sdgs-copyright small {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 480px) {
  #sdgs-footer-copyright .sdgs-copyright span {
    display: none;
  }
}

/******************************************　　　　　　　　
sdgsフッター
******************************************/

#sdgs-pagetop {
  position: fixed;
  right: 30px;
  bottom: 15px;
  z-index: 1;
}

#sdgs-pagetop img {
  width: 48px;
  opacity: 0.8;
}


@media screen and (max-width: 768px) {
  #sdgs-pagetop {
    right: 20px;
  }
}

@media screen and (max-width: 480px) {
  #sdgs-footer {
    margin-top: 0;
    border-top: none;
  }

}

.sdgs-footer-none {
  display: none;
}

/******************************************　　　　　　　　
M-RAT プロダクトページ
******************************************/



.page-id-12055 .mrat-merit {
  background-color: #f4f4f5;
  padding: 18px;
  margin-bottom: 24px;
}

.page-id-12055 .flex-box {
  display: flex;
  gap: 20px;

}

.page-id-12055 .mrat-merit .merit-ttl {
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
  color: #2075bd;
}

.page-id-12055 .merit-list li {

  text-indent: -1rem;
  line-height: 1.8;
}

.page-id-12055 .merit-list {
  padding-left: 16px;
}


.page-id-12055 .merit-list li::before {
  content: '';
  display: inline-block;
  margin-right: 4px;
  width: 11px;
  height: 11px;
  background: #282828;
  vertical-align: baseline;
  box-sizing: border-box;
}

.page-id-12055 hr {
  width: auto;
  overflow: auto;
  visibility: inherit;
}

.page-id-12055 .cp_hr02 {
  border-width: 1px 0 0 0;
  border-style: dashed;
  border-color: #878787;
  margin: 16px 0;
}

.page-id-12055 .mrat-merit .flex-box:nth-of-type(even) {
  flex-direction: row-reverse;
}

.page-id-12055 .mrat-merit .flex-box div {
  width: 335px;
}

/******************************************　　　　　　　　
イノベーションセンター
******************************************/
.page-showroom .showroom-main {
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  .page-showroom .showroom-main {
    padding-top: 50px;
  }
}

.page-showroom {
  font-family: "Noto Sans JP", sans-serif;
}

.page-showroom p {
  font-size: 16px;
}

.page-showroom figure {
  margin: 0;
  text-align: center;
}

.page-showroom.base .showroom-mv figure {
  padding: 0 80px;
  max-width: 1300px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .page-showroom.base .showroom-mv figure {
    padding: 0;
  }
}

.page-showroom #sdgs-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -0;
  padding-top: 15px;
}

.page-showroom #sdgs-header-gnavi li.current a {
  background: #e9e9e9;
}

.page-showroom #sdgs-header-gnavi li.visit {
  position: relative;
  margin-right: 20px;
}

.page-showroom #sdgs-header-gnavi-sp ul li.visit a {
  background: #ffcc00;
  color: #000;
}

.page-showroom #sdgs-header .flex-box {
  padding-bottom: 15px;
  align-items: flex-end;
  border-bottom: 6px solid #e8e8e8;
}

.page-showroom #sdgs-header-logo {
  float: none;
  width: auto;
}

.page-showroom #sdgs-header-navi {
  width: 100%;
}

.page-showroom #sdgs-header-gnavi {
  padding-bottom: 0;
  margin-top: 0 !important;
}

.page-showroom #sdgs-header-navi {
  border-bottom: none;
}

.page-showroom #sdgs-header-gnavi li.visit {
  background: #ffcc00;
}

.page-showroom #sdgs-header-gnavi li a {
  padding: 0 15px;
}

.page-showroom #sdgs-header-gnavi li a .menu_title {
  font-size: 16px;
}

.page-showroom .wrap {
  margin: 0 auto;
  max-width: 1200px;
}

@media screen and (max-width: 1200px) {
  .page-showroom .wrap {
    padding: 0 20px;
  }
}

.page-showroom img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}


.page-showroom .showroom-mv-ttl {
  margin-top: 30px;
  text-align: center;
}

.page-showroom .catch-txt {
  position: relative;
  margin: 0 auto 80px;
  max-width: 1140px;
  font-size: 20px;
}

.page-showroom .main-catch {
  margin: 30px 0 60px;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
}

@media screen and (max-width: 480px) {
  .page-showroom .main-catch {
    font-size: 25px;
  }
}

@media screen and (max-width: 768px) {
  .page-showroom .catch-txt {
    font-size: 18px;
  }
}

/* .page-showroom .catch-txt::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #fed900;
} */
.showroom-catch-cnt {
  margin-top: 100px;
  gap: 30px;
}

@media screen and (max-width: 480px) {
  .showroom-catch-cnt {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .showroom-catch-cnt {
    flex-wrap: wrap;
  }
}

.showroom-catch-cnt .showroom-catch p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-showroom .company_innovation_logo {
  margin-top: 120px;
  margin-bottom: 30px;
  text-align: left;
}

.page-showroom h3 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-size: 30px;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .page-showroom h3 {
    font-size: 30px;
  }
}

.page-showroom .showroom-ancar {
  margin-bottom: 100px;
  padding: 20px 0;
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 480px) {
  .page-showroom .showroom-ancar {
    gap: 15px;
  }
}

.page-showroom .showroom-ancar a {
  padding: 10px 13px;
  display: block;
  background: #aaa;
  font-size: 20px;
  color: #fff;
  transition: all .3s;
}

@media screen and (max-width: 768px) {
  .page-showroom .showroom-ancar a {
    font-size: 20px;
    color: #fff;
    transition: all .3s;
  }
}

@media screen and (max-width: 480px) {
  .page-showroom .showroom-ancar a {
    font-size: 14px;
  }
}

.page-showroom .showroom-ancar a:hover {
  text-decoration: none;
  opacity: .6;
}

.page-showroom .showroom-ancar a::before {
  margin-right: 10px;
  content: '\f078';
  font-weight: normal;
  font-family: 'Font Awesome 5 Solid';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-showroom .product-name {
  margin: 50px 0 15px;
  /* border-bottom: 2px solid #aaa; */
}

.page-showroom .product-name span {
  margin-bottom: 15px;
  padding: 10px 30px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .page-showroom .product-name span {
    display: block;
    width: 100%;
    min-width: auto;
    font-size: 22px;
    box-sizing: border-box;
  }
}

.page-showroom.base .wrap>.product-name.square span {
  position: relative;
  background: none !important;
  color: #000 !important;
}

.page-showroom.base .wrap>.product-name.square span::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 15px;
  height: 15px;
  background: #fed900;
}

.page-showroom.base .product-name span {
  margin-bottom: 15px;
  padding: 10px 30px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .page-showroom.base .product-name span {
    text-align: left;
  }
}

.page-showroom .product-int-ttl {
  position: relative;
  margin-bottom: 20px;
  padding-left: 35px;
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #222;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .page-showroom .product-int-ttl {
    font-size: 20px;
  }
}

.page-showroom .product-int-ttl::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fed900;
}

.page-showroom .detail-box {
  margin-bottom: 70px;
  padding-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 90px 30px;
  /* border-bottom: 2px solid #ccc; */
}

.page-showroom .detail-box .detail-box-cnt {
  width: calc((100% - 30px *2) / 3);
}

@media screen and (max-width: 768px) {
  .page-showroom .detail-box .detail-box-cnt {
    width: 100%
  }
}

.page-showroom .detail-box .detail-box-cnt.modules {
  width: calc((100% - 30px * 3) / 4);
}

@media screen and (max-width: 768px) {
  .page-showroom .detail-box .detail-box-cnt.modules {
    width: calc((100% - 30px) / 2);
  }
}

@media screen and (max-width: 768px) {
  .page-showroom .detail-box .detail-box-cnt.modules {
    width: 100%;
  }
}

.page-showroom .detail-box .detail-box-cnt .ttl {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-showroom .detail-box .detail-box-cnt.modules .ttl {
  padding: 0 0 10px 0;
  width: 100%;
  justify-content: center;
  text-align: center;
  border-bottom: 2px solid #000;
}

@media screen and (max-width: 480px) {
  .page-showroom .detail-box .detail-box-cnt .ttl {
    font-size: 20px;
  }
}

.page-showroom .detail-box .detail-box-cnt .ttl span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  width: 60px;
  height: 40px;
  background: #000;
  font-size: 30px;
  color: #ffff00;
}

@media screen and (max-width: 768px) {
  .page-showroom .detail-box .detail-box-cnt .ttl span {
    width: 50px;
    height: 60px;
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  .page-showroom .detail-box .detail-box-cnt .ttl span {
    width: 40px;
    height: 50px;
  }
}

.page-showroom .detail-box .detail-box-cnt .ttl strong {
  width: calc(100% - 60px - 20px);
}

@media screen and (max-width: 768px) {
  .page-showroom .detail-box .detail-box-cnt .ttl strong {
    width: calc(100% - 40px - 20px);
  }
}

@media screen and (max-width: 480px) {
  .page-showroom .detail-box .detail-box-cnt .ttl strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .page-showroom .detail-box .detail-box-cnt .ttl strong br {
    display: none;
  }
}

.page-showroom .detail-box .detail-box-cnt figure {
  margin: 20px 0;
  text-align: center;
}

.page-showroom .detail-box .detail-box-cnt figure.modules-logo img {
  max-height: 46px;
}

.page-showroom .detail-box .detail-box-cnt.modules figcaption {
  margin: 20px 0;
  height: 46px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-showroom .detail-box .detail-box-cnt figure.product-logo {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-showroom .detail-box .detail-box-cnt figure.product-logo figcaption {
  font-size: 26px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 480px) {
  .page-showroom .detail-box .detail-box-cnt figure.product-logo figcaption {
      font-size: 18px;
    }
}

.page-showroom.base .detail-box .detail-box-cnt figure.product-logo {
  height: auto;
}

.page-showroom .detail-box .detail-box-cnt figure.product-logo img {
  max-height: 66px;
}

@media screen and (max-width: 480px) {
  .page-showroom .detail-box .detail-box-cnt figure.product-logo img {
    max-height: 40px;
  }
}

.page-showroom.base .detail-box .detail-box-cnt figure.product-logo img {
  max-height: 50px;
}

.page-showroom .detail-box .detail-box-cnt.modules figure.product-logo img {
  max-height: 46px;
}

.page-showroom.base .detail-box .detail-box-cnt.modules figure.product-logo img {
  max-height: 40px;
}

.page-showroom .detail-box .detail-box-cnt .detail-txt {
  position: relative;
}

/* .page-showroom .detail-box .detail-box-cnt .detail-txt::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #000;
} */
.page-showroom .detail-box .detail-box-cnt.modules .detail-txt {
  margin-top: 20px;
  padding-left: 0;
}

.page-showroom .detail-box .detail-box-cnt.modules .detail-txt::before {
  content: none;
}

.page-showroom .detail-box .detail-box-cnt .detail-link {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

.detail-link a {
  display: block;
  max-width: 200px;
  margin: 0 auto;
  padding: 10px 20px;
  text-decoration: none;
  background: #ffbb49;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  transition: all .3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.detail-link a::after {
  margin-left: 20px;
  content: '\f105';
  font-weight: normal;
  font-family: 'Font Awesome 5 Solid';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.detail-link a:hover {
  text-decoration: none;
  opacity: .6;
}

.page-showroom .showroom-box .detail-box:last-child .detail-box-cnt:not(.modules) .ttl {
  position: relative;
  padding: 10px 10px 10px 50px;
  border: 1px solid #ccc;
}

.page-showroom .showroom-box .detail-box:last-child .detail-box-cnt:not(.modules) .ttl::before {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 50%;
  transform: translateY(50%);
  width: 15px;
  height: 15px;
  background: #fed900;
}

.page-showroom .showroom-box .detail-box:last-child .detail-box-cnt:not(.modules) .ttl span {
  display: none;
}

.page-showroom #sdgs-footer {
  padding-top: 0;
  border-top: 0;
}

/******************************************　　　　　　　　
イノベーションセンター>拠点紹介
******************************************/
.page-showroom #sdgs-header #navTgl:checked+.open {
  transform: translateX(-270px);
}
.page-showroom #sdgs-header-gnavi-sp {
  width: 270px;
}
.page-showroom.base h1 {
  margin: 30px 0 0;
  font-size: 45px;
  font-weight: bold;
  color: #000;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .page-showroom.base h1 {
    font-size: 30px;
  }
}

@media screen and (max-width: 480px) {
  .page-showroom.base h1 {
    font-size: 25px;
  }
}

.page-showroom.base h2 {
  padding: 10px;
  background: #747474;
  border-bottom: 4px solid #000;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .page-showroom.base h2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 480px) {
  .page-showroom.base h2 {
    font-size: 20px;
  }
}

.page-showroom.base .showroom-ancar {
  margin-bottom: 20px;
  padding: 0;
  gap: 20px 30px;
  border: none;
}

@media screen and (max-width: 768px) {
  .page-showroom.base .showroom-ancar {
    margin-bottom: 60px;
    gap: 10px;
  }
}

@media screen and (max-width: 480px) {
  .page-showroom.base .showroom-ancar {
    margin-bottom: 30px;
  }
}

.page-showroom.base .showroom-ancar a {
  background: #747474;
  border-bottom: 4px solid #000;
}

.page-showroom.base .base-box .flex-box {
  gap: 30px;
}

.page-showroom.base .base-box .base-box-cnt {
  margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
  .page-showroom.base .base-box .flex-box {
    flex-wrap: wrap;
  }
}

.page-showroom.base .base-img {
  display: flex;
  width: 35%;
}

@media screen and (max-width: 768px) {
  .page-showroom.base .base-img {
    width: 100%;
    justify-content: center;
  }
}

.page-showroom.base .cnt {
  width: calc(100% - 35% - 30px);
}

@media screen and (max-width: 768px) {
  .page-showroom.base .cnt {
    width: 100%;
  }
}

.page-showroom.base .base_logo {
  width: 300px;
}

@media screen and (max-width: 768px) {
  .page-showroom.base .base_logo {
    margin: 0 auto;
  }
}

.page-showroom.base .txt .exhibited_products {
  font-size: 16px;
}

.page-showroom.base .txt .exhibited_products>p {
  margin: 0;
}

.page-showroom.base .txt :not(.exhibited_products) {
  margin-top: 20px;
  font-size: 16px;
}

.page-showroom.base .txt :not(.exhibited_products) p {
  position: relative;
  /* padding-left: 20px; */
}

/* .page-showroom.base .txt :not(.exhibited_products) p::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #000;
} */
.page-showroom.base .showroom-ancar.product-btn {
  margin-bottom: 50px;
  padding: 10px 0;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

.page-showroom.base h3 {
  position: relative;
  padding-left: 40px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 2px solid #000;
}

@media screen and (max-width: 768px) {
  .page-showroom.base h3 {
    padding-left: 30px;
    font-size: 22px;
  }
}

.page-showroom.base h3::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 25px;
  height: 25px;
  background: #fed900;
}

@media screen and (max-width: 768px) {
  .page-showroom.base h3::before {
    width: 20px;
    height: 20px;
  }
}

.page-showroom.base .link-box.flex-box {
  margin: 40px 0;
  justify-content: center;
  align-items: center;
}

.page-showroom.base .link-box.flex-box .acsess_link a {
  min-width: 300px;
  max-width: none;
}

.page-showroom.base .link-box.flex-box .acsess_link.yoyaku a {
  background: #000;
  color: #fcd70a;
}

@media screen and (max-width: 768px) {
  .page-showroom.base .link-box.flex-box {
    flex-direction: column;
    align-items: center;
  }
}

.page-showroom.base .link-box.flex-box a {
  margin: 0 !important;
  transition: all .3s;
}

.page-showroom.base .base-box .acsess_link a {
  margin: 30px auto 90px;
  max-width: 300px;
  text-align: center;
}

.page-showroom.base .base-box .acsess_link a::after {
  margin-left: 20px;
  content: '\f105';
  font-weight: normal;
  font-family: 'Font Awesome 5 Solid';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-showroom.base .acsess_link a {
  display: block;
  margin: 0 auto;
  padding: 10px 20px;
  text-decoration: none;
  background: #ffbb49;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  transition: all .3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-showroom.base .link-box.flex-box a:hover,
.page-showroom.base .base-box .acsess_link a:hover {
  text-decoration: none;
  opacity: .6;
}

.page-showroom.base .wrap>h3 {
  padding: 0;
  border: none;
}

.page-showroom.base .wrap>h3::before {
  content: none;
}

.page-showroom.base .border-box {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid#ccc;
}

.page-showroom.base .base-label {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 30px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-showroom.base .base-label::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 15px;
  height: 15px;
  background: #fed900;
}

.page-showroom .sdgs-copyright {
  font-family: 'Arial',
    'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    'Osaka',
    'ＭＳ Ｐゴシック',
    sans-serif;
}

/* サブメニュー */
.page-showroom .sub-menu {
  display: none;
  position: absolute;
  right: 0;
  width: 250px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  z-index: 1;
}

.page-showroom .visit:hover .sub-menu {
  display: block;
}

.page-showroom .sub-menu li {
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.page-showroom .sub-menu li:last-of-type {
  border-bottom: none;
}

.page-showroom .sub-menu li a {
  display: block;
  padding: 5px 10px;
  color: #333;
}

.page-showroom.northern-kanto .note-box ul {
  margin: 20px 0;
  padding-left: 30px;
}
.page-showroom.northern-kanto .note-box ul li {
  list-style-type: square;
  font-size: 16px;
}
.page-showroom.northern-kanto .access-box {
  gap: 50px;
}
@media screen and (max-width: 1200px) {
  .page-showroom.northern-kanto .access-box {
    flex-wrap: wrap;
    }
}
.page-showroom.northern-kanto .access-box .access-cnt {
  width: 30%;
}
.page-showroom.northern-kanto .access-box iframe {
  width: 70%;
}
@media screen and (max-width: 1200px) {
  .page-showroom.northern-kanto .access-box .access-cnt,
  .page-showroom.northern-kanto .access-box iframe {
    width: 100%;
  }
  .page-showroom.northern-kanto .access-box iframe {
    height: 300px;
  }
}
.page-showroom.northern-kanto .access-box .access-cnt .ttl {
  margin: 78px 0 10px;
  font-size: 20px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-showroom.northern-kanto .access-box .access-cnt .ttl:first-of-type {
  margin-top: 0;
}
/* .page-showroom.northern-kanto .access-box .access-cnt .ttl::before {
  margin-right: 10px;
  content: '\f239';
  font-weight: normal;
  font-family: 'Font Awesome 5 Solid';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-showroom.northern-kanto .access-box .access-cnt .ttl.car::before {
  content: '\f1b9';
}
.page-showroom.northern-kanto .access-box .access-cnt .ttl.access::before {
  content: '\f3c5';
} */
.page-showroom.northern-kanto .product-name {
  margin-top: 90px;
}
.page-showroom.northern-kanto .lineup-box {
  margin-top: 50px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .page-showroom.northern-kanto .lineup-box {
      margin-top: 60px;
      margin-bottom: 60px;
      justify-content: center;
      gap: 20px;
    }
}
.page-showroom.northern-kanto .lineup-box figure {
  margin-top: 0;
}
.page-showroom.northern-kanto .lineup-box .detail-link a::after {
  content: '\f078';
}


.support-h1 dd:first-of-type{
  padding-bottom: 0px!important;
}
.support-h1 dd a{
  color: #0070c0;
  text-decoration:underline;
}
.support-h1 dd a:hover{
opacity: 0.6;
}

.support2{
  margin-bottom: 60px !important;
}

/**********************************

sdgsページ｜追加修正

***********************************/


.sdgs-photo-list .flex-box{
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  /* margin-top: 80px; */
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 80px;
}
.sdgs-photo-list{
  padding: 0 20px;
}
.sdgs-photo-list .flex-box img{
  vertical-align: bottom;
  max-width: 100%;
  height: 180px;
}
.text-brock{
  font-size: 16px;
  padding-top: 8px;
}

.photo-brock {
  border: 8px solid #e8e8e8;
}

.sdgs-photo-list li {
  width: 24%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sdgs-photo-list .flex-box{
    flex-direction: column;
  }
  .sdgs-photo-list li{
    width: 100%;
    padding-bottom: 8px;
  }
}

.sdgs-photo-list a{
  text-decoration: none;
}

/******************************************　　　　　　　　
歴史・沿革　アンカーリンク
******************************************/
.history-button-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 60px 0 20px;
}

.history-anchor-btn {
  position: relative;
  text-decoration: none;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  width: calc(100% - (20px * 2) / 3);
  font-size: 16px;
  text-align: center;
  color: #333;
}

.history-anchor-btn::before {
  position: absolute;
  left: 15px;
  bottom: 50%;
  transform: translateY(50%);
  content: '\f078';
  font-weight: normal;
  font-family: 'Font Awesome 5 Solid';
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.history-anchor-btn:hover {
  background-color: #1b286e;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  /* カーソルをポインターに変更 */
}

#history-pagetop {
  position: fixed;
  right: 30px;
  bottom: 15px;
  z-index: 1;
}

#history-pagetop img {
  width: 48px;
  opacity: 0.8;
}

.page-history h3 {
  position: relative;
  margin-top: 50px;
  padding-bottom: 10px;
  background: none;
  border-top: none;
  border-bottom: 3px solid #000;
  font-size: 20px;
  color: #000;
}

.page-history h3::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 30%;
  height: 3px;
  background: #f8d000;
}

.page-history h3 span {
  padding: 0;
  background: none;
}

/******************************************　　　　　　　　
イノベーションセンタートップ｜MV動画
******************************************/
.showroom-mv {
  position: relative;
  width: 100%;
  height: calc(100vh - 100px);
  overflow: hidden;
  z-index: 2;
}

.showroom-mv::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.showroom-mv figure.logo {
  margin: calc(50vh - 190px) 0 50vh;
}

.showroom-mv img {
  width: auto;
}

@media screen and (max-width: 768px) {
  .showroom-mv img {
    width: 71.614vw;
  }
}

.showroom-mv .txt {
  margin: 0 20px 150px;
  font-family: 'HGPゴシックE', sans-serif;
  letter-spacing: 1px;
  line-height: 1.6;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .showroom-mv .txt {
    margin: 0 20px 19.53125vw;
  }
}

.showroom-mv .txt p {
  margin-bottom: 40px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .showroom-mv .txt p {
    font-size: 16px;
  }
}

.showroom-mv .txt span {
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.showroom-mv .txt a.youtube-link {
  padding: 10px;
  margin: 100px auto 0;
  display: block;
  max-width: 400px;
  border: 2px solid #fff;
  background: #343434;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  transition: all .3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  .showroom-mv .txt a.youtube-link {
    margin: 13.02083vw auto 0;
    font-size: 16px;
  }
}

.showroom-mv .txt a.youtube-link:hover {
  text-decoration: none;
  background: #000;
}

.showroom-mv .txt a.youtube-link::after {
  margin-left: 10px;
  content: '\f105';
  font-weight: normal;
  font-family: 'Font Awesome 5 Solid';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 100px);
  object-fit: cover;
  z-index: -1;
}

.scroll-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 100%;
  height: calc(100vh - 100px);
  overflow-y: auto;
  scroll-behavior: smooth;
  z-index: 2;
}

.scroll_down {
  margin-top: 50px;
}

.scroll_down a {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll_down a {
  position: relative;
  color: #fff;
  display: block;
  background-size: 14px auto;
  z-index: 2;
  text-decoration: none;
}

.scroll_down a:before {
  position: absolute;
  top: calc(50% + 24px);
  left: calc(50% - 8px);
  transform: rotate(-45deg);
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  border: 2px solid #fff;
  border-width: 0px 0 2px 2px;
  animation: bounce 2s linear infinite;
}

.scroll_down a:after {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  content: "";
  border-radius: 50%;
  top: calc(50% + 16px);
  left: calc(50% - 19px);
}

@keyframes bounce {

  0%,
  100%,
  20%,
  50%,
  70%,
  80% {
    -webkit-transform: translateY(0)rotate(-45deg);
    -ms-transform: translateY(0)rotate(-45deg);
    transform: translateY(0)rotate(-45deg);
  }

  40% {
    -webkit-transform: translateY(-8px)rotate(-45deg);
    -ms-transform: translateY(-8px)rotate(-45deg);
    transform: translateY(-8px)rotate(-45deg);
  }

  60% {
    -webkit-transform: translateY(-4px)rotate(-45deg);
    -ms-transform: translateY(-4px)rotate(-45deg);
    transform: translateY(-4px)rotate(-45deg);
  }
}