@charset "utf-8";
/* CSS Document */

.mik_toptxt{
    margin-bottom: 20px;
    line-height: 1.8em;
    text-align: center;
}
.mik_toptxt span{display: block;}

.mik_topillust{
  position: relative;
  background: url(../img/1_il_topbg.png) center top no-repeat;
  height: 300px;
  margin-bottom: 60px;
}
.mik_topillust p{
    position: absolute;
    width: 660px;
    bottom: 15px;
    left: 50%;
    margin-left: -360px;
    line-height: 1.8em;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
.mik_topillust p span{display: block;}

h3{
    background: url(../img/1_il_h2bg.png) center 55px no-repeat;
    margin-bottom: 30px;
    text-align: center;
}
h3.mik_long{
    background: url(../img/1_il_h3bg.png) center bottom no-repeat;
padding-bottom: 24px;}

.mik_comment{
    margin-bottom: 20px;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
}

/*主な回収品目*/
.mik_tabbtn li{
    display: inline-block;
    background-color: #C8C8C8;
    border-radius: 10px 10px 0 0 ;
    width: 49.9%;
    margin-right: 0.2%;
    line-height: 53px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.mik_tabbtn li:last-of-type{margin-right: 0;}
.mik_tabbtn li.active{background-color: #F29800;}

.mik_tabdata{
    background-color: #FFEFBF;
    border: 6px solid #F29800;
    margin-bottom: 60px;
}
.mik_tabdata li:nth-of-type(n+2){display: none;}
.mik_cattitle{
    padding: 10px 0;
    font-size: 1.375rem;
    font-weight: bold;
    text-align: center;
}
.mik_borderwrap{
    border-bottom: 2px solid #F29800;
    padding: 0 10px 10px;
}
.mik_innerwrap{padding: 10px;}
.mik_colm4{
    display: inline-block;
    width: 234px;
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
}
.mik_colm4 p{padding: 10px 0;}
.mik_colm4:nth-of-type(4n){margin-right: 0;}
.mik_tabdata li:nth-of-type(2) .mik_borderwrap .mik_colm4:last-of-type{padding-top: 26px;}

/*お持ち込み・回収できないもの*/
.mik_canntdata_wrap{
  background: url("../img/1_bg_canntdata.png") no-repeat center 10px;
  padding-bottom: 10px;
}
.mik_canntdata{
    border: 15px solid #625D78;
    margin-bottom: 60px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    vertical-align: middle;
}
.mik_canntdata li span{
    display: block; font-size: 0.75rem;
  }
.mik_canntdata li{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    width: 20%;
    padding: 10px 0 8px;
    font-weight: bold;
    vertical-align: middle;
    border: 1px solid #625D78;
}
.mik_canntdata li:nth-of-type(6),
.mik_canntdata li:nth-of-type(7),
.mik_canntdata li:nth-of-type(8),
.mik_canntdata li:nth-of-type(9),
.mik_canntdata li:nth-of-type(10),
.mik_canntdata li:nth-of-type(16),
.mik_canntdata li:nth-of-type(17),
.mik_canntdata li:nth-of-type(18),
.mik_canntdata li:nth-of-type(19),
.mik_canntdata li:nth-of-type(20),
.mik_canntdata li:nth-of-type(26),
.mik_canntdata li:nth-of-type(27),
.mik_canntdata li:nth-of-type(28),
.mik_canntdata li:nth-of-type(29),
.mik_canntdata li:nth-of-type(30){background:rgba(0,0,0,0.1);}/*
.mik_canntdata li:last-of-type{width: 80%;}*/
.mik_red{color: #B81332;}

/*機密書類処理のご案内*/
.mik_secret{
    background-color: #FFEFBF;
    padding: 20px;
    margin-bottom: 60px;
}
.mik_secret div{display: inline-block;}
.mik_secrettxt{
    width: 655px;
    margin-left: 30px;
}
.mik_secrettxt h4{
    line-height: 4em;
    font-size: 1.5rem;
    font-weight: bold;
}
.mik_secrettxt p{margin-bottom: 20px;}
.mik_secrettxt span{display: block;}
.mik_secrettxt b{color: #FF7272;}
.mik_secrettxt a{
    color: #3D84A7;
    font-weight: bold;
}
.mik_secrettxt a:hover{
    text-decoration: none;
    color: #FF7272;
}


/*拠点案内*/
.mik_3colm{margin-bottom: 60px;}
.mik_3colm li{
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    font-size: 0.875rem;
}
.mik_3colm li:last-of-type{margin-right: 0;}
.mik_placename{
    background-color: #C0F4FC;
    border-top: 2px solid #0096E0;
    line-height: 50px;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
}
.mik_map{
    position: relative;
    height: 200px;
    margin-bottom: 10px;
    overflow: hidden;
}
.mik_map iframe{
    position: absolute;
    right: 0;
    bottom: 0;
	pointer-events: none;
}
.mik_3colm li span{display: block;}
.mik_icon{
    background-color: #F29800;
    width: 80px;
    line-height: 1.5em;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
    margin:24px 0 12px 0;
}

/*よくある質問*/
.mik_qa li:nth-of-type(odd){
    border-top: 2px solid #0096E0;
    background-color: #C0F4FC;
    height: 80px;
    font-weight: bold;
}
.mik_qa li:nth-of-type(even){
  background-color: #FEFBF1;
  margin-bottom:30px;
}
.mik_qa dt{
    display: inline-block;
    width: 80px;
    color: #FFFFFF;
    font-size: 2.625rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.mik_qa dd{
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: middle;
}
.mik_qa li:nth-of-type(odd) dt{padding: 15px 0;}
.mik_qa li:nth-of-type(even) dd{padding: 20px 20px 20px 0;}
.mik_qa dd span{display: block;}
.mik_qa dd a{color: #0096DF;}
.mik_qa dd a:hover{color: #FF7272;}








/*-----------------------------------------------*/
/*------------------レスポンシブ-----------------*/
/*-----------------------------------------------*/
@media screen and (max-width : 820px){
  .mik_topillust{
    background-size: contain;
    height: 228px;
  }
  .mik_topillust p{
    text-shadow:1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 2px 2px 1px #FFFFFF, -2px -2px 1px #FFFFFF, -2px 2px 1px #FFFFFF, 2px -2px 1px #FFFFFF, 2px 0 1px #FFFFFF, 0 2px 1px #FFFFFF, -2px 0 1px #FFFFFF, 0 -2px 1px #FFFFFF, 3px 3px 1px #FFFFFF, -3px -3px 1px #FFFFFF, -3px 3px 1px #FFFFFF, 3px -3px 1px #FFFFFF, 0 3px 1px #FFFFFF, 0 -3px 1px #FFFFFF, -3px 0 1px #FFFFFF, 3px 0 1px #FFFFFF;;
    bottom: 20px;
    margin-left: -310px;
    line-height: 1.2em;
    color: #2F5784;
    font-size: 0.875rem;
  }


  .mik_colm4{
    width: 24.8%;
    margin-right: 0.2%;
  }
  .mik_colm4 img{width: 100%;}
  .mik_innerwrap:nth-of-type(2) .mik_colm4:last-of-type{padding-top: 0;}

  .mik_canntdata li.mik_fs{font-size: 0.875rem;}

  .mik_secret div:first-of-type{width: 250px;}
  .mik_secret div:first-of-type img{width: 100%;}
  .mik_secrettxt{
    width: calc(100% - 265px);
    margin-left: 15px;
  }
  .mik_secrettxt h4{line-height: 2em;}

    .mik_3colm li:last-of-type .mik_placename{font-size: 0.925rem;}
}
@media screen and (max-width:428px){
  .mik_toptxt{text-align: left;}
  .mik_topillust{
    background-image: url(../img/1_il_sp_topbg.png);
    height: 200px;
    margin-bottom: 177px;
  }
  .mik_topillust p{
    width: 100%;
    left: auto;
    bottom: -148px;
    margin-left: 0;
    line-height: 1.5em;
    text-align: left;
    font-size: 1rem;
    color: #444444;
    text-shadow:none;
  }

  .mik_comment{text-align: left;}
  .mik_tabbtn li{
    border-radius: 10px;
    width: 100%;
    margin: 0 auto 10px;
  }
  .mik_colm4{
    width: 49.5%;
    margin: 0 1% 5px 0;
  }
  .mik_colm4:nth-of-type(even){margin-right: 0;}
  .mik_colm4 img{display: none;}
  .mik_colm4 p{
    display: block;
    width: 100%;
    padding: 0;
  }
  .mik_innerwrap .mik_colm4:nth-of-type(4) p{font-size: 0.875rem;}

  h3.mik_long img{width: 55%;}

  .mik_canntdata{margin-bottom: 64px;}
  .mik_canntdata li{width: 50%;}
  .mik_canntdata li:nth-of-type(6),.mik_canntdata li:nth-of-type(7),.mik_canntdata li:nth-of-type(8),.mik_canntdata li:nth-of-type(9),.mik_canntdata li:nth-of-type(10),
  .mik_canntdata li:nth-of-type(16),.mik_canntdata li:nth-of-type(17),.mik_canntdata li:nth-of-type(18),.mik_canntdata li:nth-of-type(19),.mik_canntdata li:nth-of-type(20),
  .mik_canntdata li:nth-of-type(26),.mik_canntdata li:nth-of-type(27),.mik_canntdata li:nth-of-type(29),.mik_canntdata li:nth-of-type(30){background: none;}
  .mik_canntdata li:nth-of-type(4n+3),.mik_canntdata li:nth-of-type(4n+4){background: rgba(0,0,0,0.1);;}
  .mik_canntdata li.mik_fs{font-size: 1rem;}

  .mik_secret{margin-bottom: 64px;}
  .mik_secret div{display: block;}
  .mik_secret div:first-of-type{
    width: 100%;
    margin-bottom: 10px;
  }
  .mik_secrettxt{
    width: 100%;
    margin-left: auto;
  }
  .mik_secrettxt h4{line-height: 1.2em;}
  .mik_3colm{margin-bottom:  44px;}
  .mik_3colm li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 64px;
  }
  .mik_3colm li:last-of-type .mik_placename{font-size: 1.125rem;}
  .mik_3colm li iframe{width: 100%;}
}
@media screen and (max-width : 375px ){
  .mik_topillust{
    height: 172px;
    margin-bottom: 130px;
  }
  .mik_topillust p{bottom: -148px;}

  .mik_canntdata li,
  .mik_canntdata li.mik_fs{font-size: 0.875rem;}

  .mik_qa li:nth-of-type(odd){height: auto;}
  .mik_qa dt{
    width: 40px;
    padding: 15px 10px;
  }
  .mik_qa li:nth-of-type(odd) dt{padding: 15px 10px;}
  .mik_qa dt img{width: 100%;}
  .mik_qa dd{width: calc(100% - 40px)}
  .mik_qa li:nth-of-type(even) dd{padding:10px 10px 10px 0;}
}
@media screen and (max-width : 320px ){
  .mik_topillust{height: 148px;}
  .mik_colm4{
    width: 100%;
    margin: 0 auto 5px;
  }
  .mik_colm4 p{
    line-height: 34px;
  }
  .mik_innerwrap .mik_colm4:nth-of-type(4) p{font-size: 1rem;}

  .mik_canntdata li.mik_fs{font-size: 0.75rem;}
}