@charset "utf-8";
@layer layout;
/*
Theme Name: 丸十服装 テンプレート
Theme URI: https://www.maluju-fuku.co.jp/
Author: 丸十服装 株式会社
Author URI: 企画部
Description: 丸十服装　コーポレートサイト
Version: 1.0
*/
@layer layout{
/*--------- レイアウト -----------*/
/*================ ALBIC ================*/
body .layout_wrapper{
  max-width: 1080px;
  margin:auto;
  padding:0 0.3em;
  margin-bottom:6em;
}
/* ------------- 各ページの横幅調整 -------------- */
#orderuniform .container,
#tokushoho .container,
#case .container,
#topics .container,
#news .container{
  padding: 0 0.2em;
  margin: auto;
}
.container .kv_img{
  padding: 0 0.2em;
  vertical-align: baseline;
}
/*================ ページネーション ================*/
.pagination ul.page-numbers{
  display: flex;
 flex-wrap:wrap;
 justify-content:center;
 list-style-type:none;
}
.pagination ul.page-numbers li a{
  width: 30px;
 border:1px solid #999;
 text-align:center;
 padding:5px;
 margin:0 5px;
 display:block;
}
.pagination ul.page-numbers li .current{
 width: 30px;
 border:1px solid #999;
 text-align:center;
 padding:5px;
 margin:0 5px;
 display:block;
 background:#555;
 color:#fff;
}
.archiveList article{
  padding:0;
}
/*================ コンテンツレイアウト（TOP以外） ================*/
.layout_sidebar{
  display:flex;
  flex-direction: row-reverse;
}
.layout_sidebar article{
  max-width: 800px;
  width:75%;
  padding-left: 4%;
  box-sizing:border-box!important;
}
.layout_sidebar aside{
  max-width:260px;
  width:25%;
  box-sizing: border-box;
}
h2{font-size:16px; font-weight: 400; margin:10px 0;}
@media screen and (max-width: 1020px) {
  .layout_sidebar article{
    padding-left: 2%;
  }
}
@media screen and (max-width: 1010px) {
  .layout_sidebar article{
    width:73%;
  }
  .layout_sidebar aside{
    width:27%;
    box-sizing: border-box;
  }  
}
@media screen and (max-width: 960px) {
  .layout_sidebar article{
    max-width: unset;
    width:96%;
    margin:0 auto;
   padding:0;
  }
}
/*================ パンくず ================*/
ul.breadcrumb{
  display:flex;
  margin:1em 0 1em 1em!important;
}
ul.breadcrumb li{
  font-size: 76%;
 margin-right:1.5rem;
  position: relative;
  display: inline-block;
}
ul.breadcrumb li:after{
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1px #222;
  border-right: solid 1px #222;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
  right: -1rem;
}
ul.breadcrumb li:last-child:after{
  content:none;
}
@media screen and (max-width: 860px) {
  .sp_wid{
    overflow-x: scroll;
  }
  .sp_wid::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .sp_wid::-webkit-scrollbar-thumb {
    background-color:#fff;
  }  
  .sp_wid .breadcrumb{
    width: 1100px;
  }
  ul.breadcrumb{
    margin:0.5em 0 0.5em 0.2em!important;
  }
}

/*================ スマホ用クローズ ================*/
.title_sp_599 {
  display: none;
}
#about .title_sp_599{
  display: block;
}
#about .title_sp_599 .eg_copy{
  display: none;
}

/*================ ALBIC 取り扱い商品一覧 ================*/
.albic_wrap .container{
  padding-bottom: 4em;
 }
 .albic_wrap .albic_menu{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 }
 .albic_wrap .albic_menu dl{
 width: 23.8%;
 margin-bottom: 2%!important;
 box-sizing:border-box;
 }
 .albic_wrap .albic_menu dt{
 border-radius: 5px 5px 0 0;
 height:8em;
 background:#666;
 color:#fff;
 font-size:14px;
 box-shadow: 0 0 5px rgba(0,0,0,0.5);
 }
 .albic_wrap .albic_menu dd{
 margin:0;
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
 background:#fff;
 border-radius: 0 0 5px 5px;
 }
 .albic_wrap .albic_menu dt p.title{
 background:#DD1A1A;
 color:#fff;
 position:relative;
 height:46px;
 width:100%;
 bottom:-66px;
 padding:6px 5px 4px 5px!important;
 background-color: rgba(230, 0, 0,.8);
 font-weight: 600;
 font-size:12px;
 line-height:1.4em;
 }
 .albic_wrap .albic_menu dt p.title:hover{
  background-color: rgba(230, 0, 0,1);
 }
 .albic_wrap .albic_menu dt p.title:after{
   content: "";
   display: inline-block;
   position: absolute;
   top: 50%;
   right: 10px;
   width: 8px;
   height: 8px;
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
   transform: translateY(-50%) rotate(-45deg);
 }
 .albic_wrap .albic_menu dt p.title span{
 font-size:80%;
 }
 .albic_wrap .albic_menu a.lt_sp1{
  letter-spacing: -1px;
}
.albic_wrap .albic_menu li {
  list-style: none;
  font-size: 12px;
  text-align: left;
  position:relative;
  font-weight:800;
}

.albic_wrap .albic_menu dd a{
display:flex;
flex-wrap:wrap;
align-items: center;
font-weight:600;
font-size:12px;
position:relative;
border-bottom:1px dotted #ccc;
padding: 3% 2%;
}
.albic_wrap .albic_menu a:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 8px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: translateY(-50%) rotate(-45deg);
}
.albic_wrap .albic_menu dd a img{
margin: 1px 3px;
width: 17%;
}
.albic_wrap .albic_menu a:hover {
color:#DD1A1A;
}
.albic_wrap .albic_menu a:hover:after{
  border-right: 2px solid #DD1A1A;
  border-bottom: 2px solid #DD1A1A;
}

 .albic_menu .content .button{
 padding:3% 2%!important;
 position: relative;
 cursor:pointer;
 }
 .albic_menu .content .button:before,
 .albic_menu .content .button:after{
   content: '';
   width: 14px;
   height: 2px;
   background: #4c98ff;
   position: absolute;
   top: 50%;
   right: 47%;
   transform: translateY(-50%);
 }
 .albic_menu .content .button:after {
   transform: translateY(-50%) rotate(90deg);
   transition: .5s;
 }
 .albic_menu .content .button.open:after {
   transform: rotate(180deg);
 }
 .price_list0{
  font-weight:600;
  font-size:110%!important;
  margin-top:-3px;
}
span.ft_s{
  font-size:80%!important;
}
span.ft_campprice{
  color:#DD1A1A;
}
 @media screen and (max-width: 780px) {
  .albic_wrap .container{
    padding-bottom:0.5em!important;  
  }
  .acht_wrap .container{
    display:flex;
    flex-wrap:wrap;    
  }  
  .acht_wrap .text_p{
  order:2!important;
  }
  .acht_wrap .map_p{
  order:1!important;
  }   
}
/*================ ALBIC タイトル ================*/
h2.section_title01{
  background: #666666;
  border-top: 4px solid #dc1b16;
  font-size: 180%;
  font-weight: 600;
  color:#fff;
  padding:1% 3%!important;
  margin-bottom:1em!important;
}
h2.section_title02{
  padding: 1.5% 2%!important;
  background: #eee;
  font-size: 130%;
  font-weight: 600;
  border-top: 4px solid #DD1A1A;
  margin-bottom:1.5em!important;
}

.albic_sbimg{
  display:flex;
  flex-wrap:wrap;
  position:relative;
}
.albic_sbimg_l{
  width:35%;
  background:url(../image/albic/al_cate_bg.webp);
  background-size: cover;
  padding: 3%;
  max-height:224px;
  color:#fff;
}
.albic_sbimg_l p{
   color:#fff;
}
.albic_sbimg_r{
  width:65%;
}
.albic_sbimg a.btn_ctop{
 position:absolute;
 content:"";
 bottom:1%;
 right:0.4%;
 color:#fff;
 padding:0.5% 2.5% 0.5% 1%;
 border:1px solid #fff;
 background: rgba(0,0,0,0.4)!important;
 display:block;
}

 .albic_sbimg_r:after{
  position:absolute;
  content:"";
  display: inline-block;
  vertical-align: middle;
  color: #fff!important;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid #fff;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  bottom:6.5%;
  right: 1.5%;
  transform: rotate(45deg);
  z-index:2;
}
.albic_sbimg a.btn_ctop:hover{
  background: rgba(180,180,180,1)!important;
  color:#222;
  font-weight:800;
 }
 .albic_sbimg a.btn_ctop:hover:after{
  position:absolute;
  content:"";
  display: inline-block;
  vertical-align: middle;
  color: #333!important;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid #333;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  bottom:35%;
  right: 4%;
  transform: rotate(45deg);
 }

.albic_sbimg_r img{
  width:100%;
  vertical-align:bottom;
}
.albic_sbimg p{
  font-size:110%;
  font-weight:600;
}
.albic_sbimg h3{
  font-size:180%;
  position:relative;
}
.albic_sbimg h3:before{
  border-bottom:2px solid #FF6B6B;
  position:absolute;
  content:"";
  width:45%;
  bottom:-10px;
  left:0;
}
.albic_sbimg h3:after{
  border-bottom:2px solid #fff;
  position:absolute;
  content:"";
  width:17%;
  bottom:-10px;
  left:0;
}

/* h4 */
.albic_category h4{
  margin:0 3%!important;
  line-height:1.3em;
}
.page_wrap h4,
.single_wrap h4{
  position: relative;
  padding:0 0 0.5rem 1rem!important;
  font-size:21px;
}
.page_wrap h4::after,
.single_wrap h4::after{
  position: absolute;
  top: 10%;
  left: 0;
  width: 5px;
  height: 60%;
  content: '';
  border-radius: 3px;
  background: #DD1A1A;
}

/*----- 商品詳細ページ ------*/
/*- タイトル -*/
.s_title_style{
  background: #f5f5f5;
  color:#333;
  border-top: 3px solid #dc1b16;
  padding: 2% 1% 2% 5%;
  margin-bottom: 1em;
  overflow:hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background:#efefef url('../image/vb_bg.png') no-repeat;
  background-size:50px;
  background-position:0 left;
}
/* 商品ページ内みだじ */
.single_wrap .title_wrap{
  position:relative;
}
.single_wrap .title_wrap .seo_cp{
  font-size:12px;
  font-weight:800;
}
.season_t_wrap{
  background: #93B700;
  color:#fff;
  width:15%;
  height:100%;
  font-weight: 600;
  margin: 0;
  position:absolute;
  content:"";
  top: 0;
  right: 0;
  display: grid;
  place-items: center;
  font-size:140%;
  text-align: center;
}
#maker .season_wrap{
  right: 3px;
}
@media screen and (max-width: 960px) {
  #albic .albic_sbimg{
    overflow:hidden;
    height:220px;
  }
}
@media screen and (max-width: 830px) {
  #albic .albic_sbimg{
    height:190px;
  }
}
@media screen and (max-width: 730px) {
  #albic .albic_sbimg{
    height:160px;
  }
}

@media screen and (max-width: 860px) {
  #albic .albic_sbimg_l h3{
    font-size:22px;
  }
  #albic .albic_sbimg .albic_sbimg_l h3:after{
    width:0;
  }
  .season_t_wrap{
    font-size:100%;
  }
  .season_wrap{
    top: 0!important;
    right: 0!important;
    border-radius:0 10px 0 0;
  }  
}
@media screen and (max-width: 730px) {
  #albic .albic_sbimg_l h3 br{
    display: none;
  }
}

/*================ ALBIC おすすめカテゴリー ================*/
.albic_category{
  /*border:1px solid #ccc;*/
  margin-bottom:5em;
}
.albic_category .contents_text{
  margin:3%!important;
}
/*================ ALBIC ピックアップ商品カテゴリー ================*/
.albic_content ul.pickup{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size:14px;
  margin:0.5em auto 1.5em auto!important;
  width:94%;
}
.albic_content ul.pickup li{
  border:1px solid #999;
  border-radius: 5px;
  width: 32.5%;
  margin:0 1% 1% 0!important;
}
.albic_content ul.pickup li:nth-child(3n){
    margin:0 0 1% 0!important;
}
.albic_content ul.pickup li a{
  padding:3%;
  display:block;
  color: #333;
  font-weight:800;
  display:flex;
  align-items: center;
}
.albic_content ul.pickup li a img{
  width:100%;
  margin-right:0.5em;
}
/* 矢印 */
#albic .arrow_right_red::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
}
.albic_content ul.pickup li a p:first-child{
  width:25%;
 padding:0 5% 0 0!important;
 box-sizing:border-box;
}
.albic_content ul.pickup li a p:last-child{
  width:75%;
}
@media screen and (max-width: 860px) {
  .sp_pickup{
    overflow-x: scroll;
    margin-bottom:3em;
 }
 .albic_content ul.pickup{
   flex-wrap: unset;
   justify-content: unset;
   font-size:14px;
   width:800px;
   margin:0 auto!important;
 }
 .albic_content ul.pickup li{
   margin:2% 0 2% 1%!important;
 }
 .albic_content ul.pickup li:nth-child(3n){
     margin:2% 0 2% 1%!important;
  }
 .albic_content ul.pickup li a{
    flex-wrap:wrap;
  }
  .albic_content ul.pickup li a img{
    width:100%;
    margin:0 auto;
  }
  .albic_content ul.pickup li a p{
    font-size:12px;
    width:100%;
    text-align:center;
  } 
  .albic_content ul.pickup li a p:first-child{
    width: 60%;
    margin:auto!important;
    padding:0!important;
  }
  .albic_content ul.pickup li a p:last-child{
    width:100%;
  }
}
/*================ ALBIC カテゴリーページ（取り扱い一覧） ================*/
.albic_list .flex_box{
  display:flex;
  flex-wrap: wrap;
}
.albic_list .flex_box li{
  width: 50%;
  padding:1% 1% 1% 0;
  list-style:none;
  box-sizing: border-box;
}
.albic_list .flex_box li:nth-child(2n){
  padding-right: 0;
  padding-left:1%;
}
.albic_list .flex_box li img{
  width: 100%;
  height: auto;
}
.albic_list .flex_box a{
  width:23.5%;
  margin:0 1em 0 0;
}
.albic_list .flex_box a:hover{
  opacity:0.7;
}
.albic_list .flex_box dl{
  font-size:12px;
  display:flex;
  flex-wrap: wrap;
}
.albic_list .flex_box dt{
  order: 2;
  height:25px;
  font-weight:600;
  padding: 0 0 0 13px;
}
.albic_list .flex_box dd{
  margin:0;
  order: 1;
}
.albic_list .flex_box a:nth-child(4n){
  margin:0;
}
.albic_list .flex_box dd{
  margin:0;
  order: 1;
  width: 100%;
}
.albic_list .flex_box dd img{
  width: 100%;
  border:1px solid #999!important;
}
@media screen and (max-width: 1010px) {
  .albic_list .flex_box a:nth-child(4n){
    margin:0 1em 0 0;
  }
}
@media screen and (max-width: 1000px) {
  .albic_list .flex_box a{
    margin:0 0.5em 0 0;
  }
}
@media screen and (max-width: 860px) {
  .albic_list .flex_box a:nth-child(4n){
    margin:0 1% 0 1%;
  }  
  .albic_list .flex_box a{
    width: 31%;
    margin:0 1% 0 1%;
  }
}

/*================ ALBIC カテゴリーページ（トップページ目次） ================*/
.toc_wrap{
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  padding: 3%;
  margin:4em 0;
}
.toc_wrap .title{
  text-align: center;
  font-size: 150%;
  margin-bottom:0.5em;
  font-weight:800;
}
.toc_wrap .list{
  display: flex;
  list-style: none;
  flex-wrap:wrap;
}
.toc_wrap .list li{
  width: 48%;
  margin:1%;
}
@media screen and (max-width: 860px) {
  .toc_wrap .list li{
    width: 100%;
  }
}
/*================ ALBIC カテゴリーページ（特集記事） ================*/
.albic_spl01{
  background: #37406D;
  color:#fff;
  padding: 4% 4% 7% 4%;
  margin-bottom: 1em;
  text-align: center;
}
.albic_spl01 .btn_list{
  width:45%;
}
.albic_spl02{
  background: #364326;
  color:#fff;
  padding: 4% 4% 7% 4%;
  margin-bottom: 1em;
  text-align: center;
}
.albic_spl02 .btn_list{
  width:45%;
 float:right;
}
.albic_spl02:after{
  content: "";
  clear: both;
  display: block;
}
.albic_spl01 h3,
.albic_spl02 h3{
  font-size: 150%;
  margin-bottom:1em!important;
}
.albic_spl01 .feature,
.albic_spl02 .feature,
.albic_spl01 .list,
.albic_spl02 .list{
  display: flex;
  margin-bottom: 2em;
  flex-wrap: wrap;
  text-align: left;
}
.albic_spl01 .feature .feature_text,
.albic_spl02 .feature .feature_text{
  width:50%;
}
.albic_spl01 .feature .feature_img,
.albic_spl02 .feature .feature_img{
  width:50%;
}
.albic_spl02 .feature .feature_text{
  order:2;
  padding-left: 3%;
}
.albic_spl02 .feature .feature_img{
  order: 1;
  padding-right: 3%;
}
.albic_spl02 .feature .feature_img img{
  width: 100%;
}
.albic_spl01 .feature div:last-child,
.albic_spl02 .feature div:last-child{
  padding-right:0;
}
.albic_spl01 .feature p,
.albic_spl02 .feature p{
  color:#fff;
}
.albic_spl01 .list dl,
.albic_spl02 .list dl{
  width: 33%;
}
.albic_spl01 img,
.albic_spl02 img{
  width:100%;
  color:#fff;
}
.albic_spl01 dl,
.albic_spl02 dl{
  display:flex;
  flex-wrap:wrap;
  margin-right:2.5%;
}
.albic_spl01 dt,
.albic_spl02 dt{
 order: 2;
 font-weight:800;
 font-size:110%;
}
.albic_spl01 dd,
.albic_spl02 dd{
  margin:0;
 order: 1;
}
.albic_spl01 dl:last-child,
.albic_spl02 dl:last-child{
  margin-right:0;
}
@media screen and (max-width: 860px) {
  .albic_spl01 .feature .feature_text,
  .albic_spl02 .feature .feature_text{
    width: 100%;
    order:2;
  }
  .albic_spl01 .feature .feature_img,
  .albic_spl02 .feature .feature_img{
    width: 100%;
    order:1;
  }
  .albic_spl01 .btn_list{
    width: 80%;
    float:right;
  }
  .albic_spl02 .btn_list{
    width: 80%;
  }
  .albic_spl01::after{
    clear: both;
  }
}
@media screen and (max-width: 860px) {
  .albic_spl01 h3,
  .albic_spl02 h3{
    font-size: 18px;
    font-weight:500;
  }  
}
 /* 各ページの共通CSS */
 .guide_wrap{
  margin-bottom: 3em;
}
.guide_wrap ul.guide_list{
  display:flex;
  flex-wrap: wrap;
  list-style:none;
}
.guide_wrap ul.guide_list li{
  width: 31.2%;
  margin:0 3% 4% 0;
  border:1px solid #ccc;
  border-radius: 8px;
}
.guide_wrap ul.guide_list li:nth-child(3){
  margin:0 0 4% 0!important;
}
.guide_wrap ul.guide_list .guide_text{
  padding:8%;
}
.guide_wrap ul.guide_list .guide_text .title{
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0.5em!important;
  text-align: center;
}
.guide_wrap ul.guide_list .guide_icon{
  width: 15%;
  margin: 2em auto 0 auto;
  height:40px;
}
.guide_wrap ul.guide_list .guide_icon img{
  width:100%;
}
.guide_wrap ul.guide_list li:nth-child(1) .guide_icon{
  width: 20%;
}
.guide_wrap ul.guide_list li:nth-child(2) .guide_icon{
    width: 20%;
}
.guide_wrap .guide_btn{
  border-top:1px solid #ccc;
  text-align: right;
  padding: 0.5em 1em 0.5em 0!important;
}
.guide_wrap .guide_btn a{
  position: relative;
}
.guide_wrap .guide_btn a::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -15px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #DD1A1A;
  border-bottom: 2px solid #DD1A1A;
  transform: translateY(-50%) rotate(-45deg);
}
.guide_wrap .guide_btn a:hover{
  color:#DD1A1A;
}
/*---------  お取引きガイド -----------*/
#guide .txagn_right{
  text-align: right;
  margin:1em 0!important;
}
#guide .btn_list{
  width:40%;
  float:right;
}
#guide .btn_list a{
  margin:2% 0;
}
@media screen and (max-width: 860px) {
  #guide .btn_list{
    width:100%;
  }
  #guide .btn_guide{
    width: 90%;
  }
}
/*---------  お取引きガイド ボタン -----------*/
.btn_guide{
display: flex;
width:50%;
margin:2em auto;
border-radius: 5px;
align-items: center;
position:relative;
transition: 0.2s;
border: 1px solid #999;
background:#fff!important;
border-radius: 5px;
position: relative;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.btn_guide:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
  transition: .3s;
}
.btn_guide:hover{
transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
 }
 .btn_guide:active {
   background:#fff!important;
   transform: translateY(5px);
   box-shadow: 0 0 0 0 rgb(0 0 0);
 }
.btn_guide .bg_img{
  width: 30%;
  background: url("../image/guide_btn.webp");
  background-size:cover;
  padding:12%;
  border-radius: 5px 0 0 5px;
}
.btn_guide .bg_img img{
  width: 100%;
}
.btn_guide .text{
  width: 70%;
  padding:2% 0 2% 5%;
  font-size:130%;
  font-weight:800;
}
.btn_guide:hover{
  background:#eee;
}
/*================ 一覧ページ（共通） ================*/
.archive_wrap{
  margin:5em 0 10em 0;
}
.archiveList{
  margin-bottom:2em;
}
/* 導入事例・トピックス */
#topics .archiveList,
#case .archiveList{
display:flex;
flex-wrap:wrap;
}
#topics .archiveList li,
#case .archiveList li{
width:49%;
margin-right:1%;
}
#topics .archiveList li:nth-child(2n),
#case .archiveList li:nth-child(2n){
margin-right:0;
}
.archiveList li{
list-style:none;
font-size:14px;
}
.archiveList li dl{
display:flex;
list-style:none;
border:1px solid #eee;
padding-bottom:0.5em;
}
.archiveList li dl dt{
order:2;
width:65%;
padding:0 1em;
}
.archiveList li dt .title_link{
font-size:120%;
font-weight:800;
margin-bottom:0.5em;
}
.archiveList li dt .time{
font-size:90%;
margin-bottom:0.5em;
}
.archiveList li dl dd{
order:1;
width:35%;
margin: 0;
font-size: 14px;
}
.archiveList li dl dd img{
width:100%;
height:auto;
}
.archiveList li dl dt .news_text{
font-size:12px;
}
.return_btn{
  width: 350px!important;
  border-radius: 5px;
  padding: 1% 0!important;
  margin: 0.2% auto!important;
  border: 1px solid #ccc;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 40%);
  text-align: center;
  font-weight:600;
}
@media screen and (max-width: 860px) {
  .wpcf7-acceptance .wpcf7-list-item{
   width: 100%!important;
  }
  #topics .archiveList li,
  #case .archiveList li{
    width:100%;
    margin:1%!important;
  }
  .archiveList li dl{
   flex-wrap: wrap;
  }
  .archiveList li dl dt{
    width:100%;
  }
  .archiveList li dl dd{
    width:100%;
  }
}
/*================ ALBIC singl.php (レイアウト) ================*/
.single_wrap{margin-bottom:2em;}
.single_wrap h3{
  font-size:28px;
  color:#DD1A1A;
}
.single_wrap .title{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  margin-bottom:1em!important;
  font-size:28px;
}
.single_wrap .title h1{
  font-weight: 600;
}
.single_wrap .contents_text{
  margin:auto!important;
}

/*================ 検索窓 ================*/
.search_wrap{
  background: #f6f6f6;
  padding: 0.5% 0;
  text-align: center;
  font-weight: 600;
}
.search_wrap form{
  font-weight: 500!important;
}
.search_wrap select{
  background:#fff!important;
  padding:0.5em 1em;
  font-size:14px!important;
  border-top:1px solid #ccc!important;
  border-bottom:1px solid #ccc!important;
  border-left:1px solid #ccc!important;
  border-radius: 5px 0 0 5px;
}
.search_wrap input#feas_1_1{
   background:#fff!important;
  padding:0.28em 1em;
  border-top:1px solid #ccc!important;
  border-bottom:1px solid #ccc!important;
  border-right:1px solid #ccc!important;
  border-radius: 0 5px 5px 0!important;
  border-left: 1px solid #ccc!important;
  margin:0!important;
}
.search_wrap input.feas-submit-button{
  background:#DD1A1A!important;
  color:#fff;
  border-radius:5px!important;
  padding:0.28em 1em;
}
.search_wrap input.feas-submit-button:hover{
  opacity: 0.6 ;
}
/*================ スライダー関係 ================*/
/*トピックスのスライダー*/
#splide_topics .splide_wrap li.splide__slide .img_width img{
  border-radius:0!important;
}
#splide_topics .splide_wrap .news_text{
  padding:0!important;
}
#splide_topics .splide_wrap li.splide__slide {
  border-radius: 10px;
}
/* その他の関連商品 */
.other_products {
  margin-bottom: 4em;
}
.other_products .splide_wrap{
  width:96%;
  margin:auto;
}
/* 関連アイテム */
.splide_wrap li.splide__slide {
  border-radius: 10px;
  padding:1%;
}
.splide_wrap li.splide__slide a{
  border-radius: 10px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
  display:block;
}
.splide_wrap li.splide__slide a .news_text:nth-child(3){
  display:none;
}
.splide_wrap li.splide__slide a .albic_category_list{
  display:none;
}
.splide_wrap li.splide__slide a .albic_category_list img{
  width:100%!important;
}
.splide_wrap .cam_title{
  font-size: 18px;
  font-weight: 600;
}
.splide_wrap .news_text{
  padding: 2% 4% 2% 4%;
  font-size:14px;
  background:#fff;
  border-radius: 0 0 10px 10px;
}
#other_kanren .splide_wrap .news_text{
  height:70px;  
}
#recommend_kanren.recommend_wrap{
padding:0 0 3em 0!important;
}
.splide_tx{
  line-height:1.3em!important;
  font-size:12px;
 }
/* おすすめスライダー */
.recommend_wrap{
  padding:0 0 6em 0;
 }
 .recommend_wrap .splide_wrap{
   width:96%;
   margin:auto;
 }
 .recommend_wrap .title_link{
   font-size:90%;
   padding:10px 0 0 0;
 }
 .recommend_wrap .splide__arrow svg {
   fill: #fff!important;
   height: 0.8em!important;
   width: 0.8em!important;
 }
 .recommend_wrap .splide__arrow--prev{
   background:#DD1A1A!important;
   width:3em!important;
   height:3em!important;
   left:-1.5em!important;
   opacity: 0.9;
 }
 .recommend_wrap .splide__arrow--next{
   background:#DD1A1A!important;
   width:3em!important;
   height:3em!important;
   right:-0.7em!important;
   opacity: 0.9;
 }
 /* 矢印 */
 #main-carousel .splide__arrow--prev{
   background:#fff!important;
   width:3em!important;
   height:3em!important;
   left:-1.5em!important;
   opacity: 0.8;
   border: 1px solid #999!important;
 }
 #main-carousel .splide__arrow--next{
   background:#fff!important;
   width:3em!important;
   height:3em!important;
   right:-0.7em!important;
   opacity: 0.8;
   border: 1px solid #999!important;
 }
/*================ 創業94年の信頼と実績ページ ================*/
/* スライダー */
#splide_history .splide__list li{
  width:25%!important;
}
#splide_history .splide__list li img{
  width:100%;
}
#splide_history{
  width:100%;
  position:relative;
  margin-bottom: 3em;
  padding: 2em 0 1em 0;
  clear: both;
  background:#eee;
}
#splide_history .container{
  overflow:hidden;
}
#splide_history .container .swiper{
  width: 1700px;
  position: relative;
  overflow:unset!important;
}
.swiper-wrapper{
  transition-timing-function: linear;
}
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.2%;
}
.swiper-slide img{
  width: 100%;
}
.swiper-pagination-progressbar{
  position: relative;
}
.splide_text{
  position: absolute;
  background: #fff;
  top:0;
  right: 18%;
  z-index:1;
  padding:10px;
  height:100%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.splide_text p{
  margin:0 1em!important;
}
@media screen and (max-width: 960px) {
  #guide #sidebar{
    display:none;
  }
  .layout_sidebar aside{
    max-width:unset;
    width:100%;
    box-sizing: border-box;
  }  
}
@media screen and (max-width: 860px) {
  .splide_text{
    right: 5%;
    padding:10px 5px;
    height:100%;
    opacity:0.8;
  }
  .layout_sidebar article{
    max-width: unset;
  }
  .cont_title{
    padding:1em 1em 0 0.7em!important;
    text-align:left;
  }
  body .layout_wrapper{
    padding:0;
  }
}
@media screen and (max-width: 860px) {
  .w960_rt{
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
  }
  .btn_list{
    width:60%;
  }
}


/*---- 会社概要 ---*/
@media screen and (max-width: 860px) {
  #splide_about ul li dl{
    flex-wrap:wrap;
  }
  #splide_about ul li dl.about_wrap dt{
    width: 100%;
  }
  #splide_about ul li dl.about_wrap dd{
    width: 100%!important;
    height:200px;
  }
  #splide_about ul li dl.about_wrap dd img{
    width:100%;
  }
}
/*================ キャンペーンバナー ================*/
.banner_campaign{
  text-align: center;
  margin-bottom:2.5em!important;
}
.banner_campaign img{
  width:100%;
  height: auto;
}
/*================ ALBIC ボタン ================*/
.albic_category  p.btn_list{
  width:400px;
  margin:1em auto 2em auto!important;
}
/* 商品ページボタン（お問い合わせ・ECサイト） */
.flax_btn{
  display:flex;
  justify-content: center;
}
.flax_btn .btn_lt{
  display:none;
}
.flax_btn .btn_lt:after{
  content:"";
  position:absolute;
  right:2%;
  top:50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #DD1A1A;
  border-bottom: 2px solid #DD1A1A;
  transform: translateY(-50%) rotate(-45deg);
}
.flax_btn .btn_rt{
  border: 1px solid #444;
  padding: 1% 2% 0.5% 2%;
  border-radius: 5px;
  background: #444!important;
  text-align: center;
  width: 280px;
 font-size:90%;
  position:relative;
  display:block;
  transition: 0.2s;
  box-shadow: 0 5px 0 0 rgb(150 150 150 / 100%);
}
.flax_btn .btn_rt:hover{
   transform: translateY(2px);
  box-shadow: 0 3px 0 0 rgb(150 150 150 / 100%);
}
.flax_btn .btn_rt:active {
  transform: translateY(5px);
  box-shadow: 0 0 0 0 rgb(0 0 0);
}
.flax_btn .btn_rt:after{
  content:"";
  position:absolute;
  right:2%;
  top:50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}
.flax_btn .btn_rt p{
  color:#fff!important;
  font-weight: 600;
}
.add_wd{
  width:30%!important;
}
.hinban_wd{
  width:50%!important;
}
/* 商品ページボタン（お問い合わせ・ECサイト） */
.btn_lt .b_t{
  font-size:80%;
  letter-spacing:0;
  margin-bottom:5px!important;
  color:#DD1A1A;
}
.btn_rt .b_t{
  font-size:80%;
  letter-spacing:0;
}
.btn_lt .b_t span{
  font-size:160%;
}
.btn_lt .b_st{
  font-size:80%;
  letter-spacing: 0;
  color:#DD1A1A;
}
.btn_rt .b_t span{
  font-size:160%;
}
.btn_rt .b_st{
  font-size:80%;
  letter-spacing: 0;
}
.wpcf7-list-item {
	margin: 0 0 0.5em 0!important;
	width:32%;
}
.wpcf7-list-item label input{
  width:10%;
}
.cont_btn{
 text-align: center;
}
.cont_btn input{
 background:#DD1A1A!important;
 color:#fff;
 width:35%!important;
 border-radius: 5px!important;
 padding:2% 0!important;
 box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.cont_btn input:hover{
   transform: translateY(2px);
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
.cont_btn input:active {
  transform: translateY(5px);
  box-shadow: 0 0 0 0 rgb(0 0 0);
}

input:disabled {
  background:#ccc!important;
	color:#fff;
}
.wpcf7-acceptance .wpcf7-list-item{
 width:60%!important;
 padding:1em 0!important;
 border:1px solid #ccc;
 margin:1em 0 0 0!important;
}
.red_line{
  color:#DD1A1A;
  border-bottom: 1px solid #DD1A1A;
}
.ic_required{
 position:relative;

}
.ic_required:after{
  content:"必須";
  position:absolute;
  top:0;
  right:10px;
  color:#fff;
  background:#DD1A1A;
  font-size:12px;
  font-weight:500;
  padding: 0.5%;
  border-radius:50px;
  width:60px!important;
  text-align: center;
}
@media screen and (max-width: 860px) {
  .ic_required:after{
    top: -1px;
    left:0;
   }
   .ic_required{
     padding:0 0 10px 70px;
   }
   .wpcf7-list-item {
     margin: 4px!important;
     width: 100%;
   }
   .wpcf7-acceptance .wpcf7-list-item{
     width: 100%!important;
    }
}

/*================ ALBIC アイコン ================*/
.season_wrap{
  background: #93B700;
  padding: 0.3em 1em 0.3em 1em;
  color:#fff;
  height:100%;
  font-weight: 600;
  margin: 0 6px 0 0;
  position:absolute;
  content:"";
  height:30px;
  top: 2.6%;
  right: 0;
  text-align: center;
  border-radius:0 10px 0 0;
}
#albic .season_wrap{
  top:2.8%;
}
.spring_summer_on{
  background: #039adf;
  text-align: center;
}
.autumn_winter_on{
  background: #FF7700;
}
.all_season_on{
  background: #93B700;
}
.all_year_on{
  background: #00AA27;
}
.all_stp{
  font-size:93%;
  line-height: 1.2em;
  border-bottom:1px solid #fff;
  padding:4% 0;
}
.all_sbt{
  font-size: 70%;
}
/*================ ALBICとは ================*/
.about_wrap .copy{
font-size: 23px;
line-height: 1.6em;
font-weight: 600;
text-align: center;
margin-bottom: 1em!important;
color:#DD1A1A;
}
.about_wrap .slogan{
text-align: center;
margin-bottom: 3em!important;
}
.about_wrap .slogan span{
color:#DD1A1A;
font-weight: 600;
}
.about_wrap .about_albic{
max-width:500px;
margin:0 auto 5em auto!important;
}
.about_wrap .about_albic img{
width:100%;
}
@media screen and (max-width: 860px) {
  #albic .about_wrap .copy{
    font-size: 16px!important;
    line-height: 1.4em;
    padding-bottom:0!important;  
  }
  #albic .about_wrap .slogan{
    text-align: left;
    margin:5% 3% 10% 3%!important;
  }
  #albic .about_wrap .slogan br{
    display:none;
  }
  #albic .about_wrap .about_albic{
    width:90%;
  }
}
/*================ 共通タイトル　 ================*/
.cont_title{
padding:0.4em 1.5em!important;
font-size:24px;
font-weight: bold;
background-size:50px;
background-position:0 left;
margin-bottom:1em!important;
text-align: center;
}
.cont_title_lt{
padding:0.4em 0.4em 0 0!important;
font-size:26px;
font-weight: bold;
background-size:50px;
background-position:0 left;
margin-bottom:0.7em!important;
text-align: left;
}
.cont_title_lt span,
.cont_title span{
color:#DD1A1A;
}
.cont_title_ln{
position: relative;
font-size: 170%;
padding:0 0 0.5% 0!important;
color:#DD1A1A;
font-weight:800;
margin-bottom:1em!important;
}
.cont_title_ln::before{
border:2px solid #ccc;
position:absolute;
content:"";
width:100%;
bottom:0;
left:0;
}
.cont_title_ln::after{
border:2px solid #d51d1f;
position:absolute;
content:"";
width:20%;
bottom:0;
left:0;
}
@media screen and (max-width: 860px) {
  .cont_title_ln{
    position: unset;
    font-size: 140%;
    padding: 2% 3% 1% 3%!important;
    color:#fff;
    background:#DD1A1A;
    border-bottom:5px solid #FF6B6B;
    background: url(../image/kv_cont/kv_left_red.webp) no-repeat;
    background-size:cover;
    background-position:right;
  }
  .cont_title_ln::before{
    display:none;
   }
  .cont_title_ln::after{
    display:none;
   }  
}
@media screen and (max-width: 780px) {
  .cont_title_ln::before{
    border:0;
  }
  .cont_title_ln::after{
    border:0;
  }
  .cont_title_lt{
    padding:0.4em 0.4em 0.4em 0!important;
    font-size:18px;
    margin-bottom:0!important;
  }
  .cont_title_lt br{
    display: none;
  }
}

/*================ 横幅（共通） ================*/
.text70{
  width:70%;
  margin:0 auto 1.2em auto!important;
}
.text80{
  width:80%;
  margin:0 auto 1.2em auto!important;
}
.text90{
  width:90%;
  margin:0 auto 1.2em auto!important;
}

/*================ 創業94年の信頼と実績(#history) ================*/
#history .history_img01 .layer_flex dd{
  background: url(../image/content/history_img01.webp);
  width: 50%;
  background-size:cover;
  height:580px;
}
#history .history_img02 .layer_flex dd{
  background: url(../image/content/history_img04.webp);
  width: 50%;
  background-size:cover;
  height:580px;
}
#history .hi_bg01{
  background: url(../image/content/history_img03.webp);
  background-size: cover;
  height:700px;
  background-position: center;
  justify-content: center;
  position:relative;
}
#history .hi_bg02{
  background: url(../image/content/history_img02.webp);
  background-size: cover;
  height:700px;
  padding:5% 0 0 0;
  background-position: center;
  justify-content: center;
  position:relative;
}
#history .content_wrap dl.layer_flex .lt{
  width: 46%;
}
#history .content_wrap dl.layer_flex .rt{
  width: 54%;
}

/* 沿革 */
.content_wrap .ptn_box{
  background:#fff;
  width:500px;
  height:500px;
  padding: 3%;
  position: absolute;
  top: 15%;
  left:53%;
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.hist_ek{
background: #F9F9F9;
padding:4em 0 0.1em 0;
}
.hist_ek li{
margin-bottom:1.5em;
}
.hist_ek ul dl{
display: flex;
line-height:1.5em;
font-size:14px;
}
.hist_ek ul dl dt{
width:15%;
border-bottom:1px solid #555;
padding:0 0 2% 1%;
}
.hist_ek ul dl dd{
width:85%;
border-bottom:1px solid #ccc;
margin:0;
padding:0 0 2% 1%;
line-height: 1.5em;
font-weight: 300;
}
.hist_ek .flex_box{
display:flex;
}
.hist_ek .flex_box .hist_ek_lf{
border-top:1px solid #ccc;
padding-top:0.5%;
width:75%;
position:relative;
}
.hist_ek .flex_box .hist_ek_lf:after{
border-bottom:1px solid #555;
content:"";
width:15%;
position:absolute;
top:-1px;
left:0;
}
.hist_ek .flex_box .hist_ek_img{
width:25%;
padding:0 3%;
}
.hist_ek .flex_box .hist_ek_img dl{
display:flex;
flex-wrap: wrap;
width:100%;
}
.hist_ek .flex_box .hist_ek_img dt{
font-size:12px;
width:100%;
order: 2;
}
.hist_ek .flex_box .hist_ek_img dd{
width:100%;
margin:0;
order: 1;
}
.hist_ek .flex_box .hist_ek_img dd img{
border-radius: 10px;
}
.hist_ek .flex_box .hist_ek_img .wid_80{
width:80%;
margin:auto;
}
.hist_ctg{
text-align: center;
margin-top: 6em;
}
.hist_ctg .title{
font-size: 190%;
font-weight: 600;
margin-bottom:1em!important;
}
.hist_ctg .flex_box{
display:flex;
flex-wrap:wrap;
}
.hist_ctg .flex_box a{
border:1px solid #ccc;
width:32%;
margin-right:2%;
border-radius: 10px;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 40%);
transition: 0.2s;
}
.hist_ctg .flex_box a:hover{
   transform: translateY(2px);
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 40%);
}
.hist_ctg .flex_box a:active {
  background:#fff!important;
  transform: translateY(5px);
  box-shadow: 0 0 0 0 rgb(0 0 0);
}
.hist_ctg .flex_box a:last-child{
  margin-right:0;
  border-radius: 10px;
}
.hist_ctg .flex_box a:hover{
  background-color:#FCF7F3!important;
  border:1px solid #BCAFA5;
}
.hist_ctg .flex_box dl{
  display:flex;
  flex-wrap:wrap;
  margin:0;
  align-items: center;
  height:100%;
  position:relative;
  text-align: left;
}
.hist_ctg .flex_box dl dt{
order:2;
width: 70%;
margin:0;
padding:0 0 0 5%;
}
.hist_ctg .flex_box dl dd{
margin:0;
order:1;
width: 30%;
padding:0;
}
.hist_ctg .flex_box dl dd img{
width:100%;
padding:0;
margin:0;
height:100%;
border-radius: 10px 0 0 10px;
vertical-align: bottom;
}
.hist_ctg .flex_box dl:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 960px) {
  #history .content_wrap dl.layer_flex .lt{
   width: 100%;
   padding:0 3%;
  }
  #history .content_wrap dl.layer_flex .lt .sp{
    text-align:center;
  }
  #history .content_wrap dl.layer_flex .lt .sp img{
    width: 45%;
    margin:0 auto 1em auto!important;
  }
  #history .content_wrap dl.layer_flex .rt{
    display:none;
  }
  #history .btn_list{
    width:60%;
    margin:0 auto!important;
  }
  .hist_ek .flex_box .hist_ek_img{
    display:none;
  }
  .hist_ek .flex_box .hist_ek_lf{
    width:100%;
    padding:0 4%!important;
    border-top:0;
  }
  .hist_ek .flex_box .hist_ek_lf:after{
    border-bottom:0;
  }  
  .hist_ek .flex_box .hist_ek_lf img{
    border-radius: 5px;
  }  
}
@media screen and (max-width: 860px) {
  .hist_ek{
    padding:0 0 2em 0;
  }  
  .hist_ctg{
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .hist_ctg .title{
    font-size: 140%;
    margin-bottom:0.5em!important;
  }
  .hist_ctg .flex_box a:last-child{
    margin-right:5%;
  }
  .hist_ctg .flex_box dl dt{
    width: 75%;
  }
  .hist_ctg .flex_box dl dd{
    width: 25%;
  }
  .hist_ctg .flex_box a{
    width: 48%;
    margin-right: 0;
    border:1px solid #ccc;
    margin: 2% 1%;
  }
  .hist_ek ul dl{
    display: block;
  }
  .hist_ek ul dl dt{
    width:100%;
    border-bottom:0;
    font-weight:600;
  }
  .hist_ek ul dl dd{
    width:100%;
     border-bottom:1px solid #ccc;
    padding:0 0 1em 0;
  }
  .hist_ek li{
    margin-bottom:1em;
  }
  .hist_ek .flex_box{
    display:block;
  }
}

/*================ 会社概要(#about) ================*/
#about .btn_mov a:hover{
  opacity:0.8;
}
.about_movie img{
  border-radius: 10px;
  margin-bottom:1em;
}
/*会社概要 詳細*/
dl.about_list {
  width:94%;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  margin:0 auto;
}
.about_movie{
  width: 82%;
  margin: auto;
}
dl.about_list:nth-child(3){
  border-bottom: 1px solid #ccc;
}
dl.about_list dt{
  width: 22%;
  background: #FAFAFA;
  border-top: 1px solid #ccc;
  padding: 2%;
  font-weight:600;  
}
dl.about_list dd{
  width: 78%;
  border-top: 1px solid #ccc;
  margin:0;
  padding: 2% 2%;
}
/* 代表メッセージ */
.ab_message dl{
  display: flex;
  justify-content:space-between;
  width: 90%;
  margin: 0 auto 5em auto;
}
.ab_message dt{
  width: 75%;
  order:2;
  padding: 2% 0 0 5%;
  box-sizing: border-box;
}
.ab_message dt p{
  margin:0 0 1.5em 0!important;
}
.ab_message dt .president{
  text-align: right;
}
.ab_message dt .president span{
  font-size:230%;
  margin:0 0 0 2%;
  font-family: serif;
  font-weight:800;
}
.ab_message dd{
  width: 25%;
  order:1;
  padding: 2% 0 0 0;
}
.ab_message .bg_gray{
 padding-bottom:0;
}
.ab_message .logo{
  width:58%;
  margin:0 auto 3em auto!important;
}
.ab_message .member{
  width:56%;
  margin:0 auto!important;
}
.ab_message .member img{margin-bottom:-8px;}
.ab_message_cp{
  text-align: center;
}
/**/
.ab_kcp{
  margin:5em 0 10em 0;
  overflow:hidden;
}
.ab_kcp h2{
  margin-bottom:1.8em!important;
}
.ab_kcp .text{
max-width: 680px;
width:90%;
margin:auto;  
position: relative;
}
span.bold_text{
  font-weight: 600;
}
.ab_kcp .title{
  font-size: 140%;
  font-weight:800;
}
.ab_kcp .title .red{
  color:#d51d1f;
}
.ab_kcp .title .big{
  font-size: 160%;
}
.ab_kcp p.title:nth-child(2){
  margin-bottom: 0.8em!important;
  position: relative;
}
.ab_kcp p.title:nth-child(2)::before{
  position: absolute;
  background:url(../image/content/ab_kcp_bg3.jpg) no-repeat!important;
  background-size: cover!important;
  content:"";
  bottom: -400px;
  right:-170px;
  width: 150px;
  height: 125px;
  z-index:1;
}
.ab_kcp p.title:nth-child(2)::after{
  position: absolute;
  background:url(../image/content/ab_kcp_bg4.webp) no-repeat!important;
  background-size: cover!important;
  content:"";
  bottom: -285px;
  left: -260px;
  width: 180px;
  height: 300px;
}
.ab_kcp p{
  line-height:2em;
}
.under{
  border-bottom:1px dashed #ccc;
 }
.ab_kcp .text:before{
  position: absolute;
  background:url(../image/content/ab_kcp_bg2.webp) no-repeat!important;
  background-size: cover!important;
  content:"";
  bottom: 8px;
  left: -250px;
  width:185px;
  height: 230px;
  z-index:2;
}
.ab_kcp .text:after{
  position: absolute;
  background:url(../image/content/ab_kcp_bg1.webp) no-repeat !important;
  background-size: contain!important;
  content:"";
  top: 80px;
  right: -271px;
  width: 210px;
  height: 265px;
}
/**/
.y_syo_wp{
  position:relative;
}
.y_syo_btn{
  position:absolute;
  right:10px;
  bottom:20px;
}
.y_syo_btn:before{
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: -15px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
}
/**/
.ab_cause{
  background:#F5F5F5;
  padding: 6em 0;
}
.ab_cause .movie{
  width:80%;
  margin:auto;
}
.ab_cause .movie video{
  width:100%;
  height:auto;
  margin-bottom:2em;
}
.ab_cause ul{
  display:flex;
  justify-content: center;
}
.ab_cause ul li{
  width:290px;
  margin:1.5% 1.5% 0 1.5%;
}
/**/
.ad_m_cp{
  margin-bottom: 1em!important;
  font-size:160%;
  font-weight:800;
}
.ad_m_cp span{
  color:#DD1A1A;
}
.ad_m_cp .cp_albic img{
  width:120px!important;
  height:auto;
}
.ad_m_t{
  margin-bottom:3.1em!important;
  font-weight:600;
}
.ab_institution{
  background: #f9f9f9;
  padding:4% 0 5% 0;
}
.ab_institution li img{
  width:95%!important;
  height:auto;
}
.ab_institution .swiper-slide{
  display:unset;
  text-align: center;
}
.mg-rc{
  margin-left:3em;
}
.mg-rk{
  margin-left:5em;
}
@media screen and (max-width: 960px) {
  #about .ab_cause ul{
    margin: 0 auto!important;
  }
  #about .btn_list{
    width: 100%;
  }
  dl.about_list {
    display: block;
    padding:0 3%;
  }
  dl.about_list dt{
    width: 100%;
  }
  dl.about_list dd{
    width: 100%;
    border-top:0;
  }
  .ab_message dl{
    flex-wrap:wrap;
    width: 94%;
    margin: 0 auto 3em auto;
  }
  .ab_message dt{
    width: 100%;
    padding: 2% 0 0 0;
  }
  .ab_message dt p{
    margin:0 0 1.5em 0!important;
  }
  .ab_message dd{
    width: 40%;
    margin:auto;
  }
  .ab_message .logo{
    width: 80%;
    margin:0 auto 1em auto!important;
  }
  .ab_message .member{
    width:90%;
  }
  /**/
  .ad_m_cp{
    font-size: 145%;
  }
  .y_syo_wp{
    position:unset;
  }
  .y_syo_btn{
    position:unset;
    display:block;
    padding-left:0.5em;
  }
  .y_syo_btn:before{
  position: relative;
  top: 3px;
  left: -0.5em;
  }
  .ab_kcp .title{
    font-size: 110%;
    text-align: center;
  }
  .ab_kcp h2{
     margin-bottom:1em!important;
   }
   .ab_kcp p {
   text-align: left;
   padding:0 3%!important;
   line-height:1.7em;   
  }
  .ab_kcp p br{
   display:none;
  }
  .ab_kcp p.title:nth-child(2)::after,
  .ab_kcp p.title:nth-child(2)::before{
    display:none;
  }
  .ab_kcp .text:after,  
  .ab_kcp .text:before{
   display:none;
  }
  .ab_kcp{
    margin: 3em 0 5em 0;
    font-size:14px;
  }
  .ab_kcp .text:after{
    top:unset;
   bottom:0;
  }
  .ab_kcp .text{
    max-width: unset;
    width:98%;
  }  
  .ab_cause .movie{
     width: 94%;
   }
   .ad_m_t{
     width:90%;
     margin:0 auto 2em auto!important;
   }
   .ad_m_t br{
     display:none;
   }
}
@media screen and (max-width: 730px) {
  .ab_cause ul{
    display:block;
    margin:0 0 0 20%!important;
  }
  .ab_cause ul li{
    margin-left:unset;
    margin-top:unset;
    margin:5% auto 0 auto;
  }
}

/*================ ALBICが選ばれる理由(#splide_about) ================*/
#splide_about li.splide__slide{
  width:100%!important;
  border:0;
}
#splide_about .btn_red{
  border: 1px solid #DD1A1A;
  margin:1.5em 0 0 0;
  text-align: center;
  padding:3%;
  width:60%;
  color:#DD1A1A;
  font-weight: 600;
  border-radius: 5px;
}
#splide_about .btn_red:hover{
  background:#DD1A1A;
  color:#fff;
}
.layout_wrapper .splide-main{
  max-width:640px;
  width: 80%;
  margin:auto;
}
#splide_about dl.about_wrap{
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  margin:0 auto;
  border-radius: 10px;
  display:flex;
  justify-content: center;
  width:98%;
}
#splide_about dl.about_wrap dt{
  width: 53%;
  padding: 4%;
  order: 2;
  box-sizing: border-box;
}
#splide_about ul li dl.about_wrap dd{
  width: 47%;
  background-size:cover;
  margin:0;
  order: 1;
  border-radius: 10px 0 0 10px;
}
#splide_about ul li dl.about_wrap dt .btn_list{
  width: 70%;
  margin: 2% auto!important;
}
#splide_about ul li:nth-child(3) dl.about_wrap dd{
  background:url(../image/albic/albic_about.webp);
  background-size:cover;
  background-position: center;
}
#splide_about ul li:nth-child(4) dl.about_wrap dd{
  background:url(../image/albic/albic_about01.webp);
  background-size:cover;
  background-position: center;
}
#splide_about ul li:nth-child(5) dl.about_wrap dd{
  background:url(../image/albic/albic_about02.webp);
  background-size:cover;
  background-position: center;
}
#splide_about ul li:nth-child(6) dl.about_wrap dd{
  background:url(../image/albic/albic_about03.webp);
  background-size:cover;
  background-position: center;
}
#splide_about ul li:nth-child(7) dl.about_wrap dd{
  background:url(../image/albic/albic_about04.webp);
  background-size:cover;
  background-position: center;
}
#splide_about ul li:nth-child(8) dl.about_wrap dd{
  background:url(../image/albic/albic_about05.webp);
  background-size:cover;
  background-position: center;
}
#splide_about dl.about_wrap dd img{
  width:100%;
}
#splide_about dl.about_wrap dt .title{
  font-size:24px;
  color:#DD1A1A;
  font-weight:600;
  margin-bottom:0.5em!important;
  line-height: 1.4em;
}
#splide_about dl.about_wrap dt .text{
  line-height:1.6em;
  font-size: 14px;
  margin-bottom:1em!important;
}
#splide_about .splide__pagination{
  margin-bottom: -25px!important;
}
#splide_about .splide__pagination__page.is-active{
  border: 1px solid #333!important;
  background: #fff!important;
  transform:rotate(0)!important;
}
#splide_about .splide__pagination__page{
  background: #DD1A1A!important;
  height: 10px!important;
  width: 10px!important;
}
@media screen and (max-width: 860px) {
  #splide_about ul li dl.about_wrap dd{
    border-radius: 10px 10px 0 0 ;
  }
  #splide_about dl.about_wrap dt{
    padding:5% 8%;
  }
}

/*================ 法人向けユニフォームのメーカー直販(#maker) ================*/
#maker .content_wrap{
  margin-bottom:5em;
}
#maker .content_wrap img{
  width: 100%;
}
#maker .bg_gray{
  padding: 3em 0;
}
#maker .albic_category{
  border:0;
}
#maker .list_wrap{
  font-size:14px;
  list-style-type:disc;
  margin-bottom:1.5em!important;
  padding-left:3%!important;
  line-height:1.9em;
}
#maker .list_wrap a:hover{
  color:#DD1A1A;
}
#orderuniform .three_com01_ul,
#maker .three_com01_ul{
  text-align:left;
  list-style-type:decimal;
  font-size:14px;
  font-weight:600;
  margin-left:10%!important;
}
#orderuniform .three_com01_ul li,
#maker .three_com01_ul li{
  margin-bottom:1.5%;
  padding-left:1%;
}
.maker_list{
  display: flex;
  flex-wrap:wrap;
}
.maker_list .m_list_box{
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  width: 45%;
  margin:0 2.5% 4% 2.5%;
  display: inline-block;
  background:#fff;
}
.maker_list .m_list_box dt {
  margin:0;
  padding: 5% 2% 3% 4%;
  background:#fff;
  border-radius:5px 5px 0 0;
  display:flex;
  flex-wrap:wrap;
  align-items: center;
}
.maker_list .m_list_box dt p{
  color:#fff;
  font-size:150%;
  font-weight:600;
  z-index:2;
  position:relative;
}
.maker_list .m_list_box dt p span{
  font-size:150%;
  margin-right:0.3em;
  padding-right:0.5em;
  display: inline-block;
  transform: skewX(-15deg);
  font-family: Montserrat black;
}
.maker_list .m_list_box dt p:last-child:before{
  position:absolute;
  border-right:1px solid #fff;
  content:"";
  left:-20px;
  height:40px;
}
.maker_list .m_list_box dd{
  margin:0;
  padding:4%;
  background:#fff;
  border-radius: 0 0 5px 5px;
}
.maker_list .m_list_box dd .btn_list{
  margin:2em auto 1em auto!important;
  width:80%;
}
.maker_list .m_list_box dt p span:after{
  position:relative;
  border-right:1px solid #fff;
}
#maker .list01{
  background: #f9f9f9 url(../image/content/list01.webp);
  background-size:cover;
  position:relative;
  overflow:hidden;
}
#maker .list02{
  background: #f9f9f9 url(../image/content/list02.webp);
  background-size:cover;
  position:relative;
  overflow:hidden;
}
#maker .list03{
  background: #f9f9f9 url(../image/content/list03.webp);
  background-size:cover;
  position:relative;
  overflow:hidden;
}
#maker .list04{
  background: #f9f9f9 url(../image/content/list04.webp);
  background-size:cover;
  position:relative;
  overflow:hidden;
}
#maker .list05{
  background: #f9f9f9 url(../image/content/list05.webp);
  background-size:cover;
  position:relative;
  overflow:hidden;
}
#maker .list06{
  background: #f9f9f9 url(../image/content/list06.webp);
  background-size:cover;
  position:relative;
  overflow:hidden;
}
#maker .cg_other_list{
  border-top: 1px solid #ccc;
  padding-top: 5em;
}
#maker .bgimg_wrap:before,
#maker .list02:before,
#maker .list03:before,
#maker .list04:before,
#maker .list05:before,
#maker .list06:before,
#maker .list01:before{
content: '';
/* ↓暗いオーバーレイを半透明で配置 */
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#maker .bgimg_wrap{
background: url(../image/content/bgimg_wrap01.webp);
background-size: cover;
}
#maker .bgimg_wrap .btn_list{
width:30%;
margin:2em auto!important;
}
#maker dl.layer_flex_reverse{
align-items: center;
margin-bottom:3em;
}
#maker dl.layer_flex_reverse dt.lt{
width: 50%;
}
#maker dl.layer_flex_reverse dd.rt{
width: 50%;
text-align: center;
}
#maker dl.layer_flex_reverse dd.rt img{
  max-width: 418px;
}
#maker .maker_strengths{
font-size:14px;
padding:0 4.5%!important;
margin-bottom:0.5em;
}
#maker .maker_strengths dt{
border-bottom:1px solid #999;
padding:0 2%;
font-weight:600;
}
#maker .maker_strengths dd{
margin:0;
padding:0 2%;
}
@media screen and (max-width: 1045px) {
  .maker_list .m_list_box{
    width: 48%;
    margin: 0 1% 4% 1%;
  }
  .maker_list .m_list_box dt p{
    font-size: 140%;
  }
}
@media screen and (max-width: 1045px) {
  .maker_list .m_list_box dt p{
    font-size: 130%;
  }
}

@media screen and (max-width: 920px) {
#maker dl.layer_flex_reverse dt.lt{
  width: 55%;
  }
  #maker dl.layer_flex_reverse dd.rt{
  width: 45%;
  text-align: center;
  }

}

@media screen and (max-width: 860px) {
  .maker_list .m_list_box{
    width: 46%;
    margin: 0 1.5% 4% 1.5%;
  }
  #maker .bg_gray{
    padding: 0 0 3em 0;
  }
  #maker dl.layer_flex_reverse dt.lt{
    width: 100%;
  }
  #maker dl.layer_flex_reverse dt.lt p{
    padding:0 3%!important;
  }
  #maker dl.layer_flex_reverse dd.rt{
    width: 80%;
    margin: 10px auto;
    padding:5% 10%;
  }
  .maker_list .m_list_box dt p span{
    font-size:150%;
  }
  .maker_list .m_list_box dt p{
    font-size: 130%;
  }
  #maker .content_wrap dl.layer_flex_reverse .btn_list{
    width: 92%;
    margin:2em auto!important;
  }
  #maker .bgimg_wrap .btn_list{
    width:48%;
  }
}
@media screen and (max-width: 730px) {
  .maker_list .m_list_box{
    width: 100%;
    margin: 0 2.5% 8% 2.5%;
  }
}

/*================ ユニフォームを一気通貫で作れる生産体制(#maker-system) ================*/
#maker-system .bg_gray{
  padding: 3em 0 0.5em 0;
}
#maker-system .acht_face .btn_list{
  width: 40%;
  margin:2em auto!important;
}
#maker-system .acht_face .text{
  width: 50%;
  text-align: left;
}
.flow_num{
  margin:2em 0!important;
  text-align: center;
}
.flow_num li{
  display:inline-block;
  border:1px solid #D9D9D9;
  text-align: center;
  position: relative;
  background:#fff;
  margin-right:1.5em;
  width: 108px;
}
.flow_num li a{
  display:block;
  padding:10% 0;
}
.flow_num li p{
  font-weight: 600;
}
.flow_num li p.num{
  color:#DD1A1A;
  font-size: 150%;
}
.flow_num li::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #DD1A1A;
  right: -1.3em;
  top:40%;
}
.flow_num li:last-child{
  margin-right:0;
}
.flow_num li:last-child::after{
    display:none;
}
.flow_cont .flow_cont_li{
  background: #fff;
  padding: 5% 3% 4% 2%;
  margin-bottom:5em;
  position:relative;
  border-radius: 5px;
  box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
}
.flow_cont .flow_cont_li:after{
  content:"";
  position:absolute;
  bottom:-50px;
  left:50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #DD1A1A transparent transparent transparent;
}
.flow_cont .flex_box{
  display:flex;
  flex-wrap:wrap;
  align-items: flex-start;
}
.flow_cont .flex_box .f_lt{
  width: 55%;
  padding: 0 3% 0 10%;
}
.flow_cont .flex_box .f_rt{
  width:45%;
}
.flow_cont .flex_box .f_lt .title{
  font-size: 150%!important;
  font-weight:800;
  color:#DD1A1A;
  margin-bottom:1em!important;
  line-height:1.3em;
}
.flow_cont .flex_box .f_lt .btn_list{
  margin:3em!important;
}
dl.comp_wrap{
  border:1px solid #ccc;
  border-radius: 5px;
}
dl.comp_wrap:last-child{
  margin-right:0!important;
}
dl.comp_wrap dt{
  background:#707070;
  padding:1% 4%;
  color:#fff;
  border-radius: 5px 5px 0 0;
}
dl.comp_wrap dd{
  margin:0;
  padding:1% 4%;
}
dl.comp_wrap dd p{
  font-size:12px!important;
}
.f_merit{
  font-size: 180%;
  font-weight: 600;
  color:#DD1A1A;
}
.flow_cont .title{
  position:relative;
}
.flow_cont .title:before{
  position:absolute;
  left:-80px;
  padding:2.8% 3% 0 3%;
  color:#fff;
  border-radius: 10px;
  top:-15px;
  height:2.3em;
  font-family: "Font Awesome 5 Free";
}
.f_cont01 .title:before{
  content:"01";
  background:#DD1A1A;
}
.flow_cont .f_cont01:after{
  border-color: #DD1A1A transparent transparent transparent;
}
.f_cont02 .title:before{
  content:"02";
  background:#E03A24;
}
.flow_cont .f_cont02:after{
  border-color: #E03A24 transparent transparent transparent;
}
.f_cont03 .title:before{
  content:"03";
  background:#E35B2E;
}
.flow_cont .f_cont03:after{
  border-color: #E35B2E transparent transparent transparent;
}
.f_cont04 .title:before{
  content:"04";
  background:#E77D39;
}
.flow_cont .f_cont04:after{
  border-color: #E77D39 transparent transparent transparent;
}
.f_cont05 .title:before{
  content:"05";
  background:#EA9B43;
}
.flow_cont .f_cont05:after{
  border-color: #EA9B43 transparent transparent transparent;
}
.f_cont06 .title:before{
  content:"06";
  background:#EEBC4D;
}
.flow_cont .f_cont06:after{
  border-color: #EA9B43 transparent transparent transparent;
}
.f_cont07 .title:before{
  content:"07";
  background:#EEBC4D;
}
.flow_cont .f_cont07:after{
  border-color:unset;
  border-width:0;
}
.sp_flow_cont{
  visibility: hidden;
  display:none;
}
@media screen and (max-width: 960px) {
  /**/
  .flow_num{
    margin:1em 0 0 1em!important;
    text-align: left;
  }
  .flow_num li{
    padding: 1% 0;
    margin-right: 1em;
    width:21%;
    margin-bottom:1em;
  }
  .flow_num li p{
   font-size:80%;
  }
  .flow_num li::after{
    border-width: 7px 0 7px 8px;
    right: -1em;
  } 
}
@media screen and (max-width: 890px) {
  .flow_cont .flex_box .f_lt .title{
    font-size: 130%!important;
    margin-bottom: 1em!important;
    line-height: 1.5em;
    padding: 0 0 0 15%!important;
  }
  .flow_cont .title:before{
    padding: 2%;
    border-radius: 5px;
    top: -7px;
    left:0;
    height: unset;
  }
  .flow_cont .flex_box .f_lt{
    padding: 0 2% 0 0;
  }
  .flow_cont .flex_box .f_rt,
  .flow_cont .flex_box .f_lt{
    width: 50%;
  } 
}
@media screen and (max-width: 860px) {
  #maker-system .bg_gray{
    padding: 0 0 0.5em 0;
  }  
  #orderuniform-flow .cont_title,
  #maker-system .cont_title{
    font-size: 20px;
    line-height: 1.5em!important;
  }
  /*#maker-system .cont_title br,
  #maker .cont_title br{
    display:none;
  }*/
  #maker-system .acht_face .text{
    width: 90%;
  }
  #maker-system .acht_face .btn_list{
    width: 94%;
  }

  #maker-system dl.comp_wrap dt{
    border-radius: 5px;
  }
  #maker-system .sp-parent-st2:before,
  #maker-system .sp-parent-st2:after {
    background: #fff!important;
  }
  /**/
  .flow_num li{
    padding: 1% 0;
    margin-right: 1em;
    width:27%;
    margin-bottom:1em;
  }
  /**/
  .flow_cont .flow_cont_li .btn_list{
    width:80%;
  }
  .flow_cont .flow_cont_li{
    width:98%;
    margin:0 auto 2em auto;
    padding: 5% 3% 4% 3%;
  }
  .flow_cont .flow_cont_li:after{
    bottom: -28px;
    left: 44%;
  }
}
@media screen and (max-width: 780px) {
  .flow_cont .flow_cont_li{
    width:94%;
    margin:0 auto 2em auto;
    padding: 5% 4% 4% 4%; 
  }
  .flow_cont .flow_cont_li:after{
    bottom: -28px;
    left: 44%;
  }
  .flow_cont .flex_box .f_lt{
    width: 100%;
    padding: 0;
  }
  .flow_cont .flex_box .f_rt{
    width:100%;
  }
  .flow_cont .flow_cont_li{
    width:96%;
    margin:0 auto 2em auto;
    padding: 5% 2% 4% 2%;
  }
  .flow_cont .title:before{
    padding: 1.5%;
    top: -10px;
  }
  .flow_cont .flex_box .f_lt{
    width: 100%;
    padding: 0;
  }
  .flow_cont .flex_box .f_rt{
    width:100%;
  }
  .flow_cont .flex_box .f_lt{
    width: 100%;
    padding: 0;
  }
  .flow_cont .flex_box .f_rt{
    width:100%;
  }
  .flow_cont .flex_box .f_lt .btn_list{
    margin: 5% 6%!important;
  }
  .flow_cont .flex_box .f_lt .title{
    padding: 0 0 0 10%!important;
  }  
}

@media screen and (max-width: 780px) {
  .sp_flow_cont{
    visibility: unset;
    display:block;
  }
  .pc_flow_cont{
    visibility: hidden;
    display:none;
  }
}
@media screen and (max-width: 650px) {
  #maker-system .content_wrap dl.layer_flex_reverse dt.lt{
    margin:0 auto 0.5em auto;
    width: 90%!important;
  }
  #maker-system .content_wrap dl.layer_flex_reverse dt.lt .text90{
    width:100%;
    margin:0 auto 2em auto!important;
  }
  #maker-system .content_wrap dl.layer_flex_reverse dt.lt{
    margin:0 auto;
    width: 90%!important;
  }
  #maker-system .content_wrap dl.layer_flex_reverse dd.rt{
    width: 90%!important;
    padding: 0;
  }
}
/*================ ユニフォームの丸十服装 お取引の流れ(#flow) ================*/
#flow .cont_title_ln span{
  color:#333;
}
#flow .content_wrap .flex_box{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
#flow .content_wrap .flex_box p{
  width:30%;
  margin:0 1em 3em 1em!important;
}
#flow .list{
  font-size: 14px;
  padding-left:2.5em!important;
  list-style-type:disc;
}
#flow .list li{
  margin-bottom:0.5em;
}
@media screen and (max-width: 860px) {
  #flow .text80{
    width: 90%;
  }
  #flow .kv_under_content{
    margin-bottom: 2em;
  }
  #flow .content_wrap .flex_box p{
    width:68%;
    margin:0 0 1em 0!important;
  }
  #flow .cont_title_ln span{
    color:#fff;
  }
}

/*================ プライバシーポリシー(#privercy) ================*/
#privercy main .container{
  padding: 0 2%;
}
#privercy .fixedpage_wrap{
  margin:0 auto 12em auto;
}
#privercy .fixedpage_wrap section{
  margin-bottom: 2em;
}
#privercy .fixedpage_wrap section h2{
  margin-bottom: 0.5em!important;
  font-size:18px;
  font-weight:500;
  border-bottom:1px solid #999;
  padding:0 2%!important;
}
#privercy .fixedpage_wrap section p{
  padding:0 2%!important;
}
#privercy .fixedpage_wrap section p.title_blue{
  background:#444;
  margin:4% 0 1.5% 0!important;
  padding:0.5% 2%!important;
  font-size:18px;
  font-weight:600;
  color:#fff;
}  
@media screen and (max-width: 860px) {
  #privercy .fixedpage_wrap{
    width: 100%;
  }
  #privercy .fixedpage_wrap section{
    width: 94%;
    margin: 0 auto 1em auto;
  }
}

/*================ お知らせ 一覧ページ(#news) ================*/
#news .news_wrap{
  width:94%;
  margin:0 auto 5em auto;
}
.news_mokuji{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  max-width:90%;
  margin:5em auto 8em auto;
  border-top:1px dashed #999;
  padding-top:2em;  
}
.mokuji_left, .mokuji_center, .mokuji_right{
  width:33%;
  text-align:center;
}
#news h2.title{
  font-size:22px;
  font-weight:600;
}
#news .contents_text{
  width: 85%;
}
#news .albic_category{
  border:0;
  width:90%;
  margin:0 auto;
  padding-bottom:1em;
}
#news .season_wrap{
  top: 4%;
  right:1%;
}
#news .date_time{
  width:94%;
  text-align:right;
  margin-bottom:2em;
}

/*================ 目次 (#reson:reson_other_list) ================*/
.reson_other_list .flex_box{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.reson_other_list .flex_box a{
  width: 49%;
  border-radius: 5px;
  margin-bottom:1.5em;
  border:1px solid #ccc;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 40%);
  transition: 0.2s;
}
.reson_other_list .flex_box a:hover{
   transform: translateY(2px);
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 40%);
}
.reson_other_list .flex_box a:active {
  background:#fff!important;
  transform: translateY(5px);
  box-shadow: 0 0 0 0 rgb(0 0 0);
}
.reson_other_list .flex_box dl{
  display:flex;
  flex-wrap:wrap;
  margin:0;
  align-items: center;
  height:100%;
  position:relative;
}
.reson_other_list .flex_box dl dt{
  order:2;
  width: 80%;
  margin:0;
  padding:0 0 0 3%;
}
.reson_other_list .flex_box dl dd{
  margin:0;
  order:1;
  width: 20%;
  padding:0;
  height:100%;
}
.reson_other_list .flex_box dl dd img{
  width:100%;
  padding:0;
  margin:0;
  height:100%;
  border-radius: 5px 0 0 5px;
}
.reson_other_list .flex_box dl:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
}
.reson_other_list a.nbr_on{
  background-color:#FCF7F3!important;
  border:1px solid #DECDBF;
}
.reson_other_list .flex_box dl dt br{
  display:none;
} 
@media screen and (max-width: 1020px) {
  .reson_other_list .flex_box dl dt br{
    display:unset;
  }
}
@media screen and (max-width: 860px) {
  .reson_other_list .flex_box a{
    width:94%;
    margin:0 auto 1em auto;
  }
  .reson_other_list .flex_box dl dt{
    width: 70%;
    padding:0 5% 0 5%;
  }
  .reson_other_list .flex_box dl dd{
    width: 30%;
  }
  .reson_other_list .cont_title{
    text-align: center;
  }
}

/*================ resonの共通レイアウト ================*/
.merit_list{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  margin:1em 0 0 0!important;
}
.merit_list li{
  border:1px solid #ccc;
  border-radius: 5px;
  width:23%;
  padding:2% 2% 1% 2%;
  height:10em;
  position:relative;
  margin:3em 0 0 0!important;
}
.merit_list .title{
  content:"";
  position:absolute;
  top:-18px;
  left:30%;
  background:#d51d1f;
  width:40%;
  border-radius: 50px;
  text-align: center;
  color:#fff;
  font-weight: 600;
  padding:2% 1% 1% 1%!important;
}
/**/
.idn_industry{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin:2em auto 4em auto;
  width:65%;
}
.idn_industry .tit{
  color:#d51d1f;
  font-weight:800;
  border-top:2px solid #d51d1f;
 border-bottom:2px solid #d51d1f;
  padding:1.5% 0;
  width:35%;
  padding-left:4%;
  position:relative;
}
.idn_industry .tex{
  width:65%;
  padding-left:10%;
}
.idn_industry .tit::before{
  position:absolute;
  content:"";
  right: -28px;
  top: 6px;
  display: inline-block;
  vertical-align: middle;
  color: #d51d1f;
  width: 2.2em;
  height: 2.2em;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
}

/**/
.red_wrap{
  background:#FAFAFA;
  padding:1.5% 2%;
  margin-bottom:3em;
  border-radius: 5px;
  display:flex;
  position:relative;
  border:1px solid #D9D9D9;
}
.red_wrap .tit{
  width: 16%;
  font-size:110%;
  font-weight: 600;
  border-right:1px solid #D9D9D9;
}
.red_wrap .tex{
  width: 83%;
  padding-left:3%;
}
.red_wrap .icon_img{
  position:absolute;
  content:"";
  right:-10px;
  top:-50px;
  width:230px;
  height:auto;
}
@media screen and (max-width: 1000px) {
  .red_wrap .tex{
    width: 50%;
    padding-left:3%;
  }
  .red_wrap .icon_img{
    right: 10px;
    top: -31px;
  }
  .idn_industry{
    width: 80%;
  }
  .idn_industry .tit::before{
    right: -30px;
    top: 6px;
    width: 2.4em;
    height: 2.4em;
  }
}
/*================ 法人ユニフォームのプロフェッショナル(#reson) ================*/
#reson .ab_institution{
  padding:0;
  margin-bottom:5em;
  background:#fff;
}
#reson .content_wrap dl.layer_flex{
  align-items:flex-start;
}
#reson .content_wrap dl.layer_flex .lt{
  padding:3%;
}
.reson_w1 dl.layer_flex .lt{
  order:2;
}
.reson_w1 dl.layer_flex .rt{
  order:1;
}
.reson_w2 .container{
  padding:3.5em 0.5em 3em 0.5em!important;   
}
.reson_w2 .flex_box{
  display: flex;
  flex-wrap: wrap;
  /*align-items:center;*/
  align-items:self-start;
}
.reson_w2 .flex_box .lt{
  width: 50%;
  padding: 0px 2% 0 0;
}
.reson_w2 .flex_box .rt{
  width: 50%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding-top:7.7%!important;;
}
.reson_w2 .reson01 .flex_box .lt .cp,
.reson_w2 .reson03 .flex_box .lt .cp,
.reson_w2 .reson05 .flex_box .lt .cp{
  border-top:1px solid #fff;
  padding-top:1em!important;
}
.reson_w2 .reson06 .flex_box .lt .cp,
.reson_w2 .reson02 .flex_box .lt .cp,
.reson_w2 .reson04 .flex_box .lt .cp{
  border-top:1px solid #333;
  padding-top:1em!important;
}
.reson_w2 .flex_box .sv_title{
  font-size: 80%;
  font-weight: 600;
}
.reson_w2 .flex_box .title{
  font-size: 180%;
  font-weight: 600;
  padding-left: 8%!important;
  position:relative;
  margin:0 0 1em 1.5em!important;
  height:30px;
}
.reson_w2 .flex_box .title:before{
  position:absolute;
  left:-1.2em;
  color:#DD1A1A;
 font-size:35px;
 font-family: Montserrat black;
 transform: skewX(-15deg);
 top:-2px;
}
.reson_w2 .reson01 .flex_box .title:before{
  content:"01";
}
.reson_w2 .reson02 .flex_box .title:before{
  content:"02";
}
.reson_w2 .reson03 .flex_box .title:before{
  content:"03";
}
.reson_w2 .reson04 .flex_box .title:before{
  content:"04";
}
.reson_w2 .reson05 .flex_box .title:before{
  content:"05";
}
.reson_w2 .reson06 .flex_box .title:before{
  content:"06";
}
.reson_w2 .flex_box .title:after{
  content:"|";
  position:absolute;
  left:0.4em;
  font-weight: 100;
}
.reson_w2 .flex_box .cp{
  font-size: 105%;
  font-weight: 600;
  padding: 2% 1% 1% 2%!important;
}
.reson_w2 .flex_box .rt li{
  width: 100%;
  margin: 0 0 2.5% 0!important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4)!important;
}
.reson_w2 .flex_box .cp br{
  display:none;
 }
.reson_w2 .flex_box .rt dl{
  display:flex;
  flex-wrap:wrap;
  background:#fff;
  margin:0;
}
/*
.reson_w2 .flex_box .rt li:nth-child(3n){
  margin: 0 0 1% 0!important;
}*/
.reson_w2 .container{
  padding:4em 0;
}
.reson01{
  background: #f9f9f9 url(../image/content/prof_bg1.webp);
  background-size:cover;
}
.reson02{
  background: #f9f9f9 url(../image/content/prof_bg2.webp);
  background-size:cover;
}
.reson03{
  background: #f9f9f9 url(../image/content/prof_bg3.webp);
  background-size:cover;
}
.reson04{
  background: #f9f9f9 url(../image/content/prof_bg4.webp);
  background-size:cover;
}
.reson05{
  background: #f9f9f9 url(../image/content/prof_bg5.webp);
  background-size:cover;
  background-position:0;  
}
.reson06{
  background: #f9f9f9 url(../image/content/prof_bg6.webp);
  background-size:cover;
}
.reson05 .lt p,
.reson03 .lt p,
.reson01 .lt p,
.reson05 .lt,
.reson03 .lt,
.reson01 .lt{
  color:#FFF;
}
.reson_w2 .flex_box .rt dl dt{
  width:80%;
  order:2;
}
.reson_w2 .flex_box .rt dl dd{
  width:20%;
  margin:0;
  padding: 1% 1% 0 1%;
  order:1;
}
.reson_w2 .flex_box .rt dl dd img{
  border-radius: 5px;
}
.reson_w2 .flex_box .rt dl dt .btn_list{
  width: 70%;
}
.reson06 li:hover a dt .btn_list06,
.reson06 li:hover a dt .cp,
.reson05 li:hover a dt .btn_list06,
.reson05 li:hover a dt .cp,
.reson04 li:hover a dt .btn_list06,
.reson04 li:hover a dt .cp,
.reson03 li:hover a dt .btn_list06,
.reson03 li:hover a dt .cp,
.reson02 li:hover a dt .btn_list06,
.reson02 li:hover a dt .cp,
.reson01 li:hover a dt .btn_list06,
.reson01 li:hover a dt .cp{
  color:#DD1A1A;
}
#reson p.btn_list06{
  padding: 1% 7% 1% 3%!important;
}
@media screen and (max-width: 860px) {
  #reson p.btn_list06{
    padding: 1% 10% 1% 3%!important;
  }
  #reson .text80{
    width: 94%;
  }
  #reson .content_wrap dl.layer_flex .rt{
    padding:0;
  }
  #reson .reson_w2 .flex_box .rt,
  #reson .reson_w2 .flex_box .lt{
    width: 100%;
    padding:3%!important;
  }
  #reson .reson_w2 .flex_box .lt .cp{
    font-size:20px;
    padding:4% 4% 0 0!important;
    height: 90px;
    line-height:1.3em;
  }
  #reson .reson_w2 .flex_box .rt .cp{
    font-size: 100%;
    padding: 2% 4% 2% 4%!important;
    height:65px;
  }
  #reson .reson_w1 .rt p{
    padding:0 3%!important;
   }
   #reson .content_wrap dl.layer_flex .lt{
   margin:auto!important;
  }
  #reson .reson_w2 .flex_box .rt dl dt{
    width:70%;
  }
  #reson .reson_w2 .flex_box .rt dl dd{
    width:30%;
  } 
}

/*================ お客様の声を反映した法人ユニフォーム専用のオリジナルカタログ(#reson-catalog) ================*/
#reson-catalog .acht_face{
  background: url(../image/content/catalog-bgimg.webp);
  background-size: cover;
  margin-bottom:0!important;
}
#reson-catalog .acht_face .container .title:nth-child(1){
  line-height: 1.3em;
  margin-bottom:1em!important;
}
#reson-catalog .acht_face .container .title:nth-child(1):after{
  display:none;
}
#reson-catalog .acht_face .text{
  text-align:left;
}
/*#reson-catalog .kv_under_content .container .kv_text .kv_text_right .title p{
   font-size: 36px;
}*/
#reson-catalog .history_img01 .layer_flex dd{
  background: url(../image/content/catalog-img1.webp);
  width: 50%;
  background-size:cover;
  height:580px;
}
#reson-catalog .thumbnail.is-active {
  height:75px;
}
#reson-catalog .mainvisual{
  width:90%;
  margin:0 auto;
}
#reson-catalog .thumbnail {
  width: 13.7%;
  height: auto!important;
}
#reson-catalog li.is-active{
height: auto!important;
}
#reson-catalog .thumbnail li img{
  width:100%;
  vertical-align: bottom;
}
#reson-catalog .cont_title .sp_none{
  display:none;
}
@media screen and (max-width: 960px) {
  #reson-catalog .thumbnail {
    width: 13.7%;
    height: auto!important;
  }
  #reson-catalog li.is-active{
 height: auto!important;
  }
  #reson-catalog .content_wrap{
    margin-bottom:0!important;
  }
  #reson-catalog h2.cont_title{
    padding-left:4%!important;
  }  
}
@media screen and (max-width: 860px) {
  #reson-catalog .mainvisual .content_wrap img{
    width:100%;
    height:auto;
  }
  #reson-catalog .content_wrap dl.layer_flex .lt{
    width:96%;
  }
}
@media screen and (max-width: 780px) {
  #reson-catalog .content_wrap dl.layer_flex{
    display: flex;
    flex-wrap: wrap;
  }
}


/*================ レンタルユニフォーム(#reson-rental) ================*/
dl.rental_merit{
  width: 80%;
  margin:4em auto 0 auto;
  box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);
  border-radius: 5px;
}
dl.rental_merit dt{
  background:#DD1A1A;
  color:#fff;
  padding: 0.5% 9%;
  border-radius: 5px 5px 0 0;
  position:relative;
  font-weight:600;
}
dl.rental_merit dd{
  margin: 0;
  padding: 2.5% 4%;
  background:#fff;
  border-radius: 0 0 5px 5px;
  font-size:14px;
  font-weight:500;  
}
dl.rental_merit dt div{
  width: 55px;
  height: auto;
  position:absolute;
  top: -24px;
  left: 8px;
}
dl.rental_merit dt div img{
  width: 100%;
  height: auto;
}
.rental_comparison{
  background:#fff;
  padding:4%!important;
  display:block;
  border-radius: 5px;
  margin:0 auto!important;
}
.rental_comp_table{
  display:flex;
  flex-wrap: wrap;
}
ul.rental_comp_table {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.rental_comp_table li{
  width: 32.5%;
  background: #eee;
  margin: 0.1%!important;
  text-align: center;
  line-height: 1.3em;
  padding:1% 0;
  font-size:14px; 
}
ul.rental_comp_table li.t_title{
  width:32.5;
  font-weight:600;
}
ul.rental_comp_table li.t_title00{
  width:29%;
}   
ul.rental_comp_table li.t_koumoku02,
ul.rental_comp_table li.t_koumoku{
  width:29%;
  font-weight:600;
} 
#reson-rental .content_wrap:nth-child(2) {
  margin-bottom:0;
}
#reson-rental .rental_flow_img{
  padding:1% 4% 4% 4%;
}
#reson-rental .bg_gray{
  margin-bottom: 4em;
}
ul.rental_comp_table li:first-child{
  background: #fff;
}
ul.rental_comp_table li:nth-child(2){
  background: #e23c3c;
  color:#fff;
}
ul.rental_comp_table li:nth-child(3){
  background: #e23c3c;
  color:#fff;
}
ul.rental_comp_table li.t_koumoku{
  background:#999;
  color:#fff;
}
ul.rental_comp_table li.t_koumoku02{
  background:#777;
  color:#fff;
}
ul.rental_comp_table li.t_koumoku03{
  background:#dedede;
}

@media screen and (max-width: 860px) {
  #reson-rental .idn_industry{
    margin:2em auto 4em auto;
    width: 94%;
  }
  #reson-rental .idn_industry .tex{
    width: 72%;
    padding-left:10%;
    font-size:90%;
  }
  #reson-rental .idn_industry .tit{
    width: 28%;
    padding:1.5% 0;
    font-size:90%;
  }
  #reson-rental .idn_industry .tit::before{
    position:absolute;
    content:"";
    right: -33px;
    top: 7px;
    display: inline-block;
    vertical-align: middle;
    color: #d51d1f;
    width: 3em;
    height: 3em;
    border: 2px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-27%) rotate(45deg);
  }
}
@media screen and (max-width: 860px) {
  .sp_pad03{
    padding: 0 3%;
  }
  #reson-rental .cont_title{
    padding:0 3%!important;
  }
  #reson-rental .text80{
    width:100%;
    padding:0 3%!important;
  }
  #reson-rental .text90{
    width:100%;
    padding:2% 3%!important;
  }
  #reson-rental .content_wrap dl.layer_flex .lt{
    width: 100%;
  }
  #reson-rental dl.rental_merit{
    width: 94%;
    margin:3em auto 3em auto;
  }
  #reson-rental .merit_list li{
    width: 90%;
    padding: 8% 5% 1% 5%;
    margin:2.5em auto 0 auto!important;
  }
  #reson-rental dl.rental_merit dt{
    padding: 2% 1% 1.5% 22%;
  }
  #reson-rental dl.rental_merit dt div{
    top: -17px;
  }
  #reson-rental .merit_list .title{
    top: -20px;
  }
  #reson-rental .bg_gray{
    padding: 3em 0 2em 0;
  }
  #reson-rental .bg_gray02{
    padding:2em 0;
  }
  #reson-rental .bg_gray02 .cont_title_ln{
    margin-bottom:0!important;
  }
  #reson-rental .rental_comparison{
    width: 94%;
    margin:1em auto!important;
    padding:1%!important;
  }
  #reson-rental .sp_scroll{
    overflow-x: scroll;
  }
  #reson-rental .content_wrap dl.layer_flex{
     padding:0 2%;
  }
  #reson-rental .red_wrap{
     padding:0 2%;
     flex-wrap:wrap;
  }
  #reson-rental .red_wrap .tit{
    width: 100%;
    border-right:0;
    border-bottom:1px solid #D9D9D9;
    padding:3%;
  }
  #reson-rental .red_wrap .tex{
    width: 100%;
    padding:3%;
  }
  #reson-rental .red_wrap .icon_img{
   position:unset;
   width:70%;
   margin:1em auto!important;
  }
  #reson-rental .idn_industry{
    margin:2em auto 4em auto;
    width: 90%;
  }
  #reson-rental .idn_industry .tex{
    width: 100%;
    padding-left: 0;
    font-size:90%;
   text-align:center;
  }
  #reson-rental .idn_industry .tit{
    width: 100%;
    padding:1.5% 0;
    font-size:90%;
    text-align:center;
    margin:0 auto 1.5em auto;
  }
  #reson-rental .idn_industry .tit::before{
    display:none;
  }
  #reson-rental .sp_scroll .rental_comp_table{
    width:900px;
  }  
}

/*================ ユニフォームの運用や業務の改善のご提案(#reson-optimization) ================*/
#reson-optimization .reson-opt_w1 .flex_box{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
#reson-optimization .reson-opt_w1 .flex_box .opt_goteian{
  width: 48%;
  margin-bottom: 1.5em;
}
#reson-optimization .sp-parent-st2{
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-radius: 5px;
  border-bottom:1px solid #ccc;
  padding-bottom:1%;
}
#reson-optimization .sp-child{
  border-bottom:1px solid #ccc;
  margin-bottom: 1.5em;
  border-radius: 0 0 5px 5px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  padding: 3% 4%;
}
#reson-optimization .sp-parent-st2.open{
  border-bottom:0;
  border-radius: 5px 5px 0 0;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;  
}
#reson-optimization .reson-opt_w1 .flex_box div:last-child{
  margin-bottom: 0;
}
#reson-optimization .reson-opt_w1 .title{
  font-size:120%;
  font-weight:800;
  text-align: center;
  line-height: 1.4em;
  /*margin-bottom:1em!important;*/
  position:relative;
}
#reson-optimization .reson-opt_w1 .title:after{
position:absolute;
content:"▼";
color:#DD1A1A;
}
#reson-optimization .reson-opt_w1 .icon{
  width:12%;
  text-align: center;
  margin: 0.5em auto 0 auto!important;
}
#reson-optimization .reson-opt_w1 .icon img{
  width:100%;
}
#reson-optimization .reson-opt_w1 .btn_list{
  margin:2em auto 0.5em auto!important;
  width: 90%;
}
#reson-optimization .merit_list .title{
  top:-15px;
}
#reson-optimization .merit_list li{
  height: 12em;
  text-align: center;
}
#reson-optimization .bg_gray{
  margin-bottom:0!important;
}
#reson-optimization .bgimg_wrap{
  background: url(../image/content/bgimg_optimization.webp);
  background-size: cover;
}
#reson-optimization .icon_merit{
  width: 30%;
  margin:0 auto!important;
}
#reson-optimization .merit_list p{
  line-height: 1.4em;
}
#reson-optimization .merit_list .small{
  font-size:80%;
}
#reson-optimization .merit_list .title_s{
  font-size:120%;
  font-weight:800;
}
#reson-optimization .content_wrap .flex_box{
  display: flex;
  flex-wrap: wrap;
}
#reson-optimization .content_wrap .flex_box h2{
  width: 100%;
}
#reson-optimization .content_wrap dl.layer_flex{
  align-items: flex-start;
}
#reson-optimization .content_wrap dl.layer_flex_reverse dd.rt img{
  border-radius: 10px;
}
#reson-optimization .content_wrap dl.layer_flex dd.rt img{
  border-radius: 10px;
}
#reson-optimization .content_wrap dl.layer_flex .lt{
  width: 50%;
  padding:1% 0 0 2%;
}
#reson-optimization .content_wrap dl.layer_flex .lt h4{
  font-size:120%;
  margin-bottom:1em!important;
}
#reson-optimization .sp-parent-st2:before,
#reson-optimization .sp-parent-st2:after{
  width: 18px!important;
  top: 70%!important;
  right: 1%!important;
}
#reson-optimization .list_fukidashi{
  width:100%;
  display:flex;
  flex-wrap:wrap;
}
/* 保留 */
.res_opt_w p{
  margin-bottom: 2em!important;
}
@media screen and (max-width: 800px) {
  #reson-optimization .cont_title{
    padding:0em 0.5em 0 0.5em!important;
  }
  #reson-optimization .content_wrap dl.layer_flex_reverse dd.rt{
    padding: 0 3% 0 3%;
  }
  #reson-optimization .content_wrap dl.layer_flex_reverse dt.lt{
    padding-top:0;
  }
  #reson-optimization .bg_org{
    padding:0 0 2em 0!important;
  }
  #reson-optimization .wt_wrap{
    text-align: left;
    line-height: 1.5em;
  }
  #reson-optimization .bg_org:after{
    bottom: -30px;
    left: 41.6%;
    border-width: 30px 30px 0 30px;
  }
  #reson-optimization .bgimg_wrap .btn_list{
    width: 95%;
  }
  #reson-optimization .reson-opt_w1 .flex_box .opt_goteian{
    width: 94%;
    margin:0.5em auto;
    padding: 1% 0.5% 1% 1%;
  }
  #reson-optimization .reson-opt_w1 .btn_list{
   width: 100%;
  }
  #reson-optimization dl.layer_flex,
  #reson-optimization dl.layer_flex_reverse{
    display:flex;
    flex-wrap:wrap;
  }
  #reson-optimization dl.layer_flex_reverse dt{
     order:2;
   }
  #reson-optimization dl.layer_flex_reverse dd{
     order:1;
  }
  #reson-optimization .content_wrap dl.layer_flex_reverse dt.lt h4{
    margin-bottom: 0.5em!important;
  }
  #reson-optimization .content_wrap dl.layer_flex .lt{
    width: 100%;
    padding:3%;
    order:2;
  }
  #reson-optimization .content_wrap dl.layer_flex .rt{
    order:1;
  }
  #reson-optimization .page_wrap h4{
  margin:0.5em!important;
}

  #reson-optimization .merit_list .title{
    display:none;

  }
  #reson-optimization .merit_list li{
    width:94%;
    height:unset;
    margin:0 auto 1em auto!important;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
  }
  #reson-optimization .icon_merit{
    width: 15%;
    padding:0 0 0 2%!important;
  }
  #reson-optimization .sp_flex {
    width: 85%;
    text-align: left;
    padding:0 3%;
  }
  #reson-optimization .sp_flex br{
    display:none;
  }
  #reson-optimization .merit_list .title_s{
    color:#d51d1f;
  }
  #reson-optimization .sp-parent-st2{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
  }
  #reson-optimization .sp-parent-st2 .icon{
    width:13%;
  }
  #reson-optimization .sp-parent-st2 .title{
    width:87%;
    text-align: left;
    font-size:110%;
    padding-left: 3%!important;
    margin-bottom:0!important;
    font-weight:500;  
  }
  #reson-optimization .reson-opt_w1 .title{
    margin-bottom:0!important;
  }
  #reson-optimization .sp-child p{
    padding: 2%!important;
  }
  .sp_wid{
    width: 96%;
    margin: auto!important;
  }
  #reson-optimization .sp-parent-st2:before,
  #reson-optimization .sp-parent-st2:after{
   top: 50%!important;
  }
  #reson-optimization .reson-opt_w1 .title:after{
    content:"";
  }  
}

/*================ ユニフォームの自社物流センター(#reson-logistics) ================*/
#reson-logistics .bg_gray{
  padding: 3em 0 2em 0;
}
#reson-logistics .bg_wit{
  margin-bottom: 1.5em;
}
h4.title_st{
  font-size:130%;
  border-left:4px solid #d51d1f;
  margin: 1em 0 1em 0!important;
  padding:0 0 0 0.5em!important;
}
#reson-logistics .content_wrap .layer_flex_reverse dt{
  padding:0;
}
#reson-logistics .content_wrap dl.layer_flex_reverse{
  display: flex;
  justify-content: center;
  align-items:flex-start;
}
#reson-logistics .flex_three dl{
  width: 42%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  padding: 0 1.5% 6% 1.5%;
  margin:0;
}
#reson-logistics .flex_three dl:nth-child(4),
#reson-logistics .flex_three dl:nth-child(3){
  width: 42%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  padding: 0 1.5% 0 1.5%!important;
  margin:0;
}
#reson-logistics .flex_three{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
#reson-logistics .res_log_w p.title{
  margin:1em 0!important;
}
#reson-logistics .content_wrap dl.layer_flex{
  align-items: flex-start;
}
#reson-logistics .res_log_w dl.layer_flex{
  margin-bottom:4em;
}
#reson-logistics .content_wrap .layer_flex_reverse dd,
#reson-logistics .content_wrap .layer_flex dt{
  padding:0 3% 0 3%;
}
#reson-logistics .flex_three dl dt{
  height:100px;
}
#reson-logistics video{
  /*width:100%;*/
  padding:0 2%;
 }
@media screen and (max-width: 860px) {
  #reson-logistics .content_wrap .text80{
    width: 94%;
  }
  #reson-logistics .bg_gray{
    padding: 0 0 2em 0;
  }
  #reson-logistics h4.title_st br{
    display:none;
  }
  #reson-logistics .content_wrap dl.layer_flex{
    display: block;
    width: 96%;
  margin:0 auto;
  }
 #reson-logistics .content_wrap dl.layer_flex .rt{
    width: 100%;
  margin:0 auto;
  }
  #reson-logistics .content_wrap dl.layer_flex .lt{
    width: 100%;
    margin:0 auto 1em auto;
    padding:0;
  } 
  #reson-logistics .content_wrap dl.layer_flex_reverse dt{
    width:100%;
    padding:3%;
   }
   #reson-logistics .content_wrap dl.layer_flex_reverse dd{
    width:80%;
    padding:0;
   }
   #reson-logistics .flex_three dl dt{
    height:unset;
   padding-bottom:3%;
  }    
}

/*================ ユニフォーム業界 最大規模のお取り扱い商品数(#reson-lineup) ================*/
#reson-lineup .lineup_w1 .flex_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom:1em;
}
#reson-lineup .lineup_w1 .flex_box .three_com{
  width: 48%;
  background:#FAFAFA;
  padding: 3% 1%;
  border: 1px solid #D9D9D9;
}
#reson-lineup .lineup_w1 .flex_box .three_com_lt{
  width: 39%;
  text-align: center;
}
#reson-lineup .lineup_w1 .flex_box .three_com_rt{
  width: 59%;
  text-align: center;
}
#reson-lineup .lineup_w1 .flex_box .three_com h4{
  margin-bottom:0.3em!important;
  font-size:110%;
}
#reson-lineup .lineup_w1 .flex_box .three_com .flex_box{
  width:100%;
  margin: 0 auto 4em auto;
}
#reson-lineup .lineup_w1 .flex_box .three_com .three_com01 .title{
  font-size: 100%;
}
#reson-lineup .lineup_w1 .flex_box .three_com .three_com01:after{
  top: 34%;
  font-size: 220%;
  right: -26px;
}
#reson-lineup .lineup_w1 .flex_box .three_com .three_com02{
  border:2px solid #DD1A1A;
  width:100%;
  padding:2%;
  border-radius: 5px;
  text-align: center;
  width: 94%;
  color:#DD1A1A;
  margin:auto;
  font-weight:800;
  font-size:120%;
  line-height:1.4em;
}
#reson-lineup .lineup_w1 .flex_box .three_com .three_com02:after{
  content:"=";
  position:absolute;
  top: -47px;
  left:48%;
  font-size: 200%;
  color:#333;
  transform:rotate(90deg);
}
#reson-lineup .ab_institution{
  background:unset;
  padding: 0;
}
#reson-lineup .ab_institution li img {
  width: 100%!important;
}
#reson-lineup .bg_orange{
  overflow:hidden;
}
#reson-lineup .maker_list dl{
  width:15.5%!important;
  margin: 0 1% 2% 0!important;
  display:flex;
  flex-wrap:wrap;
}
#reson-lineup .maker_pcsp dl{
  width:35%!important;
  margin: 0 1% 2% 0!important;
  display:flex;
  flex-wrap:wrap;
}
#reson-lineup .maker_pcsp dt,
#reson-lineup .maker_list dt{
  order:2;
  font-size:12px;
}
#reson-lineup .maker_pcsp dd,
#reson-lineup .maker_list dd{
  margin: 0;
  order: 1;
}
#reson-lineup .content_wrap dl.layer_flex{
  align-items:unset;
}
#reson-lineup .content_wrap .layer_flex dt{
  padding: 0 2% 2% 2%;
}
#reson-lineup .content_wrap .layer_flex dt .btn_list{
  width:70%;
  margin:auto!important;
}
#reson-lineup .three_com .three_com01{
  padding: 4% 0 2% 0;
  font-size:14px;
  width:28%;
}
#reson-lineup .three_com_rt .three_com01{
  padding: 4% 0 2% 0;
  font-size:12px;
  width: 21%;
}
#reson-lineup .three_com_lt .three_com01{
  padding: 8% 0 2% 0;
  font-size:12px;
  width: 27%;
  height:170px;
}
#reson-lineup .three_com .three_com01 .three_img{
  width: 47%;
  margin:auto!important;
}
#reson-lineup .three_com_lt .three_com01:nth-child(1) .three_img{
  width: 60%!important;
  margin:auto!important;
}
#reson-lineup .three_com_lt .three_com01:nth-child(2) .three_img{
  width: 58%!important;
  margin:auto!important;
}


/* 共通 */
.fukudashi{
  border: 2px solid #EB9A42;
  padding: 3% 4%!important;
  border-radius: 5px;
  margin-bottom: 2em!important;
  color:#EB9A42;
  font-size:120%;
  font-weight: 600;
  background:#fff;
  position:relative;
}

.fukudashi:after{
  content: "";
  position: absolute;
  bottom: -29px;
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #EB9A42;
  z-index: 1;
}
.check_list{
  font-weight: 600;
  margin-bottom: 2em!important;
}
.check_list li{
  margin-bottom: 0.5em!important;
  padding:0 0 0 8%;
  position:relative;
 font-size:110%;
}
.check_list span{
  color:#EB9A42;
  margin-bottom: 2em!important;
}
.check_list li:before{
  content: '';
  display: block;
  position: absolute;
  top: .3em;
  left: 1em;
  width: 15px;
  height: 10px;
  border-left: 4px solid #EB9A42;
  border-bottom: 4px solid #EB9A42;
  transform: rotate(-45deg);
}

@media screen and (max-width: 960px) {
  #reson-lineup .lineup_w1 .flex_box .three_com_lt{
    width: 90%;
    margin-bottom:2em;
  }
  #reson-lineup .lineup_w1 .flex_box .three_com_rt{
    width: 90%;
  }
  #reson-lineup .three_com_lt .three_com01{
    padding: 1% 0 2% 0;
    font-size:20px;
  }
  #reson-lineup .lineup_w1 .flex_box .three_com .three_com01:after{
    top: 50px;
    right: -40px;
  }
  #reson-lineup .lineup_w1 .flex_box .three_com_rt .three_com01:after{
    right: -25px;
    top:70px;
  }  
}

@media screen and (max-width: 860px) {
  #reson-lineup .cont_title_ln{
    margin:0!important;
  }
  #reson-lineup .lineup_w1 .flex_box .three_com h4{
    margin-bottom: 0.5em!important;
    font-size: 110%;
    font-weight:500;    
  }  
  #reson-lineup .lineup_w1 .flex_box .three_com{
    width: 94%;
    margin:0 0 8% 0;
  }
  #reson-lineup .content_wrap dl.layer_flex{
    display:flex;
    flex-wrap:wrap;
  }
  #reson-lineup .content_wrap dl.layer_flex dt{
    width:100%;
  }
  #reson-lineup .content_wrap dl.layer_flex dd{
    width:100%;
  }
  #reson-lineup .text90,
  #reson-lineup .text80{
    width:94%;
    margin:auto;
  }
  #reson-lineup .cont_title{
    padding:1em 0.5em 0 0.5em!important;
    margin-bottom:1%!important;
  }
  #reson-lineup .lineup_w1 .flex_box .three_com .three_com02{
    border:1px solid #DD1A1A;
    width: 80%;
    font-size: 130%;
    padding:4% 0;
    height: unset;
  }
  #reson-lineup .content_wrap dl.layer_flex .rt{
    order:1;
  }
  #reson-lineup .content_wrap dl.layer_flex .lt{
    order:2;
  }
  #reson-lineup .fukudashi{
    margin-top: 0.5em!important;
    margin-bottom: 1em!important;
  }
  #reson-lineup .fukudashi:before{
    top: -12px;
    bottom:unset;
    border-top: unset;
    border-bottom: 13px solid #FFF;
  }
  #reson-lineup .fukudashi:after{
    top: -15px;
    bottom:unset;
    border-top:unset;
    border-bottom: 14px solid #EB9A42;
  }
  #reson-lineup .check_list li:before{
     left: 0.4em;
  }
  #reson-lineup .three_com .three_com01 .three_img{
    width: 20%;
    margin:auto!important;
  }  
  #reson-lineup .lineup_w1 .flex_box .three_com .three_com01:after{
    right: 47%;
    top: 95%;
    font-size:160%;
  }
  #reson-lineup .lineup_w1 .flex_box .three_com .flex_box{
    margin: 0 auto 3em auto;
  }
  #reson-lineup .lineup_w1 .flex_box .three_com .three_com02:after{
    top: -38px;
    left: 46%;
  }
  #reson-lineup .ab_institution li img {
    width: 94%!important;
  }
  #reson-lineup .three_com_lt .three_com01{
    width: 80%;
    height:unset;
   margin-bottom:1.7em;
  }
  #reson-lineup .three_com_lt .three_com01:nth-child(1) .three_img{
    width: 25%!important;
  }
  #reson-lineup .three_com_lt .three_com01:nth-child(2) .three_img{
    width: 21%!important;
  }

  #reson-lineup .three_com_lt .three_com01:nth-child(3){
    margin-bottom:0;
   }
   #reson-lineup .three_com_rt .three_com01{
     padding: 4% 0 2% 0;
     font-size: 100%;
     width: 80%;
     margin-bottom:2em;
   }
   #reson-lineup .three_com_rt .three_com01:nth-child(4){
    margin-bottom:0; 
   }
}

/*================ 自社工場によるマーキング・加工(#reson-processing) ================*/
#reson-processing .content_wrap dl.layer_flex_reverse{
  align-items:flex-start;
}
#reson-processing .flex_box{
 margin:0 0 2em 0;
}
#reson-processing .flex_three dl{
  border: 1px solid #ccc;
  padding:2%;
  border-radius: 5px;
  width:49%;
}
#reson-processing .flex_three dl dd img{
  width:70%;
  display:block;
  margin:auto;
}
#reson-processing .flex_three dl dt{
  order:1;
}
#reson-processing .flex_three dl dd{
  order:2;
  margin-top:1%;
}
#reson-processing .mu_dwn{
  padding:0 0 0 1em;
  position:relative;
  width:330px;
}
#reson-processing .mu_dwn:after{
  position:absolute;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 9px solid #DD1A1A;
  border-bottom: 0;
  top:32%;
  right:11px;
}
#reson-processing .content_wrap{
  margin-bottom:5em;
}
@media screen and (max-width: 860px) {
  #reson-processing .flex_three dl{
    width:94%;
  }
}

#reson-processing .flex_three dl .title{
  color:unset;
  margin:0 0 0.5em 0!important;
  font-size:unset!important;
}


#reson-processing .page_wrap{
  margin-bottom: 3em;
}
#reson-processing .bg_wit_border{
 padding:2% 3%;
}
#reson-processing .sp_color{
  display:none;
}
/**/
.process_meyasu{
  display:flex;
  flex-wrap:wrap;
  align-items: center;
}
.meyasu_text{
  margin:0 0 0.5em 2em!important;
  width:100%;
  max-width: 450px;
  font-weight:800;
}
.icon_meyasu{
  border:1px solid #DD1A1A;
  padding:1% 3%;
  margin-right:1em;
  border-radius: 50px;
  color:#DD1A1A;
  font-size:12px;
}

.reson-processing_imgw{
  max-width: 520px;
  width: 100%;
  margin: 10px 0 10px 10px;
}

/**/
.bg_wit_border{
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 3%;
  margin:0 0 2em 0;
  background:#fff;
  box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
 }
 .bg_wit_border .title{
  font-size: 150%!important;
  font-weight:800;
  color:#DD1A1A;
  margin-bottom:1em!important;
  line-height:1em;
}
/* ページ内リンク ボタン */
ul.btn_red_list{
  margin:2% 0!important;
 }
 ul.btn_red_list li{
  border:1px solid #ccc;
  width:30%;
  margin-right:2%;
  margin-bottom:1.5em;
  border-radius: 10px;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 40%);
  transition: 0.2s;
  display: inline-block;
 }
 ul.btn_red_list li a{
  color:#333;
  padding:3%!important;
  display:block;
  text-align: center;
  font-weight: 600;
  position:relative;
 }
 ul.btn_red_list li a:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
 }
 ul.btn_red_list li:hover{
    transform: translateY(2px);
   box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
 }
 ul.btn_red_list li:active {
   background:#fff!important;
   transform: translateY(5px);
   box-shadow: 0 0 0 0 rgb(0 0 0);
 }

/*タイトル*/
.steps-title {
  width: 100%;
  margin: 0 .5em .3em 0em;
  background: #fff;
  text-decoration: none;
  color: #444;
  position: relative;
  height: 100px;
  display: flex;
  padding: 10% 0 0 15%;
  align-items: center;
  flex-flow: column nowrap;
  border:1px solid #ccc;
}
.steps-title .red{
  color:#DD1A1A;
  margin-bottom:0.5em!important;
  text-align:center;
}
/*.steps-title::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 20px solid #ccc;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100.7%;
  z-index: 1;
} */
/*.steps-title::after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 20px solid #fff;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}*/
.steps-title p{
  font-size:14px!important;
  font-weight:500;
  line-height:1.2em;
}
.col-md-3{
  width:14%;
}
.col-md-3:first-child{
  width:12%;
}
.col-md-3:first-child .steps-title{
  padding: 10% 0 0 5%;
}
.col-md-3:last-child .steps-title:after{
  border:0;
}
.col-md-3:last-child .steps-title:before{
  border:0;
}
.row-steps{
  display:flex;
  margin:2em 0 0.5em 0;
}

#reson-processing .sp-parent-st2{
  pointer-events: fill;
}
#reson-processing .bg_wit_border h3.title{
  font-size: 150%!important;
  font-weight:800;
  color:#DD1A1A;
  margin:0.5em 0.5em 0.8em 0!important;
   padding:0.2em 0 0.2em 0.3em!important;
  line-height:1em;
  border-bottom:1px solid #DD1A1A;
  border-left:8px solid #DD1A1A;
}

#reson-processing .bg_wit_border .sp_dun_title{
  /*margin-left:3%!important;
  background:#666;
  display:block;
  width:94%!important;
  border-radius: 5px;
  padding: 0.5rem 0 0.5rem 1rem!important;
  color:#fff;
  font-size:18px;
  font-weight:500;*/
}  
#reson-processing .row-steps{
  display:block;
  /*width:94%!important;*/
  width:55%!important;
  margin:0 auto 1em auto;
  border:1px solid #ccc;
  border-radius: 0;
}
#reson-processing .row-steps{
  margin: 0em 0 0.5em 0;
}
#reson-processing .col-md-3:first-child{
  width:unset;
  border:0;
}
#reson-processing .col-md-3{
  width:100%;
  border-top:1px solid #ccc;
}
#reson-processing .col-md-3:nth-child(2n){
  background: #FAFAFA;
}
#reson-processing .steps-title{
  padding:0;
  margin:0;
  flex-wrap:wrap;
  height:unset;
  flex-flow:unset;
  border:0;
  background: unset;
}
#reson-processing .steps-title p:first-child{
  width:20%;
  /*padding: 1% 0 1% 3%!important;*/
  background:#fcf7f3;
  border-right:1px solid #ccc;
  text-align:center;
  padding: 1% 0 1% 0!important; 
}
#reson-processing .steps-title p:last-child{
  width: 80%;
  padding: 1% 0 1% 3%!important;
}
 #reson-processing .steps-title p:last-child br{
    display: none;
  }
/*#reson-processing .steps-title::before {
  display: none;
}*/
/*#reson-processing .steps-title::after {
  display: none;
}*/
#reson-processing .steps-title p{
  margin:0!important;
  font-weight:500;
}
@media screen and (max-width: 960px) {
  #reson-processing .text80{
    width: 94%;
    margin: auto;
  }
  #reson-processing .kv_text_right .title p{
    margin:0!important;
   }  
  #reson-processing p{
    margin:2%!important;
  }
  #reson-processing ul.btn_red_list{
    width:96%;
    margin:auto!important;
  }
  #reson-processing ul.btn_red_list li{
   width:49%;
   margin-right: 0;
  }
  #reson-processing ul.btn_red_list li a{
   padding:8% 3%!important;
  font-size:80%;
  }
  #reson-processing .bg_wit_border{
   padding:0;
   margin:2% 3% 10% 3%;
  }
  #reson-processing .bg_wit_border .mgb3{
    margin:0 0 1em 0!important;
  }
  #reson-processing .bg_wit_border .mgb3:last-child{
    margin:0 0 1.5em 0;
  }
  #reson-processing .page_wrap h4{
    margin:0!important;
  }
  #reson-processing .bg_wit_border h4{
    font-size: 100%;
  }
  #reson-processing .bg_wit_border h4.title_sv{
    margin:0 1% 0 1%!important;
    font-weight:500;
  }
  #reson-processing .content_wrap dl.layer_flex_reverse dt.lt{
    width: 100%;
  }
  #reson-processing .bg_wit_border h3.title{
    font-size: 110%!important;
    padding:2%!important;
    margin:3%!important;
    font-weight:500;
  }
  #reson-processing .content_wrap dl.layer_flex_reverse{
    display: block;
    margin:0!important;
  }
  #reson-processing .content_wrap dl.layer_flex_reverse dt.lt{
    padding-top:0;
    padding-right:0;
  }
  #reson-processing .flex_three dl{
    margin-bottom:0;
    border: 0;
    border-radius: 0;
    border-bottom:1px dotted #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
  }
  #reson-processing .content_wrap dl.layer_flex_reverse dd.rt{
     width:unset;
     padding: 3%;
   }
   #reson-processing .flex_box{
    margin: 1em 0 0 0;
   }

  #reson-processing .sp-parent-st2{
    padding:0!important;
  }
  #reson-processing .sp-parent-st2:before,
  #reson-processing .sp-parent-st2:after{
    background: #fff!important;
  }
  #reson-processing .sp-parent-st2:before{
    right: 2.1%!important;
  }

  #reson-processing .sp.col-md-3{
    background: #fff!important;
   }

   #reson-processing .bg_wit_border .sp_dun_title::after{
     content: '';
     width: 13px;
     height: 2px;
     background: #fff;
     position: absolute;
     top: 50%;
      left:unset;
     right: 2.2%!important;
     transform: translateY(-50%);
   }
   #reson-processing .bg_wit_border .sp_dun_title.open{
     border-radius: 5px 5px 0 0;
   }
   #reson-processing .bg_wit_border .sp_dun_child{
     width:94%!important;
     margin:0 auto!important;
     border: 1px solid #999;
     border-radius:0 0 5px 5px;
   }
}
@media screen and (max-width: 780px) {
  #reson-processing .sp_color{
    display:block;
    padding:0 3%;
  }
  #reson-processing .pc_color{
    display:none;
  }
  #reson-processing .flex_three dl{
    margin-bottom: 1em;
    border: 0;
    border-radius: 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
  }
  #reson-processing .meyasu_text{
    margin: 2% 1%!important;
    font-weight:500;
    font-size:12px;
  }
  #reson-processing .icon_meyasu{
    padding: 1% 1.2%;
    margin-right: 0.3em;
  }
  #reson-processing .page_wrap h4::after{
    left: 6px;
  }


}
/*================ web発注システム(#achievement) ================*/
#reson-web .merit_list{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  margin:1em 0 0 0!important;
}
#reson-web .icon_merit{
  width: 30%;
  margin:0 auto!important;
}
#reson-web .merit_list li{
  border:1px solid #ccc;
  border-radius: 5px;
  width:23%;
  padding:2% 2% 1% 2%;
  height:10em;
  position:relative;
  margin:3em 0 0 0!important;
}
#reson-web .merit_list .title{
  content:"";
  position:absolute;
  top:-18px;
  left:30%;
  background:#d51d1f;
  width:40%;
  border-radius: 50px;
  text-align: center;
  color:#fff;
  font-weight: 600;
  padding:2% 1% 1% 1%!important;
}
#reson-web .merit_list p{
  line-height: 1.4em;
}
#reson-web .merit_list .small{
  font-size:80%;
}
#reson-web .merit_list .title_s{
  font-size:120%;
  font-weight:800;
}
#reson-web .merit_list .title{
  top:-15px;
}
#reson-web .merit_list li{
  height: 12em;
  text-align: center;
}
#reson-web .merit_list li img{
  width: 100%;
}
#reson-web .t_english{
  font-size: 80%;
}
.reson_web_list{
  width:94%;
  margin:auto;
}  
.reson_web_m{
  margin-bottom: 2em;
}
.reson_web_m div{
  margin: 0 1%;
}
.reson_web_list dl{
  display:flex;
  padding:13px 0;
}
.reson_web_list dt{
  width:30%;
  border-right:1px solid #999;
  font-weight:800;
  padding:0 0 0 8%;
  position:relative;
}
.reson_web_list dd{
  width:70%;
  font-weight:800;
  padding:0.3% 0 0 4.5%;
  margin:0;
}
.reson_web_list dt .title{
  font-size:130%;
  color:#DD1A1A;
}
.reson_web_list dd .title{
  font-size:120%;
  color:#DD1A1A;
}
.reson_web_list dl:nth-child(2n){
  background:#eee;
}
.reson_web_list dl p{
  line-height:1.3em;
}
.reson_web_list dl dt:before{
  color:#333;
  position:absolute;
  font-size: 180%;
  left:6%;
  top:0;
}  
.reson_web_list dl:nth-child(1) dt:before{
  content:"01";
}
.reson_web_list dl:nth-child(2) dt:before{
  content:"02";
}
.reson_web_list dl:nth-child(3) dt:before{
  content:"03";
}
.reson_web_list dl:nth-child(4) dt:before{
  content:"04";
}
.reson_web_list dl:nth-child(5) dt:before{
  content:"05";
}
.reson_web_list dl:nth-child(6) dt:before{
  content:"06";
}
.reson_web_list dl:nth-child(7) dt:before{
  content:"07";
}
@media screen and (max-width: 780px) {
  .reson_web_list{
    width:100%;
  }
  .reson_web_list dl{
    display:block;
    padding:13px 4%;
  }
  .reson_web_list dt{
    width:100%;
    border:0;
    padding: 0 0 2% 13%;
    border-bottom:1px solid #666;
  }
  .reson_web_list dd{
    width:96%;
    padding:3% 0 0 13%;
    margin:0;
  }
  .reson_web_list dt .title{
    font-size: 120%;
  }  
  .reson_web_list dd .title{
    font-size: 110%;
  }  
  .reson_web_list dl dt:before {
    left:0;
  }
  .reson_web_list dl dt:before{
    font-size: 160%;
    left: 0%;
    top: 4px;
  }
  #reson-web h2.cont_title{
    margin:0 0 1% 3%!important;
  }
  #reson-web .text90{
    width: 94%;
  }
  #reson-web .reson_web_m p{
    width:94%;
    margin:0 auto 3% auto!important;
  }
  #reson-web .h3_title {
    width:94%;
    margin:auto!important;
    font-weight:500;
    font-size:115%;
  }
  #reson-web .wh_599 {
    width:94%;
    margin:0 auto!important;
    font-size:18px;
  }
  #reson-web h4.wh_599{
    margin:1.5em auto 0.5em auto!important;  
  }
  #reson-web .reson_web_list dl p{
    font-weight:500;
  }
}

/*================ 共通マージン(余白) ================*/
.page_wrap .albic_ctg_md h4{
  margin:0.5em 3%!important;
}
.content_wrap{
  margin-bottom:1.5em;
}
.content_wrap p{
  line-height: 1.8em;
}
.content_wrap dl.layer_flex{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
}
.content_wrap .layer_flex dt{
  width: 50%;
  padding:2%;
}
.content_wrap .layer_flex dt .layer_left{
  width:60%;
  float:right;
}
.content_wrap dl.layer_flex .lt{
  width: 50%;
  order:2;
 margin:0!important;
}
.content_wrap dl.layer_flex .rt{
  width: 50%;
  order:1;
  margin:0!important;
  padding-right: 2%;
}
.content_wrap img{
  width:100%;
  height:auto;
}
.content_wrap ul{
  list-style-type: none;
}
.content_wrap .container{
  max-width: 1080px;
  margin:auto;
  padding:0 0.5%;
}

/* カテゴリーごと */
#reson-suport .content_wrap,
#reson-catalog .content_wrap,
#reson-price .content_wrap,
#reson-lineup .content_wrap,
#reson-optimization .content_wrap,
#reson-logistics .content_wrap,
#about .content_wrap,
#orderuniform-flow .content_wrap,
#maker-system .content_wrap,
#achievement .content_wrap{
  margin-bottom:4.5em;
}
#history .content_wrap .container{
  padding: 0 0.5% 1.8em 0.5%;
}
/* 画像右 */
.content_wrap dl.layer_flex_reverse{
  display: flex;
  flex-wrap:wrap;
  align-items: flex-start;
  margin:0 0 0.8em 0; 
}
.content_wrap dl.layer_flex_reverse dt.lt{
  width: 57%;
  padding:0 2% 0 0;
}
.content_wrap dl.layer_flex_reverse dd.rt{
  width: 43%;
  padding: 0 2% 2% 0;
  margin:0;
}
#reson-optimization .content_wrap dl.layer_flex_reverse dt.lt{
  width: 57%;
  padding:0 2% 0 0;
}
#reson-optimization .content_wrap dl.layer_flex_reverse dd.rt{
  width: 43%;
  margin:0;
}
#reson-optimization .content_wrap dl.layer_flex dt.lt{
  width: 57%;
  padding:0 2% 0 0;
}
#reson-optimization .content_wrap dl.layer_flex dd.rt{
  width: 43%;
  margin:0;
}
.content_wrap dl.layer_flex_reverse dt.lt h4{
  font-size:130%;
  margin:0.8em 0!important;
  font-weight: 600;
}
.content_wrap dl.layer_flex_reverse .btn_list{
  width:78%;
  margin:5% 0!important;
}
@media screen and (max-width: 780px) {
  .content_wrap{
    margin-bottom: 1.5em;
  }
  .content_wrap .container{
    padding:0 1%;
  }
  /* 画像とテキストのレイアウト */
  .content_wrap dl.layer_flex{
    display: block;
  }
  .content_wrap dl.layer_flex .rt{
    width:100%;
    padding:0 3%;
  }
  .content_wrap dl.layer_flex .lt{
    width:80%;
    margin: auto;
  }  
}

/*================ 共通レイアウト ================*/
/* 2つ並ぶレイアウト */
.layer_flex50{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.layer_flex50 .lt{
  width: 48%;
}
.layer_flex50 .rt{
  width: 48%;
 margin:0;
}
/* 3つ並ぶレイアウト */
.flex_three{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.flex_three dl{
  width: 30.8%;
  display:flex;
  flex-wrap:wrap;
}
.flex_three dl img{
  width:100%;
  border-radius: 5px;
}
.flex_three dl dt{
  order:2;
}
.flex_three dl dd{
  margin:0;
  order:1;
  margin:0 0 0.5em 0;
  position:relative;
}
.flex_three dl dd img{
  vertical-align: bottom;
  border-radius: 10px;
}
.flex_three dl dd .title{
  font-size: 120%;
  font-weight: 600;
  position:absolute;
  bottom:0;
  left:0;
  padding:0 4%!important;
  background: rgba(0,0,0,0.6);
  width:100%;
  color:#fff;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 860px) {
  .flex_three dl{
    width: 94%;
    margin:auto;
  }
  .flex_three dl dd{
    margin:0 auto;
   width: 94%;
  }
  .flex_three dl dt{
    margin:2% auto;
   width: 94%;
  }
}

/**/
.three_com .three_com01{
  border:2px solid #333333;
  padding:4% 4% 2% 4%;
  border-radius: 5px;
  text-align: center;
  position:relative;
  background:#fff;
}
.three_com .three_com01:after{
  content:"+";
  position:absolute;
  right: -0.95em;
  top:30%;
  font-size: 250%;
}
.three_com .three_com01:nth-child(1) .three_img{
  width: 20%;
  margin:auto!important;
}
.three_com .three_com01:nth-child(2) .three_img{
  width:30%;
  margin:auto!important;
}
.three_com .three_com01:nth-child(3) .three_img{
  width:30%;
  margin:auto!important;
}
.three_com .three_com01:last-child:after{
  content:unset;
}
.three_com .three_com01 .title{
  font-size:140%;
  font-weight:800;
}
.three_com02{
  position:relative;
}
.three_com02:after{
  content:"=";
  position:absolute;
  top:-95px;
  left:48%;
  font-size:270%;
  transform:rotate(90deg);
}
.three_com .flex_box{
  width:55%;
  margin:0 auto 5em auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.three_com .three_com02{
  border:2px solid #DD1A1A;
  padding:2%;
  border-radius: 5px;
  text-align: center;
  width:55%;
  color:#DD1A1A;
  margin:auto;
  font-weight:800;
  font-size:140%;
   background:#fff;
}
@media screen and (max-width: 860px) {
  .three_com .flex_box{
    width:96%;
   margin: 0 auto 3em auto;
  }
  .three_com .three_com01{
    padding:1%;
    border: 1px solid #333333;
    width: 30%;
  }
  .three_com .three_com01 p{
    font-size: 10px;
  }
  .three_com .three_com01 .title{
    font-size:120%;
    font-weight: 500;
  }
  .three_com .three_com01:after{
    content:"+";
    position:absolute;
    right: -0.70em;
    top: 34%;
    font-size: 180%;
  }
  .three_com .three_com02{
    border:1px solid #DD1A1A;
    width: 96%;
    font-size: 100%;
  }
  .three_com02:after{
    top: -56px;
    left: 44%;
    font-size:240%;
  }
}
/*　横幅 90％ */
.three_com90 .flex_box{
  width:90%;
  margin:0 auto 5em auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.three_com90 .three_com01{
  border:2px solid #333333;
  width: 30%;
  padding: 3% 1% 2% 1%;
  border-radius: 5px;
  text-align: center;
  position:relative;
  background:#fff;
}
.three_com90 .three_com01:after{
  content:"+";
  position:absolute;
  right: -14%;
  top: 34%;
  font-size: 250%;
}
.three_com90 .three_com01:nth-child(1) .three_img{
  width: 17%;
  margin:auto!important;
}
.three_com90 .three_com01:nth-child(2) .three_img{
  width: 20%;
  margin:auto!important;
}
.three_com90 .three_com01:nth-child(3) .three_img{
  width:20%;
  margin:auto!important;
  padding-top:5%!important;
}
.three_com90 .three_com01:last-child:after{
  content:unset;
}
.three_com90 .three_com01 .title{
  font-size:140%;
  font-weight:800;
}
.three_com90 .three_com02{
  border:2px solid #DD1A1A;
  padding:2%;
  border-radius: 5px;
  text-align: center;
  width:90%;
  margin:auto;
  font-weight:800;
   background:#fff;
}
.three_com90 .three_com02 p{
  color:#DD1A1A;
  font-size:95%;
}
@media screen and (max-width: 730px) {
  .three_com90 .three_com01:after{
    right: -16%;
    top: 38%;
    font-size: 230%;
  }  
  .three_com02:after{
    top: -65px;
    left: 47%;
  }
  .three_com90 .flex_box{
    width:96%;
    margin:0 auto 3em auto;
   } 
   .three_com90 .three_com01 p:nth-child(3){
     text-align:left;
   }
   .three_com90 .three_com02{
    text-align:left;
    width:96%;
   }
   .three_com90 .three_com02 br{
    display:none;
   }
}

/**/
.ds_flex{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.ds_flex_n{
  display: flex;
}
/**/
.box-img-t{
  text-align: center;
}
dl.box-img-l{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
dl.box-img-l dt{
  width:50%;
padding:3% 3% 3% 0;
}
dl.box-img-l dd{
  width:50%;
  margin:0;
}
dl.box-img-r{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
dl.box-img-r dt{
  width:50%;
  padding:3% 0 3% 3%;
  order:2;
}
dl.box-img-r dd{
  width:50%;
  margin:0;
  order:1;
}

@media screen and (max-width: 860px) {
  .box-img-t img{
     width:100%;
   }
   dl.box-img-l dt{
    width:100%;
  }
  dl.box-img-l dd{
    width:100%;
  }
  dl.box-img-l dd img{
    width:80%;
   margin:auto;
  }   
}
/*================ 共通（装飾） ================*/
.wk_b01{
  background:#edf7fc!important;
  padding:2%!important;
  font-size:14px;
  list-style-type:disc!important;
  padding-left:5%!important;
}
.wk_b02{
  border: 1px solid #ccc!important;
}
.p_orange{
  color: #E8833B;
}
span.c_bk{
  color:#333;
}
span.sm_bk{
  color:#333;
  font-size: 60%;
}
@media screen and (max-width: 860px) {
  span.c_bk{
    color:#fff;
  }
  span.sm_bk{
    color:#fff;
    font-size: 60%;
  }
}
/*================ ALBIC 商品詳細ページ（single.php) ================*/
/*---------  商品詳細ページCSS -----------*/
.single_wrap .single_title{
  font-size:30px;
  font-weight:800;
  color:#dc1b16;
}
.single_wrap .single_kimg{
  text-align: center;
  margin-bottom:1em!important;
}
.single_wrap .single_kimg img{
  width:100%;
  height: auto;
}
.off_wrap{
  display: none;
}
.product_wrap .on_wrap{
  margin-bottom:3.5em;
  padding:1.5em;
  box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.5);
}
.product_wrap .on_wrap:last-child{
  margin-bottom:2.5em;
  border-bottom:0;
}
.product_wrap .on_wrap h3{
  color:#DD1A1A;
  font-size: 150%;
  margin-bottom:0.5em!important;
}
.product_spec{
   display:flex;
   margin-bottom:1em;
  font-size:14px;
  flex-wrap:wrap;
 }
 .product_spec .product_spec_text{
   width:50%;
   box-sizing: border-box;
   border-top:1px solid #999;
 }
 .product_spec .product_spec_img{
   width:50%;
   padding-left:2%;
  box-sizing:border-box;  
 }
 .product_spec .product_spec_img img{
    width:100%;
  }
 .product_spec .product_spec_text dl{
   display:flex;
   border-bottom:1px solid #999;
   margin:0;
 }
 .product_spec .product_spec_text dt{
  background:#f7f7f7;
  width: 18%;
  padding:1% 2%;
  margin:0;
  font-weight: 600;
 font-size:90%;
 }
 .product_spec .product_spec_text dd{
  padding:1% 2%;
  width:82%;
  font-size:90%;
  margin: 0;
 }
 .itemlink-bnr{
  width:50%;
}
.itemlink-bnr a:hover{
  opacity:0.6;
}
 @media screen and (max-width: 860px) {
   .single_wrap .single_title{
     font-size: 21px;
   }
   .s_title_style{
     background-size:25px;
   }
   .product_wrap .on_wrap{
     width: 94%;
     margin: 0 auto 1.5em auto;
   }
 }
 @media screen and (max-width: 760px) {
  .product_spec .product_spec_text{
    width:96%;
    margin-right:0;
    order: 2;
  }
  .product_spec .product_spec_img{
    width:85%;
    padding-left:0;
    margin: 0 auto 1em auto;
    order: 1;
  }  
 }

/* 保留・マージン */
.mt_3em{
  margin-top: 3em!important;
}

/*--------------- 商品価格 ----------------*/
.product_spec_box{
  display:flex;
  flex-wrap:wrap;
  box-sizing:border-box;
}
.product_spec_box .spec_price{
margin:0 1em 0.5em 1em!important;
font-weight: 600;
  display:inline-block;
}
.product_spec_box .spec_price_b{
font-size:150%;
}
.product_spec_box .discount_on{
  font-size:160%;
  color:#DD1A1A;
  font-weight: 600;
  position: relative;
  margin: 0 0 0.5em 0!important;
  display:inline-block;
}
.product_spec_box .campprice_on{
  font-size:120%;
  color:#DD1A1A;
  font-weight: 600;
  position: relative;
  margin-top:2em!important;
}
.product_spec_box .campprice_text{
  font-size:170%;
}
.product_spec_box .campprice_on:before{
  content:"キャンペーン価格";
  position: absolute;
  top:-30px;
  left:-8px;
  background:#DD1A1A;
  background-size: cover;
  font-size:16px;
  color:#fff;
  vertical-align: middle;
  padding: 0 1em;
  transform: scale(0.6);
}
/*--------------- 詳細 アイコン ----------------*/
.item_kv{
  position:relative;
}
.lb_sex{
 position:absolute;
 top:0;
 left:0;
 color:#fff;
}
.lb_sex .man_on,
.lb_sex .woman_on,
.lb_sex .all_sex{
 padding:10%;
  margin:0!important;
}
@media screen and (max-width: 860px) {
  .item_kv{
    width:94%;
    margin:auto;
  }
  .contents{
    width:94%;
    margin:auto;
  }
}
ul.icon_feature{
 list-style: none;
 padding:2%;
 margin-bottom:1em!important;
}
ul.icon_feature li{
  background:#F7F7F7;
  margin: 0 0.5% 0.5% 0;
  padding: 0.8% 1.5%;
  border-radius: 20px;
  display:inline-block;
  font-size: 12px;
}
ul.icon_feature li:before{
 content: '';
 display: inline-block;
 background-image: url(../image/content/check.png);
 background-size: contain;
 vertical-align: middle;
 width: 15px;
 height: 10px;
 margin-right:2px;
}
.splide__arrow svg {
fill:#fff;
}
.icon_series{
  margin-bottom: 2em;
}
.icon_series ul{
  list-style: none;
}
.icon_series li{
  display:inline-block;
  margin:0.7% 0.4%;
}
.icon_series li a{
  padding: 0.3em 1.5em 0.2em 0.5em;
  display:block;
  font-size:100%;
  font-weight: 600;
  color: #222;
  text-align: center;
  transition: 0.2s;
  border: 1px solid #999;
  background:#fff!important;
  border-radius: 5px;
 font-size:90%;
  position: relative;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.icon_series li a:before{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.icon_series li a:hover{
   transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
.icon_series li a:active {
 background:#fff!important;
 transform: translateY(5px);
 box-shadow: 0 0 0 0 rgb(0 0 0);
}
@media screen and (max-width: 760px) {
  .icon_series li{
    margin:0.7% 0.4% 2% 0.4%;
  }
  .icon_series{
    display: none;
  }
}
/* 詳細ページのみ */
#albic_product .spring_summer_on{
  border-top:3px solid #0084AC;
}
#albic_product .autumn_winter_on{
  border-top:3px solid #C85D00;
}
#albic_product .all_season_on{
  border-top:3px solid #748F00;
}
#albic_product .all_year_on{
  border-top:3px solid #00821E;
}
#albic_product .contents_text ol,
#albic_product .contents_text ul{
  padding-left:5%!important;
}
.contents_text{
  margin-bottom: 5em;
}
.contents_text h3{
  font-size: 150%;
  color:#DD1A1A;
  font-weight: 600;
}
.contents_text div{
  margin-bottom: 1em;
}
.contents_text p{
  line-height: 1.6em;
  margin-bottom:1em!important;
}
.person_wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  background:#DD1A1A;
  border-radius: 6px;
  padding:3% 5%;
  margin-bottom:40px;
}
.person_wrap .tel{
  text-align: center;
}
.person_wrap .tel p{
  color:#fff;
}
.person_wrap .tel_number{
  font-size:210%;
  font-weight:800;
}
.person_wrap .tel_text01{
  font-size:105%;
  font-weight:800;
}
.person_wrap .tel_text02{
  font-size:80%;
  font-weight:800;
}
.person_wrap .tel_text03{
  font-size:60%;
}
.free_space_wrap{
  margin-bottom: 2em;
}
.sg_txt_s{
  font-size: 12px;
}
.free_space_wrap h3{
  color:#DD1A1A;
  letter-spacing: 1px;
  margin-top:1em!important;
  margin-bottom:0.2em!important;
}
.free_space_wrap p{
  margin-bottom:0.2em!important;
}
.s_banner_wrap{
  text-align: center;
  margin-bottom:2em;
}
.s_banner_wrap img{
  width:90%;
}
@media screen and (max-width: 860px) {
  .free_space_wrap img{
    width:100%;
   padding:2%;
  }
}
@media screen and (max-width: 860px) {
  #albic_product .contents_text{
    width: 94%;
    margin: auto;
  }
}

/*---------  商品詳細ページ (スライダースタイルシート) -----------*/
.mainvisual{
  margin-bottom: 3em;
}
.splide__track--nav>.splide__list>.splide__slide.is-active{
  border: 3px solid #DD1A1A!important;
}
#main-carousel .splide__slide{
  text-align: center;
  margin-bottom:0.5em!important;
}
#main-carousel .splide__slide img {
  width: 80%;
}
#main-carousel .splide__slide:hover{
  opacity:1;
}
#main-carousel .splide__slide p{
  width: 80%;
  margin:auto!important;
  text-align: left;
  line-height: 1.8em;
  text-align: left;
}
li.splide__slide .img_width{
  width:100%;
  height:auto;
}
li.splide__slide .img_width img{
  width:100%;
  height:auto;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 960px) {
  #main-carousel .splide__slide p{
    width: 100%;
 }
 #main-carousel .splide__slide{
    margin-bottom:0.5em!important;
  }
}
/* 商品詳細のスライダーサムネイル */
.thumbnails {
  display: flex;
  flex-wrap:wrap;
  padding: 0;
}
.thumbnail {
  width: 11.8%; 
  height: auto;  
  overflow: hidden;
  list-style: none;
  margin: 0 0.5% 0.5% 0;
  cursor: pointer;
  opacity: 0.8;
  border:1px solid #999;
}
.thumbnail.is-active {
  opacity: 1;
  border: 3px solid #DD1A1A;
}
.thumbnail img {
  width: 100%;
  height: auto;
  vertical-align:top;
}
.simg_wrap ul{
  list-style: none;
}
.simg_wrap li.swiper-slide img{
  width: 80%!important;
  height: auto;
}
.mb60{
  margin-bottom: 60px;
}
.swiper-container{
  text-align: center;
}
.prettyprint{
  border: none;
  background: #fafafa;
  color: #697d86;
}
.swiper-button-next, .swiper-button-prev{
  background: #DD1A1A;
  width: 50px!important;
  height: 50px!important;
  top: 36%!important;
  border-radius: 50%;
}
.swiper-button-next{
  right:15%!important;
}
.swiper-button-prev{
  left:15%!important;
}
.simg_wrap li:nth-child(4).swiper-slide{
  border:5px solid #DD1A1A;
}

/*---------  テーブルデザイン -----------*/
.table_style th{
  background:#ebebeb;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  padding: 0;
  font-size:14px;
}
.table_style th:first-child{
  border-left:0;
}
.table_style td{
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:0;
  text-align: center;
  font-size:14px;
}
.table_style td:first-child{
  background:#ebebeb;
  color:#333;
  font-weight: 600;
  border-left:0;
}
.table_style tr{
  background:#f7f7f7;
}
.table_style tr:first-child{
  background:#ebebeb;
  border-top:1px solid #ccc;
}
.table_style tr:nth-child(2n){
  background:#fff;
}
.table_style{
  margin-bottom: 1.3em;
}
@media screen and (max-width: 860px) {
  .table_style{
    width: 100%!important;
    overflow-x: scroll;
  }
  .table_style table{
    width: 580px!important;
  }  
 }

/* 廃番商品バナー表示 */
.discon_banner{
  width:84%;
  padding:1%;
  background: #888;
  margin:auto;
  border-radius: 5px;
  text-align: center;
}
.discon_banner p{
  color:#fff;
}
p.discon_title{
  font-size: 105%;
  font-weight: 600;
}
/*---------  関連カテゴリー -----------*/
.item_all_list{
  text-align: center;
}
.item_all_list .btn_list{
  display: inline-block;
  width:50%;
}
.item_all_list .btn_list a{
margin:2% 3%;
}
.item_all_list a.item_btn{
  margin-right:5px;
  border:1px solid #d51d1f;
  border-radius: 5px;
  padding: 2% 4% 2% 3%;
  text-align: center;
  display: inline-block;
  color:#d51d1f;
  font-weight:800;
  position:relative;
}
.item_all_list a.item_btn:hover{
  background:#d51d1f!important;
  color:#fff;
}
.item_all_list a.item_btn:before{
   content: "";
   display: inline-block;
   position: absolute;
   top: 50%;
   right:5%;
   width: 7px;
   height: 7px;
   border-right: 2px solid #DD1A1A;
   border-bottom: 2px solid #DD1A1A;
   transform: translateY(-50%) rotate(-45deg);
 }
 .item_all_list a.item_btn:hover:before{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
 }
 .related_category .item_all_list{
   text-align:left;
 }
 .related_category{
   margin-bottom: 5em;
 }
 @media screen and (max-width: 760px) {
  .item_all_list .btn_list{
    width:96%;
    margin: auto!important;
  }
 }

  /*---------  中カテゴリー -----------*/
  
  #office .albic_spl02{
    background: #7874a5;
  }
  .albic_spl02 p.spl_point{
    color:#ffea5a;
    font-weight: 600;
    line-height: 2.5em;
  }
  .albic_ctg_md{
    border: 1px solid #ccc;
    margin-bottom: 2em;
  }
  .albic_ctg_md .splide_wrap{
    width:94%;
    margin:auto;
  }
  .albic_ctg_md h3{
  color:#fff;
  margin-bottom: 1em!important;
  font-size:155%;
  background: url(../image/kv_cont/kv_left_red.webp) no-repeat;
  background-size:cover;
  background-position:right;
  padding:1% 3%!important;
  }
  .albic_ctg_md p{
    margin:3%!important;
  }
  .albic_ctg_md img{
    width: 100%;
  }  
  .albic_ctg_md .btn_list{
    width:45%;
    margin:2em auto!important;
    padding: 0.7em 0!important;
  }
  ul.ctg_md_icon {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin:0 3% 2% 3%!important;
  }
  .ctg_md_icon li{
    border: 1px solid #333;
    border-radius: 5px;
    width: 32%;
    margin: 0 2% 2% 0;
    font-size:110%;
    font-weight:600;
  }
  .ctg_md_icon li:nth-child(3n){
    margin: 0% 0 2% 0;
  }
  .ctg_md_icon li a{
    padding: 5%!important;
    display:block;
    display:flex;
    align-items: center;
   line-height: 1.3em;
    position: relative;
  }
  .ctg_md_icon li a:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #4c98ff;
    border-bottom: 2px solid #4c98ff;
    transform: translateY(-50%) rotate(-45deg);
    transition: .3s;
  }
  .ctg_md_icon li a img{
    width:20%;
    margin-right: 5%;
  }
  @media screen and (max-width: 760px) {
    .albic_ctg_md{
      width:94%;
      margin:0 auto 1em auto;
    }
    .ctg_md_icon li{
      width: 100%;
    }
    .ctg_md_icon li a{
      padding: 2%!important;
    }
    .ctg_md_icon li a img{
      width: 15%;
      margin: 2% 5% 2% 2%;
    }
    .ctg_md_icon li:nth-child(3n){
      margin: 0 2% 2% 0;
    }
    .albic_ctg_md .btn_list{
      width: 80%;
    }
  }
/*================ 動画 ================*/
#about .modaal-wrapper .modaal-close {
  top:13%!important;
  right:3%!important;
  background:#999!important;
}
.modaal-wrapper {
  width:90%;
  height:auto;
  margin:auto;
}
@media screen and (max-width: 860px) {
  .modaal-video-container{
    max-width:100%!important;
    max-height: 100%!important;
  }
}
/*================ 業界トップクラス(#achievement) ================*/
/* タイトル */
.text_p h2{
  text-align: left;
  padding:0!important;
}
/*  */
#achievement .acht_wrap .flex_box .acht_box{
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  width: 49%;
  margin:0 auto 1em auto;
  padding:2%;
}
#achievement .acht_face{
  margin:0!important;
  margin-top:20em!important;
}
#achievement .content_wrap:first-child{
  margin-bottom:0.5em;
} 
.acht_wrap .container {
  position: relative;
}
.acht_wrap .container p{
  margin-bottom:1em!important;
}
.acht_wrap .container p span{
  color:#d51d1f;
  font-weight:800;
}
.acht_wrap .text_p{
  position: absolute;
  content: "";
  top:0;
  left:7px;
  width: 45%;
  height: auto;
}
.acht_wrap .map_p{
  position: relative;
  content: "";
  width: 56%;
  top: 45px;
  right: -430px;
  height: auto;
  margin-bottom: -14em!important;
}
.acht_wrap .map_p img{
  width: 100%;
}
.acht_wrap .flex_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.acht_wrap .flex_box .acht_box dt{
  border-bottom:1px solid #d51d1f;
  margin-bottom:1em;
  color:#d51d1f;
  padding-bottom:0.5em;
  font-weight:800;
  font-size:18px;
  text-align: center;
}
.acht_wrap .flex_box .acht_box dt p{
  margin-bottom:0!important;
}
.acht_wrap .flex_box .acht_box dd{
  font-size:14px;
  margin:0;
  line-height: 1.9em;
}
.bg_beige{
  background: #FCF7F3;
  padding: 3%!important;
}
.bg_beige .flex_box{
  display: flex;
  margin-bottom:3em;
}
.bg_beige .flex_box dt{
  width: 54%;
  order: 2;
  padding: 0 0 0 5%!important;
  box-sizing: border-box;
}
.bg_beige .flex_box dt .title{
  font-size:130%;
  font-weight:800;
  margin-bottom:1em!important;
}
.bg_beige h3{
  border-left: 5px solid #d51d1f;
  padding-left: 10px!important;
  margin-bottom:1em!important;
}
.bg_beige .flex_box dd{
  width: 46%;
  order: 1;
  margin:0!important;
}
.bg_beige .flex_box dd img{
  border-radius: 5px;
}
.bg_beige .case_wrap{
  padding:1.5em 0 0 0!important;
}
.bg_beige .btn_list{
  width: 40%;
  margin:0 auto 2em auto!important;
}
.ad_map{
  padding:4%;
}
.ad_map .ad_t{
  font-size: 130%;
  font-weight:800;
  /*margin-bottom: 1em!important;*/
}
.ad_map ul{
  line-height: 1.8em;
  font-size: 14px;
}
@media screen and (max-width: 960px) {
  #achievement .acht_face{
    margin-top:0!important;
  }  
  .acht_wrap .container {
    padding: 0 1%;
  }
  .acht_wrap .text_p{
    position: unset;
    width: 100%;
    margin-bottom:0!important;
  }
  .acht_wrap .map_p{
    position: unset;
    width: 70%!important;
    margin:0 auto!important;
  }
  #achievement .acht_wrap .flex_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #achievement .acht_wrap .flex_box .acht_box{
    width: 65%;
  }  
}
@media screen and (max-width: 860px) {
  .acht_wrap .flex_box .acht_box dt{
    text-align: left;
  }
  .acht_wrap .flex_box{
    display:block;
  }
  .acht_wrap .flex_box .acht_box{
    width: 100%;
  }
  .acht_wrap .flex_box .acht_box p{
   padding-left:17%!important;
  }
  .bg_beige{
    padding: 0 0 1em 0!important;
  }
  .bg_beige .btn_list{
    width: 60%;
    margin: 0 auto 3em auto!important;
  }
}

/* お取引先商社 */
.icon_acht_img01{
  position:relative;
  color:#d51d1f;
}
.icon_acht_img01:before{
  position:absolute;
  content:"";
  left:50px;
  top:-3px;
  background: url(../image/icon/acht_img01.png);
  background-size: contain;
  width:30px;
  height:30px;
}
/* 取り扱い生地 */
.icon_acht_img02{
  position:relative;
  color:#d51d1f;
}
.icon_acht_img02:before{
  position:absolute;
  content:"";
  left: 28px;
  top: 1px;
  background: url(../image/icon/acht_img02.png);
  background-size: contain;
  width: 65px;
  height: 24px;
}
.icon_acht_img03{
  position:relative;
  color:#d51d1f;
}
.icon_acht_img03:before{
  position:absolute;
  content:"";
  left:60px;
  top:-3px;
  background: url(../image/icon/acht_img03.png);
  background-size: contain;
  width:30px;
  height:30px;
}
@media screen and (max-width: 860px) {
  .icon_acht_img02:before{
    left:1.5%;
  }
  .icon_acht_img01:before,
  .icon_acht_img03:before{
    left:4%;
  }
}

/* Face to Face */
.acht_face{
  background: url(../image/content/achievement_bg01.jpg);
  padding: 4% 0 5% 0;
  position:relative;
  background-size: cover;
}
.acht_face:before{
 content: '';
  /* ↓暗いオーバーレイを半透明で配置 */
  background-color: rgba(0, 0, 0, 0.5);
  /* ↓全体を覆うように配置 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.acht_face p{
  color:#fff;
  position:relative;
  z-index:1;
}
.acht_face .title{
  font-size:180%;
  text-align:center;
  font-weight:600;
}
.acht_face .container .title:nth-child(1){
  position:relative;
}
.acht_face .container .title:nth-child(1):after{
  border-bottom:2px solid #fff;
  margin-bottom:0.5em!important;
  position:absolute;
  content:"";
  width:40px;
  height:1px;
  bottom:-10px;
  left:48%;
}
.acht_face .container .title:nth-child(2){
  margin-bottom:1em!important;
  line-height: 1.5em;
}
.acht_face .text{
  width: 80%;
  margin:0 auto 1.5em auto!important;
  text-align: center;
}
.acht_face .btn_list{
  width: 40%;
  margin:auto!important;
}
@media screen and (max-width: 960px) {
  .acht_face .btn_list{
    width: 60%;
  }
  .acht_face .text{
    width: 90%;
    text-align:left;
  }
  .acht_face .text br{
    display:none;
  }
  .acht_face .title{
    font-size:20px;
  }
  .acht_face .container .title:nth-child(1):after{
    left: 44%;
  }
  .acht_face{
    background: url(../image/content/sp_achievement_bg01.jpg);
    background-size:100%;
    padding:10% 0 10% 0;
  }
}

/* 営業拠点 */
.acht_adress{
  background:#F5F5F5;
  padding:4em 0;
}
.acht_adress .btn_list{
  margin: 2em 0!important;
  width:50%;
}
.acht_adress .flex_box{
  display:flex;
  flex-wrap:wrap;
}
.acht_adress .flex_box .flex_box_l{
  width:55%;
}
.acht_adress .flex_box .flex_box_r{
  width:45%;
  margin:0;
}
.acht_adress .flex_box .flex_box_l .text{
  padding-right:7%!important;
}
.acht_adress .flex_box .flex_box_r img{
  width:100%;
}
.acht_adress .flex_box .flex_box_l .title{
  font-size:130%;
  font-weight:600;
  margin-bottom:0.5em!important;
 line-height:1.6em;
}
.acht_adress .flex_box .flex_box_l .text span{
  color:#d51d1f;
  font-weight:800;
}
.acht_adress h3{
  position: relative;
  padding:0 0 0 1rem!important;
  font-size:150%;
  border-left:5px solid #d51d1f;
  margin:3em 0 1em 0!important;
}
.acht_adress .map{
  justify-content: space-between;
}
.acht_adress .map .flex_box_l{
  border: 1px solid #D9D9D9;
  width: 48%;
  height:auto;
  background: #fff;
  margin-bottom:1em;
}
.acht_adress .map .flex_box_r{
  border: 1px solid #D9D9D9;
  width: 48%;
  background: #fff;
  margin-bottom:1em;
}
@media screen and (max-width: 860px) {
  #achievement .acht_adress .flex_box .flex_box_l .text{
    padding-right:0!important;
  }
  .acht_adress .flex_box{
    padding:0 3%;
  }
  .acht_adress h3{
    margin:5% 3% 2% 3%!important;
  }
  .acht_adress{
    padding: 3em 0 3em 0;
  }
  .acht_adress .flex_box{
    display:flex;
    flex-wrap:wrap;
  }
  .acht_adress .flex_box .flex_box_l{
   width:100%;
   order:2;
  }
  .acht_adress .flex_box .flex_box_r{
   width:100%;
   order:1;
  }
  .acht_adress .map .flex_box_l{
    order:1;
    margin-bottom: 2em;
    border-radius: 10px;
  }
 .acht_adress .map .flex_box_l img{
   border-radius: 10px 10px 0 0;
  }
  .acht_adress .map .flex_box_r{
    order:2;
    border-radius: 10px;
  }
  .acht_adress .map .flex_box_r img{
  border-radius: 10px 10px 0 0;
  }
  .acht_adress .flex_box .flex_box_l .title{
    font-size: 110%;
    margin-bottom:0.5em!important;
  }
  .acht_adress .flex_box .flex_box_l .title br{
    display:none;
  }
}

/*================ 法人向け別注オーダーユニフォーム(#orderuniform) ================*/
#orderuniform .bgimg_wrap{
background: url(../image/content/bgimg_order.webp);
background-size: cover;
}
#orderuniform span.icon{
  padding: 2% 2% 0 0;
  width:15%;
}
#orderuniform span.icon img{
  width:100%;
}
#orderuniform .content_wrap{
  margin-bottom: 6em;
}
#orderuniform .flex_box img{
  width:100%;
  vertical-align: bottom;
}
#orderuniform .bg_gray{
  padding:5em 0;
}
#orderuniform video{
  width:90%;
  margin:auto;
}
#orderuniform .order_w5{
  width:100%;
}
@media screen and (max-width: 860px) {
  #orderuniform .bgimg_wrap .btn_list{
    width:50%;
  }
  #orderuniform .sp-parent-st2{
    padding: 1% 2% 4% 4%;
    text-align: left;
  }
  #orderuniform .sp-parent-st2 span.icon img{
    padding: 2% 2% 0 0;
    margin-bottom:-2%;
    width:12%;
  }
  #orderuniform .bgimg_wrap{
    background: url(../image/content/sp_bgimg_order.jpg);
    background-size:cover;
  }
  #orderuniform .bg_org{
    padding: 0 0 1.5em 0!important;
  }
  #orderuniform .bg_org:after{
    position:absolute;
    content: "";
    bottom: -40px;
    left: 39.6%;
    z-index:-1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 46px 40px 0 40px;
    border-color: #fcf7f3 transparent transparent transparent;
  }
  #orderuniform .content_wrap{
    margin-bottom: 4em;
  }
  #orderuniform .cont_title{
    padding:0!important;
    font-size: 22px;
    text-align:center;
    width:80%;
    margin:0 auto 2em auto!important;
  }
  #orderuniform .bg_gray{
    padding:0 0 3em 0;
  } 
}

/* 丸十服装の別注オーダーユニフォーム作成の流れ */
.bgimg_wrap{
  padding:5% 0;
position:relative;
}
.bgimg_wrap .title{
  color:#fff;
  font-size:170%;
  font-weight:800;
  position:relative;
  text-align: center;
  margin-bottom:1em!important;
}
.bgimg_wrap p{
  color:#fff;
  position:relative;
  z-index:2;
  width:50%;
  margin:1em auto!important;
}
.bgimg_wrap .btn_list{
  width:40%;
  margin:2em auto!important;
}
.bgimg_wrap:before{
 content: '';
  /* ↓暗いオーバーレイを半透明で配置 */
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 860px) {
  .bgimg_wrap{
    padding:10% 0 5% 0;
  }
  .bgimg_wrap .title{
    font-size: 140%;
  }
  .bgimg_wrap p{
    width:90%;
  }
}
/*別注オーダーユニフォームならこんなご要望がかないます*/
.wt_wrap{
  background:#fff;
  width: 24%;
  margin: 1% 0 1% 0.5%!important;
  padding: 0.6%!important;
  text-align: center;
  font-weight:600;
  border-radius: 5px;
  box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
}
.wt_wrap span{
  color:#DD1A1A;
}
@media screen and (max-width: 860px) {
  .img45{
    width: 45%;
    margin:0 auto 1em auto!important;
  } 
  .wt_wrap{
    width: 46%;
    margin: 1% 0 1% 2%!important;
    padding: 2% 1%!important;
  }
  .wt_wrap br{
    display:none;
  }
}
@media screen and (max-width: 755px) {
  .wt_wrap{
    text-align:left;
    width: 94%;
    margin:0 auto 0.7em auto!important;
    padding:3% 2.5%!important;
  }
}

/*-- 法人向けユニフォーム（レイアウト） --*/
.order_w3 .flex_box{
  width:80%;
  display:flex;
  margin:2em auto 0 auto; 
}
/**/
.order_w4 .flex_box{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.order_w4 dl{
  display:flex;
  flex-wrap:wrap;
  width:48%;
  background:#fff;
  box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
  border-radius: 5px;
  margin:1%;
}
.order_w4 dl dt{
  margin:0;
  order:2;
  padding:2% 3%;
  line-height: 1.3em;
  height:11em;
}
.order_w4 dl dd{
  margin:0;
  order:1;
  position:relative;
  height:130px;
  overflow:hidden;
}
.order_w4 dl dd .title{
  position:absolute;
  bottom:0;
  width:100%;
  background: rgba(0,0,0,0.6);
  font-size:110%;
  font-weight:800;
  padding:0 4%!important;
  color:#fff;
}
.order_w4 dl dd img{
  width:100%;
  height:auto;  
  border-radius: 5px 5px 0 0;
}
/**/
.order_w5{
  margin-top:4em;
}
.order_w5 .flex_box{
  display:flex;
  flex-wrap:wrap;
}
.order_w5 .flex_box ul{
  width: 48%;
  padding:3% 2% 2% 4%!important;
  border-radius: 5px;
  list-style-type: disc;
  margin: 0 1%!important;
}
.order_w5 .flex_box ul.merit{
  border:1px solid #DD1A1A;
  position:relative;
  font-size: 14px;
  background:#fff;
  margin:2% 0.5%!important;
}
.order_w5 .flex_box ul.merit:before{
  content:"メリット";
  position:absolute;
  top:-13px;
  left:15px;
  background:#DD1A1A;
  color:#fff;
  padding:0.2% 4% 0.2% 8%;
  border-radius: 15px;
  font-weight:800;
}
.order_w5 .flex_box ul.merit:after{
  content:"";
  background: url(../image/icon/ic_nijyu.png);
  background-size:contain;
  position:absolute;
  top:-11px;
  left:20px;
  width:20px;
  height:20px;
}
.order_w5 .flex_box ul.demerit{
  border: 1px solid #4E5A7B;
  position:relative;
  font-size: 14px;
  background: #fff;
  margin:2% 0.5%!important;
}
.order_w5 .flex_box ul.demerit:before{
  content:"デメリット";
  position:absolute;
  top:-13px;
  left:15px;
  background:#4E5A7B;
  color:#fff;
  padding:0.2% 4% 0.2% 8%;
  border-radius: 15px;
  font-weight:800;
}
.order_w5 .flex_box ul.demerit:after{
  content: "";
  background: url(../image/icon/ic_maina.png);
  background-size:contain;
  position:absolute;
  top:-11px;
  left:20px;
  width:20px;
  height:20px;
}
/**/
.order_w6 dl{
  display:flex;
  flex-wrap: wrap;
  border-top:1px solid #ccc;
  margin:0;
align-items: center;
  background:#eee;
}
.order_w6 dl:nth-child(3){
  border-bottom:1px solid #ccc;
}
.order_w6 dt{
  width:20%;
  font-weight:800;
  text-align: center;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.order_w6 dd{
  width:80%;
  margin:0;
  background:#fff;
  padding:2% 2% 2% 4%;
}
.order_w6 dd li{
  list-style-type:disc;
  font-size:14px;
}
@media screen and (max-width: 960px) { 
  .order_w6 dl{
    margin:0 4%;
  }
  .order_w6 dl:nth-child(3){
    border-bottom:1px solid #ccc!important;
  }
  .order_w6 dl br{
    display: none;
  }
  .order_w6 dt{
    width:100%;
  }
  .order_w6 dd{
    width:100%;
    border:1px solid #eee;
    padding:2% 2% 2% 6%;
  }
  .order_w6 dd li{
    margin-bottom:1em;
  }  
}
@media screen and (max-width: 860px) { 
  .order_w4 dl{
    width: 45%;
    margin: 3% 0 0 3%;
  }
  .order_w4 dl dt{
    height:10em;
  }
}
@media screen and (max-width: 755px) {
  .order_w5 .flex_box ul.merit{
    width:94%;
    margin:0 auto 2em auto!important;
    padding:6% 2% 6% 8%!important;
  }
  .order_w5 .flex_box ul.demerit{
    width:94%;
    margin:0 auto 2em auto!important;
    padding:6% 2% 6% 8%!important;
  }
  .order_w4 dl dt{
    height:13em;
  }
  .order_w3 .flex_box{
    width:90%;
    margin:2em auto 0 auto; 
  }  
}

/*================ 別注オーダーユニフォームの作成の流れ(#orderuniform-flow) ================*/
#orderuniform .content_wrap .flex_box .cl_pc{
display:flex;
flex-wrap:wrap;
}

#orderuniform .content_wrap .flex_box .flex_l{width: 36%;height:auto; margin:2%;}
#orderuniform .content_wrap .flex_box .flex_r{width: 36%;height:auto; margin:2%;}
#orderuniform li.swiper-slide{
  height:auto;
  padding:0 0.5% 2% 0.5%; 
}
#orderuniform .content_wrap .container h2{
  width:100%;
}
#orderuniform-flow .thumbnail{
  width:100%;
  height:unset;
}
#orderuniform-flow .mainvisual{
  display:flex;
}
#orderuniform-flow .mainvisual .splide{
  width:50%;
}
#orderuniform-flow .thumbnails{
  width:50%;
  border:1px solid #ccc;
  border-radius: 5px;
}
#orderuniform-flow .thumbnails .thumbnail{
  padding:2% 2% 2% 20%;
  border-bottom:1px dotted #ccc;
  position: relative;
}
#orderuniform-flow .thumbnails .thumbnail:nth-child(2n){
  background:#FAFAFA;
}
#orderuniform-flow .thumbnails .thumbnail:before{
  content:"STEP1";
  position:absolute;
  left:2%;
  top:22%;
}
#orderuniform-flow .thumbnails .thumbnail .is-active{
  border: 0;
}
#orderuniform-flow .thumbnails .is-active{
  border: 0;
  background:#999!important;
  color:#fff;
}
#orderuniform-flow .thumbnails .thumbnail:last-child{
border: 0;
}
@media screen and (max-width: 960px) {
#orderuniform .content_wrap .flex_box .flex_l{width: 45%;height:auto; margin:2%;}
#orderuniform .content_wrap .flex_box .flex_r{width: 45%;height:auto; margin:2%;}
}

@media screen and (max-width: 860px) {
  #orderuniform-flow .text80,
  #orderuniform .text80{
    width:94%;
  }
  #orderuniform-flow .bg_gray{
    padding:0 0 4em 0;
  }
}

/*-------- 別注オーダーユニフォームの作成の流れ（レイアウト） --------*/
.order_flow02 .list_wrap{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #D9D9D9;
  padding: 2% 4% 2% 3%;
}
.order_flow02 .list_wrap dl{
  width: 31%;
  display:flex;
  background: #fff;
  border: 1px solid #D9D9D9;
  padding: 1% 1%;
  position: relative;
  margin:0.5em 0;
}
.order_flow02 .list_wrap dl:after{
  position: absolute;
  content: "";
  right:-23px;
  top:36%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #DD1A1A;
}
.order_flow02 .list_wrap dl:last-child:after{
  border-width: 0;
}
.order_flow02 .list_wrap dl dt{
  width: 78%;
  font-size:12px;
  font-weight:800;
}
.order_flow02 .list_wrap dl dt p{
  font-size:12px;
}
.order_flow02 .list_wrap dl dt span{
  background:#999;
  color:#fff;
  padding:1.5% 2.5% 0.5% 2.5%;
  border-radius: 50px;
  line-height:2em;
}
.order_flow02 .list_wrap dl dd{
  width: 22%;
  margin:0;
}
.order_flow02 .list_wrap dl dd img{
  width:100%;
  vertical-align: bottom;
}
@media screen and (max-width: 860px) {
  .order_flow02 .list_wrap dl{
    width: 100%;
  }
  .order_flow02 .list_wrap dl:after{
    display: none;
  }
  .order_flow02 .list_wrap{
    border: 2px solid #D9D9D9;
    padding:0;
    margin:0 3%;
    border-radius: 8px;
  }
  .order_flow02 .list_wrap dl{
    border:0;
    border-bottom:1px dashed #999;
    padding:0;
    position: unset;
    margin:0;
  }
  .order_flow02 .list_wrap dl:nth-child(2n){
    background:#FAFAFA;
  }
  .order_flow02 .list_wrap dl:last-child{
    border-bottom:0;
    border-radius:0 0 8px 8px;
  }
  .order_flow02 .list_wrap dl:first-child{
    border-radius: 8px 8px 0 0;
  }
  .order_flow02 .list_wrap dl dt{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    width:82%;
    padding:2% 0 2% 2%;
  }
  .order_flow02 .list_wrap dl dd{
    width:18%;
    padding:2%;
  }
  .order_flow02 .list_wrap dl dt span{
    width:20%;
    margin-right:2%;
    text-align: center;
    font-size: 9px;
  }
  .order_flow02 .list_wrap dl dt p{
    width:78%;
    padding:2%;
  }
}

/*-------- 別注オーダーユニフォームの作成の流れ（アイコン） --------*/
ul.ord_fl_step li{
  background: #fff;
  border: 1px solid #ccc;
  padding:2%;
  display:flex;
  flex-wrap:wrap;
  margin-bottom: 3em;
  position: relative;
}
ul.ord_fl_step li .text{
  width:65%;
  padding-left:2%;
}
ul.ord_fl_step li dl{
  width: 35%;
  display:flex;
  margin:0.5em 0;
  border-right:1px solid #ccc;
}
ul.ord_fl_step li:after{
  position: absolute;
  content: "";
  right: 50%;
  bottom: -40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #DD1A1A;
  transform: rotate(90deg);
}
ul.ord_fl_step li:last-child:after{
  border-width: 0;
}
ul.ord_fl_step li dl dt{
  width: 60%;
  font-size:12px;
  font-weight:800;
}
ul.ord_fl_step li dl dd{
  width: 40%;
  margin:0;
  padding-right:5%;
  box-sizing: border-box;
}
ul.ord_fl_step li dl dd img{
  width:100%;
  vertical-align: bottom;
}

ul.ord_fl_step li dl dt span{
  background:#999;
  color:#fff;
  padding:1.5% 2.5% 0.5% 2.5%;
  border-radius: 50px;
  line-height:2em;
}
@media screen and (max-width: 960px) {
  ul.ord_fl_step li .text{
    width: 50%;
  }
  ul.ord_fl_step li dl{
    width: 50%;
  }
 ul.ord_fl_step li dl dd{
   width: 50%;
   padding-right:5%;
 } 
}

/*================ ユニフォーム専門ならではの価格競争力(#reson-price) ================*/
#reson-price .bgimg_wrap{
  background: url(../image/content/bgimg_price.webp);
background-size: cover;
}
#reson-price .flow_cont .f_cont03:after{
  display: none;
}

#reson-price .quality_price{
  padding-top: 5em;
}

#reson-price .quality_price .flex_box{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin-bottom: 4em!important;
}
#reson-price .quality_price .flex_box li{
  display: inline-block;
  background:#fff;
  width:49%;
  padding:2.5%;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#reson-price .quality_price .flex_box li .mgb3{
  height:100px;
}
#reson-price .quality_price .flex_box li .re_prc_wimg{
  width:80%;
  margin:auto;
 }
#reson-price .quality_price .flex_box li .title{
  height:80px;
  margin-bottom: 0!important;
  padding-top: 0.4em!important;
}
#reson-price .content_wrap dl.price_wk_gr .rt{
  width: 60%;
  order:2;
}
#reson-price .content_wrap dl.price_wk_gr .rt{
  background:#fff;
  padding:2% 0 0 0;
  border:1px solid #ccc;
  border-radius: 5px;
  width: 35%;
  order:1;
  box-sizing:border-box;
}
#reson-price .content_wrap dl.price_wk_gr .lt{
  padding:0 2%!important;
}
#reson-price .price_manufacturing .rt .btn_list,
#reson-price .price_manufacturing .lt .btn_list{
  width: 50%;
  margin:2em 0!important;
}
#reson-price .albic_category {
  border:0;
}
#reson-price .flex_box li img{
  padding: 5% 0 0 0;
}
#reson-price .content_wrap dl.layer_flex h3.title{
  margin-bottom: 0.5em!important;
  font-size:130%;
}
#reson-price .content_wrap dl.layer_flex .lt{
  width: 70%;
  order:2;
  margin:0!important;
  padding:2% 2% 0 0;
}
#reson-price .content_wrap dl.layer_flex .rt{
  width: 30%;
  order:1;
  margin:1% 0!important;
}
.price_structure .title{
  font-size: 135%;
  font-weight:800;
  margin-bottom:0.5em!important;
  line-height: 1.4em;
}
.price_structure .title span{
  color:#DD1A1A;
}
.cg_title{
  background:#999999;
  color:#fff;
  width:50%;
  font-size:80%;
  text-align: center;
  border-radius: 50px;
  margin:0 auto 1em auto!important;
}
#reson-price .content_wrap dl.layer_flex dt .btn_list{
  margin:1.5em 0 0 0!important;
  float:right;  
}

 @media screen and (max-width: 860px) {
  #reson-price .content_wrap dl.layer_flex dt{
    width: 100%;
    order:1;
    margin:0!important;
    padding:0;
  }
  #reson-price .content_wrap dl.layer_flex dt p{
    width: 92%;
    margin:auto!important;
  }
  #reson-price .content_wrap dl.layer_flex dt .btn_list{
    width:50%;
    float:right;
    margin:1em 2em 2.5em 0!important;
  } 
  #reson-price .content_wrap dl.layer_flex dd{
    clear:both;
    width: 90%;
    order:2;
    margin: 1.5em auto!important;
    padding-right: 0;
  }
  #reson-price .albic_category{
    width:100%;
  }
 }
@media screen and (max-width: 780px) {
  #reson-price .content_wrap dl.price_wk_gr dt{
    width:94%!important;
    margin:0 auto 1em auto!important;
    padding:0;
  }
  #reson-price .content_wrap dl.price_wk_gr dt p{
    width:100%;
   }
  #reson-price .content_wrap dl.price_wk_gr dd{
    width:94%!important;
    margin:auto;
    padding:0;
  }  
  #reson-price .content_wrap dl.layer_flex_reverse dt{
    width:94%;
    margin:0 auto 1em auto;
    padding:0;
  }
  #reson-price .content_wrap dl.layer_flex_reverse dd{
    width:94%;
    margin:auto;
    padding:0;
  }
  #reson-price .cont_title{
    padding:0em 1em!important;
    margin:0 auto 1em auto!important;
  }
  #reson-price .quality_price .flex_box li{
    width:96%;
    margin:0 auto 1.5em auto;
    padding:4%;
  }
  #reson-price .quality_price h2.t_title{
    padding:15% 3% 0 3%!important;
  }  
  #reson-price .content_wrap .layer_flex dt{
    padding:0;
  }
  #reson-price .bg_gray{
    border:0;
    padding:0 0 2.5em 0!important;
  }
  .content_wrap dl.layer_flex{
    display: block;
  }
  #reson-price .content_wrap dl.layer_flex{
    display:flex;
    flex-wrap:wrap;
  }  
  #reson-price .content_wrap dl.layer_flex .rt{
    padding: 3% 0 0 0;
    order:1!important;
    margin:0!important;
    width:90%;
  }
  #reson-price .content_wrap dl.layer_flex .lt{
    order:2!important;
    width:100%;
  }
  #reson-price .price_manufacturing h3.title{
    font-size:110%!important;
    padding:0 4%!important;
  }
  #reson-price .content_wrap dl.layer_flex dt .btn_list{
    width:70%;
  } 
  .content_wrap dl.layer_flex .lt{
    width:80%;
    margin: auto;
  }
  .price_structure .title{
    font-size:130%;
  }
  #reson-price .quality_price .flex_box li .title{
    height:unset;
    margin-bottom: 0.5em!important;
  }   
}

/*================ ユニフォーム専門の専属担当者がサポート(#reson-suport) ================*/
#reson-suport .bgimg_wrap{
  background: url(../image/content/bg_reson-suport.webp);
  background-size: cover;
}
#reson-suport .layer_flex_reverse .rt img{
  border-radius: 5px;
}
#reson-suport .content_wrap dl.layer_flex_reverse dt.lt{
  width: 65%;
  height: auto;
}
#reson-suport .content_wrap dl.layer_flex_reverse dd.rt{
  width: 35%;
  height: auto;
}
#reson-suport .content_wrap dl.layer_flex dt.lt{
  width: 60%;
  height: auto;
}
#reson-suport .content_wrap dl.layer_flex dd.rt{
  width: 40%;
  height: auto;
}
#reson-suport .bg_drop_m .title{
  font-size: 140%;
  color:#d51d1f;
  font-weight:600;
  line-height:1.3em;
  margin-bottom:0.5em!important;
  position:relative;
  padding: 0 0 0 7%!important;
}
#reson-suport .bg_drop_m .title:before{
  background: url(../image/icon/suport.png);
  background-size:contain;
  position:absolute;
  left:0;
  top:-7px;
  content:"";
  width:58px;
  height:58px;
}
#reson-suport dl.layer_flex50{
  background:#fff;
  border:1px solid #ccc;
  border-radius: 5px;
  margin:0 0 2em 0;
}
#reson-suport dl.layer_flex50 dt{
  /*padding:2.3% 1.8% 0 1.8%;*/
  padding: 1.7% 1.8% 0 1.8%;
}
#reson-suport dl.layer_flex50 dt .title{
  font-size:110%;
  font-weight:600;
  margin-bottom:0.5em!important;
  line-height: 1.6em;
}
#reson-suport dl.layer_flex50 dd img{
  border-radius:0 5px 5px 0;
  vertical-align: bottom;
}
#reson-suport dl.layer_flex50:first-child dd img{
  border-radius:5px 0 0 5px;
  vertical-align: bottom;
}
#reson-suport dl.layer_flex50:last-child dd img{
  border-radius:5px 0 0 5px;
  vertical-align: bottom;
}
#reson-suport dl.layer_flex50:first-child dt{
    order:2;
}
#reson-suport dl.layer_flex50:first-child dd{
    order:1;
}
#reson-suport dl.layer_flex50:last-child dt{
    order:2;
}
#reson-suport dl.layer_flex50:last-child dd{
    order:1;
}
#reson-suport dl.layer_flex50 .rt{
  width:45%;
}
#reson-suport dl.layer_flex50 .lt{
  width:55%;
}
#reson-suport .content_wrap dl.layer_flex{
  align-items: unset;
}
#reson-suport .content_wrap dl.layer_flex_reverse dd.rt{
  padding: 0;
}
@media screen and (max-width: 780px) {
  #reson-suport .bg_drop_m .title{
    padding: 2% 0 0 18%!important;
  }  
  #reson-suport .bg_drop_m .title:before{
    left:10px;
    top:9px;
  }  
  #reson-suport .read_txt{
    margin:2%!important;
  } 
  #reson-suport .bg_drop_m{
    padding:0;
    width: 94%;
    margin: auto;
  }
  #reson-suport .layer_flex_reverse .lt .title:before{
    top: 0;
    width: 45px;
    height: 45px;
  }
  #reson-suport dl.layer_flex50 dt .title br{
   display: none; 
  }
  #reson-suport .layer_flex_reverse .lt .title{
    font-size: 120%;
    padding-bottom:5px!important;
  }
  #reson-suport .content_wrap dl.layer_flex_reverse dd{
    padding: 3%!important;
    width:100%;
   order:1!important;
  }
  #reson-suport .content_wrap dl.layer_flex_reverse dt{
    padding: 0 3% 6% 3%!important;
    width:100%;
    order:2!important;
  }
  #reson-suport .wh_599 dl.layer_flex_reverse dt{
    padding: 0 0 6% 0!important;
  }  
  #reson-suport .line01{
    margin: 0.5em 2% 1.2em 3%!important;
   }
  #reson-suport .content_wrap dl.layer_flex .lt{
    width:100%;
  }
  #reson-suport .wh_599 dl.layer_flex .lt{
   padding: 0 0 6% 0!important;
  }  
  #reson-suport .layer_flex_reverse .lt .title br{
    display: none;
  }
  #reson-suport .content_wrap dl.layer_flex_reverse .btn_list{
    width:100%;
    margin:5% auto!important;
  }
  #reson-suport .layer_flex50 .lt{
    width: 100%!important;
  }
  #reson-suport .layer_flex50 .rt{
    width: 100%!important;
    margin:0!important;
  }
  #reson-suport dl.layer_flex50 dt{
      order:2;
      padding:3% 2.5% 2.5% 2.5%;
  }
  #reson-suport dl.layer_flex50 dd{
      order:1;
  }
  #reson-suport dl.layer_flex50 dd img{
    border-radius:5px 5px 0 0!important;
  }
  #reson-suport .bgimg_wrap .title{
    width:94%;
    margin:auto!important;
    text-align: left;
  }
  #reson-suport .bgimg_wrap .title br{
    display:none;
  }
  #reson-suport .bgimg_wrap .btn_list{
    width:90%;
  }
  #reson-suport .sp-parent-st2:before,
    #reson-suport .sp-parent-st2:after{
      right: 0!important;
    }
    #reson-suport .content_wrap dl.layer_flex_reverse dt.lt,
    #reson-suport .content_wrap dl.layer_flex_reverse dd.rt,
    #reson-suport .content_wrap dl.layer_flex dt.lt,
    #reson-suport .content_wrap dl.layer_flex dd.rt{
      width: 100%;
    }    
}

/*================ ユニフォームの丸十服装 お取引の流れ(#flow) ================*/
.new_flow{
  border: 1px solid #ccc;
  background: #FAFAFA;
  padding: 2%;
  margin:0 3% 3% 3%;
}
.new_flow h3{
  margin-bottom:2%!important;
  border-left:5px solid #DD1A1A;
  padding-left:1%!important;
}
.flow_dgn{
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  background:#fff;
  padding:0.5% 0;
}
.flow_dgn dl{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 2% 0;
  border-bottom: 1px dotted #D9D9D9;
  margin:0;
}
.flow_dgn dl dt{
  width: 40%;
  color:#DD1A1A;
  padding:0 0 0 2.5%;
  font-size:14px;
  font-weight:800;
  display:flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content:left;
}
.flow_dgn dl dd{
  width: 60%;
  margin: 0;
  padding:0 2%;
  border-left: 1px solid #D9D9D9;
}
.flow_dgn dl dd p{
  line-height: 1.5em;
}
.flow_dgn dl:last-child{
  border-bottom: 0;
}
.flow_dgn dl dt img{
  width:10%;
  margin:0 3% 0 1%;
}
.flow_dgn dl dt:before{
  position:relative;
  background:#999;
  padding:2% 3%;
  border-radius: 5px;
  margin-right:3%;
  color:#fff;
}
.flow_dgn dl:nth-child(1) dt:before{
  content:"01";
}
.flow_dgn dl:nth-child(2) dt:before{
  content:"02";
}
.flow_dgn dl:nth-child(3) dt:before{
  content:"03";
}
.flow_dgn dl:nth-child(4) dt:before{
  content:"04";
}
.flow_dgn dl:nth-child(5) dt:before{
  content:"05";
}
.flow_dgn dl:nth-child(6) dt:before{
  content:"06";
}
.flow_dgn dl:nth-child(7) dt:before{
  content:"07";
}
.flow_dgn dl:nth-child(8) dt:before{
  content:"08";
}
.flow_dgn dl:nth-child(9) dt:before{
  content:"09";
}
.flow_dgn dl:nth-child(10) dt:before{
  content:"10";
}
.flow_dgn dl:nth-child(11) dt:before{
  content:"11";
}
.flow_dgn dl:nth-child(12) dt:before{
  content:"12";
}
@media screen and (max-width: 860px) {
  .flow_dgn dl dt{
    width: 96%;
    border-right: 0;
    padding:3%;
   border-bottom:1px solid #eee;
   margin:0 auto 2em auto;
  }
  .flow_dgn dl dd{
    width: 96%;
    padding:0 3% 3% 3%;
   border:0;
   margin:auto;
  }
}
/*================ SDGs(#sdgs) ================*/
#sdgs .bg_lightblue{
  padding: 5% 3% 5% 3%;
  margin-bottom:5em;
}
#sdgs .cont_title{
  padding:1.5em 1.5em 0 1.5em!important;
  font-size:30px;
}
#sdgs .layer_flex .title{
  font-size:110%;
  margin-bottom:1em!important;
  font-weight:600;
}
#sdgs .sdgs_w1{
  padding: 4em 0;
}
#sdgs .sdgs_w1 .title{
  padding: 0.5em 0.5em 1.5em 0.5em!important;
  font-weight:600;
  font-size:105%;
  text-align: center;
  line-height: 1.4em;
}
#sdgs .sdgs_w1 .flex_box{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
#sdgs .sdgs_w1 .flex_box div{
  border:1px solid #ccc;
  width:24%;
  padding:1% 0 0 0;
  border-radius: 5px;
  background:#fff;
}
#sdgs .sdgs_w1 .flex_box div:hover{
  border:1px solid #999
}
#sdgs .sdgs_w1 .flex_box div:hover .title{
  color:#DD1A1A;
}
#sdgs .sdgs_w1 .flex_box div:hover .btn_list06{
  color:#DD1A1A;
}
#sdgs .sdgs_w1 .icon{
  width:28%;
  text-align: center;
  margin: 0.5em auto!important;
}
#sdgs .sdgs_w1 .icon img{
  width:100%;
}
#sdgs .sdgs_w1 .btn_list{
  margin:2em auto 0.5em auto!important;
  width: 80%;
}
#sdgs .sdgs_w2{
  background: url(../image/content/bg_sdgs_w2.jpg);
  background-size:contain;
  padding:3% 0 0 0;
}
#sdgs .sdgs_w2 .cont_title{
  color:#fff;
}
#sdgs .sdgs_w2 .bg_wit_sdow{
  color:#fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 3%;
  text-align: center;
  margin: 0 0 2% 0;
  background:#fff;
}
#sdgs .sdgs_w2 .bg_wit_sdow .title{
  font-size:130%;
  margin-bottom:1em!important;
  font-weight:800;
}
#sdgs .content_wrap:nth-child(2){
margin-bottom:0;
}
#sdgs .sdgs_w2 .flex_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#sdgs .sdgs_w2 .flex_box dl{
  color:#fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2% 2% 7% 2%;
  width: 32%;
  background:#fff;
  display:flex;
  flex-wrap:wrap;
}
#sdgs .sdgs_w2 .flex_box dl dt{
  order:2;
  height:150px;
}
#sdgs .sdgs_w2 .flex_box dl dd{
  order:1;
  margin:0;
  display:flex;
  padding-bottom:5%;
}
#sdgs .sdgs_w2 .flex_box dl dd p{
  width: 60px;
  height:60px;
  margin-right:10px!important;
}
#sdgs .sdgs_w2 .flex_box dl dd img{
  width: 100%;
  display: inline-block;
}
#sdgs .content_wrap dl.layer_flex .rt{
  padding:1% 3% 2% 4%;
}


/* アイコン */
ul.icon_list{
  width: 60%;
  margin:auto!important;
  text-align: left;
}
ul.icon_list li{
  width: 17%;
  display: inline-block;
  margin-right: 2%;
}
ul.icon_list li img{
  width: 100%;
}
/*  */
@media screen and (max-width: 960px) {
  #sdgs .sdgs_w1 .title br{
   display:none;
  }
}
@media screen and (max-width: 860px) {
  #sdgs .sdgs_w2 .cont_title{
    text-align: center;
    padding-top:0.8em!important;
  }
  #sdgs ul.icon_list{
    width: 100%;
  }
  #sdgs ul.icon_list li{
    margin-right: 1%;
  }
  #sdgs .sdgs_w2 .bg_wit_sdow{
    margin: 0 3% 2% 3%;
    padding:4.5%;
  }
  #sdgs .content_wrap dl.layer_flex{
     margin:0 1% 2% 1%;
   }
   #sdgs .content_wrap dl.layer_flex br{
     display:none;
   }
   #sdgs .sdgs_w1 .flex_box div{
     width: 48%;
     margin: 1%;     
     position:relative;
   }
   #sdgs .sdgs_w1 .icon{
     width:16%;
   }
   #sdgs .sdgs_w1 .title br{
    display:unset;
   }
  #sdgs .content_wrap dl.layer_flex .lt{
    width:100%;
    margin: 0;
  }
  #sdgs .content_wrap dl.layer_flex .rt{
     width:70%;
    margin:0 auto 2em auto;
   }
   #sdgs .content_wrap .bg_lightblue .rt{
      width:100%!important;
    }
  #sdgs .sdgs_w2 .flex_box{
    margin:0 2% 3% 2%;
  }
  #sdgs-sai .cont_title,
  #sdgs-eco .cont_title,
  #sdgs-recycle .cont_title,
  #sdgs-carbonoff .cont_title,
  #sdgs .cont_title{
    padding:0 1%!important;
    font-size:22px;
  }
  #sdgs-sai .text90,  
  #sdgs-carbonoff .text90,
  #sdgs-recycle .text90,
  #sdgs-eco .text90{
    width: 98%;
    margin:0 auto;
  }
  #sdgs .sdgs_w1{
    padding:0 0 3em 0;
  }
  #sdgs .cont_title_ln{
    margin-bottom: 0.5em!important;
  }
  #sdgs .sdgs_w2 .flex_box dl{
    padding: 5%;
    width: 48%;
    margin: 1%;
   box-sizing:border-box;
  }
}
@media screen and (max-width: 780px) {
  #sdgs .sdgs_w2 .flex_box dl{
    padding: 3% 3% 5% 3%;
  }
  #sdgs .content_wrap dl.layer_flex .rt{
    width:70%;
    margin:auto!important;
   }  
}

/*------------------ SDGs(#sdgs-eco) -------------------*/
#sdgs-eco .kv_text_right .title span{
  font-size: 60%;
}
#sdgs-carbonoff .text90,
#sdgs-eco .text90{
  padding:2%;
}
/*---------------- SDGs(#sdgs-carbonoff) -----------------*/
#sdgs-eco .content_wrap,
#sdgs-sai .content_wrap,
#sdgs-recycle .content_wrap,
#sdgs-carbonoff .content_wrap{
  padding: 3% 2%!important;
}
#sdgs-sai .content_wrap{
  padding: 1%;
}
/*---------------- カーボンオフセット -----------------*/
.sdgs_cont .container{
  border:1px solid #eee;
  padding: 4% 5%;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
  background:#fff;
}
.sdgs_icon_title{
  display: flex;
  flex-wrap: wrap;
  justify-content:left;
  margin-bottom:3em;
}
.sdgs_icon_title div{
  width: 70px;
  height: 70px;
  margin-right:1%;
}
.sdgs_icon_title div:first-child{
  width:40%;
}
.sdgs_title{
  font-weight:800;
  padding: 1% 1.5%;
  color:#fff;
  background:#DD1A1A;
  font-size: 110%;
}
/**/
.sdgs_cont_text{
  border: 1px solid #ccc;
  padding:3% 4%;
  margin-bottom:2em;
}
.sdgs_text_fl{
  display:flex;
  flex-wrap:wrap;
  align-items: center;
}
.sdgs_text_lf{
  width:80%;
}
.sdgs_text_rt{
  width:20%;
  padding:2%;
}
.sdgs_text_lf .sv_title{
  margin:1em 0 0.5em 0!important;
}
.sdgs_text_lf .sv_title span{
  background: #fff7b3;
  padding:0.5%;
  margin-bottom:5px;
  font-size:110%;
  font-weight:800;
}
.sdgs_cont_text .text90{
  margin:2% auto 0 auto!important;
}
.sdgs_text_tl{
  font-size:120%;
  font-weight: 600;
  padding-left: 7%!important;
  line-height: 1.4em!important;
  margin-bottom:0.5em!important;
  position: relative;
}
.sdgs_text_tl::before{
  content: "";
  position: absolute;
  top:0;
  left:0;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 960px) {
  .sdgs_cont .container{
    padding: 3.5% 3%;
  }
}
@media screen and (max-width: 860px) {
  .sdgs_cont .container{
    padding: 0;
  }
  .sdgs_icon_title div{
    margin: 2.5% 1% 1% 2%;
  }
  .sdgs_icon_title div:first-child{
    width: 100%;
    margin-right:0;
    margin: 0;
  }
  .sdgs_cont_text{
    margin:2% 2% 10% 2%;
  }
  .sdgs_cont_text .text90{
    width:100%;
  }
  .sdgs_cont .container{
    border-radius: 0;
    box-shadow: unset;
  }
  .sdgs_text_tl{
    font-size: 110%;
    padding-left: 14%!important;
  }
  .sdgs_text_tl br{
    display:none;
  }
  .sdgs_text_tl::before{
    top:-10px!important;
    left: 8px;
    width: 40px;
    height: 40px;
  }
  .sdgs_text_lf{
    width: 100%;
  }
  .sdgs_text_rt{
    width: 60%;
    margin: auto;
  }
  .sdgs_text_tk{
    padding-left: 14%!important;
    line-height: 1.6em!important;
    margin-bottom:1em!important;
  }
}

/* アイコン */
.sdgs_ic01::before{
  background: url(../image/icon/pet-icon1.png);
  background-size: contain;
}
.sdgs_ic02::before{
  background: url(../image/icon/pet-icon2.png);
  background-size: contain;
}
.sdgs_ic03::before{
  background: url(../image/icon/recycle-icon1.png);
  background-size: contain;
  top:-20px;
}
.sdgs_ic04::before{
  background: url(../image/icon/carbon-icon3.png);
  background-size: contain;
  top:-20px;
}
.sdgs_ic05::before{
  background: url(../image/icon/recycle-icon3.png);
  background-size: contain;
  top:-20px;
}
.sdgs_ic06::before{
  background: url(../image/icon/carbon-icon4.png);
  background-size: contain;
  top:-20px;
}
.sdgs_ic07::before{
  background: url(../image/icon/recycle-icon2.png);
  background-size: contain;
  top:-20px;
}
.sdgs_text_tk{
  line-height: 1.4em!important;
  position: relative;
  margin-bottom:0.5em!important;
  background:#fff9bb;
  padding:3% 2% 3% 10%!important;
}
.sdgs_text_tk::before{
  background: url(../image/icon/check.png);
  background-size: contain;
  content: "";
  position: absolute;
  top: 22%;
  left: 2%;
  width: 50px;
  height: 50px;
}

/*-------------- 使用済みユニフォーム（#sdgs-recycle） ---------------*/
#sdgs-recycle .content_wrap:nth-child(2){
  margin-bottom: 0;
}
#sdgs-recycle .sdgs_text_tk::before{
  top:16px;
}
#sdgs-recycle .sdgs_cont_text .text80{
  margin-top: 2em!important;
}
/*================ FAQ (#faq) ================*/
#faq .sp_w94{
  width:90%;
  margin:15px auto 0 auto;
}
#faq .accordion{
  width:90%;
  margin:15px auto 0 auto;
}
#faq .content_wrap{
  margin-bottom:5em;
 }
.accordion {
  width: 100%;
  border-bottom:1px solid #ccc;
}
.qa_ul_list{
  font-size:14px;
  list-style-type:disc!important;
}
/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}
/* 見出しボタン部分 */
.accordion-open {
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  padding: 1% 1% 0.5% 2.5%;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  cursor: pointer;
  font-weight:800;
  position: relative;
  background:#fff;
}
.accordion-open.bg_red p{
  color:#fff;
}
.accordion-open p:first-child{
  width: 3%;
}
.accordion-open p:first-child img{
  width:100%;
}
.accordion-open p:last-child{
  width: 97%;
  padding: 0 0 0 2%!important;
  font-size:110%;
}
.accordion-open:hover{
  background:#DD1A1A!important;
}
.accordion-open:hover p{
  color:#fff;
}
.accordion-open:hover .icon{
  filter: brightness(0) invert(1);
}
.bg_red .icon{
  filter: brightness(0) invert(1);
}
.accordion-open span.icon{
  padding: 0 2% 0 0;
  width: 4%;
}
.accordion-open span.icon img{
  width: 100%;
}
@media screen and (max-width: 860px) {
  .accordion{
    width:94%;
    margin:auto;
  }
  .accordion-open{
    display:flex;
  }
  .accordion-open p:first-child{
    width: 6%;
  }
  .accordion-open p:last-child{
    width: 92%;
    padding: 0 10% 0 3%!important;
    font-size:14px;
    font-weight:500;
  }
  .accordion-open::before,
  .accordion-open::after {
    right: 2%!important;
  }
  .accordion .accordion-box p{
    padding:2% 0 2% 5%!important;
  }
  .accordion-box p:before{
    top: -5px!important;
    left: -14px!important;
  }
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 15px;
  height: 2px;
  background: #016AC2;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}
/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}
/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}
/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* ↑ここまで共通 */

.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}
.accordion-box ul,
.accordion-box p{
  margin: 2% 0 2% 6%!important;
}
.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
  padding:1%;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
 line-height: 1.8em;
 background:#fff;
}
.accordion-box p{
  position:relative;
}
.accordion-box p:before{
  content:"";
  position:absolute;
  background:url(../image/icon/ic_a.png);
  background-size:contain;
  width:40px;
  height:40px;
  top:-10px;
  left:-45px;
}

@media screen and (max-width: 860px) {
  .accordion-box p:before{
    width:22px;
    height:32px;
  }
}
/*================ 特定商取引法ページ(#tokushoho) ================*/
#tokushoho main dl{
  display:flex;
  flex-wrap:wrap;
  margin:5em auto;
  max-width:800px;
  font-size: 14px;
}
#tokushoho main dl dt{
  width:30%;
  border-bottom:1px solid #ccc;
  margin-bottom:1em;
  padding:1%;
}
#tokushoho main dl dd{
  width:70%;
  border-bottom:1px solid #ccc;
  margin:0;
  margin-bottom:1em;
}
#tokushoho main dl dd ul{
  list-style-type:none;
}
.albic_content p.contents_text{
  margin-bottom:2em!important;
  line-height:1.8em;
}
.albic_content ul li a:hover{
  background:#eee!important;
  border-radius: 5px;
}
.albic_category  p.btn_list{
  width:400px;
  margin:1em auto 2em auto!important;
}
.albic_category_list img{
  margin:0 0 0 0;
  width:100%;
  height:auto;
}
@media screen and (max-width: 860px) {
  .albic_category{
    width:94%;
    margin:0 auto 1em auto;
  }
  .albic_category  p.btn_list{
    width:290px;
  }
  #tokushoho main dl dt{
    width:100%;
    background:#666;
    border:0;
    color:#fff;
    padding:2%;
  }
  #tokushoho main dl dd{
    width:100%;
    border:0;
    padding:0 2% 2% 2%;
  }
  #tokushoho main dl{
    margin:0 auto;
  }
  #albic .arrow_right_red::after{
    border-right: 0!important;
    border-bottom: 0!important;
  }
}

/*================ 導入事例講座 (スライダー) ================*/
.sp_course{
  margin-bottom:5em;
}
.sp_course .sp_course_text .title{
  font-size:170%;
  margin-bottom:1em!important;
  color:#DD1A1A;
}
.sp_course .sp_course_text .tit_material{
  font-size:140%;
  margin:2em 0 1em 0!important;
  border-left:5px solid #1a4684;
  border-bottom:1px solid #1a4684;
  padding-left:15px!important;
  color:#1a4684;
  font-weight:800;
}
.sp_course .sp_course_text p{
  margin-bottom:2em!important;
  width:100%!important;
}
.sp_course .sp_course_img{
  width:45%;
  float:right;
  margin:0 0 0 2%;
}
.sp_course .sp_course_img img{
  width:100%;
}
.sp_course:nth-child(3),
.sp_course:nth-child(4),
.sp_course:nth-child(5){
  border-top:1px solid #ccc;
  padding-top:4em;
}
@media screen and (max-width: 760px) {
  .sp_course .sp_course_img{
    width:100%;
    float:unset;
    margin:0!important;
  }
  .sp_course .sp_course_img img{
    width:100%;
  }
  .sp_course{
    width:94%;
    margin: auto;
  }
}

/*================ 下層リストボタン・ボタン関係 ================*/
/* cg_other_list */
.cg_other_list{
  text-align: center;
}
.cg_other_list .title{
  font-size: 190%;
  font-weight: 600;
  margin-bottom:1em!important;
}
.cg_other_list .flex_box{
  display:flex;
  flex-wrap:wrap;
}
.cg_other_list .flex_box a{
  border:1px solid #ccc;
  width: 31.2%;
  margin:0 0.5%;
  margin-bottom:1.2em;
  border-radius: 10px;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 40%);
  transition: 0.2s;
}
.cg_other_list .flex_box a:hover{
   transform: translateY(2px);
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 40%);
}
.cg_other_list .flex_box a:active {
  background:#fff!important;
  transform: translateY(5px);
  box-shadow: 0 0 0 0 rgb(0 0 0);
}
.cg_other_list .flex_box dl{
  display:flex;
  flex-wrap:wrap;
  margin:0;
  align-items: center;
   height:100%;
    position:relative;
  text-align: left;
}
.cg_other_list .flex_box dl dt{
  order:2;
  width: 75%;
  margin:0;
  padding:0 0 0 5%;
}
.cg_other_list .flex_box dl dd{
  margin:0;
  order:1;
  width: 25%;
  padding:0;
   height:100%;
}
.cg_other_list .flex_box dl dd img{
  padding:0;
  margin:0;
  border-radius: 10px 0 0 10px;
  vertical-align: bottom;
}
.cg_other_list .flex_box dl:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
}
@media screen and (max-width: 860px) {
  .cg_other_list .title{
      font-size: 140%;
      margin-bottom:0.5em!important;
    }
  .cg_other_list .flex_box a{
    width: 45%;
    margin:1em auto 1em auto;
    padding:0;
  }
  .ab_cause{
    padding: 0 0 3em 0;
  }
 .cg_other_list .flex_box dl dt{
   width: 80%;
 }
 .cg_other_list .flex_box dl dd{
   width: 20%;
 }
 .cg_other_list .flex_box dl dt br{ 
  display:none; 
 } 
 .cg_other_list .flex_box a:nth-child(3){
    margin-right:3%;
  }
}


/* cg_other_list02 */
.cg_other_list02 .flex_box{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.cg_other_list02 .flex_box a{
  width: 49%;
  border-radius: 5px;
  margin-bottom:1.5em;
  border:1px solid #ccc;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 40%);
  transition: 0.2s;
}
.cg_other_list02 .flex_box a:hover{
   transform: translateY(2px);
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 40%);
}
.cg_other_list02 .flex_box a:active {
  background:#fff!important;
  transform: translateY(5px);
  box-shadow: 0 0 0 0 rgb(0 0 0);
}
.cg_other_list02 .flex_box dl{
  display:flex;
  flex-wrap:wrap;
  margin:0;
  align-items: center;
   height:100%;
    position:relative;
}
.cg_other_list02 .flex_box dl dt{
  order:2;
  width: 80%;
  margin:0;
  padding:0 0 0 5%;
}
.cg_other_list02 .flex_box dl dd{
  margin:0;
  order:1;
  width: 20%;
  padding:0;
   height:100%;
}
.cg_other_list02 .flex_box dl dd img{
  width:100%;
    padding:0;
    margin:0;
  height:100%;
  border-radius: 5px 0 0 5px;
}
.cg_other_list02 .flex_box dl:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
}
.cg_other_list02 a.nbr_on{
  background-color:#FCF7F3!important;
  border:1px solid #DECDBF;
}
@media screen and (max-width: 860px) {
  .cg_other_list02 .flex_box a{
    width:94%;
    margin:0 auto 1em auto;
  }
  .cg_other_list02 .flex_box dl dt{
    width: 70%;
    padding:0 5% 0 5%;
  }
  .cg_other_list02 .flex_box dl dd{
    width: 30%;
  }
  .cg_other_list02 .cont_title{
    text-align: center;
  }
}

/**/
.flex_box a.btn_arrimg{
  margin-right:2%;
}
.flex_box a.btn_arrimg:last-child{
  margin-right:0;
}
.btn_arrimg dl{
  display:flex;
  border:1px solid #999;
  border-radius: 5px;
  flex-wrap: wrap;
  align-items: center;
  font-size:14px;
  position:relative;
}
.btn_arrimg dl:after{
 content: "";
 display: inline-block;
 position: absolute;
 top: 50%;
 right:15px;
 width: 10px;
 height: 10px;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 transform: translateY(-50%) rotate(-45deg);
 transition: .3s;
}
.btn_arrimg dt{
  margin:0;
  width:65%;
  order:2;
  padding:8% 3%;
  box-sizing: border-box;
  font-weight: 600;
}
.btn_arrimg dd{
  margin:0;
  width:35%;
  order:1;
}
.btn_arrimg dd img{
  width:100%;
}

/* TOPに戻るボタン */
.top_back{
  margin-bottom:3em;
  text-align: center;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.top_back .top_back_btn a{
  margin:0 0.3em;
  font-size:14px;
  padding: 0.8em 1.5em 0.8em 1.8em;
  display:block;
  font-weight:800;
  color: #222;
  text-align: center;
  transition: 0.2s;
  border: 1px solid #999;
  background:#fff!important;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.top_back .top_back_btn a:before{
 content: "";
 display: inline-block;
 position: absolute;
 top: 50%;
 left:4%;
 width: 7px;
 height: 7px;
 border-left: 2px solid #4c98ff;
 border-top: 2px solid #4c98ff;
 transform: translateY(-50%) rotate(-45deg);
}
.top_back .top_back_btn a:hover{
  transform: translateY(2px);
 box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
.top_back .top_back_btn a:active {
 background:#fff!important;
 transform: translateY(5px);
 box-shadow: 0 0 0 0 rgb(0 0 0);
}

/* 関連カテゴリーボタン */
.itemlist{
  margin-bottom:3em;
  text-align: center;
  display:flex;
  flex-wrap:wrap;
}
.itemlist .btn_itemlist a{
  margin:0 0.3em 0.5em 0.3em;
  font-size:12px;
  padding: 0.5em 1em 0.5em 1.8em;
  display:block;
  font-weight:600;
  color: #222;
  text-align: center;
  transition: 0.2s;
  border: 1px solid #999;
  background:#fff!important;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.itemlist .btn_itemlist a:before{
 content: "";
 display: inline-block;
 position: absolute;
 top: 50%;
 left:4%;
 width: 7px;
 height: 7px;
 border-left: 2px solid #4c98ff;
 border-top: 2px solid #4c98ff;
 transform: translateY(-50%) rotate(-45deg);
}
.itemlist .btn_itemlist a:hover{
  transform: translateY(2px);
 box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
.itemlist .btn_itemlist a:active {
 background:#fff!important;
 transform: translateY(5px);
 box-shadow: 0 0 0 0 rgb(0 0 0);
}

#sdgs-recycle .cg_other_list,
#sdgs-carbonoff .cg_other_list,
#sdgs-eco .cg_other_list{
  padding: 2em 0;
}
/*================ 背景画像・カラー（共通） ================*/
.bg_org{
  padding:5% 2% 4% 2%!important;
  position:relative;
}
.bg_org:after{
  position:absolute;
  content: "";
  bottom:-60px;
  left:43.6%;
  z-index:-1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 70px 0 70px;
  border-color: #fcf7f3 transparent transparent transparent;
}
.bg_lightblue{
  background:#edf7fc!important;
}
.bg_red{
  background:#DD1A1A!important;
  color:#fff;
}
.bg_orange{
  background: #fcf7f3;
  padding: 3%!important;
  
}
/* 関連カテゴリー項目 */
.ctgname{
width:50%;
padding: 0 1%;
box-sizing: border-box;
}
.ctgname_wp {
display:flex;
}
.banner_contact .tel02 a,
.banner_contact .tel a{
color:#DD1A1A;
font-weight: 600;
}
a.br_item_wrap:hover{
  opacity:0.7;
}
a.br_item_wrap .br_item_img{
  width:75%!important;
  margin:0 auto;
}
a.br_item_wrap p.br_item_t{
  width:75%!important;
  margin:0 auto 3em auto!important;
}
}