html {
  width: 100%;
  height: 100%;
  font-size: 10px;
  color: #141414;
}

body,
p,
table,
td,
input,
textarea {
  font-family: 'Noto Sans JP', sans-serif　!important;
}

h1,
h2,
h3 {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 500 !important;
}

body {
  background-color: #FAFAFAFA;
  margin: 0;
}

a:link,
a:visited {
  text-decoration: none !important;
  color: initial !important;
}

div#contentfooter div.leftrow {
    display: none !important;}

/* 初期段階の設定ここまで */
/* ボタンのスタイリング */

a.j-calltoaction-link-style-1{
 background-color: transparent;
 border-radius: 30px;
 border: solid 1px #333;
 font-size: 1.5rem;
 font-weight: 500;
 padding: 1rem 5rem;
 transition: 0.3s ease-in-out;
}

a.j-calltoaction-link-style-1:hover{
 background-color: #333;
 color: #fff !important;
 text-decoration: none !important;
}

a.j-calltoaction-link-style-2{
 background: #eee;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 280px;
  padding: 10px 25px;
  color: #333;
  transition: 0.3s ease-in-out;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

a.j-calltoaction-link-style-2:hover{
  background: #333;
  color: #FFF !important;
}

a.j-calltoaction-link-style-2:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #313131;
  border-right: 3px solid #313131;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
  border-radius: 1px;
  transition: 0.3s ease-in-out;
}

a.j-calltoaction-link-style-2:hover:after {
  border-color: #FFF;
}

a.j-calltoaction-link-style-2 {
  margin-top: 1rem;
}




/* ヘッダー部分のデザイン */

.header {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 15px auto;
  align-items: center;
}

.nav:after {
  content: ""; 
  display: block; 
  clear: both;
}

.nav ul {
        
        list-style-type: none;
}

.nav ul.cc-nav-level-0 {
        width: 100%;
        margin: 0;
        padding: 0;
}
.nav ul.cc-nav-level-0:after {
        content: "";
        display: block;
        clear: both;
}
.nav ul.cc-nav-level-0 li {
        float: left;
        white-space: nowrap;
}
.nav ul.cc-nav-level-0 li ul {
    width: 200px;
    display: block;
    visibility: hidden;
    position: absolute;
    margin: 0;
    padding: 1.5rem;
    background-color: #fff;
    opacity: 0.9;
    z-index: 1 !important;
}
.nav ul.cc-nav-level-0 li:hover > ul {
        visibility: visible;
}
.nav ul.cc-nav-level-0 li ul li {
        width: 170px !important;
    clear: left;
    position: relative;
    padding: 1.5rem;
    border-bottom: dashed 1px #333;
}
.nav ul.cc-nav-level-0 li ul li ul {
        top: 0;
        left: 100%;
}
.nav ul.cc-nav-level-0 li a {
        display: block;
        padding-bottom: 3px;
        text-align: center;
        text-decoration: none;
}

* html .nav ul.cc-nav-level-0 li a { /*forIE6*/
        zoom: 1;
}

.nav ul.cc-nav-level-0 li a.cc-nav-current, .nav ul.cc-nav-level-0 li.cc-nav-parent a {
        border-bottom: solid 1.5px #333;
}
.nav ul.cc-nav-level-0 li ul li a {
        text-align: left;
}

.nav ul.cc-nav-level-1 a, .nav ul.cc-nav-level-2 a {
        text-align: center;
        
}

.nav ul.cc-nav-level-1 a.cc-nav-current, .nav ul.cc-nav-level-2 a.cc-nav-current {
        background: #f5f5f5;
}

.j-textWithImage figure {
  z-index: 0 !important;
}

.nav #cc-nav-view-1201154413, .nav #cc-nav-view-1102832813, .nav-02 #cc-nav-view-1102832813 {
  display: none;
}

.logo a:hover {
  opacity: 0.5;
}

.logo img {
  vertical-align: middle;
  width: 32rem;
  height: auto;
  min-width: 25rem;
}

.nav {
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  align-items: center;
}

.nav ul {
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
  align-items: center;
}

.nav li {
  padding-right: 2.5rem;
}

.contact {
  border: solid 1px #555555;
  padding: 10px 35px 0px 30px;
  margin: 0px 10px 0px 10px;
  height: 30px;
  border-radius: 3px;
  display: inline-block;

}

.navigation {
  margin-top: 1rem;
}

.nav a:hover {
  color: #727171;
}

.contact a img {
  width: 20px;
  padding-right: 5px;
  display: inline-block;
}

.sp-menu {
  display: none;
}

/* 基本は表示をさせない */
.main-visual {
  display: none;
}

/* トップページのみ表示させる */
.cc-page-index .main-visual {
  background-image: url(https://u.jimcdn.com/cms/o/s0c35decb3618f7fa/userlayout/img/top.jpg?t=1678066347);
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 20rem;
  padding-bottom: 15rem;
}

/* サブページのタイトルをTOPページで表示させなくする */

.cc-page-index  .sub-pege-title001,
.cc-page-index  .sub-pege-title002,
.cc-page-index  .sub-pege-title003,
.cc-page-index  .sub-pege-title004,
.cc-page-index  .sub-pege-title005
{
  display: none;
}

/* ここまで */

/* トップページのメインビジュアルレイアウト */
.cc-page-index .main-visual span {
  font-family: 'Noto Serif JP', serif;
  font-size: 5.2rem;
  color: #f5f5f5;
  font-weight: 600;
  margin: 10px 10px 10px 60px;
  padding: 10px;
  line-height: 6rem;
}

.cc-page-index .main-visual ul {
  list-style: none;
  font-size: 3rem;
  color: #f5f5f5;
  padding-left: 80px;
  margin: 0px;
  line-height: 150%;
}

/* トップページのメインビジュアルレイアウトここまで */
/* 買い物カゴの表示をさせない */
.j-cart-icon {
  display: none !important;
}

/* 見出しのデザイン・レイアウト */

.midasi {
  text-align: center;
}

.midasi h2 {
  color: #333 !important;
  margin: 0px;
  font-size: 3.5rem;
  text-align: center;
}

.midasi p {
  font-weight: 400 !important;
  border-bottom: solid 3px #206b2bfa;
  display: inline-block;
  position: relative;
  bottom: 10px;
  font-size: 2rem;
  margin: 0;
} 

/* 見出しのデザイン・レイアウトここまで */
/* メインデザイン・レイアウト */

main {
  margin: 0 auto;
}

.product-area {
  height: auto;
  margin: 0 auto;
}

.product-area h3{
  font-size: 2rem;
  color: #333;
  margin-bottom: 1rem;
}

.product-left-text, .product-right-text {
  width: 55%;
}

.product-rigth-img, .product-left-img {
 width: 48%;
}

.product-rigth-img img {
  border-radius: 10px;
  width: 100%;
  box-shadow: 5px 5px 8px rgba(110, 110, 110, 0.2);
}

.product-left-text p {
  font-size: 1.5rem;
  line-height: 180%;
  font-weight: 400;
}

#cc-m-13037533526 {
  width: 90%;
  margin: 0 auto;
}

.product {
  display: flex;
  height: auto;
  align-items: center;
  gap: 2%;
  padding: 2rem;
}

.product-right {
  display: flex;
  height: auto;
  align-items: center;
  padding: 2rem;
  gap: 2%;
}

.product-left-img img {
  border-radius: 10px;
  width: 100%;
  box-shadow: 5px 5px 8px rgba(110, 110, 110, 0.2);
}

.product-right-text p {
  font-size: 1.5rem;
  line-height: 180%;
  font-weight: 400;
}

.btn01 a {
  background: #eee;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 280px;
  padding: 10px 25px;
  color: #313131;
  transition: 0.3s ease-in-out;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.btn01 a:hover {
  background: #141414;
  color: #ffffff !important;
}

.btn01 a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #313131;
  border-right: 3px solid #313131;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
  border-radius: 1px;
  transition: 0.3s ease-in-out;
}

.btn01 a:hover:after {
  border-color: #FFF;
}

.btn01 {
  margin-top: 1rem;
} 

#cc-m-7123032513, #cc-m-7123032713, #cc-m-7123032913, #cc-m-7146537313{
  width: 80%;
  margin: 0 auto;
  max-width: 1500px;

}

.about {
  background-image: url(https://u.jimcdn.com/cms/o/s0c35decb3618f7fa/userlayout/img/bg002.jpg?t=1677943018);
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  box-sizing: border-box;
  padding: 8.5rem 5.5rem;
  background-size: 100%;
}

.abouto-text09 h3 {
  font-weight: 500;
  color: #f5f5f5;
  font-size: 3rem;
  margin: 1.5rem 0;
}

.abouto-text09 p {
  color: #f5f5f5;
  font-size: 1.8rem;
  padding: 0px 2.5rem;
  line-height: 150%;
}

.abouto-text09 span {
  display: inline-block;
  margin: 1rem 0;
  font-size: 2rem;
} 

#cc-m-7123032413{

 padding: 0;}


/* メインコンテンツ部分(あとから修正すること) */

 #content_area{
  width: 80%;
  max-width: 1500px;
  margin: 0 auto;
}

.cc-page-index #content_area {
  width: initial;
}

.cc-imagewrapper{
 text-align: csnter;
}

#cc-m-7125246313{
 width:90%;
 margin: 0 auto;
}

.rssFeed h3{
 display: none;
}

.rssFeed a{
 float: right;
}

.rssFeed a:hover{
 opacity: 0.5;
}

.rssFeed .rssFeedTitle {
    font-size: 1.6rem;
}

.rssFeed{
 width:85%;
 line-height: 200%;
 padding-top: 5rem;
 margin: 0 auto;
}



/* インフォメーションスペースここまで */

/* 会社概要・実績・購入について部分はここから */

.company-speace {
  background-color: #E6E6E6;
  width: 100%;
  height: 25rem;
  margin-bottom: 250px;
  position: relative;
}

#cc-m-7125721413 {
 padding: 0;}

.company-box02 {
  width: 80%;
  display: flex;
  justify-content: space-evenly;
  position: absolute;
  left: 10%;
  top: 91px;
  max-width: 1500px;
}

.box003 img {
  width: 97%;
  height: 100%;
  margin: 0px 5px;
}

.box-004 h3 {
  font-size: 1.8rem;
  margin: 0px;
  padding: 0px 12px;
  font-weight: 500;
}

.box003 {
  margin-bottom: 150px;
  overflow: hidden;
  margin-bottom: 0px;
}

.box003 a :hover {
  transform: scale(1.2, 1.2);
  transition: 1s all;
  opacity: 0.8;
}

/* 会社概要・実績・購入について部分はここまで */

/* ECサイト・ブランド紹介部分ここから */

#cc-m-7123818613 {
  width: 80%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  max-width: 1500px;
} 

.company-box {
  background-color: #FAFAFA;
  display: flex;
  border-radius: 10px;
  box-shadow: 5px 5px 8px rgba(110, 110, 110, 0.2);
}

.company-box img {
  width: 100%;
  height: auto;
}

.box-002 {
  width: 50%;
}

.box-002 img {
  border-radius: 10px 0 0 0;
}

.box-003 {
  width: 50%;
}

.company-img001 {
  overflow: hidden;
}

.box-003 img {
  border-radius: 0px 10px 0px 0px;
}

.company-box h3 {
  font-weight: 500;
  font-size: 1.8rem;
  margin: 0.5rem 1rem;
}

.company-box p {
  font-size: 1.5rem;
  line-height: 180%;
  font-weight: 400;
  padding: 1rem 2rem 2.5rem 2rem;
}

.company-img001 a :hover {
  transform: scale(1.2, 1.2);
  transition: 1s all;
  opacity: 0.8;
} 

#cc-m-7149431513{
 width: 80%;
 margin: 0 auto;
}

.chemistyle-button a :hover {
 transform: scale(1.2, 1.2);
  transition: 1s all;
  opacity: 0.8;
}

/* ECサイト・ブランド紹介部分ここまで */
/* YouTubeの紹介部分ここから */

 #cc-m-7205124913{
 text-align: center;
}

 #cc-m-7205124813{
 width: 80%;
 margin: auto;
}


/* YouTubeの紹介部分ここまで */




/* サイドバー部分ここから */

#cc-m-7123030113{
 padding: 0;
}

#cc-matrix-1493682613 {
  background-color: #f5f5f5;

}

.contact-form {
  text-align: center;
  height: auto;
}

.contact-form p {
  font-size: 1.6rem;
  line-height: 150%;
  margin: 30px;
}

.btn03 a {
  font-size: 1.5rem;
    border: solid 1px #333333;
    font-weight: 500;
    border-radius: 30px;
    padding: 1rem 5rem;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.btn03 a:hover {
  background-color: #414141;
  color: #fff !important;
}

.company-detail {
  display: flex;
  width: 90%;
  height: auto;
  margin: 0 auto;
}

.company-img {
  width: 60%;
  overflow: hidden;
}

.company-img img {
  height: 100%;
  width: 100%;
  border-radius: 30px 0 0 0;
}

.company-address {
  width: 40%;
}

.company-address img {
  width: 80%;
  max-width: 350px;
  padding: 2rem 0 0 5rem;
}

.company-address {
  background-color: #FFF;
  font-size: 1.5rem;
  border-radius: 0 30px 0 0;
}

.company-address p {
  margin: 0.5rem;
  font-size: 1.6rem;
}

.company-address li {
  list-style: none;
}

.company-address ul {
  padding-left: 20px;
  line-height: 180%;
}

#cc-m-13037317526 {
  padding: 0;
}

/* 問い合わせページのサイドバーを非表示にする */

#page-1201154413 #cc-m-7123030613, #page-1201154413 #cc-m-7123030713, #page-1201154413 #cc-m-7124051213, #page-1201154413 #cc-m-7124051313{
 display: none;
}

/* サイドバー部分ここまで */
/* フッター部分ここから */

.nav-02 {
  display: flex;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 2.5rem;
  justify-content: center;
  background-color: #333333;
}

.nav-02 ul {
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.nav-02 li {
  padding-right: 2.5rem;
  color: #ffffff;

}

.nav-02 a {
  color: #ffffff !important;
}

.nav-02 a:hover {
  opacity: 0.5;
}

footer {
  background-color: #333333;
  width: 100%;
  height: auto;
  text-align: center;
}

footer p {
  color: #FFF;
  margin: 0px;
  padding: 5px;
}


footer img {
  width: 30rem;
  padding: 7px;
}


#contentfooter a{
 color: #fff !important;
}

/* ブログレイアウト */

.j-blog-header j-blog-headline j-blog-post--headline{
  font-size: initial;
 }
 
 #cc-m-7123375613 p{
      line-height: 180%;
  }

.j-blog-headline j-blog-post--headline{
  font-size: 2rem !important;
}

#page-1103908913 .cc-m-1 img{
 width: 90% !important;
}

.cc-m-hgrid-column .n {
 line-height: 180% !important; 
}

.clearover {
 display:flex !important;
 flex-wrap:wrap !important;
 justify-content: space-evenly;
 padding: 3rem 0;
 }


.clearover::after {
    content: "";
    width: calc(33.3333333% - 25px);
}
.clearover::before {
    content: "";
    width: calc(33.3333333% - 25px);
    order: 1;
}

#cc-matrix-{
 box-sizing: border-box;
 margin: 0;
 padding: 1rem;
 width: 33.33333333%;
 width:calc(33.3333333% - 25px);
}

#cc-matrix-:nth-child(3n){
margin-right:0;
}

#cc-matrix- .cc-m-spacer {
 display: none;
}

#cc-matrix- .n{
 padding: 2px;
}

#cc-matrix-:nth-child(1){
 display: none;
}

#load-more-blog-posts-content{
 width: calc(33.3333333% - 25px);
}

#load-more-blog-posts-content p{
 text-align: left !important;
}

/* 一覧ページのレイアウト */
#page-1206414913 .main-visual ul,
#page-1206414913 .main-visual span,
#page-1201188013 .main-visual ul,
#page-1201188013 .main-visual span,
#page-1200762113 .main-visual ul,
#page-1200762113 .main-visual span,
#page-1103908913 .main-visual ul,
#page-1103908913 .main-visual span,
#page-1206772313 .main-visual ul,
#page-1161930513 .main-visual span,
#page-1161930513 .main-visual ul,
#page-1206772313 .main-visual span,
#page-1201154413 .main-visual ul,
#page-1201154413 .main-visual span {
  display: none;
}

#page-1206414913 .main-visual,
#page-1201188013 .main-visual,
#page-1206772313 .main-visual,
#page-1200762113 .main-visual,
#page-1103908913 .main-visual,
#page-1161930513 .main-visual,
#page-1201154413 .main-visual {
  background-color: #ececec;
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.sub-pege-title001, .sub-pege-title002, .sub-pege-title003, .sub-pege-title004, .sub-pege-title005{
  display:none;
}

#page-1206414913 .sub-pege-title001,
#page-1201188013 .sub-pege-title002,
#page-1206772313 .sub-pege-title002,
#page-1200762113 .sub-pege-title003,
#page-1103908913 .sub-pege-title004,
#page-1161930513 .sub-pege-title004,
#page-1201154413 .sub-pege-title005 {
  display: block;
  color: #333;
  font-size: 4rem;
  text-align: center;
}

/* 製品紹介レイアウト */

#cc-m-textwithimage-7124623913{
 padding-top: 11%;
}

.main-text-area{
 background-color: #fafafa;
 padding: 1.5rem;
 box-shadow: 5px 5px 8px rgba(110, 110, 110, 0.2);
}

.main-text-title{
 border-bottom: solid 1px;
 font-size: 2rem;}

.main-text{
 line-height: 180%;
 padding: 2.5rem;
}

.hr{
 width: 90%;
 margin: 0 auto;}

#page-1206414913 p{
 line-height: 180%;
}

#cc-m-7124625013, #cc-m-7136005813{
 background-color: #333333;
 padding: 1rem;
}

/* 会社概要ページここから */

#page-1200762113 #content_area{
  width:initial;
}

#cc-m-6707169013 p, #cc-m-7026005013 p{
 line-height: 180%;
 letter-spacing: 0.5px;
}

#cc-m-7026004613{
 width: 80%;
 margin: 0 auto;
}

.company-page-img{
  background-image: url(https://u.jimcdn.com/cms/o/s0c35decb3618f7fa/userlayout/img/company-img1-100.jpg?t=1695609850);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: auto;
}

.company-title{
  padding: 10%;
}

.company-title img{
  max-width: 300px;
  width: 40%;
}

.company-outline{
  display:flex;
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
}

.outline-title h3{
 font-size: 3.5rem;
 margin-bottom: 0;
}

.outline-title p{
  margin-top: 0;
  position: relative;
  bottom: 12px;
  text-align: center;
}

.outline-table th{
  width: 20%;
  padding: 25px;
  font-size: 1.6rem;
}

.outline-table {
  width: 70%;
}

.outline-table table{
  border-collapse:collapse;
  width: 100%;
}

.outline-table td{
  width: 70%;
  padding: 20px;
  font-size: 1.6rem;
}

.outline-table tr{
  border-bottom:1px #eee dashed;
  
}

#cc-m-7140084513{
 padding:0;
}

.sugito img {
  width: 100%;
}

.sugito{
  width: 93%;
  margin: 100px 0 0 auto;
  position: relative;
  top: -70px;
}

.sugito p{
  margin: 0;
  text-align: right;
  padding: 0 10px;
}

.company-greeting{
  background-image: url(https://u.jimcdn.com/cms/o/s0c35decb3618f7fa/userlayout/img/company-img2-100.jpg?t=1695694890);
  height: auto;
}

.company-greeting2{
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 70px 0px;
}

.company-greeting-img{
  width: 50%;
  height: auto;
}

.company-greeting-img img{
  width: 90%;
}

.company-greeting-text{
  width: 50%;
}

.company-greeting-text p{
 line-height: 180%;
 letter-spacing: 0.5px;
 font-size: 1.6rem;
}

.sp-details{
  display: none;
}

/* 会社概要ページここまで */

/* 会社紹介レイアウト */

#cc-m-7124725713, #cc-m-7124726313{
 width: 75%;
 margin: 0 auto;
}

#cc-m-7124726613 {
 margin:0 auto;

}

.sab-nav{
  padding: 4rem 9rem;
  box-shadow: 5px 5px 8px rgba(110, 110, 110, 0.2);
  background: #fff;
  height: auto;
}

.sab-nav p{
 line-height: 180%;
}

/* 商品紹介ページのレイアウト */
 #page-1105091413 .cc-m-gallery-slider ul img{
  width: 100% !important;
  height: auto !important;
  border-radius: 30px;
}

 #page-1105091413 .cc-m-gallery-slider-thumbnails-wrapper {
    display: none !important;
}
 #page-1105091413 .midashi h2{
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center;
}

 #page-1105091413 .midashi p{
  font-size: 1.6rem;
  margin-top: 0;
  text-align: center;
}

 #page-1105091413 .cc-imagewrapper img{
  width: 100% !important;
}

 #page-1105091413 a.j-calltoaction-link-style-2 {
  margin: 0 auto;
}

#cc-m-7138340413,
#cc-m-7138341313,
#cc-m-7138342013,
#cc-m-7138406613,
#cc-m-7138408413,
#cc-m-7138409013,
#cc-m-7138410113 {
  width: 90%;
  margin: 0 auto;
}

#cc-m-7138339513 p {
  line-height:180% ;
 }

#cc-m-7138339313 .cc-imagewrapper img{
 width: 80% !important;
}

 
/* 商品紹介ページのレイアウトここまで */
/* ３Dプリンタページのレイアウトここから */

/* 幅の指定を無効にする */
#page-1207598313 #content_area{
  width: initial;
 }

 /* 幅を指定する */
 #cc-m-7147238313,#cc-m-7147238313,#cc-m-7147239713,#cc-m-7147238913, #cc-m-7147240913, #cc-m-7147240313, #cc-m-7147242913, #cc-m-7147242513, #cc-m-7147241813{
  width: 80%;
  margin: 0 auto;
 }

 /* 幅を指定する */
 #cc-m-7147241613, #cc-m-7147240113, #cc-m-7147242713{
  width: 75%;
  margin: 0 auto;
 }
 
 /* 余白を無効にする */
 #cc-m-7147333813{
   padding: 0;
 }
 
 /* 背景画像の挿入と見出しの指定 */
 .threed-printer-midashi{
   background-image: url('https://u.jimcdn.com/cms/o/s0c35decb3618f7fa/userlayout/img/background-threed.png?t=1703309448'); 
   padding: 4%;
   background-size: cover;
   background-repeat: no-repeat;
 }
 
 /* スマホ用画像を表示させない */
 #cc-m-7148863513, #cc-m-7148864213, #cc-m-7148864713{
   display: none;
   width:95%
 }
 
 /* スマホ用画像を表示させない */
 #cc-m-7148869413{
  display: none;
  padding: 0;
 }
/* 3Dプリンタページのレイアウトここまで */ 
/* 夏休み特集ページデザインはここから */

#page-1209317513 #content_area{

width: 100%;

}

.vacationspace{
    background-image:url(https://u.jimcdn.com/cms/o/s0c35decb3618f7fa/userlayout/img/vacationimg.png?t=1751001140) ;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;

 }

#cc-m-7182519813{
  padding:0;

}

.vacationtext{
  　　font-family: 'Noto Sans JP', sans-serif;
　　　font-weight: bold;
    margin-left: 10%;
    padding-bottom: 15%;
    line-height: normal;
}

.vacationmidashi {
    text-align: start;
    color: #fff;
    padding-top: 15%;
    font-size: 4rem;
    font-family: noto sans-serif;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    font-weight: bold;

}

.submidashi span{
    font-size: 2rem;
    background-color: #3B5FB7;
    padding: 0.5%;
    color:#fff;
}

.vacationcolumn{
    width: 75%;
    margin: 0 auto;
    display:flex;
    height: auto;
}

.vacationcolumnleft{
    width: 60%;
    font-size: 15px; 
    padding-top: 10px;
}

.vacationcolumnright{
    text-align: center;
    width: 40%;
    height: auto;
}

.vacationcolumnright img {
    margin-left: auto;
    width: 70%;

}

#cc-m-7182753313{
    background-color: #F6F2E6;
    padding: 7rem 0 7rem 0;
}

#cc-m-7182757913,#cc-m-7182758213{
 width: 75%;
 margin: 0 auto;
}

#cc-m-7182767813{
    width: 75%;
    margin: 0 auto;
}

.vacationcolumnright img {
    margin: auto;
    width: 100%;
}

.vacationboxa p{
    font-size: 14px;
}

.vacationboxa {
    width: 75%;
    margin: 0 auto;
}

.vacationboxb{
 margin: 0 16.6% 0 16.6%;
}

.vacationboxb, .vacationboxc {
    display: flex;

}

.vacationboxa img{
    width: 70%;
    margin: 0 auto;

}

.boxa1, .boxa2, .boxb3, .boxb4, .boxb5{
    padding: 15px;
    text-align: center;
}

#cc-m-7182769713{
     padding: 60px 0;
    background-color: #F6F2E6;
}

#cc-m-7183019613{
 width: 75%;
 margin: 0 auto;
}

#cc-m-7183472513{
     width: 75%;
    margin: 0 auto;
}


/* 夏休み特集ページデザインはここまで */
/* メインデザイン・レイアウトここまで */
/* メディアクエリデザイン・レイアウトここから */

@media screen and (max-width: 1020px) {


  html {
    font-size: 9px;
  }

  .news-times {
    width: 40%;
  }

  .main-visual span {
    text-shadow: 0.5px 1px 3px #000, 0.5px 0 0 #000;
  }

}

@media screen and (max-width: 949px) {

  .main-visual span {
    font-size: 4rem !important;
  }
  
  #cc-m-7138341313,#cc-m-7138406613, #cc-m-7138409013 {
    display: flex;
    flex-direction: column-reverse;
  }


  .cc-m-hgrid-column {
    width: 100% !important;
  }

  .sab-category p {
    font-size: 1.2rem;
  }

  .sab-category strong {
    font-size: 1.5rem;
  }

  .nav {
    display: none;
  }

  .sp-menu {
    display: block;
  }


  .sp-menu img {
    cursor: pointer;
    width: 5.5rem;
    height: 5.5rem;
    vertical-align: middle;
  }

  .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    background: #313131;
    opacity: 0.90;
    font-size: 1.5rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s;
    z-index: 1;
  }

  .overlay li {
    list-style: none;
    padding: 2rem 3rem;
    margin-bottom: 1rem;
    border-bottom: dashed 0.5px #f5f5f5;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .3s, transfrom .3s;
  }

  .overlay.show li {
    opacity: 1;
    transform: none;
  }

  .overlay.show li:nth-child(1) {
    transition-delay: .1s;
  }

  .overlay.show li:nth-child(2) {
    transition-delay: .2s;
  }

  .overlay.show li:nth-child(3) {
    transition-delay: .3s;
  }

  .overlay.show li:nth-child(4) {
    transition-delay: .4s;
  }

  .overlay.show li:nth-child(5) {
    transition-delay: .5s;
  }

  .overlay.show li:nth-child(6) {
    transition-delay: .6s;
  }

  .overlay.show li:nth-child(7) {
    transition-delay: .7s;
  }

  .overlay ul {
    margin-top: 5rem;
  }

  .overlay a {
    color: #FFF !important;
  }


  .overlay #close {
    position: absolute;
    top: 1rem;
    right: 2.8rem;
    cursor: pointer;
  }

  .overlay img {
    width: 3rem;
    height: 3rem;
  }

  .overlay.show {
    opacity: 1;
    pointer-events: auto;
  }

  .sp-menu #open.hide {
    display: none;
  }

  .company-detail {
    display: block;
  }

  .sp-img img {
    width: 100%;
    max-width: 700px;
    text-align: center;
  }

  .sp-txst07 {
    height: 180px;
    margin: 0px;
    padding: 15px;
  }

  .sp-txst07 h3 {
    text-align: center;
    margin-top: 0px;
  }

  .about {
    background-size: cover;
    padding: 4.5rem 0.5rem;
  }

  .company-img {
    width: 100%;
  }

  .company-address {
    width: 100%;
    border-radius: 0;
    padding: 0;
  }

  .company-img img {
    border-radius: 0
  }

  .company-address-txet {
    display: flex;
    justify-content: space-around;
  }

  .business-hours {
    margin: 0;
    text-align: center;
    padding-bottom: 0.5rem;
  }

  .company-address img {
    width: 80%;
    max-width: 350px;
    padding: 2rem 0 0 0rem;
    margin: 0 auto;

  }

  #cc-matrix- {
    margin: 0 20px 20px 0;
    width: calc(50% - 20px / 2);
    padding: 0;
  }

  #cc-matrix-:nth-child(2n) {
    margin-right: 0;
  }

  #cc-matrix-:nth-child(3n) {
    margin-right: 20px;
  }

  

  #cc-m-7138340613, #cc-m-7138341113, #cc-m-7138341513, #cc-m-7138341713, #cc-m-7138342213, #cc-m-7138342413,#cc-m-7138407613,#cc-m-7138407713,#cc-m-7138408713,#cc-m-7138408813,#cc-m-7138409313,#cc-m-7138409513,#cc-m-7138410413,#cc-m-7138410713{
    display: none;
  }

  #cc-matrix-:nth-child(6) {
    margin-right: 0;
  }

  .clearover::after {
    content: "";
    display: block;
    width: calc(50% - 20px / 2);
    height: 0;
  }
  #cc-m-7136005613{
  display: none;
  }
  

  .company-greeting2{
   display: block;
   padding: 25px 0px;
}
  .company-greeting-text{
 width: 100%;
}

  .company-outline{
  display: block;
  width: 90%;
}

.outline-table{
  width: 100%;
}

.outline-title p{
 text-align: initial;
}

.outline-table th{
 width: 30%;
 padding: 1.2rem
}

.outline-table td{
 width: 60%;
}

#cc-m-7140085313{
 display: none;
}

.sp-details{
  display: block;
  width: 95%;
  margin: auto;
}

.sp-details span{
  display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1.2rem;
}

.details{
  display: none;
}

#cc-m-6707169013 br, #cc-m-7026005013 br{
 display: none;
}

#cc-m-7127254913, #cc-m-7140801213, #cc-m-7026005113, #cc-m-7026006113, #cc-m-7081288513, #cc-m-7026008213 {
 height: 20px;
}

}


@media screen and (max-width: 730px) {

  html {
    font-size: 8px;
  }

  .sab-category .sab-category-text {
    display: none;
  }

  .sab-nav {
    display: block;
  }

  #cc-m-13038701526 {
    width: 40%;
    margin: 0;
    padding: 0;
    height: 10rem;
  }

  .sab-category {
    text-align: left;
    padding: 1rem;
  }

  .cc-page-index .main-visual span {
    font-size: 3.5rem!important;
    margin: 10px 10px 10px 10px;
  }

  .cc-page-index .main-visual {
    padding-top: 127px;

  }

  .cc-page-index .main-visual ul {
    padding-left: 30px;
    text-shadow: 0.5px 1px 3px #000, 0.5px 0 0 #000;
  }

  .product {
    flex-direction: column-reverse;
    width: auto;
  }

  .product-rigth-img img {
    width: 90%;
    border-radius: 0;
    margin: 1rem auto;
    position: static;
  }

  .product-left-text {
    width: 90%;
    padding: 2rem 1rem 1rem 1rem;
    margin: 0 auto;
  }

  .product-right {
    display: block;
    width: auto;
  }

   .product-rigth-img, .product-left-img {
    width: 100%;
}

  .product-left-img img {
    width: 90%;
    border-radius: 0;
    margin: 1rem auto;
  }

  .product-right-text {
    width: 90%;
    padding: 2rem 1rem 1rem 1rem;
    margin: 0 auto;
  }

  .product-area {
    position: static;
    height: auto;
  }

  .about {
    background-size: cover;
    padding: 4.5rem 0.5rem;
  }

  .abouto-text09 h3 {
    font-size: 2.5rem;
    text-align: center;
  }

  .abouto-text09 span {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
  }

  .abouto-text09 p {
    font-size: 1.6rem;
    padding: 0px 2.5rem;
    line-height: 180%;
  }

  .company-box {
    display: block;
  }

  .box-002 {
    width: 100%;
  }

  .box-002 img {
    border-radius: 10px 10px 0 0;
  }

  .box-003 {
    width: 100%;
  }

  .box-003 img {
    border-radius: 0;
  }

  .company-box02 {
    display: block;
    position: static;
  }

  .company-speace {
    margin-bottom: initial;
    position: static;
    height: auto;
    padding: 1rem 0;
    margin-bottom: 2rem;
  }

  .box-004 {
    display: flex;
    width: 90%;
    margin: 0 auto;
  }

  .box003 img {
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .box003 {
    margin-bottom: 5px;
    width: 50%;
  }

  .box-004 h3 {
    padding: 12px 12px;
  }

  .news-area {
    display: block;
  }

  .news-times {
    width: 70%;
  }

  .news-text {
    width: 100%;
  }

  .news-text h3 {
    margin: 1rem 0 0 3rem;
  }

  .contact-form p {
    font-size: 1.5rem;
    margin: 3rem 1.5rem;
  }

  .company-address-txet {
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }

  .nav-02 li {
    padding-right: 1rem;
  }

  .cc-nav-level-1 j-nav-level-1 {
    display: none;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
  }

/* 3Dプリンタページここから */

/* PC用画像を見えなくさせる */
#cc-m-7147239813, #cc-m-7147239913,#cc-m-7147241313, #cc-m-7147241413, #cc-m-7147242513, #cc-m-7147242613, #cc-m-7147242913{
  display: none;
}

/* スマホ用画像を表示させる */
 #cc-m-7148863513, #cc-m-7148864213, #cc-m-7148864713, #cc-m-7148869413 {
  display: block;
  margin: 0 auto;
}

/* 文章の幅を整える */
 #cc-m-7147240013, #cc-m-7147241513, #cc-m-7147242613{
  padding: 0 25px;
}

/* divの幅を整える */
 #cc-m-7147238313 {
  width: 95%;
}

/* 文章スペースの幅を整える */
 #cc-m-7147238913, #cc-m-7147240113, #cc-m-7147240313, #cc-m-7147241613, #cc-m-7147242713, #cc-m-7147241813{
 width: 90%;
}

/* 画像を100％にする */
 #cc-m-7148863513 .cc-imagewrapper img, #cc-m-7148864213 .cc-imagewrapper img {
  width: 100%;
}

/* 背景画像を挿入する */
.threed-printer-service{
  background-image: url('https://u.jimcdn.com/cms/o/s0c35decb3618f7fa/userlayout/img/threed-printer-service.jpg?t=1705373143'); 
  padding: 5%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ページのスペースを縮める */
 #page-1207598313 .cc-m-spacer{
  height: 30px!important;
}

/* 3Dプリンタページここまで */

}