@charset "utf-8";

/*====================================
	
----------------------------------
  Color
----------------------------------
メイン    : #000
アクセント : 

----------------------------------
  Structure
----------------------------------
1. トップ
2. トピックス
3. お客様の声
4. ご依頼の流れ
5.　News & Topics
====================================*/

/*----------------------------------
	1. トップ
------------------------------------*/

/* メインイメージ --------------------*/
.main-image2022 {
  background: url(../../images/mv2022.jpg) no-repeat top center;
  background-size: cover;
  margin-bottom: 100px;
}
@media screen and (max-width: 800px) {
  .main-image2022 {
    background: url(../../images/mv2022sp.jpg) no-repeat top center;
    background-size: cover;
  }
}
.main-image2022__inner {
  width: 96%;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}

.main-image2022__title {
  width: 100%;
  max-width: 500px;
  margin: 0;
  position: relative;
  padding: 6em 0 6em;
}
@media screen and (max-width: 800px) {
  .main-image2022__title {
    width: 96%;
    max-width: 500px;
    margin: 0 auto;
  }
}
.main-image2022__title img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.main-image2022__title01 {
  margin-bottom: 90px;
  line-height: 0;
}
.main-image2022__title02 {
  margin-bottom: 50px;
  line-height: 0;
}
.main-image2022__title03 {
  margin-bottom: 60px;
  font-size: 1.9rem;
  line-height: 1.4em;
  color: #000;
}
.main-image2022__title04 {
  margin-bottom: 0px;
  line-height: 0;
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 800px) {
 
}
@media screen and (max-width: 680px) {

}
@media screen and (max-width: 480px) {
  .main-image2022__title01 {
    margin-bottom: 60px;
    line-height: 0;
  }
  .main-image2022__title02 {
    margin-bottom: 30px;
    line-height: 0;
  }
  .main-image2022__title03 {
    margin-bottom: 40px;
    font-size: 3.8vw;
  }
}


/*----------------------------------
	2. トピックス
------------------------------------*/
#top_topics {
  background: url(../../images/top-topics-bg.jpg) no-repeat center center;
  background-size: cover;
}
.top_bloglist {
}
.top_bloglist .pageListItemBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top_bloglist .pageListItemBlock-type03 {
  width: 31%!important;
  height: auto!important;
}
.top_bloglist .pageListItemBlock-type03:first-child {
  width: 100%!important;
}
.top_bloglist .pageListItemBlock-type03 div.pageListThumbNail {
  width: 100%;
  max-width: 580px;
}
@media screen and (max-width: 768px) {
  .top_bloglist .pageListItemBlock-type03 {
    width: 48%!important;
    height: auto!important;
    margin: 0 0 15px 0;
  }
  .top_bloglist .pageListItemBlock-type03:first-child {
    width: 48%!important;
  }
}

/*----------------------------------
	2. 想い
------------------------------------*/



/*----------------------------------
	2. 自社工場・設備
------------------------------------*/
.bg-factory01 {
  background: url(../../images/bg-roop.png) no-repeat left 70%;
}
@media screen and (max-width: 768px) {
  .bg-factory01 {
    background: none;
  }
  .bg-factory01 .bg-factory01--sp {
    background: url(../../images/bg-roop.png) no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 25px;
  }
}


/*----------------------------------
	3. お客様の声
------------------------------------*/
.voice-fukidasi {
  /* background: url(../../images/voice-fukidasi-bottom.png) no-repeat bottom center; */
  background-size: 350px auto;
  background-position: bottom 22px center;
  padding-bottom: 60px;
  max-width: 480px;
  margin: 0 auto 0px;
  position:relative;
}
@media screen and (max-width: 420px) {
  .voice-fukidasi {
    padding: 80px 0 90px;
  }
}
.voice-fukidasi .inner {
  padding: 5% 7% 90px;
  border-radius: 20px;
  font-size: 1.8rem;
  line-height: 1.7em;
  background-color: #dcdcdc;
}

.voice-fukidasi .inner + div {
  position: absolute;
  width: 180px;
  bottom: 10px;
  left: 10px;
}
.voice-fukidasi img {
  width: 80px;
  height: auto;
}


/*----------------------------------
	4. ご依頼の流れ
------------------------------------*/
.flow-list .flow-list__inner a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #033573;
}


/*----------------------------------
	5. News & Topics
------------------------------------*/
.news_header {
  text-align: center;
  margin: 40px 0 40px;
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0 15px;
}
main > article .news_header #contentTitle {
    background: none;
    font-size: 3rem;
    padding: 0px 0 5px;
    margin-bottom: 15px;
}
.news_footer {
  text-align: center;
  margin: 40px 0 40px;
  position: relative;
  border-top: 1px solid #ccc;
  padding: 15px 0 15px;
}








/*----------------------------------
	6.common
---------------------------------------------- */
/* 画像 */
.img-style01 {
    overflow: hidden;
    border-radius: 10px;
}
.img-style01 img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.img-style02 {
  text-align: center;
}
.img-style02 img {
  max-width: 100%;
  width: auto;
  height: auto;
}



/* 背景 */
.bg-sukima-l,
.bg-sukima-r,
.bg-sukima-lb,
.bg-sukima-rb {
  position: relative;
}
.bg-sukima-l:before,
.bg-sukima-r:before,
.bg-sukima-lb:before,
.bg-sukima-rb:before {
  display: block;
  content:'';
  width: 90%;
  height: 100%;
  min-width: 1380px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -10000;
}
.bg-sukima-r:before,
.bg-sukima-rb:before {
  left: 0;
  top: 0;
}
.bg-sukima-lb:before,
.bg-sukima-rb:before {
  height: 85%;
}
.bg-sukima-r:before,
.bg-sukima-rb:before {
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .bg-sukima-lb:before,
  .bg-sukima-rb:before {
    height: 100%;
  }
}
.bg-pink::before,
.bg-sukima-none.bg-pink{
  background-color: #f4e9de;
}
.bg-blue::before,
.bg-sukima-none.bg-blue {
  background-color: #edf4f6;
}
.bg-gray::before,
.bg-sukima-none.bg-gray {
  background-color: #e8e8e8;
}
.bg-yellow::before,
.bg-sukima-none.bg-yellow {
  background-color: #f4f3e8;
}
.bg-sukima-lb p.last-textbox,
.bg-sukima-rb p.last-textbox {
  margin-bottom: 6em;
}
@media screen and (max-width: 768px) {
  .bg-sukima-lb p.last-textbox,
  .bg-sukima-rb p.last-textbox {
    margin-bottom: 2em;
  }
}
.bg-strength {
  background-image: url(../../images/top-strength-bg.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .bg-strength {
    background-size: 100%;
    padding-bottom: 230px;
  }
  .bg-strength .btn_style_type03 a {
    background-color: rgba(255,255,255,0.92);
  }
}
@media screen and (max-width: 600px) {
  .bg-strength {
    background-size: 100%;
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 480px) {
  .bg-strength {
    background-size: 144%;
    padding-bottom: 260px;
  }
}
@media screen and (max-width: 415px) {
  .bg-strength {
    background-size: 160%;
    padding-bottom: 280px;
  }
  .bg-strength-page {
    padding-bottom: 394px;
  }
}
@media screen and (max-width: 375px) {
  .bg-strength-page {
    padding-bottom: 355px;
  }
}

.bg-hito {
  background-image: url(../../images/top-hito-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.bg-hito .bg-hito_title {
  max-width: 270px;
  height: auto;
  position: absolute;
  right: 10%;
  top: 100px;
}
.bg-hito .bg-hito_title img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .bg-hito .bg-hito_title {
    max-width: 150px;
    left: 5%;
    top: 0px;
  }
}
@media screen and (max-width: 600px) {
  .bg-hito .bg-hito_title {
    max-width: 120px;
    left: 3%;
    top: -10px;
  }
}

/* ページ内リンク */
.page_inner_rink02 {
  padding-top: 210px!important;
  margin-top: -210px!important;
  margin-bottom: 130px;
}
.page_inner_rink02.bg-sukima-l:before,
.page_inner_rink02.bg-sukima-r:before {
  height: calc(100% - 200px);
  top: 155px;
}
.page_inner_rink02.bg-sukima-lb:before,
.page_inner_rink02.bg-sukima-rb:before {
  height: calc(85% - 200px);
  top: 100px;
}
@media screen and (max-width: 768px) {
  .page_inner_rink02.bg-sukima-lb:before,
  .page_inner_rink02.bg-sukima-rb:before {
    height: calc(100% - 200px);
  }
}
/* 管理画面補正 */
.cmsAdminMultiWrap.page_inner_rink02 {
    padding-top: 60px!important;
    margin-top: 0px!important;
}



.bg-wave_btm {
  background-image: url(../../images/bg-gray_img.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 140px;
}



/* 画像layout */
.toppage_photo_large img {
  width: 100%;
  max-width: 100%;
}

/* layout */
.toppage_photo_sub {
  width: 80%;
  margin: 30px 0 0 30px;
}
.toppage_photo_sub img {
  width: 100%;
  max-width: 100%;
}
.toppage_photo_nb img {
  width: 100%;
  max-width: 100%;
}
.single_photo {
  
}
.single_photo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.toppage_photo_mini01 {
  text-align: center;
  margin: 0 0 15px;
}
.toppage_photo_mini01 li {
  list-style: none;
  display: inline-block;
}
.toppage_photo_mini01 li img {
  border-radius: 10px;
}


/* 画像角丸 */
.pagetitle2022__img img {
  border-radius: 8px 0px 0px 8px;
}
@media screen and (max-width: 768px) {
  .pagetitle2022__img img {
    border-radius: 0px;
  }
}
.toppage_photo_large img,
.toppage_photo_sub img{
  border-radius: 8px;
}

/* 写真ワイド */
.toppage_photo_widelarge-l,
.toppage_photo_widelarge-r {
  

}
.toppage_photo_widelarge-l img,
.toppage_photo_widelarge-r img {
  width: 50%;
  position: absolute;
}
.toppage_photo_widelarge-l img {
  left: 0;
}
.toppage_photo_widelarge-r img {
  right: 0;
}


.photo__3cols img {
    width: 100%;
    height: auto;
}
.photo__3cols p {
    margin: 0 0 1rem;
}


/* 2カラム80％ */
.column-style_narrow .column-box__2col {
  box-sizing: border-box;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
}
.column-style_narrow .column-box__2col .toppage_photo_sub {
  width: 100%;
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .column-style_narrow .column-box__2col {
    padding: 0;
  }
}





.factory_kengaku {
    text-align: center;
}

.factory_kengaku h3 {
    text-align: center;
    font-size: 3.0rem;
    margin: 10px 0 20px;
    line-height: 1.1;
}
@media screen and (max-width: 480px) {
    .factory_kengaku h3 {
    font-size: 2.4rem;
    }
}
.tory_kengaku img {
    width: 100%;
    height: auto;
    max-width: 100%;
}



/*----------------------------------
	1. 商品情報
------------------------------------*/


.header_main_product {
  margin: -80px 0 40px;
  width: 100%;
}
.header_main_product img {
  max-width: 100%;
  height: auto;
}
.cmsAdminOutlineBox .header_main_product {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .header_main_product {
    margin: 0px 0 0;
    width: 100%;
  }
}

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

}


@media screen and (max-width: 480px) {
  .h_style_product_page_title {
    font-size: 2.4rem;
    margin: 0 0 30px;
  }
}





/* TAWEL */
.toppage_tawel_b {
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  .toppage_tawel_img .toppage_tawel_a {
    width: 196px;
  }
  .toppage_tawel_img .toppage_tawel_b {
    margin-top: 100px;
    width: 70px;
  }
}
@media screen and (max-width: 767px) {
  .toppage_tawel_img {
    display: block;
    text-align: center;
  }
  .toppage_tawel_img .toppage_tawel_a {
    width: 100%;
  }
  .toppage_tawel_img .toppage_tawel_b {
    margin: 20px auto 0;
    width: 70px;
  }
}

/* hito */
.hito-left {
  margin-top: -35px;
  z-index: 100;
}
.hito-right {
  margin-top: 35px;
  z-index: 100;
}


/*----------------------------------
	3.下層
---------------------------------------------- */
/* 下層共通ヘッダ01 */
.inpage_header {
  height: 760px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin: -80px 0 0;
}
.cmsAdminOutlineBox .inpage_header {
    margin: 90px 0 0px;
    position: relative;
}
.inpage_header_txt {
  max-width: 1000px;
  margin:  auto;
  padding-top: 250px;
}
.inpage_header_txt .h_style_inpagetitle {
  text-align: left;
  font-size: 4rem;
  margin: 0 0 40px;
}
.inpage_header_txt .h_style_inpagetitle span {
  display: block;
  padding: 8px 0 0;
  font-size: 2rem;
}
.inpage_header_txt p {
  max-width: 360px;
}
@media screen and (max-width: 768px) {
  .inpage_header {
    height: auto;
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: 80% -20%;
    margin: 0;
  }
  .inpage_header_txt {
    padding: 350px 15px 0;
  }
}


/* 下層共通ヘッダ02 */
.pagetitle2022 {
  position: relative;
  height: 100%;
  min-height: 650px;
}
@media screen and (max-width: 1500px) {
  .pagetitle2022 {
    min-height: 540px;
  }
}
@media screen and (max-width: 1280px) {
  .pagetitle2022 {
    min-height: 470px;
  }
}
@media screen and (max-width: 920px) {
  .pagetitle2022 {
    min-height: 350px;
  }
}
@media screen and (max-width: 600px) {
  .pagetitle2022 {
    min-height: auto;
  }
}
.pagetitle2022__title {
  max-width: 1180px;
  margin: 0 auto;
  text-align: left;
  line-height: 1;
  padding: 6em 0 6em;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .pagetitle2022__title {
    width: 48%;
    margin-left: 2%;
  }
}
@media screen and (max-width: 920px) {
  .pagetitle2022__title {
    padding: 3em 0 3em;
  }
}
@media screen and (max-width: 768px) {
  .pagetitle2022__title {
    width: 96%;
    text-align: center;
  }
}
.pagetitle2022__title01 {
  font-size: 2.2rem;
}
.pagetitle2022__title02 {
  font-size: 7.0rem;
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  margin-bottom: 0.8em;
}
.pagetitle2022__title03 {
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.2em;
  
}
@media screen and (max-width: 756px) {
  .pagetitle2022__title01 {
    font-size: 2.0rem;
  }
  .pagetitle2022__title02 {
    font-size: 5.0rem;
  }
  .pagetitle2022__title03 {
    font-size: 2.0rem;
  }
}
@media screen and (max-width: 480px) {
  .pagetitle2022__title01 {
    font-size: 1.8rem;
  }
  .pagetitle2022__title02 {
    font-size: 4.8rem;
  }
  .pagetitle2022__title03 {
    font-size: 1.8rem;
  }
}
.pagetitle2022__img {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1280px) {
  .pagetitle2022__img {
    width: 60%;
  }
}
@media screen and (max-width: 1180px) {
  .pagetitle2022__img {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .pagetitle2022__img {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
  }
}
.pagetitle2022__img img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: 100%;
}
 /*サブ*/
.pagetitle2022__subbox {
  margin-bottom: 120px;
}

/* OEM */
.oem_top_nav .column-box__3col {
  background-color: #e8e8e8;
  border-radius: 10px;
  padding: 15px 10px;
  box-sizing: border-box;
  position: relative;
  
}
.oem_top_nav .column-box__3col:before {
  content: '';
  background: url(../../images/icon_check_blue.png) no-repeat center center;
  width: 45px;
  height: 45px;
  display: block;
  margin: -30px auto 20px;
}
.oem_top_nav_p {
  min-height: 200px;
  
}
.oem_top_nav_img img {
  width: 100%;
}
.icon_oem_01 {
  display: inline-block;
  padding: 5px 0 5px 35px;
  background: url(../../images/icon_oem_sozai.png) no-repeat left center;
}
.icon_oem_02 {
  display: inline-block;
  padding: 5px 0 5px 35px;
  background: url(../../images/icon_oem_ori.png) no-repeat left center;
}
.icon_oem_03 {
  display: inline-block;
  padding: 5px 0 5px 35px;
  background: url(../../images/icon_oem_size.png) no-repeat left center;
}


/* プロダクト　リスト2022 */
.product_itemlist .column-box__3col {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px 10px 68px;
  box-sizing: border-box;
  position: relative;
}
.product_itemlist .column-box__3col.column-box__spacer {
  border: none;
  padding: 0;
}

.product_itemlist_img {
  
}
.product_itemlist_p {
  min-height: 100px;
  
}
.product_itemlist_img img {
  width: 100%;
  border-radius: 9px;
}
/* 共通デザイン補正 */
.product_itemlist .h_style_type04 {
  text-align: center;
}
.product_itemlist .btn_style_type03 {
  position: absolute;
  width: 100%;
  left: 0;
  margin: auto;
  bottom: 10px;
  text-align: center;
}
.product_itemlist .btn_style_type03 a {
  padding: 10px 36px 10px;
}


/*----------------------------------
	4.見出し
---------------------------------------------- */


.h_style_type01 {
  text-align: center;
  font-size: 4rem;
  line-height: 1.0;
  margin: 0 0 40px;
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.h_style_type01 span {
  display: block;
  padding: 8px 0 0;
  font-size: 2rem;
}



/* 縦文字 左 */
.h_style_type02,
.h_style_type02r {
  text-align: left;
  font-size: 3.2rem;
  margin:  -3.8em 0 2em -0.5em;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* 管理画面補正 */
.cmsAdminMultiWrap .h_style_type02,
.cmsAdminMultiWrap .h_style_type02r {
  margin:  0em 0 2em -0.5em;
}
.h_style_type02 span.text-jp,
.h_style_type02r span.text-jp {
  display: block;
  padding: 0 2px 0 0;
  margin-right: 8px;
  font-size: 1.4rem;
  border-right: 6px solid #000;
  writing-mode: vertical-rl;
  line-height: 1;
  min-height: 126px;
}
.h_style_type02 span.text-en,
.h_style_type02r span.text-en {
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 500;
  letter-spacing: 0.2em;
  display: block;
  font-size: 7.6rem;
  line-height: 1;
}
.h_style_type02 span.text-en.text-en-s,
.h_style_type02r span.text-en.text-en-s {
  font-size: 6.2rem;
}
.h_style_type02 span.text-en-sub,
.h_style_type02r span.text-en-sub {
  font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: block;
  font-size: 3.2rem;
  line-height: 1;
}
/* 縦文字 右 */
.h_style_type02r {
  text-align: right;
  margin: -3.8em -0.5em 2em 0;
  justify-content: flex-end;
}
.h_style_type02r span.text-jp {
  padding: 0 0 0 2px;
  margin-left: 8px;
  border-left: 6px solid #000;
  border-right: none;
}
@media screen and (max-width: 1200px) {
  .h_style_type02 {
    margin-left: 0em;
  }
  .h_style_type02r {
    margin-right: 0em;
  }
}
@media screen and (max-width: 767px) {
  .h_style_type02 span.text-en,
  .h_style_type02r span.text-en {
    font-size: 6vw;
  }
}


/* 左よせ */
.h_style_type03 {
  text-align: left;
  font-size: 2.8rem;
  margin: 0 0 30px;
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.h_style_type03g {
  text-align: left;
  font-size: 2.8rem;
  margin: 0 0 30px;
}
@media screen and (max-width: 480px) {
  .h_style_type03,
  .h_style_type03g {
    font-size: 5.0vw;
  }
}
.h_style_type04 {
  text-align: left;
  font-size: 2.7rem;
  margin: 0 0 30px;
  padding: 10px 0 0;
  line-height: 1.2;
  letter-spacing: 0.15em;
}
.h_style_type04 span {
	vertical-align: middle;
  font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
  .h_style_type04 {
    font-size: 4.8vw;
  }
  .h_style_type04 span {
    font-size: 3.0vw;
  }
}


/* センター */
.h_style_type05,
.h_style_type05m {
  font-size: 3.6rem;
  text-align: center;
  margin: 0 0 30px;
  line-height: 1.2;
}
.h_style_type05m {
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
@media screen and (max-width: 480px) {
  .h_style_type05,
  .h_style_type05m {
    font-size: 5.6vw;
  } 
}

/* センター 大+小 */
.h_style_type07 {
  text-align: center;
	font-size: 2.4rem;
	margin-bottom: 30px;
	line-height: 1.1;
}
.h_style_type07 span {
  font-size: 7.2rem;
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

}
@media screen and (max-width: 767px) {
  .h_style_type07 {
    font-size: 4.0vw;
  }
  .h_style_type07 span {
    font-size: 7.0vw;
  }
}

.h_style_type12 {
  font-size: 3.2rem;
  text-align: center;
  margin: 0 0 30px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .h_style_type12 {
    font-size: 3.0rem;
  }
}
@media screen and (max-width: 480px) {
  .h_style_type12 {
    font-size: 5.0vw;
  }
}

/* センター 上下パディング */
.h_style_type09 {
  text-align: center;
  font-size: 3.2rem;
  margin:  0;
  padding: 6em 0 6em;
}
.h_style_type09 span.text-jp {
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  display: block;
  padding: 0 2px 0 0;
  text-align: center;
  font-size: 9.0rem;
  line-height: 1;
}
.h_style_type09 span.text-en {
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 700;
  letter-spacing: 0.2em;
  display: block;
  font-size: 7.6rem;
  line-height: 1;
}
.h_style_type09e {
  text-align: center;
  margin:  0;
  padding: 2.5em 0 2.5em;
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 700;
  letter-spacing: 0.2em;
  display: block;
  font-size: 7.2rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .h_style_type09e  {
    font-size: 6.0rem;
  }
}
@media screen and (max-width: 600px) {
  .h_style_type09 {
    padding: 3.5em 0 3.5em;
  }
  .h_style_type09 span.text-jp {
    font-size: 10vw;
  }
  .h_style_type09 span.text-en {
    font-size: 8vw;
  }
  .h_style_type09e  {
    font-size: 6.0vw;
  }
}

/* アンダーライン */
.h_style_type06 {
  font-family: 'Georgia',sans-serif;
  line-height: 1.4;
	font-size: 4.8rem;
	color: #000;
  border-bottom: 1px solid #999;
	margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .h_style_type6 {
    font-size: 6.0vw;
  }
}

.h_style_type10 {
  line-height: 1.4;
	font-size: 2.8rem;
	color: #000;
  border-bottom: 1px solid #999;
	margin-bottom: 30px;
}

.h_style_type10c {
  line-height: 1.4;
  text-align: center;
	font-size: 2.8rem;
	color: #000;
  border-bottom: 1px solid #999;
	margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .h_style_type10,
  .h_style_type10c {
    font-size: 4.0vw;
  }
}


/* アンダーライン　点線 */
.h_style_type08 {
  line-height: 1.4;
	font-size: 2.4rem;
	margin: 0px 0 20px;
  padding: 10px 0 0;
	display: block;
  max-width: 320px;
  border-bottom: 1px dashed #999;
}





/* 四角 */
/* 縦文字 左 */
.h_style_type11 {
  text-align: center;
  font-size: 3.2rem;
  padding: 2.8em 0 2.8em;
  margin:  0em 0 1em 0em;
  border: 1px solid #000;
}
.h_style_type11 span {
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 500;
  letter-spacing: 0.2em;
  display: block;
  font-size: 7.6rem;
  line-height: 1;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 767px) {
  .h_style_type11 {
    font-size: 4vw;
  }
  .h_style_type11 span {
    font-size: 6vw;
  }
}





.h_style_type99{
  font-size: 2.4rem;
  margin:15px 0;
}

.h_style_product_name {
  position: relative;
  text-align: center;
  font-size: 3.0rem;
  margin: 0 0 40px;
  padding: 0 0 40px;
}
.h_style_product_name:after,
.h_style_product_name:before {
  content:'';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  border-top: 1px solid #999;
}
.h_style_product_name:after {
  bottom: 0;
}
.h_style_product_name:before {
  bottom: 8px;
}
@media screen and (max-width: 480px) {
  .h_style_product_name {
    font-size: 2.8rem;
  }
}
.h_style_product_sub01 {
  background-color: #e8e8e8;
  text-align: center;
  font-size: 2.8rem;
  padding: 18px 0 15px;
  margin: 0 0 30px;
}
@media screen and (max-width: 480px) {
  .h_style_product_sub01 {
    font-size: 2.4rem;
    padding: 15px 0 12px;
  }
}
.h_style_product_sub02 {
  text-align: center;
  font-size: 2.0rem;
  border-bottom: 1px solid #666;
  padding: 0 0 5px;
  margin: 0 0 10px;
}



/* table */
table.table_style02 tr,
table.table_style02 tr.odd {
    background: transparent;
}
table.table_style02 th {
    font-weight: 500;
    border: none;
    white-space: nowrap;
}
table.table_style02 td {
    font-weight: 500;
    border: none;
}





/*----------------------------------
  5. ボタン 
-------------------------------------------- */
.btn_style_type01 {
  text-align: center;
  margin: 0 0 20px;
}
.btn_style_type01 a {
  list-style: none;
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-size: 1.6rem;
  border: 1px solid #999;
}
.btn_style_type01 a .unit_footer_nav_arrow {
  width: 60%;
  height: 16px;
  transition: all 300ms 0s ease;
}
.btn_style_type01 a:hover .unit_footer_nav_arrow {
  width: 100%;
}


/* 背景画像＋テキスト */
.btn_style_type02 {
  width: 420px;
  height: 216px;
  position: relative;
  overflow: hidden;
  text-align: left;
}
.btn_style_type02 a {
  color: #000;
}
.btn_style_type02__thumbNail {
  width: 420px;
  height: 216px;
  position: absolute;
	top       : 50%;
	left      : 50%;
	transform : translate(-50%, -50%);
  -webkit-transition: 1.0s all;
  transition: 1.0s all;
}

.btn_style_type02__txt {
  display: block;
  position: absolute;
  left:  0;
  top: 0;
  padding: 18px 0px 0px 30px;
  box-sizing: border-box;
  font-size: 2.1rem;
}
.btn_style_type02__txt-sub {
  display: block;
  padding: 8px 0 4px;
  font-size: 1.8rem;
  font-weight: 700;
}
.btn_style_type02__arrow {
  width: 80px;
  height: 16px;
  overflow: hidden;
  display: block;
  position: absolute;
  left: 30px;
  bottom: 10px;
}
.btn_style_type02__arrow-img {
  transition: all 0.3s ease;
  position: absolute;
  left: 0px;
}
.btn_style_type02:hover {
  opacity: 0.8;

}

/* ボタンやじるし */
.btn_style_type03,
.btn_style_type03b {
  margin: 0 0 20px;
}
.btn_style_type03.btn_center {
  margin: 0 auto 20px;
  text-align: center;
}
.btn_style_type03 a,
.btn_style_type03b a {
  list-style: none;
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-size: 1.6rem;
  border: 1px solid #999;
  position: relative;
  padding: 10px 15px 10px;
}
.btn_style_type03b a {
  border: 1px solid #222;
}
.btn_style_type03 a::after,
.btn_style_type03b a::after {
  margin-left: 15px;
  transition: all 300ms 0s ease;
  display: inline-block;
  content: '';
  width: 50px;
  height: 7px;
  background: url(../images/arrow_right.svg) no-repeat;
  background-size:  45px;
  background-position: 0 center;
}
.btn_style_type03 a:hover::after,
.btn_style_type03b a:hover::after {
  background-position: 5px center;
}


/* ボタンやじるし */
.btn_style_type04 {
  margin: 0 auto 20px;
  max-width: 770px;
}
.btn_style_type04 a {
  list-style: none;
  display: block;
  width: 100%;
  text-decoration: none;
  color: #000;
  font-size: 2.1rem;
  border: 1px solid #999;
  position: relative;
  padding: 20px 15px 20px;
  text-align: center;
}

.btn_style_type04 a::after {
  margin-left: 15px;
  transition: all 300ms 0s ease;
  display: inline-block;
  content: '';
  width: 50px;
  height: 15px;
  background: url(../images/arrow_right.svg) no-repeat;
  background-size:  45px;
  background-position: 0 center;
}
.btn_style_type04 a:hover::after {
  background-position: 5px center;
}



.img_subimg img {
  width: 100%;
  max-width: 100%;
  height: auto;
}


/* 声 */
.voice_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 30px;
  row-gap: 30px;
}
@media screen and (max-width: 768px) {
  .voice_list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  .voice_list {
    grid-template-columns: 1fr;
  }
}
.voice_list_cell {
  border: 1px solid #999;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
}
.voice_list_cell h4 {
  background-color: #000;
  text-align: center;
  padding: 0.5em 0.5em;
  margin: 0 0 0.5em;
  line-height: 1;
  color: #fff;
  font-size: 1.8rem;
}
.voice_list_cell p {
  line-height: 1.8;
  font-size: 1.8rem;
}

/* OEM */
.oem-intro p {
	margin-bottom: 40px;
}
.oem-intro img {
	width: 100%;
	height: auto;
	border-radius: 15px;
}
.oem-set {
	margin-bottom: 80px;
}
.oem-set__img img {
	width: 100%;
}


/* よくあるご質問 */
#main .faqList{
  margin-bottom: 100px;
}

#main .faqList .qMarkText,
#main .faqList .aMarkText p {
	font-size: 2rem;
	line-height: 40px;
}

#main .faqList .qMarkText {  
	background:  url(../../../contents/images/faq_ico_q.png) no-repeat;
	padding: 0 0 0 57px;
	margin-bottom: 30px;
	font-weight: 600;
  color: #002b61;
}
#main .faqList .aMarkText {
	background:  url(../../../contents/images/faq_ico_a.png) no-repeat;
	border: none;
	padding: 0 0 0 57px;
	margin-bottom: 0px;
}
#main .faqList .aMarkText p{
    margin: 0;
}

/* サイトマップ */
.page-sitemap .list > div {
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	padding: 0 15px;
}
.page-sitemap .list ul {
  margin-top: 30px;
  font-size: 16px;
}
.page-sitemap .list li{
  margin-bottom: 9px;
  list-style: inherit;
}
.page-sitemap .list .lower-list{
     margin-top: 15px;
     margin-left: 1em;
    font-size: 14px;
}
.page-sitemap .list li a{
    text-decoration: none;
	color: #000;
}
.page-sitemap .list li a:hover{
    text-decoration: underline;
}

/* 求人情報ページ */
.page-recruit-statue .item{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 9px;
}
#others .page-recruit-statue .item h4{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 200px;
    margin: 0 0 6px;
    padding: 90px 0;
    z-index: 1;
    font-size: 17px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}
.page-recruit-statue .item01{
    background: url(/contents/images/recruit_img01.jpg) no-repeat 50% 0;
}
.page-recruit-statue .item02{
    background: url(/contents/images/recruit_img02.jpg) no-repeat 50% 0;
}
.page-recruit-statue .item03{
    background: url(/contents/images/recruit_img03.jpg) no-repeat 50% 0;
}
.page-recruit-statue .item{
    background-size: 320px auto;
}
.page-recruit-youkou{
    padding-bottom: 80px;
}
.page-recruit-youkou table th,
.page-recruit-youkou table td{
    padding: 18px;
    background: #FFF;
}
.page-recruit-youkou table tr td:first-child{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
}
@media screen and (max-width: 480px) {
  .page-recruit-youkou table tr td:first-child{
      width: 128px;
  }
}
#others .page-recruit-youkou h4{
    margin-top: 80px;
    font-size: 20px;
}
.page-recruit-youkou .btn-entry{
    text-align: ceter;
}
/* btn-entry */
#others .page-recruit-youkou .btn-entry{
    display: block;
    margin-top: 50px;
    font-size: 18px;
    text-align: center;
}
.page-recruit-youkou .btn-entry a{
    display: inline-block;
    width: 380px;
    padding: 20px 20px;
    background: #003372;
    color: #FFF;
    text-decoration: none;
}
.page-recruit-youkou .btn-entry a span{
    display: inline-block;
    padding-left: 22px;
    background: url(/contents/images/ico_arw01.png) no-repeat 0 50%;
    background-size: 12px auto;
}

/* 会社案内 */
.c_tbl-style02 tr,
.c_tbl-style02 tr.odd,
.c_tbl-style02 tr:nth-child(odd){
    background: #FFF;
}
.c_tbl-style02 td{
    border: none;
}
.company .c_tbl-style02 td:first-child{
    width: 85px;
}
.company .sec-access .box01 iframe,
.company .sec-access .box02 iframe {
  width: 100%;
}
.company .company__tbl table td {
  padding: 0 0 30px;
}
.company .company__tbl table td span {
  line-height: 1.8;
	letter-spacing: -.3px;
}
@media screen and (max-width: 768px) {
	.company .company__tbl:first-child,
	.company .company__tbl:first-child table {
		margin-bottom: 0px;
	}
}




/*----------------------------------
	6.Unit 　2020
------------------------------------------*/
/* footer nav */
.unit_footer_nav {
  margin: 0 0 40px;
}
.unit_footer_nav ul {
  text-align: center;
  margin: 0px;
}
.unit_footer_nav ul li {
  list-style: none;
  display: inline-block;
  text-align: left;
}
.unit_footer_nav ul li a .unit_footer_nav_arrow {
  width: 60%;
  height: 16px;
  transition: all 300ms 0s ease;
}
.unit_footer_nav ul li a:hover .unit_footer_nav_arrow {
  width: 100%;
}

/* shopping */
.unit_bnr_shopping {
  max-width: 800px;
  margin: 0 auto 40px;
  text-align: center;
}

/* contact */
.unit_footer_contact {
  background-color: #e8e8e8;
  padding: 15px;
  margin: 0 0 40px;
}
.unit_footer_contact_inner {
  background-color: #fff;
  max-width: 960px;
  margin: 0 auto;
  padding: 15px;
}
.unit_footer_contact ul {
  text-align: center;
}
.unit_footer_contact ul li {
  list-style: none;
  display: inline-block;
}

/* product nav */
.unit_product_nav {
  margin-bottom: 40px;
  
}
.unit_product_nav  ul {
  text-align: center;
}
.unit_product_nav  ul li {
  list-style: none;
  display: inline-block;
}

/* recruit */
.unit_bnr_recruit {
  background-color: #e8e8e8;
  padding: 15px;
  margin: 0 0 40px;
  text-align: center;
}
.unit_bnr_recruit_inner {
  background-color: #fff;
  max-width: 960px;
  margin: 0 auto;
  padding: 15px;
}



/*----------------------------------
	6.Unit 
------------------------------------*/
/* oem pg-link */
.oem-link__child {
	background-color: #e8e8e8;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
}
.oem-link__child a {
	color: #000;
}
.oem-link__child a:hover {
	text-decoration: none
}



/* swiper */
.unit_product_nav02 {
  height: auto;
  padding-bottom: 80px;
}
.unit_product_nav02 .slide01 {
  height: 180px;
  overflow: visible;
  text-align: center;
}
.unit_product_nav02 .slide01:after {
  content:'';
  width:12px;
  height: 12px;
  display: block;
  margin: -14px auto 0;
  background-color: #000;
  border-radius: 50%;
}
.unit_product_nav02 .swiper-button-prev,
.unit_product_nav02 .swiper-button-next {
  position: relative;
  top: auto;
  margin: auto;
  display: inline-block;

  width: 190px;
  height: 19px;

  z-index: 10;
  cursor: pointer;
  background-size: 190px 19px;
  background-position: center;
  background-repeat: no-repeat;
}

.unit_product_nav02 .swiper-button-prev {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20188.20703%2018.85352%22%3E%20%3Cg%20id%3D%22layer2%22%20data-name%3D%22layer2%22%3E%20%3Cg%20id%3D%22layer01%22%3E%20%3Cpolygon%20points%3D%22188.207%2018.854%200%2018.854%2018.854%200%2019.561%200.707%202.414%2017.854%20188.207%2017.854%20188.207%2018.854%22%20style%3D%22fill%3A%20%23231815%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  left: auto;
  right: auto;
  margin: 10px 20px 0 0;
}
.unit_product_nav02 .swiper-button-next {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20188.20703%2018.85352%22%3E%20%3Cg%20id%3D%22layer2%22%20data-name%3D%22layer2%22%3E%20%3Cg%20id%3D%22layer01%22%3E%20%3Cpolygon%20points%3D%220%2018.854%20188.207%2018.854%20169.354%200%20168.646%200.707%20185.793%2017.854%200%2017.854%200%2018.854%22%20style%3D%22fill%3A%20%23231815%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  left: auto;
  right: auto;
  margin: 10px 0 0 20px;
}



.unit_product_bnr {
  
}
.unit_product_bnr ul {
  text-align: center;
  width: 90%;
  margin: auto;
}
.unit_product_bnr ul li {
  display: inline-block;
}
.unit_product_bnr ul li:hover {
  opacity: 0.8;
}
.unit_product_bnr ul li img {
  width: 100%;
  max-width: 380px;
  height: auto;
}


/* 商品メインスライド */
.header_main_product .slide02 {
  position: relative;
}



/* 求人2022 */
.unit_recruit2022 {
}
.unit_recruit2022_01 {
  line-height: 0;
}
.unit_recruit2022_01,
.unit_recruit2022_02 {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .unit_recruit2022_01,
  .unit_recruit2022_02 {
    width: 100%;
  }
}
.unit_recruit2022_01 img,
.unit_recruit2022_02 img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.unit_recruit2022_02 {
  background-color: #ffd000;
  text-align: center;
  padding-top: 10px;
}
.unit_recruit2022_01_img {
  width: 100%;
  height: 100%;
}
.unit_recruit2022_01_img img {
  height: 100%;
  object-fit: cover;
}
.unit_recruit2022_02_img {
  width: 90%;
  margin: auto;
}

.unit_recruit2022_02 .h_style_type07 {
  text-align: center;
	font-size: 2.4rem;
  padding-top: 20px;
	margin-bottom: 10px;
	line-height: 1.1;
}
.unit_recruit2022_02 .h_style_type07 span {
  font-size: 7.2rem;
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

}
@media screen and (max-width: 1180px) {
  .unit_recruit2022_02 .h_style_type07 {
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 2.1rem;
  }
  .unit_recruit2022_02 .h_style_type07 span {
    font-size: 6.5rem;
  }
}
@media screen and (max-width: 768px) {
  .unit_recruit2022_02 .h_style_type07 {
    margin-bottom: 0px;
    font-size: 2.6vw;
  }
  .unit_recruit2022_02 .h_style_type07 span {
    font-size: 5.0vw;
  }
  .unit_recruit2022_02 .btn_style_type03 a {
    padding: 5px 12px 5px; 
  }
}




/* unit contact2022 */
.unit_contact {
  max-width: 960px;
  margin: 0 auto 60px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}
@media screen and (max-width: 1000px) {
	.unit_contact {
		width: 96%;
	}
}
@media screen and (max-width: 600px) {
	.unit_contact {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
	}
}
.unit_contact > a {
  display: flex;
  justify-content: center;
  align-items: center
}
.unit_contact img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.unit_contact01 {
  min-height: 310px;
  grid-row: span 2;
}
@media screen and (max-width: 600px) {
  .unit_contact01 {
    min-height: 0px;
    padding: 2em 0em;
  }
}
.unit_contact01,
.unit_contact02,
.unit_contact03 {
  border: 1px solid #000;
}
.unit_contact01 img {
  max-width: 256px;
}
.unit_contact02 img {
  max-width: 318px;
}
.unit_contact03 img {
  max-width: 280px;
}
@media screen and (max-width: 768px) {
  .unit_contact02,
  .unit_contact03 {
    padding: 0.5em 0em;
  }
  .unit_contact01 img {
    max-width: 256px;
  }
  .unit_contact02 img {
    max-width: 256px;
  }
  .unit_contact03 img {
    max-width: 256px;
  }
}



/* unit HITO List 2022 */
.unit_hitolist {
  margin: 0 auto 100px;
}
.unit_hitolist_ul {
  width: 96%;
  max-width: 960px;
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 15px;
  row-gap: 30px;
}
@media screen and (max-width: 767px) {
	.unit_hitolist_ul {
    grid-template-columns: 1fr 1fr;
	}
}
.unit_hitolist_ul img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.unit_hitolist_ul a {
  display: inline-block;
  position: relative;
  color: #000;
}
.unit_hitolist_ul a:hover {
  opacity: 0.7;
}
.unit_hitolist_ul a::after {
  display: inline-block;
  content: '';
  background: url("../images/arrow_circle.svg") no-repeat center center;
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
@media screen and (max-width: 480px) {
  .unit_hitolist_ul a::after {
    width: 35px;
    height: 35px;
    bottom: 28px;
  }
}
.unit_hitolist_jp {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
}
.unit_hitolist_en {
  font-family: "Times New Roman", Times, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 500;
  display: block;
  font-size: 2.0rem;
  line-height: 1;
  margin: 0 0 0.5em;
}


/* 会社案内系ナビ */
.aboutus-link {
  margin: 0 0 2em;
}
.aboutus-link a {
  display: block;
  background-color: #e7e7e8;
  color: #000;
  font-size: 1.8rem;
  padding: 0.4em;
  text-align: center;
}
@media screen and (max-width: 767px) {
    .column-box.bp768.aboutus-link {
        gap: 8px;
    }
  .column-box.bp768.aboutus-link .column-box__4col {
    width: 48%!important;
    max-width: 100%;
    margin-bottom: 0;
  }
}

/* 商品情報　オーダーリンク */
.products-order-link {
  padding: 0 0 2em;
}
.products-order-link a {
  display: block;
  background-color: #e7e7e8;
  color: #000;
  font-size: 2.1rem;
  padding: 0.8em;
  text-align: center;
  list-style: none;
  text-decoration: none;
  border: 1px solid #999;
  position: relative;
}
@media screen and (max-width: 767px) {
  .column-box.bp768.products-order-link .column-box__2col {
    width: 100%!important;
    max-width: 100%;
  }
}
.products-order-link a::after {
  margin-left: 15px;
  transition: all 300ms 0s ease;
  display: inline-block;
  content: '';
  width: 50px;
  height: 7px;
  background: url(../images/arrow_right.svg) no-repeat;
  background-size:  45px;
  background-position: 0 center;
}
.products-order-link a:hover::after {
  background-position: 5px center;
}




.margin-tb500 {
  margin: auto!important;
}


/* 採用 */
.page-recruit-statue .column-box__3col {
  margin-left: auto;
  margin-right: auto;
}

/* 想い */
.mind_txt {
  font-size: 1.8rem;
  letter-spacing: 0.18em;
}
.mind-message-in {
  padding-top: 20px;
  position: relative;
  margin: auto;
}
.mind-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 30px 0;
  z-index: 1;
  font-size: 2.5rem;
  padding: 10px 0 10px;
  text-align: center;
}
.mind-caption::before{
  transform: skewX(-30deg);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color:#FFF100;
}

/* カート */
#shoppingCart .goodsImage {
  margin: 20px auto 40px;
}
#shoppingCart .goodsImage img {
  max-width: 600px;
  width: 100%;
  height: auto;
}