@charset "UTF-8";
/* base
-------------------------------------------------------- */
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;
}

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

/* iOSのフォーカス(青枠表示を禁止) */
*:focus {
  outline: none;
}

html {
  line-height: 1;
}

ul, ol {
  list-style-type: none;
}

table {
  width: 100%;
  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;
}

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
}

img[src$=".svg"] {
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

*,
:before,
:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
  border: none;
  border-radius: 0;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/* フォントと背景
-------------------------------------------------------- */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: "Helvetica Neue",  Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  /* font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */
  color: #4b4b4b;
  font-size: 1.4em;
  background: #fff;
  line-height: 1.6;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.midashi {
  font-family: Midashi Go MB31;
  font-weight: bold;
}

.en01 {
  font-family: 'Lato', sans-serif;
}

.fc-wh {
  color: #fff;
}

.bold {
  font-weight: bold;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.bg01 {
  background: #f5f5f5;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.4em;
    min-width: inherit;
  }
}

/* リンク
-------------------------------------------------------- */
a {
  color: inherit;
  -webkit-transition: .5s;
  transition: .5s;
}

a:hover {
  opacity: 0.7;
}

.underline {
  text-decoration: underline;
}

.underline:hover {
  text-decoration: none;
  opacity: 1;
}

::-moz-selection {
  color: #fff;
  background: #007e89;
}

::selection {
  color: #fff;
  background: #007e89;
}

/* 余白
-------------------------------------------------------- */
/* margin */
.mb24 {
  margin-bottom: 24px;
}

.mb50 {
  margin-bottom: 50px;
}

/* padding */
@media screen and (max-width: 768px) {
  .mb24 {
    margin-bottom: 16px;
  }
  .mb50 {
    margin-bottom: 24px;
  }
}

/* layout
-------------------------------------------------------- */
.contents {
  padding-left: 300px;
}

.inner {
  max-width: 1180px;
  padding: 0 6%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .inner {
    max-width: initial;
    padding: 0 3.5%;
  }
}

@media screen and (max-width: 768px) {
  .inner {
    padding: 0 3%;
  }
}

.ft_btm .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ft_btm .inner ul {
  width: 70%;
}

#job .inner, #recruit .inner {
  max-width: initial;
}

#officer .inner {
  padding: 0;
}

@media screen and (max-width: 768px) {
  #officer .inner {
    padding: 0 3%;
  }
}

@media screen and (max-width: 1200px) {
  #officer .page_sec02 .inner {
    padding: 0 3%;
  }
}

.inner.ft_btm {
  padding: 0 6%;
}

.index_sec {
  padding: 30px 0;
}

.page_sec01 {
  padding: 80px 0 60px;
}

.page_sec02 {
  padding: 90px 0;
}

.bb {
  /* border-bottom: solid 2px #d4d4d4; */
}

.cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

.iframe {
  position: relative;
}

.iframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* flex系 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

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

.ai_fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ai_fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

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

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

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

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

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

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

.order1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.order2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.order3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

@media screen and (max-width: 1200px) {
  .contents {
    padding-left: 0;
  }
  .inner {
    padding: 0 3.5%;
  }
}

@media screen and (max-width: 896px) {
  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .page_sec01 {
    padding: 24px 0 40px;
  }
  .page_sec02 {
    padding: 40px 0;
  }
}

/* title
-------------------------------------------------------- */
.head01 {
  margin-bottom: 40px;
}

.head01 .jp {
  font-size: 2.5rem;
}

.head01 .en {
  color: #a9a9a9;
  font-size: 1.2rem;
}

.head02 {
  font-size: 1.8rem;
  margin-bottom: 64px;
}

.page_title .title_wrap {
  padding-top: 40px;
}

.page_title .jp {
  font-size: 3.5rem;
}

.page_title .en {
  color: #a9a9a9;
  font-size: 1.6rem;
}

@media screen and (max-width: 896px) {
  .head01 {
    margin-bottom: 24px;
  }
  .head02 {
    font-size: 1.6rem;
    margin-bottom: 40px;
  }
  .page_title .title_wrap {
    padding-top: 24px;
  }
  .page_title .jp {
    font-size: 2.8rem;
  }
  .page_title .en {
    font-size: 1.4rem;
  }
  .head01 .jp {
    font-size: 23px;
  }
}

/* btn
-------------------------------------------------------- */
.btn01 {
  color: #71a91f;
  font-size: 2rem;
  max-width: 180px;
  width: 90%;
  height: 50px;
  background: #fff;
  border: solid 1px #71a91f;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn01 span {
  display: inline-block;
  padding-right: 16px;
  position: relative;
}

.btn01 span::after {
  content: "";
  width: 7px;
  height: 11px;
  background-image: url("../img/cmn/arrow01_mi.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn_wrap.blog_old {
  margin-top: 40px;
}

.btn_wrap.blog_old .btn01 {
  max-width: 320px;
}

@media screen and (max-width: 768px) {
  .btn01 {
    font-size: 1.8rem;
    max-width: inherit;
  }
  .btn_wrap.blog_old {
    margin-top: 24px;
  }
}

#wrap .pc_bnr {
  max-width: 1300px;
  margin: 70px auto 0;
}

#wrap .pc_bnr a {
  display: block;
  width: 100%;
}

#wrap .pc_bnr a img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #wrap .pc_bnr {
    display: none;
  }
}

/* list
-------------------------------------------------------- */
.list01 li,
.list01-sp li{
  color: #71a91f;
  border: solid 1px #71a91f;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  text-align: center;
  overflow: hidden;
}

.list01 li a,
.list01-sp li a{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.list01 li .image,
.list01-sp li .image{
  min-height: 0%;
  padding-top: 30%;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

.list01 li .image img,
.list01-sp li .image img{
  width: 83%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.list01 li .title,
.list01-sp li .title{
/*  background: #fff;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 8px 4px;
  -webkit-transition: .5s;
  transition: .5s;
}

/*
.list01 li a:hover {
  color: #fff;
}
*/


.list01 .title span {
  font-size: 14px;
  margin-left: 10px;
}

.list01 .title span::before {
  content: "※";
  display: inline-block;
  width: 13px;
}

/* PC SP
-------------------------------------------------------- */
.is_sp,
.sp_nav_recruit,
.is_sp920 {
  display: none;
}
.is_sp_1200 {
    display: none;
  }
.main_nav,
.is_pc920{
	display: block;
}

@media screen and (max-width: 1200px) {
	.is_pc_1200 {
    display: none;
  }
  .is_sp_1200 {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .is_pc,
	.main_nav,
	.nav_slider,
	.is_pc920 {
    display: none!important;
  }
  .is_sp,
	.sp_nav_recruit,
	.is_sp920 {
    display: block;
  }
  .sp_nav ul li::before {
    display: block;
    content: "";
    height: 25px;
    /* width: 100%; */
    /* width: 30%; */
    width: 18%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    margin-top: 1rem;
  }
  .sp_nav ul li:nth-of-type(1):before {
    background-image: url("../img/cmn/nav01.png");
  }
  .sp_nav ul li:nth-of-type(2):before {
    background-image: url("../img/cmn/nav02.png");
  }
  .sp_nav ul li:nth-of-type(3):before {
    background-image: url("../img/cmn/nav03.png");
  }
  .sp_nav ul li:nth-of-type(4):before {
    background-image: url("../img/cmn/nav04.png");
  }
  .sp_nav ul li:nth-of-type(5):before {
    background-image: url("../img/cmn/nav05.png");
  }
  .sp_nav ul li:nth-of-type(6):before {
    background-image: url("../img/cmn/nav06.png");
  }
  .sp_nav ul li,
	.sp_nav_recruit ul li{
    width: 33.333%;
    font-size: 1.6rem;
    font-weight: bold;
    /* font-family:"BIZ UDGothic"; */
    /* color: #fff; */
    /* background: #71a91f; */
    color: #4b4b4b;
    background: #f5f5f5;
    border-right: solid 1px #fff;
    text-align: center;
  }
	.sp_nav_recruit ul li {
		width: 49.5%;
	}
  .sp_nav ul li:nth-child(3n) {
    border-right: none;
  }
.sp_nav_recruit ul li:nth-child(2n) {
    border-right: none;
  }
  .sp_nav ul li:nth-child(-n + 3),
	.sp_nav_recruit ul li:nth-child(-n + 3) {
    border-bottom: solid 1px #fff;
  }
  .sp_nav ul li a,
	.sp_nav_recruit ul li a {
    display: block;
    padding: 6px 2px;
    font-size: 13px;
  }
	.sp_nav_recruit ul li a {
		padding: 25px 2px;
	}
  .sp_bnr {
    padding-top: 16px;
  }
}

/* -----------------------------------------------------
	下位層ヘッダー
----------------------------------------------------- */
main.contents > .title_wrap {
  padding: 55px 0 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 165px;
}

main.contents > .title_wrap h1 {
  font-size: 35px;
  font-weight: bold;
}

main.contents > .title_wrap p {
  color: #a9a9a9;
}

/* -----------------------------------------------------
	Main ナビゲーション
----------------------------------------------------- */
.main_nav {
  background-color: #f5f5f5;
}

.main_nav ul li {
  width: 20%;
  font-size: 18px;
  font-weight: bold;
  height: 100%;
  text-align: center;
  position: relative;
}

.main_nav ul li a {
  display: inline-block;
  padding: 25px 5px;
  width: 100%;
}

.main_nav ul li.active a {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.main_nav.service ul li.active a {
  pointer-events: initial;
}

.main_nav.col3 ul li {
  width: 26%;
}

.main_nav.col4 ul li {
  width: 20%;
}

.main_nav.col5 ul li {
  width: 20%;
}

.main_nav ul li.active a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background-color: #69a811;
  border-radius: 2.5px;
  height: 5px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  left: 5%;
}

.nav_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-wrapper,
.swiper-slide {
  margin: 0 auto;
}

.main_nav .swiper-button-prev,
.main_nav .swiper-button-next {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.5714%;
}

.main_nav .swiper-button-prev {
  left: 0;
}

.main_nav .swiper-button-next {
  right: 0;
}

.main_nav .swiper-button-prev::before {
  display: block;
  content: "";
  height: 68%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  background-color: #a9a9a9;
  border-radius: 1.5px;
  position: absolute;
  right: 0;
}

.main_nav .swiper-button-next::before {
  display: block;
  content: "";
  height: 68%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  background-color: #a9a9a9;
  border-radius: 1.5px;
  position: absolute;
  left: 0;
}

.main_nav .swiper-wrapper {
  /* transform: translate3d(0, 0 ,0)!important; */
}

.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev::after,
.swiper-button-next::after {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.main_nav .swiper-button-prev::after,
.main_nav .swiper-button-next::after {
  content: "";
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  top: 50%;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9;
}

.main_nav .swiper-button-prev::after {
  -webkit-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
  right: 8px;
}

.main_nav .swiper-button-next::after {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  left: 8px;
}

.main_nav .swiper-button-next.swiper-button-disabled::after,
.main_nav .swiper-button-prev.swiper-button-disabled::after {
  border-top: 2px solid rgba(169, 169, 169, 0.35);
  border-right: 2px solid rgba(169, 169, 169, 0.35);
}

.main_nav .swiper-button-prev.swiper-button-disabled::before,
.main_nav .swiper-button-next.swiper-button-disabled::before {
  background-color: rgba(169, 169, 169, 0.35);
}

.main_nav .swiper-button-prev,
.main_nav .swiper-button-next {
  display: none;
}

/* .main_nav .swiper-slide-active{
	margin-left: 30px;
} */
@media screen and (max-width: 768px) {
  .main_nav .swiper-button-prev,
  .main_nav .swiper-button-next {
    display: block;
  }
  .main_nav .swiper-button-next,
  .main_nav .swiper-button-prev {
    height: 100%;
    top: 0;
    background-color: #f5f5f5;
  }
  .main_nav .inner {
    padding: 0;
  }
  .main_nav .swiper-button-prev,
  .main_nav .swiper-button-next {
    display: block;
    margin-top: 0;
  }
  .main_nav ul {
    width: 100%;
    margin: 0 auto;
  }
  .main_nav ul li {
    -webkit-transition: 0.3s padding-right, 0.3s padding-left;
    transition: 0.3s padding-right, 0.3s padding-left;
  }
  .main_nav ul li.swiper-slide-active {
    padding-left: 8.5714%;
  }
  .main_nav ul li.swiper-slide-next {
    padding-right: 8.5714%;
  }
  .main_nav ul li {
    font-size: 14.5px;
  }
  .main_nav ul li a {
    padding: 25px 1.5px;
  }
  .main_nav.service ul li a {
    min-height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main_nav ul li.active a::after {
    /* width: 82.8572%; */
    right: initial;
    left: 0;
    width: 100%;
    border-radius: 0%;
    /* width: 70%; */
  }
  .main_nav ul li.active.swiper-slide-active a::after {
    left: initial;
    right: 0;
  }
  .main_nav .swiper-button-next.swiper-button-disabled, .main_nav .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
  }
}

/* header
-------------------------------------------------------- */
header {
  width: 300px;
  min-height: 100vh;
  height: 100%;
  background: #fff;
  border-right: solid 1px #d4d4d4;
  border-left: solid 1px #d4d4d4;
  padding: 24px 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
}

.hd_logo > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hd_logo .illust {
  max-width: 73px;
  margin-bottom: 12px;
}

.hd_logo .txt {
  max-width: 205px;
}

.hd_logo_wrap .summary {
  margin: 16px 0 20px;
}

.gnav_pc, .gnav_sp {
  font-size: 1.6rem;
  position: relative;
}

.hd_contact {
  margin-top: 20px;
  /* padding: 0 10px; */
  padding: 0 24px;
}

.hd_contact a {
  color: #71a91f;
  font-size: 1.5rem;
  background: #fff;
  border: solid 1px #71a91f;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  display: block;
  text-align: center;
  /* padding: 16px 0; */
  padding: 16px 21px;
  position: relative;
}

.hd_contact a span {
  padding-left: 24px;
}

.reha a figure {
  max-width: 215px;
  margin: 0 auto;
  margin-bottom: 6px;
}

.reha a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hd_contact a::before {
  content: "";
  width: 19px;
  height: 15px;
  background: url("../img/cmn/ico_mail.svg") no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hd_contact.reha a {
  padding: 10px 12px;
}

.hd_contact.reha a::before {
  display: none;
}

.hd_insta01,
.hd_insta02{
  padding: 16px 0 0 25px;
}

.hd_insta01 img,
.hd_insta02 img {
  max-width: 250px;
}

.hd_recruit,
.hd_job-information {
  display: none;
}

.nav_contact {
  display: block;
  padding-left: 32px;
}

.nav_contact .address {
  padding-top: 20px;
}

.nav_contact .tel {
  position: relative;
  text-align: left;
}

.nav_contact .tel span {
  padding-left: 30px;
  position: relative;
  font-size: 26px;
  font-weight: bold;
}

.nav_contact .tel span::before {
  content: "";
  width: 21px;
  height: 20px;
  background: url(../img/cmn/ico_tel.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nav_recept {
  font-weight: bold;
  padding-left: 32px;
  font-size: 16px;
}

.nav_recept span {
  display: inline-block;
  color: #71a91f;
  font-size: 1.5rem;
  background: #fff;
  border: solid 1px #71a91f;
  display: inline-block;
  text-align: center;
  padding: 2px 10px;
  position: relative;
  margin-right: 10px;
}

@media screen and (max-width: 1200px) {
  .nav_contact {
    display: none;
  }
  .nav_recept {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  header {
    width: auto;
    min-height: inherit;
    height: 60px;
    border-right: none;
    border-left: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  .hd_logo_wrap .hd_logo {
    position: relative;
    z-index: 10;
  }
  .hd_logo_wrap .hd_logo a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .hd_logo .illust {
    max-width: 40px;
    margin-bottom: 0;
  }
  .hd_logo .txt {
    max-width: 176px;
    margin-left: 10px;
  }
  .hd_logo_wrap .summary,
  .gnav_sp{
/*  .hd_sns */
    display: none;
  }
  .hd_contact,
  .humb {
    width: 45px;
    height: 45px;
  }
	.hd_insta01 img,
	.hd_insta02 img{
		display: none;
/*
    width: 26px;
    height: 26px;
	margin-top: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 110px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
*/
  }
  .hd_contact.reha {
    display: none;
  }
  .hd_contact {
	  display: none;
/*
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
*/
  }
  .hd_contact span {
    display: none;
  }
  .hd_contact a {
    width: 100%;
    height: 100%;
    background: #f3f8ed;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .hd_contact a::before {
    width: 25px;
    height: 21px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .humb {
    cursor: pointer;
    background: #71a91f;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .humb .humb-ico {
    width: 60%;
    height: 21px;
    position: relative;
  }
  .humb .humb-ico span {
    width: 100%;
    height: 1px;
    background: #fff;
    border-radius: 3.5px;
    display: inline-block;
    position: absolute;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .humb .humb-ico span:first-child {
    top: 2px;
  }
  .humb .humb-ico span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .humb .humb-ico span:nth-child(3) {
    bottom: 2px;
  }
  header.is_scroll .hd_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  header.is_scroll .hd_logo .txt {
    display: none;
  }
  header.is_scroll .hd_recruit,
	header.is_scroll .hd_job-information {
    display: block;
    margin-left: 10px;
  }
  header.is_scroll .hd_recruit a{
    color: #fff;
    font-size: 3.1vw;
	  line-height: 1.1;
    height: 45px;
    background: #39aac6;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 12px;
  }
	header.is_scroll .hd_job-information a{
    color: #fff;
    font-size: 3.1vw;
	line-height: 1.1;
    height: 45px;
    background: #ff7733;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 12px;
  }
  header.is_scroll .hd_recruit a::before,
	header.is_scroll .hd_job-information a::before{
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img/cmn/logo_w.svg") no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }
  .is-open {
    overflow: hidden;
  }
  .is-open .humb-ico span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .is-open .humb-ico span:nth-child(2) {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  .is-open .humb-ico span:nth-child(3) {
    top: 10px;
    bottom: inherit;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .is-open .gnav_sp {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background: #fff;
    display: block;
    overflow: auto;
    /* padding: 60px 0; */
    padding: 60px 0 120px;
    position: fixed;
    top: 0;
    left: 0;
  }
}

.gnav_pc {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (min-width: 1201px) {
  .gnav_pc ul li {
    border-bottom: solid 1px #d4d4d4;
  }
  .gnav_pc ul li:first-child {
    border-top: solid 1px #d4d4d4;
  }
  .gnav_pc ul li a {
    display: block;
    padding: 18px 32px;
    position: relative;
  }
  /* .gnav_pc > ul > li:hover > a,
	.gnav_pc > ul > li > div li:hover >a{
		color: #fff;
		background: #6aa810;
		opacity: 1;
	} */
  .gnav_pc > ul > li:hover > a {
    color: #fff;
    background: #6aa810;
    opacity: 1;
  }
  .gnav_pc .is_sub li {
    border-color: #fff;
  }
  .gnav_pc .is_sub li:first-child {
    border-color: #fff;
  }
  .gnav_pc .is_sub li a {
    padding: 20px 0;
  }
  .gnav_pc li.has_sub > div {
    width: 40px;
    /* width: 350px; */
    min-height: 100vh;
    height: 100%;
    background: #f5f5f5;
    display: none;
    padding: 221px 24px 0;
    position: fixed;
    top: 0;
    left: 300px;
    /* opacity: 0; */
    -webkit-transition: .5s;
    transition: .5s;
  }
  .gnav_pc li.has_sub > div li.has_sub > div {
    width: 160px;
    min-height: 100vh;
    height: 100%;
    background: #f5f5f5;
    display: none;
    position: fixed;
    top: 0;
    left: 600px;
    -webkit-transition: .5s;
    transition: .5s;
  }
  /* hoverしている間、下位のdivを表示 */
  /* .gnav_pc > ul > li.has_sub:hover > div,
	.gnav_pc > ul > li.has_sub > div li.has_sub:hover > div,
	.gnav_pc > ul > li.has_sub > div li.has_sub > div > ul,
	.gnav_pc > ul > li.has_sub > div li.has_sub > div > ul:hover{
		width: 350px;
		display: block;
	} */
  .gnav_pc > ul > li.has_sub.is-open > div,
  .gnav_pc > ul > li.has_sub > div li.has_sub.is-open > div,
  .gnav_pc > ul > li.has_sub > div li.has_sub > div > ul,
  .gnav_pc > ul > li.has_sub > div li.has_sub > div > ul:hover {
    width: 350px;
    display: block;
    /* visibility: visible; */
    /* opacity: 1;
		color: #4b4b4b; */
  }
  /* 0610 START ADD */
  .gnav_pc ul:not(.sub_list) > li > a {
    position: relative;
  }
  .gnav_pc ul:not(.sub_list) > li > a::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  .gnav_pc ul:not(.sub_list) > li.open_window > a::after {
    border-right: none;
    border-bottom: none;
    background-image: url("../img/cmn/open_other_window.svg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: initial;
            transform: initial;
    width: 20px;
    height: 14px;
  }
  .gnav_pc ul li span.notes {
    font-size: 13px;
    color: #9e9e9e;
  }
  .gnav_pc ul li span.notes::before {
    content: "※";
    display: inline-block;
    width: 1rem;
    margin-right: 0.5rem;
  }
  .gnav_pc .sub_menu {
    padding: 20px 0;
  }
  .gnav_pc .sub_menu > p {
    color: #71a91f;
  }
  .gnav_pc .sub_menu ul {
    padding-top: 18px;
    font-size: 14px;
  }
  .gnav_pc .sub_menu ul li {
    font-size: 13px;
    font-weight: 500;
  }
  .gnav_pc .sub_menu ul li .teikei{
    font-size: 11px;
  }
  .gnav_pc .sub_menu ul li:not(:first-of-type) {
    padding-top: 12px;
  }
  .gnav_pc .sub_menu ul li a {
    display: inline-block;
    padding: 0;
    border-bottom: 1px solid #4b4b4b;
  }
  .gnav_pc .sub_menu ul li {
    border-bottom: none;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .gnav_pc .sub_menu ul li:hover {
    opacity: 0.25;
  }
  .gnav_pc .sub_menu ul li:first-child {
    border-top: none;
  }
  .gnav_pc .sub_menu > ul > li:hover > a {
    background: initial;
    color: #4b4b4b;
  }
  .gnav_pc .has_sub > div > ul li {
    padding-left: 12px;
    -webkit-transition: 0.5s optacity;
    transition: 0.5s optacity;
  }
  .gnav_pc .has_sub > div > ul li a:hover {
    opacity: 0.25;
  }
  .gnav_pc .has_sub > div > ul li:first-of-type {
    border-top: solid 1px #fff;
  }
  .gnav_pc .has_sub > div > ul li,
  .gnav_pc .sub_menu {
    border-bottom: solid 1px #fff;
  }
  .gnav_pc .has_sub div ul li > a::after {
    border-right: 2px solid #606060;
    border-bottom: 2px solid #606060;
  }
  .gnav_pc .has_sub ul:not(.sub_list) li a {
    padding: 18px 0;
  }
  .gnav_pc .en01 {
    display: block;
    color: #e5e5e5;
    font-size: 11px;
  }
  .gnav_pc {
    display: block;
  }
  .gnav_sp {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .gnav_pc {
    display: none;
  }
  .gnav_sp > ul > li > a {
    /* background: #f4f7ec; */
    background: #fff;
    border-bottom: solid 1px #fff;
    display: block;
    padding: 16px;
    position: relative;
  }
  /* アイコンの表示 */
  .gnav_sp > ul > li > a::before {
    display: inline-block;
    content: "";
    /* height: 40px;
		width: 40px; */
    height: 34px;
    width: 34px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 16px;
  }
  .gnav_sp > ul > li:nth-of-type(1) > a::before {
    background-image: url("../img/cmn/nav01.png");
  }
  .gnav_sp > ul > li:nth-of-type(2) > a::before {
    background-image: url("../img/cmn/nav02.png");
  }
  .gnav_sp > ul > li:nth-of-type(3) > a::before {
    background-image: url("../img/cmn/nav03.png");
  }
  /* .gnav_sp > ul > li:nth-of-type(4) > a::before{background-image: url("../img/cmn/nav10.png");} */
  .gnav_sp > ul > li:nth-of-type(5) > a::before {
    background-image: url("../img/cmn/nav04.png");
  }
  /*.gnav_sp > ul > li:nth-of-type(5) > a::before{background-image: url("../img/cmn/nav07.png");}*/
  .gnav_sp > ul > li:nth-of-type(4) > a::before {
    background-image: url("../img/cmn/nav10.png");
  }
  .gnav_sp > ul > li:nth-of-type(6) > a::before {
    background-image: url("../img/cmn/nav09.png");
  }
  .gnav_sp ul li a {
    position: relative;
    width: 100%;
    display: block;
  }
  .gnav_sp > ul > li > a,
  .gnav_sp > ul > li > div > ul > li > a {
    padding: 10px 0 10px 20px;
  }
  .gnav_sp > ul > li > div > ul > li > div > ul > li {
    padding: 10px 0 10px 36px;
  }
  .gnav_sp > ul > li > div > ul > li > div > ul > li:first-of-type {
    border-top: solid 1px #fff;
  }
  .gnav_sp > ul > li div li {
    border-bottom: solid 1px #fff;
    background: #f5f5f5;
  }
  .gnav_sp > ul > li:last-of-type > a {
    background-color: #39aac6;
    color: #fff;
  }
  /* 下位コンテンツがないもの >アイコンをつける */
  .gnav_sp ul li:not(.has_sub) > a::after {
    content: "";
    width: 12px;
    height: 16px;
    background: url("../img/cmn/arrow01_bk.svg") no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* 下位コンテンツがあるもの +アイコンをつける */
  .gnav_sp ul li.has_sub a span {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%) translateX(25%);
    transform: translateY(-50%) translateX(25%);
  }
  .gnav_sp ul li.has_sub a span::before,
  .gnav_sp ul li.has_sub a span::after {
    content: "";
    width: 60%;
    height: 2px;
    background: #4b4b4b;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .5s;
    transition: .5s;
  }
  .gnav_sp > ul > li:last-of-type > a span::before,
  .gnav_sp > ul > li:last-of-type > a span::after {
    background-color: #fff;
  }
  .gnav_sp ul li.has_sub a span::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
  }
  .gnav_sp > ul > li.has_sub > a:hover {
    opacity: 1;
  }
  .gnav_sp ul li.has_sub.is_open > a span::after {
    opacity: 0;
  }
  .gnav_sp .is_sub {
    background: #f4f7ec;
    display: none;
  }
  .gnav_sp .is_sub ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .gnav_sp .is_sub li {
    background: #fff;
    width: 50%;
  }
  .gnav_sp .is_sub li {
    border-right: solid 1px #f4f7ec;
    border-bottom: solid 1px #f4f7ec;
  }
  .gnav_sp .is_sub span {
    display: none;
  }
  /* 矢印を表示 */
  .gnav_sp .is_sub li a {
    display: block;
    padding: 10px 16px;
    position: relative;
  }
  .gnav_sp .is_sub li a::after {
    content: "";
    width: 12px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .gnav_sp > ul > li:not(:last-of-type) {
    border-bottom: 1px solid #f5f5f5;
  }
  .gnav_sp .sub_menu {
    display: none;
  }
  .gnav_sp .en01 {
    display: none;
  }
  .gnav_sp .sub_menu {
    display: none;
  }
  .gnav_sp ul li > div ul {
    -webkit-transition: 0.5s ease-in-out max-height;
    transition: 0.5s ease-in-out max-height;
    overflow: hidden;
  }
  .gnav_sp ul li:not(.is_open) > div ul {
    max-height: 0;
  }
  .gnav_sp ul li.is_open > div > ul {
    max-height: 300vh;
  }
  .gnav_sp ul.bg_white li {
    background: #fff;
  }
  .gnav_sp li {
    font-size: 15px;
  }
  .gnav_sp ul li.has_sub .notes {
    color: #9e9e9e;
    font-size: 13px;
    width: auto;
    height: auto;
    display: block;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .gnav_sp ul li.has_sub .notes::before,
  .gnav_sp ul li.has_sub .notes::after {
    content: none;
  }
  .gnav_sp ul li.has_sub .notes::before {
    content: "※";
    width: auto;
    height: auto;
    background: none;
    display: inline-block;
    margin-right: 0.5rem;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
	
   .gnav_sp ul li .teikei{
    font-size: 11px;
  }
	
}

@media screen and (max-width: 768px) {
  .gnav_sp > ul > li > a::before {
    height: 26px;
    width: 26px;
  }
  .gnav_sp > ul > li > a, .gnav_sp > ul > li > div > ul > li > a {
    padding: 8px 0 8px 16px;
  }
  /* .gnav_sp > ul > li.has_sub ul a{
		font-weight: 700;
		font-family: YuGothic,'Yu Gothic','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	} */
  /* .gnav_sp > ul > li > a{
		font-weight: 700;
		font-family: YuGothic,'Yu Gothic','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	} */
}

/* -----------------------------------------------------
	footer
----------------------------------------------------- */
footer {
  padding-left: 300px;
}

footer .ft_btm {
  background-color: #71a91f;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .ft_btm li {
  padding: 20px 0;
  font-size: 12.5px;
  font-weight: bold;
  display: inline-block;
}

footer .ft_btm ul {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .ft_btm li:not(:last-of-type) {
  padding-right: 3.34%;
}

footer #copyright {
  margin-left: auto;
  text-align: right;
  font-size: 11px;
}

.ft_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 60px 0;
}

/* .ft_nav > ul:first-child {
	width: 50%;
}
.ft_nav > ul:first-child .is_sub li:not(:last-child) {
	margin-bottom: 0.5vw;
	margin-right: 2vw;
}
.ft_nav > ul:first-child > li:last-child .is_sub {
	margin-bottom: 0;
}
.ft_nav > ul:last-child {
	width: 48%;
}
.ft_nav > ul:last-child li:not(:last-child) {
	margin-bottom: 16px;
} */
/* .ft_nav > ul > li > a::before {
	background-image: url("../img/cmn/arrow01_bk.svg");
} 
.ft_nav .is_sub {
	font-size: 1.3rem;
	margin-bottom: 24px;
	padding-left: 16px;
}
*/
.ft_nav ul li a {
  display: inline-block;
  padding-left: 16px;
  position: relative;
}

.ft_nav > ul > li > a {
  font-weight: bold;
  margin-bottom: 16px;
}

.ft_top_pc .ft_nav {
  width: 100%;
}

.ft_nav .is_sub li a::before {
  background-image: url("../img/cmn/arrow01_gr01.svg");
}

.ft_nav > div {
  padding-right: 12px;
}

/*  250 / 290 / 350 / 290 */
.ft_nav > div:nth-of-type(1) {
  width: 21.186%;
}

.ft_nav > div:nth-of-type(2) {
  width: 24.576%;
}

.ft_nav > div:nth-of-type(3) {
  width: 28.661%;
}

/* .ft_nav > div:nth-of-type(3){width: 24.152%;} */
.ft_nav > div:nth-of-type(4) {
  width: 25.576%;
}

.ft_nav h4 {
  color: #71a91f;
  font-size: 18px;
  padding-bottom: 10px;
  font-weight: bold;
}

.ft_nav li {
  padding: 1px 0;
}

.ft_nav li a {
  font-size: 12px;
  position: relative;
}
.ft_nav li a .teikei {
  font-size: 10px;

}


.ft_nav li a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 2px;
  background-color: #71a91f;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ft_nav > div div:nth-of-type(n + 2) {
  padding-top: 32px;
}

.ft_nav li div p {
  color: #9aa38d;
  padding-bottom: 10px;
  font-weight: 700;
}

.ft_nav > div li:last-of-type div {
  padding-top: 10px;
}

#copyright {
  text-align: center;
  padding: 16px 0;
}

.fix_bnr {
  position: fixed;
  right: 24px;
  bottom: 20px;
  z-index: 10;
}

.fix_bnr .close_wrap {
  position: relative;
}

.fix_bnr .close_btn {
  width: 41px;
  height: 41px;
  background: #f8f8f8;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -20px;
  right: -10px;
  z-index: 1;
}

.fix_bnr .close_btn::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../img/cmn/close.svg") no-repeat;
  background-size: contain;
  display: block;
}

.fix_bnr .close_wrap #close:checked ~ .close_btn,
.fix_bnr .close_wrap #close:checked ~ a {
  display: none;
}

.ft_top_sp {
  padding: 2px 3% 30px;
  background-color: #f5f5f5;
  display: none;
}

.ft_top_sp .ft_inner {
  background-color: #fff;
  padding: 16px;
  width: 90%;
  margin: auto;
}

.ft_top_sp .ft_inner .ft_logo_wrap {
  margin-bottom: 16px;
}

.ft_top_sp .ft_inner .ft_logo {
  margin-bottom: 16px;
}

.ft_top_sp .ft_logo .illust {
  max-width: 73px;
  /* margin-bottom: 8px; */
  margin: 0 auto 8px;
}

.ft_logo_wrap .name {
  font-size: 1.6rem;
}

.ft_top_sp .contact_wrap .label {
  color: #71a91f;
  font-size: 1.6rem;
  margin-bottom: 4px;
  position: relative;
}

.ft_top_sp .contact_wrap .label::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #71a91f;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
}

.ft_top_sp .contact_wrap .label span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

.ft_top_sp .contact_wrap .tel {
  font-size: 3rem;
}

.ft_top_sp .contact_wrap .tel, .ft_top_sp .contact_wrap .fax {
  padding-left: 46px;
  position: relative;
}

.ft_top_sp .contact_wrap .fax {
  font-size: 2rem;
}

.ft_top_sp .contact_wrap .tel, .ft_top_sp .contact_wrap .fax {
  padding-left: 46px;
  position: relative;
}

.ft_top_sp .contact_wrap .fax::before {
  width: 29px;
  height: 26px;
  background-image: url(../img/cmn/ico_fax.svg);
}

.ft_top_sp .contact_wrap .tel::before, .ft_top_sp .contact_wrap .fax::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ft_top_sp .contact_wrap .tel::before {
  width: 28px;
  height: 27px;
  background-image: url(../img/cmn/ico_tel.svg);
}

.ft_top_sp .contact_wrap .tel::before, .ft_top_sp .contact_wrap .fax::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ft_top_sp .contact_wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}

.ft_top_sp .contact_wrap dl dt {
  color: #71a91f;
  font-size: 1.6rem;
  border: solid 1px #71a91f;
  margin-right: 10px;
  padding: 0 8px;
}

.ft_top_sp .contact_wrap dl dd {
  font-size: 2rem;
}

/* .ft_inner {
	width: 354px;
	background: #fff;
	padding: 40px 24px;
}
.ft_inner .contact_wrap .label {
	color: #71a91f;
	font-size: 1.6rem;
	margin-bottom: 4px;
	position: relative;
}
.ft_inner .contact_wrap .label::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #71a91f;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0;
}
.ft_inner .contact_wrap .label span {
	background: #fff;
	display: inline-block;
	padding: 0 10px;
	position: relative;
	z-index: 1;
}
.ft_inner .contact_wrap .tel,
.ft_inner .contact_wrap .fax {
	padding-left: 46px;
	position: relative;
}
.ft_inner .contact_wrap .tel::before,
.ft_inner .contact_wrap .fax::before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ft_inner .contact_wrap .tel::before {
	width: 28px;
	height: 27px;
	background-image: url("../img/cmn/ico_tel.svg");
}
.ft_inner .contact_wrap .fax::before {
	width: 29px;
	height: 26px;
	background-image: url("../img/cmn/ico_fax.svg");
}
.ft_inner .contact_wrap .tel {
	font-size: 3rem;
}
.ft_inner .contact_wrap .fax {
	font-size: 2rem;
}
.ft_inner .contact_wrap dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 16px;
}
.ft_inner .contact_wrap dl dt {
	color: #71a91f;
	font-size: 1.6rem;
	border: solid 1px #71a91f;
	margin-right: 10px;
	padding: 0 8px;
}
.ft_inner .contact_wrap dl dd {
	font-size: 2rem;
} */
@media screen and (max-width: 1200px) {
  footer {
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  /* .ft_top_pc, .ft_btm{
		display: none;
	} */
  /* footer{
		display: none;
	} */
  .ft_top_sp {
    display: block;
  }
  .ft_top_pc, footer .ft_btm ul {
    display: none;
  }
  footer #copyright {
    margin: 0 auto;
  }
  .ft_top_pc {
    padding-bottom: 8%;
  }
  .ft_left {
    width: 90%;
    margin: auto;
    padding: 16px;
  }
  #copyright {
    font-size: 1.2rem;
  }
  .fix_bnr {
    display: none;
  }
  .ft_left {
    width: 90%;
    margin: auto;
    padding: 16px;
  }
}

/* mainv
-------------------------------------------------------- */
.mainv_list img {
  width: 100%;
}

.mainv_list .swiper-button-next:after,
.mainv_list .swiper-button-prev:after {
  content: "";
  width: 20px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
}

.mainv_list .swiper-button-next:after {
  background-image: url("../img/cmn/next.svg");
}

.mainv_list .swiper-button-prev:after {
  background-image: url("../img/cmn/prev.svg");
}

/* index_news
-------------------------------------------------------- */
.index_news .head01 {
  margin-bottom: 0;
}

.index_news .head01 figure img {
  max-width: 31px;
}

.index_news {
  padding: 70px 0;
}

.index_news .head01 {
  width: 100px;
}

.index_news .news_wrap {
  width: calc(100% - 150px);
  padding-right: 4%;
}

.index_news .news_wrap ul {
  width: calc(100% - 220px);
}

.index_news .news_wrap ul li:not(:last-child) {
  margin-bottom: 20px;
}

.index_news .news_wrap ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news_cat {
  color: #71a91f;
  font-size: 1.2rem;
  min-width: 80px;
  height: 20px;
  border: solid 1px #71a91f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  margin: 0 20px 0 30px;
}

.news_cat.cat02 {
  color: #39b7d0;
  border-color: #39b7d0;
}

@media screen and (max-width: 768px) {
  .index_news {
    padding: 16px 0 40px;
  }
  .index_news .head01 {
    margin-bottom: 24px;
  }
  .index_news .flex {
    display: block;
  }
  .index_news .head01,
  .index_news .news_wrap {
    width: 100%;
    padding-right: 0;
  }
  .index_news .news_wrap ul {
    width: 100%;
  }
  .index_news .news_wrap ul li a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .index_news .news_wrap ul li h3 {
    width: 100%;
    margin-top: 8px;
  }
  .index_news .news_wrap .btn01 {
    margin: 40px auto 0;
  }
  .news_cat {
    margin: 0 0 0 16px;
  }
}

/* index_group
-------------------------------------------------------- */
.index_group .head01 figure img {
  max-width: 40px;
}

.index_group .panel {
  background: #fff;
  display: none;
  overflow: hidden;
}

.index_group #tab1:checked ~ #tab1_panel,
.index_group #tab2:checked ~ #tab2_panel,
.index_group #tab3:checked ~ #tab3_panel{
  display: block;
}

.index_group #tab1:checked ~ .tabs label:nth-child(1),
.index_group #tab2:checked ~ .tabs label:nth-child(2),
.index_group #tab3:checked ~ .tabs label:nth-child(3){
  color: #fff;
  background: #71a91f;
}

.index_group #tab1:checked ~ .tabs label:nth-child(1)::after,
.index_group #tab2:checked ~ .tabs label:nth-child(2)::after,
.index_group #tab3:checked ~ .tabs label:nth-child(3)::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6.5px 0 6.5px;
  border-color: #71a91f transparent transparent transparent;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.index_group #tab1:checked ~ .tabs.btm label:nth-child(1)::after,
.index_group #tab2:checked ~ .tabs.btm label:nth-child(2)::after,
.index_group #tab3:checked ~ .tabs.btm label:nth-child(3)::after{
  top: -12px;
  -webkit-transform: translateX(-50%) scale(1, -1);
  transform: translateX(-50%) scale(1, -1);
}

.index_group .tabs {
  /* max-width: 800px; */
  width: 100%;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 40px;
}

.index_group .tabs.btm {
  margin: 40px auto 0;
}

.index_group .tabs label {
  color: #71a91f;
  font-size: 2rem;
  width: 50%;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 16px;
  position: relative;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.index_group .tabs label:hover {
  opacity: 0.5;
}

.index_group .tabs label:nth-child(1) {
  border-radius: 10px 0 0 10px;
}

.index_group .tabs label:nth-child(3) {
  border-radius: 0 10px 10px 0;
}

.group_list > li {
  width: 30%;
}

.group_list .image {
  border: solid 1px #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  padding-top: 61%;
  position: relative;
}

.group_list .image img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.group_list li > a {
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  display: block;
}

.group_list li > a:hover {
  opacity: 0.6;
}

.group_list .type {
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  padding: 10px;
  position: absolute;
  top: 0;
  right: 24px;
  z-index: 5;
}

.group_list .type .cover {
  padding-top: 100%;
}

.group_list .type.type11 .cover,
.group_list .type.type12 .cover,
.group_list .type.type13 .cover {
  padding-top: 88%;
}

.group_list .type.type01 .cover {
  background-image: url("../img/cmn/ico01.svg");
}

.group_list .type.type02 .cover {
  background-image: url("../img/cmn/ico02.svg");
}

.group_list .type.type03 .cover {
  background-image: url("../img/cmn/ico03.svg");
}

.group_list .type.type04 .cover {
  background-image: url("../img/cmn/ico04.svg");
}

.group_list .type.type05 .cover {
  background-image: url("../img/cmn/ico05.svg");
}

.group_list .type.type06 .cover {
  background-image: url("../img/cmn/ico06.svg");
}

.group_list .type.type07 .cover {
  background-image: url("../img/cmn/ico07.svg");
}

.group_list .type.type08 .cover {
  background-image: url("../img/cmn/ico08.svg");
}

.group_list .type.type09 .cover {
  background-image: url("../img/cmn/ico09.svg");
}

.group_list .type.type10 .cover {
  background-image: url("../img/cmn/ico10.svg");
}

.group_list .type.type11 .cover {
  background-image: url("../img/cmn/ico11.svg");
}

.group_list .type.type12 .cover {
  background-image: url("../img/cmn/ico12.svg");
}

.group_list .type.type13 .cover {
  background-image: url("../img/cmn/ico13.svg");
}
.group_list .type.type14 .cover {
  background-image: url("../img/cmn/ico14.svg");
	padding-top: 88%;
}
.group_list .type.type16 .cover {
  background-image: url("../img/cmn/ico16.svg");
	padding-top: 88%;
}
.group_list .type.type17 .cover {
  background-image: url("../img/cmn/ico17.svg");
	padding-top: 88%;
}

.group_list .type.type_kotonoha .cover {
  background-image: url("../img/cmn/ico_kotonoha.svg");
}


.group_list .desc_wrap div {
  border-bottom: dotted 1px #c4c4c4;
}

.group_list .name_wrap .is_sub {
  color: #71a91f;
  border: solid 1px #71a91f;
  display: inline-block;
  padding: 1px 10px;
}

.group_list .name_wrap .name {
  font-size: 1.8rem;
  padding: 10px 0;
  /* line-heigt*2 + padding10*2 */
  min-height: 78px;
  display: block;
}

.group_list .address,
.group_list .tel {
  font-size: 1.6rem;
  padding: 10px 0;
}

.group_list .address.row2,
.group_list .tel.row2 {
  min-height: 70px;
}

.group_list .tel span {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}

.group_list .tel span:not(.tel_rmk)::before {
  content: "";
  width: 21px;
  height: 20px;
  background: url("../img/cmn/ico_tel.svg") no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  /* top: 50%; */
  top: 12.8px;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.group_list .tel .tel_rmk {
  padding-left: 0;
  /* font-size: 13px; */
}

.group_remark {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-bottom: 40px;
}

.group_remark p {
  position: relative;
}

.group_remark p::before, .group_remark p::after {
  display: inline-block;
  content: "";
  width: 72px;
  height: 35px;
  background: no-repeat center / contain;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  vertical-align: bottom;
}

.group_remark p::before {
  background-image: url("../img/cmn/ico_arrow_l.svg");
  margin-right: 2.3%;
}

.group_remark p::after {
  background-image: url("../img/cmn/ico_arrow_r.svg");
  margin-left: 2.3%;
}

@media screen and (min-width: 769px) {
  .group_list > li {
    margin-top: 50px;
  }
  .group_list > li:nth-child(-n + 3) {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .index_group .tabs {
    /* margin: 0 0 24px; */
    margin: 0 0 48px;
  }
  .index_group .tabs.btm {
    margin: 24px 0 0;
  }
  .index_group .tabs label {
    font-size: 1.6rem;
    padding: 8px;
  }
  .group_list > li {
    width: 100%;
    margin-bottom: 24px;
  }
  .group_list > li:last-child {
    margin-bottom: 0;
  }
  .group_list .name_wrap .name {
    font-size: 1.6rem;
    padding: 10px 0;
    min-height: initial;
  }
  .group_list .address,
  .group_list .tel {
    /* font-size: 1.6rem; */
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
  }
  .group_list address.row2,
  .group_list .tel.row2 {
    min-height: initial;
  }
  .index_group #tab1:checked ~ .tabs label:nth-child(1):hover,
  .index_group #tab2:checked ~ .tabs label:nth-child(2):hover {
    opacity: 1;
  }
  .group_remark {
    font-size: 14px;
    padding-bottom: 55px;
  }
  .group_remark p::before, .group_remark p::after {
    position: absolute;
    width: 26px;
    height: 30px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    vertical-align: bottom;
  }
  .group_remark p::before {
    background-image: url("../img/cmn/ico_arrow_sp.svg");
    margin-right: 2.3%;
    left: 21.42%;
    top: 18px;
  }
  .group_remark p::after {
    background-image: url("../img/cmn/ico_arrow_sp.svg");
    margin-left: 2.3%;
    right: 21.42%;
    top: 18px;
  }
}

/* index_recruit
-------------------------------------------------------- */
.index_recruit .head01 figure img {
  max-width: 48px;
}

.index_recruit .image_wrap,
.index_recruit .txt_wrap {
  position: relative;
}

.index_recruit .image_wrap {
  width: 42%;
}

.index_recruit .txt_wrap {
  font-size: 1.8rem;
  width: 58%;
  padding-left: 25px;
}

.index_recruit .image_wrap figure,
.index_recruit .txt_wrap h3,
.index_recruit .txt_wrap p {
  position: relative;
  z-index: 1;
}

.index_recruit .txt_wrap h3 {
  font-size: 3rem;
  margin-bottom: 32px;
}

.index_recruit .btn_wrap {
  margin-top: 40px;
}

.index_recruit .logo {
  max-width: 194px;
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .index_recruit .image_wrap,
  .index_recruit .txt_wrap {
    width: 100%;
    padding-left: 0;
  }
  .index_recruit .image_wrap {
    margin-bottom: 24px;
  }
  .index_recruit .txt_wrap p {
    font-size: 14px;
    line-height: 25px;
  }
  .index_recruit .image_wrap figure {
    width: 90%;
    max-width: 510px;
  }
  .index_recruit .txt_wrap {
    font-size: 1.6rem;
  }
  .index_recruit .txt_wrap h3 {
    /* font-size: 2.4rem; */
    font-size: 23px;
    margin-bottom: 16px;
  }
  .index_recruit .btn_wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
  }
  .index_recruit .logo {
    /* top: 20%; */
    top: initial;
    bottom: -70px;
  }
  .index_recruit .btn01 {
    width: 80%;
  }
}

/* index_committee
-------------------------------------------------------- */
.index_committee .head01 figure img {
  max-width: 42px;
}

.index_committee .list01 li {
  font-size: 1.8rem;
  width: 23%;
}

@media screen and (max-width: 768px) {
  .index_committee .list01 li {
    width: 48%;
    font-size: 1.4rem;
    margin-top: 16px;
  }
  .index_committee .list01 li:nth-child(-n + 2) {
    margin-top: 0;
  }
  .index_committee .list01 li .title {
    padding: 4px;
  }
}

/* index_staff
-------------------------------------------------------- */
.index_staff .head01 figure img {
  max-width: 50px;
}

.index_staff .image,
.index_staff .txt_wrap {
  width: 50%;
}

.index_staff .image {
  background: url("../img/index/staff.jpg") no-repeat center center;
  background-size: cover;
}

.index_staff .txt_wrap {
  font-size: 1.8rem;
  padding: 4%;
}

.index_staff .btn_wrap {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .index_staff {
    display: block;
  }
  .index_staff .image.is_sp {
    margin-bottom: 24px;
    padding-top: 70%;
  }
  .index_staff .image,
  .index_staff .txt_wrap {
    width: 100%;
  }
  .index_staff .txt_wrap {
    padding: 40px 0;
  }
  .index_staff .txt_wrap h3,
  .index_staff .txt_wrap p {
    padding: 0 4%;
  }
  .index_staff .btn_wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
  }
}

/* blog
-------------------------------------------------------- */


.blog .col.l {
  padding: 60px 6%;
}

.blog .col.r {
  width: 420px;
  border: solid 1px #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}

.blog .facebook {
  padding-top: 110%;
  position: relative;
}

.blog .facebook iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blog .head01 figure img {
  max-width: 44px;
}

.blog .head01 {
  width: 80px;
}

.blog .blog_wrap {
  width: calc(100% - 150px);
}

.blog .blog_wrap ul li:not(:last-child) {
  margin-bottom: 20px;
}

.blog .blog_wrap ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post_select {
  margin-bottom: 24px;
}

.post_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post_select select {
  font-size: 1.6rem;
  max-width: 230px;
  background-color: #fff;
  background-image: url(../img/cmn/arrow02.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 15px;
  border: solid 1px #a9a9a9;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  padding: 6px 16px;
  padding-right: 40px;
}

.post_select select:not(:last-child) {
  margin-right: 10px;
}

.blog_cat_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 28px 0 0;
}

.blog_cat_wrap::after {
  content: "";
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin-left: 20px;
}

.blog_date {
  margin-right: 20px;
}

.blog_cat {
  font-size: 1.2rem;
  min-width: 100px;
  height: 20px;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 2px;
}

.blog_cat_wrap.cat01::after {
  background-image: url("../img/cmn/ico01.svg");
}

.blog_cat_wrap.cat01 .blog_cat {
  color: #79a42c;
  border-color: #79a42c;
}

.blog_cat_wrap.cat02::after {
  background-image: url("../img/cmn/ico02.svg");
}

.blog_cat_wrap.cat02 .blog_cat {
  color: #7d7c7d;
  border-color: #7d7c7d;
}

.blog_cat_wrap.cat03::after {
  background-image: url("../img/cmn/ico03.svg");
}

.blog_cat_wrap.cat03 .blog_cat {
  color: #009e96;
  border-color: #009e96;
}

.blog_cat_wrap.cat04::after {
  background-image: url("../img/cmn/ico04.svg");
}

.blog_cat_wrap.cat04 .blog_cat {
  color: #eb6100;
  border-color: #eb6100;
}

.blog_cat_wrap.cat05::after {
  background-image: url("../img/cmn/ico05.svg");
}

.blog_cat_wrap.cat05 .blog_cat {
  color: #265591;
  border-color: #265591;
}

.blog_cat_wrap.cat06::after {
  background-image: url("../img/cmn/ico06.svg");
}

.blog_cat_wrap.cat06 .blog_cat {
  color: #72394a;
  border-color: #72394a;
}

.blog_cat_wrap.cat07::after {
  background-image: url("../img/cmn/ico07.svg");
}

.blog_cat_wrap.cat07 .blog_cat {
  color: #234e35;
  border-color: #234e35;
}

.blog_cat_wrap.cat08::after {
  background-image: url("../img/cmn/ico08.svg");
}

.blog_cat_wrap.cat08 .blog_cat {
  color: #e60012;
  border-color: #e60012;
}

.blog_cat_wrap.cat09::after {
  background-image: url("../img/cmn/ico09.svg");
}

.blog_cat_wrap.cat09 .blog_cat {
  color: #632e1a;
  border-color: #632e1a;
}

.blog_cat_wrap.cat10::after {
  background-image: url("../img/cmn/ico10.svg");
}

.blog_cat_wrap.cat10 .blog_cat {
  color: #0090fd;
  border-color: #0090fd;
}

.blog_cat_wrap.cat11::after {
  background-image: url("../img/cmn/ico11.svg");
}

.blog_cat_wrap.cat11 .blog_cat {
  color: #779d38;
  border-color: #779d38;
}

.blog_cat_wrap.cat12::after {
  background-image: url("../img/cmn/ico12.svg");
}

.blog_cat_wrap.cat12 .blog_cat {
  color: #0068b7;
  border-color: #0068b7;
}

.blog_cat_wrap.cat13::after {
  background-image: url("../img/cmn/ico13.svg");
}
.blog_cat_wrap.cat14::after {
  background-image: url("../img/cmn/ico15.svg");
}
.blog_cat_wrap.cat16::after {
  background-image: url("../img/cmn/ico16.svg");
}
.blog_cat_wrap.cat17::after {
  background-image: url("../img/cmn/ico17.svg");
}

.blog_cat_wrap.cat14 .blog_cat {
  color: #8e1d52;
  border-color: #8e1d52;
}

.blog .btn_wrap {
  margin-top: 24px;
}

@media screen and (max-width: 1200px) {
  .blog .head01,
  .blog .blog_wrap {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .blog .col.l,
  .blog .col.r {
    width: 100%;
    padding: 40px 2%;
  }
  .blog ul {
    height: 300px;
    overflow-y: scroll;
  }
  .blog .btn_wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
	  .blog .blog_wrap ul li h3 {
    width: 100%;
    margin-top: 8px;
	}
}

@media screen and (max-width: 480px) {
  .post_select {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .post_select select {
    width: 48%;
  }
  .post_select select:not(:last-child) {
    margin-right: 0;
  }
}

/* Instagram
-------------------------------------------------------- */
#instagram .inner{
	padding: 40px 0px;
	
}

#instagram .head01 figure img{
	max-width: 44px;
}

#instagram #insta-list{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	overflow: hidden;
}

#instagram #insta-list li {
	width: calc(100% / 5);
	height: 100%;
  text-align: center;
}

#instagram #insta-list li a{
width: 0;
    height: 0;
    display: block;
    line-height: 1;
    padding: 100% 100% 0 0;
    position: relative;
}

#instagram #insta-list li img{
	width: 100%;
	height: 100%;
	position: absolute;
  top: 0;
 left: 0;
 transition: .4s;
object-fit:cover;
}

#instagram  .btn01{
	max-width: 320px;
	margin-top: 40px;
}

@media screen and (max-width: 896px) and (min-width:769px){
	
	#instagram .inner{
	padding: 0 3.5%;
}
	
}

@media screen and (max-width:768px){
	
	#instagram .inner{
	padding: 3.5% 3.5%;
}

	#instagram #insta-list li {
	width: calc(100% / 2);
	height: 100%;
  text-align: center;
}
	
	#instagram .btn01{
		max-width: 80%;
	}
	
	#instagram .btn_wrap{
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	}
}

	


/* index_company
-------------------------------------------------------- */
.index_company {
  padding: 60px 0 100px;
}

.index_company .head01 figure img {
  max-width: 44px;
}

.list01.col2 li{
  width: 48%;
}

.list01.col2 li .title{
  font-size: 2rem;
  padding: 8px;
}

@media screen and (max-width: 768px) {
  .index_company {
    padding: 40px 0;
  }
  .list01.col2 li {
    width: 100%;
  }
  .list01.col2 li:first-child {
    margin-bottom: 24px;
  }
  .list01.col2 li .title {
    font-size: 1.6rem;
  }
}

.news_list article {
  border-bottom: solid 1px #e9e9e9;
}

.news_list article a,
.news_list .news_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news_list article a {
  padding: 20px 30px;
}

.news_list .news_title {
  font-size: 1.6rem;
}

.wp-pagenavi {
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.wp-pagenavi .extend {
  display: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
  color: #6aa810;
  width: 31px;
  height: 31px;
  border: solid 1px #6aa810;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 4px;
}

.wp-pagenavi span,
.wp-pagenavi a:hover {
  color: #fff;
  background: #6aa810;
  opacity: 1;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  width: 43px;
  height: 50px;
  border: none;
  display: block;
  overflow: hidden;
  text-align: center;
  text-indent: -999999999999px;
  position: relative;
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
  background: #fff;
}

.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before {
  content: "";
  background-image: url(../img/cmn/arrow01_gr01.svg);
  width: 14px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wp-pagenavi .previouspostslink::before {
  -webkit-transform: translate(-50%, -50%) scale(-1, 1);
          transform: translate(-50%, -50%) scale(-1, 1);
}

.article_news .article_head {
  border-bottom: solid 1px #e9e9e9;
  margin-bottom: 40px;
  padding: 0 20px 16px 24px;
}

.article_news .article_head .news_title {
  font-size: 2rem;
  width: 70%;
}

.article_news .article_body {
  font-size: 1.6rem;
  padding: 0 20px;
}

.article_news .article_body p:not(:last-child) {
  margin-bottom: 40px;
}

.single_pager {
  margin-top: 80px;
}

.single_nav {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 20px;
}

.single_nav .btn {
  display: inline-block;
  position: relative;
}

.single_nav .prev::before,
.single_nav .next::after {
  content: "";
  width: 8px;
  height: 13px;
  background-image: url("../img/cmn/arrow01_bk.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.single_nav .prev {
  float: left;
  padding-left: 16px;
}

.single_nav .prev::before {
  left: 0;
  -webkit-transform: translateY(-50%) scale(-1, 1);
  transform: translateY(-50%) scale(-1, 1);
}

.single_nav .next {
  float: right;
  padding-right: 16px;
}

.single_nav .next::after {
  right: 0;
}

@media screen and (max-width: 768px) {
  .news_list article a {
    display: block;
    padding: 16px 0;
  }
  .news_list .news_title {
    margin-top: 8px;
  }
  .wp-pagenavi {
    margin-top: 24px;
  }
  .article_news .article_head {
    display: block;
    margin-bottom: 24px;
    padding: 16px 0;
  }
  .article_news .article_head .news_title,
  .article_news .news_meta {
    width: 100%;
  }
  .article_news .news_meta {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 4px;
  }
  .article_news .article_body {
    padding: 0;
  }
  .article_news .article_body p:not(:last-child) {
    margin-bottom: 24px;
  }
  .single_pager {
    margin-top: 40px;
  }
  .single_nav {
    margin-bottom: 32px;
    padding: 0;
  }
}

/* event
-------------------------------------------------------- */
.iframe.event {
  padding-top: 76%;
}

/* privacy
-------------------------------------------------------- */
#privacy .head02 p {
  font-size: 1.6rem;
}

.privacy_title {
  font-size: 1.8rem;
  margin-bottom: 16px;
}

.privacy_txt:not(:last-child) {
  font-size: 1.4rem;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #privacy .head02 p {
    font-size: 1.1rem;
  }
  .privacy_title {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
  .privacy_txt:not(:last-child) {
    font-size: 1.1rem;
    margin-bottom: 24px;
  }
}

.head01 > figure img {
  max-width: 50px;
}

@media screen and (max-width: 768px) {
  .inner {
    padding: 0 3%;
  }
  .head01 > figure img {
    max-width: 30px;
  }
}

/* ------------------------------------
	section.work
------------------------------------ */
section.work {
  padding: 30px 0;
  background-color: #f5f5f5;
}

section.work h3 {
  font-size: 18px;
}

section.work .list01 li {
  width: 30.383%;
}


section.work .list01 li:nth-of-type(n + 4),
section.work_sp .list01 li:nth-of-type(n + 4){
/*  margin-top: 40px;*/
	margin-top: 0;
}

section.work .list01 li:not(:nth-of-type(3n + 3)) ,
section.work_sp .list01 li:not(:nth-of-type(3n + 3)) {
  margin-right: 4.424%;
}

@media screen and (max-width: 768px) {
  section.work .list01 li,
	  .list01-sp li{
    width: 100%;
  }
  section.work h3,
	  .list01-sp h3{
    font-size: 16px;
  }
  section.work .list01 li,
	 .list01-sp li{
    margin-bottom: 20px;
  }
  section.work .list01 li:not(:nth-of-type(3n + 3)),
	.list01-sp li:not(:nth-of-type(3n + 3)){
    margin-right: 0;
  }
  section.work .list01 li:nth-of-type(1),
  section.work .list01 li:nth-of-type(2),
  section.work .list01 li:nth-of-type(3),
	section.work_sp .list01 li:nth-of-type(1){
    margin-bottom: 20px;
  }
}

/* ------------------------------------
	section.strength
------------------------------------ */
section.strength {
  padding-top: 30px;
}

section.strength .head01 > figure img {
  max-width: 40px;
}

section.strength .str_list h3 {
  /* font-size: 30px; */
/*  font-size: 26px;*/
  font-size: 3rem;
  padding-bottom: 40px;
  font-weight: bold;
}

section.strength .str_list div:first-of-type h3:before {
  display: block;
  font-size: 20px;
  color: #6aa810;
  font-size: 80px;
  line-height: 1;
  font-weight: normal;
}

section.strength .str_list .str_content div:first-of-type {
  /* padding-left: 26px; */
  padding-left: 6%;
}

section.strength .str_list div:first-of-type p {
  width: 82.56%;
/*  font-size: 16px;*/
	font-size: 1.8rem;
  line-height: 30px;
}

section.strength .str_list div:first-of-type .btn01 {
  margin-top: 30px;
  max-width: 220px;
}

section.strength .str_list div:first-of-type .btn01 span {
  padding-left: 17%;
  padding-right: 17%;
}

section.strength .str_list div:nth-of-type(1) h3:before {
  content: "01";
}

section.strength .str_list div:nth-of-type(2) h3:before {
  content: "02";
}

section.strength .str_list div:nth-of-type(3) h3:before {
  content: "03";
}

section.strength .str_list div:nth-of-type(4) h3:before {
  content: "04";
}

section.strength .str_list div:nth-of-type(5) h3:before {
  content: "05";
}

section.strength .str_list .str_content > div:first-of-type,
section.strength .str_list .str_content > div:last-of-type {
  width: 50%;
}

section.strength .str_list .str_content:nth-of-type(even) div:first-of-type {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

section.strength .str_list .str_content:nth-of-type(even) div:last-of-type {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

section.strength .str_list > div > .bgi_wrap > div {
  background-repeat: no-repeat;
  /* background-size: cover; */
  background-size: 95% 95%;
  padding-top: 60%;
}

section.strength .str_list > div:nth-of-type(even) > .bgi_wrap {
  padding-top: 30px;
}

section.strength .str_list > div:nth-of-type(odd) > .bgi_wrap > div {
  background-position: right 30px;
}

section.strength .str_list > div:nth-of-type(even) > .bgi_wrap > div {
  background-position: left bottom;
}

section.strength .str_list > div:nth-of-type(1) > .bgi_wrap > div {
  background-image: url("../img/index/strength01.jpg");
}

section.strength .str_list > div:nth-of-type(2) > .bgi_wrap > div {
  background-image: url("../img/index/strength02.jpg");
}

section.strength .str_list > div:nth-of-type(3) > .bgi_wrap > div {
  background-image: url("../img/index/strength03.jpg");
}

section.strength .str_list > div:nth-of-type(4) > .bgi_wrap > div {
  background-image: url("../img/index/strength04.jpg");
}

section.strength .str_list > div:nth-of-type(5) > .bgi_wrap > div {
  background-image: url("../img/index/strength05.jpg");
}

section.strength .str_content {
  position: relative;
  padding: 10px 0 30px;
  margin-bottom: 40px;
}

/* 灰色背景の部分 */
section.strength .str_content::before {
  display: block;
  content: "";
  position: absolute;
  height: 70%;
  width: 62%;
  background-color: #f5f5f5;
  z-index: -1;
}

section.strength .str_content:nth-of-type(odd)::before {
  bottom: 0;
  right: 0;
}

section.strength .str_content:nth-of-type(even)::before {
  top: 0;
  left: 0;
}

section.strength .str_list h3 br.sp_only {
  display: none;
}

@media screen and (max-width: 768px) {
  section.strength .str_list div:first-of-type .btn01 {
    margin-top: 30px;
    /* max-width: 220px; */
    max-width: 400px;
    width: 80%;
    margin-top: 0;
    margin-bottom: 28px;
  }
  section.strength .str_list > div:nth-of-type(odd) > .bgi_wrap > div {
    background-position: right top;
  }
  section.strength .str_list > div:nth-of-type(even) > .bgi_wrap > div {
    background-position: left top;
  }
  section.strength .str_list > div:nth-of-type(even) > .bgi_wrap {
    padding-top: 0;
  }
  section.strength .str_list div:first-of-type .btn01 span {
    padding-left: 17%;
    padding-right: 17%;
  }
  section.strength .str_list div:first-of-type h3:before {
    font-size: 50px;
  }
  section.strength .str_list h3 {
    font-size: 24px;
    font-weight: bold;
  }
  section.strength .str_list h3 br.sp_only {
    display: block;
  }
  section.strength .str_list {
    margin: 0;
  }
  section.strength .str_list {
    margin: 0;
  }
  section.strength .str_list .str_content div:first-of-type {
    padding-left: 0;
  }
  section.strength .str_content.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  section.strength .str_content {
    padding-top: 0px;
  }
  section.strength .str_list .str_content > div:first-of-type,
  section.strength .str_list .str_content > div:last-of-type {
    width: 100%;
  }
  section.strength .str_list div:first-of-type {
    padding-left: 0;
  }
  section.strength .str_list .str_content:nth-of-type(even) div:first-of-type {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  section.strength .str_list .str_content:nth-of-type(even) div:last-of-type {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  section.strength .str_list > div:nth-of-type(odd) > div:last-of-type {
    margin-left: 10%;
  }
  section.strength .str_list > div:nth-of-type(even) > div:last-of-type {
    margin-right: 10%;
  }
  section.strength .str_list > div:nth-of-type(odd) > div:last-of-type {
    padding-right: 0;
  }
  section.strength .str_list div:first-of-type p {
    width: 100%;
  }
  section.strength .str_list > div > div:first-of-type {
    padding: 0 3%;
  }
  section.strength .str_list .str_content > div:first-of-type h3 {
    text-align: center;
  }
  section.strength .str_list .str_content > div:first-of-type h3 {
    padding: 0;
	font-size: 23px;
  }
  section.strength .str_list .str_content > div:first-of-type p {
    padding: 30px 3% 25px;
	  font-size: 14px;
  }
  section.strength .str_content::before {
    display: block;
    content: "";
    position: absolute;
    height: 0;
    padding-top: 40%;
    width: 100%;
    background-color: #f5f5f5;
    z-index: -1;
  }
  section.strength .str_content {
    padding-bottom: 40px;
  }
  section.strength .str_content::before {
    width: 97%;
  }
  section.strength .str_content:nth-of-type(even)::before {
    top: initial;
    bottom: 0;
  }
  section.strength .str_list .str_content:nth-of-type(odd) .bgi_wrap {
    padding-left: 6.896%;
  }
  section.strength .str_list .str_content:nth-of-type(even) .bgi_wrap {
    padding-right: 6.896%;
  }
  section.strength .str_list > div:nth-of-type(odd) > div:last-of-type {
    margin-left: 0%;
  }
  section.strength .str_list > div:nth-of-type(even) > div:last-of-type {
    margin-right: 0%;
  }
  section.strength .btn01 {
    margin: 0 auto;
  }
}

/* ------------------------------------
	#offiece
------------------------------------ */
.index_group .tabs label {
  display: block;
  width: 33.33%;
  background-color: #f5f5f5;
  color: #71a91f;
  font-size: 20px;
  text-align: center;
  padding: 20px 10px;
  position: relative;
  font-weight: 700;
}

.index_group .tabs.top {
  /* margin: 0 auto 32px; */
  margin: 0 auto 50px;
}

.index_group .tabs.bottom {
  margin: 50px auto 0;
}

.index_group #tab1:checked ~ .tabs label:nth-child(1)::after,
.index_group #tab2:checked ~ .tabs label:nth-child(2)::after,
.index_group #tab3:checked ~ .tabs label:nth-child(3)::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 10px solid transparent;
  border-top: 15px solid #71a91f;
}

.index_group #tab1:checked ~ .tabs.bottom label:nth-child(1)::after,
.index_group #tab2:checked ~ .tabs.bottom label:nth-child(2)::after,
.index_group #tab3:checked ~ .tabs.bottom label:nth-child(3)::after{
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  margin-top: -20px;
  border: 10px solid transparent;
  border-bottom: 15px solid #71a91f;
}

/* ------------------------------------
	#recruit
------------------------------------ */
/* .recruit .img_wrap{
	width: 40.372%;

	background-image: url("../img/index/recruit01.jpg");
	background-repeat: no-repeat;
	padding-top: 115%;

}
.recruit .txt_wrap{
	width: 59.628%;
	position: relative;
}
.recruit .txt_wrap h3{

}
.recruit .txt_wrap p{
	font-size: 18px;
}
.recruit .txt_wrap p::after{
	content: "";
	display: block;
	background-image: url("./");
} */
/* ------------------------------------
	tabs
------------------------------------ */
@media screen and (max-width: 768px) {
  .index_group .tabs label {
    font-size: 16px;
  }
  .index_group .tabs.top {
    margin: 0 0 32px;
  }
  .index_group .tabs.bottom {
    margin: 32px 0 0;
  }
  .index_group #tab1:checked ~ .tabs label:nth-child(1)::after,
  .index_group #tab2:checked ~ .tabs label:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 10px solid transparent;
    border-top: 13px solid #71a91f;
  }
  .index_group #tab1:checked ~ .tabs.bottom label:nth-child(1)::after,
  .index_group #tab2:checked ~ .tabs.bottom label:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    margin-top: -20px;
    border: 10px solid transparent;
    border-bottom: 13px solid #71a91f;
  }
}

/* #office .tabCont .tab1_content,
#office .tabCont .tab2_content{
	display: none;
}
#office #tab1:checked ~ .tabCont .tab1_content,
#office #tab2:checked ~ .tabCont .tab2_content{
	display: block;
}
#office .tabList{
	padding: 20px 0;
} */
/* ------------------------------------
	company
------------------------------------ */
#company .index_sec .inner .mv {
  width: 100%;
  height: 0;
  padding-top: 42.215%;
  margin-bottom: 80px;
  background-image: url("../img/company/company_main.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#company dl {
  padding-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#company dt {
  padding: 8px 16px 8px 0;
}

#company dd {
  /* padding: 8px; */
  padding: 8px 0 8px 16px;
}

#company dt {
  font-size: 18px;
  font-weight: bold;
  width: 14.4%;
  border-right: 2px solid #ededed;
}

#company dd {
  font-size: 16px;
  width: 85.6%;
}

#company dd .notes {
  display: block;
  font-size: 14px;
}

#company dd a {
  /* text-decoration: underline 1px #a5a5a5; */
  border-bottom: solid 1px #a5a5a5;
  padding-bottom: 2px;
}

#company dt:not(:first-of-type), #company dd:not(:first-of-type) {
  margin-top: 28px;
}

#company .index_sec .inner .access-maparea {
  position: relative;
  padding-top: 38%;
  /* padding-top: 100%; */
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
}

#company .index_sec .inner .access-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#company .index_sec dl dd:last-of-type span:first-of-type {
  display: inline-block;
  width: 19.29%;
  position: relative;
  padding-bottom: 10px;
}

#company .index_sec dl dd:last-of-type span.dummy:first-of-type {
  visibility: hidden;
}

#company .index_sec dl dd:last-of-type li {
  line-height: 20px;
  padding-top: 3px;
}

#company .index_sec dl dd:last-of-type ul {
  max-width: 570px;
}

#company .index_sec dl dd:last-of-type li:not(.ul_none) {
  border-bottom: dotted 1px #c9c9c9;
}

#company .index_sec dl dd:last-of-type li.ul_none + li {
  padding-top: 0;
}

#company .index_sec dl dd:nth-last-of-type(3) {
  line-height: 30px;
}

#company .index_sec dl dd:nth-last-of-type(2) a:not(:first-of-type) {
  display: inline-block;
  padding-top: 12px;
}

#company .index_sec dl dd:last-of-type span:last-of-type {
  position: relative;
  padding-left: 32px;
  display: inline-block;
}

#company .index_sec dl dd:last-of-type span:last-of-type::before {
  display: inline-block;
  content: "";
  width: 22px;
  /* height: 22px; */
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-left: auto;
  /* margin-right: 10px; */
  visibility: visible;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#company h4 {
  color: #9aa38d;
  font-weight: bold;
}

#company .index_sec .inner .business:nth-of-type(2),
#company .index_sec .inner .office:nth-of-type(2) {
  padding-top: 20px;
}

#company .business_list,
#company .office_list {
  padding-left: 16px;
}

#company .office_list a {
  line-height: 30px;
}

#company h4:nth-of-type(2) {
  margin-top: 20px;
}

/* #company .index_sec dl dd:last-of-type li:nth-of-type(1) span::after{ background-image: url("../img/cmn/ico04.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(2) span::after{ background-image: url("../img/cmn/ico01.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(3) span::after{ background-image: url("../img/cmn/ico05.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(4) span::after{ background-image: url("../img/cmn/ico07.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(5) span::after{ background-image: url("../img/cmn/ico10.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(6) span::after{ background-image: url("../img/cmn/ico06.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(7) span::after{ background-image: url("../img/cmn/ico08.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(8) span::after{ background-image: url("../img/cmn/ico02.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(9) span::after{ background-image: url("../img/cmn/ico09.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(10) span::after{ background-image: url("../img/cmn/ico11.svg");}
#company .index_sec dl dd:last-of-type li:nth-of-type(11) span::after{ background-image: url("../img/cmn/ico13.svg");} */
/* #company .index_sec dl dd:last-of-type span:nth-of-type(12):after{ background-image: url("../img/cmn/ico012.svg");}
#company .index_sec dl dd:last-of-type span:nth-of-type(13):after{ background-image: url("../img/cmn/ico013.svg");} */
#company .index_sec dl dd:last-of-type li:nth-of-type(1) span:last-of-type::before {
  background-image: url("../img/cmn/ico04.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(2) span:last-of-type::before {
  background-image: url("../img/cmn/ico01.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(3) span:last-of-type::before {
  background-image: url("../img/cmn/ico05.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(4) span:last-of-type::before {
  background-image: url("../img/cmn/ico07.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(5) span:last-of-type::before {
  background-image: url("../img/cmn/ico10.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(6) span:last-of-type::before {
  background-image: url("../img/cmn/ico06.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(7) span:last-of-type::before {
  background-image: url("../img/cmn/ico08.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(8) span:last-of-type::before {
  background-image: url("../img/cmn/ico02.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(9) span:last-of-type::before {
  background-image: url("../img/cmn/ico09.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(10) span:last-of-type::before {
  background-image: url("../img/cmn/ico11.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(11) span:last-of-type::before {
  background-image: url("../img/cmn/ico13.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(12) span:last-of-type::before {
  background-image: url("../img/cmn/ico12.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(13) span:last-of-type::before {
  background-image: url("../img/cmn/ico01.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(14) span:last-of-type::before {
  background-image: url("../img/cmn/ico03.svg");
}
#company .index_sec dl dd:last-of-type li:nth-of-type(15) span:last-of-type::before {
  background-image: url("../img/cmn/ico15.svg");
}
#company .index_sec dl dd:last-of-type li:nth-of-type(16) span:last-of-type::before {
  background-image: url("../img/cmn/ico16.svg");
}
#company .index_sec dl dd:last-of-type li:nth-of-type(17) span:last-of-type::before {
  background-image: url("../img/cmn/ico17.svg");
}

#company .index_sec dl dd:last-of-type li:nth-of-type(10) span:last-of-type::before,
#company .index_sec dl dd:last-of-type li:nth-of-type(11) span:last-of-type::before,
#company .index_sec dl dd:last-of-type li:nth-of-type(12) span:last-of-type::before {
  width: 25.6px;
}

@media screen and (max-width: 768px) {
  #company .index_sec .inner .mv {
    background-image: url("../img/company/company_main_sp.jpg");
    padding-top: 62.857%;
    margin-bottom: 50px;
  }
  #company dl {
    display: block;
    padding-top: 50px;
  }
  #company dt, #company dd {
    width: 100%;
  }
  #company dt {
    font-size: 15px;
    border-right: none;
    border-bottom: 2px solid #ededed;
  }
  #company dd {
    font-size: 13px;
  }
  #company dd .notes {
    font-size: 12px;
  }
  #company dt, #company dd {
    padding: 0;
  }
  #company dt {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  #company dd:not(:first-of-type) {
    margin-top: 0;
  }
  #company dd {
    /* padding-top: 11px; */
    padding-top: 8px;
  }
  #company .index_sec .inner .access-maparea {
    padding-top: 67%;
    margin: 5px 0 30px;
  }
  #company .index_sec .inner div,
  #company .index_sec .inner dl {
    padding: 0;
  }
  #company .index_sec dl dd:nth-last-of-type(3) {
    line-height: 22px;
  }
  #company .index_sec dl dd:nth-last-of-type(2) a:not(:first-of-type) {
    padding-top: 10px;
  }
  #company dd a {
    padding-bottom: 1px;
  }
  #company .index_sec dl dd:last-of-type span:first-of-type {
    display: block;
    padding-bottom: 0;
    width: 100%;
  }
  #company .index_sec dl dd:last-of-type span:first-of-type::after {
    display: none;
  }
  #company .index_sec dl dd:last-of-type span.dummy:first-of-type {
    display: none;
  }
  #company .index_sec dl dd:last-of-type span:last-of-type {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  #company .index_sec dl dd:last-of-type span:last-of-type::before {
    width: 20px;
    height: 20px;
  }
  #company .index_sec dl dd:last-of-type li:nth-of-type(10) span:last-of-type::before,
  #company .index_sec dl dd:last-of-type li:nth-of-type(11) span:last-of-type::before,
  #company .index_sec dl dd:last-of-type li:nth-of-type(12) span:last-of-type::before {
    width: 23px;
  }
  #company .index_sec .inner .business:nth-of-type(2),
  #company .index_sec .inner .office:nth-of-type(2) {
    padding-top: 30px;
  }
  #company .business_list,
  #company .office_list {
    padding-left: 13px;
  }
  #company .office_list a {
    line-height: 25px;
  }
}

/* ------------------------------------
	member
------------------------------------ */
#member .select_wrap {
  /* width: 100%; */
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #f5f5f5;
}

#member .select_wrap > div {
  margin: 0 auto;
  width: 52.564%;
  position: relative;
}

#member .select_wrap #select_service {
  margin: 0 auto;
  border: solid #a9a9a9 0.1px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  padding: 8px 20px;
  border-radius: 0.5rem;
  font-size: bold;
  width: 100%;
  font-size: 20px;
  color: #4b4b4b;
  background-color: #fff;
}

#member .select_wrap > div::after {
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  display: inline-block;
  content: '';
  margin-left: 0.5rem;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 45%;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#member .select_title {
  padding: 60px 0;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}

/* リスト関係 */
#member .member_list ul {
  /* margin: 0 6.78%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#member .member_list ul {
  /* margin-right: -5.37%; */
  /* padding-right: 5.37%; */
  padding: 0 6.779% 0 1.694%;
  /* 1180px中 右から80px 左から20pxカット */
}

#member .member_list ul li {
  margin-left: 5.555%;
  margin-bottom: 40px;
}

#member .member_list ul li {
  /* width: 29.752%; */
  width: 27.778%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: dotted 1px #4b4b4b;
}

#member .member_list ul li:not(.is_show) {
  display: none;
}

#member .member_list ul li figure {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#member .member_list ul li div:nth-of-type(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

#member .member_list ul li div:nth-of-type(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

#member .member_list ul li div:nth-of-type(3) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

#member .member_list ul li div:nth-of-type(4) {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

#member .member_list ul li > p {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

#member .member_list ul li figure {
  padding-bottom: 30px;
}

#member .member_list ul li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: 100%;
     object-fit: 100%;
}

#member .member_list ul li > div:not(:last-of-type) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: dotted 1px #4b4b4b;
  line-height: 1.5;
}

#member .member_list ul li > div p:first-of-type {
  font-size: 14px;
  color: #71a91f;
  font-weight: bold;
}

#member .member_list ul li > div p:last-of-type {
  font-size: 16px;
  word-wrap: break-word;
}

#member .member_list ul li > div:last-of-type p:last-of-type {
  line-height: 1.25;
}

#member .member_list ul li > div:first-of-type p:last-of-type {
  font-size: 18px;
  font-weight: bold;
}

#member .member_list .minHeight {
  min-height: 20px;
}

#member .member_list .minHeight2 {
  min-height: 48px;
}

#member ul li .more {
  position: relative;
  cursor: pointer;
  width: 50%;
  min-width: 140px;
  margin-left: auto;
  border: 1px solid #a9a9a9;
  border-radius: 10px;
  margin: 24px 0 24px auto;
}

#member ul li .more::before {
  content: "続きを読む";
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 4px 0;
  text-align: center;
}

#member ul li .more.is_open::before {
  content: "閉じる";
}

#member ul li .more::after {
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  display: inline-block;
  content: '';
  margin-left: 0.5rem;
  width: 10px;
  height: 10px;
  right: 10px;
  top: 45%;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#member ul li .more.more.is_open::after {
  -webkit-transform: translateY(-50%) rotate(315deg);
          transform: translateY(-50%) rotate(315deg);
}

/* #member ul li .more:not(.is_open) ~ div:last-of-type p:last-of-type{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
} */
#member ul li .more:not(.is_open) ~ div:last-of-type p.long:last-of-type {
  /* -webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;  */
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

#member ul li .more.is_open ~ div:last-of-type p.long:last-of-type {
  display: block;
  -webkit-line-clamp: initial;
  text-overflow: initial;
  -webkit-text-overflow: initial;
  -o-text-overflow: initial;
}

#member .select_title p {
  position: relative;
}

#member .select_title p:not(.is_show) {
  display: none;
}

#member .select_title p::before {
  content: "";
  background-image: url("../img/cmn/ico_service01_gr.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  width: 32px;
  height: 32px;
}

#member .select_title p:nth-of-type(n+7):before {
  background-image: url("../img/cmn/ico_service02_gr.svg");
}

@media screen and (max-width: 768px) {
  /* #member .member_list ul li:nth-of-type(n + 4){
		padding-top: 0px;
	} */
  #member .member_list ul li {
    width: 100%;
  }
  #member .select_wrap > div {
    width: 92%;
  }
  #member .select_wrap #select_service {
    font-size: 13px;
  }
  #member .select_wrap > div::after {
    width: 8px;
    height: 8px;
  }
  #member .select_wrap {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #member .select_title {
    padding-top: 30px;
    padding-bottom: 25px;
    font-size: 14px;
  }
  #member .select_title p::before {
    width: 22px;
    height: 22px;
    margin-right: 8px;
  }
  #member .member_list ul {
    padding: 0;
  }
  #member .member_list ul li {
    margin-left: 0;
    padding-top: 0;
  }
  #member .member_list ul li.is_show {
    padding-top: 36px;
    margin-bottom: 0;
  }
  #member .member_list ul li figure {
    padding-bottom: 20px;
    margin: 0 5.97%;
  }
  #member .member_list ul li > div p:first-of-type {
    font-size: 15px;
  }
  #member .member_list ul li > div:first-of-type p:first-of-type {
    text-align: center;
  }
  #member .member_list ul li > div:first-of-type p:last-of-type {
    font-size: 15px;
    text-align: center;
  }
  #member .member_list ul li > div:first-of-type {
    border-bottom: none;
  }
  #member .member_list ul li > div p:last-of-type {
    font-size: 13px;
    padding-top: 5px;
  }
  #member ul li .more {
    font-size: 13px;
    margin: 12px 0 12px auto;
  }
  #member .member_list .minHeight {
    min-height: 22px;
  }
  #member .select_title {
    padding-bottom: 0;
  }
}

/* -----------------------------------------------------
	サービス
----------------------------------------------------- */
/* 特別ナビゲーション */
main#service,
main#service_dtl {
  position: relative;
}

.sub_nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  -webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.1);
  padding-left: 300px;
}

@media screen and (max-width: 1200px) {
  .sub_nav {
    padding-left: 0;
  }
}

.sub_nav.isShow {
  display: block;
}

.sub_nav ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 24px 0;
  display: none;
}

.sub_nav.isShow.st01 ul:nth-of-type(1),
.sub_nav.isShow.st02 ul:nth-of-type(2),
.sub_nav.isShow.st03 ul:nth-of-type(3){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sub_nav li {
  width: 26.15%;
  text-align: center;
}

.sub_nav ul a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0;
  position: relative;
}

.sub_nav ul a.active {
  color: #6aa810;
}

.sub_nav ul a::after {
  display: inline-block;
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid #4b4b4b;
  border-bottom: 2px solid #4b4b4b;
  border-radius: 1px;
  vertical-align: baseline;
  margin-left: 20px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .sub_nav li {
    width: 100%;
  }
  .sub_nav ul a {
    font-size: 13px;
    padding: 10px 20px 10px 20px;
    text-align: left;
    position: relative;
  }
  .sub_nav ul {
    background-color: rgba(255, 255, 255, 0.95);
  }
  .sub_nav ul a::after {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
}

#service .head {
  max-width: 760px;
  margin: 0 auto;
}

#service .head div {
  width: 31.578%;
}

#service .head div:nth-of-type(1) {
  margin-right: 3.947%;
}

#service .head div:nth-of-type(2) {
  margin-left: 3.947%;
}

#service .head div:nth-of-type(1) figure {
  width: 56px;
  /* margin: 0 auto; */
  margin: 32px auto 0;
}

#service .head div:nth-of-type(2) figure {
  width: 75px;
  margin: 32px auto 0;
}

#service .head figure {
  width: 75px;
  margin: 0 auto;
  height: 100px;
  padding: 10px 0;
}

#service .head figure img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

#service .head p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: auto 0;
  padding-bottom: 40px;
}

#service .inner > p:first-of-type {
  font-size: 25px;
  color: #4261b2;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}

#service .inner > p:last-of-type {
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  color: #4b4b4b;
  padding: 60px 0 70px 0;
}

#service section.features {
  background-color: #f5f5f5;
  padding-bottom: 60px;
}

#service section.features .head01 {
  padding-top: 55px;
}

#service section.features > div:not(.head01) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#service section.features .img_wrap,
#service section.features .txt_wrap {
  width: 50%;
  z-index: 2;
}

#service section.features > div:nth-of-type(n + 2) {
  padding: 80px 0;
  position: relative;
}

#service section.features > div:nth-of-type(n + 2)::before {
  background-color: #fff;
  display: block;
  width: 80.508%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
}

#service section.features > div:not(.head01):nth-of-type(even)::before {
  left: 0;
  top: 0;
}

#service section.features > div:not(.head01):nth-of-type(odd)::before {
  right: 0;
  top: 0;
}

#service section.features > div:nth-of-type(2),
#service section.features > div:nth-of-type(3) {
  margin-bottom: 60px;
}

#service section.features > div:nth-of-type(n + 2) .img_wrap div {
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
}

#service section.features > div:nth-of-type(n + 2) .txt_wrap p {
  padding-top: 45px;
  font-size: 16px;
  line-height: 30px;
}

#service section.features > div:nth-of-type(even) .txt_wrap p {
  margin-right: 11.7%;
}

#service section.features .txt_wrap {
  margin-left: 6.779%;
}

#service section.features > div:nth-of-type(2) .img_wrap div {
  background-image: url("../img/service/features01.jpg");
  padding-top: 76.268%;
}

#service section.features > div:nth-of-type(3) .img_wrap div {
  background-image: url("../img/service/features02.jpg");
  padding-top: 65.455%;
}

#service section.features > div:nth-of-type(4) .img_wrap div {
  background-image: url("../img/service/features03.jpg");
  padding-top: 76.363%;
}

#service section.features > div:nth-of-type(3) .img_wrap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-top: 10px;
  background-color: #fff;
}

#service section.features > div:nth-of-type(3) .txt_wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#service section.features .txt_wrap h4 {
  font-size: 30px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding-left: 22px;
}

#service section.features .txt_wrap h4::before {
  content: "";
  border-left: solid #6aa810 4px;
  position: absolute;
  height: 48px;
  top: 0;
  left: 0;
}

#service .service_type .head01 {
  padding: 40px 0 0;
}

#service .service_type h3 {
  color: white;
  font-size: 20px;
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
}

#service .service_type h3::before {
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  width: 45px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
}

#service .service_type > div:nth-of-type(3) {
  padding-top: 40px;
}

#service .service_type > div:nth-of-type(2) h3 {
  background-color: #6aa810;
}

#service .service_type > div:nth-of-type(3) h3 {
  background-color: #f47813;
}

#service .service_type > div:nth-of-type(2) > h3:first-of-type:before {
  background-image: url("../img/cmn/ico_service01_wh.svg");
}

#service .service_type > div:nth-of-type(3) > h3:last-of-type:before {
  background-image: url("../img/cmn/ico_service02_wh.svg");
}

#service .service_type .st_content {
  padding: 40px 0;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 340px;
}

#service .service_type .st_content .txt_wrap,
#service .service_type .st_content .img_wrap {
  width: 50%;
}

#service .service_type .st_content .txt_wrap p {
  margin-right: 8.47%;
  line-height: 30px;
}

#service .service_type ul {
  padding-top: 25px;
}

#service .service_type li {
  font-weight: bold;
}

#service .service_type li:not(:first-of-type) {
  padding-top: 12px;
}

#service .service_type .st_content li::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}

#service .service_type > div:nth-of-type(2) .st_content li::before {
  background-color: #6aa810;
}

#service .service_type > div:nth-of-type(3) .st_content li::before {
  background-color: #f47813;
}

#service .service_type .img_wrap {
  height: 0;
}

#service .service_type .img_wrap div {
  background-repeat: no-repeat;
  background-position: right top;
  height: 0;
  padding-top: 65%;
}

#service .service_type > div:nth-of-type(2) .st_content .img_wrap div {
  background-image: url("../img/service/service_type01.jpg");
}

#service .service_type > div:nth-of-type(3) .st_content .img_wrap div {
  background-image: url("../img/service/service_type02.jpg");
}

#service .service_type .office_list {
  background-color: #f5f5f5;
  padding: 30px 2.54%;
}

#service .service_type .office_list > div {
  width: 32.023%;
  border-color: #6aa810;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}

#service .service_type .office_list > div:hover {
  opacity: 0.7;
}

#service .service_type .office_list p {
  font-size: 16px;
  color: #6aa810;
  text-align: center;
  padding: 0 10px 0;
  margin-bottom: 28px;
  font-weight: bold;
}

#service .service_type .office_list p::after {
  display: inline-block;
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid #6aa810;
  border-bottom: 2px solid #6aa810;
  vertical-align: baseline;
  margin-left: 20px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#service .service_type .office_list > div:not(:nth-of-type(3n + 1)) {
  margin-left: 1.964%;
}

#service .service_type .office_list .icons {
  width: 44.44%;
  margin: 0 auto;
  text-align: center;
}

#service .service_type .office_list .icons img {
  /* width: 28.33%; */
  width: 28.75%;
  padding: 18px 0;
}

#service .service_type .office_list .icnos img:not(:last-of-type) {
  margin-right: 12px;
}

#service .service_type .office_list > div:nth-of-type(n + 4) {
  margin-top: 24px;
}

#service .service_type .office_list .icons img:nth-of-type(2) {
  margin-left: 1.75%;
}

#service .service_type .office_list .icons img:nth-of-type(2):not(:last-of-type) {
  margin: 0 1.75%;
}

@media screen and (max-width: 768px) {
  #service .head01 {
    margin-bottom: 0;
  }
  #service .head {
    margin: 0;
  }
  #service .head div:nth-of-type(1) figure {
    margin: 20px auto 0;
    padding: 0;
  }
  #service .head div:nth-of-type(1),
  #service .head div:nth-of-type(2) {
    margin: 0;
    width: 100%;
  }
  #service .inner > p:first-of-type {
    font-size: 20px;
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 20px;
  }
  #service .head p {
    font-size: 15px;
    padding-bottom: 20px;
  }
  #service .head div:nth-of-type(2) {
    margin-top: 15px;
  }
  #service .inner > p:last-of-type {
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    padding: 35px 0 50px;
  }
  #service section.features .head01 {
    padding-top: 50px;
  }
  #service section.features > div:not(.head01)::before {
    display: none;
  }
  #service section.features > div:nth-of-type(n + 2) {
    padding: 40px 0 25px;
  }
  #service section.features > div:not(.head01) {
    display: block;
  }
  #service section.features .img_wrap,
  #service section.features .txt_wrap {
    width: 100%;
  }
  #service section.features > div:not(.head01):nth-of-type(even) .img_wrap div {
    margin-right: 0;
  }
  #service section.features > div:not(.head01):nth-of-type(odd) .img_wrap div {
    margin-left: 0;
  }
  #service .service_type > div:nth-of-type(3) {
    padding-top: 0;
  }
  #service section.features > div:nth-of-type(2) .img_wrap div {
    background-image: url("../img/service/features01_sp.jpg");
    padding-top: 76.339%;
  }
  #service section.features > div:nth-of-type(3) .img_wrap div {
    background-image: url("../img/service/features02_sp.jpg");
    padding-top: 54.18%;
  }
  #service section.features > div:nth-of-type(4) .img_wrap div {
    background-image: url("../img/service/features03_sp.jpg");
    padding-top: 76.268%;
  }
  #service section.features .txt_wrap,
  #service section.features > div:not(.head01):nth-of-type(odd) .img_wrap div {
    margin-left: 0;
  }
  #service section.features .txt_wrap h4::before {
    height: 27px;
  }
  #service section.features .txt_wrap h4 {
    margin-top: 32px;
    font-size: 18px;
  }
  #service section.features > div:nth-of-type(n + 2) .txt_wrap p {
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.6;
  }
  #service section.features > div:nth-of-type(even) .txt_wrap p {
    margin-right: 0;
  }
  #service section.features > div:nth-of-type(2),
  #service section.features > div:nth-of-type(3) {
    margin-bottom: 0;
  }
  #service section.features > div {
    /* background-color: #fff; */
  }
  #service section.features > div {
    /* margin-bottom: 200px; */
  }
  #service section.features .txt_wrap {
    background-color: #fff;
  }
  #service section.features .txt_wrap p {
    padding-bottom: 25px;
  }
  #service section.features > div:nth-of-type(n + 2) {
    padding: 30px 0 0;
  }
  #service .service_type h3 {
    font-size: 15px;
  }
  #service .service_type h3::before {
    margin: 0 15px;
    width: 30px;
    background-size: contain;
    /* height: 30px; */
  }
  #service .service_type h3 {
    padding: 2px 0;
  }
  #service section.features {
    padding-bottom: 40px;
  }
  #service .service_type .head01 {
    padding: 30px 0;
  }
  #service .service_type .st_content {
    display: block;
  }
  #service .service_type .st_content .txt_wrap p {
    font-size: 16px;
    line-height: 1.6;
  }
  #service .service_type .st_content .txt_wrap,
  #service .service_type .st_content .img_wrap {
    width: 100%;
  }
  #service .service_type .st_content .img_wrap {
    display: none;
  }
  #service .service_type .st_content {
    padding: 24px 0;
    font-size: 14px;
    min-height: initial;
  }
  #service .service_type .st_content p {
    line-height: 20px;
  }
  #service .service_type .st_content li {
    line-height: 27px;
    font-weight: bold;
  }
  #service .service_type li:not(:first-of-type) {
    padding-top: 8px;
  }
  #service .service_type .office_list {
    padding: 24px 4.477%;
    margin-bottom: 30px;
  }
  #service .service_type .office_list > div {
    width: 100%;
  }
  #service .service_type .office_list > div:not(:nth-of-type(3n + 1)) {
    margin-left: 0;
  }
  #service .service_type .office_list > div:nth-of-type(n + 4) {
    margin-top: 0;
  }
  #service .service_type .office_list > div:not(:first-of-type) {
    margin-top: 12px;
  }
  #service .index_sec {
    padding-bottom: 0;
  }
  #service .service_type .office_list p {
    padding-right: 8px;
    padding-left: 8px;
    padding: 0 8px 6px;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
  }
  #service .service_type .office_list .icons img {
    padding: 15px 0;
  }
  #service .service_type .office_list .icons {
    width: 42.36%;
  }
  #service .service_type .office_list .icons img {
    width: 28.03%;
  }
  #service .service_type .office_list .icons img:nth-of-type(2) {
    margin-left: 3.09%;
  }
  #service .service_type .office_list .icons img:nth-of-type(2):not(:last-of-type) {
    /* margin: 0 7.87%; */
    margin: 0 3.09%;
  }
}

/* -----------------------------------------------------
	#mission
----------------------------------------------------- */
#mission .head {
  /* max-width: 760px; */
  margin: 0 auto;
  max-width: 840px;
  /* margin: 0 13.559%; */
}

#mission .head div {
  /* width: 31.578%; */
  width: 47.67%;
}

#mission .head div:nth-of-type(1) {
  /* margin-right: 3.947%; */
  margin-right: 1.44%;
}

#mission .head div:nth-of-type(2) {
  /* margin-left: 3.947%; */
  margin-left: 1.44%;
}

#mission .head div:nth-of-type(1) figure {
  width: 56px;
  margin: 0 auto;
}

#mission .head div:nth-of-type(2) figure {
  width: 48px;
  margin: 0 auto;
}

#mission .head figure {
  width: 75px;
  margin: 0 auto;
  height: 85px;
}

#mission .head figure img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
  -o-object-position: 50% 65%;
     object-position: 50% 65%;
}

#mission .head h4 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: auto 0;
}

#mission .head p {
  /* padding: 12px 12.1% 23px; */
  padding: 12px 0 23px;
  line-height: 30px;
  font-size: 16px;
  margin: 0 auto;
  width: 84%;
}

#mission .inner > p:first-of-type {
  font-size: 40px;
  color: #4261b2;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}

#mission .inner > p:first-of-type span {
  font-size: 24px;
  line-height: 40px;
  padding-top: 26px;
}

#mission .inner > p:nth-of-type(2) {
  font-size: 18px;
  line-height: 30px;
  color: #4b4b4b;
  text-align: center;
  padding-bottom: 60px;
}

#mission .inner > p:last-of-type {
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  color: #4b4b4b;
  padding: 60px 0 60px 0;
}

#mission .hr_icons {
  width: 566px;
  margin: 0 auto;
  padding-bottom: 40px;
}

#mission .hr_icons img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#mission section.appeal {
  padding-bottom: 60px;
}

#mission section.appeal .head01 {
  padding-top: 110px;
}

#mission section.appeal .appeal_bg_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 2.374%;
}

#mission section.appeal .appeal_bg_wrap > div {
  width: 50%;
  position: relative;
}

#mission section.appeal .appeal_bg_wrap > div div {
  background-repeat: no-repeat;
  height: 0;
  background-size: contain;
}

#mission section.appeal .appeal_bg_wrap > div:first-of-type {
  margin: auto 0;
}

#mission section.appeal .appeal_bg_wrap > div:first-of-type div {
  background-position: left center;
  padding-top: 54.60%;
  background-image: url("../img/mission/mission_bg01.jpg");
}

#mission section.appeal .appeal_bg_wrap > div:last-of-type div {
  background-position: right bottom;
  padding-top: 72.64%;
  background-image: url("../img/mission/mission_bg02.jpg");
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scale(1.137);
          transform: scale(1.137);
  /* transform: scale(1.076); */
  /* 1201以上の時 */
  /* 6%の秋 78px/1300	 */
  /* 572(88%/2) が 650になるためには 1.137*/
}

@media screen and (max-width: 1200px) {
  #mission section.appeal .appeal_bg_wrap > div:last-of-type div {
    /* transform: scale(1.164); */
    /* 3.5%ののとき 1200 は 1116になる */
    /* 558(1116/2)が 600になるには  1.0752 */
    -webkit-transform: scale(1.0752);
            transform: scale(1.0752);
  }
  #mission section.appeal .appeal_bg_wrap {
    padding-bottom: 2.154%;
  }
}

#mission .appeal_list {
  /* margin: 0 4.27%; */
  width: 100%;
  padding: 0 4.27%;
}

#mission .appeal_list > div {
  border-bottom: solid 2px #e9e9e9;
}

#mission .appeal_list > div {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* width: 100%; */
}

#mission .appeal_list > div:not(:first-of-type) {
  padding-top: 30px;
}

#mission .appeal_list > div h3 {
  font-weight: bold;
  font-size: 20px;
}

#mission .appeal_list > div p {
  font-size: 16px;
  line-height: 30px;
  padding: 30px 0;
}

#mission .appeal_list > div::before {
  width: 21.29%;
  color: #6aa810;
  font-size: 80px;
  text-align: center;
  /* 230 / 1080 */
}

#mission .appeal_list > div:nth-of-type(1):before {
  content: "01";
}

#mission .appeal_list > div:nth-of-type(2):before {
  content: "02";
}

#mission .appeal_list > div:nth-of-type(3):before {
  content: "03";
}

#mission .appeal_list > div:nth-of-type(4):before {
  content: "04";
}

#mission .appeal_list > div:nth-of-type(5):before {
  content: "05";
}

#mission .appeal_list > div > div {
  width: 78%;
}

#mission section.mark {
  background-color: #f5f5f5;
  padding-bottom: 60px;
}

#mission section.mark .head01 {
  padding-top: 55px;
}

#mission section.mark > div:not(.head01) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#mission section.mark .img_wrap,
#mission section.mark .txt_wrap {
  z-index: 2;
}

#mission section.mark .txt_wrap {
  /* width: 81%; */
  width: 71%;
  /* padding-right: 10.752%; */
}

#mission section.mark .img_wrap {
  /* width: 18.95%;
	padding-right: 1.5%; */
  width: 29%;
  padding-right: 4.83%;
  padding-left: 10.875%;
  /* padding-right: 16.666%; */
  /* 840 / 1180  240  */
}

#mission section.mark > div:nth-of-type(2) {
  padding: 50px 0;
  position: relative;
}

#mission section.mark > div:nth-of-type(2)::before {
  background-color: #fff;
  display: block;
  width: 80.508%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
}

#mission section.mark > div:not(.head01)::before {
  right: 0;
  top: 0;
}

#mission section.mark > div:nth-of-type(2) .img_wrap div {
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
}

#mission section.mark > div:nth-of-type(2) .txt_wrap p {
  padding-top: 30px;
}

#mission section.mark > div:nth-of-type(2) .txt_wrap p:first-of-type {
  padding-top: 45px;
}

#mission section.mark .txt_wrap,
#mission section.mark > div:nth-of-type(2) .img_wrap div {
  margin-left: 6.779%;
}

#mission section.mark > div:nth-of-type(2) .img_wrap div {
  background-image: url("../img/cmn/logo_illust.svg");
  /* padding-top: 76.268%; */
  padding-top: 100%;
  height: 100%;
  background-position: right center;
}

#mission section.mark .txt_wrap h4 {
  font-size: 30px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding-left: 22px;
}

#mission section.mark .txt_wrap h4::before {
  content: "";
  border-left: solid #6aa810 4px;
  /* margin-right: 25px; */
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#mission section.mark .txt_wrap p {
  font-size: 16px;
  line-height: 25px;
}

#mission section.mark .txt_wrap p span::before {
  background-color: #4b4b4b;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  margin-right: 0.5rem;
}

#mission section.mark .txt_wrap p span {
  display: block;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}

#mission section.mark .txt_wrap > div {
  padding-top: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  /* height: 0; */
}

#mission section.mark .img_wrap02 {
  /* width: 75px; */
  width: 10%;
}

#mission section.mark .img_wrap02 div {
  background-image: url("../img/cmn/ico01.svg");
  content: "";
  height: 0;
  padding-top: 100%;
  background-repeat: no-repeat;
}

#mission section.mark .txt_wrap02 {
  color: #6aa810;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}


#mission section .SDGs {
  padding-bottom: 50px;
}

#mission section .SDGs .head01 {
  padding-top: 60px;
	
}

#mission section.SDGs .SDGs_list{
	padding: 0 4.27%;
}

#mission section.SDGs .SDGs_list > div:not(:first-child) {
	padding-top: 45px;
}

#mission section.SDGs .SDGs_list div div{
	padding-top: 25px;
}

#mission section.SDGs .SDGs_list h3{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

#mission section.SDGs .SDGs_list h3::before{
    background-color: #71a91f;
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 1rem;
	}

#mission section.SDGs .SDGs_list p{
    font-size: 16px;
    line-height: 25px;
	padding-top: 10px;
}

#mission section.SDGs .SDGs_list .attention{
	    font-size: 14px;
	    line-height: 23px;
	padding-top: 10px;
}

#mission section.SDGs .SDGs_list .attention > a{
	cursor: pointer;
	color: #71a91f;
	border-bottom: 0.5px solid #71a91f;
}


@media screen and (max-width: 768px) {
  #mission .head01 {
    margin-bottom: 0;
    padding-top: 30px;
  }
  #mission .head {
    margin: 0;
  }
  #mission .head div:nth-of-type(1),
  #mission .head div:nth-of-type(2) {
    margin: 0;
    width: 100%;
  }
  #mission .inner > p:first-of-type {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  #mission .inner > p:first-of-type span {
    font-size: 20px;
  }
  #mission .head p {
    font-size: 15px;
    padding-bottom: 20px;
  }
  #mission .inner > p:nth-of-type(2) {
    padding-bottom: 50px;
    font-size: 14px;
    line-height: 22.5px;
  }
  #mission .head h4 {
    font-size: 17.5px;
    line-height: 19.5px;
  }
  #mission .head p {
    font-size: 13px;
    line-height: 20px;
  }
  #mission .head div:nth-of-type(2) {
    margin-top: 20px;
  }
  #mission .inner > p:last-of-type {
    padding: 50px 0 50px;
    text-align: left;
    line-height: 25px;
    font-size: 16px;
  }
  #mission section.appeal .appeal_bg_wrap {
    display: block;
  }
  #mission .hr_icons {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    padding-bottom: 50px;
  }
  #mission section.appeal .appeal_bg_wrap > div {
    width: 100%;
  }
  #mission section.appeal .appeal_bg_wrap {
    margin: 0 -3.19%;
  }
  #mission section.appeal .appeal_bg_wrap > div:first-of-type {
    z-index: 2;
  }
  #mission section.appeal .appeal_bg_wrap > div:fi rst-of-type div {
    width: 74.66%;
    padding-top: 40.768%;
  }
  #mission section.appeal .appeal_bg_wrap > div:last-of-type {
    padding-left: 3%;
    -webkit-transform: translateY(-8.4%);
            transform: translateY(-8.4%);
    z-index: 1;
  }
  #mission section.appeal .appeal_bg_wrap > div:last-of-type div {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 100%;
    /* margin-left: 4.25%; */
  }
  #mission section.appeal .head01 {
    padding-top: 50px;
    padding-bottom: 45px;
  }
  #mission .appeal_list {
    padding: 0;
  }
  #mission .appeal_list > div {
    padding: 0;
  }
  #mission .appeal_list > div::before {
    display: none;
  }
  #mission .appeal_list > div > div {
    width: 100%;
  }
  #mission .appeal_list > div > div h3 {
    font-size: 17.5px;
    width: 100%;
    padding-left: 17.91%;
    position: relative;
  }
  #mission .appeal_list > div > div h3::before {
    display: inline-block;
    font-size: 35px;
    color: #6aa810;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 17.91%;
    vertical-align: middle;
  }
  #mission .appeal_list > div:nth-of-type(1) > div h3::before {
    content: "01";
  }
  #mission .appeal_list > div:nth-of-type(2) > div h3::before {
    content: "02";
  }
  #mission .appeal_list > div:nth-of-type(3) > div h3::before {
    content: "03";
  }
  #mission .appeal_list > div:nth-of-type(4) > div h3::before {
    content: "04";
  }
  #mission .appeal_list > div:nth-of-type(5) > div h3::before {
    content: "05";
  }
  #mission .appeal_list > div p {
    padding: 20px 0;
    font-size: 16px;
    line-height: 1.6;
  }
  #mission section.mark > div:not(.head01) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #mission .img_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #mission .txt_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #mission section.mark {
    margin-left: -3.119%;
    padding-bottom: 20px;
  }
  #mission section.mark .img_wrap {
    width: 44.77%;
    margin: 0 auto;
    -webkit-transform: translateY(-16.417%);
            transform: translateY(-16.417%);
  }
  #mission section.mark .txt_wrap,
  #mission section.mark > div:nth-of-type(2) .img_wrap div {
    margin-left: 0;
  }
  #mission section.mark .txt_wrap h4 {
    font-size: 18px;
  }
  #mission section.mark > div:nth-of-type(2) .img_wrap div {
    padding-top: 100%;
  }
  #mission section.mark > div:nth-of-type(2)::before {
    margin-top: 16.417%;
    height: 88%;
  }
  #mission section.mark .txt_wrap {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    margin-left: 3.119%;
  }
  #mission section.mark .txt_wrap p span {
    font-size: 15px;
  }
  #mission section.mark .txt_wrap p {
    font-size: 14px;
    line-height: 22px;
    padding-right: 3.119%;
  }
  #mission section.mark > div:nth-of-type(2) .txt_wrap p:first-of-type {
    padding-top: 22.5px;
  }
  #mission section.mark .img_wrap02 {
    width: 17%;
  }
  #mission section.mark .txt_wrap02 {
    width: 83%;
    font-size: 14px;
    padding-right: 3.119%;
  }
	
	  #mission section.SDGs .head01 {
    padding-top: 50px;
    padding-bottom: 45px;
  }
	
		  #mission section.SDGs .SDGs_list {
    padding:0;
  }
	
	#mission section.SDGs .SDGs_list div{
		padding:0;
	}
	
	#mission section .SDGs .SDGs_list > div:not(:first-child){
		padding-top: 40px;
	}
	#mission section.SDGs .SDGs_list h3{
    font-size: 15px;
}

 #mission section .SDGs .SDGs_list p{
    font-size: 14px;
    line-height: 22px;
}
	#mission section.SDGs .SDGs_list .attention{
	    font-size: 12px;
	    line-height: 21px;
	padding-top: 10px;
}
	
}

/* -----------------------------------------------------
	#recruit
----------------------------------------------------- */
#recruit .head {
  max-width: 760px;
  margin: 0 auto;
}

#recruit .head div {
  width: 31.578%;
}

#recruit .head div:nth-of-type(1) {
  margin-right: 3.947%;
}

#recruit .head div:nth-of-type(2) {
  margin-left: 3.947%;
}

#recruit .head div:nth-of-type(1) figure {
  width: 56px;
  margin: 0 auto;
}

#recruit .head div:nth-of-type(2) figure {
  width: 75px;
  margin: 0 auto;
}

#recruit .head figure {
  width: 75px;
  margin: 0 auto;
  height: 100px;
  padding: 10px 0;
}

#recruit .head figure img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

#recruit .head p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: auto 0;
  padding-bottom: 40px;
}

#recruit .inner > p:first-of-type {
  font-size: 25px;
  color: #4261b2;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}

#recruit .inner > p:last-of-type {
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  color: #4b4b4b;
  padding-bottom: 70px;
}

#recruit section.thinking {
  background-color: #f5f5f5;
  padding-bottom: 60px;
}

#recruit section.thinking .head01 {
  padding-top: 55px;
}

#recruit section.thinking > div:not(.head01) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#recruit section.thinking .img_wrap,
#recruit section.thinking .txt_wrap {
  width: 50%;
  z-index: 2;
}

#recruit section.thinking > div:nth-of-type(n + 2) {
  padding: 80px 0;
  position: relative;
}

#recruit section.thinking > div:nth-of-type(n + 2)::before {
  background-color: #fff;
  display: block;
  width: 80.508%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
}

#recruit section.thinking > div:not(.head01):nth-of-type(even)::before {
  left: 0;
  top: 0;
}

#recruit section.thinking > div:not(.head01):nth-of-type(odd)::before {
  right: 0;
  top: 0;
}

#recruit section.thinking > div:nth-of-type(2),
#recruit section.thinking > div:nth-of-type(3) {
  margin-bottom: 60px;
}

#recruit section.thinking > div:nth-of-type(n + 2) .img_wrap div {
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
}

#recruit section.thinking > div:nth-of-type(n + 2) .txt_wrap p {
  padding-top: 45px;
  font-size: 16px;
  line-height: 30px;
}

#recruit section.thinking .txt_wrap {
  margin-left: 6.779%;
}

#recruit section.thinking > div:not(.head01):nth-of-type(odd) .img_wrap {
  margin-left: 6.779%;
}

#recruit section.thinking > div:not(.head01):nth-of-type(even) .txt_wrap {
  margin-right: 3.389%;
}

#recruit section.thinking > div:nth-of-type(2) .img_wrap div {
  background-image: url("../img/recruit/recruit_bg01.jpg");
  padding-top: 76.268%;
}

#recruit section.thinking > div:nth-of-type(3) .img_wrap div {
  background-image: url("../img/recruit/recruit_bg02.jpg");
  /* padding-top: 76.268%; */
  padding-top: 82%;
  background-size: cover;
}

#recruit section.thinking > div:nth-of-type(4) .img_wrap div {
  background-image: url("../img/recruit/recruit_bg03.jpg");
  padding-top: 76.268%;
}

#recruit section.thinking > div:nth-of-type(3) .img_wrap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

#recruit section.thinking > div:nth-of-type(3) .txt_wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#recruit section.thinking .txt_wrap h4 {
  font-size: 22px;
  line-height: 35px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding-left: 22px;
}

#recruit section.thinking .txt_wrap h4::before {
  content: "";
  border-left: solid #6aa810 4px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}

#recruit section.personality .head01 {
  padding-top: 55px;
}

#recruit section.personality > p {
  text-align: center;
  font-size: 18px;
  padding-bottom: 40px;
}

#recruit section.personality .person_list li {
  width: 40%;
  padding-top: 60px;
  background-color: #fff;
}

#recruit section.personality .person_list li p {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  padding: 16px 16px 20px 16px;
  text-align: center;
  margin: auto 0;
}

#recruit section.personality .person_list li figure {
  height: 100px;
  height: 100px;
  position: relative;
  text-align: center;
  text-align: center;
  margin: 0 auto;
}

#recruit section.personality .person_list li figure.w120 {
  width: 120px;
}

#recruit section.personality .person_list li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 95px;
}

#recruit section.personality .person_list li > div {
  position: absolute;
  width: 16%;
  min-height: 40px;
  left: 0;
  top: 0;
}

#recruit section.personality .person_list li > div img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 20px;
  margin-left: 20px;
  max-width: 40px;
}

#recruit section.personality .swiper-pagination {
  position: static;
  padding: 40px 0;
}

#recruit section.personality .swiper-button-next {
  right: 29%;
}

#recruit section.personality .swiper-button-prev {
  left: 29%;
}

#recruit section.personality .swiper-button-prev::after,
#recruit section.personality .swiper-button-next::after {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  background-image: url("../img/cmn/arrow01_gr01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#recruit section.personality .swiper-button-prev::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mainv_list .swiper-pagination-bullet,
#recruit .swiper-pagination-bullet {
  background: #fff;
  border: #4b4b4b solid 2px;
  width: 14px;
  height: 14px;
  margin: 6px;
}

.mainv_list .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 16px;
}

.mainv_list .swiper-pagination-bullet-active,
#recruit .swiper-pagination-bullet-active {
  background: #86ab4e;
  border: none;
}

@media screen and (max-width: 1200px) {
  #recruit section.personality .person_list li > div {
    width: 20%;
  }
}

#recruit section.personality > div:last-of-type {
  /* background-color: #f5f5f5; */
  padding-top: 60px;
  position: relative;
  margin: 0 -6.81%;
  /* 1300 0.06%78px 1144 */
  /* margin-rig */
}

#recruit section.personality > div:last-of-type::before {
  display: block;
  content: "";
  width: 82%;
  height: 100%;
  background-color: #f5f5f5;
  position: absolute;
  right: 0;
  top: 0;
}

/* #recruit  */
@media screen and (max-width: 1200px) {
  #recruit section.personality > div:last-of-type {
    /* 1200 0.035%42px 1116px */
    margin: 0 -3.76%;
  }
}

#recruit section.system {
  background-color: #f5f5f5;
  padding-bottom: 80px;
}

#recruit section.system .head01 {
  padding-top: 55px;
}

#recruit section.system > div:not(.head01) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#recruit section.system .img_wrap,
#recruit section.system .txt_wrap {
  z-index: 2;
}

#recruit section.system .txt_wrap {
  /* width: 81%; */
  width: 50%;
  padding-right: 3.39%;
  padding-top: 2.54%;
}

#recruit section.system .img_wrap {
  width: 50%;
  position: relative;
  padding-left: 7.627%;
}

#recruit section.system > div:not(.head01)::before {
  right: 0;
  top: 0;
}

#recruit section.system > div:nth-of-type(n+2) .img_wrap div {
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
}

#recruit section.system > div:nth-of-type(n+2) .txt_wrap p:first-of-type {
  padding-top: 45px;
}

#recruit section.system .txt_wrap p:last-of-type {
  border-color: #6aa810;
  color: #6aa810;
  background-color: #fff;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
  margin-top: 30px;
  /* padding: 10px 55px; */
  position: relative;
}

#recruit section.system .txt_wrap p:last-of-type a {
  display: inline-block;
  padding: 10px 55px;
}

#recruit section.system .txt_wrap p:last-of-type::after {
  display: inline-block;
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid #6aa810;
  border-bottom: 2px solid #6aa810;
  position: absolute;
  right: 24px;
  top: 50%;
  vertical-align: baseline;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* #recruit section.system .txt_wrap,
#recruit section.system > div:nth-of-type(n+2) .img_wrap div{
	margin-left: 6.779%;
} */
#recruit section.system > div:nth-of-type(n+2) .img_wrap div {
  /* padding-top: 67.51%; */
  padding-top: 67.51%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
}

#recruit section.system > div:nth-of-type(2) .img_wrap div {
  background-image: url("../img/recruit/system_bg01.jpg");
}

#recruit section.system > div:nth-of-type(3) .img_wrap div {
  background-image: url("../img/recruit/system_bg02.jpg");
}

#recruit section.system > div:nth-of-type(4) .img_wrap div {
  background-image: url("../img/new_graduate/workspace_bg03.jpg");
}

#recruit section.system > div:nth-of-type(3),
#recruit section.system > div:nth-of-type(4){
  padding-top: 80px;
}

#recruit section.system .txt_wrap h4 {
  font-size: 30px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding-left: 22px;
}

#recruit section.system .txt_wrap h4::before {
  content: "";
  border-left: solid #6aa810 4px;
  /* margin-right: 25px; */
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#recruit section.system .txt_wrap p {
  font-size: 16px;
  line-height: 25px;
}

#recruit section.system {
  position: relative;
  /* margin: 60px -6.81% 30px; */
  margin-top: 60px;
  margin-bottom: 30px;
  padding-bottom: 7.62%;
  padding: 0 6.81% 7.62%;
}

#recruit section.system::before {
  display: block;
  content: "";
  width: 18%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 1200px) {
  #recruit section.system {
    padding: 0 3.76% 7.62%;
  }
}

@media screen and (max-width: 768px) {
  #recruit .head01 {
    margin-bottom: 30px;
  }
  #recruit .head {
    margin: 0;
  }
  #recruit .head div:nth-of-type(1),
  #recruit .head div:nth-of-type(2) {
    margin: 0;
    width: 100%;
  }
  #recruit .inner > p:first-of-type {
    font-size: 20px;
    line-height: 30px;
    padding: 25px 0;
  }
  #recruit .inner > p:first-of-type span {
    font-size: 20px;
  }
  #recruit .head p {
    font-size: 15px;
    padding-bottom: 20px;
  }
  #recruit .head h4 {
    font-size: 17.5px;
    line-height: 19.5px;
  }
  #recruit .head p {
    font-size: 13px;
    line-height: 20px;
  }
  #recruit .head div:nth-of-type(2) {
    margin-top: 20px;
  }
  #recruit .inner > p:last-of-type {
    padding: 0 0 30px;
    text-align: left;
    line-height: 25px;
    font-size: 16px;
  }
  #recruit section.thinking > div:nth-of-type(n + 2) .txt_wrap p {
    padding-top: 18px;
    font-size: 16px;
    line-height: 1.6;
  }
  #recruit section.thinking .head01 {
    padding-bottom: 30px;
  }
  #recruit section.thinking {
    /* margin: 0 -3.119%;
		padding: 0 3.119% 40px; */
    padding-bottom: 40px;
  }
  #recruit section.thinking > div:nth-of-type(n + 2)::before {
    display: none;
  }
  #recruit section.thinking > div:nth-of-type(n + 2) {
    padding: 0;
  }
  #recruit section.thinking > div:not(.head01) {
    display: block;
  }
  #recruit section.thinking .txt_wrap {
    margin-left: 0;
    padding-bottom: 20px;
    background-color: #fff;
  }
  #recruit section.thinking .img_wrap,
  #recruit section.thinking .txt_wrap {
    width: 100%;
  }
  #recruit section.thinking .txt_wrap h4 {
    font-size: 18px;
    padding-top: 25px;
    line-height: initial;
  }
  #recruit section.thinking .txt_wrap h4::before {
    margin-top: 25px;
    height: 27.5px;
    padding-left: 15px;
  }
  #recruit section.thinking > div:nth-of-type(2),
  #recruit section.thinking > div:nth-of-type(3) {
    margin-bottom: 30px;
  }
  #recruit section.thinking > div:not(.head01):nth-of-type(odd) .img_wrap {
    margin-left: 0;
  }
  #recruit section.personality > p {
    font-size: 13px;
    line-height: 20px;
  }
  #recruit section.personality > div:last-of-type {
    padding: 35px 3.119% 0;
    margin: 0 -3.119%;
  }
  #recruit section.personality .swiper-pagination {
    padding: 20px 0;
  }
  #recruit section.personality > div:last-of-type::before {
    width: 86%;
  }
  #recruit .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  #recruit section.personality .swiper-button-prev {
    left: 4.5%;
  }
  #recruit section.personality .swiper-button-next {
    right: 4.5%;
  }
  #recruit section.personality .person_list li {
    padding-top: 40px;
  }
  #recruit section.personality .person_list li > div {
    width: 12%;
  }
  #recruit section.personality .person_list li p {
    font-size: 15px;
    line-height: 22px;
    padding: 9px;
  }
  #recruit section.personality .person_list li figure {
    height: 80px;
  }
  #recruit section.personality .person_list li figure img {
    max-width: 85px;
  }
  #recruit section.system {
    margin: 50px -3.119% 0;
    padding: 0 3.119% 40px;
  }
  #recruit section.system::before {
    display: none;
  }
  #recruit section.system .txt_wrap,
  #recruit section.system .img_wrap {
    width: 100%;
  }
  #recruit section.system .img_wrap > div {
    position: static;
  }
  #recruit section.system .img_wrap {
    padding-left: 0;
  }
  #recruit section.system .txt_wrap {
    margin-left: 0;
    padding-right: 0;
  }
  #recruit section.system .img_wrap > div {
    width: 100%;
    padding-top: 76%;
  }
  #recruit section.system .txt_wrap h4 {
    margin-top: 20px;
    font-size: 18px;
  }
  #recruit section.system > div:nth-of-type(n+2) .txt_wrap p:first-of-type {
    padding-top: 20px;
    /* font-size: 13px;
		line-height: 20px; */
    font-size: 16px;
    line-height: 1.6;
  }
  #recruit section.system .txt_wrap p:last-of-type {
    display: block;
    font-size: 13px;
    line-height: 20px;
    /* padding: 15px 15px 15px 30px; */
    background-color: #fff;
    width: 79.10%;
    margin: 20px auto 0;
  }
  #recruit section.system .txt_wrap p:last-of-type a {
    /* padding: 15px 15px 15px 30px; */
    padding: 8px 20px;
    text-align: center;
    display: block;
  }
  #recruit section.system > div:nth-of-type(3) {
    padding-top: 30px;
  }
  #recruit section.system .txt_wrap p:last-of-type::after {
    width: 8px;
    height: 8px;
    border-right: 2px solid #6aa810;
    border-bottom: 2px solid #6aa810;
    right: 12px;
    margin-right: 12px;
    position: absolute;
    top: 50%;
    margin-left: 14px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  #recruit section.system > div:not(.head01) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #recruit .img_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #recruit .txt_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #recruit section.personality .head01 {
    padding-bottom: 30px;
  }
  #recruit section.system .head01 {
    padding-bottom: 30px;
  }
  #recruit section.system > div:nth-of-type(2) .img_wrap div,
  #recruit section.system > div:nth-of-type(3) .img_wrap div {
    background-size: cover;
  }
}

#new_grad .inner > h3 {
  font-size: 25px;
  color: #4261b2;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}

#new_grad .inner > p {
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  color: #4b4b4b;
  padding-bottom: 50px;
}

#new_grad .index_group > .inner > .img_wrap {
  background-image: url("../img/new_graduate/newgrad_bg01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  /* padding-top: 40%; */
  padding-top: 45.440%;
  margin-bottom: 70px;
}

#new_grad .workspace .head01 {
  padding: 40px 0 0;
}

#new_grad .workspace h3 {
  color: white;
  font-size: 20px;
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
}

#new_grad .workspace h3::before {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/cmn/logo_w.svg");
  background-size: contain;
  content: "";
  width: 45px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
}

#new_grad .workspace > div:nth-of-type(2) h3 {
  background-color: #6aa810;
}

#new_grad .workspace > div:nth-of-type(3) h3 {
  background-color: #f47813;
}

#new_grad .workspace > div:nth-of-type(4) h3 {
  background-color: #00a2fb;
}

#new_grad .workspace .st_content {
  padding: 40px 0;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 340px;
}

/* #new_grad .workspace .st_content .txt_wrap,
#new_grad .workspace .st_content .img_wrap{
	width: 50%;
} */
#new_grad .workspace .st_content .txt_wrap {
  width: 60.5%;
}

#new_grad .workspace .st_content .img_wrap {
  width: 39.5%;
}

#new_grad .workspace .st_content .txt_wrap {
  /* margin-right: 8.47%; */
  padding-right: 1rem;
}

#new_grad .workspace {
  padding-bottom: 40px;
}

#new_grad .workspace li {
  position: relative;
  padding-left: 25px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
}

#new_grad .workspace li:not(:first-of-type) {
  margin-top: 12px;
  /* .ffs_p */
}

#new_grad .workspace .st_content li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  /* top=line-height/2 */
  top: 12.8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#new_grad .workspace > div:nth-of-type(2) .st_content li::before {
  background-color: #6aa810;
}

#new_grad .workspace > div:nth-of-type(3) .st_content li::before {
  background-color: #f47813;
}

#new_grad .workspace > div:nth-of-type(4) .st_content li::before {
  background-color: #00a2fb;
}

#new_grad .workspace .txt_wrap p:first-of-type {
  padding-top: 35px;
  padding-bottom: 60px;
}

#new_grad .workspace .img_wrap div {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  height: 0;
  padding-top: 65%;
}

#new_grad .workspace .box_rad_shadow {
  border: solid #6aa810 0.1px;
  color: #6aa810;
  font-size: 20px;
  background-color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 20px;
}

#new_grad .workspace .box_rad_shadow a {
  display: block;
  padding: 8px 20px;
}

#new_grad .workspace .box_rad_shadow a::after {
  display: inline-block;
  margin-left: 20px;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #6aa810;
  border-right: 2px solid #6aa810;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#new_grad .workspace > div:nth-of-type(2) .st_content .img_wrap div {
  background-image: url("../img/new_graduate/workspace_bg01.jpg");
}

#new_grad .workspace > div:nth-of-type(3) .st_content .img_wrap div {
  background-image: url("../img/new_graduate/workspace_bg02.jpg");
}

#new_grad .workspace > div:nth-of-type(4) .st_content .img_wrap div {
  background-image: url("../img/new_graduate/workspace_bg03.jpg");
}

#new_grad .requirements {
  padding-top: 50px;
}

#new_grad .requirements ul {
  margin: 0 1.61%;
  padding: 60px 0 70px;
  background-color: inherit;
}

#new_grad .requirements .list_wrap {
  position: relative;
}

#new_grad .requirements .list_wrap::after {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #f5f5f5;
  width: 95%;
  height: 100%;
  content: "";
  display: block;
  z-index: -1;
  margin-left: -6.81%;
}

#new_grad .requirements li {
  width: 22.5%;
  border: solid #6aa810 0.1px;
  font-size: 18px;
  background-color: #fff;
  /* 250px / 1200 */
  position: relative;
}

#new_grad .requirements li a {
  padding: 10px 6% 40px;
  display: block;
  height: 100%;
}

#new_grad .requirements li a::before {
  display: block;
  width: 100%;
  color: #6aa810;
  font-size: 40px;
  text-align: center;
  height: 40%;
}

#new_grad .requirements li a::after {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 10px;
  width: 10px;
  border-right: 2px solid #6aa810;
  border-bottom: 2px solid #6aa810;
  content: "";
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#new_grad .requirements li:nth-of-type(1) a::before {
  content: "01";
}

#new_grad .requirements li:nth-of-type(2) a::before {
  content: "02";
}

#new_grad .requirements li:nth-of-type(3) a::before {
  content: "03";
}

#new_grad .requirements li:nth-of-type(4) a::before {
  content: "04";
}

#new_grad .requirements li a p {
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#new_grad .requirements li:not(:first-of-type) {
  margin-left: 3.333%;
}

@media screen and (max-width: 1200px) {
  #new_grad .requirements .list_wrap::after {
    margin-left: -3.76%;
    width: 92%;
  }
}

@media screen and (max-width: 768px) {
  #new_grad .inner > h3 {
    font-size: 20px;
    padding-bottom: 25px;
  }
  #new_grad .inner > p {
    text-align: left;
    font-size: 14px;
    line-height: 22.5px;
    padding-bottom: 30px;
  }
  #new_grad .workspace {
    padding-bottom: 0;
  }
  #new_grad .workspace h3 {
    font-size: 15px;
  }
  #new_grad .workspace h3::before {
    width: 28px;
    height: 28px;
    margin: 0 12px;
  }
  #new_grad .workspace .st_content {
    padding: 20px 0;
    display: block;
  }
  #new_grad .workspace .txt_wrap p:first-of-type {
    padding-top: 25px;
    padding-bottom: 30px;
    font-size: 13px;
  }
  #new_grad .workspace .st_content .txt_wrap,
  #new_grad .workspace .st_content .img_wrap {
    width: 100%;
  }
  #new_grad .workspace .st_content .txt_wrap {
    padding-right: 0;
    padding-bottom: 45px;
  }
  #new_grad .workspace li {
    font-size: 14px;
  }
  #new_grad .workspace .box_rad_shadow {
    font-size: 13px;
    width: 79.10%;
    margin: 0 auto;
    display: block;
  }
  #new_grad .workspace .box_rad_shadow a::after {
    width: 8px;
    height: 8px;
  }
  #new_grad .workspace .box_rad_shadow a {
    text-align: center;
    position: relative;
  }
  #new_grad .workspace .box_rad_shadow a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  #new_grad .index_group > .inner > .img_wrap {
    background-image: url("../img/new_graduate/newgrad_bg01_sp.jpg");
    /* padding-top: 92.533%; */
    padding-top: 98.305%;
    margin-bottom: 0;
  }
  #new_grad .requirements {
    padding-top: 30px;
  }
  #new_grad .requirements .list_wrap::after {
    margin-left: -3.119%;
    width: 80%;
    height: 92%;
  }
  #new_grad .requirements li {
    font-size: 14px;
  }
  #new_grad .requirements li:not(:first-of-type) {
    margin-left: auto;
    margin-top: 15px;
  }
  #new_grad .requirements ul {
    padding: 0 0 30px;
  }
  #new_grad .requirements li {
    width: 82%;
    margin: 0 auto;
  }
  #new_grad .requirements li a::before,
  #new_grad .requirements li a p {
    height: initial;
  }
  #new_grad .requirements li a::after {
    width: 8px;
    height: 8px;
  }
  #new_grad .requirements li a {
    padding: 10px 0 10px;
  }
  #new_grad .requirements li a::before {
    font-size: 30px;
  }
}

/* 見学募集 */
.wp_tour {
  margin-top: 110px;
  padding: 50px 0 30px;
  position: relative;
}

.wp_tour::after {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f5f5f5;
  width: 95%;
  height: 100%;
  content: "";
  display: block;
  z-index: -1;
  margin-right: -6.81%;
}

.wp_tour .img_wrap,
.wp_tour .txt_wrap {
  width: 50%;
}

.wp_tour .img_wrap {
  padding-right: 7.63%;
}

.wp_tour .img_wrap div {
  background-image: url("../img/new_graduate/wp_tour_bg01.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  padding-top: 58.4%;
}

.wp_tour .txt_wrap h3 {
  color: #4261b2;
  font-size: 25px;
  font-weight: bold;
  padding-top: 8.78%;
  padding-bottom: 5.4%;
}

.wp_tour .txt_wrap p {
  font-size: 18px;
}

@media screen and (max-width: 1200px) {
  .wp_tour::after {
    margin-right: -3.76%;
    width: 92%;
  }
}

@media screen and (max-width: 768px) {
  .wp_tour::after {
    margin-right: -3.119%;
    width: 103.119%;
  }
  .wp_tour {
    margin-top: 50px;
    padding-top: 0;
  }
  .wp_tour .img_wrap {
    padding-right: 0;
  }
  .wp_tour .img_wrap,
  .wp_tour .txt_wrap {
    width: 100%;
  }
  .wp_tour .txt_wrap h3 {
    font-size: 20px;
    text-align: center;
  }
  .wp_tour .txt_wrap p {
    font-size: 13px;
    padding: 0 4%;
  }
}

/* エントリー方法 */
.method {
  padding-top: 100px;
  position: relative;
  margin-bottom: 100px;
}

.method::before {
  /* width: 100%; */
  width: 106.81%;
  height: 70%;
  content: "";
  display: block;
  margin-right: -6.81%;
  background-color: #f5f5f5;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.method ul {
  /* 160 / 1180 */
  margin: 0 13.55%;
}

.method li {
  width: 31.78%;
  border: solid #6aa810 0.1px;
  font-size: 18px;
  background-color: #fff;
}

.method li:not(:first-of-type) {
  margin-left: 2.325%;
}

.method li .num {
  max-width: 40px;
}

.method li .num img {
  margin-top: 20px;
  margin-left: 20px;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 40px;
}

.method li figure {
  height: 60px;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.method li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 95px;
}

.method li p {
  padding: 36px 7.4%;
  font-size: 16px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  /* font-weight: 700; */
  font-weight: 700;
}

.method li p a {
  color: #6aa810;
}

@media screen and (max-width: 1200px) {
  .method::before {
    width: 103.76%;
  }
}

@media screen and (max-width: 768px) {
  .method::before {
    width: 106.238%;
    margin-left: -3.119%;
    height: 80%;
  }
  .method {
    padding-top: 30px;
    margin-bottom: 32px;
  }
  .method ul {
    margin: 0;
  }
  .method li {
    width: 100%;
  }
  .method li:not(:first-of-type) {
    margin-left: 0;
    margin-top: 12px;
  }
  .method li .num {
    max-width: 30px;
  }
  .method li figure {
    height: 50px;
  }
  .method li .num img {
    margin-left: 10px;
    margin-top: 10px;
  }
  .method li p {
    width: 64.07%;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    font-size: 13px;
  }
}

.counter {
  margin-left: 13.59%;
  padding-bottom: 60px;
}

.counter h4 {
  font-weight: bold;
  font-size: 22px;
  margin-top: 60px;
}

.counter > p {
  font-size: 18px;
  padding-top: 10px;
}

.counter > p:first-of-type {
  padding-top: 20px;
}

.counter .flex {
  background-color: #fff;
  margin-right: -7.9%;
  margin-top: 36px;
  padding: 22px 0 22px 3.7%;
}

.counter .flex p {
  font-size: 20px;
  margin-right: 40px;
  font-weight: bold;
}

.counter .flex p::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 16px;
}

.counter .flex p:nth-of-type(1):before {
  background-image: url("../img/cmn/ico_tel.svg");
}

.counter .flex p:nth-of-type(2):before {
  background-image: url("../img/cmn/ico_fax.svg");
}

.counter .flex p:nth-of-type(3):before {
  background-image: url("../img/cmn/ico_mail.svg");
}

@media screen and (max-width: 1200px) {
  .counter .flex {
    margin-right: -4.31%;
  }
}

@media screen and (max-width: 768px) {
  .counter .flex {
    margin-right: -3.119%;
  }
  .counter {
    margin-left: 0;
  }
  .counter h4 {
    margin-top: 50px;
  }
  .counter > p {
    font-size: 14px;
    padding-top: 10px;
  }
  .counter > p:first-of-type {
    padding-top: 15px;
  }
  .counter .flex {
    display: block;
  }
  .counter .flex p {
    margin-right: 0;
    font-size: 15px;
  }
  .counter .flex {
    padding-left: 20px;
  }
  .counter .flex p:not(:first-of-type) {
    padding-top: 12px;
  }
  .counter {
    padding-bottom: 30px;
  }
}

/* -----------------------------------------------------
	#recruit .entry
----------------------------------------------------- */
.entry .midashi {
  padding: 0 6.667% 0;
}

.entry.inner {
  max-width: initial;
}

.entry ul.midashi {
  padding-bottom: 70px;
}

.entry .head01 {
  padding-top: 30px;
}

.entry > div:last-of-type {
  position: relative;
}

.entry > div:last-of-type {
  background-image: url("../img/recruit/entry_bg01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 26.48%;
  margin: 0 -6.81%;
  min-height: 280px;
}

.entry > div:last-of-type .txt_wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.entry > div:last-of-type .txt_wrap p {
  text-align: center;
}

.entry > div:last-of-type .txt_wrap p:nth-of-type(1) {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  /* 65/1300 */
  padding-top: 5%;
}

.entry > div:last-of-type .txt_wrap p:nth-of-type(2) {
  color: #fff;
  font-size: 22px;
  /* 24/1300 */
  padding-top: 1.84%;
  font-weight: bold;
}

.entry > div:last-of-type .txt_wrap p:nth-of-type(3) {
  font-size: 24px;
  margin-top: 40px;
  font-weight: bold;
  color: #39aac6;
  background-color: #fff;
  padding: 12px;
  width: 37.288%;
  /* 40/1300 */
  margin: 1.69% auto 0;
  border-radius: 10px;
  min-width: 380px;
}

@media screen and (max-width: 1200px) {
  .entry > div:last-of-type {
    margin: 0 -3.76%;
  }
}

@media screen and (max-width: 768px) {
  .entry > div:last-of-type {
    background-image: url("../img/recruit/entry_bg01_sp.jpg");
    padding-top: 78.577%;
    margin: 0 -3.119%;
  }
  .entry > div:last-of-type .txt_wrap p:nth-of-type(1) {
    font-size: 25px;
    line-height: 35px;
    padding-top: 10.66%;
  }
  .entry > div:last-of-type .txt_wrap p:nth-of-type(2) {
    font-size: 20px;
    padding-top: 3.8%;
  }
  .entry > div:last-of-type .txt_wrap p:nth-of-type(3) {
    min-width: initial;
    font-size: 15px;
    width: 72%;
    margin-top: 9%;
    padding: 8px 12px;
  }
}

/* -----------------------------------------------------
	#Officer
----------------------------------------------------- */
#officer section.officer .img_wrap,
#officer section.officer .txt_wrap {
  width: 50%;
}

#officer section.officer .img_wrap div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#officer section.officer:nth-of-type(1) .img_wrap div {
  background-image: url("../img/officer/officer_img01.jpg");
  padding-top: 78.659%;
}

#officer section.officer:nth-of-type(2) .img_wrap div {
  background-image: url("../img/officer/officer_img02.jpg");
  padding-top: 86.657%;
}

#officer section.officer:nth-of-type(3) .img_wrap div {
  background-image: url("../img/officer/officer_img03.jpg");
  padding-top: 78.659%;
}

#officer section.officer .txt_wrap {
  padding-left: 7.627%;
  padding-top: 6.25%;
}

#officer section.officer .txt_wrap div:last-of-type {
  position: relative;
  /* margin-top: 70px; */
  margin-top: 14.613%;
}

#officer section.officer .txt_wrap div:last-of-type p {
  font-size: 16px;
}

#officer section.officer .txt_wrap div:last-of-type p:not(:first-of-type) {
  padding-top: 16px;
}

#officer section.officer .txt_wrap > div:first-of-type p {
  font-size: 18px;
  font-weight: bold;
}

#officer section.officer .txt_wrap > div:first-of-type p:last-of-type {
  font-size: 30px;
  padding-top: 16px;
}

#officer section.officer .txt_wrap > div:last-of-type p {
  font-size: 16px;
  color: #4b4b4b;
  line-height: 30px;
}

#officer section.officer .txt_wrap div:last-of-type {
  position: relative;
}

#officer section.officer .txt_wrap div:last-of-type::before {
  height: 196%;
  width: 124.5%;
  z-index: -1;
  content: "";
  position: absolute;
  /* top: -32px; */
  top: -36.36%;
  padding-bottom: 44px;
  background-color: #f5f5f5;
}

#officer section.officer:nth-of-type(1) .txt_wrap div:last-of-type::before {
  left: -8.33%;
}

#officer section.officer:nth-of-type(2) .txt_wrap div:last-of-type::before {
  right: 8.33%;
  width: 126%;
}

#officer section.officer > p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1rem;
}

#officer section.officer:nth-of-type(2) .txt_wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#officer section.officer:nth-of-type(2) .img_wrap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

#officer section.officer > p:first-of-type {
  margin: 0 7.627%;
  line-height: 26px;
  padding-top: 70px;
  font-size: 16px;
  line-height: 30px;
}

#officer section.officer > p:last-of-type {
  padding: 20px 7.627% 70px 0;
  margin-left: auto;
  width: 100%;
  text-align: right;
  font-size: 20px;
  font-family: 'ヒラギノ明朝 ProN W6','HiraMinProN-W6';
  letter-spacing: 0.3rem;
}

#officer section.officer > div:last-of-type {
  background-color: #f5f5f5;
}

#officer section.officer h3 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
}

#officer section.officer .nega_margin > div {
  padding: 40px 6.81% 40px;
  margin: 0 14.067%;
}

#officer section.officer dl {
  padding-top: 30px;
}

#officer section.officer dl dt {
  font-size: 16px;
  font-weight: bold;
  width: 20%;
}

#officer section.officer dl dd {
  font-size: 14px;
  width: 80%;
  padding-left: 16px;
  line-height: 25px;
}

/* #officer section.officer dl dt:not(:last-of-type),
#officer section.officer dl dd:not(:last-of-type){
	padding-bottom: 8px;
	border-bottom: dotted 1px #4b4b4b;
} */
#officer section.officer dl dt,
#officer section.officer dl dd {
  padding-bottom: 16px;
  border-bottom: dotted 1px #4b4b4b;
}

/* #officer section.officer:nth-of-type(1) dl dt:last-of-type,
#officer section.officer:nth-of-type(1) dl dd:last-of-type{
	border-bottom: none;
} */
#officer section.officer dl dt:not(:first-of-type),
#officer section.officer dl dd:not(:first-of-type) {
  padding-top: 16px;
}

#officer section.officer h3:nth-of-type(2) {
  margin-top: 60px;
}

#officer section.officer ul {
  padding-bottom: 30px;
  border-bottom: dotted 1px #4b4b4b;
  font-weight: bold;
}

#officer section.officer ul li {
  padding-top: 16px;
}

#officer section.officer ul li span {
  border-bottom: solid 1px #4b4b4b;
  margin-right: 16px;
}

#officer section.officer:nth-of-type(2), 
#officer section.officer:nth-of-type(3){
  padding-top: 110px;
}



@media screen and (max-width: 1200px) {
  #officer section.officer:nth-of-type(1) .img_wrap div {
    /* padding-top: 78.659%; */
  }
  #officer section.officer:nth-of-type(2) .img_wrap div {
    /* padding-top: 86.657%; */
  }
  #officer section.officer:nth-of-type(1) .txt_wrap div:last-of-type::before {
    width: 117.26%;
  }
}

@media screen and (max-width: 768px) {
  #officer section.officer .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #officer section.officer .img_wrap, #officer section.officer .txt_wrap,
  #officer section.officer .img_wrap, #officer section.officer .img_wrap {
    width: 100%;
  }
  #officer section.officer:nth-of-type(2) {
    padding-top: 55px;
  }
  #officer section.officer:nth-of-type(1) .img_wrap div,
  #officer section.officer:nth-of-type(2) .img_wrap div {
    margin-left: -3.119%;
    margin-right: -3.119%;
  }
  #officer section.officer .img_wrap div {
    padding-top: 73.944%;
  }
  #officer section.officer .txt_wrap > div:first-of-type p {
    text-align: center;
  }
  #officer section.officer .txt_wrap > div:first-of-type p {
    font-size: 15px;
  }
  #officer section.officer .txt_wrap > div:first-of-type p:last-of-type {
    font-size: 20px;
    padding-top: 12px;
  }
  #officer section.officer .txt_wrap {
    padding-top: 30px;
    padding-left: 0;
  }
  #officer section.officer .txt_wrap > div:last-of-type p {
    font-size: 12px;
    line-height: 22.5px;
  }
  #officer section.officer > p:last-of-type {
    font-size: 17.5px;
  }
  #officer section.officer .txt_wrap div:last-of-type {
    margin-top: 40px;
  }
  #officer section.officer > p:first-of-type {
    padding-top: 45px;
    font-size: 14px;
    line-height: 22.5px;
    margin: 0;
  }
  #officer section.officer > p:last-of-type {
    padding: 50px 0;
  }
  #officer section.officer .nega_margin > div {
    padding: 24px 3.119%;
    margin: 0;
  }
  #officer section.officer dl {
    padding-top: 20px;
  }
  #officer section.officer dl dt,
  #officer section.officer dl dd {
    width: 100%;
  }
  #officer section.officer dl dt {
    border-bottom: none;
    font-size: 13px;
  }
  #officer section.officer dl dd {
    padding-left: 0;
    font-size: 12px;
    line-height: 17.5px;
  }
  #officer section.officer h3 {
    font-size: 14px;
  }
  #officer section.officer dl dd:not(:first-of-type) {
    padding-top: 0;
  }
  #officer section.officer h3:nth-of-type(2) {
    margin-top: 20px;
  }
  #officer section.officer ul li {
    font-size: 12px;
  }
  #officer section.officer ul {
    padding-bottom: 18px;
  }
  #officer section.officer .txt_wrap div:last-of-type::before {
    margin-bottom: 16px;
    height: 168%;
    width: 106.238%;
    left: 0;
    margin: 0 -3.119%;
  }
  #officer section.officer:nth-of-type(2) .txt_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #officer section.officer:nth-of-type(2) .img_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #officer section.officer:nth-of-type(1) .txt_wrap div:last-of-type::before,
  #officer section.officer:nth-of-type(2) .txt_wrap div:last-of-type::before {
    width: 106.38%;
    left: 0;
  }
}

/* -----------------------------------------------------
	#事業所詳細ページ
----------------------------------------------------- */
/* #office_dtl  */
#office_dtl .office01 .main_img {
  /* animation: fadeup 1s cubic-bezier(0.4, 1, 0.8, 1) 1 forwards; */
}

#office_dtl .office01 .main_img img {
  /* display: none; */
  visibility: hidden;
}

#office_dtl .office01 .main_img img.isShow {
  /* display: block; */
  visibility: visible;
  -webkit-animation: fadeup 1s cubic-bezier(0.4, 1, 0.8, 1) 1 forwards;
          animation: fadeup 1s cubic-bezier(0.4, 1, 0.8, 1) 1 forwards;
}

#office_dtl .office01 .img_wrap {
  width: 55%;
}

#office_dtl .office01 .txt_wrap {
  width: 45%;
  padding-left: 7.735%;
}

#office_dtl .office_slider {
  padding-top: 20px;
}

#office_dtl .office_slider img {
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#office_dtl .office_slider img:hover {
  opacity: 0.7;
}

#office_dtl .office_slider .swiper-button-prev.lt3,
#office_dtl .office_slider .swiper-button-next.lt3 {
  display: none;
}

#office_dtl .office_slider li.lt3 {
  /* width: 30%; */
  width: 28.235%;
  margin-right: 1.6%;
  margin-left: 0;
}

#office_dtl .office01 .txt_wrap .service_bg div {
  padding-top: 40%;
  /* width: 50%; */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#office_dtl .office01 .txt_wrap .service_bg div:first-of-type {
  /* background-image: url("../img/office_detail/service_type_01.svg"); */
  width: 29.76%;
  margin-left: 3.5%;
}

#office_dtl .office01 .txt_wrap .service_bg div:last-of-type {
  width: 22.35%;
  margin-left: 4.075%;
}

#office_dtl .office01 .txt_detail {
  margin-right: 4.761%;
}

#office_dtl .office01 .txt_detail p:first-of-type {
  /* ページ別に変更する必要がある */
  color: #6aa810;
  border: solid 1px #6aa810;
  display: inline-block;
  padding: 1px 10px;
  font-weight: bold;
}

#office_dtl .office01 .txt_detail h2 {
  font-size: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: bold;
}

#office_dtl .office01 .reserve.pc_only {
  display: block;
}

#office_dtl .office01 .reserve.sp_only {
  display: none;
}

#office_dtl .office01 .reserve {
  color: #6aa810;
  font-size: 20px;
  position: relative;
  font-weight: bold;
  margin-top: 45px;
  /* 290/450 */
  width: 64.4%;
  /* 90/450 */
  /* 16 / 290 */
  border: solid #6aa810 0.1px;
  padding: 10px 10px 10px 23.07692%;
  min-width: 290px;
  height: 64px;
  line-height: 1;
}

#office_dtl .office01 .reha {
  /* 290/450 */
  width: 64.4%;
  min-width: 290px;
  margin-top: 12px;
  border: solid #6aa810 0.1px;
  text-align: center;
  padding: 8px 12px;
  font-size: 18px;
  color: #6aa810;
}

#office_dtl .office01 .reha figure {
  margin-bottom: 6px;
}

@media screen and (max-width: 768px) {
  #office_dtl .office01 .reha {
    font-size: 14px;
  }
  #office_dtl .office01 .reha figure {
    max-width: initial;
    width: 75%;
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 768px) {
  #office_dtl .office01 .reserve,
  #office_dtl .office01 .reha {
    width: 100% !important;
    min-width: initial;
    margin: 0 auto;
  }
}

#office_dtl .office01 .reserve::before {
  content: "";
  background-image: url("../img/cmn/nav07.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15.51724%;
  padding-top: 18%;
  margin-left: 5.2%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#office_dtl .office01 .txt_detail p:nth-of-type(n + 2) {
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #c4c4c4;
  padding-left: 20px;
}

#office_dtl .office01 .txt_detail p:nth-of-type(n + 3) {
  padding-top: 8px;
}

#office_dtl .office01 .txt_detail .tel,
#office_dtl .office01 .txt_detail .fax,
#office_dtl .office01 .txt_detail .mail {
  position: relative;
  padding-left: 50px !important;
}

#office_dtl .office01 .txt_detail .tel::before,
#office_dtl .office01 .txt_detail .fax::before,
#office_dtl .office01 .txt_detail .mail::before {
  position: absolute;
  content: "";
  width: 21px;
  height: 20px;
  margin-left: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 12.8px;
}

#office_dtl .office01 .txt_detail .tel::before {
  background-image: url("../img/cmn/ico_tel.svg");
}

#office_dtl .office01 .txt_detail .fax::before {
  background-image: url("../img/cmn/ico_fax.svg");
}

#office_dtl .office01 .txt_detail .mail::before {
  background-image: url("../img/cmn/ico_mail.svg");
}

#office_dtl h3 {
  font-size: 25px;
  font-weight: bold;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#office_dtl .greeting .flex .txt_wrap {
  /* width: 58.474%; */
  width: 60%;
  padding-right: 1.5%;
}

#office_dtl .greeting .flex .img_wrap {
  /* width: 41.52%; */
  width: 40%;
}

#office_dtl .greeting p {
  font-size: 16px;
  line-height: 28px;
}

#office_dtl .greeting .flex .img_wrap div {
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center top;
	background-size: cover;
  margin-left: 14.91%;
}

#office_dtl .inner section {
  padding: 60px 0;
}

#office_dtl .inner .greeting h3 {
  margin-bottom: 45px;
}

#office_dtl .inner .doc h3 {
  margin-bottom: 30px;
}

#office_dtl .inner .access h3 {
  margin-bottom: 50px;
}

#office_dtl .doc > div {
  margin-left: -2.54%;
}

#office_dtl .doc p {
  /* width: 27.96%; */
  margin-left: 2.54%;
  border: solid #6aa810 0.1px;
  color: #6aa810;
  font-size: 20px;
  position: relative;
  font-weight: bold;
  min-width: 280px;
}

#office_dtl .doc p a {
  display: block;
  /* padding: 10px 12.12% 10px 21.21%; */
  padding: 10px 50px 10px 60px;
  min-width: 280px;
  white-space: nowrap;
}

#office_dtl .doc p a::before,
#office_dtl .doc p a::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#office_dtl .doc p a::before {
  background-image: url("../img/cmn/dl_pdf.svg");
  /* padding-left: 21.21%; */
  padding-left: 60px;
  left: 0;
  height: 80%;
}

#office_dtl .doc p a::after {
  background-image: url("../img/cmn/dl_action.svg");
  /* padding-right: 18%; */
  padding-right: 50px;
  right: 0;
  height: 40%;
}

#office_dtl .doc p:nth-of-type(n + 2) {
  margin-left: 2.54%;
}

#office_dtl .inner section.doc {
  padding: 0 0 60px;
}

#office_dtl .doc p {
  margin-bottom: 10px;
}

#office_dtl .access > div:first-of-type {
  width: 60.169%;
}

#office_dtl .access > div:last-of-type {
  width: 39.83%;
}

#office_dtl .access dl {
  padding-right: 16.9%;
}

#office_dtl .access dt {
  position: relative;
  font-size: 18px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 8px;
  border-bottom: dotted 1px #c4c4c4;
  margin-top: 24px;
  padding-left: 9.49%;
  vertical-align: middle;
}

#office_dtl .access dd {
  font-size: 16px;
}

#office_dtl .access dt::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* 55%ほどが画像 */
  width: 5.2%;
  height: 76%;
  margin-bottom: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#office_dtl .access dt:nth-of-type(1)::before {
  background-image: url("../img/cmn/access_car.svg");
}

#office_dtl .access dt:nth-of-type(2)::before {
  background-image: url("../img/cmn/access_train.svg");
}

#office_dtl .access dt:nth-of-type(3)::before {
  background-image: url("../img/cmn/access_bus.svg");
}

#office_dtl .access .access-maparea {
  margin-top: 40px;
  padding-top: 76%;
  position: relative;
}

#office_dtl .access .access-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#office_dtl .office01 .reserve span {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}

#office_dtl .office01 .reserve::before {
  content: "";
  background-image: url("../img/cmn/nav07.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 20%;
  padding-top: 18%;
  margin-left: 5.2%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#office_dtl .access .box_rad_shadow {
  border: solid #6aa810 0.1px;
  color: #6aa810;
  font-size: 16px;
  font-weight: bold;
  width: 36.1%;
  min-width: 160px;
  margin-top: 20px;
  margin-left: auto;
  text-align: center;
}

#office_dtl .access .box_rad_shadow a {
  display: block;
  padding: 8px 16px;
}

#office_dtl .access .box_rad_shadow a::after {
  margin-left: 10px;
}

#office_dtl .other {
  background-color: #f5f5f5;
}

#office_dtl .other .wrapper {
  padding: 0 6.81%;
}

#office_dtl .other ul {
  padding-top: 45px;
}

#office_dtl .other .box_rad_shadow,
#office_dtl .same_service {
  border: solid #6aa810 0.1px;
  color: #6aa810;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
}

#office_dtl .other .box_rad_shadow a,
#office_dtl .same_service a {
  display: block;
  padding: 8px 20px;
}

#office_dtl .other .box_rad_shadow a::after,
#office_dtl .same_service a::after {
  display: inline-block;
  margin-left: 20px;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #6aa810;
  border-right: 2px solid #6aa810;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#office_dtl .other .is_sub {
  background-color: #fff;
}

#office_dtl .other .group_list li:not(:nth-of-type(3n + 1)) {
  margin-left: 5%;
}

#office_dtl .other .group_list .desc_wrap div {
  border-bottom: none;
}

#office_dtl .wrapper > p:last-of-type,
#office_dtl .same_service {
  margin-top: 50px;
  border: solid #6aa810 0.1px;
  color: #6aa810;
  font-size: 20px;
  background-color: #fff;
  display: inline-block;
  font-weight: bold;
}

#office_dtl .wrapper > p:last-of-type a::before,
#office_dtl .same_service a::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  padding: 8px 20px;
}

#office_dtl .txt_wrap p.sp_only {
  display: none;
}

#office_dtl .office_slider .swiper-button-prev::after,
#office_dtl .office_slider .swiper-button-next::after {
  content: "";
  /* display: block;
    height: 30px;
    width: 30px; */
  width: 50%;
  height: 50%;
  background-image: url(../img/cmn/arrow01_wh.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* border-right: 2px solid #fff;
	border-bottom: 2px solid #fff; */
}

#office_dtl .office_slider .swiper-button-prev::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#office_dtl .office_slider .swiper-button-prev,
#office_dtl .office_slider .swiper-button-next {
  width: 8.56%;
  /* background-color: rgba(66, 59, 61, 0.8); */
  background-color: rgba(0, 0, 0, 0.45);
  -webkit-transform: translateY(25%);
          transform: translateY(25%);
}

#office_dtl .office_slider .swiper-button-prev {
  left: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#office_dtl .office_slider .swiper-button-next {
  right: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

@media screen and (max-width: 1200px) {
  #office_dtl .other .wrapper {
    padding: 0 3.76%;
  }
}

@media screen and (max-width: 768px) {
  #office_dtl .office_slider li.lt3 {
    margin-right: 4%;
    width: 32%;
  }
  #office_dtl .other ul {
    padding-top: 22px;
  }
  #office_dtl .other .wrapper {
    padding: 0 3.119% 36px;
  }
  #office_dtl .office_slider .swiper-button-prev,
  #office_dtl .office_slider .swiper-button-next {
    width: 8.56%;
  }
  #office_dtl .other .group_list li:not(:nth-of-type(3n + 1)) {
    margin-left: 0;
  }
  #office_dtl .order3 {
    text-align: center;
    padding-top: 30px;
  }
  #office_dtl .order3 a {
    display: block;
    text-align: center;
  }
  #office_dtl .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #office_dtl .img_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #office_dtl .txt_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #office_dtl .office01 .txt_wrap {
    padding-left: 0;
    width: 100%;
  }
  #office_dtl .office01 .img_wrap {
    width: 100%;
    padding-top: 20px;
  }
  #office_dtl .office01 .txt_wrap .service_bg div:first-of-type {
    width: 100%;
    padding-top: 0;
    margin-left: 0;
  }
  #office_dtl .office01 .txt_wrap .service_bg div:last-of-type {
    margin-left: 0;
    width: 18.22%;
    padding-top: 10%;
    margin: 16px auto;
  }
  #office_dtl .txt_wrap p.sp_only {
    display: block;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    background-color: #6aa810;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
  }
  #office_dtl .office01 .reserve.pc_only {
    display: none;
  }
  #office_dtl .office01 .reserve.sp_only {
    display: block;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: 0 auto 12px;
    padding: 18px 10px;
    padding-left: 26%;
  }
  #office_dtl .office01 .txt_detail h2 {
    font-size: 18px;
  }
  #office_dtl .office01 .txt_detail p:first-of-type {
    font-size: 11px;
  }
  #office_dtl .office01 .txt_detail h2 {
    padding-top: 8px;
    padding-bottom: 10px;
  }
  #office_dtl .office01 .txt_detail {
    margin-right: 0;
  }
  #office_dtl .office01 .txt_detail p:nth-of-type(n + 2) {
    font-size: 14px;
    padding-left: 10px;
  }
  #office_dtl .inner section {
    padding: 30px 0 0;
  }
  #office_dtl .greeting .flex .txt_wrap,
  #office_dtl .greeting .flex .img_wrap {
    width: 100%;
  }
  #office_dtl .inner .greeting h3 {
    margin: 18px 0;
  }
  #office_dtl h3 {
    font-size: 18px;
  }
  #office_dtl .greeting p {
    font-size: 13px;
    line-height: 23px;
  }
  #office_dtl .greeting .flex .img_wrap div {
    margin-left: 0;
  }
  #office_dtl .greeting .flex .img_wrap {
    padding-top: 20px;
  }
  #office_dtl .doc > div {
    margin-left: 0;
  }
  #office_dtl .inner section.doc {
    padding: 30px 0 0;
  }
  #office_dtl .doc p {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }
  #office_dtl .doc p:nth-of-type(n + 2) {
    margin-left: 0;
    margin-top: 12px;
  }
  #office_dtl .doc p {
    font-size: 13px;
    text-align: center;
  }
  #office_dtl .access dl {
    padding-right: 0;
  }
  #office_dtl .access > div:first-of-type,
  #office_dtl .access > div:last-of-type {
    width: 100%;
  }
  #office_dtl .inner section:nth-of-type(2) h3,
  #office_dtl .inner section:nth-of-type(3) h3 {
    margin-bottom: 18px;
  }
  #office_dtl .access dt {
    margin-top: 0;
    font-size: 15px;
    padding-left: 13%;
  }
  #office_dtl .access dd {
    font-size: 13px;
    border-bottom: dotted 1px #c4c4c4;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  #office_dtl .access dt::before {
    width: 10%;
  }
  #office_dtl .access dt {
    border-bottom: none;
  }
  #office_dtl .access .access-maparea {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #office_dtl .access .box_rad_shadow {
    margin: 0 auto;
    width: 51.8%;
    margin-bottom: 30px;
    font-size: 12px;
  }
  #office_dtl .other .box_rad_shadow,
  #office_dtl .same_service {
    width: 70%;
    margin: 50px auto 0 auto;
    font-size: 13px;
  }
  #office_dtl .other .box_rad_shadow a,
  #office_dtl .same_service a {
    text-align: center;
  }
  #office_dtl .wrapper > p,
  #office_dtl .same_service {
    width: 100%;
    font-size: 13px;
    margin-top: 30px;
  }
  #office_dtl .wrapper > p:last-of-type {
    margin-top: 25px;
    width: 100%;
    font-size: 13px;
  }
  #office_dtl .wrapper > p:last-of-type a::before,
  #office_dtl .same_service a::before {
    width: 25px;
    height: 25px;
  }
  #office_dtl .other .box_rad_shadow a,
  #office_dtl .same_service a {
    position: relative;
  }
  #office_dtl .other .box_rad_shadow a::before,
  #office_dtl .same_service a::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #office_dtl .other .box_rad_shadow a::after,
  #office_dtl .same_service a::after {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: rotate(45deg) translateY(-90%);
            transform: rotate(45deg) translateY(-90%);
  }
  #office_dtl .office01 .reserve {
    height: initial;
    font-size: 14px;
    margin-bottom: 12px;
  }
  #office_dtl .office01 .reserve span {
    display: inline;
    font-weight: 400;
    margin-left: 1em;
  }
  #office_dtl .office01 .reserve::before {
    width: 9.85075%;
    margin-left: 7.46269%;
  }
  #office_dtl .office01 .txt_detail .tel,
  #office_dtl .office01 .txt_detail .fax,
  #office_dtl .office01 .txt_detail .mail {
    padding-left: 25px !important;
  }
  #office_dtl .office01 .txt_detail .tel::before,
  #office_dtl .office01 .txt_detail .fax::before,
  #office_dtl .office01 .txt_detail .mail::before {
    height: 16	px;
    width: 17px;
    top: 11.2px;
    margin-left: 2.5px;
  }
}

/* -----------------------------------------------------
	#job
----------------------------------------------------- */
#job .job_slider .swiper-button-prev {
  left: 19%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#job .job_slider .swiper-button-next {
  right: 19%;
}

#job .job_slider .swiper-button-prev::after,
#job .job_slider .swiper-button-next::after {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  background-image: url(../img/cmn/arrow01_gr01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#job .office .txt_wrap {
  width: 63.599%;
  padding-right: 9.32%;
}

#job .office .img_wrap {
  width: 36.4%;
  /* padding-right: 25px; */
  /* padding-bottom: 60px; */
  padding-right: 2.118%;
  padding-bottom: 5.084%;
}

#job .office .img_wrap div {
  padding-top: 67.16%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

#job.job01 .office div:nth-of-type(1) .img_wrap div {
  background-image: url("../img/job/01/01_office01.jpg");
}

#job.job01 .office div:nth-of-type(2) .img_wrap div {
  background-image: url("../img/job/01/01_office02.jpg");
}

#job.job01 .office div:nth-of-type(3) .img_wrap div {
  background-image: url("../img/job/01/01_office03.jpg");
}

#job.job02 .office div:nth-of-type(1) .img_wrap div {
  background-image: url("../img/job/02/02_office01.jpg");
}

#job.job02 .office div:nth-of-type(2) .img_wrap div {
  background-image: url("../img/job/02/02_office02.jpg");
}

#job.job02 .office div:nth-of-type(3) .img_wrap div {
  background-image: url("../img/job/02/02_office03.jpg");
}

#job.job03 .office div:nth-of-type(1) .img_wrap div {
  background-image: url("../img/job/03/03_office01.jpg");
}

#job.job03 .office div:nth-of-type(2) .img_wrap div {
  background-image: url("../img/job/03/03_office02.jpg");
}

#job.job03 .office div:nth-of-type(3) .img_wrap div {
  background-image: url("../img/job/03/03_office03.jpg");
}

#job.job04 .office div:nth-of-type(1) .img_wrap div {
  background-image: url("../img/job/04/04_office01.jpg");
}

#job .office {
  padding-top: 100px;
}

#job h2.sec_midashi {
  color: white;
  font-size: 20px;
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
  position: relative;
  padding-left: 100px;
}

#job h2.sec_midashi::before {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/cmn/logo_w.svg);
  background-size: contain;
  content: "";
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  position: absolute;
  top: 5px;
  left: 0;
}

#job .office h3 {
  font-size: 25px;
  font-weight: bold;
}

#job .office > div {
  padding-top: 30px;
}

#job .office .flex {
  border-bottom: 1px solid #e9e9e9;
}

#job .office > div:first-of-type {
  padding-top: 40px;
}

#job .office .txt_wrap p {
  font-size: 16px;
  padding-top: 16px;
}

#job .office .txt_wrap > p {
  padding-top: 40px;
  padding-bottom: 80px;
}

#job .office .txt_wrap a::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  /* padding: 8px 20px; */
  padding: 8px 0;
}

#job .office .txt_wrap a.bg_ico10::before,
#job .office .txt_wrap a.bg_ico11::before,
#job .office .txt_wrap a.bg_ico12::before {
  width: 25.6px;
}

#job .office .txt_wrap a span {
  border-bottom: solid 1px #a5a5a5;
  padding-bottom: 2px;
  font-weight: bold;
}

#job .lable_select {
  display: block;
}

#job .drop_select {
  display: none;
}

#job .labels {
  padding-top: 60px;
  margin: 0 auto;
  width: 100%;
}

#job .labels label {
  display: inline-block;
  padding: 16px 25px;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  border-radius: 32px;
}

#job .labels label:not(:first-of-type) {
  margin-left: 20px;
}

/* 保険として、5つまでラベルを作成可能にする */
#job .oneday #oneday1:checked ~ .labels label:nth-of-type(1),
#job .oneday #oneday2:checked ~ .labels label:nth-of-type(2),
#job .oneday #oneday3:checked ~ .labels label:nth-of-type(3),
#job .oneday #oneday4:checked ~ .labels label:nth-of-type(4),
#job .oneday #oneday5:checked ~ .labels label:nth-of-type(5),
#job .requirements #requirement1:checked ~ .labels label:nth-of-type(1),
#job .requirements #requirement2:checked ~ .labels label:nth-of-type(2),
#job .requirements #requirement3:checked ~ .labels label:nth-of-type(3),
#job .requirements #requirement4:checked ~ .labels label:nth-of-type(4),
#job .requirements #requirement5:checked ~ .labels label:nth-of-type(5) {
  color: #fff;
}

#job .oneday #oneday_cont1,
#job .oneday #oneday_cont2,
#job .oneday #oneday_cont3,
#job .oneday #oneday_cont4,
#job .oneday #oneday_cont5,
#job .requirements #req_cont1,
#job .requirements #req_cont2,
#job .requirements #req_cont3,
#job .requirements #req_cont4,
#job .requirements #req_cont5 {
  display: none;
}

#job .oneday #oneday1:checked ~ #oneday_cont1,
#job .oneday #oneday2:checked ~ #oneday_cont2,
#job .oneday #oneday3:checked ~ #oneday_cont3,
#job .oneday #oneday4:checked ~ #oneday_cont4,
#job .oneday #oneday5:checked ~ #oneday_cont5,
#job .requirements #requirement1:checked ~ #req_cont1,
#job .requirements #requirement2:checked ~ #req_cont2,
#job .requirements #requirement3:checked ~ #req_cont3,
#job .requirements #requirement4:checked ~ #req_cont4,
#job .requirements #requirement5:checked ~ #req_cont5 {
  display: block;
}

#job .oneday #oneday_cont1.isShow,
#job .oneday #oneday_cont2.isShow,
#job .oneday #oneday_cont3.isShow,
#job .oneday #oneday_cont4.isShow,
#job .oneday #oneday_cont5.isShow,
#job .requirements #req_cont1.isShow,
#job .requirements #req_cont2.isShow,
#job .requirements #req_cont3.isShow,
#job .requirements #req_cont4.isShow,
#job .requirements #req_cont5.isShow {
  display: block;
}

#job .schedule,
#job .require_list {
  /* width: 88.82%; */
  width: 94.915%;
  margin: 0 auto;
}

#job .schedule > p {
  font-size: 16px;
  padding-bottom: 25px;
}

#job .schedule p::before {
  display: inline-block;
  content: "";
  background-image: url("../img/cmn/ico_star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 22px;
  height: 22px;
  vertical-align: text-bottom;
  margin-right: 12px;
}

#job .schedule dl {
  position: relative;
  /* padding-left: 50px; */
  padding-left: 120px;
}

#job .schedule dl::before {
  position: absolute;
  left: 105px;
  top: 10px;
  content: "";
  height: calc(100% - 20px);
  width: 3px;
  border-left: solid 3px #71a91f;
}

#job .schedule dt,
#job .schedule dd {
  background-color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#job .schedule dt:not(:last-of-type),
#job .schedule dd:not(:last-of-type) {
  padding-bottom: 26px;
}

#job .schedule dt::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 3.5px solid #71a91f;
  background-color: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  /* left: 0; */
  left: -23px;
  top: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#job .schedule dt {
  position: relative;
  text-align: right;
  padding-right: 20px;
  /* width: 12%; */
  width: 120px;
}

#job .schedule dd {
  /* 50 + 120 */
  width: calc(100% - 170px);
}

#job .schedule dd span {
  font-weight: initial;
}

#job .schedule .notes {
  height: 80px;
  padding-left: 90px;
}

#job.job01 .schedule .notes {
  height: 120px;
}

#job .schedule .notes p {
  margin-top: auto;
  padding-bottom: 25px;
}

#job .requirements {
  padding-top: 90px;
}

#job .requirements dl {
  padding-top: 60px;
}

#job .requirements dt {
  font-size: 18px;
  font-weight: bold;
  /* width: 22.727%; */
  width: 240px;
  padding-left: 3.38%;
  /* margin-left: 40px; */
}

#job .requirements dd {
  font-size: 16px;
  line-height: 30px;
  /* width: 77.27%; */
  width: calc(100% - 240px);
  padding-right: 18%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#job .requirements dt,
#job .requirements dd {
  padding-bottom: 22px;
  border-bottom: 2px solid #e9e9e9;
}

#job .requirements dt:not(:first-of-type),
#job .requirements dd:not(:first-of-type) {
  padding-top: 22px;
}

#job .index_sec {
  padding-bottom: 0;
}

#job .other {
  padding-top: 70px;
  padding-bottom: 100px;
  background-color: #f5f5f5;
}

#job .other li a {
  padding: 10px 6% 40px;
  display: block;
  height: 100%;
}

#job .other li p {
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#job .other ul {
  margin: 0 13.55%;
}

#job .other li {
  width: 31.78%;
  font-size: 18px;
  background-color: #fff;
  position: relative;
}

#job .other li:not(:first-of-type) {
  margin-left: 2.325%;
}

#job .other li:nth-of-type(1) a::before {
  content: "01";
}

#job .other li:nth-of-type(2) a::before {
  content: "02";
}

#job .other li:nth-of-type(3) a::before {
  content: "03";
}

#job .other li a::before {
  display: block;
  width: 100%;
  font-size: 40px;
  text-align: center;
  height: 40%;
}

#job .other li a::after {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 10px;
  width: 10px;
  content: "";
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#job .office .dec_job {
  padding-top: 18px;
  border-bottom: none;
}

#job .dec_job > p {
  border: solid 1px #0090fd;
  font-size: 14px !important;
  padding: 2px 5px !important;
  color: #0090fd;
  font-weight: bold;
}

#job .dec_job > p:not(:first-of-type) {
  margin-left: 12px;
}

/* 事業所別カラーリング変更 */
#job.job01 .title_border_l::before {
  border-left: solid #71a91f 5px;
}

#job.job02 .title_border_l::before {
  border-left: solid #0090fd 5px;
}

#job.job03 .title_border_l::before {
  border-left: solid #fdad00 5px;
}

#job.job04 .title_border_l::before {
  border-left: solid #fc62a7 5px;
}

#job.job01 h2.sec_midashi {
  background-color: #71a91f;
}

#job.job02 h2.sec_midashi {
  background-color: #0090fd;
}

#job.job03 h2.sec_midashi {
  background-color: #fdad00;
}

#job.job04 h2.sec_midashi {
  background-color: #fc62a7;
}

#job.job01 .labels label {
  border: solid #71a91f 0.1px;
  color: #71a91f;
}

#job.job02 .labels label {
  border: solid #0090fd 0.1px;
  color: #0090fd;
}

#job.job03 .labels label {
  border: solid #fdad00 0.1px;
  color: #fdad00;
}

#job.job04 .labels label {
  border: solid #fc62a7 0.1px;
  color: #fc62a7;
}

#job.job01 .schedule dl::before {
  border-left: solid 3px #71a91f;
}

#job.job02 .schedule dl::before {
  border-left: solid 3px #0090fd;
}

#job.job03 .schedule dl::before {
  border-left: solid 3px #fdad00;
}

#job.job04 .schedule dl::before {
  border-left: solid 3px #fc62a7;
}

#job.job01 .schedule dt::before {
  border: 3.5px solid #71a91f;
}

#job.job02 .schedule dt::before {
  border: 3.5px solid #0090fd;
}

#job.job03 .schedule dt::before {
  border: 3.5px solid #fdad00;
}

#job.job04 .schedule dt::before {
  border: 3.5px solid #fc62a7;
}

#job.job01 .schedule dt {
  color: #71a91f;
}

#job.job02 .schedule dt {
  color: #0090fd;
}

#job.job03 .schedule dt {
  color: #fdad00;
}

#job.job04 .schedule dt {
  color: #fc62a7;
}

#job .other li {
  border: solid #71a91f 0.1px;
}

#job .other li a::before {
  color: #71a91f;
}

#job .other li a::after {
  border-right: 2px solid #71a91f;
  border-bottom: 2px solid #71a91f;
}

#job.job01 .oneday #oneday1:checked ~ .labels label:nth-of-type(1),
#job.job01 .oneday #oneday2:checked ~ .labels label:nth-of-type(2),
#job.job01 .oneday #oneday3:checked ~ .labels label:nth-of-type(3),
#job.job01 .oneday #oneday4:checked ~ .labels label:nth-of-type(4),
#job.job01 .oneday #oneday5:checked ~ .labels label:nth-of-type(5),
#job.job01 .requirements #requirement1:checked ~ .labels label:nth-of-type(1),
#job.job01 .requirements #requirement2:checked ~ .labels label:nth-of-type(2),
#job.job01 .requirements #requirement3:checked ~ .labels label:nth-of-type(3),
#job.job01 .requirements #requirement4:checked ~ .labels label:nth-of-type(4),
#job.job01 .requirements #requirement5:checked ~ .labels label:nth-of-type(5) {
  background-color: #71a91f;
}

#job.job02 .oneday #oneday1:checked ~ .labels label:nth-of-type(1),
#job.job02 .oneday #oneday2:checked ~ .labels label:nth-of-type(2),
#job.job02 .oneday #oneday3:checked ~ .labels label:nth-of-type(3),
#job.job02 .oneday #oneday4:checked ~ .labels label:nth-of-type(4),
#job.job02 .oneday #oneday5:checked ~ .labels label:nth-of-type(5),
#job.job02 .requirements #requirement1:checked ~ .labels label:nth-of-type(1),
#job.job02 .requirements #requirement2:checked ~ .labels label:nth-of-type(2),
#job.job02 .requirements #requirement3:checked ~ .labels label:nth-of-type(3),
#job.job02 .requirements #requirement4:checked ~ .labels label:nth-of-type(4),
#job.job02 .requirements #requirement5:checked ~ .labels label:nth-of-type(5) {
  background-color: #0090fd;
}

#job.job03 .oneday #oneday1:checked ~ .labels label:nth-of-type(1),
#job.job03 .oneday #oneday2:checked ~ .labels label:nth-of-type(2),
#job.job03 .oneday #oneday3:checked ~ .labels label:nth-of-type(3),
#job.job03 .oneday #oneday4:checked ~ .labels label:nth-of-type(4),
#job.job03 .oneday #oneday5:checked ~ .labels label:nth-of-type(5),
#job.job03 .requirements #requirement1:checked ~ .labels label:nth-of-type(1),
#job.job03 .requirements #requirement2:checked ~ .labels label:nth-of-type(2),
#job.job03 .requirements #requirement3:checked ~ .labels label:nth-of-type(3),
#job.job03 .requirements #requirement4:checked ~ .labels label:nth-of-type(4),
#job.job03 .requirements #requirement5:checked ~ .labels label:nth-of-type(5) {
  background-color: #fdad00;
}

#job.job04 .oneday #oneday1:checked ~ .labels label:nth-of-type(1),
#job.job04 .oneday #oneday2:checked ~ .labels label:nth-of-type(2),
#job.job04 .oneday #oneday3:checked ~ .labels label:nth-of-type(3),
#job.job04 .oneday #oneday4:checked ~ .labels label:nth-of-type(4),
#job.job04 .oneday #oneday5:checked ~ .labels label:nth-of-type(5),
#job.job04 .requirements #requirement1:checked ~ .labels label:nth-of-type(1),
#job.job04 .requirements #requirement2:checked ~ .labels label:nth-of-type(2),
#job.job04 .requirements #requirement3:checked ~ .labels label:nth-of-type(3),
#job.job04 .requirements #requirement4:checked ~ .labels label:nth-of-type(4),
#job.job04 .requirements #requirement5:checked ~ .labels label:nth-of-type(5) {
  background-color: #fc62a7;
}

/* #job  */
@media screen and (max-width: 768px) {
  #job .office .txt_wrap a::before {
    width: 20px;
    height: 20px;
  }
  #job .office .txt_wrap a.bg_ico10::before,
  #job .office .txt_wrap a.bg_ico11::before,
  #job .office .txt_wrap a.bg_ico12::before {
    width: 23px;
  }
  #job .job_slider .swiper-button-prev {
    left: 2%;
  }
  #job .job_slider .swiper-button-next {
    right: 2%;
  }
  #job .office {
    padding-top: 30px;
  }
  #job h2.sec_midashi {
    font-size: 15px;
  }
  #job h2.sec_midashi::before {
    width: 28px;
    height: 28px;
    margin: 0 12px;
  }
  #job .office .txt_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
    width: 100%;
    padding-top: 16px;
  }
  #job .office .img_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 0;
    padding-bottom: 0;
    width: 100%;
  }
  #job .office h3 {
    font-size: 18px;
  }
  #job .office .txt_wrap a span {
    font-size: 15px;
  }
  #job .office .txt_wrap > p {
    padding-top: 28px;
    padding-bottom: 55px;
  }
  #job .office .flex {
    border-bottom: none;
  }
  #job .office > div {
    padding-top: 0;
  }
  #job .lable_select {
    display: none;
  }
  #job .drop_select {
    display: block;
    padding: 30px 0 30px;
  }
  #job #select_oneday,
  #job #select_require {
    padding: 10px 15px;
    font-size: 13px;
    display: block;
    width: 100%;
    font-weight: bold;
  }
  #job .drop_select {
    position: relative;
  }
  #job .drop_select::after {
    position: absolute;
    content: "";
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #a9a9a9;
    border-bottom: 2px solid #a9a9a9;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    display: inline-block;
    font-weight: bold;
  }
  #job .schedule p::before {
    width: 20px;
    height: 20px;
  }
  #job .schedule .notes {
    font-size: 12px;
    /* height: 20px; */
    height: 0;
    padding-left: 0;
  }
  #job .schedule .notes {
    /* height: 0; */
  }
  #job:not(.job01) .schedule .notes {
    height: 0;
  }
  #job.job01 .schedule .notes {
    height: 22px;
  }
  #job .schedule .notes p {
    margin: 0 auto;
    padding-bottom: 0;
  }
  #job .schedule > div:last-of-type {
    /* padding-top: 40px; */
    padding-top: 0;
  }
  #job.job01 .schedule > div:last-of-type {
    padding-top: 40px;
  }
  #job .schedule dl {
    padding-left: 0;
  }
  #job .schedule dl::before {
    display: none;
  }
  #job .schedule dt::before {
    display: none;
  }
  #job .schedule dt:not(:last-of-type),
  #job .schedule dd:not(:last-of-type) {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  #job .schedule dt,
  #job .schedule dd {
    padding-bottom: 8px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 15px;
    padding-bottom: 8px;
  }
  #job .schedule dt {
    width: 60px;
  }
  #job .schedule dd {
    width: calc(100% - 60px);
  }
  #job .requirements {
    padding-top: 50px;
  }
  #job .requirements dl {
    padding-top: 0;
  }
  #job .requirements dt, #job .requirements dd {
    width: 100%;
  }
  #job .requirements dt:not(:first-of-type),
  #job .requirements dd:not(:first-of-type) {
    padding-top: 0px;
  }
  #job .requirements dt {
    padding-left: 0;
    padding-bottom: 0;
    padding-bottom: 12px;
    border-bottom: none;
    font-size: 15px;
    line-height: 17.5px;
  }
  #job .requirements dt:not(:first-of-type) {
    padding-top: 12px;
  }
  #job .requirements dd {
    padding-top: 0;
    padding-bottom: 12px;
    padding-right: 0;
    font-size: 13px;
    line-height: 20px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #job .other {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #job .other li {
    font-size: 14px;
  }
  #job .other li a {
    padding: 10px 0;
  }
  #job .other li:not(:first-of-type) {
    margin-left: 0;
    margin-top: 12px;
  }
  #job .other li {
    width: 82%;
    margin: 0 auto;
  }
  #job .other li a {
    padding: 10px 0 10px;
  }
  #job .other li a::before {
    font-size: 30px;
  }
  #job .other li a::before,
  #job .other li a p {
    height: initial;
  }
  #job .other li a::after {
    width: 8px;
    height: 8px;
  }
  #job .other li:not(:first-of-type) {
    margin-left: auto;
    margin-top: 15px;
  }
  #job .other ul {
    margin: 0;
  }
  #job .dec_job > p {
    font-size: 11px !important;
  }
  #job h2.sec_midashi {
    padding-left: 52px;
    padding-right: 15px;
  }
  #job h2.sec_midashi::before {
    top: 10px;
  }
}

/* -----------------------------------------------------
	Common
----------------------------------------------------- */
.title_p {
  font-size: 18px;
  line-height: 35px;
}

.list_p {
  font-size: 22px;
  line-height: 35px;
}

br.sp_only {
  display: none;
}

br.pc_only {
  display: inline;
}

h2 .sp_only {
  display: none;
}

h2 .pc_only {
  display: inline !important;
}

.sp_only {
  display: none !important;
}

.pc_only {
  display: block !important;
}

.open_window a {
  position: relative;
}

.open_window a::after {
  content: "";
  width: 20px;
  height: 14px;
  display: inline-block;
  background-image: url("../img/cmn/open_other_window.svg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: initial;
          transform: initial;
  vertical-align: middle;
}

.gnav_sp .open_window a::before {
  content: "";
  width: 20px;
  height: 14px;
  display: inline-block;
  background-image: url("../img/cmn/open_other_window.svg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: initial;
          transform: initial;
  vertical-align: middle;
  position: absolute;
  left: 90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.main_nav .open_window a::after {
  margin-left: 1rem;
}

.over_parent {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.nega_margin {
  margin: 0 -6.81%;
}

.nega_margin_l {
  margin-left: -6.81%;
}

.nega_margin_r {
  margin-right: -6.81%;
}

.nega_margin2 {
  margin: 0 -13.62%;
  /* padding: 0 6.81%; */
}

.nega_margin2_l {
  margin-left: -13.62%;
}

.nega_margin2_r {
  margin-right: -13.62%;
}

.title_border_l,.title_border_l2 {
  padding-left: 25px;
  position: relative;
}

.title_border_l::before {
  content: "";
  border-left: solid #6aa810 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.title_border_l2::before {
  content: "";
  border-left: solid #999 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1200px) {
  .nega_margin {
    margin: 0 -3.76%;
  }
  .nega_margin_l {
    margin-left: -3.76%;
  }
  .nega_margin_r {
    margin-right: -3.76%;
  }
  .nega_margin2 {
    margin: 0 -7.52%;
  }
  .nega_margin2_l {
    margin-left: -7.52%;
  }
  .nega_margin2_r {
    margin-right: -7.52%;
  }
}

@media screen and (max-width: 768px) {
  br.sp_only {
    display: inline;
  }
  br.pc_only {
    display: none;
  }
  .sp_only {
    display: block !important;
  }
  .pc_only {
    display: none !important;
  }
  .page_sec02 .midashi {
    padding: 0;
  }
  .nega_margin {
    margin: 0 -3.119%;
  }
  h2 .sp_only {
    display: inline !important;
  }
  h2 .pc_only {
    display: none !important;
  }
  .nega_margin_l {
    margin-left: -3.119%;
  }
  .nega_margin_r {
    margin-right: -3.119%;
  }
  .nega_margin2 {
    margin: 0 -6.238%;
  }
  .nega_margin2_l {
    margin-left: -6.238%;
  }
  .nega_margin2_r {
    margin-right: -6.238%;
  }
  .title_border_l::before {
    border-left: solid #6aa810 4px;
  }
  .title_border_l,.title_border_l2 {
    padding-left: 20px;
  }
}

.box_rad_shadow {
  border: solid #a9a9a9 0.1px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  border-radius: 0.5rem;
}

.page_title .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.ffs_p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.ml_auto {
  margin-left: auto;
}

/* -----------------------------------------------------
	事業所別情報
----------------------------------------------------- */
.color01 {
  color: #79a42c;
}

.color02 {
  color: #7d7c7d;
}

.color03 {
  color: #009e96;
}

.color04 {
  color: #eb6100;
}

.color05 {
  color: #265591;
}

.color06 {
  color: #72394a;
}

.color07 {
  color: #234e35;
}

.color08 {
  color: #e60012;
}

.color09 {
  color: #632e1a;
}

.color10 {
  color: #0090fd;
}

.color11 {
  color: #779d38;
}

.color12 {
  color: #0068b7;
}

.color13 {
  color: #0099e2;
}

.color14 {
  color: #8e1d52;
}

a.bg_ico01::before {
  background-image: url("../img/cmn/ico01.svg");
}

a.bg_ico02::before {
  background-image: url("../img/cmn/ico02.svg");
}

a.bg_ico03::before {
  background-image: url("../img/cmn/ico03.svg");
}

a.bg_ico04::before {
  background-image: url("../img/cmn/ico04.svg");
}

a.bg_ico05::before {
  background-image: url("../img/cmn/ico05.svg");
}

a.bg_ico06::before {
  background-image: url("../img/cmn/ico06.svg");
}

a.bg_ico07::before {
  background-image: url("../img/cmn/ico07.svg");
}

a.bg_ico08::before {
  background-image: url("../img/cmn/ico08.svg");
}

a.bg_ico09::before {
  background-image: url("../img/cmn/ico09.svg");
}

a.bg_ico10::before {
  background-image: url("../img/cmn/ico10.svg");
}

a.bg_ico11::before {
  background-image: url("../img/cmn/ico11.svg");
}

a.bg_ico12::before {
  background-image: url("../img/cmn/ico12.svg");
}

a.bg_ico13::before {
  background-image: url("../img/cmn/ico13.svg");
}

a.bg_ico14::before {
  background-image: url("../img/cmn/ico14.svg");
}

.bg_ico01:not(a) {
  background-image: url("../img/cmn/ico01.svg");
}

.bg_ico02:not(a) {
  background-image: url("../img/cmn/ico02.svg");
}

.bg_ico03:not(a) {
  background-image: url("../img/cmn/ico03.svg");
}

.bg_ico04:not(a) {
  background-image: url("../img/cmn/ico04.svg");
}

.bg_ico05:not(a) {
  background-image: url("../img/cmn/ico05.svg");
}

.bg_ico06:not(a) {
  background-image: url("../img/cmn/ico06.svg");
}

.bg_ico07:not(a) {
  background-image: url("../img/cmn/ico07.svg");
}

.bg_ico08:not(a) {
  background-image: url("../img/cmn/ico08.svg");
}

.bg_ico09:not(a) {
  background-image: url("../img/cmn/ico09.svg");
}

.bg_ico10:not(a) {
  background-image: url("../img/cmn/ico10.svg");
}

.bg_ico11:not(a) {
  background-image: url("../img/cmn/ico11.svg");
}

.bg_ico12:not(a) {
  background-image: url("../img/cmn/ico12.svg");
}

.bg_ico13:not(a) {
  background-image: url("../img/cmn/ico13.svg");
}
.bg_ico14:not(a) {
  background-image: url("../img/cmn/ico14.svg");
}

#office_dtl .office01 .txt_wrap .service_bg.st01 div:first-of-type {
  background-image: url("../img/office_detail/service_type_01.svg");
}

#office_dtl .office01 .txt_wrap .service_bg.st02 div:first-of-type {
  background-image: url("../img/office_detail/service_type_02.svg");
}

#office_dtl .txt_wrap .service_bg.st02 p.sp_only {
  background-color: #6aa810;
}

#office_dtl .txt_wrap .service_bg.st02 p.sp_only {
  background-color: #f47813;
}

/* #office_dtl .greeting .flex .img_wrap.st01 div{
	background-image: url("../img/office_detail/st01_greeting.jpg");
}
#office_dtl .greeting .flex .img_wrap.st02 div{
	background-image: url("../img/office_detail/st02_greeting.jpg");
} */
#office_dtl.of01 .greeting .flex .img_wrap.st01 div {
  background-image: url("../img/office_detail/greeting01.jpg");
}

#office_dtl.of05 .greeting .flex .img_wrap.st01 div,
#office_dtl.of06 .greeting .flex .img_wrap.st01 div {
  background-image: url("../img/office_detail/greeting02.jpg");
}

#office_dtl.of07 .greeting .flex .img_wrap.st01 div,
#office_dtl.of08 .greeting .flex .img_wrap.st01 div,
#office_dtl.of09 .greeting .flex .img_wrap.st01 div {
  background-image: url("../img/office_detail/greeting03.jpg");
}

#office_dtl.of11 .greeting .flex .img_wrap.st02 div {
  background-image: url("../img/office_detail/greeting04.jpg");
}

#office_dtl.of13 .greeting .flex .img_wrap.st02 div {
  background-image: url("../img/office_detail/greeting05.jpg");
}

#office_dtl.of12 .greeting .flex .img_wrap.st02 div {
  background-image: url("../img/office_detail/greeting06.jpg");
}

#office_dtl.of04 .greeting .flex .img_wrap.st01 div {
  background-image: url("../img/office_detail/greeting07.jpg");
}

/* 暫定対応 */
.v_hidden {
  visibility: hidden;
}

#service .main_nav {
  /* display: none; */
}

.temp_hidden {
  display: none !important;
}

#office_dtl .other .box_rad_shadow a.temp_hidden {
  display: none;
}

#office_dtl .inner section.access {
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  #office_dtl .inner section.access {
    padding-top: 30px;
  }
}

/* -----------------------------------------------------
	空き状況
----------------------------------------------------- */
#availability .select_wrap {
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #f5f5f5;
  position: relative;
}

#availability .select_wrap > div {
  margin: 0 auto;
  width: 52.564%;
  position: relative;
}

#availability .select_wrap #select_service {
  margin: 0 auto;
  border: solid #a9a9a9 0.1px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  padding: 8px 20px;
  border-radius: 0.5rem;
  font-size: bold;
  width: 100%;
  font-size: 20px;
  color: #4b4b4b;
  background-color: #fff;
  position: relative;
}

#availability .select_wrap > div::after {
  position: absolute;
  margin-top: 10px;
  -webkit-transform: translateY(50%) rotate(135deg);
          transform: translateY(50%) rotate(135deg);
  display: inline-block;
  content: '';
  margin-left: 0.5rem;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 50%;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#availability .select_title {
  padding-bottom: 60px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}

#availability .select_title .remark {
  display: block;
  color: #be0000;
  font-size: 17px;
}

#availability .reha {
  /* 290/450 */
  width: 290px;
  margin-top: 24px;
  border: solid #6aa810 0.1px;
  text-align: center;
  padding: 8px 12px;
  font-size: 18px;
  color: #6aa810;
}

#availability .reha figure {
  margin-bottom: 6px;
}

@media screen and (max-width: 768px) {
  #availability .reha {
    font-size: 14px;
    width: 100%;
  }
  #availability .reha figure {
    max-width: initial;
    width: 75%;
    margin-bottom: 3px;
  }
}

/* #availability .select_wrap > div::after{

	position: absolute;
    transform: translateY(-50%) rotate(135deg);
    display: inline-block;
    content: '';
    margin-left: 0.5rem;
    width: 10px;
    height: 10px;
    right: 20px;
    top: 45%;
    border-top: 2px solid #a9a9a9;
    border-right: 2px solid #a9a9a9;
    transition: transform 0.3s;
} */
#availability .calender {
  display: none;
}

#availability .calender.isShow {
  display: block;
}

#availability .calender {
  padding-top: 60px;
  padding-bottom: 50px;
}

#availability .cont_wrap .calender h3::before {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
  height: 30px;
  width: 38px;
  margin-right: 20px;
  background-image: url(../img/cmn/ico_service02_gr.svg);
}

#availability .attention {
  padding-bottom: 12px;
  color: #be0000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

#availability .txt_wrap {
  font-size: 18px;
  padding-top: 80px;
}

#availability .txt_wrap p:not(:first-of-type) {
  margin-top: 45px;
}

#availability .txt_wrap .txt01 {
  padding-left: 30px;
  position: relative;
}

#availability .txt_wrap .txt01::before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #71a91f;
  border-radius: 50%;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#availability .txt_wrap .txt02 a {
  color: #6aa810;
}

@media screen and (max-width: 768px) {
  #availability .select_title {
    font-size: 13px;
    padding-bottom: 30px;
  }
  #availability .select_title .remark {
    font-size: 11px;
  }
  #availability .text_wrap {
    font-size: 13px;
  }
  #availability .select_wrap > div {
    width: 94%;
  }
  #availability .attention {
    font-size: 13px;
  }
  #availability .select_wrap #select_service {
    font-size: 12.5px;
  }
  #availability .select_wrap {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #availability .select_wrap > div::after {
    margin-top: 8px;
  }
  #availability .select_wrap > div::after {
    width: 8px;
    height: 8px;
  }
  #availability .calender {
    padding-top: 30px;
  }
  #availability .cont_wrap .calender h3::before {
    height: 20px;
    width: 26px;
    margin-right: 8px;
  }
  #availability .txt_wrap {
    padding-top: 0;
    font-size: 12.5px;
  }
  #availability .txt_wrap .txt01 {
    padding-left: 20px;
  }
  #availability .txt_wrap .txt01::before {
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
  }
  #availability .txt_wrap p:not(:first-of-type) {
    margin-top: 20px;
  }
}

/* ------------------------------------
	work_environment:
------------------------------------ */
#work_environment .head01 > h2 {
  font-size: 25px;
  color: #4261b2;
  padding-top: 50px;
  font-weight: bold;
  text-align: center;
}

#work_environment .head01 > p {
  padding-top: 36px;
  text-align: center;
  font-size: 18px;
  line-height: 35px;
}

#work_environment .work_environment section {
  margin-top: 100px;
}

#work_environment .welfare li {
  padding-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
}

#work_environment .welfare li:not(:first-of-type) {
  padding-top: 30px;
}

#work_environment .welfare .img_wrap {
  width: 32.74%;
  padding-left: 4.66%;
}

#work_environment .welfare li .img_wrap div {
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 76.562%;
}

#work_environment .welfare li:nth-of-type(1) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg01.jpg");
}

#work_environment .welfare li:nth-of-type(2) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg02.jpg");
}

#work_environment .welfare li:nth-of-type(3) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg03.jpg");
}

#work_environment .welfare li:nth-of-type(4) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg04.jpg");
}

#work_environment .welfare li:nth-of-type(5) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg05.jpg");
}

#work_environment .welfare li:nth-of-type(6) .img_wrap div {
  background-image: url("../img/work_environment/pet.jpg");
}

#work_environment .welfare li:nth-of-type(7) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg06.jpg");
}

#work_environment .welfare li:nth-of-type(8) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg07.jpg");
}

#work_environment .welfare li:nth-of-type(9) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg08.jpg");
}

#work_environment .welfare li:nth-of-type(10) .img_wrap div {
  background-image: url("../img/work_environment/welfare_bg09.jpg");
}


#work_environment .welfare .txt_wrap {
  width: 67.26%;
  padding-left: 6.796%;
  padding-top: 2.91%;
  padding-bottom: 2.91%;
}

#work_environment .welfare .txt_wrap h3 {
  font-size: 22px;
  font-weight: bold;
}

#work_environment .welfare .txt_wrap p {
  /* padding-top: 36px; */
  padding-top: 5.2%;
  font-size: 16px;
}

#work_environment .work_style ul {
  padding-top: 55px;
  margin: 0 5.5%;
}

#work_environment .work_style > p {
  font-size: 18px;
  line-height: 35px;
}

#work_environment .work_style .img_wrap {
  width: 24%;
  padding-left: 13%;
  padding-top: 7.5%;
  padding-bottom: 5.5%;
}

#work_environment .work_style .img_wrap img {
  max-width: 120px;
}

#work_environment .work_style li:nth-of-type(odd) {
  background: #fff4cc;
}

#work_environment .work_style li:nth-of-type(even) {
  background: #fdf9e9;
}

#work_environment .work_style li:nth-of-type(1) .img_wrap div {
  background-image: url("../img/work_environment/work_style_img01.svg");
}

#work_environment .work_style li:nth-of-type(2) .img_wrap div {
  background-image: url("../img/work_environment/work_style_img02.svg");
}

#work_environment .work_style li:nth-of-type(3) .img_wrap div {
  background-image: url("../img/work_environment/work_style_img03.svg");
}

#work_environment .work_style .txt_wrap {
  width: 76%;
  /* padding: 3.04% 5% 2.432% 10%; */
  padding-top: 3.04%;
  padding-right: 5%;
  padding-bottom: 2.432%;
  padding-left: 10%;
}

#work_environment .work_style .txt_wrap .case {
  font-size: 18px;
  font-weight: bold;
}

#work_environment .work_style .txt_wrap .case span {
  font-weight: bold;
  color: #fff;
  background-color: #c51a77;
  margin-right: 12px;
  font-size: 16px;
  border-radius: 12.5px;
  padding: 4px 20px;
}

#work_environment .work_style .txt_wrap .place {
  position: relative;
  margin-top: 16px;
  padding-left: 18px;
  font-size: 16px;
  line-height: 25px;
}

#work_environment .work_style .txt_wrap .place::before {
  position: absolute;
  content: "・";
  font-size: 16px;
  left: 0;
  top: 0;
  vertical-align: middle;
}

#work_environment .work_style .txt_wrap .result {
  position: relative;
  margin-top: 28px;
  padding-left: 50px;
  font-weight: bold;
  font-size: 18px;
}

#work_environment .work_style .txt_wrap .result::before {
  background-image: url("../img/work_environment/arrow_r_or.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 36px;
  height: 27px;
  padding-right: 14px;
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 0;
}

#work_environment .work_style .txt_wrap .remark01 {
  display: block;
  padding-top: 10px;
}

#work_environment .work_style .txt_wrap .remark02 {
  display: block;
  padding-top: 2px;
}

#work_environment .life_stage {
  background-color: #f5f5f5;
  padding-bottom: 70px;
}

#work_environment .life_stage h3 {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  padding-top: 60px;
}

#work_environment .life_stage .lable_select {
  margin-top: 50px;
}

#work_environment .life_stage label {
  color: #fff;
  background-color: #c6c6c6;
  display: inline-block;
  padding: 12px 50px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#work_environment .life_stage label:hover {
  opacity: 0.70;
}

#work_environment .lable_select #lifestage1:checked ~ .labels label:nth-of-type(1),
#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(1) .txt_wrap .treat li::before {
  background-color: #fedd79;
}

#work_environment .lable_select #lifestage2:checked ~ .labels label:nth-of-type(2),
#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(2) .txt_wrap .treat li::before {
  background-color: #fa82c0;
}

#work_environment .lable_select #lifestage3:checked ~ .labels label:nth-of-type(3),
#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(3) .txt_wrap .treat li::before {
  background-color: #61a4ff;
}

#work_environment .lable_select #lifestage4:checked ~ .labels label:nth-of-type(4),
#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .txt_wrap .treat li::before {
  background-color: #32b16c;
}

#work_environment .lable_select #lifestage5:checked ~ .labels label:nth-of-type(5),
#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(5) .txt_wrap .treat li::before {
  background-color: #c782fd;
}

#work_environment .cont_wrap #ls_cont1,
#work_environment .cont_wrap #ls_cont2,
#work_environment .cont_wrap #ls_cont3,
#work_environment .cont_wrap #ls_cont4,
#work_environment .cont_wrap #ls_cont5 {
  /* display: none; */
  display: none;
}

#work_environment .life_stage #lifestage1:checked ~ .cont_wrap #ls_cont1,
#work_environment .life_stage #lifestage2:checked ~ .cont_wrap #ls_cont2,
#work_environment .life_stage #lifestage3:checked ~ .cont_wrap #ls_cont3,
#work_environment .life_stage #lifestage4:checked ~ .cont_wrap #ls_cont4,
#work_environment .life_stage #lifestage5:checked ~ .cont_wrap #ls_cont5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeup 1s cubic-bezier(0.4, 1, 0.8, 1) 1 forwards;
          animation: fadeup 1s cubic-bezier(0.4, 1, 0.8, 1) 1 forwards;
}

@-webkit-keyframes fadeup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#work_environment .life_stage .cont_wrap {
  margin-top: 28px;
}

#work_environment .life_stage .cont_wrap .img_wrap {
  width: 33.89%;
  padding-left: 13.42%;
  padding-top: 4.661%;
  padding-bottom: 4.661%;
}

#work_environment .life_stage .cont_wrap .ls_list .img_wrap div {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-top: 77.551%;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(1) .img_wrap div {
  background-image: url("../img/work_environment/lifestage_img01.png");
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(2) .img_wrap div {
  background-image: url("../img/work_environment/lifestage_img02.png");
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(3) .img_wrap div {
  background-image: url("../img/work_environment/lifestage_img03.png");
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .img_wrap div {
  background-image: url("../img/work_environment/lifestage_img04.png");
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(5) .img_wrap div {
  background-image: url("../img/work_environment/lifestage_img05.png");
}

#work_environment .life_stage .cont_wrap .txt_wrap {
  width: 66.11%;
  padding-left: 9.32%;
  padding-top: 4.23%;
  padding-bottom: 4.23%;
  padding-right: 12.28%;
}

#work_environment .life_stage .cont_wrap .txt_wrap .treat li {
  font-weight: bold;
  font-size: 20px;
  position: relative;
  padding-left: 22px;
}

#work_environment .life_stage .cont_wrap .txt_wrap .treat li span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin-top: 12px;
}

#work_environment .life_stage .cont_wrap .txt_wrap .treat li span .t_color {
  display: inline;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .txt_wrap .treat li .remark01 {
  display: inline-block;
  padding-right: 29.24%;
  margin-top: 12px;
}

/* #work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .txt_wrap .treat li span .remark02{
	display: inline;
	font-weight: bold;
	border: 2px solid #32b16c;
	border-radius: 10px;
	padding: 1px 16px;
} */
#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .txt_wrap .treat li .remark01 img {
  width: 28px;
  height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: initial;
  margin-left: 10px;
  margin-right: 10px;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(1) .txt_wrap .treat li span .t_color {
  color: #fedd79;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(2) .txt_wrap .treat li span .t_color {
  color: #fa82c0;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(3) .txt_wrap .treat li span .t_color {
  color: #61a4ff;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .txt_wrap .treat li span .t_color,
#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .txt_wrap .treat li span .remark02 {
  color: #32b16c;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(5) .txt_wrap .treat li span .t_color {
  color: #c782fd;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(1) .flex li:first-of-type {
  /* width: 30%; */
  /* 175 / 530 */
  width: 33%;
  padding-left: 1.886%;
}

#work_environment .life_stage .cont_wrap .ls_list:nth-of-type(1) .flex li:last-of-type {
  width: 67%;
  padding-left: 4.716%;
}

#work_environment .life_stage .cont_wrap .txt_wrap .treat li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

#work_environment .life_stage label:not(:first-of-type) {
  margin-left: 1.76%;
}

#work_environment .life_stage .cont_wrap {
  background-color: #fff;
  border-radius: 20px;
}

#work_environment .life_stage .treat li:not(:last-of-type) {
  padding-bottom: 12px;
}

#work_environment .life_stage .treat li:not(:last-of-type) {
  border-bottom: solid 1px #d4d4d4;
}

#work_environment .life_stage .treat li:not(:first-of-type) {
  margin-top: 12px;
}

#work_environment section.entry {
  margin-top: 0;
}

/*241029追加*/
#work_environment .txt_wrap {
	margin: 0 auto;
	padding-left: 55px;
}
#work_environment .txt_wrap li {
    position: relative;
    padding-left: 25px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-weight: bold;
	font-size: 18px;
	line-height: 2;
}
#work_environment .txt_wrap li::before {
    background-color: #f47813;
}
#work_environment .txt_wrap li::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12.8px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  #work_environment .head01 > h2 {
    font-size: 20px;
    padding-top: 25px;
  }
  #work_environment .head01 > p {
    font-size: 14px;
    line-height: 22.5px;
    padding-top: 16px;
    text-align: left;
  }
  #work_environment section.welfare {
    margin-top: 65px;
  }
  #work_environment .welfare li {
    padding-bottom: 28px;
  }
  #work_environment .welfare .img_wrap,
  #work_environment .welfare .txt_wrap {
    width: 100%;
    padding-left: 7.462%;
    padding-right: 7.462%;
  }
  #work_environment .welfare .txt_wrap {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  #work_environment .welfare .txt_wrap h3 {
    font-size: 18px;
  }
  #work_environment .welfare .txt_wrap p {
    font-size: 16px;
    line-height: 1.6;
    padding-top: 15px;
  }
  #work_environment .welfare li:last-of-type {
    padding-bottom: 50px;
  }
  #work_environment section.work_style {
    margin-top: 45px;
  }
  #work_environment .work_style > p {
    font-size: 14px;
    line-height: 22.5px;
    text-align: left;
  }
  #work_environment .work_style ul {
    padding-top: 45px;
    margin: 0;
  }
  #work_environment .work_style .img_wrap,
  #work_environment .work_style .txt_wrap {
    width: 100%;
    padding: 0 5.97%;
  }
  #work_environment .work_style li {
    padding-top: 7.462%;
    padding-bottom: 8.95%;
  }
  #work_environment .work_style img {
    /* 170 / 590 */
    width: 28.813%;
  }
  #work_environment .work_style .img_wrap {
    text-align: center;
  }
  #work_environment .work_style .txt_wrap {
    padding-top: 22px;
  }
  #work_environment .work_style .txt_wrap .case {
    font-size: 15px;
  }
  #work_environment .work_style .txt_wrap .case span {
    font-size: 11px;
    padding: 2px 15px;
    margin-right: 10px;
    vertical-align: text-bottom;
  }
  #work_environment .work_style .txt_wrap .place {
    font-size: 13px;
    line-height: 17.5px;
  }
  #work_environment .work_style .txt_wrap .remark01 {
    padding-top: 4px;
  }
  #work_environment .work_style .txt_wrap .result {
    margin-top: 20px;
    font-size: 14px;
    padding-left: 33px;
  }
  #work_environment .work_style .txt_wrap .result::before {
    width: 27px;
  }
  #work_environment .life_stage {
    padding-bottom: 50px;
  }
  #work_environment .life_stage h3 {
    padding-top: 45px;
    font-size: 20px;
    line-height: 30px;
  }
  #work_environment .life_stage .lable_select {
    margin-top: 45px;
  }
  #work_environment .life_stage label {
    /* 622 / 670 */
    width: 18.56%;
    padding: 12px 15px;
    font-size: 14px;
    text-align: center;
  }
  #work_environment .life_stage label:not(:first-of-type) {
    /* 12 / 670 */
    margin-left: 1.791%;
  }
  #work_environment .life_stage label:hover {
    opacity: 1;
  }
  #work_environment .life_stage .cont_wrap {
    margin-top: 40px;
  }
  #work_environment .life_stage .cont_wrap .img_wrap,
  #work_environment .life_stage .cont_wrap .txt_wrap {
    width: 100%;
  }
  #work_environment .life_stage .cont_wrap .img_wrap {
    padding-top: 25px;
    padding-bottom: 0;
    padding-left: 24.626%;
    padding-right: 24.626%;
  }
  #work_environment .life_stage .cont_wrap .txt_wrap {
    padding-top: 28px;
    padding-left: 5.97%;
    padding-right: 5.97%;
    padding-bottom: 32px;
  }
  #work_environment .life_stage .cont_wrap .txt_wrap .treat li::before {
    width: 13px;
    height: 13px;
    -webkit-transform: translateY(6.5px);
            transform: translateY(6.5px);
  }
  #work_environment .life_stage .cont_wrap .txt_wrap .treat li {
    font-size: 15px;
  }
  #work_environment .life_stage .cont_wrap .txt_wrap .treat li span {
    font-size: 13px;
  }
  #work_environment .life_stage .treat li:not(:last-of-type) {
    padding-bottom: 10px;
  }
  #work_environment .life_stage .treat li:not(:first-of-type) {
    margin-top: 10px;
  }
  #work_environment .life_stage .cont_wrap .txt_wrap .treat li span {
    margin-top: 8px;
  }
  #work_environment .life_stage .cont_wrap .ls_list:nth-of-type(1) .flex li:first-of-type {
    /* 190 / 590 */
    width: 32.22%;
    padding-left: 0;
  }
  #work_environment .life_stage .cont_wrap .ls_list:nth-of-type(1) .flex li:last-of-type {
    /* 400 / 590 */
    width: 67.78%;
    padding-left: 5.42%;
  }
  #work_environment .life_stage img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #work_environment .life_stage .cont_wrap .ls_list:nth-of-type(4) .txt_wrap .treat li .remark01 {
    margin-top: 6px;
    padding-right: 15%;
  }
}

/* ------------------------------------
	Service Detail:
------------------------------------ */
#service_dtl .sec_midashi {
  color: white;
  font-size: 20px;
  width: 100%;
  padding: 14px 0;
  font-weight: bold;
  position: relative;
  padding-left: 100px;
}

#service_dtl h2.sec_midashi::before {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/cmn/logo_w.svg);
  background-size: contain;
  content: "";
  /* width: 40px;
    height: 40px; */
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#service_dtl.st06 h2.sec_midashi::before,
#service_dtl.st07 h2.sec_midashi::before,
#service_dtl.st08 h2.sec_midashi::before {
  background-image: url(../img/cmn/logo_w02.svg);
  width: 36px;
}

#service_dtl .sec01 .flex {
  padding-top: 48px;
}

#service_dtl .sec01 .txt_wrap,
#service_dtl .sec01 .img_wrap,
#service_dtl .sec01 .img_wrap2 {
  width: 50%;
}

#service_dtl .sec01 .txt_wrap {
  font-size: 16px;
  line-height: 30px;
  padding-right: 6.35%;
}

#service_dtl .sec01 .txt_wrap .remark {
  font-size: 14px;
  line-height: 25px;
  padding-top: 32px;
}

#service_dtl .sec01 .img_wrap {
  padding-left: 3.38%;
}

#service_dtl .sec01 .img_wrap2 {
  padding-left: 3.38%;
}



#service_dtl .sec01 .img_wrap div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 64.972%;
}

#service_dtl .sec01 .img_wrap2 div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 64.972%;
}

#service_dtl .sec02 {
  padding-top: 95px;
}

#service_dtl .contact {
  margin-top: 95px;
  padding: 60px 0;
  background-color: #f5f5f5;
}

#service_dtl .contact .wrapper {
  padding: 0 6.81%;
}

#service_dtl .contact h3 {
  font-size: 25px;
  font-weight: bold;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl .contact ul {
  padding-top: 45px;
}

#service_dtl .contact .group_list li:not(:nth-of-type(3n + 1)) {
  margin-left: 5%;
}

#service_dtl .to_service {
  margin-top: 55px;
  color: #71a91f;
  border: solid #71a91f 0.1px;
  font-size: 20px;
  font-weight: bold;
  /* padding: 10px 28px; */
  width: 25.423%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  min-width: 300px;
}

#service_dtl .to_service a {
  display: block;
  padding: 8px 25px;
}

#service_dtl .to_service a::after {
  display: inline-block;
  margin-left: 20px;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #6aa810;
  border-right: 2px solid #6aa810;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  #service_dtl .sec01 .txt_wrap,
  #service_dtl .sec01 .img_wrap,
  #service_dtl .sec01 .img_wrap2 {
    width: 100%;
  }
  #service_dtl .sec01 .img_wrap,
  #service_dtl .sec01 .img_wrap2 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
	
	
  #service_dtl .sec01 .txt_wrap {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    padding-top: 24px;
    padding-right: 0;
  }
  #service_dtl .sec_midashi {
    padding: 10px 0;
    z-index: -1;
    padding-left: 52px;
    padding-right: 15px;
    font-size: 15px;
  }
  #service_dtl.st06 h2.sec_midashi::before,
  #service_dtl.st07 h2.sec_midashi::before,
  #service_dtl.st08 h2.sec_midashi::before {
    width: 28px;
  }
  #service_dtl h2.sec_midashi::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
    height: 24px;
    margin-left: 24px;
    margin: 0 12px;
  }
  #service_dtl .sec01 .flex {
    padding-top: 30px;
  }
  #service_dtl .sec01 .img_wrap {
    padding-left: 0;
  }
	
    #service_dtl .sec01 .img_wrap2 {
    padding-left: 0;
  }
  #service_dtl .sec02 {
    padding-top: 50px;
  }
  #service_dtl .contact {
    padding: 30px 0;
    margin-top: 0;
  }
  #service_dtl .contact h3 {
    font-size: 18px;
  }
  #service_dtl .contact ul {
    padding-top: 22px;
  }
  #service_dtl .contact .group_list li:not(:nth-of-type(3n + 1)) {
    margin-left: 0;
  }
  #service_dtl .to_service {
    width: 70.14%;
    margin-top: 50px;
    min-width: initial;
  }
  #service_dtl .to_service a {
    font-size: 13px;
  }
  #service_dtl .to_service a::after {
    width: 8px;
    height: 8px;
  }
}

/* サービス別 */
#service_dtl.st01 h2.sec_midashi {
  background-color: #fd9b00;
}

#service_dtl.st02 h2.sec_midashi {
  background-color: #71a91f;
}

#service_dtl.st03 h2.sec_midashi {
  background-color: #8853a3;
}

#service_dtl.st04 h2.sec_midashi {
  background-color: #2da2fb;
}

#service_dtl.st05 h2.sec_midashi {
  background-color: #6eacff;
}

#service_dtl.st06 h2.sec_midashi {
  background-color: #ff8441;
}

#service_dtl.st07 h2.sec_midashi {
  background-color: #00b7ee;
}

#service_dtl.st08 h2.sec_midashi {
  background-color: #76b75f;
}

#service_dtl.st01 .sec01 .img_wrap div {
  background-image: url("../img/office_detail/office04_img01.jpg");
}

#service_dtl.st02 .sec01 .flex:nth-of-type(1) .img_wrap div {
  background-image: url("../img/office_detail/office01_img03.jpg?22020416");
}

#service_dtl.st02 .sec01 .flex:nth-of-type(2) .img_wrap div {
  background-image: url("../img/service_detail/service02/service02_img02.jpg?22020416");
}

#service_dtl.st03 .sec01 .img_wrap div {
  /* background-image: url("../img/office_detail/service03_img01.jpg"); */
  background-image: url("../img/office_detail/office06_img01.jpg");
}

#service_dtl.st07 .sec01 .img_wrap div {
  background-image: url("../img/service_detail/service07/service07_sec01_bg01.jpg");
}

#service_dtl.st07 .sec01 .img_wrap2 div {
  background-image: url("../img/service_detail/service07/service07_sec01_bg01_new.jpg");
}

#service_dtl.st08 .sec01 .img_wrap div {
  position: relative;
  background-image: url("../img/service_detail/service08/service08_sec01_bg01.jpg");
}

#service_dtl.st08 .sec01 .img_wrap::after {
  display: block;
  content: "";
  /* 366 / 590 */
  margin-top: 5.94%;
  width: 62.033%;
  height: 100px;
  margin-left: auto;
  background-image: url("../img/service_detail/service08/service08_sec01_animal01.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#service_dtl.st01 .sec02 ul {
  /* 40 / 1180 */
  padding: 60px 5.084% 0;
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
}

#service_dtl.st01 .sec02 ul li {
  /* 300 / 1080 */
  width: 27.77%;
  position: relative;
}

#service_dtl.st01 .sec02 ul li:nth-of-type(odd) figure {
  padding-top: 5.33%;
}

#service_dtl.st01 .sec02 ul li:nth-of-type(2) figure {
  padding-bottom: 5.33%;
}

#service_dtl.st01 .sec02 ul h3 {
  padding-top: 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st01 .sec02 ul p {
  padding-top: 20px;
  font-size: 16px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st01 .sec02 ul li figure {
  position: relative;
}

#service_dtl.st01 .sec02 ul li:nth-of-type(2) figure::before,
#service_dtl.st01 .sec02 ul li:nth-of-type(3) figure::before {
  content: "";
  width: 42%;
  /* height: 29.384%; */
  height: 35.26%;
  position: absolute;
  left: -35%;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#service_dtl.st01 .sec02 ul li:nth-of-type(2) figure::before {
  background-image: url("../img/service_detail/service01/service01_sec02_txt01_pc.svg");
}

#service_dtl.st01 .sec02 ul li:nth-of-type(3) figure::before {
  background-image: url("../img/service_detail/service01/service01_sec02_txt02_pc.svg");
}

#service_dtl.st01 .sec02 ul li:nth-of-type(1) figure::after,
#service_dtl.st01 .sec02 ul li:nth-of-type(2) figure::after {
  content: "";
  width: 100%;
  height: 32.8%;
  display: block;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#f691cf), color-stop(140%, white));
  background: linear-gradient(180deg, #f691cf 0%, white 140%);
  -webkit-box-shadow: -0.97px 1.749px 6px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -0.97px 1.749px 6px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  right: -65%;
  top: 50%;
  z-index: -1;
}

#service_dtl.st02 .sec01 .flex:nth-of-type(2) .img_wrap {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
  padding-left: 0;
  padding-right: 3.05%;
}

#service_dtl.st02 .sec01 .flex:nth-of-type(2) .txt_wrap {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
  padding-right: 0;
  padding-left: 6.35%;
}

#service_dtl.st02 .sec01 .txt_wrap {
  padding-top: 2.966%;
}

#service_dtl.st02 .sec02 ul,
#service_dtl.st03 .sec02 ul,
#service_dtl.st05 .sec02 > ul {
  /* 50 / 1180 */
  padding: 48px 4.237% 0;
}

#service_dtl.st05 .sec02 > ul {
  padding-top: 70px;
}

#service_dtl.st02 .sec02 li,
#service_dtl.st03 .sec02 li,
#service_dtl.st05 .sec02 .sec02_list {
  width: 100%;
  padding-bottom: 40px;
  border-bottom: solid 1px #e9e9e9;
}

#service_dtl.st02 .sec02 li:nth-of-type(n + 2),
#service_dtl.st03 .sec02 li:nth-of-type(n + 2),
#service_dtl.st05 .sec02 .sec02_list:nth-of-type(n + 2) {
  margin-top: 48px;
}

#service_dtl.st02 .sec02 li .txt_wrap,
#service_dtl.st03 .sec02 li .txt_wrap,
#service_dtl.st05 .sec02 li .txt_wrap {
  width: 60%;
}

#service_dtl.st02 .sec02 li .img_wrap,
#service_dtl.st03 .sec02 li .img_wrap,
#service_dtl.st05 .sec02 li .img_wrap {
  /* (180*2 + 110) / 1180*/
  width: 40%;
  padding: 0 15.25%;
}

#service_dtl.st02 .sec02 li h3,
#service_dtl.st03 .sec02 li h3,
#service_dtl.st05 .sec02 li h3 {
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  padding-left: 100px;
}

#service_dtl.st06 .sec01 .txt_wrap {
  padding-right: 2%;
}

#service_dtl.st06 .sec01 li {
  font-size: 20px;
  line-height: 25px;
  height: 50px;
  font-weight: bold;
  position: relative;
  padding-left: 100px;
}

#service_dtl.st06 .sec01 li:nth-of-type(n + 2) {
  margin-top: 25px;
}

#service_dtl.st02 .sec02 li h3::before,
#service_dtl.st03 .sec02 li h3::before,
#service_dtl.st05 .sec02 li h3::before,
#service_dtl.st06 .sec01 li::before {
  font-size: 50px;
  line-height: 1;
  vertical-align: middle;
  position: absolute;
  top: -12.5px;
  left: 0;
}

#service_dtl.st06 .sec01 li h3 {
  color: red;
}

#service_dtl.st02 .sec02 li h3::before {
  color: #71a91f;
}

#service_dtl.st03 .sec02 li h3::before {
  color: #8853a3;
}

#service_dtl.st05 .sec02 li h3::before {
  color: #6eacff;
}

#service_dtl.st06 .sec01 li::before {
  color: #ff8441;
}

#service_dtl.st02 .sec02 li:nth-of-type(1) h3::before,
#service_dtl.st03 .sec02 li:nth-of-type(1) h3::before,
#service_dtl.st05 .sec02 li:nth-of-type(1) h3::before,
#service_dtl.st06 .sec01 li:nth-of-type(1)::before {
  content: "01";
}

#service_dtl.st02 .sec02 li:nth-of-type(2) h3::before,
#service_dtl.st03 .sec02 li:nth-of-type(2) h3::before,
#service_dtl.st05 .sec02 li:nth-of-type(2) h3::before,
#service_dtl.st06 .sec01 li:nth-of-type(2)::before {
  content: "02";
}

#service_dtl.st02 .sec02 li:nth-of-type(3) h3::before,
#service_dtl.st03 .sec02 li:nth-of-type(3) h3::before,
#service_dtl.st05 .sec02 li:nth-of-type(3) h3::before,
#service_dtl.st06 .sec01 li:nth-of-type(3)::before {
  content: "03";
}

#service_dtl.st02 .sec02 li:nth-of-type(4) h3::before,
#service_dtl.st03 .sec02 li:nth-of-type(4) h3::before {
  content: "04";
}

#service_dtl.st02 .sec02 li:nth-of-type(5) h3::before,
#service_dtl.st03 .sec02 li:nth-of-type(5) h3::before {
  content: "05";
}

#service_dtl.st02 .sec02 li figure,
#service_dtl.st03 .sec02 li figure,
#service_dtl.st05 .sec02 li figure {
  text-align: center;
}

#service_dtl.st02 .sec02 li figure img,
#service_dtl.st03 .sec02 li figure img,
#service_dtl.st05 .sec02 li figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#service_dtl.st02 .sec02 li:nth-of-type(4) figure img {
  width: 80%;
}

#service_dtl.st03 .sec02 li:nth-of-type(4) figure img,
#service_dtl.st03 .sec02 li:nth-of-type(5) figure img {
  width: 85%;
}

#service_dtl.st02 .sec02 li p,
#service_dtl.st03 .sec02 li p {
  padding-top: 20px;
  font-size: 18px;
  line-height: 40px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st05 .sec02 > p {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  padding-top: 55px;
}

#service_dtl.st05 .sec02 > p .txt_blue {
  color: #6eacff;
}

#service_dtl.st05 .sec02 > p .num01 {
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
}

#service_dtl.st05 .sec02 li:nth-of-type(2) h3 span {
  font-size: 20px;
}

#service_dtl.st05 .sec02 li:nth-of-type(2) h3 span.price {
  font-size: 35px;
  line-height: 1;
}

#service_dtl.st05 .sec02 .sec02_list ul {
  padding-top: 24px;
  font-size: 16px;
  line-height: 35px;
}

#service_dtl.st05 .sec02 .sec02_list li {
  font-size: 16px;
  line-height: 25px;
  /* list-style-type: disc; */
  margin-left: 20px;
  position: relative;
}

#service_dtl.st05 .sec02 .sec02_list li:nth-of-type(n + 2) {
  margin-top: 10px;
}

#service_dtl.st05 .sec02 .sec02_list li::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #4b4b4b;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 12.5px;
}

#service_dtl.st05 .sec02 .sec02_list .txt_red {
  color: #cc0000;
}

#service_dtl.st02 .sec02 li p span,
#service_dtl.st03 .sec02 li p span {
  color: #cc0000;
  font-weight: bold;
}

#service_dtl.st02 .sec03,
#service_dtl.st03 .sec03 {
  padding-top: 100px;
}

#service_dtl.st02 .sec03 .time_wrap {
  color: #71a91f;
}

#service_dtl.st02 .sec03 > p,
#service_dtl.st03 .sec03 > p {
  padding-top: 50px;
  font-size: 16px;
  line-height: 30px;
}

#service_dtl.st02 .sec03 ul,
#service_dtl.st03 .sec03 ul {
  padding: 0 13.559%;
  padding-top: 65px;
}

#service_dtl.st02 .sec03 ul li,
#service_dtl.st03 .sec03 ul li {
  padding-bottom: 30px;
  border-bottom: solid 1px #e9e9e9;
}

#service_dtl.st02 .sec03 ul li:not(:first-of-type),
#service_dtl.st03 .sec03 ul li:not(:first-of-type) {
  margin-top: 30px;
}

#service_dtl.st02 .sec03 ul .time_wrap,
#service_dtl.st03 .sec03 ul .time_wrap {
  /* padding-left: 16px; */
  padding-left: 1.509%;
  /* 200/ 860 */
  /* width: 23.25%; */
  width: 200px;
  font-weight: bold;
  font-size: 16px;
}

#service_dtl.st02 .sec03 ul .time_wrap p:not(:first-of-type),
#service_dtl.st03 .sec03 ul .time_wrap p:not(:first-of-type) {
  margin-top: 10px;
}

#service_dtl.st03 .sec03 ul .time_wrap p::before {
  display: inline-block;
  color: #fff;
  margin-right: 20px;
  padding: 2px 10px;
  border-radius: 12.5px;
}

#service_dtl.st03 .sec03 ul .time_wrap p:nth-of-type(1):before {
  content: "午前";
  background-color: #965cb5;
}

#service_dtl.st03 .sec03 ul .time_wrap p:nth-of-type(2):before {
  content: "午後";
  background-color: #ae80c6;
}

#service_dtl.st02 .sec03 ul .txt_wrap,
#service_dtl.st03 .sec03 ul .txt_wrap {
  /* width: 76.75%; */
  width: calc(100% - 200px);
  padding-left: 10px;
}

#service_dtl.st02 .sec03 ul .txt_wrap h3,
#service_dtl.st03 .sec03 ul .txt_wrap h3 {
  font-weight: bold;
  font-size: 18px;
}

#service_dtl.st02 .sec03 ul .txt_wrap p,
#service_dtl.st03 .sec03 ul .txt_wrap p {
  font-size: 16px;
}

#service_dtl.st04 .sec01 .txt01 {
  padding-top: 55px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}

#service_dtl.st04 .sec01 .list {
  /* 150 / 1180 */
  padding: 60px  12.711% 0;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

#service_dtl.st04 .sec01 .list li {
  /* 260 / 880 */
  width: 29.54%;
}

#service_dtl.st04 .sec01 .list li:not(:first-of-type) {
  /* 50 / 880 */
  margin-left: 5.68%;
}

#service_dtl.st04 .sec01 .list li figure {
  padding: 10px;
}

#service_dtl.st04 .sec01 .list li p {
  padding-top: 16px;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  text-align: center;
}

#service_dtl.st04 .sec01 .list li p span {
  color: #b81b2e;
}

#service_dtl.st04 .sec02 {
  background-color: #f0faff;
  /* 40 / 1180 */
  padding: 48px 3.389% 60px;
  margin-top: 55px;
}

#service_dtl.st04 .sec02 h3 {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st04 .sec02 .pro > p {
  padding-top: 10px;
}

#service_dtl.st04 .sec02 ul {
  /* max-width: 1100px; */
  max-width: 920px;
}

#service_dtl.st04 .sec02 li {
  /* 125 / 1100 */
  /* width: 11.36%; */
  width: 125px;
}

#service_dtl.st04 .sec02 li:not(:first-of-type) {
  /* 55 / 1100 */
  margin-left: 5%;
}

#service_dtl.st04 .sec02 li figure {
  margin-top: auto;
  height: 100px;
  text-align: center;
}

#service_dtl.st04 .sec02 li figure img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  /* width: 125px; */
}

#service_dtl.st04 .sec02 li:nth-of-type(1) figure img {
  width: 69px;
}

#service_dtl.st04 .sec02 li:nth-of-type(2) figure img {
  width: 72px;
}

#service_dtl.st04 .sec02 li:nth-of-type(3) figure img {
  width: 72px;
}

#service_dtl.st04 .sec02 li:nth-of-type(4) figure img {
  width: 87px;
}

#service_dtl.st04 .sec02 li p {
  color: #2da2fb;
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  border: solid 1px #2da2fb;
  padding: 2px 12px;
}

#service_dtl.st04 .sec02 .target {
  margin-top: 60px;
}

#service_dtl.st04 .sec02 .target ul .flex {
  /* width: 384px; */
  min-width: 325px;
  /* width: 44.94%; */
  width: 40%;
  padding-top: 0;
}

#service_dtl.st04 .sec02 .target ul .flex figure {
  /* width: 164px; */
  /* 150 / 486 */
  width: 36%;
}

#service_dtl.st04 .sec02 .target ul .flex p {
  padding-top: 32px;
  padding-right: 20px;
  width: 64%;
}

#service_dtl.st04 .sec02 .target ul .flex:nth-of-type(1) figure {
  padding-left: 4.526%;
  padding-right: 10.905%;
}

#service_dtl.st04 .sec02 .target ul .flex:nth-of-type(2) figure {
  padding-left: 4.938%;
  padding-right: 4.938%;
}

#service_dtl.st04 .sec02 .target > p {
  padding-top: 32px;
}

#service_dtl.st04 .sec02 .target > p a {
  display: inline-block;
  padding-bottom: 2px;
  line-height: 1;
  border-bottom: solid 1px #4b4b4b;
}

#service_dtl.st04 .sec02 .target .box_rad_shadow {
  margin-top: 20px;
  border: solid #6aa810 0.1px;
  color: #6aa810;
  font-size: 20px;
  background-color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 20px;
}

#service_dtl.st04 .sec02 .target .box_rad_shadow a {
  display: block;
  padding: 8px 20px;
}

#service_dtl.st04 .sec02 .target .box_rad_shadow a::after {
  display: inline-block;
  margin-left: 20px;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #6aa810;
  border-right: 2px solid #6aa810;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#service_dtl.st04 .sec03 {
  margin-top: 100px;
}

#service_dtl.st04 .sec03 .list03 {
  padding: 40px 5.084% 0;
}

#service_dtl.st04 .sec03 .list03 > li {
  width: 50%;
}

#service_dtl.st04 .sec03 .list03 > li:nth-of-type(odd) {
  padding-right: 16px;
}

#service_dtl.st04 .sec03 .list03 > li:nth-of-type(n + 3) {
  padding-top: 24px;
}

#service_dtl.st04 .sec03 .list03 > li li {
  /* list-style-type: disc; */
  margin-left: 20px;
  font-size: 16px;
  line-height: 25px;
  position: relative;
}

#service_dtl.st04 .sec03 .list03 > li li:nth-of-type(n + 2) {
  padding-top: 4px;
}

#service_dtl.st04 .sec03 .list03 h3 {
  font-size: 18px;
  font-weight: bold;
}

#service_dtl.st04 .sec03 .list03 > li h3::before {
  display: inline-block;
  content: "";
  width: 50px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-right: 10px;
  /* margin-right: 28px; */
}

#service_dtl.st04 .sec03 .list03 > li:nth-of-type(1) h3::before {
  background-size: 80%;
  background-image: url("../img/service_detail/service04/service04_sec03_img01.svg");
}

#service_dtl.st04 .sec03 .list03 > li:nth-of-type(2) h3::before {
  background-size: 76%;
  background-image: url("../img/service_detail/service04/service04_sec03_img02.svg");
}

#service_dtl.st04 .sec03 .list03 > li:nth-of-type(3) h3::before {
  background-size: 76%;
  background-image: url("../img/service_detail/service04/service04_sec03_img03.svg");
}

#service_dtl.st04 .sec03 .list03 > li:nth-of-type(4) h3::before {
  background-size: 80%;
  background-image: url("../img/service_detail/service04/service04_sec03_img04.svg");
}

#service_dtl.st04 .sec03 .list03 > li:nth-of-type(5) h3::before {
  background-size: 80%;
  background-image: url("../img/service_detail/service04/service04_sec03_img05.svg");
}

#service_dtl.st04 .sec04 {
  padding-top: 90px;
}

#service_dtl.st04 .sec04 .txt_wrap,
#service_dtl.st04 .sec04 .img_wrap,
#service_dtl.st05 .sec04 .txt_wrap,
#service_dtl.st05 .sec04 .img_wrap,
#service_dtl.st07 .sec03 .txt_wrap,
#service_dtl.st07 .sec03 .img_wrap,
#service_dtl.st07 .sec03 .img_wrap2,
#service_dtl.st08 .sec04 .txt_wrap,
#service_dtl.st08 .sec04 .img_wrap {
  width: 50%;
}

#service_dtl.st04 .sec04 .flex,
#service_dtl.st05 .sec04 .flex,
#service_dtl.st07 .sec03 .flex,
#service_dtl.st08 .sec04 .flex {
  padding-top: 64px;
}

#service_dtl.st04 .sec04 h3,
#service_dtl.st05 .sec04 h3,
#service_dtl.st07 .sec03 h3,
#service_dtl.st08 .sec04 h3 {
  font-size: 16px;
  position: relative;
  font-weight: bold;
}

#service_dtl.st06 .sec04 li {
  font-size: 16px;
  position: relative;
  padding-left: 26px;
}

#service_dtl.st04 .sec04 h3::before,
#service_dtl.st05 .sec04 h3::before,
#service_dtl.st07 .sec03 h3::before,
#service_dtl.st08 .sec04 h3::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  vertical-align: middle;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

#service_dtl.st06 .sec04 li::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  position: absolute;
  left: 0;
  top: 0;
}

#service_dtl.st04 .sec04 h3::before {
  background-color: #2da2fb;
}

#service_dtl.st05 .sec04 h3::before {
  background-color: #6eacff;
}

#service_dtl.st06 .sec04 li::before {
  background-color: #ff8441;
}

#service_dtl.st07 .sec03 h3::before {
  background-color: #00b7ee;
}

#service_dtl.st08 .sec04 h3::before {
  background-color: #76b75f;
}

#service_dtl.st06 .sec04 li:nth-of-type(n + 2) {
  margin-top: 20px;
}

#service_dtl.st04 .sec04 ul,
#service_dtl.st05 .sec04 ul,
#service_dtl.st07 .sec03 ul,
#service_dtl.st08 .sec04 ul {
  padding-top: 12px;
}

#service_dtl.st04 .sec04 li,
#service_dtl.st05 .sec04 li,
#service_dtl.st07 .sec03 li,
#service_dtl.st08 .sec04 li {
  padding-top: 2px;
  font-size: 16px;
  line-height: 25px;
  margin-left: 20px;
  position: relative;
}

#service_dtl.st04 .sec03 .list03 > li li::before,
#service_dtl.st04 .sec04 li::before,
#service_dtl.st05 .sec04 li::before,
#service_dtl.st07 .sec03 li::before,
#service_dtl.st08 .sec04 li::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #4b4b4b;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 12.5px;
}

#service_dtl.st04 .sec04 .txt_wrap > div,
#service_dtl.st05 .sec04 .txt_wrap > div,
#service_dtl.st07 .sec03 .txt_wrap > div,
#service_dtl.st08 .sec04 .txt_wrap > div {
  padding-bottom: 16px;
  border-bottom: solid 1px #e9e9e9;
}

#service_dtl.st04 .sec04 .txt_wrap > div:not(:last-of-type),
#service_dtl.st05 .sec04 .txt_wrap > div:not(:last-of-type),
#service_dtl.st07 .sec03 .txt_wrap > div:not(:last-of-type),
#service_dtl.st08 .sec04 .txt_wrap > div:not(:last-of-type) {
  margin-bottom: 16px;
}

#service_dtl.st05 .sec04 .txt_wrap .txt01,
#service_dtl.st07 .sec03 .txt_wrap .txt01 {
  padding-top: 12px;
  font-size: 16px;
  line-height: 25px;
}

#service_dtl.st05 .sec04 .txt_wrap .link01 {
  margin-top: 20px;
  font-size: 16px;
  line-height: 25px;
}

#service_dtl.st05 .sec04 .txt_wrap .link01 a {
  padding-bottom: 1px;
  border-bottom: 1px solid #a5a5a5;
  display: inline-block;
}

#service_dtl.st05 .sec04 .txt_wrap .link01 p:nth-of-type(n + 2),
#service_dtl.st07 .sec03 .txt_wrap .link01 p:nth-of-type(n + 2) {
  margin-top: 6px;
}

#service_dtl.st04 .sec04 .img_wrap,
#service_dtl.st05 .sec04 .img_wrap,
#service_dtl.st07 .sec03 .img_wrap,
#service_dtl.st07 .sec03 .img_wrap2,
#service_dtl.st07 .sec03 .img_wrap3,
#service_dtl.st08 .sec04 .img_wrap {
  padding-left: 3.389%;
}

#service_dtl.st04 .sec04 .img_wrap div,
#service_dtl.st05 .sec04 .img_wrap div,
#service_dtl.st07 .sec03 .img_wrap div,
#service_dtl.st08 .sec04 .img_wrap div {
  padding-top: 64.72%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


#service_dtl.st07 .sec03 .img_wrap2 div{
  padding-top: 65%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#service_dtl.st04 .sec04 .img_wrap div {
  background-image: url("../img/service_detail/service04/service04_sec04_bg01.jpg");
}

#service_dtl.st05 .sec04 .img_wrap div {
  background-image: url("../img/service_detail/service05/service05_sec04_bg01.jpg");
}

#service_dtl.st07 .sec03 .img_wrap div {
  background-image: url("../img/service_detail/service07/service07_sec03_bg01.jpg");
}

/*221223*/
#service_dtl.st07 .sec03 .img_wrap2 div {
  background-image: url("../img/service_detail/service07/service07_sec03_bg01.jpg");
}

#service_dtl.st08 .sec04 .img_wrap div {
  background-image: url("../img/service_detail/service08/service08_sec04_bg01.jpg");
}

#service_dtl.st08 .sec04 .txt_wrap::after {
  display: block;
  content: "";
  /* 65 / 1180 */
  margin-top: 5.508%;
  /* 380 / 590 */
  width: 64.406%;
  /* height: 100px; */
  height: 90px;
  background-image: url("../img/service_detail/service08/service08_sec04_animal01.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#service_dtl.st07 .sec04 {
  padding-top: 100px;
}

#service_dtl.st07 .sec04 > p {
  padding-top: 48px;
  font-size: 16px;
  line-height: 30px;
}

#service_dtl.st07 .sec04 > div {
  margin-top: 50px;
}

#service_dtl.st07 .sec04 .flex {
  /* padding-top: 4.067%;
	padding-bottom: 3.38%; */
  padding-top: 4.237%;
  padding-bottom: 4.66%;
}

#service_dtl.st07 .sec04 .flex .img_wrap {
  width: 15.254%;
}

#service_dtl.st07 .sec04 .flex .txt_wrap {
  width: 84.74%;
  padding-right: 6.77%;
}

#service_dtl.st07 .sec04 .flex .img_wrap figure {
  width: 75%;
  padding-left: 19.44%;
  text-align: right;
}

/* Max: H: 113 W:93  */
/* 78 112, 80 110, 93 113, 77 107*/
#service_dtl.st07 .sec04 .case_wrap:nth-of-type(1) > .flex:first-of-type {
  background-color: #89d1fe;
}

#service_dtl.st07 .sec04 .case_wrap:nth-of-type(1) > .flex:last-of-type {
  background-color: #bde2f9;
}

#service_dtl.st07 .sec04 .case_wrap:nth-of-type(2) > .flex:first-of-type {
  background-color: #ffea9f;
}

#service_dtl.st07 .sec04 .case_wrap:nth-of-type(2) > .flex:last-of-type {
  background-color: #fff4cc;
}

#service_dtl.st07 .sec04 .case_wrap:nth-of-type(1) > .flex:first-of-type img {
  width: 82.7%;
}

#service_dtl.st07 .sec04 .case_wrap:nth-of-type(1) > .flex:last-of-type img {
  width: 86.02%;
}

#service_dtl.st07 .sec04 .case_wrap:nth-of-type(2) > .flex:first-of-type img {
  width: 100%;
}

#service_dtl.st07 .sec04 .case_wrap:nth-of-type(2) > .flex:last-of-type img {
  width: 82.79%;
}

#service_dtl.st07 .sec04 .case_wrap > .flex:first-of-type h3 span,
#service_dtl.st07 .sec04 .case_wrap > .flex:last-of-type h3 {
  display: inline-block;
  color: #fff;
  background-color: #c51a77;
  font-weight: bold;
  padding: 0 20px;
  border-radius: 12.5px;
  font-size: 16px;
  line-height: 25px;
}

#service_dtl.st07 .sec04 .case_wrap > .flex:first-of-type h3 span {
  margin-right: 10px;
}

#service_dtl.st07 .sec04 .case_wrap > .flex:first-of-type h3 {
  font-size: 18px;
  line-height: 35px;
  font-weight: bold;
}

#service_dtl.st07 .sec04 .case_wrap .txt_wrap > p {
  padding-top: 20px;
  font-size: 16px;
  line-height: 25px;
}

#service_dtl.st07 .sec04 .case_wrap .txt_wrap h3:nth-of-type(2) {
  margin-top: 30px;
}

#service_dtl.st07 .sec04 .case_wrap:last-of-type::after,
#service_dtl.st06 .sec03::after {
  display: block;
  width: 69.91%;
  min-width: 640px;
  height: 108px;
  margin: 0 auto;
  content: "";
  background-image: url("../img/service_detail/service07/service07_sec04_bg01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 80px;
  margin-bottom: 20px;
}

#service_dtl.st08 .sec02 .bg_green {
  background-color: #f1f8ef;
  /* w60 1180  */
  padding-top: 48px;
  padding-bottom: 60px;
  margin-bottom: 48px;
}

#service_dtl.st08 .sec02 .wrapper {
  padding-left: 5.084%;
  padding-right: 5.084%;
}

#service_dtl.st08 .sec02 .bg_green .txt_wrap {
  /* 750 / 1060 */
  width: 70.754%;
}

#service_dtl.st08 .sec02 h3 {
  font-size: 20px;
  line-height: 35px;
  font-weight: bold;
  margin-bottom: 36px;
  position: relative;
  padding-left: 70px;
}

#service_dtl.st08 .sec02 h3::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#service_dtl.st08 .sec02 h3.h3_01::before {
  background-image: url("../img/service_detail/service08/service08_sec02_ico01.svg");
}

#service_dtl.st08 .sec02 h3.h3_02::before {
  background-image: url("../img/service_detail/service08/service08_sec02_ico02.svg");
}

#service_dtl.st08 .sec02 h3.h3_03::before {
  background-image: url("../img/service_detail/service08/service08_sec02_ico03.svg");
}

#service_dtl.st08 .sec02 .bg_green .txt_wrap p:first-of-type {
  font-weight: bold;
  padding-left: 26px;
  position: relative;
  display: inline-block;
  padding-right: 5px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  white-space: nowrap;
}

#service_dtl.st08 .sec02 .bg_green .txt_wrap p {
  font-size: 16px;
}

#service_dtl.st08 .sec02 .bg_green .txt_wrap p:first-of-type::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  -webkit-transform: translateY(45%);
          transform: translateY(45%);
  position: absolute;
  left: 0;
  top: 0;
  background-color: #76b75f;
}

#service_dtl.st08 .sec02 .bg_green .txt_wrap .txt_cont:nth-of-type(2) p:first-of-type,
#service_dtl.st08 .sec02 .bg_green .txt_wrap .txt_cont:nth-of-type(3) p:first-of-type {
  /* 130 / 750 */
  /* min-width: 117px; */
  /* min-width: 138px; */
}

#service_dtl.st08 .sec02 .bg_green .txt_wrap .txt_cont:nth-of-type(n + 2) {
  margin-top: 20px;
}

#service_dtl.st08 .sec02 .bg_green .flex {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#service_dtl.st08 .sec02 .bg_green .img_wrap {
  /* 310 / 1060 */
  width: 29.245%;
  /* l50 r(85-60) / 1060 */
  padding-left: 4.716%;
  padding-right: 2.358%;
}

#service_dtl.st08 .sec02 .img_wrap div {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
}

#service_dtl.st08 .sec02 .bg_green .img_wrap div {
  background-image: url("../img/service_detail/service08/service08_sec02_bg01.png");
  padding-top: 77.729%;
  width: 100%;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap {
  background-color: #f5f5f5;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap {
  background-color: #f1f8ef;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap {
  /* 60 / 1060 */
  padding: 36px 5.66% 36px;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap h4,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap h4 {
  font-size: 20px;
  line-height: 35px;
  color: #76b75f;
  font-weight: bold;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap h5,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap h5 {
  margin-top: 40px;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  background-color: #76b75f;
  border-radius: 16px;
  padding: 2px 40px;
  display: inline-block;
  font-weight: bold;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap ul,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap ul {
  margin-top: 20px;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap li,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap li {
  font-weight: bold;
  padding-left: 26px;
  position: relative;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap li:nth-of-type(n + 2),
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap li:nth-of-type(n + 2) {
  margin-top: 20px;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap li::before,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap li::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  position: absolute;
  left: 0;
  top: 0;
  background-color: #76b75f;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .img_wrap {
  /* 170 / 1060 */
  padding-left: 16.037%;
  /* (110 - 60) / 1060 */
  padding-right: 4.7169%;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .img_wrap div {
  background-image: url("../img/service_detail/service08/service08_sec02_bg02.png");
  padding-top: 70.292%;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .img_wrap {
  /* 185 / 1060 */
  padding-left: 17.452%;
  /* (110 - 60) / 1060 */
  padding-right: 4.7169%;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .img_wrap div {
  background-image: url("../img/service_detail/service08/service08_sec02_bg03.png");
  padding-top: 94.042%;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2)::after {
  content: "";
  display: block;
  background-position: center;
  background-size: contain;
  /* 215 / 1060 */
  margin-left: 20.283%;
  /* 162 / 1180 */
  width: 13.72%;
  /* 45 / 1600 */
  height: 2.9vw;
  background-image: url("../img/service_detail/service08/service08_sec02_arrow.png");
  background-repeat: no-repeat;
  margin-top: 40px;
  margin-bottom: 30px;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap {
  background-color: #f1f8ef;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap {
  /* 590 / 1060 */
  width: 55.66%;
}

#service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .img_wrap,
#service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .img_wrap {
  /* 590 / 1060 */
  width: 44.34%;
}

#service_dtl.st08 .sec03 {
  margin-top: 100px;
}

#service_dtl.st08 .sec03 .ul_info {
  /* 940 1180 */
  width: 79.661%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

#service_dtl.st08 .sec03 .ul_info li {
  /* 214 / 940 */
  width: 22.7659%;
  border-radius: 10px;
  background-color: #f1f8ef;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  position: relative;
  text-align: center;
  padding: 30px 16px 40px;
}

#service_dtl.st08 .sec03 .ul_info li:nth-of-type(n + 2) {
  /* 28 / 940 */
  margin-left: 2.978%;
}

#service_dtl.st08 .sec03 .ul_info li::before {
  font-size: 26px;
  font-weight: bold;
  display: block;
  color: #76b75f;
  margin-bottom: 12px;
}

#service_dtl.st08 .sec03 .ul_info li:nth-of-type(1):before,
#service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(1) h3::before {
  content: "01";
}

#service_dtl.st08 .sec03 .ul_info li:nth-of-type(2):before,
#service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(2) h3::before {
  content: "02";
}

#service_dtl.st08 .sec03 .ul_info li:nth-of-type(3):before,
#service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(3) h3::before {
  content: "03";
}

#service_dtl.st08 .sec03 .ul_info li:nth-of-type(4):before,
#service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(4) h3::before {
  content: "04";
}

#service_dtl.st08 .sec03 .ul_info li:not(:last-of-type)::after {
  content: "";
  background-image: url("../img/service_detail/service08/service08_sec03_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 27px;
  height: 35px;
  right: 0;
  position: absolute;
  top: 50%;
  right: -12.85%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#service_dtl.st08 .sec03 .ul_dtl {
  margin-top: 60px;
  padding-left: 5.084%;
  padding-right: 5.084%;
}

#service_dtl.st08 .sec03 .ul_dtl li {
  width: 100%;
  padding-bottom: 40px;
  border-bottom: solid 1px #e9e9e9;
}

#service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(n + 2) {
  margin-top: 48px;
}

#service_dtl.st08 .sec03 .ul_dtl .txt_wrap {
  /* 770 / 1060 */
  width: 72.641%;
}

#service_dtl.st08 .sec03 .ul_dtl .img_wrap {
  /* 290 / 1060 */
  width: 27.358%;
  padding-left: 13.207%;
}

#service_dtl.st08 .sec03 .ul_dtl .txt_wrap h3 {
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  padding-left: 100px;
}

#service_dtl.st08 .sec03 .ul_dtl li h3::before {
  color: #76b75f;
  font-size: 50px;
  line-height: 1;
  vertical-align: middle;
  position: absolute;
  top: -12.5px;
  left: 0;
}

#service_dtl.st08 .sec03 .ul_dtl li p {
  margin-top: 20px;
  font-size: 18px;
  line-height: 40px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st08 .sec03 .ul_dtl .bg_gray {
  padding: 20px 30px;
  background-color: #f5f5f5;
  display: inline-block;
  margin-top: 12px;
}

#service_dtl.st08 .sec03 .ul_dtl .bg_gray h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

#service_dtl.st08 .sec03 .ul_dtl .bg_gray p {
  font-size: 16px;
  line-height: 30px;
  margin-top: 12px;
}

#service_dtl.st08 .sec04 {
  margin-top: 100px;
}

#service_dtl.st08 .sec04 p {
  padding-top: 12px;
}

#service_dtl.st08 .sec03 .ul_dtl li .img_wrap figure {
  text-align: center;
}

#service_dtl.st08 .sec03 .ul_dtl li .img_wrap img,
#service_dtl.st08 .sec03 .ul_dtl li .img_wrap img {
  max-width: 95px;
}

@media screen and (max-width: 768px) {
  #service_dtl.st04 .sec01 .txt01 {
    text-align: left;
    padding-top: 30px;
  }
  #service_dtl.st04 .sec01 .list {
    padding: 24px 0 0;
  }
  #service_dtl.st04 .sec01 .list li {
    width: 100%;
  }
  #service_dtl.st04 .sec01 .list li:not(:first-of-type) {
    margin-top: 40px;
    margin-left: 0;
  }
  #service_dtl.st04 .sec01 .list li figure {
    padding: 0 30%;
  }
  #service_dtl.st04 .sec01 .list li p {
    font-size: 15px;
    padding-top: 8px;
  }
  #service_dtl.st04 .sec02 {
    margin-top: 40px;
    /* padding: 30px 0 40px; */
    padding: 30px 4.05% 40px;
  }
  #service_dtl.st04 .sec02 h3 {
    font-size: 15px;
  }
  #service_dtl .sec01 .flex {
    padding-top: 20px;
  }
  #service_dtl.st04 .sec02 ul {
    /* 20 / 670 */
    /* padding-left: 2.967%;
		padding-right: 2.967%; */
    /* 30 / 636.5 */
    padding-left: 4.713%;
    padding-right: 4.713%;
  }
  #service_dtl.st04 .sec02 li figure {
    height: 80px;
  }
  #service_dtl.st04 .sec02 li figure img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  #service_dtl.st04 .sec02 li {
    /* width: 50%; */
    /*  / 576.5 / 2 */
    /* width: 46.825%; */
    /* width: 45.663%; */
    width: 50%;
    /* padding: 15px */
    padding-left: 8%;
    padding-right: 8%;
  }
  #service_dtl.st04 .sec02 li:not(:first-of-type) {
    margin-left: 0;
  }
  #service_dtl.st04 .sec02 li:nth-of-type(n + 3) {
    margin-top: 30px;
  }
  #service_dtl.st04 .sec02 li p {
    font-size: 16px;
    padding: 2px 8px;
  }
  #service_dtl.st04 .sec02 .target {
    margin-top: 40px;
  }
  #service_dtl.st04 .sec02 .target ul .flex {
    min-width: initial;
    width: 100%;
  }
  #service_dtl.st04 .sec02 .target ul .flex figure {
    width: 40%;
  }
  #service_dtl.st04 .sec02 .target ul .flex p {
    width: 60%;
  }
  #service_dtl.st04 .sec02 .target ul .flex p {
    padding-right: 0;
    padding-left: 4px;
  }
  #service_dtl.st04 .sec02 .target ul .flex:nth-of-type(2) {
    padding-top: 30px;
  }
  #service_dtl.st04 .sec02 .target > p {
    padding-top: 24px;
  }
  #service_dtl.st04 .sec02 .target .box_rad_shadow {
    font-size: 13px;
    width: 79.10%;
    margin: 16px auto 0;
    display: block;
  }
  #service_dtl.st04 .sec02 .target .box_rad_shadow a {
    position: relative;
    text-align: center;
  }
  #service_dtl.st04 .sec02 .target .box_rad_shadow a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  #service_dtl.st04 .sec03 {
    margin-top: 50px;
  }
  #service_dtl.st04 .sec03 .list03 {
    padding: 30px 2.5% 0;
  }
  #service_dtl.st04 .sec03 .list03 > li {
    width: 100%;
  }
  #service_dtl.st04 .sec03 .list03 > li:nth-of-type(odd) {
    padding-right: 0;
  }
  #service_dtl.st04 .sec03 .list03 h3 {
    font-size: 15px;
  }
  #service_dtl.st04 .sec03 .list03 > li h3::before {
    width: 36px;
    height: 46px;
  }
  #service_dtl.st04 .sec03 .list03 > li li {
    margin-left: 16px;
    font-size: 14px;
    line-height: 25px;
  }
  #service_dtl.st04 .sec03 .list03 > li:nth-of-type(n + 3) {
    padding-top: 0;
  }
  #service_dtl.st04 .sec03 .list03 > li:nth-of-type(n + 2) {
    padding-top: 32px;
  }
  #service_dtl.st04 .sec03 .list03 > li li:nth-of-type(n + 2) {
    padding-top: 2px;
  }
  #service_dtl.st04 .sec04 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #service_dtl.st04 .sec04 .flex,
  #service_dtl.st05 .sec04 .flex,
  #service_dtl.st07 .sec03 .flex,
  #service_dtl.st08 .sec04 .flex {
    padding-top: 30px;
  }
  #service_dtl.st04 .sec04 .txt_wrap,
  #service_dtl.st04 .sec04 .img_wrap,
  #service_dtl.st05 .sec04 .txt_wrap,
  #service_dtl.st05 .sec04 .img_wrap,
  #service_dtl.st07 .sec03 .txt_wrap,
  #service_dtl.st07 .sec03 .img_wrap,
  #service_dtl.st08 .sec04 .txt_wrap,
  #service_dtl.st08 .sec04 .img_wrap {
    width: 100%;
  }
	
	
#service_dtl.st07 .sec03 .img_wrap2 div{
  padding-top: 64.72%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
  #service_dtl.st07 .sec03 .img_wrap2 div {
  background-image: url("../img/service_detail/service07/service07_sec03_bg01.jpg");
}	
	
	#service_dtl.st07 .sec03 .img_wrap2 {
		width: 100%;
	}
	#service_dtl.st07 .sec03 .img_wrap3 {
		width: 100%;
		margin-top: 20px;
	}

	
	
	
  #service_dtl.st04 .sec04 .img_wrap,
  #service_dtl.st05 .sec04 .img_wrap,
  #service_dtl.st07 .sec03 .img_wrap,
  #service_dtl.st08 .sec04 .img_wrap {
    padding-left: 0;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  #service_dtl.st04 .sec04 .txt_wrap,
  #service_dtl.st05 .sec04 .txt_wrap,
  #service_dtl.st07 .sec03 .txt_wrap,
  #service_dtl.st08 .sec04 .txt_wrap {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    padding-top: 20px;
  }
  #service_dtl.st04 .sec04 h3,
  #service_dtl.st05 .sec04 h3,
  #service_dtl.st07 .sec03 h3,
  #service_dtl.st08 .sec04 h3 {
    font-size: 15px;
  }
  #service_dtl.st04 .sec04 ul,
  #service_dtl.st05 .sec04 ul,
  #service_dtl.st07 .sec03 ul,
  #service_dtl.st08 .sec04 ul {
    padding-top: 8px;
  }
  #service_dtl.st04 .sec04 li,
  #service_dtl.st05 .sec04 li,
  #service_dtl.st07 .sec03 li,
  #service_dtl.st08 .sec04 li {
    font-size: 14px;
    line-height: 26px;
  }
  #service_dtl.st04 .sec04 .txt_wrap > div,
  #service_dtl.st05 .sec04 .txt_wrap > div,
  #service_dtl.st07 .sec03 .txt_wrap > div,
  #service_dtl.st08 .sec04 .txt_wrap > div {
    padding-bottom: 16px;
  }
  #service_dtl.st04 .sec04 .txt_wrap > div:not(:last-of-type),
  #service_dtl.st05 .sec04 .txt_wrap > div:not(:last-of-type),
  #service_dtl.st07 .sec03 .txt_wrap > div:not(:last-of-type),
  #service_dtl.st08 .sec04 .txt_wrap > div:not(:last-of-type) {
    margin-bottom: 16px;
  }
  #service_dtl.st08 .sec04 p {
    padding-top: 8px;
  }
  #service_dtl.st05 .sec04 .txt_wrap .txt01 {
    font-size: 14px;
    line-height: 25px;
  }
  #service_dtl.st05 .sec04 .txt_wrap .link01 {
    font-size: 14px;
    line-height: 25px;
  }
  #service_dtl.st08 .sec04 .txt_wrap::after {
    width: 80%;
  }
}

#service_dtl.st05 .sec01 .txt01 {
  padding-top: 50px;
}

#service_dtl.st05 .sec01 .head {
  /* 160 / 1180 */
  padding: 60px 13.559% 0;
}

#service_dtl.st05 .sec01 .txt02 {
  padding-top: 60px;
}

#service_dtl.st05 .sec01 .head > div {
  /* 515 / 1060 */
  width: 48.584%;
}

#service_dtl.st05 .sec01 .head > div:last-of-type {
  /* 30 / 1060 */
  margin-left: 2.83%;
  position: relative;
}

#service_dtl.st05 .sec01 .head > div:last-of-type::before {
  position: absolute;
  top: 50%;
  left: -30px;
  width: 60px;
  height: 60px;
  -webkit-transform: translateX(-20%) translateY(-50%);
          transform: translateX(-20%) translateY(-50%);
  content: "";
  display: block;
  background-image: url("../img/service_detail/service05/ico_plus.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#service_dtl.st05 .sec01 .head .box_rad_shadow {
  padding-top: 30px;
  padding-bottom: 35px;
}

#service_dtl.st05 .sec01 .head div figure {
  padding-top: 0;
  width: 100px;
  height: 92px;
}

#service_dtl.st05 .sec01 .head figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#service_dtl.st05 .sec01 .head div:nth-of-type(2) figure img {
  width: 90%;
  height: 79.34%;
  -o-object-fit: contain;
     object-fit: contain;
}

#service_dtl.st05 .sec01 .head p {
  padding-top: 25px;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
}

#service_dtl.st05 .sec03 {
  padding-top: 100px;
}

#service_dtl.st05 .sec03 > p {
  font-size: 16px;
  line-height: 30px;
  padding-top: 50px;
}

#service_dtl.st05 .sec03 .hier01 {
  padding-top: 60px;
  text-align: center;
}

#service_dtl.st05 .sec03 .hier01 > p {
  font-size: 20px;
  padding: 4px 40px;
  display: inline-block;
  text-align: center;
  color: #6eacff;
  border: 2px solid #6eacff;
  border-radius: 20px;
  font-weight: bold;
}

#service_dtl.st05 .sec03 .hier01 h3 {
  padding-top: 25px;
  font-size: 25px;
  line-height: 40px;
  font-weight: bold;
}

#service_dtl.st05 .sec03 .hier01 ul {
  position: relative;
}

#service_dtl.st05 .sec03 .hier01 ul::before {
  /* position: absolute; */
  display: block;
  content: "";
  background-image: url("../img/service_detail/service05/service05_sec03_bg01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-top: 8.474%;
  width: 100%;
  -webkit-transform: translateY(16px);
          transform: translateY(16px);
}

#service_dtl.st05 .sec03 .hier01 li {
  width: 18.305%;
  border-radius: 10px;
  /* padding: 15px 10px 10px; */
  padding: 15px 0.84% 10px;
}

#service_dtl.st05 .sec03 .hier01 li:nth-of-type(n + 2) {
  /* 25 / 1180 */
  margin-left: 2.118%;
}

#service_dtl.st05 .sec03 .hier01 li h4 {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
}

#service_dtl.st05 .sec03 .hier01 img {
  margin-top: 16px;
}

#service_dtl.st05 .sec03 .hier01 li:nth-of-type(1) {
  background-color: #ec6941;
}

#service_dtl.st05 .sec03 .hier01 li:nth-of-type(2) {
  background-color: #80c269;
}

#service_dtl.st05 .sec03 .hier01 li:nth-of-type(3) {
  background-color: #00b7ee;
}

#service_dtl.st05 .sec03 .hier01 li:nth-of-type(4) {
  background-color: #5f52a0;
}

#service_dtl.st05 .sec03 .hier01 li:nth-of-type(5) {
  background-color: #e54479;
}

#service_dtl.st05 .sec03 .hier01 li p {
  margin-top: 12px;
  padding: 16px 6px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  height: 100px;
}

#service_dtl.st05 .sec04 {
  padding-top: 100px;
}

#service_dtl.st05 .sec05 {
  padding-top: 100px;
}

#service_dtl.st05 .sec05 .table_wrap {
  /* padding-top: 85px; */
  padding: 85px 9.74% 0;
}

#service_dtl.st05 .sec05 th {
  background-color: #e0e0e0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}

#service_dtl.st05 .sec05 tr {
  height: 43px;
}

#service_dtl.st05 .sec05 td {
  padding: 10px 8px 10px 16px;
}

#service_dtl.st05 .sec05 table,
#service_dtl.st05 .sec05 th,
#service_dtl.st05 .sec05 td {
  border: solid 1px #c8c8c8;
  border-collapse: collapse;
}

#service_dtl.st05 .sec05 .cont_wrap table,
#service_dtl.st05 .sec05 .cont_wrap table th,
#service_dtl.st05 .sec05 .cont_wrap table td {
  border-left: none;
}

#service_dtl.st05 .sec05 .head_wrap {
  width: 29.47%;
}

#service_dtl.st05 .sec05 .cont_wrap {
  width: 70.53%;
}

#service_dtl.st05 .sec05 .head_wrap table,
#service_dtl.st05 .sec05 .cont_wrap table {
  width: 100%;
}

/* 670 / 55 70 70 475 */
#service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(1),
#service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(1) {
  /* width: 5.78%; */
  width: 8.209%;
  min-width: 40px;
}

#service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(2),
#service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(2),
#service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(3),
#service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(3) {
  /* width: 7.36%; */
  width: 10.477%;
  min-width: 45px;
}

#service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(4),
#service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(4) {
  /* width: 50%; */
  width: 70.895%;
}

#service_dtl.st05 .sec05 tr:nth-of-type(n + 2) td {
  position: relative;
}

#service_dtl.st05 .sec05 .cont_wrap tr:nth-of-type(n + 2):not(:nth-of-type(n + 15)) td:nth-of-type(1):before,
#service_dtl.st05 .sec05 .cont_wrap tr:nth-of-type(n + 15) td:nth-of-type(2):before {
  background-color: #6eacff;
  border-radius: 50%;
  content: "";
  display: block;
  width: 13.6px;
  height: 13.6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

#service_dtl.st06 .sec01 .txt_wrap {
  width: 69.1%;
  margin-top: 20px;
  padding-left: 4.23%;
}

#service_dtl.st06 .sec01 .img_wrap {
  width: 30.9%;
  padding-right: 5.084%;
}

#service_dtl.st06 .sec01 .img_wrap div {
  background-image: url("../img/service_detail/service06/service06_sec01_bg01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-top: 100.66%;
}

#service_dtl.st06 .sec02 .flex {
  padding-top: 40px;
}

#service_dtl.st06 .sec02 .flex .txt_wrap,
#service_dtl.st06 .sec02 .flex .img_wrap {
  width: 50%;
}

#service_dtl.st06 .sec02 .flex .txt_wrap {
  padding-right: 6.35%;
}

#service_dtl.st06 .sec02 .flex .img_wrap {
  padding-left: 3.38%;
}

#service_dtl.st06 .sec02 .flex .img_wrap div {
  background-image: url("../img/service_detail/service06/service06_sec02_bg01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-top: 64.972%;
}

#service_dtl.st06 .sec02 .what01,
#service_dtl.st06 .sec03 .what01 {
  margin-top: 65px;
  background-color: #f5f5f5;
  /* 48 / 1180 */
  padding-top: 4.06%;
  /* 35 / 1180 */
  padding-bottom: 2.966%;
}

#service_dtl.st06 .sec02 .what01 > div,
#service_dtl.st06 .sec03 .what01 > div {
  margin: 0 9.745%;
}

#service_dtl.st06 .sec02 .what01 h3,
#service_dtl.st06 .sec03 .what01 h3 {
  font-size: 20px;
  line-height: 35px;
  font-weight: bold;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st06 .sec02 .what01 p,
#service_dtl.st06 .sec03 .what01 p {
  padding-top: 24px;
}

#service_dtl.st06 .sec03 .what01 span {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 16px;
}

#service_dtl.st06 .sec03 {
  padding-top: 100px;
}

#service_dtl.st06 .sec03 .sche_wrap {
  max-width: 1000px;
  border: solid 2px #dcdcdc;
  margin: 0 auto;
}

#service_dtl.st06 .sec03 .sche_wrap figure {
  margin: 4% auto;
}

@media screen and (max-width: 768px) {
  #service_dtl.st06 .sec03 .sche_wrap h3 {
    font-size: 15px;
    position: relative;
  }
  #service_dtl.st06 .sec03 .sche_wrap h3::before {
    position: absolute;
    left: 0;
    top: 0;
  }
}

#service_dtl.st06 .sec03 figure {
  /* max-width: ; */
  width: 645px;
  margin: 55px auto 0;
}

#service_dtl.st06 .sec03 ul {
  /* 825 / 1180 */
  max-width: 825px;
  margin: 40px auto;
}

#service_dtl.st06 .sec03 ul li {
  font-size: 15px;
  position: relative;
}

#service_dtl.st06 .sec03 ul li:nth-of-type(n + 2) {
  margin-top: 8px;
}

#service_dtl.st06 .sec03 ul li span {
  display: inline-block;
  padding: 4px 22px;
  border-radius: 15px;
  font-weight: bold;
  margin-right: 20px;
}

#service_dtl.st06 .sec03 ul li:nth-of-type(1) span {
  background-color: #ffbe41;
}

#service_dtl.st06 .sec03 ul li:nth-of-type(2) span {
  background: #ffe641;
}

#service_dtl.st06 .sec04 {
  padding-top: 80px;
}

#service_dtl.st06 .sec04 .txt_wrap {
  width: 66.95%;
}

#service_dtl.st06 .sec04 .img_wrap {
  width: 33.05%;
}

#service_dtl.st06 .sec04 .img_wrap div {
  background-repeat: no-repeat;
}

#service_dtl.st06 .sec04 .img_wrap div:nth-of-type(1) {
  background-image: url("../img/service_detail/service06/service06_sec04_img01.png");
  background-position: left center;
  /* padding-top: 70.256%; */
  background-size: 50%;
  padding-top: 35.128%;
}

#service_dtl.st06 .sec04 .img_wrap div:nth-of-type(2) {
  margin-top: 2%;
  background-image: url("../img/service_detail/service06/service06_sec04_img02.png");
  background-position: right center;
  /* padding-top: 75.09%; */
  padding-right: 1.35%;
  background-size: 71%;
  padding-top: 53.31%;
}

#service_dtl.st06 .sec04 .flex {
  margin-top: 44px;
}

#service_dtl.st06 .sec04 .img_wrap {
  padding-top: 5.084%;
}

#service_dtl.st06 .sec04 .txt_wrap li span {
  font-weight: bold;
  display: inline-block;
  padding-top: 10px;
}

#service_dtl.st06 .sec04 .txt_wrap p {
  margin-top: 40px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st06 .sec05 {
  padding-top: 90px;
}

#service_dtl.st06 .sec05 ul {
  margin-top: 60px;
}

#service_dtl.st06 .sec05 li {
  border-radius: 10px;
  background-color: #fff08b;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  position: relative;
  text-align: center;
  padding: 30px 1.33333% 40px;
}

#service_dtl.st06 .sec05 li::before {
  font-size: 26px;
  font-weight: bold;
  display: block;
  color: #ffa341;
  margin-bottom: 12px;
}

#service_dtl.st06 .sec05 li:nth-of-type(1):before {
  content: "01";
}

#service_dtl.st06 .sec05 li:nth-of-type(2):before {
  content: "02";
}

#service_dtl.st06 .sec05 li:nth-of-type(3):before {
  content: "03";
}

#service_dtl.st06 .sec05 li:nth-of-type(4):before {
  content: "04";
}

#service_dtl.st06 .sec05 li:nth-of-type(5):before {
  content: "05";
}

#service_dtl.st06 .sec05 li:not(:last-of-type)::after {
  content: "";
  background-image: url("../img/service_detail/service06/service06_sec05_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 27px;
  height: 35px;
  right: 0;
  position: absolute;
  top: 50%;
  /* right: -27px; */
  right: -12.85%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#service_dtl.st06 .sec05 li {
  /* 214 / 1180 */
  width:18.136%;
}

#service_dtl.st06 .sec05 li:nth-of-type(n + 2) {
  /* 27.5 */
  margin-left: 2.33%;
}

#service_dtl.st06 .sec05 p {
  padding-top: 48px;
}

#service_dtl.st07 .sec01 .txt_wrap p:first-of-type {
  font-size: 20px;
  line-height: 35px;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#service_dtl.st07 .sec01 .txt_wrap p:last-of-type,
#service_dtl.st08 .sec01 .txt_wrap p:last-of-type {
  padding-top: 28px;
}

#service_dtl.st07 .sec02 .txt02 {
  padding-top: 50px;
}

#service_dtl.st07 .sec02 > .flex:first-of-type {
  padding-top: 70px;
}

#service_dtl.st07 .sec02 > .flex:last-of-type {
  padding-top: 55px;
}

#service_dtl.st07 .sec02 .img_wrap,
#service_dtl.st07 .sec02 .txt_wrap {
  width: 50%;
}

#service_dtl.st07 .sec02 .flex:first-of-type .img_wrap {
  /* 40 / 1180 */
  padding-right: 3.389%;
}

#service_dtl.st07 .sec02 .flex .img_wrap div {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-top: 64.97%;
}

#service_dtl.st07 .sec02 .flex:first-of-type .img_wrap div {
  background-image: url("../img/service_detail/service07/service07_sec02_bg01.jpg");
}

#service_dtl.st07 .sec02 .flex:last-of-type .img_wrap div {
  background-image: url("../img/service_detail/service07/service07_sec02_bg02.jpg");
}

#service_dtl.st07 .sec02 .flex:last-of-type .img_wrap {
  padding-left: 3.389%;
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

#service_dtl.st07 .sec02 .flex:last-of-type .txt_wrap {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

#service_dtl.st07 .sec02 .flex .txt_wrap {
  /* 40 / 1180 */
  /* 32 / 1180 */
  padding-left: 3.389%;
  padding-right: 2.711%;
  position: relative;
}

#service_dtl.st07 .sec02 .flex .txt_wrap::after {
  content: "";
  display: block;
  /* position: absolute; */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
}

#service_dtl.st07 .sec02 .flex:first-of-type .txt_wrap::after {
  background-image: url("../img/service_detail/service07/service07_sec02_animal01.svg");
  width: 195px;
  height: 98px;
  margin-left: auto;
  margin-right: 6.779%;
  margin-bottom: 8.47%;
  margin-top: 9.322%;
  /* width: 33.05%; */
}

#service_dtl.st07 .sec02 .flex:last-of-type .txt_wrap::after {
  background-image: url("../img/service_detail/service07/service07_sec02_animal02.svg");
  height: 116px;
  width: 171px;
  margin-top: 9.322%;
}

#service_dtl.st07 .sec03 {
  padding-top: 100px;
}

#service_dtl.st07 .sec03 p {
  padding-top: 20px;
  font-size: 16px;
  line-height: 25px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media screen and (max-width: 1200px) {
	#service_dtl.st06 .sec05 li {
    font-size: 16px;
}
}




@media screen and (max-width: 768px) {
  #service_dtl.st01 .sec02 ul li {
    width: 100%;
  }
  #service_dtl.st01 .sec02 ul li figure,
  #service_dtl.st01 .sec02 ul li .txt_wrap {
    width: 50%;
  }
  #service_dtl.st01 .sec02 ul li .txt_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #service_dtl.st01 .sec02 ul {
    padding: 40px 0 0;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
  #service_dtl.st01 .sec02 ul li figure {
    padding-left: 1.79%;
    padding-right: 6.716%;
  }
  #service_dtl.st01 .sec02 li > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(2) figure::before {
    background-image: url("../img/service_detail/service01/service01_sec02_txt01_sp.svg");
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(3) figure::before {
    background-image: url("../img/service_detail/service01/service01_sec02_txt02_sp.svg");
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(2) figure::before,
  #service_dtl.st01 .sec02 ul li:nth-of-type(3) figure::before {
    width: 37.61%;
    height: 50%;
    left: 27.8%;
    top: 0;
    -webkit-transform: translateY(-70%);
            transform: translateY(-70%);
  }
  #service_dtl.st01 .sec02 ul h3 {
    font-size: 14px;
    padding-top: 0;
  }
  #service_dtl.st01 .sec02 ul p {
    font-size: 12px;
    padding-top: 15px;
  }
  #service_dtl.st01 .sec02 ul li {
    min-height: 210px;
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(odd) figure {
    padding-top: 0;
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(2) figure {
    padding-bottom: 0;
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(1) figure::after,
  #service_dtl.st01 .sec02 ul li:nth-of-type(2) figure::after {
    height: 20.89%;
    min-height: 35px;
    -webkit-box-shadow: -0.97px 1.749px 6px 0px rgba(0, 0, 0, 0.25);
            box-shadow: -0.97px 1.749px 6px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 0;
    top: initial;
    bottom: 0;
    z-index: -1;
    -webkit-transform: rotate(90deg) translateY(12.5%);
            transform: rotate(90deg) translateY(12.5%);
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(1) figure::after {
    background: #f79ed4;
    background: -webkit-gradient(linear, left bottom, left top, from(#f79ed4), to(#f7a2d7));
    background: linear-gradient(0deg, #f79ed4 0%, #f7a2d7 100%);
  }
  #service_dtl.st01 .sec02 ul li:nth-of-type(2) figure::after {
    background: #f9b6df;
    background: -webkit-gradient(linear, left bottom, left top, from(#f9b6df), to(#f9bae1));
    background: linear-gradient(0deg, #f9b6df 0%, #f9bae1 100%);
  }
  #service_dtl.st02 .sec01 .txt_wrap {
    padding-top: 24px;
  }
  #service_dtl.st02 .sec01 .flex:nth-of-type(2) {
    padding-top: 60px;
  }
  #service_dtl.st02 .sec01 .flex:nth-of-type(2) .txt_wrap {
    padding-left: 0;
  }
  #service_dtl.st02 .sec01 .flex:nth-of-type(2) .img_wrap {
    padding-right: 0;
  }
  #service_dtl.st05 .sec02 > p {
    padding-top: 25px;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
  }
  #service_dtl.st05 .sec02 > p .num01 {
    font-size: 20px;
  }
  #service_dtl.st02 .sec02 ul,
  #service_dtl.st03 .sec02 ul,
  #service_dtl.st05 .sec02 ul {
    padding: 25px 0;
  }
  #service_dtl.st05 .sec02 .sec02_list ul {
    padding-bottom: 0;
  }
  #service_dtl.st05 .sec02 > ul {
    padding-top: 45px;
  }
  #service_dtl.st02 .sec02 li,
  #service_dtl.st03 .sec02 li,
  #service_dtl.st05 .sec02 .sec02_list {
    padding-bottom: 25px;
  }
  #service_dtl.st02 .sec02 li:nth-of-type(n + 2),
  #service_dtl.st03 .sec02 li:nth-of-type(n + 2),
  #service_dtl.st05 .sec02 .sec02_list:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  #service_dtl.st02 .sec02 li .img_wrap,
  #service_dtl.st03 .sec02 li .img_wrap,
  #service_dtl.st05 .sec02 li .img_wrap {
    width: 100%;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
    max-width: 90px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #service_dtl.st05 .sec02 li:nth-of-type(2) h3 span {
    font-size: 13px;
  }
  #service_dtl.st05 .sec02 li:nth-of-type(2) h3 span.price {
    font-size: 20px;
  }
  #service_dtl.st05 .sec02 .sec02_list li {
    font-size: 13px;
    line-height: 20px;
  }
  #service_dtl.st05 .sec02 .sec02_list li:nth-of-type(n + 2) {
    margin-top: 8px;
  }
  #service_dtl.st05 .sec02 .sec02_list li {
    margin-left: 15px;
  }
  #service_dtl.st05 .sec02 .sec02_list li::before {
    top: 7.5px;
  }
  #service_dtl.st02 .sec02 li:nth-of-type(1) .img_wrap img {
    width: 75%;
  }
  #service_dtl.st02 .sec02 li:nth-of-type(2) .img_wrap img {
    width: 80%;
  }
  #service_dtl.st02 .sec02 li:nth-of-type(3) .img_wrap img {
    width: 80%;
  }
  #service_dtl.st02 .sec02 li:nth-of-type(4) .img_wrap img {
    width: 60%;
  }
  #service_dtl.st02 .sec02 li:nth-of-type(5) .img_wrap img {
    width: 85%;
  }
  #service_dtl.st03 .sec02 li:nth-of-type(1) .img_wrap img {
    width: 80%;
  }
  #service_dtl.st03 .sec02 li:nth-of-type(2) .img_wrap img {
    width: 80%;
  }
  #service_dtl.st03 .sec02 li:nth-of-type(3) .img_wrap img {
    width: 80%;
  }
  #service_dtl.st03 .sec02 li:nth-of-type(4) .img_wrap img {
    width: 70%;
  }
  #service_dtl.st03 .sec02 li:nth-of-type(5) .img_wrap img {
    width: 70%;
  }
  #service_dtl.st05 .sec02 li:nth-of-type(1) .img_wrap img {
    width: 75%;
  }
  #service_dtl.st05 .sec02 li:nth-of-type(2) .img_wrap img {
    width: 80%;
  }
  #service_dtl.st05 .sec02 li:nth-of-type(3) .img_wrap img {
    width: 77%;
  }
  #service_dtl.st02 .sec02 li .txt_wrap,
  #service_dtl.st03 .sec02 li .txt_wrap,
  #service_dtl.st05 .sec02 li .txt_wrap {
    width: 100%;
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    padding-top: 20px;
  }
  #service_dtl.st02 .sec02 li h3::before,
  #service_dtl.st03 .sec02 li h3::before,
  #service_dtl.st05 .sec02 li h3::before,
  #service_dtl.st06 .sec01 li::before {
    font-size: 25px;
    top: -5px;
  }
  #service_dtl.st02 .sec02 li h3,
  #service_dtl.st03 .sec02 li h3,
  #service_dtl.st05 .sec02 li h3,
  #service_dtl.st06 .sec01 li {
    padding-left: 45px;
    font-size: 15px;
    line-height: 17.5px;
  }
  #service_dtl.st06 .sec01 li {
    height: initial;
  }
  #service_dtl.st02 .sec02 li p,
  #service_dtl.st03 .sec02 li p {
    padding-top: 24px;
    font-size: 13px;
    line-height: 22px;
  }
  #service_dtl.st02 .sec03,
  #service_dtl.st03 .sec03 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #service_dtl.st02 .sec03 > p,
  #service_dtl.st03 .sec03 > p {
    padding-top: 28px;
  }
  #service_dtl.st02 .sec03 ul,
  #service_dtl.st03 .sec03 ul {
    padding: 45px 0 0;
  }
  #service_dtl.st02 .sec03 ul li > div,
  #service_dtl.st03 .sec03 ul li > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #service_dtl.st02 .sec03 ul .time_wrap,
  #service_dtl.st03 .sec03 ul .time_wrap {
    width: 100%;
    padding-left: 0;
  }
  #service_dtl.st02 .sec03 ul .time_wrap p:not(:first-of-type),
  #service_dtl.st03 .sec03 ul .time_wrap p:not(:first-of-type) {
    margin-top: 0;
    margin-left: 12px;
  }
  #service_dtl.st02 .sec03 ul .time_wrap p::before,
  #service_dtl.st03 .sec03 ul .time_wrap p::before {
    border-radius: 20px;
    font-size: 11px;
    margin-right: 10px;
  }
  #service_dtl.st02 .sec03 ul .time_wrap p,
  #service_dtl.st03 .sec03 ul .time_wrap p {
    font-size: 14px;
  }
  #service_dtl.st02 .sec03 ul .txt_wrap,
  #service_dtl.st03 .sec03 ul .txt_wrap {
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
  }
  #service_dtl.st02 .sec03 ul .txt_wrap h3,
  #service_dtl.st03 .sec03 ul .txt_wrap h3 {
    font-size: 17px;
  }
  #service_dtl.st02 .sec03 ul .txt_wrap p,
  #service_dtl.st03 .sec03 ul .txt_wrap p {
    font-size: 14px;
    line-height: 24px;
  }
  #service_dtl.st02 .sec03 ul li,
  #service_dtl.st03 .sec03 ul li {
    padding-bottom: 20px;
  }
  #service_dtl.st02 .sec03 ul li:not(:first-of-type),
  #service_dtl.st03 .sec03 ul li:not(:first-of-type) {
    margin-top: 20px;
  }
  #service_dtl.st05 .sec01 .txt01 {
    padding-top: 30px;
  }
  #service_dtl.st05 .sec01 .head {
    padding: 30px 0 0;
  }
  #service_dtl.st05 .sec01 .head > div {
    width: 100%;
  }
  #service_dtl.st05 .sec01 .head > div:last-of-type {
    margin-left: 0;
    margin-top: 15px;
  }
  #service_dtl.st05 .sec01 .head .box_rad_shadow {
    padding-top: 15px;
    padding-bottom: 20px;
  }
  #service_dtl.st05 .sec01 .head p {
    padding-top: 13px;
    font-size: 15px;
    line-height: 20px;
  }
  #service_dtl.st05 .sec01 .head div figure {
    width: 60px;
    height: 55px;
  }
  #service_dtl.st05 .sec01 .head > div:last-of-type::before {
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 34px;
    height: 34px;
  }
  #service_dtl.st05 .sec01 .txt02 {
    padding-top: 25px;
  }
  #service_dtl.st05 .sec03 {
    padding-top: 50px;
  }
  #service_dtl.st05 .sec03 > p {
    padding-top: 30px;
    font-size: 14px;
    line-height: 26px;
  }
  #service_dtl.st05 .sec03 .hier01 {
    padding-top: 37.5px;
  }
  #service_dtl.st05 .sec03 .hier01 > p {
    font-size: 15px;
    border-radius: 31px;
  }
  #service_dtl.st05 .sec03 .hier01 h3 {
    padding-top: 16px;
    font-size: 17.5px;
    line-height: 20px;
  }
  #service_dtl.st05 .sec04 {
    padding-top: 50px;
  }
  #service_dtl.st05 .sec05 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #service_dtl.st05 .sec05 > p {
    padding-top: 28px;
    font-weight: bold;
    font-size: 13px;
  }
  #service_dtl.st05 .sec05 .table_wrap {
    padding: 15px 0;
  }
  #service_dtl.st05 .sec05 th,
  #service_dtl.st05 .sec05 td {
    font-size: 13px;
  }
  #service_dtl.st05 .sec05 tr:nth-of-type(n + 2) {
    height: 29px;
  }
  #service_dtl.st05 .sec05 .table_wrap {
    width: 100%;
  }
  #service_dtl.st05 .sec05 .head_wrap {
    width: 140px;
  }
  #service_dtl.st05 .sec05 .cont_wrap {
    overflow-x: scroll;
    width: calc(100% - 140px);
  }
  #service_dtl.st05 .cont_wrap table {
    min-width: 350px;
  }
  #service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(1),
  #service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(1) {
    width: 40px;
  }
  #service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(2),
  #service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(2),
  #service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(3),
  #service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(3) {
    width: 50px;
  }
  #service_dtl.st05 .sec05 .cont_wrap th:nth-of-type(4),
  #service_dtl.st05 .sec05 .cont_wrap td:nth-of-type(4) {
    width: 210px;
  }
  #service_dtl.st05 .sec05 .cont_wrap::-webkit-scrollbar {
    height: 10px;
  }
  #service_dtl.st05 .sec05 td {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  #service_dtl.st05 .sec05 .cont_wrap:-webkit-scrollbar-track {
    /* margin: 0 2px;  */
    background: #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 4px #e9e9e9 inset;
            box-shadow: 0 0 4px #e9e9e9 inset;
  }
  #service_dtl.st05 .sec05 .cont_wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
  #service_dtl.st06 .sec03 figure {
    width: 100%;
    margin: 30px auto 0;
  }
  #service_dtl.st06 .sec01 .txt_wrap,
  #service_dtl.st06 .sec01 .img_wrap {
    width: 100%;
  }
  #service_dtl.st06 .sec01 .img_wrap {
    padding-right: 0;
    max-width: 180px;
    margin: 0 auto;
  }
  #service_dtl.st06 .sec01 .txt_wrap {
    margin-top: 30px;
    padding-top: 0;
    padding-left: 0;
  }
  #service_dtl.st06 .sec02 .flex .txt_wrap,
  #service_dtl.st06 .sec02 .flex .img_wrap {
    width: 100%;
  }
  #service_dtl.st06 .sec02 .flex .img_wrap {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
    padding-left: 0;
  }
  #service_dtl.st06 .sec02 .flex .txt_wrap {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    padding-right: 0;
    margin-top: 20px;
  }
  #service_dtl.st06 .sec02 .flex {
    padding-top: 30px;
  }
  #service_dtl.st06 .sec02 .what01,
  #service_dtl.st06 .sec03 .what01 {
    margin-top: 30px;
  }
  #service_dtl.st06 .sec02 .what01 > div,
  #service_dtl.st06 .sec03 .what01 > div {
    margin: 0 16px;
  }
  #service_dtl.st06 .sec02 .what01 p,
  #service_dtl.st06 .sec03 .what01 p {
    padding-top: 16px;
  }
  #service_dtl.st06 .sec02 .what01,
  #service_dtl.st06 .sec03 .what01 {
    padding-top: 24px;
    padding-bottom: 30px;
  }
  #service_dtl.st06 .sec03 {
    padding-top: 50px;
  }
  #service_dtl.st06 .sec03 ul {
    width: 96%;
    margin: 25px auto 30px;
  }
  #service_dtl.st06 .sec03 ul li {
    font-size: 14px;
  }
  #service_dtl.st06 .sec03 ul li span {
    margin-right: 0;
    margin-bottom: 8px;
  }
  #service_dtl.st06 .sec03 ul li:nth-of-type(n + 2) {
    margin-top: 16px;
  }
  #service_dtl.st06 .sec03 .what01 span {
    font-size: 16px;
    line-height: 26px;
  }
  #service_dtl.st06 .sec04 {
    padding-top: 0;
  }
  #service_dtl.st06 .sec04 .flex {
    margin-top: 30px;
  }
  #service_dtl.st06 .sec04 .img_wrap,
  #service_dtl.st06 .sec04 .txt_wrap {
    width: 100%;
  }
  #service_dtl.st06 .sec04 li {
    font-size: 14px;
  }
  #service_dtl.st06 .sec04 li:nth-of-type(n + 2) {
    margin-top: 12px;
  }
  #service_dtl.st06 .sec04 .txt_wrap li span {
    padding-top: 8px;
  }
  #service_dtl.st06 .sec04 .txt_wrap p {
    margin-top: 30px;
  }
  #service_dtl.st06 .sec04 .img_wrap {
    margin-top: 30px;
    padding: 0 20px;
  }
  #service_dtl.st06 .sec04 .img_wrap div:nth-of-type(1) {
    background-size: 38%;
    padding-top: 26.69%;
  }
  #service_dtl.st06 .sec04 .img_wrap div:nth-of-type(2) {
    background-size: 55%;
    padding-top: 41.29%;
    margin-top: -30px;
  }
  #service_dtl.st06 .sec05 {
    padding-top: 45px;
    padding-bottom: 50px;
  }
  #service_dtl.st06 .sec05 ul {
    margin-top: 30px;
  }
  #service_dtl.st06 .sec05 li {
    width: 100%;
    font-size: 16px;
    padding: 12px 16px 16px;
  }
  #service_dtl.st06 .sec05 li::before {
    font-size: 22px;
    margin-bottom: 8px;
  }
  #service_dtl.st06 .sec05 li:nth-of-type(n + 2) {
    margin-left: 0;
    margin-top: 30px;
  }
  #service_dtl.st06 .sec05 li:not(:last-of-type)::after {
    right: 50%;
    top: initial;
    bottom: -12.5px;
    -webkit-transform: translateY(50%) translateX(50%) rotate(90deg);
            transform: translateY(50%) translateX(50%) rotate(90deg);
  }
  #service_dtl.st06 .sec05 p {
    padding-top: 30px;
  }
  #service_dtl.st07 .sec01 .txt_wrap p:last-of-type {
    padding-top: 20px;
  }
  #service_dtl.st07 .sec01 .txt_wrap p:first-of-type {
    font-size: 16px;
    line-height: 30px;
  }
  #service_dtl.st07 .sec04 .case_wrap:last-of-type::after,
  #service_dtl.st06 .sec03::after {
    min-width: initial;
    width: 96%;
  }
  #service_dtl.st07 .sec02 .txt02 {
    padding-top: 30px;
  }
  #service_dtl.st07 .sec02 > .flex:first-of-type {
    padding-top: 40px;
  }
  #service_dtl.st07 .sec02 .img_wrap,
  #service_dtl.st07 .sec02 .txt_wrap {
    width: 100%;
  }
  #service_dtl.st07 .sec02 .flex:first-of-type .img_wrap {
    padding-right: 0;
  }
  #service_dtl.st07 .sec02 > .flex:last-of-type {
    padding-top: 0;
  }
  #service_dtl.st07 .sec02 .flex .txt_wrap {
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
  }
  #service_dtl.st07 .sec02 .flex:last-of-type .img_wrap {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
    padding-left: 0;
  }
  #service_dtl.st07 .sec02 .flex .txt_wrap::after {
    position: static;
    margin-top: 16px;
  }
  #service_dtl.st07 .sec02 .flex:first-of-type .txt_wrap::after {
    margin-left: auto;
    width: 150px;
    height: 90px;
  }
  #service_dtl.st07 .sec02 .flex:last-of-type .txt_wrap::after {
    width: 130px;
    height: 100px;
  }
  #service_dtl.st07 .sec02 .flex:last-of-type .txt_wrap {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  #service_dtl.st07 .sec03 {
    padding-top: 50px;
  }
  #service_dtl.st07 .sec03 p {
    font-size: 14px;
    line-height: 26px;
    padding-top: 8px;
  }
  #service_dtl.st07 .sec04 {
    padding-top: 50px;
  }
  #service_dtl.st07 .sec04 > p {
    padding-top: 25px;
    font-size: 14px;
    line-height: 24px;
  }
  #service_dtl.st07 .sec04 > div {
    margin-top: 40px;
  }
  #service_dtl.st07 .sec04 .flex .img_wrap,
  #service_dtl.st07 .sec04 .flex .txt_wrap {
    width: 100%;
  }
  #service_dtl.st07 .sec04 .flex .img_wrap figure {
    padding-right: 0;
    padding-left: 0;
    max-width: 130px;
    width: 23%;
    margin: 0 auto;
    text-align: center;
  }
  #service_dtl.st07 .sec04 .flex .txt_wrap {
    padding: 0 7%;
  }
  #service_dtl.st07 .sec04 .case_wrap > .flex:first-of-type h3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
  }
  #service_dtl.st07 .sec04 .case_wrap > .flex:first-of-type h3 span {
    margin-right: 8px;
  }
  #service_dtl.st07 .sec04 .case_wrap > .flex:first-of-type h3 span,
  #service_dtl.st07 .sec04 .case_wrap > .flex:last-of-type h3 {
    font-size: 14px;
    line-height: 24px;
  }
  #service_dtl.st07 .sec04 .case_wrap .txt_wrap > p {
    font-size: 14px;
    line-height: 24px;
    padding-top: 12px;
  }
  #service_dtl.st07 .sec04 .flex {
    padding-top: 20px;
    padding-bottom: 25px;
  }
  #service_dtl.st07 .sec04 .case_wrap:last-of-type::after,
  #service_dtl.st06 .sec03::after {
    height: 80px;
    margin-top: 20px;
  }
  #service_dtl.st08 .sec01 .txt_wrap p:first-of-type {
    font-size: 16px;
    line-height: 30px;
  }
  #service_dtl.st08 .sec01 .txt_wrap p:last-of-type {
    padding-top: 20px;
  }
  #service_dtl.st08 .sec01 .img_wrap::after {
    display: none;
  }
  #service_dtl.st08 .sec01 .txt_wrap::after {
    display: block;
    content: "";
    width: 80%;
    height: 100px;
    margin-top: 20px;
    margin-left: auto;
    background-image: url(../img/service_detail/service08/service08_sec01_animal01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #service_dtl.st08 .sec02 .bg_green .txt_wrap p:first-of-type,
  #service_dtl.st08 .sec02 .bg_green .txt_wrap p:last-of-type {
    width: 100%;
  }
  #service_dtl.st08 .sec02 .bg_green .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #service_dtl.st08 .sec02 h3 {
    font-size: 15px;
    line-height: 24px;
    padding-left: 48px;
  }
  #service_dtl.st08 .sec02 h3::before {
    width: 36px;
    height: 46px;
    background-size: 80%;
    /* padding-right: 10px; */
    margin-right: 10px;
    background-size: contain;
  }
  /* #service_dtl.st08 .sec02 h3.h3_01::before */
  #service_dtl.st08 .sec02 .bg_green .txt_wrap p:first-of-type::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 1rem;
    vertical-align: middle;
    -webkit-transform: translateY(5.5px);
            transform: translateY(5.5px);
  }
  #service_dtl.st08 .sec02 .bg_green .txt_wrap p:last-of-type {
    font-size: 14px;
  }
  #service_dtl.st08 .sec02 .bg_green .txt_wrap {
    width: 100%;
  }
  #service_dtl.st08 .sec02 .bg_green .img_wrap {
    width: 60%;
    padding: 0;
    margin: 20px auto 0;
  }
  #service_dtl.st08 .sec02 .wrapper {
    /* padding-left: 4.184%;
		padding-right: 4.184%; */
    padding-left: 0;
    padding-right: 0;
  }
  #service_dtl.st08 .sec02 .bg_green {
    padding: 24px 4.184% 30px;
  }
  #service_dtl.st08 .sec02 h3 {
    margin-bottom: 24px;
  }
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap,
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap {
    padding: 24px 4.184% 30px;
  }
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap,
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap {
    width: 100%;
  }
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .img_wrap,
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .img_wrap {
    width: 60%;
    margin: 20px auto 0;
    padding: 0;
  }
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap h4,
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap h4 {
    font-size: 16px;
    line-height: 1.6;
  }
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(2) .txt_wrap h5,
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(3) .txt_wrap h5 {
    margin-top: 24px;
    font-size: 15px;
    line-height: 25.6px;
  }
  #service_dtl.st08 .sec02 .wrapper:nth-of-type(2)::after {
    width: 40%;
    height: 30px;
    margin: 20px auto 25px;
  }
  #service_dtl.st08 .sec03 {
    margin-top: 50px;
  }
  #service_dtl.st08 .sec03 .ul_info {
    margin-top: 30px;
    width: 100%;
  }
  #service_dtl.st08 .sec03 .ul_info li {
    width: 100%;
    font-size: 16px;
    padding: 12px 16px 16px;
  }
  #service_dtl.st08 .sec03 .ul_info li::before {
    margin-bottom: 8px;
    font-size: 22px;
  }
  #service_dtl.st08 .sec03 .ul_info li:not(:last-of-type)::after {
    right: 50%;
    top: initial;
    bottom: -12.5px;
    -webkit-transform: translateY(50%) translateX(50%) rotate(90deg);
            transform: translateY(50%) translateX(50%) rotate(90deg);
  }
  #service_dtl.st08 .sec03 .ul_info li:nth-of-type(n + 2) {
    margin-left: 0;
    margin-top: 30px;
  }
  #service_dtl.st08 .sec03 .ul_dtl .txt_wrap {
    width: 100%;
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    padding-top: 20px;
  }
  #service_dtl.st08 .sec03 .ul_dtl .img_wrap {
    width: 100%;
    padding-left: 0;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
    max-width: 90px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #service_dtl.st08 .sec03 .ul_dtl {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-top: 45px;
  }
  #service_dtl.st08 .sec03 .ul_dtl li .img_wrap figure {
    text-align: center;
  }
  #service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(1) .img_wrap img,
  #service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(2) .img_wrap img,
  #service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(3) .img_wrap img,
  #service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(4) .img_wrap img {
    width: 75%;
  }
  #service_dtl.st08 .sec03 .ul_dtl li .txt_wrap h3 {
    padding-left: 45px;
    font-size: 15px;
    line-height: 17.5px;
  }
  #service_dtl.st08 .sec03 .ul_dtl li .txt_wrap p {
    padding-top: 24px;
    font-size: 13px;
    line-height: 22px;
  }
  #service_dtl.st08 .sec03 .ul_dtl li h3::before {
    font-size: 25px;
    top: -5px;
  }
  #service_dtl.st08 .sec03 .ul_dtl .bg_gray {
    padding: 20px 4.185%;
    margin-top: 10px;
  }
  #service_dtl.st08 .sec03 .ul_dtl .bg_gray {
    width: 100%;
  }
  #service_dtl.st08 .sec03 .ul_dtl .bg_gray h4 {
    font-size: 14px;
  }
  #service_dtl.st08 .sec03 .ul_dtl li .bg_gray p {
    margin-top: 0;
    padding-top: 12px;
  }
  #service_dtl.st08 .sec03 .ul_dtl li {
    padding-bottom: 25px;
  }
  #service_dtl.st08 .sec03 .ul_dtl li:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  #service_dtl.st08 .sec03 .ul_dtl li p {
    margin-top: 0;
  }
  #service_dtl.st08 .sec04 {
    margin-top: 50px;
    padding-bottom: 50px;
  }
}

/* ------------------------------------
	Careerup:
------------------------------------ */
#careerup h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  position: relative;
}

#careerup h2::before {
  content: "";
  border-left: solid #6aa810 4px;
  position: absolute;
  height: 30px;
  top: 5px;
  left: 0;
}

#careerup .index_group .tabs label {
  padding: 15px 10px;
}

#careerup .index_group .panel {
  overflow: inherit;
}

#careerup .t01_sec01 {
  padding: 8.135% 0 0;
  background-color: #f5f5f5;
}

#careerup .t01_sec01 > .flex {
  background-color: #fff;
  padding-top: 5.084%;
  padding-bottom: 5.932%;
}

#careerup .t01_sec01 .img_wrap,
#careerup .t01_sec01 .txt_wrap {
  width: 50%;
}

#careerup .t01_sec01 .txt_wrap {
  position: relative;
  z-index: 3;
  padding-right: 8.474%;
}

#careerup .t01_sec01 .flex {
  position: relative;
}

#careerup .t01_sec01 > .flex::after {
  position: absolute;
  height: 100%;
  width: 19.067%;
  right: 0;
  top: 0;
  content: "";
  background-color: #f5f5f5;
  z-index: 2;
}

#careerup .t01_sec01 .img_wrap {
  padding-left: 9.32%;
  padding-right: 7.966%;
}

#careerup .t01_sec01 .txt_wrap p {
  padding-top: 8.474%;
  font-size: 16px;
  line-height: 30px;
}

#careerup .t01_sec01 figure {
  margin-top: 100px;
  padding: 5.084% 0 8.474%;
  background-color: #fff;
}

#careerup .t01_sec02 {
  padding: 50px 6.81% 150px;
  background-color: #f5f5f5;
  z-index: 4;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#careerup .t01_sec02 .case_wrap,
#careerup .t01_sec03 .case_wrap {
  /* padding: 16px 2.711%; */
  /* 20 / 1180 */
  padding: 16px 1.694%;
  border-radius: 10px;
  background-color: #fff;
}

#careerup .t01_sec02 .case_wrap:nth-of-type(2),
#careerup .t01_sec03 .case_wrap:nth-of-type(2) {
  margin-top: 32px;
}

#careerup .t01_sec02 .case_wrap h4,
#careerup .t01_sec03 .case_wrap h4 {
  font-weight: bold;
  font-size: 20px;
  position: relative;
  cursor: pointer;
  text-align: left;
}

#careerup .t01_sec02 .case_wrap h4,
#careerup .t01_sec02 .cont_wrap,
#careerup .t01_sec03 .case_wrap h4,
#careerup .t01_sec03 .cont_wrap {
  /* 30 / 1120 */
  padding-left: 2.678%;
  padding-right: 2.678%;
}

#careerup .t01_sec02 .case_wrap h4 span,
#careerup .t01_sec03 .case_wrap h4 span {
  display: block;
  color: #71a91f;
  font-size: 16px;
}

#careerup .t01_sec02 .case_wrap h4::before,
#careerup .t01_sec02 .case_wrap h4::after,
#careerup .t01_sec03 .case_wrap h4::before,
#careerup .t01_sec03 .case_wrap h4::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  height: 4px;
  width: 23px;
  border-radius: 1.86px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #71a91f;
}

#careerup .t01_sec02 .case_wrap h4::after,
#careerup .t01_sec03 .case_wrap h4::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}

#careerup .t01_sec02 .case_wrap h4.active::after,
#careerup .t01_sec03 .case_wrap h4.active::after {
  opacity: 0;
}

#careerup .t01_sec02 .case_wrap > div,
#careerup .t01_sec03 .case_wrap > div {
  max-height: 0;
  /* max-height: 0; */
  overflow: hidden;
  -webkit-transition: 0.5s ease-in-out max-height;
  transition: 0.5s ease-in-out max-height;
}

#careerup .t01_sec02 .case_wrap > div.is-open,
#careerup .t01_sec03 .case_wrap > div.is-open {
  max-height: 1200vh;
}

#careerup .t01_sec02 .cont_wrap,
#careerup .t01_sec03 .cont_wrap {
  margin-top: 14px;
  padding-top: 30px;
  border-top: 1px solid #d4d4d4;
}

#careerup .t01_sec02 .cont_wrap h5 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  padding-left: 64px;
}

#careerup .t01_sec02 .cont_wrap h5::before {
  position: absolute;
  font-size: 35px;
  line-height: 1;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  color: #71a91f;
}

#careerup .t01_sec02 .cont_wrap:nth-of-type(1) h5::before {
  content: "01";
}

#careerup .t01_sec02 .cont_wrap:nth-of-type(2) h5::before {
  content: "02";
}

#careerup .t01_sec02 .cont_wrap:nth-of-type(3) h5::before {
  content: "03";
}

#careerup .t01_sec02 .cont_wrap:nth-of-type(4) h5::before {
  content: "04";
}

#careerup .t01_sec02 .cont_wrap > p,
#careerup .t01_sec03 .cont_wrap > p {
  font-size: 16px;
  line-height: 30px;
  padding-top: 16px;
}

#careerup .t01_sec03 .cont01 h5 {
  font-weight: bold;
  margin-bottom: 22px;
}

#careerup .t01_sec03 .cont01 > div > p,
#careerup .t01_sec03 .cont01 > div > div {
  padding-left: 2.253%;
  padding-right: 2.253%;
}

#careerup .t01_sec02 .case_wrap01 .cont01_dtl,
#careerup .t01_sec02 .case_wrap02 .cont01_dtl {
  margin-top: 32px;
}

#careerup .t01_sec02 .case_wrap01 .cont01_dtl > p,
#careerup .t01_sec02 .case_wrap02 .cont01_dtl > p,
#careerup .t01_sec03 .cont01 h5,
#careerup .t01_sec03 .cont02 h5 {
  background-color: #f5f5f5;
  padding: 5px 2.253%;
}

#careerup .t01_sec02 .case_wrap01 .cont01_dtl > div,
#careerup .t01_sec02 .case_wrap02 .cont01_dtl > div {
  padding: 0 2.253%;
}

#careerup .t01_sec02 .case_wrap01 .cont01_dtl > div h6,
#careerup .t01_sec02 .case_wrap02 .cont01_dtl > div h6,
#careerup .t01_sec03 .case_wrap01 .cont01 h6,
#careerup .t01_sec03 .case_wrap02 .cont01 h6 {
  position: relative;
  padding-left: 22px;
  font-weight: bold;
}

#careerup .t01_sec03 .case_wrap01 .cont01,
#careerup .t01_sec03 .case_wrap02 .cont01 {
  font-size: 16px;
  line-height: 30px;
}

#careerup .t01_sec03 .case_wrap01 .cont01 > div:nth-of-type(n + 2),
#careerup .t01_sec03 .case_wrap02 .cont01 > div:nth-of-type(n + 2) {
  margin-top: 54px;
}

#careerup .t01_sec03 .case_wrap01 .cont01 .case02:nth-of-type(n + 2),
#careerup .t01_sec03 .case_wrap02 .cont01 .case02:nth-of-type(n + 2) {
  margin-top: 28px;
}

#careerup .t01_sec03 .case_wrap01 .cont01 .case02 h6,
#careerup .t01_sec03 .case_wrap02 .cont01 .case02 h6 {
  margin-bottom: 4px;
}

#careerup .t01_sec03 .case_wrap01 .cont01 .txt03 {
  padding-top: 20px;
}

#careerup .t01_sec02 .case_wrap01 .cont01_dtl > div h6::before,
#careerup .t01_sec02 .case_wrap02 .cont01_dtl > div h6::before,
#careerup .t01_sec03 .case_wrap01 .cont01 h6::before,
#careerup .t01_sec03 .case_wrap02 .cont01 h6::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #71a91f;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#careerup .t01_sec02 .case_wrap01 .case01 {
  margin-top: 28px;
}

#careerup .t01_sec02 .case_wrap02 .case01 {
  margin-top: 20px;
}

#careerup .t01_sec02 .case_wrap01 .case01:nth-of-type(n + 2) {
  margin-top: 50px;
}

#careerup .t01_sec02 .case_wrap01 .case01 > p {
  padding-top: 12px;
}

#careerup .t01_sec02 .case_wrap01 .case01 figure {
  padding-top: 16px;
  max-width: 532px;
  width: 50%;
  min-width: 384px;
}

#careerup .t01_sec02 .cont_wrap:nth-of-type(n + 2) {
  margin-top: 56px;
  padding-top: 56px;
}

#careerup .txt_green {
  color: #71a91f;
  font-weight: bold;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex01,
#careerup .t01_sec02 .case_wrap01 .cont03 .ex01 {
  margin-top: 44px;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex01 p:nth-of-type(2),
#careerup .t01_sec02 .case_wrap01 .cont03 .ex01 p:nth-of-type(2) {
  padding-top: 8px;
}

#careerup .t01_sec02 .case_wrap01 .cont02 figure {
  margin-top: 45px;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div {
  padding-left: 1.815%;
  padding-right: 1.815%;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02::before,
#careerup .t01_sec02 .case_wrap01 .cont02 .ex02::after {
  background-image: url("../img/careerup/hr_dotted.svg");
  background-repeat: repeat-x;
  background-size: cover;
  background-position: left;
  margin-top: 24px;
  display: block;
  content: "";
  height: 3px;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02::before {
  margin-top: 36px;
  margin-bottom: 24px;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 h6 {
  position: relative;
  font-size: 18px;
  line-height: 30px;
  padding-left: 20px;
  font-weight: bold;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(n + 2) {
  margin-top: 20px;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div p {
  margin-top: 8px;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 h6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(1) h6 {
  color: #32b16c;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(2) h6 {
  color: #448aca;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(3) h6 {
  color: #5f52a0;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(4) h6 {
  color: #ea68a2;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(5) h6 {
  color: #ec6941;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(1) h6::before {
  background-color: #32b16c;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(2) h6::before {
  background-color: #448aca;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(3) h6::before {
  background-color: #5f52a0;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(4) h6::before {
  background-color: #ea68a2;
}

#careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div:nth-of-type(5) h6::before {
  background-color: #ec6941;
}

#careerup .t01_sec02 .case_wrap01 .cont03 .ex02 {
  margin-top: 16px;
}

#careerup .t01_sec02 .case_wrap01 .cont03 .ex02 p {
  font-size: 16px;
  text-align: center;
}

#careerup .t01_sec02 .case_wrap01 .cont03 .ex02 div {
  border-radius: 12.5px;
  border: solid 1px #71a91f;
  /* padding: 0px 16px; */
  padding: 16px 6.66% 12px;
}

#careerup .t01_sec02 .case_wrap01 .cont03 .ex02 figure {
  margin: 16px 0;
}

#careerup .t01_sec02 .case_wrap01 .cont03 .ex02 div:nth-of-type(2) {
  /* 40 / 1070 */
  margin-left: 3.73%;
}

#careerup .t01_sec02 .case_wrap01 .cont04 .txt_wrap p,
#careerup .t01_sec02 .case_wrap02 .cont03 .txt_wrap p {
  padding-top: 20px;
  padding-bottom: 2.803%;
}

#careerup .t01_sec02 .case_wrap01 .cont04 .txt_wrap,
#careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap,
#careerup .t01_sec02 .case_wrap02 .cont03 .txt_wrap {
  /* 700 / 1070 */
  width: 65.4%;
}

#careerup .t01_sec02 .case_wrap01 .cont04 .img_wrap,
#careerup .t01_sec02 .case_wrap02 .cont02 .img_wrap,
#careerup .t01_sec02 .case_wrap02 .cont03 .img_wrap {
  width: 34.6%;
  /* 64 / 1070  */
  padding-left: 5.981%;
}

#careerup .t01_sec02 .cont_wrap:last-of-type,
#careerup .t01_sec03 .cont_wrap:last-of-type {
  padding-bottom: 56px;
}

#careerup .t01_sec02 .case_wrap02 .cont02 h6 {
  font-size: 18px;
  line-height: 30px;
}

#careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap > div:first-of-type {
  margin-top: 20px;
}

#careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap > div:nth-of-type(n + 2) {
  margin-top: 32px;
}

#careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap > div div {
  margin-top: 12px;
}

#careerup .t01_sec03 {
  padding: 140px 0 100px;
}

#careerup .t01_sec03 .case_wrap {
  border-radius: 10px;
  border: 1px solid #d4d4d4;
}

#careerup .t02_sec01 {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #d4d4d4;
  padding-left: 5.084%;
  padding-right: 5.084%;
}

#careerup .t02_sec01 h3 {
  font-size: 25px;
  line-height: 42px;
  font-weight: bold;
}

#careerup .t02_sec01 h4 {
  font-size: 20px;
  line-height: 30px;
  padding-top: 50px;
  font-weight: bold;
}

#careerup .t02_sec01 p {
  padding-top: 10px;
}

#careerup .t02_sec02 {
  padding-top: 90px;
  padding-bottom: 100px;
  border-top: 1px solid #d4d4d4;
  padding-left: 5.084%;
  padding-right: 5.084%;
}

#careerup .t02_sec02 h3 {
  font-size: 25px;
  line-height: 35px;
  font-weight: bold;
  text-align: center;
}

#careerup .t02_sec02 figure {
  margin-top: 50px;
}

#careerup .t02_sec03 {
  padding-top: 50px;
  padding-bottom: 5.5%;
  background-color: #f5f5f5;
  z-index: -1;
}

#careerup .t02_sec03 .txt_wrap,
#careerup .t02_sec03 .img_wrap {
  z-index: 3;
  width: 50%;
}

#careerup .t02_sec03 .cont_wrap {
  /* 50 / 1180 */
  /* 55 / 1180 */
  padding-top: 4.237%;
  padding-bottom: 4.661%;
  margin-top: 4.661%;
  position: relative;
}

#careerup .t02_sec03 .cont_wrap::before {
  width: 80.5%;
  height: 100%;
  background-color: #fff;
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(odd)::before {
  left: 0;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(even)::before {
  right: 0;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(odd) .img_wrap {
  padding-right: 3.389%;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(even) .img_wrap,
#careerup .t02_sec03 .cont_wrap:nth-of-type(odd) .txt_wrap {
  padding-left: 3.389%;
}

#careerup .t02_sec03 .cont_wrap .img_wrap div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 76.363%;
}

#careerup .t02_sec03 .cont_wrap .txt_wrap {
  /* 20 / 1180 */
  margin-top: 1.694%;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(odd) .txt_wrap {
  /* 60 / 1180 */
  padding-right: 5.084%;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(even) .txt_wrap {
  /* 60 / 1180 */
  padding-left: 5.084%;
  /* 20 / 1180 */
  padding-right: 1.694%;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(even) .img_wrap {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

#careerup .t02_sec03 .cont_wrap .txt_wrap h4 {
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
}

#careerup .t02_sec03 .cont_wrap .txt_wrap > p {
  /* 50 / 590 */
  padding-top: 8.474%;
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(1) .img_wrap div {
  background-image: url("../img/careerup/tab2_sec03_img01.jpg");
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(2) .img_wrap div {
  background-image: url("../img/careerup/tab2_sec03_img02.jpg");
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(3) .img_wrap div {
  background-image: url("../img/careerup/tab2_sec03_img03.jpg?0001");
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(4) .img_wrap div {
  background-image: url("../img/careerup/tab2_sec03_img04.jpg");
}

#careerup .t02_sec03 .cont_wrap:nth-of-type(5) .img_wrap div {
  background-image: url("../img/careerup/tab2_sec03_img05.jpg?0001");
}

#careerup .t02_sec03 .cont_wrap .txt_wrap .txt04 {
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  padding-top: 5.084%;
}

#careerup .t02_sec03 .cont_wrap .txt_wrap .txt04 p:nth-of-type(n + 2) {
  padding-top: 1.694%;
}
#careerup .t02_sec04 {
  /*padding-top: 50px;*/
  padding-bottom: 80px;
  padding-left: 5.084%;
  padding-right: 5.084%;
  margin: 0 0 20px 0;
	background-color: #f5f5f5;
}
#careerup .t02_sec04 h3 {
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
}
#careerup .t02_sec04 p {
  padding-top: 3%;
}

#careerup .t01_sec04 {
  padding: 50px 6.81% 100px;
  background-color: #f5f5f5;
}

#careerup .sec04_txt p {
	font-size: 16px;
	margin-bottom: 30px;
}
/*
#careerup .inner h3 {
    margin-bottom: 45px;
}
*/
#careerup .midashi2 {
    font-size: 25px;
    font-weight: bold;
    position: relative;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
	margin-bottom: 30px;
}

#careerup .doc p {
     width: 40%; 
    margin-left: 2.54%;
     border: solid #6aa810 0.1px; 
    color: #6aa810;
    font-size: 20px;
    position: relative;
    font-weight: bold;
    min-width: 400px;
	background-color: #fff;
}
#careerup .doc p a {
    display: block;
    /* padding: 10px 12.12% 10px 21.21%; */
    padding: 10px 50px 10px 60px;
    min-width: 280px;
    white-space: nowrap;

}

#careerup .doc p a::before {
    background-image: url(../img/cmn/dl_pdf.svg);
    /* padding-left: 21.21%; */
    padding-left: 60px;
    left: 0;
    height: 80%;
}

#careerup .doc p a::after {
    background-image: url(../img/cmn/dl_action.svg);
    /* padding-right: 18%; */
    padding-right: 50px;
    right: 0;
    height: 40%;
}

#careerup .doc p a::before, #careerup .doc p a::after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*241029 追加*/
#careerup .inner > h3 {
  font-size: 25px;
  color: #4261b2;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}

#careerup .inner > p {
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  color: #4b4b4b;
  padding-bottom: 50px;
}

#careerup .index_group > .inner > .img_wrap {
  background-image: url("../img/new_graduate/newgrad_bg01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  /* padding-top: 40%; */
  padding-top: 45.440%;
  margin-bottom: 70px;
}

#careerup .workspace .head01 {
  padding: 40px 0 0;
}

#careerup .workspace h3 {
  color: white;
  font-size: 20px;
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
}

#careerup .workspace h3::before {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/cmn/logo_w.svg");
  background-size: contain;
  content: "";
  width: 45px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
}

#careerup .workspace > div:nth-of-type(2) h3 {
  background-color: #6aa810;
}

#careerup .workspace > div:nth-of-type(3) h3 {
  background-color: #f47813;
}

#careerup .workspace > div:nth-of-type(4) h3 {
  background-color: #00a2fb;
}

#careerup .workspace .st_content {
  padding: 40px 0;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 340px;
}
#careerup .workspace .st_content .txt_wrap {
  width: 60.5%;
}

#careerup .workspace .st_content .img_wrap {
  width: 39.5%;
}

#careerup .workspace .st_content .txt_wrap {
  /* margin-right: 8.47%; */
  padding-right: 1rem;
}

#careerup .workspace {
  padding-bottom: 40px;
}

#careerup .workspace li {
  position: relative;
  padding-left: 25px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
}

#careerup .workspace li:not(:first-of-type) {
  margin-top: 12px;
  /* .ffs_p */
}

#careerup .workspace .st_content li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  /* top=line-height/2 */
  top: 12.8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#careerup .workspace > div:nth-of-type(2) .st_content li::before {
  background-color: #6aa810;
}

#careerup .workspace > div:nth-of-type(3) .st_content li::before {
  background-color: #f47813;
}

#careerup .workspace > div:nth-of-type(4) .st_content li::before {
  background-color: #00a2fb;
}

#careerup .workspace .txt_wrap p:first-of-type {
  padding-top: 35px;
  padding-bottom: 60px;
}

#careerup .workspace .img_wrap div {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  height: 0;
  padding-top: 65%;
}

#careerup .workspace .box_rad_shadow {
  border: solid #6aa810 0.1px;
  color: #6aa810;
  font-size: 20px;
  background-color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 20px;
}

#careerup .workspace .box_rad_shadow a {
  display: block;
  padding: 8px 20px;
}

#careerup .workspace .box_rad_shadow a::after {
  display: inline-block;
  margin-left: 20px;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #6aa810;
  border-right: 2px solid #6aa810;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#careerup .workspace > div:nth-of-type(2) .st_content .img_wrap div {
  background-image: url("../img/new_graduate/workspace_bg01.jpg");
}

#careerup .workspace > div:nth-of-type(3) .st_content .img_wrap div {
  background-image: url("../img/new_graduate/workspace_bg02.jpg");
}

#careerup .workspace > div:nth-of-type(4) .st_content .img_wrap div {
  background-image: url("../img/new_graduate/workspace_bg03.jpg");
}

@media screen and (max-width: 1200px) {
  #careerup .t01_sec02 {
    padding-left: 3.76%;
    padding-right: 3.76%;
  }
	
#careerup .doc p {
    font-size: 16px;
    min-width: 350px;
} 
	
	
}

@media screen and (max-width: 768px) {
  #careerup h2::before {
    height: 27px;
  }
  #careerup .t01_sec01 {
    padding-top: 30px;
  }
  #careerup .t01_sec01 .img_wrap,
  #careerup .t01_sec01 .txt_wrap {
    width: 100%;
  }
  #careerup .t01_sec01 .img_wrap {
    /* padding: 20px 12.14% 25px 2.5%; */
    padding: 20px 12.14% 25px 5.5%;
    z-index: 3;
  }
  #careerup .t01_sec01 > .flex::before {
    position: absolute;
    height: 60px;
    width: 100%;
    left: 0;
    top: 0;
    content: "";
    background-color: #f5f5f5;
    z-index: 2;
  }
  #careerup .t01_sec01 > .flex {
    padding-top: 0;
    padding-bottom: 0;
  }
  #careerup h2 {
    font-size: 20px;
    line-height: 25px;
  }
  #careerup h2::before {
    top: 0;
  }
  #careerup .t01_sec01 .txt_wrap p {
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1.6;
  }
  #careerup .t01_sec01 figure {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    /* width: 100%; */
  }
  #careerup .t01_sec01 .list_wrap02 {
    background-color: #fff;
    padding-bottom: 65px;
  }
  #careerup .t01_sec01 .txt05 {
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    margin-top: 40px;
    padding-top: 25px;
    padding-bottom: 15px;
  }
  #careerup .t01_sec01 .txt05 span {
    color: #00b7ee;
  }
  /* #careerup .t01_sec01 .list_wrap02 figure img{
		max-width: initial;
		width: 800px;
	} */
  #service_dtl.st05 .sec05 td {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  #careerup .t01_sec01 .sp_only > div {
    position: relative;
  }
  #careerup .t01_sec01 .list_wrap02 figure img {
    max-width: initial;
  }
  #careerup .t01_sec01 .sp_only figure:nth-of-type(1) {
    width: 115px;
    margin-right: 1.5px;
  }
  #careerup .t01_sec01 .sp_only figure:nth-of-type(1) img {
    width: 100%;
    /* height: 284px; */
    height: 408px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #careerup .t01_sec01 .sp_only figure:nth-of-type(2) {
    width: calc(100% - 115px - 1.5px);
    overflow-x: scroll;
  }
  #careerup .t01_sec01 .sp_only figure:nth-of-type(2) img {
    /* height: 284px; */
    height: 408px;
  }
  #careerup .t01_sec01 .list_wrap02 figure::-webkit-scrollbar {
    height: 10px;
  }
  #careerup .t01_sec01 .list_wrap02 figure:-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 4px #e9e9e9 inset;
            box-shadow: 0 0 4px #e9e9e9 inset;
  }
  #careerup .t01_sec01 .list_wrap02 figure::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
  /* #careerup .t01_sec01 .list_wrap02 figure::-webkit-scrollbar{
		height: 10px; 
	}
	#careerup .t01_sec01 .list_wrap02 figure:-webkit-scrollbar-track {
		background: #ccc; 
		border-radius: 5px;
		box-shadow: 0 0 4px #e9e9e9 inset;
	} 
	#careerup .t01_sec01 .list_wrap02 figure::-webkit-scrollbar-thumb { 
		border-radius: 5px;
		background: #666; 
	} */
  #careerup .t01_sec02 {
    padding: 45px 3.119% 45px;
  }
  #careerup .t01_sec02 .case_wrap h4,
  #careerup .t01_sec02 .cont_wrap,
  #careerup .t01_sec03 .case_wrap h4,
  #careerup .t01_sec03 .cont_wrap {
    padding-left: 4.687%;
    padding-right: 4.687%;
    padding-top: 15px;
  }
  #careerup .t01_sec02 .case_wrap h4,
  #careerup .t01_sec03 .case_wrap h4 {
    font-size: 15px;
  }
  #careerup .t01_sec02 .case_wrap h4 span,
  #careerup .t01_sec03 .case_wrap h4 span {
    font-size: 14px;
  }
  #careerup .t01_sec02 .case_wrap,
  #careerup .t01_sec03 .case_wrap {
    padding-left: 4.28%;
    padding-right: 4.28%;
  }
  #careerup .t01_sec02 .case_wrap:nth-of-type(2),
  #careerup .t01_sec03 .case_wrap:nth-of-type(2) {
    margin-top: 16px;
  }
  #careerup .t01_sec02 .cont_wrap h5 {
    font-size: 18px;
    padding-left: 50px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #careerup .t01_sec02 .cont_wrap h5::before {
    font-size: 28px;
  }
  #careerup .t01_sec02 .cont_wrap > p,
  #careerup .t01_sec03 .cont_wrap > p {
    font-size: 14px;
    line-height: 26px;
  }
  #careerup .t01_sec02 .case_wrap01 .case01:nth-of-type(2) h6::before {
    top: 12px;
  }
  #careerup .t01_sec02 .case_wrap01 .case01 figure {
    width: 100%;
    min-width: initial;
    padding-top: 12px;
  }
  #careerup .t01_sec02 .case_wrap01 .case01 figure img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
  }
  #careerup .t01_sec02 .case_wrap01 .case01 > p {
    padding-top: 2px;
  }
  #careerup .t01_sec02 .case_wrap01 .case01 figure,
  #careerup .t02_sec01{
    padding: 30px 0;
  }
	#careerup .t02_sec04 {
    padding: 30px 0;
	margin: 0;
		background-color: #fff;
  }
  #careerup .t01_sec02 .case_wrap01 .case01 figure {
    padding-bottom: 0;
    padding-top: 15px;
  }
  #careerup .t01_sec02 .case_wrap01 .case01:nth-of-type(n + 2) {
    margin-top: 36px;
  }
  #careerup .t01_sec02 .cont_wrap:nth-of-type(n + 2) {
    padding-top: 40px;
    margin-top: 40px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex01,
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex01 {
    margin-top: 25px;
    font-size: 14px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 figure {
    margin-top: 30px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div {
    padding-left: 0;
    padding-right: 0;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex02::before {
    margin-bottom: 16px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex02::before,
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex02::after {
    margin-top: 20px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex02 h6 {
    font-size: 14px;
    line-height: 24px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex02 div p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 4px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex01,
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex01 {
    margin-top: 30px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex01 p,
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex01 p {
    font-size: 14px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #careerup .t01_sec02 .case_wrap01 .cont02 .ex01 p:nth-of-type(2),
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex01 p:nth-of-type(2) {
    padding-top: 4px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex02 div {
    width: 48.5%;
    padding-left: 3%;
    padding-right: 3%;
  }
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex02 figure {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex02 div:nth-of-type(2) {
    margin-left: 3%;
  }
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex02 p {
    font-size: 14px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #careerup .t01_sec02 .case_wrap01 .cont03 .ex02 p:last-of-type {
    font-size: 13px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont04 .txt_wrap,
  #careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap,
  #careerup .t01_sec02 .case_wrap02 .cont03 .txt_wrap,
  #careerup .t01_sec02 .case_wrap01 .cont04 .img_wrap,
  #careerup .t01_sec02 .case_wrap02 .cont02 .img_wrap,
  #careerup .t01_sec02 .case_wrap02 .cont03 .img_wrap {
    width: 100%;
    padding-left: 0;
  }
  #careerup .t01_sec02 .case_wrap01 .cont04 .txt_wrap p,
  #careerup .t01_sec02 .case_wrap02 .cont03 .txt_wrap p {
    padding-top: 16px;
    padding-bottom: 0;
  }
  #careerup .t01_sec02 .case_wrap01 .cont04 .img_wrap,
  #careerup .t01_sec02 .case_wrap02 .cont02 .img_wrap,
  #careerup .t01_sec02 .case_wrap02 .cont03 .img_wrap {
    padding-top: 16px;
    text-align: center;
  }
  #careerup .t01_sec02 .case_wrap01 .cont04 .img_wrap img,
  #careerup .t01_sec02 .case_wrap02 .cont02 .img_wrap img,
  #careerup .t01_sec02 .case_wrap02 .cont03 .img_wrap img {
    max-width: 180px;
  }
  #careerup .t01_sec02 .cont_wrap:last-of-type,
  #careerup .t01_sec03 .cont_wrap:last-of-type {
    padding-bottom: 15px;
  }
  #careerup .t01_sec02 .cont_wrap > p,
  #careerup .t01_sec03 .cont_wrap > p {
    padding-top: 12px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont01_dtl,
  #careerup .t01_sec02 .case_wrap02 .cont01_dtl {
    margin-top: 20px;
  }
  #careerup .t01_sec02 .case_wrap01 .cont01_dtl > div,
  #careerup .t01_sec02 .case_wrap02 .cont01_dtl > div {
    padding: 0;
  }
  #careerup .t01_sec02 .case_wrap02 .case01 {
    margin-top: 16px;
  }
  #careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap > div:first-of-type {
    margin-top: 16px;
  }
  #careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap > div:nth-of-type(n + 2) {
    margin-top: 24px;
  }
  #careerup .t01_sec02 .case_wrap02 .cont02 .txt_wrap > div div {
    margin-top: 8px;
  }
  #careerup .t01_sec02 .case_wrap02 .cont02 h6 {
    font-size: 15px;
    line-height: 26px;
  }
  #careerup .t01_sec03 {
    padding: 70px 0 30px;
  }
  #careerup .t01_sec02 .case_wrap h4,
  #careerup .t01_sec02 .cont_wrap,
  #careerup .t01_sec03 .case_wrap h4,
  #careerup .t01_sec03 .cont_wrap {
    padding-left: 0;
    padding-right: 0;
  }
  #careerup .t01_sec02 .case_wrap h4,
  #careerup .t01_sec03 .case_wrap h4 {
    padding-top: 0;
  }
  #careerup .t01_sec03 .case_wrap01 .cont01,
  #careerup .t01_sec03 .case_wrap02 .cont01 {
    font-size: 14px;
    line-height: 24px;
  }
  #careerup .t01_sec03 .cont01 > div > p,
  #careerup .t01_sec03 .cont01 > div > div {
    padding-left: 0;
    padding-right: 0;
  }
  #careerup .t01_sec03 .cont01 h5 {
    margin-bottom: 15px;
  }
  #careerup .t01_sec03 .case_wrap01 .cont01 > div:nth-of-type(n + 2),
  #careerup .t01_sec03 .case_wrap02 .cont01 > div:nth-of-type(n + 2) {
    margin-top: 25px;
  }
  #careerup .t01_sec03 .case_wrap01 .cont01 .case02:nth-of-type(n + 2),
  #careerup .t01_sec03 .case_wrap02 .cont01 .case02:nth-of-type(n + 2) {
    margin-top: 24px;
  }
  #careerup .t02_sec01 h3 {
    font-size: 15px;
    line-height: 21px;
  }
	#careerup .t02_sec04 h3 {
    font-size: 18px;
   /* line-height: 21px;*/
  }
  #careerup .t02_sec01 p,#careerup .t02_sec04 p {
    padding-top: 8px;
  }
  #careerup .t02_sec01 h4 {
    font-size: 15px;
    line-height: 21px;
    padding-top: 30px;
  }
  #careerup .t02_sec02 {
    padding: 45px 0 50px;
  }
  #careerup .t02_sec02 h3 {
    font-size: 15px;
    line-height: 26px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #careerup .t02_sec02 figure {
    margin-top: 30px;
  }
  #careerup .t02_sec03 {
    padding-top: 30px;
    padding-bottom: 0;
  }
  #careerup .t02_sec03 .txt_wrap,
  #careerup .t02_sec03 .img_wrap {
    width: 100%;
  }
  #careerup .t02_sec03 .cont_wrap:nth-of-type(odd) .img_wrap {
    padding-right: 0;
  }
  #careerup .t02_sec03 .cont_wrap:nth-of-type(odd) .txt_wrap {
    padding-right: 0;
    padding-left: 0;
  }
  #careerup .t02_sec03 .cont_wrap:nth-of-type(even) .img_wrap,
  #careerup .t02_sec03 .cont_wrap:nth-of-type(odd) .txt_wrap {
    padding-left: 0;
  }
  #careerup .t02_sec03 .cont_wrap:nth-of-type(even) .txt_wrap {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    padding-left: 0;
    padding-right: 0;
  }
  #careerup .t02_sec03 .cont_wrap:nth-of-type(odd)::before,
  #careerup .t02_sec03 .cont_wrap:nth-of-type(even)::before {
    width: 100%;
  }
  #careerup .t02_sec03 .cont_wrap:nth-of-type(even) .img_wrap {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  #careerup .t02_sec03 .cont_wrap {
    padding-top: 0;
    padding-bottom: 25px;
    margin-top: 30px;
  }
  #careerup .t02_sec03 .cont_wrap .txt_wrap {
    margin-top: 32px;
  }
  #careerup .t02_sec03 .cont_wrap .txt_wrap h4 {
    font-size: 18px;
  }
  #careerup .t02_sec03 .cont_wrap .txt_wrap > p {
    padding-top: 20px;
  }
  #careerup .t02_sec03 .cont_wrap .txt_wrap .txt04 {
    padding-top: 25px;
    font-size: 15px;
    line-height: 24px;
  }
  #careerup .t02_sec03 .cont_wrap .txt_wrap .txt04 p:nth-of-type(n + 2) {
    padding-top: 4px;
  }
	
  #careerup .midashi2 {
    font-size: 20px;
	}
 #careerup .doc p {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
	font-size: 13px;
	 text-align: center;
}	
	#careerup .doc {	
padding: 30px 0% 0px 0%;
	}
	#careerup .inner > h3 {
    font-size: 20px;
    padding-bottom: 25px;
  }
  #careerup .inner > p {
    text-align: left;
    font-size: 14px;
    line-height: 22.5px;
    padding-bottom: 30px;
  }
  #careerup .workspace {
    padding-bottom: 0;
  }
  #careerup .workspace h3 {
    font-size: 15px;
  }
  #careerup .workspace h3::before {
    width: 28px;
    height: 28px;
    margin: 0 12px;
  }
  #careerup .workspace .st_content {
    padding: 20px 0;
    display: block;
  }
  #careerup .workspace .txt_wrap p:first-of-type {
    padding-top: 25px;
    padding-bottom: 30px;
    font-size: 13px;
  }
  #careerup .workspace .st_content .txt_wrap,
  #careerup .workspace .st_content .img_wrap {
    width: 100%;
  }
  #careerup .workspace .st_content .txt_wrap {
    padding-right: 0;
    padding-bottom: 45px;
  }
  #careerup .workspace li {
    font-size: 14px;
  }
  #careerup .workspace .box_rad_shadow {
    font-size: 13px;
    width: 79.10%;
    margin: 0 auto;
    display: block;
  }
  #careerup .workspace .box_rad_shadow a::after {
    width: 8px;
    height: 8px;
  }
  #careerup .workspace .box_rad_shadow a {
    text-align: center;
    position: relative;
  }
  #careerup .workspace .box_rad_shadow a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  #careerup .index_group > .inner > .img_wrap {
    background-image: url("../img/new_graduate/newgrad_bg01_sp.jpg");
    /* padding-top: 92.533%; */
    padding-top: 98.305%;
    margin-bottom: 0;
  }
	
}

#other.is_contact ul {
  padding: 0 1.456% 0;
}

.form_label {
  color: #69a811;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 16px;
}

.group_wrap:not(:last-child) {
  margin: 40px 0;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: transparent !important;
}

@media screen and (max-width: 768px) {
  .form_label {
    margin-bottom: 8px;
  }
  .group_wrap:not(:last-child) {
    margin-bottom: 24px;
  }
}

.fs16lh30 {
  font-size: 16px;
  line-height: 30px;
}

.fl_aic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .fs16lh30 {
    font-size: 14px;
    line-height: 26px;
  }
}

.mw {
  max-width: 1180px;
  padding: 0 6%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .mw {
    max-width: initial;
    padding: 0 3.5%;
  }
}

@media screen and (max-width: 768px) {
  .mw {
    padding: 0 3%;
  }
}

#service_dtl.st06 .sec02 .pt01 {
  padding-top: 5.9322%;
}

#service_dtl.st06 .sec02 h3.ttl {
  margin-top: 60px;
  font-size: 25px;
  line-height: 140%;
  font-weight: bold;
  position: relative;
}

#service_dtl.st06 .sec02 .txt_wrap h4 {
  font-size: 20px;
  line-height: 150%;
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #71a91f;
  display: block;
  margin-bottom: 20px;
}

#service_dtl.st06 .sec02 .txt_wrap .txt01 {
  margin-top: 30px;
}

#service_dtl.st06 .sec02 .img_wrap.img02 div {
  background-image: url("../img/service_detail/service06/service06_sec02_bg02.jpg");
}

#service_dtl.st06 .sec02 .img_wrap.img03 div {
  background-image: url("../img/service_detail/service06/service06_sec02_bg03.jpg");
}

#service_dtl.st06 .sec03 .ttl_scedule {
  font-size: 25px;
  line-height: 140%;
  font-weight: bold;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap {
  background-color: #f5f5f5;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.02rem;
  font-weight: bold;
  text-align: center;
  padding: 20px 10px;
  border-bottom: solid 1px #dcdcdc;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3 {
  text-align: left;
  display: block;
  width: 500px;
  margin: 0 auto;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of11 {
  color: #779d38;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of11::before {
  background-image: url("../img/cmn/ico11.svg");
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of13 {
  color: #0068b7;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of13::before {
  background-image: url("../img/cmn/ico12.svg");
}
#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of14 {
  color: #8e1d52;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of14::before {
  background-image: url("../img/cmn/ico15.svg");
}
#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of16 {
  color: #7d7d7d;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of16::before {
  background-image: url("../img/cmn/ico16.svg");
}
#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of17 {
  color: #6fba2c;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3.of17::before {
  background-image: url("../img/cmn/ico17.svg");
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3:nth-of-type(n + 2) {
  margin-top: 16px;
}

#service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3::before {
  display: inline-block;
  content: "";
  width: 32px;
  height: 26px;
  margin-right: 2.4%;
  vertical-align: middle;
  background: no-repeat center / contain;
}

#service_dtl.st06 .sec05 {
  position: relative;
}

#service_dtl.st06 .sec05 li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 138.88889%;
  height: 50px;
  padding-top: 0;
}

#service_dtl.st06 .sec05::after {
  content: "";
  display: block;
  background: url("../img/service_detail/service06/service06_sec05_animal01.svg") no-repeat center/contain;
  max-width: 380px;
  min-width: 280px;
  width: 33.62832%;
  margin-left: auto;
  height: 120px;
}

#service_dtl.st06 .to_form {
  margin: 6.92308% -6.81% 0;
  background: #ff8441 url("../img/service_detail/service06/service06_toform_bg.svg") no-repeat 4.61538% center/contain;
  position: relative;
  padding: 4.61538% 0 4.23077%;
}

#service_dtl.st07 .to_form {
/*  margin: 6.92308% -6.81% 0;*/
  background: #00b7ee url("../img/service_detail/service06/service06_toform_bg.svg") no-repeat 4.61538% center/contain;
  position: relative;
  padding: 4.61538% 0 4.23077%;
}


@media screen and (max-width: 1200px) {
  #service_dtl.st06 .to_form {
    margin: 6.66667% -3.76% 0;
  }
	
  #service_dtl.st07 .to_form {
    margin: 6.66667% -3.76% 0;
  }
}

@media screen and (max-width: 768px) {
  #service_dtl.st06 .to_form {
    margin: 5.33333% -3.119% 0;
  }
	
  #service_dtl.st07 .to_form {
    margin: 5.33333% -3.119% 0;
  }
}

#service_dtl.st06 .to_form .txt_wrap p {
  text-align: center;
}

#service_dtl.st07 .to_form .txt_wrap p {
  text-align: center;
}

#service_dtl.st06 .to_form .txt_wrap .txt01 {
  font-size: 30px;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #fff;
}

#service_dtl.st07 .to_form .txt_wrap .txt01 {
  font-size: 30px;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #fff;
}

#service_dtl.st06 .to_form .txt_wrap .txt02 {
  color: #fff;
  font-size: 22px;
  padding-top: 1.53846%;
  font-weight: bold;
}

#service_dtl.st07 .to_form .txt_wrap .txt02 {
  color: #fff;
  font-size: 22px;
  padding-top: 1.53846%;
  font-weight: bold;
}

#service_dtl.st06 .to_form .txt_wrap .box_rad_shadow {
  font-size: 24px;
  line-height: 1;
  margin-top: 1.53846%;
  font-weight: bold;
  color: #ff8441;
  background-color: #fff;
  padding: 12px;
  width: 37.288%;
  margin: 1.69% auto 0;
  border-radius: 10px;
  min-width: 380px;
  border: none;
}
#service_dtl.st07 .to_form .txt_wrap .box_rad_shadow {
  font-size: 24px;
  line-height: 1;
  margin-top: 1.53846%;
  font-weight: bold;
  color: #00b7ee;
  background-color: #fff;
  padding: 12px;
  width: 37.288%;
  margin: 1.69% auto 0;
  border-radius: 10px;
  min-width: 380px;
  border: none;
}

#service_dtl.st06 .contact {
  margin-top: 0;
}

#service_dtl.st07 .contact {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  #service_dtl.st06 .remark_bg {
    padding: 20px 0;
    margin-bottom: 30px;
    font-size: 15px;
  }
  #service_dtl.st06 .sec02 h3.ttl {
    margin-top: 40px;
    font-size: 20px;
  }
  #service_dtl.st06 .sec02 .txt_wrap h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
  }
  #service_dtl.st06 .sec02 .txt_wrap .txt01 {
    margin-top: 20px;
  }
  #service_dtl.st06 .sec03 .ttl_scedule {
    font-size: 25px;
    line-height: 140%;
    font-weight: bold;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;
  }
  #service_dtl.st06 .sec03 .sche_wrap .ttl_wrap {
    font-size: 14px;
    padding: 12px 8px;
  }
  #service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3 {
    text-align: left;
    display: block;
    width: initial;
    margin: 0 auto;
    padding-left: 40px;
  }
  #service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3:nth-of-type(n + 2) {
    margin-top: 12px;
  }
  #service_dtl.st06 .sec03 .sche_wrap .ttl_wrap h3::before {
    display: inline-block;
    content: "";
    width: 26px;
    height: 21px;
    margin-right: 2.4%;
    vertical-align: middle;
    background: no-repeat center / contain;
  }
  #service_dtl.st06 .sec03 .sche_wrap figure {
    text-align: center;
    padding: 0 8px;
  }
  #service_dtl.st06 .sec05 {
    position: relative;
  }
  #service_dtl.st06 .sec05 li p {
    height: initial;
  }
  #service_dtl.st06 .sec05::after {
    content: "";
    display: block;
    max-width: 220px;
    min-width: initial;
    width: 61.33333%;
    margin-left: auto;
    height: 90px;
  }
  #service_dtl.st06 .to_form {
    margin-top: 0;
    background-position: 8% center;
    position: relative;
    padding: 10.66667% 0 12%;
  }
  #service_dtl.st06 .to_form .txt_wrap {
    padding: 0 3%;
  }
  #service_dtl.st06 .to_form .txt_wrap p {
    text-align: center;
  }
  #service_dtl.st06 .to_form .txt_wrap .txt01 {
    font-size: 22px;
  }
  #service_dtl.st06 .to_form .txt_wrap .txt02 {
    font-size: 16px;
  }
  #service_dtl.st06 .to_form .txt_wrap .box_rad_shadow {
    min-width: initial;
    font-size: 15px;
    width: 72%;
    margin-top: 9%;
    padding: 8px 12px;
  }
	
  #service_dtl.st07 .to_form {
    margin-top: 0;
    background-position: 8% center;
    position: relative;
    padding: 10.66667% 0 12%;
  }
  #service_dtl.st07 .to_form .txt_wrap {
    padding: 0 3%;
  }
  #service_dtl.st07 .to_form .txt_wrap p {
    text-align: center;
  }
  #service_dtl.st07 .to_form .txt_wrap .txt01 {
    font-size: 22px;
  }
  #service_dtl.st07 .to_form .txt_wrap .txt02 {
    font-size: 16px;
  }
  #service_dtl.st07 .to_form .txt_wrap .box_rad_shadow {
    min-width: initial;
    font-size: 15px;
    width: 72%;
    margin-top: 9%;
    padding: 8px 12px;
  }	
}

.remark_bg {
  padding: 30px 0;
  margin-bottom: 60px;
  background-color: #f5f5f5;
  font-size: 20px;
  letter-spacing: 0.08em;
  line-height: 150%;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .remark_bg .remark_bg {
    padding: 20px 0;
    margin-bottom: 30px;
    font-size: 15px;
  }
}

#application .page_sec01 {
  padding-top: 0;
}

#application .remark_bg {
  font-size: 16px;
  line-height: 218.75%;
  padding: 35px 0 45px;
}

#application .remark_bg p {
  text-align: left;
}

#application .remark_bg h2 {
  font-size: 20px;
  line-height: 1;
  color: #71a91f;
  margin-bottom: 32px;
  text-align: center;
}

#application .remark_bg .l_wrap {
  padding: 0 1em;
  margin-top: 2.54237%;
}

#application .remark_bg .l_wrap .top_wrap, #application .remark_bg .l_wrap .bottom_wrap {
  margin-top: 1.74825%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap, #application .remark_bg .l_wrap .top_wrap .right_wrap, #application .remark_bg .l_wrap .bottom_wrap .left_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap {
  border-radius: 12px;
  width: 49.12587%;
  padding: 1.2em 1em 1.6em;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap h3, #application .remark_bg .l_wrap .top_wrap .right_wrap h3, #application .remark_bg .l_wrap .bottom_wrap .left_wrap h3, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h3 {
  font-size: 1.8rem;
  line-height: 1.3;
  position: relative;
  padding-right: 5.2rem;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap h3::after, #application .remark_bg .l_wrap .top_wrap .right_wrap h3::after, #application .remark_bg .l_wrap .bottom_wrap .left_wrap h3::after, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h3::after {
  content: "";
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  position: absolute;
  right: 0;
  top: 0;
  background: no-repeat center / contain;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap h4, #application .remark_bg .l_wrap .top_wrap .right_wrap h4, #application .remark_bg .l_wrap .bottom_wrap .left_wrap h4, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h4 {
  margin: 1.4rem 0.5em 0;
  font-size: 1.5rem;
  color: #d4233d;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap {
  margin: 0 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 15px;
  line-height: 2;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap h5, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap h5, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap h5, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap h5 {
  font-size: 1.5rem;
  line-height: 1;
  width: 90px;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap h5 span, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap h5 span, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap h5 span, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap h5 span {
  margin-top: .5em;
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 1px solid #000;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap .txt_wrap, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap .txt_wrap, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap .txt_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap .txt_wrap {
  width: calc(100% - 90px);
}

#application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap.mt20, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap.mt20, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap.mt20, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap.mt20 {
  margin-top: 10px;
}

#application .remark_bg .l_wrap .top_wrap .right_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap {
  margin-left: 1.74825%;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap {
  border: solid 3px #779d38;
}

#application .remark_bg .l_wrap .top_wrap .left_wrap h3 {
  color: #779d38;
  margin-bottom: 1rem;
}

/*
#application .remark_bg .l_wrap .top_wrap .left_wrap h3::after {
  background-image: url("../img/cmn/ico11.svg");
}
*/

/*221222追記*/
#application .remark_bg .l_wrap .top_wrap .right_wrap {
    border: solid 3px #0068b7;
}

#application .remark_bg .l_wrap .top_wrap .right_wrap h3 {
  color: #0068b7;
  margin-bottom: 1rem;
}

/*
#application .remark_bg .l_wrap .top_wrap .right_wrap h3::after {
  background-image: url("../img/cmn/ico13.svg");
}
*/







#application .remark_bg .l_wrap .bottom_wrap .left_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap {
    border: solid 3px #0099e2;
}

#application .remark_bg .l_wrap .bottom_wrap .left_wrap h3, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h3 {
  color: #0099e2;
  margin-bottom: 1rem;
}

/*
#application .remark_bg .l_wrap .bottom_wrap .left_wrap h3::after, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h3::after {
  background-image: url("../img/cmn/ico12.svg");
}
*/

@media screen and (max-width: 768px) {
  #application .remark_bg {
    padding: 24px 0;
    margin-bottom: 1.5rem;
    font-size: 18px;
  }
  #application .remark_bg p {
    font-size: 1.4rem;
    line-height: 200%;
  }
  #application .remark_bg h2 {
    font-size: 18px;
    line-height: 1;
    color: #71a91f;
    margin-bottom: 32px;
    text-align: center;
  }
  #application .remark_bg .l_wrap {
    padding: 0;
    margin-top: 1.8rem;
  }
  #application .remark_bg .l_wrap .top_wrap, #application .remark_bg .l_wrap .bottom_wrap {
    margin-top: 1.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap, #application .remark_bg .l_wrap .top_wrap .right_wrap, #application .remark_bg .l_wrap .bottom_wrap .left_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap {
    border-radius: 10px;
    width: 100%;
    padding: 1em 0.5em 1.2em;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap h3, #application .remark_bg .l_wrap .top_wrap .right_wrap h3, #application .remark_bg .l_wrap .bottom_wrap .left_wrap h3, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h3 {
    font-size: 1.6rem;
    padding-right: 4.4rem;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap h3::after, #application .remark_bg .l_wrap .top_wrap .right_wrap h3::after, #application .remark_bg .l_wrap .bottom_wrap .left_wrap h3::after, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h3::after {
    width: 3.6rem;
    height: 3.3rem;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap h4, #application .remark_bg .l_wrap .top_wrap .right_wrap h4, #application .remark_bg .l_wrap .bottom_wrap .left_wrap h4, #application .remark_bg .l_wrap .bottom_wrap .right_wrap h4 {
    margin: 1.4rem 0 0;
    font-size: 1.4rem;
    line-height: 1;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 1.2rem;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap h5, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap h5, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap h5, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap h5 {
    font-size: 1.4rem;
    line-height: 1;
    width: 100%;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap h5 span, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap h5 span, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap h5 span, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap h5 span {
    margin-top: .5em;
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid #000;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap .txt_wrap, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap .txt_wrap, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap .txt_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap .txt_wrap {
    width: 100%;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap .txt_wrap p, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap .txt_wrap p, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap .txt_wrap p, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap .txt_wrap p {
    margin-top: 0.75rem;
    font-size: 1.3rem;
  }
  #application .remark_bg .l_wrap .top_wrap .left_wrap .cont_wrap.mt20, #application .remark_bg .l_wrap .top_wrap .right_wrap .cont_wrap.mt20, #application .remark_bg .l_wrap .bottom_wrap .left_wrap .cont_wrap.mt20, #application .remark_bg .l_wrap .bottom_wrap .right_wrap .cont_wrap.mt20 {
    margin-top: 1.6rem;
  }
  #application .remark_bg .l_wrap .top_wrap .right_wrap, #application .remark_bg .l_wrap .bottom_wrap .right_wrap {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}

#application tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#application tr.remark td {
  width: 100%;
  padding-left: 100px;
}

#application tr.remark td span {
  color: #71a91f;
}

#application tr.borderless01 th, #application tr.borderless01 td, #application tr.borderless02 th, #application tr.borderless02 td {
  border: none;
}

#application tr .borderless01 th, #application tr .borderless01 td {
  padding-bottom: 10px;
}

#application tr .borderless02 th, #application tr .borderless02 td {
  padding-bottom: 5px;
}

#application th {
  padding-right: 0;
}

#application td {
  padding-left: 5.08475%;
  width: calc(100% - 320px);
}

#application #mailformpro label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#application #mailformpro .tbl01 .required {
  top: 43.5px;
}

#application #mailformpro .d-none {
  display: none;
}

#application #mailformpro .birthday_list div, #application #mailformpro .address div {
  position: relative;
}

#application #mailformpro .check_list li:nth-of-type(n + 2) {
  margin-top: 1em;
}

#application #mailformpro .check_list.reha_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#application #mailformpro .check_list.reha_list li:nth-of-type(n + 2) {
  margin-left: 4%;
  margin-top: 0;
}

#application #mailformpro .date .txt03 {
  font-size: 14px;
}

#application #mailformpro .date .txt03 span {
  display: block;
  text-indent: 0.3em;
}

#application #mailformpro .birthday_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#application #mailformpro .birthday_list div::after {
  right: 12px;
}

#application #mailformpro .birthday_list li {
  position: relative;
  vertical-align: text-bottom;
}

#application #mailformpro .birthday_list li:not(:last-of-type) {
  margin-right: 1.6%;
}

#application #mailformpro .birthday_list li:first-of-type {
  width: 110px;
}

#application #mailformpro .birthday_list li:nth-of-type(2), #application #mailformpro .birthday_list li:nth-of-type(4) {
  position: relative;
  top: 4px;
}

#application #mailformpro .birthday_list li:nth-of-type(3), #application #mailformpro .birthday_list li:nth-of-type(5) {
  width: 90px;
}

#application #mailformpro .reha_list, #application #mailformpro .gender_list, #application #mailformpro .recive_list, #application #mailformpro .support_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#application #mailformpro .reha_list li:nth-of-type(n + 2), #application #mailformpro .gender_list li:nth-of-type(n + 2), #application #mailformpro .recive_list li:nth-of-type(n + 2) {
  margin-left: 4%;
}
#application #mailformpro .reha_list.type02 li {
	margin-left: 0 !important;
	margin-right: 4%;
}
#application #mailformpro .reha_list li label, #application #mailformpro .gender_list li label, #application #mailformpro .recive_list li label {
  padding-left: 26px;
}

#application #mailformpro .type_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#application #mailformpro .type_list li:nth-of-type(n + 2) {
  margin-left: 4%;
  margin-top: 0;
}

#application #mailformpro .cnt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

#application #mailformpro .cnt_wrap p {
  font-size: 16px;
  line-height: 262.5%;
  font-weight: bold;
  margin-right: 28px;
}

#application #mailformpro .cnt_wrap input {
  width: 120px !important;
}

#application #mailformpro .address div {
  width: 340px;
}

#application #mailformpro .address div select {
  width: 100%;
}

#application #mailformpro .address div::after {
  right: 20px;
}

#application #mailformpro .txt01 {
  font-size: 16px;
  line-height: 175%;
  font-weight: bold;
  color: #4b4b4b;
  margin-bottom: 20px;
  vertical-align: top;
}

#application #mailformpro .half input[type="text"] {
  max-width: 180px !important;
}

#application #mailformpro .dummy{
  display: none;
}
@media screen and (max-width: 768px) {
  #application tr.remark td {
    padding-left: 0;
  }
  #application tr .borderless01 th, #application tr .borderless01 td {
    padding-bottom: 7px;
  }
  #application tr .borderless02 th, #application tr .borderless02 td {
    padding-bottom: 4px;
  }
  #application th {
    width: 100%;
  }
  #application td {
    padding-left: 0;
    width: 100%;
  }
  #application #mailformpro .birthday_list div, #application #mailformpro .address div {
    position: relative;
  }
  #application #mailformpro .date .txt03 {
    font-size: 15px;
  }
  #application #mailformpro .date .txt03 span {
    display: inline-block;
    text-indent: 0.5em;
  }
  #application #mailformpro .birthday_list div::after {
    right: 10px;
  }
  #application #mailformpro .check_list.reha_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #application #mailformpro .check_list.reha_list li:nth-of-type(n + 2) {
    margin-left: 4%;
  }
  #application #mailformpro .birthday_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #application #mailformpro .birthday_list li {
    position: relative;
    vertical-align: text-bottom;
  }
  #application #mailformpro .birthday_list li:not(:last-of-type) {
    margin-right: 2.28571%;
  }
  #application #mailformpro .birthday_list li:first-of-type {
    width: 90px;
  }
  #application #mailformpro .birthday_list li:nth-of-type(2), #application #mailformpro .birthday_list li:nth-of-type(4) {
    position: relative;
    top: 4px;
  }
  #application #mailformpro .birthday_list li:nth-of-type(3), #application #mailformpro .birthday_list li:nth-of-type(5) {
    width: 75px;
  }
  #application #mailformpro .reha_list, #application #mailformpro .gender_list, #application #mailformpro .recive_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #application #mailformpro .reha_list li:nth-of-type(n + 2), #application #mailformpro .gender_list li:nth-of-type(n + 2), #application #mailformpro .recive_list li:nth-of-type(n + 2) {
    margin-left: 4%;
  }
  #application #mailformpro .reha_list li label, #application #mailformpro .gender_list li label, #application #mailformpro .recive_list li label {
    padding-left: 26px;
  }
  #application #mailformpro .cnt_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
  }
  #application #mailformpro .cnt_wrap p {
    font-size: 16px;
    line-height: 262.5%;
    font-weight: bold;
    margin-right: 28px;
  }
  #application #mailformpro .cnt_wrap input {
    width: 120px !important;
  }
  #application #mailformpro .address div {
    width: initial;
  }
  #application #mailformpro .address div::after {
    right: 30px;
  }
  #application #mailformpro .txt01 {
    font-size: 15px;
    margin-bottom: 12px;
  }
  #application #mailformpro .half input[type="text"] {
    max-width: initial !important;
    width: 46.5% !important;
  }
  #application #mailformpro .half input[type="text"]:nth-of-type(n + 2) {
    margin-left: 3%;
  }
}

.check_list input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.check_list .label {
	font-weight: bold;
	white-space: nowrap;
	margin-right: 10px;
}
.check_list input[type="checkbox"] ~ .check-label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.check_list input[type="checkbox"] ~ .check-label:before {
  content: '';
  background: #fff;
  border-radius: 3px;
  border: 1px solid #d4d4d4;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 0.8rem;
  top: 2px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.check_list input[type="checkbox"]:checked ~ .check-label:before {
  background: url("../img/cmn/icon_check.svg") no-repeat center 2px/100%;
}

.check_list input[type="checkbox"]:focus ~ .check-label:before {
  outline: none;
  border-color: #6aa810;
}

.check_list input[type="checkbox"] ~ .check-label:empty:before {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .check_list input[type="checkbox"] ~ .check-label:before {
    width: 20px;
    height: 20px;
  }
}

/* ------------------------------------
	mall 220307追加
------------------------------------ */


#mall .txt_green {
    color: #71a91f;
    font-weight: bold;
}
#mall .sec01 {
    background-color: #f5f5f5;
    padding: 60px 0;
}

#mall .sec01 .flex {
    padding: 60px 0;
    position: relative;
}



#mall .sec01 .img_wrap, .sec01 .txt_wrap {
    width: 50%;
    position: relative;
    z-index: 2;
}

#mall .sec01 .img_wrap {
    padding: 0 40px 0 24px;
}

#mall .sec01 .txt_wrap {
    font-size: 1.6rem;
    padding-right: 40px;
}

#mall .sec01 .flex::before {
    background-color: #fff;
    display: block;
    width: 80.508%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#mall .sec02 {
	    padding-top: 60px;
}
#mall .sec02, .sec03, .doc, .sec04 {
	    padding-bottom: 80px;
}

#mall dl {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#mall dt {
  padding: 8px 16px 8px 0;
}

#mall dd {
  /* padding: 8px; */
  padding: 8px 0 8px 16px;
}

#mall dt {
  font-size: 18px;
  font-weight: bold;
  width: 14.4%;
  border-right: 2px solid #ededed;
}

#mall dd {
  font-size: 16px;
  width: 85.6%;
}

#mall dd .notes {
  display: block;
  font-size: 14px;
}

#mall dd a {
  /* text-decoration: underline 1px #a5a5a5; */
  border-bottom: solid 1px #a5a5a5;
  padding-bottom: 2px;
}

#mall dt:not(:first-of-type), #mall dd:not(:first-of-type) {
  margin-top: 28px;
}

#mall .inner .access-maparea {
  position: relative;
  padding-top: 38%;
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
}

#mall .inner .access-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mall .sec03 .feature_list {
 padding-bottom: 30px;
}
#mall .sec03 .feature_list .maru{
    position: relative;
    padding-left: 22px;	
}


#mall .sec03 .feature_list .maru::before {
	background-color: #6aa810;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 1rem;
    transform: translateY(20%);
    position: absolute;
    left: 0;
	top: 0;
}

#mall .sec03 .feature_list .arrow {
    position: relative;
    padding-left: 50px;	
}

#mall .sec03 .feature_list .arrow::before {
    background-image: url(../img/mall/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
/*    background-position: center;*/
    width: 27px;
    height: 27px;
    padding-right: 14px;
    position: absolute;
    display: block;
    content: "";
    left: 2%;
    top: 0;
}

#mall .doc p {
     width: 27.96%; 
    margin-left: 2.54%;
     border: solid #6aa810 0.1px; 
    color: #6aa810;
    font-size: 20px;
    position: relative;
    font-weight: bold;
    min-width: 280px;
}
#mall .doc p a {
    display: block;
    /* padding: 10px 12.12% 10px 21.21%; */
    padding: 10px 50px 10px 60px;
    min-width: 280px;
    white-space: nowrap;
}

#mall .doc p a::before {
    background-image: url(../img/cmn/dl_pdf.svg);
    /* padding-left: 21.21%; */
    padding-left: 60px;
    left: 0;
    height: 80%;
}

#mall .doc p a::after {
    background-image: url(../img/cmn/dl_action.svg);
    /* padding-right: 18%; */
    padding-right: 50px;
    right: 0;
    height: 40%;
}

#mall .doc p a::before, #mall .doc p a::after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


#mall .sec04 .img_wrap {
    width: 45.76%;
}
#mall .sec04 .img_wrap img {
   width: 100%;
  height:100%;
  object-fit: contain;}


@media screen and (max-width: 768px){	
#mall .sec01 {
    padding: 24px 0;
}
#mall .sec01 .img_wrap {
    margin-bottom: 24px;
	padding: 0 4% 0 4%;
}

#mall .sec01 .img_wrap, .sec01 .txt_wrap {
    width: 100%;
    position: relative;
    z-index: 2;
}
#mall .sec01 .txt_wrap {
    padding: 4%;
}
	
#mall .sec01 .txt_wrap p:not(:last-child) {
    margin-bottom: 16px;
}
#mall .sec01 .flex {
    display: block;
    padding: 24px 0;
}
	
#mall .sec01 .flex::before {
    height: 90%;
    top: inherit;
    bottom: 0;
}
#mall .sec02, .sec03, .doc, .sec04 {
	padding: 30px 4% 0 4%;
}

  #mall dl {
    display: block;
    padding-top: 50px;
  }
  #mall dt, #mall dd {
    width: 100%;
  }
  #mall dt {
    font-size: 15px;
    border-right: none;
    border-bottom: 2px solid #ededed;
  }
  #mall dd {
    font-size: 13px;
  }
  #mall dd .notes {
    font-size: 12px;
  }
  #mall dt, #mall dd {
    padding: 0;
  }
  #mall dt {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  #mall dd:not(:first-of-type) {
    margin-top: 0;
  }
  #mall dd {
    /* padding-top: 11px; */
    padding-top: 8px;
  }
  #mall .inner .access-maparea {
    padding-top: 67%;
    margin: 5px 0 30px;
  }
  #mall .inner div,
  #mall .inner dl {
    padding: 0;
  }
   #mall .sec03 .feature_list .arrow::before {
    width: 22px;
}

/*
#mall .sec03 .feature_list .arrow {
    position: relative;
    padding-left: 22px;	
}
*/
#mall .sec03 .feature_list .arrow::before {
    left: 4%;
    top: 4%;
}
	
	#mall .sp_only {
    overflow-x: scroll;
}
	#mall .sp_only img {
    max-width: initial;
		height: 400px;
}
#mall .sec04 {
    padding-top: 30px;
  }
#mall .sec04 .flex {
    display: block;
    padding: 24px 0 0;
}
#mall .sec04 .img_wrap {
    width: 100%;
    position: relative;
    z-index: 2;
	margin-bottom: 24px;
	}
	
#mall .doc p {
    font-size: 13px;
    text-align: center;
}
#mall .doc p {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
}

	
	
}

@media screen and (max-width: 480px){
	#mall .sec03 .feature_list .arrow::before {
    left: 7%;
    top: 4%;
}
	
}

/*問い合わせページ追記220802*/


.ryoyo_txt {
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}

.ryoyo_txt .txt_green {
    color: #71a91f;

}

.hd_contact2 {
  max-width: 300px; 
  margin-top: 20px;
   padding-top: 20px; 
  margin: 0 auto;
}

.hd_contact2 a {
  color: #71a91f;
  font-size: 1.5rem;
  background: #fff;
  border: solid 1px #71a91f;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  display: block;
  text-align: center;
  /* padding: 16px 0; */
  padding: 16px 21px;
  position: relative;
}

.hd_contact2 a span {
  padding-left: 24px;
}

@media screen and (max-width: 768px){
	
	
	.ryoyo_txt {
	line-height: 2;
}
    .ryoyo_txt .btn_green {
		color: #71a91f;
		border: solid 1px #71a91f;
		 border-radius: 6px;
		 padding: 3px 3px;
		 background: #fff;
		line-height: 1.5;
		-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
        -ms-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
        box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
	}
	
}

.note_txt {
	margin: 10px 0 0;
}


/*241025　追加*/
.twin-bnr {
	display: flex;
	margin: 70px auto 0;
	max-width: 1180px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.twin-bnr div {
	max-width: 48%;
	margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
	.twin-bnr {
		display: block;
		padding: 16px 3% 0;
		margin-top: 0;
	}
	.twin-bnr div {
	max-width: 100%;
	margin-bottom: 16px;
}
}

#careerup .index_group .tabs label {
		width: 50%!important;
	}
/*# sourceMappingURL=style.css.map */

.fix_insta {
	display: none;
}
@media screen and (max-width: 768px) {
.fix_insta {
	width: 100%;
	background: #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
	padding: 0 2% 8px;
	z-index: 10;
}
.fix_insta li {
	width: 49%;
}
}

/*20241224追加*/
.list01 li {
	background-color: #fff;
	padding: 1em;
}
.list01 li:hover {
	background-color: #71a91f;
}

.list01 li .image img {
	top: 60%;
}

.list01 li {
  position: relative;/*相対配置*/
	margin-bottom: 1em;
}
.list01 li:hover {
	color: #fff;
}
.list01 li a .title01,
.list01 li a .title02,
.list01 li a .title03,
.list01 li a .title04,
.list01 li a .title05,
.list01 li a .title06,
.list01 li a .title07 {
	font-size: 1.3em;
} 
.list01 li a .title01::before,
.list01 li a .title02::before,
.list01 li a .title03::before,
.list01 li a .title04::before,
.list01 li a .title05::before,
.list01 li a .title06::before,
.list01 li a .title07::before {/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 25%;/*画像の幅に対する高さ比率*/
  display: block;
}
.list01 li a .title07::before {
	padding-top: 5%;/*画像の幅に対する高さ比率*/
}
.list01 li a .title01::after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 18%;
  left: 50%;
  margin-left: -8%;
  display: block;
  width: 16%;/*幅*/
  height: 70px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(../img/index/icon_ini01.svg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
.list01 li a .title01:hover::after {
	background-image: url(../img/index/icon_ini01w.svg);
}
.list01 li a .title02::after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 20%;
  left: 50%;
  margin-left: -8%;
  display: block;
  width: 16%;/*幅*/
  height: 54px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(../img/index/icon_ini02.svg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  padding-top: 5%;
  }
.list01 li a .title02:hover::after {
	background-image: url(../img/index/icon_ini02w.svg);
}
.list01 li a .title03::after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 20%;
  left: 50%;
  margin-left: -8%;
  display: block;
  width: 16%;/*幅*/
  height: 54px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(../img/index/icon_ini03.svg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
.list01 li a .title03:hover::after {
	background-image: url(../img/index/icon_ini03w.svg);
}
.list01 li a .title04::after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 21%;
  left: 50%;
  margin-left: -5.5%;
  display: block;
  width: 11%;/*幅*/
  height: 70px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(../img/index/icon_ini04.svg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
.list01 li a .title04:hover::after {
	background-image: url(../img/index/icon_ini04w.svg);
}
.list01 li a .title05::after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 26%;
  left: 50%;
  margin-left: -12%;
  display: block;
  width: 24%;/*幅*/
  height: 54px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(../img/index/icon_ini05.svg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
.list01 li a .title05:hover::after {
	background-image: url(../img/index/icon_ini05w.svg);
}
.list01 li a .title06::after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 27%;
  left: 50%;
  margin-left: -10%;
  display: block;
  width: 20%;/*幅*/
  height: 54px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(../img/index/icon_ini06.svg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
.list01 li a .title06:hover::after {
	background-image: url(../img/index/icon_ini06w.svg);
}

@media screen and (max-width: 768px) {
	.list01 {
		display: grid;
  width: 100%;
  column-gap: 1em;
  grid-template-columns: repeat(3, auto);
	}
	.work_sp .list01 ul {
		margin: 0 auto;
	}

	.list01 li a .title01::before,
.list01 li a .title02::before,
.list01 li a .title03::before,
.list01 li a .title04::before,
.list01 li a .title05::before,
.list01 li a .title06::before,
.list01 li a .title07::before {/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 36%;/*画像の幅に対する高さ比率*/
  display: block;
}
	.list01 li a .title02::before,
	.list01 li a .title05::before{
		padding-top: 40%;/*画像の幅に対する高さ比率*/
	}
	.list01 li a .title07::before {
		  padding-top: 5%;/*画像の幅に対する高さ比率*/
	}
.list01 li a .title01::after,
.list01 li a .title02::after,
.list01 li a .title03::after {/*画像を絶対配置*/
  top: 10%;
  margin-left: -12.5%;
  width: 25%;/*幅*/
  height: 54px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  }

.list01 li a .title04::after {/*画像を絶対配置*/
  top: 14%;
  margin-left: -8%;
  width: 16%;/*幅*/
  }
.list01 li a .title05::after {/*画像を絶対配置*/
  top: 19%;
  margin-left: -13%;
  width: 34%;/*幅*/
  }

.list01 li a .title06::after {/*画像を絶対配置*/
  top: 17%;
  margin-left: -14%;
  width: 28%;/*幅*/
  }
	.list01 li a .title01,
.list01 li a .title02,
.list01 li a .title03,
.list01 li a .title04,
.list01 li a .title05,
.list01 li a .title06,
.list01 li a .title07 {
	font-size: 1em;
} 
}
@media screen and (max-width: 536px) {
	.list01 {
		display: grid;
  width: 100%;
  column-gap: 1em;
  grid-template-columns: repeat(2, auto);
	}
	.list01 li a h3 {
		font-size: 1em;
	}
	.list01 li a .title01::before,
.list01 li a .title02::before,
.list01 li a .title03::before,
.list01 li a .title04::before,
.list01 li a .title05::before,
.list01 li a .title06::before,
.list01 li a .title07::before {/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 36%;/*画像の幅に対する高さ比率*/
  display: block;
}
	.list01 li a .title07::before {
		  padding-top: 5%;/*画像の幅に対する高さ比率*/
	}
.list01 li a .title01::after,
.list01 li a .title02::after,
.list01 li a .title03::after {/*画像を絶対配置*/
  top: 10%;
  margin-left: -12.5%;
  width: 27%;/*幅*/
  height: 54px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  }
	.list01 li a .title01::after {
	  top: 9%;
	}
.list01 li a .title04::after {/*画像を絶対配置*/
  top: 10%;
  margin-left: -8%;
  width: 20%;/*幅*/
  }
.list01 li a .title05::after {/*画像を絶対配置*/
  top: 13%;
  margin-left: -16%;
  width: 37%;/*幅*/
  }

.list01 li a .title06::after {/*画像を絶対配置*/
  top: 12%;
  margin-left: -16%;
  width: 32%;/*幅*/
  }

}

.work_sp .list01-sp {
		display: grid;
  width: 100%;
  column-gap: 1em;
  grid-template-columns: repeat(2, auto);
	text-align: center;
	}
.list01-sp li .image{
	margin-top: 1em;
}
.list01-sp li{
	padding-bottom: 1em;
}
@media screen and (max-width: 1426px) {
	.is_sp920 {
		display: block!important;
	}
	.is_pc920 {
		display: none;
	}
}
.list01-com li {
	width: 48%;
	color: #71a91f;
  border: solid 1px #71a91f;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.22);
  text-align: center;
  overflow: hidden;
}
.list01-com li a {
	height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.list01-com li .image {
	min-height: 0%;
  padding-top: 55%;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.list01-com li .image img {
	width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.list01-com.col2 li .title {
	font-size: 2rem;
  padding: 8px;
}
.list01-com li .title {
/*  background: #fff;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 8px 4px;
  -webkit-transition: .5s;
  transition: .5s;
}
@media screen and (max-width: 768px) {
	.list01-com.col2 li .title {
		font-size: 1em;
	}
}