/*--------------------------- Color variations ----------------------*/
/* Medium Layout: 1280px */
/* Tablet Layout: 768px */
/* Mobile Layout: 320px */
/* Wide Mobile Layout: 480px */
/* =================================== */
/*  Basic Style 
/* =================================== */

/*投稿のページテンプレート*/
.post-th img{
	width: 100%;
	height: auto;
}
/*おわり*/
video{
  width: 100%;
}

.shi-ya img:hover {
    opacity:0.8;
}


.continue-box {
    text-align: right;
}

.continue {
    display: inline-block;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #000;
}

/*取扱い一覧のページ*/

.moji{
	text-align: center;
}

.map-link {
    text-align: right;
}

.ich-btn {
    display       : inline-block;
    font-size     : 14px;        /* 文字サイズ */
    cursor        : pointer;     /* カーソル   */
    padding       : 10px 15px;   /* 余白       */
    background    : #3B7AA8;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
    border        : 1px solid #3B7AA8;
}
.ich-btn:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #3B7AA8;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
}

.sinfo {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px 0;
}
.sinfo h4 {
    font-size: 22px;
    font-weight: 700;
}
.sinfo p {
    font-size: 18px;
}
.taiken {
    width: 130px;
    background: #00A222;
    border: 2px solid #007922;
    border-radius: 25px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding: 10px 0;
    text-shadow: 3px 3px 3px #007922;
}

.si_l{
	width: 30%;
}
.si_c{
	width: 55%;
}
.si_r {
	width: 15%;
}

.str-list {
    width: 100%;
}
.str-list h3 {
    border-bottom: 3px solid;
    padding: 0 0 5px 20px;
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: 600;    
}

/*一般店舗*/

.hokkaido,
.touhoku,
.kantou,
.hokuriku,
.toukai,
.kinki,
.chugoku,
.shikoku,
.kyushu,
.okinawa {
    width: 80%;
    margin: auto;
}

.hokkaido h3 {
    color: #9081BB;
}
.touhoku h3 {
    color: #5887C6;
}
.kantou h3 {
    color: #76C9D6;
}
.hokuriku h3 {
    color: #A0CD64;
}
.toukai h3 {
    color: #42aa54;
}
.kinki h3 {
    color: #e82ea0;
}
.chugoku h3 {
    color: #c43c3c;
}
.shikoku h3 {
    color: #F0831E;
}
.kyushu h3 {
    color: #E94525;
}
.okinawa h3 {
    color: #EA6390;
}

/*医療施設*/

.hokkaido_i,
.touhoku_i,
.kantou_i,
.hokuriku_i,
.toukai_i,
.kinki_i,
.chugoku_i,
.shikoku_i,
.kyushu_i,
.okinawa_i {
    width: 80%;
    margin: auto;
}

.hokkaido_i h3 {
    color: #9de059;
}
.touhoku_i h3 {
    color: #52bf7c;
}
.kantou_i h3 {
    color: #4b8bd8;
}
.hokuriku_i h3 {
    color: #c96882;
}
.toukai_i h3 {
    color: #62e0b4;
}
.kinki_i h3 {
    color: #8b5eff;
}
.chugoku_i h3 {
    color: #f97b5c;
}
.shikoku_i h3 {
    color: #ff66ff;
}
.kyushu_i h3 {
    color: #ff4828;
}
.okinawa_i h3 {
    color: #ffb649;
}

/*取扱い一覧のページここまで*/

.full-img-box img {
	max-width: 100%;
}
.question-box {
    width: 100%;
    padding: 80px 0;
    background: #E7E8E3;
}
.headline-center {
    text-align: center;
	margin-bottom: 30px;
}
.qa-po {
    display: block;
    margin: 0 auto 30px auto;
}
.white-box{
    width: 60%;
    display: flex;
    margin: 0 auto 30px auto;
    background: #fff;
    box-shadow: 8px 4px 4px #c0c0c0;
}
.white-box-u {
    width: 60%;
    display: flex;
    margin: 0 auto 50px auto;
    background: #fff;
    box-shadow: 8px 4px 4px #c0c0c0;
}
.question,
.answer {
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.question img,
.answer img {
    width: 76px;
    height: 76px;
}
.q_a_p {
    width: 85%;
    text-align: justify;
    margin: 20px 20px 20px 0;
}
.user-box,
.event{
    width: 100%;
    display: flex;
	flex-wrap: wrap;
}

.user-voice {
    width: 33%;
    padding: 20px;
}

.top-flex {
    display: flex;
	flex-wrap: wrap;
}
.top-flex p {
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin: 20px 0 0 15px;
}
.user-tt {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 600;
}
.user-p {
    font-size: 16px;
}

.pht img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
}

.thm{
	width: 100%;
	height: 200px;
}

.thm img{
	object-fit: cover;
}
.evcol {
    width: 33%;
    padding: 20px;
    list-style-type: none;
}
.evcol img {
    width: 100%;
    height: 100%;
}
.evnt_t {
    margin-top: 20px;
}
.btn-box-btn {
    text-align: center;
}
.btn-big,
.btn-small {
    background: #3775a1;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.btn-big:hover,
.btn-small:hover {
    color: #fff;
    opacity: 0.6;
}
.btn-big {
    padding: 15px 45px;
    font-size: 20px;
}
.btn-small {
    padding: 6px 16px;
    font-size: 14px;
    margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
.user-box,
.event,
.sinfo {
    flex-wrap: wrap;
}
	
.user-voice {
    width: 100%;
}
.si_l,
.si_c,
.si_r {
	width: 100%;
}
.s-
.user-voice,
.evcol {
    width: 100%;
}
.white-box,.white-box-u {
    flex-direction: column;
}
.question,
.answer {
    width: 100%;
    margin-top: 30px;
}
.q_a_p {
    width: 100%;
    padding: 0px 20px;
}
.buttons a {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}
.shi-ya img {
    width: 100%;
}
	

}/** モバイルcss終了 **/

::-moz-selection {
  /* Code for Firefox */
  background-color: #a8353f;
  color: #fff;
}

::selection {
  background-color: #a8353f;
  color: #fff;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #777777;
  font-weight: 300;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777777;
  font-weight: 300;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777777;
  font-weight: 300;
}

body {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.625em;
  position: relative;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

select {
  display: block;
}

figure {
  margin: 0;
}

a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: rgb(133, 216, 206);
}

iframe {
  border: 0;
}

a, a:focus, a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus, a:hover {
  color: rgba(133, 216, 206, 0.7);
}


.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  text-decoration: none;
  outline: 0;
}

.card-panel {
  margin: 0;
  padding: 60px;
}

/**
 *  Typography
 *
 **/
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
  font-size: 1em;
  line-height: inherit;
}

.gray-bg {
  background: #f9f9ff;
}

h1, h2, h3,
h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  color: #222222;
  line-height: 1.2em !important;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 600;
}

.h1, .h2, .h3,
.h4, .h5, .h6 {
  margin-bottom: 0;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #222222;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
  color: #222222;
}

td, th {
  border-radius: 0px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clear::before, .clear::after {
  content: " ";
  display: table;
}

.clear::after {
  clear: both;
}

.fz-11 {
  font-size: 11px;
}

.fz-12 {
  font-size: 12px;
}

.fz-13 {
  font-size: 13px;
}

.fz-14 {
  font-size: 14px;
}

.fz-15 {
  font-size: 15px;
}

.fz-16 {
  font-size: 16px;
}

.fz-18 {
  font-size: 18px;
}

.fz-30 {
  font-size: 30px;
}

.fz-48 {
  font-size: 48px !important;
}

.fw100 {
  font-weight: 100;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500;
}

.f700 {
  font-weight: 700;
}

.fsi {
  font-style: italic;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-150 {
  margin-top: 150px;
}

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

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-50 {
  margin-left: 50px;
}

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

.mr-5 {
  margin-right: 5px !important;
}

.mr-15 {
  margin-right: 15px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-0-i {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-170 {
  padding-top: 170px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-top: 60px;
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pr-30 {
  padding-right: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-50 {
  padding-right: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-90 {
  padding-left: 90px;
}

.p-40 {
  padding: 40px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-italic {
  font-style: italic;
}

.text-white {
  color: #fff;
}

.transition {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.section-full {
  padding: 100px 0;
}

.section-half {
  padding: 75px 0;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-rigth {
  text-align: right;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.flex-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-top {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.flex-bottom {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.flex-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.display-table {
  display: table;
}

.light {
  color: #fff;
}

.dark {
  color: #000;
}

.relative {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.container.fullwidth {
  width: 100%;
}

.container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-padding {
  padding: 0;
}

.section-bg {
  background: #f9fafc;
}

@media (max-width: 767px) {
  .no-flex-xs {
    display: block !important;
  }
}

.title h2 span{
  font-size: 60%;
}


.row.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.sample-text-area {
  background: #fff;
  padding: 100px 0 70px 0;
}

.text-heading {
  margin-bottom: 30px;
  font-size: 24px;
}

/* 2020.04.20 del
b, i, sup, sub, u, del {
  color: #009e9f;
}
*/

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
}

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
  color: #777777;
}

.list-style {
  width: 14px;
  height: 14px;
}


.default-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.default-header h1{
  padding-top: 10px;
  font-size: 80%;
}

@media (max-width: 992px) {
  .default-header h1{
    display: none;
  }
}

.menu-bar {
  cursor: pointer;
}

.menu-bar span {
  color: #000;
  font-size: 24px;
}

.main-menubar {
  display: none !important;
}

@media (max-width: 991px) {
  .main-menubar {
    display: block !important;
  }
}

.navbar-nav a {
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  padding: 20px;
}

.navbar-nav a:hover {
  color: #85d8ce;
}

@media (max-width: 992px) {
  .navbar-nav {
    margin-top: 10px;
  }
  .navbar-nav a {
    padding: 0;
  }
  .navbar-nav li {
    padding: 15px 0;
  }
}

.section-gap {
  padding: 50px 0;
}

.section-title {
  padding-bottom: 30px;
}

.section-title h2 {
  margin-bottom: 20px;
}

.section-title p {
  font-size: 16px;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .section-title p br {
    display: none;
  }
}


.default-header {
  background-color: #fff;
  width: 100% !important;
  box-shadow: -21.213px 21.213px 30px 0px rgba(158, 158, 158, 0.3);
}

.sticky-wrapper {
  height: 48px !important;
}

.dropdown-item {
  font-size: 14px;
  width: auto !important;
  text-align: left;
}

@media (max-width: 767px) {
  .dropdown-item {
    text-align: left;
    padding: 0.25rem;
    padding-left: 20px !important;
    color: #FFF !important;
  }
  .dropdown-menu:hover {
    color: #85d8ce !important;
  }
}

@media (min-width: 768px) {
  /* 2020.05.21 ホバーで下層メニューが表示してしまうのでコメント
  .dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
  }
  */
  .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
  }
}

.dropdown-menu {
  border-radius: 0;
  margin-top: 15px;
  border: none;
}

.dropdown-menu a {
  padding: 5px 15px;
}

@media (max-width: 767px) {
  .dropdown-menu {
    margin-top: 0px;
    margin-left: 20px;
    background-color: #3879a8;
  }
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: transparent;
}

@media (max-width: 767px) {
  .banner-area .fullscreen {
    height: 600px !important;
  }
}

.banner-area .overlay {
  background: #000;
  opacity: .4;
}


.banner-content {
  flex: 0 0 70%;
  max-width: 70%;
  text-align: center;
  position: absolute;
  top: 110px;
  left: 10%;
}
.banner-content p {
  font-size: 30px;
  font-weight: 100;
  line-height: 1em;
  margin-bottom: 40px;
}
.banner-content img {
  /*width: 80px; */
  /*margin-bottom: 10px;*/
}
@media (max-width: 991px) {
  .banner-content {
    /*flex: 0 0 50%;*/
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    /*max-width: 50%;*/
    max-width: 100%;
    /*left: 40%;*/
    left: 0;
  }
}
@media (max-width: 480px) {
  .banner-content {
    /*flex: 0 0 70%;*/
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    /*max-width: 70%;*/
    max-width: 100%;
    top: 90px;
    /*left: 35%;*/
    left: 0;
  }
  .banner-content p {
    font-size: 16px;
  }
  .banner-content img {
  	/*width: 30px;*/
    width: 75%;
  }
}



.header-btn {
  border: 1px solid transparent;
  color: #fff;
}

.header-btn:hover {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}

.container-85 {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 85%;
}

.container-60 {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  width: 60%;
}


.sigle-service h4 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.sigle-service p {
  margin-bottom: 35px;
}

@media (max-width: 991px) {
  .sigle-service {
    margin-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .sigle-service {
    text-align: center;
  }
}


.bkcommon {
  color: #000;
  background-image: url("file:///C|/Users/com's-pc2/img_common/bgcontent.jpg");
  background-repeat: repeat;
}



.company-buttons {
  margin-left: auto;
  margin-right: auto;
  width: 450px; /* proc-btn:220px X 2 */
}
@media (max-width: 991px) {
  .company-buttons {
    width: 100%;
  }
  .company-area.pt-100.pb-150 .page-buttons {
    padding: 0;
  }
  .company-area.pt-100.pb-150 .page-buttons .proc-btn {
    /*flex:none !important;*/
    justify-content: space-between;
    flex: 0 0 49%;
    max-width: 49%;
    margin-bottom: 2%;
    font-size: 100%;
  }
}

.page-buttons {
  padding-top: 10px;
  display: flex;
}
.proc-btn {
  text-align: center;
  color: #3879a8;
  border: 1px solid #3879a8;
  padding: 8px 10px;
  margin-right: 5px;
  font-size: 130%;
  font-weight: 500;
  flex: 0 0 220px;
}
.proc-btn:visited {
  color: #3879a8;
}
.proc-btn-small {
  font-size: 100%;
  font-weight: 300;
  flex: 0 0 130px;
}
.proc-btn:hover {
  background-color: #3879a8;
  color: #FFF;
}



@media (max-width: 991px) {
  .service-area {
    margin-top: 50px;
  }
}



.biz-box-outer {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border: solid 1px #3879a8;
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all  1.2s ease;
}

.biz-box-outer:hover {
  background: #3879a8;
  border: solid 1px #fff;
}

.biz-box {
  position: relative;
  top:30px;
  left:20px;
  background: #fff;
  border: solid 1px #3879a8;
  margin-right: 40px;
}

.biz-left {
  margin-top: -20px;
  padding-left: 25px;
  padding-bottom: 20px;
}
.biz-left img{
  /*max-width: 420px;*/
  max-width: 100%;
  height: auto;
  box-shadow: 0 8px 20px 0px rgba(128, 128, 128, 0.7);
}

.biz-right {
  padding-left: 10px;
}  
.biz-right h3 {
  padding-bottom: 10px;
}
.biz-right p {
  text-align: justify;
}
@media (max-width: 991px) {
  .biz-box-outer {
    max-width: 100%;
    /*
    margin-right: auto !important;
    margin-left: auto !important;
    */
  }
  .biz-box {
    display: block !important;
  }
}
  
@media (max-width: 991px) {
  .biz-left {
    max-width: 100%;
    margin-top: 20px;
    padding:0 6% 8%;
  }
  .biz-left img {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .biz-right {
    max-width: 100%;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .biz-right h3 {
    font-size: 22px;
    position: relative;
    padding: 55px 0 10px 0;
    text-align: center;
  }  
  .biz-right p br {
    display: none;
  }
  .biz-right p {
    padding-left: 10px;
  }
}

@media (max-width: 480px) {
  .biz-right .buttons {
    display: inline-grid;
    padding-left: 10px;
  }
  .biz-right .buttons a {
    margin-bottom: 10px;
  }
}


.detail-btn {
  color: #3879a8;
  border: 1px solid #3879a8;
  padding: 5px 30px;
  border-radius: 20px;
  margin-right: 5px;
  font-weight: 600;
}

.detail-btn:hover {
  background-color:#3879a8;
  color: #fff;
}


.topnews-area {
  text-align: left;
}
.topnews-area .product-icon {
  margin-top: 15px;
  max-width: 100%;
  box-shadow: 0 8px 20px 0px rgba(128, 128, 128, 0.7);
}
@media (max-width: 991px) {
  .topnews-area {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
  .topnews-area p br {
    display: none;
  }
  .topnews-area h3 {
    font-size: 18px !important;
  }
  .topnews-area .product-icon {
    max-width: 80% !important;
  }
}


.news-area ul{
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.news-area li{
  padding: 10px 0;
}
.news-area .n-day{
  font-weight: normal;
  font-size: 130%;
  width: 130px;
  text-align: right;
  padding-right: 15px;
}
.news-area .n-cat{
  padding: 0.3em 0.3em;
  margin-bottom: 0.3em;
  margin-top: 5px;
  color: #3879a8;
  border: solid 2px #3879a8;
  width: 80px;
  text-align: center;
  vertical-align: center;
  height:2rem;
}
.news-area .n-title {
  /*width: 75%;*/
  flex: 0 0 70%;
  padding-left: 25px;
  vertical-align: top;
}
.news-area .n-title a {
  font-weight: 600;
  font-size: 110%;
  color: #3879a8;
}
.news-area .n-title a:hover {
  color: #85d8ce;
}

@media (max-width: 991px) {
  .news-area ul {
    width: 100%;
    margin-bottom: 10px;
  }
  .news-area .container .n-day {
    width: 120px;
    font-weight: normal;
  }
  .news-area .container .n-cat {
    width: 120px;
    height:2rem;
  }
  .news-area .container .n-title {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
  }
}




.company-box-outer {
  position: relative;
  top:30px;
  background: #fff;
  border: solid 1px #3879a8;
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all  1.2s ease;
}

.company-box-outer:hover {
  background: #3879a8;
  border: solid 1px #fff;
}

.company-box {
  position: relative;
  top:-30px;
  left:-20px;
  background: #fff;
  border: solid 1px #3879a8;
  margin-right: 20px;
}

@media (max-width: 991px) {
  .company-box-outer {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .company-box {
    left:10px;
    display: block !important;
  }
}


.comp-left {
  padding-left: 30px;
  justify-content: space-around;
  flex-wrap: wrap;
}

.comp-left img {
  padding: 0;
  width:100%;
}

.comp-left p {
  margin-top: 50px;
}

.comp-left p span{
  font-size: 110%;
}

.comp-right .buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .comp-right {
    width: auto;
    padding: 0;
  }
  .comp-right .buttons {
    display: block;
    max-width: 95%;
    padding-left: 0 !important;
    margin-top: 50px;
  }
}

.office_bunner {
  border: 3px solid #3879a8;
  margin-bottom: 10px;
  flex: 0 0 300px;
  max-width: 300px;
  margin-right: 10px;

  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;

}
.office_bunner a {
  display: flex;
}

.office_bunner:hover {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}

.office_bunner a .office_name {
  padding: 13px 0 0 10px;
  font-size: 13px;
  flex: 0 0 63%;
  max-width: 63%;
  margin: 0 0 10px 0;
}
.office_bunner a .office_name h4 {
  color: #3879a8;
  margin-bottom: 10px;
}
.office_bunner a .office_name p {
  text-align: left;
  color: #3879a8;
  margin-bottom: 6px !important;
  line-height: 130%;
  font-family: "ＭＳ ゴシック",sans-serif;
}
.office_bunner a .office_name dl {
  display: flex;
  color: #3879a8;
  margin-bottom: 0 !important;
  font-size: 14px;
  line-height: 105%;
}
@media (max-width: 480px) {
  .office_bunner a .office_name p {
    font-size: 15px;
  }
  .office_bunner a .office_name dl {
    font-size: 16px;
    margin-bottom: 2px !important;
  }
}
.office_bunner a .office_name dt {
  width: 30px;
  font-weight: normal;
  font-size: 97%;
  text-align: justify;
}
.office_bunner a .office_name dd {
  margin-bottom: 0 !important;
  margin-left: 8px;
}

.office_bunner a img{
  margin: 5px 0;
  flex: 0 0 34%;
  max-width: 34%;

  width: 100%;
  height: auto;
  border-radius: 50%;
  display: block;
  transition-duration: 0.3s;
  
}
@media (max-width: 480px) {
  .office_bunner a img {
    width: 100%;
    height: 100%;
  }
}

.office_name .font-gothic {
  font-family: "ＭＳ ゴシック",sans-serif;
}



.company-outer p {
  color: #000;
}

@media (max-width: 991px) {
  .company-outer {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .comp-left {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0;
  }
  .comp-left img {
    padding: 0 0 0 0;
  }
  .comp-left .buttons {
    padding-left: 40px !important;
  }

}




.generic-banner {
  background-image: -moz-linear-gradient(0deg, #3879a8 30%, #85d8ce 70%);
  background-image: -webkit-linear-gradient(0deg, #3879a8 30%, #85d8ce 70%);
  background-image: -ms-linear-gradient(0deg, #3879a8 30%, #85d8ce 70%);
}

.generic-banner .height {
  height: 160px;
}

.gene-cont-title {
  flex: 0 0 400px;
  opacity: 0.8;
  text-align: left;
  padding-left: 20px;
  margin-top: 0;
  padding-top: 85PX;
}
@media (max-width: 991px) {
  .gene-cont-title {
    padding-top: 65PX;
  }
}
.gene-cont-title h2 {
  font-size: 40px;
}
.gene-cont-title p {
  font-size: 25px;
}




.jb-banner {
  background-image: -moz-linear-gradient(0deg, #3879a8 30%, #85d8ce 70%);
  background-image: -webkit-linear-gradient(0deg, #3879a8 30%, #85d8ce 70%);
  background-image: -ms-linear-gradient(0deg, #3879a8 30%, #85d8ce 70%);
}

.jb-banner .height {
  height: 230px;
}

@media (max-width: 991px) {
  .jb-banner .height {
    height: 130px;
  }
}

.jb-cont-icon {
  flex: 0 0 180px;
  max-width: 160px;
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 50px;
}

@media (max-width: 991px) {
  .jb-cont-icon {
    flex: 0 0 120px;
    max-width: 100px;
    padding-top: 10px;
  }
}

.jb-cont-title {
  flex: 0 0 500px;
  padding-top: 80px;
  padding-left: 30px;
}

.jb-cont-title h2 {
  line-height: 1.2em;
  margin-bottom: 20px;
  font-size: 40px;
  opacity: 0.5;
  border-bottom: solid 3px #FFF;
  width: 400px;
  padding-left: 20px;
  /*
  text-decoration:underline;
  text-underline-position: under;
  */
}

.jb-cont-title p {
  font-size: 35px;
  width: 400px;
  padding-left: 20px;
}

@media (max-width: 991px) {
  .jb-cont-title {
    flex: 0 0 350px;
    padding-top: 26px;
  }
  .jb-cont-title h2 {
    font-size: 24px;
  }
  .jb-cont-title p {
    font-size: 20px;
  }
}

.jb-cont-image {
  flex: 0 0 500px;
  max-width: 490px;
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px 0 0 60px;
}

@media (max-width: 991px) {
  .jb-cont-image {
    display: none;
  }
}



.overlay-fullimg {
  position: relative;
  margin-top: 50px;
}
.overlay-fullimg img {
  padding-left: 10%;
  max-width: 100%;
}
.overlay-fullimg .overcontent {
  position: absolute;
  top: 10%;
  left: 0;
  width: 70%;
  background-color: rgba(56, 121, 168, 0.7);
  margin: 0;
  padding: 20px;
}
.overlay-fullimg .over-top-50 {
  top: 50%;
}
.overlay-fullimg .over-top-60 {
  top: 60%;
}

.overlay-fullimg .over-top-tsuki {
  top: 30%;
  width: 50%;
}

.overlay-fullimg .overcontent h3 br {
  display: none;
}
.overlay-fullimg .overcontent p, .overlay-fullimg .overcontent h3 {
  color: #FFF;
}
.overlay-fullimg .overcontent p {
  font-size: 16px;
}
@media (max-width: 991px) {
  .overlay-fullimg img {
    padding-left: 0;
    width: 100%;
  }
  .overlay-fullimg .overcontent {
    position: relative;
    margin-top: 20px;
    width: 100%;
    top: 0;
    left: 0;
  }
  .overlay-fullimg .overcontent h3 br {
    display: block;
  }
  .overlay-fullimg .overcontent h3 {
    font-size: 120%;
  }
  .overlay-fullimg .overcontent p {
    font-size: 14px;
  }
  .overlay-fullimg .overcontent p br {
    display: none;
  }
}



.about-generic-area {
  color: #000;
}
@media (max-width: 991px) {
  .about-generic-area {
    margin-bottom: 0px;
  }
}







.about-generic-box {
  margin-top: 50px;
  margin-left: 20px;
}

.about-generic-box p {
  flex: 0 0 50% !important;
  padding: 5px 20px 0 10px;
}
.about-generic-box img {
  flex: 0 0 50% !important;
  max-width: 50%;
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .about-generic-box {
    display: block !important;
  }
  .about-generic-box p {
    max-width: 100%;
    padding: 5px 10px 0px 10px;
  }
  .about-generic-box img {
    max-width: 100%;
    padding: 0;
  }
}



.footer-bunner-area {
  color: #fff;
  overflow: visible !important;
  background: -webkit-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: -moz-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: -ms-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: -o-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
}

.footer-bunner-area .container {
  padding: 30px 10px;
}

.footer-bunner-area .buttons {
  display: flex;
}

.f-bunner-btn {
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  padding: 8px 10px;
  margin-right: 10px;
  font-size: 105%;
  font-weight: 500;
  flex: 0 0 180px;
}

.f-bunner-btn:hover, .f-bunner-btn:visited {
  background-color: #85d8ce;
  color: #fff;
} 

@media (max-width: 580px) {

  .footer-bunner-area {
    padding: 0 10%;
  }  
  .footer-bunner-area .container {
    padding: 20px 0 !important;
  }  
  .footer-bunner-area .buttons {
    display: block;
  }  
  .footer-bunner-area .buttons .f-bunner-btn {
    width: 100%;
    display: block;
    margin: 0 0 2%;
  }
  .footer-bunner-area .buttons .f-bunner-btn:last-child {
    margin-bottom: 0;
  }


  .footer-bunner-area .container {
    padding: 20px 40px !important;
  }
  .f-bunner-btn {
    font-size: 90% !important;
    flex: 0 0 160px !important;
  }
}





.active-works-carousel .item .thumb {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 460px;
}

.active-works-carousel .item .caption {
  padding: 30px 40px;
}

.active-works-carousel .item .caption h6 {
  margin-bottom: 10px;
  color: #000;
}

.active-works-carousel .item .caption p {
  margin-bottom: 0;
}

.active-works-carousel .center .caption {
  display: block;
}

.active-works-carousel .owl-dots {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
}

.active-works-carousel .owl-dots:after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 60%;
  height: 1px;
  background: #eeeeee;
  z-index: -1;
}

.active-works-carousel .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #eeeeee;
  margin: 0 50px;
}

@media (max-width: 767px) {
  .active-works-carousel .owl-dots .owl-dot {
    margin: 0 15px;
  }
}

.active-works-carousel .owl-dots .owl-dot.active {
  background: #009e9f;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}

.skill-area {
  background-color: #000;
}

.skill-left h1 {
  margin-top: 25px;
}

@media (max-width: 800px) {
  .skill-left {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .skill-left br {
    display: none;
  }
}

@media (max-width: 800px) {
  .skill-right {
    margin-top: 30px;
  }
}

.skill-right h4 {
  margin-top: 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 1024px) {
  .skill-right h4 {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .skill-right .single-skill {
    margin-bottom: 20px;
  }
}

.donut-widget[data-chart-instance="1"] .donut-bite[data-segment-index="1"]::before {
  background: #292929 !important;
}

.donut-widget[data-chart-instance="2"] .donut-bite[data-segment-index="1"]::before {
  background: #292929 !important;
}

.donut-widget[data-chart-instance="3"] .donut-bite[data-segment-index="1"]::before {
  background: #292929 !important;
}



.vender-area {
  margin-top: -200px;
  padding-top: 220px;
}

.vender-area .vender-row {
  padding-left: 30px;
}

@media (max-width: 414px) {
  .vender-area .vender-row {
    padding-left: 0;
    display: block;
  }
}






.vender-area .single-vender {
  flex: 0 0 200px;
  margin: 10px 5px;
  text-align: center;
  align-items: baseline;
}
@media (max-width: 991px) {
  .vender-area .single-vender {
    /*flex:auto;*/
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.vender-area .v-name-outer {
  margin-top: 40px;
  position: relative;
  height: 30px;
}

.vender-area .single-vender h5{
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto;;
}
@media (max-width: 991px) {
  .vender-area .v-name-outer { 
    margin-top: 10px;
  }
  .vender-area .single-vender h5{
    font-size: 14px;
  }
}

.vender-area .single-vender .thumb {
  display: block;
  margin-top: 20px;
  max-width: 100%;
}

.vender-area .single-vender .thumb .v-logo {
  width: 150px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  box-shadow: 0 8px 20px 0px rgba(128, 128, 128, 0.7);
}
@media (max-width: 991px) {
  .vender-area .single-vender .thumb .v-logo {
    width: 80%;
    height: auto;
  }
}

.vender-area .single-vender .thumb a img.v-logo:hover {
  opacity: 0.7;
}


.vender-area h4 {
  margin: 30px 0 0 30px;
  font-size: 16px;
  font-weight: 600;
  color: #153E5C; 
}

.vender-area .single-vender .thumb .intro-blank-logo {
  position     : relative;
  margin       : auto;
  width        : 150px;
  height       : 150px;
  background-color: #FFF;
  box-shadow: 0 8px 20px 0px rgba(128, 128, 128, 0.7);
}
.vender-area .single-vender .thumb .intro-blank-logo a {
  position     : absolute;
  display      : inline-block;
  background   : rgba(255, 255, 255, 0.6);
  top          : 40%;
  left         : 0%;
  padding      : 0 10px;
  color        : #333;
  font-size    : 12pt;
  border-radius: 5px;
}



.dic-completion {
  margin-top: 130px;
  /*margin-left: 50px;*/
  color: #a83741;
  font-weight: bold;
}
@media (max-width: 991px) {
  .dic-completion {
    margin-left: 0;
  }
  .dic-completion p {
    margin-top: 10px;
  }
  .dic-completion br {
    display: none;
  }
}
.v-completion {
  display: inline-block;
  color: #a83741;
  border: solid 2px #a83741;;
  border-radius: 2em;
  font-size: 13px;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
  padding: 3px 10px;
}



.aftermaint-area {
  margin-top: -200px;
  padding-top: 220px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .aftermaint-area {
    margin-bottom: 0;
  }
}




.headline-redblue {
  border-bottom: solid 2px #3879a8;
  position: relative;
}
.headline-redblue:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #a83838;
  bottom: -2px;
  width: 30%;
}

.single-afterbiz {
  padding-left: 20px;
  margin: 30px 0 30px 0;
}
.single-afterbiz h3 {
  border-bottom: solid 3px #3879a8;
  position: relative;
}
.single-afterbiz h3::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #a83838;
  bottom: -3px;
  width: 30%;
}

@media (max-width: 991px) {
  .single-afterbiz {
    padding: 10px;
  }
  .single-afterbiz p {
    padding: 10px 0 0 0;
    text-align: justify;
  }
}


.completion-area .certificate-row {
  padding-left: 50px;
}
.completion-area .certificate-row h5 {
  font-size: 12px;
}

@media (max-width: 991px) {
  .completion-area p {
    padding: 10px;
    text-align: justify;
  }
  .completion-area .certificate-row {
    padding-left: 0;
    display: block;
  }
  .completion-area .certificate-row h5 {
    font-size: 15px;
  }
}

.completion-area .link-product br {
  display: none;
}
@media (max-width: 991px) {
  .completion-area .link-product {
    line-height: 210%;
  }
  .completion-area .link-product br {
    display: block;
  }
}
.completion-area .link-product a,
.completion-area .link-product a:visited {
  color: #8b0000;
  border: solid 1px #8b0000;
  padding: 3px 5px;
  margin: 3px;
}
.completion-area .link-product a:hover {
  background-color: rgba(139,0,0,0.1);
}


.device-maint-area p {
  padding-left: 50px;
}
.device-maint-area p.single-clm-graphic {
  width: 40%;
}

@media (max-width: 991px) {
  .device-maint-area p {
    padding: 10px;
    text-align: justify;
  }
  .device-maint-area p.single-clm-graphic {
    width: 90%;
  }
}



.internal-link {
  background-image: url("file:///C|/Users/com's-pc2/img_common/internal_link.png");
  width: 16px;
  background-position:3px 2px;
  background-repeat:no-repeat;
  padding-right: 5px;
}


.single-clm-graphic {
  flex: 0 0 250px;
  padding: 30px 5px;
  text-align: center;
  align-items: baseline;
}

.single-clm-graphic img {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  box-shadow: 0 8px 20px 0px rgba(128, 128, 128, 0.7);
/*
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
*/
}


@media (max-width: 991px) {
  .single-clm-graphic {
    width: 100%;
  }
  .single-clm-graphic img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}






.kaigyo-area {
  margin-top: -200px;
  padding-top: 220px;
}
@media (max-width: 991px) {
  /*IE11対応　ここのdisplay:flexがわるさするから   */
  _:-ms-lang(x)::-ms-backdrop, .kaigyo-area .container .row {
    display: block;
  }
}

.kaigyo-area h2 br{
  display: none;
}
@media (max-width: 414px) {
  .kaigyo-area h2 {
    font-size: 24px;
    text-align: center;
  }
  .kaigyo-area h2 br{
    display: block;
  }
}

.kaigyo-area .single-keikaku {
  flex: 0 0 25%;
  max-width: 25%;
  margin-left: 20px;
  padding: 15px 5px;
  text-align: center;
  align-items: baseline;
  border: 5px solid #3879a8;
}
@media (max-width: 991px) {
  .kaigyo-area .single-keikaku {
    flex: 0 0 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding: 0 5px;
  }
}
@media (max-width: 480px) {
  .kaigyo-area .single-keikaku {
    flex: 0 0 90%;
    max-width: 90%;
    margin: 0;
    margin-top: 20px;
    padding: 0 5px;
  }
}

.single-keikaku h5{
  font-size: 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .single-keikaku h5{
    text-align: left;
    margin: 0;
    padding: 15px !important;
  }
}
@media (max-width: 480px) {
  .single-keikaku h5{
    text-align: center;
  }
}

.single-keikaku .keikaku_content {
  display: block;
  margin-top: 20px;
  max-width: 100%;
  height: auto;
  border-top-style: solid;
  border-color: #3879a8;
}
@media (max-width: 991px) {
  .single-keikaku .keikaku_content {
    display: flex;
    margin-top: 0;
  }
}

.single-keikaku .keikaku_content img {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.single-keikaku .keikaku_content p {
  text-align: justify !important;
  padding: 0 10px 5px 10px;
}
@media (max-width: 991px) {
  .single-keikaku .keikaku_content img {
    flex: 0 0 20%;
    max-width: 20%;
    height: auto;
  }
  .single-keikaku .keikaku_content p {
    flex: 0 0 80%;
    max-width: 80%;
    padding-top: 20px;
    padding-left: 15px;
  }
}
@media (max-width: 480px) {
  .single-keikaku .keikaku_content img {
    flex: 0 0 30%;
    max-width: 30%;
    width: 30%;
    height: 30%;
  }
  .single-keikaku .keikaku_content p {
    flex: 0 0 70%;
    max-width: 70%;
    padding-top: 10px;
    padding-left: 10px;
  }
}




.flow-dw {
  text-align: right;
}
.flow-dw:hover {
  opacity: 0.5;
}
.flow-dw a, .flow-dw a:visited {
  color: rgb(75, 75, 75);
  font-size: 16px;
  text-align: right;
}
@media (max-width: 480px) {
  .flow-dw a {
    font-size: 14px;
  }
}
.flow-dw a img {
  margin-left: 10px;
}


.single-qa {
  padding-left: 30px;
  margin-bottom: 50px;
}

.single-qa h3 span{
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding : 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #3879a8;
  border-radius: 50%;
  box-sizing: border-box;
}

.single-qa h3 span:before{
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #3879a8;
  z-index: 0;
}

@media (max-width: 414px) {
  .single-qa h3 span{
    display: none;
  }
}

.single-qa p {
  padding-left: 50px;
  padding-top: 10px;
  font-size: 16px;
  color: #224a66;
  width: 85%;
}

@media (max-width: 414px) {
  .single-qa {
    padding: 10px;
  }
  .single-qa p {
    padding: 10px 0 0 0;
    text-align: justify;
    width: 100%;
  }
}


.list-pochi ul {
  font-size: 140%;
  line-height: 1.5em;
  margin: 10px 0 50px 50px;
  color: #000;
}
.list-pochi li {
  margin: 10px 0;
}
.list-pochi li:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: #180614;
  position: relative;
  border-radius: 50%;
  margin-right: 15px;
  top: 3px;
}
.list-pochi a, .list-pochi a:visited {
  color: #000;
}
.list-pochi a:hover {
  color: #85d8ce;
}
@media (max-width: 991px) {
  .list-pochi ul {
    margin-left: 20px !important;
  }
}


/* 
--- 黒ベースCSS --- start
*/

#lowv-black {
  background-color: #000;
}
#lowv-black h2, 
#lowv-black h3, 
#lowv-black h4, 
#lowv-black p {
  color: #FFF;
}
#lowv-black .bkcommon {
  background-image: none;
  color: #FFF;
}
#lowv-black .list-pochi ul {
  color: #FFF;
}
#lowv-black .list-pochi li:before {
  background-color: #FFF;
}
#lowv-black .list-pochi a, 
#lowv-black .list-pochi a:visited {
  color: #FFF;
}
#lowv-black .list-pochi a:hover {
  color: #85d8ce;
}
#lowv-black .single-lowv-product .p_title_maker {
  border-bottom: solid #FFF 2px;
}
#lowv-black .single-lowv-product img {
  border: #85d8ce 3px solid;
}
#lowv-black .single-lowv-product a,  
#lowv-black .single-lowv-product a:visited{
  color: #FFF;
}
#lowv-black .single-lowv-product a:hover {
  color: #85d8ce;
}
#lowv-black .headline-redblue:after {
  border-bottom: solid 3px #ff0000
}
#lowv-black .headline-redblue {
  border-bottom: solid 3px #85d8ce;
}

#lowv-black .btn-swich-waku {
  color: #FFF;
  border: #85d8ce 3px solid; 
}
#lowv-black .btn-swich-waku:hover {
  background-color:#85d8ce;
}

/* 
--- 黒ベースCSS --- end
*/

.btn-swich-waku {
  position: relative;
  top: -10px;
  margin-right: 20px;
  padding: 5px 20px;
  font-size: 140%;
  line-height: 1.5em;
  color: #3879a8;
  border: #3879a8 3px solid;
  border-radius: 30px;
}
.btn-swich-waku:hover {
  cursor: pointer;
  background-color:#3879a8;
  color: #FFF;
}


.lowv-area p {
  font-size: 140%;
  line-height: 1.5em;
}
.lowv-content img {
  width: 100%;
}
.lowv-content p {
  text-align: justify;
}
.lowv-content {
  margin-left: 30px;
}
.lowv-content .headline-redblue,
.lowv-content .headline-redblue a:hover
{
  border-bottom-width: 3px !important;
}
.lowv-number {
  counter-reset: number 0;
}
@media (max-width: 991px) {
  .lowv-content {
    margin-left: 0 !important;
  }
}



.single-lowv-product {
  flex: 0 0 250px;
  padding: 30px 20px;
  text-align: center;
}
.single-lowv-product .pro-name {
  height: 50px;
  position: relative;
}
.single-lowv-product .pro-name h4 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.single-lowv-product .p_title_maker {
  font-size: 15px;
  margin-bottom: 0 !important;
  padding: 0 20px;
  display: inline-block;
  border-bottom: solid #000 2px;
}
.single-lowv-product img {
  margin-top: 10px;
  width: 250px;
  border: #3879a8 3px solid;
  margin-bottom: 10px;
}
.single-lowv-product ul {
  font-size: 15px;
  margin-top: 10px;
}
.single-lowv-product li {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  text-align: center;
}
.single-lowv-product a,  .single-lowv-product a:visited{
  color: #000;
}
.single-lowv-product a:hover {
  color: #a83741;
  font-weight: bold;
}
@media (max-width: 991px) {
  .single-lowv-product {
    padding: 10px 20px !important;
  }
}



.lowv-content .subsidy h3::before {
  counter-increment: number 1;
  content: counter(number) ".　";
}
.lowv-content .subsidy h3 {
  margin: 30px 0;
}
.lowv-content .subsidy p {
  margin-left: 30px;
}
@media (max-width: 991px) {
  .lowv-content .subsidy h3 {
    margin: 0;
    margin-top: 20px !important;
    font-size: 20px;
    color: #a83838;
  }
  .lowv-content .subsidy p {
    margin-left: 10px !important;
  }
}



.office-pro-area .office-details {
  max-width: 60%;
  margin-left: 40px;
}
.office-pro-area .office-details .office-greeting p {
  max-width: 100%;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .office-pro-area .office-details {
    max-width: 100%;
    margin-left: 10px;
  }
}




.company-license {
  margin-bottom: 100px;
  display: flex;
  flex-wrap: row;
}
@media (max-width: 991px) {
  .company-license {
    margin-top: 30px;
    padding-left: 0;
    display: block;
  }
}

.company-license .single-proof {
  flex: 0 0 35%;
  max-width: 32%;
  padding-left: 40px;
}
@media (max-width: 991px) {
  .company-license .single-proof {
    max-width: 100%;
    padding-left: 30px;
  }
}
.company-license .single-proof h3 {
  margin: 20px 0 10px 0;
  font-size: 16px;
  font-weight: 400;
}
.company-license .single-proof img {
  max-height: 250px;
  margin-bottom: 20px;
  box-shadow: 0 8px 20px 0px rgba(128, 128, 128, 0.7);
}
@media (max-width: 991px) {
  .company-license .single-proof h3 {
    margin-top: 30px;
  }
}



.license-area h3 {
  margin: 30px 0 0 30px;
  font-size: 16px;
  font-weight: 600;
  color: #153E5C; 
}
.license-area .license-row {
  margin-left: 30px;
}
.license-area .license-row p {
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}
.license-area .single-lic {
  width: 200px;
}
.license-area .single-lic-big {
  width: 350px;
}
.license-area .single-lic-big h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 991px) {
  .license-area h3 {
    margin-left: 0;
    margin-top: 30px;
  }
  .license-area .single-lic {
    width: 80%;
  }
}

.license-no-btn, .license-no-label {
  margin-top: 5px !important;
  text-align: center;
  color: #3879a8;
  border: 1px solid #3879a8;
  padding: 20px 10px;
  font-size: 120%;
  font-weight: 300;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;

}
.license-no-btn b {
  font-weight: 600;
}
.license-no-btn:hover {
  background-color: #3879a8;
  color: #FFF;
}
@media (max-width: 991px) {
  .license-no-btn, .license-no-label {
    padding: 10px 10px;
    margin-bottom: 5px;
  }
}





.single-office {
  flex: 0 0 45%; 
  max-width: 45%;
  padding: 20px 0 30px 20px;
  display: flex;
}
@media (max-width: 991px) {
  .single-office {
    flex: 0 0 80%; 
    max-width: 80%;
  }
}
@media (max-width: 480px) {
  .single-office {
    max-width: 100%;
    padding-left: 0;
  }
}

.single-office img {
  flex: 0 0 25%;
  max-width: 25%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.single-office .office_name {
  padding-top: 20px;
  padding-left: 10px;
  line-height: 110%;
  font-size: 110%;
  flex: 0 0 75%;
  max-width: 75%;
  color: #000;
}
@media (max-width: 480px) {
  .single-office .office_name {
    padding-top: 10px;
    padding-left: 15px;
  }
}

.single-office .office_name p {
  margin-bottom: 0;
  position: relative;
}
.single-office p span{
  font-size: 150%;
  font-weight: 600;
}
.single-office p a {
  margin-left: 20px;
  position: absolute;
  top: -6px;
}
.single-office .detail-btn {
  padding: 5px 20px !important;
}





.company-profile {
  display: flex;
}
.company-profile dl {
  flex: 0 0 50%;
  max-width: 50%;
  height: 100%;
  margin-right: 0 !important;
}
.company-profile dt, .company-profile dd {
  padding: 10px 20px !important;
}
.company-profile dt {
  text-align: left !important;
  padding-left: 30px !important;
}
@media (max-width: 991px) {
  .company-profile {
    display: block;
    margin-left: 0;
  }
  .company-profile dl {
    max-width: 100%;
  }
  .company-profile dt {
    padding: 5px 0 !important;
  }
  .company-profile dd {
    padding: 0 0 10px 20px !important;
  }
}

.company-profile .company-logo {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center;
  display: block;
}
.company-profile .company-logo img {
  width: 40%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.company-profile .company-logo p {
  margin-top: 30px;
  /*
  margin-left: auto;
  margin-right: auto;
  */
  width: 100%;
  text-align: left;
  padding-left:60px;
}
.company-profile .company-logo p span {
  font-weight: 700;
}
.company-profile .company-logo p br {
  display: block;
}
@media (max-width: 991px) {
  .company-profile .company-logo {
    margin-top: 50px;
    max-width: 100%;
    display: flex;
  }
  .company-profile .company-logo img {
    flex: 0 0 100px;
    width: 100%;
    height: 100%;
  }
  .company-profile .company-logo p {
    text-align: left;
    margin-left: 0;
    padding-left: 20px;
    margin-top: 0;
    padding-top: 10px;
  }
  .company-profile .company-logo p br {
    display: none;
  }
}
@media (max-width: 480px) {
  .company-profile .company-logo {
    margin-top: 50px;
    max-width: 100%;
    display: block;
  }
  .company-profile .company-logo img {
    width: 50%;
    height: auto;
  }
  .company-profile .company-logo p {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-top: 20px;
  }
  .company-profile .company-logo p br {
    display: none;
  }
}



.offices-list {
  display: flex;
}
@media (max-width: 991px) {
  .offices-list {
    display: block;
  }
}

.offices-list .office-details {
  flex: 0 0 50%;
  max-width: 45%;
  margin-left: 30px;
}
@media (max-width: 991px) {
  .offices-list .office-details {
    max-width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }
}

.office-details p {
  margin-bottom: 0 !important;
}

.office-details img {
  padding-top: 10px;
  width: 100%;
  height: auto;
}
.office-details .detail-tel {
  font-size: 120%;
  color: #3879a8;
}

.office-details .detail-map {
  flex: 0 0 15%;
  max-width: 15%;
  height: 30px;
  border: solid 1px #3879a8;
  background-color: #3879a8;
  color: #FFF;
  font-weight: 600;
  padding: 2px 10px;
  margin-left: 20px;
  text-align: center;
}
.office-details .detail-map:hover {
  background-color: #FFF;
  color: #3879a8;
}
.office-details .detail-access {
  flex: 0 0 75%;
  max-width: 75%;
  font-size: 85%;
  line-height: 1.4em;
  padding-left: 15px;
}

.office-details .office-greeting {
  display: flex;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .office-details .office-greeting {
    display: block;
  }
}

.office-greeting .office-face {
  flex: 0 0 120px;
  max-width: 120px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .office-greeting .office-face {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
  }
}

.office-greeting p {
  flex: 0 0 75%;
  max-width: 68%;
  margin-left: 20px;
  text-align: justify;
  line-height: 1.3em;
}
@media (max-width: 991px) {
  .office-greeting p {
    max-width: 100%;
    margin: 0;
    margin-top: 20px;
  }
}

.office-details p.office-content {
  text-align: justify;
  line-height: 1.3em;
}

/*--------------------------
顔写真：会社概要ー事業所長、ビジョンー部門長
---------------------------*/
.office-face p {
  font-size: 80% !important;
  line-height: 1.2em !important;
  text-align: center !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.office-face img {
  padding-top: 0 !important;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .office-face p {
    font-size: 100%
  }
  .office-face img {
    width: 100%;
    height: auto;
  }
}

.sales-face img {
  padding-top: 0 !important;
  margin-top: -10px !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}



.company-department {
  margin-left: 80px;
  width: 90%;
}
@media (max-width: 480px) {
  .company-department {
    margin: 10px;
    width: 95%;
  }
  .company-department h3 {
    margin-top: 30px;
  }
  .department-sp {
    display: block !important;
  }
}
.company-department .department-desc {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .company-department .department-desc {
    padding: 0;
    margin-top: 10px;
  }
}
.department-greeting {
  flex: 0 0 30%;
  max-width: 30%;
  display: flex;
  margin-top: 20px;
}
.department-greeting .office-face {
  flex: 0 0 130px;
  max-width: 130px;
}
@media (max-width: 991px) {
  .department-greeting .office-face {
    max-width: 100%;
    margin-top: 10px;
    margin-right: 20px;
  }
}



.office-other-box {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .office-other-box {
    display: block;
  }
}


.access-area p {
  font-size: 120%;
}


.gmap-max {
  position: relative;
  padding-bottom: 56.25%;
  padding-top:30%;
  height: 0;
  overflow: hidden;
  border: #ccc solid 1px;
}
.gmap-max iframe, 
.gmap-max object,
.gmap-max embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.boss-message-area {
  padding-top: 50px;
}

.boss-box {
  margin-left: 30px;
  position: relative;
}
.boss-box img {
  width: 100%;
  height: auto;
}
.boss-box .boss-content {
  position: absolute;
  top: 10%;
  left: 20px;
  width: 52%;
}
.boss-box .boss-content h3 {
  margin-left: 5px;
  margin-bottom: 20px;
  font-size: 130%;
}
.boss-box .boss-content h3 br {
  display: none;
}



@media (max-width: 991px) {
  .boss-box {
    margin-left: 0;
  }
  .boss-box .boss-content {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0 !important;
    padding-right: 10px;
  }
  .boss-box .boss-content h3 {
    margin: 10px 0 5px 0;
  }
  .boss-box .boss-content h3 br {
    display: block;
  }
  .boss-box .boss-content p {
    width: 100%;
    text-align: justify;
    padding-top: 10px;
  }
}


.philosophy-area {
  margin-top: 50px;
}
.philosophy-box {
  margin-left: 80px;
}
.philosophy-box h3 {
  text-align: left;
}
.philosophy-box ol {
  margin: 20px;
  list-style-type: decimal;
}
.philosophy-box li {
  font-size: 120%;
  color: #000;
  line-height: 150%;
}
.philosophy-box li br {
  display: none;
}
@media (max-width: 991px) {
  .philosophy-area {
    margin-top: 20px;
  }
  .philosophy-box {
    margin-left: 0;
  }
  .philosophy-box h3 {
    margin-top: 30px !important;
    margin-left: 30px !important;
  }
  .philosophy-box ol {
    margin-left: 50px;
  }
  .philosophy-box li br {
    display: block;
  }
}



.standard-table-simple dl {
  color: #153E5C;
  margin-left: 30px;
  margin-right: 100px;
  border-top: solid 1px #153E5C;
}
.standard-table-simple p {
  color: #153E5C;
  margin-right: 200px;
  text-align: right;
}
@media (max-width: 991px) {
  .standard-table-simple dl {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .standard-table-simple p {
    margin-right: 10px !important;
  }
}

.standard-table-simple dt {
  text-align: center;
  font-weight: 600;
  padding: 10px 0;
  border-bottom: solid 1px #153E5C;
  font-size: 120%;
}
.standard-table-simple dd {
  border-left: solid 1px #153E5C;
  border-bottom: solid 1px #153E5C;
  margin-bottom: 0 !important;
  padding: 10px 20px;
  line-height: 110%;
}
@media (max-width: 991px) {
  .standard-table-simple dt {
    text-align: left;
    border-bottom: solid 0px;
  }
  .standard-table-simple dd {
    border-left: solid 0px;
  }
}


.history-area dl {
  max-width: 80%;
}
@media (max-width: 991px) {
  .history-area dl {
    max-width: 100%;
  }
}



.compliance-basic-area p, .compliance-basic-area ol {
  color: #292929;
}

.compliance-middle {
  padding-left: 15px !important;
  margin-top: 40px;
}
.compliance-middle h3 {
  margin-bottom: 10px;
}
.compliance-middle P {
  text-align: justify;
}
@media (max-width: 991px) {
  .compliance-middle {
    padding-left: 0 !important;
  }
}

.list-policy {
  padding-left: 30px !important;
}

.list-policy ol {
  counter-reset: compli-no;
  /*list-style: none;*/
  list-style: decimal;
}
@media (max-width: 991px) {
  .list-policy {
    padding-left: 20px !important;
  }
}

.list-policy ol li.list-first {
  font-size: 120%;
  line-height: 150%;
  margin: 5px 0;
}

.list-policy ol li.list-second {
  font-size: 110%;
  line-height: 130%;
}

/*
.list-policy ol li.list-first:before {
  counter-increment: compli-no;
  content: counter(compli-no)"　";
}

.list-policy ol li.list-second:before {
  counter-increment: compli-no;
  content: counter(compli-no)" . ";
}
*/



.list-policy .list-in-content p {
  padding: 0 !important;
  margin-bottom: 3px !important;
}
.list-policy .list-in-content {
  margin-left: 10px;
  margin-bottom: 30px;
  padding: 20px 0;
}

.compliance-basic-jizen {
  width: 42%;
}
@media (max-width: 991px) {
  .compliance-basic-jizen {
    width: 95%;
  }
}

.waku-doble {
  padding: 10px 5px 10px 30px;
  border: double 5px #292929;
}
.waku-doble ol li.list-second {
  font-size: 100% !important;
}


.list-policy-alpha {
  padding-left: 30px !important;
}
.list-policy-alpha ol {
  list-style-type: upper-alpha;
}
.list-policy-alpha li {
  font-weight: bold;
  font-size: 110%;
}
@media (max-width: 991px) {
  .list-policy-alpha {
    padding-left: 20px !important;
  }
}


.list-policy-disc {
  padding-left: 30px !important;
  margin-bottom: 30px;
}
.list-policy-disc ol {
  list-style-type: disc;
}
.list-policy-disc li {
  font-weight: normal;
  font-size: 100%;
}
@media (max-width: 991px) {
  .list-policy-disc {
    padding-left: 20px !important;
  }
}



.submenu-point {
  position: relative;
  top: -120px;
  display: block;
}
.submenu-area ol {
  font-size: 0;
}
.submenu-area li {
  display: inline-block;
  font-size: 15px;
  margin-right: 15px;
  border: solid 1px #153E5C;
  padding: 0.5em;
  border-radius: 0.5em;
}
.submenu-area li a {
  color:#153E5C;
}
.submenu-area li:hover {
  background-color: rgba(0, 53, 158, 0.2);
}

@media (max-width: 991px) {
  .submenu-area {
    display: none;
  }
}


.work-statue-box {
  max-width: 80%;
  margin-left: 20px;
}
.work-statue-box h3 {
  margin-top: 20px;
  font-size: 20px;
}
.work-statue-box p {
  font-size: 16px;
  padding-top: 10px;
}
@media (max-width: 991px) {
  .work-statue-box {
    max-width: 100%;
    margin-left: 5px !important;
  }
}



.single-work-member {
  display: flex;
  margin: 20px;
}
@media (max-width: 991px) {
  .single-work-member {
    display: block;
    margin: 0;
  }
}

.single-work-member .m-order-1{
  order: 1;
}
.single-work-member .m-order-2{
  order: 2;
}

.single-work-member .member-detail {
  flex: 0 0 50%;
}
.single-work-member .member-detail h3 {
  padding: 20px 0 40px 0;
}
.single-work-member .member-detail h4 {
  padding-bottom: 20px;
}
.single-work-member .member-detail p {
  margin: 0 !important;
}
.single-work-member .member-detail .member-way {
  padding: 30px 20px 0 0;
  color: #000;
  text-align: justify;
}
.single-work-member img {
  flex: 0 0 50%;
  max-width: 50%;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .single-work-member .member-detail h3 {
    padding: 40px 0 10px 0;
    font-size: 20px;
  }
  .single-work-member .member-detail .member-way {
    padding: 10px 0;
  }
  .single-work-member img {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
}



.recruit-target-box {
  margin-left: 30px;
  max-width: 80%;
}
@media (max-width: 991px) {
  .recruit-target-box {
    margin-left: 0;
    max-width: 100%;
  }
}

.recruit-target-area .list-pochi ul {
  font-size: 120% !important;
  line-height: 120% !important;
}
.recruit-conditions-area dl {
  max-width: 80%;
}
.recruit-conditions-area dd {
  font-size: 120% !important;
}
@media (max-width: 991px) {
  .recruit-conditions-area dl {
    max-width: 100%;
  }
  .recruit-conditions-area dt {
    padding-bottom: 5px !important;
  }
  .recruit-conditions-area dd {
    padding-top: 0 !important;
  }
}










.amsler-area {
  font-size: 130%;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 991px) {
  .amsler-area img {
    max-width: 100%;
  }
}


.links-list a {
  color: #000;
  /*font-size: 110%;*/
}
.links-list a:hover {
  color: #3879a8;  
}
.links-list a:visited {
  color: #a83838;
}
.links-list dl {
  border-top: solid 0 !important;
}
.links-list dd {
  border-left: solid 0 !important;
}









.btn-box a {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 20px;
	width: 100%;
	height: 100%;
	border: 1px solid #3879a8;
	line-height: 1;
	-webkit-transition: all .4s ease;
  transition: all .4s ease;
  color: #3879a8;
}
.btn-box a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #3879a8;
	opacity: 0;
	-webkit-transition: all .5s cubic-bezier(.19,1,.22,1);
	transition: all .5s cubic-bezier(.19,1,.22,1);
	-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
	transition-timing-function: cubic-bezier(.19,1,.22,1);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}
.btn-box a:hover{
	opacity: 1;
	background-color: transparent;
}
.btn-box a:hover:before{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.btn-box a:hover{
  border-color: transparent !important;
  color: #fff;
}
.btn-box span{
	position: relative;
	z-index: 2;
}


.pagefoot-link-area .btn-outer {
  height: 100px;
  margin-left: 10px;
  /*justify-content: center;*/
}
@media (max-width: 991px) {
  .pagefoot-link-area .btn-outer {
    display: block !important;
    padding-bottom: 250px;
  }
}

.pagefoot-link-area .btn-arrow {
	width: 250px;
  height: 80px;
  margin-right: 20px;
  font-size: 120%;
}
.pagefoot-link-area .btn-arrow a::after{
  position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	right: 10%;
	content: "";
	display: block;
	width: 32px;
	height: 100%;
	background: url("file:///C|/Users/com's-pc2/img_common/arrow-r-b.png") no-repeat center center;
	background-size: 100%;
}
.pagefoot-link-area .btn-arrow a:hover::after{
	background: url("file:///C|/Users/com's-pc2/img_common/arrow-r-w.png") no-repeat center center;
	background-size: 100%;
}



.contact-area .contact-cont {
  margin-left: 50px;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .contact-area .contact-cont {
    margin-left: 0 !important;
  }
}

.contact-area .contact-cont .campany-name {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.3;
  color: #000;
  margin-bottom: 0 !important;
}

.contact-area .contact-cont .campany-name br {
  display: none;
}
@media (max-width: 991px) {
  .contact-area .contact-cont .campany-name br {
    display: block;
  }
}

.contact-area .contact-cont .campany-adrs {
  font-weight: 200;
  color: #000;
  margin-bottom: 0 !important;
}

.contact-area .contact-cont .campany-tel {
  font-size: 1.1rem;
  font-weight: 400;
  color: #000;
}



.footer-area {
  padding-top: 40px;
  /*background-color: #dcdcdc;*/
  color: #fff !important;
  overflow: visible !important;
  background: -webkit-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: -moz-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: -ms-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: -o-linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
  background: linear-gradient(45deg, #3879a8 10%, #85d8ce 90%);
}
.footer-area p, footer-area h6, footer-area a {
  color: #FFF;
}
.footer-area .footer-access p {
  margin-bottom: 0 !important;
}
.footer-area .footer-access dl {
  display: flex;
  margin-bottom: 0 !important;
  font-family: "ＭＳ ゴシック",sans-serif;
}
.footer-area .footer-access dt {
  font-weight: normal;
  width: 30px;
}
.footer-area .footer-access dd {
  margin-left: 10px;
  margin-bottom: 0 !important;
}

.f-contact {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
}

.footer-area a:hover {
  color: #00ffff;
}

.footer-nav {
  margin-bottom: 40px;
}

.footer-nav li {
  margin-top: 8px;
}
.footer-nav li a, .footer-nav li a:visited {
  color: #fff;
}

.footer-nav li a:hover {
  color: #00ffff;
}

.f-map {
  padding: 0.3em 0.3em;
  margin-bottom: 0.3em;
  border: solid 2px #fff;
  width: 60px;
  text-align: center;
  font-weight: 500;
  color: #fff;
}
.f-map:visited {
  color: #fff;
}
.f-map:hover {
  border: solid 2px #00ffff;
}

.sitemap-clm-1, .sitemap-clm-2 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.sitemap-clm-1 {
  flex: 0 0 12%;
  max-width: 12%;
}
.sitemap-clm-2 {
  flex: 0 0 17%;
  max-width: 17%;
}

@media (max-width: 991px) {
  .footer-area {
    padding-left: 30px;
  }
  .footer-sitemap {
    display: none;
  }
}

h6 {
  color: #fff;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 600;
}

.footer-bottom {
  background-color: #fff;
}

.footer-bottom p {
  padding-top: 5px;
  color: #000000;
  font-size: 80%;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 480px) {
  .footer-bottom p {
    font-size: 70%;
    font-weight: 400;
  }
}

/*--------------------------
五十音順、順不同
---------------------------*/
.junfudo{
	text-align: right;
	margin: auto;
	width: 80%;
}
@media (max-width: 480px) {
.junfudo{
	width: 80%;
}
	}

/*--------------------------
スクロールボタン
---------------------------*/
#page-top{
z-index: 999;
position: fixed;
top:90%;
left:70%; 
}
#page-top img{
cursor: pointer;
width: 60px;
}
#page-top img:hover{
opacity: 0.5;
}

@media (max-width: 991px) {
/*--------------------------
スクロールボタン スマホ
---------------------------*/
#page-top{
position: fixed;
top:85%;
left:75%; 
}
}
/*--------------------------
mapボタン
---------------------------*/
.map_button{
 padding: 0px 15px;
 margin-left: 5px;
 font-size: 15px;
 border: 1px solid #FF0004;
 color:#FF0004;
 text-align: center;
 width: 40px;
 height: 25px;
}
.map_button:visited{
 color:#FF0004;
}
.map_button:hover{
 color:#FFFFFF;
 background-color: #FF0004; 
}
/*--------------------------
HPボタン
---------------------------*/
.hp_button{
 padding: 0px 15px;
 font-size: 15px;
 border: 1px solid #00DBFF;
 color:#00DBFF;
 text-align: center;
 width: 40px;
 height: 25px;
}
.hp_button:visited{
 color:#00DBFF;
}
.hp_button:hover{
 color:#FFFFFF;
 background-color: #00DBFF; 
}
/*--------------------------
Q&A
---------------------------*/
.qa_all{
	margin-top: 80px;
	width: 960px;
}
.qa_haba{
	margin-bottom: 40px
}

/*--------------------------
施設一覧タブ切り替え
---------------------------*/

/*タブ切り替えの中身のスタイル*/
.containe {
  display: none;
	clear: both;
}


/*選択されているタブのコンテンツのみを表示*/
#tab_s:checked ~ #s_content,
#tab_i:checked ~ #i_content {
    display: block;
}

#tab_s, #tab_i{
	display: none;
}

.tab_item{
	float: left;
	display: block;
	line-height:40px;
	margin-top: 150px;
	margin-bottom: 100px;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	padding:0px 50px;
	width: calc(100%/2);
	height: 40px;
	background-color: #727171;
	cursor: grab;
	opacity: 0.5;
}

.tab_item:hover{
	opacity: 0.8;
}

/*選択中のスタイル*/
.tabs input:checked + .tab_item{
    background-color: #00B525;
	opacity: 1;
}

/*--------------------------
inline-frame
---------------------------*/

.containe{
	overflow-y: auto;
	position: relative;
}

#inline-frame_s{
	position:absolute;
	top: 0;
    left: 0;
}

@media (max-width: 991px){
	
	.tab_item{
		width: 100%;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	
#ifram-i, #ifram-s{
	width: 100%;
	height: 400px;
}
	
}

/*--------------------------
top　マイナビ バナー
---------------------------*/
.top_banner{
	z-index: 999;
	width: 70%;
	margin: auto;
	padding-bottom: 160px;
	display: flex;
}

.top_banner_left,
.top_banner_right{
	width: 50%;
	text-align: center;
}

.top_banner_left img,
.top_banner_right img{
	width: 95%;
}

.top_banner_left img:hover,
.top_banner_right img:hover{
	opacity: 0.7;
}

.mynavi_banner{
	width: 100%;
	margin-left: 30px;
}

@media (max-width: 991px){

	.top_banner{
	width: 65%;
	padding: 120px 0;
	display: block;
}
	
	.top_banner_left{
		margin-bottom: 20px;
	}
	
.top_banner_left,
.top_banner_right{
	width: 100%;
}
	
.top_banner_left,
.top_banner_right,
.top_banner_left img,
.top_banner_right img{
	width: 100%;
}
	
.mynavi_banner{
	margin-left: 0px;
}
	
.mynavi_banner img{
	width: 100%;
}
	
}

@media (max-width: 767px){
	
.top_banner{
	width: 65%;
	padding-bottom: 80px;
	display: block;
}
	
	.top_banner_left{
		margin-bottom: 20px;
	}
	
.top_banner_left,
.top_banner_right,
.top_banner_left img,
.top_banner_right img{
	width: 100%;
}
	
.mynavi_banner{
	margin-left: 0px;
}
	
.mynavi_banner img{
	width: 100%;
}
}