@charset "utf-8";
/*
Theme Name: エジソンハードウェア株式会社
Version:2.0
*/
/*reset
---------------------------------------*/
* {
 margin: 0;
 padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
 margin: 0;
 padding: 0;
}
a:link {
 color: #0063EB;
}
a:visited {
 color: #00429C;
}
a:hover {
 color: #2790FF;
}
a:active {
 color: #BB0000;
}
@media all and (-ms-high-contrast:none) {
 a {
  position: relative;
  top: 3px;
 }
}
img {
 vertical-align: bottom;
}
ul, ol {
 list-style-type: none;
 padding: 0px;
 text-indent: 0;
 margin: 0px;
}
a img {
 text-decoration: none;
 border: none;
 webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
a img:hover {
 opacity: 0.8;
}
.img_mid {
 vertical-align: middle;
}
address {
 font-style: normal;
}
table {
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.none {
 display: none;
}
.clear {
 clear: both;
}
.no_clear {
 clear: none !important;
}
.clearfix {
 display: block;
 height: 0;
 font-size: 0;
 clear: both;
 visibility: hidden;
}
caption, th, td {
 text-align: left;
}
.flex {
 display: flex;
 flex-wrap: wrap;
}
.smart {
 display: none;
}
input[type="submit"] {
 -webkit-appearance: none;
}
/*basic style
---------------------------------------*/
.flol {
 float: left;
}
.flor {
 float: right;
}
.txr {
 text-align: right;
}
.txl {
 text-align: left;
}
.txc {
 text-align: center;
}
.nomar {
 margin: 0 !important
}
.bold {
 font-weight: bold;
}
.large {
 font-size: 1.1em;
}
.llarge {
 font-size: 1.2em;
}
.xlarge {
 font-size: 1.3em;
}
.xxlarge {
 font-size: 1.4em;
}
.xxxlarge {
 font-size: 1.7em;
}
.small {
 font-size: 0.9em;
}
.ssmall {
 font-size: 0.8em;
}
.xsmall {
 font-size: 0.7em;
}
.xxsmall {
 font-size: 0.6em;
}
.rela {
 position: relative;
}
.underline {
 text-decoration: underline;
}
.overflow_hidden {
 overflow: hidden;
}
.fs08 {
 font-size: 0.8em;
}
.fs09 {
 font-size: 0.9em;
}
.fs10 {
 font-size: 1em;
}
.fs11 {
 font-size: 1.1em;
}
.fs12 {
 font-size: 1.2em;
}
.fs13 {
 font-size: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
 clear: both;
}
.marker-blue {
 background: linear-gradient(transparent 50%, #CAE9F6 40%);
}
.marker-yellow {
 background: linear-gradient(transparent 50%, #F8FDC3 40%);
}
.marker-red {
 background: linear-gradient(transparent 50%, #ffe4e4 40%);
}
.marker-greem {
 background: linear-gradient(transparent 50%, #D6FFCC 40%);
}
/*body
---------------------------------------*/
body {
 font-size: 16px;
 line-height: 1.6em;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #707070;
 font-weight: 500;
}
.wrap {
 max-width: 1120px;
 margin: 0 auto;
}
#header {
 height: 70px;
 background-color: #fff;
 position: fixed;
 z-index: 110;
 top: 0;
 left: 0;
 width: 100%;
}
.admin-bar #header {
 top: 32px;
}
.scrolled #header {
 box-shadow: 0 0 6px rgb(0 0 0 / 0.2);
}
#header .wrap {
 position: relative;
}
#header #nav {
 position: absolute;
 right: 0;
 top: 0;
 width: calc(100% - 220px);
}
#logo img {
 width: 175px;
}
#logo {
 padding: 11px 0 0 12px;
}
#nav li a {
 text-decoration: none;
 color: #707070;
 display: block;
 padding: 15px 5px;
 font-weight: bold;
 line-height: 1em;
}
#nav li:hover {
 background-color: #E8F4FF;
}
#nav li.current_page_item {
 background-color: #C9DFF2;
}
#nav li {
 float: left;
 border-right: 1px solid #E4E4E4;
 width: 16.66%;
 text-align: center;
 padding: 12px 0;
 box-sizing: border-box;
 height: 70px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#nav li .sub-menu {
 visibility: hidden;
 opacity: 0;
 position: fixed;
 left: 0;
 top: 50px;
 width: 100%;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.admin-bar #nav li .sub-menu {
 top: 82px;
}
#nav li:last-child {
 border: none;
}
#nav li:hover .sub-menu {
 visibility: visible;
 opacity: 1;
 top: 70px;
}
.admin-bar #nav li:hover .sub-menu {
 top: 102px;
}
#nav li .sub-menu .wrap {
 background-color: rgb(0 18 65 / 90%);
 box-sizing: border-box;
 padding: 20px 30px;
}
#nav li .sub-menu .wrap dl {
 width: 20%;
 box-sizing: border-box;
 padding: 0 7px;
}
#nav li .sub-menu .wrap dl.wide {
 width: 40%;
}
#nav li .sub-menu a {
 padding: 0;
 margin: 0;
 color: #fff;
 font-weight: 500;
 font-size: 0.9em;
}
#nav li .sub-menu li {
 float: none;
 width: auto;
 height: auto;
 text-align: left;
 border: none !important;
 position: relative;
 padding: 7px 0 7px 21px;
}
#nav li .sub-menu li:hover {
 background-color: #001241;
}
#nav li .sub-menu p a {
 text-align: left;
 font-weight: bold;
}
#nav li .sub-menu dd {
 padding: 10px 0 0 0;
}
#nav li .sub-menu dt {
 margin-bottom: 5px;
}
#nav li .sub-menu ul {
 padding-top: 7px;
}
#nav li .sub-menu li:after {
 content: "";
 width: 9px;
 height: 9px;
 background-color: #fff;
 position: absolute;
 left: 7px;
 top: 10px;
}
/*Top
---------------------------------------*/
#topSlide {
 overflow: hidden;
 position: relative;
 opacity: 0;
}
#top_slide .catch {
 position: absolute;
 top: 200px;
 z-index: 100;
 left: 0;
 width: 100%;
 text-align: center;
}
#top_slide .catch img {
 max-width: 900px;
 width: 80%;
}
#top_slide li.slide01 {
 background-image: url(img/slide01.jpg);
}
#top_slide li.slide02 {
 background-image: url(img/slide02.jpg);
}
#top_slide li.slide03 {
 background-image: url(img/slide03.jpg);
}
#top_slide li {
 height: 700px;
 background-repeat: no-repeat;
 background-position: 0 center;
 background-size: cover;
 /*background-size: 110%;
 -moz-transition: background-position 6s linear;
 -o-transition: background-position 6s linear;
 -webkit-transition: background-position 6s linear;
 transition: background-position 6s linear;*/
}
#top_slide li.active {
 /*background-position: -100px center;*/
 background-position: center;
}
#topBox {
 margin: 50px 0;
 text-align: center;
}
#topBox ul {
 display: flex;
 width: 90%;
 margin: 0 auto;
 gap: 10px;
 flex-wrap: wrap;
 justify-content: center;
}
#topBox ul li {
 width: auto;
 max-width: 290px;
 text-align: center;
 box-sizing: border-box;
}
ul.service {
 display: flex;
 flex-wrap: wrap;
}
img {
 max-width: 100%;
 height: auto;
}
ul.service li {
 width: 25%;
 position: relative;
}
ul.service li dl {
 padding: 20px;
 position: relative;
}
a.hv {
 position: absolute;
 display: block;
 width: 100%;
 top: 0;
 left: 0;
 height: 100%;
 z-index: 1;
}
ul.service li img {
 border-radius: 150%;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
ul.service li:hover img {
 /*transform: scale(1.1);*/
 opacity: 0.85;
}
ul.service li dt {
 border-radius: 150%;
 overflow: hidden;
 position: relative;
}
ul.service li dt:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.31);
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
ul.service li:hover dt:after {
 opacity: 0;
}
ul.service li dd {
 position: absolute;
 width: 100%;
 font-weight: bold;
 color: #fff;
 top: 46%;
 text-align: center;
 font-size: 1.5em;
 left: 0;
 line-height: 1em;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
ul.service li:hover dd {
 text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
}
#topNews, #mainProduct, #mainService {
 margin: 100px 0;
}
.md3 {
 transform: skew(-10deg, 0deg);
 font-size: 1.25em;
 font-weight: bold;
 border-left: 10px solid #217DCA;
 border-bottom: 1px solid #217DCA;
 padding: 3px 0 3px 10px;
 margin-bottom: 45px;
 color: #217DCA;
}
ul.products li {
 float: left;
 width: 33.33333%;
 box-sizing: border-box;
 position: relative;
}
ul.products li dl {
 padding: 10px;
}
ul.products {
 overflow: hidden;
}
ul.products li h3 {
 font-size: 1.25em;
 line-height: 1.3em;
 margin: 8px 0 10px 0;
 border-bottom: 1px solid #707070;
 padding-bottom: 5px;
}
ul.products li .more a {
 background-color: #217DCA;
 color: #fff;
 text-decoration: none;
 border-radius: 8px;
 font-size: 0.875em;
 padding: 6px 15px;
 display: block;
 float: right;
}
ul.products li .more {
 overflow: hidden;
}
ul.products li .ex {
 margin-bottom: 10px;
 line-height: 1.8em;
 font-size: 0.9em;
}
ul.products li dt {
 overflow: hidden;
}
ul.products li dt img {
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
ul.products li dt:hover img {
 transform: scale(1.1);
}
.content_post .product_link1 .slick-dots, ul.slick-dots, #mainProduct .bx-pager {
 text-align: center;
 padding: 20px 0 0 0;
}
.content_post .product_link1 .slick-dots li, ul.slick-dots li, #mainProduct .bx-pager .bx-pager-item {
 display: inline-block;
 margin: 0 6px;
}
ul.products .slick-dots li {
 float: none;
 width: auto;
 line-height: 1em;
}
.content_post .product_link1 .slick-dots li {
 width: auto;
 background-color: transparent;
 border: none;
 display: inline-block;
}
.content_post .product_link1 .slick-dots {
 width: 100%;
 padding: 0;
 margin: 0;
}
ul.slick-dots .slick-active button {
 background-color: #000;
 border-color: #000;
}
.content_post .product_link_box .product_link1 .slick-dots li {
 width: auto;
}
ul.slick-dots li button, #mainProduct .bx-pager .bx-pager-item a {
 display: block;
 background-color: #aaa;
 border-radius: 150%;
 width: 15px;
 height: 15px;
 overflow: hidden;
 text-indent: -99999px;
}
ul.slick-dots li button {
 position: static;
 box-shadow: none;
 background-image: none;
 opacity: 1;
}
.content_post .add_slide div {
 margin-bottom: 0;
}
#mainProduct .bx-controls-direction a {
 position: absolute;
 top: 26%;
 left: 0;
 width: 32px;
 height: 32px;
 display: block;
 z-index: 10;
 background-image: url(img/controls.png);
 background-position: 0 0;
 opacity: 0;
}
#mainProduct .bx-wrapper {
 position: relative;
}
#mainProduct .bx-controls-direction a.bx-next {
 right: 0;
 left: auto;
 background-position: 53px 0;
}
#mainProduct:hover .bx-controls-direction a {
 opacity: 0.7;
}
a.more_news {
 position: absolute;
 right: 0;
 top: 4px;
 color: initial;
 text-decoration: none;
 display: block;
 padding-right: 22px;
}
a.more_news:after {
 content: "";
 position: absolute;
 right: -11px;
 top: 6px;
 border-width: 6px 12px;
 border-style: solid;
 border-color: transparent transparent transparent #707070;
}
ul.news_list li {
 padding: 15px 5px;
 border-bottom: 1px dotted #707070;
 display: flex;
 flex-wrap: wrap;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
ul.news_list li:hover {
 background-color: #f5f5f5;
}
ul.news_list li .date {
 width: 90px;
}
ul.news_list li .cats {
 width: 110px;
 text-align: center;
 background-color: #217DCA;
 margin-right: 10px;
}
ul.news_list li .cats .cat {
 background-color: #217DCA;
 font-size: 0.875em;
 padding: 3px 12px;
 border-radius: 1px;
 color: #fff;
}
ul.news_list li:last-child {
 border: none;
}
ul.news_list li .title {
 width: calc(100% - 210px);
}
ul.news_list li {
 position: relative;
}
.content_post .product_page_link {
 display: flex;
 flex-wrap: wrap;
}
.content_post .product_page_link li {
 list-style: none;
 padding: 0;
 margin: 0 0.5% 15px 0.5%;
 width: 32.33333%;
 text-align: center;
}
.content_post .product_page_link li a {
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 padding: 40px 1em;
 display: block;
 background: rgb(33, 125, 202);
 background: linear-gradient(133deg, rgba(33, 125, 202, 1) 0%, rgba(0, 41, 121, 1) 100%);
 font-size: 1.3em;
 line-height: 1.3em;
 border-radius: 6px;
}
/*single product
---------------------------------------*/
#product_name {
 font-size: 2em;
 line-height: 1.4em;
 border-bottom: 1px solid #413838;
 color: #413838;
 margin-top: 25px;
}
.product_cat_name {
 border-bottom: 1px solid #707070;
 font-size: 1.2em;
 line-height: 1.3em;
 font-weight: 500;
 padding-bottom: 7px;
}
.product_meta {
 position: relative;
 padding: 20px 0 0 0;
 margin-bottom: 35px;
}
.product_meta .child_link {
 margin-bottom: 0;
 position: absolute;
 bottom: 3px;
 right: 0;
}
.product_meta .child_link li a {
 padding: 3px 12px;
 font-size: 0.8em;
}
.product_meta .child_link li {
 margin: 0 5px 2px 0;
}
.product_cover {
 overflow: hidden;
}
.product_cover .product_right {
 float: right;
 width: 33%;
 position: relative;
}
.product_cover .product_left {
 float: left;
 width: 63%;
}
.sub_pager {
 display: flex;
 flex-wrap: wrap;
}
.sub_pager div {
 width: 33.333%;
 text-align: center;
 display: block;
 box-sizing: border-box;
 border: 3px solid #fff;
 cursor: pointer;
}
.slick-slider button, .product_cover .product_right .bx-controls a {
 position: absolute;
 right: 0;
 top: 43%;
 display: block;
 overflow: hidden;
 width: 31px;
 height: 31px;
 background-position: -40px -30px;
 background-repeat: no-repeat;
 background-image: url(img/controls.png);
 background-size: 90px;
 text-indent: -9999px;
 opacity: 0;
 z-index: 2;
 border: none;
 background-color: transparent;
 cursor: pointer;
}
#mainProduct .slick-slider button {
 opacity: 1;
}
.slick-slider button.slick-prev, .product_cover .product_right .bx-controls a.bx-prev {
 right: auto;
 left: 0;
 background-position: 0 -30px;
}
.product_right:hover .slick-slider button, .product_cover .product_right:hover .bx-controls a {
 opacity: 0.8;
}
.product_header.rela .sub_title {
 position: absolute;
 right: 0;
 bottom: 0px;
 font-size: 0.95em;
 line-height: 1.3em;
}
.product_tags {
 display: flex;
 text-align: center;
 float: right;
}
.product_tags li {
 width: 100px;
 background-color: #217DCA;
 border-radius: 7px;
 color: #fff;
 font-weight: bold;
 line-height: 1.2em;
 padding: 5px 1px;
 font-size: 0.75em;
 margin: 5px 5px 5px 0;
 display: flex;
 align-items: center;
 text-align: center;
 justify-content: center;
 min-height: 39px;
 box-sizing: border-box;
}
.product_tags li.pro_tag_rohs {
 padding: 0;
 background-color: transparent;
 width: 80px;
}
.product_tags li.pro_tag_rohs img {
 width: 80px;
 height: auto;
}
.content_post .has-3-columns .wp-block-column h4 {
 color: initial;
 font-size: 1.2em;
 margin-bottom: 5px;
}
.content_post .has-3-columns .wp-block-column h4 + p {
 font-size: 0.95em;
}
.content_post .sep_div.gray_box {
 background-color: #f0f0f0;
 padding: 15px 15px 1px 15px;
 border-radius: 8px;
}
.content_post .sep_div.gray_box * {
 margin-bottom: 5px;
}
.content_post .sep_div.gray_box h4 {
 color: initial;
 font-size: 1.1em;
}
.content_post .wp-block-file {
 border-radius: 6px;
 background-color: #217DCA;
 color: #fff;
 display: block;
 padding: 11px 20px;
}
.content_post .wp-block-file a {
 color: #fff;
 text-decoration: none;
}
body .content_post .wp-block-file .wp-block-file__button, body .content_post .wp-block-file .wp-block-file__button:link, body .content_post .wp-block-file .wp-block-file__button:visited {
 background-color: #fff;
 color: #217DCA;
 font-weight: bold;
}
body .content_post .wp-block-file .wp-block-file__button:hover {
 color: #217DCA;
}
.content_post .product_link1 {
 display: flex;
 flex-wrap: wrap;
 position: relative;
}
.content_post .product_link1 li {
 width: 32.333%;
 list-style: none;
 margin: 0 0.5% 15px 0.5%;
 text-align: center;
 background-color: #E6F0F8;
 padding: 0;
 box-sizing: border-box;
 /*border: 1px solid #707070;*/
 position: relative;
}
.content_post .product_link1.slick-slider li {
 margin-right: 5px;
 margin-left: 5px;
}
.content_post .product_link_box .product_link1 li {
 width: 24%;
}
.content_post .product_link1.setsubi li {
 width: 24%;
 border-radius: 150%;
 height: 268px;
 box-sizing: border-box;
 padding-top: 41px;
 overflow: hidden;
}
.content_post .product_link1 dt {
 position: relative;
 text-align: left;
 padding: 15px;
 color: #fff;
 background-color: #002979;
 font-size: 1.2em;
 line-height: 1.3em;
}
.content_post .product_link1 dt.rohs_icon_in {
 padding-right: 110px;
}
.content_post .product_link1 dt .ic_rohs {
 position: absolute;
 right: 7px;
 top: 7px;
}
.content_post .product_link1 dt .ic_rohs img {
 width: 76px;
}
.content_post .product_link1 .product_tags li {
 border: none;
 border-radius: 1px;
 padding: 15px 4px;
 width: 32.333%;
 margin: 0 0.5% 5px 0.5%;
 background-color: #217DCA;
}
.content_post .product_link1 .product_tags {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 0;
 float: none;
}
.content_post .product_link1 dd {
 margin-bottom: 5px;
 padding: 15px 15px 0 15px;
}
.pro_link {
 display: flex;
 flex-wrap: wrap;
}
.pro_link.solo_btn .blue_link {
 width: 100%;
}
.pro_link.solo_btn .blue_link a {
 max-width: 480px;
 width: 90%;
}
.pro_link .blue_link {
 width: 50%;
 text-align: center;
 padding: 10px 0;
}
.pro_link .blue_link a {
 display: block;
 background-color: #217DCA;
 width: 90%;
 margin: 0 auto;
 color: #fff;
 text-decoration: none;
 border-radius: 7px;
 padding: 11px 0;
 font-weight: bold;
}
/*aside
---------------------------------------*/
#aside {}
/*footer
---------------------------------------*/
#footer {
 background-color: #C9DFF2;
 padding: 60px 0 0 0;
}
#footer_nav ul#menu-footer {
 padding-bottom: 30px;
}
#footer a {
 color: initial;
 text-decoration: none;
}
#footer_nav li {
 width: 31.333%;
 margin: 0 2% 50px 0;
}
#footer_nav {
 overflow: hidden;
}
#footer_nav li > a {
 display: block;
 border-bottom: 1px solid #b1b1b1;
 font-weight: bold;
 color: #676767;
 padding-left: 3px;
}
#footer_nav ul {
 display: flex;
 flex-wrap: wrap;
}
#footer_nav li li a {
 background-size: 5px auto;
 border: none;
 padding-left: 11px;
 background-image: url(img/list_t.png);
 background-position: 0 9px;
 background-repeat: no-repeat;
 font-weight: 500;
}
#footer_nav li ul {
 padding: 10px 10px 0 10px;
}
#footer_nav li ul ul {
 padding: 4px 0 0 0;
 display: flex;
 flex-wrap: wrap;
}
#footer_nav li li {
 width: 100%;
 margin-bottom: 2px;
}
#footer_nav li li li {
 width: 48%;
}
.footer_bottom {
 padding: 20px 0 0 0;
 background-color: #6b9fcc;
 color: #fff;
}
#footer_logo {
 text-align: center;
 font-weight: bold;
 margin: 0 0 25px 0;
 font-size: 1.25em;
}
.footer_bottom .left, .footer_bottom .right {
 width: 48%;
 margin-right: 2%;
}
.footer_bottom dt {
 font-weight: bold;
 border-bottom: 1px dotted #fff;
 padding-bottom: 8px;
 margin-bottom: 8px;
}
.footer_bottom .right {
 margin-right: 0;
 margin-left: 2%;
}
#footer_nav li:nth-child(1) .sub-menu, #footer_nav li:nth-child(2) .sub-menu {
 display: flex;
 flex-wrap: wrap;
}
#footer_nav li:nth-child(1) .sub-menu li, #footer_nav li:nth-child(2) .sub-menu li {
 width: 50%;
 margin-right: 0;
 box-sizing: border-box;
 padding-right: 2%;
}
#footer_nav li:nth-child(1) .sub-menu li.wide, #footer_nav li:nth-child(2) .sub-menu li.wide {
 width: 100%;
}
#copyright {
 padding: 20px 0;
 text-align: center;
 font-size: 14px;
}
#pagetop {
 position: fixed;
 right: 10px;
 bottom: 10px;
 z-index: 100;
}
#pagetop a {
 background-image: url(img/pagetop.png);
 display: block;
 height: 70px;
 width: 80px;
 background-size: 100% auto;
 background-repeat: no-repeat;
}
#pagetop a.bottom_contact_btn {
 background-image: none;
 margin-bottom: 12px;
}
/*contant
---------------------------------------*/
#main {
 padding-top: 70px;
}
#page_header {
 height: 400px;
 background-image: url(img/page_head01.jpg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}
#page_header.product_single_head {
 background-image: url(img/products_head.jpg);
}
#page_header.news_head {
 background-image: url(/asset/wp-content/uploads/2020/12/news_head.jpg);
}
.tax-product-category #page_header.news_head {
 background-image: url(/asset/wp-content/uploads/2020/12/products_head.jpg);
}
#page_header.single_header {
 background-image: url(img/page_head_news.jpg);
}
#page_header .wrap {
 position: relative;
 height: 100%;
}
#page_header .wrap.pankuzu_wrap {
 height: auto;
}
#page_header .meta {
 position: absolute;
 bottom: 60px;
 left: 0;
 z-index: 10;
 color: #fff;
}
#page_titl {
 font-size: 2em;
 font-weight: bold;
 line-height: 1.3em;
}
#page_titl span.main_title {
 font-size: 0.7em;
}
#page_header .meta .sub {
 font-size: 1.25em;
 font-weight: bold;
}
/*archive
---------------------------------------*/
#archive_title {
 font-size: 1.8em;
 margin: 30px 0 20px 0;
}
.list2 {
 display: flex;
 flex-wrap: wrap;
}
.list2 li {
 width: 32.3333%;
 box-sizing: border-box;
 position: relative;
 margin: 0 0.5% 20px 0.5%;
}
.list2 li .title {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 7px 1em;
 background-color: rgb(0 0 0 / 0.75);
 color: #fff;
 box-sizing: border-box;
}
.content_post .rela.series_box h3 {
 padding-right: 250px;
 color: #217DCA;
 border-color: #217DCA;
}
.content_post .rela.series_box .series_catch {
 font-size: 0.65em;
 line-height: 1.4em;
 font-weight: 500;
 margin-left: 5em;
}
/*Product list*/
.content_post .product_list_title {
 color: #fff;
 background-color: #213f9c;
 padding: 10px 1em 10px 45px;
 position: relative;
 left: -15px;
 font-size: 1.2em;
 line-height: 1.3em;
 margin: 15px 0 30px 0;
 min-width: 320px;
 float: left;
}
.content_post .product_list {
 padding-top: 30px;
}
.content_post .product_list li {
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.content_post .product_list li div {
 margin-bottom: 0;
 line-height: 1.4em;
 display: flex;
 align-items: center;
}
.content_post .product_list li.th div {
 justify-content: center;
}
img.rohs_icon {
 width: 60px;
}
img.pdf_icon {
 width: 35px;
}
.content_post .product_list li li {
 border-bottom: dotted 1px #969696;
 margin: 0 0 8px 0;
 padding: 0 0 6px 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
}
.lang_en .content_post .product_list li li {
 line-height: 1.3em;
 font-size: 0.9em;
}
.lang_en .content_post .product_list li.th {
 font-size: 12px;
}
.content_post .product_list li.th {
 padding-bottom: 6px;
 margin-bottom: 8px;
 font-weight: bold;
 text-align: center;
 border-bottom: solid 1px #282828;
 display: flex;
 flex-wrap: wrap;
}
.content_post .product_list li .hinmei {
 width: 42%;
 padding-right: 1%;
 min-height: 1em;
}
.content_post .product_list li .number {
 width: 18%;
 justify-content: center;
}
.content_post .product_list li .price {
 text-align: center;
 width: 13%;
 justify-content: center;
}
.content_post .product_list li .rohs {
 text-align: center;
 width: 13%;
 justify-content: center;
}
.content_post .product_list li .shiyou {
 text-align: center;
 justify-content: center;
 width: 13%;
}
.content_post .product_list li li div {
 line-height: 1.3em;
 padding-right: 5px;
 box-sizing: border-box;
}
dl.pro_icons dt {
 width: 90px;
 text-align: right;
}
dl.pro_icons {
 display: flex;
 flex-wrap: wrap;
}
dl.pro_icons dd {
 width: calc(100% - 90px);
 box-sizing: border-box;
 padding-left: 20px;
}
.content_post .link_proc {
 display: flex;
 flex-wrap: wrap;
}
.content_post .link_proc li {
 list-style: none;
 width: 15.666%;
 margin: 0 0.5% 11px 0.5%;
 padding: 0;
 text-align: center;
 background-color: #217DCA;
 border: 1px solid #217DCA;
 border-radius: 7px;
 box-sizing: border-box;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1.3em;
 font-size: 0.9em;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_post .link_proc li:hover, .content_post .link_proc li.current {
 background-color: #fff;
}
.content_post .link_proc li:hover a, .content_post .link_proc li.current a {
 color: #217DCA;
}
.content_post .link_proc li a {
 display: block;
 padding: 10px 1em;
 color: #fff;
 text-decoration: none;
}
/**/
.content_post .product_list.product_page {
 padding-bottom: 30px;
}
.content_post .product_list.product_page.search_result {
 padding-top: 5px;
}
.content_post .product_list.product_page li.th {
 border-bottom: solid 1px #282828;
}
.content_post .product_list.product_page li {
 overflow: hidden;
 padding-bottom: 6px;
 margin-bottom: 8px;
 border-bottom: dotted 1px #969696;
 display: flex;
}
.content_post .product_list.product_page li .number {
 width: 40%;
}
.content_post .product_list.product_page li .price {
 width: 20%;
}
.content_post .product_list.product_page li .rohs {
 width: 20%;
}
.content_post .product_list.product_page li .shiyou {
 width: 20%;
}
/*searchform sou
---------------------------------------*/
.searchform, #searchform {
 clear: both;
 position: relative;
 padding-bottom: 5px;
 padding-top: 5px;
 margin: 0 auto;
}
#searchform label.screen-reader-text {
 display: none;
}
.searchform input[type="text"], #searchform input[type="text"] {
 padding: 5px;
 border-radius: 4px;
 border: #000 solid 1px;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 background-color: #fff;
}
.searchform input[type="submit"], #searchform input[type="submit"] {
 padding: 9px 14px;
 border-radius: 9px;
 border: none;
 line-height: 1em;
 font-size: 1em;
 background-color: transparent;
 color: #fff;
 position: absolute;
 right: 8px;
 top: 6px;
 background-size: 100% auto;
 background-image: url(img/search.png);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
}
.content_post span.wpcf7-not-valid-tip {
 background-image: url(img/error_mark.gif);
 background-repeat: no-repeat;
 padding-left: 25px;
 background-position: 0 7px;
 font-weight: bold;
 font-size: 0.9em;
}
input[type="submit"] {
 cursor: pointer;
}
.wpcf7-form .input_year {
 width: 8em;
}
.wpcf7-form .input_school {
 width: calc(100% - 14em);
}
/*contact sou
---------------------------------------*/
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
 padding: 9px 10px;
 border-radius: 4px;
 margin-bottom: 5px;
 border: 1px solid #DDDDDD;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wpcf7-form select {
 width: auto;
}
.wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form textarea {
 font-size: 18px;
}
.wpcf7-form input[name="zip"] {
 width: 9em;
}
.wpcf7-form input[type="checkbox"] {
 border-radius: 4px;
 margin-left: 10px;
}
.wpcf7-form input[type="submit"] {
 padding: 15px 0;
 background-color: #217DCA;
 border: none;
 font-weight: bold;
 color: #Fff;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin: 35px auto 0 auto;
 display: block;
 width: 90%;
 max-width: 400px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.mw_wp_form input.in_back_btn {
 background-color: #666;
 padding: 6px 0;
 max-width: 100px;
}
.wpcf7-form input[type="submit"]:hover {
 box-shadow: none;
 -moz-box-shadow: none;
 -o-box-shadow: none;
 -webkit-box-shadow: none;
 color: white;
 background-color: #114c7d;
}
.content_post .wpcf7 form div.wpcf7-response-output {
 background-color: #4bc555;
 font-size: 1.2em;
 text-align: center;
 color: #fff;
 font-weight: bold;
 border: 1px solid #4bc555;
 border-radius: 150px;
 padding: 2em 2em;
 line-height: 1.3em;
}
.content_post .wpcf7 form.sent div.wpcf7-response-output, .content_post div.wpcf7-mail-sent-ok {
 background-color: #4bc555;
 border: 1px solid #4bc555;
}
.content_post div.wpcf7-validation-errors, .content_post .wpcf7 form.invalid div.wpcf7-response-output {
 background-color: #ff6d6f;
 border: 1px solid #E93134;
}
.content_post .basic_form dt {
 padding: 12px 0;
 width: 320px;
 display: flex;
 font-weight: 500;
 flex-wrap: wrap;
 box-sizing: border-box;
 border-bottom: #707070 1px solid;
}
.content_post .basic_form dd {
 width: calc(100% - 320px);
 border-bottom: #707070 1px solid;
 box-sizing: border-box;
 padding: 12px 1em 7px 1em;
 margin: 0;
}
.content_post span.wpcf7-list-item {
 margin: 0 5px 2px 0;
}
.content_post .basic_form dt .f_type {
 width: 80px;
}
.content_post .basic_form .none {
 display: none;
}
.content_post .basic_form dt .name {
 width: calc(100% - 80px);
 box-sizing: border-box;
 padding-left: 20px;
}
.content_post .basic_form dt .f_type span {
 border: 2px solid #81CA21;
 display: block;
 text-align: center;
 color: #81CA21;
 font-weight: bold;
 font-size: 0.9em;
}
.content_post .basic_form dt .f_type.hissu span {
 color: #E58E1B;
 border-color: #E58E1B;
}
.content_post .basic_form {
 padding-top: 6px;
 overflow: hidden;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
}
.content_post .basic_form label {
 display: inline-block;
 cursor: pointer;
 padding: 4px 0;
 border-radius: 4px;
 line-height: 1.1em;
 margin: 2px 2px;
}
.content_post .basic_form input[type="radio"], .content_post .basic_form input[type="checkbox"] {
 width: 18px;
 height: 18px;
 position: relative;
 top: 2px;
}
.content_post ul.contact_link {
 display: flex;
 flex-wrap: wrap;
}
.content_post ul.contact_link li {
 width: 31.333%;
 margin: 0 1% 20px 1%;
 list-style: none;
 text-align: center;
 background-color: #E4E4E4;
 padding: 19px 1em;
 box-sizing: border-box;
 border-radius: 8px;
 font-size: 1.1em;
 line-height: 1.3em;
}
.content_post ul.contact_link li a {
 text-decoration: none;
 display: block;
 color: #707070;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
.content_post .yellow strong {
 background: #f9f970; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .orange strong {
 background: #FFE3D0; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .blue strong {
 background: #AEE4FF; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .green strong {
 background: #B4FFBC; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .pink strong {
 background: #FFD5F9; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .catch.txc {
 font-size: 1.5em;
 font-family: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
 margin-top: 1em;
}
.content_post .mincho {
 font-family: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*---------------------------------------
wp-pagenavi setting
---------------------------------------*/
.pagelink {
 text-align: center;
 margin-bottom: 20px;
 padding-top: 15px;
 clear: both;
 margin-top: 15px;
 padding-left: 10px;
 padding-right: 10px;
}
.wp-pagenavi {
 clear: both;
 padding-top: 10px;
 padding-left: 10px;
 margin-top: 10px;
 font-size: 1.2em;
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 padding: 3px 10px;
 margin: 2px;
 border: #217DCA solid 1px;
 display: inline-block;
 background-color: #217DCA;
 color: #fff;
 border-radius: 2px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.wp-pagenavi a:hover {
 background-color: transparent;
 color: #217DCA;
}
.wp-pagenavi span.current {
 font-weight: bold;
 border: none;
 background-color: transparent;
 color: #217DCA;
}
#page_link {
 overflow: hidden;
 border-top: #666 1px solid;
 padding-top: 30px;
 display: flex;
 flex-wrap: wrap-reverse;
}
#page_link span {
 box-sizing: border-box;
 width: 45%;
 margin-right: 5%;
}
#page_link .previous {
 text-align: right;
 margin-right: 0;
 margin-left: 5%;
}
#page_link .next {
 text-align: left;
 padding-left: 0;
 float: left;
}
#page_link span a {
 padding: 16px 25px 16px 15px;
 display: block;
 font-size: 0.9em;
 border-radius: 5px;
 font-weight: bold;
 line-height: 1.3em;
 text-decoration: none;
 border: 2px solid #6c6c6c;
 color: #6c6c6c;
}
.page_in_links {
 text-align: center;
}
.page_in_links span {
 display: inline-block;
 width: 30px;
 text-align: center;
 padding: 8px 0;
 line-height: 1.1em;
 margin: 0 5px;
}
.page_in_links a span {
 background-color: #000;
 color: #fff;
}
/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block;
}
.alignleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
.alignright {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}
/*
page link
---------------------------------------*/
.singlepostlink {
 padding-top: 20px;
 font-size: 0.9em;
}
span.oldpage {
 float: right;
}
span.newpage {
 float: left;
}
/*
social
---------------------------------------*/
#footer_social, #social {
 padding-left: 10px;
 display: block;
 padding-right: 3px;
 padding-top: 5px;
}
#footer_social li, #social li {
 float: left;
 margin-top: 5px;
 margin-left: 5px;
}
/*pankuzu
---------------------------------------*/
#pankuzu {
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 0.85em;
}
#pankuzu a {
 text-decoration: none;
}
/*content post
---------------------------------------*/
.content_post {
 clear: both;
 padding-bottom: 20px;
 padding-top: 15px;
 text-align: left;
 word-wrap: break-word;
}
.content_post div, .content_post p {
 margin-bottom: 1.5em;
 line-height: 1.8em;
}
.content_post p span {
 line-height: 1.4em;
}
.content_post img {
 max-width: 100%;
 height: auto;
}
.content_post ul li {
 list-style-type: disc;
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
}
.content_post .wp-block-gallery.columns-3 .blocks-gallery-item {
 margin: 0;
 padding: 10px;
 box-sizing: border-box;
}
.content_post .wp-block-gallery.columns-3 .blocks-gallery-item img {
 max-width: 100%;
 height: auto;
}
.content_post .wp-block-gallery.columns-3 .blocks-gallery-item figure {
 align-items: center;
}
.nounyu_list.wp-block-gallery .blocks-gallery-item figcaption {
 position: absolute;
 width: 100%;
 background: none;
 background-color: #2c2c2c;
 font-size: 1rem;
 padding: 8px 10px;
 font-weight: bold;
 box-sizing: border-box;
}
.nounyu_list.wp-block-gallery .blocks-gallery-item figure {
 flex-wrap: wrap;
 position: relative;
}
.content_post ul.nomark li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}
.content_post .wp-block-gallery ul li {
 list-style: none;
 margin: inherit;
}
.content_post .wp-block-gallery ul li figcaption {
 box-sizing: border-box;
}
.content_post .wp-block-gallery ul li figure {
 position: relative;
}
.content_post .wp-block-gallery ul li img {
 width: 100%;
}
.content_post ol {
 list-style-type: decimal;
}
.content_post ol li {
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
 list-style-type: decimal;
}
.content_post ul, .content_post ol {
 margin-bottom: 1em
}
.content_post ol.maru_number li {
 list-style: none;
 padding-left: 1.5em;
 position: relative;
}
.content_post ol.maru_number li:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 font-size: 1em;
}
.content_post ol.maru_number li:nth-child(1):after {
 content: "①";
}
.content_post ol.maru_number li:nth-child(2):after {
 content: "②";
}
.content_post ol.maru_number li:nth-child(3):after {
 content: "③";
}
.content_post ol.maru_number li:nth-child(4):after {
 content: "④";
}
.content_post ol.maru_number li:nth-child(5):after {
 content: "⑤";
}
.content_post ol.maru_number li:nth-child(6):after {
 content: "⑥";
}
.content_post ol.maru_number li:nth-child(7):after {
 content: "⑦";
}
.content_post ol.maru_number li:nth-child(8):after {
 content: "⑧";
}
.content_post ol.maru_number li:nth-child(9):after {
 content: "⑨";
}
.content_post ol.maru_number li:nth-child(10):after {
 content: "⑩";
}
.content_post ol.maru_number li:nth-child(11):after {
 content: "⑪";
}
.content_post ol.maru_number li:nth-child(12):after {
 content: "⑫";
}
.content_post ol.maru_number li:nth-child(13):after {
 content: "⑬";
}
.content_post ol.maru_number li:nth-child(14):after {
 content: "⑭";
}
.content_post ol.maru_number li:nth-child(15):after {
 content: "⑮";
}
.content_post .left {
 float: left;
}
.content_post .right {
 float: right;
}
.content_post h1 {
 display: block;
 font-size: 2em;
 font-weight: bold;
 margin: 1em 0 0.5em 0;
 line-height: 1.2em;
 padding: 5px 0;
 color: #413838;
}
.content_post h2 {
 display: block;
 margin-top: 2.5em;
 margin-right: 0;
 margin-bottom: 0.6em;
 margin-left: 0;
 padding: 5px 0;
 clear: both;
 font-size: 1.8em;
 line-height: 1.2em;
 color: #413838;
}
.content_post h3, .midashi3 {
 color: #413838;
 display: block;
 font-size: 1.4em;
 font-weight: bold;
 margin-top: 2.5em;
 margin-bottom: 1.5em;
 margin-left: 0px;
 padding: 10px 12px 5px 3px;
 clear: both;
 line-height: 1.2em;
 border-bottom: 1px solid #413838;
}
.content_post h4 {
 display: block;
 font-size: 1.1em;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 clear: both;
 padding-left: 10px;
 line-height: 1.3em;
 color: #217DCA;
 border-bottom: 2px solid #217DCA;
 padding: 0 2px 3px 2px;
}
.content_post h4.blue_h4, .content_post .wp-block-column h4 {
 border: none;
 font-size: 1.3em;
 margin-bottom: 0.6em;
}
.content_post h5 {
 background-color: #eee;
 display: block;
 font-size: 1em;
 font-weight: bold;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 padding-bottom: 0px;
 line-height: 1em;
 padding: 9px 10px 9px 11px;
 position: relative;
 border-radius: 4px;
 border-left: #217DCA solid 7px;
}
.content_post h6 {
 display: block;
 font-size: 1em;
 font-weight: bold;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-top: 5px;
 padding-left: 2px;
 padding-bottom: 5px;
 color: #707070;
 border-top: 1px #707070 solid;
 border-bottom: 1px #707070 solid;
}
.content_post h1:first-child, .content_post h2:first-child, .content_post h3:first-child, .content_post h4:first-child {
 margin-top: 0;
}
.content_post .nolistmark li {
 list-style-type: none;
}
.content_post table {
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 width: 100%;
}
table.txc td, table.txc th {
 text-align: center;
}
.content_post table td p:last-child {
 margin-bottom: 1px;
}
table.wp-block-table.table_5 td {
 width: 20%;
}
table.wp-block-table.table_5 td:first-child {
 background-color: #f1f1f1;
 font-weight: bold;
}
table.wp-block-table.table_4 td {
 width: 25%;
}
table.wp-block-table.table_4 td:first-child {
 background-color: #f1f1f1;
 font-weight: bold;
}
.content_post table caption {
 text-align: left;
 font-weight: bold;
}
.content_post table th {
 background-color: #eee;
}
.content_post table th, .content_post table td {
 padding: 6px;
 border: 1px solid #aaa;
}
.content_post table tr td:first-child {
 width: 130px;
 word-break: break-all;
}
.content_post .recruit_box dt, .content_post .recruit_box.faq_answer dt {
 font-weight: bold;
 font-size: 1.4em;
 line-height: 1.3em;
 padding: 15px 28px;
 border-radius: 2px;
 background-color: #217DCA;
 color: #fff;
 border: 2px solid #217DCA;
 box-sizing: border-box;
 background-image: url(img/down.png);
 background-position: calc(100% - 15px) center;
 background-size: 20px auto;
 background-repeat: no-repeat;
}
.single-recruits .content_post .recruit_box dt {
 background-image: none;
}
.content_post .recruit_box.faq_answer dt:before {
 display: none;
}
.content_post .recruit_box.faq_answer dd:before {
 display: none;
}
.content_post .recruit_box.faq_answer dt:hover {
 background-color: #fff;
 color: #217DCA;
}
.content_post .recruit_box.faq_answer dd {
 padding: 10px;
}
.content_post .recruit_box table th, .content_post .recruit_box table td {
 background-color: transparent;
 border: 5px solid #fff;
 padding: 12px;
 vertical-align: top;
}
.content_post .recruit_box table td p {
 margin-bottom: 2px;
}
.content_post .recruit_box.faq_answer dd th {
 width: 150px;
 box-sizing: border-box;
}
.content_post .recruit_box table tr:nth-child(even) td, .content_post .recruit_box table tr:nth-child(even) th {
 background-color: #f4f4f4;
}
.content_post dl dt {
 font-weight: bold;
}
.content_post dl dd {
 margin-bottom: 1em;
}
.content_post q, .content_post blockquote {
 margin: 0 auto 1em auto;
 width: 90%;
 padding: 15px 3%;
 background-color: #EEE;
 border-radius: 10px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
 display: block;
}
.content_post blockquote cite {
 text-align: right;
 display: block;
 font-style: normal;
 font-size: 0.9em;
}
blockquote:before, q:before {
 content: "“";
 font-size: 58px;
 top: 20px;
 left: -5px;
 position: relative;
}
.content_post blockquote p, .content_post q p {
 margin-bottom: 10px;
}
blockquote:after, q:after {
 text-align: right;
 content: "”";
 font-size: 58px;
 display: block;
 position: relative;
 top: 20px;
 right: -5px;
}
.content_post .wp-block-column {
 margin-bottom: 0;
}
.content_post .column73 .wp-block-column:nth-child(1) {
 width: 70%;
 flex-basis: 70%;
 margin-right: 0;
 padding-right: 32px;
 box-sizing: border-box;
}
.content_post .column73 .wp-block-column:nth-child(2) {
 width: 30%;
 flex-basis: 30%;
 margin-left: 0;
}
.content_post .column37 .wp-block-column:nth-child(2) {
 width: 70%;
 flex-basis: 70%;
 margin-left: 0;
 padding-left: 32px;
 box-sizing: border-box;
}
.content_post .column37 .wp-block-column:nth-child(1) {
 width: 30%;
 flex-basis: 30%;
 margin-right: 0;
}
.content_post .mejs-inner * {
 margin-bottom: 2px;
}
/*page
---------------------------------------*/
.content_post .rinen {
 padding: 11px 1em;
 border-radius: 7px;
 background: rgb(33, 125, 202);
 background: linear-gradient(133deg, rgba(33, 125, 202, 1) 0%, rgba(0, 41, 121, 1) 100%);
 color: #fff;
 margin-bottom: 15px;
}
.content_post .about_dl {
 display: flex;
 flex-wrap: wrap;
}
.content_post .about_dl:nth-child(even) {
 background-color: #f2f2f2;
}
.content_post .about_dl dt {
 padding: 6px 12px;
 width: 185px;
 box-sizing: border-box;
 border-right: 4px solid #FFF;
}
.content_post .about_dl dd {
 padding: 6px 12px;
 float: none;
 width: calc(100% - 185px);
 box-sizing: border-box;
 margin-bottom: 0;
}
.content_post .about_dl dd dt {
 font-weight: 500;
 padding: 0;
 border: none;
 width: 120px;
 background-color: transparent;
}
.content_post .about_dl dd dd {
 width: calc(100% - 120px);
 padding: 0;
}
.content_post .about_dl dd dl {
 display: flex;
 flex-wrap: wrap;
}
.content_post .motto dt {
 color: rgba(33, 125, 202, 1);
 font-size: 2.5em;
 line-height: 1.4em;
 font-family: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.content_post .motto dd {
 padding: 0;
 border-radius: 12px;
 margin-bottom: 1.5em;
}
.content_post .round_list li {
 list-style: none;
 margin: 0;
 width: 25%;
 box-sizing: border-box;
 padding: 20px;
}
.content_post .round_list {
 display: flex;
 flex-wrap: wrap;
}
.content_post .round_list li img {
 border-radius: 150%;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 max-width: 230px;
 max-height: 230px;
}
.content_post .round_list li:hover img {
 transform: scale(1.1);
 opacity: 0.7;
}
.content_post .round_list figure, .content_post .round_list a {
 overflow: hidden;
 max-width: 230px;
 max-height: 230px;
 border-radius: 150%;
 display: block;
}
.content_post .links a {
 background-color: #217DCA;
 color: #fff;
 text-decoration: none;
 border-radius: 8px;
 font-size: 0.875em;
 padding: 6px 15px;
 display: inline-block;
 margin: 0 3px;
 font-weight: bold;
 width: 100px;
 text-align: center;
}
.content_post .links {
 text-align: right;
}
.content_post .wp-block-column iframe {
 width: 100%;
 max-width: 100%;
}
.content_post dl.addr_dl {
 display: flex;
 flex-wrap: wrap;
}
.content_post dl.addr_dl.less_space dt,
.content_post dl.addr_dl.less_space dd,
.content_post dl.addr_dl.less_space dt *,
.content_post dl.addr_dl.less_space dd * {
 margin-bottom: 1px;
}
.content_post dl.addr_dl dt {
 width: 120px;
 font-weight: 500;
 box-sizing: border-box;
 text-align: right;
 padding-right: 1em;
}
.content_post dl.addr_dl dd {
 width: calc(100% - 120px);
}
.content_post dl.history_dl {
 display: flex;
 flex-wrap: wrap;
}
.content_post dl.history_dl.history_set {
 background-image: url(img/history_back.jpg);
 background-repeat: no-repeat;
 border-left: 1px dashed #9D9D9D;
 margin: 1em auto;
 padding-left: 40px;
 background-position: right 50px;
 width: 90%;
}
.content_post dl.history_dl dt {
 width: 150px;
 position: relative;
}
.content_post dl.history_dl dd {
 width: calc(100% - 150px);
}
.content_post dl.history_dl.history_set dt:after {
 content: "";
 position: absolute;
 left: -40px;
 top: -5px;
 width: 30px;
 height: 1em;
 border-bottom: 1px dashed #9D9D9D;
}
.content_post dl.history_dl dd h3 {
 margin: 0 0 7px 0;
 border: none;
 font-weight: 500;
 font-size: 1.25em;
 padding: 0;
 line-height: 1.4em;
 position: relative;
 z-index: 2;
}
.content_post .products_top_link .ex {
 position: relative;
 z-index: 2;
}
.content_post .products_top_link {
 background-color: #E4EFF8;
 background-color: #539ad5;
 background-repeat: no-repeat;
 background-position: right center;
 padding: 10px;
 position: relative;
 box-sizing: border-box;
 min-height: 250px;
 border: 2px solid #E4EFF8;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 background-size: cover;
 color: #fff;
 font-weight: bold;
 text-shadow: 0 0 3px rgb(0 0 0 / 95%);
}
.content_post .products_top_link.produt_top_im05:after {
 content: "";
 position: absolute;
 left: 0;
 height: calc(100% - 73px);
 bottom: 0;
 background-color: #9dbdde;
 width: 100%;
 z-index: 1;
}
.rela.products_top_link.produt_top_im01 {
 opacity: 0.8;
}
.content_post .products_top_link h4 {
 width: 36%;
 margin: 5px 0 15px 0;
 font-size: 1.4em;
 padding-bottom: 6px;
 border-bottom: 1px solid #fff;
 line-height: 1.3em;
 color: #fff;
}
.content_post .products_top_link .hv {
 display: block;
 position: absolute;
 z-index: 4;
 width: 100%;
 top: 0;
 left: 0;
 height: 100%;
 background-position: calc(100% - 10px);
 background-repeat: no-repeat;
 background-size: 30px auto;
 background-image: url(img/blue_right.svg);
}
/*voice product*/
.content_post .voice_list {
 display: flex;
 flex-wrap: wrap;
}
.content_post .voice_list li {
 width: 32.333%;
 margin: 0 0.5% 15px 0.5%;
 text-align: center;
 padding: 0;
 list-style: none;
 border: 2px solid #E6F0F8;
 box-sizing: border-box;
 border-radius: 3px;
}
.content_post .case_table strong.schema-faq-question {
 background-color: #E4E4E4;
 display: block;
 padding: 4px 1em;
 border-radius: 3px;
}
.content_post .case_table .schema-faq-answer {
 padding: 5px 1em;
}
span.mv {
 position: relative;
}
span.mv span {
 position: absolute;
 top: -90px;
}
.admin-bar span.mv span {
 top: -130px;
}
.content_post dl.env_dt dt {
 color: #217DCA;
 font-weight: bold;
 font-size: 1.2em;
 line-height: 1.4em;
}
.content_post dl.env_dt dd {
 margin-bottom: 1.5em;
 padding: 5px 0 0 0;
}
.content_post .sep_div.env_box {
 border: 5px solid #217DCA;
 padding: 20px 20px 10px 20px;
 margin: 4em auto;
 width: 90%;
 max-width: 700px;
 box-sizing: border-box;
}
.content_post .sep_div.env_box h2 {
 text-align: center;
 font-size: 1.6em;
 color: #217DCA;
 margin-bottom: 1.5em;
}
.content_post .blue_btn a {
 display: block;
 background-color: #217DCA;
 color: #fff;
 text-align: center;
 text-decoration: none;
 max-width: 320px;
 margin: 2em auto 1em auto;
 padding: 10px 5px;
 box-sizing: border-box;
 font-weight: bold;
}
.app_link a {
 width: 50%;
 text-align: center;
 background-color: #217DCA;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 font-size: 1.2em;
 line-height: 1.3em;
 max-width: 350px;
 padding: 15px 0;
 border-radius: 7px;
 display: inline-block;
 margin: 0 15px;
}
.app_link {
 padding-top: 25px;
 text-align: center;
}
.app_link a.app_link1 {
 background-color: #3399FF;
}
.content_post .sns_box {
 width: 90%;
 margin: 1em auto;
 max-width: 900px;
}
.content_post .sns_box .in {
 display: flex;
 flex-wrap: wrap;
 width: 90%;
 margin: 0 auto;
 max-width: 780px;
}
.content_post .sns_box h4 {
 display: flex;
 flex-wrap: wrap;
 padding-bottom: 8px;
}
.content_post .sns_box .img {
 width: 120px;
 text-align: center;
}
.content_post .sns_box .name {
 width: calc(100% - 120px);
 color: initial;
 padding-top: 10px;
}
.content_post .sns_box p {
 margin-bottom: 3px;
}
.content_post .sns_box .left {
 float: none;
 width: 100px;
 box-sizing: border-box;
 padding: 0 10px 0 0;
}
.content_post .sns_box .right {
 width: calc(100% - 100px);
}
#product_search dl {
 display: flex;
 flex-wrap: wrap;
}
.content_post #product_search {
 margin-bottom: 0;
 padding: 30px 0 15px 0;
}
#product_search dl dt {
 width: 200px;
 padding-top: 3px;
 color: #217DCA;
}
.content_post #product_search dl dd {
 width: calc(100% - 200px);
 margin: 0;
 position: relative;
}
.content_post #product_search input {
 width: calc(100% - 140px);
 font-size: 18px;
 padding: 8px 12px;
 border-radius: 8px;
 border: 1px solid #217DCA;
 box-sizing: border-box;
}
.content_post #product_search input[type="submit"] {
 z-index: 1;
 background-color: #217DCA;
 color: #fff;
 font-size: 0.95em;
 text-align: center;
 font-weight: bold;
 width: 120px;
 box-sizing: border-box;
 margin-left: 5px;
 position: relative;
 top: -1px;
}
/*
*page end
*/
/*---------------------------------------
Limit page
---------------------------------------*/
dl.terms dt {
 margin-bottom: 3px;
}
dl.terms dd {
 padding-left: 5em;
 margin-bottom: 1.5em;
}
#terms_of_service_box {
 padding: 10px 15px;
 border: 1px solid #cbcbcb;
 border-radius: 3px;
 overflow: auto;
 height: 300px;
 font-size: 0.85em;
 line-height: 1.5em;
}
#terms_of_service_box p {
 line-height: 1.5em;
 margin-bottom: 0.5em;
}
#terms_of_service_box dl.terms dd {
 margin-bottom: 0.5em;
}
.content_post #terms_of_service_box h2 {
 font-size: 1.3em;
 margin-bottom: 0.8em;
 line-height: 1.3em;
}
.content_post #limit_page_login p {
 margin-bottom: 1px;
}
.content_post .terms_form_body, .content_post #limit_page_login {
 margin: 0 auto;
 max-width: 300px;
 padding-top: 2em;
}
.content_post .terms_form_body {
 max-width: 450px;
 box-sizing: border-box;
 padding: 15px;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
 border-radius: 5px;
 background-color: #fafafa;
 width: 90%;
}
.content_post .terms_form_body dt {
 font-weight: bold;
}
.content_post .terms_form_body .hissu {
 font-size: 0.65em;
}
.content_post #limit_page_body input[type="text"], .content_post #limit_page_body input[type="tel"], .content_post #limit_page_body input[type="email"], .content_post #limit_page_login input[type="password"] {
 width: 100%;
 box-sizing: border-box;
 font-size: 18px;
 border: 1px solid #dbdbdb;
 border-radius: 5px;
 padding: 6px 5px;
 margin-bottom: 8px;
 display: block;
}
.content_post #limit_page_body input[type="submit"], .content_post #limit_page_login input[type="submit"] {
 display: block;
 text-align: center;
 max-width: 160px;
 width: 100%;
 margin: 0 auto;
 border: 2px solid #ed8017;
 background-color: #ed8017;
 border-radius: 3px;
 color: #fff;
 font-weight: bold;
 padding: 11px 0;
 line-height: 1em;
}
.content_post #limit_page_body input[type="submit"] {
 margin: 1.5em auto 0 auto;
}
.content_post .terms_doui {
 max-width: 450px;
 width: 90%;
 margin: 1em auto;
 background-color: #fafafa;
 box-sizing: border-box;
 border-radius: 5px;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
 border: 3px solid #ec8017;
 text-align: center;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_post .terms_doui label {
 display: block;
 cursor: pointer;
 padding: 8px 15px;
}
.content_post .terms_doui input {
 width: 20px;
 height: 20px;
 position: relative;
 top: 5px;
}
.content_post .terms_doui:hover {
 background-color: #ffeede;
}
.content_post #limit_page_body .error_body, .content_post #limit_page_login .error_message {
 background-color: #ed5050;
 border-radius: 10px;
 margin: 5px 0 8px 0;
 padding: 7px 15px;
 text-align: center;
 color: #fff;
 font-weight: bold;
 font-size: 0.9em;
 line-height: 1.3em;
}
.content_post #limit_page_body .error_body {
 max-width: 450px;
 margin: 1em auto 1.5em auto;
 box-sizing: border-box;
 font-size: 0.8em;
}
.content_post #limit_page_body .error_body p {
 margin-bottom: 3px;
 line-height: 1.4em;
}
.content_post .limited_page_content * {
 cursor: none;
}
.content_post .limited_page_content table {
 width: 100%;
 margin-bottom: 2em;
}
.content_post .limited_page_content table th, .content_post .limited_page_content table td {
 border: 1px solid #636363;
 padding: 2px 8px;
 word-break: break-all;
 line-height: 1.3em;
 vertical-align: top;
}
.content_post .limited_page_content table th {
 background-color: #fec2b5;
 text-align: center;
 font-weight: bold;
 vertical-align: middle;
 padding: 5px 8px;
}
.content_post .limited_page_content table.datalist2 th {
 background-color: #96e996;
}
.content_post .limited_page_content table img {
 display: block;
 margin: 3px auto 0 auto;
}
.content_post table th.col1 {
 width: 62px;
}
.content_post table th.col2 {
 font-size: 12px;
 width: 79px;
}
.content_post .limited_page_content table tr:nth-child(odd) td {
 background-color: #fff1e4;
}
.content_post .limited_page_content table.datalist2 tr:nth-child(odd) td {
 background-color: #e9f8e9;
}
.limit_address.hidden {
 float: right;
 max-width: 400px;
 font-size: 0.9em;
 width: 80%;
}
.content_post .limit_address.hidden .right {
 float: none;
 padding-left: 115px;
}
.content_post .limit_address.hidden .left {
 box-sizing: border-box;
 padding: 0 10px;
 width: 110px;
}
.content_post .limit_address.hidden p {
 line-height: 1.4em;
}
.content_post .limit_address.hidden strong {
 margin-bottom: 10px;
 display: inline-block;
 font-size: 1.25em;
}
/*single
---------------------------------------*/
#content {
 padding: 0 0 60px 0;
}
#single_header {
 margin: 30px 0 10px 0;
}
#single_title {
 color: #666;
 margin-bottom: 10px;
 font-size: 1.8em;
 line-height: 1.4em;
}
.child_link li a, .content_post .child_link li a {
 background-color: #217DCA;
 color: #fff;
 text-decoration: none;
 border-radius: 0px;
 font-size: 0.875em;
 padding: 6px 5px;
 display: block;
 border: 1px solid #217DCA;
 width: 150px;
 text-align: center;
 box-sizing: border-box;
 z-index: 2;
 position: relative;
}
.child_link li.current a, .content_post .child_link li.current a {
 background-color: #fff;
 color: #217DCA;
}
.child_link li, .content_post .child_link li {
 list-style: none;
 margin: 0 3px 3px 0;
 padding: 0;
 display: inline-block;
 line-height: 1.4em;
}
#page_header .child_link {
 position: absolute;
 bottom: 0;
 right: 0;
 margin-bottom: 0;
}
#page_header .child_link li {
 margin-bottom: 0;
 position: relative;
}
#page_header .child_link li:after {
 content: "";
 background-color: #217DCA;
 transform: skewX(-39deg);
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 0;
 left: 0;
 top: 0;
 border: 1px solid #fff;
 box-sizing: border-box;
 border-bottom: 0;
}
#page_header .child_link:after {
 content: "";
 position: absolute;
 left: calc(100% - 20px);
 bottom: 0px;
 width: calc(50vw - 570px + 20px);
 background-color: #217DCA;
 height: 34px;
 z-index: 1;
 border-top: 1px solid #fff;
 box-sizing: border-box;
}
#page_header .child_link li.current:after {
 background-color: #fff;
}
#page_header .child_link li.current a {
 padding: 13px 5px 6px 5px;
 font-weight: bold;
 font-size: 1.05em;
 width: 204px;
}
#page_header .child_link li.current {
 margin-right: -12px;
}
#page_header .child_link li a {
 background-color: transparent;
 border: none;
}
#page_header .child_link {
 position: absolute;
 bottom: 0;
 right: 0;
 margin-bottom: 0;
 z-index: 10;
}
#page_header .child_link li:last-child:after {
 border-right: none;
}
#page_header .child_link li {
 margin-bottom: 0;
 z-index: 2;
 position: relative;
}
.content_post .faq_index {
 margin: 0 20px 2em 20px;
}
.content_post .faq_index li {
 list-style: none;
 margin-left: 0;
}
.content_post .faq_index li a, ul.faq_index li a {
 background-image: url(img/down.png);
 background-repeat: no-repeat;
 background-size: 18px auto;
 background-position: 0 6px;
 padding-left: 29px;
}
.content_post .faq_index {
 margin: 0 20px 2em 20px;
}
.content_post h4.faq_midashi {
 background-color: #C9DFF2;
 padding: 8px 12px;
 border: none;
 margin-bottom: 2px;
 color: initial;
}
.content_post .faq_answer dt {
 background-color: #E4E4E4;
 padding: 3px 12px;
 cursor: pointer;
 margin-bottom: 2px;
 background-image: url(img/down_gray.png);
 background-repeat: no-repeat;
 background-size: 15px auto;
 background-position: calc(100% - 10px) 13px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_post .faq_answer dt:hover {
 background-color: #D0D0D0;
}
.content_post .faq_answer dt:before {
 content: "Q. ";
 font-size: 1.3em;
 line-height: 1.3em;
}
.content_post .faq_answer dd:before {
 content: "A. ";
 font-size: 1.3em;
 line-height: 1.3em;
 position: absolute;
 left: 24px;
 top: 11px;
 font-weight: bold;
}
.content_post .faq_answer dt.active {
 background-image: none;
}
.content_post .faq_answer dt.active:after {
 content: "";
 position: absolute;
 right: 10px;
 top: 11px;
 background-image: url(img/down_gray.png);
 background-repeat: no-repeat;
 background-position: center;
 width: 15px;
 height: 17px;
 background-size: 100% auto;
 transform: rotate(180deg);
}
.allow_js .content_post .faq_answer dd {
 display: none;
}
.content_post .faq_answer dd {
 position: relative;
 padding: 10px 0 0 51px;
}
.child_link, .content_post .child_link {
 text-align: right;
 margin-bottom: -25px;
}
.content_post .child_link + h3 {
 margin-top: 5px;
}
.post-categories li {
 float: right;
}
ul.post-categories {
 margin-bottom: 10px;
 overflow: hidden;
}
.post-categories li a {
 display: block;
 margin: 0 2px 2px 0;
 padding: 5px 13px;
 font-size: 0.875em;
 text-align: center;
 border-radius: 0;
 background-color: #217DCA;
 color: #fff;
 line-height: 1.2em;
 text-decoration: none;
}
.post-tags {
 overflow: hidden;
 padding: 5px 0;
}
.post-tags li {
 float: left;
}
.post-tags li a {
 display: block;
 margin: 0 3px 3px 0;
 border: 1px solid #409ae3;
 border-radius: 0 5px 5px 5px;
 line-height: 1em;
 font-size: 0.85em;
 font-weight: bold;
 color: #409ae3;
 padding: 5px 8px 4px 16px;
 position: relative;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 box-shadow: 2px 2px 0 #b9ddfa;
}
.post-tags li a:hover {
 background-color: #409ae3;
 color: #fff;
}
.post-tags li a:after {
 content: "";
 width: 4px;
 height: 4px;
 border: 1px solid #409ae3;
 position: absolute;
 left: 3px;
 top: 3px;
 border-radius: 54%;
 background-color: #fff;
 box-shadow: inset 1px 1px 0 #b9ddfa;
 border-bottom: 0;
}
.page_title {
 font-size: 2em;
 line-height: 1.2em;
 padding: 10px 0;
}
.nopost {
 clear: both;
 padding: 40px 0;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.6em;
 font-weight: bold;
}
/*Faq page matome*/
.content_post ul.faq_links {
 display: flex;
 flex-wrap: wrap;
}
.content_post ul.faq_links li dt {
 background-color: #E6F0F8;
 border-radius: 2px;
 margin-bottom: 10px;
}
.content_post ul.faq_links li {
 width: 32.33%;
 margin: 0 0.5%;
 list-style: none;
 padding: 10px;
 box-sizing: border-box;
 text-align: center;
}
.content_post ul.faq_links li dd a {
 display: block;
 background-color: #E4E4E4;
 border-radius: 8px;
 padding: 10px 1em;
 color: initial;
 text-decoration: none;
}
/*sitemap
---------------------------------------*/
.sitemap_body {
 display: flex;
 flex-wrap: wrap;
}
.sitemap_body > div {
 width: 50%;
 box-sizing: border-box;
 padding-right: 15px;
}
.sitemap_body li a {
 text-decoration: none;
 font-weight: bold;
 font-size: 1.1em;
 color: inherit;
 display: block;
 border-bottom: 1px solid #707070;
 padding-bottom: 5px;
 padding-left: 5px;
}
.sitemap_body li a:after {
 content: "";
 width: 9px;
 height: 9px;
 position: absolute;
 left: 0;
 top: 6px;
 background-color: #9f9f9f;
}
.sitemap_body li li a:after {
 content: "";
 position: absolute;
 left: 2px;
 top: 5px;
 width: 0;
 height: 0;
 background-color: transparent;
 border-style: solid;
 border-width: 4px 6px;
 border-color: transparent transparent transparent #217DCA;
}
.sitemap_body li li a {
 position: relative;
 padding-left: 17px;
 text-decoration: none;
 font-size: 0.95em;
 color: #3e3a39;
 border: none;
 padding-bottom: 0;
}
.sitemap_body li li li a {
 font-weight: 500;
 padding-left: 3px;
}
.sitemap_body li li li a:after {
 display: none;
}
.content_post .sitemap_body li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 margin-bottom: 30px;
}
.content_post .sitemap_body li li {
 margin-bottom: 10px;
}
.content_post .sitemap_body li ul {
 padding-top: 15px;
 padding-left: 20px;
}
.content_post .sitemap_body li ul ul {
 padding-left: 14px;
}
ul.sub-menu.product_map {
 display: flex;
 flex-wrap: wrap;
}
ul.sub-menu.product_map li {
 width: 50%;
 margin-right: 0;
 box-sizing: border-box;
}
ul.sub-menu.product_map li.wide {
 width: 100%;
}
ul.sub-menu.product_map li li {
 width: auto;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
 vertical-align: top;
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8020;
}
.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.fancybox-opened {
 z-index: 8030;
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
 position: relative;
}
.fancybox-inner {
 overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}
.fancybox-error {
 color: #444;
 margin: 0;
 padding: 15px;
 white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('img/fancybox_sprite.png');
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 8060;
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url('img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 8040;
}
.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 text-decoration: none;
 background: transparent url('img/blank.gif');
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 z-index: 8040;
}
.fancybox-prev {
 left: 0;
}
.fancybox-next {
 right: 0;
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 8040;
 visibility: hidden;
}
.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px;
}
.fancybox-next span {
 right: 10px;
 background-position: 0 -72px;
}
.fancybox-nav:hover span {
 visibility: visible;
}
.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 visibility: hidden;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important;
}
.fancybox-lock {
 overflow: hidden;
}
.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 8010;
 background: url('img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}
.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll;
}
.fancybox-title {
 visibility: hidden;
 position: relative;
 text-shadow: none;
 z-index: 8050;
}
.fancybox-opened .fancybox-title {
 visibility: visible;
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 8050;
 text-align: center;
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
.fancybox-title-inside-wrap {
 padding-top: 10px;
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, .8);
}
.mt5 {
 margin-top: 5px !important;
}
.mt10 {
 margin-top: 10px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt100 {
 margin-top: 100px !important;
}
.mt110 {
 margin-top: 110px !important;
}
.mt120 {
 margin-top: 120px !important;
}
.mt130 {
 margin-top: 130px !important;
}
.mt140 {
 margin-top: 140px !important;
}
.mt150 {
 margin-top: 150px !important;
}
.mt160 {
 margin-top: 160px !important;
}
.mt170 {
 margin-top: 170px !important;
}
.mt180 {
 margin-top: 180px !important;
}
.mt190 {
 margin-top: 190px !important;
}
.mt200 {
 margin-top: 200px !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.mb50 {
 margin-bottom: 50px !important;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb90 {
 margin-bottom: 90px !important;
}
.mb100 {
 margin-bottom: 100px !important;
}
.mb110 {
 margin-bottom: 110px !important;
}
.mb120 {
 margin-bottom: 120px !important;
}
.mb130 {
 margin-bottom: 130px !important;
}
.mb140 {
 margin-bottom: 140px !important;
}
.mb150 {
 margin-bottom: 150px !important;
}
.mb160 {
 margin-bottom: 160px !important;
}
.mb170 {
 margin-bottom: 170px !important;
}
.mb180 {
 margin-bottom: 180px !important;
}
.mb190 {
 margin-bottom: 190px !important;
}
.mb200 {
 margin-bottom: 200px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt15 {
 padding-top: 15px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pt50 {
 padding-top: 50px !important;
}
.pt60 {
 padding-top: 60px !important;
}
.pt70 {
 padding-top: 70px !important;
}
.pt80 {
 padding-top: 80px !important;
}
.pt90 {
 padding-top: 90px !important;
}
.pt100 {
 padding-top: 100px !important;
}
.pt110 {
 padding-top: 110px !important;
}
.pt120 {
 padding-top: 120px !important;
}
.pt130 {
 padding-top: 130px !important;
}
.pt140 {
 padding-top: 140px !important;
}
.pt150 {
 padding-top: 150px !important;
}
.pt160 {
 padding-top: 160px !important;
}
.pt170 {
 padding-top: 170px !important;
}
.pt180 {
 padding-top: 180px !important;
}
.pt190 {
 padding-top: 190px !important;
}
.pt200 {
 padding-top: 200px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pb50 {
 padding-bottom: 50px !important;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pb70 {
 padding-bottom: 70px !important;
}
.pb80 {
 padding-bottom: 80px !important;
}
.pb90 {
 padding-bottom: 90px !important;
}
.pb100 {
 padding-bottom: 100px !important;
}
.pb110 {
 padding-bottom: 110px !important;
}
.pb120 {
 padding-bottom: 120px !important;
}
.pb130 {
 padding-bottom: 130px !important;
}
.pb140 {
 padding-bottom: 140px !important;
}
.pb150 {
 padding-bottom: 150px !important;
}
.pb160 {
 padding-bottom: 160px !important;
}
.pb170 {
 padding-bottom: 170px !important;
}
.pb180 {
 padding-bottom: 180px !important;
}
.pb190 {
 padding-bottom: 190px !important;
}
.pb200 {
 padding-bottom: 200px !important;
}
inp.smart_change a {
 display: block;
 width: 180px;
 padding: 5px 0;
 text-align: center;
 font-weight: bold;
 border-radius: 5px;
 box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
 margin: 15px auto 5px auto;
 text-decoration: none;
 color: #000;
}
input[type="submit"] {
 -webkit-appearance: none;
}
@media only screen and (max-width: 2000px) {
 #top_slide li {
  height: 35vw;
 }
 #top_slide .catch {
  bottom: 50px;
  top: auto;
 }
 /*2000*/
}
@media only screen and (max-width: 1120px) {
 .wrap {
  width: 92%;
 }
 #header .wrap {
  width: auto;
 }
 #wpadminbar {
  overflow: hidden;
 }
 .content_post iframe {
  width: 90%;
 }
 #nav li a {
  font-size: 0.875em;
 }
 #mainProduct .bx-controls-direction a {
  opacity: 0.7;
 }
 .content_post .product_link1.setsubi li {
  width: 22vw;
  height: 22vw;
  padding-top: 0;
  display: flex;
  align-items: center;
 }
 .child_link li {
  width: 16.666%;
  margin-right: 0;
 }
 #page_header .child_link li.current a, .child_link li a {
  width: auto;
  line-height: 1.3em;
  font-size: 0.8em;
  padding: 6px 0;
 }
 #page_header .child_link {
  left: 0;
  width: 100%;
  box-sizing: border-box;
  right: auto;
 }
 #page_header .child_link:after {
  display: none;
 }
 .content_post .product_link1 dt.rohs_icon_in, .content_post .product_link1 dt {
  padding: 5px;
  font-size: 1.1em;
 }
 .content_post .product_link1 dt .ic_rohs {
  position: static;
 }
 .content_post .product_link1 dt .ic_rohs img {
  width: 41px;
  margin-left: 15px;
  position: relative;
  top: -1px;
 }
 .content_post .product_link1 li {
  width: 32.3333%;
 }
 .content_post .product_link1 dd {
  padding: 5px;
  margin-bottom: 0;
 }
 #product_name {
  padding-bottom: 0.8em;
 }
 .content_post table {
  width: 100% !important;
 }
 .product_tags {
  flex-wrap: wrap;
 }
 .product_tags li {
  min-height: 39px;
  box-sizing: border-box;
 }
 /*1120*/
}
@media only screen and (max-width: 800px) {
 html {
  -webkit-text-size-adjust: 100%;
 }
 #cover {
  position: relative;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
 }
 #header {
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
 }
 #header #nav {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  overflow: auto;
  width: 250px;
  z-index: 1000;
  display: none;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #002979;
  transform: translate(100%, 0);
  color: #fff;
  padding: 20px 10px 30px 10px;
  box-sizing: border-box;
 }
 .admin-bar #header #nav {
  padding-top: 52px;
 }
 #header #nav.active {
  transform: translate(0, 0);
 }
 #nav ul li {
  float: none;
  padding: 0 10px;
  width: 100%;
  border: none;
  height: auto;
 }
 #nav ul li a {
  color: #fff;
  border-bottom: 1px dotted #1148b4;
  font-size: 1rem;
  padding: 15px 0;
 }
 #nav li:hover, #nav li.current_page_item {
  background-color: transparent;
 }
 #nav li.current_page_item a {
  background-color: #061c56;
 }
 #smart_btn.active {
  right: 270px;
 }
 #smart_btn {
  display: block;
  position: absolute;
  top: 25px;
  right: 15px;
  cursor: pointer;
  height: 30px;
  z-index: 50;
  width: 35px;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
 }
 #smart_btn span.a, #smart_btn span.b, #smart_btn span.c {
  webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  display: block;
  height: 3px;
  width: 35px;
  border-radius: 10px;
  background-color: #002979;
  content: "";
  position: absolute;
  left: 0;
  opacity: 1;
  top: 0;
 }
 #smart_btn span.a {
  top: 10px;
  opacity: 1;
 }
 #smart_btn span.b {
  top: 20px;
  opacity: 1;
 }
 #smart_btn.active span.c {
  opacity: 0;
 }
 #smart_btn.active span.a {
  transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  top: 11px;
 }
 #smart_btn.active span.b {
  transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  top: 11px;
 }
 .admin-bar #nav li:hover .sub-menu, #nav li:hover .sub-menu {
  display: none;
 }
 .child_box .child_link {
  display: none;
  position: static;
 }
 ul.smart_sub.none {
  display: block;
 }
 #nav ul.smart_sub li a {
  background-color: #1d4c93;
  font-size: 0.9em;
  padding: 11px 0;
  border-bottom: 2px solid #002979;
 }
 #nav ul.smart_sub li:last-child a {
  border: none;
 }
 /**/
 #top_slide li {
  height: 400px;
  background-size: cover;
 }
 ul.service li {
  width: 33.333%;
 }
 ul.products li dl {
  max-width: 350px;
  margin: 0 auto;
 }
 #page_header {
  height: auto;
 }
 #page_header .meta {
  position: static;
  padding: 25px 0;
 }
 body {
  font-size: 15px;
 }
 .content_post .round_list li {
  padding: 5px;
 }
 .txc.smart_txc {
  text-align: left;
 }
 .txc.smart_txc br {
  display: none;
 }
 .wp-block-columns.has-2-columns .wp-block-column {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
 }
 .wp-block-columns.has-2-columns .wp-block-column:nth-child(1) {
  padding-right: 15px;
 }
 .wp-block-columns.has-2-columns .wp-block-column:nth-child(2) {
  padding-left: 15px;
 }
 .content_post .product_page_link li {
  width: 100%;
  margin-bottom: 5px;
 }
 .content_post .product_page_link li a {
  padding: 12px 1em;
 }
 #pagetop a {
  width: 45px;
  height: 40px;
 }
 #pagetop {
  right: 5px;
  bottom: 5px;
 }
 .product_cover .product_right, .product_cover .product_left {
  width: 100%;
 }
 .product_cover .product_right .box, .sub_pager {
  max-width: 400px;
  margin: 0 auto;
 }
 .product_cover {
  display: flex;
  flex-wrap: wrap-reverse;
 }
 .list2 li .title {
  position: static;
  background-color: #333;
 }
 /*800*/
}
@media only screen and (max-width: 782px) {
 .admin-bar #header #nav {
  padding-top: 70px;
 }
 .admin-bar #header {
  top: 46px;
 }
 .content_post .rela.series_box h3 {
  padding-right: 1em;
 }
 body .content_post .has-3-columns .wp-block-column {
  margin: 0;
  box-sizing: border-box;
  padding: 0 15px;
 }
 .content_post .link_proc li {
  width: 24%;
  margin-bottom: 5px;
 }
 .content_post .basic_form dt {
  width: 100%;
  border: none;
  font-weight: bold;
 }
 .content_post .basic_form dd {
  width: 100%;
  border: none;
  padding: 0 0 20px 0;
 }
 #topBox ul li {
  width: calc(50% - 10px);
 }
 .sp_reverse {
  flex-direction: column-reverse;
 }
 /*782*/
}
@media only screen and (max-width: 700px) {
 ul.service li dd {
  font-size: 1.3em;
 }
 #topNews, #mainProduct, #mainService {
  margin: 50px 0;
 }
 ul.service li dl {
  padding: 5px;
 }
 #footer_nav li {
  width: 48%;
 }
 .footer_bottom .left, .footer_bottom .right {
  width: 100%;
  margin: 9px 0;
  box-shadow: 0 0 5px rgb(155 199 238 / 59%);
  padding: 15px;
  border-radius: 12px;
 }
 .content_post .products_top_link h4 {
  width: auto;
 }
 .content_post .rela.series_box .series_catch {
  display: block;
  margin-left: 0;
  text-align: right;
 }
 /*700*/
}
@media only screen and (max-width: 650px) {
 .scroll_body #header {
  top: 0;
 }
 ul.service li {
  width: 50%;
 }
 ul.service li dt {
  height: 70px;
  border-radius: 10px;
 }
 ul.service li dd {
  font-size: 1.1em;
 }
 ul.service li img {
  border-radius: 0;
 }
 .content_post .round_list li, .wp-block-gallery.columns-1.round_list .blocks-gallery-item {
  width: 50%;
  flex-grow: inherit;
 }
 /*650*/
}
@media only screen and (max-width: 600px) {
 .scrolled.admin-bar #header {
  top: 0;
 }
 .scrolled.admin-bar #header #nav {
  padding-top: 20px;
 }
 .content_post .column73 .wp-block-column:nth-child(1), .content_post .column73 .wp-block-column:nth-child(2), .content_post .column37 .wp-block-column:nth-child(1), .content_post .column37 .wp-block-column:nth-child(2) {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  flex-basis: initial;
 }
 .wp-block-columns.has-2-columns .wp-block-column {
  padding-right: 0 !important;
  padding-left: 0 !important;
 }
 .content_post .recruit_box table th, .content_post .recruit_box table td {
  width: 100%;
  display: block;
  box-sizing: border-box;
 }
 .content_post .recruit_box table tr:nth-child(even) td, .content_post .recruit_box table tr:nth-child(even) th {
  background-color: transparent;
 }
 .content_post .recruit_box table th {
  background-color: #f4f4f4 !important;
 }
 .content_post ul.contact_link li {
  width: 100%;
  margin: 0 0 5px 0;
 }
 #product_search dl dt, .content_post #product_search dl dd {
  width: 100%;
 }
 /*600*/
}
@media only screen and (max-width: 550px) {
 #header.active {
  left: -250px;
 }
 #smart_btn.active {
  right: 15px;
 }
 .scroll_body #header {
  top: 0;
 }
 ul.news_list li .title {
  width: 100%;
  padding-top: 4px;
 }
 a.more_news {
  font-size: 0.8em;
 }
 .content_post dl.history_dl, .content_post dl.addr_dl, .content_post .about_dl {
  display: block;
 }
 .content_post .about_dl:nth-child(even) {
  background-color: transparent;
 }
 .content_post dl.addr_dl dt {
  width: auto;
  text-align: left;
 }
 .content_post .about_dl dt {
  width: auto;
  background-color: #f2f2f2;
  text-align: left;
 }
 .content_post dl.history_dl dt, .content_post dl.history_dl dd, .content_post dl.addr_dl dd, .content_post .about_dl dd {
  width: auto;
 }
 body .content_post .alignright, body.content_post .alignleft {
  float: none;
  display: block;
  margin: 1em auto;
  text-align: center;
 }
 #footer_nav li {
  width: 100%;
  margin-right: 0;
 }
 .sitemap_body > div {
  width: 100%;
 }
 .list2 li {
  width: 49%;
 }
 #page_link span, #page_link .previous {
  width: 100%;
  margin: 0 0 10px 0;
 }
 .content_post .link_proc li {
  width: 49%;
 }
 .wp-caption.alignright {
  width: auto !important;
 }
 .alignleft, .alignright {
  float: none;
 }
 .content_post table tr td:first-child {
  width: auto;
 }
 /*550px*/
}
@media only screen and (max-width: 450px) {
 .content_post .product_link1.setsubi li {
  width: 49%;
  height: 45vw;
 }
 .content_post .product_link_box .product_link1 li, .content_post ul.faq_links li, .content_post .product_link1 li, .content_post .voice_list li {
  width: 49%;
 }
 .content_post .series_box .product_link1 li {
  height: auto;
 }
 .content_post .series_box .product_link1 li li {
  padding: 5px;
 }
 .product_tags li {
  width: 32.333%;
  margin: 2px 0.5%;
 }
 /*450*/
}