@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
 box-sizing:border-box;
}
html {
 font-size: 62.5%;
}
body {
 color:#333333;
 text-align:center;
 font-size:16px;
 font-size: 1.6em;
 font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 line-height: 1.7em;
 background-repeat: repeat-x;
 margin-right: auto;
 margin-left: auto;
 min-width: 1100px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display:block;
}
nav ul {
 list-style:none;
}
blockquote, q {
 quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
 content:'';
 content:none;
}
a {
 margin:0;
 padding:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}
ins {
 background-color:#ff9;
 color:#000;
 text-decoration:none;
 text-align: left;
}
mark {
 background-color:#ff9;
 color:#000;
 font-style:italic;
 font-weight:bold;
}
del {
 text-decoration: line-through;
}
abbr[title], dfn[title] {
 border-bottom:1px dotted;
 cursor:help;
}
hr {
 display:block;
 height:1px;
 border:0;
 border-top:1px solid #cccccc;
 margin:1em 0;
 padding:0;
}
input, select {
 vertical-align:middle;
}
* {
 margin:0;
 padding:0;
}
img {
 border:none;
 vertical-align:bottom;
}
hr {
 display:none;
}
ul {
 list-style:none;
}
a {
 overflow:hidden;
}
table {
 font-size:inherit;
 font:100%;
 border-collapse:collapse;
 border-spacing:0;
}
.clearfix:after {
 content:" ";
 display:block;
 clear:both;
}
a {
 /*\*/
   overflow: hidden;/**/
}
a {
 color: #39C;
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
 color: #39C;
}
a.line {
 color: #3399cc;
 text-decoration: underline;
}


.replace {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}
.fLeft, .alignleft {
 float: left;
 margin-right: 30px;
}
.fRight, .alignright {
 float: right;
 margin-left: 30px;
}
.textLeft {
 text-align: left;
}
.textRight {
 text-align: right!important;
}
.textCenter {
 text-align: center;
 display: block;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 15px;
}
.textRed {
 color: #C00;
}
.textGn {
 color: #063;
}
.textBl {
 color: #039;
}
.sp {
 display: none;
}
.flexBwn {
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.flexEven {
 width: 100%;
 display: flex;
 justify-content: space-evenly;
 flex-wrap: wrap;
}
.flexAround {
 width: 100%;
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
}
.arrow {
 position: relative;
 display: inline-block;
 padding: 0 0 0 16px;
 color: #000;
 vertical-align: middle;
 text-decoration: none;
 font-size: 15px;
}
.arrow::before, .arrow::after {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.mb10 {
 margin-bottom: 10px;
}
#Header {
 position: fixed;
 top: 0px;
 width: 100%;
 background-color: #FFF;
 z-index: 10;
}
#Header .headerLink {
 background-color: #CC0000;
 background-image: linear-gradient(#FFF, #FFF);
 background-repeat: no-repeat;
 background-size: 1px 70%;
 background-position: 62% center;
 position: absolute;
 top: 15px;
 right: 20px;
 height: 40px;
 width: 310px;
 border-radius: 50px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
}
#Header .headerLink li {
 line-height: 40px;
}
#Header .headerLink li a {
 color: #FFF;
 text-decoration: none;
}
#Header .headerLink .toiawase a {
 margin-left: 30px;
}
#Header .headerLink .toiawase a:before {
 content: url(../images/common/icn_mail.png);
 padding-right: 4px;
 position: absolute;
 top: 50%;
 margin-top: -17px;
 margin-left: -30px;
}
#Header .headerLink .en a:before {
 content: url(../images/common/icn_world.png);
 padding-right: 4px;
 position: absolute;
 top: 50%;
 margin-top: -15px;
 margin-left: -28px;
}
#Header #HeaderInner {
 clear: both;
 width: 1100px;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}
#Header #HeaderInner h1 {
 font-size: 1.3rem;
 text-align: left;
 font-weight: normal;
 padding-top: 5px;
}
#Header #HeaderInner .companyLogo {
 text-align: left;
 margin-bottom: 20px;
 margin-top: 5px;
}
#Header #HeaderInner .headerJET {
 position: absolute;
 left: 470px;
 top: 40px;
 width: 160px;
 height: 37px;
}
#Header #HeaderInner .headerJET li {
 float: left;
 margin-right: 20px;
}
#Header #HeaderInner #HeaderTel {
 position: absolute;
 top: 45px;
 right: 0px;
}
#Header #HeaderInner #HeaderTel ul {
 display: flex;
 align-items: bottom;
}
#Header #HeaderInner #HeaderTel ul li {
 font-size: 1.3rem;
 color: #1C479A;
 vertical-align: middle;
 display: inline-block;
 margin-left: 10px;
}
#Header #HeaderInner #HeaderTel ul li .eigyou {
 display: block;
 position: absolute;
 top: -25px;
 font-size: 1.2rem;
 line-height: 25px;
 color: #FFF;
 height: 25px;
 padding-right: 1em;
 padding-left: 1em;
 background-color: #1C479A;
 margin-left: 3em;
}
#Header #HeaderInner #HeaderTel ul li .number {
 font-size: 2.0rem;
 font-weight: bold;
 vertical-align: middle;
}
#Header #HeaderInner #HeaderTel ul li .number:before {
 content: url(../images/common/icn_phone_s.png);
 vertical-align: middle;
}
#Header #HeaderInner #HeaderTel .uketsuke {
 font-size: 1.4rem;
 line-height: 1em;
}
#Header .headerLang {
 position: absolute;
 top: 30px;
 right: 20px;
 height: 36px;
 width: 72px;
}
#Header .headerLang li {
 float: left;
 height: 36px;
 width: 36px;
 color: #FFF;
 background-color: #333;
 font-size: 1.6rem;
 line-height: 36px;
 display: block;
}
#Header .headerLang li a {
 background-color: #DDDDDD;
 color: #333;
 text-decoration: none;
 display: block;
}
#Header #HeaderMenu {
 height: 80px;
 width: 100%;
 background: rgb(22,55,119);
 background: linear-gradient(0deg, rgba(22,55,119,1) 0%, rgba(28,71,155,1) 100%);
}
#Header #HeaderMenu nav {
 width: 1100px;
 margin-right: auto;
 margin-left: auto;
 height: 80px;
}
#Header #HeaderMenu nav .flexEven {
 align-items: center;
}
#Header #HeaderMenu nav ul li {
 flex-grow: 1;
 align-items: center;
 background-image: linear-gradient(#CCCCCC, #CCCCCC);
 background-repeat: no-repeat;
 background-size: 1px 50%;
 background-position: 0% center;
}
#Header #HeaderMenu nav ul li:last-child {
 background-image: linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC);
 background-repeat: no-repeat, no-repeat;
 background-size: 1px 50%, 1px 50%;
 background-position: 0% center, 100% center;
}
#Header #HeaderMenu nav ul li a {
 height: 80px;
 line-height: 80px;
 display: block;
 color: #FFF;
 text-decoration: none;
 align-items: center;
}
#Header #HeaderMenu nav ul li a:hover {
 background-image: linear-gradient(#C00, #C00);
 background-repeat: no-repeat;
 background-size: 100% 4px;
 background-position: 0% top;
}
#Header #HeaderMenu nav ul li a img {
 vertical-align: middle;
 margin-right: 10px;
}
#Header #HeaderMenu nav ul li a.current {
 background-image: linear-gradient(#C00, #C00);
 background-repeat: no-repeat;
 background-size: 100% 4px;
 background-position: 0% top;
}
.container {
 padding-top: 180px;
}
.contents {
 clear: both;
 width: 1100px;
 margin-right: auto;
 margin-left: auto;
}
.contents:after {
 content:" ";
 display:block;
 clear:both;
}
.contents #Side {
 background: rgb(255,255,255);
 background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
 float: left;
 width: 280px;
 padding-top: 30px;
 padding-right: 15px;
 padding-bottom: 400px;
 padding-left: 15px;
}
.contents #Side .sideBox {
 background-color: #FFF;
 clear: both;
 width: 100%;
 padding-top: 20px;
 padding-right: 10px;
 padding-bottom: 17px;
 padding-left: 10px;
 margin-bottom: 15px;
}
.contents #Side .sideBox .sideTel {
 font-size: 2.6rem;
 color: #1B4699;
}
.contents #Side .sideBox .sideTel:before {
 content: url(../images/common/icn_phone.png);
 padding-right: 5px;
 vertical-align: middle;
}
.contents #Side #Contact2 .secTitle2 {
 font-size: 1.5rem;
 line-height: 1.4em;
}
.contents #Side #BnrCatalog {
}
.contents #Side #BnrCatalog p a {
 height: 80px;
 width: 250px;
 background-color: #FFF;
 line-height: 80px;
 color: #333;
 background-image: url(../images/common/icn_catalog2.png);
 background-repeat: no-repeat;
 background-position: 10px 50%;
 text-decoration: none;
 display: block;
 padding-left: 60px;
 box-sizing: border-box;
 text-align: left;
 font-weight: bold;
 position: absolute;
}
.contents #Side #BnrCatalog p a:after {
 content: "";
 border-bottom: 10px solid #CC0000;
 border-left: 10px solid transparent;
 position: absolute;
 right: 3px;
 bottom: 3px;
 color: #CC0000;
 text-decoration: none;
}
.contents #Side #BnrCatalog p a:hover {
 background-color: #DDDDDD;
}
.linkBtn a {
 height: 48px;
 width: 100%;
 background-color: #C00;
 line-height: 48px;
 display: block;
 color: #FFF;
 text-decoration: none;
 position: relative;
 border-radius: 3px;
 margin-top: 10px;
}
.linkBtn a:after {
 content: "";
 border-bottom: 10px solid #FFF;
 border-left: 10px solid transparent;
 position: absolute;
 right: 3px;
 bottom: 3px;
 color: #FFF;
 text-decoration: none;
}
.linkBtn a:hover {
 background-color: #666;
}
footer {
 clear: both;
 width: 100%;
 background-color: #E6E6E6;
 border-top-width: 7px;
 border-top-style: solid;
 border-top-color: #1C479A;
 padding-top: 45px;
 padding-bottom: 60px;
}
footer:after {
 content:" ";
 display:block;
 clear:both;
}
#FooterIn {
 width: 1100px;
 margin-right: auto;
 margin-left: auto;
}
#FooterIn:after {
 content:" ";
 display:block;
 clear:both;
}
#FooterIn #FooterNav {
 margin-bottom: 30px;
}
#FooterIn #FooterNav>ul {
 width: 20%;
 text-align: left;
}
#FooterIn #FooterNav ul li {
 padding-bottom: 5px;
}
#FooterIn #FooterNav ul li a:before {
 left: 3px;
 width: 4px;
 height: 4px;
 border-top: 2px solid #333;
 border-right: 2px solid #333;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#FooterIn #FooterNav ul li ul {
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #333;
 margin-top: 5px;
 padding-top: 5px;
}
#FooterIn #FooterNav ul li ul li {
 padding-bottom: 0px;
}
#FooterIn #FooterNav ul li ul li a:before {
 left: 3px;
 width: 4px;
 height: 4px;
 border-top: 1px solid #333333;
 border-right: 1px solid #333333;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#FooterIn h4 {
 vertical-align: middle;
 display: inline-block;
 font-size: 2.0rem;
}
#FooterIn h4 img {
 vertical-align: middle;
 margin-right: 20px;
}
#FooterIn address {
 font-style: normal;
}
#pagetop {
 position: fixed;
 bottom: 10px;
 right: 10px;
}
#SlideMenu {
 z-index: 100;
 position: fixed;
}
#SlideMenu .slideMenu0 {
 width: 45px;
 top: 120px;
 right: 0px;
 position: fixed;
 transition: 0.6s;
}
#SlideMenu .slideMenu1 {
 width: 585px;
 top: 295px;
 right: 0px;
 position: fixed;
 right: -540px;
 transition: 0.6s;
}
#SlideMenu .slideMenu2 {
 width: 885px;
 top: 470px;
 right: 0px;
 position: fixed;
 right: -840px;
 transition: 0.6s;
}
#SlideMenu .slideMenu1-active, #SlideMenu .slideMenu2-active {
 right: 0px;
}
#SlideMenu .slideMenu0 h3, #SlideMenu .slideMenu1 h3, #SlideMenu .slideMenu2 h3 {
 float: left;
 width: 45px;
}
#SlideMenu .slideMenu1 .slideMenu1Block {
 width: 540px;
 background-color: #EEEEEE;
 height: auto;
 float: right;
}
#SlideMenu .slideMenu2 .slideMenu2Block {
 width: 840px;
 background-color: #D9D9D9;
 height: auto;
 float: right;
}
#SlideMenu .slideMenu1 .slideMenu1Block .closeBtn1, #SlideMenu .slideMenu2 .slideMenu2Block .closeBtn2 {
 position: absolute;
 top: 20px;
 right: 20px;
}
#SlideMenu .slideBtn1:hover, #SlideMenu .closeBtn1:hover, #SlideMenu .slideBtn2:hover, #SlideMenu .closeBtn2:hover {
 cursor: pointer;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail {
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 30px;
 padding-left: 20px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail h4 {
 font-size: 1.8rem;
 text-align: left;
 margin-bottom: 15px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail h4:before {
 content: url(../images/common/slidemanu_mail.png);
 padding-right: 10px;
 vertical-align: middle;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail ul {
 width: 450px;
 height: 140px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail ul li {
 display: block;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail ul li a {
 display: block;
 color: #333;
 text-decoration: none;
 background-color: #FFF;
 border: 1px solid #D4D4D4;
 padding-top: 20px;
 padding-bottom: 90px;
 width: 140px;
 background-image: url(../images/common/icn_toi1.png);
 background-repeat: no-repeat;
 background-position: center 55px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail ul li.toi2 a {
 background-image: url(../images/common/icn_toi2.png);
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail ul li.toi3 a {
 background-image: url(../images/common/icn_toi3-2.png);
}
#SlideMenu .slideMenu1 .slideMenu1Block #Mail ul li a:hover {
 background-color: #FFFCDD;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel {
 background-color: #D4D4D4;
 background-image: url(../images/common/slidemanu_tel.png);
 background-repeat: no-repeat;
 background-position: 20px 20px;
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 30px;
 padding-left: 20px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel h4 {
 position: relative;
 text-align: center;
 width: 330px;
 margin-left: 70px;
 margin-bottom: 15px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel h4:before {
 position: absolute;
 top: calc(50% - 1px);
 left: 0;
 width: 100%;
 height: 2px;
 content: '';
 background: #000;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel h4 span {
 position: relative;
 padding: 0 1em;
 background: #D4D4D4;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel .flexBwn {
 width: 370px;
 margin-left: 70px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel .flexBwn dl {
 width: 48%;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel .flexBwn dl dt {
 width: 100%;
 background-color: #248BC2;
 color: #FFF;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-bottom: 5px;
 font-size: 1.5rem;
 font-weight: normal;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel .flexBwn dl dd {
 font-size: 2.1rem;
 font-weight: bold;
 letter-spacing: 1px;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel .flexBwn dl dd:before {
 content: url(../images/common/icn_phone_bk.png);
 padding-right: 3px;
 vertical-align: middle;
}
#SlideMenu .slideMenu1 .slideMenu1Block #Tel .note {
 font-size: 1.4rem;
}
#SlideMenu .slideMenu2 .slideMenu2Block {
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 50px;
 padding-left: 20px;
}
#SlideMenu .slideMenu2 .slideMenu2Block h4 {
 font-size: 1.8rem;
 text-align: left;
 margin-bottom: 15px;
}
#SlideMenu .slideMenu2 .slideMenu2Block h4:before {
 content: url(../images/common/slidemanu_catalog.png);
 padding-right: 10px;
 vertical-align: middle;
}
#SlideMenu .slideMenu2 .slideMenu2Block .flexBwn {
 width: 780px;
}
#SlideMenu .slideMenu2 .slideMenu2Block .flexBwn a {
 width: 260px;
 background-color: #F4F4F4;
 padding: 20px;
 display: block;
 box-sizing:border-box;
 position: relative;
 text-decoration: none;
}
#SlideMenu .slideMenu2 .slideMenu2Block .flexBwn a:nth-child(2) {
 background-color: #FFFFFF;
}
#SlideMenu .slideMenu2 .slideMenu2Block .flexBwn a:after {
 content: "";
 border-bottom: 12px solid #248BC2;
 border-left: 12px solid transparent;
 position: absolute;
 right: 3px;
 bottom: 3px;
}
#SlideMenu .slideMenu2 .slideMenu2Block .flexBwn a:hover {
 background-color: #FFFCDD;
}
#SlideMenu .slideMenu2 .slideMenu2Block .flexBwn a .catalog h5 {
 text-align: left;
 color: #333;
 text-decoration: none;
 margin-bottom: 10px;
}
.pageTitle {
 height: 170px;
 width: 100%;
 background-image: url(../images/common/pagetitle_bg.png);
 background-repeat: no-repeat;
 background-position: center top;
 font-size: 3.0rem;
 line-height: 170px;
}
#BreadCrumb {
 clear: both;
 width: 1100px;
 text-align: right;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-right: auto;
 margin-left: auto;
}
#BreadCrumb li {
 display: inline-block;
}
#BreadCrumb li:after {
 content: " > ";
}
#BreadCrumb li:last-child:after {
 content: "";
}
.contents main {
 float: right;
 width: 830px;
}
.contents main:after {
 content:" ";
 display:block;
 clear:both;
}
.contents main.full {
 width: 1100px;
}
.style1 {
 clear: both;
 margin-bottom: 100px;
}
.style1:after {
 content:" ";
 display:block;
 clear:both;
}
.style2 {
 position: relative;
 border: 8px solid #EEEEEE;
 border-radius: 8px;
 margin-top: 2em;
 margin-bottom: 60px;
 padding: 30px;
 text-align: left;
}
.style2 .style2title {
 position: absolute;
 display: inline-block;
 top: -13px;
 left: 30px;
 padding: 0 9px;
 line-height: 1;
 font-size: 2.1rem;
 background: #FFF;
 font-weight: bold;
 color: #039;
}
.style3 {
 clear: both;
 margin-bottom: 80px;
}
.style3:after {
 content:" ";
 display:block;
 clear:both;
}
.secTitle1 {
 position: relative;
 border-bottom: 5px solid #DDDDDD;
 font-size: 2.5rem;
 text-align: left;
 margin-bottom: 40px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
}
.secTitle1:before {
 position: absolute;
 bottom: -5px;
 left: 0;
 width: 20%;
 height: 5px;
 content: '';
 background: #CC0000;
}
.secTitle2 {
 position: relative;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
 margin-bottom: 20px;
 padding-bottom: 10px;
 font-size: 1.7rem;
}
.secTitle2:before {
 position: absolute;
 bottom: -7px;
 left: 1em;
 width: 0;
 height: 0;
 content: '';
 border-width: 7px 6px 0 6px;
 border-style: solid;
 border-color: #d8d8d8 transparent transparent transparent;
}
.secTitle2:after {
 position: absolute;
 bottom: -5px;
 left: 1em;
 width: 0;
 height: 0;
 content: '';
 border-width: 7px 6px 0 6px;
 border-style: solid;
 border-color: #f9f9f9 transparent transparent transparent;
}
.secTitle3 {
 position: relative;
 padding: 1.5rem;
 text-align: center;
 font-size: 2.5rem;
 margin-bottom: 20px;
}
.secTitle3:after {
 position: absolute;
 bottom: -10px;
 left: calc(50% - 30px);
 width: 60px;
 height: 8px;
 content: '';
 background-color: #C00;
}
.secTitle4 {
 background-color: #EEEEEE;
 background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 8px);
 font-size: 2.5rem;
 line-height: 2.5rem;
 height: 2.5rem;
 margin-bottom: 50px;
}
.secTitle4 span {
 display: inline;
 background-color: #FFF;
 padding-right: 4rem;
 padding-left: 4rem;
}
.secTitle5 {
 font-weight: normal;
 color: #FFF;
 line-height: 50px;
 height: 50px;
 background-color: #57B648;
 width: 360px;
 text-align: left;
 border-radius: 5px 5px 0 0;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 font-size: 1.7rem;
 display: flex;
 align-items: center;
 padding-left: 15px;
}
/*
.secTitle5:before {
 content: "";
 width: 12px;
 margin-right: 5px;
 border-top-width: 3px;
 border-top-style: solid;
 border-top-color: #C00;
}
*/
.secTitle6 {
 background-color: #FFE6E6;
 background-image: repeating-linear-gradient(-45deg, #FFF2F2, #FFF2F2 3px, transparent 0, transparent 6px);
 font-size: 3.0rem;
 display: inline-block;
 padding-top: 25px;
 padding-right: 60px;
 padding-bottom: 25px;
 padding-left: 60px;
 margin-bottom: 50px;
}
.secTitle7 {
 font-size: 3rem;
 color: #1C479A;
 margin-bottom: 20px;
 text-align: center;
 margin-top: 20px;
}
.secTitle8 {
 position: relative;
 padding-left: 3.5em;
 font-size: 2.3rem;
 margin-bottom: 30px;
}
.secTitle8 span {
 position: absolute;
 top: -7px;
 left: 0;
 color: #FFF;
 padding-right: 1rem;
 padding-left: 1rem;
 font-size: 1.6rem;
 background-color: #C00;
 font-weight: normal;
 line-height: 2.5em;
}
.secTitle8 span:after {
 position: absolute;
 top: calc(50% - 7px);
 right: -11px;
 width: 0;
 height: 0;
 content: '';
 border-width: 7px 0 7px 12px;
 border-style: solid;
 border-color: transparent transparent transparent #C00;
}
.secTitle9 {
 font-size: 2.3rem;
 position: relative;
 text-align: center;
 display: inline-block;
 margin-bottom: 50px;
}
.secTitle9:before, .secTitle9:after {
 position: absolute;
 left: calc(50% - 25px);
 width: 50px;
 height: 2px;
 content: '';
 background: #CC0000;
}
.secTitle9:before {
 bottom: -12px;
}
.secTitle9:after {
 bottom: -16px;
}
.secTitle10 {
 font-size: 2.8rem;
 color: #999;
 text-align: left;
 margin-bottom: 3px;
}
.secTitle10:first-letter {
 font-size: 5.0rem;
 color: #1B4699;
}
.subTitle1 {
 font-size: 1.7rem;
 font-weight: bold;
 margin-bottom: 5px;
 display: inline-block;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #C00;
 padding-bottom: 2px;
}
.subTitle2 {
 font-size: 2.5rem;
 color: #1C479A;
 margin-bottom: 20px;
}
.subTitle3 {
 margin-bottom: 10px;
 border: 1px solid #57B648;
 padding-top: 5px;
 padding-right: 20px;
 padding-bottom: 5px;
 padding-left: 20px;
 background-color: #E6F4E3;
 text-align: left;
 display: inline-block;
}
.subTitle4 {
 font-size: 2.0rem;
 color: #FFF;
 width: 80%;
 padding-top: 8px;
 padding-bottom: 8px;
 background-color: #1C479A;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 20px;
}
.pageLead {
 font-size: 1.9rem;
 margin-bottom: 30px;
 line-height: 1.7em;
 text-align: left;
 font-weight: bold;
 margin-top: 30px;
}
.pageLead span {
 display: inline-block;
}
.secLead {
 color: #036;
 font-size: 1.9rem;
 margin-bottom: 30px;
 line-height: 1.7em;
}
.secLead span {
 display: inline-block;
}
/*
.topMainImg {
 clear: both;
 margin-bottom: 50px;
 height: 600px;
 margin-top: 180px;
 background: rgb(255,255,255);
 background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
}

.topMainImg img {
 width: 100%;
	height: 100%;
	object-fit: cover;
}
*/


.topMainImg {
 margin-top: 180px;
 clear: both;
 height: 550px;
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 z-index: 0;
 background-color: #333;
 margin-bottom: 50px;
}
.topMainImg .slider {
 margin: 0;
}
.topMainImg .slider .item {
 height: 550px;
}
.topMainImg .slider img {
 width: 1100px;
 height: 550px;
 text-align: center;
 margin-right: auto;
 margin-left: auto;
}
.topMainImg .slider .slick-next {
 z-index: 99;
}
.topMainImg .slider .slick-prev {
 z-index: 99;
}
.topMainImg .slick-dots {
 bottom: 0px !important;
}
.topMainImg .slick-slide:not(.slick-center) {
 -webkit-filter: opacity(70%);
 -moz-filter: opacity(70%);
 -o-filter: opacity(70%);
 -ms-filter: opacity(70%);
 filter: opacity(70%);
 transition: 0.5s linear;
}
.topMainImgFull {
 margin-top: 180px;
 clear: both;
 height: 651px;
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 z-index: 0;
 margin-bottom: 50px;
	background-color: #0052a6;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #E4E4E4;
}
.topMainImgFull .sliderFull div {
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top;
 height: 650px;
 width: 100%;
 margin: 0;
}
.topMainImgFull .sliderFull div.main01 {
 background-image: url(../images/top/main_img01.jpg);
}
.topMainImgFull .sliderFull div.main02 {
 background-image: url(../images/top/main_img02.jpg);
}
.topMainImgFull .sliderFull div.main03 {
 background-image: url(../images/top/main_img03.jpg);
}
.topMainImgFull .sliderFull div.main04 {
 background-image: url(../images/top/main_img04.jpg);
}
.topMainImgFull .sliderFull div.main05 {
 background-image: url(../images/top/main_img05.jpg);
}
.topMainImgFull .sliderFull div.main06 {
 background-image: url(../images/top/main_img06.jpg);
}
.topMainImgFull .sliderFull div.main07 {
 background-image: url(../images/top/main_img07.jpg);
}
.topMainImgFull .sliderFull div.main08 {
 background-image: url(../images/top/main_img08.jpg);
}
.topMainImgFull .sliderFull .slick-dots {
 bottom: 4%;
 z-index: +1;
}
.contents main#Top {
 width: 766px;
}
#Top .style1 {
 margin-bottom: 80px;
}
#Top #Sec1 {
 margin-bottom: 40px;
}
#Top #Sec1 h2 {
 font-size: 3.0rem;
 color: #1B4699;
 margin-bottom: 30px;
 line-height: 1.6em;
 margin-top: 10px;
}
#Top #Sec1 p {
 text-align: left;
 margin-bottom: 15px;
 font-size: 1.7rem;
 line-height: 1.8em;
}
#Top #Sec2 {
 padding: 43px;
 background: rgb(255,255,255);
 background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
 margin-bottom: 0px;
}
#Top #Sec2 .flexBwn li {
 width: 205px;
 margin-bottom: 30px;
}
#Top #Sec2 .flexBwn li a {
 color: #333;
 text-decoration: none;
}
#Top #Sec2 .flexBwn li a img {
 transition: 0.5s all;
 margin-bottom: 5px;
}
#Top #Sec2 .flexBwn li a:hover img {
 transform: scale(1.1, 1.1);
}
#Top #Sec3 dl {
 text-align: left;
 margin-bottom:40px;
}
#Top #Sec3 dl dt {
 position: relative;
 display: inline-block;
 color: #fff;
 background: #CC0000;
 -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
 box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
 font-size: 1.6rem;
 height: 40px;
 margin-left: -10px;
 padding-right: 30px;
 padding-left: 30px;
 line-height: 40px;
 z-index: 9;
}
#Top #Sec3 dl dt:before {
 position: absolute;
 bottom: -10px;
 left: 0;
 width: 0;
 height: 0;
 content: '';
 border-top-width: 10px;
 border-left-width: 10px;
 border-top-style: solid;
 border-left-style: solid;
 border-top-color: #900;
}
#Top #Sec3 dl dd {
 margin-top: -50px;
}
#Top #Sec3 dl dd img {
 transition: .3s ease-in-out;
}
#Top #Sec3 dl dd img:hover {
 filter: sepia(50%);
 z-index: 1;
}
#Top #Sec4 .secTitle9 {
 margin-bottom: 30px;
}
.news {
	overflow: auto;
	width: 100%;
	height: 7em;
}
#Top #Sec4 a {
 color: #333;
 text-decoration: none;
}
#Top #Sec4 a dl {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-top: 14px;
 padding-bottom: 14px;
}
#Top #Sec4 a:hover dl {
 background-color: #FFFCDD;
}
#Top #Sec4 a dl dt {
 width: 15%;
}
#Top #Sec4 a dl dd {
 width: 85%;
}
#Top #Sec4 a dl dt, #Top #Sec4 a dl dd {
 color: #333;
 text-decoration: none;
}
#Top #Sec4 a dl dd .newsCat {
 font-size: 1.4rem;
 color: #FFF;
 padding-top: 4px;
 padding-right: 10px;
 padding-bottom: 4px;
 padding-left: 10px;
 background-color: #47953C;
 margin-right: 15px;
 border-radius: 2px;
}
#Top #Sec4 a dl dd .newsCat2 {
 background-color: #0070B7;
}
#Top #Sec4 a dl dd .newsCat3 {
 background-color: #303;
}
#Top #Sec5 .topics {
 text-align: left;
 padding: 30px;
 border: 1px solid #DDDDDD;
}
#Top #Sec5 .topics .topicsBody {
 float: right;
 width: 495px;
}
#Top #Sec5 .topics h4 {
 margin-bottom: 14px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000;
 font-size: 1.8rem;
}
#Top #Sec5 .topics.style1 .topicsBody h5 {
 margin-top: 10px;
}
#Top #Sec5 .topics ul .arrow:before {
 left: 4px;
 width: 5px;
 height: 1px;
 background: #7a0;
}
#Top #Sec5 .topics ul .arrow:after {
 left: 4px;
 width: 4px;
 height: 4px;
 border-top: 1px solid #7a0;
 border-right: 1px solid #7a0;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#Top .style3 .secBody {
 background-color: #F7F7F7;
 padding: 30px;
}
#Top .style3 .secBody .subTitle4 {
 font-weight: normal;
}
#Top .style3 .secBody .fLeft img {
 margin-top: 20px;
}
#Top .style3 .secBody .secBodyRight {
 text-align: left;
 width: 340px;
 float: right;
}
#Top .style3 .secBody .secBodyRight p {
 margin-bottom: 12px;
 font-size: 1.5rem;
}
#Top .style3 .secBody nav {
 clear: both;
 width: 90%;
 margin-right: auto;
 margin-left: auto;
}
#Top .style3 .secBody nav .flexBwn li {
 width: 49%;
 height: 50px;
}
#Top .style3 .secBody nav .flexBwn li a {
 display: block;
 color: #333;
 text-decoration: none;
 line-height: 50px;
 background-color: #FFF;
 border: 1px solid #1C479A;
}
#Top .style3 .secBody nav .flexBwn li a:hover {
 background-color: #F0F4FD;
}
#Top .style3 .secBody nav .flexBwn li .arrow:before {
 left: 5px;
 width: 4px;
 height: 4px;
 border-top: 1px solid #1C479A;
 border-right: 1px solid #1C479A;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#Top .style3 .secBody nav .flexBwn li .arrow:before {
 left: 5px;
 width: 4px;
 height: 4px;
 border-top: 2px solid #1C479A;
 border-right: 2px solid #1C479A;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#Top #Sec7 .secBody.clearfix .fLeft {
 margin-left: -20px;
}
#Top #Sec7 .secBody .secBodyRight {
 text-align: left;
 width: 480px;
 float: right;
 margin-top: -332px;
}
#Top #Sec7 .secBody .secBodyRight h5, #Top #Sec7 .secBody .secBodyRight p {
 margin-left: 75px;
}
#Top #Sec7 .secBody .globalPhoto {
 margin-top: 20px;
 margin-bottom: 35px;
}
#Top #Sec7 .secBody .globalPhoto img:first-child {
 margin-right: 10px;
}
#Top #Sec7 .secBody nav .flexBwn {
 justify-content: space-around;
}
.contents .companySide {
 float: left;
 width: 220px;
 text-align: left;
}
.contents .companySide ul {
 text-align: left;
}
.contents .companySide ul li a {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #222222;
 padding-bottom: 15px;
 display: block;
 padding-top: 15px;
 color: #333;
 text-decoration: none;
}
.contents .companySide ul li a:before {
 content: "■";
 font-size: 1.0rem;
 color: #1D479B;
 vertical-align: middle;
 padding-right: 5px;
}
.contents .companySide ul li a:hover:before {
 color: #C00;
}
.contents .companySide ul li:first-child a {
 padding-top: 10px;
}
#CompanyProfile #Sec1 dl {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
}
#CompanyProfile #Sec1 dl dt {
 width: 15%;
}
#CompanyProfile #Sec1 dl dd {
 width: 85%;
}
#CompanyProfile #Sec1 dl dt, #CompanyProfile #Sec1 dl dd {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-top: 14px;
 padding-bottom: 14px;
}
#CompanyProfile #Sec3 dl {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
}
#CompanyProfile #Sec3 dl dt {
 width: 12%;
}
#CompanyProfile #Sec3 dl dd {
 width: 88%;
}
#CompanyProfile #Sec3 dl dt, #CompanyProfile #Sec3 dl dd {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-top: 14px;
 padding-bottom: 14px;
}
#CompanyProfile #Sec1 .secTitle1, #CompanyProfile #Sec3 .secTitle1 {
 margin-bottom: 10px;
}
#CompanyMessage #Sec1 .secTitle1 {
 margin-bottom: 10px;
}
#CompanyMessage #Sec1 figure {
 margin-bottom: 40px;
}
#CompanyMessage #Sec1 figure img {
 margin-bottom: 10px;
}
#CompanyMessage #Sec1 p {
 text-align: left;
 margin-bottom: 15px;
}
#CompanyPhilosophy #Sec2 ul {
 list-style-type: disc;
 padding-left: 30px;
}
#CompanyPhilosophy #Sec3 .sec3in {
 margin-bottom: 30px;
}
#CompanyPhilosophy #Sec3 {
 margin-bottom: 100px;
 padding-bottom: 0px;
}
#CompanyNetwork .secTitle1 {
 margin-bottom: 10px;
}
#CompanyNetwork #Sec1 p {
 text-align: left;
 margin-top: 30px;
 margin-bottom: 15px;
}
#CompanyNetwork dl {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
 margin-bottom: 50px;
}
.partner th, .partner td{
	text-align: left;
	padding: 5px;
}
#CompanyNetwork dl dt {
 width: 15%;
}
#CompanyNetwork dl dd {
 width: 85%;
}
#CompanyNetwork dl dt, #CompanyNetwork dl dd {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-top: 14px;
 padding-bottom: 14px;
}
#CompanyNetwork .basePhoto {
 display: flex;
}
#CompanyNetwork .basePhoto img {
 margin-right: 10px;
 margin-left: 10px;
}
#CompanyNetwork .grid_wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, 45%);
	gap: 10px 20px;
	justify-content: center;
}
#CompanyNetwork .grid_wrap img {
	width: 95%;
	height: auto;
}
#CompanyNetwork .grid_wrap iframe {
	width: 95%;
	height: 100%;
}
#CompanyAccess .gMap {
 margin-bottom: 40px;
}
#CompanyAccess .accessData {
 margin-bottom: 25px;
 text-align: left;
}
#CompanyAccess .howTo {
 text-align: left;
}
#CompanyAccess .howTo .accessMap {
 margin-bottom: 15px;
 margin-top: 15px;
}
#Procucts #Sec1 {
 margin-bottom: 80px;
}
#Procucts #Sec1 .style2 {
 width: 540px;
 margin-bottom: 10px;
}
#Procucts #Sec1 .style2 h4 {
 display: inline-block;
 margin-top: 10px;
 margin-right: 5px;
 font-size: 1.5rem;
}
#Procucts #Sec1 .style2 p .fRight {
 margin-left: 5px;
}
#Procucts #Sec2 {
}
#Procucts #Sec2 .items {
}
#Procucts #Sec2 .items .cat {
 margin-bottom: 40px;
}
#Procucts #Sec2 .items .cat .catBlock {
 background-color: #F7F7F7;
 padding-right: 50px;
 padding-bottom: 35px;
 padding-left: 50px;
 text-align: left;
}
#Procucts #Sec2 .items .cat .catBlock:first-of-type {
 padding-top: 35px;
}
#Procucts #Sec2 .items .cat .flexBwn p {
 margin-bottom: 30px;
 font-size: 1.5rem;
 width: 235px;
}
#Procucts #Sec2 .items .cat .flexBwn:after, #Procucts #Sec2 .items .cat .flexBwn:before {
 content: "";
 display: block;
 width: 235px;
 height: 0;
}
#Procucts #Sec2 .items .cat .flexBwn:before {
 order: 1;
}
#Procucts #Sec2 #Dengen .secTitle4 {
 background-color: #BCE2B6;
}
#Procucts #Sec2 #OnseiEizo .secTitle4 {
 background-color: #B2DDF1;
}
#Procucts #Sec2 #OnseiEizo .cat .secTitle5 {
 background-color: #008ED1;
}
#Procucts #Sec2 #OnseiEizo .cat .subTitle3 {
 border-top-color: #008ED1;
 border-right-color: #008ED1;
 border-bottom-color: #008ED1;
 border-left-color: #008ED1;
 background-color: #B2DDF1;
}
.footContact {
 width: 950px;
 clear: both;
 background-color: #F7F7F7;
 border: 1px solid #DDD8CF;
 border-radius: 10px;
 padding-top: 25px;
 padding-right: 40px;
 padding-bottom: 30px;
 padding-left: 40px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 100px;
}
.footContact h3 {
 font-size: 1.8rem;
 font-weight: bold;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 margin-bottom: 20px;
 padding-bottom: 10px;
}
.footContact h3 strong {
 font-size: 2.6rem;
 color: #C00;
}
.footContact a {
 text-decoration: none;
}
.footContact a .tel {
 align-items: center;
 margin-bottom: 10px;
 cursor: default;
}
.footContact a .tel h4 {
 font-size: 1.6rem;
 font-weight: normal;
 background-color: #333;
 padding-top: 2px;
 padding-right: 5px;
 padding-bottom: 2px;
 padding-left: 5px;
 color: #FFF;
 text-decoration: none;
}
.footContact a .tel h5 {
 font-size: 4rem;
 font-weight: bold;
 color: #1B4699;
 line-height: 4rem;
 vertical-align: middle;
 text-decoration: none;
}
.footContact .tel h5:before {
 content: url(../images/common/icn_phone_l.png);
 vertical-align: middle;
}
.footContact a .tel p {
 font-weight: bold;
 color: #333;
 text-decoration: none;
}
.footContact nav .flexBwn {
 width: 580px;
 margin-right: auto;
 margin-left: auto;
}
.footContact nav .flexBwn li {
 width: 280px;
 color: #FFF;
 background-color: #CC0000;
 border: 2px solid #CD515B;
 border-radius: 5px;
 line-height: 48px;
 text-align: left;
}
.footContact nav .flexBwn li a {
 display: block;
 color: #FFF;
 text-decoration: none;
 vertical-align: middle;
 position: relative;
 padding-left: 60px;
}
.footContact nav .flexBwn li a:hover {
 background-color: #A60000;
}
.footContact nav .flexBwn li a:before {
 content: url(../images/common/icn_catalog.png);
 margin-right: 10px;
 position: absolute;
 top: 50%;
 margin-top: -1.6rem;
 left: 20px;
}
.footContact nav .flexBwn .toiawase a:before {
 content: url(../images/common/icn_mail_w30.png);
 margin-top: -1.8rem;
}
#System .secTitle6 strong {
 color: #C00;
}
#System #Sec1 {
 text-align: left;
}
#System #Sec1 .lead {
 font-size: 1.7rem;
 line-height: 1.8em;
 text-align: left;
}
#System #Sec1 .step {
 position: relative;
 padding-bottom: 60px;
}
#System #Sec1 .step:before {
 content: "";
 background-color: #CCC;
 height: 100%;
 width: 10px;
 position: absolute;
 left: 10px;
 top: 0px;
}
#System #Sec1 .step .stepLeft {
 background-color: #EFEFEF;
 width: 260px;
 position: relative;
 margin-left: 55px;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
}
#System #Sec1 .step .stepLeft:after {
 content: "";
 background-color: #C00;
 height: 30px;
 width: 30px;
 border-radius: 100%;
 position: absolute;
 left: -55px;
 top: -15px;
}
#System #Sec1 .step .stepRight {
 width: 750px;
}
#System #Sec1 .step.flexBwn.first {
 margin-top: 70px;
}
#System #Sec1 .step:last-child {
 padding-bottom: 0px;
}
#System #Sec1 .step .stepLeft .stepHead {
 font-size: 1.8rem;
 margin-bottom: 5px;
 font-weight: normal;
}
#System #Sec1 .step .stepLeft .stepHead span {
 margin-right: 10px;
 font-weight: bold;
}
#System #Sec1 .step.flexBwn .stepRight p {
 margin-bottom: 15px;
}
#System #Sec1 .step .stepRight .stepPhoto {
 display: flex;
 flex-wrap:nowrap;
 margin-bottom: 20px;
}
#System #Sec1 .step .stepRight .stepPhoto .photo {
 margin-right: 10px;
}
#System #Sec1 .step .kansa {
 margin-left: 55px;
 padding: 15px;
 background-color: #E2EBFA;
 font-size: 1.7rem;
 font-weight: bold;
 width: 100%;
 margin-top: 20px;
 text-align: center;
}
#System #Sec2 dl {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
 width: 48%;
 line-height: 2em;
}
#System #Sec2 dl dt {
 width: 30rem;
}
#System #Sec2 dl dt:before {
 content: "●";
 margin-right: 10px;
}
#System #Sec2 dl dd {
 width: calc( 100% - 30rem );
}
#Custamize #Sec1 {
 text-align: left;
}
#Custamize #Sec1 .pageLead {
 font-size: 1.7rem;
 font-weight: normal;
 margin-bottom: 60px;
}
#Custamize #Sec1 .jirei {
 clear: both;
 margin-bottom: 70px;
}
#Custamize #Sec1 .jirei:after {
 content:" ";
 display:block;
 clear:both;
}
#Custamize #Sec1 .jirei .fLeft {
 height: auto;
 width: 280px;
}
#Custamize #Sec1 #CustomerFirst {
 clear: both;
 background-color: #FFF0F0;
 text-align: center;
 padding-top: 20px;
 padding-right: 30px;
 padding-bottom: 30px;
 padding-left: 30px;
}
#Custamize #Sec1 #CustomerFirst h4 {
 text-align: center;
 margin-bottom: 5px;
 background-color: #C00;
 padding-top: 5px;
 padding-bottom: 5px;
 display: inline-block;
 color: #FFF;
 padding-right: 5em;
 padding-left: 5em;
 font-size: 1.8rem;
}
#Custamize #Sec1 #CustomerFirst p {
 text-align: left;
}
#Custamize #Sec2 .secTitle4 {
 margin-bottom: 40px;
}
#Custamize #Sec2 .comments {
 margin-bottom: 10px;
 font-weight: bold;
 text-align: left;
}
#Custamize #Sec2 .cat {
 text-align: left;
}
#Custamize #Sec2 .cat .secTitle5 {
 width: 45%;
 background-color: #0076B6;
 white-space: nowrap;
}
#Custamize #Sec2 .cat .flexBwn {
 background-color: #F7F7F7;
 padding-top: 35px;
 padding-right: 30px;
 padding-bottom: 25px;
 padding-left: 30px;
 margin-bottom: 40px;
}
#Custamize #Sec2 .cat .flexBwn .catPhoto {
 width: 500px;
}
#Custamize #Sec2 .cat .flexBwn .catPhoto img {
 margin-right: 5px;
}
#Custamize #Sec2 .cat .flexBwn .catDetail {
 width: 520px;
}
#Custamize #Sec2 .cat .flexBwn .catDetail ul li {
 list-style-type: disc;
 margin-left: 20px;
}
#Quality #Sec1 {
 margin-bottom: 60px;
}
#Quality #Sec1 #Mark {
 width: 550px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 30px;
 margin-bottom: 20px;
}
#Quality #Sec1 #Iso {
 text-align: left;
 margin-bottom: 50px;
}
#Quality #Sec1 #Iso dl {
 width: 47%;
}
#Quality #Sec1 dl {
 display: flex;
 flex-wrap: wrap;
}
#Quality #Sec1 dl dt {
 width: 25%;
}
#Quality #Sec1 dl dd {
 width: 75%;
}
#Quality #Sec1 dl dt, #Quality #Sec1 dl dd {
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #DCDCE4;
 padding-top: 10px;
 padding-bottom: 10px;
}
#Quality #Sec1 #GreenPartner {
 text-align: left;
}
#Quality #Sec1 #GreenPartner .partner {
 width: 47%;
 margin-bottom: 40px;
}
#Quality #Sec1 #GreenPartner .flexBwn .partner h5 {
}
#Quality #Sec1 #GreenPartner .subTitle1 {
 margin-bottom: 20px;
}
#Quality #Sec2 {
 text-align: left;
}
#Quality #Sec2 .detail {
 margin-bottom: 60px;
}
#Quality #Sec2 .detail p {
 margin-bottom: 15px;
}
#Quality #Sec2 .report.style2 .style2title {
 font-weight: normal;
 font-size: 1.8rem;
}
#Quality #Sec2 .report .reportList, #CompanyCSR .report .reportList {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 30px;
}
#Quality #Sec2 .report .reportList figure, #CompanyCSR .report .reportList figure {
 margin-right: 50px;
 text-align: center;
}
#Quality #Sec2 .report .reportList figure figcaption, #CompanyCSR .report .reportList figure figcaption {
 margin-bottom: 8px;
}
#CompanyCSR #Sec1 {
 margin-bottom: 50px;
}
#CompanyCSR .pageLead {
 font-size: 1.7rem;
 line-height: 1.8em;
 font-weight: normal;
}
#Recruit #Sec1 {
 text-align: left;
}
#Recruit #Sec1 h4 {
 font-size: 1.8rem;
 margin-bottom: 25px;
 text-align: center;
}
#Recruit #Sec1 dl {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #DCDCE4;
 margin-bottom: 15px;
}
#Recruit #Sec1 dl dt {
 width: 15%;
}
#Recruit #Sec1 dl dd {
 width: 85%;
}
#Recruit #Sec1 dl dt, #Recruit #Sec1 dl dd {
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #DCDCE4;
 padding-top: 10px;
 padding-bottom: 10px;
}
#Recruit #Sec1 ul li {
 margin-left: 20px;
 list-style-type: disc;
}
#Recruit #Sec1 dl dd div {
 margin-bottom: 25px;
}
#Recruit #Sec1 dl dd div:last-child {
 margin-bottom: 0px;
}
#Recruit #Sec1 dl dd div h5 {
 font-size: 1.6rem;
 border-bottom-style: solid;
 margin-bottom: 3px;
 padding-bottom: 3px;
 border-bottom-width: 1px;
 border-bottom-color: #333;
 display: inline-block;
}
#Recruit #Sec1 dl dd div h6 {
 margin-top: 10px;
 font-weight: normal;
}
#Recruit #Sec2 .flexBwn:after, #Recruit #Sec2 .flexBwn:before {
 content: "";
 display: block;
 width: 235px;
 height: 0;
}
#Recruit #Sec2 .flexBwn:before {
 order: 1;
}
#Recruit #Sec2 .voice {
 width: 230px;
 margin-bottom: 30px;
 text-align: left;
}
#Recruit #Sec2 .flexBwn .voice img {
 margin-bottom: 8px;
}
#Recruit #Sec2 .flexBwn .voice h5 {
 font-weight: normal;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #CCC;
 margin-bottom: 5px;
 padding-bottom: 5px;
}
#Contact #mailformpro .mailform {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
 font-size: 1.6rem !important;
}
#Contact #mailformpro .mailform dt {
 width: 25%;
 font-size: 1.6rem !important;
}
#Contact #mailformpro .mailform dd {
 width: 75%;
 font-size: 1.6rem !important;
}
#Contact #mailformpro .mailform dt, #Contact #mailformpro .mailform dd {
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #DCDCE4;
 padding-top: 10px;
 padding-bottom: 10px;
}
#Contact #mailformpro .mailform dt .must {
 background-color: #C00;
 font-size: 1.2rem;
 color: #FFF;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 3px;
 padding-left: 10px;
 margin-right: 10px;
 border-radius: 10%;
}
#Contact input {
 padding: 8px;
 border: 1px solid #CCC;
 margin-top: 2px;
 margin-bottom: 2px;
}
#Contact input[type="text"], #Contact input[type="email"], #Contact input[type="tel"] {
 width: 40%;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 font-size: 1.6rem;
}
#Contact input[type="checkbox"] {
 margin-right: 4px;
 height: 25px;
 width: 25px;
}
#Contact textarea {
 display: inline-block;
 vertical-align: top;
 width: 95% !important;
 height: 150px !important;
 padding: 8px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #CCC;
 font-size: 1.6rem;
 outline: none;
 line-height: 1.6;
 resize: vertical;
}
/*鳥山追加*/
#Contact .textarea2 {
 display: inline-block;
 vertical-align: top;
 width: 95% !important;
 height: 50px !important;
 padding: 8px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #CCC;
 font-size: 1.6rem;
 outline: none;
 line-height: 1.6;
 resize: vertical;
}
/*鳥山追加ここまで↑*/

#Contact select {
 width: 40%;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 font-size: 1.6rem;
 padding: 8px;
 border: 1px solid #CCC;
 margin-top: 2px;
 margin-bottom: 2px;
}
#Contact label {
 margin-right: 20px !important;
}
#Contact .formButtons {
 margin-bottom: 20px;
 margin-top: 30px;
}
#Contact button {
 width: 40%;
 line-height: 50px;
 color: #FFF;
 height: 50px;
 background-color: #1C479A;
 border-radius: 10px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 font-size: 1.7rem;
}
#Contact button:hover {
 background-color: #C00;
 cursor: pointer;
}
#Contact {
 margin-bottom: 100px;
}
#Contact #mailformpro .note {
 text-align: center;
}
#Contact .progressbar {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 60px;
}
#Contact .progressbar .item {
 position: relative;
 width: 33%;
 text-align: center;
 position: relative;
 align-items: center;
 justify-content: center;
 padding: 13px 0;
 line-height: 1.5;
 background: #F5F5F5;
 color: #999999;
}
#Contact .progressbar .item:not(:last-child)::before, #Contact .progressbar .item:not(:last-child)::after {
 position: absolute;
 z-index: 2;
 top: 0;
 bottom: 0;
 left: 100%;
 content: '';
 border: 37px solid transparent;
 border-left: 20px solid #F5F5F5;
 margin: auto;
}
#Contact .progressbar .item:not(:last-child)::before {
 margin-left: 1px;
 border-left-color: #FFF;
}
/* active */

#Contact .progressbar .item.active {
 z-index: 1;
 color: #FFF;
 background-color: #0070B7;
}
#Contact .progressbar .item.active:not(:last-child)::after {
 border-left-color: #0070B7;
}
#Contact .progressbar .item.active:not(:last-child)::before {
 border-left: none;
}
div#mfp_phase_confirm h4 {
 display: none !important;
}
.mfp_confirm_before {
 margin-top: 15px;
}
#Contact #Thanks {
 margin-top: 50px;
 margin-bottom: 50px;
 width: 70%;
 margin-right: auto;
 margin-left: auto;
}
#Contact #Thanks h3 {
 text-align: center;
 font-size: 2.8rem;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 margin-bottom: 20px;
 padding-bottom: 10px;
 display: inline-block;
 font-weight: normal;
}
#Contact #Thanks p {
 margin-bottom: 20px;
 text-align: left;
}
#Contact .linkBtnTop a {
 font-size: 1.7rem;
 line-height: 50px;
 height: 50px;
 width: 40%;
 margin-right: auto;
 margin-left: auto;
 color: #FFF;
 background-color: #0070B7;
 clear: both;
 margin-bottom: 60px;
 display: block;
 text-decoration: none;
 border-radius: 10px;
}
#Contact .linkBtnTop a:hover {
 background-color: #666;
}


.iframe-wrapper {
	margin: 0 auto;
	width: 50%;
	float: left;
}
.iframe-wrapper iframe {
	margin: 0 20px;
	width: 95%;
}
/*鳥山0613*/
.iframe-wrapper2 {
	margin: 0 0;
	width: 410px;
	height:230px;
	float: left;
	overflow: hidden;
}
.iframe-wrapper2 iframe {
	margin: 0px 0px;
  width: 100%;
  height: 100%;
}
/*鳥山0613ここまで*/

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
	font-size: 0.9em!important;
}
table.calendar {
	table-layout: fixed;     /* 固定レイアウト */
	border-collapse: collapse; /* 隣接する枠線を重ねる */
	border: solid 1px #000;  /* 枠線指定 */
	width: 90%;              /* 表の横幅：350ピクセル */
	margin: 0 auto!important;
}
.calendar th,td {
	border: solid 1px #000;  /* 枠線指定 */
	padding: 5px 10px;      /* 余白指定 */
	text-align: center;
}
.look {
	font-weight: bold;
	margin-left: 40px;
}
.red {
	color: red;
}
.blue {
	color: blue;
}
.ind {
	margin: 10px 0 10px 80px;
}
/*鳥山追加202410*/
.ind2 {
	margin: 0 0 20px 0;
}
/*鳥山追加202410↑*/
.textC {
	text-align: center!important;
}
.banner {
        display: block;
        position: relative;
        padding-top: 150px;
        margin: 0px auto 20px;
        width: 240px;
        border-radius: 20px;
        background-image: url(../images/top/banner.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
}
.banner:hover {
        color: #fff;
        text-decoration: none;
}
.banner::before {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        content: "";
        background-color: rgba(0, 0, 0, 0);
}
.banner:hover::before {
        background-color: rgba(0, 0, 0, 0.4);
}
.banner > p {
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        padding: 0px;
        margin: 0px;
        width: 100%;
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-shadow: -2px -2px 6px #333, 2px -2px 6px #333, 2px 2px 6px #333, -2px 2px 6px #333;
        white-space: nowrap;
		text-align:center
}
.banner > p > span {
        display: block;
		}
		
.banner > p > span:nth-of-type(1) {
        font-size: 18px;
	line-height: 1.3em;
	padding-left:10px;
}
.banner > p > span:nth-of-type(2) {
        font-size: 18px;
	line-height: 0;
	padding-left:10px;
}
.bannerbox {
	display: none;
}