body{margin:0;padding:0; color:#1a181b;border-top:10px solid #1d9580; background: #ffffff;}
img{width:100%;margin-bottom:0;}
a{color:#1d9580;}
a:hover{color:#EFCA08;}
button:hover {background: none;}

button.toggle {
  background-color:transparent !important;
  color:#1d9580;
}

p,span,dl,a,div {font-size: 16px;}

@media (min-width: 700px)
section {
  padding: 0;
}
section {
  padding: 0;
}


h2, .h2, h3, .h3 {
  font-family: "Noto Serif JP",serif;
}
h3, .h3 {
  font-family: "Noto Serif JP",serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.3;
}

.header-inner {
  margin: 0 auto;
  width: 1200px;
  padding: 0;
}

.header-titles-wrapper {
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  text-align: left;
  justify-content: flex-start;
}
.header-titles-wrapper a img {
    width: 400px;
}

.header-inner .toggle {
  align-items: stretch;
}

header ul.primary-menu {
  margin: 0;
}

header .primary-menu > li {
  font-family: "Poppins",sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  border-right: 1px solid #1d9580;
  margin: 0;
}

header .primary-menu a {
  color: #1a181b!important;
}
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {
  text-decoration: none;
}


header .primary-menu a:hover,
header .primary-menu li.current-menu-item > a{
    background: #1d9580;
    transition: 0.3s;
    text-decoration: none;
    color: #ffffff!important;
}
header .primary-menu > li a span:hover {
  color: #ffffff;
}
header .primary-menu > li a {
  letter-spacing: 0.1em;
  height: 100%;
  padding: 40px 20px;
}
header .primary-menu > li a span {
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: 0em;
  margin-top: 0.5rem;
}
.nav-toggle .toggle-icon, .nav-toggle svg {
  height: auto;
  width: auto;
  top: 50%;
  left: 25%;
}
.nav-toggle .toggle-inner {padding-top: inherit;}


.modal-menu > li > .ancestor-wrapper > a {
  color: #1a181b;
}
.modal-menu > li > .ancestor-wrapper > a span {
  margin-left: 1rem;
}


@media screen and (max-width: 768px){
  .header-titles-wrapper a img {
    margin: 25px 0 25px 10px;
    width: 85%;
  }
}


.main-img {
  margin-bottom: 30px;
  position: relative;
}
.main-img div {
  height: auto;
  background: rgba(0,0,0,0.5);
  padding: 4px 0;
  text-align: center;
  position: absolute;
  top: 40%;
  right: 0;
  left: 0;
}
.main-img div h1 {
  color: #ffffff;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  letter-spacing: 0.4rem;
  margin: 0;
}


footer .primary-menu-wrapper {
    display: block;
}
footer .footer-bottom .sectionwrap {
  text-align: right;
}
footer .footer-bottom .sectionwrap p {
  margin-top: 1rem;
}
footer .footer-bottom a {
  color: #ffffff!important;
  font-size: 0.9rem;
}
footer .footer-bottom a span:before {
  content: '/';
  margin: 3px;
}
footer .footer-bottom a span {
  font-size: 0.8rem;
}



/* 基本レイアウト */

.block_line,
.block_two,
.block_one,
.home h3,
.home h3 span,
.page .goaisatu h3,
.goaisatu .biglead,
.frontworks h2,
.frontfactory,
.frontfactory figure,
.frontfactory figure figcaption,
.frontfactory figure figcaption span,
.section,
.sectionwrap,
.sectionwrap-inner,
.sectionfooter,
.toinfo,
.home .company dl,
.page .company .setubi,
.footermap,
.footeraddress h2,
footer nav,
.suki-footer-menu ul,
.suki-footer-bottom-bar-row,
suki-footer-copyright,
nav.suki-header-menu ul li a,
nav.suki-header-menu ul li a span,
nav.suki-footer-menu ul li a,
nav.suki-footer-menu ul li a span
{display: flex; justify-content: center;align-items: center;width: 100%; flex-wrap:wrap;}

.section,
.sectionwrap,
.sectionwrap-inner{align-items: flex-start;}

.footeraddress h2{justify-content: flex-start;}

.suki-footer-menu ul,
.suki-footer-bottom-bar-column>*{justify-content: flex-end;}


/************************************************************************/
.suki-header-main-bar-row {margin: 0 auto; width: 1200px;}
.home .suki-content-inner{padding: 0;}
.home .suki-wrapper{width: 100%; }
.home section{margin:0 auto 80px;}
.home .sectionwrap,
.home footer .suki-wrapper,
.goaisatu .sectionwrap,
.workslist .sectionwrap,
.pagemainarea .sectionwrap-inner,
.main-img div,
footer .suki-wrapper,
footer .sectionwrap{width:1200px;margin:0 auto;}

@media screen and (max-width: 1217px) {
  .header-inner,
  .suki-header-main-bar-inner,
  .home .sectionwrap,
  .home footer .suki-wrapper,
  .goaisatu .sectionwrap,
  .workslist .sectionwrap,
  .pagemainarea .sectionwrap-inner,
  .main-img div,
  footer .suki-wrapper,
  footer .sectionwrap {
    width: 100%;
  }

}


@media screen and (max-width: 768px){
.home section {margin-bottom: 0;}
.suki-header-main-bar-inner,
.home .sectionwrap,
.home footer .suki-wrapper,
.goaisatu .sectionwrap,
footer .suki-wrapper,
footer .sectionwrap{width:calc( 100vw - 32px )}


.pagemainarea .sectionwrap-inner .biglead h4{padding: 0 15px;}

}
/* .suki-header-main-bar-inner{width:1200px;margin:0 auto;}*/

/* ブロック設定 ・　背景設定　*/

.block_two,.block_one,.block_three, .block_line{align-items: flex-start;padding:0 12px;margin-bottom:80px;}

.block_one{width:85%;}
.block_two{width:50%;}
.block_three{width:33.33333333333%;}

.block_line{border-top:1px solid #1d9580; padding-top: 20px;}

.goaisatu .sectionwrap,
.sectionwrap{margin-bottom:80px;}


@media screen and (max-width: 768px){
.block_one,.block_two,.block_three{width:100%;}
}

/* 全幅背景を入れたいページ用 s*/

.page-id-198 .suki-content-inner{padding:80px 0;}
.page-id-198 .suki-wrapper{width:100%;}
.page-id-216 header .suki-wrapper{width:100%;}
.sectionwrap .sectionwrap-inner{width:1200px; margin: 0 auto;}
.page-id-198 .sectionwrap.bgyes{background:#F0EEF1;padding:80px 0;}
section.bgyes{background:#F0EEF1;padding:80px 0;}
#osaka .sectionwrap, #himeji01 .sectionwrap, #himeji02 .sectionwrap{margin-bottom:0px;}
#osaka .sectionwrap.bgyes{padding:40px 0;}
@media screen and (max-width: 768px){
  .page-id-198 .suki-wrapper .sectionwrap-inner{width:100%;}
}

/* 見出し・タイトル設定 */

h1.suki-page-header-title{font-weight: bold;font-size: 40px;letter-spacing:0.1em;}
h3{letter-spacing:0.2em;}
h3 span{font-weight:normal; font-size:0.7em;display:block;}

.page h3 {
  border-bottom: solid 3px #1a181b;
  position: relative;
  padding:0 0 0.5em;
  margin-bottom:1.8em;
}
.page h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #1d9580;
  bottom: -3px;
  width: 30%;
}

.page h1.pagetitle, .page h3, .page h5{width:100%;}
 .page .block_two h3{width:90%;}
 .page .block_one h3{width:90%;}
 .suki-page-header-inner{padding:200px 0;background-size: cover;background-position: center;opacity:1;}
 .suki-page-header-inner .suki-wrapper{width:1200px;height:auto;background:rgba(0,0,0,0.5);padding:4px 0;}
 .page-id-198 .suki-page-header-inner{background-image:url(../images/page/company.jpg);} 
 .page-id-216 .suki-page-header-inner{background-image:url(../images/page/works.jpg);} 


@media screen and (max-width: 768px){
  .page h3 {margin: 0.5em 0 1.8em;}
}




/* 各種誘導　設定 */

.toinfo a{padding:8px 20px;background:#1d9580;color:#ffffff;letter-spacing:0.2em;margin:12px 0 24px;border-bottom:4px solid #1a181b;}
.toinfo a:hover{background:#1a181b;}


/*　基本メニュー　設定 */
.suki-header-section .menu{width:70%;}
nav.suki-header-menu ul li{border-right:1px solid #1d9580; }
nav.suki-header-menu ul li:hover{background:#1d9580;transition: 0.3s ; }
nav.suki-header-menu ul li a .suki-menu-item-title{ order:1;letter-spacing:0.1em;font-size:0.9em; }
nav.suki-header-menu ul li a .sub{ order:2; font-size:0.8em; color:#1d9580; }
nav.suki-header-menu ul li a .suki-menu-item-title, nav.suki-header-menu ul li a .sub{ width:100%;}
nav.suki-header-menu ul li:hover a .suki-menu-item-title, nav.suki-header-menu ul li:hover a .sub{color:#ffffff; }
nav.suki-footer-menu ul li a:hover{text-decoration:underline;}
nav.suki-footer-menu ul li a span{width:auto;}
nav.suki-footer-menu ul li a .suki-menu-item-title{ order:1;letter-spacing:0.1em;font-size:0.9em; }
nav.suki-footer-menu ul li a .suki-menu-item-title:after{ content:"/"; }
nav.suki-footer-menu ul li a .sub{ order:2; font-size:0.8em;}

.suki-header-menu>.menu>.menu-item>.suki-menu-item-link{height:100%;padding:30px 0;}





/* トップページ　ご挨拶 */
.goaisatu .biglead p{font-size: 1.4rem;line-height: 1.5;margin-bottom: 1.6rem;}
.goaisatu .sectionfooter{justify-content: flex-end; font-size: 16px;}
.goaisatu .sectionfooter span{margin-left:2em;}
.goaisatu .innr_box {width: 70%;}
@media screen and (max-width: 768px){
.goaisatu .sectionfooter span{margin-left:0;}
.goaisatu .biglead,
.goaisatu .innr_box {width: 90%;}
}


/* トップページ　事業紹介 */

.home section.frontwhimeji, .home section.frontwosaka {margin:0;}
.frontwosaka,.frontwhimeji{padding:180px 0 180px;background:url(../images/444frontosaka.jpg) center bottom no-repeat;background-size: cover;}
.frontwhimeji{background:url(../images/fronthimeji.jpg) center top no-repeat;background-size: cover;}
.frontwosaka .sectionwrap{padding:0 0 0 480px;}
.frontwhimeji .sectionwrap{padding:0 480px 0 0;}
.frontworks h2{font-size: 2.4rem;line-height: 1.5;margin-bottom: 0.6rem;}
.frontworks .frontworksplace{font-size: 1.8rem;line-height: 1.5;margin-bottom: 3.6rem;}
.frontworks .biglead p{font-size: 1.2rem;line-height: 1.8;margin-bottom: 1rem;}


@media screen and (max-width: 768px){
.frontwosaka .sectionwrap,.frontwhimeji .sectionwrap{background: rgba(255,255,255,0.6);padding:12px;font-weight:bold;}

.frontwosaka, .frontwhimeji {padding: 30px 0 30px;}
.frontworks .biglead p{font-size: 1.2rem;line-height: 1.8;margin-bottom: 1rem;padding:0 24px;}
.frontwosaka {background: url(../images/444frontosaka.jpg) left bottom no-repeat;}
.home section.frontwosaka,.home section.frontwhimeji{margin-bottom:24px;}
.frontwhimeji {background: url(../images/fronthimeji.jpg) right top no-repeat;}
.frontworks h2{font-size: 2rem;line-height: 1.5;margin-bottom: 0.6rem;}
}



/* トップページ　工場 */
.frontfactory {justify-content: space-around;}
.frontfactory figure{width:33.33333333333333333333333%;padding:0 4px;}
.frontfactory figure img{border:1px solid #1d9580;}
.frontfactory figure figcaption span{font-weight:normal;width:100%;line-height:1em;margin-bottom:0.4em;}
.frontfactory figure figcaption span.frontworksplace{font-weight:bold;line-height:2.4rem;margin:0.8em auto;}


@media screen and (max-width: 768px){
.frontfactory figure{width:100%;padding:0 4px;margin-bottom:40px;}
}



/* トップページ　制作実績 */
.workslist .sectionwrap{justify-content:flex-start;}
.workslist .sectionwrap h3{width:100%;}
.workslist figure{width:25%;padding:2px 12px;margin-bottom:0.5rem;}


.page dl.raretu{padding:0 0 0 24px ; margin:0 auto;width:100%;font-size:0.9em;display:flex;flex-wrap:wrap;}
.page dl.raretu dt, .page dl.raretu dd{padding:0 12px; width:auto; margin:0;}

@media screen and (max-width: 768px){
  .page dl.raretu {padding: 0;}
  .page dl.raretu dt, .page dl.raretu dd {padding: 0 6px;}
  .page dl.raretu dt {width: 35%;}
  .page dl.raretu dd {width: 65%; padding: 0;}
}


/* トップページ 製品詳細 */
/* 
.workslist figure:nth-child(1),
.workslist figure:nth-child(2),
.workslist figure:nth-child(3),
.workslist figure:nth-child(4){width:50%;}
 */
.home .workslist figure{width:25%;padding:2px 12px;margin-bottom:0.5rem;}
.home .workslist figure img{border:1px solid #1d9580;height:120px;object-fit: cover;}

.page .workslist figure img{border:1px solid #1d9580;}
@media screen and (max-width: 768px){
  .home .workslist figure,
  .workslist figure {width: 50%;}
}

/* トップページ　地図 */
.home section.footermap,
.home section.footermap .block_two{
    margin: 0 auto 0px;
}
.home section.footermap .block_one{
    margin: 0 auto 0px;
}



/* 会社概要 */
.company section{display:flex;flex-wrap:wrap;margin-bottom:120px;}
.company section .block_two{}
.company section h5{font-size:1.6em;border-left:24px solid #1d9580;padding-left:1em;}
.company dl{padding:0 40px;}
.company dl dt,.company dl dd{padding:0;margin:0;line-height:3em;border-bottom:1px dotted #1d9580;}
.page .company dl dt,.page .company dl dd{padding:8px 0;line-height:2em;letter-spacing:0.1em;}
.home .company dl dd{width:300px;}
.page .company dl{display:flex;flex-wrap:wrap;}
.home .company dl{width:50%;}
.page .company dl dt{width:150px;padding-left:2rem;display: flex;flex-direction: column;}
.page .company dl dd{width:calc( 100% - 150px);	display: flex;flex-direction: column;}
.page .company dl dd span{display:block;}
.page .company dl.history dt{width:100%;display: flex;flex-direction: column;padding:2px 0 2px 2rem;}
.page .company dl.history dd{width:100%;padding-left: 4rem;display: flex;flex-direction: column;border:none;padding-bottom:32px;}
.page .company dl.setubi{display:flex;flex-wrap:wrap;justify-content: flex-start;padding:0 16px;font-size:0.8em;}
.page .company dl.setubi dt{width:220px;padding-left:0rem;display: flex;flex-direction: column;}
.page .company dl.setubi dd{width:calc( 50% - 220px);	display:flex; flex-direction: column;}
.page .company .setubi figure{width:25%;padding:0 8px;}
.page .company address{width:100%;}
@media screen and (max-width: 768px){
  .page .company dl,
  .page .company dl.setubi {display: block;}
.home .company dl{width:100%;}
  .page .company dl dt::before {content: '■'; color: #1d9580; padding-right: 0.5rem;}
  .page .company dl dt,
  .page .company dl.setubi dt {font-weight: bold; flex-direction: row;}
  .page .company dl dt,
  .page .company dl dd,
  .page .company dl.setubi dt,
  .page .company dl.setubi dd {width: 100%;}
  .page .company dl dt,
  .page .company dl.history dt {padding-left: 0; flex-direction: row;}
  .page .company dl.history dd {padding-left: 2rem;}
  .page .company dl dd {padding-left: 2rem;}
}


/* フッター */
.home footer section {margin: 0 auto;}
footer{background:#1d9580; color:#ffffff;padding:32px 0 8px;}
.footeraddress address.block_two{justify-content:flex-start;}
.footeraddress address.block_one{justify-content:flex-start;}
.footeraddress address > div{padding-left:20px;border-left:8px solid #ffffff;margin-left:20px;width:100%;}
.footeraddress address > div span{padding-right:20px;}

footer h2,footer h4{margin: 0 0 0.8rem;color: #ffffff;}
.footermap iframe{width:100%;height:440px;}
.suki-footer-bottom-bar-column{display:block;}




@media screen and (max-width: 768px){
.footermap iframe{width:100%;height:200px;}
}

/* スライダー */
:root {
  --swiper-theme-color:#1d9580;
}
.swiper-wrapper img{max-width: 100%;min-width: 100%;height:600px;object-fit: cover;}
@media screen and (max-width: 768px){
  .swiper-wrapper img {height: auto;}
}


/* ページトップへ　*/
.suki-scroll-to-top-position-right {
    right: 50px;
}




.pagetop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 50px;
  height: 50px;
}
.pagetop a {
  border: 1px solid #1d9580;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffffff;
  color: #1d9580;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
.pagetop a:hover {
  background: #1d9580;
  border: 1px solid #F0EEF1;
  color: #F0EEF1;
}