@charset "UTF-8";

/* reset */
*,
*::before,
*::after {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
ul {
  list-style:none;
}
a {
  text-decoration:none;
  color:inherit;
}

/* styles */
:root {
  font-size:62.5%;
  --asBlue:#050d57;
  --asRed:#f03848;
  --asYellow:#fffacd;
  --asPaleBlue:#deecff;
  --asLightBlue:#26c7d9;
  --Serif:'Noto Serif JP',serif;
}
body {
  font-size:1.6rem;
  background:#f2f2f2;
}
.p-topArea {
  display:none;
}
.c-postContent .wp-block-column>*, .c-postContent .wp-block-cover__inner-container>*, .c-postContent .wp-block-group__inner-container>*, .c-postContent .wp-block-media-text__content>* {
  /*margin-bottom:0;*/
  margin-top:0;
}
#breadcrumb {
  display:none;
}
.l-container {
  padding-left:0;
  padding-right:0;
  margin:0;
  max-width:100%;
}
/*********************************************************
header
*********************************************************/
header {
  padding:0 3rem;
  box-shadow:0 3px 3px rgba(0,0,0,.075);
}
.c-headLogo {
  font-weight: bolder;
  display:flex;
  align-items:center;
}
.c-headLogo::after {
  content:"株式会社日豊金属";
}
/*********************************************************
mainVisual
*********************************************************/
.visualAndCopy {
  position:relative;
  overflow:hidden;
}
.mainVisual {
  width:100%;
}
.mainVisual img {
  width:100%;
  object-fit:cover;
  vertical-align:bottom;
}
.catchCopy {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:var(--Serif);
  color:#fff;
  background:rgba(0,0,0,.5);
  border:1px solid #fff;
}
.catchCopy>div {
  margin:0;
}
.catchCopy p {
  border-top:1px solid #fff;
}
/*.swiper-button-next, .swiper-button-prev {
  color:rgba(255,255,255,.75);
}
.swiper-pagination-bullet-active {
  background:#fff;
}*/
/*********************************************************
main contents
*********************************************************/
.c-postContent h2.heading2 {
  text-align:center;
  font-family:var(--Serif);
  font-weight:bolder;
  letter-spacing:.5rem;
  display:flex;
  align-items:center;
}
.c-postContent h2.heading2:before,
.c-postContent h2.heading2:after {
  content:"";
  height:1px;
  flex-grow:1;
  background:#666;
}
.c-postContent h2.heading2:before {
  margin-right:1.5rem;
}
.c-postContent h2.heading2:after {
  margin-left:1rem;
}
.enAndJa {
  position:relative;
}
.english {
  color:#fff;
}
.japanese {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  font-weight:900;
}
.english,
.japanese {
  font-family:'Noto Sans', sans-serif;
  text-align:center;
  line-height:1;
}
.topPageHeading3 span {
  display:block;
  /*animation:spin 20s ease infinite forwards;
}
@keyframes spin {
  0% {transform:rotateX(0deg);}
  50% {transform:rotateX(360deg);}
  50.1% {transform:rotateX(360deg);}
  100% {transform:rotateX(0deg);}*/
}
.mailTo a::after {
  font-size:160%;
}
.privacyPolicy a {
  text-align:center;
  display:flex;
  align-items:center;
}
.privacyPolicy a:before,
.privacyPolicy a:after {
  content:"";
  height:1px;
  flex-grow:1;
  background:#666;
}
/*********************************************************
newsContent
*********************************************************/
.newsContent {
  background:var(--asBlue);
}
.newsBlock {
  background:#fff;
}
.topPageHeading3 {
  text-align:center;
  font-family:'Noto Sans', sans-serif;
  font-weight:900;
  color:var(--asBlue);
  position:relative;
  z-index:1;
}
.topPageHeading3::after {
  font-size:200%;
  color:var(--asPaleBlue);
  position:absolute;
  z-index:-1;
  top:50%;
  transform:translateY(-50%);
  left:0;
  right:0;
  margin:auto;
}
.newsContent .topPageHeading3::after {
  content:"NEWS";
}
.companyText .topPageHeading3::after {
  content:"ABOUT US";
}
.businessText .topPageHeading3::after {
  content:"OUR BUSINESS";
}
/*********************************************************
about us and our business
*********************************************************/
.companyBusiness>div {
  display:flex;
}
.textAndPhoto {
  background:#fff;
  box-shadow:0px 2px 3px rgba(0,0,0,.075);
}
.textBlock {
  text-align:center;
}
.textAndPhoto img {
  object-fit:cover;
}
.imageAndContents .presidentFigure {
  overflow:hidden;
}
/*********************************************************
fotter
*********************************************************/
.l-footer {
  text-align:center;
  color:#fff;
  background:var(--asBlue);
}
/* to TOP */
.c-fixBtn {
  background:var(--asBlue);
  border:1px solid #fff;
  opacity:.75;
}
/*********************************************************
company
*********************************************************/
.imageAndContents {
  width:100%;
  background:#fff;
  box-shadow:0px 2px 3px rgba(0,0,0,.075);
}
.companyAppearance img {
  object-fit:cover;
}
.wp-block-table.companyTable {
  background:#fff;
}
.c-postContent table {
  border:none;
}
.wp-block-table.companyTable td {
  border-style:solid;
  border-color:#ccc;
  border-width:1px 0 1px 0;
  padding:2.5rem 1.25rem;
}
.c-postContent iframe {
  width:100%;
  height:400px;
  margin:0;
}
.greetingAndPP>div,
.mailTo a {
  margin:auto;
  display:flex;
  justify-content:space-between;
}
.greetingAndPP a,
.mailTo a {
  display:flex;
  align-items:center;
  transition:color,background .5s;
}
.mailTo a {
  justify-content:center;
}
.seeMore a,
.greetingAndPP a {
  color:var(--asBlue);
  background:#fff;
  border:1px solid var(--asBlue);
}
.mailTo a {
  color:var(--asRed);
  background:#fff;
  border:1px solid var(--asRed);
  /*animation:anime 10s infinite;
}
@keyframes anime {
  0% {background:#fff;}
  50% {background:var(--asYellow);}
  100% {background:#fff;}*/
}
.seeMore a::after,
.greetingAndPP a::after {
  font-family:'Material Icons Outlined';
  content:"\e5e1";
  margin-left:2rem;
}
.mailTo a::after {
  font-family:'Material Icons Outlined';
  content:"\e158";
}
/*********************************************************
greeting
*********************************************************/
.message {
  background:#fff;
}
.imageAndContents.forFlex>div {
  display:flex;
}
h3.heading3 {
  font-family:var(--Serif);
  font-weight:bolder;
  color:var(--asBlue);
  display:flex;
  align-items:center;
}
h3.heading3:after {
  content:"";
  height:1px;
  flex-grow:1;
  background:var(--asBlue);
  margin-left:10px;
}
.nameCard {
  font-family:var(--Serif);
  border-bottom:1px solid #ccc;
}
.nameCard span {
  font-weight:bolder;
}
/*********************************************************
business
*********************************************************/
.galleryBlock {
  border-top:1px solid #ccc;
}
.galleryBlock a {
  position:relative;
}
.galleryBlock a::after {
  display:block;
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  color:#fff;
  background:#333;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
  border-radius:0!important;
  padding:8px!important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_desc {
  display:none!important;
}
/*********************************************************
recruit
*********************************************************/
.c-postContent td, .c-postContent th {
  vertical-align:middle;
}
.voiceContainerWrapper {
  background:#fff;
  position:relative;
}
.voiceContainerWrapper::before {
  content:"";
  display:block;
  position:absolute;
  width:0;
  height:0;
  border-style:solid;
  border-color:#f2f2f2 transparent transparent transparent;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.voiceContainer>div {
  width:1000px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-start;
}
.workersVoice {
  width:100%;
  text-align: center;
  font-family: 'Noto Sans', sans-serif;
  font-weight:900;
}
.employeeVoice {
  background:#fff;
}
.employeeVoice img {
  display:none;
}
.profile {
  text-align:center;
  color:#fff;
  background:var(--asLightBlue);
}
.ark-block-dl__dt {
  color:var(--asLightBlue);
}
/* 「働く仲間の声」最終項目を左揃えにするための擬似要素 */
.voiceContainer>div::after {
  content:"";
  display:block;
  width:31%;
}
/*********************************************************
post
*********************************************************/
.post-template article {
  background:#fff;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for SP & iPad
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media not all and (min-width: 1000px) {
.forPC {
  display:none;
  }
/* header for SP & iPad *********************************/
header {
  padding:0;
  }
.l-header__body {
  display:flex;
  flex-direction:row-reverse;
  }
.l-header__center {
  padding:0;
  }
.l-header__logo {
  justify-content:flex-start;
  padding-left:2vw;
  font-size:2.8rem;
  }
.c-headLogo {
  width:100%;
  }
.c-headLogo::after {
  font-size:2.8rem;
  margin-left:5px;
  }
.c-headLogo__img {
  height:88%;
  }
/* nav for SP & iPad ************************************/
.l-header__drawerBtn { /* ハンバーガー */
  color:var(--asBlue);
  }
.p-drawer {
  background:var(--asBlue);
  }
.c-drawerNav a {
  line-height:2.5;
  border-bottom:1px solid #fff;
  }
.c-drawerNav>.menu-item:first-child>a {
  border-top:1px solid #fff;
  }
.__mainText {
  font-size:1.6rem;
  }
.u-flex--aic, .u-flex--aicw {
  font-size:1.3rem;
  }
/* mainVisual for SP & iPad *****************************/
.visualAndCopy {
  height:60vh;
  }
.mainVisual img {
  height:60vh;
  }
.catchCopy {
  padding:15px 20px;
  width:70%;
  }
.wp-block-group__inner-container .catchCopy h2 {
  font-size:3.1rem;
  margin-bottom:1.5rem;
  }
.catchCopy h2 span,
.catchCopy p span {
  letter-spacing:-2rem;
  }
.catchCopy p {
  padding-top:10px;
  font-size:1.6rem;
  }
/* main_contents for SP & iPad **************************/
.fixedWidth {
  width:95%;
  margin:auto;
  }
.c-postContent h2.heading2 {
  padding:2rem 0 0;
  font-size:1.3rem;
  }
.enAndJa {
  padding:4rem 0;
  }
.english {
  font-size:10vw;
  }
.japanese {
  font-size:5.5vw;
  line-height:1.3;
  }
.imageAndContents .wp-block-group__inner-container {
  width:100%;
  }
.buttons {
  margin:5rem 0 2rem;
  }
.c-postContent .wp-block-group__inner-container .greetingAndPP {
  margin-bottom:3rem;
  }
.greetingAndPP>div,
.mailTo a {
  width:95%;
  }
.seeMore a,
.greetingAndPP a {
  font-size:1.3rem;
  }
.seeMore a,
.greetingAndPP a,
.mailTo a {
  padding:.5rem 1.5rem;
  }
.privacyPolicy {
  width:95%;
  margin:auto;
  padding:4rem 0 2rem;
  }
.privacyPolicy a:before {
  margin-right:10px;
  }
.privacyPolicy a:after {
  margin-left:10px;
  }
/* newsContent for SP & iPad ****************************/
.newsContent {
  margin-top:7rem!important;
  }
.newsBlock {
position:relative;
  top:-3rem;
  padding:5rem 2rem 3rem;
  }
.wp-block-latest-posts__post-date {
  text-align:right;
  }
.c-postContent h3.topPageHeading3 {
  font-size:2.4rem;
  margin-bottom:5rem!important;
  }
/* about us and our business for SP & iPad **************/
.companyBusiness>div {
  padding:5rem 0 0;
  flex-direction:column;
  }
.textAndPhoto {
  margin-bottom:3rem!important;
  }
.textBlock {
  padding:3.5rem 0 0;
  }
.textBlock p {
  padding-bottom:3.5rem;
  }
.textAndPhoto img {
  height:250px;
  }
/* footer for SP & iPad *********************************/
footer {
  padding:1rem 0 3rem;
  }
.-widget1 p {
  font-size:1.3rem;
  }
.l-footer__inner p span {
  display:block;
  }
.l-footer span.phoneNumber,
.l-footer .mailAddress {
  display:block;
  margin:10px 0;
  font-weight:bolder;
  position:relative;
  }
.phoneNumber::after {
  font-family:'Material Icons Outlined';
  content:"\e325";
  }
.mailAddress::after {
  font-family:'Material Icons Outlined';
  content:"\e158";
  }
.phoneNumber::after,
.mailAddress::after {
  font-weight:normal;
  color:#fff;
  margin-left:5px;
  vertical-align:-12%;
  }
/* company Page for SP & iPad ***************************/
.wp-block-table.companyTable {
  margin:0 0 5rem;
  padding:3rem 1rem;
}
.wp-block-table.companyTable {
  font-size:1.4rem;
  }
/* greeting Page for SP & iPad **************************/
.imageAndContents.forFlex>div {
  flex-direction:column;
  }
.presidentFigure img {
  object-fit:cover;
  height:300px;
  object-position:0 30%;
  }
.message {
  margin:0 0 5rem;
  padding:3rem 1rem;
  }
h3.heading3  {
  font-size:2.1rem;
  }
.nameCard {
  padding:20px 0 5px;
  font-size:1.3rem;
  margin-bottom:16px!important;
  }
.nameCard span {
  margin-left:20px;
  font-size:1.6rem;
  }
.messageBlock {
  padding-top:20px;
  }
.message p:not(.nameCard) {
  font-size:1.5rem;
  }
/* business Page for SP & iPad **************************/
.businessPage {
  padding:3rem 2rem;
  }
.contentBlock {
  margin:0 0 5rem;
  padding:3rem 1rem;
  }
.paragraphBlock {
  padding:2rem 0 3rem;
  }
.paragraphBlock p {
  line-height:1.5;
  padding-bottom:1rem;
  }
.galleryBlock {
  padding-top:1rem;
  }
.galleryBlock>div>.wp-block-columns {
  flex-wrap:nowrap!important;
  gap:10px!important;
  align-items:flex-end!important;
  padding-bottom:4rem;
  }
.galleryBlock:last-of-type>div>.wp-block-columns {
  padding-bottom:0rem;
  }
.galleryBlock .wp-block-columns>div {
  flex-grow:0;
  width:30%;
  }
.galleryBlock a::after {
  content:"タップで拡大";
  width:80%;
  font-size:1.1rem;
  top:85%;
  }
#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
  max-width:90%!important;
  left:0!important;
  right:0!important;
  margin:auto!important;
  }
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
  font-size:1.3rem!important;
  }
/* recruit Page for SP & iPad ***************************/
.wp-block-table.companyTable.recruitTable {
  padding:1rem 0;
  }
.wp-block-table.companyTable.recruitTable tr {
  display:flex;
  flex-direction:column;
  }
.wp-block-table.companyTable.recruitTable tr td:first-child{
  padding:.5rem 1.25rem;
  color:#fff;
  background:#333;
  border:none;
  }
.wp-block-table.companyTable.recruitTable tr td:last-child{
  padding:.5rem 1.25rem 2rem;
  border:none;
  }
.voiceContainerWrapper {
  padding:30px 0;
  }
.voiceContainerWrapper::before {
  border-width:30px 50px 0 50px;
  }
.workersVoice {
  font-size:2.1rem;
  line-height:3;
  }
.voiceContainer>div {
  flex-direction:column;
  width:90%;
  margin:auto;
  }
.employeeVoice {
  width:100%;
  font-size:1.5rem;
  padding-bottom:20px;
  }
.profile {
  margin-bottom:16px!important;
  }
.ark-block-dl__dt {
  border-left:3px solid;
  }
.ark-block-dl__dd {
  padding:0 1rem 1rem;
  }
.ark-block-dl__dd p {
  line-height:1.3;
  padding-left:3px;
  }
/* privacy-policy Page for SP & iPad ********************/
.heading2.pp {
  margin-bottom:2rem!important;
  }
.imageAndContents.contentBlock {
  padding:2rem 1rem;
  }
.imageAndContents.contentBlock h2 {
  padding:3rem 0 1rem;
  border-bottom:1px solid #ccc;
  margin-bottom:1rem!important;
  }
.imageAndContents.contentBlock h2:first-child {
  padding:0 0 1rem;
  }
.imageAndContents.contentBlock p,
.imageAndContents.contentBlock li {
  font-size:1.4rem;
  }
/* post Page for SP & iPad ******************************/
.post-template article {
  width:95%;
  margin:3rem auto;
  }
.post-template article header {
  padding:1rem;
  }
.l-main__body>.c-postContent {
  margin:3rem 1rem;
  padding-bottom:3rem;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for iPhone SE
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 400px) {
body {
  font-size:1.5rem;
  }
.l-main__body>.c-postContent {
  margin:3rem 0rem;
  padding-bottom:3rem;
  }
h3.heading3 {
  font-size:2rem;
  }
.english {
  font-size:8vw;
  }
.greetingAndPP>div {
  width:95%;
  }
.seeMore a, .greetingAndPP a, .mailTo a {
  padding:0.5rem 1rem;
  }
.greetingAndPP a::after {
  margin-left:1rem;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for iPad
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width:600px) {
.wp-block-group__inner-container,
.l-footer__widgets {
  margin:auto;
  }
/* header Page for iPad *****************************/
header {
  padding:5px 0;
  }
/* mainVisual Page for iPad *****************************/
.visualAndCopy,
.mainVisual img {
  height:50vh;
  }
/* main_contents Page for iPad **************************/
.l-main__body>.c-postContent {
  margin:3rem 0;
  }
.enAndJa {
  padding:3rem 0;
  }
.english {
  font-size:9vw;
  }
.japanese {
  font-size:3.8vw;
  padding:0 18%;
  }
.fixedWidth {
  width:80%;
  }
.seeMore a,
.greetingAndPP a,
.mailTo a {
  padding:1rem 1.5rem;
  }
.textAndPhoto img {
  width:100%;
  height:250px;
  }
.privacyPolicy {
  width:384px;
  }
/* company Page for iPad ********************************/
.companyAppearance img {
  height:300px;
  object-position:0 5%;
  }
.heading3_block {
  margin:0 0 5rem;
  padding:2rem 0 0;
}
.wp-block-table.companyTable {
  margin:0 0 5rem;
  padding:5rem;
  }
.message {
  padding:3rem;
  }
.greetingAndPP>div,
.mailTo a {
  width:50%;
  }
.presidentFigure img {
  height:200px;
  object-position:0 38%;
  }
/* business Page for iPad *******************************/
.contentBlock {
  margin:0 0 5rem;
  padding:5rem;
  }
/* recruit Page for iPad ********************************/
.wp-block-table.companyTable.recruitTable tr td:last-child {
  /*padding:0.5rem 0 2rem;*/
  }
.workersVoice {
  line-height:5;
  }
.voiceContainer>div {
  flex-direction:row;
  }
.employeeVoice {
  width:47%;
  }
/* post Page for iPad ***********************************/
.single-post .l-main__body>.c-postContent {
    margin: 3rem 8px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for PC
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width:1000px) {
.forSP {
  display:none;
  }
.l-article {
  max-width:100%;
  }
.fixedWidth {
  width:1000px;
  margin:auto;
  }
/* header for PC ****************************************/
.l-header__body {
  margin:0;
  padding:0;
  max-width:100%;
  }
.l-header__logo {
  padding-left:10px;
  }
.c-headLogo::after {
  font-size:3.1rem;
  margin-left:10px;
  }
/* nav for PC *******************************************/
.c-gnav .__mainText,
.c-gnav .__subText {
  font-size:1.5rem;
  }
.c-gnav>.menu-item>a:hover {
  color:var(--asRed);
  }
.c-gnav .sub-menu {
  background:var(--asBlue);
  }
.c-gnav>.menu-item>.sub-menu:before {
  border-bottom:8px solid var(--asBlue);
  }
/* mainVisual for PC ************************************/
.visualAndCopy {
  height:70vh;
  }
.mainVisual img {
  height:70vh;
  }
.catchCopy {
  padding:20px 40px;
  }
.wp-block-group__inner-container .catchCopy h2 {
  font-size:5rem;
  margin-bottom:1.5rem;
  }
.catchCopy h2 span,
.catchCopy p span {
  letter-spacing:-2rem;
  }
.catchCopy p {
  padding-top:10px;
  font-size:2.8rem;
  }
/* main_contents for PC *********************************/
.c-postContent h2.heading2 {
  padding-top:3rem;
  font-size:1.6rem;
  }
.enAndJa {
  padding:4.5rem 0;
  }
.english {
  font-size:7vw;
  }
.japanese {
  font-size:3.6rem;
  }
.privacyPolicy {
  width:35%;
  margin:auto;
  padding:6rem 0 1rem;
  font-size:1.3rem;
  }
.privacyPolicy a:before {
  margin-right:10px;
  }
.privacyPolicy a:after {
  margin-left:10px;
  }
.privacyPolicy:hover {
  color:var(--asRed);
  }
.privacyPolicy:hover a:before,
.privacyPolicy:hover a:after {
  background:var(--asRed);
  }
.mailTo a::after {
  margin-left:10px;
  }
/* newsContent for PC ***********************************/
.newsContent {
  margin-top:7rem!important;
  }
.newsBlock {
position:relative;
  top:-3rem;
  padding:5rem 12rem 3rem;
  }
.c-postContent h3.topPageHeading3 {
  font-size:2.8rem;
  margin-bottom:5rem!important;
  }
.wp-block-latest-posts li {
  display:flex;
  align-items:center;
  padding:0 1rem;
  }
.wp-block-latest-posts li:hover {
  color:var(--asRed);
  background:#fff;
  }
.wp-block-latest-posts li a {
  flex-grow:1;
  }
.widget_recent_entries a:hover, .wp-block-latest-posts:not(.is-grid) a:hover {
  background:inherit;
  }
/* about us and our business for PC *********************/
.companyBusiness>div {
  padding:12.5rem 0 5rem;
  justify-content:space-between;
  }
.textAndPhoto {
  width:47.5%;
  }
.textBlock {
  padding:3rem 0 0;
  }
.textBlock p {
  padding-bottom:5rem;
  }
.textAndPhoto figure {
  overflow:hidden;
  }
.textAndPhoto img {
  height:300px;
  transition:transform 1s;
  }
.textAndPhoto img:hover {
  transform:scale(1.05);
  }
/* footer for PC ****************************************/
footer {
  padding:2rem 0 3rem;
  }
.l-footer__inner {
  width:1000px;
  margin:auto;
  }
.l-footer__inner .l-container {
  padding:0;
  }
.l-footer__inner p {
  line-height:2;
  }
.l-footer__inner p span {
  margin:0 1.5rem;
  }
/* company Page for PC **********************************/
.wp-block-table.companyTable {
  margin:0 0 5rem;
  padding:5rem 12rem;
  }
.companyAppearance img {
  height:300px;
  }
.c-postContent>.buttons {
  margin:8rem 0 5rem;
  }
.c-postContent .wp-block-group__inner-container .greetingAndPP {
  margin-bottom:3rem;
  }
.greetingAndPP>div,
.mailTo a {
  width:28%;
  }
.seeMore a,
.greetingAndPP a,
.mailTo a {
  padding:1rem 1.5rem;
  font-size:1.5rem;
  }
.seeMore a:hover,
.greetingAndPP a:hover {
  color:#fff;
  background:var(--asBlue);
  }
.mailTo a:hover {
  color:#fff;
  background:var(--asRed);
  }
.presidentFigure {
  width:68%;
  }
.presidentFigure img {
  object-fit:cover;
  height:435px;
  object-position:35%;
  }
.message {
  margin:0 0 5rem;
  padding:5rem 7rem;
  }
h3.heading3 {
  font-size:2.4rem;
  }
.nameCard {
  padding:20px 0 5px;
  font-size:1.3rem;
  }
.nameCard span {
  margin-left:20px;
  font-size:2.1rem;
  letter-spacing:.25rem;
  }
.messageBlock {
  padding-top:20px;
  }
/* business Page for PC *********************************/
.contentBlock {
  margin:0 0 5rem;
  padding:5rem 12rem 0;
  }
.paragraphBlock {
  padding-bottom:5rem;
  }
.galleryBlock {
  padding-bottom:5rem;
  }
.galleryBlock p {
  padding:1rem 0;
  font-size:2.1rem;
  }
.galleryBlock figcaption {
  font-size:1.5rem;
  }
.galleryBlock a::after {
  content:"クリックで拡大";
  width:50%;
  font-size:1.1rem;
  top:90%;
  }
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
  font-size:1.5rem!important;
  }
/* recruit Page for PC ***************************/
.imageAndContents.recruitPage {
  margin-bottom:80px!important;
  }
.wp-block-table.companyTable.recruitTable {
  margin:30px 0 50px;
  padding:0;
  }
.wp-block-table.companyTable.recruitTable td:first-child{
  width:21%;
  }
.recruitPage .paragraphBlock .mailTo a{
  margin-top:40px!important;
  width:462px;
  }
.voiceContainerWrapper {
  padding:40px 0;
  }
.voiceContainerWrapper::before {
  border-width:40px 100px 0 100px;
  }
.workersVoice {
  font-size:3.1rem;
  line-height:5;
  }
.employeeVoice {
  width:31%;
  padding-bottom:40px;
  }
.profile {
  padding-left:16px;
  margin-bottom:16px!important;
  }
.ark-block-dl__dt {
  border-left:5px solid;
  }
.c-postContent dl {
  font-size:1.5rem;
  }
.c-postContent dd {
  padding:0 0 0 15px;
  line-height:1.2;
  }
/* privacy-policy Page for PC ***************************/
.heading2.pp {
  padding-bottom:2rem;
  }
.imageAndContents.contentBlock {
  padding:5rem 12rem;
  }
.imageAndContents.contentBlock h2 {
  padding:5rem 0 1rem;
  border-bottom:1px solid #ccc;
  margin-bottom:1rem!important;
  }
.imageAndContents.contentBlock h2:first-child {
  padding:0 0 1rem;
  }
.imageAndContents.contentBlock p,
.imageAndContents.contentBlock li {
  font-size:1.5rem;
  }
/* post Page for PC *************************************/
.post-template article {
  width:1000px;
  margin:3rem auto;
  }
.post-template article header {
  padding:1rem 3rem;
  }
.l-main__body>.c-postContent {
  /*margin:3rem;*/
  padding-bottom:3rem;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for iPad Pro
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width:1000px) and (max-width:1024px) {
.visualAndCopy,
.mainVisual img {
  height:40vh;
  }
.fixedWidth {
  width:90%;
  }
.l-header__body.l-container {
  padding:0 2vw;
  }
.c-gnav .__mainText,
.c-gnav .__subText {
  font-size:1.2rem;
  }
.japanese {
  font-size:3.8vw;
  line-height:1.3;
  padding:0 19%;
  }
.greetingAndPP>div, .mailTo a {
  width:45%;
  }
.voiceContainer>div {
  width:982px;
  }
.employeeVoice {
  width:30%;
  }
.post-template article {
  width:80%;
  }
.single-post .l-main__body>.c-postContent {
    margin: 3rem 26px;
  }
.presidentFigure img {
  object-fit:cover;
  height:500px;
  object-position:35%;
  }
.message {
  margin:0 0 5rem;
  padding:5rem 9rem;
  }
}
/*********************************************************
2025年02月に追加：取扱説明書ページ
.manual_wrapper {
  flex-wrap:wrap !important;
}
.manual_unit {
  padding:1em 1em 2em;
  border:1px solid #bbb;
}
.manual_unit h4 {
  font-weight:normal;
  margin-bottom:1em !important;
}
.manual_unit figure {
  margin-bottom: 20px;
}
.button_container {
  align-items:center !important;
  gap:1em;
}
.manual_unit .wp-block-button.manual_button a,
.manual_unit a.manual_button {
  display:flex;
  justify-content:center;
  font-size: 1em !important;
  line-height:1 !important;
  color:var(--asBlue) !important;
  padding:.5em 1em !important;
  text-align:center;
  border-style:solid;
  border-width:1px;
  border-radius:0;
  background:transparent;
}
.manual_unit .wp-block-button.manual_button a::after {
  font-family: 'Material Icons Outlined';
  content: "\eaf3";
  margin-left: 1rem;
}
.manual_unit a.manual_button::after {
  font-family: 'Material Icons Outlined';
  content: "\e8d7";
  margin-left: 1rem;
}
.manual_unit .wp-block-button.manual_button a:hover,
.manual_unit a.manual_button:hover {
  color: #fff !important;
  background: var(--asBlue);
}
.attention {
	margin-top:1em !important;
	font-size:70% !important;
	color:var(--asRed);
	line-height:1.3;
}
@media not all and (min-width: 1000px) {
	.manual_notice p {
		font-size:15px;
		line-height:1.3;
	}
	.manual_group {
	width:80%;
	  margin-top:2em !important;
	  margin-right:auto;
	  margin-bottom:0;
	  margin-left:auto;
	}
	.manual_group h3 {
		font-size:1.8rem;
		line-height:1.2;
		padding-bottom:5px;
		border-bottom:1px solid #333;
		margin-bottom:.8em !important;
	}
	.manual_unit .wp-block-button.manual_button a,
  .manual_unit a.manual_button {
	  width:180px;
  }
}
@media (min-width:1000px) {
  .manual_group {
	width:700px;
	  margin-top:2.5em !important;
	  margin-right:auto;
	  margin-bottom:0;
	  margin-left:auto;
	}
	.manual_group h3 {
		font-size:2rem;
		border-bottom:1px solid #333;
		margin-bottom:1em !important;
	}
	.manual_wrapper {
		justify-content:space-between;
	}
	.manual_unit {
		width:47%;
	}
  .manual_unit .wp-block-button.manual_button a,
  .manual_unit a.manual_button {
	  width:180px;
  }
}
*********************************************************/

/*********************************************************
2025年03月に追加：取扱説明書ページ
*********************************************************/
.manual_unit {
  margin-top:3em !important;
}
.text_button {
  flex-grow:1;
}
.button_column {
  justify-content:center;
  margin-top:1.5em !important;
  gap:2em;
}
}
.button_container {
  align-items:center !important;
  gap:1em;
}
.manual_unit .wp-block-button.manual_button a,
.manual_unit a.manual_button {
  display:flex;
  justify-content:center;
  font-size: 1.25em !important;
  line-height:1 !important;
  color:var(--asBlue) !important;
  padding:.75em 1.75em !important;
  text-align:center;
  border-style:solid;
  border-width:1px;
  border-radius:0;
  background:transparent;
}
.manual_unit .wp-block-button.manual_button a::after {
  font-family: 'Material Icons Outlined';
  content: "\eaf3";
  margin-left: 1rem;
}
.manual_unit a.manual_button::after {
  font-family: 'Material Icons Outlined';
  content: "\e8d7";
  margin-left: 1rem;
}
.manual_unit h4 {
  font-size:1.25em;
}
.attention {
	margin-top:1em !important;
	font-size:70% !important;
	color:var(--asRed);
	line-height:1.3;
}
.manual_unit .wp-block-button.manual_button a:hover,
.manual_unit a.manual_button:hover {
  color: #fff !important;
  background: var(--asBlue);
}
@media (min-width:1000px) {
}