@charset "UTF-8";
/* ------------------------------------------------

* Style Index
	#. Cores
	#. Layouts    :prefix[l-]
	#. Components :prefix[c-]
	#. Units
	#. Utilities  :prefix[u-]
	// #. Functions :prefix[js-]

------------------------------------------------ */
/* ------------------------------------------------
# Cores
------------------------------------------------ */
/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

* {
  box-sizing: border-box;
}

*:before, *:after {
  box-sizing: inherit;
}

svg {
  width: auto;
  height: auto;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

ul {
  list-style: none;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  font-size: 1.4rem;
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  line-height: 1.5em;
  letter-spacing: 0;
  color: #35414A;
  font-feature-settings: "palt" 1;
  -webkit-text-size-adjust: 100%;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  display: inline-block;
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
  color: #35414A;
}

button {
  cursor: pointer;
  border: none;
  background-color: initial;
}

/*-------------------------- SP/PC表示非表示 ------------------------------*/
.image-sp {
  display: none;
}

.content-sp {
  display: none;
}

.br-sp {
  display: none;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 959px) {
  .image-pc {
    display: none;
  }
  .content-pc {
    display: none;
  }
  .br-pc {
    display: none;
  }
  .image-sp {
    display: inline-block;
  }
  .content-sp {
    display: inline-block;
  }
  .br-sp {
    display: inline-block;
  }
}
/*-------------------------- コンテンツ幅 ------------------------------*/
.content-w {
  width: 800px;
  max-width: calc(100% - 30px);
  margin: 0 auto;
}

/*-------------------------- 固定フォント ------------------------------*/
h1.title {
  padding: 10px 0 0 8px;
  font-size: 25px;
  line-height: 0.8em;
  font-weight: 700;
  position: relative;
  z-index: 2;
}
h1.title span {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.1em;
}

h1.title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.3);
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  background-color: #FFFFFF;
  border-radius: 100px;
  color: #F2BB00;
  font-size: 18px;
  padding: 10px 40px;
  transition: all 0.4s;
}
.button span {
  display: inline-block;
  width: 28px;
  transition: all 0.4s;
}
.button span img {
  width: 100%;
  height: auto;
}

.button:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transform: translate(0, -5px);
}
.button:hover span {
  margin: 0 -5px 0 5px;
}

/* -------------------------------------------------------------------- 

   #ヘッダー

-------------------------------------------------------------------- */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background-color: #FFFFFF;
}
#header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  margin: 0 40px;
}
#header .hamburger {
  display: none;
}
#header .logo {
  height: 60px;
}
#header .logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
#header .logo a img {
  height: 100%;
  width: auto;
  opacity: 1;
  transition: all 0.4s;
}
#header .logo a:hover img {
  opacity: 0.6;
  transition: all 0.4s;
}
#header .menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
#header .menu a {
  font-size: 18px;
  font-weight: 700;
  padding: 10px 10px;
}
#header .menu a span {
  position: relative;
  z-index: 1;
}
#header .menu a span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0%;
  height: 2px;
  background: #F9A7B0;
  z-index: -1;
  transition: all 0.4s;
}
#header .menu a:hover span:after {
  width: 100%;
}
#header .menu a.contact span:hover:after {
  width: 0;
}
#header .menu a.contact {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #F9A7B0;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 18px;
  padding: 10px 30px;
  transition: all 0.4s;
}
#header .menu a.contact span {
  display: inline-block;
  width: 28px;
  transition: all 0.4s;
}
#header .menu a.contact span img {
  width: 100%;
  height: auto;
}
#header .menu a.contact:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transform: translate(0, -5px);
}
#header .menu a.contact:hover span {
  margin: 0 -5px 0 5px;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #header {
    /* ナビ開いてる時のボタン */
  }
  #header .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    margin: 0 15px;
  }
  #header .hamburger {
    display: inline-block;
    width: 30px;
    height: 25px;
    cursor: pointer;
    text-align: center;
    position: relative;
  }
  #header .hamburger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    background: #F9A7B0;
    transition: 0.3s ease-in-out;
    border-radius: 5px;
  }
  #header .hamburger span:nth-child(1) {
    top: 0;
  }
  #header .hamburger span:nth-child(2) {
    top: 11.5px;
  }
  #header .hamburger span:nth-child(3) {
    top: 23px;
  }
  #header .hamburger.active {
    transition: all 0.3s ease-in-out;
    transition-delay: 0.6s;
    transform: rotate(45deg);
  }
  #header .hamburger.active span:nth-child(2) {
    width: 0px;
  }
  #header .hamburger.active span:nth-child(1),
#header .hamburger.active span:nth-child(3) {
    background: #F9A7B0;
    transition-delay: 0.3s;
  }
  #header .hamburger.active span:nth-child(1) {
    transform: translateY(10px);
  }
  #header .hamburger.active span:nth-child(3) {
    transform: translateY(-13px) rotate(90deg);
  }
  #header .logo {
    height: 40px;
  }
  #header .header-nav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    background-color: #FFFFFF;
    z-index: 10000;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    display: none;
    background-image: url("../image/nav_bg.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 60% auto;
  }
  #header .global-nav {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  #header .menu {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  #header .menu a {
    padding: 20px;
  }
  #header .menu a.contact {
    margin-top: 20px;
  }
}
/* -------------------------------------------------------------------- 

   #キービジュアル

-------------------------------------------------------------------- */
#keyvisual {
  margin-top: 100px;
  height: calc(100vh - 100px);
  max-height: 760px;
  background-image: url("../image/keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#keyvisual .content-w {
  height: 100%;
  display: flex;
  align-items: center;
  background-image: url("../image/txt_bg.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}
#keyvisual .txt {
  text-align: center;
  width: 100%;
}
#keyvisual .txt h1 {
  font-size: 40px;
  line-height: 1.8em;
  font-weight: 700;
  margin: 200px 0 15px 0;
}
#keyvisual .txt h1 span {
  display: inline-block;
  width: 33px;
}
#keyvisual .txt h1 span img {
  margin: 0 0 10px 5px;
}
#keyvisual .txt p {
  font-size: 18px;
  line-height: 1.8em;
  font-weight: 700;
}
#keyvisual .txt p span {
  display: inline-block;
  line-height: 1.5em;
  background: linear-gradient(transparent 60%, #F9A7B0 60%);
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #keyvisual {
    margin-top: 60px;
    height: calc(100vh - 60px);
    max-height: 770px;
    background-image: url("../image/keyvicual_sp.jpg");
    background-size: 100% auto;
    background-position: top;
  }
  #keyvisual .content-w {
    height: 100%;
    max-width: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    background-size: 200% auto;
    background-position: right bottom -40px;
  }
  #keyvisual .txt {
    text-align: left;
  }
  #keyvisual .txt h1 {
    font-size: 30px;
    line-height: 1.8em;
    margin: 200px 0 15px 0;
  }
  #keyvisual .txt h1 span {
    display: inline-block;
    width: 25px;
  }
  #keyvisual .txt p {
    font-size: 14px;
  }
}
/* -------------------------------------------------------------------- 

   #お知らせ

-------------------------------------------------------------------- */
#news {
  background-color: #FECE5C;
}
#news h1.title {
  color: #FFFFFF;
}
#news .content-w {
  padding: 100px 0 60px 0;
  display: flex;
  justify-content: space-between;
}
#news .news-content {
  width: 75%;
}
#news .news-list {
  width: 100%;
}
#news .news-list .item {
  background-color: #FFFFFF;
  border-radius: 3px;
  margin-bottom: 15px;
  transition: all 0.4s;
}
#news .news-list .item a {
  display: flex;
  gap: 20px;
  width: 100%;
  padding: 15px 25px;
}
#news .news-list .item a time {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Noto Sans JP", sans-serif;
}
#news .news-list .item a h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}
#news .news-list .item:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transform: translate(0, -3px);
}
#news button {
  margin: 25px 0 0 auto;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #news .content-w {
    padding: 70px 0 50px 0;
    flex-flow: column;
  }
  #news .news-content {
    width: 100%;
  }
  #news h1.title {
    margin-bottom: 25px;
  }
  #news .news-list {
    width: 100%;
  }
  #news .news-list .item {
    border-radius: 2px;
    margin-bottom: 10px;
  }
  #news .news-list .item a {
    flex-flow: column;
    gap: 0;
    padding: 13px 10px;
  }
  #news .news-list .item a time {
    line-height: 1.5em;
  }
  #news .news-list .item a h1 {
    font-size: 14px;
    line-height: 21px;
  }
  #news button {
    margin: 25px 0 0 auto;
  }
}
/* -------------------------------------------------------------------- 

   #企業理念

-------------------------------------------------------------------- */
#about {
  background-color: #FEF8F9;
  text-align: center;
  position: relative;
}
#about .content-w {
  background-image: url("../image/about_bg.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  padding: 120px 0 100px 0;
}
#about h1 {
  font-size: 25px;
  font-weight: 700;
  line-height: 0.8em;
  margin-bottom: 25px;
}
#about h1 span {
  color: #F9A7B0;
  font-size: 14px;
  letter-spacing: 0.1em;
}
#about p {
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 400;
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
}
#about button {
  color: #F9A7B0;
  margin: 0 auto;
  border: 1.5px solid #F8A8B1;
}

#about::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  background-image: url("../image/aobut_top.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  z-index: 3;
}

#about::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 90px;
  bottom: 0;
  left: 0;
  background-image: url("../image/about_bottom.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  z-index: 3;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #about .content-w {
    background-image: url("../image/about_bg_sp.png");
    padding: 100px 15px 200px 15px;
    max-width: 100%;
  }
  #about h1 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  #about p {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 40px;
  }
  #about::after {
    background-image: url("../image/about_top_sp.png");
  }
  #about::before {
    background-image: url("../image/about_buttom_sp.png");
  }
}
/* -------------------------------------------------------------------- 

   #サービス

-------------------------------------------------------------------- */
#service .content-w {
  padding: 100px 0 50px 0;
}
#service h1 {
  margin-bottom: 25px;
}
#service h1 span {
  color: #FECE5C;
}
#service h1::before {
  background-color: #FFF2D3;
}
#service .service-items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2.66%;
}
#service .service-items .item {
  width: 23%;
  text-align: center;
}
#service .service-items .item img {
  width: 80%;
}
#service .service-items .item h2 {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  font-family: "Noto Sans JP", sans-serif;
  margin: 10px 0 20px 0;
}
#service .button {
  background-color: #FECE5C;
  color: #FFFFFF;
  margin: 25px 0 0 auto;
}

#area .content-w {
  padding: 0 0 100px 0;
}
#area h1 {
  margin-bottom: 25px;
}
#area h1 span {
  color: #F8A8B1;
}
#area h1::before {
  background-color: #FCE7EA;
}
#area .area-content {
  display: flex;
  justify-content: space-between;
}
#area .area-content .img,
#area .area-content .txt {
  width: 50%;
}
#area .area-content .txt {
  padding-left: 30px;
}
#area .area-content .txt h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  font-family: "Noto Sans JP", sans-serif;
}
#area .area-content .txt h2 span {
  display: inline-block;
  line-height: 1.5em;
  background: linear-gradient(transparent 60%, #F9A7B0 60%);
}
#area .area-content .txt ul {
  padding-left: 20px;
}
#area .area-content .txt li {
  list-style: disc;
}
#area .area-content .txt li p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8em;
  font-family: "Noto Sans JP", sans-serif;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #service .content-w {
    padding: 70px 0 50px 0;
  }
  #service .service-items {
    gap: 3%;
  }
  #service .service-items .item {
    width: 48.5%;
  }
  #service .button {
    background-color: #FECE5C;
    color: #FFFFFF;
    margin: 25px auto 0 auto;
  }
  #area .content-w {
    padding: 0 0 70px 0;
  }
  #area .area-content {
    flex-flow: column-reverse;
    gap: 25px;
  }
  #area .area-content .img,
#area .area-content .txt {
    width: 100%;
  }
  #area .area-content .txt {
    padding-left: 0;
  }
  #area .area-content .txt li p {
    font-size: 14px;
  }
}
/* -------------------------------------------------------------------- 

   #バナー

-------------------------------------------------------------------- */
#recruit {
  background-color: #FEF8F9;
  padding: 70px 0;
  text-align: center;
}
#recruit .content-w {
  width: 600px;
}
#recruit a {
  width: 100%;
  display: inline-block;
  transition: all 0.4s;
}
#recruit a:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transform: translate(0, -5px);
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #recruit {
    padding: 50px 0;
  }
}
/* -------------------------------------------------------------------- 

   #マップ

-------------------------------------------------------------------- */
#map {
  height: 300px;
}

/* -------------------------------------------------------------------- 

   #フッター

-------------------------------------------------------------------- */
footer {
  background-color: #F8A8B1;
  background-image: url("../image/footer_bg.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0;
}
footer .content-w {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 1200px;
  color: #FFFFFF;
}
footer a.logo {
  display: inline-block;
  width: 200px;
  margin-bottom: 20px;
  transition: all 0.4s;
}
footer a.logo:hover {
  opacity: 0.6;
}
footer h2,
footer p,
footer a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
  transition: all 0.4s;
}
footer a:hover {
  opacity: 0.6;
}
footer h2 {
  margin-bottom: 5px;
  font-size: 18px;
}
footer p.add {
  font-size: 14px;
  margin-bottom: 20px;
}
footer a.tel,
footer p.fax {
  font-size: 30px;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #FFFFFF;
}
footer a.tel span,
footer p.fax span {
  display: inline-block;
  font-size: 14px;
  padding-right: 8px;
  letter-spacing: 0em;
}
footer a.tel small,
footer p.fax small {
  font-size: 14px;
  letter-spacing: 0em;
  display: inline-block;
  margin-left: 8px;
}
footer .copy small {
  font-size: small;
  font-weight: 300;
  font-family: "Noto Sans JP", sans-serif;
}
footer .copy small a {
  font-size: small;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  transition: all 0.4s;
}
footer .copy small a:hover {
  opacity: 0.6;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  footer {
    background-image: url("../image/footer_bg_sp.png");
    background-size: 100% auto;
    background-position: bottom;
    padding: 70px 0 10px 0;
  }
  footer .content-w {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  footer a.tel {
    line-height: 0.5em;
  }
  footer a.tel small {
    font-size: 12px;
    margin: 0;
  }
  footer .copy {
    text-align: center;
    width: 100%;
  }
  footer .copy small {
    display: inline-block;
    margin: 80px 0 0 0;
    font-size: 9px;
    text-align: center;
  }
  footer .copy small a {
    font-size: 9px;
  }
}
.fade-in1,
.fade-in2 {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 1s;
}

.fade-in1.active,
.fade-in2.active {
  opacity: 1;
  transform: translate(0, 0);
}

.fade-up {
  transition: all 1s;
  opacity: 0;
  transform: translate(0, 20px);
}

.fade-up.active {
  opacity: 1;
  transform: translate(0, 0);
}

/* -------------------------------------------------------------------- 

    #個ページ

-------------------------------------------------------------------- */
.pg-content {
  margin-top: 100px;
}
.pg-content .page-head {
  height: 250px;
  background-image: url("../image/page_top_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.pg-content .page-head .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.pg-content .page-head .wrapper h1 {
  font-size: 25px;
  font-weight: 700;
  line-height: 1em;
}
.pg-content .page-head .wrapper h1 span {
  font-size: 14px;
  color: #F9A7B0;
}

/* -------------------------------------------------------------------- 

   #個ページ ニュース一覧

-------------------------------------------------------------------- */
#pg-news .news-list-wrapper {
  padding: 100px 0;
  width: 600px;
}
#pg-news .news-list-wrapper .news-list {
  margin-bottom: 30px;
  display: flex;
  flex-flow: column;
  gap: 15px;
  width: 100%;
}
#pg-news .news-list-wrapper .news-list .item {
  border-radius: 3px;
  transition: all 0.4s;
}
#pg-news .news-list-wrapper .news-list .item a {
  display: flex;
  gap: 20px;
  width: 100%;
  padding: 15px 25px;
  border: 2px solid #F9A7B0;
  border-radius: 3px;
}
#pg-news .news-list-wrapper .news-list .item a time {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Noto Sans JP", sans-serif;
}
#pg-news .news-list-wrapper .news-list .item a h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}
#pg-news .news-list-wrapper .news-list .item:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transform: translate(0, -3px);
}
#pg-news .news-list-wrapper .wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#pg-news .news-list-wrapper .wp-pagenavi span,
#pg-news .news-list-wrapper .wp-pagenavi a {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #F9A7B0;
  width: 30px;
  height: 30px;
  color: #F9A7B0;
  transition: all 0.4s;
}
#pg-news .news-list-wrapper .wp-pagenavi a:hover {
  background-color: #F9A7B0;
  color: #FFFFFF;
}
#pg-news .news-list-wrapper .wp-pagenavi span {
  background-color: #F9A7B0;
  color: #35414A;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  .pg-content {
    margin-top: 60px;
  }
  .pg-content .page-head {
    height: 150px;
    background-image: url("../image/page_top_bg_sp.png");
  }
  #pg-news .news-list-wrapper {
    padding: 70px 0;
  }
  #pg-news .news-list-wrapper .news-list {
    width: 100%;
    gap: 10px;
  }
  #pg-news .news-list-wrapper .news-list .item {
    border-radius: 2px;
  }
  #pg-news .news-list-wrapper .news-list .item a {
    flex-flow: column;
    gap: 0;
    padding: 13px 15px;
  }
  #pg-news .news-list-wrapper .news-list .item a time {
    line-height: 1.5em;
  }
  #pg-news .news-list-wrapper .news-list .item a h1 {
    font-size: 14px;
    line-height: 21px;
  }
}
/* -------------------------------------------------------------------- 

   #個ページ ニュース詳細

-------------------------------------------------------------------- */
.detail {
  font-family: "Noto Sans JP", sans-serif;
}
.detail time {
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.detail h1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 8px;
  font-family: "Noto Sans JP", sans-serif;
}
.detail h1.news-title {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 30px;
}
.detail p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
}
.detail img {
  margin-bottom: 20px;
}

.more-news {
  display: flex;
  justify-content: space-between;
  padding: 60px 0 0 0;
  border-top: 1px solid #35414A;
  font-size: 14px;
  line-height: 1.5em;
  font-family: "Noto Sans JP", sans-serif;
}
.more-news span {
  font-size: 12px;
}
.more-news .next {
  margin: 0 0 0 auto;
}
.more-news a {
  transition: all 0.4s;
}
.more-news a:hover {
  opacity: 0.6;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  .more-news {
    padding: 40px 0 0 0;
    border-top: 0.5px solid #35414A;
  }
}
/* -------------------------------------------------------------------- 

   #個ページ 私たちについて

-------------------------------------------------------------------- */
#pg-about .about-wrapper,
#pg-recruit .about-wrapper {
  padding: 100px 0;
}
#pg-about .about-wrapper h1,
#pg-recruit .about-wrapper h1 {
  text-align: center;
  font-size: 25px;
  margin-bottom: 40px;
}
#pg-about .table-demo,
#pg-recruit .table-demo {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 2em;
}
#pg-about .table-demo th,
#pg-about .table-demo td,
#pg-recruit .table-demo th,
#pg-recruit .table-demo td {
  padding: 15px;
  border: 1px solid #35414A;
  font-size: 16px;
  line-height: 1.8em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
#pg-about .table-demo th a,
#pg-about .table-demo td a,
#pg-recruit .table-demo th a,
#pg-recruit .table-demo td a {
  color: #F9A7B0;
  text-decoration: underline;
  transition: all 0.4s;
}
#pg-about .table-demo th a:hover,
#pg-about .table-demo td a:hover,
#pg-recruit .table-demo th a:hover,
#pg-recruit .table-demo td a:hover {
  opacity: 0.6;
}
#pg-about .table-demo th,
#pg-recruit .table-demo th {
  text-align: left;
  font-weight: 600;
  background-color: #FFFDF7;
}
#pg-about .table-demo td,
#pg-recruit .table-demo td {
  font-size: 14px;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #pg-about .about-wrapper,
#pg-recruit .about-wrapper {
    padding: 70px 0;
  }
  #pg-about .about-wrapper h1,
#pg-recruit .about-wrapper h1 {
    font-size: 21px;
    margin-bottom: 25px;
  }
  #pg-about .table-demo th,
#pg-about .table-demo td,
#pg-recruit .table-demo th,
#pg-recruit .table-demo td {
    padding: 10px;
    font-size: 16px;
    line-height: 1.8em;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
  }
  #pg-about .table-demo th,
#pg-recruit .table-demo th {
    text-align: left;
    font-weight: 600;
    background-color: #FFFDF7;
  }
}
/* -------------------------------------------------------------------- 

   #個ページ 採用情報

-------------------------------------------------------------------- */
#pg-recruit p.ex {
  font-size: 14px;
  line-height: 1.8em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom: 25px;
}
#pg-recruit h2 {
  text-align: center;
  font-size: 16px;
  margin-bottom: 25px;
}
#pg-recruit button {
  margin: 0 auto;
  background-color: #F9A7B0;
  color: #FFFFFF;
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 700;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #pg-recruit p.ex {
    margin-bottom: 25px;
  }
  #pg-recruit h2 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 25px;
  }
  #pg-recruit button {
    margin: 0 auto;
    background-color: #F9A7B0;
    color: #FFFFFF;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 700;
  }
}
/* -------------------------------------------------------------------- 

   #個ページ サービス内容

-------------------------------------------------------------------- */
#pg-service .service-wrapper {
  padding: 100px 0;
}
#pg-service .care {
  margin-bottom: 100px;
}
#pg-service .care h1 {
  text-align: center;
  color: #F9A7B0;
  font-size: 25px;
  line-height: 1.5em;
  margin-bottom: 25px;
}
#pg-service .care p.ex {
  font-size: 14px;
  line-height: 1.8em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom: 50px;
}
#pg-service .care .step1 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#pg-service .care .step1 h2 {
  text-align: center;
  font-size: 21px;
  line-height: 1em;
  padding: 17px;
  background-color: #FECE5C;
}
#pg-service .care .step1 .item {
  margin-bottom: 70px;
  position: relative;
}
#pg-service .care .step1 .item::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  bottom: -47.5px;
  right: 0;
  left: 0;
  margin: auto;
  background-image: url("../image/arrow.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}
#pg-service .care .step1 .item2 h2 {
  background-color: #D5EEF9;
}
#pg-service .care .step2,
#pg-service .care .step3,
#pg-service .care .step4 {
  background-color: #FFF6F7;
  text-align: center;
  padding: 50px 0;
  background-image: url("../image/step2_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  position: relative;
  margin-bottom: 70px;
}
#pg-service .care .step2 h3,
#pg-service .care .step3 h3,
#pg-service .care .step4 h3 {
  font-size: 21px;
  font-weight: 500;
}
#pg-service .care .step2 h3 span,
#pg-service .care .step3 h3 span,
#pg-service .care .step4 h3 span {
  font-weight: 700;
}
#pg-service .care .step2::before,
#pg-service .care .step3::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  bottom: -47.5px;
  right: 0;
  left: 0;
  margin: auto;
  background-image: url("../image/arrow.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}
#pg-service .care .step3 {
  background-color: #F7FCFE;
  background-image: url("../image/step3_bg.png");
}
#pg-service .care .step4 {
  background-image: url("../image/step4_bg.png");
  margin-bottom: 50px;
}
#pg-service .care p.last {
  text-align: center;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 30px;
  font-weight: 700;
}
#pg-service .care button {
  margin: 0 auto;
  background-color: #F9A7B0;
  color: #FFFFFF;
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 700;
}
#pg-service .service h1 {
  text-align: center;
  font-size: 25px;
  margin-bottom: 25px;
}
#pg-service .service .service-txt {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 50px;
}
#pg-service .service .service-txt h2 {
  font-size: 21px;
  margin-bottom: 25px;
  font-weight: 700;
}
#pg-service .service .service-txt h3 {
  font-size: 18px;
  line-height: 1.5em;
  padding-left: 20px;
  position: relative;
  font-weight: 600;
  margin-bottom: 5px;
}
#pg-service .service .service-txt h3:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-color: #F9A7B0;
  border-radius: 20px;
  left: 0;
  top: 7px;
}
#pg-service .service .service-txt p {
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin-bottom: 20px;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #pg-service .service-wrapper {
    padding: 70px 0;
  }
  #pg-service .care {
    margin-bottom: 70px;
  }
  #pg-service .care h1 {
    font-size: 20px;
  }
  #pg-service .care p.ex {
    margin-bottom: 40px;
  }
  #pg-service .care .step1 {
    flex-flow: column;
    gap: 0;
  }
  #pg-service .care .step1 .item1 {
    margin-bottom: 0;
  }
  #pg-service .care .step1 .item1::before {
    display: none;
  }
  #pg-service .care .step2,
#pg-service .care .step3,
#pg-service .care .step4 {
    background-image: url("../image/step2_bg_sp.png");
    background-size: 100% auto;
    background-position: right bottom;
    padding: 30px 0 40px 0;
  }
  #pg-service .care .step2 h3,
#pg-service .care .step3 h3,
#pg-service .care .step4 h3 {
    font-size: 18px;
    line-height: 1.5em;
  }
  #pg-service .care .step3 {
    background-color: #F7FCFE;
    background-image: url("../image/step3_bg_sp.png");
  }
  #pg-service .care .step4 {
    background-image: url("../image/step4_bg_sp.png");
    margin-bottom: 30px;
  }
  #pg-service .service h1 {
    font-size: 21px;
    margin-bottom: 15px;
  }
  #pg-service .service .service-txt {
    margin-top: 25px;
  }
}
/* -------------------------------------------------------------------- 

   #個ページ お問い合わせ

-------------------------------------------------------------------- */
#pg-contact .contact-wrapper {
  width: 600px;
  padding: 100px 0;
  text-align: center;
}
#pg-contact .contact-wrapper p.ex {
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 25px;
  font-weight: 700;
}
#pg-contact .contact-wrapper button.button {
  background-color: #FECE5C;
  color: #35414A;
  gap: 4px;
  font-weight: 700;
  margin: 0 auto;
  margin-bottom: 50px;
}
#pg-contact .contact-wrapper button.button:hover span {
  margin: 0;
}
#pg-contact .contact-wrapper .cf7-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  text-align: left;
}
#pg-contact .contact-wrapper .cf7-item .cf7-a {
  width: 40%;
  font-size: 16px;
  font-weight: 700;
  padding-top: 20px;
}
#pg-contact .contact-wrapper .cf7-item .cf7-a label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
}
#pg-contact .contact-wrapper .cf7-item .cf7-a .cf7-req {
  display: inline-block;
  background-color: #F83D51;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 5px 0 0;
}
#pg-contact .contact-wrapper .cf7-item .cf7-b {
  width: 60%;
  position: relative;
}
#pg-contact .contact-wrapper .cf7-item .wpcf7-list-item {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}
#pg-contact .contact-wrapper .cf7-item .wpcf7-list-item input {
  margin: 0;
  transform: scale(1.3);
}
#pg-contact .contact-wrapper .cf7-item input.wpcf7-form-control,
#pg-contact .contact-wrapper .cf7-item textarea {
  width: 100%;
  padding: 13px 20px;
  font-size: 16px;
  line-height: 1.8em;
  color: #333333;
  background-color: #FFFCFD;
  border: 1px solid #F9A7B0;
  border-radius: 4px;
  margin-bottom: 5px;
}
#pg-contact .contact-wrapper input[type=submit] {
  display: block;
  background-color: #F9A7B0;
  color: #FFFFFF;
  padding: 16px 55px;
  font-size: 18px;
  line-height: 1em;
  font-weight: 400;
  border: none;
  border-radius: 30px;
  transition: all 0.4s;
  cursor: pointer;
  margin: 0 auto 30px auto;
}
#pg-contact .contact-wrapper input[type=submit]:hover {
  background-color: #F2BB00;
}

/* --------------------------------
* iphone
* -------------------------------- */
@media screen and (max-width: 959px) {
  #pg-contact .contact-wrapper {
    padding: 70px 0;
  }
  #pg-contact .contact-wrapper p.ex {
    font-size: 14px;
  }
  #pg-contact .contact-wrapper .cf7-item {
    flex-flow: column;
    margin-bottom: 25px;
  }
  #pg-contact .contact-wrapper .cf7-item .cf7-a {
    width: 100%;
    padding-top: 0;
    padding-bottom: 8px;
  }
  #pg-contact .contact-wrapper .cf7-item .cf7-b {
    width: 100%;
  }
  #pg-contact .contact-wrapper .cf7-item .wpcf7-list-item {
    margin-top: 15px;
  }
}
/*# sourceMappingURL=style.css.map */