@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");

/* COMPASS
 * ----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  visibility: hidden;
  line-height: 1;
}
html.wf-active,
html.loading-delay {
  visibility: visible;
}
ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.wf-loading {
    opacity: 0;
}

/* BASE
 * ----------------------------------------------- */
/* MEDIA QUERIES
 * ----------------------------------------------- */
/* ADDITIONAL RESET
 * ----------------------------------------------- */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body * {
  max-height: 99999em;
  color: #333;
}

body img {
  max-height: none;
}

input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  font: inherit;
  line-height: 1;
}

input:focus,
button:focus,
select:focus {
  outline: 0;
}

/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none;
}

/* Turn off scroll bars in IE unless needed */
textarea {
  overflow: auto;
  white-space: pre-line;
}
.flexBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.sec-title-box {
  padding-bottom: 40px;
}
.sec-title-box h2.sec-title {
  font-size: 70px;
  color: #008e66;
}
.sec-title-box h3.sec-title-back {
  color: #333;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
span.mdot {
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
	.sec-title-box h2.sec-title {
	  font-size: 60px;
	}
}

/* PRINTING
 * ----------------------------------------------- */
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
  html,
  body {
    margin: 0;
  }

  @page {
    margin: 0;
  }
  @page :left {
    margin: 0;
  }
  @page :right {
    margin: 0;
  }
  @page :first {
    margin-top: 0;
  }
}

/* GENERAL
 * ----------------------------------------------- */
body {
  color: #000;
  font-family: "zen-maru-gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  letter-spacing: 0.03em;
}

/* FONT
 * ----------------------------------------------- */
.ft-hansan {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 400; /* 500/700/900 */
  font-style: normal;
}
.ft-mont {
  font-family: "montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.01em;
}
.ft-zenmaru {
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.ft-min {
  font-family: "source-han-serif-jp-subset", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.ft-zenmaru span {
  letter-spacing: -0.1em;
}
.ft-zenmaru span.comma {
  letter-spacing: -0.4em;
}


/* //Bahnschrift:フォントの定義 */
@font-face {
  font-family: 'Bahnschrift';
  src: url("../font/bahnschrift.woff2") format("woff2");
  src: url("../font/bahnschrift.woff") format("woff");
  src: url("../font/bahnschrift.ttf") format("ttf");
}
.ft-bahns {
  font-family: Bahnschrift;
  font-weight: 400;
  letter-spacing: 0.01em;
}
.ftc-rd {
  color: #c20101;
}
.ftc-gr {
  color: #1ea339;
  font-weight: bold;
  background: none;
}
.under-yl {
  background: linear-gradient(transparent 40%, #fcff00 40%);
}


/* BUTTONS
 * ----------------------------------------------- */

.btnBox .btn {
  position: relative;
  display: block;
  background: #fff;
  color: #008e66;
  font-size: 18px;
  font-weight: bold;
  border: solid 2px #008e66;
  padding: 20px 0 20px 40px;
  border-radius: 80px;
  transition: .8s;
  width: 300px;
}
.btnBox .btn::after,
.btnBox.contact .btn::after {
  content: '';
  background: url("../img/common/btn-arrow-gr.png");
  background-size: contain;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 50px;
  height: 50px;
}
.btnBox .btn:hover::after,
.btnBox.contact .btn:hover::after {
  content: '';
  background: url("../img/common/btn-arrow-gr-on.png");
  background-size: contain;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 50px;
  height: 50px;
  transition: .8s;
}
.btnBox .btn:hover,
.btnBox.contact .btn:hover {
  color: #fff;
  background: #008e66;
  transition: .8s;
}
.btnBox.btn-strength {
  margin: 155px 0 0 30px;
}
.btnBox.works {
  display: flex;
  justify-content: flex-end;
}
.btnBox.news,
.btnBox.blog {
  display: flex;
  justify-content: flex-end;
}
.btnBox.column {
  width: 220px;
}
.btnBox.movie {
  display: flex;
  justify-content: center;
}
.btnBox.contact {
  display: flex;
  justify-content: center;
}
.btnBox.contact .btn {
  position: relative;
  display: block;
  background: #fff;
  color: #008e66;
  font-size: 18px;
  font-weight: bold;
  border: solid 2px #008e66;
  border-radius: 80px;
  padding: 20px 0;
  margin-bottom: 180px;
  transition: .8s;
  width: 300px;
}
.ser-btnBox {
  margin-top: 40px;
}
.ser-btnBox .btn {
  position: relative;
  display: block;
  background: #333;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  transition: .6s;
  width: 300px;
}
.ser-btnBox .btn:hover {
  background: #068420;
  transition: .6s;
}
.ser-btnBox .btn::after {
  content: '→';
  position: absolute;
  top: 20px;
  right: 30px;
}
.btnBox.cntact {
  text-align: center;
}
.btnBox.cntact .form-btn {
  position: relative;
  display: inline-block;
  background: #008f58;
  color: #fff602;
  font-size: 32px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  padding: 40px;
  width: 920px;
  transition: .6s;
}
.btnBox.cntact .form-btn::before {
  content: '';
  position: absolute;
  top: 45px;
  left: 115px;
  background: url(../img/service/common/ico_airplane.png) no-repeat;
  background-size: contain;
  width: 52px;
  height: 36px;
}
.btnBox.cntact .form-btn:hover {
  background: #000;
  transition: .6s;
}

@media only screen and (max-width: 767px) {
	.btnBox.btn-strength {
	  margin: 0 auto;
	  width: 320px;
	}
	.btnBox.btn-strength .btnBox .btn {
	  width: 100%;
	}
	.btnBox.works {
	  justify-content: center;
	}
	.btnBox.news,
	.btnBox.blog {
	  justify-content: center;
	}
	.btnBox.column {
	  width: 100%;
	}
	.btnBox.column .btn {
	  width: 100%;
	}
	.ser-btnBox {
	  margin-top: 25px;
	}
	.ser-btnBox .btn {
	  width: 100%;
	}
	.btnBox.cntact .form-btn {
	  font-size: 26px;
	  padding: 30px 30px 30px 40px;
	  width: 100%;
	}
	.btnBox.cntact .form-btn::before {
	  top: 39px;
	  left: 16px;
	  width: 28px;
	}


}

/* HELPERS
 * ----------------------------------------------- */
a {
  color: #000;
  text-decoration: none;
  word-break: break-all;
}

.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.container {
  min-width: 1200px;
}
.wrapper {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.contact {
  background: #fff;
  width: 980px;
}
.wrap-up {
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

@media only screen and (max-width: 767px) {

}


/* RESPONSIVE
 * ----------------------------------------------- */
@media print, (min-width: 768px) {
  .sm {
    display: none !important;
  }

  .trans {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.26s ease;
    -o-transition: opacity 0.26s ease;
    -webkit-transition: opacity 0.26s ease;
    transition: opacity 0.26s ease;
  }
  .trans:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }

  body {
    position: static !important;
    top: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .md {
    display: none !important;
  }
  body {
    width: 100%;
    font-size: 14px;
  }
  .container {
    width: auto;
    min-width: 320px;
    overflow: hidden;
  }
  .wrapper {
    max-width: 100%;
    margin: 0;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .wrap-up {
    max-width: 100%;
    margin: 0;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* PARTS
 * ----------------------------------------------- */
/* COMMON HEADER
 * ----------------------------------------------- */
header {
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  display: flex;
  justify-content: space-between;
}
header .header-inner {
  padding-top: 25px;
}
header .list-nav .btn.cntct {
  background: #000;
  margin-left: 25px;
}
header .list-nav .btn.cntct:hover {
  background: #002d52;
  transition: 0.6s;
}
header .list-nav .btn {
  display: inline-block;
  background: #f07e00;
  padding: 27px 0;
  width: 106px;
  text-align: center;
  height: 110px;
}
header .list-nav .btn:hover {
  background: #01447b;
  transition: 0.6s;
}
header .list-nav .btn .txt {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
header .list-nav .btn.cntct .txt {
  color: #fff;
}
header .list-nav .btn .icon {
  text-align: center;
}
header .list-nav li img {
  margin-bottom: 10px;
}
header .btn.cntct li img {
  width: 20%;
}
header .btn.recruit li img {
  width: 25%;
}
header.header-fixed {
  z-index: 9000;
  position: fixed;
  width: 100%;
  min-width: 1200px;
  margin-left: 0;
}
header.header-fixed .list-nav a {
  color: #000;
}
header.header-fixed.visible {
  top: 0;
  visibility: inherit;
  background: #eee;
}
header.header-fixed.visible .header-tag {
  display: none;
}
header.header-fixed .tel {
  display: none;
}
header .nav-inner {
  display: none;
}

@media only screen and (max-width: 767px) {
	header {
	  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);
	  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);
	}
	header.header-fixed .list-nav a {
	  color: #fff;
	}
}

@media print, (min-width: 768px) {
  header {
    width: 100%;
    position: relative;
    z-index: 9000;
    border-bottom: solid 1px #ddd;
    /*height: 110px;*/
    background: #eee;
  }
  .navigation.posts-navigation {
    width: 100%;
  }
  header .header-tag {
    font-size: 12px;
    margin-bottom: 15px;
  }
  header .header-logo {
    z-index: 1;
  }
  header .header-logo .logo-bg {
    background: url("../img/common/logo-head.jpg") no-repeat;
    width: 310px;
    height: 69px;
  }
  header.header-fixed .header-logo .logo-bg {
    background: url("../img/common/logo-head.jpg") no-repeat;
    width: 217px;
    height: 46px;
    margin-top: -11px;
  }
  header .header-logo a {
    display: block;
  }
  header .header-tel {
    font-size: 28px;
    color: #0b68b7;
  }
  header .header-tel span {
    font-size: 16px;
  }
  header .ico-inst {
    margin: 0 20px;
  }
  header .list-contact {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
  header .list-contact .link {
    color: #fff;
    display: block;
    width: 170px;
    font-size: 15px;
    text-align: center;
    padding: 10px 5px;
  }
  header .list-contact .link img.ico_mail {
    margin-right: 10px;
    margin-top: -4px;
  }
  header .list-contact .link-contact {
    border: 1px solid #fff;
    color: #fff;
    padding: 0;
  }
  header .list-contact .link-mail {
    background-color: #000;
  }

/* nav変更：220604 */
  header .list-nav .navBox {
    width: 100%;
  }
  header .navbar-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 13px 0;
  }
  #headerWrap-fixed.visible .navbar-wrapper {
    padding: 7px 0;
  }
  header .navbar-wrapper .navbar-nav {
    margin: 0 auto;
    width: 90%;
  }
  header .navBox .tel {
    color: #f9890f;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    padding-top: 20px;
    letter-spacing: 0.03em;
  }
  header .navBox .telnumber {
    position: relative;
    display: inline-block;
    font-size: 26px;
    letter-spacing: 0;
  }
  header .navBox .telnumber::before {
    content: url(../img/common/ico_head_phone.png);
    position: absolute;
    top: 4px;
    left: -23px;
  }
/* ↑nav変更：220604↑ */


  header .list-nav {
    position: relative;
    font-family: ten-mincho-text, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Verdana, sans-serif;
    margin: auto;
  }
  header .list-nav > li {
    position: relative;
  }
  header .list-nav a,
  header .list-nav .link-nav {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0.03em;
  }
  header .list-nav a::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../img/common/ico_arrow_menu.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    display: inline-flex;
    margin: -3px 6px 0 0;
  }
  header .list-nav .link-nav.noarrow::after {
    content: none;
  }
  header .list-nav .link-nav:hover {
    color: #068420;
    transition: 1.0s;
  }
  header .list-nav .link-nav {
    position: relative;
    display: block;
    padding: 10px 0 30px;
  }
  header .list-nav .border-bottom {
    display: inline-block;
    position: relative;
  }
  header .list-nav .border-bottom:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #0b68b7;
    left: 0;
    bottom: -8px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  header .list-nav li.current .border-bottom:after,
  header .list-nav li.active .border-bottom:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  header .list-nav .last .link-nav {
    padding-right: 0;
  }
  header .list-nav .nav-inner {
    position: absolute;
    z-index: 100;
    font-weight: normal;
    top: 110px;
    width: 280px;
  }
  header .list-nav .link-inner {
    color: #fff;
    -moz-transition: all 0.26s ease;
    -o-transition: all 0.26s ease;
    -webkit-transition: all 0.26s ease;
    transition: all 0.26s ease;
    display: block;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.8);
    padding: 11px 20px 11px;
  }
  header .list-nav .link-inner:hover {
    color: #fdfa01;
  }
  header .list-nav .link-inner + .link-inner {
    border-top: 1px solid #a0a0a0;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .list-contact .link {
    padding-top: 12px;
    padding-bottom: 6px;
  }
  header .list-contact .link img {
    margin-top: -2px;
  }
}
@media only screen and (max-width: 1280px) {
  header .navBox .tel {
    width: 100%;
  }
  header .header-logo .logo-bg {
    background: url("../img/common/logo-head.jpg") no-repeat;
    background-size: 100%;
    width: 200px;
    height: 70px;
  }
  header .header-inner {
    padding-top: 27px;
  }
  header .navBox .telnumber {
    position: relative;
    display: inline-block;
    font-size: 26px;
    letter-spacing: 0;
  }
  header .navBox .telnumber::before {
    content: url(../img/common/ico_head_phone.png);
    position: absolute;
    top: 4px;
    left: -23px;
  }
}

@media only screen and (max-width: 767px) {
  header {
    position: relative;
    z-index: 9900;
    height: 60px;
  }
  header .header-wrap {
    width: 100%;
    background: #fff;
  }
  header.header-fixed {
    min-width: 100%;
  }
  header .header-inner {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0 0 0 3%;
    position: relative;
    z-index: 9999;
  }
  header .header-inner .header-tag {
    display: none;
  }
  header .header-logo {
    padding-top: 9px;
  }
  header.header-fixed .header-logo {
    padding-top: 32px;
  }
  header .header-logo img {
    width: 100%;
  }
  header .header-logo .logo-bg {
    background: url("../img/common/logo-head.jpg") no-repeat;
    background-size: 79%;
    width: 100px;
  }
  header.header-fixed .header-logo .logo-bg {
    background: url("../img/common/logo-head.jpg") no-repeat;
    background-size: 80%;
    margin-top: -11px;
  }
  header .header-logo a {
    display: block;
  }
  header.header-fixed .header-logo .logo-bg {
    margin-top: -11px;
  }
  header.header-fixed .wrap-menu ul {
    display: flex;
  }
  header.header-fixed .wrap-menu .btn {
    padding: 13px;
  }
  header .wrap-menu {
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  header .wrap-menu > a {
    padding: 5px 8px 5px 5px;
  }
  header .wrap-menu a img {
    width: 50%;
  }
  header .wrap-menu a.btn-menu img {
    height: 6px;
    width: auto;
    margin: 0 auto;
  }

  header .wrap-menu .btn {
    display: block;
    background: #f07e00;
    padding: 4px 0;
    width: 60px;
    height: 60px;
  }
  header .wrap-menu .btn .txt {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 3px 0 0 0;
  }
  header .wrap-menu .btn .icon {
    text-align: center;
  }
  header .wrap-menu .btn-form {
    display: block;
    background: #333;
    text-align: center;
    padding: 4px 0;
    width: 60px;
    height: 60px;
  }
  header .wrap-menu .btn-form .txt {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0 0 0;
  }
  header .wrap-menu .btn-form .icon {
    width: 67%;
    margin: 1px auto;
  }
  header .btn-menu {
    position: relative;
    width: 60px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    letter-spacing: 0.1em;
    margin: 2px 0 0 1px;
  }
  header.header-fixed .btn-menu {
    margin-top: 0;
  }
  header .btn-menu .menu-inner {
    position: relative;
    width: 22px;
    height: 17px;
    margin: 0 auto;
  }
  header .btn-menu .menu-inner span {
    display: block;
    height: 2px;
    background: #000;
    position: absolute;
    width: 100%;
    left: 0;
    transition: 0.5s ease-in-out;
  }
  header .btn-menu .menu-inner span:nth-child(1) {
    top: 0;
  }
  header .btn-menu .menu-inner span:nth-child(2) {
    top: 7px;
  }
  header .btn-menu .menu-inner span:nth-child(3) {
    top: 14px;
  }
  header.header-fixed .btn-menu .menu-inner span {
    background: #000;
  }
  header.is-down .btn-menu .menu-inner span:nth-child(1) {
    top: 8px;
    transform: rotate(135deg);
  }
  header.is-down .btn-menu .menu-inner span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  header.is-down .btn-menu .menu-inner span:nth-child(3) {
    top: 8px;
    transform: rotate(-135deg);
  }

  header .list-nav li {
    margin-left: 0;
  }
  header .navigation {
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    position: fixed;
    z-index: 9800;
    top: 0;
    bottom: 0;
    right: -100vw;
    padding: 50px 0 0;
    width: 100%;
  }
  header .navigation .navigation-inner {
    position: absolute;
    z-index: 9800;
    overflow-y: auto;
    top: 60px;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
  }
  header.header-fixed .navigation .navigation-inner {
    top: 70px;
  }
  header .navigation .link-nav {
    display: block;
    color: #fff;
    font-size: 15px;
    background: url(../img/common/icn_arrow_07.png) right 16px center no-repeat;
    background-size: 8px auto;
    padding: 20px;
    border-bottom: 1px solid #a0a0a0;
    font-weight: 500;
  }
  header .navigation .link-nav.link-drop {
    background-image: url(../img/common/icn_plus_wh.png);
    background-size: 12px auto;
  }
  header .navigation .link-nav span.mail,
  header .navigation .link-nav span.inst {
    position: relative;
  }
  header .navigation .link-nav span.mail::after {
    background: url(../img/common/sp/ico_mail.png) left 0 center no-repeat;
    background-size: 18px auto;
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 11px;
    right: -25px;
    top: 5px;
  }
  header .navigation .link-nav span.inst::after {
    background: url(../img/common/sp/ico_instagram_wt.png) left 0 center no-repeat;
    background-size: 18px auto;
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    right: -25px;
    top: 2px;
  }
  header .navigation .active .link-nav.link-drop {
    background-image: url(../img/common/icn_minus_wh.png);
    background-size: 12px auto;
  }
  header .navigation .link-inner {
    color: #eee;
    display: block;
    font-size: 12px;
    padding: 13px 36px 12px;
    border-bottom: 1px solid #a0a0a0;
    background: url(../img/common/icn_arrow_07.png) right 16px center no-repeat;
    background-size: 8px auto;
  }
}

/* PC用固定ヘッダー */
#headerWrap-fixed {
/*  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: none;*/

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  /* ▼ 最初は隠しておく */
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity .4s ease, transform .4s ease;
  pointer-events: none; /* 非表示時はクリックさせない */
}
#headerWrap-fixed.visible {
/*  display: block;*/

  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* SP用：上部固定 header */
#sp-header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}
#sp-header-fixed.visible {
  display: block;
}

/* SP用：下固定 serviceMenu */
#sp-serviceMenu-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}
#sp-serviceMenu-fixed.visible {
  display: block;
}

/* PCでは SP 用固定パーツは非表示に */
@media (min-width: 768px) {
  #sp-header-fixed,
  #sp-serviceMenu-fixed {
    display: none !important;
  }
}

@media (max-width: 767px) {
  header {
    transition: top 0.3s;
  }
  #sp-serviceMenu-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: block;
  }
}

.serviceMenu {
  position: relative;
  background: #008e66;
  color: #f6ff00;
  width: 100%;
  z-index: 9000;
}
.serviceMenu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1080px;
  padding: 10px 0;
  margin: 0 auto;
}
.serviceMenu .navbox {
/*  color: #f6ff00;
  font-size: 18px;
  text-align: center;*/

  color: #f6ff00;
  font-size: 18px;
  text-align: center;
  width: 100%;
  display: inline-block;
  height: 60px;
  line-height: 3.2;
  background: #008e66;
  transition: .6s;
}
.serviceMenu .navbox:hover {
  background: #333;
  transition: .6s;
  height: 80px;
  margin-top: -10px;
  line-height: 4.5;
}
.serviceMenu .navbox.current {
  background: #333;
  height: 80px;
  margin-top: -10px;
  line-height: 4.5;
}
#headerWrap-fixed .serviceMenu .navbox.current {
  background: #333;
  height: 66px;
  margin-top: -5px;
  line-height: 3.8;
}
#headerWrap-fixed .serviceMenu .navbox:hover {
  background: #333;
  height: 66px;
  margin-top: -5px;
  line-height: 3.8;
}
.serviceMenu li {
  align-content: center;
  text-align: center;
  border-left: dotted 2px #fff;
  height: 60px;
}

#headerWrap-fixed.visible .serviceMenu ul {
  padding: 5px 0;
}
#headerWrap-fixed.visible .serviceMenu li {
  height: 56px;
}

/* PARTS
 * ----------------------------------------------- */
/* COMMON HEADER Under-Page
 * ----------------------------------------------- */

header.up {
  background: #fff;
}
header.up .header-wrap-up {
  width: 1080px;
  margin: 0 auto;
  padding: 10px 0 15px;
}
header.up .header-wrap-up .header-logo {
  width: 120px;
  margin-top: 7px;
  transition: .6s;
}
header.up .header-wrap-up .header-logo:hover {
  opacity: .6;
  transition: .6s;
}
header.up .header-wrap-up .header-box h1 {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  margin-bottom: 10px;
}
header.up .header-wrap-up .header-box .header-contact {
  display: flex;
  justify-content: flex-end;
}
header.up .header-wrap-up .header-box .header-contact .tel {
  font-size: 32px;
  font-weight: bold;
  margin-right: 15px;
}
header.up .header-wrap-up .header-box .header-contact .tel::before {
  content: '';
  display: inline-block;
  width: 45px;
  height: 26px;
  background: url(../img/common/ico_freenumber.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
header.up .header-wrap-up .header-box .header-contact .cntct-btn {
  display: inline-block;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  background: #f8e901;
  border: solid 2px #000;
  border-radius: 80px;
  padding: 10px 17px;
  width: 230px;
  transition: .6s;
}
header.up .header-wrap-up .header-box .header-contact .cntct-btn::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url(../img/common/ico_head_mail.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
header.up .header-wrap-up .header-box .header-contact .cntct-btn:hover {
  color: #fff;
  background: #000;
  transition: .6s;
}
header.up .header-wrap-up .header-box .header-contact .cntct-btn:hover::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url(../img/common/ico_contact.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}

.serviceMenu li:last-child {
  border-right: dotted 2px #fff;
}
.serviceMenu li.logging {
  width: 17%;
}
.serviceMenu li.grass {
  width: 21%;
}
.serviceMenu li.tidying {
  width: 22%;
}
.serviceMenu li.const {
  width: 24%;
}
.serviceMenu li.garden {
  width: 16%;
}

.serviceMenu a.logging::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(../img/common/ico_nav_01.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
.serviceMenu a.grass::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url(../img/common/ico_nav_02.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
.serviceMenu a.tidying::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 17px;
  background: url(../img/common/ico_nav_03.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
.serviceMenu a.const::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 17px;
  background: url(../img/common/ico_nav_04.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
.serviceMenu a.garden::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 20px;
  background: url(../img/common/ico_nav_05.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
.serviceMenu .navbox a:link,
.serviceMenu .navbox a:visited {
  color: #f6ff00;
}

@media only screen and (max-width: 767px) {

	.serviceMenu ul {
	  width: 100%;
	}
	.serviceMenu li {
	  line-height: 1.3;
	}
	.serviceMenu .navbox {
	  font-size: 13px;
	  line-height: 1.3;
	  margin-top: 3px;
	}
	.serviceMenu .navbox.current {
	  margin-top: -10px;
	  line-height: 1.3;
	  height: 80px;
	  padding-top: 12px;
	}
	#headerWrap-fixed .serviceMenu .navbox.current {
	  margin-top: -10px;
	  line-height: 1.3;
	  height: 80px;
	  padding-top: 12px;
	}
	.serviceMenu .navbox:hover {
	  margin-top: -10px;
	  line-height: 1.3;
	  height: 80px;
	  padding-top: 12px;
	}
	#headerWrap-fixed .serviceMenu .navbox:hover {
	  margin-top: -10px;
	  line-height: 1.3;
	  height: 80px;
	  padding-top: 12px;
	}
	.serviceMenu a.logging::before,
	.serviceMenu a.grass::before,
	.serviceMenu a.tidying::before,
	.serviceMenu a.const::before,
	.serviceMenu a.garden::before {
	  display: block;
	  margin: 0 auto;
	  height: 22px;
	}
	.serviceMenu li:first-child {
	  border: none;
	}
	.serviceMenu li:last-child {
	  border-right: none;
	}
	.serviceMenu li.logging,
	.serviceMenu li.grass,
	.serviceMenu li.tidying,
	.serviceMenu li.const,
	.serviceMenu li.garden {
	  width: 20%;
	}
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
/*  width: 100%;
  margin: 0 auto;*/
}
/*
@media only screen and (max-width: 767px) {
	.slick-slider {
	  width: 100%;
	}
}*/

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide:active, .slick-slide:focus {
  outline: none;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow,
.slick-dots button {
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -1000px;
  overflow: hidden;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  display: block;
  cursor: pointer;
  margin-top: -15px;
}

/* COMMON ANIMATION */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
}

@-webkit-keyframes fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

@-webkit-keyframes fade-in-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-in-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
}

@-webkit-keyframes fade-in-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-in-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.img {
  width: 100%;
  height: auto;
}

.img-max {
  max-width: 100%;
  height: auto;
}

.block-four {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.table-base {
  width: 100%;
}
.table-base th, .table-base td {
  border-bottom: 1px solid #5088bd;
}
.table-base th {
  vertical-align: top;
  font-weight: bold;
}

.table-info {
  width: 100%;
  border-top: 1px solid #bbb;
}
.table-info th, .table-info td {
  border-bottom: 1px solid #bbb;
  padding: 22px 40px 19px;
}
.table-info th {
  background-color: #f5f4f4;
  font-weight: bold;
}

.table-desc {
  width: 100%;
}
.table-desc th, .table-desc td {
  border-bottom: 1px solid #bbb;
  padding: 17px 40px 14px;
  vertical-align: top;
}
.table-desc th {
  background-color: #f5f4f4;
  font-weight: bold;
}
.table-desc tr.line-head td {
  font-weight: bold;
  background-color: #333;
  color: #fff;
}
.table-desc tr.line-head td + td {
  border-left: 1px solid #fff;
}
.table-desc tr:not(.line-head) th:first-child,
.table-desc tr:not(.line-head) td:first-child {
  border-left: 1px solid #bbb;
}
.table-desc tr:not(.line-head) th:last-child,
.table-desc tr:not(.line-head) td:last-child {
  border-right: 1px solid #bbb;
}

.table-detail {
  width: 100%;
  border-top: 1px solid #8c8c8c;
}
.table-detail th, .table-detail td {
  border-bottom: 1px solid #8c8c8c;
  padding: 22px 0 20px;
  vertical-align: top;
}
.table-detail th {
  font-weight: bold;
}
.table-detail td {
  font-weight: normal;
}
.flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media print, (min-width: 768px) {
  .block-three {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-three .item {
    width: 340px;
    margin-right: 30px;
  }
  .block-three .item:nth-child(3n) {
    margin-right: 0;
  }

  .block-four {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-four .item {
    width: 255px;
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .block-four .item:nth-child(4n) {
    margin-right: 0;
  }

  .flex-md {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .table-base th, .table-base td {
    padding: 23px 0 20px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .table-info th, .table-info td {
    padding-top: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .block-four .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 14px;
  }
  .block-four .item:nth-child(2n) {
    margin-right: 0;
  }

  .table-base {
    font-size: 10px;
  }
  .table-base th, .table-base td {
    padding: 12px 0 10px;
  }

  .wrap-table {
    overflow-x: scroll;
  }

  .table-info {
    font-size: 11px;
  }
  .table-info th, .table-info td {
    padding: 8px 12px 7px;
  }

  .table-desc {
    font-size: 11px;
  }
  .table-desc th, .table-desc td {
    padding: 8px 12px 7px;
  }

  .table-detail th, .table-detail td {
    padding-top: 12px;
    padding-bottom: 10px;
  }
}
/* COMMON BREADCRUM
 * ----------------------------------------------- */
.breadcrumb li.arrow::after {
  position: absolute;
  content: url('../img/common/arrow_breadcrumb.png');
  transform: scale(0.7);
  top: 7px;
  right: 0;
}
.breadcrumb span.arrow {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb {
  margin: 10px 0 12px;
}
.breadcrumb.services {
  position: absolute;
  top: -4px;
}
.breadcrumb.company {
  margin: 15px 0;
}
.breadcrumb li {
  display: inline;
  position: relative;
  font-size: 12px;
  padding: 5px 20px 5px 7px;
}
.breadcrumb li:first-child {
  margin-left: 12px;
}
.breadcrumb li:first-child::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -12px;
  background: url('../img/common/ico-home-breadcrumb.png') no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.breadcrumb span.arrow {
  margin-top: -2px;
  margin-right: 14px;
}
.breadcrumb span.arrow.mgRdel {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .breadcrumb {
    margin: 15px 0;
    width: 100%;
  }
  .breadcrumb.services {
    top: 80px;
    left: 0;
    margin: 0;
  }
  .breadcrumb.works-detail {
    margin: 80px 0 0;
  }
  .breadcrumb li {
    font-size: 12px;
    padding: 0 20px 0 0;
  }
  .breadcrumb li:first-child {
    margin-left: 16px;
  }
  .breadcrumb span.arrow {
    margin-top: -4px;
    margin-right: 8px;
  }
	.breadcrumb li:first-child::before {
	  top: 2px;
	}
	.breadcrumb li.arrow::after {
	  top: 2px;
	  margin-right: 4px;
	}
	.breadcrumb li:first-child::before {
	  width: 12px;
	  height: 13px;
	  left: -18px;
	}

}


/* COMMON TITLE: 見出し
 * ----------------------------------------------- */
.wrap-title {
  text-align: center;
}
.wrap-title .border {
  width: 110px;
  border-bottom: solid 1px #000;
  padding-top: 20px;
  margin-bottom: 50px;
}
.wrap-title .border.s-ttl {
  padding-top: 60px;
  margin-bottom: 30px;
}
.wrap-title .sec-title {
  font-style: normal;
  position: relative;
  color: #000;
  font-size: 56px;
  margin-bottom: 20px;
  letter-spacing: 0.02em;
  text-align: left;
}
.wrap-title .subtitle {
  line-height: 1.8;
  text-align: left;
}
.contact-title {
  text-align: center;
  font-size: 40px;
}
.wrap-block {
  padding: 10px 0 30px;
  font-weight: bold;
}
.wrap-block .block-title {
  font-size: 40px;
  margin-bottom: 6px;
}
.wrap-block.wt {
  color: #fff;
}
.feature-title {
  font-weight: bold;
  color: #0a6db3;
  font-size: 24px;
}
.type-title {
  position: relative;
  font-size: 32px;
  font-weight: bold;
  padding-bottom: 14px;
  border-bottom: 4px solid #000;
  text-align: left;
}
.spec-title {
  font-weight: bold;
  font-size: 24px;
  padding-left: 22px;
  background: url(../img/common/icn_arrow_09.png) left 10px no-repeat;
}
.detail-title {
  font-size: 36px;
}
.rich-title {
  font-size: 28px;
}
.main-title {
  text-align: center;
  font-size: 28px;
  padding-bottom: 12px;
  border-bottom: 4px solid #fff;
}
.list-title {
  font-weight: bold;
  background-color: #f3f3f3;
  font-size: 18px;
  padding: 18px 30px 16px;
}
.recruit-title {
  font-weight: bold;
  background-color: #eee;
  font-size: 18px;
  padding: 22px 30px 18px;
}
.recruit-title .arrow {
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
}
h3.uline {
  font-size: 36px;
  font-weight: bold;
  border-bottom: solid 4px #000;
  padding-bottom: 15px;
  margin-bottom: 60px;
}
h3.uline.mgb30 {
  margin-bottom: 30px;
}

@media print, (min-width: 768px) {
  .wrap-led {
    position: relative;
  }
  .wrap-led .btn-line {
    position: absolute;
    right: 0;
    top: -10px;
    width: 240px;
    padding: 6px 15px 6px 30px;
    background-position: right 20px center;
  }
  .wrap-led .btn-line span {
    padding: 4px 35px 0 35px;
    letter-spacing: -0.01em;
  }

	h3.uline {
	  font-size: 30px;
	}

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wrap-led .btn-line span {
    padding-top: 8px;
  }

  .recruit-title {
    padding-top: 24px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .wrap-title {
    padding-bottom: 20px;
  }
  .wrap-title .sec-title {
    font-size: 50px;
    letter-spacing: 0.01em;
  }
  .wrap-title .subtitle {
    margin-top: 10px;
  }
  .wrap-title .sec-title .wrap-small {
    padding: 0 10px;
  }
  .product-title {
    background-position: left 3px;
    background-size: 9px auto;
    padding-left: 14px;
  }
  .wrap-block {
    padding: 10px 0 24px;
  }
  .wrap-block .block-title {
    font-size: 28px;
    margin-bottom: 5px;
  }
  .wrap-block.second .block-title {
    font-size: 20px;
  }
  .wrap-block.third .block-subtitle {
    font-size: 10px;
  }
  .feature-title {
    font-size: 16px;
  }
  .type-title {
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom-width: 2px;
  }
  .spec-title {
    font-size: 14px;
    padding-left: 15px;
    background-size: 6px auto;
    background-position: left 5px;
  }
  .detail-title {
    font-size: 18px;
  }
  .rich-title {
    font-size: 15px;
  }
  .main-title {
    font-size: 15px;
    padding-bottom: 6px;
    border-bottom-width: 2px;
  }
  .list-title {
    font-size: 16px;
    padding: 10px 30px 8px;
  }
  .recruit-title {
    font-size: 12px;
    padding: 12px 20px 10px;
  }
  .contact-title {
    font-size: 18px;
  }
}
/* COMMON BUTTON
 * ----------------------------------------------- */

/* Work List */
.btn-back .back-worklist {
  display: block;
  background: #333;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  padding: 25px;
  width: 360px;
  transition: 0.8s;
}
.btn-back .back-worklist::before {
  content: '←';
  padding-right: 10px;
}
.btn-back .back-worklist:hover {
  background: #068420;
  transition: 0.8s;
}

@media only screen and (max-width: 767px) {
	.btn-back .back-worklist {
	  width: 100%;
	}
}

/* Basic */
.link-more {
  width: 330px;
  height: 80px;
  border: solid 1px #000;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: #000;
}
.link-more a {
/*  display: block; //入れるとボタン内画像が消える*/
  font-size: 26px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  line-height: 3;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
}
.link-more a::after {
  content: '⇀';
  padding-left: 15px;
}
.link-more.original {
  width: 400px;
}
.link-more.original a {
  font-size: 18px;
  font-weight: 800;
  line-height: 4.2;
}
.btn-effect {
  width: 330px;
  height: 80px;
  left: -330px;
  background: #fff;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}
.btn-effect.original {
  width: 400px;
  height: 80px;
  left: -400px;
}
.link-more:hover .btn-effect {
  left: 0;
}
.link-more:hover a {
  color: #000;
}
.link-more:hover a::after {
  content: '⇀';
  padding-left: 15px;
}

/* Media */
.btn-mediapdf {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #044191;
  border: solid 3px #044191;
  padding: 20px;
  width: 420px;
  height: 90px;
}
.btn-mediapdf.other {
  width: 380px;
}
.btn-mediapdf:before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_dancing.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
}
.btn-mediapdf:hover::before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_dancing_hover.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
}
.btn-mediapdf:hover {
  background: #fff;
  color: #044191;
  transition: 0.5s;
}
.btn-mediapdf:after {
  content: '⇀';
  margin-left: 40px;
}
.btn-mediapdf:hover::after {
  content: '⇀';
  color: #044191;
  margin-left: 40px;
}
.btn-mediapdf.web:before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_guitar.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
  margin-top: 5px;
}
.btn-mediapdf.web:hover::before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_guitar_hover.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
	.btn-mediapdf {
	  width: 100%;
	  font-size: 16px;
	}
	.btn-mediapdf:before {
	  width: 40px;
	  height: 44px;
	  margin-right: 15px;
	}
	.btn-mediapdf:hover::before {
	  width: 40px;
	  height: 44px;
	  margin-right: 15px;
	}
}

/* Media */
.btn-mediapdf {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #044191;
  border: solid 3px #044191;
  padding: 20px;
  width: 420px;
  height: 90px;
}
.btn-mediapdf:before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_dancing.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
}
.btn-mediapdf:hover::before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_dancing_hover.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
}
.btn-mediapdf:hover {
  background: #fff;
  color: #044191;
  transition: 0.5s;
}
.btn-mediapdf:after {
  content: '⇀';
  margin-left: 40px;
}
.btn-mediapdf:hover::after {
  content: '⇀';
  color: #044191;
  margin-left: 40px;
}
.btn-mediapdf.web:before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_guitar.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
  margin-top: 5px;
}
.btn-mediapdf.web:hover::before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_guitar_hover.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 30px;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
	.btn-mediapdf {
	  width: 100%;
	  font-size: 16px;
	}
	.btn-mediapdf:before {
	  width: 40px;
	  height: 44px;
	  margin-right: 15px;
	}
	.btn-mediapdf:hover::before {
	  width: 40px;
	  height: 44px;
	  margin-right: 15px;
	}
}

/* Media-btn-download */
.btn-mediapdf.download {
  font-size: 16px;
  height: 80px;
  padding: 25px;
  width: 100%;
}
.btn-mediapdf.download:before {
  width: 26px;
  height: 22px;
  background: url(../img/common/ico_btn_download.png) no-repeat;
  margin-right: 20px;
}
.btn-mediapdf.download:hover::before {
  width: 26px;
  height: 22px;
  background: url(../img/common/ico_btn_download_hover.png) no-repeat;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.btn-mediapdf.download {
	  width: 100%;
	}
	.btn-mediapdf.download:before {
	  margin-right: 15px;
	}
	.btn-mediapdf.download:hover::before {
	  margin-right: 15px;
	}
}

/* Media */
.link-more.media {
  width: 420px;
  height: 90px;
  border: solid 3px #044191;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: #044191;
}
.link-more.media a {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  line-height: 5;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
}
.link-more.media a::before {
  position:absolute;
  top: -17px;
  left: -70px;
  content:"";
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_dancing.png) no-repeat;
  background-size: contain;
}
.link-more.media:hover a::before {
  position:absolute;
  top: -17px;
  left: -70px;
  content:"";
  width: 44px;
  height: 46px;
  background: url(../img/common/ico_btn_dancing_hover.png) no-repeat;
  background-size: contain;
}
.link-more.media a::after {
  content: '⇀';
}
.btn-effect.media {
  width: 420px;
  height: 90px;
  left: -420px;
  background: #fff;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}
.link-more.media:hover a::after {
  content: '⇀';
}
.link-more.media:hover .btn-effect {
  left: 0;
}
.link-more.media:hover a {
  color: #044191;
}


/* Originalmedia */
.link-more.origin {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: solid 3px #000;
  background: #fff;
  width: 280px;
  height: 60px;
  line-height: 3.5;
}
.link-more.origin::after {
  content: '⇀';
  padding-left: 15px;
}
.link-more.origin:hover {
  background: #000;
  color: #fdfa01;
  transition: 0.5s;
}
.link-more.origin:hover::after {
  content: '⇀';
  padding-left: 15px;
  color: #fdfa01;
}
.link-more.back-page a::after {
  content: none;
}
.backBtn {
  margin-top: -100px;
  margin-bottom: 140px;
}


/* Works-btn */
.more-btn.works {
  display: flex;
  justify-content: space-between;
}

.link-more.back-worklist,
.link-more.back-page {
  width: 430px;
  height: 75px;
  border: solid 3px #000;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
}
.link-more.back-worklist a,
.link-more.back-page a {
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  color: #000;
  text-decoration: none;
  line-height: 5;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
}
.link-more.back-worklist a::before {
  content: '↼';
  position:absolute;
  left: -60px;
  display: inline-block;
}
.link-more.back-page a::before {
  content: '↼';
  position:absolute;
  top: -30px;
  left: -20px;
  display: inline-block;
}
.link-more.back-worklist a::after {
  position:absolute;
  top: -17px;
  left: 150px;
  content:"";
  display: inline-block;
  width: 31px;
  height: 47px;
  background: url(../img/common/ico_list_off.png) no-repeat;
  background-size: contain;
}
.btn-effect.back-worklist,
.btn-effect.back-page {
  width: 430px;
  height: 75px;
  left: -430px;
  background: #000;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}
.link-more.back-worklist:hover,
.link-more.back-page:hover {
  background: #000;
}
.link-more.back-worklist:hover .btn-effect,
.link-more.back-page:hover .btn-effect {
  left: 0;
}
.link-more.back-worklist:hover a,
.link-more.back-page:hover a {
  color: #fdfa00;
}
.link-more.back-worklist:hover a::after {
  position:absolute;
  top: -17px;
  left: 150px;
  content:"";
  display: inline-block;
  width: 31px;
  height: 47px;
  background: url(../img/common/ico_list_on.png) no-repeat;
  background-size: contain;
}
.link-more.back-worklist:hover a::before {
  content: '↼';
  position: absolute;
  left: -60px;
}

@media only screen and (max-width: 767px) {
  .link-more {
    max-width: 100%;
    height: 80px;
  }
  .link-more.origin {
    max-width: 100%;
  }
  .link-more a {
    font-size: 26px;
  }
  .link-more a::after {
    content: '⇀';
    padding-left: 15px;
  }
  .btn-effect {
    max-width: 100%;
    height: 80px;
    left: -100%;
  }

	/* Media */
	.link-more.media {
	  max-width: 100%;
	  height: 90px;
	}
	.link-more.media a {
	  font-size: 16px;
	  line-height: 5.5;
	}
	.link-more.media a::before {
	  top: -13px;
	  left: -55px;
	  width: 36px;
	}
	.link-more.media a::after {
	  padding-left: 20px;
	}
	.btn-effect.media {
	  max-width: 100%;
	  height: 90px;
	  left: -100%;
	}
	.link-more.media:hover a::after {
	  padding-left: 30px;
	}
	.link-more.media:hover a::before {
	  top: -13px;
	  left: -55px;
	  width: 36px;
	}

	/* Works-btn */
	.more-btn.works {
	  max-width: 100%;
	}
	.more-btn.works {
	  flex-wrap: wrap;
	}
	.link-more.back-worklist {
	  width: 100%;
	  height: 100%;
	  margin-bottom: 20px;
	}
	.link-more.back-worklist a::before {
	  content: '↼';
	  position:absolute;
	  left: -60px;
	}
	.btn-effect.back-worklist {
	  width: 100%;
	  height: 100%;
	}
	.link-more.back-worklist:hover a::after {
	  top: -17px;
	  left: 150px;
	}
	.link-more.back-worklist:hover a::before {
	  left: -60px;
	}
}

.link-back {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 14px 15px 10px;
  background: #fff url(../img/common/icn_arrow_back.png) left 20px center no-repeat;
  background-size: 15px auto;
  width: 300px;
  border: 3px solid #000;
  letter-spacing: 0.2em;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  margin-top: 50px;
}

.btn-line {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 10px 15px 10px;
  background: #fff url(../img/common/icn_arrow_01.png) right 30px center no-repeat;
  background-size: 15px auto;
  border: 3px solid #000;
  letter-spacing: 0.2em;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  margin-bottom: 50px;
}
.btn-line span {
  display: inline-block;
  padding: 4px 42px 0 42px;
  line-height: 27px;
  background: url(../img/common/icn_pdf.png) left center no-repeat;
}

.btn-list {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  display: block;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 2px solid #fff;
  color: #000;
  font-size: 20px;
  padding: 26px 5px 24px;
  width: 520px;
  margin: 0 auto;
}
.btn-list span {
  display: inline-block;
  padding: 0 35px;
  background: url(../img/common/icn_arrow_10.png) left center no-repeat;
}

.link-common {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  background: #333 url(../img/common/icn_arrow_11.png) right 40px center no-repeat;
}

@media print, (min-width: 768px) {
  .wrap-center {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .wrap-right {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .btn-line:hover {
    background-color: #000;
    background-image: url(../img/common/icn_arrow_08.png);
    color: #fff;
  }

  .link-back:hover {
    background-color: #000;
    background-image: url(../img/common/icn_arrow_back_wt.png);
    color: #fff;
  }

  .link-base:hover {
    text-decoration: underline;
  }

  .link-common {
    width: 460px;
    font-size: 18px;
    padding: 35px 5px 30px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-line span {
    padding-top: 8px;
  }

  .btn-list span {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .wrap-center,
  .wrap-right {
    padding: 0 6px;
  }

  .btn-list {
    font-size: 14px;
    padding: 14px 5px 14px;
    width: 100%;
  }
  .btn-list span {
    display: inline-block;
    padding: 2px 24px 0;
    background-size: 8px auto;
    background-position: left 5px;
  }

  .link-common {
    width: 100%;
    max-width: 420px;
    font-size: 16px;
    padding: 18px 5px 16px;
    background-position: right 20px center;
    background-size: 8px auto;
  }
}

/* COMMON TEXT
 * ----------------------------------------------- */

p.txt {
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.05em;
  font-family: "source-han-sans-japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Verdana, sans-serif;
}
p.txt.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}

.mark {
  color: #d70000;
}

.noto {
  font-family: "Noto Sans JP", sans-serif;
}

@media print, (min-width: 768px) {
  .base-text {
    font-size: 15px;
    line-height: 2;
  }
  .info-text {
    font-size: 13px;
    line-height: 1.85;
  }
  .know-text {
    line-height: 2;
  }
}
@media only screen and (max-width: 767px) {
  .base-text {
    font-size: 11px;
    line-height: 2.1;
  }

  .info-text {
    font-size: 10px;
    line-height: 1.78;
  }
  .know-text {
    font-size: 12px;
    line-height: 1.67;
  }
}

/* COMMON GRID
 * ----------------------------------------------- */
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.img {
  width: 100%;
  height: auto;
}
.img-max {
  max-width: 100%;
  height: auto;
}
.cont-box {
  display: flex;
  justify-content: space-between;
  
}

.block-four {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.table-base {
  width: 100%;
}
.table-base th, .table-base td {
  border-bottom: 1px solid #5088bd;
}
.table-base th {
  vertical-align: top;
  font-weight: bold;
}

.table-info {
  width: 100%;
  border-top: 1px solid #bbb;
}
.table-info th, .table-info td {
  border-bottom: 1px solid #bbb;
  padding: 22px 40px 19px;
}
.table-info th {
  background-color: #f5f4f4;
  font-weight: bold;
}

.table-desc {
  width: 100%;
}
.table-desc th, .table-desc td {
  border-bottom: 1px solid #bbb;
  padding: 17px 40px 14px;
  vertical-align: top;
}
.table-desc th {
  background-color: #f5f4f4;
  font-weight: bold;
}
.table-desc tr.line-head td {
  font-weight: bold;
  background-color: #333;
  color: #fff;
}
.table-desc tr.line-head td + td {
  border-left: 1px solid #fff;
}
.table-desc tr:not(.line-head) th:first-child,
.table-desc tr:not(.line-head) td:first-child {
  border-left: 1px solid #bbb;
}
.table-desc tr:not(.line-head) th:last-child,
.table-desc tr:not(.line-head) td:last-child {
  border-right: 1px solid #bbb;
}

.table-detail {
  width: 100%;
  border-top: 1px solid #bbb;
}
.table-detail th,
.table-detail td {
  border-bottom: 1px solid #bbb;
  padding: 20px 40px;
  vertical-align: middle;
  font-size: 15px;
}
.table-detail th {
  font-weight: 700;
}

.flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media print, (min-width: 768px) {
  .block-three {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-three .item {
    width: 340px;
    margin-right: 30px;
  }
  .block-three .item:nth-child(3n) {
    margin-right: 0;
  }

  .block-four {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-four .item {
    width: 255px;
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .block-four .item:nth-child(4n) {
    margin-right: 0;
  }

  .flex-md {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .table-base th, .table-base td {
    padding: 23px 0 20px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .table-info th, .table-info td {
    padding-top: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .block-four .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 14px;
  }
  .block-four .item:nth-child(2n) {
    margin-right: 0;
  }

  .table-base {
    font-size: 10px;
  }
  .table-base th, .table-base td {
    padding: 12px 0 10px;
  }

  .wrap-table {
    overflow-x: scroll;
  }

  .table-info {
    font-size: 11px;
  }
  .table-info th, .table-info td {
    padding: 8px 12px 7px;
  }

  .table-desc {
    font-size: 11px;
  }
  .table-desc th, .table-desc td {
    padding: 8px 12px 7px;
  }

  .table-detail th, .table-detail td {
    padding-top: 12px;
    padding-bottom: 10px;
  }
}
/* PAGES
 * ----------------------------------------------- */
/* PAGE TOP
 * ----------------------------------------------- */
/* section top keyvisual
 * ----------------------------------------------- */
.section-top-keyvisual {
  position: relative;
  overflow: hidden;
}
.section-top-keyvisual .keyvisual {
  position: relative;
}
.section-top-keyvisual .keyvisual .img {
  position: absolute;
  top: 19%;
  left: 18%;
  width: 52%;
}
.section-top-keyvisual .keyvisual .key-title {
  position: absolute;
  top: 51%;
  left: 18%;
}
.section-top-keyvisual .keyvisual .key-title h1 {
  display: inline-block;
  color: #fff;
  font-size: 32px;
  font-weight: 900;
  font-style: italic;
  border-top: solid 5px #fff;
  border-bottom: solid 5px #fff;
  padding: 15px 0;
  margin-top: 40px;
}
.section-top-keyvisual .keyvisual .key-title h1 span.fts {
  color: #fff;
  font-size: 40px;
}
.section-top-keyvisual .keyvisual .key-title h1 span.ftc {
  color: #f6ff00;
}
.section-top-keyvisual .key-title,
.section-top-keyvisual .key-text,
.section-top-keyvisual .key-text-en,
.section-top-keyvisual .key-text-jp {
  width: 100%;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
	.section-top-nav .navBox {
	  display: none;
	}
	.section-top-keyvisual .keyvisual .img {
	  position: absolute;
	  top: 29%;
	  left: 8%;
	  width: 83%;
	}
	.section-top-keyvisual .keyvisual .key-title {
	  position: absolute;
	  top: 46%;
	  left: 8%;
	  width: 83%;
	}
	.section-top-keyvisual .keyvisual .key-title h1 {
	  font-size: 20px;
	  padding: 15px 0;
	  margin-top: 40px;
	}
	.section-top-keyvisual .keyvisual .key-title h1 span.fts {
	  display: inline-block;
	  font-size: 32px;
	  margin-top: 10px;
	}


}

/* section top services
 * ----------------------------------------------- */

.section-top-services {
  margin-top: 100px;
}
.section-top-services .flexBox .txt {
  font-size: 17px;
  line-height: 1.6;
  margin-top: 15px;
  width: 54%;
}
.section-top-services .service-box {
  margin-top: 30px;
}
.section-top-services .service-box ul {
  width: 48%;
  margin-bottom: 60px;
}
.section-top-services .service-box .flexBox.three ul {
  width: 31%;
}
.section-top-services .service-box .img {
  width: 100%;
}
.section-top-services .service-box .img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 20px;
}
.section-top-services .service-box .ttl-num {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.03em;
  margin: 25px 0 0;
}
.section-top-services .service-box .ttl-num .num {
  color: #fff602;
  position: relative;
  padding: 5px 11px;
  background: #008e66;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-right: 20px;
}
.section-top-services .service-box .ttl-num .num::after {
  position: absolute;
  top: 0;
  right: -10px;
  width: 55%;
  height: 100%;
  background: #008e66;
  content: '';
  z-index: -1;
}
.section-top-services .service-box .ttl-num .num::before {
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 100%;
  background: #008e66;
  content: '';
  z-index: -1;
}
.section-top-services .service-box .ttl-num .num::after {
  transform: skew(-16deg);
}
.section-top-services .service-box .ttl {
  color: #333;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin: 15px 0 25px;
  transition: .6s;
}
.section-top-services .service-box .flexBox.three .ttl {
  font-size: 26px;
  transition: .6s;
}
.section-top-services .service-box .ttl:hover {
  color: #008e66;
  transition: .6s;
}
.section-top-services .service-box .ttl::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/common/service-arrow.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -5px 0 0 4%;
  transition: .6s;
}
.section-top-services .service-box .ttl:hover::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/common/service-arrow-on.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -5px 0 0 4%;
  transition: .6s;
}
.section-top-services .service-box .txt {
  font-size: 16px;
  line-height: 1.8;
  width: 100%;
  transition: .6s;
}
.section-top-services .service-box .txt:hover {
  opacity: .6;
  transition: .6s;
}

@media only screen and (max-width: 767px) {
	.section-top-services .flexBox .txt {
	  width: 100%;
	}
	.section-top-services .service-box {
	  margin-top: 60px;
	}
	.section-top-services .service-box ul {
	  width: 100%;
	}
	.section-top-services .service-box .flexBox.three ul {
	  width: 100%;
	}
	.section-top-services .service-box .img img {
	  height: 250px;
	}
}

/* section-top-catch
 * ----------------------------------------------- */
.section-top-catch {
  color: #333;
  text-align: center;
  font-weight: bold;
  margin-top: 60px;
}
.section-top-catch .catchBox {
  position: relative;
  font-size: 48px;
  line-height: 1.3;
}
.section-top-catch .catchBox span.fts {
  font-size: 38px;
}
.section-top-catch .catchBox span.ftc {
  color: #008e66;
}
.section-top-catch .catchBox::before {
  content: '';
  position: absolute;
  top: 40%;
  left: 12%;
  display: inline-block;
  width: 61px;
  height: 76px;
  background: url(../img/common/about-slash-before.png) no-repeat;
  background-size: contain;
  margin: ;
}
.section-top-catch .catchBox::after {
  content: '';
  position: absolute;
  top: 40%;
  right: 9.5%;
  display: inline-block;
  width: 60px;
  height: 76px;
  background: url(../img/common/about-slash-after.png) no-repeat;
  background-size: contain;
  margin: ;
}

@media only screen and (max-width: 767px) {
	.section-top-catch .catchBox {
	  font-size: 32px;
	  line-height: 1.3;
	}
	.section-top-catch .catchBox span.fts {
	  font-size: 28px;
	}
	.section-top-catch .catchBox::before {
	  top: 66%;
	  left: -2%;
	  width: 50px;
	}
	.section-top-catch .catchBox::after {
	  top: 66%;
	  right: -1.5%;
	  width: 50px;
	}
}


/* section-top-about
 * ----------------------------------------------- */
.section-top-about {
  background: #f1f5f7;
  padding: 0 0 110px;
  margin-top: 40px;
}
.section-top-about .arrow-bg {
  text-align: center;
}
.section-top-about .flexBox {
  margin-top: 100px;
}
.section-top-about .txtBox {
  width: 40%;
}
.section-top-about .imgBox {
  width: 53%;
}
.section-top-about .imgBox img {
  width: 100%;
  border-radius: 15px;
  border: solid 3px #008e66;
}
.section-top-about .txtBox h2 {
  color: #008e66;
  font-size: 80px;
}
.section-top-about .txtBox h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0 35px;
}
.section-top-about .txtBox p {
  font-size: 17px;
  line-height: 2;
}
.section-top-about .txtBox .btnBox {
  margin-top: 40px;
  transition: .8s;
}
.section-top-about .flexBox.area .imgBox {
  width: 78%;
}
.section-top-about .flexBox.area .imgBox img {
  border: none;
}
.section-top-about .flexBox.area .txtBox {
  width: 20%;
}
.section-top-about .flexBox.images {
  margin: 0 auto;
  padding: 60px 30px 0;
  width: 100%;
}
.section-top-about .flexBox.images .imgBox {
  width: 32%;
}
.section-top-about .flexBox.images .imgBox img {
  border: none;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	.section-top-about .txtBox h2 {
	  font-size: 70px;
	}
	.section-top-about .txtBox {
	  width: 100%;
	}
	.section-top-about .imgBox {
	  width: 100%;
	  margin-top: 40px;
	}
	.section-top-about .flexBox {
	  margin-top: 60px;
	}
	.section-top-about .flexBox.area {
	  flex-wrap: wrap-reverse;
	}
	.section-top-about .flexBox.area .imgBox {
	  width: 100%;
	  margin-top: 0;
	}
	.section-top-about .flexBox.area .txtBox {
	  width: 100%;
	}
	.section-top-about .flexBox.images .imgBox {
	  width: 100%;
	  margin-top: 0;
	}
}


/* section-top-worries
 * ----------------------------------------------- */
.section-top-worries {
  padding: 110px 0;
}
.section-top-worries .wrapper {
  text-align: center;
}
.section-top-worries h2 {
  display: inline-block;
  position: relative;
  color: #008e66;
  font-size: 44px;
  font-weight: bold;
  line-height: 1.2;
  border-top: solid 3px #008e66;
  border-bottom: solid 3px #008e66;
  padding: 20px;
  margin: 0 auto;
}
.section-top-worries h2::before {
  content: '';
  background: url("../img/top/worries-fukidashi.png");
  background-size: contain;
  position: absolute;
  top: -70px;
  left: -32%;
  width: 214px;
  height: 149px;
}
.section-top-worries .flexBox {
  justify-content: center;
  margin-top: 70px;
}
.section-top-worries .flexBox ul {
  width: 30%;
  margin: 0 20px 60px;
}
.section-top-worries .flexBox ul .img {
  margin-bottom: 15px;
}
.section-top-worries .flexBox ul .img img {
  border-radius: 15px;
}
.section-top-worries .flexBox ul .txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  text-align: left;
}
.section-top-worries .flexBox ul .txt span {
  background: linear-gradient(transparent 40%, #fcff00 40%);
}

@media only screen and (max-width: 767px) {
	.section-top-worries h2 {
	  font-size: 36px;
	  padding: 20px 0;
	  width: 100%;
	}
	.section-top-worries h2::before {
	  top: -126px;
	  left: -13%;
	}
	.section-top-worries .flexBox ul {
	  width: 100%;
	  margin: 0 0 60px;
	}
}


/* section-top-strength
 * ----------------------------------------------- */
.section-top-strength {
  background: #fbf8e9;
}
.section-top-strength .arrow-bg {
  text-align: center;
}
.section-top-strength .wrapper {
  padding: 60px 0;
}
.section-top-strength .ttlBox {
  font-weight: bold;
  width: 15%;
}
.section-top-strength .strength {
  width: 80%;
}
.section-top-strength .ttlBox .img {
  width: 280px;
  margin: 0 0 40px -40px;
}
.section-top-strength .ttlBox .txtbox {
  font-size: 28px;
  line-height: 1.6;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.section-top-strength .ttlBox .catch {
  display: flex;
}
.section-top-strength .ttlBox h3 {
  color: #008e66;
  font-size: 40px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin-left: 10px;
}
.section-top-strength .strength h4 {
  color: #008e66;
  font-size: 30px;
  text-align: right;
}
.section-top-strength .strengthBox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 60px;
}
.section-top-strength .strengthBox ul {
  color: #fff602;
  position: relative;
  padding: 40px 20px 40px 20px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin: 0 0 60px 30px;
  z-index: 1;
  width: 31%;
}
.section-top-strength .strengthBox ul:first-child {
  margin: 0 0 60px 0;
}
.section-top-strength .strengthBox ul:nth-child(4) {
  margin: 0 0 60px 0;
}
.section-top-strength .strengthBox ul::before {
  transform: skewX(-12deg);
  content: '';
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  z-index: -1;
  background-color:#004b36;
  border-radius: 15px;
}
.section-top-strength .strengthBox ul.light::before {
  background-color:#008e66;
}
.section-top-strength .strengthBox li {
  color: #fff;
}
.section-top-strength .strengthBox .num {
  position: absolute;
  top: -40px;
  left: 40px;
}
.section-top-strength .strengthBox .num img {
  width: 70%;
}
.section-top-strength .strengthBox .img {
  width: 30%;
  height: 70px;
  margin: 0 auto;
}
.section-top-strength .strengthBox .img.third {
  width: 23%;
}
.section-top-strength .strengthBox .img.fourth {
  width: 23%;
}
.section-top-strength .strengthBox .img.fifth {
  width: 35%;
}
.section-top-strength .strengthBox .txt {
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  margin-top: 20px;
}
.section-top-strength .strengthBox .txt span {
  color: #fff;
  background: linear-gradient(transparent 30%, #008c65 30%);
}
.section-top-strength .strengthBox ul.light .txt span {
  color: #fff;
  background: linear-gradient(transparent 30%, #004b36 30%);
}

@media only screen and (max-width: 767px) {
	.section-top-strength .ttlBox {
	  font-weight: bold;
	  width: 100%;
	  margin-bottom: 40px;
	}
	.section-top-strength .wrapper {
	  padding: 60px 0 120px;
	}
	.section-top-strength .strength {
	  width: 100%;
	}
	.section-top-strength .ttlBox .txtbox {
	  font-size: 26px;
	  line-height: 1.3;
	  margin-bottom: 10px;
	  writing-mode: unset;
	  text-orientation: unset;
	}
	.section-top-strength .ttlBox h3 {
	  font-size: 34px;
	  writing-mode: unset;
	  text-orientation: unset;
	  margin-left: 0;
	}
	.section-top-strength .strength h4 {
	  text-align: center;
	}
	.section-top-strength .ttlBox .catch {
	  text-align: center;
	  display: block;
	}
	.section-top-strength .strengthBox ul {
	  margin: 0 0 60px 0;
	  width: 100%;
	}
	.section-top-strength .ttlBox .img {
	  width: 90%;
	  margin: 0 auto;
	  padding-bottom: 20px;
	}
	.section-top-strength .strengthBox .img {
	  width: 24%;
	  height: 90px;
	}
	.section-top-strength .strengthBox .img.third {
	  width: 20%;
	}
	.section-top-strength .strengthBox .img.fourth {
	  width: 20%;
	}
	.section-top-strength .strengthBox ul:last-child {
	  margin: 0;
	}
}


/* section-top-works
 * ----------------------------------------------- */
.section-top-works {
  background: #f1f5f7;
  padding: 100px 0 110px;
}
.section-top-works .flexBox .txt {
  font-size: 17px;
  text-align: right;
  line-height: 1.6;
  margin-top: 100px;
  width: 54%;
}
.section-top-works .worksBox {
  width: 100%;
  margin-bottom: 20px;
  transition: .6s;
}
.section-top-works .worksBox ul {
  width: 24%;
  background: #fff;
  padding: 20px 20px 25px;
  margin-bottom: 20px;
}
.section-top-works .worksBox .flexBox::before {
  content: '';
  display: block;
  width: 24%;
  order: 1;
}
.section-top-works .worksBox .flexBox::after {
  content: '';
  display: block;
  width: 24%;
}
.section-top-works .worksBox .img img {
  border-radius: 8px;
  object-fit: cover;
  width: 100%;
  height: 240px;
}
.section-top-works .worksBox .ico {
  background: #068420;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
  margin: 13px 0;
}
.section-top-works .worksBox .txt {
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0;
  width: 100%;
  height: 50px;
}
.section-top-works .worksBox a:hover {
  opacity: .6;
  transition: .6s;
}

@media only screen and (max-width: 767px) {
	.section-top-works {
	  padding: 80px 0 110px;
	}
	.section-top-works .flexBox .txt {
	  text-align: left;
	  margin-top: 0;
	  margin-bottom: 60px;
	  width: 100%;
	}
	.section-top-works .worksBox {
	  width: 100%;
	}
	.section-top-works .worksBox ul {
	  width: 100%;
	}
	.section-top-works .worksBox .txt {
	  font-size: 17px;
	  height: 0;
	}
}


/* section top news
 * ----------------------------------------------- */
.section-top-news {
  padding: 100px 0 110px;
  width: 100%;
}
.section-top-news .newsBox {
  width: 47%;
}
.section-top-news .newsBox .ttlbox {
  margin-bottom: 60px;
}
.section-top-news .newsBox h2 {
  color: #008e66;
  font-size: 40px;
  font-weight: bold;
}
.section-top-news .newsBox h3 {
  color: #008e66;
  font-size: 13px;
  letter-spacing: 0.05em;
  margin-top: 15px;
}
.section-top-news .newsBox .news-list {
  border-bottom: solid 1px #bbb;
  margin-bottom: 40px;
}
.section-top-news .newsBox .news-list ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px #bbb;
  width: 100%;
  padding: 31.4px 0;
  transition: .6s;
}
.section-top-news .newsBox .news-list ul:hover {
  background: #f1f4f3;
  transition: .6s;
}
.section-top-news .newsBox .news-list ul::after {
  content: '';
  background: url("../img/common/btn_arrow.png") no-repeat;
  background-size: contain;
  width: 40px;
  height: 41px;
  margin-right: 10px;
}
.section-top-news .newsBox .news-list ul:hover::after {
  content: '';
  background: url("../img/common/btn_arrow_on.png") no-repeat;
  background-size: contain;
  width: 40px;
  height: 41px;
  margin-right: 10px;
  transition: .6s;
}
.section-top-news .newsBox .news-list .date {
  display: block;
  color: #068420;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  border-right: solid 1px #068420;
  width: 15%;
}
.section-top-news .newsBox .news-list .date span {
  display: block;
  color: #068420;
  font-size: 14px;
}
.section-top-news .newsBox .news-list .ttl {
  font-size: 17px;
  line-height: 1.6;
  text-align: left;
  padding-left: 35px;
  width: 80%;
}
.section-top-news .blogBox {
  width: 47%;
}
.section-top-news .blogBox .ttl {
  margin-bottom: 60px;
}
.section-top-news .blogBox h2 {
  color: #008e66;
  font-size: 40px;
  font-weight: bold;
}
.section-top-news .blogBox h3 {
  color: #008e66;
  font-size: 13px;
  letter-spacing: 0.05em;
  margin-top: 15px;
}
.section-top-news .blogBox .blog-list {
  border-bottom: solid 1px #bbb;
  margin-bottom: 30px;
}
.section-top-news .blogBox .blog-list .img {
  width: 21%;
}
.section-top-news .blogBox .blog-list .img img {
  border-radius: 8px;
  object-fit: cover;
  width: 108px;
  height: 108px;
}
.section-top-news .blogBox .blog-list ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px #bbb;
  width: 100%;
  padding: 15px 0;
  transition: .6s;
}
.section-top-news .blogBox .blog-list ul::after {
  content: '';
  background: url("../img/common/btn_arrow.png") no-repeat;
  background-size: contain;
  width: 40px;
  height: 41px;
  margin-right: 10px;
}
.section-top-news .blogBox .blog-list ul:hover {
  background: #f1f4f3;
  transition: .6s;
}
.section-top-news .blogBox .blog-list ul:hover::after {
  content: '';
  background: url("../img/common/btn_arrow_on.png") no-repeat;
  background-size: contain;
  width: 40px;
  height: 41px;
  margin-right: 10px;
  transition: .6s;
}
.section-top-news .blogBox .blog-list .date {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
  width: 75%;
  padding-left: 30px;
}
.section-top-news .blogBox .blog-list .date span.day {
  color: #068420;
  font-size: 20px;
}
.section-top-news .blogBox .blog-list .date span.year {
  color: #068420;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.section-top-news .blogBox .blog-list ul {
	  padding: 20px 0;
	}
	.section-top-news .newsBox {
	  width: 100%;
	}
	.section-top-news .blogBox {
	  width: 100%;
	  margin-top: 100px;
	}
	.section-top-news .newsBox .news-list .date {
	  width: 20%;
	}
	.section-top-news .newsBox .news-list .ttl {
	  font-size: 15px;
	  padding-left: 15px;
	}
	.section-top-news .blogBox .blog-list .img {
	  width: 30%;
	}
	.section-top-news .blogBox .blog-list .date {
	  line-height: 1.4;
	  padding-left: 20px;
	}
	.section-top-news .blogBox .blog-list ul::after {
	  margin-right: 0;
	}
	.section-top-news .blogBox .blog-list ul:hover::after {
	  margin-right: 0;
	}
	.section-top-news .blogBox .blog-list ul::after {
	  margin-right: 0;
	}
	.section-top-news .blogBox .blog-list ul:hover::after {
	  margin-right: 0;
	}
	.section-top-news .blogBox .blog-list .img img {
	  width: 90px;
	  height: 90px;
	}
}


/* section top column
 * ----------------------------------------------- */
.section-top-column {
  background: url(../img/common/back_pat.gif);
  padding: 100px 0 80px;
  width: 100%;
}
.section-top-column .ttlBox {
  width: 26%;
}
.section-top-column .columnBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 70%;
}
.section-top-column .columnBox .box {
  width: 31%;
  margin-bottom: 50px;
  transition: .6s;
}
.section-top-column .columnBox .box a:hover {
  opacity: .6;
  transition: .6s;
}
.section-top-column .columnBox .img {
  width: 100%;
}
.section-top-column .ttlBox h2 {
  color: #068420;
  font-size: 32px;
  font-weight: bold;
}
.section-top-column .ttlBox h3 {
  color: #068420;
  font-size: 13px;
  font-weight: bold;
  margin: 25px 0 40px;
}
.section-top-column .ttlBox .txtbox {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 40px;
}
.section-top-column .ttlBox .img {
  width: 100%;
  margin: 40px 0 0 -40px;
}
.section-top-column .columnBox .box .img img {
  border-radius: 10px;
}
.section-top-column .columnBox .box .tagbox {
  display: flex;
  margin: 18px 0 20px;
}
.section-top-column .columnBox .box .tagbox .tag {
  color: #fff;
  font-weight: bold;
  background: #008f58;
  border-radius: 80px;
  padding: 5px 9px;
  transition: .6s;
  margin-right: 5px;
}
.section-top-column .columnBox .box .txtbox {
  font-size: 16px;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
	.section-top-column .ttlBox {
	  width: 100%;
	}
	.section-top-column .columnBox {
	  width: 100%;
	}
	.section-top-column .columnBox .box {
	  width: 100%;
	  margin-bottom: 60px;
	}
	.section-top-column .ttlBox h3 {
	  margin: 25px 0 30px;
	}
	.section-top-column .ttlBox .img {
	  margin: 20px 0 40px 0;
	}
	.section-top-column .columnBox .box .txtbox {
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 1.5;
	}
}


/* section top sns
 * ----------------------------------------------- */
.section-top-sns {
  padding: 100px 0 80px;
  width: 100%;
}
.section-top-sns h2 {
  color: #008e66;
  font-size: 70px;
  margin-bottom: 40px;
}
.section-top-sns h3 {
  color: #008e66;
  font-size: 32px;
  margin-bottom: 30px;
}
.section-top-sns h3::before {
  content: '―';
  padding-right: 5px;
}
.section-top-sns .instaBox {
  width: 63%;
}
.section-top-sns .facebookBox {
  width: 32%;
}
.section-top-sns .instaBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.section-top-sns .instaBox .img {
  width: 31%;
  margin-bottom: 25px;
}
.section-top-sns .instaBox .img img {
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
	.section-top-sns .instaBox {
	  width: 100%;
	  margin-bottom: 80px;
	}
	.section-top-sns .facebookBox {
	  width: 100%;
	}
	.section-top-sns .facebookBox .fb-page {
	  width: 100%;
	}
	.section-top-sns .facebookBox .fb-page iframe {
	  width: 100%;
	}
	.section-top-sns .instaBox .img {
	  width: 47%;
	  margin-bottom: 20px;
	}

}


/* section top movie
 * ----------------------------------------------- */
.section-top-movie {
  background: #f1f5f7;
  padding: 100px 0 80px;
  width: 100%;
}
.section-top-movie .txt {
  font-size: 17px;
  line-height: 1.6;
  margin-top: 80px;
  width: 31%;
}
.section-top-movie .sec-title-box {
  position: relative;
}
.section-top-movie .sec-title-box::after {
  content: '';
  background: url("../img/top/movie-fukidashi.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -20px;
  left: 240px;
  width: 214px;
  height: 149px;
}
.section-top-movie .movieBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 50px;
}
.section-top-movie .movieBox .movie1,
.section-top-movie .movieBox .movie2 {
  width: 48%;
}
.section-top-movie .movieBox .movie1 {
  margin-top: -20px;
}
.section-top-movie .movieBox .movie2 {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.section-top-bottom .txt {
	  margin: 20px 0 40px;
	  width: 100%;
	}
	.section-top-movie .sec-title-box::after {
	  top: 30%;
	  left: 90%;
	  width: 100%;
	}
	.section-top-movie .movieBox .movie1,
	.section-top-movie .movieBox .movie2 {
	  width: 100%;
	}
	.section-top-movie .movieBox {
	  margin: 60px 0 50px;
	}
	.section-top-movie .txt {
	  margin-top: 20px;
	  width: 100%;
	}
}


/* section top common
 * ----------------------------------------------- */
.section-top-common {
  background: url(../img/top/top_services_back.png) repeat 0 0;
  padding: 80px 0 !important;
}
.section-top-common .block-common {
  max-width: 1200px;
  margin: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.section-top-common .block-common.top-services {
  background: url("../img/top/ico_top_serivices.png") no-repeat bottom right;
}
.section-top-common .block-common.top-trivia {
  background: url("../img/top/ico_top_trivia.png") no-repeat bottom right;
}
.section-top-common .block-common .img-top-common {
  max-width: 540px;
  margin-right: 40px;
}
.section-top-common .block-common .box-common {
  width: calc(100% - 540px);
}
.section-top-common .block-common .box-common p {
  font-size: 16px;
  line-height: 2;
}
.section-top-common .block-common .box-common .link-more {
  margin-top: 40px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .section-top-common {
    margin-top: 80px;
  }
  .section-top-common .block-common {
    max-width: 100%;
    padding: 0 40px 100px;
    display: block;
    background-size: 20% !important;
    background-position: bottom 20px right 15px !important;
  }
  .section-top-common .block-common .img-top-common {
    max-width: 100%;
    margin-right: 0;
  }
  .section-top-common .block-common .box-common {
    width: auto;
  }
  .section-top-common .block-common .box-common p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
  }
  .section-top-common .block-common .box-common .link-more {
    margin-top: 20px;
    float: none;
  }
}


/* section top contents
 * ----------------------------------------------- */
.section-top-contents {
  margin-top: 200px;
}
.section-top-contents .block-top-contents {
  margin: auto;
}
.section-top-contents .block-top-contents ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-top-contents .block-top-contents ul li {
  width: 50%;
  height: auto;
  position: relative;
}
.section-top-contents .block-top-contents ul li a {
  display: block;
  transition: all .5s ease-in-out;
}
.section-top-contents .block-top-contents ul li a:hover {
  opacity: 0.8;
}
.section-top-contents .block-top-contents ul li .img-top-contents img {
  display: block;
  width: 100%;
  height: auto;
}
.section-top-contents .block-top-contents ul li .box-top-contents {
  position: absolute;
  top: 95px;
  left: 90px;
  color: #fff;
}
.section-top-contents .block-top-contents ul li .box-top-contents h3 {
  font-size: 18px;
  padding-bottom: 10px;
  line-height: 1;
  border-bottom: 1px solid #fff;
}
.section-top-contents .block-top-contents ul li .box-top-contents p {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .section-top-contents {
    margin-top: 80px;
  }
  .section-top-contents .block-top-contents ul {
    display: block;
  }
  .section-top-contents .block-top-contents ul li {
    width: auto;
    height: auto;
  }
  .section-top-contents .block-top-contents ul li .box-top-contents {
    top: 50px;
    left: 30px;
  }
  .section-top-contents .block-top-contents ul li .box-top-contents h3 {
    font-size: 16px;
  }
  .section-top-contents .block-top-contents ul li .box-top-contents p {
    font-size: 14px;
    margin-top: 10px;
  }
}


/* section top faq
 * ----------------------------------------------- */
.section-top-faq {
  margin-top: 100px;
}
.section-top-faq .block-top-faq {
  max-width: 1200px;
  margin: auto;
}
.section-top-faq ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.section-top-faq ul li {
  width: 540px;
  height: 80px;
  margin-bottom: 20px;
  transition: all .5s ease-in-out;
}
.section-top-faq ul li:nth-child(even) {
  transform: translateY(20px);
}
@media only screen and (max-width: 767px) {
  .section-top-faq {
    margin-top: 60px;
  }
  .section-top-faq .block-top-faq {
    max-width: 100%;
    margin: 0 40px;
  }
  .section-top-faq ul {
    display: block;
    margin-bottom: 40px;
  }
  .section-top-faq ul li {
    width: auto;
    height: auto;
  }
  .section-top-faq ul li:nth-child(odd) {
    margin-right: 15px;
  }
  .section-top-faq ul li:nth-child(even) {
    transform: none;
    margin-left: 15px;
  }
}





/* section page MENU
 * ----------------------------------------------- */
.section-page-menu {
  margin: 60px 0 100px;
  padding: 40px 0;
  position: relative;
}
.section-page-menu .key-txt-box {
  position: absolute;
  top: 0;
  right: 0;
  background: #333;
  padding: 25px 60px;
  width: 78%;
}
.section-page-menu .key-txt-box ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 2;
}
.section-page-menu .key-txt-box li {
  margin-right: 70px;
}
.section-page-menu .key-txt-box li a {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.section-page-menu .key-txt-box ul li::after {
  content: url(../img/common/icn_arrow_menu.png);
  padding-left: 10px;
}


/* section page PHARMACY
 * ----------------------------------------------- */
.about-pharmacy {
  margin-bottom: 100px;
  width: 1200px;
}
.about-pharmacy.allmedia {
  margin-bottom: 50px;
}
.about-pharmacy p {
  font-size: 15px;
  line-height: 1.8;
}
.about-pharmacy h4 {
  font-size: 34px;
  font-weight: bold;
  border-bottom: solid 5px #000;
  padding-bottom: 12px;
  letter-spacing: 0;
}
.about-pharmacy h5 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 30px;
  padding: 0em 0.5em;
  color: #142c4b;
  background: transparent;
  border-left: solid 7px #142c4b;
}
.about-pharmacy h5.fts24 {
  font-size: 24px;
}
.about-pharmacy h6 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: solid 5px;
}
.about-pharmacy h6.ttl-fts30 {
  font-size: 30px;
  border-bottom: none;
}
.about-pharmacy h6.subttl {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 5px;
  border: none;
}
.about-pharmacy h6.subttl span {
  font-size: 15px;
  display: inline-block;
  padding-left: 20px;
}
.about-pharmacy .graph-ttl {
  font-size: 18px;
  font-weight: bold;
}
.about-pharmacy .ttl_example {
  font-size: 17px;
  font-weight: bold;
  padding-left: 2em;
  text-indent: -2.1em;
  margin-bottom: 15px;
  line-height: 1.6;
}
.about-pharmacy .ttl_example::before {
  content: '例）';
}
.about-pharmacy .pointBox {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.about-pharmacy .pointBox .box {
  position: relative;
}
.about-pharmacy .pointBox .box .txt {
  position: absolute;
  top: 117px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
}
.about-pharmacy .pointBox .box .txt.studio {
  top: 120px;
  font-size: 17px;
  text-align: left;
  line-height: 1.6;
  padding: 0 30px;
}
.about-pharmacy .studioBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0 80px;
}
.about-pharmacy .studioBox::before {
  content: '';
  display: block;
  width: 270px;
  order:1;
}
.about-pharmacy .studioBox::after {
  content: '';
  display: block;
  width: 270px;
}
.about-pharmacy .studioBox ul {
  margin-bottom: 40px;
}
.about-pharmacy .studioBox li {
  width: 270px;
}
.about-pharmacy .studioBox img {
  width: 270px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
}
.about-pharmacy .studioBox .ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.about-pharmacy .studioBox .address {
  font-size: 14px;
  line-height: 1.6;
  margin: 20px 0 10px;
}
.about-pharmacy .studioBox .visitors {
  font-size: 13px;
  font-weight: bold;
}
.about-pharmacy .studioBox .visitors::before {
  content: '▶';
  padding-right: 5px;
}
.about-pharmacy .plist {
  list-style-type: square;
  margin: 20px 0 40px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 1.8;
}
.about-pharmacy .plist.unline {
  border-bottom: dotted 1px #bbb;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy {
	  width: 100%;
	}
	.about-pharmacy h5 {
	  font-size: 28px;
	}
	.about-pharmacy .pointBox {
	  flex-wrap: wrap;
	  width: 100%;
	}
	.about-pharmacy .pointBox .box {
	  margin-bottom: 20px;
	}
	.about-pharmacy .pointBox .box .txt {
	  top: 32.5%;
	  left: 9%;
	  font-size: 1.1em;
	  line-height: 1.4;
	  text-align: left;
	}
	.about-pharmacy .pointBox .box .txt.studio {
	  top: 36%;
	  left: 0;
	  font-size: 0.9em;
	  line-height: 1.6;
	}
	.about-pharmacy .studioBox {
	  flex-wrap: wrap;
	}
	.about-pharmacy .studioBox li {
	  width: 100%;
	  margin-bottom: 40px;
	}
	.about-pharmacy .studioBox img {
	  width: 100%;
	}
	.about-pharmacy h6.ttl-fts30 {
	  font-size: 28px;
	  border-bottom: none;
	  line-height: 1.3;
	  letter-spacing: 0.05em;
	  margin-bottom: 20px;
	}
	.about-pharmacy h6.subttl span {
	  font-size: 15px;
	  display: block;
	  padding-left: 0;
	  padding-top: 5px;
	}
}

.about-pharmacy .targetBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.about-pharmacy .targetBox ul {
  margin-right: 45px;
  width: 200px;
}
.about-pharmacy .targetBox ul:last-child {
  margin-right: 0;
}
.about-pharmacy .targetBox li img {
  margin-bottom: 20px;
}
.about-pharmacy .targetBox li {
  font-weight: bold;
  text-align: left;
}
.about-pharmacy .targetBox li.txt::before {
  content: '▶';
  padding-right: 5px;
  font-size: 10px;
}
.about-pharmacy .targetBox li.txt {
  padding-left: 10px;
  text-indent: -1em;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .targetBox {
	  justify-content: space-between;
	  margin-top: 30px;
	}
	.about-pharmacy .targetBox ul {
	  margin-right: 0;
	  margin-bottom: 40px;
	  width: 47%;
	}
}

.about-pharmacy .store-listBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.about-pharmacy .store-listBox::after {
  content:"";
  display: block;
  width: 48.7%;
}
.about-pharmacy .store-listBox .box {
  border-top: solid 4px #044191;
  width: 270px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.about-pharmacy .store-listBox .box img {
  padding: 15px 0;
}
.about-pharmacy .store-listBox .box .ttl {
  font-size: 16px;
  font-weight: bold;
}
.about-pharmacy .store-listBox .box .target {
  font-size: 14px;
  font-weight: bold;
  background: #ebeff2;
  padding: 8px 15px;
  border-radius: 4px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .store-listBox .box {
	  width: 100%;
	  margin-bottom: 80px;
	}
}

.service-menuBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
  width: 100%;
}
.service-menuBox.col2::after {
  content: '';
  display: block;
  width: 48.7%;
}
.service-menuBox .box {
  position: relative;
  width: 23%;
  height: auto;
  background: #044191;
  margin-bottom: 25px;
}

.service-menuBox::before {
  content: '';
  display: block;
  width: 23%;
  order:1;
}
.service-menuBox::after {
  content: '';
  display: block;
  width: 23%;
}
/*
.service-menuBox.original.two::after {
  content: '';
  display: block;
  width: 48.7%;
}
.service-menuBox.original.three::after {
  content: '';
  display: block;
  width: 23%;
}*/
.service-menuBox.mediasearch.two::after {
  content: '';
  display: block;
  width: 59.2%;
}
.service-menuBox.mediasearch.three::after {
  content: '';
  display: block;
  width: 39.2%;
}
.service-menuBox.mediasearch.four::after {
  content: '';
  display: block;
  width: 19%;
}
.service-menuBox.mediasearch .box {
  width: 19%;
  margin-bottom: 15px;
}

.service-menuBox .box .ico {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.service-menuBox .box .ico.poco {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.service-menuBox .box .txt {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.service-menuBox .box .txt.col2 {
  bottom: 29px;
  font-size: 15px;
  line-height: 1.4;
}
.service-menuBox.mediasearch {
  margin-bottom: 100px;
}
.service-menuBox.mediasearch .ico {
  top: 28px;
}
.service-menuBox.mediasearch .box .txt {
  bottom: 25px;
}
.service-menuBox.mediasearch .box .txt.fts {
  bottom: 15px;
  font-size: 14px;
  line-height: 1.3;
}
.service-menuBox .box img {
  opacity: 1;
  transition: .3s;
}
.service-menuBox .box img:hover {
  opacity: 0.2;
}
.about-pharmacy .graph img {
  width: 900px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .graph img {
	  width: 100%;
	}

	.service-menuBox .box {
	  width: 100%;
	  margin-right: 0;
	}
	.service-menuBox .box .ico {
	  top: 30%;
	}
	.service-menuBox .box .txt {
	  top: 64%;
	  font-size: 18px;
	}
	.service-menuBox.mediasearch .box {
	  width: 48%;
	}
	.service-menuBox.mediasearch .box .ico {
	  top: 12%;
	}
	.service-menuBox.mediasearch .box .txt {
	  font-size: 13px;
	  letter-spacing: 0;
	}
	.service-menuBox.mediasearch .box .txt.fts {
	  font-size: 12px;
	  line-height: 1.2;
	}
}

.about-pharmacy .exampleBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
.about-pharmacy .exampleBox::after {
  content:"";
  display: block;
  width: 200px;
}
.about-pharmacy .exampleBox ul {
  width: 200px;
  position: relative;
  margin-bottom: 30px;
}
.about-pharmacy .exampleBox ul:last-child {
  margin-right: 0;
}
.about-pharmacy .exampleBox ul li.circle {
  background: #1c6ba8;
  width: 100%;
  padding: 50%;
  border-radius: 50%;
  margin-bottom: 20px;
}
.about-pharmacy .exampleBox ul li img {
  width: 77px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4em 4.5em 0;
}
.about-pharmacy .exampleBox ul.drug li img {
  width: 77px;
  position: absolute;
  top: 46%;
  left: 0;
  margin: -4em 4.5em 0;
}
.about-pharmacy .exampleBox ul li {
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}
.about-pharmacy .exampleBox ul li.txt::before {
  content: '▶';
  padding-right: 5px;
  font-size: 10px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .exampleBox {
	  justify-content: space-between;
	  width: 100%;
	}
	.about-pharmacy .exampleBox ul {
	  margin-right: 0;
	  margin-bottom: 40px;
	  width: 48%;
	}
	.about-pharmacy .exampleBox ul li img {
	  margin: -5em 3.5em 0;
	  width: 5.5em;
	  top: 56%;
	  left: -1%;
	}
	.about-pharmacy .exampleBox ul.drug li img {
	  margin: -3.5em 3.8em 0;
	  width: 4.5em;
	  top: 45%;
	}
	.about-pharmacy .exampleBox ul:last-child {
	  margin-right: 0;
	}
	.about-pharmacy .exampleBox ul li.circle {
	  width: 100%;
	  height: 0;
	  padding: 50%;
	}
}

.about-pharmacy .flowBox {
  width: 1200px;
  margin-top: 50px;
}
.about-pharmacy .flowBox .box {
  padding: 15px 40px;
  position: relative;
  margin-bottom: 10px;
}
.about-pharmacy .flowBox .box.kh {
  border: solid 1px #a79a47;
}
.about-pharmacy .flowBox .box.kh::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 30px solid transparent;
  border-top: 30px solid #a79a47; 
  content: "";
}
.about-pharmacy .flowBox .box.bl {
  border: solid 1px #044191;
}
.about-pharmacy .flowBox .box.bl::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 30px solid transparent;
  border-top: 30px solid #044191; 
  content: "";
}
.about-pharmacy .flowBox .box table td, th {
  vertical-align: middle;
}
.about-pharmacy .flowBox .box table th.num {
  font-size: 40px;
  width: 70px;
  letter-spacing: 0.03em;
  padding-right: 35px;
}
.about-pharmacy .flowBox .box table th.num.kh {
  color: #a79a47;
  border-right: solid 1px #a79a47;
}
.about-pharmacy .flowBox .box table th.num.bl {
  color: #044191;
  border-right: solid 1px #044191;
}
.about-pharmacy .flowBox .box.begin table th.num {
  color: #fff;
  border-right: solid 1px #fff;
}
.about-pharmacy .flowBox .box table th.txt {
  font-size: 18px;
  font-weight: bold;
  padding: 0 35px;
  width: 900px;
}
.about-pharmacy .flowBox .box table th.txt .free {
  background: #044191;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 70px;
  padding: 8px 12px;
  margin-left: 20px;
}
.about-pharmacy .flowBox .box table th.day {
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  width: 240px;
  position:relative;
}
.about-pharmacy .flowBox .box table th.day span {
  font-size: 46px;
  font-family: anton, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.about-pharmacy .flowBox .box table th.day.hard::before {
  position: absolute;
  left: 0;
  content: '';
  display: inline-block;
  width: 76px;
  height: 63px;
  background: url(../img/common/flow-ico.png) no-repeat;
  background-size: contain;
}
.about-pharmacy .flowBox .box.begin {
  border: solid 1px #044191;
  background: #044191;
  color: #fff;
}
.about-pharmacy .flowBox .box.begin::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 30px solid transparent;
  border-top: 30px solid #fff; 
  content: "";
}
.about-pharmacy .note-flow {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 20px;
}
.about-pharmacy .note-flow img {
  width: 55px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .flowBox {
	  width: 100%;
	}
	.about-pharmacy .flowBox .box {
	  padding: 20px;
	}
	.about-pharmacy .flowBox .box.kh::after {
	  border-right: 30px solid transparent;
	  border-top: 30px solid #a79a47; 
	}
	.about-pharmacy .flowBox .box.bl::after {
	  border-right: 30px solid transparent;
	  border-top: 30px solid #044191; 
	}
	.about-pharmacy .flowBox .box table th.num {
	  font-size: 40px;
	  padding-right: 20px;
	}
	.about-pharmacy .flowBox .box table th.txt {
	  font-size: 16px;
	  padding: 0 7px 10px 20px;
	  width: 100%;
	  display: block;
	}
	.about-pharmacy .flowBox .box table th.txt .free {
	  font-size: 14px;
	  padding: 5px 10px;
	  margin-left: 0;
	  margin-top: 10px;
	  display: block;
	}
	.about-pharmacy .flowBox .box table th.day {
	  font-size: 24px;
	  font-weight: bold;
	  text-align: right;
	  padding-right: 12px;
	  display: block;
	}
	.about-pharmacy .flowBox .box table th.day span {
	  font-size: 40px;
	}
	.about-pharmacy .flowBox .box table th.day.hard::before {
	  top: 10px;
	  left: 20px;
	  width: 2.6em;
	}
	.about-pharmacy .flowBox .box.begin::after {
	  display: block;
	}
	.about-pharmacy .note-flow {
	  font-size: 11px;
	  line-height: 1.4;
	  margin-top: 15px;
	}
	.about-pharmacy .note-flow img {
	  width: 3em;
	}
}

.about-pharmacy .adpointBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.about-pharmacy .adpointBox .box {
  display: flex;
  justify-content: space-between;
  background: #ebeff2;
  padding: 30px;
  width: 575px;
  display: table;
  margin-bottom: 30px;
}
.about-pharmacy .adpointBox .box li.check {
  width: 80px;
  display: table-cell;
  vertical-align: middle;
}
.about-pharmacy .adpointBox .box li.check img {
  width: 50px;
  height: 50px;
}
.about-pharmacy .adpointBox .box li.txt {
  font-size: 16px;
  line-height: 1.6;
  width: 430px;
}
.about-pharmacy .adpointBox .box li.txt span {
  background: linear-gradient(transparent 40%, #f5fe01 40%);
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .adpointBox .box {
	  padding: 7%;
	  width: 100%;
	}
	.about-pharmacy .adpointBox .box li.check {
	  width: 15%;
	  padding-right: 5%;
	}
	.about-pharmacy .adpointBox .box li.check img {
	  width: 100%;
	  height: auto;
	}
	.about-pharmacy .adpointBox .box li.txt {
	  font-size: 15px;
	  width: 100%;
	}
	.about-pharmacy .adpointBox .box li.txt span {
	  background: linear-gradient(transparent 40%, #f5fe01 40%);
	}
}

.about-pharmacy .newsBox {
  display: flex;
  justify-content: space-between;
}
.about-pharmacy .newsBox .ttl {
  width: 230px;
}
.about-pharmacy .newsBox .box table {
  width: 950px;
}
.about-pharmacy .newsBox .box table tr {
  display: block;
  padding-bottom: 15px;
}
.about-pharmacy .newsBox .box table th.date {
  color: #0353bc;
  font-weight: bold;
  width: 110px;
}
.about-pharmacy .newsBox .box table th.icon {
  border: solid 1px #000;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 6px;
  width: 100px;
  margin-left: 40px;
}
.about-pharmacy .newsBox .box table th.txt {
  font-weight: bold;
  padding-left: 30px;
}
.about-pharmacy .newsBox .box table th a:hover {
  text-decoration: underline;
}
.about-pharmacy .newsBox .box table td.txt-detail {
  display: block;
  padding-left: 240px;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .newsBox .box table td.txt-detail {
	  padding-left: 0;
	}
	.about-pharmacy .newsBox {
	  flex-wrap: wrap;
	}
	.about-pharmacy .newsBox .ttl {
	  width: 100%;
	}
	.about-pharmacy .newsBox .box {
	  width: 100%;
	}
	.about-pharmacy .newsBox .box table {
	  width: 100%;
	}
	.about-pharmacy .newsBox .box table tr {
	  display: block;
	  padding: 20px 0;
	  border-bottom: dotted 1px #999;
	}
	.about-pharmacy .newsBox .box table th.date {
	  width: 110px;
	}
	.about-pharmacy .newsBox .box table th.icon {
	  font-size: 13px;
	  padding: 6px 20px;
	  width: 96px;
	}
	.about-pharmacy .newsBox .box table th.txt {
	  display: block;
	  padding-left: 0;
	  padding-top: 15px;
	  width: 100%;
	}
}

.about-poco .imgBox.about img {
  width: 440px;
}
.about-poco .imgBox.prof img {
  width: 680px;
  margin-top: 40px;
}
.about-poco p.prof-ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.about-poco p.prof-ttl::before {
  content: '▸';
}

@media only screen and (max-width: 767px) {
	.about-poco .imgBox.about img {
	  width: 100%;
	  margin-bottom: 40px;
	}
	.about-poco .imgBox.prof img {
	  width: 100%;
	}
}

.databox {
  width: 1200px;
  padding: 0 40px;
}
.databox th {
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  word-break: break-all;
}
.databox th.ttl {
  background: #eef1f3;
  font-weight: bold;
  width: 220px;
  padding: 15px 0 15px 20px;
}
.databox th.ttl.main {
  color: #fff;
  background: #333;
  font-weight: bold;
}
.databox th.ttl.wid13 {
  width: 13%;
}
.databox.nursing th.ttl.wid20 {
  width: 20%;
}
.databox.nursing th.ttl {
  padding: 10px 0 10px 20px;
}
.databox th.total {
  background: #fce991;
  font-size: 15px;
  font-weight: bold;
  width: 220px;
  padding: 10px 0 10px 30px;
}
.databox th.txt {
  width: 960px;
  padding: 10px 0 10px 20px;
}
.databox .note {
  display: block;
  font-size: 13px;
  line-height: 1.6;
  padding-top: 3px;
}
.databox .strong {
  background: linear-gradient(transparent 40%, #f5fe01 40%);
}
.about-pharmacy .note {
  margin-top: 15px;
  font-size: 14px;
}

.databox.wid60 {
  width: 60%;
  padding: 0 40px;
}
.databox.wid80 {
  width: 80%;
}
.databox.wid60 th.ttl,
.databox.wid80 th.ttl {
  width: 15%;
  padding: 10px 0 10px 30px;
}
.databox.wid60.technical-sc-field th.ttl {
  padding: 10px 10px 10px 20px;
}
.databox.technicalsc th.ttl {
  width: 10%;
}
.databox.technicalsc th.txt {
  border-bottom: dotted 1px #888;
  border-top: none;
  padding: 2px 0 2px 30px !important;
}
.databox.technicalsc tr.solid {
  border-bottom: solid 1px #bbb;
}
.databox.wid60 th.ttl.wt,
.databox.wid80 th.ttl.wt {
  padding: 5px 0 5px 30px;
}
.databox.wid60 th.txt,
.databox.wid80 th.txt {
  width: 15%;
  padding: 5px 0 5px 30px;
  line-height: 1.4;
}
.databox.wid40 {
  width: 40%;
  padding: 0 40px;
  margin-right: 40px;
}
.databox.wid40 th.ttl {
  width: 15%;
  padding: 10px 0 10px 30px;
}
.databox.wid40 th.txt {
  width: 15%;
  padding: 5px 0 5px 30px;
}
.databox.wid680 {
  width: 680px;
}
.databox.wid680.poco {
  margin-left: 50px;
}
.databox.wid680 th.ttl {
  width: 25%;
  padding: 15px 0 15px 35px;
}
.databox.wid680 th.txt {
  width: 75%;
  padding: 15px 0 15px 35px;
}
.databox.wid440 {
  width: 440px;
  text-align: center;
}
.databox.wid440 th.ttl {
  width: 50%;
  padding: 15px 0 15px 35px;
}
.databox.wid440 th.txt {
  width: 50%;
  padding: 15px 0 15px 35px;
}
.databox .ttl.col1 {
  width: 13%;
  padding: 15px 0 15px 20px;
}
.databox .ttl.centre {
  text-align: center;
}
.databox.nursing .txt {
  padding: 5px 0 5px 20px;
}
.databox tr.total {
  color: #fff;
  background: #444;
  font-weight: bold;
}
.databox tr.total .ttl,
.databox tr.total .txt {
  background: #444;
  font-weight: bold;
}


.table-scroll {
  overflow: scroll;
}

.fee-table {
  width: 500px;
}
.fee-table th {
  width: 33.333333%;
  border: none;
}
.fee-table .fee-ttl {
  font-weight: bold;
}


/* section page PHARMACY -services
 * ----------------------------------------------- */
.about-pharmacy .checkBox {
  border-top: dashed 1px #bbb;
  padding-bottom: 25px;
}
.about-pharmacy .checkBox ul {
  border-bottom: dashed 1px #bbb;
  padding-bottom: 25px;
}
.about-pharmacy .checkBox ul.ttl {
  padding-bottom: 10px;
}
.about-pharmacy .checkBox li.ttl {
  font-size: 18px;
  font-weight: bold;
  padding: 25px 0 15px 0;

  position:relative;
  line-height: 1.6em;
  padding-left: 2.3em;
}
.about-pharmacy .checkBox li.ttl::before {
  position: absolute;
  left: 0;
  content:"";
  display:inline-block;
  width: 1.5em;
  height: 1.5em;
  background: url(../img/common/ico_check.png) no-repeat;
  background-size: contain;
}
.about-pharmacy .checkBox li.txt {
  margin-left: 3.6%;
  margin-top: -5px;
  line-height: 1.8;
}

.about-pharmacy .clientBox ul {
  display: flex;
  font-weight: bold;
}
.about-pharmacy .clientBox .box li.img {
  width: 80px;
  float: left;
  margin-right: 30px;
}
.about-pharmacy .clientBox .box li.img img {
  width: 100%;
}
.about-pharmacy .clientBox .box li.balloon {
  position: relative;
  margin-bottom: 30px;
  padding: 30px;
  width: 50%;
  color: #555;
  font-size: 16px;
  background: #eef1f3;
  border-radius: 10px;
}
.about-pharmacy .clientBox .box li.balloon::before {
  content: "";
  position: absolute;
  top: 30px; 
  left: -30px;
  border: 10px solid transparent;
  border-right: 30px solid #eef1f3;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .clientBox .box li.balloon {
	  width: 100%;
	  font-size: 15px;
	}
}

.about-pharmacy .osusumeBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.about-pharmacy .osusumeBox .box {
  display: flex;
  justify-content: space-between;
  background: #f3f4f5;
  padding: 30px 25px;
  width: 375px;
  display: table;
  margin-bottom: 25px;
  margin-right: 27px;
}
.about-pharmacy .osusumeBox .box:nth-child(3),
.about-pharmacy .osusumeBox .box:nth-child(6),
.about-pharmacy .osusumeBox .box:nth-child(9),
.about-pharmacy .osusumeBox .box:nth-child(12) {
  margin-right: 0;
}
.about-pharmacy .osusumeBox .box li.check {
  width: 60px;
  display: table-cell;
  vertical-align: middle;
}
.about-pharmacy .osusumeBox .box li.check img {
  width: 40px;
  height: 40px;
}
.about-pharmacy .osusumeBox .box li.txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
.about-pharmacy .osusumeBox .box li.txt span {
  background: linear-gradient(transparent 40%, #f5fe01 40%);
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .osusumeBox .box {
	  flex-wrap: wrap;
	  padding: 7%;
	  width: 100%;
	  margin-right: 0;
	}
	.about-pharmacy .osusumeBox .box li.check {
	  margin-right: 0;
	}
	.about-pharmacy .osusumeBox .box li.check {
	  width: 15%;
	  padding-right: 5%;
	}
	.about-pharmacy .osusumeBox .box li.check img {
	  width: 100%;
	  height: auto;
	}
	.about-pharmacy .osusumeBox .box li.txt {
	  font-size: 15px;
	  width: 100%;
	}
	.about-pharmacy .osusumeBox .box li.txt span {
	  background: linear-gradient(transparent 40%, #f5fe01 40%);
	}
}


/* section page WEB
 * ----------------------------------------------- */
.about-web {
  margin-bottom: 100px;
  width: 1200px;
}
.about-web .line {
  content: '';
  width: 4px;
  height: 80px;
  background-color: #000;
}
.about-web p {
  font-size: 15px;
  line-height: 1.8;
}
.about-web .webtopBox {
  display: flex;
  justify-content: space-between;
}
.about-web .webtopBox .txtBox {
  width: 480px;
}
.about-web .webtopBox .txtBox h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 30px;
  line-height: 1.4;
}
.about-web .webtopBox .txtBox h2 span {
  font-size: 15px;
}
.about-web .webtopBox .txtBox h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.about-web .webtopBox .imgBox {
  width: 650px;
}
.section-web.lb {
  background: #ecf2f5;
  padding-bottom: 10px;
}
.section-web.gr {
  background: #f4f4f4;
  padding-bottom: 10px;
}
.section-web.lb .wrapper {
  width: 1200px;
  margin: auto;
}
.about-web .otherBox {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
.about-web .otherBox:hover {
  transition: 0.5s;
}
.about-web .otherBox ul li ul.lineBox {
  position: relative;
}
.about-web .otherBox ul li ul.lineBox .line {
  position: absolute;
  top: 160px;
  left: 60px;
}
.about-web .otherBox ul {
  position: relative;
  width: 360px;
  border-radius: 10px;
  box-shadow: 0 0 15px #ccc;
  display: inline-block;
  height: 510px;
}
.about-web .otherBox ul img {
  width: 360px;
  border-radius: 10px 10px 0 0;
}
.about-web .otherBox ul h2 {
  position: absolute;
  font-size: 13px;
  top: 255px;
  left: 30px;
}
.about-web .otherBox ul h3 {
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0;
  padding: 15px 30px 0 30px;
  top: 245px;
  left: 0;
}
.about-web .otherBox ul h3::after {
  position: absolute;
  content: url(../img/common/icn_arrow_news_bk.png);
  top: 15px;
  left: 290px;
}
.about-web .otherBox a:hover {
  color: #044191;
}
.about-web .otherBox a:hover ul h3::after {
  position: absolute;
  content: url(../img/common/icn_arrow_news_hv.png);
  top: 15px;
  left: 290px;
}
.about-web .otherBox .txt {
  position: absolute;
  top: 330px;
  left: 0;
  font-size: 15px;
  line-height: 1.6;
  padding: 0 30px 30px 30px;
}

.about-web .clientBox  {
  margin-top: 40px;
  background: #fff;
  padding: 60px;
  box-shadow: 0 0 15px #ccc;
}
.about-web .clientBox ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.about-web .clientBox ul:first-child {
  margin-top: 0;
}
.about-web h6.ttl-fts30 {
  font-size: 30px;
  font-weight: bold;
  border-bottom: none;
}
.about-web h6.ttl-client {
  font-size: 28px;
  font-weight: bold;
  border-bottom: none;
}


@media only screen and (max-width: 767px) {
	.about-web {
	  margin: 0 0 100px;
	  width: 100%;
	}
	.about-web h6.ttl-client {
	  font-size: 20px;
	}
	.about-web .webtopBox {
	  flex-wrap: wrap;
	}
	.about-web .webtopBox .txtBox {
	  width: 100%;
	  margin-bottom: 50px;
	}
	.about-web .webtopBox .imgBox {
	  width: 100%;
	}
	.about-web .webtopBox .imgBox img {
	  width: 100%;
	}

	.section-web .wrapper {
	  width: 100%;
	}
	.section-web.lb {
	  width: 100%;
	}
	.section-web.lb .wrapper {
	  width: 100%;
	}

	.about-web .otherBox {
	  flex-wrap: wrap;
	}
	.about-web .otherBox .lineBox .line {
	  position: absolute;
	  top: 160px;
	  left: 60px;
	}
	.about-web .otherBox ul {
	  width: 100%;
	  height: 510px;
	  margin-bottom: 50px;
	}
	.about-web .otherBox ul img {
	  width: 100%;
	}
	.about-web .otherBox ul h2 {
	  position: absolute;
	  top: 255px;
	  left: 30px;
	}
	.about-web .otherBox ul h3 {
	  position: absolute;
	  top: 245px;
	  left: 0;
	}
	.about-web .otherBox ul h3::after {
	  position: absolute;
	  top: 15px;
	  left: 100%;
	}
	.about-web .otherBox a:hover ul h3::after {
	  position: absolute;
	  top: 15px;
	  left: 100%;
	}
	.about-web .otherBox .txt {
	  position: absolute;
	  top: 330px;
	  left: 0;
	}

	.about-web .clientBox  {
	  padding: 30px;
	}
	.about-web .clientBox ul {
	  justify-content: space-between;
	  flex-wrap: wrap;
	  margin-top: 10px;
	}
	.about-web .clientBox ul li {
	  width: 46%;
	  margin-bottom: 20px;
	}
	.about-web .clientBox ul li:last-child {
	  margin-bottom: 0;
	}
}


/* PAGE NEWS
 * ----------------------------------------------- */
h2.ttl {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: solid 5px;
}
.list-sidebar a {}
.list-sidebar a.current {
  background-color: #000;
  color: #fff;
}
.list-sidebar a.link {
  color: #333;
  font-family: "zen-maru-gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Verdana, sans-serif;
  transition: .4s;
}
.list-sidebar a.link:hover {
  color: #068420;
  transition: .4s;
}
.list-sidebar .list-column {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.list-sidebar .list-column a::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../img/column/ico-column-arrow.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
.list-news.second li:first-child {
  margin-top: -30px;
}
.list-news.second li {
  border-bottom: 1px dotted #000;
}
.navigation {
  margin: 0 auto;
}
.navigation .navigation-inner {
  width: 1080px;
}
.navigation .nav-links {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 700;
}
.navigation .nav-links .nav-previous {
  text-align: left;
}
.navigation .nav-links .nav-next {
  text-align: right;
}
.pagination {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.pagination .page-arrows,
.pagination .page-numbers {
  text-align: center;
  display: block;
  font-size: 15px;
  transition: all 0.26s ease;
  padding: 0 8px;
  border-left: 1px solid #000;
}
.pagination .page-arrows.prev {
  border-left: none;
}
.pagination .page-arrows:hover,
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  color: #044191;
}
.section-info {
  margin-top: 80px;
  margin-bottom: 160px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.section-info.column {
  background: url(../img/common/back_pat.gif);
  padding: 80px 0;
  margin: 0;
  width: 100%;
}
.section-info.blog {
  margin-top: 120px;
}
.section-info p.ttl-txt {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 60px;
}
.section-info .list-title {
  margin-bottom: 40px;
}
.sidebar {
  width: 220px;
  margin-top: -39px;
  margin-bottom: 100px;
}
.sidebar-detail .sidebar {
  margin-top: 63px;
}
.sidebar-detail .sidebar.column {
  margin-top: 53px;
}
.sidebar-ttl {
  border-bottom: solid 5px #068420;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.sidebar-ttl.newsdetail {
  margin-top: 0;
}
.sidebar .sidebar-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.03em;
}
.sidebar .sidebar-ttl p.subttl {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin-top: 13px;
  letter-spacing: 0.06em;
}
.list-sidebar {
  font-size: 16px;
  margin-bottom: 60px;
}
.list-sidebar ul {
  letter-spacing: 0.08em;
}
.list-sidebar ul.sidebar-tags {
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
}
.list-sidebar ul.sidebar-tags li {
  margin-right: 15px;
}
.list-sidebar ul li {}
.list-sidebar ul li a {
  transition: all .3s ease-in-out;
  margin-bottom: 15px;
  display: block;
}
.list-sidebar.tag ul li a:link,
.list-sidebar.tag ul li a:visited,
.list-sidebar.tag ul li a:active {
  color: #999;
}
.list-sidebar.tag ul li a:link:hover {
  color: #000;
  transition: 0.5s;
}
.list-sidebar a:hover {
  color: #068420;
  transition: .4s;
  text-decoration: none;
}
.news-list {
  justify-content: space-between;
}
.block-main {
  width: 820px;
  border-top: dotted 1px #000;
  padding-top: 30px;
}
.block-main.news-detail {
  border-top: none;
  padding-top: 0;
}
.block-main.second {
  margin-bottom: 20px;
}
.list-news.second {
  margin-bottom: 40px;
}
.list-news.second a {
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
}
.list-news.second a figure {
  width: 270px;
  height: 177px;
  border-radius: 0 !important;
  border: none !important;
}
.list-news.second.trivia a figure {
  width: 270px;
  height: 177px;
}
.list-news.second a figure img {
  display: block;
  width: 270px;
  height: 180px;
  border: solid 1px #ddd;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover;';
}
.list-news.second.trivia a figure img {
  display: block;
  width: 270px;
  height: auto;
  border-radius: 5px;
  border: none !important;
}
.list-news.second a .archive-post-meta {
  position: relative;
  display: flex;
  width: 100%;
}
.list-news.second a .archive-post-meta .date {
  color: #068420;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  width: 13%;
}
.list-news.second a .archive-post-meta .date::after {
  position: absolute;
  content: '';
  width: 17px;
  height: 5px;
  background-image: url(../img/common/icn_arrow_news.png);
  background-size: contain;
  right: 0;
  bottom: 0;
}
.list-news.second a .archive-post-meta .cat {
  display: inline-block;
  background: #333;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 7px 0 6px;
  margin-right: 50px;
  width: 17%;
  height: 30px;
}
.list-news.second a .archive-post-meta .text {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  width: 70%;
  transition: 0.4s;
}
.list-news.second a .archive-post-meta .text:hover {
  color: #068420;
  transition: 0.4s;
}
.list-news.second.trivia a .archive-post-meta ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.list-news.second.trivia a .archive-post-meta ul li.date {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  line-height: 1;
  margin-right: 20px;
}
.list-news.second.trivia a .archive-post-meta ul li.cat {
  font-size: 12px;
  font-weight: 400;
  background: #000;
  color: #fff;
  text-align: center;
  display: block;
  line-height: 1;
  min-width: 100px;
  padding: 6px 0;
}
.list-news.second a .archive-post-meta .text-cnt {
  color: #666;
}
.list-news.second.trivia a .archive-post-meta .text {
  font-size: 18px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.sidebar-detail {
	  width: 100%;
	}
	.sidebar .sidebar-title {
	  font-size: 22px;
	}
	.list-news.second a .archive-post-meta {
	  flex-wrap: wrap;
	  position: relative;
	  width: 100%;
	}
	.list-news.second a .archive-post-meta::after {
	  content: '→';
	  position: absolute;
	  top: 80%;
	  right: 0;
	}
	.list-news.second a .archive-post-meta .date {
	  width: 100%;
	  padding-bottom: 10px;
	}
	.list-news.second a .archive-post-meta .date::after {
	  width: 17px;
	  height: 5px;
	  right: 0;
	  bottom: 0;
	}
	.list-news.second a .archive-post-meta .cat {
	  margin-right: 0;
	  margin-bottom: 20px;
	  width: 25%;
	}
	.list-news.second a .archive-post-meta .text {
	  width: 90%;
	}
	.list-sidebar ul {
	  margin-top: 20px;
	}
	.list-sidebar ul li {}
	.list-sidebar ul li a {
	  border-bottom: solid 1px #ccc;
	  padding-bottom: 20px;
	  margin-bottom: 20px;
	}

  .sidebar {
    -webkit-order: 1;
    order: 1;
    width: 100%;
    margin: 40px auto 100px;
  }
  .section-info {
    margin-top: 80px;
    margin-bottom: 60px;
  }
  .news-list {
    justify-content: space-between;
  }
  .block-main {
    -webkit-order: 0;
    order: 0;
    width: 100%;
  }
  .list-news.second {
    margin-bottom: 20px;
  }
  .list-news.second li {
    padding-bottom: 10px; /* お知らせ一覧 */
  }
  .list-news.second li a {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .list-news.second li a figure {
    width: 140px;
    height: auto;
    border-radius: 5px;
    border: solid 1px #ddd;
    margin-right: 20px;
  }
  .list-news.second li a figure img {
    width: 100%;
    height: 90px;
    display: block;
  }
  .list-news.second.trivia a .archive-post-meta ul li.date {
    line-height: 1;
    font-size: 13px;
    margin-right: 10px;
  }
  .list-news.second.trivia a .archive-post-meta ul li.cat {
    min-width: 80px;
  }
  .list-news.second a .archive-post-meta .text-cnt {
    font-size: 14px;
    font-weight: normal;
  }
  .list-news.second.trivia li a .archive-post-meta .text {
    margin-top: 5px;
    font-size: 15px;
  }
  .navigation {}
  .navigation .nav-links {
    font-size: 13px;
    font-weight: 700;
  }
  .navigation .nav-links .nav-previous {}
  .navigation .nav-links .nav-next {}
  .pagination {
    margin-bottom: 35px;
  }
  .pagination .page-arrows,
  .pagination .page-numbers {
    font-size: 12px;
    margin-left: 5px;
    padding: 10px 6px 8px 12px;
    height: 30px;
  }
  .pagination .page-arrows {
    padding-top: 6px;
  }
  .pagination .page-numbers {
    padding-top: 8px;
  }
	.list-news.second a figure img {
	  width: 598px;
	  height: 60vw;
	}
}

.article strong, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  font-weight: bold;
}
.article ol {
  list-style: decimal;
}
.article ul {
  list-style: disc;
}
.article i,
.article em {
  font-style: italic;
}
.article .arrow {
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
}

.article-blog-detail {
  *zoom: 1;
}
.article-blog-detail:after {
  content: "";
  display: table;
  clear: both;
}

@media print, (min-width: 768px) {
  .article {
    margin-bottom: 50px;
    font-size: 17px;
    line-height: 1.9;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .article.news-txt {
    padding-bottom: 50px;
  }
  .article.column-txt {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 120px;
  }
  .article.column-txt img {
    margin: 30px 0 0;
  }
  .article.news-txt a {
    color:#f07e00;
    text-decoration:underline; 
  }
  .article p {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .article h1 {
    font-size: 1.28em;
    margin-bottom: 1em;
  }
  .article h1 + h2 {
    margin-top: 0;
  }
  .article h2 {
    font-weight: bold;
    font-size: 18px;
    margin: 46px 0 10px;
  }
  .article h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 6px;
  }
  .article blockquote {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 22px;
  }
  .article blockquote img {
    width: 182px;
  }
  .article blockquote p {
    padding-left: 30px;
    margin-top: -8px;
  }
  .article ul,
  .article ol {
    margin-bottom: 1.5em;
    padding-left: 40px;
  }
  .article-blog-detail {
    margin-bottom: 72px;
  }
  .article-blog-detail p {
    margin-bottom: 22px;
  }
  .section-news-detail {
    margin-bottom: 145px;
  }
  .section-news-detail .list-news.second {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 30px 0;
  }
  .section-news-detail .list-news.second .article-title {
    font-size: 24px;
    margin-top: 20px;
  }
  .section-news-detail .list-news.second .article-title.column {
    margin-top: 10px;
  }
  .section-news-detail .list-news.second .type {
    width: 100px;
  }
  .list-pager {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-top: 60px;
    border-top: dashed 1px #068420;
    font-weight: bold;
  }
  .list-pager li {
    width: 33.33%;
  }
  .list-pager a {
    display: inline-block;
    color: #068420;
    font-size: 17px;
    font-weight: 700;
  }
  .list-pager .list {
    text-align: center;
  }
  .list-pager.news .next {
    text-align: left;
  }
  .list-pager.news .prev {
    text-align: right;
  }
  .list-pager .next {
    text-align: right;
  }
  .list-pager .prev {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .article {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 1.7;
  }
  .article.column-txt img {
    margin: 30px 0 0;
  }
  .article.news-txt {
    padding-bottom: 50px;
  }
  .article .news-txt,
  .article .blog-txt {
    font-size: 15px;
  }
  .article p {
    margin-bottom: 15px;
  }
  .article img {
    width: 100%;
  }
  .article h1 {
    font-size: 1.4em;
    margin-bottom: 1em;
  }
  .article h1 + h2 {
    margin-top: 0;
  }
  .article h2 {
    font-weight: bold;
    font-size: 16px;
    margin: 30px 0 10px;
  }
  .article h3 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .article blockquote {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 22px;
  }
  .article blockquote img {
    width: 130px;
  }
  .article blockquote p {
    padding-left: 15px;
  }
  .article ul,
  .article ol {
    margin-bottom: 1.5em;
    padding-left: 15px;
  }

  .section-news-detail .list-news.second {
    padding-top: 20px;
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom-width: 2px;
  }
  .section-news-detail .list-news.second .article-title {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0 10px;
  }
  .list-pager {
    text-align: center;
    border-top: 1px dashed #000;
    margin: 60px 0 40px;
    display: flex;
    justify-content: space-between;
  }
  .list-pager li {
    display: block;
    width: 33%;
  }
  .list-pager li.next {
    text-align: right;
  }
  .list-pager li.list {
    text-align: center;
  }
  .list-pager li.prev {
    text-align: left;
  }
  .list-pager.news li.next {
    text-align: left;
  }
  .list-pager.news li.prev {
    text-align: right;
  }
  .list-pager a {
    display: inline-block;
    border-bottom: none !important;
    color: #068420;
    font-size: 15px;
    font-weight: 700;
    padding: 16px 0 12px;
  }
}
@media only screen and (max-width: 374px) {
  .article blockquote img {
    width: 90px;
  }
}

.section-news-detail .news-txt img {
  margin-bottom: 20px;
}


/* PAGE BLOG
 * ----------------------------------------------- */
.list-blog a {
  border-bottom: 1px dashed #000;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.list-blog .date {
  font-weight: bold;
  color: #e46b00;
}
.section-info .block-main h3 {
  color: #068420;
  font-size: 28px;
  font-weight: bold;
  border-bottom: solid 5px #068420;
  padding-bottom: 10px;
  margin: -50px 0 40px;
}
.section-info .block-main .blog-listBox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.section-info .block-main .blog-listBox .imgBox {
  width: 22%;
}
.section-info .block-main .blog-listBox .txtBox {
  width: 78%;
}
.section-info .block-main .blog-listBox .imgBox img {
  width: 150px;
  height: 150px;
  border-radius: 8px;
}
.section-info .block-main .blog-listBox .txtBox .date {
  color: #068420;
  font-size: 20px;
  font-weight: bold;
}
.section-info .block-main .blog-listBox .txtBox .ttl {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 20px;
}
.section-info .block-main .blog-listBox .txtBox .txt {
  font-size: 15px;
}
.section-info .block-main .blog-listBox .txtBox .ttl::after {
  position: absolute;
  top: 30%;
  right: 0;
  content: '';
  display: inline-block;
  width: 22px;
  height: 6px;
  background: url(../img/blog/arrow-blog-gr.png) no-repeat;
  background-size: contain;
/*  vertical-align: middle;
  margin: -2px 7px 0 0;*/
}

.show {
  font-weight: bold;
  color: #e46b00;
  border-bottom: 1px solid #e46b00;
}

@media print, (min-width: 768px) {
  .show {
    font-size: 16px;
  }

  .section-info.detail {
    margin-bottom: 130px;
  }

  .section-heading.blog {
    background-image: url(../img/blog/img_banner.jpg);
  }

  .list-blog {
    margin-top: -40px;
    margin-bottom: 30px;
  }
  .list-blog a {
    padding: 30px 0;
  }
  .list-blog .img {
    width: 180px;
  }
  .list-blog .blog-detail {
    width: 600px;
    padding-left: 30px;
    margin-top: -5px;
  }
  .list-blog .date {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .list-blog .case-title {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .show {
    font-size: 14px;
  }

  .section-heading.blog {
    background-image: url(../img/blog/sp/img_banner.jpg);
  }

  .list-blog {
    margin-top: -40px;
    margin-bottom: 30px;
  }
  .list-blog a {
    padding: 15px 0;
  }
  .list-blog .img {
    width: 116px;
    flex: 0 0 116px;
  }
  .list-blog .blog-detail {
    width: calc(100% - 116px);
    padding-left: 20px;
  }
  .list-blog .date {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .list-blog .case-title {
    margin-bottom: 5px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list-blog .know-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .list-blog .know-text .show {
    display: none;
  }
}
@media only screen and (max-width: 374px) {
  .list-blog .img {
    width: 90px;
    flex: 0 0 90px;
  }
}
/* PAGE BLOG DETAIL
 * ----------------------------------------------- */
.section-blog-detail {
  margin-bottom: 170px;
}









/* PAGE CONTACT
 * ----------------------------------------------- */
form textarea:focus,
form input:focus,
form select:focus {
  outline: none;
}
form select::-ms-expand {
  display: none;
}
form input,
form textarea,
form select {
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
/*  background: #fff !important;*/
}
form ::-webkit-input-placeholder {
  color: #777;
}
form :-moz-placeholder {
  color: #777;
  opacity: 1;
}
form ::-moz-placeholder {
  color: #777;
  opacity: 1;
}
form :-ms-input-placeholder {
  color: #777;
}
form :placeholder-shown {
  color: #777;
}

/* ----------------------------------------------- *
 * IKEGAMI追記：20210118-
 * ----------------------------------------------- */

/* ----------------------------------------------- *
 * Margin / Padding
 * ----------------------------------------------- */
.mgT5 {
	margin-top: 5px;
}
.mgT10 {
	margin-top: 10px;
}
.mgT20 {
	margin-top: 20px;
}
.mgT25 {
	margin-top: 25px;
}
.mgT30 {
	margin-top: 30px;
}
.mgT40 {
	margin-top: 40px;
}
.mgT50 {
	margin-top: 50px;
}
.mgT60 {
	margin-top: 60px;
}
.mgT70 {
	margin-top: 70px;
}
.mgT80 {
	margin-top: 80px;
}
.mgT90 {
	margin-top: 90px;
}
.mgT100 {
	margin-top: 100px;
}
.mgT120 {
	margin-top: 120px;
}
.mgT130 {
	margin-top: 130px;
}
.mgB10 {
	margin-bottom: 10px;
}
.mgB20 {
	margin-bottom: 20px;
}
.mgB25 {
	margin-bottom: 25px;
}
.mgB30 {
	margin-bottom: 30px;
}
.mgB40 {
	margin-bottom: 40px;
}
.mgB50 {
	margin-bottom: 50px;
}
.mgB60 {
	margin-bottom: 60px;
}
.mgB70 {
	margin-bottom: 70px;
}
.mgB80 {
	margin-bottom: 80px;
}
.mgB90 {
	margin-bottom: 90px;
}
.mgB100 {
	margin-bottom: 100px;
}
.pdT10 {
	padding-top: 10px;
}
.pdT20 {
	padding-top: 20px;
}
.pdT25 {
	padding-top: 25px;
}
.pdT30 {
	padding-top: 30px;
}
.pdT40 {
	padding-top: 40px;
}
.pdT50 {
	padding-top: 50px;
}
.pdT60 {
	padding-top: 60px;
}
.pdT70 {
	padding-top: 70px;
}
.pdT80 {
	padding-top: 80px;
}
.pdT90 {
	padding-top: 90px;
}
.pdT100 {
	padding-top: 100px;
}
.pdB10 {
	padding-bottom: 10px;
}
.pdB20 {
	padding-bottom: 20px;
}
.pdB25 {
	padding-bottom: 25px;
}
.pdB30 {
	padding-bottom: 30px;
}
.pdB40 {
	padding-bottom: 40px;
}
.pdB50 {
	padding-bottom: 50px;
}
.pdB60 {
	padding-bottom: 60px;
}
.pdB70 {
	padding-bottom: 70px;
}
.pdB80 {
	padding-bottom: 80px;
}
.pdB90 {
	padding-bottom: 90px;
}
.pdB100 {
	padding-bottom: 100px;
}

/* ----------------------------------------------- *
 * Color
 * ----------------------------------------------- */
.ftc-red {
  color: #df0000;
  font-weight: bold;
}




/* ----------------------------------------------- *
 * 光彩 / シャドウ
 * ----------------------------------------------- */
.shadow-w {
  text-shadow: white 1px 1px 5px, white -1px 1px 5px, white 1px 1px 5px, white -1px 1px 5px, white 1px -1px 5px, white -1px -1px 5px;
}
.shadow-n {
  text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px;
}


/* section PHARMACY
 * ----------------------------------------------- */
.section-pharmacy h4 {
  font-size: 32px;
  font-weight: bold;
  border-bottom: solid 5px #000;
  padding-bottom: 12px;
  margin-bottom: 60px;
  letter-spacing: 0;
  line-height: 1.2;
}
.section-pharmacy h4.web {
  margin-bottom: 40px;
}
.section-pharmacy h4.root {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  background: #f3f3f3;
  border-bottom: solid 6px #2374ab;
  padding: 22px 0 20px 30px;
  margin-bottom: 40px;
}
.section-pharmacy .txt {
  font-size: 15px;
  line-height: 1.8;
}
.section-pharmacy .pharmacy-wrapper {
  max-width: 1200px;
  margin: auto;
}
.section-pharmacy .pharmacy-wrapper .box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 150px;
}
.section-pharmacy .pharmacy-wrapper .box.left {
  flex-direction: row-reverse;
}
.section-pharmacy .pharmacy-wrapper .box .txtBox {
  width: 400px;
}
.section-pharmacy .pharmacy-wrapper .box .txtBox .ttl {
  font-size: 18px;
  color: #0b68b7;
}
.section-pharmacy .pharmacy-wrapper .box .txtBox .ttl span {
  font-size: 30px;
}
.section-pharmacy .pharmacy-wrapper .box .txtBox h3 {
  font-size: 28px;
  line-height: 40px;
  padding: 20px 0 40px;
}
.section-pharmacy .pharmacy-wrapper .box .txt {
  font-size: 15px;
  line-height: 30px;
  font-family: source-han-sans-japanese;
}
.section-pharmacy .pharmacy-wrapper .box .imgBox {
  width: 656px;
  margin-left: 45px;
}
.section-pharmacy .pharmacy-wrapper .box.left .imgBox {
  margin-right: 45px;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
	.section-pharmacy {
	  max-width: 100%;
	}
	.section-pharmacy .pharmacy-wrapper {
	  max-width: 100%;
	  margin: 0 40px;
	}
	.section-pharmacy .pharmacy-wrapper .box {
	  flex-wrap: wrap;
	}
	.section-pharmacy .pharmacy-wrapper .box .txt {
	  width: 100%;
	}
	.section-pharmacy .pharmacy-wrapper .box .imgBox {
	  width: 100%;
	  margin-left: 0;
	  margin-top: 40px;
	}
	.section-pharmacy .pharmacy-wrapper .box.left .imgBox {
	  margin-right: 0;
	  margin-left: 0;
	  margin-top: 40px;
	}
	.section-pharmacy .pharmacy-wrapper .box .txtBox {
	  width: 100%;
	}
}


/* section ORIGINALMEDIA
 * ----------------------------------------------- */
.section-originalmedia {
  background: #ecf2f5;
  margin-bottom: 100px;
  padding: 10px 0 60px;
}
.section-originalmedia.allmedia {
  background: #fff;
  margin: 20px 0 -20px 0;
}
.section-originalmedia h4 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: solid 5px #000;
  padding-bottom: 12px;
  margin: 80px 0 50px;
  letter-spacing: 0;
}
.section-originalmedia .wrapper {
  max-width: 1200px;
  margin: auto;
}
.section-originalmedia .wrapper .menuBox {
  background: #fff;
  display: flex;
  margin-bottom: 50px;
  max-width: 1200px;
  height: 250px;
  position: relative;
}
.section-originalmedia .wrapper .menuBox.allmedia {
  box-shadow: 0 0 15px #ccc;
}
.section-originalmedia .wrapper .menuBox::after {
  content: url(../img/common/arrow_bl_right.png);
  position: absolute;
  top: 46%;
  right: 60px;
}
.section-originalmedia .wrapper .menuBox:hover:after {
  content: url(../img/common/arrow_wt_right.png);
}
.section-originalmedia .wrapper .menuBox:hover {
  background: #014c8c;
  color: #fff;
  transition: 0.5s;
}
.section-originalmedia .wrapper .menuBox:hover .txtBox .subttl {
  color: #fff;
}
.section-originalmedia .wrapper .menuBox .imgBox img {
  width: 350px;
}
.section-originalmedia .wrapper .menuBox .txtBox {
  padding: 60px;
  width: 780px;
}
.section-originalmedia .wrapper .menuBox .txtBox .ttl {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
}
.section-originalmedia .wrapper .menuBox .txtBox .subttl {
  color: #044191;
  font-size: 15px;
  margin: 15px 0 20px 0;
}

@media only screen and (max-width: 767px) {
	.section-originalmedia.allmedia {
	  margin: 20px 0 0 0;
	}
	.section-originalmedia.allmedia .wrapper {
	  padding: 0 !important;
	}
	.section-originalmedia .wrapper {
	  max-width: 100%;
	}
	.section-originalmedia .wrapper .menuBox {
	  flex-wrap: wrap;
	  margin-bottom: 50px;
	  max-width: 100%;
	  height: auto;
	}
	.section-originalmedia .wrapper .menuBox::after {
	  content: url(../img/common/arrow_bl_right.png);
	  position: absolute;
	  top: 60%;
	  right: 30px;
	}
	.section-originalmedia .wrapper .menuBox .imgBox img {
	  width: 100%;
	}
	.section-originalmedia .wrapper .menuBox .txtBox {
	  padding: 30px;
	  width: 100%;
	}
	.section-originalmedia .wrapper .menuBox .txtBox .ttl {
	  
	  width: 80%;
	}
	.section-originalmedia .wrapper .menuBox .txtBox .subttl {
	  margin: 15px 0 20px 0;
	}
}

.about-pharmacy .aboutBox {
  position: relative;
}
.about-pharmacy .aboutBox .txtBox {
  background: #333;
  color: #fff;
  padding: 60px;
  width: 1000px;
  margin-top: 120px;
}
.about-pharmacy .aboutBox .txtBox.grey {
  background: #f4f8f9;
  color: #000;
}
.about-pharmacy .aboutBox .imgBox {
  position: absolute;
  top: -70px;
  right: 0;
  width: 625px;
}
.about-pharmacy .aboutBox .txtBox .ttl {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}
.about-pharmacy .aboutBox .txtBox .ttl span {
  font-size: 15px;
  display: inline-block;
  padding-left: 20px;
}
.about-pharmacy .aboutBox .txtBox .ttl span.opt {
  border: solid 1px #fff;
  padding: 5px;
  font-size: 15px;
  text-align: center;
  display: block;
  width: 85px;
  margin-bottom: 15px;
}
.about-pharmacy .aboutBox .txtBox.grey .ttl span.opt {
  border: solid 1px #000;
}
.about-pharmacy .aboutBox .txtBox .ttl-web {
  font-size: 24px;
  font-weight: bold;
  margin: 15px 0 30px;
  width: 440px;
}
.about-pharmacy .aboutBox .txtBox .txt {
  font-size: 15px;
  line-height: 2.2;
  width: 440px;
}
.about-pharmacy .aboutBox .txtBox .about-note {
  font-size: 12px;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .aboutBox {
	  position: static;
	}
	.about-pharmacy .aboutBox .txtBox {
	  padding: 40px 30px;
	  width: 100%;
	  margin-top: 0;
	}
	.about-pharmacy .aboutBox .imgBox {
	  position: static;
	  width: 100%;
	}
	.about-pharmacy .aboutBox .txtBox .ttl {
	  font-size: 24px;
	  margin-bottom: 20px;
	}
	.about-pharmacy .aboutBox .txtBox .ttl-web {
	  font-size: 22px;
	  width: 100%;
	}
	.about-pharmacy .aboutBox .txtBox .txt {
	  font-size: 14px;
	  line-height: 2;
	  width: 100%;
	}
}

/* ↓↓2022年12月追記↓↓ */
.about-pharmacy .menu-upBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
}
.about-pharmacy .menu-upBox::after {
  content:"";
  display: block;
  width:31%;
}
.about-pharmacy .menu-upBox .upbox {
  width: 31%;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  margin-bottom: 40px;
  transition: 0.4s;
}
.about-pharmacy .menu-upBox .upbox:hover {
  opacity: 0.6;
  transition: 0.4s;
}
.about-pharmacy .menu-upBox .upbox .ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 20px 15px;
  width: 70%;
}
.about-pharmacy .menu-upBox .upbox .ttl.nospan {
  margin: 25px 20px 15px;
  height: 40px;
}
.about-pharmacy .menu-upBox .upbox ul {
  padding-bottom: 25px;
  position: relative;
}
.about-pharmacy .menu-upBox .upbox .ttl:after {
  content: "";
  position: absolute;
  top: 65%;
  right: 25px;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url(../img/common/icn_arrow_news.png) no-repeat;
  background-size: contain;
}
.about-pharmacy .menu-upBox .upbox .ttl.nospan:after {
  top: 63%;
}
.about-pharmacy .menu-upBox .upbox .ttl span {
  display: inline-block;
  font-size: 13px;
  border: solid 1px #333;
  padding: 3px 10px;
  margin-top: 7px;
}
.about-pharmacy .menu-upBox .upbox .ttl span.middle {
  background: #333;
  color: #fff;
}
.about-pharmacy .menu-upBox .upbox .txt {
  font-size: 14px;
  margin: 0 20px;
  height: 80px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .menu-upBox .upbox {
	  width: 100%;
	}
}
/* ↑↑2022年12月追記↑↑ */

.about-pharmacy .mediaBox {
  display: flex;
  justify-content: space-between;
}
.about-pharmacy .mediaBox ul {
  background: #1c6aa8;
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: 270px;
  padding: 25px;
}
.about-pharmacy .mediaBox li.num {
  color: #b5cee2;
  font-size: 36px;
  margin-top: -48px;
}
.about-pharmacy .mediaBox li.ttl {
  font-size: 15px;
  padding: 5px 0 7px;
}
.about-pharmacy .mediaBox li.detail {
  font-size: 22px;
  line-height: 1.2;
}
.about-pharmacy .mediaBox li.detail.fts13 {
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .mediaBox {
	  flex-wrap: wrap;
	}
	.about-pharmacy .mediaBox ul {
	  width: 100%;
	  padding: 25px;
	  margin-bottom: 40px;
	}
	.about-pharmacy .mediaBox li.num {
	  margin-top: -48px;
	}
	.about-pharmacy .mediaBox li.ttl {
	  font-size: 13px;
	  padding-bottom: 5px;
	}
	.about-pharmacy .mediaBox li.detail {
	  font-size: 20px;
	}
	.about-pharmacy .mediaBox li.detail.fts13 {
	  font-size: 13px;
	}
}

.about-pharmacy .col2Box {
  display: flex;
  justify-content: space-between;
}
.about-pharmacy .col2Box.block {
  display: block;
}
.about-pharmacy .col2Box.block ul {
  margin-bottom: 40px;
}
.about-pharmacy .col2Box.block ul:last-child {
  margin-bottom: 0;
}
.about-pharmacy figure .col2Box blockquote {
  display: contents;
  justify-content: space-between;
}
.about-pharmacy .col2Box img,
.about-pharmacy figure .col2Box blockquote img {
  width: 570px;
}
.about-pharmacy .col2Box .bargraph img,
.about-pharmacy figure .col2Box blockquote .bargraph img {
  width: 900px;
}
.about-pharmacy .col2Box .ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.about-pharmacy figure .col2Box blockquote .ttl {
  font-size: 18px;
}
.about-pharmacy figure .col2Box blockquote .ttl span {
  font-size: 15px;
}
.about-pharmacy .col2Box .ttl:before {
  content: '▸';
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .col2Box ul {
	  margin-bottom: 40px;
	}
	.about-pharmacy .col2Box ul:last-child {
	  margin-bottom: 0;
	}
	.about-pharmacy .col2Box img,
	.about-pharmacy figure .col2Box blockquote img {
	  width: 100%;
	}
	.about-pharmacy .col2Box,
	.about-pharmacy figure .col2Box blockquote {
	  flex-wrap: wrap;
	}
}

.about-pharmacy .col4Box {
  display: flex;
  flex-wrap: wrap;
}
.about-pharmacy .col4Box ul {
  margin-bottom: 20px;
}
.about-pharmacy .col4Box li.ttl {
  color: #0a5794;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #1c6aa8;
  padding: 30px;
  margin-bottom: 20px;
  margin-left: 33px;
  width: 270px;
}
.about-pharmacy .col4Box li.ttl:first-child,
.about-pharmacy .col4Box li.ttl:nth-child(5),
.about-pharmacy .col4Box li.ttl:nth-child(9),
.about-pharmacy .col4Box li.ttl:nth-child(13) {
  margin-left: 0;
}
.about-pharmacy .col4Box li.clt {
  background: #1c6aa8;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 30px;
  margin-bottom: 20px;
  margin-left: 33px;
  width: 270px;
}
.about-pharmacy .col4Box li.clt:first-child,
.about-pharmacy .col4Box li.clt:nth-child(5),
.about-pharmacy .col4Box li.clt:nth-child(9),
.about-pharmacy .col4Box li.clt:nth-child(13) {
  margin-left: 0;
}
.about-pharmacy .col4Box .serBox {
  width: 270px;
  margin-left: 33px;
}
.about-pharmacy .col4Box .serBox:first-child,
.about-pharmacy .col4Box .serBox:nth-child(5),
.about-pharmacy .col4Box .serBox:nth-child(9),
.about-pharmacy .col4Box .serBox:nth-child(13) {
  margin-left: 0;
}
.about-pharmacy .col4Box .serBox .ser-ttl {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  background: #f3f3f3;
  padding: 25px 0 20px;
  width: 270px;
}
.about-pharmacy .col4Box .serBox img {
  width: 270px;
}
.about-pharmacy .col4Box .serBox .ser-ttl::after {
  content: url(../img/common/arrow-ser-gr.png);
  display: block;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .col4Box {
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	.about-pharmacy .col4Box li.ttl {
	  font-size: 14px;
	  margin-left: 0;
	  width: 47%;
	}
	.about-pharmacy .col4Box li.clt {
	  font-size: 14px;
	  margin-left: 0;
	  width: 47%;
	}
	.about-pharmacy .col4Box .serBox {
	  margin-left: 0;
	  width: 100%;
	}
	.about-pharmacy .col4Box .serBox .ser-ttl {
	  width: 100%;
	}
	.about-pharmacy .col4Box .serBox img {
	  width: 100%;
	}
}

.about-pharmacy .col3Box {
  display: flex;
  flex-wrap: wrap;
}
.about-pharmacy .col3Box ul {
  width: 360px;
  margin-left: 50px;
}
.about-pharmacy .col3Box ul img {
  width: 360px;
  margin-bottom: 30px;
}
.about-pharmacy .col3Box ul img.undertxt {
  margin-bottom: 20px;
}
.about-pharmacy .col3Box .ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.about-pharmacy .col3Box ul:first-child,
.about-pharmacy .col3Box ul:nth-child(4),
.about-pharmacy .col3Box ul:nth-child(7),
.about-pharmacy .col3Box ul:nth-child(10) {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .col3Box ul {
	  width: 100%;
	  margin-left: 0;
	  margin-bottom: 50px;
	}
	.about-pharmacy .col3Box ul:last-child {
	  margin-bottom: 0;
	}
	.about-pharmacy .col3Box ul img {
	  width: 100%;
	}
}

.about-pharmacy .col3Box .ttl:before {
  content: '▸';
  padding-right: 5px;
}
.about-pharmacy .col3Box .txt {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.about-pharmacy .col3Box .txt.undertxt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}
.about-pharmacy .col3Box .aboutBox {
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  border: solid 2px #044191;
  border-radius: 10px;
}
.about-pharmacy .col3Box .aboutBox .about-ttl {
  color: #fff;
  background: #044191;
  border-radius: 6px 6px 0 0;
  padding: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 20px;
}
.about-pharmacy .col3Box .aboutBox .about-ttl span.num {
  font-size: 32px;
  vertical-align: sub;
  margin-right: 5px;
}
.about-pharmacy .col3Box .aboutBox .img {
  width: 160px;
  margin: 0 auto;
}
.about-pharmacy .col3Box .aboutBox .txt {
  font-size: 16px;
  line-height: 1.8;
  padding: 0 30px 20px;
}
.about-pharmacy p.onestop {
  width: 697px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy p.onestop {
	  width: 100%;
	  margin: 0 auto;
	}

}



.about-pharmacy .col3Box .flowBox {
  background: #fff;
  border-top: solid 6px #044191;
  padding: 40px;
}
.about-pharmacy .col3Box .flowBox .ttlBox {
  display: flex;
  line-height: 50px;
}
.about-pharmacy .col3Box .flowBox .ttlBox .num {
  color:#044191;
  font-size: 50px;
  margin-right: 20px;
  letter-spacing: 0.05em;
}
.about-pharmacy .col3Box .flowBox .ttlBox .flow-ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  width: 208px;
}
.about-pharmacy .col3Box .flowBox img {
  margin: 30px 0;
}

.databox.wid360 {
  width: 360px;
  padding: 0 40px;
}
.databox.wid360 th.ttl {
  width: 45%;
  padding: 10px 0 10px 20px;
  font-size: 14px;
}
.databox.wid360 th.txt {
  width: 55%;
  padding: 10px 0 10px 20px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.databox.wid360 {
	  width: 100%;
	}
}


/* PAGE INDEX
 * ----------------------------------------------- */
.upindex {
  margin-top: 80px;
}
.upindex .wrapper {
  max-width: 1200px;
  margin: auto;
}
.upindex .wrapper ul {
  display: flex;
  margin-bottom: 40px;
  font-family: source-han-sans-japanese;
  font-weight: bold;
}
.upindex .wrapper ul li {
  margin-right: 40px;
}
.upindex .wrapper ul li::after {
  content: url(../img/common/icn_arrow_gr.png);
  padding: 10px;
}
.upindex .wrapper ul a:hover {
  color: #0b68b7;
  transition: color 0.3s;
}

@media only screen and (max-width: 767px) {
	.upindex .wrapper {
	  max-width: 100%;
	  margin: 0 20px;
	}
	.upindex .wrapper ul {
	  flex-wrap: wrap;
	  line-height: 30px;
	}
	.upindex .wrapper ul li {
	}
}


/* PAGE COMPANY
 * ----------------------------------------------- */


/* table ---------------------- */
.split2 {
  font-size: 14px;
  line-height: 24px;
  width: 1200px;
}
.split2 td {
  border: solid 1px #bbb;
  border-collapse: collapse;
  border-width: 1px 0;
  padding: 12px 20px;
}
.split2 td.ttl {
  background: #f7f7f7;
  width: 240px;
  font-weight: bold;
}
.split2 td.ttl60 {
  background: #f7f7f7;
  width: 60%;
  font-weight: bold;
}
.split2 td.txt {
  width: 780px;
}

@media screen and (max-width: 768px) {
	.split2 {
	  width: 100%;
	}
}

.split5 {
  font-size: 14px;
  line-height: 24px;
  width: 1200px;
  font-family: source-han-sans-japanese;
}
.split5 th,td:last-of-type {
  border-width: 1px 0;
}
.split5 th {
  background: #f7f7f7;
  width: 200px;
  font-weight: bold;
}
.split5 td.ttl {
  font-weight: bold;
  width: 225px;
}

@media screen and (max-width: 768px) {
	.split5 {
	  width: 100%;
	}
	.split5 th {
	  width: 100%;
	  font-weight: bold;
	  border-width: 2px 0;
	  background: #fff;
	  text-align: center;
	}
	.split5 td {
	  width: 100%;
	  
	}
	.split5 th.ttl {
	}
	.split5 td.subttl {
	  background: #f7f7f7;
	  width: 30%;
	  font-weight: bold;
	}
	.split5 td {
	  border-width: 1px 0 1px 0;
	  border-collapse: collapse;
	}


}


/* PAGE COMPANY:map ---------------------- */
.acMapup {
    position: relative;
    padding-bottom: 36%;
    padding-top: 30px;
    margin-top: 20px;
    height: 0;
    overflow: hidden;
}
.acMapup iframe, .acMapup object, .acMap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
	.acMapup {
	  padding-bottom: 70%;
	  margin-top: 40px;
	}
}


/* PAGE SERVICES
 * ----------------------------------------------- */
.section-services {
  margin-top: 80px;
  overflow-x: hidden;
}
.section-services .services-wrapper {
  max-width: 1200px;
  margin: auto;
}
.section-services .services-wrapper h3 {
  font-size: 30px;
  border-bottom: solid 4px #0b68b7;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.section-services .services-wrapper .servicesBox {
  border-bottom: dotted 1px #000;
  padding-bottom: 100px;
  padding-top: 200px;
  margin-top: -140px;
}
.section-services .services-wrapper .box.servicesBox_inner {
  padding-top: 200px;
  margin-top: -200px;
}

/* PAGE SERVICES:about ---------------------- */
.section-services .services-wrapper .about h4 {
  color: #fff;
  font-size: 26px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 15px;
}
.section-services .services-wrapper .about .subtitle {
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  text-align: center;
}
.section-services .services-wrapper .about {
  margin: 0 -200% 100px -200%;
  padding: 50px 200%;
  background: linear-gradient(90deg,#333 0%,#333 60%,#fff 50%,#fff 100%);
  text-align: center;
  max-height: 500px;
}
.section-services .services-wrapper .about .aboutBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  width: 880px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  margin-top: 40px;
  box-shadow: 0 0 10px #bbb;
}
.section-services .services-wrapper .about .aboutBox ul {
  width: 265px;
  height: 210px;
  padding: 30px;
  font-size: 18px;
  line-height: 20px;
  position: relative;
}
.section-services .services-wrapper .about .aboutBox ul::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 1.4em solid transparent;
  border-left: 1.4em solid #0b68b7;
  position: absolute;
  z-index: 100;
}
.section-services .services-wrapper .about .aboutBox .upper {
  border-bottom: solid 1px #bbb;
  border-right: solid 1px #bbb;
}
.section-services .services-wrapper .about .aboutBox .upper.sec {
  margin-top: 15px;
}
.section-services .services-wrapper .about .aboutBox ul .img {
  margin-bottom: 15px;
}
.section-services .services-wrapper .about .aboutBox ul .txt span.small {
  font-size: 12px;
}
.section-services .services-wrapper .about .aboutBox ul .txt span.arrow {
  font-size: 24px;
  color: #0b68b7;
  font-weight: bold;
}
.section-services .services-wrapper .box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.section-services .services-wrapper .box.left {
  flex-direction: row-reverse;
}
.section-services .services-wrapper .box .txtBox.max {
  width: 100%;
  margin-bottom: 40px;
}
.section-services .services-wrapper .box .txtBox.line {
  border-bottom: dotted 1px #000;
  padding-bottom: 30px;
}
.section-services .services-wrapper .box .txt {
  font-size: 15px;
  line-height: 36px;
}
.section-services .services-wrapper .services .box .txtBox {
  width: 470px;
}
.section-services .services-wrapper .services .box .imgBox {
  width: 580px;
  margin-left: 50px;
}
.section-services .services-wrapper .services .box.left .imgBox {
  margin-left: 0;
  margin-right: 50px;
}
.section-services .services-wrapper .services .box .imgBox img {
  width: 580px;
}

@media only screen and (max-width: 767px) {
	.section-services {
	  margin-top: 40px;
	}
	.section-services .services-wrapper {
	  max-width: 100%;
	  margin: 0 40px;
	}
	.section-services .services-wrapper .box {
	  flex-wrap: wrap;
	}
	.section-services .services-wrapper .services .box .txtBox {
	  width: 100%;
	}
	.section-services .services-wrapper .services .box .imgBox {
	  width: 100%;
	  margin-left: 0;
	}
	.section-services .services-wrapper .services .box.left .imgBox {
	  margin-right: 0;
	}
	.section-services .services-wrapper .services .box .imgBox img {
	  width: 100%;
	  padding-top: 30px;
	}
	.section-services .services-wrapper .services .box.left .imgBox img {
	  width: 100%;
	  padding-top: 30px;
	}

	/* PAGE SERVICES:about ---------------------- */
	.section-services .services-wrapper .about {
	  background: linear-gradient(90deg,#333 0%,#333 60%,#333 50%,#333 100%);
	  max-height: 600px;
	}
	.section-services .services-wrapper .about .aboutBox {
	  width: 100%;
	  padding: 15px;
	}
	.section-services .services-wrapper .about .aboutBox ul {
	  width: 50%;
	  height: auto;
	  padding: 20px 0;
	  font-size: 16px;
	  line-height: 20px;
	}
	.section-services .services-wrapper .about .aboutBox .upper {
	  border-bottom: solid 1px #bbb;
	  border-right: solid 1px #bbb;
	}
	.section-services .services-wrapper .about .aboutBox ul .img {
	  width: 60%;
	  margin: 0 auto;
	  padding-bottom: 15px;
	  text-align: center;
	}
	.section-services .services-wrapper .about .aboutBox .upper.sec {
	  margin-top: 0;
	}
}


/* PAGE SERVICES:services ---------------------- */

.section-services .services-wrapper .services {
  margin-top: 230px;
}
.section-services .services-wrapper .services h4 {
  font-size: 36px;
  padding-bottom: 10px;
}
.section-services .services-wrapper .services .subtitle {
  color: #0b68b7;
  font-size: 18px;
  padding-bottom: 40px;
  position: relative;
  display: inline-block;
  margin-bottom: 2em;
}

.section-services .services-wrapper .services .subtitle::before {
  content: '';
  position: absolute;
  left: 40%;
  bottom: 0;
  display: inline-block;
  width: 50px;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
}
.section-services .services-wrapper .works {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
  padding-bottom: 40px;
}
.section-services .services-wrapper .works .item {
  width: 333px;
}
.section-services .services-wrapper .works .item img {
  width: 333px;
  margin-bottom: 20px;
}
.section-services .services-wrapper .works .item .place {
  font-size: 14px;
  padding-bottom: 10px;
}
.section-services .services-wrapper .works .item .ttl {
  position: relative;
  font-size: 18px;
}
.section-services .services-wrapper .works .item .ttl.link:after {
  content: '⇀';
  position: absolute;
  top: -8px;
  right: 0;
  font-weight: bold;
  font-size: 1.5em;
  text-align: right;
}
.section-services .services-wrapper .works .item a:hover{
  color: #0b68b7;
  transition: all 0.35s ease;
}
.section-services .services-wrapper .works .item .txt {
  font-family: source-han-sans-japanese, sans-serif;
  font-size: 14px;
  line-height: 30px;
  padding-top: 15px;
}

@media only screen and (max-width: 767px) {
	.section-services .services-wrapper .works .item {
	  width: 100%;
	  margin-bottom: 40px;
	}
	.section-services .services-wrapper .works .item:last-of-type {
	  margin-bottom: 0;
	}
	.section-services .services-wrapper .works .item img {
	  width: 100%;
	}
}


/* BUTTON ---------------------- */

.btn-more {
  display: block;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 20px 60px;
  background: #fff url(../img/common/icn_arrow_01.png) right 20px center no-repeat;
  background-size: 15px auto;
  width: 320px;
  border: 3px solid #000;
  letter-spacing: 0.2em;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.btn-more.right {
  float: right;
}
.btn-more:hover { 
  background: #000 url(../img/common/icn_arrow_08.png) right 20px center no-repeat;
  background-size: 15px auto;
  color: #fff;
}

.btn-area {
  display: flex;
  flex-wrap: wrap;
}
.btn-area p {
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  .btn-more:hover {
    background-color: #000;
    background-image: url(../img/common/icn_arrow_08.png);
    color: #fff;
  }
  .btn-more {
    width: 100%;
    background-position: right 32px center;
    font-size: 14px;
    padding: 18px 15px;
  }
	.btn-area {
	  width: 100%;
	}
	.btn-area p {
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 20px;
	}
}

/* PAGE SERVICES:fee ---------------------- */

.section-services .services-wrapper .fee {
  padding-top: 30px;
  font-size: 15px;
  line-height: 30px;
}
.section-services .services-wrapper .fee h4 {
  font-size: 30px;
  border-bottom: dotted 1px #000;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.section-services .services-wrapper .fee .topic {
  background: #fcf4be;
  padding: 25px 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.section-services .services-wrapper .fee {
	  padding-top: 60px;
	}
	.section-services .services-wrapper .fee .topic {
	  padding: 25px 20px;
	}
}

/* PAGE SERVICES:flow ---------------------- */

.step-wrap {
  counter-reset: count;
  margin: 2em 0;
  position: relative;
}
.step-content {
  padding: 0 0 0 2.5em;
  margin: 0;
  position: relative;
}
.step-content::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.step-content::after {
  content: "";
  display: block;
  height: calc(100% - 100px);
  border-left: solid 4px #000;
  position: absolute;
  top: 100px;
  left: 49px;
}
.step-content:last-of-type::after {
  border: none;
}
.step-label {
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 36px;
  left: 25px;
}
.step-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 100px;
  padding-bottom: 30px;
}
.step-box .txtBox {
  width: 600px;
}
.step-box .txtBox .step-body {
  font-family: source-han-sans-japanese, sans-serif;
  font-size: 14px;
  line-height: 28px;
}
.step-box .imgBox {
  width: 320px;
}
.step-title {
  font-size: 24px;
  color: #0b68b7;
}
.step-body {
  margin-top: 1em;
  padding: 0 0 1em;
}
.step-wrap > :last-of-type::after {
  display: none;
}

@media only screen and (max-width: 767px) {
	.step-content::before {
	  width: 70px;
	  height: 70px;
	  top: 0;
	  left: 0;
	}
	.step-content::after {
	  height: calc(100% - 0px);
	  position: absolute;
	  top: 70px;
	  left: 35px;
	}
	.step-content:last-of-type::after {
	  height: calc(100% - 70px);
	}
	.step-label {
	  font-size: 16px;
	  top: 24px;
	  left: 13px;
	}
	.step-box {
	  margin-left: 60px;
	  padding-bottom: 50px;
	}

}


/* section company MENU
 * ----------------------------------------------- */

.section-company-menu {
  background: #ebf1f5;
  padding: 30px 0;
}
.section-company-menu .key-txt-box {
  width: 1200px;
  margin: 0 auto;
}
.section-company-menu .key-txt-box ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  color: #000;
  font-size: 13px;
  line-height: 2;
}
.section-company-menu .key-txt-box li {
  margin-left: 40px;
}
.section-company-menu .key-txt-box li a {
  font-weight: bold;
}
.section-company-menu .key-txt-box ul li::after {
  content: url(../img/common/icn_arrow_menu_bl.png);
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
	  .section-company-menu {
	    margin: 60px 30px;
	    padding: 0;
	  }
	  .section-company-menu .key-txt-box {
	    width: 100%;
	    padding: 10px 30px;
	    position: static;
	    font-size: 11px;
	  }
	  .section-company-menu .key-txt-box ul {
	    width: 100%;
	    line-height: 2.4;
	    margin-top: 20px;
	  }
	  .section-company-menu .key-txt-box li {
	    margin-right: 0;
	    margin-left: 40px;
	    margin-bottom: 20px;
	  }
	  .section-company-menu .key-txt-box ul li {
	    flex-basis: auto;
	}
}


.company-wrap,.member-wrap {
  margin: 90px 0 100px;
}
.company-wrap h3,
.member-wrap h3 {
  font-size: 56px;
  margin-bottom: 30px;
}
.company-wrap h4,
.member-wrap h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
}
.company-wrap h4.vision {
  line-height: 2;
  margin-bottom: 50px;
}
.company-wrap h4 span.cl_gr {
  color: #11b99f;
}
.company-wrap h4 span.cl_pl {
  color: #8049dc;
}
.company-wrap h4 span.cl_lb {
  color: #1091db;
}
.company-wrap h5,.member-wrap h5 {
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
}
.company-wrap .txt {
  font-size: 15px;
  line-height: 1.8;
}
.company-wrap .txt.vision {
  width: 330px;
}
.company-vision {
  background: url("../img/company/bg_vision.png") no-repeat center center/cover;  background-size: cover;
  width: 100%;
  height: auto;
  padding: 20px 0;
  margin-top: 20px;
}
.company-mission {
  background: url("../img/company/bg_mission.png") no-repeat center center/cover;
  background-size: cover;
  width: 100%;
  height: auto;
  padding: 20px 0;
  margin-top: 20px;
}
.company-mission {
  color: #fff;
}


@media only screen and (max-width: 767px) {
	.company-wrap.wr-vision {
	  margin: 0 0 110%;
	}
	.company-vision {
	  background: url("../img/company/bg_vision_sp.png") no-repeat bottom;
	  background-size: 100% auto;
	}
	.company-mission {
	  background: url("../img/company/bg_mission_sp.png") no-repeat center center/cover;
	  background-size: cover;
	  width: 100%;
	}
}

.company-wrap .missionBox {
  display: flex;
  justify-content: space-between;
}
.company-wrap .missionBox ul {
  width: 260px;
}
.company-wrap .missionBox ul li.ttl {
  font-size: 13px;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 20px;
}
.company-wrap .missionBox ul li.ttl span {
  font-size: 46px;
  display: block;
}
.company-wrap .missionBox ul li.txt {
  border-top: solid 4px #fff;
  margin-bottom: 20px;
  padding-top: 20px;
  height: 100px;
}
.company-wrap .missionBox ul li.img {
  padding-top: 60px;
}
.company-wrap .missionBox ul.btm {
  margin-top: 30px;
}
.company-wrap .gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 48%;
  position: relative;
}
.company-wrap .gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.company-wrap .gmap iframe,
.company-wrap .gmap object,
.company-wrap .gmap embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

@media only screen and (max-width: 767px) {
	.company-wrap .missionBox {
	  flex-wrap: wrap;
	}
	.company-wrap .missionBox ul {
	  width: 100%;
	  margin-top: 50px;
	}
	.company-wrap .missionBox ul li.txt {
	  height: 80px;
	}
	.company-wrap .missionBox ul li.img {
	  padding-top: 40px;
	}
	.company-wrap .missionBox ul li.ttl {
	  font-size: 20px;
	  line-height: 1.2;
	}
	.company-wrap .missionBox ul li.ttl span {
	  font-size: 56px;
	}
	.company-wrap .missionBox ul.btm {
	  margin-top: 50px;
	}
	.company-wrap .gmap {
	  height: 360px;
	}
}

.section-company-message {
  background: #e7ebed;
  padding: 1px 0;
  height: 540px;
  margin-bottom: 280px;
}
.section-company-message .messageBox {
  background: #fff;
  padding: 70px 78px;
  box-shadow: 0 0 15px #ccc;
}
.section-company-message .messageBox .txt-post {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  padding: 50px 0 20px;
}
.section-company-message .messageBox .txt-name {
  font-size: 18px;
  font-weight: bold;
}
.section-company .favorite-wrap {
  margin-top: 100px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.section-company .favorite-wrap img {
  margin: 30px 0 60px;
}
.section-company-client {
  background: #e7ebed;
  padding: 1px 0;
}
.section-company-client .messageBox {
  background: #fff;
  padding: 70px 78px;
  box-shadow: 0 0 15px #ccc;
}
.section-company-client .messageBox.client {
  display: flex;
  justify-content: center;
}
.section-company-client .messageBox.client p {
  margin-right: 100px;
}
.section-company-client .messageBox.client p:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {

	.section-company-message {
	  height: 1000px;
	  margin-bottom: 280px;
	}
	.section-company-message .messageBox {
	  padding: 40px 30px;
	}
	.section-company-message .messageBox .txt-post {
	  font-size: 12px;
	}
	.section-company-message .messageBox .txt-name {
	  font-size: 18px;
	}
	.section-company .favorite-wrap {
	  margin-top: 100px;
	  font-size: 12px;
	  font-weight: bold;
	  text-align: center;
	}
	.section-company-client .messageBox {
	  padding: 40px 30px;
	}
	.section-company-client .messageBox.client {
	  flex-wrap: wrap;
	}
	.section-company-client .messageBox.client p {
	  margin-right: 0;
	}
}

.section-company-member {
  background: #e7ebed;
  padding: 1px 0;
  margin-top: 180px;
}
.section-company-member .member-wrap {
  display: flex;
  justify-content: space-between;
}
.section-company-member .member-wrap .txtBox {
  width: 500px;
}
.section-company-member .member-wrap .txtBox .txt-post {
  font-size: 14px;
  font-weight: bold;
}
.section-company-member .member-wrap .txtBox .txt-name {
  font-size: 24px;
  font-weight: bold;
  margin: 12px 0 50px;
}
.section-company-member .member-wrap .txtBox .txt {
  line-height: 2;
}
.section-company-member .member-wrap .imgBox {
  width: 625px;
  margin-top: -150px;
}
.section-company-member .member-wrap .imgBox img {
  box-shadow: 0 0 15px #ccc;
}

@media only screen and (max-width: 767px) {

	.section-company-member .member-wrap {
	  flex-wrap: wrap;
	}
	.section-company-member .member-wrap .txtBox {
	  width: 100%;
	}
	.section-company-member .member-wrap .imgBox {
	  width: 100%;
	  margin-top: 40px;
	}
	.section-company-member .member-wrap .imgBox.left {
	  margin-top: 0;
	  margin-bottom: 40px;
	}
}

.norecruit {
  background: #084d8e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}
.txt.unline {
  border-bottom: dotted 1px #bbb;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
p.ttl-policy {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.cntr {
  text-align: center;
  
}
.cntr p {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
	.cntr p {
	  width: 100%;
	}
}

/* MEDIA
 * ----------------------------------------------- */
.section-media {
  text-align: center;
  margin: 80px 0;
}
.section-media .txt {
  font-size: 15px;
  line-height: 1.8;
}
.section-media.detail {
  text-align: left;
  margin: 80px 0;
}
.section-media.detail .txt {
  font-size: 15px;
  line-height: 1.8;
}
.media-type {
  display: flex;
  flex-wrap: wrap;
  border-bottom: dotted 1px #bbb;
  padding-bottom: 30px;
  margin-top: -15px;
  margin-bottom: 50px;
}
.media-type.other {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.media-type li {
  color: #044191;
  font-size: 14px;
  font-weight: bold;
  border: solid 1px #044191;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 0 10px 10px 0;
}
.media-dlBox {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}
.media-dlBox .imgBox {
  width: 380px;
  margin-right: 60px;
}
.media-dlBox .txtBox {
  width: 740px;
}
.media-dlBox .txtBox .ttl {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.media-dlBox {
	  flex-wrap: wrap;
	  padding-bottom: 50px;
	}
	.media-dlBox .imgBox {
	  width: 100%;
	  margin-right: 0;
	}
	.media-dlBox .txtBox {
	  width: 100%;
	  margin-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.worksBoxtop.media {
	  flex-wrap: wrap;
	  width: 100%;
	}
	.worksBoxtop.media .thumb {
	  width: 100%;
	}
	.worksBoxtop.media ul {
	  width: 100%;
	  margin-bottom: 40px;
	  margin-right: 0;
	}
	.worksBoxtop.media ul li img {
	  width: 100%;
	  height: auto;
	}
	.worksBoxtop.media ul li {
	  width: 100%;
	  padding-bottom: 0;
	}
	.worksBoxtop.media ul li .period {
	  font-size: 12px;
	  padding: 0 25px 20px 25px;
	}
	.worksBoxtop.media ul li .period p {
	  font-size: 12px;
	  padding: 5px 12px;
	}
	.worksBoxtop.media .top-post-meta {
	  display: block;
	}
	.worksBoxtop.media .top-post-meta .ttl {
	  line-height: 2;
	  height: 100px;
	  padding: 20px 25px 0 25px;
	}
	.worksBoxtop.media .top-post-meta .tags::after {
	  top: 8px;
	  right: 25px;
	  width: 1.5em;
	  height: 1.5em;
	}
	.worksBoxtop.media .top-post-meta .ttl::after {
	  top: 50px;
	}
	.worksBoxtop.media .ico_media {
	  font-size: 10px;
	  text-align: center;
	  border: solid 1px #000;
	  padding: 2px 5px;
	  display: block;
	  max-width: 70px;
	}
	.worksBoxtop.media .ico_media.nobr {
	  display: block;
	  margin-left: 0;
	}
}

/* section page ORIGINALMEDIA-OTHER
 * ----------------------------------------------- */
.otherMedia {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: dotted 1px #000;
}
.otherMedia .imgBox {
  width: 380px;
  margin-right: 50px;
}
.otherMedia .imgBox img {
  width: 380px;
}
.otherMedia .txtBox {
  width: 750px;
}
.otherMedia .txtBox li {
  font-size: 15px;
  line-height: 1.8;
}
.otherMedia .txtBox li.txt {
  margin: 25px 0;
  line-height: 1.6;
}
.otherMedia .txtBox .media-ttl {
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 1.6;
}
.otherMedia .txtBox .target {
  font-size: 16px;
  font-weight: bold;
  margin-left: 9em;
  text-indent: -9em;
  line-height: 1.6;
  margin-top: 5px;
}
.otherMedia .txtBox .tpc-arrow {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  color: #fff;
  background: #044191;
  margin-right: 30px;
}
.otherMedia .txtBox .tpc-arrow:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: "";
  position: absolute;
  pointer-events: none;
  border-left-color: #044191;
  border-width: 16px;
  margin-top: -16px;
}
.otherMedia .txtBox .menu-ttl {
  color: #044191;
  font-size: 20px;
  font-weight: bold;
  border-bottom: solid 4px #044191;
  padding-bottom: 4px;
  margin-bottom: 35px;
}
.otherMedia .txtBox .remark {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.otherMedia {
	  margin-bottom: 60px;
	  flex-wrap: wrap;
	}
	.otherMedia .imgBox {
	  width: 100%;
	  margin-right: 0;
	}
	.otherMedia .imgBox img {
	  width: 100%;
	}
	.otherMedia .txtBox li {
	  font-size: 15px;
	  line-height: 1.8;
	}
	.otherMedia .txtBox .media-ttl {
	  font-size: 26px;
	  margin: 20px 0;
	  line-height: 1.4;
	}
	.otherMedia .txtBox .target {
	  font-size: 16px;
	}
	.otherMedia .txtBox .tpc-arrow {
	  font-size: 12px;
	  margin-right: 30px;
	}
	.otherMedia .txtBox .tpc-arrow:after {
	  left: 100%;
	  top: 50%;
	  border-width: 16px;
	  margin-top: -16px;
	}
}



/* More Button */
.more-link {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.more-link::after {
  content: url(../img/common/ico_list.png);
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
	.more-link {
	  float: right;
	}
}

/* Under Line */
span.uline {
  background: linear-gradient(transparent 40%, #fef501 40%);
}

.button.right {
  text-align: right;
}
.btntransform {
  position: relative;
  display: inline-block;
  padding:0 0 0 60px;
  line-height: 38px;
  color: #000;
  text-decoration: none;
  outline: none;
  font-size: 16px;
  font-weight: bold;
}
.btntransform::before {
  content:'';
  position:absolute;
  left:0;
  z-index: -1;
  width: 45px;
  height: 45px;
  background:#f07e00;
  border-radius:25px;
  transition:.3s ease-out;
}
.btntransform:hover {
  color: #fff;
}
.btntransform.more:hover::before {
  width: 180px;
}
.btntransform.view:hover::before {
  width: 220px;
}
.btntransform.rec:hover::before {
  width: 220px;
}
.btntransform::after {
  position: absolute;
  content: '';
  top: 1.3em;
  right: -15px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}
.btntransform span {
  position: relative;
}
.btntransform span::before {
  background-color: #111;
  bottom: -8px;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
.btntransform:hover span::before {
  background-color: #fff;
}
.btntransform:hover::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media only screen and (max-width: 767px) {
	.button.right.feature {
	  margin-top: 60px;
	  padding-right: 20px;
	}
	.btntransform::before {
	  z-index: 0;
	}
}

/* recruit */
.btntransform.rec {
  color: #fff;
}
.btntransform.rec::before {
  z-index: 0;
}
.btntransform.rec::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.btntransform.rec span::before {
  background-color: #fff;
}



/* NAVBAR WRAPPER
 * ----------------------------------------------- */
.navbar-wrapper {
  z-index: 10;
}
.navbar-toggler {
  display: none;
  padding: 5px;
  line-height: 0;
}
.navbar-toggler .toggler-btn {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 19px;
}
.navbar-toggler .toggler-btn span {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  background: #000;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.navbar-toggler .toggler-btn span:nth-child(1) {
  top: 0;
}
.navbar-toggler .toggler-btn span:nth-child(2) {
  opacity: 1;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.navbar-toggler .toggler-btn span:nth-child(3) {
  top: 15px;
}
.navbar-toggler .toggler-btn.is-active span {
  background-color: #fff;
}
.navbar-toggler .toggler-btn.is-active span:nth-of-type(1) {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 8px;
}
.navbar-toggler .toggler-btn.is-active span:nth-of-type(2) {
  width: 0;
  opacity: 0;
}
.navbar-toggler .toggler-btn.is-active span:nth-of-type(3) {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 8px;
}
.navbar-collapse {
  height: auto;
  margin: 0;
}

.nav-contact {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.nav-contact > * {
  margin-left: 38px;
}
.nav-contact .link {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  -moz-transition: color 0.26s ease;
  -o-transition: color 0.26s ease;
  -webkit-transition: color 0.26s ease;
  transition: color 0.26s ease;
}
.nav-contact .link:hover {
  color: #50ad12;
}
.nav-contact .link:before {
  content: "▶";
  display: inline-block;
  color: #8ec31f;
  font-size: 0.75em;
  line-height: 1;
  margin-right: 0.2em;
}
.nav-link {
  position: relative;
  display: block;
  color: currentColor;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  -moz-transition: color 0.26s ease;
  -o-transition: color 0.26s ease;
  -webkit-transition: color 0.26s ease;
  transition: color 0.26s ease;
}
@media print, (min-width: 768px) {
  .nav-link:hover {
    color: #8ec31f;
  }
}
.nav-dropdown {
  display: none;
  position: absolute;
  z-index: 10;
  background: #000;
  width: auto;
  margin-left: 1.5em;
  padding: 15px;
  opacity: 0.9;
  margin-top: 10px;
}
.nav-dropdown .dropdown-item {
  padding: 8px 20px;
  display: block;
  text-align: left;
  color: #fff;
}
.nav-dropdown .dropdown-item:hover {
  color: #fdfa01;
}

@media print, (min-width: 768px) {
  .nav-main {
    display: flex;
    justify-content: space-between;
  }
  .nav-item {
    width: auto;
  }
  .nav-item:hover .nav-link {
    color: #008e66;
  }
  .nav-item .nav-link.current {
    color: #008e66;
  }
  .navbar-collapse {
    display: block !important;
  }
  .navbar-over {
    display: none !important;
  }
  .hamburger-wrapper {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .navbar-over {
    display: none;
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .navbar-toggler {
    display: block;
    position: relative;
    z-index: 999;
  }
  .navbar-collapse {
    display: none;
    position: fixed;
    z-index: 10;
    width: 80%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(142, 195, 31, 0.96);
    padding: 50px 20px 20px;
  }

  .nav-main {
    height: 100%;
    overflow: auto;
  }
  .nav-link {
    position: relative;
    color: #fff;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 700;
  }
  .nav-dropdown {
    display: block !important;
    position: static;
    padding: 0;
    margin: 0;
  }
  .nav-dropdown .dropdown-item {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 20px;
    position: relative;
  }
  .nav-dropdown .dropdown-item:before {
    content: "";
    width: 5px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 10px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("../img/common/ico_arrow_white.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}


/* サイドカラム用バナー
 * ----------------------------------------------- */
.sidebar .btnBox {
  margin-top: 50px;
  width: 100%;
}
.sidebar .btnBox .btn-side {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  border: solid 3px #000;
  padding: 15px;
  width: 100%;
  display: inline-block;
}
.sidebar .btnBox .btn-side:hover {
  color: #fff;
  background: #000;
  transition: 0.6s;
}

@media only screen and (max-width: 767px) {
	.sidebar .btnBox .btn-side {
	  font-size: 15px;
	  padding: 20px;
	}
}

.about-pharmacy .rootBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.about-pharmacy .rootBox li {
  color: #1c6aa8;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border: solid 3px #1c6aa8;
  margin-bottom: 20px;
  padding: 30px;
  width: 32%;
}
.about-pharmacy .root-txtBox .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .rootBox li {
	  width: 100%;
	  margin-bottom: 10px;
	}
}

/* 202304追記：TOPメニュー追加 */

.service-ttl {
  font-size: 46px;
  text-align: left;
  margin-bottom: 50px;
}
.service-ttl span {
  color: #1974b9;
}
.block-original {
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto 32px;
}
.block-original .original-ttl {
  display: inline-block;
  background: rgba(0,37,91,0.8);
  padding: 20px 30px 25px;
  margin-bottom: 30px;
}
.block-original .original-ttl .services-title {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
}
.block-original .original-ttl .services-subttl {
  font-size: 14px;
  color: #faf230;
  letter-spacing: 0.05em;
  padding-top: 4px;
}
.block-original .originalBox {
  position: relative;
  width: 24%;
  transition: 0.4s;
  background: #222;
  margin-bottom: 15px;
}
.block-original .originalBox img {
  opacity: 1;
  transition: 0.4s;
  height: auto;
}
.block-original .originalBox img:hover {
  opacity: 0.4;
}
.block-original .originalBox .txtBox {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.block-original .originalBox .txtBox .ttl {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
}
.block-original .originalBox .txtBox .ttl-en {
  font-size: 12px;
  color: #faf230;
  letter-spacing: 0.02em;
}
.block-original .subtitle {
  line-height: 1.8;
}

@media only screen and (max-width: 767px) {
	.block-original {
	  max-width: 100%;
	}
	.block-original .originalBox {
	  width: 48%;
	}
	.block-original .originalBox .txtBox {
	  bottom: 15px;
	  left: 15px;
	}
	.block-original .originalBox .txtBox .ttl {
	  font-size: 15px;
	}
	.block-original .originalBox .txtBox .ttl-en {
	  font-size: 8px;
	}
}


/* section MediaSearch
 * ----------------------------------------------- */

.section-mediasearch {
  margin: 60px 0;
}
.section-mediasearch p {
  font-size: 15px;
  line-height: 1.8;
}
.section-mediasearch h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 20px;
}
.section-mediasearch h4 {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  border-bottom: solid 5px #000;
  padding: 0 0 12px 17px;
  margin-bottom: 40px;
  letter-spacing: 0;
  line-height: 1.2;
}
.section-mediasearch h4::before {
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
  display: block;
  background: transparent;
  border-left: solid 7px #2374ab;
  height: 30px;
}
.section-mediasearch h5 {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  background: #f3f3f3;
  padding: 20px 0 20px 50px;
}
.section-mediasearch h5::before {
  position: absolute;
  top: 21px;
  left: 30px;
  content: '';
  display: block;
  background: transparent;
  border-left: solid 6px #2374ab;
  height: 25px;
}
.section-mediasearch h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: solid 3px #000;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.section-mediasearch .media-target {
  margin: 90px 0 120px;
}
.section-mediasearch .media-target-menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 100px;
}
.section-mediasearch .media-target-menu .box {
  display: block;
  font-size: 17px;
  font-weight: bold;
  border: solid 1px #888888;
  border-radius: 8px;
  padding: 15px;
  width: 32%;
  margin-bottom: 20px;
  transition: 0.4s;
}
.section-mediasearch .media-target-menu.purpose .box {
  font-size: 15px;
  width: 24%;
}
.section-mediasearch .media-target-menu.purpose::after {
  content: '';
  display: block;
  width: 49.4%;
}
.section-mediasearch .media-target-menu.purpose ul {
  width: 100%;
}
.section-mediasearch .media-target-menu.purpose .ttl {
  width: 70%;
  margin-right: 20px;
}
.section-mediasearch .media-target-menu.purpose .img {
  width: 80px;
}

@media only screen and (max-width: 767px) {
	.section-mediasearch .media-target-menu.purpose .box {
	  text-align: center;
	  width: 48%;
	  padding: 15px 10px;
	}
	.section-mediasearch .media-target-menu.purpose .ttl {
	  font-size: 14px;
	  width: 100%;
	  margin-right: 0;
	}
	.section-mediasearch .media-target-menu.purpose .ttl.sp {
	  font-size: 13px;
	  letter-spacing: 0;
	}
	.section-mediasearch .media-target-menu.purpose .img {
	  margin: 0 auto;
	}
}

.section-mediasearch .media-target-menu ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-mediasearch .media-target-menu .box:hover {
  opacity: 0.8;
  transition: 0.4s;
  color: #2374ab;
}
.section-mediasearch .media-target-menu img {
  width: 180px;
  height: auto;
}
.section-mediasearch .media-target-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0;
  transition: 0.4s;
}
.section-mediasearch .media-target-list::after {
  content: '';
  display: block;
  width: 23%;
}
.section-mediasearch .media-target-list .listBox {
  width: 23%;
  transition: 0.4s;
  padding-bottom: 40px;
/*  border-bottom: dotted 1px #bbb;*/
}
.section-mediasearch .media-target-list .listBox:hover {
  color: #2374ab;
  transition: 0.4s;
}
.section-mediasearch .media-target-list .listBox .imgBox {
  height: auto;
  margin-bottom: 25px;
}
.section-mediasearch .media-target-list .listBox .imgBox img {
  height: auto;
}
.section-mediasearch .media-target-list .listBox .txtBox {
  width: ;
}
.section-mediasearch .media-target-list .listBox .ttl {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.section-mediasearch .media-target-list .listBox .ttl.high {
  height: 50px;
  margin-bottom: 10px;
}
.section-mediasearch .media-target-list .listBox .ttl::after {
  content: '⇀';
  padding-left: 10px;
}
.section-mediasearch .media-target-list .listBox .txt {
  font-size: 15px;
  line-height: 	1.8;
}
.section-mediasearch .media-purpose-list .listBox {
  width: 100%;
  margin-top: 30px;
}
.section-mediasearch .media-purpose-list .listBox .detailBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.section-mediasearch .media-purpose-list .listBox .detailBox .txt {
  font-size: 17px;
  line-height: 	1.8;
  width: 60%;
}
.section-mediasearch .media-purpose-list .listBox .detailBox .img {
  width: 36%;
}

@media only screen and (max-width: 767px) {
	.section-mediasearch h4 {
	  font-size: 30px;
	}
	.section-mediasearch h5 {
	  font-size: 22px;
	  padding: 25px 0 25px 37px;
	}
	.section-mediasearch h5::before {
	  position: absolute;
	  top: 26px;
	  left: 20px;
	  height: 23px;
	}
	.section-mediasearch .media-target-menu .box {
	  width: 48%;
	  margin-bottom: 15px;
	  padding: 10px;
	}
	.section-mediasearch .media-target-menu ul {
	  flex-wrap: wrap;
	}
	.section-mediasearch .media-target-menu img {
	  width: 100%;
	}
	.section-mediasearch .media-target-menu .ttl {
	  font-size: 16px;
	  text-align: center;
	  margin-bottom: 5px;
	  width: 100%;
	}
	.section-mediasearch .media-target-list::after {
	  width: 47%;
	}
	.section-mediasearch .media-target-list .listBox {
	  width: 47%;
	}
	.section-mediasearch .media-target-list .listBox .imgBox {
	  width: 100%;
	  margin-bottom: 20px;
	}
	.section-mediasearch .media-target-list .listBox .txtBox {
	  width: 100%;
	}
	.section-mediasearch .media-target-list .listBox .ttl {
	  font-size: 17px;
	}
	.section-mediasearch .media-target-list .listBox .txt {
	  font-size: 15px;
	}
	.section-mediasearch .media-purpose-list .listBox .detailBox {
	  flex-wrap: wrap;
	  margin-bottom: 50px;
	}
	.section-mediasearch .media-purpose-list .listBox .detailBox .txt {
	  width: 100%;
	  margin-bottom: 20px;
	}
	.section-mediasearch .media-purpose-list .listBox .detailBox .img {
	  width: 100%;
	}


}

.mediasearchBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  transition: 0.4s;
  width: 100%;
}
.mediasearchBox ul {
  width: 48%;
}
.mediasearchBox .txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 15px;
}
.mediasearchBox a:hover {
  opacity: 0.8;
  transition: 0.4s;
}

@media only screen and (max-width: 767px) {
	.mediasearchBox {
	  flex-wrap: wrap;
	}
	.mediasearchBox ul {
	  width: 100%;
	}
	.mediasearchBox ul:first-child {
	  margin-bottom: 50px;
	}
}


/* MediaSearch btn
 * ----------------------------------------------- */
.searchBtn {
  position: fixed;
  left: 8%;
  bottom: 10px;
  width: 530px;
  z-index: 80;
}
.searchBtn .searchBox {
  display: flex;
  align-items: center;
}
.searchBtn .searchBox .btnbox {
  background: #fff;
  border: solid 5px #000;
  padding: 15px;
  width: 260px;
  margin-left: 10px;
  transition: 0.4s;
}
.searchBtn .searchBox .btnbox:hover {
  background: #fdee02;
  transition: 0.4s;
}
.searchBtn .searchBox ul {
  display: flex;
  justify-content: space-between;
}
.searchBtn .searchBox .btnbox .ttl {
  font-size: 23px;
  font-weight: 800;
}
.searchBtn .searchBox .btnbox .txt {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
	.searchBtn {
	  left: 0;
	  width: 100%;
	  padding: 0 15% 0 3%;
	}
	.searchBtn .searchBox {
	  display: flex;
	  flex-wrap: wrap;
	}
	.searchBtn .searchBox .btnbox {
	  width: 93%;
	  margin-left: 0;
	  padding: 10px 15px;
	  margin-top: 5px;
	}
	.searchBtn .searchBox .btnbox .ttl {
	  font-size: 20px;
	  font-weight: 800;
	  line-height: 1.6;
	}
}


/* Head MediaSearch btn
 * ----------------------------------------------- */

.head-search-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.head-search-box .btn-media {
  font-size: 10px;
  border: solid 1px #000;
  padding: 8px 10px;
  margin-right: 10px;
}


/* 202306：追加
 * ----------------------------------------------- */

.about-pharmacy .promo-scene {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.about-pharmacy .promo-scene ul {
  width: 23%;
  margin-bottom: 40px;
}
.about-pharmacy .promo-scene.col0 ul {
  margin-bottom: 0;
}
.about-pharmacy .promo-scene.col1::after {
  content: '';
  display: block;
  width: 23%;
}
.about-pharmacy .promo-scene.col2::after {
  content: '';
  display: block;
  width: 48.7%;
}
.about-pharmacy .promo-scene li {
  font-size: 15px;
  line-height: 1.6;
}
.about-pharmacy .promo-scene li img {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
	.about-pharmacy .promo-scene ul {
	  width: 47%;
	}
	.about-pharmacy .promo-scene ul:first-child {
	  margin-bottom: 40px;
	}
	.about-pharmacy .promo-scene.col1::after {
	  width: 47%;
	}
	.about-pharmacy .promo-scene.col2::after {
	  width: 47%;
	}
}

.originalmedia-menu {
  width: 30%;
  margin-bottom: 50px;
}
.originalmedia-menu .imgBox {
  margin-bottom: 20px;
}
.originalmedia-menu .txtBox .ttl {
  font-size: 18px;
  font-weight: bold;
}
.originalmedia-menu .txtBox .ttl {
  font-size: 18px;
  font-weight: bold;
}
.originalmedia-menu .txtBox .subttl {
  color: #2374ab;
  font-size: 13px;
  margin: 5px 0 15px;
}

@media only screen and (max-width: 767px) {
	.originalmedia-menu {
	  width: 100%;
	  margin-bottom: 50px;
	}
}

.originalmedia-menu-col {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.originalmedia-menu-col::after {
  content: '';
  display: block;
  width: 30%;
}
.originalmedia-menu-col .listBox {
  width: 30%;
  margin-bottom: 60px;
}
.originalmedia-menu-col .listBox .imgBox {
  margin-bottom: 20px;
}
.originalmedia-menu-col .listBox .txtBox .ttl {
  font-size: 18px;
  font-weight: bold;
}
.originalmedia-menu-col .listBox .txtBox .subttl {
  color: #2374ab;
  font-size: 13px;
  margin: 5px 0 15px;
}
.originalmedia-menu-col .listBox .txtBox .txt {
  font-size: 15px;
  line-height: 1.8;
}

.navigation .btn.cntct {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 33px;
}
.navigation .btn.recruit {
  position: absolute;
  top: 110px;
  right: 0;
}



/* section top feature
 * ----------------------------------------------- */

.section-top-feature {
  margin-top: 100px;
}


@media only screen and (max-width: 767px) {


}

.section-top-feature .feature-Box {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.section-top-feature .feature-Box ul {
  position: relative;
  height: 84vh;
  transition: 0.3s;
}
.section-top-feature .feature-Box ul.mgt {
  margin-top: 60px;
}
.section-top-feature .feature-Box ul img:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.section-top-feature .feature-Box .num {
  position: absolute;
  top: -60px;
  left: 25px;
  color: #f07e00;
  font-size: 80px;
  font-weight: bold;
  letter-spacing: 0;
  z-index: 10;
}
.section-top-feature .feature-Box .point {
  font-size: 30px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  background: #fff;
  box-shadow: 10px 10px 0 0 rgb(0, 0, 0);
  padding: 5px 0px;
  z-index: 10;
}
.section-top-feature .feature-Box .point.pt1 {
  position: absolute;
  top: 280px;
  right: 50px;
}
.section-top-feature .feature-Box .point.pt2-1 {
  position: absolute;
  top: 305px;
  right: 65px;
}
.section-top-feature .feature-Box .point.pt2-2 {
  position: absolute;
  top: 430px;
  right: 124px;
}
.section-top-feature .feature-Box .point.pt3 {
  position: absolute;
  top: 380px;
  right: 90px;
}

@media only screen and (max-width: 1280px) {
	.section-top-feature .feature-Box ul {
	  height: fit-content;
	}
	.section-top-feature .feature-Box .point {
	  font-size: 26px;
	}
	.section-top-feature .feature-Box .point.pt1 {
	  top: 54%;
	}
	.section-top-feature .feature-Box .point.pt2-1 {
	  top: 40%;
	}
	.section-top-feature .feature-Box .point.pt2-2 {
	  top: 60%;
	}
	.section-top-feature .feature-Box .point.pt3 {
	  top: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.section-top-feature .feature-Box {
	  flex-wrap: wrap;
	  width: 100vw;
	  margin: 0 calc(50% - 50vw);
	  padding-top: 60px;
	}
	.section-top-feature .feature-Box ul {
	  width: 90%;
	  height: auto;
	  padding-bottom: 120px;
	}
	.section-top-feature .feature-Box .num {
	  letter-spacing: -0.04em;
	}
	.section-top-feature .feature-Box ul.mgt {
	  margin: 0 0 0 auto;
	}
	.section-top-feature .feature-Box .point {
	  font-size: 18px;
	  font-weight: 500;
	  padding: 5px;
	}
	.section-top-feature .feature-Box .point.pt1 {
	  position: absolute;
	  top: 15%;
	  left: 16%;
	  right: auto;
	}
	.section-top-feature .feature-Box .point.pt2-1 {
	  position: absolute;
	  top: 16%;
	  right: 12%;
	}
	.section-top-feature .feature-Box .point.pt2-2 {
	  position: absolute;
	  top: 38%;
	  right: 25%;
	}
	.section-top-feature .feature-Box .point.pt3 {
	  position: absolute;
	  top: 20%;
	  left: 7%;
	  right: auto;
	}
	.section-top-feature .feature-Box ul img:hover {
	  opacity: 0.7;
	  transition: 0.3s;
	}
}

.section-top-recruit {
  background: url("../img/top/recruit.jpg") #333 no-repeat right -5% top;
  background-size: 62%;
  height: 90vh;
  padding: 80px 0;
  margin-top: 90px;
  width: 100%;
}
.section-top-recruit .txtBox {
  width: 28%;
}
.section-top-recruit h4,
.section-top-recruit h5 {
  color: #fff;
}
.section-top-recruit h4.rec-ttl {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 40px;
}
.section-top-recruit h5.rec-txt {
  font-size: 16px;
  line-height: 2;
  margin: 40px 0 60px;
}

@media only screen and (max-width: 1280px) {
	.section-top-recruit {
	  height: fit-content;
	  margin-top: 120px;
	}
}
@media only screen and (max-width: 767px) {
	.section-top-recruit {
	  background: url("../img/top/recruit.jpg") #333 no-repeat right -5% bottom -10%;
	  background-size: 100%;
	  height: 125vh;
	  margin-top: 40px;
	}
	.section-top-recruit .txtBox {
	  width: 100%;
	}
	.section-top-recruit h4.rec-ttl {
	  font-size: 26px;
	  font-weight: 600;
	}
	.section-top-recruit h5.rec-txt {
	  font-size: 15px;
	  margin: 30px 0;
	}
}
@media (min-width: 375px) and (max-width: 766px) {
	.section-top-recruit {
	  height: 145vh;
	}
}


/* Contact
 * ------------------------------------ */
footer .section-footer-contact {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .block-footer-contact {
  color: #fff;
  background-size: cover;
  align-content: center;
  height: 49vh;
  text-align: center;
  padding: 0 3%;
  width: 50%;
}
footer .block-footer-contact li {
  color: #fff;
}
footer .block-footer-contact.web {
  background: url("../img/common/contact-bg-web.jpg") no-repeat;
  background-size: 100%;
}
footer .block-footer-contact.tel {
  background: url("../img/common/contact-bg-tel.jpg") no-repeat;
  background-size: 100%;
}
footer .block-footer-contact .ttl {
  font-size: 30px;
  font-weight: bold;
}
footer .block-footer-contact .txt {
  font-size: 15px;
  line-height: 1.8;
  margin: 20px 0 40px;
}
footer .block-footer-contact .btnBox {
  position: relative;
  margin: 0 auto;
}
footer .block-footer-contact .btnBox .btn-frame {
  position: relative;
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  border: solid 1px #fff;
  border-radius: 80px;
  padding: 20px 20px 20px 35px;
  transition: .8s;
}
footer .block-footer-contact.tel .btnBox .btn-frame {
  font-size: 26px;
  padding: 15px 20px 15px 75px;
}
footer .block-footer-contact.web .btnBox {
  width: 320px;
}
footer .block-footer-contact.tel .btnBox {
  width: 360px;
}
footer .block-footer-contact .btnBox a:visited,
footer .block-footer-contact .btnBox a:link {
  color: #fff;
}
footer .block-footer-contact.web .btnBox .btn-frame::after {
  content: url("../img/common/contact-btn-arrow.png");
  position: absolute;
  top: 8px;
  right: 10px;
  width: 46px;
  height: 46px;
}
footer .block-footer-contact.tel .btnBox .btn-frame::after {
  content: url("../img/common/contact-btn-tel.png");
  position: absolute;
  top: 8px;
  right: 10px;
  width: 46px;
  height: 46px;
}
footer .block-footer-contact.tel .btnBox .btn-frame::before {
  content: '';
  background: url("../img/common/contact-freedial.png") no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 25px;
  left: 30px;
  width: 36px;
  height: 21px;
}
footer .block-footer-contact .btnBox .btn-frame:hover {
  background: #fff;
  color: #015480;
  transition: .8s;
}

@media only screen and (max-width: 767px) {
	footer .block-footer-contact {
	  width: 100%;
	}
	footer .block-footer-contact.web {
	  background: url("../img/common/contact-bg-web_sp.jpg") no-repeat;
	  background-size: 100%;
	  margin-bottom: 30px;
	}
	footer .block-footer-contact.tel {
	  background: url("../img/common/contact-bg-tel_sp.jpg") no-repeat;
	  background-size: 100%;
	}
	footer .block-footer-contact.web .btnBox {
	  width: 90%;
	}
	footer .block-footer-contact.tel .btnBox {
	  width: 90%;
	}
}


/* COMMON FOOTER
 * ----------------------------------------------- */
footer {
  background-color: #fff;
}
footer .btn-page-top {
  position: fixed;
  width: 70px;
  right: 1%;
  bottom: -200px; /* ← 最初は隠す */
  z-index: 99;
  transition: all 0.5s ease-out;
}
footer .btn-form {
  position: fixed;
  width: 250px;
  right: 7%;
  bottom: -200px; /* ← 最初は隠す */
  z-index: 99;
  transition: all 0.5s ease-out;
}
footer .btn-page-top.visible,
footer .btn-form.visible {
  bottom: 10px;   /* ← 表示位置 */
  opacity: 1;
}
footer .common-footer-wrapper {
  letter-spacing: 0.1em;
}
footer .common-footer-wrapper .box-add {
  margin-top: 40px;
}
footer .common-footer-wrapper .box-add .ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
footer .common-footer-wrapper .box-add .txt {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 10px;
}
footer .common-footer-wrapper .box-add .tel {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
footer .block-sitemap {
  max-width: 1080px;
  margin: auto;
  padding: 60px 0 30px;
  transition: .4s;
}
footer .block-sitemap .footer-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .block-sitemap .box-sitemap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #333;
  width: 70%;
  font-size: 15px;
  font-weight: 500;
}
footer .block-sitemap .box-sitemap::after {
  content: '';
  display: block;
  width: 7%;
}
footer .block-sitemap .box-sitemap ul {
  border-left: solid 1px #fff;
  padding-left: 60px;
  margin-bottom: 60px;
}
footer .block-sitemap .box-sitemap li.ttl {
  position: relative;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
footer .block-sitemap .box-sitemap li.txt {
  color: #666;
  font-size: 14px;
  font-weight: bold;
  line-height: 2.4;
  transition: .6s;
}
footer .block-sitemap .box-sitemap li.txt a:link,
footer .block-sitemap .box-sitemap li.txt a:visited,
footer .block-sitemap .box-sitemap li.txt a:active {
  color: #666;
}
footer .block-sitemap .box-sitemap li.txt a:hover {
  color: #23933a;
  transition: .6s;
}
footer .block-sitemap .box-sitemap li.ttl::after {
  content: '';
  background: url("../img/common/footer-link_arrow.png") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 7px;
  height: 11px;
  margin-left: 5px;
}
footer .block-sitemap .box-sitemap a:link,
footer .block-sitemap .box-sitemap a:visited,
footer .block-sitemap .box-sitemap a:hover,
footer .block-sitemap .box-sitemap a:active {
  color: #333;
}
footer .block-sitemap .box-sitemap a:hover {
  color: #068420;
  transition: .4s;
}
footer .foot-other .snsBox {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
footer .foot-other .snsBox p {
  margin-right: 15px;
}
footer .foot-other .linkBox ul {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.05em;
}
footer .foot-other .linkBox li {
  margin-right: 12px;
}
footer .foot-other .linkBox li.link::after {
  content: '｜';
  padding-left: 12px;
}
footer .foot-other .linkBox li.company::after {
  content: url(../img/common/ico_link-window-gr.png);
  margin-left: 3px;
}
footer .block-copy {
  background: #004b36;
  font-size: 12px;
  color: #fff;
  text-align: left;
  letter-spacing: 0.06em;
  padding: 30px 0;
}
footer .block-copy .wrapper {
  width: 1080px;
}
footer .block-copy .copy-text {
  color: #fff;
}

@media print, (min-width: 768px) and (max-width: 1200px) {
  footer .btn-page-top {
    left: auto;
    margin-left: 0;
    right: 20px;
    bottom: 20px;
  }
  footer .btn-form {
    right: 9%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  footer .block-sitemap .link-site {
    background-position: left top;
  }
}
@media only screen and (max-width: 767px) {
  footer .btn-page-top {
    position: fixed;
    width: 70px;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
  }
  footer .btn-page-top.visible {
    bottom: 90px;
  }
  footer .btn-form {
    display: none;
  }
  footer .block-sitemap {
    padding: 60px 30px 30px;
    max-width: 100%;
  }
  footer .footer-col {
    width: 100%;
  }

  footer .common-footer-wrapper .box-add {
    margin: 40px 0 20px;
  }
  footer .common-footer-wrapper .box-add .ttl {
    font-size: 18px;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
  }
  footer .block-copy {
    text-align: center;
  }
  footer .block-copy .wrapper {
    padding: 0 !important;
  }
  footer .block-sitemap .footer-block {
    margin-bottom: 20px;
  }
  footer .block-sitemap .box-sitemap {
    border-top: 1px solid #fff;
    width: 100%;
    margin-top: 20px;
  }
  footer .block-sitemap .box-sitemap p + p {
    margin-top: 2px;
  }
  footer .block-sitemap .link-site {
    position: relative;
    font-weight: 500;
    display: block;
    color: #fff;
    padding: 14px 30px 14px 16px;
    border-bottom: 1px solid #fff;
    letter-spacing: 0.1em;
    font-size: 16px;
  }
  footer .block-sitemap .link-site:after {
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../img/common/icn_arrow_07.png) 0 0 no-repeat;
    background-size: 8px auto;
    right: 15px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  footer .block-sitemap .link-site.link-drop:after {
    background-image: url(../img/common/icn_plus_wh.png);
    background-size: 14px auto;
    right: 20px;
  }
  footer .block-sitemap .link-site .mail,
  footer .block-sitemap .link-site .inst {
    position: relative;
  }
  footer .block-sitemap .link-site .mail::after {
    background: url(../img/common/sp/ico_mail.png) left 0 center no-repeat;
    background-size: 16px auto;
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 11px;
    right: -25px;
    top: 3px;
  }
  footer .block-sitemap .link-site .inst::after {
    background: url(../img/common/sp/ico_instagram_wt.png) left 0 center no-repeat;
    background-size: 18px auto;
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    right: -25px;
    top: 2px;
  }
  footer .block-sitemap .active .link-site.link-drop:after {
    background-image: url(../img/common/icn_minus_wh.png);
    background-size: 14px auto;
    right: 20px;
  }
	footer .foot-other .linkBox li {
	  width: 100%;
	}
	footer .block-copy {
	  margin-bottom: 80px;
	}
	footer .block-copy .wrapper {
	  width: 100%;
	}
	footer .block-sitemap .box-sitemap ul {
	  padding-left: 0;
	  margin-bottom: 40px;
	  width: 45%;
	}
	footer .foot-other .linkBox li {
	  margin-bottom: 5px;
	}
}


/* section page keyvisual
 * ----------------------------------------------- */
.section-page-keyvisual {
  position: relative;
  overflow: hidden;
}
.section-page-keyvisual .keyvisual-wrapper {
  position: relative;
  height: 300px;
}
.section-page-keyvisual .keyvisual-wrapper .wrapper {
  width: 1080px;
  margin: 0 auto;
}
.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box {
  position: absolute;
  top: 31%;
  left: unset;
  color: #fff;
  letter-spacing: 0.05em;
}
.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box.break {
  top: 30%;
}
.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box h2 {
  color: #fff;
  font-size: 34px;
  font-weight: bold;
}
.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box.long {
  top: 30%;
}
.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box.long h2 {
  width: 66%;
  line-height: 1.2;
}
.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box.long p.subttl {
  margin-bottom: 8px;
}

.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box p.subttl {
  color: #fff;
  font-size: 20px;
  margin-bottom: 5px;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h2 {
  position: relative;
  font-size: 28px;
  font-weight: bold;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-text-box.break .flexBox h2 {
  line-height: 0.5;
  margin-top: 15px;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h2.breadcrumb::after {
  position: absolute;
  content: url('../img/common/arrow_breadcrumb_sub.png');
  top: -1px;
  right: -21px;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h3 {
  color: #000;
  position: relative;
  font-size: 28px;
  font-weight: bold;
  margin-left: 35px;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h3:not(.no-breadcrumb)::before {
  position: absolute;
  content: url('../img/common/arrow_breadcrumb_sub.png');
  top: -1px;
  left: -21px;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h3.no-breadcrumb {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
	.section-page-keyvisual .keyvisual-wrapper .wrapper {
	  width: 100%;
	}
	.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box {
	  top: 50%;
	  left: 5%;
	}
	.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box h2 {
	  font-size: 2em;
	}
	.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box p {
	  font-size: 1.5em;
	}
	.section-page-keyvisual img {
	  width: 100%;
	  height: 300px;
	  object-fit: cover;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h2 {
	  font-size: 28px;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h2.breadcrumb {
	  line-height: 1;
	  margin: 10px 0 0;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h3 {
	  font-size: 28px;
	  margin-left: 35px;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-text-box .flexBox h3:not(.no-breadcrumb)::before {
	  position: absolute;
	  content: url('../img/common/arrow_breadcrumb_sub.png');
	  top: 0;
	  left: -21px;
	}
	.section-page-keyvisual .keyvisual-wrapper .wrapper .key-text-box.long h2 {
	  width: 100%;
	}
}

/* section page keyvisual services
 * ----------------------------------------------- */
.section-page-keyvisual.services {
  overflow: unset;
  margin-bottom: 60px;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-img {
  position: relative;
  margin: 0 auto;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-img .bg {
  width: 100%;
  height: 300px;
}
.section-page-keyvisual.services .keyvisual-wrapper .key-img .main {
  position: absolute;
  top: 30%;
  right: 10%;
}

@media only screen and (max-width: 1300px) {
	.section-page-keyvisual.services .keyvisual-wrapper .key-img .main {
	  right: 5%;
	}
}
.section-page-keyvisual.services .keyvisual-wrapper .wrapper .key-text-box h2 {
  color: #000;
  line-height: 0.5;
  margin-top: 15px;
}
.section-page-keyvisual.services .keyvisual-wrapper .wrapper .key-text-box h2.onecol {
  line-height: 1.2;
  margin-top: 10px;
}
.section-page-keyvisual.services .keyvisual-wrapper .wrapper .key-text-box .break {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.section-page-keyvisual.services .keyvisual-wrapper .wrapper .key-text-box p.subttl {
  color: #000;
}

@media only screen and (max-width: 767px) {
	.section-page-keyvisual.services  {
	  margin-bottom: 280px;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-img .main {
	  position: absolute;
	  top: 66%;
	  right: 0;
	  object-fit: cover;
	  width: 85%;
	  height: 70%;
	  border-radius: 10px 0 0 10px;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-img .main img {
	  max-width: 100%;
	  height: auto;
	  display: block;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-img .bg {
	  height: 400px;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .wrapper .key-text-box {
	  top: 43%;
	  left: 5%;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .wrapper .key-text-box p.subttl {
	  font-size: 18px;
	  margin-bottom: 0;
	}
}

@media only screen and (max-width: 480px) {
	.section-page-keyvisual.services  {
	  padding-bottom: 180px;
	  margin-bottom: 0;
	}
	.section-page-keyvisual.services .keyvisual-wrapper .key-img .main {
	  top: 66%;
	  right: 0;
	  width: 85%;
	  height: 52%;
	  border-radius: 10px 0 0 10px;
	}
}


/* PAGE NEWS DETAIL
 * ----------------------------------------------- */
.section-news-detail .list-news.second {
  border-bottom: 5px solid #068420 !important;
  padding-bottom: 10px;
  margin-top: -30px;
}
.section-news-detail .ttl-date {
  display: flex;
  align-items: center;
}
.section-news-detail .ttl-date .date {
  color: #068420;
  font-size: 22px;
  font-weight: bold;
  margin-right: 20px;
}
.section-news-detail .ttl-date .cat {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: bold;
  border: solid 1px #000;
  padding: 5px 13px;
}
.section-news-detail .ttl-date p.column-no {
  color: #068420;
  font-size: 22px;
  font-weight: bold;
  margin-right: 20px;
}
.section-news-detail .list-news.second h1.article-title {
  font-size: 28px;
  font-weight: 600;
}
.single-sns {
  margin-top: 40px;
}
.single-sns ul {
  display: flex;
  justify-content: flex-start;
  margin: 60px 0;
}
.single-sns .sns-btn {
  display: block;
  border: solid 1px #000;
  font-size: 12px;
  text-align: center;
  padding: 20px 0 18px;
  width: 300px;
  margin-right: 20px;
  transition: 0.4s;
}
.single-sns .sns-btn img {
  margin-right: 15px;
}
.single-sns .sns-btn span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
.single-sns .sns-btn:hover {
  transition: 0.4s;
  color: #fff;
  background: #000;
}
.single-sns .sns-btn.fb:hover {
  background: #0863f7;
}

@media only screen and (max-width: 767px) {
	.section-news-detail {
	  margin-bottom: 60px;
	}
	.single-sns ul {
	  flex-wrap: wrap;
	}
	.single-sns ul {
	  width: 100%;
	}
	.single-sns li {
	  min-width: 100%;
	  margin-bottom: 20px;
	}
	.single-sns .sns-btn {
	  width: 100%;
	}
	.section-news-detail .ttl-date .date {
	  font-size: 20px;
	}
	.section-news-detail .list-news.second h1.article-title {
	  font-size: 26px;
	}
}

/* UnderPage COMMON
 * ----------------------------------------------- */
.section-up-cont {
  padding: 80px 0 120px;
  width: 100%;
}
.section-up-cont.services {
  padding: 90px 0 120px;
}
.section-up-cont.works {
  padding: 80px 0 0;
}
.section-up-cont .cont {
  margin-bottom: 100px;
}
.section-up-cont .cont.logging {
  margin-bottom: 40px;
}
.section-up-cont .cont.service {
  border-bottom: dotted 2px #ddd;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.section-up-cont .cont.last {
  margin-bottom: 0;
}
.section-up-cont h3 {
  font-size: 32px;
  font-weight: bold;
  border-left: solid 7px #068420;
  background: transparent;
  margin-bottom: 30px;
  padding: 0em 0.5em;
}
.section-up-cont h3.ttl {
  position: relative;
  color: #fff;
  background: #068420;
  font-size: 28px;
  font-weight: bold;
  border-radius: 80px;
  margin-bottom: 30px;
  padding: 17px 17px 17px 63px;
  width: 100%;
}
.section-up-cont h3.ttl.construction {
  padding: 17px 17px 17px 70px;
}
.section-up-cont h3.ttl::before {
  content: '';
  position: absolute;
  top: 21px;
  left: 20px;
  background: url(../img/service/ico_kirikabu.png) no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
}
.section-up-cont h3.ttl.construction::before {
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  background: url(../img/service/construction/ico_construction.png) no-repeat;
  background-size: contain;
  width: 38px;
  height: 28px;
}
.section-up-cont h3.ttl.rooftop::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 24px;
  background: url(../img/service/rooftop-garden/ico_rooftop.png) no-repeat;
  background-size: contain;
  width: 26px;
  height: 30px;
}
.section-up-cont h4 {
  color: #068420;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.01em;
  border-bottom: solid 5px #068420;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.section-up-cont h5 {
  background: #f4f4f4;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  padding: .6em .8em;
}
.section-up-cont h5::before {
  content: '';
  padding: 0.005em .4em;
  background: transparent;
  border-left: solid 7px #068420;
}
.section-up-cont p.ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
  border-bottom: dashed 1px #068420;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.section-up-cont p.ttl.garden {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 15px;
}
.section-up-cont p span {
  background: linear-gradient(transparent 30%, #f6ff00 30%);
}
.section-up-cont p.txt {
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.section-up-cont .menuBox {
  margin: 30px 0 80px;
}
.section-up-cont .menuBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: solid 1px #1ea339;
  border-radius: 5px;
  width: 100%;
}
.section-up-cont .menuBox li {
  width: 33.3333%;
  border-right: solid 1px #1ea339;
}
.section-up-cont .menuBox li.active {
  background: #1ea339;
}
.section-up-cont .menuBox li.active .menu {
  color: #fff;
}
.section-up-cont .menuBox li:last-child {
  border-right: none;
}
.section-up-cont .menuBox .menu {
  display: inline-block;
  color: #027b1b;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  text-decoration: underline;
  padding: 15px;
  width: 100%;
  transition: .6s;
}
.section-up-cont .menuBox .menu:hover {
  background: #1ea339;
  color: #fff;
  transition: .6s;
}
.section-up-cont .menuBox.two li {
  width: 50%;
}
.section-up-cont .menuBox.four li {
  width: 25%;
}
.section-up-cont .menuBox.five li {
  width: 20%;
}
.section-up-cont .menuBox.five .menu {
  font-size: 17px;
}
.section-up-cont .othermenuBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.section-up-cont .othermenuBox ul {
  display: flex;
  flex-wrap: wrap;
  width: 24%;
  margin-bottom: 12px;
}
.section-up-cont .othermenuBox a.menu {
  display: flex;
  align-items: center;
  background: #d2ebe1;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  padding: 10px 20px 10px 10px;
  transition: .6s;
}
.section-up-cont .othermenuBox a.menu:hover {
  color: #fff;
  background: #068420;
  transition: .6s;
}
.section-up-cont .othermenuBox a.menu:hover * {
  color: #fff;
}
.section-up-cont .othermenuBox a {
  display: flex;
  width: 100%;
}
.section-up-cont .othermenuBox a.menu .img {
  width: 27%;
  margin-right: 20px;
}
.section-up-cont .othermenuBox a.menu .txt {
  width: 63%;
}
.section-up-cont .othermenuBox .menu .img img {
  width: 60px;
}

@media only screen and (max-width: 767px) {
	.section-up-cont h3 {
	  line-height: 1.3;
	}
	.section-up-cont h4 {
	  margin-bottom: 40px;
	}
	.section-up-cont .menuBox li {
	  width: 100%;
	  border-right: none;
	  border-bottom: solid 1px #1ea339;
	}
	.section-up-cont .menuBox.two li {
	  width: 100%;
	}
	.section-up-cont .menuBox.four li {
	  width: 100%;
	}
	.section-up-cont .menuBox.five li {
	  width: 100%;
	}
	.section-up-cont .menuBox li:last-child {
	  border-bottom: none;
	}
	.section-up-cont.services {
	  padding: 60px 0 120px;
	}
	.section-up-cont h5 {
	  font-size: 22px;
	  padding-left: 2em;
	  text-indent: -1.1em;
	}
	.section-up-cont .othermenuBox ul {
	  width: 100%;
	}
	.section-up-cont .othermenuBox a.menu {
	  font-size: 17px;
	}
	.section-up-cont .othermenuBox a.menu .img {
	  width: 20%;
	}
	.section-up-cont .othermenuBox a.menu .txt {
	  width: 70%;
	}


}

/* PAGE STRENGTH
 * ----------------------------------------------- */
.section-up-cont .flexBox {
  width: 100%;
}
.section-up-cont .flexBox::after {
  content: '';
  display: block;
  width: 31%;
}
.section-up-cont .flexBox ul {
  width: 31%;
  margin-top: 40px;
}
.section-up-cont .flexBox img {
  border-radius: 10px;
  width: 100%;
}
.section-up-cont .flexBox .ttl {
  color: #1ea33a;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}
.section-up-cont .strengthBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: dashed 1px #068420;
  padding-bottom: 30px;
  margin: 10px 0 30px;
}
.section-up-cont .strengthBox .txtBox {
  width: 70%;
}
.section-up-cont .strengthBox .imgBox {
  width: 26%;
}
.section-up-cont .strengthBox .imgBox img {
  border-radius: 10px;
  border: solid 4px #000;
  width: 100%;
}
.section-up-cont .strengthBox .txtBox .ttl {
  font-size: 22px;
  border: none;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.section-up-cont .strengthBox .txtBox .txt {
  font-size: 17px;
  line-height: 1.6;
}
.section-up-cont .tabBox {
  display: flex;
  width: 100%;
}
.section-up-cont .tabBox p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 22%;
  margin-right: 10px;
}
.section-up-cont .tabBox .tab {
  display: block;
  color: #fff;
  background: #008e66;
  padding: 12px;
  border-radius: 5px 5px 0 0;
}
.section-up-cont .tabBox .tab.bl {
  background: #2077b4;
}
.section-up-cont .memoBox {
  background: url(../img/common/back_pat.gif);
  padding: 70px 60px 60px;
  width: 100%;
}
.section-up-cont .memoBox .box {
  margin-bottom: 60px;
}
.section-up-cont .memoBox .ttl {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  border-bottom: solid 4px #008e66;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.section-up-cont .memoBox .ttl::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: -38px;
  right: 0;
  width: 75px;
  height: 103px;
  background: url(../img/about/pen.png) no-repeat;
  background-size: contain;
}
.section-up-cont .memoBox .flexBox .txt {
  width: 51%;
  font-size: 17px;
  line-height: 1.7;
}
.section-up-cont .memoBox .flexBox img {
  width: 44%;
  height: 244px;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .flexBox::after {
	  width: 100%;
	}
	.section-up-cont .flexBox ul {
	  width: 100%;
	}
	.section-up-cont .strengthBox .txtBox {
	  width: 100%;
	}
	.section-up-cont .strengthBox .imgBox {
	  width: 100%;
	  margin-bottom: 20px;
	}
	.section-up-cont .strengthBox .txtBox .ttl {
	  line-height: 1.3;
	}
	.section-up-cont .strengthBox {
	  margin: 10px 0 80px;
	}
	.section-up-cont .tabBox p {
	  width: 25%;
	}
	.section-up-cont .tabBox .tab {
	  line-height: 1.2;
	}
	.section-up-cont .memoBox {
	  padding: 70px 20px 60px;
	}
	.section-up-cont .memoBox .ttl::after {
	  top: -19px;
	  width: 60px;
	}
	.section-up-cont .memoBox .flexBox .txt {
	  width: 100%;
	  margin-bottom: 30px;
	}
	.section-up-cont .memoBox .flexBox img {
	  width: 100%;
	  height: auto;
	}
	.section-up-cont .memoBox .box {
	  margin-bottom: 80px;
	}
}

/* PAGE SERVICES
 * ----------------------------------------------- */
.section-up-cont .serviceBox {
  width: 100%;
}
.section-up-cont .serviceBox .txtBox {
  width: 52%;
}
.section-up-cont .serviceBox .imgBox {
  width: 43%;
}
.section-up-cont .serviceBox .imgBox img {
  width: 100%;
}
.section-up-cont .serviceBox .txtBox .txt {
  font-size: 17px;
  line-height: 1.7;
}
.section-up-cont .serviceBox .flexBox ul {
  width: 31%;
}
.section-up-cont .serviceBox .flexBox ul.two-col {
  width: 48%;
}
.section-up-cont .serviceBox .flexBox ul.two-col .img img {
  object-fit: cover;
  height: 220px;
}
.section-up-cont .serviceBox .flexBox .ttl {
  color: #187d5a;
  font-size: 26px;
  text-align: left;
}
.section-up-cont .serviceBox .flexBox .img {
  margin: 10px 0 20px;
}
.section-up-cont .serviceBox .flexBox .img img {
  width: 100%;
}
.section-up-cont .serviceBox .flexBox .txt {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.section-up-cont .serviceBox .flexBox .img {
  transition: .6s;
}
.section-up-cont .serviceBox .flexBox .img a:hover {
  opacity: .6;
  transition: .6s;
}

/* PAGE SERVICES:logging */
.section-up-cont .serviceBox .pricingBox {
  margin-bottom: 80px;
}
.section-up-cont .serviceBox .detailBox {
  border-top: dotted 1px #1ea339;
  border-bottom: dotted 1px #1ea339;
  padding: 30px 0;
  margin: 35px 0;
  display: flex;
  font-size: 16px;
  line-height: 1.7;
  width: 100%;
}
.section-up-cont .serviceBox .detailBox .detail-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.7;
}
.section-up-cont .serviceBox .detailBox .detail-table td {
  padding: 15px 0;
}
.section-up-cont .serviceBox .detailBox .detail-table .ttl {
  width: 28%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  vertical-align: top;
}
.section-up-cont .serviceBox .detailBox .detail-table .detail {
  width: 72%;
  padding-left: 40px;
  font-weight: normal;
  letter-spacing: 0.01em;
  vertical-align: top;
}
.section-up-cont .serviceBox .detailBox .detail-table .detail span.ftc-gr {
  color: #1ea339;
  font-weight: bold;
}
.section-up-cont .serviceBox .example-Box {
  margin-bottom: 80px;
}
.section-up-cont .serviceBox .example-Box .imgBox {
  width: 100%;
}
.section-up-cont .serviceBox .example-Box .imgBox img {
  width: 70%;
}
.section-up-cont .serviceBox .example-Box .txtBox {
  width: 100%;
  margin-top: 40px;
}
.section-up-cont .serviceBox .example-Box .flexBox {
  width: 100%;
}
.section-up-cont .serviceBox .example-Box .flexBox img {
  width: 48%;
  border-radius: 0;
  margin-bottom: 40px;
}
.section-up-cont .serviceBox .pricingBox2 {
  width: 100%;
}
.section-up-cont .serviceBox .pricingBox2 table.pricing {
  width: 100%;
  font-size: 18px;
  margin-bottom: 20px;
}
.section-up-cont .serviceBox .pricingBox2 table.pricing tr {
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}

.section-up-cont .serviceBox .pricingBox2 table.pricing .ttl {
  width: 15%;
  font-weight: bold;
  background: #f4f4f4;
  padding: 20px 0 20px 30px;
}
.section-up-cont .serviceBox .pricingBox2 table.pricing .detail {
  width: 35%;
  padding: 20px 0 20px 30px;
}
.section-up-cont .serviceBox .pricingBox2 .caution {
  width: 100%;
  background: #e9f5f3;
  padding: 40px 50px;
}
.section-up-cont .serviceBox .pricingBox2 .caution .ttl {
  color: #068420;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.section-up-cont .serviceBox .pricingBox2 .caution .txt {
  font-size: 16px;
  list-style-type: disc;
  margin: 0 0 2px 18px;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .serviceBox .detailBox .detail-table {
	  font-size: 14px;
	  line-height: 1.6;
	}
	.section-up-cont .serviceBox .detailBox .detail-table .ttl {
	  font-size: 16px;
	  width: 30%;
	}
	.section-up-cont .serviceBox .detailBox .detail-table .detail {
	  width: 70%;
	  padding-left: 20px;
	}
	.section-up-cont .serviceBox .example-Box .flexBox img {
	  width: 100%;
	  margin-bottom: 20px;
	}
	.section-up-cont .serviceBox .example-Box .imgBox img {
	  width: 100%;
	}
	.section-up-cont .serviceBox .pricingBox2 table.pricing {
	  font-size: 16px;
	}
	.section-up-cont .serviceBox .pricingBox2 table.pricing .ttl {
	  width: 20%;
	  padding: 20px 0 20px 5px;
	}
	.section-up-cont .serviceBox .pricingBox2 table.pricing .detail {
	  width: 30%;
	  padding: 20px 0 20px 10px;
	}
	.section-up-cont .serviceBox .pricingBox2 .caution {
	  padding: 40px 30px;
	}
}

/* PAGE SERVICES:specialized */
.section-up-cont .serviceBox .specialized-Box .box {
  position: relative;
  background: url(../img/common/back_pat.gif);
  border: solid 2px #ddd;
  padding: 30px 40px;
  margin-bottom: 50px;
  width: 100%;
}
.section-up-cont .serviceBox .specialized-Box .box::after {
  content: '';
  position: absolute;
  bottom: -39px;
  left: 47.5%;
  background: url(../img/service/specialized/arrow.png) no-repeat;
  background-size: contain;
  width: 50px;
  height: 20px;
}
.section-up-cont .serviceBox .specialized-Box .box:last-child::after {
  content: unset;
  position: unset;
}
.section-up-cont .serviceBox .specialized-Box .box .txtBox {
  width: 64%;
}
.section-up-cont .serviceBox .specialized-Box .box .txtBox .txt {
  font-size: 20px;
  line-height: 1.8;
}
.section-up-cont .serviceBox .specialized-Box .box .imgBox {
  width: 28%;
}
.section-up-cont .serviceBox .specialized-Box .box .imgBox img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .serviceBox .specialized-Box .box {
	  padding: 30px 20px;
	}
	.section-up-cont .serviceBox .specialized-Box .box .txtBox {
	  width: 54%;
	}
	.section-up-cont .serviceBox .specialized-Box .box .txtBox .txt {
	  font-size: 17px;
	  line-height: 1.7;
	}
	.section-up-cont .serviceBox .specialized-Box .box .imgBox {
	  width: 40%;
	}
}

/* PAGE SERVICES:branch */
.section-up-cont .cont.branch .serviceBox .pricingBox  {
  border-bottom: dotted 1px #1ea339;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
.section-up-cont .cont.branch .serviceBox .branchBox {
  width: 100%;
}
.section-up-cont .cont.branch .serviceBox .branchBox .detail-table {
  font-size: 17px;
  line-height: 1.6;
  width: 100%;
}
.section-up-cont .cont.branch .serviceBox .branchBox .detail-table tr {
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}
.section-up-cont .cont.branch .serviceBox .branchBox .detail-table td {
  padding: 15px 20px;
}
.section-up-cont .cont.branch .serviceBox .branchBox .detail-table td.ttl {
  width: 36%;
  font-weight: bold;
  background: #f6f6f6;
}
.section-up-cont .cont.branch .serviceBox .branchBox .detail-table td.detail {
  width: 64%;
  padding-left: 30px;
}
.section-up-cont .cont.branch .serviceBox .example-Box .imgBox img {
  width: 48%;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .cont.branch .serviceBox .example-Box .imgBox img {
	  width: 100%;
	}
	.section-up-cont .cont.branch .serviceBox .branchBox .detail-table td.detail {
	  padding-left: 20px;
	}
}

/* PAGE SERVICES:pruning */
.section-up-cont .cont .serviceBox .branchBox .detail-table {
  font-size: 17px;
  line-height: 1.6;
  width: 100%;
}
.section-up-cont .cont .serviceBox .branchBox .detail-table tr {
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}
.section-up-cont .cont .serviceBox .branchBox .detail-table td {
  padding: 15px 20px;
}
.section-up-cont .cont .serviceBox .branchBox .detail-table td.ttl {
  width: 30%;
  font-weight: bold;
  background: #f3f9f4;
}
.section-up-cont .cont .serviceBox .branchBox .detail-table td.detail {
  width: 70%;
  padding-left: 30px;
}
.section-up-cont .cont.pruning .serviceBox .cautionBox {
  color: #1ea339;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border: solid 4px #1ea339;
  padding: 30px;
  margin-top: 30px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .cont .serviceBox .branchBox .detail-table td.ttl {
	  width: 40%;
	}
	.section-up-cont .cont .serviceBox .branchBox .detail-table td.detail {
	  width: 50%;
	  padding-left: 20px;
	}
}

/* PAGE SERVICES:root-removal */
.section-up-cont .cont .serviceBox .point {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 22px;
}
.section-up-cont .cont .serviceBox .point li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 6px;
}
.section-up-cont .cont .serviceBox .point li::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  background: url(../img/service/root-removal/ico_check.png) no-repeat;
  background-size: contain;
  width: 26px;
  height: 22px;
}
.section-up-cont .cont .serviceBox .remark {
  font-size: 15px;
  line-height: 1.6;
}

/* PAGE SERVICES:grass-cutting */
.section-up-cont .cont.grass .serviceBox .remark-txt {
  font-size: 18px;
  font-weight: bold;
}
.section-up-cont .cont.grass .serviceBox .txt {
  font-size: 16px;
  margin-top: 5px;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table {
  display: inline-block;
  overflow-x: scroll;
  margin: 15px 0 40px;
  width: 100%;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table tr {
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  background: #f4f4f4;
  padding: 20px 0;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table th {
  color: #068420;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  padding: 15px 30px;
  border-right: solid 1px #666;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table th,
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td {
  width: 16.6666%;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table th:last-child {
  border-right: none;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td {
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  padding: 15px 30px;
  border-right: solid 1px #666;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td:last-child {
  border-right: none;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td.ttl {
  font-size: 18px;
  font-weight: bold;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td.subttl {
  font-size: 16px;
  font-weight: bold;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td.txt {
  font-size: 16px;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td.gr {
  background: #ebf5ed;
}
.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td.yl {
  background: #fcf9eb;
}

.section-up-cont .cont.grass .serviceBox .cautionBox {
  margin: 40px 0 60px;
}
.section-up-cont .cont.grass .serviceBox .cautionBox p.ttl {
  color: #fff;
  background: #1ea338;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  margin-bottom: 0;
  width: 100%;
}
.section-up-cont .cont.grass .serviceBox .cautionBox .caution {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: solid 3px #1ea338;
  padding: 25px 40px;
  width: 100%;
}
.section-up-cont .cont.grass .serviceBox .cautionBox .caution ul {
  width: 47%;
  margin-left: 10px;
}
.section-up-cont .cont.grass .serviceBox .cautionBox .caution li {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  list-style-type: disc;
  margin-bottom: 10px;
}
.section-up-cont .cont.grass .serviceBox .branchBox .detail-table td.ttl {
  color: #007619;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .cont.grass .serviceBox .cautionBox .caution {
	  padding: 25px;
	}
	.section-up-cont .cont.grass .serviceBox .cautionBox .caution ul {
	  width: 100%;
	}
	.section-up-cont .cont.grass .serviceBox .grassBox .detail-table {
	  margin: 15px 0 30px;
	}
	.section-up-cont .cont.grass .serviceBox .grassBox .detail-table th,
	.section-up-cont .cont.grass .serviceBox .grassBox .detail-table td {
	  padding: 15px 20px;
	}
}

/* PAGE SERVICES: vine */
.section-up-cont .cont.grass .serviceBox .pestsBox {
  background: #e9f5f3;
  padding: 30px 40px;
  margin: 30px 0;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .ttl {
  color: #068420;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 15px;
  padding-bottom: 0;
  border: none;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .box ul {
  width: 16%;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .box li.img {
  display: flex;
  align-items: center;
  background: #fff;
  border: solid 3px #4d895a;
  width: 155px;
  height: 155px;
  padding: 30px;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .box li.img img {
  margin: 0 auto;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .box li.txt {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .txtbox {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 30px;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .txtbox li {
  margin-bottom: 7px;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .txtbox .detail-txt {
  text-indent: -1.2em;
  padding-left: 1.2em;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .detail-txt::before {
  content: '※';
  padding-right: 3px;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .imgbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.section-up-cont .cont.grass .serviceBox .pestsBox .imgbox img {
  width: 31%;
  object-fit: cover;
  height: 300px;
}
.section-up-cont .cont .serviceBox .reasonBox {
  margin-bottom: 80px;
  width: 100%;
}
.section-up-cont .cont .serviceBox .reasonBox .txtBox {
  font-size: 16px;
  line-height: 1.7;
  width: 53%;
}
.section-up-cont .cont .serviceBox .reasonBox .imgBox {
  width: 43%;
}
.section-up-cont .cont .serviceBox .reasonBox h6 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.section-up-cont .cont .serviceBox .reasonBox .flexBox {
  margin-bottom: 80px;
}
.section-up-cont .cont .serviceBox .reasonBox .flexBox.adjust {
  margin-bottom: 30px;
}
.section-up-cont .cont.grass .serviceBox .movieBox ul {
  width: 55%;
}
.section-up-cont .cont.grass .serviceBox .movieBox .movie {
  margin-bottom: 10px;
}
.section-up-cont .cont.grass .serviceBox .movieBox .movie iframe {
  width: 580px;
  height: 360px;
}
.section-up-cont .cont.grass .serviceBox .movieBox .txt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
}
.section-up-cont .cont .serviceBox .movieBox ul {
  width: 55%;
}
.section-up-cont .cont .serviceBox .movieBox .movie iframe {
  width: 580px;
  height: 360px;
}
.section-up-cont .cont.grass .flexBox .img {
  width: 48.5%;
}
.section-up-cont .cont.grass .flexBox .img img {
  object-fit: cover;
  height: 350px;
  border-radius: 0;
}
.section-up-cont .cont p.txt.vine {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.section-up-cont .cont .vineBox table.detail-table {
  font-size: 16px;
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  table-layout: fixed;
  width: 100%;
}
.section-up-cont .cont .vineBox table.detail-table tr {
  border-bottom: solid 1px #666;
}
.section-up-cont .cont .vineBox table.detail-table th,
.section-up-cont .cont .vineBox table.detail-table td {
  padding: 15px 30px;
}
.section-up-cont .cont .vineBox table.detail-table th.wid25 {
  width: 25%;
}
.section-up-cont .cont .vineBox table.detail-table th.wid30 {
  width: 30%;
}
.section-up-cont .cont .vineBox table.detail-table th.wid40 {
  width: 40%;
}
.section-up-cont .cont .vineBox table.detail-table th {
  background: #f2f2f2;
  font-weight: bold;
  border-right: solid 1px #666;
}
.section-up-cont .cont .vineBox table.detail-table td {
  border-right: solid 1px #666;
}
.section-up-cont .cont .vineBox table.detail-table td.ttl,
.section-up-cont .cont .vineBox table.detail-table td.price {
  font-weight: bold;
}
.section-up-cont .cont .vineBox table.detail-table td.ttl {
  background: #f2f2f2;
}
.section-up-cont .cont .vineBox table.detail-table td.price {
  color: #d20a0a;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .cont.grass .serviceBox .pestsBox {
	  padding: 30px 20px;
	}
	.section-up-cont .cont.grass .serviceBox .pestsBox .box ul {
	  width: 48%;
	  margin-bottom: 20px;
	}
	.section-up-cont .cont.grass .serviceBox .pestsBox .box li.img {
	  width: 100%;
	  height: 120px;
	  padding: 20px;
	}
	.section-up-cont .cont.grass .serviceBox .movieBox ul {
	  width: 100%;
	}
	.section-up-cont .cont.grass .serviceBox .movieBox .movie iframe {
	  width: 100%;
	  height: 300px;
	}
	.section-up-cont .cont .serviceBox .movieBox ul {
	  width: 100%;
	}
	.section-up-cont .cont .serviceBox .movieBox .movie iframe {
	  width: 100%;
	  height: 300px;
	}
	.section-up-cont .cont.grass .flexBox .img {
	  width: 100%;
	}
	.section-up-cont .cont .vineBox table.detail-table th,
	.section-up-cont .cont .vineBox table.detail-table td {
	  padding: 15px;
	}
	.section-up-cont .cont.grass .serviceBox .pestsBox .imgbox img {
	  width: 100%;
	  margin-bottom: 20px;
	}
	.section-up-cont .cont .serviceBox .reasonBox .txtBox {
	  width: 100%;
	}
	.section-up-cont .cont .serviceBox .reasonBox .imgBox {
	  width: 100%;
	  margin-top: 30px;
	}
}

/* PAGE SERVICES: akiya */
.section-up-cont .cont.grass .txt.akiya {
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  margin: 0 auto;
  width: 70%;
}
.section-up-cont .cont.grass .serviceBox .akiyaBox .imgBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  width: 100%;
}
.section-up-cont .cont.grass .serviceBox .akiyaBox .imgBox .img {
  margin-right: 20px;
  width: 40%;
}
.section-up-cont .cont.grass .serviceBox .akiyaBox .imgBox.noflex {
  display: block;
  margin-top: 30px;
  width: 57%;
}
.section-up-cont .cont .serviceBox .vineBox p.ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0 10px;
  border: none;
  padding: 0;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .cont.grass .serviceBox .akiyaBox .imgBox.noflex {
	  width:100%;
	}
}

/* PAGE SERVICES: construction */
.section-up-cont .serviceBox .construction .flexBox.reverse {
  flex-direction: row-reverse;
}
.section-up-cont .serviceBox .construction .txtBox {
  font-size: 17px;
  line-height: 1.7;
}
.section-up-cont .serviceBox .construction .imgBox .img {
  border-radius: 0;
  margin: 0;
}
.section-up-cont .serviceBox .construction .flexBox.three {
  margin-top: 30px;
}
.section-up-cont .serviceBox .construction .flexBox.three .img {
  width: 31.5%;
  border-radius: 0;
}
.section-up-cont .serviceBox .demolition {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: dashed 1px #1ea338;
  border-bottom: dashed 1px #1ea338;
  padding: 30px 0;
}
.section-up-cont .serviceBox .demolition ul {
  width: 31%;
  margin-bottom: 40px;
}
.section-up-cont .serviceBox .demolition .img img {
  width: 100%;
  border: solid 3px #1ea338;
}
.section-up-cont .serviceBox .demolition .txt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 7px;
}
.section-up-cont .serviceBox .demolition-point {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-up-cont .serviceBox .demolition-point ul {
  text-align: center;
  width: 31%;
}
.section-up-cont .serviceBox .demolition-point .ttl {
  color: #1ea338;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: -9px;
}
.section-up-cont .serviceBox .demolition-point .box {
  background: #e9f4eb;
  padding: 50px;
  margin-bottom: 20px;
}
.section-up-cont .serviceBox .demolition-point .box .img {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 90px;
}
.section-up-cont .serviceBox .demolition-point.rooftop .box .img {
  width: 120px;
}
.section-up-cont .serviceBox .demolition-point .txt {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
}
.section-up-cont .serviceBox .demolition-point .txt .remark {
  display: inline-block;
  font-size: 15px;
  margin-top: 10px;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .serviceBox .construction .flexBox.three .img {
	  width: 100%;
	}
	.section-up-cont .serviceBox .construction .txtBox {
	  margin-bottom: 40px;
	}
	.section-up-cont .serviceBox .construction .flexBox.three {
	  margin-top: 0;
	}
	.section-up-cont .serviceBox .demolition ul {
	  width: 100%;
	}
	.section-up-cont .serviceBox .demolition-point ul {
	  width: 100%;
	  margin-bottom: 40px;
	}
}

/* PAGE: Column */
.section-info.column h3 {
  color: #068420;
  font-size: 28px;
  font-weight: bold;
  border-bottom: solid 5px #068420;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.section-info.column .p.ttl-txt {
  margin-bottom: 40px;
}
.section-info.column .column-list .columnBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.section-info.column .column-list .columnBox::before {
  content: '';
  display: block;
  width: 23%;
  order:1;
}
.section-info.column .column-list .columnBox::after {
  content: '';
  display: block;
  width: 23%;
}
.section-info.column .column-list .columnBox li.box {
  width: 23%;
  margin-bottom: 50px;
}
.section-info.column .column-list .columnBox li.box img {
  border-radius: 8px;
  width: 100%;
  height: 248px;
}
.section-info.column .column-list .columnBox .imgBox {
  margin-bottom: 15px;
}
.section-info.column .column-list .columnBox .txtBox {
  font-size: 16px;
  line-height: 1.7;
}
.section-info.column .column-list .columnBox .tagBox {
  margin-bottom: 15px;
}
.section-info.column .column-list .columnBox .tagBox .tags {
  display: flex;
  width: 100%;
}
.section-info.column .column-list .columnBox .tagBox .tags .tag {
  color: #fff;
  background: #008f58;
  font-size: 13px;
  text-align: center;
  padding: 3px 10px 4px 10px;
  margin-right: 6px;
  border-radius: 80px;
}
.section-info.column .column-list .columnBox .tagBox li a:link,
.section-info.column .column-list .columnBox .tagBox li a:hover,
.section-info.column .column-list .columnBox .tagBox li a:visited {
  color: #fff;
}
.article.column-txt h2 {
  font-size: 22px;
  line-height: 1.4;
  border-top: dashed 1px #bbb;
  border-bottom: dashed 1px #bbb;
  padding: 10px 0 13px;
  margin: 60px 0 30px;
}
.article.column-txt h3 {
  color: #13af33;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: solid 1px #13af33;
  padding-bottom: 12px;
  margin: 40px 0 20px;
}
.instaBox #sb_instagram #sbi_images {
  padding: 0 !important;
}
.instaBox #sb_instagram #sbi_images .sbi_item img {
  border-radius: 12px;
}



@media only screen and (max-width: 767px) {
	.section-info.column .column-list .columnBox::before {
	  content: '';
	  display: block;
	  width: 100%;
	  order:1;
	}
	.section-info.column .column-list .columnBox::after {
	  content: '';
	  display: block;
	  width: 100%;
	}
	.section-info.column .column-list .columnBox li.box {
	  width: 100%;
	  margin-bottom: 50px;
	}
	.article.column-txt h2 {
	  font-size: 26px;
	}
	.article.column-txt h3 {
	  font-size: 22px;
	}
}

/* PAGE: Contact */
.section-up-ttl.contact {
  margin-top: 50px;
}





/* PAGE SERVICES:common */
.section-up-cont .catchBox {
  position: relative;
  font-family: "source-han-sans-japanese", sans-serif;
  font-size: 44px;
  font-weight: 800;
  font-feature-settings: 'palt';
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 30px;
}
.section-up-cont .catchBox::before {
  content: '';
  position: absolute;
  top: 40%;
  left: 10%;
  display: inline-block;
  width: 61px;
  height: 76px;
  background: url(../img/common/about-slash-before.png) no-repeat;
  background-size: contain;
}
.section-up-cont .catchBox::after {
  content: '';
  position: absolute;
  top: 40%;
  right: 10.5%;
  display: inline-block;
  width: 60px;
  height: 76px;
  background: url(../img/common/about-slash-after.png) no-repeat;
  background-size: contain;
}
.section-up-cont .catchBox span.ftc {
  color: #008e66;
}
.section-up-cont .catchBox span.fts {
  font-size: 36px;
}
.section-up-cont .cntactBox .bnrBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.section-up-cont .cntactBox .bnrBox .bnr {
  position: relative;
  display: inline-block;
  background: #01a066;
  border: solid 3px #000;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 43px;
  width: 520px;
  transition: .6s;
}
.section-up-cont .cntactBox .bnrBox .bnr:hover,
.section-up-cont .cntactBox .bnrBox .bnr.flow:hover {
  background: #000;
  transition: .6s;
}
.section-up-cont .cntactBox .bnrBox .bnr.flow {
  background: #1068ac;
}
.section-up-cont .cntactBox .bnrBox .bnr::after {
  content: '';
  position: absolute;
  top: 35px;
  right: 30px;
  background: url(../img/service/common/bnr-arrow.png) no-repeat;
  background-size: contain;
  width: 47px;
  height: 47px;
}
.section-up-cont .cntactBox .bnrBox .bnr:hover::after {
  content: '';
  position: absolute;
  top: 35px;
  right: 30px;
  background: url(../img/service/common/bnr-arrow-on.png) no-repeat;
  background-size: contain;
  width: 47px;
  height: 47px;
  transition: .6s;
}
.section-up-cont .cntactBox .bnrBox .bnr.list::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 16px;
  background: url(../img/service/common/bnr_tree-list.jpg) no-repeat;
  background-size: contain;
  width: 84px;
  height: 84px;
}
.section-up-cont .cntactBox .bnrBox .bnr.flow::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 16px;
  background: url(../img/service/common/bnr_flow.jpg) no-repeat;
  background-size: contain;
  width: 84px;
  height: 84px;
}
.section-up-cont .cntactBox .form {
  margin: 50px 0 20px;
}
.section-up-cont .cntactBox .form .ttl {
  font-size: 40px;
  font-weight: 800;
  text-align: center;
  font-feature-settings: 'palt';
  letter-spacing: 0.05em;
  line-height: 1.2;
  border: none;
  padding: 0;
  margin-bottom: 20px;
}
.section-up-cont .cntactBox .form .ttl span {
  font-size: 32px;
  background: unset;
}
.section-up-cont .flowBox {
  margin-top: 120px;
}
.section-up-cont .flowBox p.step {
  color: #008f58;
  font-size: 40px;
  margin-bottom: 5px;
}
.section-up-cont .flowBox .flexBox {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #1ea339;
  width: fit-content;
  padding: 0 0 40px 0;
  margin-bottom: 30px;
}
.section-up-cont .flowBox .flexBox:not(.last)::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background-color: #fff;
  rotate: 135deg;
  translate: -50%;
}
.section-up-cont .flowBox .flexBox:not(.last)::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  z-index: -1;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 10px solid;
  border-color: #1ea339 #1ea339 transparent transparent;
  background-color: #fff;
  rotate: 135deg;
  translate: -50%;
}
.section-up-cont .flowBox .flexBox.last {
  border-bottom: none;
}
.section-up-cont .flowBox .imgBox {
  width: 45%;
}
.section-up-cont .flowBox .imgBox img {
  width: 100%;
}
.section-up-cont .flowBox .txtBox {
  width: 50%;
}
.section-up-cont .flowBox .txtBox ul {
  width: 100%;
  text-align: left;
  margin-top: 0;
}
.section-up-cont .flowBox .txtBox .ttl {
  color: #333;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}
.section-up-cont .flowBox .txtBox .txt {
  font-size: 15px;
  line-height: 1.7;
  margin: 20px 0 30px;
}
.section-up-cont .flowBox .txtBox .attention {
  color: #008f58;
  background: #f5f5f5;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7;
  padding: 25px 30px;
  width: 100%;
}
.section-up-cont .attentionBox {
  background: #e9f5f3;
  padding: 50px;
  width: 100%;
}
.section-up-cont .attentionBox .ttl {
  color: #068420;
  font-size: 20px;
  font-weight: bold;
  border: none;
  padding: 0;
  margin: 0;
}
.section-up-cont .attentionBox .txt {
  font-size: 16px;
  line-height: 1.7;
  margin: 10px 0 30px;
}
.section-up-cont .attentionBox .box {
  background: #fff;
  font-size: 18px;
  text-align: center;
  border: solid 4px #4d895a;
  padding: 35px;
}
.section-up-cont .attentionBox .box span {
  display: inline-block;
  color: #1ea339;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 3px;
}

.section-up-cont .areaBox {
  background: #008f58;
  padding: 80px 0;
}
.section-up-cont .areaBox .flexBox {
  width: 100%;
}
.section-up-cont .areaBox .flexBox img {
  width: 48%;
}
.section-up-cont .areaBox .txtBox {
  width: 47%;
}
.section-up-cont .areaBox .txtBox .ttl {
  color: #fff602;
  font-size: 80px;
  font-style: italic;
  text-align: left;
  line-height: 1;
  margin-bottom: 30px;
  padding: 0;
}
.section-up-cont .areaBox .txtBox .subttl {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  padding: 21px 0;
  margin: 0 0 30px 0;
}
.section-up-cont .areaBox .txtBox ul {
  display: flex;
  width: 100%;
  margin-top: 20px;
}
.section-up-cont .areaBox .txtBox li {
  background: #000;
  color: #fff602;
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  padding: 3px 5px 7px 3px;
  margin: 0 8px 30px 0;
  width: 16%;
}
.section-up-cont .areaBox .txtBox .txt {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
}

@media only screen and (max-width: 767px) {
	.section-up-cont .serviceBox .txtBox {
	  width: 100%;
	}
	.section-up-cont .serviceBox .imgBox {
	  width: 100%;
	  margin-bottom: 25px;
	}
	.section-up-cont .serviceBox .flexBox ul {
	  width: 100%;
	}
	.section-up-cont .serviceBox .flexBox ul.two-col {
	  width: 100%;
	}
	.section-up-cont .serviceBox .flexBox ul.two-col .img img {
	  object-fit: cover;
	  height: 220px;
	}
	.section-up-cont .serviceBox .flexBox.reverse {
	  flex-wrap: wrap-reverse;
	}
	.section-up-cont .serviceBox .flexBox ul.two-col .img img {
	  height: 180px;
	}
	.section-up-cont .cntactBox .bnrBox .bnr {
	  font-size: 18px;
	  padding: 38px;
	  margin-bottom: 20px;
	  width: 100%;
	}
	.section-up-cont .cntactBox .bnrBox .bnr.list {
	  padding: 25px;
	}
	.section-up-cont .cntactBox .bnrBox .bnr::after {
	  top: 37px;
	  right: 20px;
	  width: 30px;
	  height: 30px;
	}
	.section-up-cont .cntactBox .bnrBox .bnr:hover::after {
	  top: 37px;
	  right: 20px;
	  width: 30px;
	  height: 30px;
	}
	.section-up-cont .cntactBox .bnrBox .bnr.list::before {
	  top: 15px;
	  left: 16px;
	  width: 70px;
	  height: 70px;
	}
	.section-up-cont .cntactBox .bnrBox .bnr.flow {
	  padding: 38px;
	}
	.section-up-cont .cntactBox .bnrBox .bnr.flow::before {
	  top: 15px;
	  left: 16px;
	  width: 70px;
	  height: 70px;
	}
	.section-up-cont .cntactBox .catchBox {
	  font-size: 33px;
	  line-height: 1.3;
	}
	.section-up-cont .cntactBox .catchBox span.fts {
	  font-size: 28px;
	}
	.section-up-cont .cntactBox .catchBox::before {
	  top: 70%;
	  left: -1%;
	  width: 40px;
	}
	.section-up-cont .cntactBox .catchBox::after {
	  top: 70%;
	  right: -1.5%;
	  width: 40px;
	}
	.section-up-cont .areaBox {
	  padding: 50px 0;
	}
	.section-up-cont .areaBox .flexBox img {
	  width: 100%;
	}
	.section-up-cont .areaBox .txtBox {
	  width: 100%;
	  margin-bottom: 30px;
	}
	.section-up-cont .areaBox .flexBox {
	  flex-wrap: wrap-reverse;
	}
	.section-up-cont .areaBox .txtBox li {
	  font-size: 16px;
	  padding: 8px 5px 7px 3px;
	  width: 22%;
	}
	.section-up-cont .areaBox .txtBox li::last-child {
	  margin: 0 0 30px 0;
	}
	.section-up-cont .flowBox .imgBox {
	  width: 100%;
	  margin-bottom: 20px;
	}
	.section-up-cont .flowBox .txtBox {
	  width: 100%;
	}
	.section-up-cont .flowBox .flexBox {
	  margin-bottom: 0;
	}
	.section-up-cont .attentionBox {
	  padding: 40px 20px;
	  width: 100%;
	}
	.section-up-cont .attentionBox .box {
	  padding: 25px 20px;
	}
	.section-up-cont .catchBox {
	  font-size: 40px;
	  line-height: 1.2;
	}
	.section-up-cont .catchBox::before {
	  top: 80%;
	  left: -3%;
	  width: 50px;
	}
	.section-up-cont .catchBox::after {
	  top: 80%;
	  right: -1.5%;
	  width: 50px;
	}
	.section-up-cont .catchBox span.fts {
	  font-size: 30px;
	}
	.section-up-cont .flowBox p.step {
	  margin-top: 20px;
	}
}

/* PAGE COMPANY
 * ----------------------------------------------- */
.section-up-cont.company .companyBox .flexBox .txtBox {
  width: 54%;
}
.section-up-cont.company .companyBox .flexBox .imgBox {
  width: 40%;
}
.section-up-cont.company .companyBox .signBox {
  margin: 40px 0 0;
}
.section-up-cont.company .companyBox .signBox .sign {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 10px;
}
.section-up-cont.company .companyBox .signBox .name {
  font-size: 24px;
}
.section-up-cont.company .companyBox table.company {
  font-size: 16px;
  width: 100%;
}
.section-up-cont.company .companyBox .company tr {
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}
.section-up-cont.company .companyBox .company th {
  background: #f5f5f5;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 30px;
  width: 25%;
}
.section-up-cont.company .companyBox .company.history th {
  background: #fff;
}
.section-up-cont.company .companyBox .company td {
  padding: 20px 30px;
  width: 75%;
}
.section-up-cont.company .companyBox .company.history th,
.section-up-cont.company .companyBox .company.history td {
  padding: 20px 0;
}
.section-up-cont.company .companyBox .company.history th {
  width: 20%;
}
.section-up-cont.company .companyBox .company.history td {
  width: 80%;
}
.section-up-cont.company .companyBox .add {
  font-size: 16px;
  margin-bottom: 15px;
}
.section-up-cont.company .companyBox .mapBox iframe {
  width: 100%;
  height: 450px;
}

@media only screen and (max-width: 767px) {
	.section-up-cont.company .companyBox .flexBox .txtBox {
	  width: 100%;
	}
	.section-up-cont.company .companyBox .flexBox .imgBox {
	  width: 100%;
	  margin-top: 40px;
	}
	.section-up-cont.company .companyBox .company th {
	  width: 35%;
	  padding: 20px;
	}
	.section-up-cont.company .companyBox .company td {
	  width: 65%;
	  padding: 20px 0 20px 20px;
	}
	.section-up-cont.company .companyBox .mapBox iframe {
	  height: 350px;
	}
	.section-up-cont.company .companyBox .company.history th {
	  width: 30%;
	}
	.section-up-cont.company .companyBox .company.history td {
	  width: 70%;
	  padding: 20px 0 20px 10px;
	}
}

/* PAGE Privacy Policy
 * ----------------------------------------------- */
.section-up-cont.privacy .txt.privacy {
  font-size: 16px;
  line-height: 1.7;
  border-bottom: dashed 1px #068420;
  padding-bottom: 30px;
  margin-bottom: 50px;
  width: 100%;
}
.section-up-cont.privacy .cont .privacyBox {
  margin-bottom: 60px;
}
.section-up-cont.privacy .cont .privacyBox .list li {
  list-style-type: disc;
}
.section-up-cont.privacy .cont .privacyBox ul {
  font-family: "source-han-sans-japanese", sans-serif;
  margin: 35px 0 35px 20px;
}
.section-up-cont.privacy .cont .privacyBox li.ttl {
  font-size: 18px;
  font-weight: bold;
  border-bottom: dashed 1px #068420;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.section-up-cont.privacy .cont .privacyBox li.ttl::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../img/privacy/ico_arrow_gr.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
.section-up-cont.privacy .cont .privacyBox li.txt {
  font-size: 17px;
  line-height: 1.6;
}
.section-up-cont.privacy .cont .privacyBox p {
  font-family: "source-han-sans-japanese", sans-serif;
}
.section-up-cont.privacy .cont .privacyBox p.date {
  font-size: 16px;
  margin: 60px 0 25px;
}
.section-up-cont.privacy .cont .privacyBox p.company {
  font-size: 16px;
}
.section-up-cont.privacy .cont .privacyBox p.sign {
  font-size: 16px;
}
.section-up-cont.privacy .cont .privacyBox p.sign span {
  display: inline-block;
  font-size: 22px;
  background: none;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
	.section-up-cont.privacy .cont .privacyBox ul.item {
	  margin: 35px 0 35px 0;
	}
}

/* section top works
 * ----------------------------------------------- */
.box-top-works .works-cont .txtBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: end;
}
.box-top-works .listBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.box-top-works .listBox::after {
  content: '';
  display: block;
  width: 31%;
}
.box-top-works .listBox .detail {
  margin-bottom: 60px;
  width: 31%;
  transition: 0.4s;
}
.box-top-works .listBox .detail a:hover {
  color: #f07e00;
  transition: 0.4s;
}
.box-top-works .listBox .detail .imgBox figure img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover;';
}
.box-top-works .listBox .detail p.cat {
  display: inline-block;
  color: #068420;
  border: solid 1px #068420;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
  margin: 10px 0 15px;
}
.box-top-works .listBox .detail .txtBox {
  width: 100%;
}
.box-top-works .listBox .detail .txtBox .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.box-top-works .listBox .detail .txtBox .txt {
  font-size: 14px;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
	.section-top-works .wrapper {
	  width: 100%;
	}

	.box-top-works .works-cont .txtBox {
	  align-items: end;
	  margin-bottom: 60px;
	}
	.box-top-works .works-cont .txtBox .button {
	  display: block;
	  width: 100%;
	  margin-right: 5%;
	}
	.box-top-works .listBox {
	  margin-bottom: 40px;
	}
	.box-top-works .listBox .detail {
	  width: 100%;
	  margin-bottom: 0;
	}
	.box-top-works .listBox .detail .imgBox figure {
	  width: 100%;
	}
	.box-top-works .listBox .detail .imgBox figure img {
	  width: 100%;
	}
	.box-top-works .listBox .detail .txtBox {
	  top: 90%;
	}
}

/* PAGE WORKS
 * ----------------------------------------------- */
.section-works-menu {
  margin: 80px 0 0;
}
.section-works-menu.column {
  margin: 60px 0 120px;
}
.section-works-menu h3 {
  color: #068420;
  font-size: 28px;
  font-weight: bold;
  border-bottom: solid 5px #068420;
  padding-bottom: 10px;
}
.section-works-menu .menu {
  display: flex;
  flex-wrap: wrap;
  border-bottom: dashed 1px #068420;
  padding: 30px 0;
  margin-bottom: 60px;
}
.section-works-menu .menu li {
  margin-bottom: 10px;
}
.section-works-menu .menu .menu-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: solid 2px #000;
  border-radius: 60px;
  padding: 11px 30px;
  margin-right: 10px;
  transition: 0.4s;
}
.section-works-menu .menu .menu-btn.current {
  background: #000;
  color: #f6ff00;
}
.section-works-menu .menu .menu-btn:hover {
  background: #000;
  color: #fff;
  transition: 0.4s;
}
.section-works-list {
  padding-bottom: 120px;
}

/* PAGE CONTACT
 * ----------------------------------------------- */
.btn-contact {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 2.8;
  width: 100%;
  margin: 50px 0;
}
.btn-contact ul {
  position: relative;
  border: solid 1px #000;
  width: 48.5%;
  height: 130px;
}
.btn-contact ul::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 0;
  height: 0;
  border-top: 18px solid #f07e00;
  border-right: 18px solid transparent;
}
.btn-contact li.num {
  font-size: 36px;
  font-weight: bold;
}
.btn-contact li.num.tel,
.btn-contact li.num.fax  {
  position: relative;
}
.btn-contact li.num.tel::before {
  content: url(../img/contact/ico_tel.png);
  position: absolute;
  transform: scale(0.8);
  top: 4px;
  left: 88px;
}
.btn-contact li.num.fax::before {
  content: url(../img/contact/ico_fax.png);
  position: absolute;
  transform: scale(0.8);
  top: 6px;
  left: 73px;
}
.btn-contact li.time {
  font-size: 14px;
  font-weight: 500;
  margin-top: -7%;
}

@media only screen and (max-width: 767px) {
	.btn-contact {
	  line-height: 3.2;
	}
	.btn-contact ul {
	  width: 100%;
	  height: 130px;
	  margin-bottom: 20px;
	}
	.btn-contact li.num {
	  font-size: 30px;
	}
	.btn-contact li.num.tel::before {
	  transform: scale(0.8);
	  top: 8%;
	  left: 11%;
	}
	.btn-contact li.num.fax::before {
	  transform: scale(0.8);
	  top: 11%;
	  left: 7%;
	}
	.btn-contact li.time {
	  margin-top: -9%;
	}
}

/* android */
@media (min-width: 360px) and (max-width: 766px) {
	.btn-contact li.num {
	  font-size: 27px;
	}
	.btn-contact li.num.tel::before {
	  transform: scale(0.7);
	  top: 8%;
	  left: 11%;
	}
	.btn-contact li.num.fax::before {
	  transform: scale(0.6);
	  top: 11%;
	  left: 6%;
	}
}


/* PAGE CONTACT
 * ----------------------------------------------- */
.section-contact .contact-form {
  padding: 60px 60px 120px;
}
.section-contact .cntct-form {
  width: 100%;
}
.section-contact .cntct-form ul {
  display: flex;
  margin-bottom: 40px;
}
.section-contact .cntct-form ul.add {
  margin-left: 30.2%;
  margin-top: -20px;
}
.section-contact .cntct-form .form-text {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  width: 22%;
}
.section-contact .cntct-form .form-text.company {
  width: 30%;
}
.section-contact .cntct-form .form-text span {
  display: block;
  color: #888;
  font-size: 13px;
  font-weight: 600;
  margin-top: 5px;
}
.section-contact .cntct-form .mark {
  background: #000;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 4.5px 10px 0 10px;
  margin: 0 20px 5px 0;
  height: 26px;
  width: 50px;
}
.section-contact .cntct-form .mark p {
  color: #fff;
}
.section-contact .cntct-form .mw-wrap {
  color: #333;
  background: #eee;
  margin-right: 15px;
  padding: 10px 10px 14px 15px;
  width: 31%;
}
.section-contact .cntct-form .mw-wrap.postalbox {
  width: 18%;
}
.section-contact .cntct-form .mw-wrap.prefecture {
  width: 26%;
}
.section-contact .cntct-form .mw-wrap-row {
  color: #333;
  background: #eee;
  padding: 10px 10px 15px 15px;
  width: 70%;
}
.section-contact .cntct-form .mw-wrap-row.add {
  width: 30%;
}
.section-contact .cntct-form .mw-wrap-check {
  margin-top: -13px;
  display: flex;
  flex-wrap: wrap;
  width: 65%;
}
.section-contact .cntct-form .mw-wrap-check span {
  display: inline-block;
  margin-right: 20px;
}
.section-contact .cntct-form .mw-wrap-area {
  color: #333;
  background: #eee;
  padding: 12px;
  width: 70%;
}
.section-contact .cntct-form .accept {
  margin-top: 50px;
  text-align: center;
  border-top: solid 1px #ddd;
  padding-top: 50px;
}
.section-contact .cntct-form .ad-ttl {
  font-size: 15px;
  margin-right: 20px;
  width: 25%;
}
.section-contact .cntct-form .ad-ttl.postalcode {
  width: 17.5%;
}
.section-contact input[type="checkbox"] {
  display: none;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  font-weight: bold;
}
.section-contact .mwform-checkbox-field.vertical-item {
  display: block;
}
.section-contact input[type="checkbox"] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.5625;
  color: #333;
}
.section-contact input[type="checkbox"] + span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 3px;
  background: url(../img/contact/icn_check.png) 0 0 no-repeat;
  background-position: 0 -21px;
}
.section-contact input[type="checkbox"]:checked + span:after {
  background-position: 0 0;
}
.section-contact .wrap-checkbox label {
  display: block;
}
.section-contact .wrap-checkbox .wpcf7-list-item {
  display: block;
  margin-left: 0;
}
.section-contact .btn-submitBox {
  margin: 0 auto;
  text-align: center;
}
.section-contact .btn-submit {
  display: flex;
  margin-top: 20px;
}
.section-contact .btn-submit p {
  margin: 0 auto;
}
.section-contact .btn-submit .back-button {
  display: block;
  background-color: #eee;
  color: #000;
  font-weight: 700;
  font-size: 18px !important;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.075em;
  transition: 0.8s;
  margin: 0 auto !important;
  width: 380px;
  padding: 28px 10px 26px;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}
.section-contact .btn-submit .mwform-button {
  display: block;
  background-color: #333;
  color: #fff !important;
  font-weight: 700;
  font-size: 18px !important;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.075em;
  margin-top: 10px;
  transition: 0.8s;
}
.section-contact .btn-submit .mwform-button:hover {
  background-color: #008e66;
  transition: 0.8s;
}
.section-contact .mark {
  padding-left: 4px;
}
.section-contact.section-thanks {
  background: #fff !important;
}
.section-contact .ttl-confirm h2 {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
  border-bottom: solid 4px #000;
  padding-bottom: 15px;
  margin-bottom: 40px;
  font-feature-settings: "palt";
}

@media print, (min-width: 768px) {
  .section-contact {
    padding: 40px 0 100px;
    background: #f8f8f8;
  }
  .section-contact .contact-title {
    margin-bottom: 18px;
  }
  .section-contact input[type="checkbox"] + span {
    font-size: 15px !important;
    padding: 0 0 0 30px !important;
  }
  .section-contact input[type="checkbox"] + span:after {
    width: 20px !important;
    height: 20px !important;
  }
  .section-contact .wrap-checkbox {
    padding: 10px 0 !important;
  }
  .section-contact .wrap-checkbox label {
    margin-bottom: 15px;
  }
  .section-contact .mwform-textarea {
    line-height: 1.6;
    height: 190px;
    width: 100%;
  }
  .section-contact .input-name {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .section-contact .input-name .mw-wrap {
    width: 344px;
  }
  .section-contact .input-name .mw-wrap + .mw-wrap {
    margin-left: 20px;
  }
  .section-contact .input-tel {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .section-contact .input-tel .space {
    display: inline-block;
    vertical-align: middle;
    padding: 12px !important;
    margin-top: 20px !important;
  }
  .section-contact .input-tel .mw-wrap {
    width: 210px;
  }
  .section-contact .product-text {
    margin-bottom: 10px;
  }
  .section-contact .recaptcha {
    display: flex;
    justify-content: center;
  }
  .section-contact .accept a {
    text-decoration: underline;
    color: #d70000;
  }
  .section-contact .accept a:hover {
    text-decoration: none;
  }
  .section-contact .btn-submit .mwform-button {
    margin: 0 auto !important;
    width: 380px !important;
    font-size: 20px !important;
    padding: 28px 10px 26px;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  span.wpcf7-list-item {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .section-contact {
    margin-bottom: 120px;
  }
  .section-contact p.txt {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section-contact .wrap-contact {
    border-bottom-width: 2px;
  }
  .section-contact .contact-form {
    padding: 0 !important;
  }
  .section-contact .contact-title {
    margin-bottom: 10px;
  }
  .section-contact .btn-submit {
    display: inline-block;
    margin-top: 0;
    width: 100%;
    flex-wrap: wrap-reverse;
  }
  .section-contact .btn-submit p {
    margin: 0 auto;
  }
  .section-contact .btn-submit .back-button {
    width: 100%;
  }

  .section-contact .wrap-contact {
    padding-bottom: 15px;
    margin-bottom: 24px;
  }
  .section-contact .form-text {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .section-contact .input-type {
    margin-bottom: 18px;
  }
  .section-contact .input-tel {
    margin-left: -5px;
    margin-right: -5px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .section-contact .input-tel .mw-wrap {
    width: 26%;
    padding: 0 5px;
  }
  .section-contact .input-tel .space {
    width: 11%;
    padding: 0 5px;
  }
  .section-contact .mwform-text {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
  }
  .section-contact input[type="checkbox"] + span {
    font-size: 14px;
    padding: 0 0 10px 30px;
  }
  .section-contact input[type="checkbox"] + span:after {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    background-position: 0 -21px;
  }
  .section-contact .wrap-checkbox {
    padding: 15px 0 15px;
    margin-bottom: 14px;
  }
  .section-contact .wrap-checkbox label {
    margin-top: 5px;
  }
  .section-contact .mwform-textarea {
    height: 200px;
    padding: 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
  }
  .section-contact .input-name .mw-wrap {
    width: 100%;
  }
  .section-contact .input-name .mw-wrap + .mw-wrap {
    margin-top: 8px;
  }
  .section-contact .input-tel .space {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
  }
  .section-contact .input-tel .mw-wrap {
    width: 100%;
  }
  .section-contact .product-text {
    margin-bottom: 10px;
  }
  .section-contact .accept {
    margin-top: 40px;
    text-align: center;
  }
  .section-contact .btn-submit .mwform-button {
    margin: 20px auto 0 !important;
    font-size: 16px !important;
    padding: 25px 10px !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 100%;
  }
  span.wpcf7-list-item {
    margin: 0 !important;
  }

	.section-contact .cntct-form ul {
	  display: flex;
	  flex-wrap: wrap;
	  margin-bottom: 40px;
	}
	.section-contact .cntct-form .form-text {
	  font-size: 18px;
	  margin-bottom: 15px;
	  width: 100%;
	}
	.section-contact .cntct-form .mark {
	  font-size: 11px;
	  text-align: center;
	  padding: 4px 10px 0 10px;
	  margin: 0 20px 10px 0;
	  height: 26px;
	  width: 50px;
	}
	.section-contact .cntct-form .sp-none {
	  display: none;
	}
	.section-contact .cntct-form .mw-wrap {
	  margin-right: 0;
	  margin-bottom: 30px;
	  padding: 8px 12px;
	  width: 100%;
	}
	.section-contact .cntct-form .mw-wrap-row {
	  padding: 12px;
	  width: 100%;
	}
	.section-contact .cntct-form .no-mark {
	  margin-left: 0;
	}
	.section-contact .cntct-form .mw-wrap-check {
	  margin-top: 10px;
	  width: 100%;
	}
	.section-contact .cntct-form .mw-wrap-area {
	  padding: 15px;
	  width: 100%;
	}
	.section-contact .cntct-form .ad-ttl {
	  font-size: 17px;
	  margin-bottom: 12px;
	  width: 100%;
	}
	.section-contact .cntct-form .ad-ttl.postalcode {
	  width: 100%;
	}
	.section-contact .cntct-form .mw-wrap.postalbox {
	  width: 80%;
	}
	.section-contact .cntct-form .mw-wrap.prefecture {
	  width: 50%;
	}
	.section-contact .cntct-form ul.add {
	  margin-left: 0;
	}
	.section-contact .cntct-form .mw-wrap.prefecture::after {
	  content: none;
	}
}


/* PAGE CONTACT THANKS
 * ----------------------------------------------- */
.section-contact-heading {
  text-align: center;
  margin-top: 60px;
}
.section-contact-heading h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
.section-contact-heading p {
  font-size: 15px;
  line-height: 2.4;
  font-weight: 700;
  margin-top: 40px;
  border-bottom: solid 1px #ddd;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .section-contact-heading {
    margin-top: 40px;
  }
  .section-contact-heading h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .section-contact-heading p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 40px;
  }
}

.section-thanks {
  color: #333;
  text-align: center;
}
.section-thanks .thank-title {
  font-weight: bold;
  text-align: center;
  font-size: 28px !important;
  margin-bottom: 40px;
  border-bottom: solid 5px #008e66;
  padding-bottom: 10px;
  display: inline-block;
  color: #008e66;
}
.section-thanks .thank-text {
  margin-bottom: 60px;
  font-size: 17px;
  line-height: 2.2;
}
.section-thanks .thank-text span.message {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  border: solid 3px #008e66;
  padding: 20px 30px;
  width: 70%;
  margin-bottom: 30px;
}
.section-thanks .contact-form {
  padding-top: 85px;
}

@media only screen and (max-width: 767px) {
  .section-thanks {
    color: #333;
    text-align: center;
  }
  .section-thanks .thank-title {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
  }
  .section-thanks .thank-text {
    margin-bottom: 20px;
    line-height: 1.8;
  }
  .section-thanks .thank-text span.message {
    width: 100%;
  }
  .section-thanks .contact-form {
    padding: 40px 0;
  }
}

.section-works-detail {
  margin: 80px 0 180px;
}
.section-works-detail .works-title p.cat {
  display: inline-block;
  color: #068420;
  border: solid 1px #068420;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
}
.section-works-detail .works-title h3.ttl {
  font-size: 28px;
  font-weight: bold;
  border-bottom: solid 5px #068420;
  padding-bottom: 10px;
  margin: 10px 0 40px;
}
.section-works-detail .works-wrap-slide {
  overflow: hidden;
}
.section-works-detail .works-wrap-slide {
  overflow: hidden;
}
.section-works-detail .works-wrap-slide .img-canvas {
  position: relative;
  width: 90%;
  height: 660px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 60%;
  background: #000;
  border: solid;
}
.section-works-detail .works-wrap-slide .img-canvas p {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
  padding: 8px 15px;
  width: 100%;
}
.section-works-detail .works-wrap-slide .img-canvas > img {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.section-works-detail .works-wrap-slide .img-canvas.wider > img {
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
.section-works-detail .works-wrap-slide .img-canvas.longer > img {
  width: auto;
  max-width: none;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.section-works-detail .works-wrap-slide .works-detailBox {
  margin-bottom: 40px;
}
.section-works-detail .works-wrap-slide .works-txt {
  margin: 0 auto;
  width: 82%;
}
.section-works-detail .works-wrap-slide .works-txt p.place {
  color: #068420;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.section-works-detail .works-wrap-slide .works-txt p.txt {
  font-size: 17px;
  line-height: 1.7;
}
.section-works-detail .category {
  background: #f3f3f3;
  padding: 50px;
  margin-top: 50px;
}
.section-works-detail .category h3 {
  color: #068420;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.section-works-detail .category .menu {
  display: flex;
  flex-wrap: wrap;
  transition: 0.4s;
  width: 100%;
}
.section-works-detail .category li {
  margin-bottom: 8px;
}
.section-works-detail .category .menu .menu-btn {
  display: inline-block;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: solid 2px #000;
  border-radius: 60px;
  padding: 11px 30px;
  margin-right: 10px;
  transition: 0.4s;
}
.section-works-detail .category .menu .menu-btn:hover {
  background: #000;
  color: #fff;
  transition: 0.4s;
}
.section-works-detail .category .menu .menu-btn.default {
  background: #000;
  color: #fff;
}
.section-works-detail .category .menu .menu-btn.default:hover {
  opacity: .4;
  transition: 0.4s;
}
.works-wrap-slide .works-slide {
  width: 90%;
  margin: 0 auto 20px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
	.works-wrap-slide .works-slide {
	  width: 100%;
	  margin: 0 auto;
	}
	.section-works-detail {
	  margin: 60px 0 180px;
	}
	.section-works-detail .works-wrap-slide .works-gallery {
	  width: 100% !important;
	  padding-top: 10px;
	}
	.section-works-detail .works-wrap-slide .works-detailBox {
	  margin-bottom: 20px;
	}
	.section-works-detail .works-wrap-slide .works-txt {
	  width: 100%;
	}
	.section-works-detail .category {
	  padding: 40px 30px;
	  margin-top: 40px;
	}
	.section-works-detail .category h3 {
	  margin-bottom: 25px;
	}
}

.works-wrap-slide .works-slide .slick-arrow {
  width: 30px;
  height: 52px;
  margin-top: -26px;
}
.works-wrap-slide .works-slide .slick-prev {
  left: 5%;
}
.works-wrap-slide .works-slide .slick-next {
  right: 5%;
}

.section-works-detail .works-wrap-slide .works-slide .slick-arrow {
  position: absolute;
  z-index: 100;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  top: 50%;
}
.section-works-detail .works-wrap-slide .works-slide .slick-prev,
.section-works-detail .works-wrap-slide .works-slide .slick-next {
  width: 60px;
  height: 60px;
}
.section-works-detail .works-wrap-slide .works-slide .slick-prev {
  background-image: url(../img/common/icn_arrow_prev.png);
}
.section-works-detail .works-wrap-slide .works-slide .slick-next {
  background-image: url(../img/common/icn_arrow_next.png);
}

.section-works-detail .works-wrap-slide .works-gallery {
  display: flex;
  flex-wrap: wrap;
  width: 81%;
  margin: 0 auto;
}
.section-works-detail .works-wrap-slide .works-gallery .col {
  transition: 0.26s ease;
  cursor: pointer;
  position: relative;
  display: block;
}
.works-wrap-slide .works-gallery .col {
/*  width: 170px;
  height: 98px;*/
  width: 80px;
  height: 60px;
  position: relative;
  margin-right: 10px;
  overflow: hidden;
}
.works-wrap-slide .works-gallery .col img {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
	.section-works-detail .works-wrap-slide .img-canvas {
	  padding-bottom: 70%;
	  width: 100%;
	  height: 480px;
	}
	.works-wrap-slide .works-gallery .col {
	  width: 70px;
	  height: 45px;
	  padding: 0;
	  margin-right: 5px;
	  margin-bottom: 0;
	}
	.works-wrap-slide .works-gallery .col img {
	  display: block;
	  width: 100%;
	  height: 100%;
	}
	.section-works-detail .works-wrap-slide .works-slide .slick-prev,
	.section-works-detail .works-wrap-slide .works-slide .slick-next {
	  width: 45px;
	  height: 45px;
	}
	.section-works-detail .works-wrap-slide .works-slide .slick-arrow {
	  top: 50%;
	}
	.works-wrap-slide .works-slide .slick-prev {
	  left: 0;
	}
	.works-wrap-slide .works-slide .slick-next {
	  right: 0;
	}
}

/* ヘッダメニューの下層メニュー表示 */
.service-mega-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 60px 40px 40px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  z-index: 99999;

  opacity: 0;
  transform: translateY(calc(-20px + 228px));
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
}
.service-mega-menu.active {
  opacity: 1;
  transform: translateY(228px);
  pointer-events: auto;
}
.service-mega-menu .mega-close {
  position: absolute;
  top: 15px;
  right: 20px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.service-mega-menu .mega-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.service-mega-menu .mega-list li a {
  display: block;
  text-align: center;
}
.service-mega-menu .mega-list img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 10px;
}
.service-mega-menu .mega-list span {
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
}

/* CF7 エラーメッセージを入力欄の下に出す */
/* 入力欄ラッパー */
.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

/* エラーメッセージを箱の外に出す */
.wpcf7-form .wpcf7-not-valid-tip {
  position: absolute !important;
  left: 0;
  bottom: -2.6em; /* ← 入力欄の下に押し出す */
  display: block;
  color: #e60000;
  font-size: 0.9em;
  white-space: nowrap;
}
.wpcf7-form-control-wrap select + .wpcf7-not-valid-tip {
  bottom: -4em;
}

/* エラーメッセージ枠の位置調整 */
.wpcf7 form .wpcf7-response-output {
	text-align: center;
	font-size: 16px;
	margin: .5em 0.5em 3em !important;
	padding: 1.2em 1em !important;
	border: 2px solid #00a0d2; /* Blue */
}

@media only screen and (max-width: 767px) {
	.wpcf7-form .wpcf7-not-valid-tip {
	  bottom: -2.4em !important;
	}
	.wpcf7-form-control-wrap select + .wpcf7-not-valid-tip {
	  bottom: -2.4em !important;
	}
	.wpcf7 form .wpcf7-response-output {
	  padding: 1.2em 1em !important;
	  font-size: 17px !important;
	}
}