/* top_sp.css */

.inner {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.topMain .inner {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.topMain {
    height: 210px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    background-image: url(/img/top/main_bk_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: -1;
}

.topMain h1 {
    font-size: 2.0rem;
    top: 25px;
    left: 10px;
    transform: none;
}

.mainImg {
    width: 230px;
    top: auto;
    bottom: 0;
    right: -30px;
}

/*----------------------------------
Pickup
------------------------------------*/

ul.slide-items {
    position: relative;
}

ul.slide-items li {
    width: 49%;
    padding: 0;
}

ul.slide-items li:nth-child(2n) {
    margin-left: 2%;
}

ul.slide-items::after{
  content:"";
  display: block;
  width:51%;
}

ul.slide-items li div {
    left: 10px;
    width: calc(100% - 20px);
}

ul.slide-items li img {
    width: 100%!important;
    max-width: 100%;
}

.pickupWrap .inner {
    width: 100%;
    min-width: 100%;
    padding: 20px 10px 20px 10px;
}

ul.slide-items {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}

ul.slide-items li p {
    font-size: 1.2rem;
}

ul.slide-items li span {
    font-size: 1.0rem;
}
@media screen and (max-width: 374px){
ul.slide-items li div {
    left: 8px;
    width: calc(100% - 10px);
}
ul.slide-items li p {
    font-size: 1.0rem;
}
}

/*----------------------------------
お知らせ
------------------------------------*/

.newsWrap .inner {
    padding: 20px 20px 30px;
}

.tab_box {
    display: block;
}

.tab_box .btn_area {
    flex-direction: row;
}

.tab_box .tab_panel {
    max-height: 325px;
    overflow: hidden;
    overflow-y: scroll;
    padding-left: 10px;
    padding-right: 10px;
}

.tab_box .tab_btn {
    width: 32%;
    margin-right: 2%;
    padding: 15px 10px 15px 10px;
    margin-bottom: 0;
    border-right: 1px solid #1C2445;
    border-radius: 3px 3px 0 0;
}

.tab_box .tab_btn:last-child {
    margin-right: 0;
}

.tab_box .tab_btn span {
    font-size: 1.2rem;
    text-align: center;
}

.tab_box .tab_btn.active {
    border-bottom: 1px solid #fff;
    background: #fff;
}

.tab_box .panel_area {
    width: 100%;
    padding: 30px 0 45px 0;
    margin-top: -1px;
}

ul.infoList li {
    display: block;
}

ul.infoList li p {
    font-size: 1.2rem;
    width: auto;
    margin-right: 10px;
}

ul.infoList li span.press {
    display: none;
}

ul.infoList li > div.b01 span.press {
    display: inline-block;
}

ul.infoList li > div.b01 {
    align-content: center;
}

ul.infoList li a {
    font-size: 1.4rem;
}

ul.infoList li > div.b02 {
    margin-top: 10px;
}

.tab_panel .toListBt {
    font-size: 1.4rem;
    bottom: 10px;
}

.tab_box .tab_btn:before {
    content: none;
}

/*----------------------------------
お知らせ相談・手続窓口
-----------------------------------*/

.windowWrap .inner {
    padding: 25px 20px 30px;
}

.windowWrap h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
}

.w_conts {
    width: 100%;
}

ul.wLinks {
    display: block;
    margin-top: 30px;
}

ul.wLinks li {
    width: 100%;
}

ul.wLinks li:first-child {
    margin-bottom: 20px;
}

.w_bt {
    font-size: 1.4rem;
    padding: 13px 30px 13px 15px;
}

.w_bt:after {
    right: 15px;
}

ul.wLinks li .w_bt {
    padding: 30px 30px 30px 15px;
}

/*----------------------------------
情報を探す
-----------------------------------*/

.seekWrap {
    padding: 25px 0 15px;
}

.seekWrap .inner {
    width: 100%;
}

.seekWrap h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
}

ul.s_panel {
    display: block;
}

ul.s_panel li {
    width: 100%;
    margin-right: auto;
}

ul.s_panel li a {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 20px 15px;
}

ul.s_panel li a .s_img {
    position: static;
    transform: none;
    width: 40px;
    margin-top: 10px;
}

ul.s_panel li a img {
    width: 40px;
}

ul.s_panel li a span {
    position: static;
    transform: none;
    text-align: left;
    margin-left: 20px;
}

/*----------------------------------
取り組み
------------------------------------*/

.progWrap .inner {
    min-width: 100%;
    padding: 10px 0 0;
}

ul.progLink {
    display: block;
}

ul.progLink li {
    width: 100%;
    height: 140px;
}

ul.progLink li a span {
    font-size: 1.6rem;
}

ul.progLink li a span:after {
    width: 36px;
    height: 36px;
    margin-top: -2px;
    margin-left: 30px;
}

ul.progLink li a {
    padding-left: 35px;
}

/*----------------------------------
公正取引委員会について
------------------------------------*/

.aboutWrap {
    background-image: url(/img/top/about_bk.jpg);
    background-size: 725px;
    background-repeat: no-repeat;
    background-position: left -45px top -80px;
}

.aboutWrap .inner {
    padding: 105px 10px 60px;
}

.aboutCont h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
}

.aboutCont h2 span {
    font-size: 1.4rem;
    margin-top: 5px;
}

.aboutCont {
    display: block;
}

.aboutCont .left {
    width: 100%;
}

.aboutCont .right p {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 15px;
}

a.aboutBt.pc {
    display: none;
}

.aboutCont .right a.aboutBt {
    display: block;
}

a.aboutBt {
    width: 260px;
    font-size: 1.4rem;
    margin: 30px auto 0;
    padding: 16px 10px 16px;
}

/*----------------------------------
公正取引委員会について
------------------------------------*/

.photoWrap .inner {
    padding: 40px 10px 50px;
    width: 100%;
    min-width: 100%;
}

.photoWrap h2 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 30px;
}

.slider-area {
    display: block;
}

.slider-area .p_slider {
    width: 100%;
}

.slider-area .p_thumnail {
    display: none;
}

.p_slider .slider-item img {
    width: 100%;
    height: auto;
}

a.photoLink {
    width: 260px;
    font-size: 1.4rem;
    position: static;
    margin: 30px auto 0;
    padding: 16px 10px 16px;
}

.slider-item .slider-text {
    padding: 20px 0 25px 0;
}

.p_slider .slick-prev, .p_slider .slick-next {
    display: none!important;
}

ul.progLink li:nth-child(2) {
    margin-top: 10px;
}

ul.progLink li:first-child {
    background-image: url(/img/top/prog_bk01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

ul.progLink li:nth-child(2) {
    background-image: url(/img/top/prog_bk02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}