*{
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
body{
  position: relative;
  margin: 0px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,ul{
  margin: 0;
  padding: 0;
  font-weight: 400;
}
h1{
  font-family: 'Noto Serif JP', serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.514;
  margin-bottom: 52px;
}
.about h1{
  font-size: 24px;
  font-weight: 400;
  line-height: inherit;
  margin-bottom: 0;
}
h2{
  font-size: 38px;
  margin-bottom: 75px;
}
h3{
  font-size: 24px;
  margin-bottom: 50px;
}
h4{
  font-size: 20px;
  margin-bottom: 13px;
}
h5{
  font-family: 'Radley', serif;
  font-size: 36px;
  color: #000;
  text-align: left;
}
.about h5{
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
h6{
  font-family: 'Radley', serif;
  font-size: 22px;
  background: linear-gradient(180deg, rgba(167,141,102,1) 0%, rgba(106,57,6,1) 100%);
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 28px;
}
p{
  font-size: 14px;
  line-height: 190%;
  color: #404040;
}
p.text{
  color: #000;
}
p a{
  color: #404040;
  text-decoration: underline;
}
p a.urllink{
  padding-left: 18px;
  /* color: #9b9b9b; */
}
p a.urllink_nomargin{
  padding: 0 2px;
  /* color: #9b9b9b; */
}
p.aboutTitle{
  font-size: 18px;
  margin-bottom: 44px;
  color: #666;
}
li{
  font-size: 12px;
  color: #666666;
  letter-spacing: .1em;
  list-style:none;
}
a {
  text-decoration: none;
}
img{
  display: block;
  width: 100%;
}
input,textarea,select{
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  border: none;
  outline: none;
  background: none;
  box-sizing: border-box;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.header{
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 100;
}
.headerWrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1096px;
  padding: 32px 28px;
  margin: auto;
}
.headerWrapper .logo{
  width: 168px;
  height: 29px;
  background-image: url("/images/logo.svg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.headerWrapper .menu{
  display: flex;
}
.menu_block{
  display: flex;
}
.menu_block:first-of-type{
  border-right: 1px solid #666666;
  padding-right: 28px;
}
.menu_block a {
  margin-left: 28px;
}
.menu_block a li{
  line-height: 1;
}
.menu_block a li:hover{
  color: #000;
  transition: .2s;
}
.menuArea{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
.menu-trigger,.menu-trigger span {
  display: inline-block;
  transition: all 1s;
  -webkit-transition: -webkit-transform .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 60px;
  height: 60px;
}
.menu-trigger span {
  position: absolute;
  left: 12px;
  width: 24px;
  height: 1px;
  background-color: #262626;
}
.menu-trigger span:nth-of-type(1) {
  top: 25px;
}
.menu-trigger span:nth-of-type(2) {
  top: 34px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 16px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: -webkit-transform translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: -webkit-transform translateY(-9px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
.footer{
  border-top: 1px solid #d9d9d9;
}
.footerWrapper{
  width: 100%;
  max-width: 1096px;
  padding: 55px 28px 23px;
  margin: auto;
}
.footerMenu .logo{
  width: 261px;
  height: 45px;
  background-image: url("/images/logo.svg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 47px;
}
.footerMenu ul{
  display: flex;
  margin-top: 18px;
}
.footerMenu li.name{
  color: #000;
}
.footerMenu a{
  margin-right: 28px;
}
.footerBottom{
  margin-top: 30px;
  text-align: right;
}
.footerBottom li{
  font-size: 11px;
  letter-spacing: 0;
}
.topContainer{
  display: flex;
  max-width: 960px;
  padding: 358px 120px 327px 67px;
  margin: auto;
  justify-content: space-between;
  align-items: center;
}
.corporateSign{
  height: 243px;
  width: 243px;
  background-image: url("/images/sign.svg");
  background-size: contain;
}
.container{
  max-width: 1040px;
  padding: 93px 40px 135px;
  margin: auto;
}
.container.-tight{
  max-width: 883px;
}
.pageTileBlock{
  padding: 106px 0 94px;
  text-align: center;
}
.dot{
  display: inline-block;
  height: 12px;
  width: 12px;
  background-image: url("/images/dot.svg");
  background-size: contain;
}
.menuButton{
  display: inline-block;
  transition: .3s;
}
.menuButton.-top{
  position: relative;
  padding-left: 42px;
}
.menuButton.-top::before{
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  background-image: url("/images/dot.svg");
  background-size: contain;
}
.menuButton:hover{
  opacity: 0.5;
  transition: .3s;
}
.menuButton p{
  position: relative;
  display: inline-block;
  line-height: inherit;
  font-size: 16px;
  padding-right: 100px;
  color: #000;
}
.menuButton p::before{
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #000;
}
.menuButton p::after{
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 4px;
  height: 4px;
  transform: translateY(-50%) rotate(225deg);
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.pageExplanation{
  margin-bottom: 135px;
}
.content{
  margin-bottom: 69px;
}
.content.-border{
  padding-bottom: 29px;
  border-bottom: 1px solid #d9d9d9;
}
.paragraph{
  margin-bottom: 40px;
}
.list{
  padding: 20px 0;
}
.list p{
  color: #000;
}
.row{
  display: grid;
  align-items: center;
  grid-template-columns: 254px 1fr;
  column-gap: 45px;
  margin-bottom: 40px;
}
.row.anchor{
  margin-bottom: 0;
}
.row .title{
  position: relative;
  border: 1px solid #000;
  text-align: center;
  padding: 15px 4px;
}
.row .title::before,.row .title::after{
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
}
.row .title::before{
  width: 1px;
  height: 40px;
  background-color: #000;
}
.row .title::after{
  width: 4px;
  height: 4px;
  transform: translate(-2px, 35px) rotate(315deg);
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.row .title.anchor::before,.row .title.anchor::after{
  display: none;
}
.table_price_row_two,.table_price_row_three{
  display: grid;
  border-left: 1px solid #000;
  text-align: center;
}
.table_price_row_two{
  grid-template-columns: 254px 1fr;
}
.table_price_row_three{
  grid-template-columns: 254px 254px 1fr;
}
.table_price_row_two p,.table_price_row_three p{
  padding: 15px 4px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #000;
}
.table_price_row_two p.tableText,.table_price_row_three p.tableText{
  text-align: left;
  padding-left: 29px;
  padding-right: 29px;
}
.table_price_row_two p.head{
  border-top: 1px solid #000;
  background-color: #FBFBFB;
}
.table_price_row_two.-about{
  border-left: none;
}
.table_price_row_two.-about.-head{
  border-top: 1px solid #000;
}
.table_price_row_two.-about p{
  border-left: none;
  border-right: none;
}
.columnTitle_2{
  grid-row: 1 / 3;
}
.columnTitle_4{
  grid-row: 1 / 5;
}
.unit{
  padding: 0 31px;
}
.companylogo{
  margin-bottom: 13px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.companylogo.-tohbi{
  width: 160px;
  height: 33px;
  background-image: url("/images/companylogo/tohbi.svg");
}
.companylogo.-careermaker{
  width: 160px;
  height: 39px;
  background-image: url("/images/companylogo/careermaker.png");
}
.companylogo.-daminolab{
  width: 153px;
  height: 41px;
  background-image: url("/images/companylogo/daminolab.png");
}
.companylogo.-mtech{
  height: 44px;
  background-image: url("/images/companylogo/mtech.png");
}
.companylogo.-seedbeauty{
  width: 164px;
  height: 36px;
  background-image: url("/images/companylogo/seedbeauty.svg");
}
.customerGrid{
  display: grid;
  grid-template-columns: repeat(3 , 1fr);
  row-gap: 39px;
  column-gap: 25px;
}
.customer{
  text-align: center;
}
.customer .image{
  display: inline-flex;
  width: 185px;
  height: 185px;
  background-color: #f1f1f1;
  border-radius: 50%;
  margin-bottom: 39px;
  align-items: center;
  justify-content: center;
  color: #909090;
  background-size: cover;
}
.customer .image.-nagata{
  background-image: url("/customerstories/images/nagata/icon.webp");
}
.customer .image.-tsuyuki{
  background-image: url("/customerstories/images/tsuyuki/icon.webp");
}
.customer .image.-tsutsui{
  background-image: url("/customerstories/images/tsutsui/icon.webp");
}
.customer .image.-otawara{
  background-image: url("/customerstories/images/otawara/icon.webp");
}
.customer p{
  line-height: 1.75;
  color: #000;
}
.about.-vision{
  margin-bottom: 180px;
}
.borderContain{
  padding-bottom: 180px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 188px;
}
.memberWrapp{
  display: grid;
  grid-template-columns: 228px 1fr;
  column-gap: 80px;
  padding: 112px 80px 44px;
}
.memberTextHead{
  margin-bottom: 44px;
}
.memberTextHead p{
  color: #000;
  font-size: 16px;
  line-height: inherit;
  margin-bottom: 10px;
}
.linkedin{
  display: inline-block;
  width: 74px;
  height: 23px;
  margin-top: 17px;
  background-image: url("/images/linkedin_banner.svg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.newsUnit{
  display: flex;
  margin-bottom: 26px;
}
.newsUnit p{
  padding-right: 36px;
}
.pageList{
  display: flex;
  align-items: center;
  margin: 45px 0 91px;
  flex-wrap: wrap;
}
.pageList li{
  margin-right: 10px;
}
.pageList li.selected{
  color: #000;
}
.pageList li.arrow{
  width: 4px;
  height: 7px;
  background-image: url("/images/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.newsTitleWrapp{
  margin-bottom: 44px;
}
.newsTitleWrapp h4{
  font-size: 33px;
  margin-bottom: 0;
}
.mailFormWrapper{
  text-align: center;
  margin-top: 50px;
  padding-bottom: 100px;
}
.formInputArea,.formInputArea_file{
  display: grid;
  grid-template-columns: 254px 1fr;
  row-gap: 24px;
}
.formInputArea p{
  padding-top: 20px;
}
.formInputArea p.adjust{
  padding-top: 0;
}
.formInputArea_file{
  row-gap: 12px;
  margin-top: 40px;
  align-items: center;
}
.basicForm,.formInputArea textarea{
  border: 1px solid #d9d9d9;
  padding: 21px 24px;
  font-size: 14px;
  font-weight: 400;
}
.confirmWrapper{
  position: relative;
  display: inline-block;
  margin-top: 63px;
}
.confirmWrapper::before,.confirmWrapper::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 56px;
  transform: translateY(-50%);
}
.confirmWrapper::before{
  height: 1px;
  width: 136px;
  background-color: #fff;
}
.confirmWrapper::after{
  width: 4px;
  height: 4px;
  transform: translateY(-50%) rotate(225deg);
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.confirmWrapper input[type="submit"]{
  display: inline-block;
  background: linear-gradient(180deg, rgba(167,141,102,1) 0%, rgba(106,57,6,1) 100%);
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding-left: 56px;
  color: #fff;
  height: 84px;
  width: 450px;
  border-radius: 6px;
  cursor: pointer;
}
.checkBoxWrapper{
  position: relative;
  display: flex;
  padding-left: 10px;
}
.check-input {
  position: absolute;
  top: 6px;
  border: 1px solid #000;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
}
.check-label {
  display: block;
  padding: 2px 0 0 24px;
  position: relative;
  font-size: 14px;
    cursor: pointer;
}
.check-label::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 14px;
  height: 14px;
}
.check-label::after {
  position: absolute;
  content: "";
  top: 7px;
  left: 4px;
  height: 7px;
  width: 4px;
  transform: rotate(45deg);
}
.check-input:checked + .check-label::before{
  background-color: #000;
}
.check-input:checked + .check-label::after{
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.fileButtonArea{
  display: flex;
  align-items: center;
}
.fileButtonArea span{
  font-size: 14px;
  padding-left: 17px;
  color: #666;
}
.selectfile-label{
  display: inline-block;
  width: 148px;
  padding: 6px 0;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid #000;
  cursor: pointer;
}
input[type="file"] {
  display: none;
}
.-customerstories p{
  text-align: justify;
  line-height: 210%;
}
.story_cover{
  margin-bottom: 69px;
}
.story_cover img{
  margin-bottom: 13px;
}
.customerBlock{
  padding: 40px 28px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin: 69px 0;
}
.customerBlock h4{
  font-size: 18px;
  color: #404040;
}
.customerBlock p{
  color: #404040;
}
.customerBlock img{
  margin: 40px 0;
}
.story_content h4{
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  line-height: 1.75;
  margin-top: 75px;
  margin-bottom: 50px;
}
.story_content img{
  margin: 75px 0;
}
.paragraph{
  margin-bottom: 40px;
}
.paragraph.-bold p{
  font-weight: 600;
}
.story_content p{
  font-size: 15px;
  margin-bottom: 20px;
}
.story_content p.basic{
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 80px;
}
.includeImage{
  display: flex;
  flex-wrap: wrap;
}
.includeImage .mailaddress{
  width: 160px;
  display: inline-block;
  margin-right: 4px;
}
.contact_content{
  margin-top: 13px;
}

@media screen and (max-width:1024px){
.menu_block:first-of-type {
  padding-right: 20px;
}
.menu_block a {
  margin-left: 20px;
}
.topContainer {
  padding: 358px 97px 327px 97px;
}
.memberWrapp {
    padding: 112px 40px 44px;
}
@media screen and (max-width:868px){
.headerWrapper {
  padding: 20px 24px;
}
.headerWrapper .menu {
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  height: 100vh;
  padding: 69px 28px;
  position: absolute;
  background-color: #fff;
}
.headerWrapper .menu.active{
  display: block;
}
.menu_block a {
  margin-left: 0;
  margin-bottom: 24px;
}
.menu_block a li {
  line-height: unset;
  font-size: 16px;
  color: #000;
  letter-spacing: .05em;
}
.menu_block {
  flex-direction: column;
}
.menu_block:first-of-type {
  padding-right: 0;
  border-right: none;
}
.menuArea{
  display: block;
}
.topContainer {
  padding: 258px 0 327px 0;
  flex-direction: column;
}
.corporateSign {
  margin-top: 120px;
}
.table_price_row_two {
  grid-template-columns: 224px 1fr;
}
.table_price_row_three {
  grid-template-columns: 224px 224px 1fr;
}
.customerGrid {
  grid-template-columns: repeat(2 , 1fr);
  row-gap: 60px;
  column-gap: 20px;
}
}
@media screen and (max-width:768px){
h1{
  font-size: 30px;
}
.about h1{
  font-size: 18px;
}
h2{
  font-size: 28px;
}
h3{
  font-size: 22px;
}
h4{
  font-size: 17px;
}
.newsTitleWrapp h4 {
  font-size: 24px;
}
h5{
  font-size: 28px;
}
.about h5 {
  font-size: 20px;
}
h6{
  font-size: 18px;
}
p.aboutTitle {
  font-size: 14px;
}
.corporateSign {
  height: 220px;
  width: 220px;
}
.menuButton p{
  font-size: 14px;
  padding-right: 76px;
}
.menuButton p::before {
  width: 45px;
  right: 16px;
}
.menuButton p::after {
  right: 16px;
}
.container {
  padding: 93px 24px 135px;
}
.row {
  column-gap: 24px;
}
.table_price_row_two {
  grid-template-columns: 180px 1fr;
}
.table_price_row_three {
    grid-template-columns: 180px 180px 1fr;
}
.table_price_row_two p.tableText, .table_price_row_three p.tableText {
  padding-left: 15px;
  padding-right: 15px;
}
.unit {
  padding: 0;
}
.memberWrapp {
  padding: 112px 0 44px;
}
.memberWrapp {
  column-gap: 24px;
}
.formInputArea{
  grid-template-columns: 1fr;
  row-gap: 6px;
}
.basicForm, .formInputArea textarea {
  padding: 14px 20px;
  font-size: 14px;
}
.privacyBlock{
  display: flex;
}
.formInputArea p.adjust{
  padding-top: 20px;
}
.formInputArea p {
  text-align: left;
}
.formInputArea_file{
  grid-template-columns: 120px 1fr;
}
.formInputArea_file p{
  text-align: left;
}
.fileButtonArea{
  display: block;
}
.selectfile-label {
  width: 100%;
}
.footerMenu li.name {
  margin-bottom: 18px;
}
.footerMenu ul {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.footerMenu a {
  margin-right: 0;
  margin-bottom: 8px;
}
.footerBottom{
  text-align: left;
}
.customerBlock h4 {
  font-size: 17px;
}
.story_content p {
  font-size: 14px;
}
@media screen and (max-width:568px){
h1{
  font-size: 26px;
}
h5 {
  font-size: 22px;
}
.menuButton p {
  font-size: 12px;
  padding-right: 50px;
}
.menuButton p::before {
  right: 0;
  width: 36px;
}
.menuButton p::after{
  right: 0;
}
.menuButton.-top {
  padding-left: 36px;
}
.topContainer {
  padding: 180px 0 200px 0;
}
.corporateSign {
  height: 180px;
  width: 180px;
  margin-top: 96px;
}
.container {
  padding: 93px 0 135px;
}
.content{
  padding: 0 24px;
}
.content.-wide{
  padding: 0;
}
.content.-wide h3,.content.-wide .paragraph>p{
  padding: 0 24px;
}
.content.-wide .paragraph{
  overflow-x: scroll;
}
.paragraph.-scroll {
    padding: 0 24px;
}
.table_price_row_two p, .table_price_row_three p {
  font-size: 13px;
}
.table_price_row_two {
    grid-template-columns: 180px 400px;
}
.table_price_row_three {
    grid-template-columns: 180px 180px 220px;
}
.pageExplanation{
  padding: 0 24px;
}
.row {
  grid-template-columns: 1fr;
}
.list p {
  position: relative;
  padding: 0 15px 0 40px;
}
.list p::before,.list p::after{
  position: absolute;
  content: "";
  top: -12px;
  left: 20px;
}
.list p::before{
  width: 1px;
  height: calc(100% + 50px);
  background-color: #000;
}
.list p::after{
  width: 4px;
  height: 4px;
  top: calc(100% + 34px);
  transform: translateX(-2px) rotate(315deg);
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.list p.anchor::before,.list p.anchor::after{
  display: none;
}
.list.-business p {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.list.-business p::before,.list.-business p::after{
  display: none;
}
.marginAdjust{
  margin-bottom: 12px;
}
.row .title.anchor::before,.row .title.anchor::after{
  display: none;
}
.row .title{
  margin-bottom: 12px;
}
.row .title::before, .row .title::after {
  display: none;
}
p a.urllink {
    padding-left: 0;
}
.customerGrid {
  grid-template-columns: repeat(1 , 1fr);
  row-gap: 80px;
}
p.aboutTitle,.about h5,.about h1{
  padding: 0 24px;
}
.about h5 br{
  display: none;
}
.about.-vision {
  margin-bottom: 80px;
}
.borderContain {
  padding-bottom: 88px;
  margin-bottom: 88px;
}
.memberWrapp.-top{
  margin-bottom: 60px;
}
.memberWrapp {
  grid-template-columns: 1fr;
  padding: 24px 24px 0;
}
.memberWrapp img{
  width: 228px;
  margin-bottom: 42px;
}
.table_price_row_two.-about {
  grid-template-columns: 1fr;
  text-align: left;
}
.table_price_row_two.-about p{
  border: none;
  padding-bottom: 0;
}
.table_price_row_two.-about .tableText{
  border-bottom: 1px solid #000;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom: 15px;
}
.newsUnit {
  flex-direction: column;
}
.pageList{
  padding: 0 24px;
}
.confirmWrapper{
  display: block;
}
.confirmWrapper input[type="submit"]{
  width: 100%;
  padding: 0;
  text-align: center;
}
.confirmWrapper::before, .confirmWrapper::after {
  display: none;
}
.privacyBlock {
  flex-direction: column;
}
.formInputArea p.adjust.-anchor{
  padding: 0;
}
.formInputArea_file {
    grid-template-columns: 1fr;
    row-gap: 6px;
    margin-top: 28px;
}
.formInputArea_file p {
    text-align: left;
    margin-top: 12px;
}
.selectfile-label {
    padding: 12px 0;
}
.fileButtonArea span {
    display: block;
    margin-top: 10px;
    text-align: left;
    padding: 0;
}
.basicForm, .formInputArea textarea{
  font-size: 16px;
}
.customerBlock {
    padding: 40px 20px;
}
}