@charset "UTF-8";

/*!
Theme Name: Ryonan Electric
Theme URI: https://ekaki-j.com
Author: Junichi Kitamura
Author URI: https://ekaki-j.com
Template:   cocoon-master
Version:    1.0.8
Tags: 企業向け,コーポレート,シンプル,レスポンシブ,菱南電装様オリジナル
TextDomain: Ryonan Electric
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*###### 共通設定 ######*/
.clearfix:after {
content:" ";
display:block;
clear:both;
}
/*** ヘッダー ***/
.header-in {
/*padding-top: 10px;*/
}
.logo-header {
text-align: left;
}
.header-site-logo-image {
max-width: 300px;
margin-left: 20px;
margin-right: 20px;
/*margin-top: 6px;*/
opacity: 0;
animation: logoFalling 1.5s ease 0.5s alternate forwards;
}
.header-in .tagline {
position: relative;
display: inline-block;
margin: 10px auto;
padding: .5em 1em;
min-width: 120px;
max-width: 100%;
color: white;
font-size: small;
background: #4157a9;
border-radius: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.header-container {
/*background-image: url(img/rd_header-bg_20190915.png.pagespeed.ce.zXU2riHnRb.png);
background-repeat: repeat-x;
background-position: 0 50%;*/
/*background-image: url(img/rd_header-bg_20210114.png.pagespeed.ce.6sIQovLNje.png);
background-repeat: no-repeat;
background-position: right top;*/
}
.header {
position: relative;
}
.header:before {
/*content: "";
width: 0;
position: absolute;
top: 70px;*/
/*border: 6px solid transparent;*/
/*border-top: 6px solid #113f8f;
display: inline-block;
animation: headerLine 1.2s linear 0.5s normal forwards;
opacity: 0;*/
}
/*** ナビゲーション ***/
body #header-container {
/*position: fixed;
top: 0;
z-index: 1;
width: 100%;*/
}
.heade-in {
position: relative;
}
.header-in:before {
content: "";
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-top: 1px solid #0076c9;
transform: scaleX(0);
transform-origin: right center;
animation: headerLineReverse 0.8s linear 0.5s normal forwards;
}
#container {
/*margin-top: 84px;*//*ナビ固定のための調整*/
}

.navi {
/*border-bottom: solid 6px #599eff;*/
/*border-bottom: solid 6px #0076c9;*/
box-sizing: border-box;
position: relative;
/*box-shadow: 0 6px 3px 0 #fff;*/
/*position: relative;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */
/*background: rgb(206,219,233);*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 );*/ /* IE6-9 */

}
.navi:before {
/**content: "";
width: 50%;
position: absolute;**/
/*top: -1px;*/
/**top: 0;
left: 50%;**/
/*border-top: 2px solid #0076c9;*/
/*display: inline-block;
opacity: 0;*/
/*height: 1px;
background-color: #0076c9;*/
/**height: 20px;
background-color: #224082;
transform: scaleX(0);
transform-origin: right center;
animation: NaviLine 0.8s linear 0.5s normal forwards;**/
}
.navi:after {
content: "";
width: 0;
position: absolute;
bottom: -6px;
border-top: 6px solid #0076c9;
display: inline-block;
animation: headerLine 1.2s linear 0.5s normal forwards;
opacity: 0;
}
.fixed {
position: fixed;
top: 0;
z-index: 100;
width: 100%;
}
.navi:after {
/*content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border-bottom: solid 6px #fff;*/
}
.navi-in .menu-item {
background-color: #fff;
}
.navi-in .menu-header .caption-wrap {
font-weight: bold;
}
.navi-in .menu-header .sub-menu {
opacity: 0.85;
}
.navi-in .menu-header .sub-menu li {
/*background-color: #1066a3;*/
/*background-color: #0076c9;
color: #fff;*/
}
.navi-in .menu-header .sub-menu li a .caption-wrap {
/*color: #fff;*/
}
.navi-in:before {
/*content: "";
width: 50%;
position: absolute;
top: 20px;
left: 0;
height: 20px;
background-color: #224082;
transform: scaleX(0);
transform-origin: left center;
animation: NaviLine 0.8s linear 0.5s normal forwards;*/
}
/* フラットボタンアニメ */
.navi-in .menu-header li a {
  overflow: hidden;

  /*padding: 1.5rem 6rem;

  color: #fff;
  border-radius: 0;
  background: #000;*/
}

.navi-in .menu-header li a .caption-wrap {
  position: relative;
  z-index: 1;
}

.navi-in .menu-header li a:before {
  position: absolute;
  top: 0;
  /*left: calc(-150% + 50px);*/
  left: calc(-150% + 70px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);

  background: #113f8f;
}
.navi-in .menu-header > li > a:before {
background: transparent;
animation: NaviItem 1.0s ease 1.0s normal forwards;
}

.navi-in .menu-header li a:after {
  position: absolute;
  top: -400%;
  /*right: calc(-150% + 50px);*/
  right: calc(-150% + 70px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);

  background: #113f8f;
}
.navi-in .menu-header > li > a:after {
background: transparent;
animation: NaviItem 1.0s ease 1.0s normal forwards;
}
.navi .menu-header .menu-item.current-menu-item > a .item-label,
.navi .menu-header .menu-item.current-menu-ancestor > a .item-label {
}
.navi .menu-header > .menu-item.current-menu-item,
.navi .menu-header > .menu-item.current-menu-ancestor,
.navi .menu-header > .menu-item .current-menu-item {
background: #113f8f;
}
.navi .menu-header > .menu-item.current-menu-item .caption-wrap,
.navi .menu-header > .menu-item.current-menu-ancestor > a .caption-wrap,
.navi .menu-header > .menu-item .current-menu-item .caption-wrap {
color: #fff;
}
/* ホバーアニメーション */
.navi-in .menu-header li a:hover:before {
  -webkit-transform: rotate(45deg) translateX(0) translateY(-50%);
  transform: rotate(45deg) translateX(0) translateY(-50%);
}

.navi-in .menu-header li a:hover:after {
  -webkit-transform: rotate(45deg) translateX(0) translateY(50%);
  transform: rotate(45deg) translateX(0) translateY(50%);
}
.navi-in .menu-header li a:hover .caption-wrap {
color: #fff;
}
/*.navi-in .menu-header li:not(.menu-item-has-children) {
position: relative;
overflow: hidden;
}
.navi-in .menu-header li:not(.menu-item-has-children)::before,
.navi-in .menu-header li:not(.menu-item-has-children)::after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 1px;
background: #1066a3;
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.navi-in .menu-header li:not(.menu-item-has-children)::before {
top: 0;
left: -100%;
}
.navi-in .menu-header li:not(.menu-item-has-children)::after {
bottom: 0;
right: -100%;
}
.navi-in .menu-header li:not(.menu-item-has-children) a::before,
.navi-in .menu-header li:not(.menu-item-has-children) a::after {
position: absolute;
display: block;
content: "";
width: 1px;
height: 100%;
background: #1066a3;
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.navi-in .menu-header li:not(.menu-item-has-children) a::before {
top: 100%;
left: 0;
}
.navi-in .menu-header li:not(.menu-item-has-children) a::after {
top: -100%;
right: 0;
}
.navi-in .menu-header li:not(.menu-item-has-children):hover::before {
left: 0;
}
.navi-in .menu-header li:not(.menu-item-has-children):hover::after {
right: 0;
}
.navi-in .menu-header li:not(.menu-item-has-children) a:hover::before {
top: 0;
}
.navi-in .menu-header li:not(.menu-item-has-children) a:hover::after {
top: 0;
}

.navi-in .menu-header .sub-menu li:not(.menu-item-has-children)::before,
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children)::after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 1px;
background: #fff;
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children)::before {
top: 0;
left: -100%;
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children)::after {
bottom: 0;
right: -100%;
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children) a::before,
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children) a::after {
position: absolute;
display: block;
content: "";
width: 1px;
height: 100%;
background: #fff;
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children) a::before {
top: 100%;
left: 0;
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children) a::after {
top: -100%;
right: 0;
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children):hover::before {
left: 0;
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children):hover::after {
right: 0;
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children) a:hover::before {
top: 0;
}
.navi-in .menu-header .sub-menu li:not(.menu-item-has-children) a:hover::after {
top: 0;
}*/
/*** リスト設定 ***/
dl:not(.komelist) dt {
font-weight: bold;
}
.dl-single-line.history dt,
.dl-single-line.company dt,
.dl-single-line.location dt,
.dl-single-line.awards dt {
clear: left;
float: left;
}
.div:not(.information-box) .dl-single-line:not(.history):not(.staff):not(.awards) dt {
text-align: right;
}
.dl-single-line.company dt {
width: 6em;
}
.dl-single-line.company dd {
margin-left: 6.5em;
}
.dl-single-line.location {
margin-bottom: 0;
}
.dl-single-line.location:not(.overseas) dt {
width: 4em;
}
.dl-single-line.location:not(.overseas) dd {
margin-left: 4.5em;
}
.dl-single-line.overseas dt {
width: 6em;
}
.dl-single-line.overseas dd {
margin-left: 6.5em;
}
.dl-single-line.location p {
margin: 0;
padding: 0;
}
.dl-single-line.location dd span {
display: inline-block;
margin-left: 1em;
}
.dl-single-line.location dd dl {
margin-top: 0;
padding-top: 0;
}
.dl-single-line.location dd dl dt {
/*width: 4em;*/
}
.dl-single-line.location dd dl dd {
/*margin-left: 4.5em;*/
}

.dl-single-line.history dt {
width: 6.5em;
}
.dl-single-line.history dt span {
display: inline-block;
width: 2.5em;
text-align: right;
}
.dl-single-line.history dd {
margin-left: 7em;
}

.dl-single-line.awards dt {
width: 7em;
}
.dl-single-line.awards dt span.month {
display: inline-block;
width: 2em;
text-align: right;
}
.dl-single-line.awards dt span.day {
display: inline-block;
width: 1.5em;
text-align: right;
}
.dl-single-line.awards dd:not(.img-wrap) {
margin-left: 7.5em;
}
.dl-single-line.awards dd.img-wrap {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.dl-single-line.awards dd.img-wrap .flex-container {
justify-content: space-between;
}
.dl-single-line.awards dd.img-wrap .flex-container .flex-item {
width: 48%;
border: none;
}
.dl-single-line.awards dd.img-wrap .flex-container .flex-item a {
box-shadow: none;
}

.dl-single-line.staff {
width: 12em;
margin-left: auto;
}
.dl-single-line.staff-en {
width: 16em;
margin-left: auto;
}
.dl-single-line.staff dt:not(.company) {
clear: left;
float: left;
width: 7em;
text-align: right;
}
.dl-single-line.staff-en dt:not(.company) {
clear: left;
float: left;
width: 2.35em;
text-align: right;
}
.dl-single-line.staff dt.sub-position {
font-weight: normal;
}
.dl-single-line.staff dd {
margin-left: 7.5em;
}
.dl-single-line.staff-en dd {
margin-left: 3em;
}
dl.komelist,
dl.komelist2 {
font-size: 90%;
}
dl.komelist dt {
clear: left;
float: left;
width: 1em;
}
dl.komelist dd {
margin-left: 1em;
}
/*** アピールエリア ***/
.appeal {
}
.appeal-in {
/*display: table;*/
/*padding-top: 150px;*/
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .appeal-in { padding-top: 130px } /* IE11 */
}
.appeal-content {
/*display: table-cell;*/
/*vertical-align: middle;*/
background-color: transparent;
min-height: 240px;
}
.appeal-title {
color: #fff;
font-size: 200%;
text-shadow: 1px 1px 10px #0076c9, -1px -1px 10px #0076c9,
             -1px 1px 10px #0076c9, 1px -1px 10px #0076c9,
             0px 1px 10px #0076c9,  0 -1px 10px #0076c9,
             -1px 0 10px #0076c9, 1px 0 10px #0076c9;
opacity: 0;
animation: appealRising 1.5s ease 0.5s alternate forwards;
line-height: 120%;
}
/*** 本文 ***/
body:not(.home) .entry-title {
/*position: relative;
padding: .5em 1em;*/
/*background-color: #009;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2989d8+50,7db9e8+51,7db9e8+51,207cca+100&0+49,1+51,1+100 */
/*background: -moz-linear-gradient(top,  rgba(41,137,216,0) 49%, rgba(41,137,216,0.5) 50%, rgba(125,185,232,1) 51%, rgba(32,124,202,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(41,137,216,0) 49%,rgba(41,137,216,0.5) 50%,rgba(125,185,232,1) 51%,rgba(32,124,202,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(41,137,216,0) 49%,rgba(41,137,216,0.5) 50%,rgba(125,185,232,1) 51%,rgba(32,124,202,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002989d8', endColorstr='#207cca',GradientType=0 );*/ /* IE6-9 */

/*border-left: solid 6px #6db3f2;*/
/*color: #fff;
text-shadow: 1px 1px 10px #599eff, -1px -1px 10px #599eff,
             -1px 1px 10px #599eff, 1px -1px 10px #599eff,
             0px 1px 10px #599eff,  0 -1px 10px #599eff,
             -1px 0 10px #599eff, 1px 0 10px #599eff;*/
font-weight: normal;
color: #113f8f;
font-size: 200%;
display: flex;
align-items: center;
justify-content: center;
}
body:not(.home) .entry-title:before,
body:not(.home) .entry-title:after {
/*content: "";
border-top: 1px solid;
width: 3em;*/
}
body:not(.home) .entry-title:before {
/*margin-right: .3em;*/
}
body:not(.home) .entry-title:after {
/*margin-left: .3em;*/
}
.entry-title:before {
/*content: "";
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #bbd347;
display: block;*/
}
.entry-title:after {
/*content: "";
position: absolute;
bottom: -27px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #fff;
display: block;*/
}
.entry-title span {
font-size: 80%;
display: inline-block;
/*font-weight: normal;*/
}
.entry-content h2 {
/*background-color: transparent;
border-radius: 20px 100px 0 0;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4157a9+0,599eff+60,edfffd+100 */
/*background: rgb(65,87,169);*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(65,87,169,1) 0%, rgba(89,158,255,1) 60%, rgba(237,255,253,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(65,87,169,1) 0%,rgba(89,158,255,1) 60%,rgba(237,255,253,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(65,87,169,1) 0%,rgba(89,158,255,1) 60%,rgba(237,255,253,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4157a9', endColorstr='#edfffd',GradientType=0 );*/ /* IE6-9 */
/*border-bottom: 6px solid #ffcc00;
padding-bottom: 10px;
padding-right: 50px;*/
/*background-color: #009;*/
/*padding: 0;
text-align: right;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffcc00+49,ffcc00+50,ffea5e+51,ffeead+51,f0c000+100&0+49,0.5+50,1+51,1+100 */
/*background: -moz-linear-gradient(top,  rgba(255,204,0,0) 49%, rgba(255,204,0,0.5) 50%, rgba(255,238,173,1) 51%, rgba(240,192,0,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(255,204,0,0) 49%,rgba(255,204,0,0.5) 50%,rgba(255,238,173,1) 51%,rgba(240,192,0,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(255,204,0,0) 49%,rgba(255,204,0,0.5) 50%,rgba(255,238,173,1) 51%,rgba(240,192,0,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffcc00', endColorstr='#f0c000',GradientType=0 );*/ /* IE6-9 */

/*border-left: solid 6px #6db3f2;*/
/*color: #fff;
text-shadow: 1px 1px 10px #f0c000, -1px -1px 10px #f0c000,
             -1px 1px 10px #f0c000, 1px -1px 10px #f0c000,
             0px 1px 10px #f0c000,  0 -1px 10px #f0c000,
             -1px 0 10px #f0c000, 1px 0 10px #f0c000;*/
font-weight: normal;
color: #113f8f;
font-size: 150%;
background: none;
padding-left: 0;
padding-bottom: 0;
border-bottom: 1px solid;
}
.entry-content h2 {
/*position: relative;*/
}
.entry-content h2:before {
/*content: "";
position: absolute;
bottom: -42px;
left: 25%;
margin-left: -30px;
border: 30px solid transparent;
border-top: 30px solid #bbd347;*/
}
.entry-content h3 {
/*color: #fff;
border: none;
border-left: solid 6px #ffcc00;
background-color: transparent;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4157a9+0,599eff+60,edfffd+100 */
/*background: rgb(65,87,169);*/ /* Old browsers */
/*background: -moz-linear-gradient(left,  rgba(65,87,169,1) 0%, rgba(89,158,255,1) 60%, rgba(237,255,253,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(left,  rgba(65,87,169,1) 0%,rgba(89,158,255,1) 60%,rgba(237,255,253,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right,  rgba(65,87,169,1) 0%,rgba(89,158,255,1) 60%,rgba(237,255,253,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4157a9', endColorstr='#edfffd',GradientType=1 );*/ /* IE6-9 */
font-weight: normal;
color: #113f8f;
font-size: 130%;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
}
.entry-content h3:after {
/*content: "";
border-top: 1px solid;
width: 3em;
margin-left: .3em;*/
}
.entry-content h4 {
font-weight: normal;
color: #113f8f;
font-size: 120%;
display: flex;
align-items: center;
justify-content: left;
border-width: 1px;
}
.entry-content a img:hover {
opacity: 0.7;
}
body.category #main,
body.error404 #main,
body.search #main,
body.blog #main {
width: 100%;
margin-right: 0;
}
/*** 目次 ***/
.toc {
/*display: none;*/
}
/*** キャプション画像 ***/
.entry-content .flex-container .wp-caption,
.entry-content .column-wrap .wp-caption {
/*border-left: none;
border-right: none;
border-top: none;*/
border: none;
background-color: transparent;
margin: 0;
padding: 0;
/*display: block;*/
}
.entry-content .flex-container .wp-caption-text,
.entry-content .column-wrap .wp-caption-text {
/*padding-top: 3px;*/
margin-top: .2em;
/*font-size: .7em;*/
/*border-top: 1px solid #ddd;*/
}
/*** flex box ***/
.flex-container {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding-left: 0 !important;
justify-content: center;
/*padding: 0 !important;
padding-top: 0 !important;*/
}
.flex-container .flex-item {
width: 33.33333333%;
/*max-height: initial;
height: auto;*/
margin: 0;
/*margin-bottom: 0;
padding-bottom: 0;*/
box-sizing: border-box;
border: 2px solid #fff;
/*padding: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;*/
}
.flex-container .flex-item a {
display: block;
width: 100%;
/*height: 100%;*/
text-decoration: none;
box-shadow: 0 3px 1px -1px #c7c7c7;
}
.flex-container .flex-item a img {
display: block;
}

.history .flex-container {
justify-content: left;
}
.history .flex-container .flex-item {
width: 50%;
}
/*** サイドバー ***/
.sidebar {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1ffff+0,e1ffff+7,e1ffff+12,fdffff+12,e6f8fd+30,c8eefb+54,bee4f8+75,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(225,255,255,1) 0%, rgba(225,255,255,0.93) 7%, rgba(253,255,255,0.88) 12%, rgba(230,248,253,0.7) 30%, rgba(200,238,251,0.46) 54%, rgba(190,228,248,0.25) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(225,255,255,1) 0%,rgba(225,255,255,0.93) 7%,rgba(253,255,255,0.88) 12%,rgba(230,248,253,0.7) 30%,rgba(200,238,251,0.46) 54%,rgba(190,228,248,0.25) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(225,255,255,1) 0%,rgba(225,255,255,0.93) 7%,rgba(253,255,255,0.88) 12%,rgba(230,248,253,0.7) 30%,rgba(200,238,251,0.46) 54%,rgba(190,228,248,0.25) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
border-radius: 0 0 0 100px;
}
dd.iso-img {
text-align: center;
}
.widget-sidebar-title.widget-title {
border-left: solid 6px #ffcc00;
background-color: transparent;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4157a9+0,599eff+60,edfffd+100 */
background: rgb(65,87,169); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(65,87,169,1) 0%, rgba(89,158,255,1) 60%, rgba(237,255,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(65,87,169,1) 0%,rgba(89,158,255,1) 60%,rgba(237,255,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(65,87,169,1) 0%,rgba(89,158,255,1) 60%,rgba(237,255,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4157a9', endColorstr='#edfffd',GradientType=1 ); /* IE6-9 */

}
body.category #sidebar,
body.error404 #sidebar,
body.search #sidebar,
body.blog #sidebar {
display: none;
}
/*** インフォメーション ***/
.information-box {
}
.information-box h3,
.information-box dl:not(.dl-single-line) > dt {
color: #224082;
}
.information-box h3 {
/*text-align: center;*/
margin-right: 52px;
color: #113f8f;
display: flex;
align-items: center;
justify-content: center;
font-size: 150%;
margin-bottom: 20px;
}
.information-box dl {
padding-left: 10px;
padding-right: 10px;
}
.information-box dl span {
display: inline-block;
}
.information-box img {
display: block;
}
.information-box .dl-single-line dt {
clear: left;
float: left;
}
.information-box .dl-single-line dt {
width: 4em;
}
.information-box .dl-single-line dd {
margin-left: 4em;
}
.information-box .iso-img {
/*text-align: center;*/
}
.information-box .iso-img img {
/*height: 200px;
width: auto;*/
width: 133px;
height: auto;
/*display: block;
margin: auto;*/
display: block;
margin: auto;
}
/*** フッター ***/
.footer-bottom-logo .logo-image {
max-width: 200px;
}
.footer-bottom-logo img {
height: auto;
}
.navi-footer-in > .menu-footer li {
border-left-color: #fff;
}
.navi-footer-in > .menu-footer li:last-child {
border-right-color: #fff;
}
.copyright {
font-family: Verdana,"Droid Sans",sans-serif;
}
/*** SNS ***/
#main .button-caption {
display: none;
}
#main .sns-share a,
#main .sns-follow a {
/*width: 2.5em;*/
width: 46px;
margin-left: 0.2em;
}
.sns-share-buttons,
.sns-follow-buttons {
justify-content: center;
}
#main .social-icon {
font-size: 25px;
}
.sns-share,
.sns-follow {
position: relative;
text-align: center;
}
.sns-share-message,
.sns-follow-message {
display: inline-block;
}
.sns-share-message::before,
.sns-share-message::after,
.sns-follow-message::before,
.sns-follow-message::after {
font-family: FontAwesome;
content: "\f0d7";
/*font-weight: 900;*/
padding-right: .5em;
padding-left: .5em;
}
/************************
/ SNSボタン
/************************/
#container .sns-buttons a {
background-color: #224082; /*背景色*/
color: #fff; /*文字色*/
border: 0;
}
/*** 検索窓 ***/
.search-box {
/*margin: 1em;*/
}
.search-box .search-edit {
/*height: 40px;*/
border-radius: 40px;
}
.search-submit {
/*line-height: 0;
top: 0;
bottom: 0;*/
}
.search-edit:focus {
outline: none;
/*border-color: #6db3f2;フォーカス時の枠色 */
border-color: #224082; /* フォーカス時の枠色 */
}
/*###### トップページ ######*/
.home.page .date-tags,
.home.page .article-header .sns-share,
.home.page .eye-catch-wrap,
.home.page .author-info {
display: none;
}
.home.page .main {
/*margin-top: -60px;*/
/*margin-top: -150px;*/
/*box-shadow: 0px -4px 3px rgba(230,237,255,0.8);*/
background-color: transparent;
/*font-family: "さわらび明朝","Noto Serif","ヒラギノ明朝","游明朝体","筑紫明朝",serif;*/
}
.page.home h1.entry-title {
/*color: #fff;
text-shadow: 1px 1px 10px #599eff, -1px -1px 10px #599eff,
             -1px 1px 10px #599eff, 1px -1px 10px #599eff,
             0px 1px 10px #599eff,  0 -1px 10px #599eff,
             -1px 0 10px #599eff, 1px 0 10px #599eff;*/
text-align: center;
font-weight: normal;
color: #113f8f;
font-size: 200%;
}
/*** flex box ***/
.flex-container-home {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0;
justify-content: center;
padding-left: 0 !important;
box-shadow: 0px -6px 20px -10px rgba(23,47,61,0.8);
background-color: #fff;
}
.flex-container-home .anchor-icon {
display: none;
}
.flex-container-home .flex-item {
width: 25%;
/*height: auto;*/
margin: 0;
box-sizing: border-box;
border: 2px solid #fff;
position: relative;
text-align: center;
display: block;
}
.flex-container-home .flex-item .item-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
line-height: 120%;
z-index: 1;
font-weight: bold;
display: block;
padding: 6px 20px;
font-family: 'arial black', sans-serif;
font-size: 110%;
color: #fff;
text-shadow: 2px 2px 1px #599eff, -2px -2px 1px #599eff,
             -2px 2px 1px #599eff, 2px -2px 1px #599eff,
             0px 2px 1px #599eff,  0 -2px 1px #599eff,
             -2px 0 1px #599eff, 2px 0 1px #599eff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
/*background: rgb(252,234,187);*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );*/ /* IE6-9 */

}
.flex-container-home .flex-item .item-title strong {
display: inline-block;
}
.flex-container-home .flex-item:hover .item-title span:not(.item-discription):not(.one-word) {
display: inline-block;
position: relative;
top: 0;
animation-name: textWave;
animation-duration: .2s;
animation-timing-function: ease-in-out;
/*animation-iteration-count: infinite;*/
animation-direction: alternate;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(2) {
animation-delay: 0.05s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(3) {
animation-delay: 0.1s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(4) {
animation-delay: 0.15s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(5) {
animation-delay: 0.2s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(6) {
animation-delay: 0.25s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(7) {
animation-delay: 0.3s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(8) {
animation-delay: 0.35s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(9) {
animation-delay: 0.4s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(10) {
animation-delay: 0.45s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(11) {
animation-delay: .5s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(12) {
animation-delay: .55s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(13) {
animation-delay: .6s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(14) {
animation-delay: .65s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(15) {
animation-delay: .7s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(16) {
animation-delay: .75s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(17) {
animation-delay: .8s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(18) {
animation-delay: .85s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(19) {
animation-delay: .9s;
}
.flex-container-home .flex-item:hover .item-title span:nth-of-type(20) {
animation-delay: .95s;
}


.flex-container-home .flex-item .item-title .item-discription {
display: block;
margin-top: .5em;
font-size: 90%;
}
.flex-container-home .flex-item a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
overflow: hidden;
/*box-shadow: 0 3px 1px -1px #c7c7c7;*/
}
.flex-container-home .flex-item img {
width: 100%;
height: auto;
display: block;
transition-duration: 0.3s;
}
.flex-container-home .flex-item:hover img {
transform: scale(1.1);
transition-duration: 0.3s;
opacity: 0.7;
}
/*###### 問合せ ######*/
dl#Inquiry .hide {
display: none;
}
dl#Inquiry .your-item-1 select,
dl#Inquiry .your-item-2 select,
dl#Inquiry select[name="your-item-1"],
dl#Inquiry select[name="your-item-2"] {
width: 75%;
}
dl#Inquiry dd:not(.before-interpretation) {
margin-bottom: 20px;
}
dl#Inquiry dt {
clear: left;
float: left;
width: 11em;
text-align: right;
}
dl#Inquiry dl.sub-item {
margin-top: 10px;
}
dl#Inquiry dt.sub {
margin-left: 2em;
}
dl#Inquiry dd {
margin-left: 11em;
}
dl#Inquiry dd.sub {
margin-left: 13em;
}
dl#Inquiry dd.before-interpretation {
text-align: right;
}
p.submit {
width: 33%;
margin-left: auto;
margin-right: auto;
}

p.submit input[type="submit"].wpcf7-submit {
border-radius: 40px;
border: none;
/*background: #81d742;*/
background: #0080ff;
box-shadow: 0 3px 1px #ddd;
/*text-shadow: 0 -1px #444;*/
color: #fff;
transition: 0.3s;
}
p.submit input[type="submit"].wpcf7-submit:hover {
/*background: #6db738;*/
background: #1066a3;
}
p.submit input[type="submit"].wpcf7-submit:focus {
outline: 0;
/*background: #81d742;*/
background: #0080ff;
box-shadow: 0 -3px 1px #ddd;
transform: translateY(3px);
}
dl#Inquiry input:focus,
dl#Inquiry textarea:focus,
dl.inquiry input:focus,
dl.inquiry textarea:focus {
border: 1px solid #1066a3;
outline: 0;
}
dl#Inquiry b {
color: red;
}
/*** 非表示項目 ***/
.page-template-page-form .date-tags,
.page-template-page-form .eye-catch-wrap,
.page-template-page-form .sns-share,
.page-template-page-form .sns-follow,
.page-template-page-form .toc,
.page-template-page-form .breadcrumb,
.date-tags,
.post-32 .toc {
display: none;
}
/*###### 会社案内 ######*/
/*** 代表挨拶 ***/
.greetings {
/*background-image: url(img/ceo-bg-2.jpg.pagespeed.ce.-C5TEuFV30.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff,
             -2px 2px 1px #fff, 2px -2px 1px #fff,
             0px 2px 1px #fff,  0 -2px 1px #fff,
             -2px 0 1px #fff, 2px 0 1px #fff;
min-height: 600px;*/
}
.greetings p {
/*padding-top: 30px;*/
/*padding-right: 20px;
padding-bottom: 20px;
background-color: rgba(255,255,255,0.5);*/
}
.wp-image-155 {
border-radius: 50%;
}
/*** 歴史 ***/
.passion {
background-image: url(img/passion-bg-2.jpg.pagespeed.ce._trVCAAqa6.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff,
             -2px 2px 1px #fff, 2px -2px 1px #fff,
             0px 2px 1px #fff,  0 -2px 1px #fff,
             -2px 0 1px #fff, 2px 0 1px #fff;
min-height: 600px;
}
.passion p {
/*padding-top: 30px;*/
padding-right: 20px;
padding-bottom: 20px;
margin-right: 200px;
background-color: rgba(255,255,255,0.5);
}
.shinpo {
background-image: url(img/shinpo-bg-2.jpg.pagespeed.ce.kDD5Q4VNGG.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff,
             -2px 2px 1px #fff, 2px -2px 1px #fff,
             0px 2px 1px #fff,  0 -2px 1px #fff,
             -2px 0 1px #fff, 2px 0 1px #fff;
min-height: 600px;
}
.shinpo p {
/*padding-top: 30px;*/
padding-left: 20px;
padding-bottom: 20px;
margin-left: 200px;
background-color: rgba(255,255,255,0.5);
}
.hiyaku {
background-image: url(img/history-bg.jpg.pagespeed.ce.kGoO4FN6AQ.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff,
             -2px 2px 1px #fff, 2px -2px 1px #fff,
             0px 2px 1px #fff,  0 -2px 1px #fff,
             -2px 0 1px #fff, 2px 0 1px #fff;
min-height: 600px;
}
.hiyaku p {
/*padding-top: 30px;*/
padding-right: 20px;
padding-bottom: 20px;
margin-right: 200px;
background-color: rgba(255,255,255,0.5);
}
/*###### 設備と技術 ######*/
.flex-container.facility .flex-item {
margin: 0;
box-sizing: border-box;
border: 2px solid #fff;
}
.flex-container.facility.column-2 .flex-item {
width: 50%;
}
.flex-container.facility.column-3 .flex-item {
width: 33.33333333%;
}
/*###### 品質 ######*/
/*** flex box ***/
.flex-container.quality {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding-left: 0 !important;
justify-content: space-between;
/*padding: 0 !important;
padding-top: 0 !important;*/
}
.flex-container.quality .flex-item {
margin: 0;
box-sizing: border-box;
border: none;
}
.flex-container.quality .flex-item:not(.arrow):not(.line) {
padding: 10px;
border: 2px solid #444;
}
.flex-container.quality .flex-item.bg-red {
background-color: #c00;
color: #fff;
font-weight: bold;
font-size: 150%;
}
.flex-container.quality .flex-item.bg-blue {
background-color: #069;
color: #fff;
border-radius: 20px;
text-align: center;
font-weight: bold;
font-size: 120%;
}
.flex-container.quality .flex-item.bg-pink {
background-color: #f9f;
}
.flex-container.quality .flex-item.bg-green {
background-color: #090;
color: #fff;
font-weight: bold;
font-size: 120%;
}
.flex-container.quality .flex-item.w100 {
width: 100%;
text-align: center;
}
.flex-container.quality .flex-item.w50 {
width: 48%;
}
.flex-container.quality .flex-item.arrow {
text-align: center;
position: relative;
height: 40px;
}
.flex-container.quality .flex-item.line {
text-align: center;
position: relative;
height: 30px;
}
.flex-container.quality .flex-item.arrow span {
  /*display:inline-block;
  height:40px;
  width:80px;
  background-color:#5bc0de;
  position:relative;*/
  /*top:40px;*/
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #5bc0de;
  position: absolute;
left: 50%;
transform: translateX(-50%);
}

.flex-container.quality .flex-item.arrow span:before {
  /*position:absolute;
  content:"";
  width:0;
  height:0;
  border:60px solid transparent;
  border-bottom:60px solid #5bc0de;
  left: -25%;
  top:-100px;*/
}
.flex-container.quality .flex-item.line span {
  display:inline-block;
  height: 30px;
  width:80px;
  background-color:#5bc0de;
  position: absolute;
left: 50%;
transform: translateX(-50%);
  /*top:40px;*/
}
.flex-container.quality .flex-item a {
display: block;
width: 100%;
/*height: 100%;*/
text-decoration: none;
box-shadow: 0 3px 1px -1px #c7c7c7;
}
/*###### プライバシーポリシー ######*/
dd.mail-form-dd input[name="e1"] {
width: 4em;
}
dd.mail-form-dd input[name="e2"] {
width: 7em;
}
dd.mail-form-dd input[type="button"] {
border-radius: 40px;
border: none;
/*background: #81d742;*/
background: #0080ff;
box-shadow: 0 3px 1px #ccc;
color: #fff;
transition: 0.3s;
padding: .5em 1em;
margin-top: 20px;
}
dd.mail-form-dd input[type="button"]:hover {
/*background: #6db738;*/
background: #1066a3;
}
dd.mail-form-dd input[type="button"]:focus {
outline: 0;
/*background: #81d742;*/
background: #0080ff;
box-shadow: 0 -3px 1px #ccc;
transform: translateY(3px);
}
dl.mail-form-dl dt {
clear: left;
float: left;
width: 8em;
}
dl.mail-form-dl dd {
margin-left: 8.5em;
}
/*###### モバイルメニュー ######*/
.mobile-menu-buttons {
/*background-color: #599EFF;*/
background-color: #fff;
box-shadow: 0 -4px 4px rgba(0,0,0,0.4);
}
.navi-menu-button .menu-button-in,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button .menu-button-in {
/*color: #fff;*/
color: #224082;
}
.navi-menu-close-button,
.sidebar-menu-close-button {
/*color: #599EFF*/
color: #224082;
}
.mobile-menu-buttons .menu-button:hover {
/*background-color: #599EFF;*/
/*background-color: #224082;*/
}
.mobile-menu-buttons .navi-menu-button:hover,
.mobile-menu-buttons .home-menu-button:hover > a,
.mobile-menu-buttons .search-menu-button:hover,
.mobile-menu-buttons .top-menu-button:hover > a,
.mobile-menu-buttons .sidebar-menu-button:hover {
/*color: #fff;*/
/*color: #1ca9f9;*/
}
.mobile-menu-buttons .menu-button:hover {
/*background-color: #fff;*/
background-color: #224082;
}
.mobile-menu-buttons .home-menu-button:hover .menu-button-in,
.mobile-menu-buttons .navi-menu-button:hover .menu-button-in,
.mobile-menu-buttons .home-menu-button:hover > a,
.mobile-menu-buttons .search-menu-button:hover,
.mobile-menu-buttons .top-menu-button:hover .menu-button-in,
.mobile-menu-buttons .top-menu-button:hover > a,
.mobile-menu-buttons .sidebar-menu-button:hover .menu-button-in,
.mobile-menu-buttons .menu-item-type-custom:hover .menu-button-in,
.mobile-menu-buttons .menu-button-in:hover .menu-icon {
/*color: #599EFF;*/
color: #fff;
opacity: 1.0;
}
/*###### reCAPTCHA v3 表示 ######*/
.grecaptcha-badge {
margin-bottom: 60px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*769px以上*/
@media screen and (min-width: 769px){
 /*** hタグ ***/
 body:not(.home) .entry-title:before,
 body:not(.home) .entry-title:after {
 content: "";
 border-top: 1px solid;
 width: 3em;
 }
 body:not(.home) .entry-title:before {
 margin-right: .3em;
 }
 body:not(.home) .entry-title:after {
 margin-left: .3em;
 }
 body:not(.equipment-and-technology .column-wrap) .entry-content h3:after {
 content: "";
 border-top: 1px solid;
 width: 3em;
 margin-left: .3em;
 }
 .information-box h3:before,
 .information-box h3:after {
 content: "";
 border-top: 1px solid;
 width: 3em;
 }
 .information-box h3:before {
 margin-right: .3em;
 }
 .information-box h3:after {
 margin-left: .3em;
 }
}
/*849px以上*/
@media screen and (min-width: 849px){
 .navi-in:before {
 content: "";
 width: 50%;
 position: absolute;
 top: 20px;
 left: 0;
 height: 20px;
 background-color: #224082;
 transform: scaleX(0);
 transform-origin: left center;
 animation: NaviLine 0.8s linear 0.5s normal forwards;
 }
 .navi:before {
 content: "";
 width: 50%;
 position: absolute;
 /*top: -1px;*/
 top: 0;
 left: 50%;
 /*border-top: 2px solid #0076c9;*/
 /*display: inline-block;
 opacity: 0;*/
 /*height: 1px;
 background-color: #0076c9;*/
 height: 20px;
 background-color: #224082;
 transform: scaleX(0);
 transform-origin: right center;
 animation: NaviLine 0.8s linear 0.5s normal forwards;
 }
}
/*1031px以上*/
@media screen and (min-width: 1031px){
 body.equipment-and-technology .entry-content h3:after {
 content: "";
 border-top: 1px solid;
 width: 3em;
 margin-left: .3em;
 }
}
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
 .sidebar {
 background: transparent;
 }
}
/*848px以下*/
@media screen and (max-width: 848px){
 .home.page .main {
 margin-top: 0;
 }
 .equipment-and-technology .entry-content h3 {
 /*font-size: 120%;*/
 }
/*** 挿入画像 ***/
 body.greetings .entry-content img.alignleft,
 body.greetings .entry-content img.alignright {
 max-width: 50%;
 height: auto;
 }
}
/*768px以下*/
@media screen and (max-width: 768px){
 /*** flex box ***/
 .flex-container .flex-item,
 .flex-container-home .flex-item {
 width: 50%;
 }
/*** ヘッダー ***/
 .header-in .tagline {
 margin-left: 10px;
 margin-right: 10px;
 }
}
/*600px以下*/
@media screen and (max-width: 600px){
/*** インフォメーション ***/
 .information-box img {
 /*margin-left: auto;
 margin-right: auto;*/
 }
 /*** コンセプト ***/
 .passion p,
 .hiyaku p {
 margin-right: 0;
 }
 .shinpo p {
 margin-left: 0;
 }
}
/*480px以下*/
@media screen and (max-width: 480px){
 /*** flex box ***/
 .flex-container .flex-item {
 width: 100%;
 }
 .flex-container.facility.column-2 .flex-item,
 .flex-container.facility.column-3 .flex-item {
 width: 100%;
 }
/*450px以下*/
@media screen and (max-width: 450px){
 .header {
 background-image: url(img/rd_header-bg_20210115.png.pagespeed.ce.T3kB9s8OpW.png);
 }
/*** 挿入画像 ***/
 .entry-content img.alignleft,
 .entry-content img.alignright {
 /*max-width: 50%;
 height: auto;*/
 }
 body.greetings .entry-content img.alignleft,
 body.greetings .entry-content img.alignright {
 max-width: 100%;
 }
/*440px以下*/
@media screen and (max-width: 440px){
 .information-box h3 {
 margin-right: initial;
 }
}
/*** リスト ***/
 .dl-single-line.location:not(.overseas) > dt,
 dl#Inquiry dt,
 dl.inquiry dt,
 dl.mail-form-dl dt {
 float: none;
 width: 100%;
 text-align: left !important;
 }
 .dl-single-line.location:not(.overseas) > dd,
 dl#Inquiry dd,
 dl.inquiry dd,
 dl.mail-form-dl dd {
 margin-left: 0em !important;
 }
 dd.mail-form-dd {
 text-align: center;
 }
 dd.mail-form-dd input[type="button"] {
 margin-left: auto;
 margin-right: auto;
 }
}