@charset "UTF-8";


/* common ------------------------------------ */
body.sp_comp {
  min-width: 1240px;
}
.container_inner_s {
  width: 960px;
  margin: auto;
}
.disp_b {	display: block !important; }
.pcOnly-i {	display: inline-block !important; }
.spOnly-i {	display: none !important; }
.pcOnly-b {	display: block !important; }
.spOnly-b {	display: none !important; }
.sp_comp .purchase_ttl,
.sp_comp .support_ttl {
  font-weight: bold;
}
.margin_top_l { margin-top: 128px !important; }
.margin_top_mm { margin-top: 100px !important; }
.margin_top_ms { margin-top: 80px !important; }
.margin_top_m { margin-top: 60px !important; }
.margin_bottom_m { margin-bottom: 60px !important; }
hr.line_gray.zero { margin: 0 !important; }
hr.line_gray.short { margin: 24px 0 !important; }
.bg_gray { background-color: #e7e7e7 !important; }
.ta_l { text-align: left !important; }
.ta_c { text-align: center !important; }
.ta_r { text-align: right !important; }
.heading_edit01 {
  font-size: 3.2rem;
  font-weight: bold;
  color: #ff892a;
  margin-bottom: 10px;
}
.box_align_r {
  text-align: right;
}
.box_align_c {
  text-align: center;
}
.box_align_r .box_align,
.box_align_c .box_align {
  display: inline-block;
}
.fw_bold {
  font-weight: bold !important;
}
#header #topic_path ul li a:hover,
.sp_comp .txt_link:hover,
.sp_comp .txt_link_in:hover,
.sp_comp .txt_link_anc:hover,
.sp_comp .txt_link_tb:hover,
.sp_comp .tab_box_items a:hover {
  text-decoration: underline !important;
}
.txt_link_in.link_out {
  color: #333333;
}
.txt_link_in.link_out:hover {
  text-decoration: none !important;
}
.btn_blue_left.width_l a,
.btn_blue_center.width_l a,
.btn_blue_right.width_l a,
.btn_blue_tb.width_l {
  width: 500px;
}
.txt_indent_6_5 {
  display: inline-block;
  padding-left:6.5em;
	text-indent:-6.5em;
}
.largeprinter.sp_comp.modaal-noscroll .local_navi {
  z-index: 999;
}
@media screen and (max-width:767px) {
  body.sp_comp {
    min-width: auto;
  }
  body#largeprinter.sp_comp {
    display: block;
    min-width: auto;
 }
 .sp_comp .local_navi .local_navi_top {
    min-height: 68px;
  }
 .container_inner_s {
  width: auto;
  }
  .pcOnly-i {display: none !important;}
	.spOnly-i {display: inline-block !important;}
  .pcOnly-b {display: none !important;}
	.spOnly-b {display: block !important;}
  .margin_top_l { margin-top: 64px !important; }
  .margin_top_mm { margin-top: 60px !important; }
  .margin_top_ms { margin-top: 60px !important; }
  .margin_top_m { margin-top: 40px !important; }
  .margin_bottom_m { margin-bottom: 40px !important; }
  .mt_sp_0 { margin-top: 0 !important;}
  .mr_sp_0 { margin-right: 0 !important;}
  .ml_sp_0 { margin-left: 0 !important;}
  .mb_sp_0 { margin-bottom: 0 !important;}
  .heading_edit01 {
    font-size: 2.2rem;
  }
  hr.line_gray.short { margin: 16px 0 !important; }
  .btn_blue_left.width_l a,
  .btn_blue_center.width_l a,
  .btn_blue_right.width_l a,
  .btn_blue_tb.width_l {
    width: 100%;
  }
}
@media print {
  body.sp_comp {
    min-width: auto;
  }
  img.lazy {
    opacity: 1 !important;
  }
  .local_navi {
    position: static;
  }
}



/* .btn_white  ------------------------------------ */
.btn_white.pdf a img {
  vertical-align: middle;
  margin-left: 5px;
}



/* .txt  ------------------------------------ */
.txt.txt_link_in_txt {
  padding-left: 23px;
}
.txt.txt_link_in_txt a:hover {
  text-decoration: underline !important;
}
.txt.small_font {
  font-size: 1.4rem;
}
@media screen and (max-width:767px) {
  .txt.small_font {
    font-size: 1.2rem;
  }
}



/* .txt_link_in  ------------------------------------ */
.txt_link_in + .txt_link_in_txt {
  margin-top: 5px;
}



/* .inview  ------------------------------------ */
 .inview_on .inview {
  opacity: 0;
  -webkit-transform: translate(0px, 1.5rem);
  transform: translate(0px, 1.5rem);
  -webkit-transition: background-color 0.3s linear, opacity 0.5s linear 0s, -webkit-transform 1.5s ease 0s;
  transition: background-color 0.3s linear, opacity 0.5s linear 0s, -webkit-transform 1.5s ease 0s;
  transition: background-color 0.3s linear, transform 1.5s ease 0s, opacity 0.5s linear 0s;
  transition: background-color 0.3s linear, transform 1.5s ease 0s, opacity 0.5s linear 0s, -webkit-transform 1.5s ease 0s;
}

.inview_on .inview.view {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  will-change: transform;
}
@media print {
  .inview_on .inview {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    will-change: transform;
  }
}



/* head ------------------------------------ */
.sp_comp #topicPath {
  box-sizing: border-box;
  max-width: calc(1210px + 30px);
  width: auto;
  margin: 0 auto;
  padding: 15px 15px 30px;
}
.sp_comp #contents .headSection .innerBlock {
  max-width: calc(1210px + 30px);
  width: auto;
  padding: 0 15px;
}
.sp_comp .product_logo_name {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.sp_comp .product_logo_name .product_logo {
  margin-right: 24px;
  min-height: 52px;
  display: flex;
  align-items: center;
}
.sp_comp .product_logo_name .product_logo a {
  display: inline-block;
  color: #000;
  font-size: 3.4rem;
  font-weight: bold;
}
.sp_comp .product_logo_name .product_logo a img {
  vertical-align: baseline;
}
.sp_comp .product_logo_name .product_name {
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  .sp_comp #topicPath {
    padding: 15px 15px 20px;
  }
  .sp_comp #contents .headSection .innerBlock {
    padding: 0 15px;
  }
  .sp_comp #contents .headSection .leftArea {
    margin-top: 0;
  }
  .sp_comp .product_logo_name {
    display: block;
  }
  .sp_comp .product_logo_name .product_logo {
    min-height: 36px;
  }
  .sp_comp .product_logo_name .product_logo a {
    font-size: 2.4rem;
  }
  .sp_comp .product_logo_name .product_name {
    font-size: 1.6rem;
  }
}



/* footer ------------------------------------ */
.category_footer .category_footer_menu_list > li.ttl > a {
  padding-left: 0;
  font-size: 100%;
}
.category_footer .category_footer_menu_list > li.ttl > a::before {
  content: none;
}
.category_footer_menu_list.category_footer_menu_list_sub {
  padding-left: 10px;
}
@media screen and (max-width:767px) {
  .category_footer .category_footer_menu_list.category_footer_menu_list_sub {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }

}



/* tab_wrap ------------------------------------ */
.tabSection .tab_box_items {
display: none;
}
.tabSection .tab_box_items.active {
  display: block;
}
.tab_box {
  width: 100%;
  background: url(/common/images/bg_line_01.gif) repeat-x left bottom;
}
.tab_list {
  width: 1210px;
  margin: 0 auto;
  background: none !important;
  font-size: 0;
}
.tab_labels {
  display: inline-block;
  width: 300px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-left: 2px;
  margin-bottom: 1px;
  cursor: pointer;
  text-align: center;
  vertical-align: bottom;
  box-sizing: border-box;
}
.tab_labels.active {
  margin-bottom: 0;
}
.tab_labels a {
  display: block;
  color: #fff;
  line-height: 1;
  padding: 19px 0;
  margin-bottom: 2px;
  background-color: #0059b3;
  text-decoration: none;
  transition: opacity .2s;
}
.tab_labels a:hover {
  opacity: 0.7;
}
.tab_labels.active a {
  display: block;
  color: #333;
  padding: 24px 0 21px;
  margin-bottom: 0;
  background: -moz-linear-gradient(top, #ececec, #fff);
  background: -webkit-linear-gradient(top, #ececec, #fff);
  background: linear-gradient(to bottom, #ececec, #fff);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width:767px) {
  .tab_list {
    width: auto;
    padding: 0 15px;
  }
  .tab_box {
    background: none;
  }
  .tab_labels {
    display: inline-block;
    width: calc(50% - 2px);
    font-size: 1.4rem;
    font-weight: bold;
    margin-left: 2px;
    margin-bottom: 1px;
    cursor: pointer;
    text-align: center;
    vertical-align: bottom;
    box-sizing: border-box;
   }
  .tab_labels.active {
    margin-bottom: 1px;
  }
  .tab_labels a {
    border: solid 1px #0059b3;
  }
  .tab_labels.active a {
    display: block;
    padding: 19px 0;
    margin-bottom: 2px;
    background: -moz-linear-gradient(top, #ececec, #fff);
    background: -webkit-linear-gradient(top, #ececec, #fff);
    background: linear-gradient(to bottom, #ececec, #fff);
    border: solid 1px #cccccc;
    border-radius: 0;
    box-sizing: border-box;
}
}


/* slide_guide_sp ------------------------------------ */
.sp_comp #contents .mainSection {
  width: 100%;
}
.sp_comp #contents .mainSection.mt25_pc {
  margin-top: 25px;
}
.sp_comp #contents .mainSection .mainvisual_guide {
  position: relative;
  z-index: 500;
  width: 100%;
  min-width: 1240px;
  max-width: 1920px;
  height: auto;
  margin: 0 auto -10px;
  padding: 0 0 10px;
  overflow: hidden;
}
#slide_guide_sp {
  position: relative;
  left: 0;
  top: 0;
  z-index: 980;
  height: auto;
  opacity: 0;
  transition: opacity 0.5s;
}
#slide_guide_sp.slick-initialized {
  opacity: 1;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-prev {
  top: 48%;
  left: 50%;
  margin-left: -620px;
  z-index: 1;
  display: none !important;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-next {
  top: 48%;
  right: 50%;
  margin-right: -620px;
  z-index: 1;
  display: none !important;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp li,
#slide_case li {
  vertical-align: middle;
  color: #003399;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots,
#slide_case .slick-dots {
  bottom: -35px;
  width: auto;
  font-size: 25px;
  font-weight: bold;
  left: 50%;
  transform: translateX(-50%);
}
#slide_guide_sp .slick-dots li button,
#slide_case .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots li button:before,
#slide_case .slick-dots li button:before {
  font-size: 12px;
  color: #c6c6c6;
  opacity: 1;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots li.slick-active button:before,
#slide_case .slick-dots li.slick-active button:before {
  color: #003399;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPly,
#slide_case .slick-dots #btnPly {
  display: none;
  margin-left: 0;
  font-size: 192%;
  text-indent: -13px;
  line-height: 0.45;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPse,
#slide_case .slick-dots #btnPse {
  font-size: 72%;
  text-indent: -10px;
  line-height: 1.2;
  margin-left: 0;
  padding-left: 5px;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPly a,
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPse a,
#slide_case .slick-dots #btnPly a,
#slide_case .slick-dots #btnPse a {
  display: block;
  width: 20px;
  height: 20px;
  color: #003399;
}
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPly a:hover,
#contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPse a:hover,
#slide_case .slick-dots #btnPly a:hover,
#slide_case .slick-dots #btnPse a:hover {
  text-decoration: none;
}
@media screen and (max-width:767px) {
  .sp_comp #contents .mainSection.mt18_sp {
    margin-top: 18px;
  }
  .sp_comp #contents .mainSection .mainvisual_guide {
    position: relative;
    z-index: 500;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp {
    position: relative;
    left: 0;
    top: 0;
    z-index: 980;
    height: auto;
    margin-bottom: 0;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-prev {
    top: 37%;
    left: -23px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    display: none !important;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-next {
    top: 37%;
    right: -4px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: auto;
    display: none !important;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots,
  #slide_case .slick-dots {
    position: unset;
    width: 400px;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 25px;
    font-weight: bold;
    transform: none;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPly,
  #slide_case .slick-dots #btnPly {
    text-indent: -13px;
    margin-top: -0.02em;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPse,
  #slide_case .slick-dots #btnPse {
    margin-top: -0.06em;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp li a {
    display: inline-block;
    width: 100%;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp li a img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width:480px) {
  #slide_guide_sp .slick-dots li,
  #slide_case .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 4px;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots,
  #slide_case .slick-dots {
    width: 300px;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPly a, #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPse a,
  #slide_case .slick-dots #btnPly,
  #slide_case .slick-dots #btnPse {
    width: 20px;
    height: 20px;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPly,
  #slide_case .slick-dots #btnPly {
    text-indent: -13px;
    margin-top: -0.02em;
    padding-left: 5px;
  }
  #contents .mainSection .mainvisual_guide #slide_guide_sp .slick-dots #btnPse,
  #slide_case .slick-dots #btnPse {
    margin-top: -0.06em;
    padding-left: 10px;
  }
}



/* slide_case ------------------------------------ */
.case_guide {
  position: relative;
  z-index: 500;
  width: 100%;
  min-width: auto;
  max-width: 1210px;
  height: auto;
  margin: 0 auto 60px;
  padding: 0 0 10px;
  overflow: hidden;
}
#slide_case {
  position: relative;
  left: 0;
  top: 0;
  z-index: 980;
  height: auto;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 0 30px;
}
#slide_case.slick-initialized {
  opacity: 1;
}
#slide_case .slick-prev {
  background: url(/products/largeprinter/img/ico-arrow2-left.png) no-repeat !important;
  width: 19px !important;
  height: 35px !important;
  margin-left: -605px;
  top: 48%;
  left: 50%;
  z-index: 1;
}
#slide_case .slick-prev:before {
  display: none;
}
#slide_case .slick-next {
  background: url(/products/largeprinter/img/ico-arrow2-right.png) no-repeat !important;
  width: 19px !important;
  height: 35px !important;
  margin-right: -605px;
  top: 48%;
  right: 50%;
  z-index: 1;
}
#slide_case .slick-next:before {
  display: none;
}
#slide_case .slick-slide {
  margin: 0 5px;
  padding: 0;
}
#slide_case .slick-slide img {
  width: 100%;
  height: auto;
}
#slide_case .slide_case_items {
  border: solid 1px #cbcbcb;
  background-color: #f4f4f4;
}
#slide_case .slide_case_items .img {
  transition: opacity .2s;
}
#slide_case .slide_case_items a:hover .img {
  opacity: 0.7;
}

#slide_case .slide_case_items .box_txt {
  padding: 15px 20px 10px;
}
#slide_case .slide_case_items .box_txt .ttl {
  font-size: 1.8rem;
  color: #005ab4;
  font-weight: bold;
}
#slide_case .slide_case_items a:hover {
  text-decoration: none !important;
}
#slide_case .slide_case_items a:hover .box_txt .ttl {
  color: #E60009;
  text-decoration: underline;
}
#slide_case .slide_case_items .box_txt .txt {
  font-size: 1.6rem;
  color: #333333;
}
#slide_case .slide_case_items a:hover .box_txt .txt {
  color: #333333;
}
@media screen and (min-width:768px) {
  #slide_case .slide_case_items {
    height: 370px !important;
  }
}
@media screen and (max-width:767px) {
  .case_guide {
    margin: 0 auto;
  }
  #slide_case {
    padding: 0 25px;
  }
  #slide_case .slick-prev {
    margin-left: 0;
    background: none !important;
    width: auto !important;
    height: auto !important;
    left: 0;
  }
  #slide_case .slick-prev:before {
    content: '';
    display: block;
    width: 20px;
    height: 31px;
    background: url(/products/largeprinter/img/ico-arrow2-left-s.png) no-repeat 0 0;
    background-size: contain;
  }
  #slide_case .slick-next {
    margin-right: 0;
    background: none !important;
    width: auto !important;
    height: auto !important;
    right: 0;
  }
  #slide_case .slick-next:before {
    content: '';
    display: block;
    width: 20px;
    height: 31px;
    background: url(/products/largeprinter/img/ico-arrow2-right-s.png) no-repeat 0 0;
    background-size: contain;
  }
  #slide_case .slide_case_items .box_txt {
    padding: 10px 15px 5px;
  }
  #slide_case .slide_case_items .box_txt .ttl {
    font-size: 1.4rem;
  }
  #slide_case .slide_case_items .box_txt .txt {
    font-size: 1.2rem;
  }
}



/* local_navi_ank ------------------------------------ */
.local_navi.local_navi_ank .local_navi_bottom .local_navi_bottom_inner > ul > li a::after {
  content: none;
}
.local_navi.local_navi_ank .local_navi_bottom {
  position: static;
  width: 100%;
}
.local_navi.local_navi_ank ul > li a span {
  position: relative;
  padding-right: 20px;
}
.local_navi.local_navi_ank ul > li a span::after {
  content: '';
  display: block;
  position: absolute;
  top: 0.2em;
  right: 0;
  width: 15px;
  height: 15px;
  background: url(/common/images/ico_link_01.gif) no-repeat;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* .local_navi.local_navi_ank ul > li a span::after {
  content: '';
  position: absolute;
  right: 6px;
  top: calc(50% - 3px);
  width: 4px;
  height: 4px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
} */
/* .local_navi.local_navi_ank ul > li a span::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #005ab4;
  border-radius: 50%;
} */
.local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li:last-child:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 1px;
  height: 22px;
  background: #CBCBCB;
}
.local_navi.local_navi_ank {
  display: block;
}
@media screen and (max-width:767px) {
  .local_navi.local_navi_ank .local_navi_bottom {
    position: absolute;
    padding: 0 2% 2%;
  }
  .local_navi.local_navi_ank ul > li a span {
    display: block;
  }
  .local_navi.local_navi_ank .local_navi_bottom .local_navi_bottom_inner > ul > li > a {
    padding: 12px 15px 12px 15px;
  }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li:last-child:after {
    display: none;
  }
}



/* img_wrapper ------------------------------------ */
.sp_comp div.img_wrapper {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.sp_comp div.img_wrapper--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sp_comp #largeprinter div.w30p {
  width: 33%;
  float: left;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}
.sp_comp #largeprinter div.img_wrapper div.w30p img {
  display: inline-block;
  margin: 0 5px;
}
.sp_comp .img_wrapper.img_wrapper--top {
  margin-bottom: 60px;
}
.sp_comp .img_wrapper.img_wrapper--top a .hover_txt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #005ab4;
  text-align: center;
}
.sp_comp .img_wrapper.img_wrapper--top a:hover .hover_txt  {
  color: #E60009;
}
.sp_comp .img_wrapper.img_wrapper--top a .img {
  transition: opacity .2s;
}
.sp_comp .img_wrapper.img_wrapper--top a:hover .img  {
  opacity: 0.7;
}
@media screen and (max-width:767px) {
  .sp_comp .img_wrapper.img_wrapper--top {
    flex-wrap: wrap;
    margin: 0 0 40px -20px;
  }
  .sp_comp .img_wrapper.img_wrapper--top a .hover_txt {
    font-size: 1.4rem;
  }
  #largeprinter.sp_comp .img_wrapper.img_wrapper--top > div {
    width: calc(100% / 2 - 20px);
    margin: 20px 0 0 20px;
  }
  #largeprinter.sp_comp .img_wrapper.img_wrapper--top > div:nth-child(-n+2) {
    margin-top: 0;
  }
}


/* get-adobe ------------------------------------- */
.get-adobe {
  width: 100%;
  border: solid 1px #ccc;
  background-color: #ffffff;
  margin: 15px auto 0;
  padding: 15px;
}
.get-adobe.ml0 {
  margin-left: 0;
}
.get-adobe .max-w960 {
  max-width: 960px;
  width: 100%;
}
.get-adobe p {
  font-size: 85%;
}
.get-adobe p.note {
  text-indent: -4em;
  padding-left: 4em;
}
@media screen and (max-width:767px) {
  .get-adobe div.flR {
    float: none;
    width: 100%;
    text-align: left;
  }
  .get-adobe div.flL {
    float: none;
    width: 100%;
    text-align: left;
  }
  .get-adobe p {
    word-break: normal;
    font-size: 12px;
  }
  .get-adobe p.note {
    font-size: 12px;
  }
}


/* edit_col ------------------------------------- */
.edit_col {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.edit_col_items {
  width: 100%;
}
.edit_col_items .img img {
  width: 100%;
}
.edit_col_items .img + .txt,
.edit_col_items .img_col .txt {
  margin-top: 10px;
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width:767px) {
  .edit_col {
    display: block;
  }
  .edit_col_items {
    width: 100%;
  }
  .edit_col_items .img_col {
    display: flex;
    margin: 24px 0;
  }
  .edit_col_items .img_col figure {
    width: calc((100% - 3.8%) / 2);
    display: inline-block;
  }
  .edit_col_items .img_col figure:nth-child(1) {
    margin-top: 0;
    margin-right: 1.9%;
  }
  .edit_col_items .img_col figure:nth-child(2) {
    margin-top: 0;
    margin-left: 1.9%;
  }
}


/* edit_col2 ------------------------------------ */
.edit_col2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.edit_col2_items .img img {
  width: 100%;
}
.edit_col2_items .img + .txt,
.edit_col2_items .img_col2 .txt {
  margin-top: 10px;
  font-weight: normal;
  text-align: left;
}
.edit_col2_items:nth-child(1) {
  flex: 1;
  padding-right: 100px;
}
.edit_col2_items:nth-child(2) {
  width: 383px;
}
@media screen and (max-width:767px) {
  .edit_col2 {
    display: block;
  }
  .edit_col2_items:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
  .edit_col2_items:nth-child(2) {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
  .edit_col2_items .img_col2 {
    display: flex;
    margin: 24px 0;
  }
  .edit_col2_items .img_col2 figure {
    width: calc((100% - 3.8%) / 2);
    display: inline-block;
  }
  .edit_col2_items .img_col2 figure:nth-child(1) {
    margin-top: 0;
    margin-right: 1.9%;

  }
  .edit_col2_items .img_col2 figure:nth-child(2) {
    margin-top: 0;
    margin-left: 1.9%;
  }
}



/* list_col3 ------------------------------------ */
.list_col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 0 0 0 -30px;
}
.list_col3_items {
  width: calc(100% / 3 - 30px);
  margin: 30px 0 0 30px;
}
.list_col3_items:nth-child(-n+3) {
  margin-top: 0;
}
.list_col3_items a {
  width: 100%;
  height: 100%;
}
.list_col3_items a:hover {
  text-decoration: none;
}
.list_col3_items .img {
  transition: opacity .2s;
}
.list_col3_items a:hover .img {
  opacity: 0.7;
}
.list_col3_items .ttl {
  font-size: 1.8rem;
  font-weight: bold;
}
.list_col3_items a:hover .ttl {
  text-decoration: underline;
}
.list_col3_items .txt {
  font-size: 1.6rem;
  color: #333333;
  margin-top: 5px;
}
.list_col3_items a:hover .txt {
  color: #333333;
}

.list_col3.usage .list_col3_items .ttl {
  font-size: 1.8rem;
  color: #333333;
  padding-top: 10px;
}
.list_col3.usage .list_col3_items .ttl span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 20px;
}
.list_col3.usage .list_col3_items .ttl span::after {
  content: url(/common/images/ico_pop_01.gif);
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0.2rem;
  right: 0;
}
.list_col3.usage .list_col3_items a:hover,
.list_col3.usage .list_col3_items a:hover .ttl,
.list_col3.usage .list_col3_items a:hover .ttl.blank {
  text-decoration: none;
}
.list_col3.usage .list_col3_items .img img {
  width: 100%;
  height: auto;
}
.list_col3.usage .list_col3_items .ttl img {
  vertical-align: middle;
}
.list_col3.usage .list_col3_items .ttl.blank {
  position:relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-right: 0;
}
.list_col3.usage .list_col3_items .ttl.blank span {
  padding-right: 0;
}
.list_col3.usage .list_col3_items .ttl.blank span::after {
  display: none;
}
.list_col3.usage .list_col3_items .ttl.blank span:first-child {
  max-width: calc(100% - 15px);
  text-align: left;
}
.list_col3.usage .list_col3_items .ttl.blank span:last-child {
  max-width: 15px;
  text-align: right;
}

.list_col3.list_col3_products a .hover_txt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #005ab4;
  text-align: center;
}
.list_col3.list_col3_products a:hover .hover_txt {
  color: #E60009;
  text-decoration: underline;
}
@media screen and (max-width:767px) {
  .list_col3 {
    margin: 0 0 0 -20px;
  }
  .list_col3_items {
    width: calc(100% / 2 - 20px);
    margin: 20px 0 0 20px;
  }
  .list_col3_items:nth-child(-n+3) {
    margin-top: 20px;
  }
  .list_col3_items:nth-child(-n+2) {
    margin-top: 0;
  }
  .list_col3_items .ttl {
    font-size: 1.4rem;
  }
  .list_col3_items .txt {
    font-size: 1.2rem;
  }
  .list_col3.usage .list_col3_items .ttl {
    font-size: 1.6rem;
  }
  .list_col3.usage .list_col3_items a:hover,
  .list_col3.usage .list_col3_items a:hover .ttl,
  .list_col3.usage .list_col3_items a:hover .ttl.blank {
    text-decoration: none;
  }
  .list_col3.usage .list_col3_items .ttl img {
    vertical-align: middle;
  }
  .list_col3.list_col3_products a .hover_txt {
    font-size: 1.4rem;
  }
}


/* list_col4 ------------------------------------ */
.list_col4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 0 0 0 -24px;
}
.list_col4_items {
  width: calc(100% / 4 - 24px);
  margin: 24px 0 0 24px;
  background-color: #f4f4f4;
  border: solid 1px #dddddd;
}
.list_col4_items:nth-child(-n+4) {
  margin-top: 0;
}
.list_col4.list_use .list_col4_items a {
  display: inline-block;
  width: 100%;
}
.list_col4.list_size .list_col4_items a {
  display: flex;
  align-items: center;
}
.list_col4.list_use .list_col4_items .img,
.list_col4.list_size .list_col4_items .img {
  transition: opacity .2s;
}
.list_col4.list_use .list_col4_items .img img,
.list_col4.list_size .list_col4_items .img img {
  max-width: 100%;
  width: 100%;
}
.list_col4.list_size .list_col4_items .img {
  width: 50%;
}
.list_col4.list_use .list_col4_items a:hover .img,
.list_col4.list_size .list_col4_items a:hover .img {
  opacity: 0.7;
}
.list_col4.list_use .list_col4_items .ttl,
.list_col4.list_size .list_col4_items .ttl {
  font-size: 1.8rem;
  color: #000000;
  padding: 15px 20px 10px;
}
.list_col4.list_size .list_col4_items .ttl {
  width: 50%;
}
.list_col4.list_use .list_col4_items a:hover .ttl,
.list_col4.list_size .list_col4_items a:hover .ttl {
  color: #E60009;
}
.list_col4.usage .list_col4_items {
  background-color: #ffffff;
  border: 0;
}
.list_col4.usage .list_col4_items .img {
  transition: opacity .2s;
}
.list_col4.usage .list_col4_items a:hover .img {
  opacity: 0.7;
}
.list_col4.usage .list_col4_items .ttl {
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  padding-top: 10px;
}
.list_col4.usage .list_col4_items .ttl span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 20px;
}
.list_col4.usage .list_col4_items .ttl span::after {
  content: url(/common/images/ico_pop_01.gif);
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0.2rem;
  right: 0;
}
.list_col4.usage .list_col4_items a:hover,
.list_col4.usage .list_col4_items a:hover .ttl,
.list_col4.usage .list_col4_items a:hover .ttl.blank {
  text-decoration: none;
}
.list_col4.usage .list_col4_items .img img {
  width: 100%;
  height: auto;
}
.list_col4.usage .list_col4_items .ttl img {
  vertical-align: middle;
}
.list_col4.usage .list_col4_items .ttl.blank {
  position:relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-right: 0;
}
.list_col4.usage .list_col4_items .ttl.blank span {
  padding-right: 0;
}
.list_col4.usage .list_col4_items .ttl.blank span::after {
  display: none;
}
.list_col4.usage .list_col4_items .ttl.blank span:first-child {
  max-width: calc(100% - 15px);
  text-align: left;
}
.list_col4.usage .list_col4_items .ttl.blank span:last-child {
  max-width: 15px;
  text-align: right;
}

.list_col4.list_col4_tab .list_col4_items {
  background-color: #ffffff;
  border: 0;
}
.list_col4.list_col4_tab a .hover_txt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #005ab4;
  text-align: center;
  margin-top: 20px;
}
.list_col4.list_col4_tab a:hover .hover_txt {
  color: #E60009;
}
.list_col4.list_col4_tab a .img {
  transition: opacity .2s;
}
.list_col4.list_col4_tab a:hover .img {
  opacity: 0.7;
}
@media screen and (max-width:767px) {
  .list_col4 {
    margin: 0 0 0 -20px;
  }
  .list_col4_items {
    width: calc(100% / 2 - 20px);
    margin: 20px 0 0 20px;
  }
  .list_col4_items:nth-child(-n+4) {
    margin-top: 20px;
  }
  .list_col4_items:nth-child(-n+2) {
    margin-top: 0;
  }
  .list_col4.list_size .list_col4_items .img {
    width: 45%;
  }
  .list_col4.list_use .list_col4_items .ttl,
  .list_col4.list_size .list_col4_items .ttl {
    font-size: 1.4rem;
    padding: 10px 10px 5px;
  }
  .list_col4.list_size .list_col4_items .ttl {
    width: 55%;
  }
  .list_col4.usage .list_col4_items .ttl {
    font-size: 1.6rem;
  }
  .list_col4.usage .list_col4_items a:hover,
  .list_col4.usage .list_col4_items a:hover .ttl,
  .list_col4.usage .list_col4_items a:hover .ttl.blank {
    text-decoration: none;
  }
  .list_col4.usage .list_col4_items .ttl img {
    vertical-align: middle;
  }
  .list_col4.list_col4_tab a .hover_txt {
    font-size: 1.4rem;
    margin-top: 12px;
  }
}
@media screen and (max-width:380px) {
  .list_col4.list_use .list_col4_items .ttl,
  .list_col4.list_size .list_col4_items .ttl {
    font-size: 1.2rem;
    padding: 10px 10px 5px;
  }
}



/* recommend ------------------------------------ */
.recommend_view { display: block; }
.recommend_hide { display: none; }
.sp_comp .recommendSection {
  background-color: #e7e7e7;
}
.sp_comp .recommend {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 80px;
  overflow: hidden;
}
.recommend_box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -30px;
}
.recommend_box_items {
  width: calc(100% / 3 - 30px);
  margin: 30px 0 0 30px;
  background-color: #ffffff;
}
.recommend_box.col4 .recommend_box_items {
  width: calc(100% / 4 - 30px);
}
.recommend_box_items:nth-child(-n+3) {
  margin-top: 0;
}
.recommend_box.col4 .recommend_box_items:nth-child(-n+4)  {
  margin-top: 0;
}
.recommend_box_items a {
  display: inline-block;
  height: 100%;
}
.recommend_box_items a .img {
  transition: opacity .2s;
}
.recommend_box_items a:hover .img {
  opacity: 0.7;
}
.recommend_box_items a .img img {
  width: 100%;
}
.recommend_box_items .txt_box {
  padding: 10px 20px;
}
.recommend_box_items .txt_box .ttl {
  font-size: 1.7rem;
  color: #005ab4;
}
.recommend_box_items a:hover {
  text-decoration: none !important;
}
.recommend_box_items a:hover .txt_box .ttl {
  color: #E60009;
  text-decoration: underline;
}
.recommend_box_items .txt_box .txt {
  font-size: 1.6rem;
  color: #333333;
  margin-top: 5px;
}
.recommend_box_items a:hover .txt_box .txt {
  color: #333333;
}
.sp_comp .recommend [class*="btn_blue"] + [class*="btn_blue"] {
  margin-top: 60px;
}
.recommend.Underlayer .recommend_box {
  display: none;
}
.recommendSection.high_definition .recommend.Underlayer .recommend_box.high_definition,
.recommendSection.hybrid .recommend.Underlayer .recommend_box.hybrid,
.recommendSection.high_speed .recommend.Underlayer .recommend_box.high_speed,
.recommendSection.multifunction .recommend.Underlayer .recommend_box.multifunction,
.recommendSection.full_color .recommend.Underlayer .recommend_box.full_color,
.recommendSection.uv .recommend.Underlayer .recommend_box.uv,
.recommendSection.resin .recommend.Underlayer .recommend_box.resin,
.recommendSection.ecosolvent .recommend.Underlayer .recommend_box.ecosolvent,
.recommendSection.shoka .recommend.Underlayer .recommend_box.shoka,
.recommendSection.garment .recommend.Underlayer .recommend_box.garment,
.recommendSection.cad .recommend.Underlayer .recommend_box.cad,
.recommendSection.pop .recommend.Underlayer .recommend_box.pop,
.recommendSection.school .recommend.Underlayer .recommend_box.school,
.recommendSection.print .recommend.Underlayer .recommend_box.print,
.recommendSection.photo .recommend.Underlayer .recommend_box.photo,
.recommendSection.sign .recommend.Underlayer .recommend_box.sign,
.recommendSection.wear .recommend.Underlayer .recommend_box.wear,
.recommendSection.goods .recommend.Underlayer .recommend_box.goods,
.recommendSection.apparel .recommend.Underlayer .recommend_box.apparel,
.recommendSection.inch64 .recommend.Underlayer .recommend_box.inch64,
.recommendSection.b0 .recommend.Underlayer .recommend_box.b0,
.recommendSection.a0 .recommend.Underlayer .recommend_box.a0,
.recommendSection.a1 .recommend.Underlayer .recommend_box.a1,
.recommendSection.a2 .recommend.Underlayer .recommend_box.a2,
.recommendSection.other .recommend.Underlayer .recommend_box.other {
  display: flex;
}
@media screen and (max-width:767px) {
  .recommend_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -20px;
  }
  .recommend_box_items,
  .recommend_box.col4 .recommend_box_items {
    width: calc(100% / 2 - 20px);
    margin: 20px 0 0 20px;
  }
  .recommend_box_items:nth-child(-n+3) {
    margin-top: 20px;
  }
  .recommend_box.col4 .recommend_box_items:nth-child(-n+4)  {
    margin-top: 20px;
  }
  .recommend_box_items:nth-child(-n+2) {
    margin-top: 0;
  }
  .recommend_box_items .txt_box {
    padding: 10px 20px;
  }
  .recommend_box_items .txt_box .ttl {
    font-size: 1.5rem;
  }
  .recommend_box_items .txt_box .txt {
    font-size: 1.4rem;
  }
  .sp_comp .recommend [class*="btn_blue"] + [class*="btn_blue"] {
    margin-top: 40px;
  }
}



/* newsSection  ------------------------------------ */
.sp_comp .newsSection {
  width: 100%;
  border: none;
}
.sp_comp .newsSection h2 {
  margin: 0;
  padding: 40px 0 70px;
  font-size: 3.4rem;
}
.js_accordion_btn.close {
  display: none;
}
.js_accordion_btn  {
  margin-top: 60px;
}
.btn_blue_center.js_accordion_btn a::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.btn_blue_center.js_accordion_btn.close a::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sp_comp .newsSection .newsGroup {
  font-size: 100%;
  padding: 0;
}
.sp_comp .newsSection .newsGroup .date {
  font-size: 1.4rem;
  width: 150px;
  padding-right: 30px;
}
.sp_comp .newsSection .newsGroup .ico {
  width: 100px;
  padding-right: 30px;
}
.sp_comp .newsSection .newsGroup .txt {
  width: 900px;
  font-size: 1.6rem;
}
@media screen and (max-width:767px) {
  .sp_comp .newsSection h2 {
    font-size: 2.4rem;
    padding: 64px 0 24px;
  }
  .js_accordion_btn  {
    margin-top: 40px;
  }
  .sp_comp .newsSection .newsGroup .date {
    font-size: 1.2rem;
    width: 120px;
    padding-right: 10px;
  }
  .sp_comp .newsSection .newsGroup .ico {
    width: 80px;
    padding-right: 10px;
  }
  .sp_comp .newsSection .newsGroup .txt {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 1.4rem;
  }
}


/* attention ------------------------------------ */
.sp_comp .attention {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin: 128px 30px 0;
	border: solid #ffb438;
	height: 60px;
}

.sp_comp .attention + .attention{
  margin-top: 30px;
}

.sp_comp .attention a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	font-weight: 800;
	padding: 11px;
	color: #333;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.sp_comp .attention a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.sp_comp .attention a::before {
	content: "";
	display:inline-block;
	width: 10px;
	height: 10px;
}

.sp_comp .attention a .triangle {
	position: relative;
	background-color: orange;
	text-align: left;
	top: -2px;
	left: -15px;
}
.sp_comp .attention a .triangle:before,
.sp_comp .attention a .triangle:after {
	content: '';
	position: absolute;
	background-color: inherit;
}
.sp_comp .attention a .triangle,
.sp_comp .attention a .triangle:before,
.sp_comp .attention a .triangle:after {
	width: 25px;
	height: 25px;
	border-top-right-radius: 30%;
}

.sp_comp .attention a .triangle {
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}
.sp_comp .attention a .triangle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.sp_comp .attention a .triangle:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.sp_comp .attention a .triangle span {
	position: absolute;
	z-index: 1;
	color: #fff;
	transform: rotateZ(45deg);
	top: -2px;
	right: 12px;
	font-size: 23px;
	font-weight: 800;
}
@media screen and (max-width:767px) {
  .sp_comp .attention {
    display:flex;
    margin: 64px 20px 20px ;
    height: auto;
  }
  .sp_comp .attention a {
    position: static;
    display: block;
    font-size: 18px;
  }
  .sp_comp .attention a::before {
    display: none;
  }
  .sp_comp .attention a .triangle {
    left: calc(50% - 12.5px);
    margin: 10px 0 20px;
  }
}



/* detailSection ------------------------------------ */
/* .sp_comp .detailSection .purchase3_product .purchase .tel_box1,
.sp_comp .detailSection .purchase3_product .purchase .form_box {
  box-sizing: unset;
} */
.sp_comp #contents .detailSection {
  width: 960px;
}
@media screen and (max-width:767px) {
  .sp_comp #contents .detailSection {
    width: 100%;
  }
}
/* purchase_box  ------------------------------------ */
.purchase_box {
  display: flex;
  margin: 0 0 0 -10px;
}
.purchase_box_items {
  width: calc(100% / 3 - 10px);
  margin: 0 0 0 10px;
  border: 1px solid #979797;
}
.purchase_box_items .title {
  display: block;
  width: 100%;
  height: 2.5em;
  line-height: 2.5em;
  background-color: #979797;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
}
.purchase_box_items .tel {
  height: 120px;
  padding: 25px 0px 0 74px;
  background: #ffffff url(/products/common/images/ico_ph_calling.gif) no-repeat 4% 54% !important;
}
.purchase_box_items .tel a {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin-top: 30px;
  line-height: 1;
}
.purchase_box_items .tel .smallfont {
  font-size: 14px;
  font-weight: normal;
}
.purchase_box_items .mail.singular a,
.purchase_box_items .mail.multiple {
  background: #e7e7e7 url(/products/common/images/ico_ph_form.png) no-repeat 4% center !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 12px;
  height: 120px;
  margin: 0 auto;
  color: #000;
  text-decoration: none;
}
.purchase_box_items .mail.singular .form_text {
  font-size: 17px;
  font-weight: bold;
  padding: 28px 0px 25px 70px;
}
.purchase_box_items .mail.multiple span.link {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
 
.purchase_box_items .mail.multiple span.link ul {
  padding-left: 63px;
  width: 100%;
}
.purchase_box_items .mail.multiple span.link .contact {
  font-weight: bold;
  font-size: 17px !important;
  padding-bottom: 3px;
}
.purchase_box_items .mail.multiple span.link ul li:nth-child(n+2) {
  padding-left: 4px;
}
.purchase_box_items .mail.multiple span.link ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.purchase_box_items .mail.singular .form_text img,
.purchase_box_items .mail.multiple span.link ul img {
  position: relative;
  top: -4px;
  right: auto;
  margin-left: 5px;
}
@media screen and (max-width:767px) {
  .purchase_box {
    display: block;
    margin: 0;
  }
  .purchase_box_items {
    width: 100%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
  }
  .purchase_box_items:first-child {
    border-top: 1px solid #cbcbcb;
  }
  .purchase_box_items .title {
    font-size: 1.4rem;
    color: #333333;
    background-color: #ffffff;
    padding-top: 20px;
    height: auto;
  }
  .purchase_box_items .tel {
    height: 90px;
    padding: 15px 0px 0 60px;
    background: #ffffff url(/products/common/images/ico_ph_calling.gif) no-repeat 4% 15% !important;
    background-size: 30px auto !important;
  }
  .purchase_box_items .tel a {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
    line-height: 1;
  }
  .purchase_box_items .mail.singular a {
    background: #ffffff url(/products/common/images/ico_ph_form.png) no-repeat 4% 30% !important;
    background-size: 30px auto !important;
    padding: 0 10px 10px;
    height: 60px;
  }
  .purchase_box_items .mail.multiple {
    background: #ffffff url(/products/common/images/ico_ph_form.png) no-repeat 4% 10% !important;
    background-size: 30px auto !important;
    padding: 0 10px 10px;
    height: 100px;
  }
  .purchase_box_items .mail.multiple span.link .contact {
    font-size: 1.4rem !important;
    color: #333333;
  }
  .purchase_box_items .mail.multiple span.link ul {
    padding-left: 50px
  }
  .purchase_box_items .mail.singular .form_text {
    font-size: 1.4rem;
    padding: 12px 0px 10px 50px;
    color: #333333;
  }
  .purchase_box_items .mail.multiple span.link ul li a {
    font-size: 14px;
    color: #333333;
  }
}



/* purchase_etc_box  ------------------------------------ */
.purchase_etc {
  color: #000000;
}
.purchase_etc_box {
  display: flex;
  margin: 10px 0 0 -10px;
}
.purchase_etc_box_items {
  width: calc(100% / 3 - 10px);
  margin: 0 0 0 10px;
}
.purchase_etc_box_items a {
  padding: 32px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #000;
  height: 120px;
  transition: opacity .2s;
}
.purchase_etc_box_items a:hover {
  text-decoration: none;
  opacity: 0.7 !important;
}
.purchase_etc_box_items.dl_box a {
  background: #e7e7e7 url(/products/common/images/ico_dl.gif) no-repeat 15% center !important;
}
.purchase_etc_box_items.showroom_box a {
  background: #e7e7e7 url(/products/common/images/ico_ph_showroom.png) no-repeat 24% center !important;
}
.purchase_etc_box_items.software_box a {
  background: #e7e7e7 url(/products/common/images/ico_ph_software.png) no-repeat 13% center !important;
}
.purchase_etc_box_items .dlIcon_text,
.purchase_etc_box_items .showroom_text,
.purchase_etc_box_items .software_text {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  font-weight: bold;
  line-height: 1em;
  position: static;
  text-align: left;
  padding-left: 100px;

}
.purchase_etc_box_items .dlIcon_text {
  padding-left: 103px;
}
.purchase_etc_box_items .showroom_text {
  padding-left: 116px;
}
.purchase_etc_box_items .software_text {
  padding-left: 107px;
}
@media screen and (max-width:767px) {
  .purchase_etc_box {
    display: block;
    margin: 0;
  }
  .purchase_etc_box_items {
    width: 100%;
    margin: 0;
    border-bottom: solid 1px #d6d6d6;
  }
  .purchase_etc_box_items a {
    padding: 17px 25px 15px 50px;
    display: flex;
    justify-content: left;
    height: auto;
    position: relative;
  }
  .purchase_etc_box_items a::after {
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-top: 2px solid #d6d6d6;
    border-right: 2px solid #d6d6d6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .purchase_etc_box_items.dl_box a {
    background: url(/products/common/images/ico_dl.gif) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-size: 26px auto !important;
  }
  .purchase_etc_box_items.showroom_box a {
    background: url(/products/common/images/ico_ph_showroom.png) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 20px auto !important;
  }
  .purchase_etc_box_items.software_box a {
    background: url(/products/common/images/ico_ph_software.png) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-size: 26px auto !important;
  }
  .purchase_etc_box_items .dlIcon_text,
  .purchase_etc_box_items .showroom_text,
  .purchase_etc_box_items .software_text {
    display: block;
    width: 100%;
    font-size: 16px;
  }
  .purchase_etc_box_items .dlIcon_text {
    padding-left: 0;
  }
  .purchase_etc_box_items .showroom_text {
    padding-left: 0;
  }
  .purchase_etc_box_items .software_text {
    padding-left: 0;
  }
}


/* support_box  ------------------------------------ */
.support_box {
  display: flex;
  margin: 0 0 0 -10px;
}
.support_box_items {
  width: calc(100% / 6 - 10px);
  margin: 0 0 0 10px;
}
.support_box_items a {
  box-sizing: border-box;
  background: #e7e7e7;
  display: inline-block;
  padding: 17px 0;
  width: 100%;
  height: 120px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  transition: opacity .2s;
}
.support_box_items a:hover {
  opacity: 0.7 !important;
}
.support_box_items span.txt {
  font-size: 16px;
  font-weight: bold;
  top: 66%;
  position: relative;
}
.support_box_items.ico_driversoftware span.txt {
  font-size: 16px;
  font-weight: bold;
  top: 57%;
  position: relative;
}
.support_box_items.ico_workman span.txt {
  font-size: 16px;
  font-weight: bold;
  top: 57%;
  position: relative;
}
.support_box_items.ico_i a {
  background: #e7e7e7 url(/products/common/images/ico_i.gif) no-repeat 50% 20% !important;
}
.support_box_items.ico_driversoftware a {
  background: #e7e7e7 url(/products/common/images/ico_driversoftware.gif) no-repeat 50% 20% !important;
}
.support_box_items.ico_ques a {
  background: #e7e7e7 url(/products/common/images/ico_ques.gif) no-repeat 50% 20% !important;
}
.support_box_items.ico_msg a {
  background: #e7e7e7 url(/products/common/images/ico_msg.gif) no-repeat 50% 20% !important;
}
.support_box_items.ico_workman a {
  background: #e7e7e7 url(/products/common/images/ico_workman.png) no-repeat 50% 20% !important;
}
.support_box_items.ico_tools a {
  background: #e7e7e7 url(/products/common/images/ico_tools.gif) no-repeat 50% 20% !important;
}

@media screen and (max-width:767px) {
  .support_box {
    display: block;
    margin: 0;
  }
  .support_box_items {
    width: 100%;
    margin: 0;
    border-bottom: solid 1px #d6d6d6;
  }
  .support_box_items a {
    position: relative;
    display: inline-block;
    background: #ffffff;
    padding: 17px 25px 15px 50px;
    width: 100%;
    height: auto;
    text-align: left;
  }
  .support_box_items a::after {
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-top: 2px solid #d6d6d6;
    border-right: 2px solid #d6d6d6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .support_box_items.ico_i a {
    background-image:url(/products/common/images/ico_i.gif) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px 14px !important;
    background-size: 26px auto !important;
  }
  .support_box_items.ico_driversoftware a {
    background: #ffffff url(/products/common/images/ico_driversoftware.gif) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px 14px !important;
    background-size: 26px auto !important;
  }
  .support_box_items.ico_ques a {
    background: #ffffff url(/products/common/images/ico_ques.gif) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px 14px !important;
    background-size: 26px auto !important;
  }
  .support_box_items.ico_msg a {
    background: #ffffff url(/products/common/images/ico_msg.gif) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px 14px !important;
    background-size: 26px auto !important;
  }
  .support_box_items.ico_workman a {
    background: #ffffff url(/products/common/images/ico_workman.png) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px 14px !important;
    background-size: 26px auto !important;
  }
  .support_box_items.ico_tools a {
    background: #ffffff url(/products/common/images/ico_tools.gif) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 10px 14px !important;
    background-size: 26px auto !important;
  }
}



/* products_list ------------------------------------ */
.products_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 0 0 0 -24px;
}
.products_list + .products_list {
  margin-top: 24px;
}
.products_list_items {
  width: calc(100% / 4 - 24px);
  margin: 24px 0 0 24px;
}
.products_list_items:nth-child(-n+4) {
  margin-top: 0;
}
.products_list_items a {
  color: #000000;
  font-size: 1.6rem;
  font-weight: bold;
}
.products_list_items a:hover {
  text-decoration: none;
  color: #000000;
}
.products_list_items .name_box {
  display: flex;
  align-items: end;
  margin-top: 10px;
}
.products_list_items .name {
  font-size: 2.0rem;
  margin-top: 10px;
}
.products_list_items .ico_box .img {
  display: inline-block;
  margin-top: 5px;
}
.products_list_items .price {
  display: block;
  border: solid 1px #000;
  text-align: center;
  padding: 10px 10px 8px;
  margin-top: 15px;
}
.products_list_items a {
  transition: opacity .2s;
}
.products_list_items a:hover {
  opacity: 0.7;
}
/* .products_list_items a > .img,
.products_list_items .ico_box .img {
  transition: opacity .2s;
}
.products_list_items a:hover > .img,
.products_list_items a:hover .ico_box .img {
  opacity: 0.7;
} */
.products_list_items .name .new {
  font-size: 1.0rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  background-color: #ff0002;
  padding: 2px 4px 1px;
  margin-right: 5px;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (max-width:767px) {
  .products_list {
    margin: 0 0 0 -20px;
  }
  .products_list + .products_list {
    margin-top: 20px;
  }
  .products_list_items {
    width: calc(100% / 2 - 20px);
    margin: 20px 0 0 20px;
  }
  .products_list_items:nth-child(-n+4) {
    margin-top: 20px;
  }
  .products_list_items:nth-child(-n+2) {
    margin-top: 0;
  }
  .products_list_items a {
    font-size: 1.4rem;
  }
  .products_list_items .name {
    font-size: 1.6rem;
  }
  .products_list_items .price {
    padding: 8px 8px 6px;
  }
}



/* caseSection ------------------------------------ */
.caseSection .case_study .case_study_media_body .case_study_list li .txt {
  background-color: #005ab4;
  color: #ffffff;
}
.caseSection .case_study .case_study_col2 .col {
  background-color: #ffffff;
}
.caseSection [class*="btn_blue"] + [class*="btn_blue"] {
  margin-top: 60px;
}
.caseSection .case_study_heading .new {
  font-size: 1.0rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  background-color: #ff0002;
  padding: 2px 4px 1px;
  margin-left: 5px;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (max-width:767px) {
  .caseSection [class*="btn_blue"] + [class*="btn_blue"] {
    margin-top: 40px;
  }
  .caseSection .case_study .case_study_media_img {
    margin-top: 0;
  }
}



/* mvSection ------------------------------------ */
.mvSection .img img {
  width: 100%;
  height: auto;
}



/* gallery_modal ------------------------------------ */
.modaal-gallery-item {
  padding: 20px;
}
@media screen and (max-width:767px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* acd_products_box ------------------------------------ */
.acd_products_box {
  border-bottom: 1px solid #cbcbcb;
}

.ttl_box {
  position: relative;
  cursor: pointer;
}
.ttl_box_inr {
  position: relative;
  padding: 10px 60px 10px 0;
  transition: opacity .2s;
}
.ttl_box_inr:hover {
  opacity: 0.7;
}
.ttl_box_inr::before {
  content: '';
  width: 30px;
  height: 4px;
  background: #005ab4;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  margin-top: 0;
  border: 0;
}
.ttl_box_inr::after {
  content: '';
  width: 4px;
  height: 30px;
  background: #005ab4;
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  visibility: visible;
}
.ttl_box.is-open .ttl_box_inr::after{
  transform: translate(-50%, -50%) rotate(-90deg);
}
.acd_products_box.no-close .ttl_box_inr::before,
.acd_products_box.no-close .ttl_box_inr::after {
  display: none;
}
.ttl_box .ttl {
  font-size: 2.2rem;
  font-weight: bold;
}
.products_box_inr {
  padding: 10px 0 20px;
}
@media screen and (max-width:767px) {
  .ttl_box .ttl {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .ttl_box_inr::before {
    width: 20px;
    right: 10px;
  }
  .ttl_box_inr::after {
    height: 20px;
    right: 17px;
  }
}



/* process_box ------------------------------------ */
.process_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.process_box_items {
  width: 30%;
}
.process_box_items.arrow {
  width: calc(10% / 2);
  text-align: center;
}
.process_box_items .txt {
  margin-top: 10px;
}
.process_box_items .txt span {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
  color: #ffffff;
  background-color: #0b60b6;
  padding: 3px 5px 3px;
  margin-right: 10px;
}
@media screen and (max-width:767px) {
  .process_box {
    display: block;
  }
  .process_box_items {
    width: 100%;
  }
  .process_box_items.arrow {
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  .process_box_items:not(.arrow) img {
    width: 100%;
    height: auto;
  }
  .process_box_items.arrow .img {
    transform: rotate(90deg);
  }
  .process_box_items .txt span {
    font-size: 1.2rem;
    margin-right: 10px;
  }
}


/*--------------------------------------------------
casestudy_area
--------------------------------------------------*/
.casestudy_area {
  display: flex;
  background: #ffffff;
  width: 800px;
  margin: 0 auto;
  padding: 40px 50px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}
.casestudy_area_img {
  width: 255px;
}
.casestudy_area_txt {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 16px;
  padding: 0 0 0 38px;
}
.bg_gray .casestudy_area {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) { 
  .bg_gray .casestudy_area figure {
    margin: 0;
  }
  .casestudy_area {
    display: block;
    width: 100%;
    padding: 20px;
  }
  .casestudy_area_img {
    width: 100%;
  }
  .casestudy_area_txt {
    display: block;
    font-size: 14px;
    padding: 20px 0 0 0;
  }
  .bg_gray .casestudy_area {
    margin-bottom: 40px;
  }
  .casestudy_area .btn_blue_left {
    margin-top: 20px;
  }
  .casestudy_area {
    width: calc(480 / 767 * 100vw);
  }
}
@media only screen and (max-width: 400px) {
  .casestudy_area {
    width: 100%;
  }
}


  .small_left_text {
    font-size: 1.4rem;
    width: 324px;
    margin: auto;
    text-align: left;
    margin-top: 10px;
  }