@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
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, font, 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 {
 margin: 0;
 padding: 0;
 background: transparent;
 border: 0;
 outline: 0;
 font-size: 100%;
 font-weight: normal;
 box-sizing:border-box;
}
html {
 font-size: 62.5%;
}
body {
 line-height: 1.6em;
 -webkit-text-size-adjust: 100%;
 width:100%;
 text-align: center;
}
body, table, input, textarea, select, option {
 font-family: HiraKakuProN-W3;
}
body {
 font-size:16px;
 font-size: 1.6em;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
 display: block;
}
img {
 border: 0;
 vertical-align: bottom;
 max-width: 100%;
 height: auto;
}
figure {
 margin: 0px;
 padding: 0px;
}
ol, ul {
 list-style: none;
}
table {
 border-spacing: 0;
 empty-cells: show;
}
blockquote, q {
 quotes: none;
}
:focus {
 outline: 0;
}
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}
a {
 -webkit-tap-highlight-color: rgba(255,255,555,0.5);
}
.fLeft, .alignleft {
 float: left;
 padding-right: 10px;
 padding-bottom: 10px;
}
.fRight, .alignright {
 float: right;
 padding-bottom: 10px;
 padding-left: 10px;
}
.textRight {
 text-align: right!important;
}
.textCenter {
 text-align: center;
}
.textRed {
 color: #C00;
}
.vMiddle {
 vertical-align: middle;
}
.clearfix:after {
 content: "";
 display: block;
 clear: both;
}
.flip-vertical {
 transform: scale(1, -1);
}
.flip-horizontal {
 transform: scale(-1, 1);
}
.pc {
 display: none;
}
.mb10 {
 margin-bottom: 10px;
}



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;
}
.replaceSP {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}
.textLeft {
 text-align: left;
}
.textRight {
 text-align: right;
}
.textCenter {
 text-align: center;
}
.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;
}
/* ハンバーガーアイコン */
.burger {
 width: 30px;
 height: 22px;
 position: fixed;
 display: flex;
 align-items: center;
 top: 35px;
 right: 13px;
 z-index: 9999;
 margin-top: 5px;
transition: 0.6s;
}
.burger:hover {
 cursor: pointer;
}
.burger.burger-active {
}
/* 真ん中の線 */
.burger .line {
 width: 100%;
 height: 4px;
 transition: 0.6s;
 background-color: #CC3300;
 border-radius: 2px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
}
.burger.burger-active .line {
 background-color: #CC3300;
}
/* 上の線 */
.burger::before {
 content: "";
 position: absolute;
 width: 100%;
 height: 4px;
 top: 0;
 right: 0;
 transition: 0.6s;
 background-color: #CC3300;
 border-radius: 2px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
}
.burger.burger-active::before {
 background-color: #CC3300;
}
/* 下の線 */
.burger::after {
 content: "";
 position: absolute;
 width: 100%;
 height: 4px;
 bottom: 0;
 right: 0;
 transition: 0.6s;
 background-color: #CC3300;
 border-radius: 2px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
}
.burger.burger-active::after {
 background-color: #CC3300;
}
/* メニュー */
.navigation {
 width: 100vw;
 height: 100vh;
 background: #F6F6F6;
 position: fixed;
 right: -100vw;
 transition: 0.6s;
 top: 0;
 overflow: auto;
 padding-top: 40px;
 padding-right: 30px;
 padding-bottom: 60px;
 padding-left: 30px;
 z-index: 999;
 text-align: left;
}
.nav-active {
 right: 0px;
}
.burger-active::before {
 transform: rotate(45deg);
 top: 0;
 bottom: 0;
 margin: auto;
}
.burger-active::after {
 transform: rotate(-45deg);
 top: 0;
 bottom: 0;
 margin: auto;
}
.burger-active > .line {
 transform: scale(0);
}
#Header {
 position: fixed;
 top: 0px;
 width: 100%;
 background-color: #FFF;
 z-index: 10;
 height: 90px;
}
#Header #HeaderInner {
 clear: both;
 width: 92%;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}
#Header #HeaderInner h1 {
 font-size: 1.0rem;
 text-align: left;
 font-weight: normal;
 padding-top: 5px;
 line-height: 1.2em;
}
#Header #HeaderInner .companyLogo {
 text-align: left;
 margin-bottom: 14px;
 margin-top: 5px;
 height: 47px;
 width: 178px;
}
#Header #HeaderInner .headerJET {
 display: none;
}
#Header #HeaderInner #HeaderTel {
 display: none;
}
#Header .headerLang {
 height: 36px;
 width: 72px;
 text-align: center;
 position: absolute;
 top: 35px;
 right: 50px;
}
#Header .headerLang li {
 float: left;
 height: 36px;
 width: 36px;
 color: #FFF;
 background-color: #333;
 font-size: 1.4rem;
 line-height: 36px;
 display: block;
}
#Header .headerLang li a {
 background-color: #DDDDDD;
 color: #333;
 text-decoration: none;
 display: block;
}
#Header #HeaderMenu {
 display: none;
}
.container {
 padding-top: 90px;
}
.contents {
 clear: both;
 width: 100%;
}
.contents:after {
 content:" ";
 display:block;
 clear:both;
}
.contents #Side {
 display: none;
}
.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: 20px;
 padding-bottom: 30px;
}
footer:after {
 content:" ";
 display:block;
 clear:both;
}
#FooterIn {
 width: 92%;
 margin-right: auto;
 margin-left: auto;
}
#FooterIn:after {
 content:" ";
 display:block;
 clear:both;
}
#FooterIn #FooterNav {
 display: none;
}
#FooterIn h4 {
 vertical-align: middle;
 display: inline-block;
 margin-bottom: 5px;
}
#FooterIn h4 img {
 vertical-align: middle;
 margin-right: auto;
 display: block;
 height: 34px;
 width: 150px;
 margin-left: auto;
}
#FooterIn address {
 font-style: normal;
 font-size: 1.4rem;
}
#pagetop {
 position: fixed;
 bottom: 10px;
 right: 10px;
 height: 60px;
 width: 60px;
}
#SlideMenu {
 display: none; 
}
.pageTitle {
 height: 80px;
 width: 100%;
 background-image: url(../images/common/pagetitle_bg.png);
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 font-size: 2.2rem;
 line-height: 80px;
 margin-bottom: 10px;
}
#BreadCrumb {
 display: none; 
}
.contents main {
 clear: both;
 width: 92%;
 margin-right: auto;
 margin-left: auto;
}
.contents main:after {
 content:" ";
 display:block;
 clear:both;
}
.style1 {
 clear: both;
 margin-bottom: 40px;
}
.style1:after {
 content:" ";
 display:block;
 clear:both;
}
.style2 {
 position: relative;
 border: 6px solid #EEEEEE;
 border-radius: 8px;
 margin-top: 2em;
 margin-bottom: 25px;
 text-align: left;
 padding-top: 15px;
 padding-right: 4%;
 padding-bottom: 15px;
 padding-left: 4%;
}
.style2 .style2title {
 position: absolute;
 display: inline-block;
 top: -10px;
 left: 20px;
 right: 20px;
 line-height: 1.2;
 font-size: 2.0rem;
 background: #FFF;
 font-weight: bold;
 color: #039;
 padding-top: 0;
 padding-right: 9px;
 padding-bottom: 0;
 padding-left: 9px;
}
.style3 {
 clear: both;
 margin-bottom: 40px;
}
.style3:after {
 content:" ";
 display:block;
 clear:both;
}
.secTitle1 {
 position: relative;
 border-bottom: 5px solid #DDDDDD;
 font-size: 2.0rem;
 text-align: left;
 margin-bottom: 20px;
 padding-top: 10px;
 padding-bottom: 5px;
}
.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.2rem;
 line-height: 2.2rem;
 height: 2.2rem;
 margin-bottom: 20px;
}
.secTitle4 span {
 display: inline;
 background-color: #FFF;
 padding-right: 1rem;
 padding-left: 1rem;
 font-weight: bold;
}
.secTitle5 {
 color: #FFF;
 background-color: #57B648;
 width: 100%;
 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;
 padding-top: 8px;
 padding-bottom: 8px;
 font-weight: bold;
}
/*
.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: 2.0rem;
 display: inline-block;
 padding-top: 15px;
 padding-right: 2%;
 padding-bottom: 15px;
 padding-left: 2%;
 margin-bottom: 15px;
}
.secTitle7 {
 font-size: 2.3rem;
 color: #1C479A;
 margin-bottom: 15px;
 text-align: center;
 margin-top: 20px;
 line-height: 1.4em;
 font-weight: bold;
}
.secTitle8 {
 position: relative;
 padding-left: 3.2em;
 font-size: 2.0rem;
 margin-bottom: 10px;
 font-weight: bold;
}
.secTitle8 span {
 position: absolute;
 top: 5px;
 left: 0;
 color: #FFF;
 padding-right: 0.5rem;
 padding-left: 0.5rem;
 font-size: 1.5rem;
 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.0rem;
 position: relative;
 text-align: center;
 display: inline-block;
 margin-bottom: 30px;
 font-weight: bold;
}
.secTitle9:before, .secTitle9:after {
 position: absolute;
 left: calc(50% - 20px);
 width: 40px;
 height: 2px;
 content: '';
 background: #CC0000;
}
.secTitle9:before {
 bottom: -8px;
}
.secTitle9:after {
 bottom: -12px;
}
.secTitle10 {
 font-size: 2.8rem;
 color: #999;
 text-align: left;
 margin-bottom: 3px;
}
.secTitle10:first-letter {
 font-size: 5.0rem;
 color: #1B4699;
}
.subTitle1 {
 font-weight: bold;
 margin-bottom: 5px;
 display: inline-block;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #C00;
 padding-bottom: 1px;
}
.subTitle2 {
 font-size: 2.2rem;
 color: #1C479A;
 margin-bottom: 10px;
 line-height: 1.4em;
}
.subTitle3 {
 margin-bottom: 10px;
 border: 1px solid #57B648;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 background-color: #E6F4E3;
 text-align: left;
 display: inline-block;
}
.subTitle4 {
 font-size: 1.8rem;
 color: #FFF;
 width: 100%;
 padding-top: 8px;
 padding-bottom: 8px;
 background-color: #1C479A;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 15px;
}
.pageLead {
 text-align: left;
 font-weight: bold;
}
.pageLead span {
 display: inline-block;
}
.secLead {
 color: #036;
 margin-bottom: 10px;
 font-weight: bold;
}
.secLead span {
 display: inline-block;
 font-weight: bold;
}
/*
.topMainImg {
 clear: both;
 margin-bottom: 15px;
 height: 200px;
 background: rgb(255,255,255);
 background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
 margin-top: 90px;
}
.topMainImg img {
 width: 100%;
	height: 100%;
	object-fit: cover;
}
*/
.topMainImg {
 clear: both;
 width: 100%;
 z-index: 0;
 margin-top: 90px;
}
.topMainImg .slider {
 margin: 0;
}
.topMainImg .slider .item {
}
.topMainImg .slider img {
 width: 100%;
 height: auto;
 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: -20px !important;
}
.topMainImgFull {
 margin-top: 90px;
 clear: both;
 height: 201px;
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 z-index: 0;
 margin-bottom: 15px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #E4E4E4;
}
.topMainImgFull .sliderFull div {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 height: 200px;
 margin: 0;
 width: 100%;
}
.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: 92%;
 margin-right: auto;
 margin-left: auto;
 clear: both;
}
#Top #Sec1 {
 margin-bottom: 25px;
}
#Top #Sec1 h2 {
 font-size: 2.2rem;
 color: #1B4699;
 margin-bottom: 10px;
 line-height: 1.4em;
 font-weight: bold;
}
#Top #Sec1 p {
 text-align: left;
 margin-bottom: 15px;
 font-size: 1.5rem;
}
#Top #Sec2 {
 background: rgb(255,255,255);
 background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
 margin-bottom: 0px;
 padding-top: 20px;
 padding-right: 2%;
 padding-bottom: 20px;
 padding-left: 2%;
}
#Top #Sec2 .flexBwn li {
 width: 32%;
 margin-bottom: 15px;
 font-size: 1.1rem;
}
#Top #Sec2 .flexBwn li a {
 color: #333;
 text-decoration: none;
}
#Top #Sec2 .flexBwn li a img {
 transition: 0.5s all;
 margin-bottom: 3px;
}
#Top #Sec2 .flexBwn li a:hover img {
 transform: scale(1.1, 1.1);
}
#Top #Sec3 dl {
 text-align: left;
 margin-bottom: 10px;
}
#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.5rem;
 height: 30px;
 margin-left: -10px;
 padding-right: 15px;
 padding-left: 15px;
 line-height: 30px;
 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: -10px;
}
#Top #Sec3 dl dd img {
 transition: .3s ease-in-out;
}
#Top #Sec3 dl dd img:hover {
 filter: sepia(50%);
 z-index: 1;
}
.news {
	overflow: auto;
	width: 100%;
	height: 7em;
}
#Top #Sec4 a {
 color: #333;
 text-decoration: none;
 display: block;
}
#Top #Sec4 a:first-of-type {
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #DDDDDD;
}
#Top #Sec4 a dl {
 text-align: left;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-top: 10px;
 padding-bottom: 10px;
}
#Top #Sec4 a:hover dl {
 background-color: #FFFCDD;
}
#Top #Sec4 a dl dt, #Top #Sec4 a dl dd {
 color: #333;
 text-decoration: none;
}
#Top #Sec4 a dl dd .newsCat {
 font-size: 1.2rem;
 color: #FFF;
 padding-top: 2px;
 padding-right: 5px;
 padding-bottom: 2px;
 padding-left: 5px;
 background-color: #47953C;
 margin-right: 8px;
 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: 20px;
 border: 1px solid #DDDDDD;
}
#Top #Sec5 .topics .topicsBody {
}
#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.7rem;
 font-weight: bold;
}
#Top #Sec5 .topics.style1 .topicsBody h5 {
 margin-top: 10px;
 font-weight: bold;
}
#Top #Sec5 .topics p {
 font-size: 1.5rem;
}
#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: 15px;
}
#Top .style3 .secBody .subTitle4 {
 font-weight: normal;
}
#Top .style3 .secBody .fLeft {
 float: none;
 text-align: center;
 padding: 0px;
}
#Top .style3 .secBody .fLeft img {
 padding-bottom: 15px;
}
#Top .style3 .secBody .secBodyRight {
 text-align: left;
}
#Top .style3 .secBody .secBodyRight h5 {
 font-weight: bold;
 margin-bottom: 3px;
}
#Top .style3 .secBody .secBodyRight p {
 margin-bottom: 12px;
 font-size: 1.5rem;
}
#Top .style3 .secBody nav {
 clear: both;
 width: 100%;
}
#Top .style3 .secBody nav .flexBwn {
 justify-content: space-around;
}
#Top .style3 .secBody nav .flexBwn li {
 width: 80%;
 height: 40px;
 margin-bottom: 10px;
}
#Top .style3 .secBody nav .flexBwn li a {
 display: block;
 color: #333;
 text-decoration: none;
 line-height: 40px;
 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 {

}
#Top #Sec7 .secBody .fLeft img {
 padding-bottom: 0px;
}
#Top #Sec7 .secBody .secBodyRight {

}
#Top #Sec7 .secBody .secBodyRight h5, #Top #Sec7 .secBody .secBodyRight p {

}
#Top #Sec7 .secBody .globalPhoto {
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-top: 20px;
 margin-bottom: 20px;
}
#Top #Sec7 .secBody .globalPhoto img {
 width: 49%;
}
.navigation .contactSP h3 {
 font-weight: bold;
 margin-bottom: 10px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000;
 font-size: 1.6rem;
 line-height: 1.4em;
 text-align: center;
}
.navigation .contactSP a {
 text-decoration: none;
}
.navigation .contactSP a .navigationTel {
 background-color: #0070B7;
 width: 100%;
 padding-top: 12px;
 padding-bottom: 12px;
 border-radius: 4px;
 text-align: center;
 color: #FFF;
 text-decoration: none;
 margin-bottom: 10px;
}
.navigation .contactSP a .navigationTel h4 {
 font-size: 2.0rem;
 color: #FFF;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: none;
 display: inline;
 line-height: 1.2em;
}
.navigation .contactSP a .navigationTel h4:before {
 content: url(../images/common/icn_phone_w_s.png);
 padding-right: 5px;
 vertical-align: middle;
 padding-top: 4px;
}
.navigation .contactSP a .navigationTel h4 span {
 font-size: 1.4rem;
 font-weight: normal;
}
.navigation a .navigationTel p {
 font-size: 1.1rem;
 color: #FFF;
 text-decoration: none;
 line-height: 1.2em;
}
.navigation .contactSP .navigationForm a {
 background-color: #099;
 width: 100%;
 border-radius: 4px;
 text-align: center;
 color: #FFF;
 text-decoration: none;
 display: block;
 height: 60px;
 line-height: 60px;
 margin-bottom: 25px;
}
.navigation .contactSP .navigationForm a:before {
 content: url(../images/common/icn_mail.png);
 padding-right: 5px;
 vertical-align: middle;
 padding-top: 4px;
 position: relative;
 display: inline-block;
 line-height: 56px;
}
.navigation .navigationCatalog a {
 background-color: #336;
 width: 100%;
 border-radius: 4px;
 text-align: center;
 color: #FFF;
 text-decoration: none;
 display: inline-block;
 height: 60px;
 line-height: 60px;
 margin-bottom: 25px;
}
.navigation .navigationCatalog a:before {
 content: url(../images/common/icn_catalog_s.png);
 padding-right: 5px;
 vertical-align: middle;
 padding-top: 7px;
 position: relative;
 display: inline-block;
 line-height: 53px;
}
.navigation ul {
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #CCC;
}
.navigation ul li a {
 text-decoration: none;
 display: block;
 padding-top: 10px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
}
.navigation ul li a.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);
}
.navigation ul li a.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);
}
#CompanyProfile #Sec1 dl {
 text-align: left;
}
#CompanyProfile #Sec1 dl dt {
 padding-top: 12px;
 font-weight: bold;
 color: #1C479A;
}
#CompanyProfile #Sec1 dl dt:first-child {
 padding-top: 0px;
}
#CompanyProfile #Sec1 dl dd {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-bottom: 12px;
}
#CompanyProfile #Sec3 dl {
 text-align: left;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-bottom: 12px;
}
#CompanyProfile #Sec3 dl dt {
 padding-top: 12px;
 font-weight: bold;
 color: #1C479A;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #DDDDDD;
 margin-top: 12px;
}
#CompanyProfile #Sec3 dl dt:first-child {
 border-top-style: none;
 margin-top: 0px;
 padding-top: 0px;
}
#CompanyProfile #Sec3 dl dd{
}
#CompanyProfile #Sec1 .secTitle1, #CompanyProfile #Sec3 .secTitle1 {
 margin-bottom: 10px;
}
.companySide {
 background-color: #F1F1F1;
 padding: 20px;
 width: 92%;
 clear: both;
 margin-right: auto;
 margin-left: auto;
 border-radius: 3px;
 margin-bottom: 25px;
 margin-top: -15px;
}
.companySide ul li a {
 color: #333;
 text-decoration: none;
 height: 40px;
 width: 100%;
 line-height: 40px;
 display: block;
 margin-bottom: 6px;
 background-color: #FFF;
 text-align: left;
 border-radius: 3px;
 position: relative;
 display: inline-block;
 padding: 0 0 0 16px;
 vertical-align: middle;
}
.companySide ul li a:before, .companySide ul li a:after {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.companySide ul li a:before {
 left: 5px;
 width: 4px;
 height: 4px;
 border-top: 1px solid #1C479A;
 border-right: 1px solid #1C479A;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.companySide ul li a:before {
 left: 5px;
 width: 4px;
 height: 4px;
 border-top: 2px solid #1C479A;
 border-right: 2px solid #1C479A;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#CompanyMessage #Sec1 .secTitle1 {
 margin-bottom: 10px;
}
#CompanyMessage #Sec1 figure {
 margin-bottom: 15px;
}
#CompanyMessage #Sec1 figure img {
 margin-bottom: 6px;
}
#CompanyMessage #Sec1 p {
 text-align: left;
 margin-bottom: 15px;
}
#CompanyPhilosophy #Sec2 ul {
 list-style-type: disc;
 padding-left: 15px;
}
#CompanyPhilosophy #Sec3 .sec3in {
 margin-bottom: 15px;
}
#CompanyPhilosophy #Sec3 {
 margin-bottom: 40px;
 padding-bottom: 0px;
}
#CompanyNetwork .secTitle1 {
 margin-bottom: 0px;
}
#CompanyNetwork dl {
 text-align: left;
 margin-bottom: 20px;
}
#CompanyNetwork dl dt {
padding-top: 12px;
font-weight: bold;
 color: #1C479A;
}
#CompanyNetwork dl dd {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DDDDDD;
 padding-bottom: 12px;
}
#CompanyNetwork #Sec1 p {
 text-align: left;
 margin-top: 30px;
 margin-bottom: 15px;
}
.partner th{
	font-weight: bold;
	padding-left;
	padding-top: 10px;
}
.partner th, .partner td{
	text-align: left;
	display: block;
	padding-left: 10px;
}

#CompanyNetwork .basePhoto {
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
#CompanyNetwork .basePhoto img {
 width: 32%;
}
#CompanyNetwork #Sec3 .flexBwn img {
 width: 32%;
}
#CompanyNetwork #Sec3 .flexBwn img:first-child {
 width: 100%;
 margin-bottom: 7px;
}
#CompanyNetwork .grid_wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, 45%);
	gap: 10px 20px;
	justify-content: center;
}
#CompanyNetwork .grid_wrap img {
	width: 100%;
	height: auto;
}
#CompanyNetwork .grid_wrap iframe {
	width: 100%;
	height: 113px;
}
#CompanyAccess .gMap{
 position: relative;
 width: 100%;
 height: 0;
 padding-top: 62.5%;
 margin-bottom: 25px;
}
#CompanyAccess .gMap iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
#CompanyAccess .accessData {
 margin-bottom: 12px;
 text-align: left;
}
#CompanyAccess .howTo {
 text-align: left;
}
#CompanyAccess .howTo .accessMap {
 margin-bottom: 15px;
 margin-top: 15px;
}
#Procucts #Sec1 {
 margin-bottom: 30px;
}
#Procucts #Sec1 .style2 {
 margin-bottom: 10px;
 text-align: center;
}
#Procucts #Sec1 .style2 h4 {
 margin-top: 5px;
5 font-size: 1.5rem;
 text-align: left;
 font-weight: bold;
}
#Procucts #Sec1 .style2 p {
 text-align: left;
 font-size: 1.5rem;
}
#Procucts #Sec1 .style2 .fRight {
 float: none;
 display: inline-block;
 padding: 0px;
 margin-bottom: 8px;
}
#Procucts #Sec2 {
}
#Procucts #Sec2 .items {
}
#Procucts #Sec2 .items .cat {
 margin-bottom: 25px;
}
#Procucts #Sec2 .items .cat .catBlock {
 background-color: #F7F7F7;
 padding-right: 4%;
 padding-bottom: 15px;
 padding-left: 4%;
 text-align: left;
}
#Procucts #Sec2 .items .cat .catBlock:first-of-type {
 padding-top: 15px;
}
#Procucts #Sec2 .items .cat .flexBwn p {
 margin-bottom: 25px;
 font-size: 1.5rem;
 width: 49%;
}
#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: 100%;
 clear: both;
 background-color: #F7F7F7;
 border: 1px solid #DDD8CF;
 border-radius: 10px;
 padding-top: 15px;
 padding-right: 4%;
 padding-bottom: 15px;
 padding-left: 4%;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 40px;
}
.footContact h3 {
 font-size: 1.5rem;
 font-weight: bold;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 margin-bottom: 10px;
 padding-bottom: 5px;
}
.footContact h3 strong {
 font-size: 2.0rem;
 color: #C00;
 font-weight: bold;
}
.footContact a {
 color: #FFF;
 text-decoration: none;
}
.footContact a .tel {
 align-items: center;
 margin-bottom: 6px;
 background-color: #0070B7;
 border-radius: 5px;
 display: block;
 padding-top: 10px;
 padding-right: 8px;
 padding-bottom: 10px;
 padding-left: 8px;
}
.footContact .tel h4 {
 font-size: 1.5rem;
 background-color: #FFF;
 padding-top: 1px;
 padding-right: 5px;
 padding-bottom: 1px;
 padding-left: 5px;
 color: #0070B7;
 margin-bottom: 5px;
}
.footContact .tel h5 {
 font-size: 2.4rem;
 font-weight: bold;
 color: #FFF;
 line-height: 1.2em;
 vertical-align: middle;
}
.footContact .tel h5:before {
 content: url(../images/common/icn_phone_w_s.png);
 vertical-align: middle;
 padding-top: 4px;
}
.footContact .tel p {
 font-size: 1.4rem;
 line-height: 1.2rem;
}
.footContact nav .flexBwn {
}
.footContact nav .flexBwn li {
 width: 100%;
 color: #FFF;
 background-color: #336;
 border-radius: 5px;
 line-height: 50px;
 text-align: left;
 margin-bottom: 6px;
}
.footContact nav .flexBwn li a {
 display: block;
 color: #FFF;
 text-decoration: none;
 vertical-align: middle;
 position: relative;
 padding-left: 65px;
 border-radius: 5px;
}
.footContact nav .flexBwn li a:hover {
 background-color: #A60000;
}
.footContact nav .flexBwn li a:before {
 content: url(../images/common/icn_catalog.png);
 margin-right: 20px;
 position: absolute;
 top: 50%;
 margin-top: -1.6rem;
 left: 20px;
}
.footContact nav .flexBwn .toiawase a {
 background-color: #099;
 border-radius: 5px;
}
.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 {
 text-align: left;
}
#System #Sec1 .step {
 position: relative;
 padding-bottom: 30px;
}
#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: calc(100% - 55px) ;
 position: relative;
 margin-left: 55px;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
 margin-bottom: 10px;
}
#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 .stepLeft img {
 height: auto;
 width: 100%;
 }
#System #Sec1 .step .stepRight {
 margin-left: 55px;
}
#System #Sec1 .step.flexBwn.first {
 margin-top: 30px;
}
#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;
}
#System #Sec1 .step .stepRight .stepPhoto .photo {
 margin-right: 10px;
}
#System #Sec1 .step .kansa {
 margin-left: 55px;
 padding: 8px;
 background-color: #E2EBFA;
 font-weight: bold;
 width: 100%;
 text-align: center;
}
#System #Sec2 dl {
 display: flex;
 flex-wrap: wrap;
 text-align: left;
 line-height: 2em;
}
#System #Sec2 dl dt {
 width: calc( 100% - 5rem );
}
#System #Sec2 dl dt:before {
 content: "●";
 margin-right: 10px;
}
#System #Sec2 dl dd {
 width: 5rem;
}
#Custamize #Sec1 {
 text-align: left;
}

#Custamize #Sec1 .secTitle7 span {
 font-weight: bold;
 display: inline-block;
}

#Custamize #Sec1 .pageLead {
 font-weight: normal;
 margin-bottom: 30px;
}
#Custamize #Sec1 .jirei {
 clear: both;
 margin-bottom: 35px;
}
#Custamize #Sec1 .jirei .fLeft {
 float: none;
 width: 100%;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 15px;
 padding-left: 0px;
}
#Custamize #Sec1 .jirei:after {
 content:" ";
 display:block;
 clear:both;
}
#Custamize #Sec1 #CustomerFirst {
 clear: both;
 background-color: #FFF0F0;
 padding-top: 15px;
 padding-right: 4%;
 padding-bottom: 15px;
 padding-left: 4%;
}
#Custamize #Sec1 #CustomerFirst h4 {
 text-align: center;
 margin-bottom: 5px;
 font-weight: bold;
 color: #FFF;
 background-color: #C00;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
}
#Custamize #Sec2 .secTitle4 {
}
#Custamize #Sec2 .comments {
 margin-bottom: 10px;
 text-align: left;
 color: #C00;
}
#Custamize #Sec2 .cat {
 text-align: left;
}
#Custamize #Sec2 .cat .secTitle5 {
 background-color: #0076B6;
 white-space: nowrap;
}
#Custamize #Sec2 .cat .secTitle5 span {
 font-size: 1.1rem;
 font-weight: normal;
}
#Custamize #Sec2 .cat .flexBwn {
 background-color: #F7F7F7;
 padding-top: 12px;
 padding-right: 4%;
 padding-bottom: 20px;
 padding-left: 4%;
 margin-bottom: 25px;
}
#Custamize #Sec2 .cat .flexBwn .catPhoto {
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
#Custamize #Sec2 .cat .flexBwn .catPhoto img {
 width: 49%;
 margin-bottom: 7px;
}
#Custamize #Sec2 .cat .flexBwn .catDetail {
 width: 100%;
}
#Custamize #Sec2 .cat .flexBwn .catDetail ul li {
 list-style-type: disc;
 margin-left: 20px;
}
#Quality #Sec1 {
 margin-bottom: 0px;
 text-align: left;
}
#Quality .pageLead {
 margin-bottom: 15px;
}
#Quality #Sec1 .secTitle1 {
 margin-bottom: 10px;
}
#Quality #Sec1 #Mark {
 margin-top: 15px;
 margin-bottom: 15px;
}
#Quality #Sec1 #Mark li {
 width: 32%;
}
#Quality #Sec1 #Iso {
 text-align: left;
 margin-bottom: 50px;
}
#Quality #Sec1 #Iso dl {
 width: 100%;
}
#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: 100;
 margin-bottom: 30px;
}
#Quality #Sec1 #GreenPartner .flexBwn .partner h5 {
 font-weight: bold;
 color: #1C479A;
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DCDCE4;
}
#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 {
 padding-top: 55px;
}
#Quality #Sec2 .report.style2 .style2title {
 font-weight: normal;
 font-size: 1.8rem;
 line-height: 1.3em;
 top: -1.8em;
}
#Quality #Sec2 .report .reportList, #CompanyCSR .report .reportList {
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-bottom: 20px;
}
#Quality #Sec2 .report .reportList figure, #CompanyCSR .report .reportList figure {
 text-align: center;
 width: 48%;
}
#Quality #Sec2 .report .reportList figure figcaption, #CompanyCSR .report .reportList figure figcaption {
 margin-bottom: 10px;
 border-bottom-width: 3px;
 border-bottom-style: double;
 border-bottom-color: #DCDCE4;
 padding-bottom: 3px;
 font-size: 1.4rem;
}
#CompanyCSR .pageLead {
 font-size: 1.7rem;
 line-height: 1.8em;
 font-weight: normal;
}
#CompanyCSR .report {
 padding-top: 50px;
}
#Recruit #Sec1 {
 text-align: left;
}
#Recruit #Sec1 h4 {
 margin-bottom: 15px;
}
#Recruit #Sec1 dl {
 text-align: left;
 margin-bottom: 15px;
}
#Recruit #Sec1 dl dt {
 margin-top: 12px;
 font-weight: bold;
 color: #1C479A;
}
#Recruit #Sec1 dl dd {
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #DCDCE4;
 padding-bottom: 12px;
}
#Recruit #Sec1 ul li {
 margin-left: 20px;
 list-style-type: disc;
}
#Recruit #Sec1 dl dd div {
 margin-bottom: 20px;
}
#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: 2px;
 border-bottom-width: 2px;
 border-bottom-color: #C00;
 display: inline-block;
 margin-top: 5px;
}
#Recruit #Sec1 dl dd div h6 {
 margin-top: 10px;
 font-weight: normal;
}
#Recruit #Sec2 {
 margin-bottom: 0px;
}
#Recruit #Sec2 .voice {
 width: 48%;
 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;
}
#Recruit #Sec2 .voice p {
 font-size: 1.5rem;
}
#Contact #mailformpro .mailform {
 text-align: left;
 font-size: 1.6rem !important;
}
#Contact #mailformpro .mailform dt {
 font-size: 1.6rem !important;
 font-weight: bold;
 padding-top: 10px;
 display: block;
 width: 100% !important;
 border: none !important;
 padding-bottom: 0px;
}
#Contact #mailformpro .mailform dd {
 font-size: 1.6rem !important;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #DCDCE4;
 padding-bottom: 10px;
 display: block;
 width: 100% !important;
}
#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: 100%;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 font-size: 1.6rem;
}
#Contact input[type="checkbox"] {
 height: 25px;
 width: 25px;
 vertical-align: middle;
}
#Contact textarea {
 display: inline-block;
 vertical-align: top;
 width: 100% !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 select {
 width: 80%;
 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 .formButtons {
 margin-bottom: 20px;
 margin-top: 30px;
}
#Contact button {
 width: 90%;
 line-height: 50px;
 color: #FFF;
 height: 50px;
 background-color: #1C479A;
 border-radius: 5px;
 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: 40px;
}
#Contact #mailformpro .note {
}
#Contact .progressbar {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 25px;
}
#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;
}
#Contact .progressbar .item {
    font-size: 11px;
    line-height: 1.4;
    padding: 10px 0;
}
#Contact .progressbar .item:not(:last-child)::before,
#Contact .progressbar .item:not(:last-child)::after {
    border-width: 25px;
    border-left-width: 12px;
}

/* 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: 30px;
 margin-bottom: 25px;
}
#Contact #Thanks h3 {
 text-align: center;
 font-size: 2.0rem;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 margin-bottom: 20px;
 padding-bottom: 10px;
 display: inline-block;
 font-weight: normal;
 line-height: 1.5rem;
}
#Contact #Thanks p {
 text-align: left;
}
#Contact .linkBtnTop a {
 font-size: 1.7rem;
 line-height: 50px;
 height: 50px;
 width: 80%;
 margin-right: auto;
 margin-left: auto;
 color: #FFF;
 background-color: #0070B7;
 clear: both;
 margin-bottom: 25px;
 display: block;
 text-decoration: none;
 border-radius: 10px;
}
#Contact .linkBtnTop a:hover {
 background-color: #666;
}


.iframe-wrapper {
	margin-top: 20px;
	text-align: center;
	margin: 0 atuo;
}
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
table.calendar {
	table-layout: fixed;     /* 固定レイアウト */
	border-collapse: collapse; /* 隣接する枠線を重ねる */
	border-left: solid 1px #000;  /* 枠線指定 */
	width: 100%;              /* 表の横幅：350ピクセル */
	margin: 0 auto!important;
}
.calendar th,.calendar td {
	border: solid 1px #000;  /* 枠線指定 */
	padding: 5px;      /* 余白指定 */
	text-align: center;
}
.calendar th {
	border-bottom: none;
}
  .calendar tr {
    display: block;
    float: left;
  }
  .calendar tr td, 
  .calendar tr th {
    border-left: none;
    display: block;
    height: 40px;
  }
  .calendar thead {
    display: block;
    float: left;
    width: 30%;
  }
  .calendar thead tr {
    width: 100%;
  }
  .calendar tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .calendar tbody tr {
    width: 50%;
  }
  .calendar tr td + td {
    border-left: none;
    border-bottom: none;
  }
  .calendar tbody td:first-child {
    border-bottom: none;
  }
  .calendar th:last-child, .calendar tbody td:last-child {
    border-bottom: solid 1px #000;
  }
.look {
	font-weight: bold;
}
.red {
	color: red;
}
.blue {
	color: blue;
}
.ind {
	margin: 10px 0 10px 10px;
}
/*鳥山追加202410*/
.ind2 {
	padding: 0 8px 20px 8px;
}
/*鳥山追加202410↑*/
.banner {
        display: block;
        position: relative;
        padding-top: 150px;
        margin: 20px auto;
        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: 10px;
        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;
}
.banner > p > span {
        display: block;
}
.banner > p > span:nth-of-type(1) {
        font-size: 18px;
	line-height: 1.3em;
}
.banner > p > span:nth-of-type(2) {
        font-size: 18px;
	line-height: 0;
}