@charset "UTF-8";
@import url("./all.css");

/* ------------- VARS ------------- */
:root{
  /* COLORS */
  --main-red: #E61E1E;
  --sub-red: #EB3323;
  --main-blue: #0064D2;
  --main-black: #333333;
  --main-grey-dark: #EBEBEB;
  --main-grey: #DEDEE0;
  --main-grey-light: #BFBFBF;
  --main-grey-lighter: #F2F2F2;
  --main-grey-lighterer: #F6F6F7;

  --main-label-grey:#E5E5E5;
  --main-label-blue:#0063DA;
  --main-label-red:#ED0000;

}

/* ------------- FIXES ------------- */
.main-content dt,
.main-content dd, 
.main-content li, 
.main-content caption, 
.main-content col, 
.main-content th, 
.main-content td, 
.main-content p, 
.main-content address, 
.main-content figcaption{
  font-size:1.6rem;
}
.m-prevent-overflow{
  overflow:hidden;
}
.content-header-title .m-title1 + p{
  font-size:1.6rem;
}
.mod-page-top{
  z-index:3;
}

/* ------------- LAYOUT ------------- */
.breadcrumbs-wrapper{
  padding-top:10px;
}
.l-wrapper{
  padding-left:10px;
  padding-right:10px;
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
}
.l-section{
  padding-top:80px;
  padding-bottom:80px;
}
.l-topics-section{
  padding-top:0;
  padding-bottom:40px;
  border-bottom:solid 1px var(--main-grey-light); 
}
.l-narrow-section{
  padding-top:60px;
  padding-bottom:60px;
}

.l-narrow-section a{
overflow: hidden;
}
.l-narrow-section-nob{
  padding-top:60px;
}
.l-narrow-section-nob + .l-narrow-section{
  margin-top:60px;
}
.l-narrow-section-not{
  padding-bottom:60px;
}
.l-narrow-section + .l-narrow-section-not{
  margin-bottom:60px;
}
.l-section-icon{
  padding-top:0;
}
.l-section-icon .l-wrapper::before{
  content:'';
  display:block;
  width:400px;
  height:20px;
}
.l-white-bg{
  background:#fff;
}
.l-grey-bg{
  background:var(--main-grey-lighterer);
}
.page-container:not(.page-category-home){
  display: flex;
  flex-direction: column;
  width:100%;
}
.page-container > #pc-header{
  order:0;
}
.page-container > .main-visual{
  order:3;
}
.page-container > .breadcrumbs-wrapper{
  order:3;
}
.page-container > .m-page-title{
  order:4;
}
.page-container > .m-page-title + .breadcrumbs-wrapper{
  order:3;
}
.page-container > .content{
  order:5;
}
.page-container > #pc-footer{
  order:6;
}

/* -------------  MODULES ------------- */
/* noscript */
.m-noscript {
  padding: 20px;
  background: rgba(250, 150, 40, 0.4);
}
.m-noscript > p {
  font-size: 16px;
  margin: 0;
}
/* headings */
.m-title1{
  font-size:3.5rem;
  font-weight:bold;
}
.m-title2{
  font-size:3.2rem;
  font-weight:bold;
}
.m-title3{
  font-size:2.8rem;
  font-weight:bold;
}
.has-border{
  position: relative;
  padding-left: 20px;
  line-height: 1.2;
}
.has-border::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 94%;
  background: url(/common/img/module/common-title_bg01.png) repeat;
  content: "";
}
.m-title3 .m-circle-arrow-link{
  font-size:2.8rem;
}
.m-title3 .m-circle-arrow-link::before {
  width: 26px;
  height: 26px;
  background-size:contain;
  margin-right:8px;
  transform:translateY(4px);
}
.m-title4{
  font-size:2rem;
  font-weight:bold;
}
.m-subtitle{
  display:block;
  padding-top:10px;
  padding-bottom:15px;
  margin-top:10px;
}

/* section headers */
.page-container{
  position:relative;
}
.m-page-title.has-gradation{
  background: #49a8d3 url(/common/img/layout/content-header_bg01.png) repeat-x;
  color:#fff;
  padding-top:73px;
  padding-bottom:40px;
}
.m-page-title.has-inner{
  color:#fff;
}
.m-page-title.has-inner > .inner{
  padding-top:73px;
  padding-bottom:40px;
min-height: 58px;
text-shadow: 2px 2px 3px #0064d2;

}
.m-page-title.has-inner > .inner > .l-wrapper {
  padding:0;
}
.breadcrumbs-wrapper + .content{
  margin-top:38px;
}
.m-page-title.has-inner + .breadcrumbs-wrapper,
.m-page-title.has-gradation + .breadcrumbs-wrapper{
  padding-top:0;
  transform:translateY(calc(100% + 11px));
  height:0;
}
.m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs a,
.m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs a,
.m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs span,
.m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs span{
  color:#fff;
}
.breadcrumbs a.current{
  text-decoration:none;
  pointer-events:none;
}
.m-link-header{
  position:relative;
  padding-right:50%;
  margin-bottom:20px;
}
.m-dropdown-parent{
  position:relative;
}
.m-link-header .m-arrow-button,
.m-dropdown-parent .m-simple-dropdown{
  position:absolute;
  right:0;
  top:0;
}
.m-centered-header{
  text-align:center;
}
.m-products-cat-top-head{
  position:relative;
  margin-bottom:30px;
  margin-top:-15px;
}
.m-products-cat-top-head > img{
  display:block;
  width:480px;
  margin-left:auto;
  height:auto;
}
.m-products-cat-top-head .m-products-cat-top-head-title{
  position:absolute;
  background:#fff;
  left:0;
  width:500px;
  box-sizing:border-box;
  padding-top:20px;
  padding-right:25px;
  padding-bottom:10px;
  display:flex;
  flex-direction:column;
  min-height:200px;
  justify-content:center;
}
.m-products-cat-top-head .m-products-cat-top-head-title .m-title1{
  line-height:1.3;
}
.content-header-title{
  margin-bottom: 7px;
  margin-top: 1px;
}
.mod-related-link > li > a{
  background: none;
  display: flex;
  padding-left: 0;
}
.mod-related-link > li > a::before {
  content: "";
  background: url(/common/img/parts/arrow_icon01.png) no-repeat;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  position: relative;
  top: 4px;
  display: block;
}
.mod-accordion .fn-alpha-rollover{
  cursor:pointer;
}
.mod-accordion .fn-alpha-rollover .mod-local-title{
  background: none !important;
}
.mod-accordion .fn-alpha-rollover .mod-local-title h3::after{
  content:'';
  display:inline-block;
  width:18px;
  height:18px;
  background-image:url(/common/img/module/accordion_plus_btn02.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  vertical-align: -3px;
  margin-left: 20px;
}
.mod-accordion.is-expanded .fn-alpha-rollover .mod-local-title h3::after{
  background-image:url(/common/img/module/accordion_minus_btn02.png);
}
.fn-alpha-rollover{
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.mod-outline{
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.m-area-map-container .header ~ .section .section.body .mod-button a{
  background-image: var(--arrow-white);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-color:var(--main-black);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position:relative;
  font-size:1.6rem;
}

.m-area-map-container .header ~ .section .section.body .mod-button a::before{
  display:none;
}
.m-area-map-container .header ~ .section .section.body .mod-button a[target="_blank"]::after{
  content:'';
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:13px;
  height:10px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:var(--blank-icon-white);
}

.m-area-map-container .header ~ .section .section.body .mod-button a .mod-icon-window{
  display:none;
}



/* utilities */
.m-align-right{
  text-align:right;
}
.m-align-left{
  text-align:left;
}
.m-align-center{
  text-align:center;
}
.m-font-size-s{
  font-size:1rem !important;
}
.m-width-50 {
  width: 50%;
}

/* lists */
.m-simple-list > li:not(:last-of-type){
  padding-bottom:10px;
}
.m-pickup-list .swiper > ul > li{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.16);
}
.m-pickup-list .swiper > ul > li a{
  text-decoration:none;
  display: flex;
  flex-direction: inherit;
  height: 100%;
}
.m-pickup-list .swiper .m-image-link {
  width: 30%;
}
.m-pickup-list .swiper > ul > li a img{
  width:100%;
  height:auto;
  display:block;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels{
  margin-top:-10px;
  display:flex;
  flex-wrap:wrap;
  gap:0 5px;
  position:relative;
  z-index:1;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span{
  width:80px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:solid 1px var(--main-black);
  font-size:1.4rem;
  font-weight:bold;
  padding-top:3px;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span.m-label-black{
  background:var(--main-black);
  color:#fff;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span.m-label-white{
  background:#fff;
  color:var(--main-black);
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts{
  padding:20px 20px 25px 20px;
  display:flex;
  flex-direction:column;
  gap:10px 0;
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-date,
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-desc{
  font-size:1.4rem;
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-date{
  color:#666666;
}
.m-pickup-empty {
  border: 1px solid var(--main-grey-light);
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-top: 50px;
}
.m-trend-words-list > ul{
  display:grid;
  gap:0 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.m-trend-words-list > ul > li{
  padding-top:25px;
}
.m-trend-words-list > ul > li a{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px 0;
  text-decoration:none;
}
.m-trend-words-list > ul > li a img{
  display:block;
  width:100%;
  height:auto;
  flex:0 0 auto;
}
.m-products-list > ul{
  display:grid;
  gap:30px 20px;
  grid-template-columns: 1fr 1fr 1fr;
  overflow:hidden;
}
.m-products-list > ul > li{
  padding-top:30px;
  position:relative;
}
.m-products-list > ul > li > a{
  text-decoration:none;
  display:block;
}
.m-products-list > ul > li:nth-of-type(3n+1)::before{
  content:'';
  width:calc(300% + 40px);
  height:1px;
  background:var(--main-grey-light);
  position:absolute;
  left:0;
  top:0;
}
.m-image-link img{
  display:block;
  width:100%;
  height:auto;
}
.m-products-list > ul > li .m-image-link{
  display:block;
  margin-top:9px;
  margin-bottom:20px;
}
.m-products-list > ul > li .m-image-link img{
  display:block;
  width:100%;
  margin:0 auto;
  height:auto;
}

.m-recommend{
    width: 90%;
    margin: 0 auto;
}

.m-recommend-slider{
  position:relative;
  margin-bottom:58px;
  margin-top:20px;
}
.m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper{
  display: flex;
  gap: 0 20px;
}
.m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide{
  max-width:220px;
}
html body .swiper-pagination{
  z-index:1;
}
.m-recommend-slider .swiper-pagination-bullets{
  bottom:-46px;
  width:100%;
}
.m-recommend-slider .swiper-button-prev,
.m-recommend-slider .swiper-button-next{
  width:34px;
  height:34px;
  margin-top:0;
  transform:translateY(-50%);
  background-repeat:no-repeat;
  background-position:center center;
}
.m-recommend-slider .swiper-button-prev::after,
.m-recommend-slider .swiper-button-next::after{
  display:none;
}
.m-recommend-slider .swiper-button-prev{
  left:-56px;
  background-image:var(--grey-left-arrow);
}
.m-recommend-slider .swiper-button-next{
  right:-56px;
  background-image:var(--grey-right-arrow);
}
.m-recommend-slider .m-recommend-slide-link{
  text-decoration:none;
  display:block;
}

.m-recommend-slider .m-recommend-slide-link span{
  font-size:1.6rem;
  font-weight:bold;
}
.m-recommend-slider .m-recommend-slide-link,
.m-recommend-slider .m-recommend-slide-link span{
  font-size:1.6rem;
}

.m-recommend-slider .m-image-link{
  border:solid 1px var(--main-grey-light);
  margin-bottom: 14px;
  overflow: hidden;
}

.m-recommend-slider .m-recommend-slide-link img{
  width:100%;
  height:auto;
  display:block;
  margin-bottom:0px;
  box-sizing:border-box;
}
.m-recommend-slider .m-recommend-slide-desc{
  display:block;
  margin-top:10px;
  font-size:1.4rem;
}
.m-support-list{
  padding-top:25px;
  display:flex;
  justify-content:space-between;
  gap:0 40px;
  align-items:flex-start;
  position:relative;
}
.m-support-list > ul{
  padding-top:10px;
  display:grid;
  gap:0 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
.m-support-list > ul > li{
  width:180px;
}
.m-support-list > ul > li a{
  text-decoration:none;
  aspect-ratio: 1/1;
  border-radius:100%;
  border:solid 2px var(--main-red);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden;
  gap: 12px 0;
  justify-content: center;
  padding:20px;
}
.m-support-list > ul > li a .m-arrow-link{
  font-size:1.4rem;
}
.m-support-list > ul > li a .m-arrow-link::before {
  transform:translateY(-1px);
}
.m-images-list{
 margin-bottom:30px;
}
.m-images-list .m-title4{
  margin-top:30px;
}
.m-images-list > ul{
  padding-top:10px;
  display:grid;
  gap:0 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
.m-images-list > ul > li > a{
  position:relative;
  display:block;
  height:100%;
}
.m-images-list > ul > li > a > span{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.4rem;
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:1.3;
  background-color:rgba(51, 51, 51, 0.5);
}

.l-narrow-section .m-images-list > ul > li > a > span{
  font-size:1.8rem;
}

.m-images-list > ul > li > a > img{
  display:block;
  width:100%;
  height:auto;
}
.m-images-list > ul > li > a > span small{
  font-size:2.2rem;
}
.m-links-list{
  padding-top:17px;
  border-top:solid 1px var(--main-grey-light);
}
.m-links-list ul {
    display: flex;
    gap: 15px 10px;
margin: 15px 0;
justify-content: space-between;
}
.m-arrow-link2 li a{
	background: linear-gradient(to right, #fff, #fefefe);
	color: #000;
	border: 1px solid #999;
	padding: 5px 20px;
	margin :10px 0px;
	text-decoration: none;
}

.m-arrow-link2 li a:hover{
	background: linear-gradient(to right, #788694, #667b8c);
	color: #fff;
}

.pickup-cate{
	font-size: 120%;
	margin-top: 7px;
	padding: 3px 5px;
	border: 1px solid #666;
	position: relative;
	bottom: 0;
	display: inline-block;
	background: #efefef;
	font-weight: bold;
}

.m-topics-list{
  padding-top:5px;
}
.m-topics-list > ul{
  display:flex;
  flex-direction:column;
  border-top:solid 1px var(--main-grey-light);
}
.m-topics-list > ul > li{
  border-bottom:solid 1px var(--main-grey-light);
  padding:20px 0;
  display:block;
}
.m-topics-list > ul > li .m-topics-list-head{
  display:flex;
  flex-wrap:wrap;
  gap:5px 5px;
}
.m-topics-list > ul > li .m-topics-list-head .m-topics-list-date{
  font-weight:bold;
  margin-right:5px;
  flex:0 0 auto;
}
.m-topics-list > ul > li .m-topics-list-head .m-topics-list-label{
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:1.2rem;
  font-weight:bold;
  padding:3px 13px 0px 13px;
  box-sizing:border-box;
}
.m-topics-list-label.m-grey-label{
  background-color:var(--main-label-grey);
}
.m-topics-list-label.m-red-label{
  background-color:var(--main-label-red);
  color:#fff;
}
.m-topics-list-label.m-blue-label{
  background-color:var(--main-label-blue);
  color:#fff;
}
.m-products-related{
  margin-top:60px;
  padding:26px 30px 30px 30px;
}
.m-products-related > ul{
  display:flex;
  flex-direction:column;
  gap:15px 0;
  padding-top:17px;
}
.m-products-related > ul > li > a{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  text-decoration:none;
}
.m-products-related > ul > li > a .m-image-link{
  width:200px;
}
.m-products-related > ul > li > a .m-related-desc{
  width:calc(100% - (200px + 30px));
  display:flex;
  flex-direction:column;
  gap:8px 0;
}

/* links - buttons */
.m-red-button,
a.m-red-button,
.m-red-button:link{
  background-image: var(--arrow-white);
  background-repeat:no-repeat;
  background-position:20px center;
  background-color: var(--main-red);
  color:#fff;
  height:60px;
  max-width:300px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 40px;
  box-sizing:border-box;
  border-radius:6px;
  font-size:1.6rem;
  font-weight:bold;
  text-decoration:none;
}
a[target="_blank"] .m-red-button,
a.m-red-button[target="_blank"]{
  position:relative;
}
a[target="_blank"] .m-red-button::after,
a.m-red-button[target="_blank"]::after{
  content:'';
  width:13px;
  height:10px;
  display:block;
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  background-image:var(--blank-icon-white);
  background-position:center center;
  background-repeat:no-repeat;
}
.m-red-button.has-max-width{
  width:100%;
  max-width:300px;
}
.m-arrow-link{
  display:inline-block;
  text-decoration:none;
  line-height:1.4;
  font-weight:bold;
  font-size:1.6rem;
  padding-left:20px;
  position:relative;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.m-arrow-link::before{
  content:'';
  width:14px;
  height:14px;
  position:absolute;
  left:0;
  top:2.5px;
  background-image: var(--arrow-red);
  background-repeat: no-repeat;
  background-position: center center;
  margin-right:6px;
  display:inline-block;
}
.m-arrow-link.m-anchor::before{
  background-image: var(--arrow-bottom-red);
}
a[target="_blank"] .m-arrow-link::after,
a.m-arrow-link[target="_blank"]::after{
  content:'';
  width: 13px;
  height: 10px;
  margin-left: 6px;
  background-image: url(/common/img/parts/link_window_icon01.png);
  display:inline-block;
}
.m-arrow-button{
  display: flex;
  text-decoration:none;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  font-size:1.5rem;
  font-weight:bold;
  border:solid 1px var(--main-grey-light);
  border-radius:4px;
  padding:14px 17px 10px 17px;
  word-break: break-word;
  box-sizing:border-box;
}
.m-arrow-button::before{
  content:'';
  width:14px;
  height:14px;
  flex:0 0 auto;
  background-image: var(--arrow-red);
  background-repeat: no-repeat;
  background-position: center center;
  margin-right:6px;
  transform:translateY(-2px);
}
.m-arrow-button.m-cupon-button{
  padding:14px 14px 10px 14px;
  justify-content:space-between;
}
.m-arrow-button.m-cupon-button::after{
  content:'';
  width:30px;
  height:30px;
  margin-left:6px;
  flex:0 0 auto;
}
.m-arrow-button.m-cupon-button > span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.m-arrow-button.m-cupon-button > span small{
  font-size:1.4rem;
  font-weight:normal;
}
.m-arrow-button.m-cupon-button > span strong{
  font-size:1.5rem;
  font-weight:bold;
}
.m-circle-arrow-link{
  display:inline-flex;
  text-decoration:none;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap:nowrap;
  font-size:1.7rem;
  line-height:1.4;
  font-weight:bold;
}
.m-circle-arrow-link::before{
  content:'';
  width:17px;
  height:17px;
  flex:0 0 auto;
  background-image: var(--circle-arrow);
  background-repeat: no-repeat;
  background-position: center center;
  margin-right:6px;
  transform:translateY(2.5px);
}
.m-black-search-button{
  display:flex;
  max-width:420px;
  margin:0 auto;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:6px;
  background:var(--main-black);
  color:#fff;
  gap:0 16px;
  padding:13px 20px;
  box-sizing:border-box;
  font-size:1.4rem;
  color:#fff;
  font-weight:bold;
  border:none;
  cursor: pointer;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
}
.m-black-search-button::before{
  content:'';
  width:32px;
  height:32px;
  background-image:var(--search-white-icon);
  background-position:center center;
  background-repeat:no-repeat;
  flex:0 0 auto;
}
.m-black-search-button.m-compact{
  padding:8px 15px;
}
.m-black-search-button.m-compact::before{
  width:18px;
  height:18px;
  background-size:contain;
}
.m-black-search-button span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px 0;
}
.m-black-search-button strong,
.m-black-search-button small{
  color:#fff;
  font-weight:bold;
}
.m-black-search-button strong{
  font-size:1.8rem;
}
.m-black-search-button small{
  font-size:1.4rem;
}
.m-show-more-btn{
  display:flex;
  max-width:400px;
  margin:0 auto;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  border-radius:6px;
  background:var(--main-black);
  color:#fff;
  gap:0 10px;
  padding:16px 30px;
  box-sizing:border-box;
  color:#fff;
  font-weight:bold;
  border:none;
  cursor: pointer;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  font-size:1.8rem;
}
.m-show-more-btn::before{
  content:'';
  width:16px;
  height:16px;
  background-image:var(--arrow-bottom-white);
  background-position:center center;
  background-repeat:no-repeat;
  flex:0 0 auto;
}
.l-list-button{
  padding-top:40px;
}
.m-simple-dropdown{
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 0 6px rgba(0,0,0,0.16);
  display:flex;
  flex-direction:column;
}
.m-simple-dropdown-trigger{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin:0;
  appearance: none;
  -webkit-appearance: none;
  font-size:1.4rem;
  font-weight:bold;
  color:#fff;
  background-color:var(--main-black);
  padding:8px 15px;
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow:none;
  overflow:hidden;
  width:100%;
}
.m-simple-dropdown-trigger::before{
  content:'';
  background-image:var(--plus-white);
  background-repeat:no-repeat;
  background-position:center center;
  width:14px;
  height:14px;
  margin-right:6px;
}
.m-simple-dropdown.is-opened .m-simple-dropdown-trigger::before{
  background-image:var(--minus-white);
}
.m-simple-dropdown-container{
  background:#fff;
}
.m-simple-dropdown-container > ul{
  padding:10px 15px;
}
.m-simple-dropdown-container > ul > li{
  padding:7.5px 0;
}
.m-simple-dropdown-container > ul > li a{
  font-size:1.4rem;
  display:block;
}

/* ------------- JS MODULES ------------- */
.js-dropdown .js-dropdown-container{
  overflow:hidden;
  transition:max-height 0.25s ease-out;
}
.js-dropdown:not(.is-opened) .js-dropdown-container{
  max-height:0;
}




/* ------------- PC HEADER / FOOTER ------------- */
#pc-header .sp-header_only{
  display:none !important;
}
#sp-header .pc-header_only{
  display:none !important;
}
.page-header .global-nav-drop > ul > li.is-current-category > a{
  pointer-events:none;
}
#pc-footer{
  margin-top: 60px;
}

/* ------------- CONTENTS ------------- */
/* TOP PAGE */

  @keyframes noSwipeZoom {
    0%   {
background: url(/img/top/kv_pc_00.png) no-repeat center -160px;
    background-size: auto 150%;
}
    100% {
background: url(/img/top/kv_pc_00.png) no-repeat center -140px;
    background-size: auto 160%;
}
  }

  @keyframes noSwipeZoomSP {
    0%   {
	background: url(/img/top/kv_pc_00.png) no-repeat calc(50% - 3%) -20px;
	background-size: auto 110%;

}
    100% {
	background: url(/img/top/kv_pc_00.png) no-repeat calc(50% - 3%) -40px;
	background-size: auto 130%;
}
  }

  @keyframes noSwipeZoomImg {
    0%   {
opacity: 0;
}
    100% {
opacity: 1;
}
  }

.main-visual_noSwipe .pc_only{
	background: url(/img/top/kv_pc_00.png) no-repeat center -140px;
    background-size: auto 160%;
	height: 440px;
	text-align: center;
	overflow: hidden;
	animation: noSwipeZoom 8s;

}

.main-visual_noSwipe .pc_only img{
	width: 458px;
	height: 220px;
	top: 50px;
	position: relative;
	left: 260px;
	animation: noSwipeZoomImg 8s;
}

.main-visual_noSwipe .pc_only img.kv_text_l{
	width: 459px;
	height: 200px;
	top: 27px;
	position: relative;
	left: -220px;
	animation: noSwipeZoomImg 8s;
}

.main-visual_noSwipe .pc_only img.kv_text_r{
	width: 550px;
	height: 78px;
	top: 140px;
	position: relative;
	left: -402px;
	animation: noSwipeZoomImg 8s;
}

.main-visual_noSwipe .pc_only img.kv_text_r.rightvertion{
	width: 550px;
	height: 78px;
	top: 100px;
	position: relative;
	left: 0px;
	animation: noSwipeZoomImg 8s;
}

.main-visual_noSwipe .sp_only{
	background: url(/img/top/kv_pc_00.png) no-repeat calc(50% - 3%) -40px;
	background-size: auto 130%;
	height: 350px;
	text-align: center;
	overflow: hidden;
	animation: noSwipeZoomSP 8s;
}

.main-visual_noSwipe .sp_only img{
	width: auto;
	height: 35%;
	top: 50px;
	position: relative;
	animation: noSwipeZoomImg 8s;
}

/* TOP PAGE MAIN VISUAL - SLIDER */
.main-visual{
  background:#fff;
}
.main-visual .swiper-slide{
  height:600px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.main-visual .swiper-slide > img{
  object-fit: cover;
  width:100%;
  height:100%;
}
.main-visual .swiper-slide > div{
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}

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

.main-visual .swiper-slide1 > div{
  background-size: 160%;
}
.main-visual .swiper-slide2 > div{
  background-size: 320%;
}

}

.main-visual .swiper-tools{
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
}
.main-visual .swiper-tools .swiper-pagination{
  position:relative;
  width:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 5px;
  top:inherit;
  left:inherit;
  bottom:inherit;
  right:inherit;
}
.main-visual .swiper-tools .swiper-button-pause{
  border:none;
  background-color:transparent;
  cursor:pointer;
}
.main-visual .swiper-tools .swiper-button-pause,
.main-visual .swiper-tools .swiper-button-next,
.main-visual .swiper-tools .swiper-button-prev{
  position:relative;
  top:inherit;
  left:inherit;
  bottom:inherit;
  right:inherit;
  width:30px;
  height:30px;
  background-position:center center;
  background-repeat:no-repeat;
  margin:0 5px;
}
.main-visual .swiper-tools .swiper-button-next::after,
.main-visual .swiper-tools .swiper-button-prev::after{
  display:none;
}
.main-visual .swiper-tools .swiper-button-prev{
  background-image: var(--big-red-left-arrow);
}
.main-visual .swiper-tools .swiper-button-next{
  background-image: var(--big-red-right-arrow);
}
.main-visual .swiper-tools .swiper-button-pause{
  background-image: var(--pause-btn);
}
.main-visual .swiper-tools .swiper-button-pause.is-paused{
  background-image: var(--play-btn);
}

/* DMI 6月追記*/
.main-visual .gramoch:before{
content: "";
width: 454px;
height: 30px;
display: block;
background: url(/img/top/gm_pc.png) no-repeat;
position: absolute;
bottom: 0;
right: 0;
}

.main-visual_noSwipe .gramoch .pc_only:before{
content: "";
width: 255px;
height: 21px;
display: block;
background: url(/img/top/motif2.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: 0;
right: 0;
}

.main-visual_noSwipe .gramoch .sp_only:before{
content: "";
width: 50%;
height: 24px;
display: block;
background: url(/img/top/motif2.png) bottom center no-repeat;
background-size: 100%;
position: absolute;
bottom: 0;
right: 0;
}


.m-recommend-slider .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper .swiper-pagination-bullets .swiper-pagination-bullet{
  width:12px;
  height:12px;
  background:var(--main-grey-light);
  margin:0 8px;
}
.m-recommend-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background:var(--main-red);
}

/* SEARCH RESULTS */
.page-category-products{
  background:#fff;
}
.page-category-products .result_nav,
.page-category-products .result_nav.fixed{
  position: sticky;
  top: 48px;
}
.result.l-narrow-section{
  padding-top:0;
}
.m-search-result{
  display: grid;
  grid-template-columns: 220px auto;
  grid-template-areas:
  "image title"
  "image desc"
  "image specs"
  "image blank";
  text-decoration:none;
  gap:0 30px;
  padding:30px 0;
  border-top:solid 1px var(--main-grey-light);
}
.m-search-result-image{
  grid-area: image;
}
.m-search-result-image img{
  width:100%;
  height:auto;
  display:block;
}
.m-search-result-title{
  grid-area: title;
  margin-bottom:10px;
  padding-left:23px;
  position:relative;
  word-break:break-all;
}
.m-search-result-title .m-circle-arrow-link{
  display:inline;
  word-break: break-word;
}
.m-search-result-title .m-circle-arrow-link::before{
  position:absolute;
  left:0;
  top:0;
}
.m-search-result.is-new .m-search-result-title::after{
  content:'NEW';
  font-size:1.2rem;
  color:var(--sub-red);
  color:var(--main-red);
  border:solid 1px #E20000;
  border:solid 1px var(--main-red);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:20px;
  padding-top:3px;
  font-weight:bold;
  box-sizing:border-box;
  margin-left:10px;
}
.m-search-result-desc{
  grid-area: desc;
  padding-bottom:7px;
}
.m-search-result-desc > p{
  display:block;
  margin-top:0;
  margin-bottom:2px;
}
.m-search-result-desc > p:last-of-type{
  margin-bottom:0;
}
.m-search-result-specs{
  grid-area: specs;
  background:var(--main-grey-lighterer);
  padding:12px 15px;
  display:block;
}
.m-search-result-specs > dl{
  display:grid;
  grid-template-columns: 90px 1fr;
  gap:0 10px;
}
.m-search-result-specs > dl > dt,
.m-search-result-specs > dl > dd{
  font-size:1.4rem;
  color:#666666;
}
.m-search-result-specs > dl > dd{
  display:flex;
}
.m-search-result-specs > dl > dd::before{
  content: ':';
  margin-right:5px;
}
.m-search-results-state{
  font-size:1.6rem;
  margin-bottom:30px;
  width:100%;
}
.m-search-results-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.m-search-results-state > p{
  font-weight:bold;
}
.m-search-results-state p strong{
  font-size:2rem;
}
.m-search-results-state > .m-black-search-button{
  margin:0;
}
.m-search-results-conditions{
  padding:12px 15px;
  display:flex;
  flex-direction:column;
  padding:17px 20px 15px 20px;
  background:var(--main-grey-lighterer);
  margin-bottom:45px;
}
.m-search-results-conditions > p{
  font-weight:bold;
  margin-bottom:5px;
}
.m-search-results-conditions > dl{
  display:grid;
  grid-template-columns: 96px 1fr;
  gap:0 10px;
}
.m-search-results-conditions > dl > dt,
.m-search-results-conditions > dl > dd{
  font-size:1.6rem;
}
.m-search-results-conditions > dl > dd{
  display:flex;
}
.m-search-results-conditions > dl > dd::before{
  content: ':';
  margin-right:5px;
}
nav .mod-paging > li{
  margin:0 5px;
}
nav .mod-paging > li.prev > a,
nav .mod-paging > li.next > a,
nav .mod-paging > li > a{
  width:36px;
  height:36px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border: none;
  box-sizing:border-box;
  padding-top:3px;
  font-size:1.8rem;
  color:var(--main-black);
  background:transparent;
  transition:opacity 0.2s;
}
nav .mod-paging > li > a.is-current{
  background:var(--sub-red);
  background:var(--main-red);
  color:#fff;
  pointer-events:none;
}
nav .mod-paging > li > a:hover{
  color:var(--main-black);
  background:transparent;
  opacity:0.7;
}
nav .mod-paging > li > a.is-current:hover{
  background:var(--sub-red);
  background:var(--main-red);
  color:#fff;
}
nav .mod-paging > li.next{
  margin:0;
  margin-left:20px;
}
nav .mod-paging > li.prev{
  margin:0;
  margin-right:20px;
}
nav .mod-paging > li.prev > a > span,
nav .mod-paging > li.next > a > span{
  display:none;
}
nav .mod-paging > li.prev > a,
nav .mod-paging > li.next > a{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:20px 20px;
}
nav .mod-paging > li.prev > a{
  background-image:var(--grey-left-arrow);
}
nav .mod-paging > li.next > a{
  background-image:var(--grey-right-arrow);
}

.mod-search_checkbox-list > li[data-prod="5"], /* 店舗機器 */
.mod-search_checkbox-list > li[data-prod="8"], /* モノクロ複合機 */
.mod-search_checkbox-list > li[data-prod="15"], /* インクジェットヘッド */
.mod-search_checkbox-list > li[data-prod="16"] /* 複合機用特殊用紙 */
{
  display:none !important;
}

.m-search-form{
  padding-top:20px;
}
.m-search-form .m-search-form-list.product_list{
  display: flex;
  flex-wrap:wrap;
  gap:20px 10px;
  justify-content:flex-start;
}
.m-search-form .m-search-form-list{
  padding-bottom:20px;
}
.m-search-form .m-search-form-list > .product_list_box{
  width:calc(50% - 10px);
  margin:0;
  border:none;
  box-sizing:border-box;
  box-shadow:none;
  padding:25px 20px;
}
.m-search-form .m-search-form-list > .product_list_box:nth-of-type(-n+6){
  width:calc(33.333% - (40px / 3));
}
.m-search-form .m-search-form-list .product_list_box_title {
  font-size: 1.6rem;
  display: flex;
  width: 100%;
  padding: 0;
  box-sizing:border-box;
  background: none;
  color: var(--main-black);
  line-height: inherit;
}

.m-search-form .m-search-form-list .product_list_box_inner {
  padding:0;
  /* padding-top:15px; */
  /* margin-top:15px; */
  /* border-top:solid 1px var(--main-grey-light); */
}

.m-search-form .m-search-form-list .product_list_box_inner .mod-search_checkbox-list > li:first-of-type{
  display:block;
  position:relative;
  padding-top: 15px;
  margin-top: 15px;
}
.m-search-form .m-search-form-list .product_list_box_inner .mod-search_checkbox-list > li:first-of-type::before{
  content:'';
  width:100%;
  height:1px;
  display:block;
  background: var(--main-grey-light);
  position:absolute;
  left:0;
  top:0;
}


.m-search-form .m-search-form-list a{
  text-decoration:none;
}
.m-search-form .mod-search_checkbox input + label,
.m-search-form .mod-search_checkbox-list > li input + label{
  padding-left:25px;
}
.m-search-form .mod-search_checkbox input + label:before,
.m-search-form .mod-search_checkbox-list > li input + label:before{
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius:2px;
  box-sizing:border-box;
  border:solid 1px var(--main-grey-light);
  background:#fff;
}
.m-search-form .mod-search_checkbox input:checked + label:before,
.m-search-form .mod-search_checkbox-list > li input:checked + label:before{
  background-color:var(--main-red);
  background-image:var(--check-mark);
  background-position:center center;
  background-repeat:no-repeat;
  border-color:var(--main-red);
  background-size: 10px auto;
}
.m-search-form .business_list {
  margin-top: 0;
  padding: 25px 20px;
  border: none;
  background-color: #fff;
  margin-top:15px;
}
.m-search-form .m-search-form-list.business {
  padding-bottom:35px;
}
.m-search-form .business_list .mod-search_checkbox-list{
  display:flex;
  width:100%;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:15px 0;
  justify-content:space-between;
}
.m-search-form .business_list .mod-search_checkbox-list > li {
  margin:0;
  width:calc(25% - (60px / 3));
}
.m-search-form .m-search-form-button button.js-search-submit {
  width:100%;
  max-width:300px;
}
.m-search-form .m-search-form-button .opt-button-disabled > button.js-search-submit {
  background-color: #ccc;
  cursor: default;
  pointer-events:none;
}
.m-search-form .category1 a:hover,
.m-search-form .category2 a:hover,
.m-search-form .business a:hover{
  text-decoration:none;
  color:var(--main-black);
}
.m-anchor-list{
  padding:20px;
}
.m-anchor-list > ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px 30px;
  flex-wrap:nowrap;
}
.m-recommend-list{
  padding-top:30px;
}
.m-recommend-list > ul{
  display:grid;
  gap: 20px 30px;
  grid-template-columns: 1fr 1fr;
}
.m-recommend-list > ul > li > a{
  display:flex;
  flex-direction:column;
  gap:20px 0;
  text-decoration:none;
}
.m-recommend-list > ul > li > a .m-image-link img{
  width:100%;
  height:auto;
}
.m-recommend-list > ul > li > p{
  display:block;
  margin-top:10px;
}
.m-products-lists p.m-intro{
  display:block;
  padding-bottom:30px;
}
.m-products-top-section{
  padding-top:0;
}
.m-products-list-top{
  padding-top:30px;
}
.m-products-list-top > ul{
  display:flex;
  flex-direction:column;
}
.m-products-list-top > ul > li{
  border-top:solid 1px var(--main-grey-light);
  padding:30px 0 35px 0;
}
.m-products-list-top > ul > li:last-of-type{
  padding-bottom:0;
}
.m-products-list-top > ul > li > a{
  font-size:2rem;
}
.m-products-list-top > ul > li > a img{
  width:100%;
  height:auto;
}
.m-products-list-top > ul > li > ul{
  display:grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top:13px;
}
.m-products-list-top > ul > li > ul .m-image-link{
  padding-bottom:14px;
}
.m-products-cat-top-bloc{
  padding-top:30px;
}
.m-products-cat-top-list{
  display:grid;
  gap: 60px 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom:20px;
  position:relative;
  overflow: hidden;
  transition: max-height 0.3s;
}
.m-products-cat-top-list > div{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:15px 0;
}
.m-products-cat-top-list > div .m-search-result-title{
  margin-bottom: 0;
}
.m-products-cat-top-list .is-new a .m-circle-arrow-link::after{
  content:'NEW';
  font-size:1.2rem;
  color:var(--sub-red);
  color:var(--main-red);
  border:solid 1px #E20000;
  border:solid 1px var(--main-red);
  text-decoration:none;
  display:inline-block;
  text-align:center;
  line-height:15px;
  align-items:center;
  justify-content:center;
  width:54px;
  height:20px;
  padding-top:3px;
  font-weight:bold;
  box-sizing:border-box;
  margin-left:10px;
}
.m-products-cat-top-list > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  display:inherit;
}
.m-products-cat-top-list{
  counter-reset: product-counter;
  position:relative;
}
.m-products-cat-top-list > div:nth-of-type(n+10){
  counter-increment: product-counter;
  position: absolute;
  bottom: -100%;
}
.m-products-cat-top-list > .m-products-cat-top-list-more{
  grid-column-start:1;
  grid-column-end:4;
  display:none;
  background:#fff;
  transition: opacity 0.28s 0.02s;
}
.m-products-cat-top-list > .m-products-cat-top-list-more span i::after{
  content: counter(product-counter);
}
.m-products-cat-top-list.is-opened > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  opacity:0;
}
.m-products-cat-top-list.is-finished > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  display:none;
}
.m-products-cat-top-list.is-opened > div:nth-of-type(n+10){
  position:relative;
  bottom:inherit;
}
.m-products-cat-top-list.is-opened > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  position:absolute;
  left:0;
  bottom:-1px;
  width: 100%;
  padding-top:2px;
  padding-bottom:2px;
}
.m-products-cat-top-list > div > a{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:15px 0;
}
.m-products-cat-top-list > div > a img{
  width:100%;
  height:auto;
  display:block;
}
.m-products-cat-top-list > div > p{
  display:flex;
  flex-direction:column;
  gap:4px 0;
  margin:0;
}
.support_link{
  display:flex;
}
.ir-news{
  border-bottom:none;
}
.mod-news .mod-news_title{
  background: none;
}
.mod-news .mod-news_title a{
  text-decoration:underline;
}
.header + .l-wrapper-sp > .mod-anchor-box{
  margin-top:30px;
}
.mod-news .mod-news_date{
  font-weight:bold;
  font-size:1.6rem;
}
.mod-news .mod-news_title{
  font-size:1.6rem; 
}
.m-contents-separator{
  padding:15px 0;
}
.m-contents-separator:last-child{
  padding-bottom:0;
}
.mod-news_label{
  font-size:1.1rem;
}
.mod-news_label.thema-product > span{
  background-color:var(--main-label-blue);
}
.mod-news_label.thema-company > span{
  background-color:var(--main-label-red);
}
.l-wrapper-sp .mod-box{
  margin-top: 25px;
}
.l-wrapper-sp .m-contents-separator > .mod-box{
  margin-top: 0;
}
.section[id]{
  margin-top:0;
  padding-top:50px;
}
#contentArea h2{
  font-size:2.2rem;
}
#contentArea h3{
  font-size:1.6rem;
  line-height:28px;
  background: linear-gradient(to right, #7a7a7a 0%,#828282 25%,#9b9b9b 76%,#a2a2a2 100%);
  position: relative;
  height: auto;
  min-height: 25px;
}
#contentArea h3::after {
  content: "";
  width: 5px;
  background-color: #ec1d1d;
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  position: absolute;
}
#contentArea h4{
  font-size:1.8rem;
}
#contentArea p{
  font-size:1.6rem;
}
#contentArea div.section{
  padding-top:10px;
}
#contentArea table.m-table th ul,
#contentArea table.m-table th ul > li:last-of-type{
  margin-bottom:0;
}
#contentArea table.m-table th ul li{
  margin-top:-25px;
}
#contentArea table.m-table th{
  padding:5px 15px 4px 5px;
}
#contentArea table.m-table th,
#contentArea table.m-table td{
  text-align:left;
  vertical-align:top;
  font-weight:normal;
}
.m-table th,
.m-table td{
  text-align:left;
  vertical-align: top;
}
.l-clear{
  float:none;
  clear:both;
}
.tec-event{
  margin-bottom:0;
  margin-top:50px;
  padding-top:45px;
  padding-bottom:50px;
  /* padding-bottom:20px; */
}

.mod-page-link{
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

/* keyword search results page */

/*  DEVELOPMENT  */

       /* .mf_finder_organic .mf_finder_organic_header_wrapper,
      #mf_overlay,
      #mf_layer_fg,
      #mf_layer_fg,
      #mf_view_ifr,
      .navi-view.mf_enabled .mf_navigation-bar,
      .frame-view .mf_navigation-bar,
      .full-view .mf_navigation-bar,
      #mf_layer{
        display:none !important;
      }
      .mf_finder_zubaken_item.mf_finder_doc_outbound{
        pointer-events:none;
      } */

/*  DEVELOPMENT  */


.mf_finder_organic_header{
  max-width:100%;
}
#search-box .mf_finder_organic_header_wrapper{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
}
.mf_finder_zubaken_wrapper .mf_finder_zubaken_image img{
  width:100% !important;
  max-width:unset !important;
  max-height:unset !important;
  height:auto !important;
}
.mf_finder_zubaken{
  margin-top:50px;
  padding:0;
  border-radius:6px;
  background:#fff;
  overflow: hidden;
  padding:17px 30px 20px 30px;
  border-radius:6px;
}
.mf_finder_drilldown_item_children{
  display:none !important;
}
.mf_finder_drilldown_item_count::before{
  content:'（';
}
.mf_finder_drilldown_item_count::after{
  content:'）';
}
.mf_finder_zubaken::before{
  content:'おすすめページ';
  display:block;
  width:100%;
  font-size:1.6rem;
  font-weight:bold;
  margin-bottom:13px;
}
.mf_finder_zubaken_items{
  justify-content:flex-start;
}
.mf_finder_zubaken_items > li{
  margin-left:20px;
  padding:0;
  text-align:left;
  cursor:pointer;
  text-decoration:underline;
  width: 98px;
  max-width: 98px;
  width: 130px;
  max-width: 130px;
  display:flex;
  flex-direction:column-reverse;
  justify-content:flex-end;
}
.mf_finder_organic_docs > div:first-child{
  border-top: 1px solid var(--main-grey-light);
}
.mf_finder_organic_doc{
  border-bottom: 1px solid var(--main-grey-light);
}
.mf_finder_zubaken_items > li:nth-of-type(n+7){
  display:none !important;
}
.mf_finder_zubaken_wrapper.mf_imgsize_0 .mf_finder_zubaken_image img,
.mf_finder_zubaken_wrapper.mf_imgsize_1 .mf_finder_zubaken_image img {
  max-width: 100%;
  max-height: inherit;
  width: 100%;
}
.mf_finder_zubaken_items > li:hover{
  text-decoration:none;
}
.mf_finder_zubaken_items > li:first-of-type{
  margin-left:0
}
.mf_finder_zubaken_image.mf_gui_img_frame img,
.mf_finder_zubaken_image.mf_gui_img_frame .zubaken.image{
  border: 1px solid #ddd;
}
.cmp-drilldown-head{
  display:block;
  text-align:center;
  background:#666666;
  font-size:1.6rem;
  color:#fff;
  font-weight:bold;
  padding:10px 10px 9px 10px;
}
.mf_finder_drilldown_reset {
  text-align: center;
  padding: 5px 10px 20px 10px;
}
.mf_finder_drilldown_reset a {
  padding: 7px 15px;
  display: inline-block;
  color: var(--main-black);
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
}
.mf_finder_zubaken_title{
  margin-bottom: 0;
  overflow: inherit;
  white-space: normal;
  text-overflow: inherit;
  font-size: 1.2rem;
  margin-top: 5px;
  display: block;
  overflow-wrap: break-word;
  width: 100%;
  flex: 0 0 auto;
}
.mf_finder_drilldown_item_bullet {
  display:none !important;
}
.mf_finder_drilldown_item_title {
  font-size: 1.4rem;
  color: var(--main-black);
  font-weight:bold;
}
.mf_finder_drilldown_item_count {
  margin-left: 0;
  margin-right:0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 1.4rem;
  color: var(--main-black);
  font-weight:bold;
}
.mf_finder_drilldown_item_link{
  display: block;
  text-decoration: none;
  padding:5px 13px 5px 40px;
  width:100%;
  position:relative;
}
.mf_finder_drilldown_item_selected>div .mf_finder_drilldown_item_link {
  background-color: var(--main-grey-lighter);
}
.mf_finder_drilldown_item_link::before {
  content: '';
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  background-image: var(--circle-arrow);
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(2.5px);
  position:absolute;
  left:13px;
  top:5px;
}
.mf_finder_drilldown_items {
  margin-left: 0;
  margin-right:0;
  padding: 2px;
  border-radius: 0;
  background-color: transparent;
  font-size: 1.4rem;
  color: var(--main-black);
  font-weight:bold;
}
.l-zuba-col {
  display:flex;
  justify-content:space-between;
  margin-top: 60px;
}
.l-zuba-col-left {
  width:200px;
}
.mf_finder_organic_doc_img_wrapper.mf_gui_img_frame {
  width:130px;
  min-width:130px;
}
.l-zuba-col-left .mf_finder_drilldown{
  background:#fff;
  border-radius:6px;
  overflow:hidden;
  padding-bottom:0;
}
.l-zuba-col-right {
  width:calc(100% - 220px);
}
.mf_finder_organic_wrapper .mf_finder_organic_doc_img_wrapper.mf_gui_img_frame .mf_finder_organic_doc_img img {
  max-width: 100%;
  max-height: inherit;
}
.mf_finder_organic_doc_url{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; 
}

.mf_finder_organic .mf_finder_link,
.mf_finder_organic .mf_finder_link:visited {
  color:inherit;
}
#search-box .mf_finder_organic_docs{
  margin-top:0;
}

#search-box .mf_finder_searchBox_submit {
  display:flex;
  align-items:center;
  justify-content:center;
  width: 120px;
  height: 40px;
  margin-left: 20px;
  border: none;
  background: #313131;
  color: #fff;
  line-height: 24px;
  font-weight: bold;
  font-size: 1.9rem;
  border-radius: 0;
}

#search-box .mf_finder_searchBox_submit:before {
  width: 24px;
  height: 24px;
  padding-right: 0;
  margin-right:10px;
  background-image: var(--search-white-icon);
  background-position:center center;
  background-size:contain;
  background-repeat:no-repeat;
  vertical-align: 0;
}
.mf_finder_searchBox_submit span{
  display:none !important;
}

/* .mf_finder_organic_doc_contents,
.mf_finder_organic .mf_finder_link,
.mf_finder_organic_doc_contents_wrapper{
  display: inline;
}
.mf_finder_organic_wrapper .mf_finder_organic_doc{
  display:block;
}


.mf_finder_organic_doc{
  float:none;
  clear:both;
}
.mf_finder_organic_doc_img_wrapper.mf_gui_img_frame {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  float:none;
  clear:both;
  transform: translateY(-15px);
} */



/* PC ONLY */
@media not screen and (max-width: 768px){
  .sp_only{
    display:none !important;
  }
  #sp-header,
  #sp-footer{
    display:none;
  }
  .m-pickup-list .swiper{
    overflow:visible;
  }
  .m-pickup-list .swiper > ul{
    display: flex;
    /* gap:0 20px; */
    /* grid-template-columns: 1fr 1fr 1fr; */
    transform: none !important;
    flex-direction: column;
  }
  .m-pickup-list .swiper > ul > li{
    margin-top:10px;
    width:auto !important;
  }
  .m-pickup-list .swiper > ul > li{
    margin-bottom:10px;
  }
  
  .m-pickup-list .swiper > ul > li:last-child{
    margin-bottom:0;
  }
  .m-pickup-list .swiper > ul > li.swiper-slide-duplicate{
    display:none !important;
  }
  .m-pickup-list .swiper .swiper-pagination{
    display:none !important;
  }
  
.m-pickup-list .swiper > ul > li a .m-pickup-labels{
  margin-top:10px;
  display:flex;
  flex-direction: column;
  margin: auto 0;
}

.m-pickup-list .swiper > ul > li a .m-pickup-labels > span{
  margin-bottom: 10px;
}

  /* MOUSE OVER */
  .m-show-more-btn,
  .m-black-search-button,
  .m-simple-dropdown-trigger{
    transition:background-color 0.2s;
  }
  .m-show-more-btn:hover,
  .m-black-search-button:hover,
  .m-simple-dropdown-trigger:hover{
    background-color:#707070;
  }
  .m-red-button,
  a.m-red-button{
    transition:opacity 0.2s;
  }
  a:hover .m-red-button,
  a.m-red-button:hover{
    opacity:0.7;
  }
  .m-image-link{

    background:#fff;
  }
  .m-image-link img{
    transition:all 0.4s;
  }
  a:hover .m-image-link img,
  a.m-image-link:hover img{
    opacity:0.8;
  }

  .l-narrow-section a:hover .m-image-link img,
  .l-narrow-section a.m-image-link:hover img{
    opacity:0.8;
transform: scale(1.4,1.4);
  }

  .l-narrow-section a:hover .m-search-result-image img{
    opacity:0.8;
transform: scale(1,1);
  }

  .m-recommend-slider a:hover .m-image-link img,
  .m-recommend-slider a.m-image-link:hover img{
    opacity:0.8;
transform: scale(1.2,1.2);
  }
  .m-arrow-button{
    transition:color 0.2s;
  }
  .m-arrow-button::before,
  .m-arrow-button::after{
    transition:opacity 0.2s;
  }
  .m-arrow-button:hover{
    color:#757575;
  }
  .m-arrow-button:hover::before,
  .m-arrow-button:hover::after{
    opacity:0.6;
  }
  .main-visual a.swiper-slide{
    transition:opacity 0.3s;
  }
  .main-visual a.swiper-slide:hover{
    opacity:0.7;
  }
  .swiper-button-pause,
  .swiper-button-next,
  .swiper-button-prev{
    transition:opacity 0.2s;
  }
  .swiper-button-pause:hover,
  .swiper-button-next:hover,
  .swiper-button-prev:hover{
    opacity:0.6;
  }
  a:hover .m-arrow-link,
  a.m-arrow-link:hover{
    text-decoration-line:underline;
    text-underline-offset: 2px;
  }
  a:hover .m-circle-arrow-link,
  a.m-circle-arrow-link:hover{
    text-decoration-line:underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
  .m-topics-list > ul > li > a,
  .m-simple-list > li > a{
    text-underline-offset: 2px;
    transition:color 0.2s;
  }
  .m-topics-list > ul > li > a:hover,
  .m-simple-list > li > a:hover{
    text-underline-offset: 2px;
    text-decoration-line: underline;
  }
  .m-topics-list > ul > li > a:not(.m-arrow-link):hover,
  .m-simple-list > li > a:not(.m-arrow-link):hover{
    color:#757575;
  }
  .m-products-list > ul > li a .m-circle-arrow-link{
    text-decoration-line:underline;
    text-decoration-color: transparent;
    transition:text-decoration-color 0.2s;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
  .m-products-list > ul > li a:hover .m-circle-arrow-link{
    text-decoration-line:underline;
    text-decoration-color: initial;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
  .m-search-form .m-search-form-list .product_list_box_title a,
  .m-search-form .m-search-form-list a,
  .m-search-form .business a{
    text-decoration:none;
    color:var(--main-black);
    text-underline-offset: 2px;
    transition: color 0.2s;
  }
  .m-search-form .m-search-form-list .product_list_box_title a{
    text-decoration-thickness: 2px;
  }
  .m-search-form .m-search-form-list a:hover,
  .m-search-form .business a:hover{
    text-decoration-line:underline;
    color:var(--main-black);
    text-underline-offset: 2px;
    color: #757575;
  }
  .mod-news .mod-news_title a:hover{
    text-decoration:none;
  }
  .breadcrumbs-wrapper > .inner{
    margin:0 auto;
  }
  .m-pc-centered{
    text-align:center;
  }

  .mf_finder_drilldown_items {
    max-height:none !important;
  }

  .main-visual .swiper-slide.estudio-slide{
    --grad-brk: calc(50% + 250px);
    --grad-deg: 114deg;
    --grad-lcolor:#0d6fb8;
    --grad-rcolor:#ffffff;
    background: linear-gradient(var(--grad-deg), var(--grad-lcolor) 0%, var(--grad-lcolor) var(--grad-brk), var(--grad-rcolor) var(--grad-brk), var(--grad-rcolor) 100%);
  }
  .main-visual .swiper-slide.estudio-slide > img{
    max-width:1920px;
  }
  .main-visual .swiper-slide.datasolution-slide > div{
    background-size:1920px auto;
  }




}

/* SP ONLY */
@media screen and (max-width: 768px){
  .pc_only{
    display:none !important;
  }

  /* ------------- FIXES ------------- */
  .breadcrumbs-wrapper{
    margin-top:0 !important;
  }
  body,
  .page-header,
  .page-header > .inner,
  .page-header .global-nav > ul,
  .breadcrumbs-wrapper > .inner,
  .content,
  .content-header-title-wrapper > .inner,
  .page-footer .footer-bottom > .inner,
  .inner,
  .page-inner,
  .page-footer .footer-top-nav,
  .page-footer{
    min-width:100%;
    width:100%;
  }
  .main-content dt,
  .main-content dd, 
  .main-content li, 
  .main-content caption, 
  .main-content col, 
  .main-content th, 
  .main-content td, 
  .main-content p, 
  .main-content address, 
  .main-content figcaption{
    font-size:1.4rem;
  }

  /* -------------  LAYOUT ------------- */
  .l-wrapper{
    width:100% !important;
    box-sizing: border-box;
  }
  .l-section{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .l-section-icon{
    padding-top:0;
  }
  .l-topics-section {
    padding-bottom: 30px;
    padding-top:0;
    border-bottom: none;
  }
  .l-narrow-section{
    padding-top:50px;
    padding-bottom:50px;
  }
  .l-narrow-section-nob{
    padding-top:50px;
  }
  .l-narrow-section-nob + .l-narrow-section{
    margin-top:50px;
  }
  .l-narrow-section-not{
    padding-bottom:40px;
  }
  .l-narrow-section + .l-narrow-section-not{
    margin-bottom:40px;
  }

  .m-products-top-section{
    padding-top:0;
  }
  .page-container > #sp-header{
    order:0;
  }
  .page-container > .main-visual{
    order:3;
  }
  .page-container > .m-page-title{
    order:3;
  }
  .page-container > .content{
    order:3;
  }
  .page-container > .m-page-title + .breadcrumbs-wrapper,
  .page-container > .breadcrumbs-wrapper{
    order:4;
    padding:50px 0;

    transform: none;
    height: inherit;
  }
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs a,
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs span{
    color:var(--main-black);
  }
  .page-container > #sp-footer{
    order:5;
  }

  /* -------------  MODULES ------------- */
  /* headings */
  .m-title1{
    font-size:2.8rem;
  }
  .m-title2{
    font-size:2.8rem;
  }
  .m-title3{
    font-size:2.4rem;
  }
  .m-title3 .m-circle-arrow-link{
    font-size:2.8rem;
  }
  .m-title3 .m-circle-arrow-link::before {
    width: 26px;
    height: 26px;
    background-size:contain;
    margin-right:8px;
    transform:translateY(4px);
  }
  .m-title4{
    font-size:1.8rem;
  }
  .m-subtitle {
    display: block;
    padding-bottom: 0px;
  }

  /* section headers */
  .m-dropdown-parent .m-link-header{
    margin-bottom:15px;
  }
  .m-dropdown-parent .m-simple-dropdown{
    position:relative;
    margin-top:20px;
  }
  .m-dropdown-parent .m-link-header{
    padding-right:0;
  }
  .m-simple-dropdown-trigger{
    padding:18px 15px;
    font-size:1.6rem;
  }
  .m-simple-dropdown-trigger::before {
    width: 16px;
    height: 16px;
    background-size:cover;
  }
  .m-link-header{
    padding-right:0;
    margin-bottom:10px;
  }
  .m-link-header .m-arrow-button{
    display:none;
  }
  .m-section-header p,
  .m-centered-header p{
    font-size:1.6rem;
    text-align:left;
  }
  .m-sp-center{
    text-align:center;
  }
  .m-page-title.has-gradation {
    background-size:0.5px auto;
    padding-top: 45px;
    padding-bottom: 37px;
  }
  .m-products-cat-top-head{
    position:relative;
    margin-bottom:20px;
    margin-top:-5px;
  }
  .m-products-cat-top-head > img{
    display:block;
    width:100%;
    margin-left:auto;
  }
  .m-products-cat-top-head .m-products-cat-top-head-title{
    position:relative;
    left:inherit;
    top:inherit;
    width:100%;
    padding-top:2px;
    padding-right:0;
    padding-left:0;
    padding-bottom:40px;
    min-height:inherit;
  }
  /* utilities */
  .m-align-right_sp{
    text-align:right !important;
  }
  .m-align-left_sp{
    text-align:left !important;
  }
  .m-align-center_sp{
    text-align:center !important;
  }
  .m-font-size-m_sp{
    font-size:1.4rem !important;
  }
  .m-width-100_sp {
    width: 100%;
  }

  /* lists */
  .m-simple-dropdown-container > ul > li a{
    font-size:1.6rem;
  }
  .m-products-list > ul {
    display: grid;
    gap: 25px 15px;
    grid-template-columns: 1fr 1fr;
  }
  .m-products-list > ul > li:nth-of-type(3n+1)::before {
    display:none;
  }
  .m-products-list > ul > li:nth-of-type(odd)::before {
    content: '';
    display:block;
    width: calc(300% + 30px);
    height: 1px;
    background: var(--main-grey-light);
    position: absolute;
    left: 0;
    top: 0;
  }
  .m-support-list{
    display:block;
  }
  .m-support-list > ul {
    gap: 20px 20px;
    grid-template-columns: 1fr 1fr;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
    margin-bottom:30px;
    position:relative;
  }
  .m-support-list > ul::after{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    bottom:0;
    width:calc(100vw - 40px);
    height:1px;
    background:var(--main-grey-light);
    transform:translateX(-50%);
  }
  .m-support-list > ul > li{
    width:100%;
  }
  .m-support-list > ul > li a{
    padding: 5px 15px 20px 15px;
    gap: 7px 0;
  }
  .m-support-list > ul > li a img{
    width:60px;
  }
  .m-trend-words-list > ul{
    padding-top:20px;
    gap: 15px 15px;
    grid-template-columns: 1fr 1fr;
  }
  .m-trend-words-list > ul > li {
    padding-top: 0;
  }
  .m-images-list > ul{
    padding-top: 5px;
    display: grid;
    gap: 3px 0;
    grid-template-columns: 1fr;
  }
.m-images-list > ul > li > a{
  position:relative;
  display:block;
  height:80%;
}

  .m-images-list{
	margin-bottom: 0;
}


  .m-images-list > ul > li > a > span{
    font-size:2.2rem;
  }
  .m-links-list{
    padding-top:25px;
  }
  .m-links-list > ul {
    display: grid;
    gap: 25px 15px;
    grid-template-columns: 1fr 1fr;
  }
  .m-links-list > ul .m-arrow-link{
    font-size:1.6rem;
  }

ul.m-arrow-link2{
	display: inline-block;
	text-align: center;
}

.m-arrow-link2 li{
	display: inline-block;
	margin: 10px 0;
}

  .m-pickup-list,
  .m-recommend-slider{
    width:calc(100% + 20px);
    margin-left:-10px;
    overflow:hidden;
    margin-bottom:0;
    padding-bottom:0;
  }
  .m-recommend-slider .swiper-button-prev,
  .m-recommend-slider .swiper-button-next{
    display:none;
  }
  .m-pickup-list .swiper,
  .m-recommend-slider .swiper{
    width:calc(100% - 76px);
    overflow:visible;
  }
  .m-pickup-list .swiper:not(.swiper-container-initialized) .swiper-wrapper,
  .m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper{
    display: flex;
    gap: 0 20px;
  }
  .m-pickup-list .swiper .swiper-wrapper .swiper-slide{
    margin-top:15px;
  }
  .m-pickup-list .swiper:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide,
  .m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide{
    max-width:calc(100vw - 76px);
    margin-bottom: 10px;
  }
  .m-pickup-list .swiper .swiper-pagination-bullets,
  .m-recommend-slider .swiper-pagination-bullets{
    position:relative;
    bottom:inherit;
    margin-top:30px;
  }
  .swiper .swiper-pagination-bullets:focus-visible,
  .swiper .swiper-pagination-bullets:focus{
    outline: none !important;
    border-color: transparent;
    box-shadow: none;
  }
  .m-pickup-empty {
    margin-top: 30px;
  }
  .m-pickup-list .swiper .m-image-link {
    width: 100%;
  }
  
.m-pickup-list .swiper > ul > li a{
  text-decoration:none;
  display: flex;
  flex-direction: column;
  height: 100%;
}
  
.m-pickup-list .swiper > ul > li a img{
  width:100%;
  height:auto;
  display:block;
}
  
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span{
  width:80px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:solid 1px var(--main-black);
  font-size:1.4rem;
  font-weight:bold;
  padding-top:3px;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span.m-label-black{
  background:var(--main-black);
  color:#fff;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span.m-label-white{
  background:#fff;
  color:var(--main-black);
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts{
  padding:20px 20px 25px 20px;
  display:flex;
  flex-direction:column;
  gap:10px 0;
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-date,
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-desc{
  font-size:1.4rem;
}
  .m-topics-list > ul > li:last-of-type{
    border-bottom:none;
    padding-bottom:0;
  }
  .m-pickup-list .swiper > ul > li a .m-pickup-texts{
    gap: 5px 0;
  }
  .m-recommend-slider .m-recommend-slide-link span.m-arrow-link,
  .m-pickup-list .swiper > ul > li a .m-pickup-texts .m-arrow-link{
    font-size:1.6rem;
    margin-bottom:25px;
  }
  .m-anchor-list{
    width:calc(100% + 20px);
    margin-left:-10px;
    padding:0;
  }
  .m-products-cat-top-section .m-anchor-list{
    width:100%;
    margin-left:0;
  }
  .m-anchor-list > ul{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
  }
  .m-anchor-list > ul > li{
    border-bottom:solid 2px #fff;
    box-sizing:border-box;
    padding:0 20px;
    width:100%;
    overflow:hidden;
  }
  .m-anchor-list > ul > li > a{
    display:block;
    padding-top:15px;
    padding-bottom:15px;
  }
  .m-anchor-list > ul > li > a.m-arrow-link::before{
    top:16.5px;
  }
  .m-products-list-top > ul > li > ul {
    display: grid;
    gap: 10px 15px;
    grid-template-columns: 1fr 1fr;
    padding-top: 9px;
  }
  .m-products-list-top > ul > li > a{
    font-size:1.8rem;
  }
  .m-products-list-top > ul > li > a::before {
    transform: translateY(2.5px);
  }

  /* links - buttons */
  .m-circle-arrow-link{
    font-size:1.6rem;
  }
  .m-circle-arrow-link::before {
    transform: translateY(1.5px);
    width: 16px;
    height: 16px;
    background-size:contain;
  }
  .m-arrow-link{
    font-size:1.4rem;
  }
  .m-arrow-link::before {
    top: 1.5px;
  }
  .m-arrow-button.m-cupon-button{
    max-width:300px;
    margin:0 auto;
  }
  .m-black-search-button{
    max-width:100%;
  }
  .m-arrow-button.m-cupon-button > span small,
  .m-arrow-button.m-cupon-button > span strong{
    font-size:1.4rem;
  }

/* DMI 6月追記*/
.main-visual .gramoch:before{
content: "";
width: 180px;
height: 21px;
display: block;
background: url(/img/top/gm_sp.png) no-repeat;
position: absolute;
bottom: 0;
right: 0;
background-size: 100%;
}



  /* ------------- SP HEADER ------------- */
  #pc-header,
  #pc-footer{
    display:none;
  }
  @media (hover: hover) {
    .has-sp-navi-open{
      overflow:hidden;
      height:100vh;
    }
  }
  .m-only-top{
    display:none !important;
  }
  .l-top-page .m-only-top{
    display:block !important;
  }
  .l-top-page .m-only-top + a{
    display:none !important;
  }

  
  #sp-header{
    position:sticky;
    min-height: 45px;
    left:0;
    top:0;
    z-index:6;
    background:#fff;
    margin-top:0 !important;
    border-bottom:solid 1px var(--main-grey);
    box-sizing:border-box;
  }
  #sp-header .mf_finder_searchBox_selects{
    display:none !important;
  }
  #sp-header .mf_finder_searchBox_items_wrapper,
  #sp-header .mf_finder_container{
    margin-bottom:0;
  }
  #sp-header .l-wrapper{
    position:relative;
  }
  #sp-header .sp-header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0px 6px;
    height: 45px;
  }
  #sp-header .sp-header-top .js-open-sp-nav{
    padding: 0;
    appearance: none;
    outline: none;
    display:flex;
    width:32px;
    height:32px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
    border:none;
    cursor:pointer;
    transition:background-image 0.2s linear;
    background-size:auto auto;
  }
  .has-sp-navi-open #sp-header .sp-header-top .js-open-sp-nav{
  }
  #sp-header .sp-navigation{
    display:none;
    flex-direction:column;
    width:100%;
    position:absolute;
    left:0;
    top:45px;
    max-height: calc(100vh - 45px);
    min-height: calc(100vh - 45px);
    overflow: auto;
    background:#fff;
    overscroll-behavior-y: contain;
    opacity:0;
    z-index:2;
  }
  @keyframes fadeIn {
    0%   { display:none; opacity:0; }
    1%   { display:flex; opacity:0; }
    100% { display:flex; opacity:1; }
  }
  .has-sp-navi-open #sp-header .sp-navigation{
    display:flex;
    animation: fadeIn 0.3s 1 forwards;
  }
  .sp_search{
    padding:11px 10px 20px 10px;
  }
  .sp_search .mf_finder_searchBox{
    margin-left:0;
    margin-right:0;
  }
  .sp_search .mf_finder_searchBox_items{
    padding:0;
  }
  .sp_search .mf_finder_searchBox_query_input{
    background:var(--main-grey-lighter);
    border:none;
    padding:10px 0 10px 20px;
    outline: none;
    font-size:1.6rem;
  }
  .sp_search .mf_finder_searchBox_submit{
    background-color:var(--main-grey-lighter);
    border:none;
    cursor:pointer;
    outline:none;
    padding:0;
    appearance:none;
    background-image: var(--search-red-icon);
    width:50px;
    height:50px;
    background-position:center center;
    background-repeat:no-repeat;
  }
  .sp_search .mf_finder_searchBox_submit:before,
  .sp_search .mf_finder_searchBox_submit span{
    display:none;
  }
  .sp-navigation > ul > li{
    border-top:solid 1px var(--main-grey-light);
  }
  .sp-navigation > ul > li a{
    display:block;
    font-size:1.6rem;
    text-decoration:none;
    color:var(--main-black);
    font-weight:bold;
  }
  .sp-navigation > ul > li > p > a,
  .sp-navigation > ul > li > a,
  .sp-navigation > ul > li > .js-nav-drop > ul > li > a{
    padding:20px 10px 18px 37px;
    background-image: var(--arrow-red);
    background-repeat:no-repeat;
    background-position:15px 24px;
  }
  .sp-navigation > ul > li > .js-nav-drop > ul > li > a{
    padding:12.5px 10px 10.5px 55px;
    background-position:33px 17px;
  }
  .sp-navigation > ul > li > .js-nav-drop > ul > li:first-of-type > a{
    padding-top:0;
    background-position:33px 4px;
  }
  .sp-navigation > ul > li.js-drop-trigger > p > a{
    background-image: var(--plus-red);
    background-repeat:no-repeat;
    background-position:13px 23px;
    transition:background-image 0.25s linear;
  }
  @supports (-webkit-touch-callout: none) {
    .sp-navigation > ul > li.js-drop-trigger > p > a{
      background-position:13px 25px;
    }
    .sp-navigation > ul > li > p > a{
      background-position: 15px 26px;
    }
    .sp-navigation > ul > li > .js-nav-drop > ul > li:first-of-type > a {
      background-position: 33px 6px;
    }
    .sp-navigation > ul > li > .js-nav-drop > ul > li > a{
      background-position: 33px 19px;
    }
  }
  .sp-navigation > ul > li.js-drop-trigger.has-subnavi-open > p > a{
    background-image: var(--minus-red);
  }
  .sp-navigation .global-nav-drop.js-nav-drop{
    display:block !important;
    position:relative;
    height:auto !important;
  }
  .sp-navigation .global-nav-drop.js-nav-drop > ul{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.2s ease-out;
  }

  /* ------------- SP FOOTER ------------- */
  .m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs a,
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs a,
  .m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs span,
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs span{
    color:var(--main-black);
  }
  html.ie11 #sp-header{
    position:fixed;
    width:100%;
  }
  html.ie11 body{
    padding-top:45px;
  }
  #sp-footer{
    padding-top:0;
    margin-top:0;
  }
  #sp-footer .mf_finder_searchBox_selects{
    display:none !important;
  }
  #sp-footer .mf_finder_searchBox_items_wrapper,
  #sp-footer .mf_finder_container{
    margin-bottom:0;
  }
  #sp-footer .copyright{
    float:none;
    margin:0;
    display:block;
    background:#464646;
    padding:13px 10px;
  }
  #sp-footer .l-footer-logo{
    display:flex;
    padding: 0 10px 40px 10px;
    justify-content:center;
    background:#fff;
  }
  #sp-footer .copyright > p{
    font-size:1rem;
  }
  .sp-foot-helper{
    margin-bottom:16px;
  }
  .sp-foot-contact{
    padding-top:30px;
    padding-bottom:20px;
  }
  #sp-footer .sp-navigation{
    border-top:solid 1px var(--main-grey-light);
    border-bottom:solid 1px var(--main-grey-light);
    background:#fff;
  }
  .sp-foot-navigation{
    padding-bottom:30px;
    padding-top:40px;
    background:#fff;
  }
  .sp-foot-navigation > ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
  }
  .sp-foot-navigation > ul > li{
    margin:0 10px;
  }
  .sp-foot-navigation > ul > li > a{
    display:block;
    padding-left:18px;
    background-image: var(--arrow-grey);
    background-repeat:no-repeat;
    background-position:left 3px;
    text-underline-offset: 3px;
  }
  .mod-page-top{
    width:50px;
    height:50px;
    bottom:30px;
  }
  .mod-page-top a{
    display:block;
    width:100%;
    height:100%;
  }
  .mod-page-top a img{
    display:none;
  }


  /* ------------- CONTENTS ------------- */
  .breadcrumbs a{
    display:inline;
  }
  .main-content {
    float: none;
  }
  .main-visual .swiper-slide {
    height: 300px;
  }
  .main-visual .swiper-slide > div > img{
    max-width:calc(100% - 10px);
  }
  .m-search-results-state{
    display:block;
  }
  .m-search-results-state > .m-black-search-button{
    margin-left:auto;
    margin-top:5px;
  }
  .m-search-form .business_list .mod-search_checkbox-list {
    align-items: flex-start;
    justify-content:flex-start;
    flex-wrap: nowrap;
    gap: 20px 0;
    flex-direction:column;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li {
    width:100%;
  }
  .m-search-form .business_list{
    padding:30px 15px;
    margin-top:10px;
  }
  .m-search-form .m-search-form-list.product_list {
    flex-wrap: nowrap;
    gap: 15px 0;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction:column;
  }
  .m-search-form .m-search-form-list > .product_list_box,
  .m-search-form .m-search-form-list > .product_list_box:nth-of-type(-n+6){
    width:100%;
    padding:30px 15px;
  }
  .m-search-result{
    grid-template-columns: 120px auto;
    grid-template-areas:
    "image title"
    "desc desc"
    "specs specs";
    gap: 0 10px;
    padding: 20px 0;
  }
  .m-search-result .m-search-result-desc{
    padding-top:15px;
    padding-bottom:12px;
  }
  .m-recommend-list {
    padding-top: 20px;
  }
  .m-recommend-list > ul {
    display: flex;
    flex-direction:column;
    gap:30px 0;
  }
  .m-products-cat-top-list{
    display:block;
  }
  .m-products-cat-top-list > .m-products-cat-top-list-more{
    padding-top:30px;
    transition: none;
  }
  .m-products-cat-top-list > div {
    padding:15px 0;
    border-bottom:solid 1px var(--main-grey-light);
  }
  .m-products-cat-top-list > div:first-of-type {
    border-top:solid 1px var(--main-grey-light);
  }
  .m-products-cat-top-list > div > a{
    flex-direction: row;
    gap: 0;
    justify-content:space-between;
  }
  .m-products-cat-top-list > div > a .m-image-link{
    width:120px;
  }
  .m-products-cat-top-list > div > a .m-search-result-title{
    width:calc(100% - (120px + 10px));
    box-sizing:border-box;
  }
  .m-products-cat-top-list > div > p{
    display:none;
  }
  .m-products-related{
    margin-top:30px;
    padding:16px 20px 50px 20px;
  }
  .m-products-related > ul{
    padding-top:15px;
  }
  .m-products-related > ul > li > a{
    flex-direction:column;
    justify-content:flex-start;
    gap:15px 0;
  }
  .m-products-related > ul > li > a .m-image-link{
    width:100%;
  }
  .m-products-related > ul > li > a .m-related-desc{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:8px 0;
  }

  /* CURRENT PAGES -> RESPONSIVE FIX */

  /* headings & headers */
  .m-page-title.has-inner > .inner {
    padding-top: 46px;
    padding-bottom: 30px;
background-position-x: 30px;

  }
  .m-page-title.has-inner > .inner > .l-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
.content > .main-content > .header > .mod-page-title h1,
.content > .main-content > .l-wrapper-sp > .header > .mod-page-title h1{
    font-size:2.8rem;
  }
  .rss-icon2{
    padding-bottom:10px;
  }
  .mod-link-title h2,
  .mod-link-title h3{
    font-size:2.4rem;
    background-position:left top;
  }
  h2.size-xxlarge{
    font-size:1.8rem;
    font-weight:bold;
    margin-bottom:14px;
  }
  .mod-link-title + p{
    padding-left:0;
  }
  .content-header-title h1{
    font-size:2.8rem;
  }
  .mod-page-intro_content_title h2,
  .mod-page-intro_content_title h3,
  .mod-page-intro_content_title h4,
  .mod-page-intro_content_title h5,
  .mod-page-intro_content_title{
    display:block;
  }
  .mod-page-intro.opt-intro-horizontal .mod-page-intro_content_title h2{
    font-size:1.8rem;
    background-image: var(--circle-arrow);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left top;
    padding-left: 24px;
    margin-right:0;
    width: 100%;
    box-sizing: border-box;
  }
  .mod-page-intro.opt-intro-horizontal .mod-page-intro_content_title h3{
    font-size:1.6rem;
    background-image: var(--circle-arrow);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left top;
    padding-left: 22px;
  }
  .mod-link-title,
  .mod-link-title + p{
    display:block;
  }
  .mod-link-title-wrapper{
    padding-bottom:25px;
  }
  .mod-link-title-wrapper + .section{
    margin-top:-15px;
  }
  .page-inner > .mod-link-title-wrapper + .mod-link-title-wrapper{
    padding-top:20px;
  }
  .mod-page-link .mod-page-link_content .mod-page-link_content_title{
    font-size:1.6rem;
    background-image:var(--circle-arrow);
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:left top;
  }
  .mod-page-intro,
  .mod-page-link{
    transition:none;
  }
  .mod-page-intro:hover,
  .mod-page-link:hover{
    background-color: #fff;
  }
  /* layouts & modules */
  .l-wrapper-sp{
    padding-left:10px;
    padding-right:10px;
  }
  .content.l-wrapper-sp{
    box-sizing:border-box;
  }

  .m-full-size-sp, 
  .m-full-size-sp > li, 
  .download_inner, 
  .contacts_inner{
    width:100%;
    box-sizing:border-box;
  }
  ul.mod-ul.m-spaced-list-sp > li,
  ul.m-spaced-list-sp > li{
    margin-top:15px;
  }
  ul.mod-ul.m-spaced-list-sp > li:first-of-type,
  ul.m-spaced-list-sp > li:first-of-type{
    margin-top:0;
  }
  .mod-accordion{
    padding-left:10px;
    padding-right:10px;
    margin-top:15px;
  }
  .mod-sub-title h1:before,
  .mod-sub-title h2:before,
  .mod-sub-title h3:before,
  .mod-sub-title h4:before,
  .mod-sub-title h5:before{
    bottom:inherit;
    top:3px;
  }
  .mod-accordion.opt-accordion-history.js-accordion .js-accordion-handle.fn-alpha-rollover .mod-local-title{
    padding-right:38px;
    background-position:right 10px center !important;
  }
  .opt-accordion-history .mod-accordion_content{
    padding:0;
  }
  .mod-accordion_content .mod-news:last-child{
    margin-bottom:10px;
  }
  .breadcrumbs-wrapper .inner{
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
  }
  .main-content{
    width:100%;
    box-sizing:border-box;
  }
.content > .main-content > .header,
  .section .page-inner,
  .intro-area_inner{
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
.content.l-wrapper-sp > .main-content > .header{
    padding-left: 0;
    padding-right: 0;
  }
  .sub-content{
    display:none;
  }
  .mod-multi-col.opt-cols-2.opt-line-narrow > h2.size-xxlarge{
    margin-top:20px;
  }
  .mod-link-title-wrapper + .mod-multi-col.opt-cols-2.opt-line-narrow > h2.size-xxlarge{
    margin-top:0;
  }



.col-2nd {
margin-top: 10px;
}

.col-2nd .col_l{
width: 100%;
}

.col-2nd .col_r{
width: 100%;
margin-left: 0;
}

.col-2nd .col_r div{
height: auto;
margin-top: 10px;
}

.col-2nd .col_r .mod-page-link.has-link-object .mod-page-link_content {
    padding: 19px 5px 9px 20px;
}


  .mod-multi-col .row,
  .mod-link-title-wrapper + .mod-multi-col,
  .mod-multi-col.opt-line-narrow .row,
  .mod-multi-col.opt-cols-3 .col,
  .mod-multi-col.opt-cols-35 .col,
  .mod-multi-col.opt-cols-2 .col{
    width:100%;
    float:none;
    clear:both;
    margin:0;
  }
  .mod-multi-col .row > div,
  .mod-multi-col.opt-line-narrow .row > div{
    max-width:100%;
  }
  .ctaxTopInfo {
    background: #fff;
    color: #000!important;
    border: 3px double #f66;
    padding: 8px 50px 10px;
    text-align: center;
    margin: 20px auto 0 auto;
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 150%;
    font-weight: normal;
    position: relative;
    box-sizing:border-box;
  }

  .mod-page-link.has-link-object.support_link .mod-page-link_content{
    padding-top:15px !important;
    padding-bottom:15px !important;
  }
  .mod-outline:hover{
    border-color:transparent;
  }

  .mod-multi-col.opt-cols-3 .col,
  .mod-multi-col.opt-cols-35 .col,
  .mod-multi-col.opt-cols-2 .col{
    margin-bottom:15px;
  }
  .mod-multi-col.opt-cols-3 .row:last-child .col:last-child,
  .mod-multi-col.opt-cols-35 .row:last-child .col:last-child,
  .mod-multi-col.opt-cols-2 .row:last-child .col:last-child{
    margin-bottom:0;
  }
  .mod-page-intro.has-text,
  .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal,
  .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights,
  .mod-page-link.has-link-object{
    display:flex;
  }
  .mod-link-title-wrapper.opt-title-noicon + .mod-outline{
    margin-top:0;
  }
  .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal + p.align-right.size-small.space-near{
    text-align:left !important;
    margin-top:10px;
    font-size:1.4rem !important;
  }
  .mod-page-intro.has-text.js-equal-heights{
    height:unset !important;
    min-height:unset !important;
  }
  .mod-multi-col.opt-cols-3 .mod-page-link_object,  .mod-multi-col.opt-cols-35 .mod-page-link_object{
    display:flex;
    width:133px;
    min-height:80px;
    position:relative;
    overflow:hidden;
  }
  .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights{
    height:auto !important;
  }

  .mod-multi-col.opt-cols-2.m-no-image-content .col > .mod-page-link.js-equal-heights .mod-page-link_content{
    padding-left:15px !important;
    padding-right:15px !important;
    min-height:inherit !important;
  }


  .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights .mod-page-link_content{
    padding-left: 148px !important;
    min-height:80px;
    background-size:0 !important;
    position:relative;
    padding-right:15px;
  }
  .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights .mod-page-link_content::after{
    content:'';
    width:133px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden;
    background-image:inherit;
    background-size:cover;
    background-position:center;
  }


  .mod-outline{
    padding:15px;
  }
  .mod-outline .mod-media.opt-media-left{
    display:flex;
    flex-direction:column;
  }
  .mod-outline .mod-media.opt-media-left .mod-media_object{
    float:none;
    margin-right:0;
    width:100%;
    display:block;
    margin-bottom:15px;
    padding-top:5px;
    padding-bottom:10px;
  }
  .mod-outline .mod-media.opt-media-left .mod-media_object img{
    margin:0 auto;
    display:block;
    max-width:100%;
    height:auto;
  }
  .mod-outline .mod-media.opt-media-left .mod-media_body p{
    font-size:1.6rem;
  }
  .mod-outline .mod-media.opt-media-left .mod-media_body p span{
    display:inline-block;
  }

  .mod-outline .mod-media.opt-media-left .mod-media_body .exhibition-title{
    font-size:1.8rem;
    margin:8px 0 4px 0;
    background-position:left 3px;
  }
  .tec-event .mod-outline .mod-media.opt-media-left .mod-media_body .exhibition-title{
    font-size:1.56rem;
    margin:4px 0 0 0;
    background-position:left 2px;
  }
  /* .tec-event .mod-outline .mod-media.opt-media-left .mod-media_body .exhibition-title br{
    display:none;
  } */

  .opt-line-narrow .mod-page-link.has-link-object.support_link{
    min-height:80px;
  }
  .mod-page-link.has-link-object.support_link .mod-page-link_object,
  .opt-line-narrow .mod-page-link.has-link-object.support_link .mod-page-link_object{
    width:90px;
    position:relative;
    overflow:hidden;
    display:block;
    min-height:80px;
  }
  .mod-page-link.has-link-object.support_link .mod-page-link_object > img,
  .opt-line-narrow .mod-page-link.has-link-object.support_link .mod-page-link_object > img{
    width:auto !important;
    height:80px !important;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
  }
  .opt-line-narrow .mod-page-link.has-link-object.support_link .mod-page-link_content{
    width:calc(100% - 90px);
    padding-left:15px !important;
    padding-right:15px !important;
    box-sizing:border-box;
  }

  .mod-page-intro.has-text .mod-page-intro_object img,
  .mod-multi-col.opt-cols-2 .mod-page-intro_object img,
  .mod-multi-col.opt-cols-35 .mod-page-link_object img,
  .mod-multi-col.opt-cols-3 .mod-page-link_object img{
    width:auto;
    max-height:100%;
    height:auto;
    min-height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateY(-50%) translateX(-50%);
    min-width:100%;
  }
 

  .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal.m-preserve-img .mod-page-intro_object img{
    width:100%;
    min-width:100%;
    max-width:100%;
    max-height:unset;
    height:auto;
    min-height:unset;
  }
  .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal.m-preserve-img .mod-page-intro_object{
    background:#e9e9e9;
    background: linear-gradient(to bottom, #ebebeb 0%, #ebebeb 50%, #e7e7e7 50%, #e7e7e7 100%);
  }


  .mod-page-link.has-link-object .mod-page-link_content{
    width:calc(100% - 133px);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    box-sizing:border-box;
  }
  .mod-page-intro.has-text .mod-page-intro_object,
  .mod-multi-col.opt-cols-2 .mod-page-intro_object{
    display:flex;
    width:133px;
    min-height:133px;
    position:relative;
  }
  .mod-page-intro.has-text .mod-page-intro_content,
  .mod-page-intro.opt-intro-horizontal .mod-page-intro_content{
    width:calc(100% - 133px);
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    box-sizing:border-box;
    flex-direction:column;
    padding:20px 15px;
    position:relative;
    z-index:1;
    background-color:inherit;
  }
  .mod-page-intro.has-text .mod-page-intro_content .mod-page-intro_content_title + p{
    margin-top: 11px;
  }
  .mod-related-link{
    display:flex;
    flex-direction:column;
  }
  .mod-related-link > li {
    float: none;
    margin-right: 0;
    font-size: 1.6rem;
    margin-top:25px;
  }
  .mod-related-link > li:first-of-type{
    margin-top:20px;
  }
  .space-veryfar {
    margin-top: 40px;
  }
  .intro-area {
    margin-top: 50px;
    padding: 50px 0;
  }
  a.mod-page-intro_object:before{
    width:100vw;
    z-index:2;
  }

.mod-multi-col.opt-cols-3 .col.doubleCol a{
width: 100%;
}

.mod-multi-col.opt-cols-3 .col.doubleCol a:before{
content:"";
width: 130px;
height: 100%;
display:inline-block;
background: url(/company/corporate/president/img/index_img001.jpg) 0 0 no-repeat;
background-size: 100%;
}

.mod-multi-col.opt-cols-3 .col.doubleCol .mod-page-intro_content{
margin-left: 140px;
}

.mod-multi-col.opt-cols-3 .col.doubleCol .mod-page-intro_object{
background: none;
}


  .mod-page-intro{
    overflow:hidden;
  }
  .l-wrapper-sp .mod-ul{
    margin-left: 4px;
  }
  .ir-reference{
    background-size:250px auto;
    background-position:right top;
    background-color:#F0EDFB;
  }
  .ir-reference_list{
    display:flex;
    flex-wrap:wrap;
    padding:5px 10px;
    background-color: #646464;
  }
  .ir-reference_list > li{
    min-width:50%;
    max-width:100%;
    justify-content:flex-start;
    align-items:flex-start;
    float:none;
    margin-left:0;
    padding:10px 5px;
    box-sizing:border-box;
  }
  .ir-reference_list > li > a{
    padding-left:20px;
    background-position:left 4px;
    display:inline-block;
  }
  .ir-news {
    margin-top: 30px;
    padding-bottom: 90px;
    border-bottom: none;
    position:relative;
  }
  .ir-news .mod-section-title.has-link p {
    float: none;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    display:block;
  }
  .ir-news .mod-section-title.has-link p a{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.6rem;
    background-color:var(--main-black);
    background-image:var(--arrow-white);
    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position:16px center;
    padding:5px 40px;
    box-sizing:border-box;
    width:100%;
    max-width:300px;
    margin:0 auto;
    height:60px;
    border-radius:6px;
  }
  .mod-section-title + .mod-news{
    margin-top:0;
  }
  .mod-news{
    margin-top:0;
    display:block;
    padding:20px 0;
    border-bottom:solid 1px var(--main-grey-light);
  }
  .section.l-wrapper-sp > .mod-news:first-child{
    border-top:solid 1px var(--main-grey-light);
  }
  .mod-news .mod-news_date,
  .mod-news .mod-news_label{
    display:inline-block;
    margin-top:0;
    vertical-align: middle;
  }
  .mod-news .mod-news_label{
    font-size:1.2rem;
  }
  .mod-news .mod-news_title{
    display:block;
    padding-left:0;
    padding-top:5px;
    font-size:1.4rem;
  }
  .mod-news .mod-news_date{
    font-size:1.4rem; 
  }
  .csrtop .category_link{
    margin-top:20px;
  }
  .csrtop .category_link + p > a > img{
    width:100%;
  }
  .csrtop .topics_list{
    width:100%;
  }
  .csrtop .category_link .link_col_single2 .each_link a{
    display:block;
  }
  .csrtop .category_link .link_col_single2 .each_link a > div {
    position: absolute;
    right:inherit;
    left: 45%;
    top: 0;
    height:100%;
    width:55%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    -webkit-transform: none;
    transform: none;
  }
  .csrtop .category_link .link_col_single2 .each_link .sine{
    width:50%;
    -webkit-transform: none;
    transform: none;
    margin-top:5px;
    margin-top:1%;
    flex:0 0 auto;
  }
  .csrtop .category_link .link_col_single2 .each_link .sine img{
    width:100%;
    display:block;
  }
  .csrtop .category_link .link_col_single2 .each_link .officer{
    margin-top:8px;
    margin-top:2vw;
    font-size:1.2rem;
    font-size:2vw;
    flex:0 0 auto;
  }
  .csrtop .category_link .each_link .cate_name {
    flex:0 0 auto;
    position:relative;
    height:auto;
  }
  .csrtop .category_link .each_link .cate_name i{
    padding-right: 0;
    font-size: 1.6rem;
    font-size: 3vw;
    -webkit-transition: none;
    transition: none;
  }
  .csrtop .category_link .each_link .cate_name i::before{
    display:none !important;
  }


  .cts_link .child_link li a:hover i::after,
  .csrtop .category_link .each_link a:hover .cate_name i::after,
  .csrtop .category_link .each_link .cate_name i::after{
    content: '';
    position: relative;
    height: 3vw;
    width: 3vw;
    background-color: transparent !important;
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    -webkit-transition: none;
    transition: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.4vw;
    transform: translateY(-0.3vw);
  }
  .cts_link .child_link li a:hover i,
  .cts_link .child_link li a i,
  .csrtop .category_link .each_link a:hover .cate_name i,
  .csrtop .category_link .each_link .cate_name i{
    margin-left:1.8vw;
    /* margin-left:2.5vw; */
  }
  .csrtop .category_link .link_col_single2 .each_link .cate_name i,
  .csrtop .category_link .link_col_single2 .each_link a:hover .cate_name i{
    margin-left:0;
  }
  .l-wrapper-sp .mod-box .mod-ul.m-spaced-list-sp{
    padding-bottom: 25px;
  }
  .l-wrapper-sp .mod-box{
    /* padding-top: 30px; */
    padding: 20px 20px 15px 20px;
  }
  .csrtop .category_link .link_col_single .each_link .cate_name{
    position: absolute;
    left: 0;
    top: 0;
    height:100%;
    width:43%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    -webkit-transform: none;
    transform: none;
    padding-left:0;
    
  }
  .csrtop .category_link .link_col .each_link .cate_name{
    position: absolute;
    left: 0;
    top: 0;
    height:100%;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    -webkit-transform: none;
    transform: none;
  }
  .csrtop .category_link .link_col .each_link .cate_name i,
  .csrtop .category_link .link_col_single .each_link .cate_name i{
    color:#fff;
    padding-right:30px;
    padding-right:0;
    font-size:1.6rem;
    font-size:3vw;
    -webkit-transition: none;
    transition: none;
    line-height:1.3;
  }
  .csrtop .category_link .link_col .each_link .cate_name i span,
  .csrtop .category_link .link_col_single .each_link .cate_name i span{
    font-size:80%;
    margin-bottom:0.5vw;
  }
  .cts_link .each_list li a:hover:after {
    opacity: 0;
  }
  .cts_link .each_list li:hover .ph img {
    transform: none;
  }
  .csrtop .category_link .each_link a:hover .ph::before{
    opacity: 1 !important;
  }
  [data-cts="cts1"] {
    background-color: #FFF;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width:100%;
    box-sizing:border-box;
    margin-top:-30px;
    padding-top:30px;
    overflow:hidden;
  }
  .csrtop .wrp-topics {
    position:relative;
    padding-bottom:120px;
    margin-bottom:50px;
  }
  .csrtop .wrp-topics .topics_title {
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
  }
  .csrtop .wrp-topics .topics_title .topics_hdg {
    background-color: var(--main-red);
    border-radius: 0;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.8rem;
    height: 40px;
    width: 100%;
    box-sizing:border-box;
    padding:5px 10px 0 10px;
    font-weight:bold;
  }
  .csrtop .wrp-topics .topics_title a {
    position:absolute;
    left:50%;
    bottom:30px;
    width:100%;
    max-width:300px;
    transform:translateX(-50%);
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: var(--main-red);
    color: #fff;
    padding: 10px 40px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
  }
  .csrtop .wrp-topics .topics_title .topics_more{
    font-size:inherit;
    padding:0;
  }
  .csrtop .wrp-topics .topics_title .topics_more::before,
  .csrtop .wrp-topics .topics_title .topics_more::after{
    display:none;
  }
  .csrtop .topics_list li a::after,
  .csrtop .topics_list li a:hover::after {
    border-bottom: 2px solid var(--main-red);
    border-right: 2px solid var(--main-red);
    content: "";
    height: 12px;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: none;
    transition: none
  }
  .csrtop .topics_list li .textb p{
    font-size:1.6rem;
    margin-top:0;
  }
  .csrtop .topics_list li .textb p.ymd{
    font-size:1.4rem;
    color:var(--main-red);
    margin-bottom:3px;
  }
  .csrtop .topics_list li {
    border-bottom: 1px solid var(--main-red);
  }
  .csrtop .topics_list li .thumbnail{
    width:90px;
    margin-right:10px;
  }
  .csrtop .topics_list li a:hover .thumbnail img,
  .csrtop .topics_list li .thumbnail img{
    width:100%;
    -webkit-transition: none;
    transition: none;
    transform:none;
  }
  .l-resp-img{
    width:100%;
    height:auto;
  }
  .header .l-resp-img{
    width:calc(100% + 20px);
    margin-left:-10px;
  }
  .header + .l-wrapper-sp > .mod-anchor-box{
    margin-top:25px;
    padding:20px;
  }
  .header + .l-wrapper-sp > .mod-anchor-box > .mod-anchor-list{
    margin-top:0;
  }
  .mod-anchor-list{
    display:flex;
    flex-direction:column;
  }
  .mod-anchor-list > li {
    float: none;
    margin: 0;
    padding-left: 0;
    background:none;
    margin-bottom:15px;
  }
  .mod-anchor-list > li:last-of-type {
    margin-bottom:0;
  }
  .mod-anchor-list > li a{
    font-size:1.6rem;
    display:inline-block;
    padding-left:22px;
    position:relative;
    background-image:var(--arrow-bottom-grey);
    background-position:left 2px;
    background-repeat:no-repeat;
  }
  .section[id]{
    margin-top:0;
    padding-top:45px;
  }
  .section:first-child{
    padding-top:0;
  }
  .m-contents-separator{
    padding:20px 0;
  }
  .mod-button > a:before,
  .mod-button > button:before{
    display:none;
  }

  .mod-button > a,
  .mod-button > button{
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: var(--main-red);
    color: #fff;
    height: 60px;
    max-width: 300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
  }
  .fn-alpha-rollover,
  .fn-alpha-rollover:hover{
    transition:none;
    opacity:1;
    cursor:pointer;
    /* -webkit-tap-highlight-color: transparent; */
  }

  .mod-accordion .fn-alpha-rollover .mod-local-title{
    position:relative;
  }
  .mod-accordion .fn-alpha-rollover .mod-local-title h3{
    /* padding-right:42px; */
    position:unset;
    padding-right:6px;
  }
  .mod-accordion .fn-alpha-rollover .mod-local-title h3::after{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    background-image:var(--red-open-btn);
    margin-left:0;
    vertical-align:0;
  }
  .mod-accordion.is-expanded .fn-alpha-rollover .mod-local-title h3::after{
    background-image:var(--red-close-btn);
  }
  .mod-accordion_content.js-accordion-content .section:first-child{
    padding-top:20px;
  }
  .mod-accordion_content.js-accordion-content .section{
    margin-top:0;
    padding-top:30px;
  }
  .m-area-map-container .header ~ .section{
    margin-top:-10px;
  }
  .m-area-map-container .header ~ .section .section.body{
    display:flex;
    flex-direction:column;
    margin-top:25px;
  }
  .m-area-map-container .header ~ .section .section.body .mod-button{
    order:2;
    text-align:center;
    display:block;
    width:100%;
    margin-top: 10px !important;
  }
  .m-area-map-container .header ~ .section .section.body .mod-button a{
    background-color:var(--main-black);
    width:100%;
    margin:0 auto;
    max-width:300px;
    box-sizing:border-box;
    position:relative;
  }

  .m-area-map-container .header ~ .section .section.body .mod-button a[target="_blank"]::after{
    content:'';
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    width:13px;
    height:10px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:var(--blank-icon-white);
    
  }


  .m-area-map-container .header ~ .section .section.body .mod-button a .mod-icon-window{
    display:none;
  }

  .mod-button > a:hover,
  .mod-button > button:hover{
    opacity: 1;
  }
  .news-content{
    margin-top: 25px;
    padding: 40px 15px;
    border: #e2e2e2 2px dotted;
    background-color: #fff;
    width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
  #contentArea .releaseDate{
    margin-top:30px;
    margin-bottom:0;
    padding-bottom:0;
  }
  #contentArea p{
    margin-top:0;
    margin-bottom:0;
    padding-bottom:20px;
  }
  #contentArea .section > p:last-of-type{
    padding-bottom:0;
  }
  #contentArea p + br + h3{
    margin-top:0;
  }
  #contentArea h3{
    margin-top:20px;
    margin-bottom:15px;
  }
  .news-content + .mod-button-list.mt50{
    margin-top: 30px !important;
  }
  .news-content + .mod-button-list > li{
    display:block;
    width:100%;
  }
  .news-content#contentArea div.section{
    margin-top:20px;
  }
  #contentArea table.m-table th,
  #contentArea table.m-table td{
    text-align:left;
    vertical-align: top;
    padding:10px;
  }
  #contentArea table.m-table th{
    padding-left:0;
  }
  #contentArea table.m-table th ul li{
    margin-top:-22px;
  }
  #contentArea table.m-table,
  #contentArea table.m-table tbody,
  #contentArea table.m-table tbody tr,
  #contentArea table.m-table tbody tr th,
  #contentArea table.m-table tbody tr td{
    display:block;
    width:100%;
    box-sizing:border-box;
  }
  #contentArea div.section > table.m-table:last-of-type{
    margin-bottom:0 !important;
  }
  #contentArea h2{
    font-size:2rem;
    text-align:left;
  }

  #search-box {
    width: 100%;
    margin: 0;
    padding:15px 10px;
    box-sizing:border-box;
  }
  .mf_finder_container {
    margin-bottom:20px;
  }
  .mf_finder_searchBox {
    display:flex;
  }
  #search-box .mf_finder_searchBox_sort{
    float:none;
  }
  #search-box .mf_finder_searchBox_pagemax{
    float:none;
  }

  #search-box .mf_finder_searchBox_items{
    position:relative;
    padding:0;
    padding-right:50px;
  }
  .mf_finder_searchBox_query_wrap{
    display:block;
    width:100%;
  }
  #search-box input[type="text"] {
    width:100%;
    height: 50px;
    padding: 14px 10px 14px 20px;
    font-size:1.6rem;
    border:solid 1px #D9D9D9;
    border-right:none;
    line-height: 1.6;
    font-weight: bold;
    vertical-align: middle;
    box-sizing: border-box;
  }
  #search-box input[type="text"]:focus-visible {
    outline: none;
  }


  #search-box .mf_finder_searchBox_submit{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
  }
  #search-box .mf_finder_searchBox_submit:after{
    display:none;
  }
  #search-box .mf_finder_searchBox_submit:before{
    margin-right:0;
    width:30px;
    height:30px;
  }

  .mf_finder_drilldown_items{
    overflow:hidden;
    transition:max-height 0.25s ease-out;
  }
  .mf_finder_drilldown:not(.is-opened) .mf_finder_drilldown_items{
    max-height:0;
  }
  .l-zuba-col{
    display:block;
    margin-top: 0;
  }
  .l-zuba-col-left,
  .l-zuba-col-right{
    width:100%;
  }
  .l-zuba-col-left{
    margin-bottom:20px;
  }
  .mf_finder_organic_doc{
    display:block;
    position:relative;
  }
  .mf_finder_organic_doc_img_wrapper.mf_gui_img_frame {
    width: 100px;
    min-width: 100px;
  }
  .mf_finder_organic_doc_body_wrapper {
    margin-top:15px;
  }
  .mf_finder_organic_doc.mf_finder_doc_outbound{
    position:relative;
  }
  .mf_finder_organic .mf_finder_organic_doc_contents_wrapper .mf_finder_organic_doc_title_wrapper.mf_finder_link{
    position:absolute;
    right:0;
    top:17px;
    width:calc(100% - 100px);
    padding-left:15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    height:102px;
    box-sizing:border-box;
  }
  .mf_finder_organic_doc{
    padding:20px 0;
  }
  .mf_finder_organic_doc_url{
    display:none;
  }
  .mf_finder_organic_doc_title{
    word-wrap: break-word;
    word-break: break-all;
  }
  .mf_finder_organic .mf_finder_link,
  .mf_finder_organic .mf_finder_link:hover
  .mf_finder_organic .mf_finder_link:visited{
    text-decoration:none;
  }
  .mf_finder_organic_doc_contents_wrapper{
    margin-left:0;
  }
  .mf_finder_searchBox_form{
    display:block;
    width:100%;
  }
  .mf_finder_organic_doc_zoom {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    font-weight: bold;
    display: none !important;
  }
  .mf_finder_organic_doc_zoom:before{
    margin-right: 6px;
    font-size: 13px;
    font-weight: normal;
  }

  .mf_finder_drilldown_items {
    padding-top:0;
    padding-bottom:0;
  }
  .mf_finder_drilldown_items > li:first-of-type{
    margin-top:2px;
  }
  .mf_finder_drilldown_items > li:last-of-type{
    margin-bottom:2px;
  }
  .mf_finder_searchBox_items_wrapper{
    margin-bottom:15px;
  }
  
  .mf_finder_zubaken{
    margin-top:30px;
    padding:17px;
  }
  .mf_finder_zubaken_items{
    flex-wrap:wrap;
    justify-content: space-between;
    justify-content: flex-start;
  }
  .mf_finder_zubaken_items .mf_finder_zubaken_item.mf_finder_doc_outbound{
    max-width:calc(33.333% - (24px / 3));
    width:calc(33.333% - (24px / 3));
    margin-left:12px;
    margin-top:12px;
  }
  .mf_finder_zubaken_items .mf_finder_zubaken_item.mf_finder_doc_outbound:nth-child(-n+3){
    margin-top:0;
  }
  .mf_finder_zubaken_items .mf_finder_zubaken_item.mf_finder_doc_outbound:nth-child(3n-2){
    margin-left:0;
  }
    
  

  #search-box .mf_finder_searchBox_links .mf_finder_searchBox_category_links div a, 
  #search-box .mf_finder_searchBox_links .mf_finder_searchBox_imgsize_links div a, 
  #search-box .mf_finder_searchBox_links .mf_finder_searchBox_pagemax_links div a, 
  #search-box .mf_finder_searchBox_links .mf_finder_searchBox_sort_links div a{
    font-weight:bold;
    font-size:14px;
    padding:2px 8px;
  }
  .cmp-drilldown-head{
    cursor:pointer;
  }
  .cmp-drilldown-head::before{
    content:'';
    display:inline-block;
    background-image:var(--sort-icon);
    background-position:center center;
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:12px;
    vertical-align:-2px;
  }
  .mf_finder_drilldown_reset{
    padding:0;
    height:0;
    overflow:hidden;
    transition:height 0.25s;
  }
  .mf_finder_drilldown_reset a{
    margin: 5px 10px 20px 10px;
  }
  .mf_finder_drilldown.is-active .mf_finder_drilldown_reset{
    height:53px;
  }
  #search-box .mf_finder_organic_pager_wrapper{
    margin-top:20px;
  }

  .area-map-sp{
    margin-top:15px;
    background:#fff;
  }
  .area-map-sp img{
    display:block;
    width:100%;
    height:auto;
  }
  .area-map-sp .area-map-sp_list{
    list-style:none;
  }
  .area-map-sp .area-map-sp_list > li{
    border-top:solid 2px #F7F7F9;
  }
  .area-map-sp .area-map-sp_list > li > a{
    display:block;
    padding:16px 20px 11px 42px;
    text-decoration:none;
    font-size:1.6rem;
    font-weight:bold;
    background-image:var(--arrow-bottom-red);
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:20px 18px;
  }
  .area-map-sp .area-map-sp_list > li > a span{
    content:'';
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:-3px;
    margin-left:25px;
  }
  .area-map-sp .area-map-sp_list > li.hokkaido > a span{
    background-color:#5E6FCE;
  }
  .area-map-sp .area-map-sp_list > li.tohoku > a span{
    background-color:#7A8CE8;
  }
  .area-map-sp .area-map-sp_list > li.kitakanto > a span{
    background-color:#53B9EF;
  }
  .area-map-sp .area-map-sp_list > li.syutoken > a span{
    background-color:#F74054;
  }
  .area-map-sp .area-map-sp_list > li.tokai > a span{
    background-color:#FF8100;
  }
  .area-map-sp .area-map-sp_list > li.kinki > a span{
    background-color:#FFCC00;
  }
  .area-map-sp .area-map-sp_list > li.chugoku > a span{
    background-color:#87D100;
  }
  .area-map-sp .area-map-sp_list > li.shikoku > a span{
    background-color:#ECF300;
  }
  .area-map-sp .area-map-sp_list > li.kyusyu > a span{
    background-color:#009E01;
  }
  .mod-link-title-wrapper + .no-event{
    margin-top:-10px;
  }

}


/* IE11 SUPPORT */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .m-image-link{
    flex:0 0 auto;
  }
  .mf_finder_zubaken_wrapper * {
    flex:0 0 auto;
  }

  .support_link{
    min-height:inherit;
  }
  .m-products-list > ul{
    display:flex;
    flex-wrap:wrap;
  }
  .m-products-list > ul > li{
    width:33.333%;
    max-width:300px;
    margin-right:20px;
    padding-bottom:30px;
  }
  .m-products-list > ul > li:nth-of-type(3n){
    margin-right:0;
  }
  .m-trend-words-list > ul{
    display:flex;
    flex-wrap:wrap;
  }
  .m-trend-words-list > ul > li{
    width:25%;
    max-width:220px;
    margin-right:20px;
  }
  .m-trend-words-list > ul > li:nth-of-type(4n){
    margin-right:0;
  }
  .m-trend-words-list > ul > li a,
  .m-trend-words-list > ul > li a .m-image-link{
    width:100%;
    flex:0 0 auto;
  }
  .m-trend-words-list > ul > li a .m-image-link{
    margin-bottom:10px;
  }
  .m-pickup-list .swiper > ul{
    display:flex;
  }
  .m-pickup-list .swiper > ul > li{
    max-width:300px;
    margin-right:20px;
    height:auto;
  }
  .m-support-list > ul{
    display:flex;
  }
  .m-support-list > ul > li{
    width:180px;
    height:180px;
    margin-right:20px;
  }
  .m-support-list > ul > li:last-of-type{
    margin-right:0;
  }
  .m-support-list > ul > li a{
    width:180px;
    height:180px;
    text-align:center;
  }
  .m-support-list > ul > li a .m-arrow-link{
    display:inline-block;
    max-width:100%;
    margin-top:10px;
  }
  .m-images-list > ul{
    display:flex;
  }
  .m-images-list > ul > li{
    max-width:300px;
    margin-right:20px;
  }
  .m-images-list > ul > li > a > span small{
    display:block;
  }
  .m-images-list > ul > li > a > span small wbr{
    display:block;
  }
  .m-links-list ul > li{
    margin-right:30px;
  }
  .main-visual .swiper-slide{
    position:relative;
    overflow:hidden;
  }
  .main-visual .swiper-slide > img{
    flex:0 0 auto;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    height:100%;
    width:auto;
  }
  .m-products-list-top > ul{
    display:block;
  }
  .m-products-list-top > ul > li > ul{
    display:flex;
    justify-content:flex-start;
  }
  .m-products-list-top > ul > li > ul > li{
    width:25%;
    max-width:220px;
    margin-right:20px;
  }
  .m-products-list-top > ul > li > ul > li:last-of-type{
    margin-right:0;
  }
  .m-anchor-list > ul > li{
    margin:0 15px;
  }
  .m-cupon-button.m-arrow-button > span strong,
  .m-cupon-button.m-arrow-button > span small,
  .m-black-search-button strong,
  .m-black-search-button small,
  .m-black-search-button::before,
  .m-circle-arrow-link::before,
  .m-arrow-button::before,
  .m-simple-dropdown-trigger::before{
    display:block;
  }
  a:hover .m-arrow-link,
  a.m-arrow-link:hover,
  a:hover .m-circle-arrow-link,
  a.m-circle-arrow-link:hover{
    text-decoration:underline;
  }
  .m-page-title.has-inner + .breadcrumbs-wrapper,
  .m-page-title.has-gradation + .breadcrumbs-wrapper{
    transform:translateY(20px);
  }
  .m-search-form .m-search-form-list > .product_list_box{
    margin-bottom:20px;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li{
    margin-top:15px;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li:nth-of-type(-n+4){
    margin-top:0;
  }
  .m-recommend-list > ul {
    display: flex;
    justify-content:space-between;
  }
  .m-recommend-list > ul > li{
    width:50%;
    max-width:455px;
  }
  .m-recommend-list > ul > li .m-image-link{
    margin-bottom:20px;
  }
  .page-container > .content{
    flex:0 0 auto;
  }
  .m-products-cat-top-list{
    display:flex;
    flex-wrap:wrap;
  }
  .m-products-cat-top-list > div{
    width:33.3333%;
    max-width:300px;
    margin-top:60px;
    margin-right:20px;
    display:block;
    flex:0 0 auto;
  }
  .m-products-cat-top-list > div > a{
    margin-bottom:15px;
  }
  .m-products-cat-top-list > div:nth-of-type(-n+3){
    margin-top:0;
  }
  .m-products-cat-top-list > div:nth-of-type(3n){
    margin-right:0;
  }
  .m-products-cat-top-list > div .m-image-link{
    margin-bottom:15px;
  }
  .m-products-cat-top-list > .m-products-cat-top-list-more{
    width:100%;
    margin-top:50px;
  }
  .m-show-more-btn::before{
    margin-right:10px;
  }
  .m-search-result-specs > dl,
  .m-search-results-conditions > dl{
    display:flex;
    flex-wrap:wrap;
  }
  .m-search-result-specs > dl > dt,
  .m-search-results-conditions > dl > dt{
    width:96px;
    margin-right:10px;
  }
  .m-search-result-specs > dl > dd,
  .m-search-results-conditions > dl > dd{
    width:calc(100% - 106px);
  }
  .m-search-result{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 220px 30px auto;
    grid-template-columns: 220px auto;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto;
        grid-template-areas:
    "image title"
    "image desc"
    "image specs"
    "image blank";
    gap:0 30px;
  }
  .m-search-result-image{
    -ms-grid-row: 1;
    -ms-grid-row-span: 7;
    -ms-grid-column: 1;
    grid-area: image;
  }
  .m-search-result-title{
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
  }
  .m-search-result-desc {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: desc;
  }
  .m-search-result-specs {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: specs;
  }
  .m-search-result-specs{
    display:table;
    width:100%;
    box-sizing:border-box;
  }
  .m-search-result-specs > dl{
    display:table-row;
  }
  .m-search-result-specs > dl > dt,
  .m-search-result-specs > dl > dd{
    display:table-cell;
  }
  .m-search-result-specs > dl > dd{
    padding-left:15px;
    box-sizing:border-box;
    position:relative;
  }
  .m-search-result-specs > dl > dd::before{
    position:absolute;
    left:0;
    top:0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 767px) {
  main{
    width:100%;
    overflow:hidden;
  }
  .m-trend-words-list > ul,
  .m-support-list > ul,
  .m-products-list > ul {
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .m-support-list > ul > li,
  .m-trend-words-list > ul > li,
  .m-products-list > ul > li{
    width:calc(50% - 7px);
    margin-right:0;
    max-width:100%;
  }
  .m-pickup-list .swiper > ul > li{
    max-width:100%;
  }
  .m-support-list > ul > li,
  .m-trend-words-list > ul > li{
    margin-bottom:20px;
  }
  .m-images-list > ul{
    display:block;
  }
  .m-images-list > ul > li{
    width:100%;
    max-width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
  .m-anchor-list > ul > li{
    margin:0;
  }
  .m-products-list-top > ul > li > ul{
    flex-wrap:wrap;
  }
  .m-products-list-top > ul > li > ul > li{
    width:calc(50% - 7.5px);
    margin-right:15px;
    margin-bottom:10px;
    max-width:calc(50% - 7.5px);
  }
  .m-products-list-top > ul > li > ul > li:nth-of-type(even){
    margin-right:0;
  }
  .has-sp-navi-open #sp-header{
    z-index:9;
    position:fixed;
    width:100%;
  }
  .has-sp-navi-open #sp-header .sp-navigation{
    opacity:1;
  } 
  .m-search-form .business_list .mod-search_checkbox-list > li:nth-of-type(-n+4){
    margin-top:15px;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li:first-of-type{
    margin-top:0;
  }
  .m-recommend-list > ul{
    display:block;
  }
  .m-recommend-list > ul > li{
    width:100%;
    max-width:100%;
    margin-bottom:30px;
  }
  .m-recommend-list > ul > li:last-of-type{
    margin-bottom:0;
  }
  .m-products-cat-top-list{
    display:block;
  }
  .m-products-cat-top-list > div{
    margin-right:0;
    width:100%;
    max-width:100%;
    margin-top:0;
  }
  .m-products-cat-top-list > div > a .m-image-link{
    margin-right:15px;
  }
  .m-search-result{
    -ms-grid-columns: 120px 10px auto;
    grid-template-columns: 120px auto;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas:
    "image title"
    "desc desc"
    "specs specs";
    gap: 0 10px;
    padding: 20px 0;
    word-break:break-all;
  }
  .m-search-result-image{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span:1;
    grid-area: image;
  }
  .m-search-result-title{
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
  }
  .m-search-result-desc {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: desc;
  }
  .m-search-result-specs {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: specs;
  }
  .csrtop .category_link .each_link .cate_name i::after{
    bottom:0.5vw;
  }
  .csrtop .category_link .link_col_single2 .each_link .cate_name i::after{
    bottom:0.8vw;
  }

  .mod-page-intro.has-text .mod-page-intro_content .mod-page-intro_content_title + p,
  .mod-page-intro.opt-intro-horizontal .mod-page-intro_content_title + p{
    display:block;
    width:100%;
  }



  .mf_finder_organic_doc_title{
    word-wrap: break-word;
    word-break: break-all;
    display:inline-block;
  }

	.mod-page-link.js-equal-heights,
  .mod-page-intro.has-text.js-equal-heights{
    height:inherit !important;
    min-height:inherit !important;
  }

  .mf_finder_zubaken_wrapper * {
    flex:0 0 auto;
  }
  .mf_finder_organic_doc_title.ie-ellipsis::after {
    content: '...';
    position: absolute;
    right: 0;
    top: 74px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    /* background:#f7f7f9; */
    color:inherit;
    font-size:14px;
    font-weight:normal;
    line-height:0;
    width:1.5rem;
    width:3rem;
    height:2.5rem;
    background: linear-gradient(to right, rgba(255,255,255,0) 0, #f7f7f9 10px, #f7f7f9 10px, #f7f7f9 100%);
  }



}

/* 20230327追加▼▼ */


.m-arrow-button.m-invoice-button{
  padding:14px 14px 10px 14px;
  justify-content:space-between;
}
.m-arrow-button.m-invoice-button::after{
  content:'';
  width:30px;
  height:30px;
  margin-left:6px;
  flex:0 0 auto;
  background-image: url("/support/img/index_download_img02.png");
  background-position: left;
  background-size: 125%;
  background-repeat: no-repeat;
}
.m-arrow-button.m-invoice-button > span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.m-arrow-button.m-invoice-button > span small{
  font-size:1.4rem;
  font-weight:normal;
}
.m-arrow-button.m-invoice-button > span strong{
  font-size:1.5rem;
  font-weight:bold;
}
@media screen and (max-width: 767px){
  .m-arrow-button.m-invoice-button{
    max-width:300px;
    margin:0 auto;
  }

  .m-arrow-button.m-invoice-button > span small,
  .m-arrow-button.m-invoice-button > span strong{
    font-size:1.4rem;
  }
}
/* 20230327追加▲▲ */

.wp {
 word-wrap: break-word;
}

/* 20230712追加▼▼ */

.m-partner-list > ul{
  display:grid;
  gap:30px 20px;
  grid-template-columns: 1fr 1fr 1fr;
  overflow:hidden;
}
.m-partner-list > ul > li{
  padding-top:30px;
  position:relative;
}
.m-partner-list > ul > li > a{
  text-decoration:none;
  display:block;
}
/*.m-partner-list > ul > li:nth-of-type(3n+1)::before{
  content:'';
  width:calc(300% + 40px);
  height:1px;
  background:var(--main-grey-light);
  position:absolute;
  left:0;
  top:0;
}*/
.m-partner-list > ul > li .m-image-link{
  display:block;
  margin-top:9px;
  margin-bottom:20px;
}
.m-partner-list > ul > li .m-image-link img{
  display:block;
  width:98%;
  margin:0 auto;
  height:auto;
  border: solid 1px var(--main-grey-light);
}
.m-partner-lists p.m-intro{
  display:block;
  padding-bottom:30px;
}
.m-products-top-section{
  padding-top:0;
}

/* SP ONLY */
@media not screen and (max-width: 767px){

  .m-partner-list > ul > li a .m-circle-arrow-link{
    text-decoration-line:underline;
    text-decoration-color: transparent;
    transition:text-decoration-color 0.2s;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
  .m-partner-list > ul > li a:hover .m-circle-arrow-link{
    text-decoration-line:underline;
    text-decoration-color: initial;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
}

/* SP ONLY */
@media screen and (max-width: 767px){
  .m-partner-list > ul {
    display: grid;
    gap: 25px 15px;
    grid-template-columns: 1fr;
  }
  .m-partner-list > ul > li > ul > li a {
    font-size: 1.6rem
  }
  .m-partner-list > ul > li:nth-of-type(3n+1)::before {
    display:none;
  }
  /*.m-partner-list > ul > li:nth-of-type(odd)::before {
    content: '';
    display:block;
    width: calc(300% + 30px);
    height: 1px;
    background: var(--main-grey-light);
    position: absolute;
    left: 0;
    top: 0;
  }*/
  
}

/* IE11 SUPPORT */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .m-partner-list > ul{
    display:flex;
    flex-wrap:wrap;
  }
  .m-partner-list > ul > li{
    width:33.333%;
    max-width:300px;
    margin-right:20px;
    padding-bottom:30px;
  }
  .m-partner-list > ul > li:nth-of-type(3n){
    margin-right:0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 767px) {
  .m-partner-list > ul {
    justify-content:space-between;
    flex-wrap:wrap;
  }
    .m-partner-list > ul > li{
    width:calc(50% - 7px);
    margin-right:0;
    max-width:100%;
  }
}
/* 20230712追加▲▲ */
/* 20240805追加▼▼ */

/* PC ONLY */
@media screen and (min-width:768px){
  .hide-pc {
    display: none!important;
  }
  .visibility-hide-pc {
    visibility:hidden!important;
    height: 0!important;
  }
}
/* SP ONLY */
@media screen and (max-width: 767px){
  .hide-sp {
    display: none!important;
  }
  .visibility-hide-sp {
    visibility:hidden!important;
    height: 0!important;
  }
}
.thumb {
  text-align: center;
}
.thumb > img {
  max-width: 100%;
}

/* PC ONLY */
@media screen and (min-width:768px){
  .text-size-14px-pc {
    font-size: 14px!important;
  }
  .text-size-12px-pc {
    font-size: 12px!important;
  }
  .text-size-10px-pc {
    font-size: 10px!important;
  }
}


/* SP ONLY */
@media screen and (max-width: 767px){
  .text-size-14px-sp {
    font-size: 14px!important;
  }
  .text-size-12px-sp {
    font-size: 12px!important;
  }
  .text-size-10px-sp {
    font-size: 10px!important;
  }
}

/*テキスト*/
.page-head__ttl {
  margin: 0 auto 50px;
  text-align: center;
  font-size: 3.4rem;
  line-height: 1.47;
  font-weight: bold;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}

.section-head__ttl {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 2.6rem;
  line-height: 1.46;
  font-weight: bold;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}
.lead-head__ttl {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 2rem;
  line-height: 1.46;
  font-weight: bold;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}
/* SP ONLY */
@media screen and (max-width: 767px){
  .page-head__ttl {
    font-size: 2rem;
  }
  .section-head__ttl {
    font-size: 1.8rem;
  }
  .lead-head__ttl {
    font-size: 1.6rem;
  }
}

/* 20240805追加▲▲ */

/* 20241024追加▼▼ */
.plan {
    margin: 20px auto 20px;
    width: 100%;

}
.plan li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 50px;
}
.plan div {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 10px;
}
.plan .plan-l {
    width: 24%;
    text-align: center;
    font-weight: bold;

}

.plan .plan-r {
    width: 60%;
    position: relative;
}
.plan .plan-l, .plan .plan-r {
display:flex;
align-items: center;
justify-content: center;
}
.plan li::after{
    content: '';
    width: 44px;
    height: 30px;
    /* margin-left: 6px; */
    flex: 0 0 auto;
    background-image: url(/company/dx/img/aihub/arrow-yellow.png);
    background-position: left;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(12%);
    bottom: -40px;
}

.plan li:last-child::after {
    content: none;
}
.box-white {
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 60px;
}

@media screen and (max-width: 767px){
	.plan li {
		
	}
	.plan .plan-l {
		width: 100%;
	    margin-bottom: 10px;
	}
	.plan .plan-r {
		width: 100%;
	}
	.plan li::after{
		left: calc(50% - 20px);
	}
	
	.box-white {
	    padding: 20px 20px;
	    margin-top: 30px;
	}

}

/* 20241024追加▲▲ */

.l-section-icon .l-wrapper.oyakudachi::before{
    height: 2px;
}

.oyakudachi .m-images-list{
    margin-bottom: 0;
}

.oyakudachi .m-images-list p{
    font-size: 120%;
    margin: 8px 0;
    font-weight: 700;
}

.oyakudachi .m-images-list > ul > li > a{
    height: auto;
}

.oyakudachi .m-images-list > ul{
    padding-top: 0;
    gap: 0 30px;
    justify-content: center;
    text-align: center;
    grid-template-columns: 300px 300px;
}

@media screen and (max-width: 767px){
    .oyakudachi .m-images-list > ul{
        grid-template-columns: 50% 50%;
        gap: 10px;
    }

    .oyakudachi .m-images-list > ul li{
        width: 100%;
    }
}

/* ==========================================================================
   2025/7 Xアイコンを右下に移動
   ========================================================================== */
.footer-plus{
position: relative;
margin-top: 10px;
background: #ededed;
padding: 15px 10px;
text-align: center;
}

.footer-plus .footer-catchcopy img{
width: 560px;
}

.sns_x_link_s{
position: absolute;
top: 92px;
left: 200px;
margin-left: 50%;
}

.sns_x_link_s a{
position: relative;
font-size: 80%;
line-height: 1.3;
display: block;
padding-top: 2px;
text-align: left;
}

.sns_x_link_s a:hover{
text-decoration: underline;
color:#666;
}

.sns_x_link_s a:before{
content:"";
display:inline-block;
vertical-align: middle;
width: 34px;
height: 34px;
background: url(/common/img/parts/icon-x.png) no-repeat 0 0;
position: absolute;
left: -45px;
top: 0px;
background-size: 100%;
}

.sns_footerlink{
position: absolute;
top: 92px;
left: 50px;
margin-left: 50%;
}

.sns_footerlink a{
position: relative;
font-size: 80%;
line-height: 1.3;
display: inline-block;
padding-top: 2px;
text-align: left;
}

.sns_footerlink a:hover{
text-decoration: underline;
color:#666;
}

.sns_footerlink .sns_linkedin:before{
content:"";
display:inline-block;
vertical-align: middle;
width: 34px;
height: 34px;
background: url(/common/img/parts/icon-linkedin.png) no-repeat 0 0;
position: absolute;
left: -45px;
top: 0px;
background-size: 100%;
}

.sns_footerlink .sns_x:before{
content:"";
display:inline-block;
vertical-align: middle;
width: 34px;
height: 34px;
background: url(/common/img/parts/icon-x.png) no-repeat 0 0;
position: absolute;
left: -45px;
top: 0px;
background-size: 100%;
}

.sns_footerlink .sns_x{
margin-left: 60px;
}

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

.footer-plus{
padding: 0
}

.footer-plus .footer-catchcopy{
padding: 10px 0;
text-align: center;
background: #ededed;
}

.footer-plus .footer-catchcopy img{
width: 90%;
}

.footer-plus .sns_x_link{
margin-top: 0;
background-color: #ccc;
}

.sns_x_link_s {
position: relative;
top: auto;
left: auto;
margin-left: auto;
padding: 20px 10px;
margin-top: 0;
background-color: #ccc;
text-align: center;
margin-bottom: 2px;
}

.sns_x_link_s p{
display: inline-block;
text-align: left;
padding: 0 0 0 60px;
margin: 0 10px;
vertical-align: middle;
}

.sns_x_link_s a:before{
width: 54px;
height: 54px;
left: -65px;
top: -8px;
}

.sns_x_link_s a{
font-size: 13px;
}

}