/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "Noto sans Light";
  src: url("../fonts/NotoSansCJKjp-Light.otf");
}
@font-face {
  font-family: "Noto sans Regular";
  src: url("../fonts/noto-sans-jp-r.woff") format("woff");
}
@font-face {
  font-family: "Noto sans Medium";
  src: url("../fonts/noto-sans-jp-m.woff") format("woff");
}
@font-face {
  font-family: "Noto sans Bold";
  src: url("../fonts/noto-sans-jp-b.woff") format("woff");
}
@font-face {
  font-family: "Noto sans Black";
  src: url("../fonts/noto-sans-jp-black.woff") format("woff");
}
@font-face {
  font-family: "zen";
  src: url("../fonts/ZenOldMincho-Black.ttf");
}
/*	layout
------------------------------------ */
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "Noto sans Light";
  src: url("../fonts/NotoSansCJKjp-Light.otf");
}
@font-face {
  font-family: "Noto sans Regular";
  src: url("../fonts/noto-sans-jp-r.woff") format("woff");
}
@font-face {
  font-family: "Noto sans Medium";
  src: url("../fonts/noto-sans-jp-m.woff") format("woff");
}
@font-face {
  font-family: "Noto sans Bold";
  src: url("../fonts/noto-sans-jp-b.woff") format("woff");
}
@font-face {
  font-family: "Noto sans Black";
  src: url("../fonts/noto-sans-jp-black.woff") format("woff");
}
@font-face {
  font-family: "zen";
  src: url("../fonts/ZenOldMincho-Black.ttf");
}
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/************************************************

  SP layout

************************************************/
/* =========================================
  main  SP
========================================= */
/*	cmn parts  SP
------------------------------------ */
.com-inner {
  padding: 50px 15px;
}

.no-sb {
  margin: 30px auto 0;
}

.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}

.anchor-mp {
  margin: -75px auto 0;
  padding-top: 75px;
}

.com-txt-box p:nth-of-type(n+2) {
  margin-top: 15px;
}

.news-post-tag {
  line-height: 1;
}

/*	top-greeting  SP
------------------------------------ */
#top-greeting .gre-head {
  font-size: 25px;
  font-size: 2.5rem;
}
#top-greeting .gre-head-lg {
  font-style: 33px;
  font-size: 3.3rem;
}
#top-greeting .gre-txt-box {
  margin-top: 30px;
}

/*	top-story  SP
------------------------------------ */
#top-story .st-start {
  margin-top: 40px;
}
#top-story .st-btn {
  height: 60px;
  line-height: 60px;
  -webkit-box-shadow: 2px 2px 5px rgba(51, 51, 51, 0.2);
          box-shadow: 2px 2px 5px rgba(51, 51, 51, 0.2);
}
#top-story .st-post {
  padding: 89px 0;
  background-size: 45px;
}
#top-story .st-post-head {
  padding: 7px 16px 13px;
  background-position: center;
}
#top-story .st-post-box {
  padding-bottom: 40px;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#top-story .st-post-con {
  margin: 25px auto 0 !important;
  padding: 0 15px;
}
#top-story .st-post-star span:nth-of-type(n+2) {
  margin-left: 5px;
}
#top-story .st-post-list li {
  padding: 5px 11px;
  border-width: 4px;
}

/*	top-real  SP
------------------------------------ */
#top-real .real-en {
  font-size: 8.3vw;
}
#top-real .real-list-item {
  padding: 12px 22px 20px;
}
#top-real .real-list-item:nth-of-type(n+2) {
  margin: 30px auto 0;
}
#top-real .real-list-head {
  padding-left: 15px;
  padding-bottom: 7px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
#top-real .real-list-head-lg {
  font-size: 28px;
  font-size: 2.8rem;
}
#top-real .real-list-num {
  right: 20px;
  z-index: -1;
}

/*	top-voice  SP
------------------------------------ */
#top-voice .voice-list-item {
  padding: 20px 0;
}
#top-voice .voice-list-item:nth-of-type(n+2) {
  margin-top: 100px;
}
#top-voice .voice-list-ico01 {
  width: 237px;
  left: -15px;
  bottom: auto;
  top: -113px;
}
#top-voice .voice-list-ico02 {
  width: 150px;
  right: -7px;
  bottom: auto;
  top: -115px;
}
#top-voice .voice-list-ico03 {
  width: 167px;
  left: -15px;
  bottom: auto;
  top: -117px;
}
#top-voice .voice-list-ttl {
  font-size: 18px;
  font-size: 1.8rem;
}

/*	top-turn  SP
------------------------------------ */
#top-turn .turn-head {
  font-size: 30px;
  font-size: 3rem;
}
#top-turn .turn-head-lg {
  display: inline-block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.3;
}
#top-turn .turn-img {
  margin: 20px auto 0;
}
#top-turn .turn-img img {
  position: relative;
  left: -30px;
}
#top-turn .turn-note {
  margin-top: 0;
  padding: 20px 15px 50px;
}
#top-turn .turn-note p:nth-of-type(n+2) {
  margin-top: 25px;
}

/*	top-recruit  SP
------------------------------------ */
#top-recruit .rec-post {
  margin-top: 25px;
}
#top-recruit .rec-post-head {
  width: 90%;
  padding: 0 5px 5px 20px;
}
#top-recruit .rec-post-head::first-letter {
  font-size: 26px;
  font-size: 2.6rem;
}
#top-recruit .rec-box {
  padding: 25px 0 40px;
}
#top-recruit .rec-table {
  width: 94%;
  margin-top: 10px;
}

/*	entry  SP
------------------------------------ */
.entry {
  padding-top: 50px;
}
.entry .com-head02 {
  font-size: 25px;
  font-size: 2.5rem;
}

/*	top-company  SP
------------------------------------ */
#top-company .company-box {
  margin-top: 20px;
  padding: 25px;
}
#top-company .ggmap {
  margin-top: 30px;
}

/*	top-news  SP
------------------------------------ */
#top-news .news-flex {
  padding-bottom: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#top-news .news-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#top-news .news-link {
  width: 50%;
  height: 40px;
  margin: 0;
  line-height: 38px;
}
#top-news .news-post {
  margin: 30px auto 0;
}
#top-news .bnr-bg {
  height: 130px;
  background-position: center;
}
#top-news .bnr-link {
  padding: 4px 41px 4px 4px;
  background-size: 20px;
  background-position: calc(100% - 11px) center;
}

/* =========================================

  sub layout  SP

========================================= */
/*	painting  SP
------------------------------------ */
#painting .problem-bg {
  background-size: 150px, 100%;
}
#painting .problem-inner {
  padding-bottom: 100px;
}
#painting .problem-head {
  line-height: 1.5;
}
#painting .problem-head-lg {
  display: block;
}
#painting .problem-list {
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#painting .problem-list-item:nth-of-type(n+2) {
  margin: 30px auto 0;
}
#painting .problem-note {
  margin-top: 20px;
}
#painting .solution-flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#painting .solution-con {
  margin: 15px auto 0;
}
#painting .solution-con-head {
  text-align: center;
}
#painting .solution .com-txt-box {
  margin-top: 15px;
}
#painting .reason .com-head02 {
  font-size: 21px;
  font-size: 2.1rem;
}
#painting .reason-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#painting .reason-list-item:nth-of-type(n+2) {
  margin: 20px auto 0;
}
#painting .reason-list-ico {
  width: 43%;
}
#painting .reason-list-ttl {
  padding-bottom: 14px;
  font-size: 25px;
  font-size: 2.5rem;
}
#painting .reason-list-txt {
  margin-top: 10px;
  padding: 0;
}
#painting .reason-bnr {
  margin-top: 40px;
  padding: 30px 15px;
  background-position: 84% bottom;
}
#painting .reason-bnr-ttl {
  text-align: center;
  font-size: 25px;
  font-size: 2.5rem;
}
#painting .reason-bnr-txt {
  margin-top: 13px;
}
#painting .reason-bnr-btn {
  font-size: 14px;
  font-size: 1.4rem;
}